﻿	#body
	{
		margin: 0px 0px 0px 0px;
		padding: 0px;
		font: 80% tahoma, hevetica, sans-serif;
		font:normal 12px Verdana;
		text-align: center;
		color: black;
		
		/*	@MAINCOLOR THE COLOR OF THE HTML PAGE OR OUTER CANVAS	*/
		background-color: #ddb;
		background-color: Whitesmoke;
		background-color: #817e6b;
		background-color: White;
	
		/*THE FOLLOWING 3 :LINES CENTRE THE WEBPAGES*/
		margin-left: auto;
		margin-right: auto;
		width: 995px;		
		min-height:900px;

	}
	
/*	zettaset
	maksimy@yahoo.com
*/

	#container
	{
		xposition:relative;		/*THIS ALLOWS LOGIN BOX TO APPEAR AT TOP BUT CAUSES FS_PREVIEW TO WHEEL-ZOOM SLIGHTLY OFF TARGET	*/
		width: 100%;		
		
		/*
		width: expression(document.body.clientWidth < 851? "850px": "100%" );
		*/
		text-align:left;
		
		/*	@MAINCOLOR MAIN CONTENT COLOR	*/
		background-color: #f0f0e0;
		background-color: #e7e8e9;
		background-color: #918e7b;
		background-color: yellow;
		background-color: #ddb;
		background-color: Lime;
		background-color: DarkRed;
		background-color: orange;
		background-color: Transparent;
		background-color:WhiteSmoke;
		background-color: White;
		
	}
	

	#contents
	{
		/*	@MAINCOLOR THE COLOR OF THE HTML PAGE OR OUTER CANVAS	*/
		background-color: #f0f0e0;
		background-color: #ddb;
		background-color: White;
		background-color:  Transparent;
		float:left;
    	width:995px;
		border-top: 0px solid DarkRed;
		xborder: 1px solid DarkRed;
    	
    	
    	margin: -26px 0px 3px 0px;		/*	FOR IE8 & OTHERS	*/
   		*margin-top:-27px;		/*for <IE7    	*/
   		*margin-right:-55px;	/*for <IE7    	*/

		position:relative;
		left:0px;

	}


#lb_container {
	position: absolute;
	float: right;
	top: 0px;
	right: 0px;
	background-color: Transparent;
	border: solid 0px DarkSlateGray;
	height: 24px;
}

#lb_left1 {
	float: left;
	border: solid 0px Green;
	width: 12px;
	height: 24px;
}

#lb_left {
	float: left;
	border: solid 0px Green;
	width: 12px;
	height: 24px;
	BACKGROUND: url(../Images/logout-left.gif) no-repeat;
}

#lb_right {
	position: relative;
	float: right;
	border: solid 0px Red;
	height: 100%;
	BACKGROUND: url(../Images/logout-right.gif) repeat-x;
}

#lb_logged_in_as_label {
	position: absolute;
	top: 0px;
	left: 0px;
	font: normal 8px Tahoma;
}

#lb_logged_in_as_name {
	float: left;
	margin: 10px 5px 0px 5px;
	font: bold 10px Tahoma;
}

#lb_status_logout {
	position: absolute;
	top: 0px;
	right: 2px;
	font: bold 10px Arial;
	text-decoration: underline;
	cursor: pointer;
}

#lb_status_admin_user {
	position: absolute;
	top: 1px;
	right: 45px;
	font: normal 8px Arial;
	text-decoration: underline;
	cursor: pointer;
	color: Blue;
}

#lbo_right {
	position: relative;
	float: right;
	color: White;
	height: 100px;
	font: bold 12px Arial;
	padding: 4px 10px 2px 10px;
	BACKGROUND: url(../Images/login.gif) no-repeat;
	cursor: pointer;
}

.lb_textentry {
	width: 200px;
	background-color: beige;
}

	.topleft-image
	{
		position:absolute;
		z-index:0;

	}
	
	#header2
	{
		background-color: White;
		width:100%;
		height:86px;
		position:relative;
	}
	
	#header2-image
	{
		background-image:url(../Images/hlp_header_2.jpg);
		background-repeat:no-repeat;	
		height:89px;
		height:110px;
		z-index:222;
		border: 0px solid black;
		width:800px;
		width:995px;
		border-bottom:solid 5px Lime;
		border-bottom:solid 0px Black;
	
		float:left;
	}
	#header-right
	{
		background-color: orange;
		background: url(../Images/rrtr.gif) no-repeat top right; 
		float:left;
	}
	#header-contact-block
	{
		background-color: Orange;
		background: url(../Images/rrtr.gif) no-repeat top right; 
		background-repeat:no-repeat;	
		
    	margin: 0px 0px -20px -40px;
    	padding:0px 0px -10px 0px;
	
		float:left;
	}	
	




