﻿	#html, #body
	{
		margin: 0px;
		padding: 0px;
		font: 80% tahoma, hevetica, sans-serif;
		font:normal 12px Verdana;
		text-align: center;
		color: black;
		background-color: #918e7b;
	}
	
	#container
	{
		min-width:850px;
		background:#e7e7ce;
		background-color: #efead3;
		background-color: beige;
		background-color: #918e7b;
		width: expression(document.body.clientWidth < 851? "850px": "100%" );
		/*
		width: expression(if(document.body.clientWidth < 816){document.body.clientWidth=600;});
		*/
		
		
		text-align:left;
	}
	
	#header
	{
		background-color: fuchsia;
		background-color: #ffffcc;
		background-color: white;
		width:100%;
		background-image:url(../Images/hlp_header.jpg);
		background-repeat:no-repeat;	
		height:86px;
	}
	
	#menu-left
	{
		height:570px;
/*		height:100%;*/
		background: #c39c27;
		background: #918e7b;
		background: #cccc88;
		background-color: #434333;
		background-repeat:repeat-y;
		background-image:url(../Images/left_menu_pinstripes.gif);
		float: left;
		width: 120px;
		voice-family: "\"}\"";
		voice-family: inherit;
		width: 121px;
		margin-top:-1px;
		border-right: 0px solid black;
	}
	
	#wrapper
	{
		
	}
	
	#contents
	{
		min-width:500px;
		/*border:4px solid black;*/
		float:left;
    	margin: 0px 0px 0px 0px;
    	padding:0px 0px 0px 5px;
    	width:66%;
		background:#e7e7ce;
		background-color: #efead3;
		background-color: beige;
		background-color: #918e7b;
		border:solid 1px red;
		border:solid 1px gray;
		border-top:solid 1px black;
	}
	html>body #contents {
		height:auto;
		margin: 0px 0px 0px 0px;
    	padding:0px 0px 0px 5px;
	}
		
	#rightbar
	{
    	padding: 0px 0px 0px 0px;
		float:right;
		width:160px;
		width:18%;
		background-color: #a19e7b;
		background-color: #918e7b;
/*		
		background-color: #434333;
		background-repeat:repeat;
		background-image:url(../Images/left_menu_pinstripes.gif);*/
		
		border-left:solid 1px gray;
		vertical-align:top;
		padding-top:5px;
		height: 500px;
		z-index:50;
		clear:right;

	}	
	
	#footer
	{
		clear:both;
		height: 50px;
		width:100%;
		background-color: black;
		vertical-align:bottom;
	}
	
	
/*#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;}	

/********   left-menu	*******************/
#nav-menu
{
padding: 0;
margin: 0;
} 

#nav-menu ul
{
list-style: none;
padding: 0;
margin: 0;
}

#nav-menu li
{
		width: 100px;
    	voice-family: "\"}\"";
    	voice-family: inherit;
    	width: 120px;	
}

#nav-menu li a
{
font: 80.6%/1.5 Tahoma,sans-serif;
font-weight:600;
/*text-decoration:underline;*/
text-decoration:none;
line-height: 20px;/*1.3em;*/
width: 100px;
display: block;
color: black;
/*background : url(../Images/yellow_gradient_horz.png);*/
background: gainsboro;
border: solid 1px gray;
padding: 0px 0px 0px 10px;
margin: 2px 0px 0px 5px;
border-bottom: 1px solid Black;
border-top: 1px solid white;
border-left: 1px solid white;
border-right: 1px solid Black;
}

#nav-submenu li a
{
font:70.9%/1.5 Tahoma,sans-serif;
font-weight:400;
line-height: 15px;
float: left;
width: 100px;
background:#e7e7ce;
text-decoration: none;
text-align: left;
border: solid 1px gray;
margin: 0px 0px 0px 5px;
border-bottom: 1px solid Black;
border-top: 1px solid white;
border-left: 1px solid white;
border-right: 1px solid Black;
}

#nav-menu li a
{
float: none
}

#nav-menu li a:hover
{
	/*background: url(background.gif) #fff bottom left repeat-x;*/
	background: gray;
	color: #000000;
	background: beige;
}

