i agree/* DESCRIPTION

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

	Title:			Master page styles for Kelly Truck 

	Author:			Website Operations - Goodyear Tire & Rubber Company

	Created:   	11/18/2009

	Updated:		11/18/2009

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



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



/* STYLE RESET

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

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

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



/* TAG STYLES

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

body { background:#fff; text-align:center; font-family:Arial, Helvetica, sans-serif; }

a { color:#008140; text-decoration:none; }

a:hover { text-decoration:underline; }

li { margin:0; padding:0; }

ul { margin:0; padding:0; }





/* GENERIC CLASSES

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

.left { text-align:left; }

.center { text-align:center; }

.right { text-align:right; }

.f-left { float:left; }

.link { background:url(../img/link-icon.jpg) left no-repeat; padding-left:20px; padding-top:2px; }



/* HEADER

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

#header { background:#fff url(../img/header-top.jpg) repeat-x; }

#header #hContent { margin:0 auto 0 auto; width:994px; text-align:left; position:relative; }

#header #hContent #logo { position:absolute; left:6px; top:0; z-index:1000; float:left; }

#header #hContent-left { width:200px; float:left; line-height:14px; margin:60px 0 0 0; padding-left:230px;

	font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#008140; letter-spacing:1px; }

#header #hContent-right { float:right; width:190px; margin:75px 0 0 0; padding:0 10px 0 0;

	font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#008140; }



#header #navBar { height:54px; clear:both; background:#fff url(../img/header-bottom.jpg) bottom repeat-x; border-bottom:1px solid #5e5e5e; text-align:center; }

#navBar #nav { height:36px; list-style:none; width:667px; padding-left:160px; margin:0 auto 0 auto; text-align:left; position:relative; top:17px; }

#navBar #nav li { float:left; height:36px; overflow:hidden; }

#navBar #nav li a { display:block; line-height:36px; text-indent:-5000px; overflow:hidden; background-position:center top; }

#navBar #navAbout {	width:133px; background: url(../img/nav_about.gif) no-repeat; }

#navBar #navTires {	width:133px; background: url(../img/nav_tires.gif) no-repeat; }

#navBar #navFleetHQ {	width:133px; background: url(../img/nav_fleethq.gif) no-repeat; }

#navBar #navResources {	width:133px; background: url(../img/nav_resources.gif) no-repeat; }

#navBar #navLocator {	width:135px; background: url(../img/nav_locator.gif) no-repeat; }

#navBar #nav li a:hover { background-position:50% -36px; }

#navBar #nav li a.currentSection, #nav li a.currentSection:hover { background-position:50% -72px; }



	

/* HOMEPAGE CONTENT

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

#main { background:#ddd; clear:both; }

#main #content { background:#ddd; margin:0 auto 0 auto; width:960px; text-align:left; padding:20px 0 0 0; }

#content #hp-teaser { height:442px; width:200px; float:right; margin:10px 0 0 0; padding:0; font-size:11px;

	background:url(/truck/img/teaser-background.jpg) no-repeat; overflow:hidden; }

#content #teaser { height:500px; width:200px; float:left; margin:10px 0 0 0; padding:0; font-size:11px;

	background:url(/truck/img/teaser-background.jpg) no-repeat; overflow:hidden; }

#teaser ul { margin-left:20px; margin-top:50px; }

#teaser li { padding:3px; margin-left:15px; }

#teaser .pdf { background:url(../img/pdf-icon.jpg) left no-repeat; padding-left:20px; }

#teaser .link { background:url(../img/link-icon.jpg) left no-repeat; padding-left:20px; }

#teaser #selected-section { font-weight:bold; }

#teaser a { color:#000; }

#teaser h3 { font-weight:bold; color:#008140; font-size:14px; border-bottom:1px solid #000; margin:0 20px 10px 0; }

#content #banner { height:250px; width:730px; float:left; margin:10px 0 0 0; padding:0; overflow:hidden; }



#content #section { width:730px; float:left; margin:30px 0 0 0; background:url(/truck/img/section-body.jpg) repeat-y; }

#content #section-top { width:730px; height:34px; background:url(/truck/img/section-top.jpg) no-repeat; color:#fff; padding-top:7px; }

#section-top #h-left { position:relative; left:150px; width:200px; float:left; font-weight:bold; text-align:center; }

#section-top #h-right { position:relative; left:330px; width:200px; float:left; font-weight:bold; text-align:center; }

#content #section-bottom { width:730px; height:15px; float:left; background:url(/truck/img/section-bottom.jpg) no-repeat; margin-bottom:22px; }



#section img { float:left; margin-right:15px; }

#section #left {  width:325px; float:left; padding:0 10px 0 15px; font-size:12px; }

#section #right { width:325px; float:left; padding:0 10px 0 45px; }



#section #ts-form { margin:15px 0 0 0; float:left; }

#ts-form select { width:190px; font-size:12px; font-family:Verdana, Geneva, sans-serif; margin-bottom:2px; }

#ts-form input, #ts-form #viewall { margin:10px 3px 0 3px; float:right; }



#section #rl-form { margin:15px 0 0 0; font-size:14px; }

#section #rl-form .box { width:150px; }

#section #rl-form .submit { margin-top:14px; float:right; }

#section #rl-form a { font-size:11px; }



#content #bottom-cap { clear:both; background:#ddd; }	





/* MAIN CONTENT

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

#content #big-box { width:730px; float:left; margin:0 0 0 30px; background:url(/truck/img/content-body.jpg) repeat-y; }

#content #big-box-top { width:730px; height:34px; background:url(/truck/img/content-top.jpg) no-repeat; color:#fff; padding-top:7px; }

#big-box-top #h-right { position:relative; left:530px; width:200px; float:left; font-weight:bold; text-align:center; }

#content #big-box-bottom { width:730px; height:15px; float:right; background:url(/truck/img/content-bottom.jpg) no-repeat; margin-bottom:30px; }

#big-box p { padding:20px; font-size:12px; }

#big-box .title { font-weight: bold; font-size: 14px; padding-left:20px; }

#big-box .pdf { width:216px; height:150px; float:left; position:relative; left:20px; margin-top:20px; margin-right:20px; }

#big-box .pdf .fileName { position:absolute; bottom:20px; left:20px; font-size:14px; width:175px; text-align:center; font-weight:bold; font-family:Verdana, Geneva, sans-serif; }

#big-box .pdf a { color:#fff; }

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

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

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





/* SEARCH RESULTS

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

.search-box { margin:10px; font-size:12px; width:100%; }

.search-box td { font-size:12px; }

.search-box .bold-right { font-weight:bold; text-align:right; }



.tire-count { color:#fff; margin:0 27px 20px 27px; width:652px; border:1px solid #000; background:#008140; padding:5px 10px 5px 10px; font-size:12px; }

.tirebox { margin:0 27px 10px 27px; width:674px; height:120px; background:url(../img/tirebox.jpg) no-repeat; }

.tirebox img { float:left; width:128px; margin:12px 70px 0 10px; }

.tirebox .tirename { font-weight:bold; font-size:18px; width:245px; float:left; color:#000; margin-top:5px; }

.tirebox .tireposition { font-size:12px; width:200px; float:left; text-align:right; margin-top:8px; height:19px; }

.tirebox .tireposition .specific { font-weight:bold; }

.tirebox .position { padding-top:50px; }

.tirebox .position .details { background:url(../img/link-icon.jpg) left no-repeat; padding-left:20px; font-size:12px; }



#tire-page { border:1px solid #008140; background:#fff; width:982px; padding:30px 30px 20px 30px; }

#tire-page #tireImage { float:left; width:300px; height:207px; }

#tire-page .prodline { color:#008140; font-weight:bold; font-size:24px; margin-top:80px; }			

#tire-page .position { font-size:12px; }

#tire-page .print { font-size:12px; margin-top:20px; }



#tire-page #featben { font-size:12px; margin:20px; width:942px; }

#tire-page #featben .header { font-weight:bold; font-size:14px; }



#tire-page .tirespecs { font-size:12px; margin:20px; width:942px; background:#000; color:#000; margin-bottom:10px; }

#tire-page .tirespecs th { font-weight:bold; text-align:center; background:#444; 

	color:#fff; text-transform:uppercase; padding:5px; }

#tire-page .tirespecs td { text-align:center; background:#bbb; padding:5px; }





/* FOOTER

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

#footer { height:50px; 

	background:#fff url(../img/footer-background.jpg) repeat-x; padding-top:11px; padding-bottom:10px; text-align:center; clear:both;

	font-family:Arial, Helvetica, sans-serif; font-size:11px; letter-spacing:1px; }

#footer #brand-bg { background:url(../img/footer-brandbg.jpg) repeat-x; height:63px; border-bottom:1px solid #008140; }

#footer #brand-bg #brand { width:450px; height:63px; margin:0 auto 5px auto; }

#footer #brand-bg #brand img { float:left; }