@charset "utf-8";
body  {
	font: 12px Arial, Helvetica, sans-serif;
	background: #dfc695;
	margin: 0; 
	padding: 0;
	text-align: center;
	color: #000000;
}

#headerwrap {
	width: 100%;
	height: 187px;
	background:url(/custom/themes/default/images/top-tile.gif) repeat-x;
	margin: 0px;
	padding: 0px;
	
}

h1#home {
	font-size:16px;
	font-weight:normal;
	padding: 0px;
	margin: 0px;
}

.pageTitles {
	font-size: 16px;
}

#productTitle {
	font-weight:normal;
	padding: 25px 0 0 0;
}



.detail td {
	padding: 10px 0 10px 0;
	border-bottom: 1px solid #ccc;
}

#header { 
	position: relative;
	width: 980px;
	height: 187px;
	background:url(/custom/themes/default/images/header.gif);
	margin: 0 auto;
	z-index: 10;
}

#header #green {
	position: absolute;
	top: 90px;
	left: 360px;
	z-index: 5;
}



#header #mainmenu {
	position:absolute;
	top: 152px;
	left: 16px;
	height: 30px;
	width: 947px;
	background: url(/custom/themes/default/images/navtile.gif);
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;
	padding: 2px 0 0 0;
}

#header #topnav{
	position: absolute;
	top: 20px;
	left: 648px;
	z-index: 5;
	width: 311px;
	text-align:left;
}

#topnav a {
	color: #fff;
}

#topnav a:hover {
	color: #ffbc00;
}


.banner {
	position: absolute;
	top: 14px;
	left: 314px;
	width: 650px;
	height: 137px;
}


#banner-home {
	background: url(/custom/themes/default/images/banners/banner-home.jpg);
}

#banner-services {
	background: url(/custom/themes/default/images/banners/banner-services.jpg);
}

#banner-fundraise {
	background: url(/custom/themes/default/images/banners/banner-fundraise.jpg);
}

#banner-gcards {
	background: url(/custom/themes/default/images/banners/banner-gcards.jpg);
}

#banner-about{
	background: url(/custom/themes/default/images/banners/banner-about.jpg);
}

#banner-careers {
	background: url(/custom/themes/default/images/banners/banner-careers.jpg);
}

#banner-carwash {
	background: url(/custom/themes/default/images/banners/banner-carwash.jpg);
}

#banner-detail {
	background: url(/custom/themes/default/images/banners/banner-detail.jpg);
}

#banner-feedback {
	background: url(/custom/themes/default/images/banners/banner-feedback.jpg);
}

#banner-fleet {
	background: url(/custom/themes/default/images/banners/banner-fleet.jpg);
}

#banner-locations {
	background: url(/custom/themes/default/images/banners/banner-locations.jpg);
}

#banner-lube {
	background: url(/custom/images/pages/lube/2011/new_lube_header-b.jpg); 
}

#banner-rewards {
	background: url(/custom/themes/default/images/banners/banner-rewards.jpg);
}

#banner-save {
	background: url(/custom/themes/default/images/banners/banner-save.jpg);
}

#banner-uwc {
	background: url(/custom/themes/default/images/banners/banner-uwc.jpg);
}
#banner-windshield {
	background: url(/custom/themes/default/images/banners/banner-windshield.jpg);
}



/* Windshield Replacement*/
#windshield {
	position: relative;
	background: url(/custom/images/pages/services/windshield/windshield-replacement.jpg);
	width: 663px;
	height: 247px;
}

#windshield #txt{
	position: absolute;
	top: 90px;
	left: 25px;
	font-size: 16px;
	line-height: 1.65em;
}

#autoglasswrap {
	width: 665px;
	margin-top: 10px;
}

/* Windshield Rounded boxest*/
	
#greybox {
	float: left;
	width: 325px;
	background-color: #f1f1f1;
	color: #333;
	margin-right: 6px; 
}
	
#greybox #greytop {
	background: url(/custom/themes/default/images/roundedboxes/images/grey-topright.gif) no-repeat top right;
}

/* Control the height of the box on the P tag  */
#greybox p{
	margin: 0 15px;
	font-size: 12px;
	height: 100px;
}


#greybox #greybottom {
	background: url(/custom/themes/default/images/roundedboxes/images/grey-botright.gif) no-repeat top right;
}

#greybox img.corner {
   width: 9px;
   height: 10px;
   border: none;
   display: block !important;
}

#required {
	color: #FF0000;
}







#formfield1 {
	width: 190px;
	margin-bottom: 5px;
	padding: 2px;
}

.rewardsform label {
	float: left;
	width: 125px;
	color: #993300;
}

form#rewards {
	margin:0px;
	padding:0px
}


#header #logo {
	position: absolute;
	top: 17px;
	left: 16px;
	width: 277px;
	height: 134px;
}