#nav-menu li a:active 
{
    color: #ff0000;
}

.list-selector
{
	float:left;
	text-align:center;
	
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 10px;    		
	voice-family:"\"}\""; voice-family:inherit;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 5px;
}
html>body div.list-selector 
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 10px;
}



.list-selector h4
{
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	font-weight: 700;
	text-align: center;
	vertical-align: top;
	border-bottom: solid 1 red;
	color: Blue;
}




/* ROUDED BORDER CONTENT---------------------------------------*/
.roundcont
{
	/*	FILTER:  progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#999f9fff, endColorstr=#00000000);*/
	background-color: #d0d0ff;
	background-color: burlywood;
	background-color: #cccc99;
	background-color: #817e6d;
	color: Navy;
	text-align: left;
	background: url(../Images/orange_shade.png) #a2a089 repeat-x right -7px;
	padding: 0px 0px 0px 0px;
	margin: 5px 0px 0px 5px;
}

.roundcont p {
	margin: -11px 10px 5px 10px;
	font:  400 70.2%/1.0 Tahoma,sans-serif;
	text-align:center;
	color:whitesmoke;
}


.roundcont h3
{
	margin: 2px 10px 0px 0px;
	font: 110.8%/1.3 Arial,sans-serif;
	font:normal 15px Arial;
	font-weight: 700;
	text-align: center;
	vertical-align: top;
	border-bottom: solid 1 red;
	color: #4a4700;
	position: relative;
	top: -9px; /*this forces text up into higher ground*/
}

.roundtop { 
	background: url(../Images/rrtr.gif) no-repeat top right; 
	height:8px;
}

.roundbottom {
	background: url(../Images/rrbr.gif) no-repeat top right; 
	height:8px;
}

img.corner {
   width: 8px;
   height: 8px;
   border: none;
   display: block !important;
}

.car-selector
{
	margin-left:4px;
	height: 220px;
	width: 95%;
}

.msm-progress
{
	z-index:70;    
	float:right; 
	position:relative; 
	top:-8px; 
	right:10px;
	visibility:hidden;
}

/********   msm-menu	*******************/
.msm-menu a:visited, a:active
{
	color:black;
}

.msm-menu
{
	width:90%;
	/*height:224px;*/
	/*overflow:scroll;*/
	/*background:olive;*/
	border: solid 3 green;
	
	color:whitesmoke;
	/*font:  400 70.2%/1.0 Tahoma,sans-serif;*/
  
	voice-family:"\"}\""; voice-family:inherit;
	margin: 6px 0px 0px 1px;
	padding: 0px 5px 0px 5px;
	
}
html>body .msm-menu
{
	float:left;
	margin: 0px 0px 0px 4px;
	padding: 0px 0px 1px 12px;
}

.msm-submenu a:hover
{
	color:Black;
	background:gold;
}
.msm-submenu a
{
	font:90.8%/1.0 Verdana,sans-serif;
	font-weight:400;
	float: left;
	width: 120px;
	border: 1px solid #eeeeee;
	background:#DDC;
	border: 1px solid black;
	color: black;
	text-align: left;
	cursor:default;
	text-decoration:none;

	cursor:pointer;

	voice-family:"\"}\""; voice-family:inherit;
	margin: 2px 0px 0px 0px;
	padding: 0px 0px 2px 2px;
}
html>body .msm-submenu a
{
	margin: 2px 0px 0px 0px;
	padding: 0px 0px 2px 4px;
}

