/* --- COMMON CLASSES --- */

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

.col {
  float: left;
  vertical-align: top;
}

.flort {
  float:right;
}

.resetlist ul, ul.resetlist, .resetlist li {
  padding:0;
  margin:0;
  background:none;
  list-style:none;
}
.resetlist li {
  float: left;
  list-style-type: none;
  display: inline;
}
.resetlist li a {
  float:left;
  display: inline;
}  

.centerlist ul, ul.centerlist {
  text-align:center;
  width:100%;
}
.centerlist li {
  float: none;
  display:inline-block;
  margin:0 0 -4px -4px;
  margin:0 0 -0.28em -0.28em;
}






/* --- COMMON TAGS --- */

body {
  background:#3f3f3f url('../images/bg.gif') top repeat-x; 
  padding:0; 
  margin:0;
}
body, td, input, textarea, select {
  font-family:Arial, Helvetica, sans-serif; 
  color:#666;
  font-size:90%;
}

a {
  color:#47c;
  outline:none;
}
a:hover {
  color:#247;
}
a img {
  border:none;
}

h1 {
  font-size:1.5em;
  color:#000;
  margin:0 0 1em 0;
  text-transform:uppercase;
  font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;
}
h2 {
  color:#922;
  font-size:1.2em;
  margin:1.2em 0 0.7em 0;
  font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;
  font-style:italic;
}
h3 {
  color:#744;
  font-size:1.05em;
  margin:1em 0 0.3em 0;
  font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;
  font-style:italic;
}

table {
  border-collapse:collapse;
}
table tr.head td {
  padding:5px 10px;
  font-size:1.1em;
  font-weight:bold;
  color:#fff;
  background-color:#999;
}
table tr.head td.gap {
  background-color:#fff;
  border:none;
}
table td {
  padding:5px 10px;
  border:1px solid #ddd;
  vertical-align:top;
}
table td.label {
  font-weight:bold;
  font-size:1.1em;
}

ul {
  padding:0 0 0 20px;
  margin:1em 0;
}
ul li {
  list-style:none;
  list-style-image:none;
  padding:0 0 0.2em 15px;
  margin:0;
  background:url('../images/arrow.gif') 0px 0.3em no-repeat;
  position:relative;
}

hr {
  border:  none;
  border-top:1px solid #ccc;
	border-bottom:1px solid #e3e3e3;
  height:0;
  color:#fff;
  overflow:hidden;
  padding:0;
  margin:1em 0;
  clear:left;
}

tt {
  font-size:1.2em;
}



/* --- FORM STYLING CLASSES --- */

label {
  float:left;
  text-align:right;
  width:100px;
  padding:2px 10px 0 0;
}

input.styled, textarea.styled {
  float:left;
  background:url('../images/formfield.jpg') top left no-repeat;
  padding:4px 2px 2px 4px;
  border:none;
  border-bottom:1px solid #ccc;
  border-right:1px solid #ccc;
}
select.styled {
	border-top:2px solid #999;
	border-left:2px solid #999;
	border-bottom:1px solid #ccc;
  border-right:1px solid #ccc;
}
button.styled {
	padding:2px 15px;
	color:#ffffff;
	font-weight:bold;
  text-transform:uppercase;  
	font-size:0.9em;
	margin:0;
	border:none;
  background:#8f8f8f url('../images/button.gif') bottom repeat-x;
  border-top:1px solid #ccc;
  border-left:1px solid #bbb;
  border-bottom:1px solid #333;
  border-right:1px solid #555;
  outline:none;
	cursor:pointer;  
}

.decoy { display:none; }

label.error {
  float:left;
  text-align:left;
  width:auto;
  color:#c33;
  font-size:0.8em;
  margin:0 0 0 10px;
}
.pusherror label.error {
	float:right;
}

form .row {
 	margin:0 0 10px 0;
  padding-left:0;
}

form .buttonrow {
  padding:0 0 0 110px;
}

form.inquiries {
  margin:1.5em 0 0 0;
  padding:1.5em 0 0 0;
  border-top:1px solid #ddd;
}
form.inquiries input.styled {
  width:180px;
}
form.inquiries textarea.styled {
	width:220px;
}
form.inquiries label.error {
  width:130px;
}
form.inquiries .squishy label.error {
  width:90px;
}


