/*@import url("http://pioneerdesign.net/cook/cooktire.css");*/

/*   CSS code by David Guy, Pioneer Design Group http://www.pioneerdesign.net. All rights reserved 2009.   */


   /* global elements
----------------------------------------------------------------------------*/

* { margin: 0; padding: 0; }

body {
	font-size: .7em;  
	font-family: 'lucida grande',tahoma,sans-serif;
	background: #FFF;
}   

a img {
	border: none;
	border:0;
	}	

#head-logo, #tirelist a, .autolist a, #truck, #cook-tire-van { behavior: url(/js/iepngfix.htc) }
 
	
.clear { 
	height: 1px;
	line-height: 1px;
	clear: both;
	overflow: hidden;
}
.clear-left { 
	height: 1px;
	line-height: 1px;
	clear: left;
	overflow: hidden;
}
 
.float-r { float:right; }
	.float-r img { margin: 0 6px 10px; }
.float-l { float:left; }

 
h1 {font: 2.3em Georgia, "Times New Roman", serif; color: #222; margin-bottom:4px;}
h2 {
	clear: none;
	font: bold 1.4em Georgia, "Times New Roman", serif; 
	color: #95190A; 
	margin-top: .5em;
	}
h2.first { margin: 0;}
h3 {
font: bold 1em'lucida grande',tahoma,sans-serif;  text-transform: uppercase; 	
	
}
h4 {font: bold 1em 'lucida grande',tahoma,sans-serif;  text-transform: uppercase;}

ul {list-style: none;}

.links a {
	color:#AF351D;
	text-decoration: none;
	font-weight:bold;
	}	

.links a:hover {
	color: #AF351D;
	font-weight:bold;
	text-decoration: underline; 
	}
 
#inside-wrap {
	width: 925px;
	padding: 15px 30px;
	}
 
.imgborder {
	border: 5px solid #E3D7C4;
}
 
.thinborder img {
	border: 1px solid #AAA;
	padding: 5px;
	background: #FFF;
}
 
  /* header and footer elements
----------------------------------------------------------------------------*/

#print-logo { display: none; }

#global-wrap {
	width: 100%;
}
 
#head-logo {
	position: absolute;
	top: 11px;
	left: 25px;
	width: 240px;
	height: 77px;
	background: transparent url('/img/cook-tire-web-logo.png') no-repeat;
}
	#head-logo i {
		visibility: hidden;
	}
	
	#head-logo a {
		position: absolute;
		height: 77px;
		width: 240px;
		top: 0; 
		left: 0;
		text-decoration: none;
	}

#dealer-logos { padding-top: 16px;}
 

#truck { 
	width: 235px;
	height: 94px;
 	background: transparent url("/img/24hour-truck.png") no-repeat;
}
#slogan { 
	position: absolute;
	top: 40px;
	left: 300px;
	width: 260px;
	height: 30px;
 	color: #FFF;  
 	line-height: 1.6em;
 	font: 1.4em Georgia, serif; color: #FFF;
}

#phone { 
	position: absolute;
	top: 20px;
	right: 0;
	width: 260px;
	height: 30px;
 	color: #FFF;  
 	line-height: 1.6em;
}
#phone strong { font-size: 120%; }
#phone a { color: #FFF; } 
#phone h3 { font: bold 1.3em Verdana, Arial, sans-serif; text-transform: uppercase; color: #FFF; margin-bottom: .6em; }  

#top-inner  { 
 	height: 146px;
	position: relative;   
}	
#specials-inner, #top-inner   {   
	margin: 0 auto;  		 
 	width: 925px; 
}	 
 	 
#global-inner {   
	margin: 0 auto;  		 
 	width: 880px; 
 	/*position: relative; */
}	 

#specials-wrap {
	background: transparent url("/img/header-yellow-back.gif") repeat-x;
	z-index:1;
	height: 246px;
}
#home-wrap {
	background: #efe2d0 url(/img/footer-line.gif) bottom left repeat-x;
	z-index:1;
	min-height: 450px;
	padding-bottom: 2em;
}
 