.result-year
{
	display: inline;
	font: 90.8%/1.0 Tahoma,sans-serif;
	color: darkslateblue;
	color: #444;
}
.result-single
{
	float:left;
}
.result-msm
{
	color:Black; 
	background:#817e6d;    
	font: 100% bold arial, hevetica, sans-serif;	
	width:500px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 1px 6px;
	background:#817e6d;    
	background: url(../Images/orange_shade.png) #a2a089 repeat-x right top;
	
	border:solid 1px #555;
	border-bottom:none;
}
.result-table 
{
	font: 90.0%/1.2 verdana, hevetica, sans-serif;
	font: normal 12px Verdana;
		
	border:1px;
	margin:0px 0px 0px 0px;
	BORDER-RIGHT: #555 0px solid; BORDER-TOP: #555 1px solid;  margin-bottom:1em 0px; BORDER-LEFT: none; BORDER-BOTTOM: #555 0px solid; BORDER-COLLAPSE: inherit; border-spacing: 0
}
html>body .result-table
{
	margin: 0px 0px 0px 0px;
	padding: 0px 3px 0px 0px;
}
.result-table a
{
	font: bold 13px Verdana;
	text-decoration: underline;
	color: Black;
}
.result-table a:hover
{
	font: bold 13px Verdana;
	text-decoration: underline;
	color: Blue;
}
.result-index-link
{
	background: url(../Images/orange_shade.png) #a2a089 repeat-x right top;
}
.res-year
{
	color:Red;
}

.result-table TD {
	BORDER-RIGHT: #555 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #555 0px solid; PADDING-LEFT: 3px; PADDING-BOTTOM: 2px; BORDER-LEFT: #555 0px solid; PADDING-TOP: 1px; BORDER-BOTTOM: #555 1px solid
}
.result-table TR {
	BORDER-RIGHT: #555 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #555 0px solid; PADDING-LEFT: 3px; PADDING-BOTTOM: 2px; BORDER-LEFT: #555 0px solid; PADDING-TOP: 1px; BORDER-BOTTOM: #555 1px solid
}
.result-table-header
{
	color:whitesmoke;
	vertical-align:top;
	font: 90% tahoma, hevetica, sans-serif;
	font: normal 11px tahoma;
	letter-spacing:normal;
	width: 500px;

	background:#817e6d;    
	BORDER-RIGHT: #555 1px solid; PADDING-RIGHT: 6px; BORDER-TOP: #555 0px solid; PADDING-LEFT: 6px; PADDING-BOTTOM: 2px; BORDER-LEFT: #555 0px solid; PADDING-TOP: 2px; BORDER-BOTTOM: #555 1px solid;

}
.result-table-comments
{
	font: normal 10px Verdana;
}

.result-table-code
{
	font: normal 11px Verdana;
}




.res-single-container
{
	width:100%;
/*	margin-bottom:15px;*/
}
html>body div.res-single-container 
{
	float:left;
}


.res-info-block
{
	float:left;
	width:99%;
}

#res-index-table
{
	clear:both;
	float:left;
	margin:10px 10px 10px 10px;
}








.res-left-info
{
	font: 80% arial, hevetica, sans-serif;
	font: normal 11px arial;

	float:left;
	width:100px;
	background:#817e6d;
	color:whitesmoke;
	border:solid 1px #555;
}
html>body .res-left-info
{
	margin: 0px 0px 0px 0px;
	padding: 0px 2px 0px 0px;
}


.res-left-info p
{
	margin:3px 2px 1px 3px;
}
.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;
}
.res-right-table
{
	float:left;
}
html>body .res-right-table
{
	margin: 0px 0px 0px 50px;
	padding: 0px 0px 0px 0px;
	border-left:solid 1px #555;
}

.res-image
{
	border:solid 1px black;
	margin:0px 0px 0px 0px;

}
.res-gototop
{
	position:relative;
	top:-3px;
	left:200px;
	font: 80% arial, hevetica, sans-serif;
	font:normal 11px Arial;
	color:Navy;
}

.gal-contents-container
{
	margin-top:10px;
/*	border:solid 2px blue;*/
	width:100%;
}


.gal-content-image
{
	position:absolute;
	border:none;
	margin-left:5px;
	cursor:pointer;
}
html>body .gal-content-image{
	margin-left: -5px
}

.gal-contents-item
{
	color:Blue;
}

.gal-contents-item a {
display:block;
float:left;
margin-left:10px;
width: 90px;
height:132px;
padding:10px 10px 10px 7px;
font: bold 17px sans-serif;
color:beige;
background-color:Transparent;
background:  url("../images/gallery/gallery_panel.jpg") 0 0 no-repeat;
text-decoration: none;
text-align:center;
}