form.servicerequest {
  margin:1.5em 0 0 0;
  padding:1.5em 0 0 0;
  border-top:1px solid #ddd;
}
form.servicerequest input.styled {
  width:180px;
}
form.servicerequest select.styled {
  float:left;
  width:187px;
}
form.servicerequest textarea.styled {
	width:220px;
}
form.servicerequest label.error {
  width:130px;
}
form.servicerequest .squishy label.error {
  width:90px;
}
form.servicerequest hr {
  border-top:none;
}
form.servicerequest h4 {
  margin:0 0 5px 10px;
}
form.servicerequest li {
  width:400px;
}
form.servicerequest li span {
	width:100px;
  padding:0 10px 0 0;
  float:left;
  text-align:right;
}

form.servicerequest input.date {
  width:154px;
}
form.servicerequest a.dp-choose-date {
	float: left;
	width: 21px;
	height: 18px;
	padding: 0;
	margin: 2px 0 0 5px;
	display: block;
	text-indent: -200px;
	overflow: hidden;
	background: url('../images/calendar.gif') top left no-repeat; 
}


form.careers {
  margin:1.5em 0 0 0;
  padding:1.5em 0 0 0;
  border-top:1px solid #ddd;
}
form.careers input.styled {
  width:180px;
}

form.careers textarea.styled {
	width:220px;
}
form.careers label.error {
  width:130px;
}
form.careers .squishy label.error {
  width:90px;
}

form.careers input.attachment {
  xwidth:100px;
  background-color:#eee;
  border:1px solid #ccc;
  margin:0;
  padding:0
}
form.careers .file.row label.error {
  clear:both;
  width:auto;
  padding-left:110px;
}



/* --- CONTENT STYLING CLASSES --- */

.morelink {
  margin:0.5em 0 1em 0;  
  text-align:right;
}
.morelink.moreleft {
  text-align:left;
}
.morelink.moremiddle {
  text-align:center;
}
.morelink a {
  padding-right:25px;
  margin-right:2px;
  background:url('../images/more.gif') right 0.3em no-repeat;
}
.morelink a:hover {
  padding-right:27px;
  margin-right:0;
}

a.morelink {
 	font-size:0.9em;
  text-decoration:none;
  white-space:nowrap;
 }
a.morelink:hover {
  text-decoration:underline;
}

a.subtle {
  text-decoration:none;
 }
a.subtle:hover {
  text-decoration:underline;
}

a.popuplink {
 	background:url('../images/popup1.gif') right no-repeat;
  padding-right:18px;
}
a.popuplink:hover {
 	background-image:url('../images/popup2.gif');
}

.returnlink {
  margin:2em 0 0 0;
 }
.returnlink a {
  background:url('../images/arrow3.gif') left 0.35em no-repeat;
  padding-left:12px;
  margin-left:15px;
}
.returnlink a:hover {
  margin-left:10px;
  padding-left:17px;
}

.unbold { font-weight:normal; }

.smallish {
 	font-size:0.95em;
}
.small {
   font-size:0.9em;
}
.smaller {
  font-size:0.8em;
  color:#888;  
}

.big {
  font-size:1.1em;
}
.bigger {
  font-size:1.25em;
  color:#000;
}
.biggish {
  	font-size:1.05em;
}

.imgborder {
  border:1px solid #ccc;
  padding:2px;
	background-color:#eee;
}
div.imgborder {
  font-size:4em; 
  font-weight:bold; 
  color:#ddd; 
  text-align:center; 
  overflow:hidden;
}
a:hover .imgborder {
 	border-color:#8ad;
}
.imgright {
  float:right;
  margin:0 0 10px 10px;
}
.imgleft {
  float:left;
  margin:0 10px 10px 0;
}

.fancybox {
  	margin:1em 0px;
  	padding:15px 20px;
    background:#6b6b6b url('../images/fancybox.jpg') bottom right no-repeat;
    border:4px solid #666;
   	color:#fff;
    font-size:1.1em;
    text-align:center;
}
.fancybox h2 {
  color:#fd0;
  margin-top:0;
}
.fancybox h3 {
  color:#fe8;
  margin-top:0;
}
.fancybox a {
  	color:#fe8;
    font-weight:bold;
}
.fancybox a:hover {
  	color:#fd0;
}