#top-wrap { 
 	height: 147px;
	background: url(/img/Gravel-Back.jpg) repeat-x;
	width: 100%;
}	

#foot {
  	width: 930px;
  	color: #555;
	font-size: 9px;
	text-align:left;
 	font: bold .9em/1em 'lucida grande', sans-serif;
 	position: relative; 
 	margin: 0 auto;
 	padding: 1em 0 3em;
 	 
}
	#foot a { margin: 0; color:#555; }
	#foot ul {	
		list-style: none;
		margin: 0; padding: 0; 
	}
#foot ul li {
	padding: 0 0 0 15px;
 	display: inline;
	}
 

#foot-right {
	float:right;
 	font-weight: normal;
	color: #555;
	text-align: right;
	line-height: 1.4em;
	}
#foot-right a { color: #555; }

 
#designcredit { 
	font-size: 9px;
	color: #FFF;
	margin-bottom: 24px;
	}
#designcredit a { 	color: #FFF; }
	
#cse-search-box .search {
 	font-size: 10px;
	background-color: #4797E0;
 	color: #fff;
	border:1px solid;
   border-top-color:#696;
   border-left-color:#696;
   border-right-color:#363;
   border-bottom-color:#363;
   }

#cse-search-box .text {
 font-size: 10px;
 width: 80px;
 margin-right: 3px; 
 background: #CDEBFF;
 color: #4F4F4F;
 }

#cse-search-results {
 	width: 550px;
 	overflow: hidden;
 }


.line {
width: 85%;
margin: 0 auto 10px auto;
height: 1px;
border-bottom: 1px solid #C3B8A9;
}
.line-full {
width: 100%;
margin: .75em 0;
height: 1px;
border-bottom: 1px solid #C3B8A9;
clear:left;
}

/*Button Code
--------------------------------------------------------------------------*/
.btn { display: block; position: relative; background: #aaa; padding: 5px; float: left; color: #fff; text-decoration: none; cursor: pointer; }
.btn * { font-style: normal; background-image: url(/img/btn2.png); background-repeat: no-repeat; display: block; position: relative; }
.btn i { background-position: top left; position: absolute; margin-bottom: -5px;  top: 0; left: 0; width: 5px; height: 5px; }
.btn span { background-position: bottom left; left: -5px; padding: 0 0 5px 10px; margin-bottom: -5px; }
.btn span i { background-position: bottom right; margin-bottom: 0; position: absolute; left: 100%; width: 10px; height: 100%; top: 0; }
.btn span span { background-position: top right; position: absolute; right: -10px; margin-left: 10px; top: -5px; height: 0; }

* html .btn span,
* html .btn i { float: left; width: auto; background-image: none; cursor: pointer; }

.btn.blue { background: #2ae; }
.btn.red { background: #B81F0C; }
 .btn:hover { background-color: #F81E04; }
.btn:active { background-color: #444; }
.btn[class] {  background-image: url(/img/shade.png); background-position: bottom; }

* html .btn { border: 3px double #aaa; }
* html .btn.blue { border-color: #2ae; }
* html .btn.red { border-color: #B81F0C; }
* html .btn:hover { border-color: #a00; }

a.rounded, .button {
    outline: none;
    border: none;
    text-decoration: none;
    cursor: pointer;
    white-space: nowrap;
    vertical-align: middle;
    display: -moz-inline-box;
    display: inline-block;
    overflow: visible;
  }
  
  .button {
    color: #000;
    background-color: #acc;
    padding: 5px 7px;
  }

  .button:hover {
    background-color: #cee;
  }
  
   

  /* home page elements
----------------------------------------------------------------------------*/
 
#home-spacer {
	height: 2em;
}
.panels, #right-panel {
	background: #E3D7C4;
	width: 278px;
	float:left;
	line-height: 1.3em;
	min-height: 427px;
}
.panels {	margin: 0 20px 0 0;} 

.panels-inner {
	padding: 16px;
}
.panels p { margin-bottom: .4em;}
.panels h3, #right-panel h3 { color: #000; margin-bottom: .6em;}  
 
 
 
  
#tirelist, .autolist { width: 278px; }

#tirelist ul, .autolist ul {
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
	font: bold 1.1em Arial,tahoma,sans-serif;
}

#tirelist a {
	display: block;
	width: 278px;
	height: 64px;
	background: #E3D7C4 url(/img/tirelist-back.png) repeat-x;
	/* border-bottom: 1px solid #eee; */
	text-decoration: none;
}

.autolist a { 
	display: block;
	height: 25px;
	padding-top: 14px;	 
	background: #E3D7C4 url(/img/tirelist-back.png) repeat-x 0 -14px;
	text-decoration: none;
	 }

#tirelist img, .autolist img {vertical-align: middle; margin: 0 5px 0 14px; }

#tirelist a:link, #tirelist a:visited, .autolist a:link, .autolist a:visited {
	color: #000;
	text-decoration: none;
}

#tirelist a:hover, .autolist a:hover {
	background-color: #c1b6a3;
/* color: #fff; */
}
#news-wrap {
	position: relative; 
}

#news-ad {
	margin-top: 3px;
	border: 5px solid #FFF;
	width:240px; height:120px;
}
 	#news-ad  i {
		visibility: hidden;
	}
	
	#news-ad a {
		position: absolute;
		height: 100%;
		width: 100%;
		top: 0; left: 0;
		text-decoration: none;
	}

