@charset "utf-8";
/* CSS Document */

body {
	font-family:Verdana, Arial, Helvetica, sans-serif;background:#000;
	font-size:.8em; line-height:1.3em;
	}
	
h1 {font-size:1.4em; font-weight:bold; color:#d0103a; margin:5px 0px 10px;}
h2 {font-size:1.2em; font-weight:bold; color:#d0103a; margin:15px 0px 10px; }
.3colInterior h2 {margin:3px 0px; text-transform:uppercase;}
p { margin:5px 0px 10px; }	
a {  text-decoration:underline; color:#d0103a; }
a:hover {  text-decoration:none; color:#d0103a; }

ul { margin:3px 5px 20px -10px;}/*see IE.css*/
li { margin:3px 0 10px; line-height:1.3em;}
.save li {margin-left:240px;}

table ul li { margin:3px 0 ; line-height:1.3em;}

 
 hr {border-top:1px dashed #444; width:99%; align:center; color:#ffeb99;}
.3colInterior hr {border-top:2px solid black; width:100%; align:center; color:black;}
.3colInterior hr.white{border-top:2px solid white; width:100%; align:center; color:white;}	
.3colInterior hr.gold{border-top:2px solid #ca9936; width:100%; align:center; color:#ca9936;}
	
	


.centered {text-align:center;}

.red {color:#d0103a; }	
.white{color: white; }	
.gold{color:#ca9936; }	
.black{color:#000; }	
.grey {color:#444;}
.quote {text-align:right; margin:-10px 0 70px 0;}
.quoteWhileUWait {text-align:right; margin:-10px 0 100px 0;}
p.description {margin:-10px 0 10px 0;}

.small {font-size:11px;}
img, div, ul, li, h1, input { behavior: url(iepngfix.htc) }/* PNG transparency add any elements that need to have png tranparency for IE6*/


#wrapper {margin:30px auto 20px; width:781px}	
#header 
	{
	background:url(../images/nav/header.gif) no-repeat;
	height:145px; width:781px;
}

#logo {width:268px; height:208px; float:left; position:absolute; top:8px;  z-index:50;} /*see IE.css*/

#quotebox {font-style:italic; width:165px; margin:10px 15px;}
/*start top image navigation carwash detail while u wait ....................*/
#nav1 {
	float:right; 
	margin:49px 0px 28px 0;
	z-index:3;
	width:480px;
    display: block;

}

a.button1 {
    display: block;
    width: 152px;
    height: 49px;  float:left;
    background-image: url(../images/nav/carwash.gif);
}
a.button1:hover {
    background-image: url(../images/nav/carwash_hover.gif);
}

a.button2 {
    display: block;
    width: 152px;
    height: 49px;margin-left:161px;
    background-image: url(../images/nav/whileUWait.gif);
}
a.button2:hover {
    background-image: url(../images/nav/whileUWait_hover.gif);
}

a.button3 { /*see IE 6*/
    display: block;
    width: 152px;
    height: 49px;  float:right; margin:-49px 8px 0 0; 
    background-image: url(../images/nav/fullService.gif);
}
a.button3:hover {
    background-image: url(../images/nav/fullService_hover.gif);
}
/* end top image navigation carwash detail while u wait ....................*/
/* start main second nav see SpryMenuBarHorizontal.css in spry folder....................*/

#flash {height:145px; background:#fff; margin:0px; padding:0px; position:relative; top:0px;}

#container {background:#ffeb99; border-right:1px solid black; border-bottom:1px solid black; width:780px; }

#contents, #contentsHome /*see IE6*/ {padding:30px; z-index:1; border-top:1px solid #ffeb99; z-index:-2; }
#footerHome  { background:url(../images/footerHomeBg.gif) repeat-x; font-size:11px; text-align:center; margin:0; height:111px; }
#footerHome  p{color:#d0103a;  text-align:center; margin:-4px 0 0 15px;}


#footer {clear:left; background-color:#000; }
#footer  p, #footer  a{color:#fff; font-size:11px; text-align:center; line-height:15px;}


label { float:left; margin:3px 0;}
 input {  float:right; margin:3px 0; margin-right:400px;}
 select { float:right; margin:3px 0; margin-right:382px;}
 textarea { float:right; margin:3px 0; margin-right:175px;}