.note {
  font-size:0.9em;
  padding:5px 10px;
  border:1px solid #ed6;
  background-color:#ffb;
  color:#6c6650;
  line-height:1.4em;
}
.note .morelink {
  white-space:nowrap;
	padding-right:25px;
  margin-right:5px;
  font-size:1em;
  text-decoration:underline;
  font-weight:bold;
  background:url('../images/more.gif') right 0.2em no-repeat;
}
.note .morelink:hover {
  padding-right:30px;
  margin-right:0;
}

.quote {
  background:url('../images/formfield.jpg') -7px -7px no-repeat;
  padding:10px 15px;
  font-size:1.2em;
  margin:1em 20px;
  border:1px solid #ccc;
  line-height:1.5em;
}
.quoter {
  padding:5px 0 0 50px;
  font-size:0.8em;
}
.quotemark {
  font-size:1.5em;
  font-weight:bold;
  color:#aaa;
  line-height:0.2em;
}

.tight {
  margin-top:0; 
  margin-bottom:0;
}
.toptight {
  margin-top:0; 
}
.bottomtight {
  margin-bottom:0;
}
h1.bottomtight {
  border-bottom:1px solid #ddd;
	padding-bottom:3px;
  margin-bottom:5px;
}

.padtop {
  margin-top:5px;
}
.padbottom {
  margin-bottom:5px;
}

.nopad {
 	padding:0;
}

.spaceylist li {
  padding-bottom:10px;
}



/* --- COMMON LAYOUT CLASSES --- */

.page {
  width:670px; 
  margin:20px auto;
  padding:0;
  background-color:#fff; 
  border:2px solid #fff;
}

.print-header {
  display:none;
}
.header {
  height:113px;
  overflow:hidden;
  background:#111 url('../images/header1.jpg') top left no-repeat;
  padding:0;
}
.header .home a {
  width:170px;
  padding:91px 0 0 35px;
  background:url('../images/home.gif') 10px 91px no-repeat;
  display:block;
  text-decoration:none;
  color:#fff;
  font-size:1em;
  line-height:20px;
  text-transform:uppercase;
}
.header .home a:hover {
  background-image:url('../images/home-hover.gif');
  color:#fd0;
}
.homepage .header .home a {
	color:#777;
  cursor:default;
}
.homepage .header .home a:hover {
  background-image:url('../images/home.gif');
  font-weight:normal;
}
.header .locations {
  float:right;
  color:#fe8;
  padding:98px 10px 0 0;
  font-size:0.85em;
  font-style:italic;
  height:16px;
  line-height:16px;
}


.menu {
  background:#000 url('../images/menu.gif') top repeat-x;
  height:20px;
  padding:7px 0 1px 16px;
  overflow:hidden;
  border-bottom:5px solid #111;
}

.menu a {
  color:#fff;
  text-decoration:none;
  font-weight:bold;
  padding-right:16px;
  margin-right:16px;
  border-right:1px solid #444;
  height:20px;
  line-height:20px;
  text-transform:uppercase;
}
.parent-about .menu-about a,
.parent-tires .menu-tires a,
.parent-wheels .menu-wheels a,
.parent-service .menu-service a,
.parent-coupons .menu-coupons a,
.parent-tips .menu-tips a,
.parent-contact .menu-contact a{
  color:#fd0;
	cursor:default;
}
.menu a:hover {
  color:#fd0;
}
.menu li.last a {
  padding-right:0;
  margin-right:0;
  border-right:none;
}



.subnav {
 	background:#242424 url('../images/subnav.jpg') top left no-repeat;
  padding:15px 0 10px 5px;
  border-bottom:1px solid #ccc;
  width:665px;
}
.subnav li {
	width:201px;
	margin:0 0 5px 15px;
  display:inline;
}
.subnav a {
 	color:#ccc;
  text-decoration:none;
  padding-left:18px;
  background:url('../images/subnav-bullet.gif') left 0.3em no-repeat;
}
.parent-service .subnav a:visited {
	color:#999;
}
.subnav a:hover, .parent-service .subnav a:hover {
	color:#fd0 !important;
  text-decoration:underline;
  background-image:url('../images/subnav-bullet-hover.gif');
}

