/* ======== DomainName.com Screen Stylesheet ::
Created:	6-25-10 CMP http://www.iBecCreative.com
Updated: 	6-30-10 JDB

----------------------------------------------------------------- */

/* ======== Resets ::
----------------------------------------------------------------- */
body, address, blockquote, h1, h2, h3, h4, h5, h6, p, pre, dl, ol, ul, dd, dt, li, fieldset, form {margin:0;padding:0;}

/* ======== HTML & Body ::
-----------------------------------------------------------------  */
html{font-size:100.01%;height:101%;}
body{height:100%;font:62.5%/1.4 Verdana, Geneva, sans-serif;background:#fff;color:#2d2d2d;}

/* ======== Links ::
-----------------------------------------------------------------  */
a{outline:none !important;}
a,a:visited,a:focus{color:#d11f27;text-decoration:none;}
a:active,a:focus,a:hover{text-decoration:underline;}
a img{border:none;}

/* ======== Typography ::
----------------------------------------------------------------- */
@font-face {
	 font-family: 'AbadiMTCondensedExtraBoldRegu';
	 src: url('fonts/abadi_mt_condensed_extra_bold-webfont.eot');
	 src: local('☺'), url('fonts/abadi_mt_condensed_extra_bold-webfont.woff') format('woff'), url('fonts/abadi_mt_condensed_extra_bold-webfont.ttf') format('truetype'), url('fonts/abadi_mt_condensed_extra_bold-webfont.svg#webfontqEW2Gvdg') format('svg');
	 font-weight: normal;
	 font-style: normal;
}
/* Resets for Nested elements */
blockquote p,p blockquote,div div,div li,div p,div dt,div dd,li li,li li li,ul ul,p address,p pre,pre p,td address,td h1,td h2,td h3,td h4,td li,td dd,td dt,td p,td pre{font-size:100%;}
h1,h2,h2,h3,h4,h5{color:#5c5c5c;}
abbr,acronym{text-decoration:none;border:0;}
address,h1,h2,h3,h4,h5,h6,dd,dt,li,p,pre{padding:.4em 0;}

h1{font-size:14px;font-weight:bold;color:#770005;padding:0;margin:0.25em 0;}
h2{font-size:14px;color:#5f5f5f;font-weight:normal;font-style:italic;padding:0;margin:0.25em 0;}
h3{font-size:14px;}
h4, h5, h6{font-size:12px;}

address,blockquote,div,dd,dt,li,p,th,td{font-size:1.2em;}
dt{font-weight:bold;}
pre{font-size:12px;}
q:before,q:after{content:'';}

/* ======== Tables ::
-----------------------------------------------------------------  */
table{border:none;border-collapse:collapse;border-spacing:0;overflow:hidden;word-wrap:break-word;}
caption,th,td{text-align:left;vertical-align:top;}

/* ======== General Purpose Classes ::
-----------------------------------------------------------------  */
.alignLeft{text-align:left;}
.alignRight{text-align:right;}
.alignCenter{text-align:center;}
.center{text-align:center;}
.clear{clear:both;padding:0;margin:0;line-height:0;}
.clearLeft{clear:left;}
.clearRight{clear:right;}
.floatLeft{float:left;}
.floatRight{float:right;}
.hidden{display:none;}
.inline{display:inline;}
.large{font-size:20px;font-weight:bold;}
.light{color:#999;}
.small{font-size:10px;font-weight:normal;}
.imagetext{font-size:0;text-indent:-1000000px;}
.imageLeft{float:left;margin:0 0.5em 0.5em 0;}
.imageRight{float:right;margin:0 0 0.5em 0.5em;}
.pageWidthWrapper{width:900px;margin:0 auto;}

/* ======== Header ::
----------------------------------------------------------------- */
#header { position:relative; }
#logoWrapper{height:97px;width:400px;float:left;margin:20px 0 0;background:url(../images/header-team.png) no-repeat top right #fff;}
#headerRightWrapper{float:right;width:300px;}
a.redButton{height:28px;line-height:28px;display:block;text-align:center;font-size:18px;font-family:'AbadiMTCondensedExtraBoldRegu';color:#fff;background:url(../images/header-red-button.png) repeat-x top left;}
a.redButton:hover{text-decoration:none;}
a.redButton img{position:relative;top:-1px;}
/* === Search Form === */
#headerRightWrapper form{margin:1em 0;padding:0;}
#headerRightWrapper form label{position:absolute;top:-999em;left:-999em;}
.w197h24 {width:191px;height:22px;border:0 solid #fff;font:12px/22px Verdana, Geneva, sans-serif;overflow:hidden;color:#616161;margin:0;padding:1px 3px; background:url(../images/input-bg-197x24.png) no-repeat bottom right;}
.button24 {color:#616161;height:24px;border:none;width:98px;font-family:Verdana, Geneva, sans-serif;cursor:pointer;vertical-align:bottom;padding:1px 6px;background:url(../images/button-gray-bg.png) repeat-x bottom right;}
#sunburst {
    position:absolute;
    left:400px;
    top:0;
    overflow:hidden;
	height: 117px;
	width: 199px;
	text-decoration:none;
	display: block;}
	#sunburst a { display:block; text-decoration:none; }

/* ======== Main Nav ::
----------------------------------------------------------------- */ 
#mainNavWrapper {clear: both;}
#mainNav, #mainNav * {padding:0;list-style:none;}
#mainNav {float:left;margin-bottom:	1em;line-height:1;}
#mainNav > li {position:relative;list-style: none;float: left;background: url(../images/nav-separator.png) bottom right repeat-x;}
#mainNav li {z-index:999;}
#mainNav > li > a {
display:block;
float: left;
height: 24px;
background: url(../images/nav-bg.png) bottom right repeat-x;
text-align: center;
color: #fff;
font:18px/24px 'AbadiMTCondensedExtraBoldRegu';
padding: 3px 0;
margin: 0 1px 0 0;
text-shadow: #000 0 0 5px;
text-decoration: none;
}
	#mainNav li a {display:block;}
	#mainNav li a.nav-contact-us {width: 118px;	margin: 0;}
	#mainNav li a.nav-our-locations{width:128px;}
	#mainNav li a.nav-our-tires{width:118px;}
	#mainNav li a.nav-auto-repair-services{width:178px;}
	#mainNav li a.nav-education,.nav-tire-tips{width:120px;}
	#mainNav li a.nav-news{width:95px;}
	#mainNav li a.nav-our-company{width:137px;}
	#mainNav li a:hover, #mainNav li a.active, #mainNav li.sfHover > a {background: #545147;}

	/* === 2nd Tier === */
	#mainNav ul {position:absolute;top:	-999em;background:#545147;}
	#mainNav li:hover ul,#mainNav li.sfHover ul {left:0;top:2.5em;}
	#mainNav ul li {width:100%;background:#545147;}
	#mainNav li ul li a, #mainNav li ul li ul a {color: #fff !important;}
	#mainNav li li:hover, #mainNav li li.sfHover,#mainNav li li a:focus, #mainNav li li a:hover, #mainNav li li a:active {background:#8D8D8D;outline:0;}
	/* === 3rd Tier === */
	#mainNav li:hover li ul,ul#mainNav li.sfHover li ul {top:	-999em;}
	#mainNav li li:hover ul,ul#mainNav li li.sfHover ul {left:10em; top:0;}
	#mainNav li li li {background:	#545147;}
	#mainNav li ul li a {padding: .75em 1em;text-decoration:none;}
	/* === 4th Tier === */
	ul#mainNav li li:hover li ul,ul#mainNav li li.sfHover li ul {top:-999em;}
	ul#mainNav li li li:hover ul,ul#mainNav li li li.sfHover ul {left:10em; top:0;}

/* ======== Content ::
----------------------------------------------------------------- */ 
#contentWrapper {clear: both;}
.lowerSkinny {width: 199px;}
#content {clear:both;float: left;margin: 5px 0 20px;width: 100%;}

/* === Left side menu === */
#lowerNav{list-style:none;padding:5px 0;}
#lowerNav li{margin:auto auto 5px;}
#lowerNav li a{color:#2c2c2c;font-size:14px;font-weight:bold;}
#lowerNav li a:hover{text-decoration:none;}
#lowerNav li ul{list-style:none;padding:4px 0;}
#lowerNav li ul li{margin:0;padding:0;}
#lowerNav li ul li a{color:#787878;font-size:12px;font-weight:normal;display:block;padding:2px 0 2px 10px;}
#lowerNav li ul li a:hover{background:#DCDFD5;}

/* === Content Boxes === */
.grayBox{width:100%;text-align:center;margin:0 0 10px;background:#DADDD0;}
.grayBox h3 {font-size:14px; text-align:center; height:28px; line-height:28px; padding:0;background:url(../images/grayBox-bg.png) repeat-x bottom right;}
.boxContent{text-align:left;color:#2d2d2d;padding:4px 8px;}
.lowerWide{width:485px;margin:0 0 0 8px;}

/* === Page content === */
#pageContent p{line-height:1.5em;margin:0 0 15px;padding:0;}
#pageContent ul{list-style:none;}
#pageContent ul li{padding:3px 0 3px 20px;background:url(../images/bullet.png) no-repeat 0 6px;}

/* === Bottom === */
.grayHR{height:7px;width:100%;clear:both;float:left;display:block;background:url(../images/footer-bar.png) repeat-x bottom right;}
#footerWrapper{clear:both;}
/* --- Footer Nav --- */
#footerNav{float:left;width:680px;height:58px;overflow:hidden;list-style:none;clear:both;}
#footerNav li{float:left;margin:16px 22px 16px 0;}
#footerNav li a{color:#5d5d5d;}
#footerCredentials{float:right;width:205px;height:58px;}
/* --- Locations --- */
#locations{float:left;clear:both;width:100%;margin:0 0 40px;}
#locations .location{float:left;width:18%;}
#locations .location.last{width:10%;}

/* ======== Home Page slides & features  ::
----------------------------------------------------------------- */ 
/* === slides === */
#hpSplash {width:530px;height:320px;float:left;position:relative;z-index:1;padding:10px; background:#D0D0D0;}
#hpCycle{width:530px;height:320px;overflow:hidden;position:relative;z-index:2;}
#hpCycle ul{list-style:none;}
#hpCycle ul li{padding:0;}
#hpCycle ul li img{z-index:1;}
#hpCycle ul li .slideLinkWrapper {position:relative;float:left;display:block;top:230px;height:0;overflow:visible; z-index:10;}
#hpCycle ul li .slideLink {color:#fff;text-align:right;display:block;height:70px;width:400px;
position:absolute; z-index:10;padding:5px 15px 5px 5px;background:#770005;}
#hpCycle ul li .slideLink strong{display:block;}
#cycleNavWrapper {float:right;height:0;overflow:visible;position:relative;right:20px;top:280px;z-index:100;}
#cycleNav {height:18px;position:relative;z-index:101;}
#cycleNav a {display:block;float:left;height:18px;text-indent:-10000px;width:18px;z-index:4;margin:0 0 0 2px;background:url(../images/cycleNavInactive.png) no-repeat bottom right;}
#cycleNav a.activeSlide {background:url(../images/cycleNavActive.png) no-repeat bottom right;}

/* === Feature Content === */
.hpFeatureContent .locations{clear:both;margin:0 0 0 10px;}
.hpFeatureContent .location{float:left;width:33%;margin:5px 0 0;}
#hpFeatureWrapper{float:right;width:340px;}
.hpFeature{float:right;clear:right;width:100%;height:165px;overflow:hidden;border-left:1px solid #770005;border-bottom:1px solid #770005;margin:0 0 10px;background:url(../images/hpFeatureBoxBg.png) repeat-x top left;}
.hpFeatureHeader {float:left;height:28px;display:block;text-align:center;font:18px/28px 'AbadiMTCondensedExtraBoldRegu';color:#fff;padding:0 20px 0 10px; background:url(../images/header-red-button.png) repeat-x top left;}
.hpFeatureContent .floatLeft{width:47%;margin:8px 0 0 8px;}
.hpFeatureContent span{float:left;margin:0 0 3px;}
.hpFeatureContent a,.hpFeatureContent a:link,.hpFeatureContent a:visited,.hpFeatureContent a:active{color:#000;}
.hpFeatureHeaderWrapper{float:left;height:0;position:relative;overflow:visible;}

/* === Tire links ===  */
#hpTireWrapper{width:100%;float:left;height:130px;overflow:hidden;border-left:1px solid #770005;border-bottom:1px solid #770005;background:url(../images/hpFeatureBoxBg.png) repeat-x top left;}
#tires{list-style:none;margin:0;padding:0;}
#tires li {float:left;height:130px;padding:0;cursor:pointer;}
#tires li a {display:none;}
#tires li a:hover {text-decoration:none;}
#tires li a span {display:block;width:134px;text-align:center;cursor:pointer;margin:0 34px;}
#tires li.tireHover a {display:block;color:#2c2c2c;width:202px;height:37px;position:relative;
top:95px;background:url(../images/tires/linkBG.png) no-repeat top left;}
/* BG Images */
#tires_HV {width:132px;background:url(../images/tires/HV.png) no-repeat 0 -270px;}
#tires_HV a {left:-33px;}
#tires_CS4T {width:132px;background:url(../images/tires/CS4T.png) no-repeat 0 -270px;}
#tires_CS4T a {left:-33px;}
#tires_Lifeliner_GLS{width:130px;background:url(../images/tires/Lifeliner_GLS.png) no-repeat 0 -270px;}
#tires_Lifeliner_GLS a {left:-31px;}
#tires_Trendsetter {width:128px;background:url(../images/tires/Trendsetter.png) no-repeat 0 -270px;}
#tires_Trendsetter a {left:-30px;}
#tires_DiscovererCTS {width:127px;background:url(../images/tires/DiscovererCTS.png) no-repeat 0 -270px;}
#tires_DiscovererCTS a {left:-30px;}
#tires_DiscovererATR {width:121px;background:url(../images/tires/DiscovererATR.png) no-repeat 0 -270px;}
#tires_DiscovererATR a {left:-27px;}
#tires_DiscovererHT {width:126px;background:url(../images/tires/DiscovererHT.png) no-repeat 0 -270px;}
#tires_DiscovererHT a {left:-29px;}
#tires li:hover, .tireHover {background-position:0 15px !important;}

/* ======== Contact Form  ::
----------------------------------------------------------------- */
.formRow {margin: 5px 0; font-weight: bold;clear:both;overflow:hidden;}
.formRow .checkbox {float: right;clear: both;}
.formRow select { margin:17px 0 0 0; }
.formRow label {float: left;display: block;padding: 0.5em 0 0; width: 150px;}
.formRow  input {float: left;}
.formRow  input, .formRow  textarea {border: 1px solid #DADDD0;padding: 0.25em 0.5em 0.25em 0;font-family: Verdana, Geneva, sans-serif;}
.formRow  textarea {width:190px;overflow: auto; }
legend {display: none;}
fieldset {border: none;}
.captcha {margin:20px 0 0; clear:both;}
.captchapict,.captcha .cms_textfield, .captcha label {margin:0 0 0 151px;}
.captcha label, .captcha .cms_textfield {display:block;width:195px;}
.submit {padding:20px 0;clear: both;text-align: center;width:485px;margin:0 auto;}
.submit input  {
border:none;
margin:0 auto;
background: url(../images/header-red-button.png) top left repeat-x;
height: 28px;
display: block;
text-align: center;
font: 18px/28px 'AbadiMTCondensedExtraBoldRegu';
color: #fff;
}
.error_message * {color:red;}