.home-special {
	float: left;
	width: 275px;
	margin-right: 30px;
}

.home-special a  { color: #FFF; }

.dropcap {
	float:left;
	color:#D4D4C7;
	font-size:50px;
	line-height:30px;
	padding-top:2px;
}


#home-top-wrap {  
	position: relative; 
}
 
#home-video { 
	position: absolute;
	left: 600px;
	top: 0;	 
	width: 372px; 
	background: #565656;
	padding: 7px;
}
#home-video-border { 
	background: #808080;
	padding: 2px;
	 }


 
 
UL.tabNavigation {
		    list-style: none;
		    margin-top: 20px;
		    padding: 0;
		}

		UL.tabNavigation LI {
		    display: inline;
		}

		UL.tabNavigation LI A {
		    padding: 4px 6px;
		    background-color: #333;
		    color: #fff;
		    text-decoration: none;
		}

		UL.tabNavigation LI A.selected,
		UL.tabNavigation LI A:hover {
		    background-color: #95190A;
		    color: #fff;
		    padding-top: 7px;
		}
		
		UL.tabNavigation LI A:focus {
			outline: 0;
		}

		div.tabs > div {
			/*
padding: 5px;
			margin-top: 3px;
			border: 5px solid #333;
*/
		}
		
		div.tabs > div h2 { margin-top: 0; }

		#first {  margin-top: 12px; }

		#second {  }

		#third {  }
		#fourth {  }
		
		 
/*sub nav ----------------------------------------------------------------------------*/
  

/* nav menu
----------------------------------------------------------------------------*/
#nav {
	position: absolute;
	z-index: 2;
	top: 98px;
	left:0;
	height: 50px;
	width: 925px;
	font: bold 14px 'lucida grande',tahoma,sans-serif;   
}


/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			14em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			3.5em; /* match top ul list item height - margin under menu */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			14em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			14em; /* match ul width */
	top:			0;
}