#gal-scenario-container
{
	margin:15px 0px 10px 2px;
	display:block;
	float:left; 
	width: 98%;
	background-color:#434333;
	padding:0px 0px 0px 0px;
	visibility:hidden;
}

.gal-scenario-item
{
	display:block;
	float:left;
	font: bold 17px sans-serif;
	color:whitesmoke;
	background-color:#817e6d;
	text-align:center;
	background: url(../Images/orange_shade.png) #817e6d repeat-x right top;
	background-position:0px -10px;
	width:115px;
	width:22%;
	border:solid 2px black;
	padding:0px 0px 0px 0px;
	margin:3px 3px 5px 3px;
	text-decoration:none;
	
	height:160px;
	overflow:hidden;
	text-overflow: ellipsis;
}
html>body .gal-scenario-item{
	margin-left:10px;
}
.gal-scenario-item p
{
	text-decoration:none;
	color:whitesmoke;
}

.gal-scenario-image
{
	border:solid 1px #505050;
	margin-top:3px;
}

.gal-scenario-item h3
{
	font:bold 12px Verdana;
	margin:0px 0px 5px 0px;
	text-decoration:none;
	color:black;
}
.gal-scenario-item h4
{
	margin:0px 0px 5px 0px;
	font:bold 10px Tahoma;
	color:Black;
}

.gal-scenario-item p
{
	font:normal 10px Verdana;
	padding:0px;
	margin:0px;
	text-decoration:none;
}
.gal-scenario-item a:hover, a:visited, a:active
{
	text-decoration:none;
	color:inherit;	/*important for mozilla*/
}
.gal-story_container
{
	font:bold 9px Verdana;
	clear:both;
	margin-top:5px;
	border:solid 1px blue;
}


.gal-story-item
{
	margin: 10px 0px 0px 5px;
	list-style-type:none;
	clear:both;
}
html>body .gal-story-item{
	margin-left: -35px;
}

.gal-story-item li{				float:left;}
.gal-story-item li a{			margin: 5px 0px 5px 5px;}
.gal-story-item li a:hover{		padding:0px;}
.gal-story-item li a:hover img{	border: solid 2px Red;}

.gal-story-leftbar
{
	border:solid 3px pink;
	float:left;
	width:30%;
}
.gal-story-rightbar
{
	border:solid 1px orange;
	float:left;
	width:60%;
}

#loading {
	width: 200px;
	height: 100px;
	background-color: #c0c0c0;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -50px;
	margin-left: -100px;
	text-align: center;
	z-index:99;
	top:-86px;
	left:-130px;
	margin:0px 0px 0px 0px;
	width: 150px;
	height: 80px;	
}
/*.gal-story_photo*/
#gal-photo-id
{
	z-index:15;
	position:relative;
	top:5px;
	left:10px;
	width:95%;
	border:solid 1px black;
}
/*
dark:	#817e6d
light:	#a2a089
*/

