* { margin: 0px; padding: 0px; border: 0px; } body { font-family: 'Lucida Sans Unicode', 'Lucida Console', sans-serif; font-size: 13px;line-height: 14px; background: #303232 url(images/background.gif) bottom no-repeat;margin-bottom: 80px;} a { text-decoration:none;} td { margin: 0px; padding: 0px; font-family: 'Lucida Sans Unicode', 'Lucida Console', sans-serif; color: #5e6a72; vertical-align:top;} a:hover { text-decoration:underline; } p { padding: 0px 0px 10px 0px; } h3 { color:#1b232a;font-weight: bold; font-size: 12px;letter-spacing: -1px;} #flash { height: 516px;clear: both; position: relative; z-index: 100; } #logo { padding-top: 6px;} #overall { height: 1210px;padding: 0px 10px 0px 10px; margin: 0px auto 0px auto;width: 940px; background: #d5d8d8 url(images/page.gif) repeat-y;} #homepage #overall { height: 810px; padding: 0px 0px 20px 0px; } #page404 #overall { height: 505px; } #wherepage #overall { height: 905px; } #specialpage #overall { height: 1295px; } #whatpage #overall { height: 1530px; } #whypage #overall { height: 1530px; } #storypage #overall { height: 755px; } #recequippage #overall { height: 1480px; } #powerpage #overall { height: 1650px; } body>html #powerpage #overall { height: 1470px; } #why { background: #f6f5f1 url(../images/why.gif) no-repeat; width:940px; height: 91%;} #story { background: #f6f5f1 url(../images/story.gif) no-repeat; width:940px; height: 83%;} #where { background: #f6f5f1 url(../images/where.gif) no-repeat; width:940px; height: 86%;} #page404 { background: #f6f5f1 url(../images/why.gif) no-repeat; width:940px; height: 59%;} #what { background: #f6f5f1 url(../images/what.gif) no-repeat; width:940px; height: 91%;} #power { background: #f6f5f1 url(../images/lawncare.jpg) no-repeat; width:940px; height: 1565px;} html>body #power { height: 1520px; } #special { background: #f6f5f1 url(../images/special.gif) no-repeat; width:940px; height: 89%;} #application { background: #f6f5f1 url(../images/applications.gif) no-repeat; width:940px; height: 89%;} #recequip { background: #f6f5f1 url(../images/recequip.gif) no-repeat; width:940px; height: 91%;} #overall h1 { font-size: 30px; font-weight:normal; line-height: 36px; letter-spacing:-2px;width: 390px;padding: 120px 0px 0px 60px; height: 100px;color: #003050;} #overall #applicationpage h1, #overall #power h1 { width: 350px; padding-top: 90px; } #overall #special h1 { width: 420px; padding: 90px 0px 0px 360px; height: 100px;} #overall #application h1 { width: 390px; height: 150px;} #overall h2 { font-size: 18px; color: #1b232a; letter-spacing:-1px;padding: 40px 0px 0px 0px; font-weight: normal;} #nav { background: url(../images/background_nav.gif) no-repeat; width:882px; height:39px; padding: 0px 40px 0px 18px; } #nav img { float:left;} #nav ul { list-style:none;float: right; clear:none;} #nav ul li { float:left; clear:none;padding: 10px 10px 0px 10px;;font-weight: bold; line-height:20px; } #nav ul li a { color: #272725; text-decoration:none;font-weight: bold; padding-bottom: 9px; display: block; } #nav ul li a:hover { background: url(../images/uparrow.gif) bottom center no-repeat;} #nav ul li img { padding-bottom: 0px; } .currentselection { background: #005b83 url(../images/uparrow_current.gif) bottom center no-repeat;} #nav ul li.currentselection a { color: #FFFFFF; } #subnav { display: block; list-style:none; padding: 30px 0px 0px 420px;} #subnav li { float: left; padding-left: 15px; } #subnav li a { color: #000000; font-weight: bold; } #subnav li a.selected { color: #005b82; font-size: 11px; height: 30px; display:block;} html>body #subnav li a.selected{ background: url(../images/sub-arrow.gif) bottom center no-repeat; } #onecolumn { float: left;margin: 20px 65px 0px 60px;line-height:21px; font-size: 12px; color: #5e6a72;width: 840px; } #leftcol { float: left; width: 385px; margin: 50px 65px 0px 30px;line-height:21px; font-size: 12px; color: #5e6a72;} html>body #leftcol { padding-left: 60px;} #recequippage #leftcol, #whatpage #leftcol, #applicationpage #leftcol, #specialpage #leftcol { margin-right: 40px;} #whatpage #leftcol { margin-left: 15px;} #recequippage #leftcol { margin-left: 15px; width: 225px;} #whatpage #leftcol { margin-left: 15px; width: 225px;} html>body #whatpage #leftcol { margin-left: 0px;} html>body #whatpage #leftcol { margin-left: 0px;} html>body #recequippage #leftcol { margin-left: 0px;} #leftcol img { margin-right: 20px; border: 2px #e4e3dd solid;} #rightcol { float: left; clear: none; width: 360px;margin: 50px 0px 0px 0px;line-height:21px;font-size: 12px; color: #5e6a72;} #rightcol img { margin-right: 9px; border: 2px #e4e3dd solid;} #rightcol h2 { padding: 0px;} #rightcol ul, #rightcol ol { margin: 0px 0px 10px 24px;} #mainspecialoffer { display: none; position: absolute; top: 46px;right: 0px;width: 500px;} #mainpoint { text-align: center; margin: 160px 180px 0px 180px; width: 580px;font-size: 18px; color: #1b232a; line-height: 24px; letter-spacing:-1px;} #recequippage #mainpoint, #whatpage #mainpoint { margin: 160px 140px 0px 140px; width: 660px;} #specialpage #mainpoint { margin: 110px 180px 0px 180px; width: 560px;} #applicationpage #mainpoint { margin: 110px 160px 0px 160px; width: 620px;} #powerpage #mainpoint, #why #mainpoint { margin: 110px 160px 0px 160px; width: 600px; } #story #mainpoint { margin: 110px 160px 0px 60px; width: 600px; text-align: left} #imagetable { width: 450px;} #imagetable td { padding-right: 10px;} #recequippage #imagetable { width: 600px;} #functions { margin-top: 10px; } .noborder-left { border: 0px!important;} .noborder { border: 0px!important; float:right; } #notes { font-size: 10px; color: #5e6a72; line-height: 12px;margin-top:40px;} #footer { background: url(../images/background_footer.gif) no-repeat; width: 940px; height: 61px; clear:left; margin: 20px 0px 20px 0px;} #homepage #footer { margin: 0px 0px 20px 0px;} #footer ul { list-style:none; color:#6da5bd; font-size:10px; line-height:21px;padding: 20px 0px 0px 40px;} #footer ul li { float: left; clear: none; margin-left: 10px;} #footer a { color:#FFFFFF;} #print_only { display: none;} .print_only { display: none;} /* START Home Page */ #breakout { padding-left: 13px;clear:both;position: relative; top: -30px; font-size: 11px; color:#43454e; line-height:14px; z-index: 400;} .box { float: left; width: 165px; height: 160px; border: 2px #e4e3dd solid;padding: 20px 113px 0px 17px;margin-left: 4px;} #homepage .box h1 { font-weight: bold; margin: 0px 0px 9px 0px; line-height:24px; font-size:18px; color: #003050;height: auto;padding: 0px;letter-spacing: -1px; width: 150px;} .box a { color: #005b83; padding-right: 0px; width: 165px; } #col1 { background: url(../images/background_why.gif) no-repeat;} #col2 { background: url(../images/background_what.gif) no-repeat;} #col3 { background: url(../images/background_special.gif) no-repeat;} /* END Home Page */ /* START Specials Page */ /* used only in special.html which has never been used yet .column a { color: #005b83; padding-right: 10px; } .column a img { position:relative; top: -1px; padding-left: 2px; } #download { font-size: 26px; color: #005b83; line-height: 66px;position: relative; top: -5px; white-space: nowrap;} #download img { position:relative; top: +3px;} #download a.nohover:hover { text-decoration:none;} */ /* END Specials Page */ /* START Application page different uses table */ .equip_type { width:205px; height: 38px; padding:20px 0px 0px 75px; font-size: 16px;} .equip_type a:hover, .equip_type:hover a { color: white; text-decoration:none; } .equip_type a { color:#1b232a; } #project h2 { margin: 0px 0px 20px 0px; } .selected a { color:white; } #outboard { background: url(/images/icon-outboard.jpg) no-repeat; cursor: pointer; } #motorbike { background: url(/images/icon-motorbike.jpg) no-repeat; cursor: pointer; } #snowmobile { background: url(/images/icon-snowmobile.jpg) no-repeat; cursor: pointer; } #outdoorpower { background: url(/images/icon-outdoor-power.jpg) no-repeat;height: 39px; cursor: pointer; } #outboard:hover { background: url(/images/icon-outboard-hover.jpg) no-repeat; } #motorbike:hover { background: url(/images/icon-motorbike-hover.jpg) no-repeat; } #snowmobile:hover { background: url(/images/icon-snowmobile-hover.jpg) no-repeat; } #outdoorpower:hover { background: url(/images/icon-outdoor-power-hover.jpg) no-repeat;} #outboard.selected { background: url(/images/icon-outboard-hover.jpg) no-repeat; } #motorbike.selected { background: url(/images/icon-motorbike-hover.jpg) no-repeat; } #snowmobile.selected { background: url(/images/icon-snowmobile-hover.jpg) no-repeat; } #outdoorpower.selected { background: url(/images/icon-outdoor-power-hover.jpg) no-repeat; } #project { width:480px; height: 237px; background: white; border: 1px solid #dcddde;padding-left: 40px;} /* END Application page different uses table */ /* START Outdoor Power Equipment Page */ .bottompad { padding-bottom: 15px!important;; } .toppad { padding-top: 15px!important;; } .leftpad { padding-left: 15px!important; } #colA { float: left; margin: 30px 40px 0px 60px; width: 180px;line-height:18px;font-size: 11px; color: #5e6a72; } #colA ul { margin: 0px 0px 10px 10px; list-style:none;} #colA li { line-height: 21px;} #colA h2 { font-size: 12px; color: #1b232a; font-weight: normal; margin: 0px 0px 10px 10px; padding:0px; } #colB { float: left; clear: none; font-size: 12px;color: #5e6a72; margin-top:20px; line-height: 18px; } html>body #colB { width: 620px;} #colB table { font-size: 11px; color: #5e6a72; padding:0px; border:0px; margin:0px; } #colB h2 { font-size: 12px; color: #1b232a; font-weight: normal; margin: 0px;} #colB th { font-size: 13px; color: #1b232a; font-weight: normal; margin: 0px; font-weight:bold; text-align:left; letter-spacing:normal;vertical-align: top; padding-top: 10px;} #colB th h2 { letter-spacing:normal; font-weight:bold; padding: 20px 0px 10px 0px; border-bottom: 1px solid #d9d9d5;margin-bottom: 10px;} #colB td { padding: 0px 15px 0px 0px; } #colB td.highlight { background: #ffffff; padding-top: 6px;} #colB td h3 { letter-spacing: -1px; margin-bottom: 5px;font-size: 18px; padding-top:10px; white-space:nowrap} #colB #fullrow { border-bottom: 1px solid #d9d9d5;padding: 15px 0px 8px 15px;} #colB p { padding: 0px 120px 0px 15px; } #colB td ul { margin-left: 15px;} #colB td li { line-height:12px; margin:0px; } #colB h4 { line-height: 13px; font-size: 11px; color: #5e6a72; font-weight:normal; margin-top: 8px; } /* END Outdoor Power Equipment Page */ /* CSS BELOW APPLIES TO print layout */ @media print { #print_only { display: block;} .print_only { display: block;} #footer { border-top: 1px solid black; margin: 80px 0px 0px 0px; } td img.noborder, #flash, #footer img, #pistonimg, #nav {display: none;} #recequippage #mainpoint, #whatpage #mainpoint, #specialpage #mainpoint, #applicationpage #mainpoint, #mainpoint { margin-top: 10px;margin-bottom: 20px; width: 600px;} #leftcol { margin-top: 0px;} #rightcol { margin-top: 40px;clear: left; margin-left: 60px;} #overall h1 , #overall #special h1 , #overall #application h1, h1 { margin-top: 10px; padding: 0px; width: 600px;} #breakout { float: left; clear: left; position: relative;top: +50px;} .box { float: left; clear:both; width: 355px; border: 0px #e4e3dd solid;} }