body { color: #000; text-align: center; background-color: #0060AB; font: normal 62.5% Verdana, Geneva, sans-serif; } #wrapper { margin: 25px auto 0; width: 852px; text-align: left; } #content { background: #FFF url(../images/cap-top.jpg) no-repeat; position: relative; width: 852px; overflow: auto; } #contentInner { margin-left:328px; padding-top:185px; overflow:auto; position:relative; } #content #rightCol { background: #FFF url(../images/bg-gradient.jpg) repeat-x; padding: 25px; } #header { position: relative; width: 852px; height: 30px; text-align: center; } #footer { background: #FFF url(../images/cap-bot.jpg) no-repeat 0px 21px; height: 45px; margin-bottom: 15px; } #logo { } #logo a { display: block; position: absolute; left: 55px; top: 50px; width: 170px; height: 63px; background: transparent url('../images/logo.jpg') no-repeat; text-indent: -5000px; z-index: 20; } h1, h2, h3, h4 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; } h1 { font-size: 2.4em; padding-bottom: 1em; color: #0060AB; } h2 { font-size: 1.8em; padding-top: 0.5em; padding-bottom: 0.5em; color: #0060AB; } #products h2, #ball-valves h2, #check-valves h2, #gate-valves h2, #globe-valves h2{ font-size: 1.8em; padding-top: 0em; padding-bottom: 0.5em; color: #666; } h3 { font-size: 1.4em; padding-bottom: 0.5em; color: #333; } #content p{ font-size: 1.2em; line-height: 1.8em; padding-bottom: 1em; } #content a:link, #content a:visited{ color: #0060AB; text-decoration: none; outline:none; } #content a:hover, #content a:active{ text-decoration: underline; } #rightCol ul, #rightCol ol { padding-bottom: 2em; } #rightCol li { font-size: 1.2em; line-height: 1.5em; margin-left: 2.5em; padding-bottom: 1em; } #header ul { list-style: none; /*width: 580px; w/o webinar */ width: 740px; margin-right: auto; margin-left: auto; } #header li { float: left; margin-right: 9px; color: #99ccff; font-weight: bold; font-size: 1.2em; } #header li a:link, #header li a:visited { color: #99ccff; font-weight: normal; } #header li a:hover, #header li a:active { color: #FFF; font-weight: normal; } #home #header li .home, #about #header li .about, #lead-free #header li .lead-free, #faqs #header li .faqs, #where-to-find #header li .where-to-find, #register #header li .register, #contact #header li .contact{ color: #FFF; font-weight: bold; } #leftNav { position: absolute; top: 150px; left: 55px; margin-left: 11px; list-style: none; margin-top: 25px; z-index: 10; } #leftNav li { width: 150px; margin-bottom: 1em; } #leftNav li a { display: block; width: 150px; padding-bottom: 1.25em; text-indent: -5000px; } #leftNav #ball a{ background: url(../images/leftNav-sprite.gif) no-repeat 0px 0px; } #leftNav #gate a { background: url(../images/leftNav-sprite.gif) no-repeat 0px -34px; } #leftNav #globe a{ background: url(../images/leftNav-sprite.gif) no-repeat 0px -68px; } #leftNav #check a{ background: url(../images/leftNav-sprite.gif) no-repeat 0px -102px; } #leftNav #lit a{ background: url(../images/leftNav-sprite.gif) no-repeat 0px -129px; } #leftNav #web a{ background: url(../images/webinar.gif) no-repeat; width:122px; height:97px; } #leftNav #ball a:hover{ background: url(../images/leftNav-sprite.gif) no-repeat -155px 0px; } #leftNav #gate a:hover { background: url(../images/leftNav-sprite.gif) no-repeat -155px -34px; } #leftNav #globe a:hover{ background: url(../images/leftNav-sprite.gif) no-repeat -155px -68px; } #leftNav #check a:hover{ background: url(../images/leftNav-sprite.gif) no-repeat -155px -102px; } #leftNav #lit a:hover{ background: url(../images/leftNav-sprite.gif) no-repeat -155px -129px; } #botNav { list-style: none; width: 520px; /*width: 520px; (3 tabs)*/ height: 45px; margin-right: auto; margin-left: auto; } #botNav li { float: left; margin-right: 15px; font-weight: bold; } #botNav li a { font-weight: bold; background: url(../images/tab-gray.gif) no-repeat; display:block; font-size:1.2em; font-weight:bold; height:40px; line-height:40px; padding-top:5px; text-align:center; width:158px; } #botNav li a:link, #botNav li a:visited{ color:#666666; } #botNav li a:hover, #botNav li a:active{ color:#0061aa; } /* Home Specific */ #home #leftNav { top: 180px; } #home #contentInner{ padding-top: 150px; margin-left:0px; height: 470px; } #home #rightCol { background: none; padding: 25px 25px 0px; position: absolute; top: 480px; width: 475px; } #home .homeImage { position: absolute; border-style: none; right: 45px; width: 230px; height: 210px; top: 400px; } /* Products Specific */ #product #contentInner, #ball-valves #contentInner, #check-valves #contentInner, #gate-valves #contentInner, #globe-valves #contentInner, #thank-you #contentInner{ padding-top: 15px; } #product #rightCol, #ball-valves #rightCol, #check-valves #rightCol, #gate-valves #rightCol, #globe-valves #rightCol, #thank-you #rightCol{ background: none; } /*Feature images*/ #home #contentInner{background: url(../images/bg-home.jpg) no-repeat;} #about #contentInner {background: url(../images/feature-about.jpg) no-repeat;} #lead-free #contentInner {background: url(../images/feature-lead-free.jpg) no-repeat;} #faqs #contentInner {background: url(../images/feature-faqs.jpg) no-repeat;} #where-to-find #contentInner {background: url(../images/feature-where-to-find.jpg) no-repeat;} #contact #contentInner {background: url(../images/feature-contact.jpg) no-repeat;} #webinar #contentInner {background: url(../images/feature-contact.jpg) no-repeat;} #white #contentInner {background: url(../images/feature-contact.jpg) no-repeat;} #lit #contentInner {background: url(../images/feature-contact.jpg) no-repeat;} /* Custom H1 */ h1{ margin-bottom: 0px; padding-bottom: 0px; text-indent: -5000px; height:35px; } #home h1{background: url(../images/h1-home.gif) no-repeat;} #about h1{background: url(../images/h1-about.gif) no-repeat;} #faqs h1{background: url(../images/h1-faqs.gif) no-repeat;} #lead-free h1{background: url(../images/h1-lead-free.gif) no-repeat;} #where-to-find h1{background: url(../images/h1-where-to-find.gif) no-repeat;} #contact h1{background: url(../images/h1-contact.gif) no-repeat;} #webinar h1{background: url(../images/h1-webinar.gif) no-repeat;} #white h1{background: url(../images/h1-whitepaper.gif) no-repeat;} #thank-you h1{background: url(../images/h1-thank-you.gif) no-repeat;} #product h1{background: url(../images/h1-products.gif) no-repeat;} #ball-valves h1{background: url(../images/h1-ball-valves.gif) no-repeat;} #check-valves h1{background: url(../images/h1-check-valves.gif) no-repeat;} #gate-valves h1{background: url(../images/h1-gate-valves.gif) no-repeat;} #globe-valves h1{background: url(../images/h1-globe-valves.gif) no-repeat;} #lit h1{background: url(../images/h1-lit.gif) no-repeat;} .productSpec { clear: both; } .productSpec ul{ margin-left: 180px; } .productSpec ul li{ padding-bottom: 0px !important; } .productImage { float: left; padding-right: 20px; padding-bottom: 20px; } .clear { clear: both; }