/*** SKIN ***/
.sf-menu {
	float:			left;
	margin-bottom:	1em;
}
.sf-menu li a {
	border-left:	1px solid #d54e3a;
	border-right:	1px solid #7d2014;
	padding: 		17px 20px; 
	text-decoration:none;
}
.sf-menu li li a { 			/* sub menu attributes */
	border-left:	1px solid #d54e3a;
	border-right:	1px solid #7d2014;
	border-bottom:	1px solid #d54e3a;
	padding: 		8px 12px;
	font-weight:	normal; 
	text-decoration:none;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#FFF;
}
.sf-menu li {
	background:		#872b20 url('/img/nav-back.gif') repeat-x;
} 
.sf-menu li li {
	background:		#872b20;
}
.sf-menu li li li {
	background:		#872b20;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	background:		#6A2219;
	outline:		0;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			16px; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('/img/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			17px;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url('/img/shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}



 
 

/* contact form  
----------------------------------------------------------------------------*/
#contactInfo {list-style:none; margin-left:0;}

.contactForm  {margin:15px 0;border:none; background:transparent; padding:10px;}
.contactForm fieldset { border: none; }
.contactForm legend { padding:0 10px; margin-left:20px;color:#b4de73;}
.contactForm ul { margin:0;  list-style:none;}
.contactForm ul li {clear:both; background:none; }
.contactForm ul label { display:block; float:left; width:230px; padding:3px 0;}
.contactForm .txtField  {display:block; float:left; padding:3px; width:260px; margin:5px 0 7px 0;font: 1em "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;color:#666;border:2px solid #E3D7C4;outline:none;}
.contactForm .txtField:hover, .txtField:focus, .txtField:active { border-color:#787878; background:#D8D8D8;}
.contactForm em {font-size:0.9em; color:#666; font-style:normal;}
.contactForm .send { width:174px; height:35px; background:url(/img/Submit-Button.gif) no-repeat; padding-bottom:10px; text-align:center; border:none; margin:15px 0 0px 0; border:none;color: #c2f671;font: 1em "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; font-weight:bold; margin-left:210px; color:#FFFFFF;   }
.contactForm .send:hover {cursor:pointer; color:#f8ff84;}
.contactForm.request fieldset {border:1px #5b8a10 solid; padding:5px;}
.contactForm fieldset.extra {margin-top:15px;}
.contactForm .file {display:block; float:left; padding:3px; width:260px; margin:5px 0 7px 0;font: 1em "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;}
.contactForm .radio {display: inline; }

/*form errors*/
.error {border-top:#7dce01 1px solid; border-bottom:#7dce01 1px solid; background:#6bb000; padding:10px; margin-bottom:10px; text-align:center; color:#f1ffdb; }

/*captcha */
.captcha { float:left; margin-top:5px;}
.captcha img {border:#7dce01 2px solid; margin-top:0; float:left;}
.captcha input { margin:0 auto 12px 12px;font: 1em "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;color:#666;border:2px solid #E3D7C4;outline:none;padding:3px; width:108px;}

.submitter{
cursor:pointer;
border:outset 1px #ccc;
background:#999;
color:#666;
font-weight:bold;
padding: 1px 2px;
background:url(/img/formbg.gif) repeat-x left top;
} 
 
 
#left-wrap {	
	width: 43em;
	min-height: 475px;
}	 
#left, #inside-wide {
	font: 1.2em/1.4em "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
	}
.services {
	font: .8em/1.2em "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
}

#left {	
	width: 43em;
	padding: 0 20px 0 0;
	margin-top: 10px;
	color: #3C3C3C;
} 
	#left p, #inside-wide p { padding-bottom: .5em;}


.arrows ul, .services ul {
	list-style: none;
	margin: .5em 0 1em 0;
	padding-left: 10px;
	}
.arrows ul li, .services ul li {
	display: block;
	padding: 0 0 4px 18px;
	line-height: 1.4em;
	background: url('/img/arrow.gif') no-repeat 2px 4px;
	}
.arrows ol {
	list-style-type: lower-alpha;
	margin: .5em 0 1em 0;
	padding-left: 10px;
	}
.arrows ol li {
	display: block;
	padding: 0 0 4px 4px;
	line-height: 1.4em;
	}

#right-wrap { 
	float:right;
	width: 240px;
}
.right-serif {
	font: 1.5em/1.5em Georgia, Times, serif;
	color: #60513E;
}

.right-info {
	color: #60513E;
	border: 1px solid #C3B5A1;
}
 
#right { 
	font: 1em/1.3em 'lucida grande',tahoma,sans-serif;
 	padding: 20px;
	background: #E3D7C4;
	 
 }
#right-img { 
	float: right;
	width: 250px;
	padding: 20px 0;
	/*background: #A31A1D;*/
	color: #FFF;
	border-top: 5px solid #555;
}


	.right-pad {
		margin: 5px;
		padding: 15px;
		background: #FFF;
		font: 1.1em/1.6em 'lucida grande',tahoma,sans-serif;
	}
	
.right-title {
	padding: 7px;
	color: #60513E;
	border-bottom: 1px solid #C3B5A1;
 
}
	.right-title h2 {
	color: #60513E;
	font: bold 1.5em Georgia, Times, serif;  
	}
 
 
 #pageheading {
	border-bottom: 1px solid #AAA;
	width: 880px;
	margin: 12px 0;
	padding-bottom: 8px;
	} 
	#pageheading p {
	letter-spacing: 2px;
	text-transform: uppercase;
	color: #444;	
	padding: 12px 0 0 0;
	}
	#pageheading h1 {
	font: 2.5em Georgia, "Times New Roman", serif; 
	color: #444; 
	float: left;
	margin: 0 20px 0 0;
	}

.tirelogos {
	width: 205px;
	min-height: 43px;
	}
	
.tirelogos img {
    top:  0; 
    left: 0;
    }

 
#car-config {
	border: 0;
	width: 880px;
	height: 515px;
	}

.caption {
	font: .85em/1em 'lucida grande',tahoma,sans-serif;
	color: #444;
	margin-left: 1em;
}

#cv-table {
	border: 1px solid #AAA;
	font: .8em/1.3em 'lucida grande',tahoma,sans-serif;
}
#cv-table th {
	background: #444;
	color: #FFF;
	padding: 3px;
	border-right: 1px solid #FFF;
}


