@charset "UTF-8";
/* CSS Document */


/* LAYOUT
==============================================================================*/


/* GRID COLUMNS
==============================================================================*/
.grid2, .grid2alt, .grid2sub, .grid2subflip {
	width: 100%;
}


#contents .grid2 .column.first, #contents .grid2 .column.last { width: 49%; background:none; padding:0; margin:0; }
#contents .grid2alt .column.first { width: 510px; background:none; padding:0; margin:0; }
#contents .grid2alt .column.last { width: 180px; background:none; padding:0; margin:0; }


.grid2sub .column.first { width: 180px; margin-right: 7px; margin-top: 10px; }
.grid2sub .column.last {
	width: 740px;
	padding-left:25px;
	padding-top: 50px;
	background-position: 0 0;
}

.grid2subflip .column.first { width: 695px; margin-right: 7px; }
.grid2subflip .column.last { width: 180px; background:none; padding-left:30px; }

.column { float: left; }
.column.last { float: right !important; }
.divider { border: 1px solid #ccc; border-width: 1px 0px 0px 0px; }

.wrapper_threeColumn { width: 912px; float: left; clear: left; padding-bottom: 18px; }
.wrapper_twoColumn, .wrapper_fourColumn { width: 695px; float: left; clear: left; padding-bottom: 18px; }
.wrapper_hp { width: 912px; float: left; padding-bottom: 10px; overflow:hidden; }

.twoColumn_hp-1 { float: left; width: 673px; margin: 0px 10px 0 0; }
.twoColumn_hp-2 { float: left; width: 229px; margin: 0px 0 0 0; }


.wrapper_black { width: 674px; float: left; clear: left; padding-left:21px; padding-bottom: 20px; margin-bottom: 10px; background:#000 url(images/rnd-btm_blk.gif) bottom center no-repeat; }
.twoColumn_blk-1 { float: left; width: 315px; margin: 0px 0px 0px 0px; background:#000 url(../technology/img/gry-box_blk.gif) bottom center no-repeat; }
.twoColumn_blk-2 { float: left; width: 315px; margin: 0px 0px 0px 23px; background:#000 url(../technology/img/gry-box_blk.gif) bottom center no-repeat; }

.twoColumn_blk-1 { float: left; width: 212px; margin: 0px 0px 0px 0px; background:#000 url(../technology/img/gry-box_blk.gif) bottom center no-repeat; }
.twoColumn_blk-2 { float: left; width: 212px; margin: 0px 0px 0px 7px; background:#000 url(../technology/img/gry-box_blk.gif) bottom center no-repeat; }
.twoColumn_blk-3 { float: left; width: 212px; margin: 0px 0px 0px 7px; background:#000 url(../technology/img/gry-box_blk.gif) bottom center no-repeat; }

.sb-box_hp, .sb-btmbox_hp { width: 229px; height: 137px; background: #fff url(../img/box-gry_hp.gif) bottom center no-repeat; margin-bottom:9px; }
.sb-btmbox_hp { margin-bottom: 0px; }

.twoFullColumnPromo-1, .twoFullColumnPromo-2 { float: left; width: 313px; height:112px; background:#fff url(../img/promo-2box_hp.gif) top left no-repeat; margin: 0px 20px 0px 0px; }
.twoFullColumnPromo-2 { margin: 0; }

.twoFullColumnRes-1, .twoFullColumnRes-2 { float: left; width: 313px; height:90px; background:#fff url(../img/promo-2box_res.gif) top left no-repeat; margin: 0px 20px 0px 0px; }
.twoFullColumnRes-2 { margin: 0; }

.threeFullColumnPromo-1, .threeFullColumnPromo-2, .threeFullColumnPromo-3 { float: left; width: 300px; height:152px; background:#fff url(../img/promo-box_hp.gif) top left no-repeat; margin: 0px 6px 0px 0px; }
.threeFullColumnPromo-3 { margin: 0px 0px 0px 0px; }

.twoColumn-1, .twoColumn-2 { float: left; width: 335px; margin: 0px 25px 0 0; }
.twoColumn-2 { margin: 0px 0 0 0; }
.twoColumn_sb-1 { float: left; width: 490px; margin: 0px 25px 0 0; }
.twoColumn_sb-2 { float: left; width: 180px; margin: 0px 0 0 0; }

.threeFullColumnBoxes_top {
	background: #fff url(../img/three_col_boxtop.gif) top left no-repeat;
	height:10px; width: 912px; float: left; font-size:1px; }
.threeFullColumnBoxes_bg {
	background: #fff url(../img/three_col_boxbg.gif) 0 0 repeat-y;
	clear: left; width: 912px; float: left; margin:0; padding:0; }
.threeFullColumnBoxes_btm {
	background: #fff url(../img/three_col_boxbtm.gif) top left no-repeat;
	height:10px; width: 912px; float: left; font-size:1px; }
	
.threeFullColumn { float: left; width: 257px; padding:0 15px; margin: 10px 25px 0 0; }
.threeFullColumn.close { margin: 10px 0px 0 0; }

.threeFullColumn h3 { font-weight: bold; font-size:14px; margin-bottom:5px; }

.fourColumn-1, .fourColumn-2, .fourColumn-3, .fourColumn-4 { float: left; width: 164px; margin: 0px 9px 0 0; }
.fourColumn-4 { margin: 0px; }

/* retreads */
#retreads .fourColumn-1, .fourColumn-2, .fourColumn-3, .fourColumn-4 { float: left; width: 164px; margin: 0px 9px 0 0; }
#retreads .fourColumn-4 { margin: 0px; }
#retreads .fourColumn-2 { background: #fff url(../img/divider_gray.gif) right top no-repeat; padding-right:5px; }

/* CONTENT FOOTER PROMOS
==============================================================================*/
#contentfooter {
	background:	#fff url(/images/design/footer_bottom.gif) bottom left no-repeat;
	width: 960px; margin: 0 auto; clear: both; padding: 0px 0px 15px 0px;
}

#contentfooter #promo {
	background:#fff url(../img/hp_promos_bg.gif) 0 0 repeat-y; 
	width:912px; height: 152px; position: relative; margin: 0 auto;  
}

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

#contentfooter .one { width: 244px; }
#contentfooter .two { width: 244px; }
#contentfooter .three { width: 244px; }
#contentfooter .item { float: left; padding: 35px 20px 5px 35px; }
#contentfooter #promo h3 { font-weight:bold; }

/* GLOBAL SITE FOOTER
==============================================================================*/
#siteFooter { width: 100%; margin: 12px 0; text-align:center; }
#siteFooter p { color:#aaa; font-size:10px; text-transform:uppercase; }
#siteFooter a { color:#aaa; text-decoration:none; }
#siteFooter a:hover { color:#ccc; text-decoration:underline; }

/* TYPE
==============================================================================*/
/*body { font: 12px/18px Arial, Verdana, sans-serif; }*/
strong, b { font-weight:bold; }
em, i { font-style:italic; }
blockquote {
	font: italic 12px Georgia, serif; line-height: 18px; margin: 0px 0px 0px 0px; padding: 4px 0px 4px 30px; color: #666;	
	background: #fff url(../img/quote.gif) 0px 0.25em no-repeat;
}

#mains h1 { font-size: 28px; font-weight: bold; line-height: 36px; margin-bottom: 18px; }
#mains h2 { font-size: 26px; line-height: 30px; font-weight: bold; margin-bottom: 18px; color: #004990; padding-bottom: 4px;}

sup {	font-size: 9px; }
#mains h3 {
	font-weight: bold;
	font-size: 14px;
	line-height: 18px;
	margin-bottom: 5px;
	color: #333333;
}
#mains h4 { font-size: 10px; font-weight: bold; color:#666; line-height: 18px; text-transform: uppercase; }
#mains p { margin-bottom: 18px; line-height: 18px; color:#444;}
.caption { font-size: 10px; color:#666; line-height: 14px;}
/*.column h2 {  border-bottom: 1px solid #d4d4d4; }*/
h2.intro { color: #ED1C1C; }
p.intro { font-weight: bold; color: #333; }
p.under { border-bottom: 1px solid #dcdddf; padding-bottom:15px; }
.more { text-align: right; }
#main .promo_txt_hp { font-size: 11px; line-height:14px; margin:0; padding-top:3px; }
#main .promo_title_hp { font-size: 12px; line-height:14px; margin:0; padding-top:3px; font-weight: bold;}
#main .more_search_hp { font-size: 11px; line-height:12px; margin:0; padding-left:25px; }

/* ANCHOR LINK STYLES */

a:link, a:visited { color:#005fde; text-decoration:none; }
a:hover { text-decoration:underline; }
td.printLink a { padding-left: 22px; background: transparent url(../img/printer_icon.gif) 0 3px no-repeat; padding:2px 0px 2px 20px; }
.backLink { }
a img.boxed { border: 1px solid #ccc; padding: 3px; }
a:hover img.boxed { border: 1px solid #005fde; padding: 3px; }

/* UNORDERED/ORDERED LIST STYLES */

#mains ul {
	margin-bottom: 18px;
	list-style: none outside;
	color:#FFFFFF;
}
#mains ul li { margin-bottom: 10px; }
#mains ol { margin-bottom: 18px; list-style: decimal; margin-left: 2.2em; }
#mains ul.square, #mains ul.circle { margin-left: 2em; }
#mains ul.square { list-style: square outside; }
#mains ul.square li { margin-bottom: 4px; }
#mains ul.circle { list-style: circle outside; }
#mains ul ul.circle, #mains ul ul.square { margin-top: 4px; margin-bottom: 5px; }

#mains ul.icons li.pdf { background: url(../img/adoberdr.gif) 0px 4px no-repeat; margin-bottom: 3px; padding: 2px 4px 2px 20px; line-height: 18px; font-size: 11px; font-family:Verdana, Arial, Helvetica, sans-serif; }
#mains ul.icons li.url { background: url(../img/bullet_gryarrow.gif) 0 3px no-repeat; padding: 2px 2px 2px 12px; line-height: 16px; font-size: 12px; margin-bottom:0; padding-bottom:0; }

#mains ul.linkList li { background: url(../img/link_arrow_sm.gif) 0px 3px no-repeat; margin-bottom: 3px; margin-left:5px; font-family:Verdana, Arial, Helvetica, sans-serif; padding: 0px 4px 0px 12px; line-height: 13px; font-size: 11px; }

#mains ul.numbers{ line-height: 18px; font-size: 12px; }

#mains ul.numbers li.one { margin-bottom: 8px; padding: 0px 4px 0px 30px; background: url(../img/cutaways/bullet_one.gif) 0px 0px no-repeat; }

#mains ul.numbers li.two { margin-bottom: 8px; padding: 0px 4px 0px 30px; background: url(../img/cutaways/bullet_two.gif) 0px 0px no-repeat; }

#mains ul.numbers li.three { margin-bottom: 8px; padding: 0px 4px 0px 30px; background: url(../img/cutaways/bullet_three.gif) 0px 0px no-repeat; }

#mains ul.numbers li.four { margin-bottom: 8px; padding: 0px 4px 0px 30px; background: url(../img/cutaways/bullet_four.gif) 0px 0px no-repeat; }

#mains ul.numbers li.five { margin-bottom: 8px; padding: 0px 4px 0px 30px; background: url(../img/cutaways/bullet_five.gif) 0px 0px no-repeat; }

#mains ul.numbers li.six { margin-bottom: 8px; padding: 0px 4px 0px 30px; background: url(../img/cutaways/bullet_six.gif) 0px 0px no-repeat; }

		
/* Sample image replacement technique
#main #p_title h2.brochures {
	display: block;
	width: 103px;
	height: 17px;
	text-indent: -9999px;
	overflow: hidden;
	background: #fff url(../img/title_brochures.gif) no-repeat;
	margin-bottom:0px;
	padding:0;
	line-height:0px;
		}
 */	
 	
#p_title { border-bottom: 1px solid #ffda00; margin-bottom:20px; padding-bottom:8px;}

.closegap {display:block; margin: 0 auto; }
.hide { visibility:hidden; }
.error { color:#cc0000; font-weight:bold; }
.noshow { display:none; }
.show {display:inline; }
#mains .tight {margin:0;}
.bluearrow { padding: 0px 0px 0px 20px; background: url(../img/bullet_arrow.gif) no-repeat;}

/* LEFT-SIDE SUBMENU
==============================================================================*/
#mains #leftmenu { border-bottom: 1px solid #dcdddf; padding: 5px 0; width: 180px; }
#mains #leftmenu li { margin:3px 0 3px 0; padding:0; font-size:11px; line-height:18px; }
#mains #leftmenu li.sn_head { font-weight:bold; padding-left: 10px; background: #eee; }
#mains #leftmenu li a { text-decoration:none; padding-left: 5px; color:#444; width: 175px; display: block; padding-bottom:2px; padding-top: 2px; }
html>body #mains #leftmenu li a { width: auto; }
#mains #leftmenu li a:hover { color: #005dfe; text-decoration:underline; }
#mains #leftmenu li a.currentPage, #mains #leftmenu li a:hover.currentPage { color: #fff; text-decoration:none; background: url(../img/submenu_current_bg.gif) 0 0 repeat-x;}
#mains #leftmenu li a.currentSection { color: #fff; text-decoration:none; margin-bottom:0px; background: url(../img/submenu_current_bg.gif) 0 0 repeat-x;}
#mains #leftmenu li a:hover.currentSection { color: #fff; text-decoration:underline; }
#mains #leftmenu ul { width:180px; margin-top: 0; margin-bottom:7px; padding-top:0px; }
#mains #leftmenu ul li {border:none; margin:0; line-height:14px; }
#mains #leftmenu ul li a { width: 155px; padding:2px 0px 2px 25px; background: url(../img/tertiary_arrow_off.gif) 17px 7px no-repeat; }
html>body #mains #leftmenu ul li a { width: auto;}
#mains #leftmenu ul li a:hover { color: #005dfe; text-decoration:underline; background: url(../img/tertiary_arrow_on.gif) 17px 7px no-repeat; }
#mains #leftmenu ul li a.currentPage, #main #leftmenu ul li a:hover.currentPage { color: #005dfe; text-decoration:none; background: url(../img/tertiary_arrow_on.gif) 17px 7px no-repeat; }

#mains #leftmenu li li li { margin:0px 0 0px 0; padding-left:20px; font-size:10px; line-height:18px; background: url(/img/submenu_underdot.gif) repeat-x bottom left ; }
#mains #leftmenu li li li a { text-decoration:none; padding-left: 20px; color:#444; display: block; background: url(/img/submenu_underdot.gif) bottom left repeat-x; padding-bottom:0px; padding-top: 0px; }
#mains #leftmenu li li li a.currentPage, #main #leftmenu li li li a:hover.currentPage { color: #005fde; text-decoration:none; background: #fff url(/img/sn_marker.jpg) right 6px no-repeat; }
#mains #leftmenu li li li a.currentPage, #main #leftmenu li li li a:hover.currentPage { background: url(/img/submenu_underdot.gif) bottom left repeat-x; padding-bottom:0px; padding-top: 0px; }

/* RIGHT-COLUMN BOXES
==============================================================================*/
#contents .box1 { width: 180px; background: #fff url(../img/rc_wht.gif) bottom center no-repeat; margin-bottom:15px; }
#contents .box1 h3 { margin:0; padding: 6px 8px 4px 8px; font-size: 11px; text-transform:uppercase; background: #fff url(../img/rc_wht.gif) center top no-repeat; border-bottom: 1px solid #ddd; }
#contents .box1 p { font-size:11px; line-height:15px; padding: 5px 8px 5px 8px; margin: 0px; }
#contents .box2 { width: 180px; background: #fff url(../img/rc_gry.gif) bottom center no-repeat; margin-bottom:15px; }
#contents .box2 h3 { margin:0; padding: 6px 8px 4px 8px; font-size: 11px; text-transform:uppercase; background: #fff url(../img/rc_gry_top.gif) center top no-repeat; border-bottom: 1px solid #ddd; }
#contents .box2 p { font-size:11px; line-height:15px; padding: 5px 8px 5px 8px; margin:0px; }
#contents .box1 a.primaryLink {
	padding-left: 15px;
	background: url(../img/link_arrow.gif) 0 2px no-repeat;
	color: #444;
}

/* BREADCRUMBS
==============================================================================*/
#breadcrumb { width: 100%; font-size:11px; color:#999; margin:0; padding:0; }
#breadcrumb a { color: #999; }

/* SECTION AND PAGE HEADINGS
==============================================================================*/
#sectionHdg.imgTop {
	color: #fff;
	height: 216px;
	margin: 0;
	padding: 0;
	margin-bottom: 18px;
}

#sectionHdg.noImg {
	height:53px;
	color: #fff;
	margin: 0;
	padding: 0;
	margin-bottom: 18px;
}

#sectionHdg { margin-bottom: 18px; } /* duplicate b/c of IE6 */

#sectionHdg.imgTop img {
	float: none;
	display: block;
}

#sectionHdg.imgTop .headline, #sectionHdg.noImg .headline {
	float: none;
	display: block;
	width: 655px;
	height: 41px;
	margin: 0;
	padding: 20px;
	padding-top: 12px;
	padding-bottom: 0;
	background: #fff url(../img/hdgBg.jpg) bottom center no-repeat;
}

#sectionHdg.noImg .headline {
	background: #fff url(../img/hdgBg_noImg.gif) bottom center no-repeat;
}

#sectionHdg .headline h2 {
	float: left;
	display: inline;
	margin: 0;
	padding: 2px 0 0 0;
	padding-right: 30px;
	font-size:24px;
	color: #fff;
	border-bottom:none;
}

#sectionHdg .headline p {
	margin: 0px;
	padding: 0;
	padding-top: 7px;
	padding-right: 50px;
	color: #ccc;
	line-height: 15px;
}

#sectionHdg .headline p.twoLines { 	padding-top: 0px; }

#sectionHdg .headline p.quickLink { text-align:right; }

#sectionHdg a {
	padding-left: 15px;
	color: #6699cc;
	background: url(../img/link_arrow_blu.gif) no-repeat center left;	
}

/* LANDING PAGE
==============================================================================*/
.btm-brdr { border-bottom: 1px solid #ddd; margin-bottom:15px; }
.dotted-btm { padding-bottom: 5px; background:#fff url(../img/dotted-btm-border.gif) bottom left repeat-x; margin-bottom:15px; }
.tire_teaser { width: 340px; margin:0 0 15px 0; }
.tire_teaser dt { font-weight: bold; float: right; width:185px;	margin:10px 0 0 0; }
.tire_teaser dd { color: #444; margin: 0 0 0 154px; }
.tire_teaser dd.img { margin:0; }
.tire_teaser dd.img img{ float: left; margin:0 8px 0 0;  }
.rnd-btm_695 { height:9px; width:695px; background:#fff url(../img/695-rnd_btm.gif) bottom center no-repeat; margin-bottom:15px; }

/* TIRE SEARCH RESULTS
==============================================================================*/
#mains .product_detail {width:490px;padding-bottom:20px; background:#fff url(../img/results_btm.gif) center bottom no-repeat;}
#mains .product_detail td, .product_detail th {padding:3px;}
#mains .product_detail th { background:#ccc url(../img/results_topbar.gif) 0 0 no-repeat; width:490px; padding-left: 6px; }
#mains .product_detail th.compare_box { background: #939595; }
#mains .results_top { background:#ccc url(../img/results_topbar.gif) 0 0 no-repeat; width:490px; }
#mains .product_detail p.title { margin: 0px; font-size:12px; font-weight:bold; }
#mains .product_detail p.size { font-weight:bold; }
#mains .search_criteria { background:#fff url(/truck/img/search-criteria_bg.gif) 0 0 no-repeat; height: 31px; line-height: 31px; padding:0px; padding-left: 10px; margin-bottom:0; margin-top:15px; }

/* FEATUERS AND BENEFITS PAGE
==============================================================================*/
#mains .tire_title {
	font-size: 26px;
	line-height: 30px;
	font-weight: bold;
	margin-bottom:0;
	color: #af0000;
	padding-bottom: 4px;
}
#mains .featuresInfo { clear:both; width:100%; overflow:hidden; background:#fff url(../img/feat-ben_bg.gif) center bottom no-repeat; margin-bottom: 15px; }
#mains .featuresInfo .c_left { float:left; width:47%; padding: 6px; }
#mains .featuresInfo .c_right { float:right; width:47%; padding: 6px; }
#mains .featuresInfo h3 { margin-bottom:5px; font-size:12px; padding: 2px; border-bottom: 1px solid #e6e7e7; }

#mains .prod_pgtitle { border-bottom: 1px solid #e6e7e7; }

/* COMPARE SPECS
==============================================================================*/
#mains #compare_specs td { padding: 4px; font-size:10px; font-family:Verdana, Helvetica, sans-serif; border-right: 1px solid #fff; line-height:13px; }
#mains #compare_specs tr.prod_name { background:#d4d8dc; }
#mains #compare_specs tr.even { background:#ebf0f4; }
#mains .link { padding-left: 15px; line-height:18px; font-size:12px; background: transparent url(../img/link_arrow.gif) 0 2px no-repeat; }
.compact { padding:2px; font-size:10px; font-family:Verdana, Helvetica, sans-serif; }

#mains #specs td { font-size:10px; font-family:Verdana, Helvetica, sans-serif; }
#mains #specs tr.name { background:#d4d8dc; }

/* CLEARFIX 
==============================================================================*/
#mast,
#tire_selector,
#container,
#header, 
#contents, 
#contentsplit, 
#contentsections, 
#contentfooter, 
#bottom_cap, 
.grid2, .grid2alt, .grid2sub, .grid2subflip, .grid3, .grid3b, .p_title, .tire_teaser { zoom:1; }

#mast:after, #tire_selector:after, #container:after, #header:after, #contents:after, #contentsplit:after, #contentsections:after, #bottom_cap:after, #contentfooter:after, 
.grid2:after, .grid2alt:after, .grid2sub:after, .grid2subflip:after, .grid3:after, .grid3b:after, .p_title:after, .tire_teaser:after { 
contents: "."; display: block; height: 0; clear: both; visibility: hidden; 
}

.clearfix { display: inline-block; } /* may be needed for CLEARFIX above -- need to test */
.clear { clear:both; }
.clearer { clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px; }

/* GRID FIX
==============================================================================*/

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block; clear:left;}
/* End hide from IE-mac */

/* SHOW-HIDE SEARCH BOX

==============================================================================*/

#show-hide_btn { height: 23px; margin:0px; list-style: none; width: 160px; }
#main ul.sh li { margin-bottom: 4px; }
#show-hide_btn li { float: left; height: 23px; overflow: hidden; padding:0px; margin-bottom:0; }
#show-hide_btn li a { display: block; line-height: 23px; text-indent: -5000px; overflow: hidden; }
#show_search #sh_btn { width: 160px; background: url(../img/open-close_ts.gif) no-repeat; background-position: center bottom; }
#show_search.btn1 #sh_btn { background-position: center top;}