#containerwrap {
	width: 100%;
	margin: 0px;
	padding: 0px;
	background: #785c4e;
}

	
#container { 
	width: 980px;
	background: url(/custom/themes/default/images/content-tile.gif) repeat-y;
	margin: 0 auto;
	text-align: left;
} 

#container2 { 
	width: 980px;
	background: url(/custom/themes/default/images/content-tile100.gif) repeat-y;
	margin: 0 auto;
	text-align: left;
} 


#homeboxwrap {
	position: relative;
	width: 660px;
	height: 200px;
	margin: 25px 0 0 0;
}

#homeboxwrap #box1 {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 304px;
	height: 189px;
	background:url(/custom/themes/default/images/box1.gif);
	margin: 0 20px 0 0;
	font-size: 11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}


#box1 #box1txt {
	position: absolute;
	top: 47px;
	left: 12px;
	width: 189px;
	height: 94px;
	line-height: 1.50em;
}

#box1 #box1link{
	position: absolute;
	top: 170px;
	left: 12px;
}

#homeboxwrap #box2 {
	position: absolute;
	top: 0px;
	left: 355px;
	width: 304px;
	height: 189px;
	background:url(/custom/themes/default/images/box2.gif);
	font-size: 11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#box2 #box2txt {
	position: absolute;
	top: 73px;
	left: 15px;
	width: 135px;
	height: 77px;
	line-height: 1.50em;
}

#box2 #box2link{
	position: absolute;
	top: 170px;
	left: 12px;
}



#sidebar1 {
	float: left;
	width: 275px;
	margin: 15px 15px 0 0;
}

#sidebar1 p {
	padding: 0 0px 0 20px;
}


#sidebar1 #spacer {
	float: left;
	width: 1px;
	height: 200px;
}

#mainContent { 
	float: left;
	width: 665px;
	margin: 10px 0 0 0;
} 

#mainContent100 {
	margin-left: 20px;
	width: 940px;
}


.survey h5 {
	 font-size: 14px;
	 font-weight: normal;
	}

blockquote {
	margin: 0 0 0 10px;
}


.survey .grey {
	background: #efefef;
}

.survey td#question {
	border-bottom: 1px solid #ccc;
	padding: 10px 0 10px 5px;
}



#rewardtab {
	float: left;
	width:670px;
	height: 167px;
	background: url(/custom/images/pages/savebig/rewards.gif);
}
	
#emailtab {
	float: left;
	width:670px;
	height: 152px;
	background: url(/custom/images/pages/savebig/joinemaillist.gif);
}
	
#coupontab{
	float: left;
	width:670px;
	height: 122px;
	background: url(/custom/images/pages/savebig/coupons.gif);
}

#rewardtab #txt {
	position: relative;
	top: 60px;
	left: 25px;
	width: 630px;
	line-height: 1.55em;
}

#emailtab #txt {
	position: relative;
	top: 60px;
	left: 25px;
	width: 630px;
	line-height: 1.55em;
	}
	
#coupontab #txt {
	position: relative;
	top: 55px;
	left: 25px;
	width: 630px;
	line-height: 1.55em;
	}	
	
	
#yellowbox {
	width: 670px;
}

#yellowbox #top {
	float: left;
	width: 670px;
	height: 33px;
	background: url(/custom/themes/default/images/yellowbox/yelllow-top.gif);
}

#yellowbox #middle {
	float: left;
	width: 620px;
	padding: 25px;
	background: url(/custom/themes/default/images/yellowbox/yellow-tile.gif);
}


#yellowbox #middle li {
	padding-bottom: 5px;
}

#yellowbox #foot {
	float: left;
	width: 670px;
	height: 39px;
	background: url(/custom/themes/default/images/yellowbox/yellow-bot.gif);
}

	
	
	














#footerwrap {
	width: 100%;
	height: 79px;
	background:url(/custom/themes/default/images/footer.gif) repeat-x;
}

#footer { 
	position: relative;
	width: 980px;
	padding: 0 10px;
	text-align:left;
	margin: 0 auto;

} 

#footer #cc-textbox{
	position: absolute;
	top: 25px;
	left: 288px;
	width: 350px;
	padding: 5px;
	background: #f4f0e7;
	font-size: 14px;
	border: 1px solid #785C4E;
}

#cc-textbox{
	width: 350px;
	padding: 5px;
	font-size: 12px;
}


#footer #cc-submit{
	position: absolute;
	padding: 5px 0px 5px 0px;
	width: 125px;
	top: 24px;
	left: 660px;
	font-size: 12px;
	text-transform:uppercase;
	
}

#footer h3 {
	font-size: 14px;
	font-weight: 0px;
	margin: 0px;
	padding: 0px;
}




#footer p {
	margin: 0; 
	padding: 30px 0 0 20px;
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

#aoca {
	padding: 0 0 0 35px;
}

#socialBtns {
	padding: 0 0 0 35px;
	margin: 0 0 15px 0;
}
#footerCredit {text-align:right;padding-right:20px;}