#cv-table td {
	padding: 5px;
	border-right: 1px solid #444;
	}
#cv-table th:last-child, #cv-table td:last-child { border: none; }


.commentwrap {     width: 100%; margin: 1.5em 0;}
.commentbox p { margin-bottom: .75em;}
.commentbox p:last-child { margin-bottom: 0;}

.commentbox {
	background-color: #535554;
	color: #FFF;
	/*width: 95%;*/
	padding: 15px;
	font: 1em/1.5em "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif; 
}
/*.commentbox p { margin: 0; padding: 0; }*/

.commentfooter{
	background: url(/img/nib.png) 20px 0 no-repeat; /*20px 0 equals horizontal and vertical position of arrow. Adjust as desired (ie: 20px -5px).*/
	padding-left: 58px;
	padding-top: 5px;
	margin-bottom: 2em;
	font: 1em/1.3em "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif; 
	color: #000;
}


#accordion a.menu-head {
	cursor:pointer;
	display:block;
	margin: 0;
	text-decoration: none;
	outline:0;
	font: bold 1.2em Georgia, "Times New Roman", serif; 
	padding: 8px 0 6px 30px;
	color: #AF351D; 
}

#introduction {
	background: #E3D7C4;
	padding: 12px 16px;
	font: 1.3em/1.4em Georgia, serif; 
	margin-bottom: .5em;
	width: 843px;
}


#US_CALC_FORM {
	background: #009966;
	color: #FFF;
	padding: 2px 7px 7px 14px;
}

#US_CALC_FORM td { padding-right: 7px; }

.short-input { width: 70px; } 


#maps {
	margin: 20px;
}

.location {
	float: left;
	width:45%;
	}
	
#cook-tire-van {
	width: 250px;
	height: 153px;
	background: transparent url('/img/cook-tire-van.png') no-repeat;
}
	
#facebox {
margin-top: 15px;
float:right;
}