.parent-service .subnav .subnav-label a, .subnav .subnav-label a {
  font-weight:bold;
  color:#fff !important;
}
.subnav .subnav-label a:hover {
  color:#fd0 !important;
}

.subnav.child- .subnav-label a,

.subnav.child-oil .subnav-oil a,
.subnav.child-maintenance .subnav-maintenance a,
.subnav.child-brakes .subnav-brakes a,
.subnav.child-shocks .subnav-shocks a,
.subnav.child-alignments .subnav-alignments a,
.subnav.child-inspections .subnav-inspections a,
.subnav.child-tuneups .subnav-tuneups a,
.subnav.child-diagnostics .subnav-diagnostics a,
.subnav.child-acheat .subnav-acheat a,
.subnav.child-accessories .subnav-accessories a,

.subnav.child-history .subnav-history a,
.subnav.child-community .subnav-community a,
.subnav.child-events .subnav-events a,

.subnav.child-service .subnav-service a,
.subnav.child-careers .subnav-careers a {	
  color:#fd0 !important;
  text-decoration:none !important;
  cursor:default;
  background-image:url('../images/subnav-bullet-hover.gif');  
}



.content {
  background:url('../images/content.gif') top repeat-x;
  padding:20px;
  height:auto !important;
  min-height:270px;
  height:270px;
}

.content-footer {
  background:url('../images/content2.gif') bottom repeat-x;
  color:#7c7c7c;
  font-size:1.5em;
  font-weight:bold;
  border-bottom:1px solid #ccc;
  padding:0;
}
.content-footer .wrapper {
  background:url('../images/footer-tagline.gif') bottom center no-repeat;
  padding:10px 10px 3px 10px;
}
.content-footer a {
  font-size:0.7em;
  padding-top:0.3em;
  display:block;
  color:#7c7c7c;
  text-decoration:none;
}
.content-footer a:hover {
  color:#247;
  text-decoration:underline;
}



.footer-links {
  height:27px;
  background:url('../images/footer-links.jpg') bottom left no-repeat;
  overflow:hidden;
  padding:5px 20px 0 20px;
  border-bottom:5px solid #000;
  border-top:5px solid #111;
}
.footer-links a {
  color:#fff;
  font-size:0.9em;
  padding-right:15px;
  margin-right:15px;
  border-right:1px solid #555;
  font-weight:bold;
  text-decoration:none;
  text-transform:uppercase;
}
.parent-about .footer-about a,
.parent-tires .footer-tires a,
.parent-wheels .footer-wheels a,
.parent-service .footer-service a,
.parent-coupons .footer-coupons a,
.parent-tips .footer-tips a,
.parent-contact .footer-contact a {
  color:#fd0;
  text-decoration:underline;  
  cursor:default;
}
.footer-links a:hover {
  color:#fd0;
  text-decoration:underline;
}
.footer-links li.last a {
  padding-right:0;
  margin-right:0;
  border-right:none;
}

.credit {
  text-align:center;
  color:#888;
  font-size:0.8em;
  padding:0;
}
.credit a {
  color:#bbb;
  text-decoration:none;
}
.credit a:hover {
  color:#ddd;
  text-decoration:underline;
}




/* --- HOMEPAGE LAYOUT CLASSES --- */

.impact {
  height:212px;
  overflow:hidden;
  background:url('../images/impact.jpg') top left no-repeat;
  padding:0;
}

.impact .couponsbox {
  margin:134px 0 0 21px;
  overflow:hidden;
	padding:4px 5px 0 5px;
  width:147px;
  height:52px;
  text-align:center;
}
.impact .couponsbox a {
  display:block;
  text-decoration:none;
}
.impact .couponsbox a .coupon-title {
  color:#fe8;  
  font-weight:bold;
  font-size:1.1em;
  text-transform:uppercase;  
}
.impact .couponsbox a:hover .coupon-title {
  color:#fd0;
  text-decoration:underline;
}
.impact .couponsbox a .coupon-text {
  font-size:0.9em;
  font-style:italic;
  line-height:1em;
  display:block;
  margin-top:3px;
  color:#fff;
}

