/* 

Title:     	Goodyear Master Styles for Screen Media

Author: 	Global Website Operations - Goodyear Tire & Rubber Company / Yeng Yang

Updated:   	March 1, 2009



//CSS INDEX//

==============================================================================

-RESET

-SITE ID & UTILITY LINKS

-TOP-LEVEL NAV

-LAYOUT

-GRID COLUMNS

-CONTENT FOOTER PROMOS

-GLOBAL SITE FOOTER

-TYPE

-LEFT-SIDE NAV

-LANDING PAGE

-TIRE SEARCH RESULTS

-FEATURES & BENEFITS

-COMPARE SPECS

-CLEARFIX

-GRID FIX

*/



html { filter: expression(document.execCommand("BackgroundImageCache", false, true));}

/* RESET CSS VALUES FOR CONSISTENCY ACROSS BROWSERS

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

html, body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, fieldset, input { margin: 0px; padding: 0px; }

h1, h2, h3, h4, h5, h6, pre, code, address, caption, cite, code, em, strong, th { font-size: 1em; font-weight: normal; font-style: normal; }

ul, ol { list-style: none; }

fieldset, img { border: none; }

caption, th { text-align: left; }

table { border-collapse: collapse; border-spacing: 0; }



/* SITE ID (LOGO), UTILITY LINKS AND SEARCH BOX

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

h1 a { display: block; position: absolute; top: 0px; width: 460px; height: 80px; text-indent: -9000px; overflow: hidden; background: url(../img/dunlop_main_logo.gif) no-repeat; left: 0px; }



#utilz { float:right; width:300px; margin-top: 10px; margin-right:10px; color:#dedede; font-family:Verdana, sans-serif; font-size: 10px; text-align: right;}

#utilz p { margin: 0 auto; text-align:right; padding-top:0px; }

#utilz p a { color:#d0dbed; text-decoration:none; margin: 0 0 0 0px; }

#utilz p a:hover { color:#f1f1f1; text-decoration:underline; }

#utilz p a.currentSection { color:#FFDA00; }



#search_box { width: 300px; height: 22px; margin-top: 8px; text-align: right; }

#search_box #input_box{

background: #fff url(/img/icon_search_tcm1038-40973.gif) 2px 2px no-repeat;

border: 1px solid #999;

font-size: 12px;

padding: 2px 0 2px 2px;

color: #333;

float: left;

width: 126px;

clear: both;

margin: 0px 0px 0px 100px;

color:#000000; font-family:Verdana, sans-serif; font-size: 11px;}



/* TOP-LEVEL (MAIN-HORIZONTAL) NAVIGATION

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

#main-menu { width: 965px; background: url(../img/menu-main-background.gif) 0 0 repeat-x; margin:0 auto; text-align:left; height: 43px;}

#main-menu ul { height: 43px; list-style: none; margin-left: 120px; }

#main-menu li { float: left; width: 121px; height: 43px; overflow: hidden; }

#main-menu li a { display: block; line-height: 43px; text-indent: -5000px; overflow: hidden; background-position: center top;}

#main-menu li a:hover { height: 36px; background-position: 50% -36px; overflow: hidden;}

#main-menu li a.currentSection, #nav li a.currentSection:hover { background-position: 50% -73px; overflow: hidden;}

#main-menu li.delimiter { width:2px; background:url(../img/menu-main-delimiter.gif) no-repeat; }

#menu-main-about { width: 121px; height: 36px; background: url(../img/menu-main-about.gif) no-repeat; position: relative; top: 4px}

#menu-main-tires { width: 121px; height: 36px; background: url(../img/menu-main-tires.gif) no-repeat; position: relative; top: 4px}

#menu-main-fleethq { width: 121px; height: 36px; background: url(../img/menu-main-fleethq.gif) no-repeat; position: relative; top: 4px}

#menu-main-resources { width: 121px; height: 36px; background: url(../img/menu-main-resources.gif) no-repeat; position: relative; top: 4px}

#menu-main-dealerlocator { width: 121px; height: 36px; background: url(../img/menu-main-dealerlocator.gif) no-repeat; position: relative; top: 4px}

#menu-main-technology { width: 121px; height: 36px; background: url(../img/menu-main-technology.gif) no-repeat; position: relative; top: 4px}



/* LAYOUT

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

body { background: #ffffff url(../img/main-background.jpg) 0 0 repeat-x; text-align:left; }

hr { display: none; }

#container { width: 966px; margin: 0 auto; padding:0px; position: center top;}

#header { position:relative; width:966px; overflow:hidden; height: 75px; background:#000000; }

#main { width:966px; clear: both; position:relative; margin-top:0px; padding: 0px 0px 0px 0px;}

#content { width:100%; clear: both;}

#home_main { width:100%; clear: both; padding: 0px 0px 0px 0px; margin: 0 auto; position:relative; overflow:hidden;}

#contentheader { height:28px; position:relative; overflow:hidden; top: 22px; left: 31px; }

#contentheader #headertitle { float:left; padding-left:0px; margin-top:0px; }



/* IMAGE PLACEMENT 

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

img.left { float: left; margin: 2px 20px 16px 0; }

img.right { float: right; margin: 2px 0 16px 20px; }

img.across { margin: 0 0 1em 0; }

img.flushleft { margin-left: -20px; }

img.flushright { margin-right: -20px; }



/* CALLOUTS

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

.callout_ylw, .callout_blu, .callout_wht { padding: 12px; border: 1px solid #d1d3d5; margin-bottom: 18px; }

.callout_ylw { background: #ffffeb; }

.callout_blu { background: #EFF6FF; }

.callout_wht { background: #fff; }

.brdr_top-btm { padding: 6px 0px 0px 0px; border:1px solid #e1e1e1; border-width: 1px 0px; margin-bottom: 15px; }



/* GRID COLUMNS

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

.grid2, .grid2alt, .grid2sub, .grid2subflip { width: 95%; }

#content .grid2 .column.first, #content .grid2 .column.last { width: 49%; background:none; padding:0; margin:0; }

#content .grid2alt .column.first { width: 510px; background:none; padding:0; margin:0; }

#content .grid2alt .column.last { width: 180px; background:none; padding:0; margin:0; }

.grid2sub .column.first { width: 180px; margin-left: 10; margin-right: 7px; margin-top: 10px; }

.grid2sub .column.last { width: 695px; background:#fff url(../img/sn_side-shadow2.gif) 0 0 no-repeat; padding-left:30px; }

.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: 0px; }

.wrapper_twoColumn { width: 695px; float: left; clear: left; padding-bottom: 0px; }

.wrapper_hp { width: 930px; float: left; padding-bottom: 0px; overflow:hidden; }

.main-bottom-shadow { height: 30px;width: 960px; float: left; padding-bottom: 0px; overflow:hidden; }

.twoColumn_hp-2 { float: right; width: 690px; margin: 10px 10px 0 0; background:#fff url(../img/sn_side-shadow2.gif) 0 0 no-repeat; padding-left:25px;}

.twoColumn_hp-1 { float: left; width: 190px; margin: 10px 0px 0 10px; text-align: left;}

.twoColumn-sub-left { float: left; width: 210px; margin: 10px 0 0 0 ; text-align: left; font-family:Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; line-height: 20px; color:#005fb5;}

.twoColumn-sub-left .item { width: 100%; background-image: url(../img/menu-left-background.gif); background-position: top left; background-repeat:no-repeat;}

.twoColumn-sub-left a { width: 210px; margin-left: 6px;}

.twoColumn-sub-left a.currentSelection { color: #333; } 

.twoColumn-sub-left .menu-left { margin-bottom: 20px;}

.twoColumn-sub-left .menu-left-submenu { font-weight: normal; margin-left: 10px;}

.twoColumn-sub-right { float: left; width: 702px; margin: 0px; text-align: left; margin: 20px 0px 20px 0px; font-family:Arial, Helvetica, sans-serif; font-size: 12px;}

.twoColumn-sub-right img.header {margin: 4px 0px 10px 0px;}

.twoColumn-sub-right .text { color: #333; width: 500px; text-align:justify; margin: 0 0 10px 0;}

.twoColumn-sub-right .add { float: right; margin-left: 520px; position: absolute; width: 190px; text-align: center; font-size: 10px;}

.twoColumn-sub-right .text .header { font-weight:bold; text-transform:uppercase;}



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

.twoColumn-2 { margin: 0px 0 0 0; }





img.header-underlining { margin: 8px 0 0 0;}



.explore { width: 196px; height: 160px; float: left; margin: 0px 0px 0px 0px; text-align:left; padding: 0px 0px 0px 0px; position: relative; top: 6px}

.hp_tab { width: 356px; height: 160px; float: left; margin: 0px 2px 0px 2px; padding: 0px 0px 0px 0px; position: relative; background: url(../img/tab_hp.gif) 0px 0px no-repeat; top: 6px}

.tab_content {position:relative; top: 35px; left: 10px; width:340px;}

.explore a.header { width: 120px; font-size:12px; color: #000000; font-weight: bold; padding-right:14px; background: url(../img/link_arrow_blu.gif) 0px 2px no-repeat; background-position:right;}

.explore p { font-family:Arial, Helvetica, sans-serif; font-size: 11px; color: #575757; line-height: 12px !important; }

.explore img { float:left; left: 0px; margin-right: 6px; }

.explore ul.linkList li { margin: 0 !important; padding: 0; line-height: 13px; font-size: 10px; background: none !important; }

.explore ul.linkList a { padding: 0 0 0 10px; font-size: 10px; font-weight:normal; background: url(../img/link_arrow_sm.gif) 0px 3px 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; }



.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; }



/* FOOTER

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

#footer-links { padding-top: 4px; padding-bottom: 2px; background: #000 url(../img/footer-main-background.gif) 0 0 repeat-x; width: 964px; position: relative; overflow:hidden; text-align:center; top: 11px}

#footer-links a { font-family:Arial, Helvetica, sans-serif; font-size:11px; text-decoration:none; color: #FFF; }

#footer-links a:hover { text-decoration:underline; color: yellow }



/* 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; }

#main h1 { font-size: 28px; font-weight: bold; line-height: 36px; margin-bottom: 18px; }

#main h2 { font-size: 22px; line-height: 30px; font-weight: bold; margin-bottom: 18px; color: #000; padding-bottom: 4px; }

#main h3 { font-weight: bold; font-size: 14px; line-height: 18px; margin-bottom: 5px; color: #000; }

#main h4 { font-size: 10px; font-weight: bold; color:#666; line-height: 18px; text-transform: uppercase; }

#main 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 .more_search_hp { font-size: 11px; line-height:12px; margin:0; padding-left:25px; }



/* ANCHOR LINK STYLES

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

a:link, a:visited { color:#000000; text-decoration:none; }

a:hover { text-decoration:underline; color:yellow;}

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 #ee2e24; padding: 3px; }



/* UNORDERED/ORDERED LIST STYLES

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

#main ul { margin-bottom: 18px; list-style: none outside; }

#main ul li { margin-bottom: 0px; }

#main ol { margin-bottom: 18px; list-style: decimal; margin-left: 2.2em; }

#main ul.square, #main ul.circle { margin-left: 2em; }

#main ul.square { list-style: square outside; }

#main ul.square li { margin-bottom: 4px; }

#main ul.circle { list-style: circle outside; }

#main ul ul.circle, #main ul ul.square { margin-top: 4px; margin-bottom: 5px; }

#main 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; }

#main 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; }

#main 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; }

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

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

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

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

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

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

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

#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; }

#main .tight { margin:0; }



/* LEFT-SIDE SUBMENU

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

#main #leftmenu { border-bottom: 1px solid #dcdddf; padding: 5px 0; width: 180px; }

#main #leftmenu li { margin:3px 0 3px 0; padding:0; font-size:11px; line-height:18px; }

#main #leftmenu li.sn_head { font-weight:bold; padding-left: 10px; background: #eee; }

#main #leftmenu li a { text-decoration:none; padding-left: 5px; color:#444; width: 175px; display: block; padding-bottom:2px; padding-top: 2px; }

#main #leftmenu li a { width: auto; }

#main #leftmenu li a:hover { color: #000; text-decoration:underline; }

#main #leftmenu li a.currentPage, #main #leftmenu li a:hover.currentPage { color: #000; text-decoration:none; background: url(../img/submenu_current_bg.gif) 0 0 repeat-x; }

#main #leftmenu li a.currentSection { color: #fff; text-decoration:none; margin-bottom:0px; background: url(../img/submenu_current_bg.gif) 0 0 repeat-x; }

#main #leftmenu li a:hover.currentSection { color: #fff; text-decoration:underline; }

#main #leftmenu ul { width:200px; margin-top: 0; margin-bottom:7px; padding-top:0px; }

#main #leftmenu ul li { border:none; margin:0; line-height:14px; }

#main #leftmenu ul li a { width: 155px; padding:2px 0px 2px 25px; background: url(../img/tertiary_arrow_off.gif) 17px 7px no-repeat; }

#main #leftmenu ul li a { width: auto; }

#main #leftmenu ul li a:hover { color: #000; text-decoration:underline; background: url(../img/tertiary_arrow_on.gif) 17px 7px no-repeat; }

#main #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; }



/* RIGHT-COLUMN BOXES

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

#content .box1 { width: 180px; background: #fff url(../img/rc_wht.gif) bottom center no-repeat; margin-bottom:15px; }

#content .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; }

#content .box1 p { font-size:11px; line-height:15px; padding: 5px 8px 5px 8px; margin: 0px; }

#content .box2 { width: 180px; background: #fff url(../img/rc_gry.gif) bottom center no-repeat; margin-bottom:15px; }

#content .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; }

#content .box2 p { font-size:11px; line-height:15px; padding: 5px 8px 5px 8px; margin:0px; }

#content .box1 a.primaryLink { padding-left: 15px; background: url(../img/link_arrow.gif) 0 2px no-repeat; color: #444; }



/* 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

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

#main .product_detail { width:490px; padding-bottom:20px; background:#fff url(../img/results_btm.gif) center bottom no-repeat; }

#main .product_detail td, .product_detail th { padding:3px; }

#main .product_detail th { background:#ccc url(../img/results_topbar.gif) 0 0 no-repeat; width:490px; padding-left: 6px; }

#main .product_detail th.compare_box { background: #939595; }

#main .results_top { background:#ccc url(../img/results_topbar.gif) 0 0 no-repeat; width:490px; }

#main .product_detail p.title { margin: 0px; font-size:12px; font-weight:bold; }

#main .product_detail p.size { font-weight:bold; }

#main .search_criteria { background:#fff url(../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; }



/* FEATURES AND BENEFITS PAGE

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

#main .tire_title { font-size: 26px; line-height: 30px; font-weight: bold; margin-bottom:0; color: #ffde01; padding-bottom: 4px; }

#main .featuresInfo { clear:both; width:100%; overflow:hidden; background:#fff url(../img/feat-ben_bg.gif) center bottom no-repeat; margin-bottom: 15px; }

#main .featuresInfo .c_left { float:left; width:47%; padding: 6px; }

#main .featuresInfo .c_right { float:right; width:47%; padding: 6px; }

#main .featuresInfo h3 { margin-bottom:5px; font-size:12px; padding: 2px; border-bottom: 1px solid #e6e7e7; }

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



/* COMPARE SPECS

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

#main #compare_specs td { padding: 4px; font-size:10px; font-family:Verdana, Helvetica, sans-serif; border-right: 1px solid #fff; line-height:13px; }

#main #compare_specs tr.prod_name { background:#d4d8dc; }

#main #compare_specs tr.even { background:#ebf0f4; }

#main .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; }

#main #specs td { font-size:10px; font-family:Verdana, Helvetica, sans-serif; }

#main #specs tr.name { background:#d4d8dc; }



/* CLEARFIX 

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

#mast, #tire_selector, #container, #header, #main-menu, #content, #contentsplit, #contentsections, #contentfooter, #bottom_cap, .grid2, .grid2alt, .grid2sub, .grid2subflip, .grid3, .grid3b, .p_title, .tire_teaser { zoom:1; }

#mast:after, #tire_selector:after, #header:after, #content: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 { content: "."; 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; }



/*HTML SHADOWBOX

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

#centeredBg {

	background:url(../img/bg-main.jpg) center top no-repeat; 

	width:100%;

}

.footerBg {

	background:url(../img/bg-main.jpg) center bottom no-repeat;

	width:100%;

	height:35px;

	z-index: 1000;

}