.thumbnail-image
{
	border: 1px solid gray;
	vertical-align:bottom;

}

/********   top-menu	*******************/




.top-menu
{
	padding-left:114px;
} 

.top-menu ul
{
list-style: none;
padding: 0;
margin: 0;
}

.top-menu li
{
}

.top-menu li a
{
font: 80.6%/1.5 Tahoma,sans-serif;
font-weight:600;
text-decoration:none;/*underline;*/
padding-left:20px;
padding-right:20px;
margin-left:1px;
height: 1.3em;
line-height: 1.1em;
width: 100px;
display: inline;
border: 0.1em solid red;
text-align: left;
background-image:none;
color: blue; 
background-color:beige; 
border-color:Beige;	
background: gainsboro;
}

.top-menu li a
{
float: none
}

.top-menu li a:hover
{
	border-color: Beige;
	color: navy;
	background: Beige;
}

.topmenu-items
{
	text-indent:100px;
	font: 12px Tahoma;
	font-weight:600;
	color: White;
}

/**    navigation    ***************************/
ul#navigation {
	width: 5em;
}
ul#navigation li {
  list-style: none;
  background-color: #339;
  border-top: solid 1px #039;
  text-align: left;
  margin: 0;
}
ul#navigation li a {
  display: block;
  text-decoration: none;
  font: 80.6%/1.3 Arial,sans-serif;text-align:center;
  padding: .25em;
  border-bottom: 1px solid #3399FF;
  border-right: 1px solid #3399FF;
  background-color: #fff;
}
a:link, a:visited { color: #000000; }
a:hover, a:active 
{
/*  background : url(background_hover.gif) #fcf bottom left repeat-x;*/
     color: #000000;
} 
ul#navigation li a:hover 
{
  background : url(background.gif) #fff bottom left repeat-x;
     color: #ff0000;
     background-color: #fff;
}



.home-top 
{
	text-indent:0px;
	background-color:White;
	border:solid 0px LightGray;
	height:540px;
	margin:10px 0px 5px 0px;
}

.home-top li{color:crimson; text-indent:-17px; font:bold 11px Tahoma; margin:0px;padding:0px 0px 0px 25px;}	
.home-top h3{color:crimson; text-indent:-40px; font:bold 11px Tahoma; margin:0px;padding:0px 0px 5px 25px;}	
.home-top h4{color:beige;font:bold 13px Tahoma; margin:0px;padding:0px 3px 6px 3px; text-align:center;}
.home-top h5{color:whitesmoke;font:normal 11px Tahoma;}
.home-top h6{color:whitesmoke; font:normal 12px Verdana; margin:0px;padding:0px 6px 8px 6px;}	
.home-top a{color: darkred;font: bold 11px Tahoma;margin: 0px;}	
.home-top a:hover{color:orangered; font:bold 11px Tahoma; margin:0px; text-decoration:underline;}	

	
	html>body #contents 
	{
		/*This one also gets called after the above #contents	*/
		
	}

#footer {
	margin: 0px 0px 10px 0px;
	width: Auto;
	border-top: 2px solid #999;
	vertical-align: bottom;
	text-align: left;
	font: normal 11px Tahoma;
	clear: both;
	background-color: whitesmoke;
	background-color: lightgray;
	background-image: linear-gradient(to bottom, #bbbbbb, #dddddd); /* Standard syntax; must be last */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#bbbbbb', EndColorStr='#dddddd');
	border: solid 2px DarkGray;
	border-left: 1px solid Black;
	border-top: 1px solid Black;
	border-right: solid 2px DarkSlateGray;
	border-bottom: solid 2px DarkSlateGray;
}
	#footer a
	{
		border: 0px solid Red;
	}
/*---- SE (MASTER SEARCH ENGINE LINKS)*/
#ma-selinks_container {
	vertical-align: bottom;
	overflow: auto;
	margin: 0px;
	background-color: transparent;
	border: solid 0px Green;
	float: left;
	display: block;
}
	#ma-selinks_container a {
		margin: 0px 5px 5px 0px;
		padding: 3px 5px 3px 5px;
		font: bold 10px Arial;
		display: inline-block;
		background-color: lightgray;
		color: Black;
		border: 1px solid lightgray;
	}