.impact .logos {
  width:330px;
  height:200px;
  margin:12px 0 0 0;
}
.impact .logos a, .impact .logos div {
  display:block;
  position:absolute;
}
.impact .logos a img, .impact .logos div img {
  background-color:#999;
  opacity:0.3;
  filter:alpha(opacity=30);
}
.impact .logos a:hover img {
  opacity:0;
  filter:alpha(opacity=0);
}

.impact .logos .logo-pir { margin:27px 0 0 134px; }
.impact .logos .logo-pir img { width:94px; height:25px; }
.impact .logos .logo-kum { margin:19px 0 0 237px; }
.impact .logos .logo-kum img { width:79px; height:34px; }

.impact .logos .logo-con { margin:60px 0 0 98px; }
.impact .logos .logo-con img { width:102px; height:25px; }
.impact .logos .logo-fir { margin:60px 0 0 209px; }
.impact .logos .logo-fir img { width:107px; height:25px; }

.impact .logos .logo-bri { margin:93px 0 0 17px; }
.impact .logos .logo-bri img { width:133px; height:26px; }
.impact .logos .logo-gen { margin:93px 0 0 159px; }
.impact .logos .logo-gen img { width:157px; height:26px; }

.impact .logos .logo-day { margin:128px 0 0 41px; }
.impact .logos .logo-day img { width:119px; height:22px; }
.impact .logos .logo-toy { margin:128px 0 0 170px; }
.impact .logos .logo-toy img { width:146px; height:22px; }

.impact .logos .logo-sig { margin:161px 0 0 109px; }
.impact .logos .logo-sig img { width:93px; height:23px; }
.impact .logos .logo-fuz { margin:161px 0 0 211px; }
.impact .logos .logo-fuz img { width:104px; height:23px; }


.homepage .content-top {
  background:url('../images/home-top-bottom.jpg') bottom left no-repeat;  
}
.homepage .content-top .wrapper {
	background:url('../images/home-top-top.jpg') top left no-repeat;  
  padding:20px 5px 10px 5px;
  height: auto !important;
  min-height:128px;
  height:128px;
  color:#554407;
}
.homepage .content-top h2 {
  margin:0 0 5px 0;
	color:#922;
  color:#000;
  font-size:1.2em;
}
.homepage .content-top .morelink a {
	color:#900;
  background-image:url('../images/more2.gif');
  font-weight:bold;
}
.homepage .content-top .morelink a:hover {
	color:#f00;
}

.homepage .content-top-left {
  width:255px;
  padding:0 0 0 60px;
  margin:0 30px 0 0;
}
.homepage .content-top-left .textbox {
  padding:0 0 0 10px;
}
.homepage .content-top-left .morelink {
  margin-top:25px;
}

.homepage .content-top-right {
  width:245px;
  padding:0 70px 0 0;
}
.homepage .content-top-right .textbox {
  padding:0 0 0 10px;
}
.homepage .content-top-right .morelink {
  margin-top:25px;
  margin-right:50px;
}


.homepage .content {
 	background:none;
  padding-top:10px;
}

.homepage .content-middle {
	background:url('../images/vr-fade.gif') 315px bottom no-repeat;
  padding:0;
}
.homepage .content-middle .morelink {
	text-align:left;
  margin-top:15px;
  font-size:1.1em;
}
.homepage .content-middle .col {
  width:150px;
  margin:0 10px 0 0;
}
.homepage .content-middle .content-middle-col1 {
	width:130px;
}
.homepage .content-middle .content-middle-col2 {
	width:160px;
  margin-right:30px;
}
.homepage .content-middle .content-middle-col3 {
	width:140px;
}
.homepage .content-middle .content-middle-col4 {
  margin:0;
}
.homepage .content-middle h2, .homepage .content-bottom h2 {
  margin-top:0;
}


.homepage .content-bottom {
  padding:0;
}

.whatsnew {
 	font-size:0.9em;
}
.whatsnew h3 {
 	color:#444;
  font-style:normal;
}



/* --- SUBPAGE LAYOUT CLASSES --- */

.col-left {
  width:490px; 
  overflow-x:hidden;
}
.col-right {
 	width:120px; 
  margin:-1.5em 0 0 0; 
  padding:0 0 0 20px;
  text-align:center; 
  background-color:#fff; 
  overflow-x:hidden;
}