/* set millions of background images */
.rbroundbox { background: url(nt.gif) repeat; }
.rbtop div { background: url(../Images/rrtl.gif) no-repeat top left; }
.rbtop { background: url(../Images/rrtr.gif) no-repeat top right; }
.rbbot div { background: url(../Images/rrbl.gif) no-repeat bottom left; }
.rbbot { background: url(../Images/rrbr.gif) no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */
.rbtop div, .rbtop, .rbbot div, .rbbot {
width: 100%;
height: 7px;
}
.rbcontent { margin: 0 7px; }
.rbroundbox 
{
	display:block;
	float:left;
	width: 100%; margin: 1em auto; 
	background: url(../Images/orange_shade.png) #a2a089 repeat-x right -5px;
}
.rbroundbox p {
	margin: -11px 10px 5px 10px;
	font:  400 70.2%/1.0 Tahoma,sans-serif;
	text-align:center;
	color:whitesmoke;
}
.rbroundbox h3
{
	margin: 0px 10px 0px 0px;
	padding: 0px 0px 0px 0px;
	font: 110.8%/1.3 Arial,sans-serif;
	font-weight: 700;
	text-align: center;
	margin-top: -3px;
	vertical-align: top;
	border-bottom: solid 1 red;
	color: #4a4700;
	position: relative;
	top: -9px; /*this forces text up into higher ground*/
}

.make-selectors
{
	font: normal 12px Verdana,sans-serif;
}

#gal-story-text table
{
	margin:-5px 0px 2px 3px;
	border-collapse:collapse;
	border-spacing: 0; 
	width:98%;
	/*float:right;*/
}
html>body #gal-story-text table
{
	color:whitesmoke;
	margin-left:5px;
	width:95%;

}
#gal-story-text tr
{
	background-color:#434333;
}


#gal-story-text td
{
	color:whitesmoke;
	font:normal 12px Verdana;
	border:solid 1px Black;
	padding:2px 3px 3px 3px;
}
html>body #gal-story-text td
{
	padding:3px 3px 3px 3px;
}

#gsc2result
{
	display:block;
	clear:both;
	font:bold 12px Verdana;
	text-decoration:none;
	float:left;
	margin-top:10px;
	margin-bottom:5px;
	padding-top:5px;
	padding-bottom:5px;
	margin-right:-10px;
	padding-right:-10px;
	width:100%;
	border:solid 0px gray;	
	
	overflow: auto;
	height:181px;
	
	
}

#gst3result
{
	margin:0px 0px 0px 3px;
}
#gst3result h5
{
	color:Whitesmoke;
	font:normal 11px Tahoma;
	padding:5px 0px 2px 0px;
	margin:0px;
	text-align:left;
}

.gal-cat-image
{
	border:solid 1px #444;
	margin:-1px 10px 0px 12px;
/*	padding:1px 5px 0px 5px;*/

}
.gal-cat-title
{
	text-align:center;
	vertical-align:text-bottom;
	height:30px;
	
}

#gal-menu
{
	border:solid 1px lime;
	border:none;
	font: bold 11px Tahoma;
	width:440px;
	height:100px;
	color: beige;
	z-index:99;
	float:left;
	margin:10px 0px -10px 20px;
	margin:10px 0px -10px 10px;
}
/*
.gal-menu-item			{float: left;width: 100px; height: 22px;background: url(../Images/gal_cat-tabs.gif) 0 0 no-repeat;}
.gal-menu-item a		{text-align:center; padding:4px 0px 0px 0px; display: block;width:100%; height:100%;overflow:hidden;color:#656555;text-decoration: none;}
.gal-menu-item a:hover	{text-decoration:underline; background-image: none;color: Black;}
.gal-menu-item a:active	{color:beige; background: url(../Images/gal_cat-tabs.gif) 0 0 no-repeat}
*/
.gal-menu-item			{float: left;width: 105px; height: 109px;margin: 0 3px 0 0;background: url(../Images/gal_cat_tabs.gif) 0 -109px no-repeat;}
.gal-menu-item a		{color: beige;display: block;width:100%; height:100%;overflow:hidden;color:#039;text-decoration: none;background: url( '../Images/gal_cat_tabs.gif' ) top left no-repeat;}
.gal-menu-item span		{display: block;margin:0; padding: 7px 2px 0 2px;}
.gal-menu-item a:visited{color: beige;}
.gal-menu-item a:active	{color: gold;}
.gal-menu-item a:hover	{background-image: none;color: gold;}


.home-top {text-indent: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;}	

/*#delivery-info-link a{color: sandybrown;font: normal 11px Tahoma;margin: 0px;}	*/
#more-info-link a{color: sandybrown;font: normal 11px Tahoma; line-height:12px; text-align:right;}	
#more-info-link a:hover{color: orangered; text-decoration:underline;}	

#home-details h3{color:Black; text-align:left; font:bold 16px Arial; font: bold 130% Arial, hevetica, sans-serif; margin:-5px 0px 0px 0px; padding:0px 0px 15px 25px;}	

.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;}

.price-block
{
	margin:1px 5px -2px 10px; width:32px; height:12px; float:left;
}

.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;}