#ma-selinks-selected-item {
	background-color: blue;
	color: orange;
	border: 2px solid cyan;
}

#ma-selinks-instructions {
	font: bold 11px Arial;
	margin: 5px 5px 5px 5px;
	padding: 2px;
	background-color: Black;
	color: White;
	float: left;
	overflow: auto;
	display: inline-block;
}
.ma-selinks-item_container {
	font: bold 12px Arial;
	margin: 1px 0px 1px 5px;
	display: inline-block;
	width: 88%;
	background-color: transparent;
	color: White;
	border: 0px solid Green;
}
/*=========================================================================*/

#footer-links {
	position: relative;
	margin: 5px 5px 5px 5px;
	clear: left;
	display: block;
	background-color: lightgray;
	border: solid 1px darkgray;
}
	#footer-copyright-line
	{
		float:right;
		font:normal 10px Arial;
		color:Black;
		margin:5px 5px 2px 2px;


		
	}
	
#result-progress
{
	visibility:visible;
	visibility:hidden;
	position:absolute;
	left:370px;
	top:128px;
	width:100px;
	z-index:10;
}

#imgbox 
{
    vertical-align : middle;
    position : absolute;
    border: 1px solid #999;
    background : #FFFFFF; 
    filter: Alpha(Opacity=100);
    visibility : hidden;
    height : 200px;
    width : 200px;
    z-index : 50;
    overflow : hidden;
    text-align : center;
}
	
/*#body a{color:blue;font:normal 11px Tahoma; margin:0px;padding:0px 3px 0px 3px;}	*/
#body p{color:whitesmoke;font:normal 11px Tahoma; margin:0px;padding:0px 3px 0px 3px;}	
#body h5{color:gold;font:bold 13px Tahoma; margin:0px;padding:0px 3px 6px 3px; text-align:center;}	
#body h6{color:whitesmoke; font:normal 12px Verdana; margin:0px;padding:0px 6px 8px 6px;}	

.msm-progress
{
	z-index:70;    
	float:right; 
	position:relative; 
	top:-8px; 
	right:10px;
	visibility:hidden;
}

.res-model-header
{
	margin: 15px 0px 0px 50px;
	background: url(../Images/orange_shade.png) #a2a089 repeat-x right top;
	color:Black;
	font: bold 130% Arial, hevetica, sans-serif;
	padding-left:5px;
	padding-bottom:1px;
	border:solid 1px #555;
	border-bottom:none;
	float:none;
}

/*
dark:	#817e6d
light:	#a2a089
*/

.home-links h3{color:crimson; text-indent:-10px; font:bold 11px Tahoma; margin:0px 5px 4px 20px;padding:0px 0px 0px 0px;}	
.home-links a{color:crimson; text-decoration:none; font:bold 11px Tahoma; }	
.home-links a:hover{ color:crimson; text-decoration:underline; border:solid 0px red;}
/*
.home-links a:hover{ color:black; background-color:beige; text-decoration:none; border:solid 0px black;}
*/