.col-formleft {
  width:450px; 
}
.col-formright {
 	width:160px; 
  padding:0 0 0 20px;
  text-align:center; 
  background-color:#fff; 
}




.events h3 {
  color:#444;
  font-style:normal;
}
.events .morelink {
  text-align:left;
}

.tire-types {
 	margin:1em 0;
  border:1px solid #ccc;
  padding:15px 15px 0 280px;
 	background:url('../images/types-0.jpg') bottom left no-repeat; 
}
.tire-types h3 {
  margin-top:0;
  color:#333;
}
.tire-types li a {
	background:url('../images/arrow.gif') 0px 0.3em no-repeat;
  padding-left:15px;
}
.tire-types li a:hover {
	background-image:url('../images/arrow2.gif');
}


.featured-tires h2, .featured-wheels h2 {
 	margin:0 0 25px 0;
}
.featured-wheels .wheel h3 {
 	color:#444;
}
.featured-tires .tire, .featured-wheels .wheel {
  margin:0 0 35px 0;
  font-weight:bold;
  font-size:0.9em;
}
.featured-tires .tire-image, .featured-wheels .wheel-image {
  overflow:hidden;
  display:block;
  height:90px;
  margin:0 0 5px 0;
  border:1px solid #ccc;
  opacity:0.85;
  filter:alpha(opacity=85);
}
.featured-tires .tire-image .popicon, .featured-wheels .wheel-image .popicon {
	background:url('../images/popup-tire.gif') top left no-repeat;
  height:14px;
  width:16px;
  position:absolute;
  margin:76px 0 0 102px;
  opacity:0.65;
  filter:alpha(opacity=65);
}
.featured-tires .tire-image:hover, .featured-wheels .wheel-image:hover {
	border-color:#8ad;
  opacity:1;
  filter:alpha(opacity=100);
}


.wheelshow {
  width:275px; 
  height:275px; 
  margin:0 15px 15px 0; 
  float:left; 
  overflow:hidden;
  background:url('../images/wheelshow-bg.jpg') top left no-repeat;
}

.wheeltoolbox {
	width:146px; 
  margin:0 0 10px 15px;
  float:right;
  text-align:center;
}


.servicelist li {
  float:left;
  margin:0 10px 2px 0;
	width:200px;
  font-weight:bold;
}


.brandlist {
  padding:0;
}
.brandlist li {
  padding:0;
  background:none;
  float:left;
  margin:0 10px 20px 0;
  width:200px;
}
.brandlist a {
  text-decoration:none;
}
.brandlist a .small {
	text-transform:none;
  font-weight:normal;
  text-decoration:none;
  display:block;
  margin:4px 0 0 0;
}
.brandlist a:hover .small {
	text-decoration:underline;
}


.coupons {
  padding:1em 0 0 18px;
  text-align:center;
  width:612px;
}
.coupons .col {
  float:none; 
  display:inline-block;
  margin:0 0 -0.28em -0.28em;
}
.coupons .col img {
  border:2px dashed #ccc;
  padding:5px;
  margin:0 20px 20px 0;
}

.coupon-pop {
	background-color:#555;
  background-image:none;
}
.coupon-pop .page {
 	background-color:#fff;
  padding:20px;
	margin:20px auto 0 auto;
  border:1px solid #222;
}
.coupon-pop table {
	margin:1em 0;
}
.coupon-pop table td {
  border:none;
  text-align:center;
  vertical-align:middle;
}
.coupon-pop .printlink a {
  padding-left:80px;
  height:37px;
  width:60px;
  line-height:37px;
  background:url('../images/printer.jpg') 25px 0px no-repeat;
	display:block;
  font-size:1.3em;
  margin:0 auto;
}

.tips {
  font-size:0.95em;
}
.tips h3 {
  color:#333;
  font-weight:normal;
  font-style:normal;
  font-family:Arial, Helvetica, sans-serif;
}
.tips .source {
 	padding:10px 0 0 10px;
  font-size:0.95em;
}
.tips hr {
  border-top:none;
}




.subpage h1 { display:none; }
.subpage h1.pagetitle { display:block; }