/* CSS Document */
/*////////Color Codes////////*/
/*

red db0b01
greyText 333


*/


/*////////HTML Tags////////*/
html, body {
margin:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#333;
}

h1, h2, h3, h4, h5, h6, p {margin:0px 0px 10px 0px; padding:0px; line-height:1.5;}

h1 {font-size:22px; padding-left:5px; display:block; width:100%; background:#d6d6d6;}
h2 {font-size:16px;}
h3 {font-size:16px;}
h4 {font-size:14px;}
h5 {font-size:12px;}
h6 {font-size:11px;}

a {text-decoration:underline; color:#db0b01;}
a:hover {text-decoration:underline; color:#db0b01;}

img {border:0px;}

/*////////Div IDs////////*/
#container {
margin:0px auto;
padding:0px;
width:820px;
height:auto;
background:url(../graphics/bg.gif) top repeat-y;
}

#head {
margin:0px;
padding:0px;
width:auto;
height:150px;
background:url(../graphics/headBg.gif) top repeat-x;
}

#headCont {
margin:0px auto;
padding:0px;
width:760px;
height:150px;
}
		#headCont a h1 {margin:0px; padding:0px; visibility:hidden;}
		#headCont a {margin:0px; padding:0px; display:block; width:330px; height:150px; background:url(../graphics/logo.gif) left no-repeat; float:left;}
		#headCont img {margin-top:10px;}

#nav {
margin:0px;
padding:0px;
width:auto;
height:30px;
background:url(../graphics/navBg.gif) top repeat-x;
}

#navCont {
margin:0px auto;
padding:7px 0px 0px 0px;
width:780px;
height:23px;
}
#navCont ul {margin:0px; padding:0px; list-style:none;}
#navCont ul li {margin:0px; padding:0px; display:inline;}
#navCont ul li a {margin:0px; padding:0px 20px 0px 20px; font-size:12px; font-weight:bold; display:block; width:auto; height:16px; float:left; color:#333; border-right:1px solid #000; text-decoration:none;}
#navCont ul li a:hover {text-decoration:underline; color:#333;}
#navCont ul li a.on {text-decoration:none; color:#333;}


#upperMain {
margin:0px;
padding:0px;
width:auto;
min-height:410px;
background:url(../graphics/contentBg.gif) bottom no-repeat;
}

/* IE6 doesn't understand "min-height:410px". Luckily, it also doesn't understand that "height:410px" is an exact dimension and it allows the div to expand to content.*/
* html #upperMain {
height:410px;
}
/*-----------*/

#upperCont {
margin:0px auto;
padding:20px 10px 10px 10px;
width:740px;
min-height:410px;
position:relative;
top:0;
background:url(../graphics/bg740px.gif) bottom no-repeat;
}
	#uprContLeft {
	margin:0px;
	padding:0px 20px 10px 0px;
	width:460px;
	float:left;
	}
		#icoDir {
		margin:0px;
		padding:20px 0px 0px 0px;
		width:460px;
		float:left;
		}
	
	#uprContRight {
	margin:0px;
	padding:0px 20px 0px 20px;
	width:220px;
	float:right;
	}
	
#lowerMain {
margin:0px;
padding:0px;
width:auto;
height:190px;
}

#lowerCont {
margin:0px auto;
padding:10px 10px 10px 10px;
width:740px;
height:auto;
}
	#lwrContLeft {
	margin:0px;
	padding:0px 20px 0px 0px;
	width:460px;
	float:left;
	}
	
	#lwrContRight {
	margin:0px;
	padding-right:20px;
	padding-left:20px;
	width:220px;
	float:right;
	}
		
#foot {
margin:0px;
padding:0px;
width:auto;
height:70px;
background:url(../graphics/footBg.gif) top repeat-x;
}

#footCont {
margin:0px auto;
padding:15px 0 0 0;
width:760px;
height:55px;
color:#fff;
}
#footCont a {color:#fff;}
#footCont ul {margin:0px; padding:0px; list-style:none;}
#footCont ul li {margin:0px; padding:0px; display:inline;}
#footCont ul li a {margin:0px; padding:0px 11px 0px 11px; font-size:11px; display:block; width:auto; height:13px; float:left; color:#fff; border-right:1px solid #fff;}
#footCont ul li a:hover {text-decoration:underline; color:#fff;}
#footCont ul li a.on {text-decoration:none; color:#fff;}

		
		
		
/*////////Classes////////*/
.fltL {float:left;}
.fltR {float:right;}