.contact-block	{background-color:#272b2a; float:left;width: 100%;margin:5px 0px 0px 0px;position:relative; right:2px;}
.contact-block h3{color:gold;font:bold 13px Tahoma;margin:-5px 0px 2px 10px;}
.contact-block h6{color:blue;font:bold 13px Tahoma;margin:0px 0px 0px 0px;}
.contact-block h5{color:whitesmoke;font:normal 11px Tahoma;text-align:left;}
.contact-block div h5{color:whitesmoke;font:normal 11px Tahoma;text-align:left;}
.contact-block-text p{color:blue;font:bold 13px Tahoma;margin:0px 0px 0px 0px;}
.contact-block a{color:blue;font:bold 13px Tahoma;margin:0px 0px 0px 0px;}

.contact-block h4{clear:both; color:whitesmoke;font:normal 11px Tahoma; margin:0px 0px 2px 10px;}

.infoblock{color:black;font:normal 12px Verdana; margin:0px 15px 0px 15px;}
.infoblock h3{color:darkred; clear:both; font:bold 13px Tahoma; margin:0px;padding:0px 0px 5px 0px; text-align:center;}	
.infoblock h2{color:crimson;font:bold 12px Verdana; margin:5px 10px 0px 10px;}
html>body div.infoblock
{
}


.lensrep			{clear:right; float:right; border:solid 1px gray; width: 260px; height: 190px;background: url(../Images/lens_repair_before_after.jpg) 0 -190px no-repeat;}
.lensrep a			{margin:0px 0px 0px 0px; display: block;width:100%; height:100%;overflow:hidden;color:#039;text-decoration: none;background: url( '../Images/lens_repair_before_after.jpg' ) top left no-repeat;}
.lensrep a:hover	{background-image: none;color: yellow;}


.orange-header
{
	margin: 0px 0px 2px 0px;
	background: url(../Images/gray_shade.png) #a2a089 repeat-x right top;
	background: url(../Images/blue_shade.png) #a2a089 repeat-x right top;
	background: url(../Images/orange_shade.png) #a2a089 repeat-x right top;
	color:White;
	color:Black;
	color:#393400;

	font: bold 130% Arial, hevetica, sans-serif;
	font:bold 17px Arial;
	padding: 0px 0px 3px 5px;
	/*
	border-left:solid 2px LightSlateGrey;
	border-right-width:2px;
	border-bottom:none;
	border:solid 1px #555;
	border-top:solid 1px #555;
	border-bottom:solid 1px #555;
	*/
	border:solid 1px #555;
	
	float:none;
	width:auto;
	height:18px;
}

.search-button
{
	position:absolute;
	cursor:pointer;
	border:solid 0px Blue;
	background-color:Transparent;
	background-color:Cyan;
	
	background-size:75px 35px;
	
	
	/*THIS IS REQUIRED FOR IT TO DISPLAY IN FF3.6 */
	-moz-border-image: url(../Images/search_button_blue.gif) 0;    /* Gecko 1.9.1 (Firefox 3.5) */
	
	
	
	background-size:75px 35px;
	width:75px;
	height:35px;	
	
	BACKGROUND: url(../Images/search_button_blue.gif) no-repeat;
	background-size: contain;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='Images/search_button_blue.gif',sizingMethod='scale');	
	
}


#login_main_block
{
	position:absolute;
	float:right;
	top:0px;
	right:0px;
	background-color:Transparent;
	cursor:pointer;
	height:18px;
	z-index:102;
	font:bold 11px Arial;
	padding:1px 7px 2px 7px;
	xbackground-size:180px 18px;
	xfilter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../Images/logout.gif', sizingMethod='scale');
	-xms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../Images/logout.gif', sizingMethod='scale')";	
}

.login_mode
{
	BACKGROUND: url(../Images/login.gif) no-repeat;
	color:White;
	height:18px;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../Images/login.gif', sizingMethod='scale');
	
}
.login_mode:hover
{
	BACKGROUND: url(../Images/logout.gif) no-repeat;
	color:Black;
}

.logout_mode
{
	height:18px;
	BACKGROUND: url(../Images/logout.gif) no-repeat;
	color:Black;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../Images/logout.gif', sizingMethod='scale');
}

#login_popup_container
{
	position:absolute;
	top:-4px;
	right:80px;
	float:right;
	
	
	width:360px;
	height:190px;
	padding:10px;
	border:solid 2px DarkSlateGray;
	border:3px outset Blue;
	visibility:hidden;
	
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#cccccc', EndColorStr='#eeeeee');
	background-image: -webkit-linear-gradient(top, #cccccc, #eeeeee); /* For Chrome and Safari */
	background-image:    -moz-linear-gradient(top, #cccccc, #eeeeee); /* For old Fx (3.6 to 15) */
	background-image:     -ms-linear-gradient(top, #cccccc, #eeeeee); /* For pre-releases of IE 10*/
	background-image:      -o-linear-gradient(top, #cccccc, #eeeeee); /* For old Opera (11.1 to 12.0) */
	background-image:         linear-gradient(to bottom, #cccccc, #eeeeee); /* Standard syntax; must be last */
}
#CancelLogin
{
	position:absolute;
	float:right;
	top:60px;
	right:10px;
	width:60px;
	background-color:LightPink;
}

.log_in_button
{
	position:absolute;

	top:10px;
	right:10px;
	float:right;
	width:60px;
	background-color:Aquamarine ;
}
.login_fail_text
{
	position:absolute;
	left:20px;
	color:Red;
	margin:5px 0px 5px 0px;
}
.login_forgot
{
	position:absolute;
	top:140px;
	left:20px;
	
}
#linkCreateNewUser
{
	position:absolute;
	top:170px;
	left:20px;
	color:Blue;
	text-decoration:underline;
	cursor:pointer;
}
.login_link_block
{
	position:relative;
	clear:both;
	float:left;
	margin:20px 0px 0px 0px;
}
.login_op_link
{
	display:block;
	clear:both;
	margin:10px 10px 0px 10px;
	color:Blue;
	text-decoration:underline;
	cursor:pointer;
}