.enews {background:url(../graphics/ico_enews.gif) left no-repeat; display:block; height:42px; padding-left:50px; float:left;}
a.more {padding-left:10px; color:#333;}
a.more:visited {color:#777;}
a.more:hover  {color:#db0b01;}
.vipCard {display:block; margin-bottom:0;}
.quote {font-style:italic; font-size:11px;}
.small {font-size:11px;}
.survey {font-size:11px; display:block; width:50%; float:left; line-height:normal; padding-bottom:5px;}
.cross {margin-bottom:10px; padding:5px 0px 0px 35px; display:block; height:25px; width:430px; background:url(../graphics/ico_redCross.gif) left top no-repeat; color:#db0b01; font-size:13px;}
.copyRight {margin:0; padding:0 10px 10px 10px; display:block; font-size:10px; color:#666;}

.icoMech {margin:0; padding:0 0 20px 0; display:block; width:115px; height:110px; overflow:hidden; float:left; background:url(../graphics/ico_dir_mech.gif) top no-repeat; background-position:center 0;}
.icoColl {margin:0; padding:0 0 20px 0; display:block; width:115px; height:110px; overflow:hidden; float:left; background:url(../graphics/ico_dir_coll.gif) top no-repeat; background-position:center 0;}
.icoTow {margin:0; padding:0 0 20px 0; display:block; width:115px; height:110px; overflow:hidden; float:left; background:url(../graphics/ico_dir_tow.gif) top no-repeat; background-position:center 0;}
.icoTire {margin:0; padding:0 0 20px 0; display:block; width:115px; height:110px; overflow:hidden; float:left; background:url(../graphics/ico_dir_tires.gif) top no-repeat; background-position:center 0}

.icoMech:hover {background-position:center 5px;}
.icoColl:hover {background-position:center 5px;}
.icoTow:hover {background-position:center 5px;}
.icoTire:hover {background-position:center 5px;}

/*////IE6 Hack for div growing on icon button rollover////*/
* html .icoMech:hover {background-position:center 0;}
* html .icoColl:hover {background-position:center 0;}
* html .icoTow:hover {background-position:center 0;}
* html .icoTire:hover {background-position:center 0;}
/*////////////////////////////////////////////////////////*/

.icoMech span {display:none;}
.icoColl span {display:none;}
.icoTow span {display:none;}
.icoTire span {display:none;}

.surveyBackground {padding-top:10px; background:url(../graphics/surveyBg.gif) top no-repeat;}

.addr {margin:0; padding:0; float:left;}
#padRight20px {padding-right:20px;}

.mainServiceListLeft {margin:0; padding:0 10px 0 0; width:220px; float:left;}
.mainServiceListRight {margin:0; padding:0 0 0 10px; width:220px; float:right;}

.serviceListLeft {margin:0; padding:0 13px 0 0; width:140px; float:left;}
.serviceListMid {margin:0; padding:0 7px 0 7px; width:139px; float:left;}
.serviceListRight {margin:0; padding:0 0 0 13px; width:140px; float:left;}
.serviceListLeft a, .serviceListMid a, .serviceListRight a {line-height:1; font-size:10px;}

.thumbMarginBtm {margin:0 0 20px 0;}

/*#mechBg {background:url(../graphics/catBg_mech.gif) top left no-repeat; overflow:hidden;}
#collBg {background:url(../graphics/catBg_coll.gif) top right no-repeat; overflow:hidden;}
#towBg {background:url(../graphics/catBg_tow.gif) top left no-repeat; overflow:hidden;}
#tireBg {background:url(../graphics/catBg_tires.gif) top right no-repeat; overflow:hidden;}*/



.icoMechSmall {margin:0 20px 0 20px; padding:0; display:block; width:74px; height:74px; overflow:hidden; float:left; background:url(../graphics/ico_sm_mech.gif) top no-repeat; background-position:center 0;}
.icoCollSmall {margin:0 20px 0 20px; padding:0; display:block; width:74px; height:74px; overflow:hidden; float:left; background:url(../graphics/ico_sm_coll.gif) top no-repeat; background-position:center 0;}
.icoTowSmall {margin:0 20px 0 20px; padding:0; display:block; width:74px; height:74px; overflow:hidden; float:left; background:url(../graphics/ico_sm_tow.gif) top no-repeat; background-position:center 0;}
.icoTireSmall {margin:0 20px 0 20px; padding:0; display:block; width:74px; height:74px; overflow:hidden; float:left; background:url(../graphics/ico_sm_tires.gif) top no-repeat; background-position:center 0}

.icoMechSmall span {display:none;}
.icoCollSmall span {display:none;}
.icoTowSmall span {display:none;}
.icoTireSmall span {display:none;}

p.newsletter {padding:0 0 0 15px; margin:0;}

.clearFloats {clear:both;}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}