/* -------------------------------------------------------------- * Resets default browser CSS. -------------------------------------------------------------- */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 12px; font-family: inherit; vertical-align: baseline; } /* set decent default line-height */ body {line-height: 2; } /*Tables still need 'cellspacing="0"' in the markup*/ table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; } table, td, th { vertical-align: middle; } /*Remove possible quote marks (") from ,
*/ blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } /*Remove annoying border on linked images*/ a img { border: none; } /* Remove annoying outline on anchors */ a {outline: none;} /* Lets make sure we can clear anything we need to */ .clear {margin:0; padding:0; clear:both; } /* -------------------------------------------------------------- * Sweet. Lets set our styles -------------------------------------------------------------- */ /* General */ body {background-image:url(../images/bg-header.gif); background-repeat:no-repeat; font-size: 12px; font-family: "Century Gothic", Arial, Verdana, sans-serif;} body.general #page { /*border: 1px solid #900;*/ width: 880px; } a:link {color: #FFF; text-decoration: none; } a:visited {text-decoration: none; color: #FFF; } a:hover {text-decoration: none; color: #F0F; } a:active { text-decoration: none;} /* Header */ #header {height: 142px; background-image:url(../images/bg-nav.gif); background-repeat:no-repeat; position: relative; } #nav {display:inline; position: absolute; left:28px ; top:107px;} #nav li {list-style:none; display:inline; font-size:18px; margin-left:22px;} #nav li.first {margin-left:0;} /* Footer */ #footer {text-align: center; clear:both;} #footer ul#footerNav li {list-style:none; display:inline; font-size:14px; margin-left:22px; color:#999;} #footer ul#footerNav li a:link {color: #999; text-decoration: none; } #footer ul#footerNav li a:visited {text-decoration: none; color: #999; } #footer ul#footerNav li a:hover {text-decoration: none; color: #F0F; } #footer ul#footerNav li a:active { text-decoration: none;} ul#externalsites { margin-top: 12px; } ul#externalsites li {list-style:none; display:inline; font-size:12px; margin-left:22px; color:#999;} p.comment {border: 1px solid #ccc; padding: 13px; margin-bottom: 21px; } p.support {border: 1px solid #ccc; padding: 13px; margin-bottom: 21px; } /* Product Scroller */ #productscroller {height:217px; width:895px; background-image:url(../images/bg-productScroller.gif); background-repeat:no-repeat; position: relative; top: 12px; } .stepcarousel{ position: relative; /*leave this value alone*/ overflow: scroll; /*leave this value alone*/ width: 850px; /*Width of Carousel Viewer itself*/ height: 220px; /*Height should enough to fit largest content's height*/ left: 25px; } .stepcarousel .belt{ position: absolute; /*leave this value alone*/ left: 0; top: 0; height: 722px; width: 805px; } .stepcarousel .panel{ float: left; /*leave this value alone*/ overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/ margin: 10px 33px 10px 33px; /*margin around each panel*/ width: 172px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */ } #indexProductScroller {height:217px; width:895px; position: relative; top: 12px; } #indexProductScroller span#productLeft {float: left; } #indexProductScroller span#productRight {float: left; } #productscroller span#productOne img {position:absolute; top:9px; left:25px; } #productscroller span#productOne span.productCaptionOne{position:absolute; top:168px; left:25px; width: 151px; text-align: center; z-index:100; color:#FFF; } #productscroller span#productTwo img {position:absolute; top:9px; left:201px; } #productscroller span#productTwo span.productCaptionTwo{position:absolute; top:168px; left:201px; width:151px; text-align: center; z-index:100; color:#FFF; } #productscroller span#productThree img {position:absolute; top:9px; left:377px; } #productscroller span#productThree span.productCaptionThree {position:absolute; top:168px; left:377px; width:151px; text-align: center; z-index:100; color:#FFF; } #productscroller span#productFour img {position:absolute; top:9px; left:553px; } #productscroller span#productFour span.productCaptionFour {position:absolute; top:168px; left:553px; width:151px; text-align: center; z-index:100; color:#FFF; } #productscroller span#productFive img {position:absolute; top:9px; left:720px; } #productscroller span#productFive span.productCaptionFive {position:absolute; top:168px; left:720px; width:151px; text-align: center; z-index:100; color:#FFF; } /* Left Column */ body.general #page #leftColumn {width: 580px; /*border:1px solid #900;*/ float: left; /*position: relative; left: 10px; top: 219px;*/ margin-left:10px; } body.general #page #leftColumn h1 {font-size: 37px; color: #333; line-height:.85em; margin-top:25px;} body.general #page #leftColumn #bottomContent {margin-top:5px;} body.general.product #page #leftColumn #bottomContent {margin-top:85px;} body.general #page #leftColumn #bottomContent p {margin-bottom: 18px; font-size:12px; margin: 10px 0 15px 5px; } body.general #page #leftColumn #bottomContent ul.faq li {margin-bottom: 21px; } body.general #page #leftColumn a:link {color: #000; text-decoration: none; } body.general #page #leftColumn a:visited {text-decoration: none; color: #000; } body.general #page #leftColumn a:hover {text-decoration: none; color: #F0F; } body.general #page #leftColumn a:active { text-decoration: none;} body.general h2 {font-size:14px; font-weight:bold;} body.general #page #leftColumn .productName {width: 265px; margin-top:100px; margin-left: 310px; } body.general #page #leftColumn .productName h1 {font-size: 37px; color: #333; line-height:1em;} body.general #page #leftColumn .productName h2 {font-size: 14px; color: #333; line-height:1.25em; margin-top:6px; font-weight:normal;} body.general #page #leftColumn #bottomContent ul {margin-left:25px; margin-bottom:25px;} body.general #page #leftColumn #bottomContent ol {margin-left:25px; margin-bottom:25px;} body.general #page #leftColumn div.explodedView {float: right; position: relative; } body.general #page #leftColumn div.explodedView p {background-color:#ebeced; z-index:100; position:absolute ; top:-9px; left:-4px; padding:4px 8px;} /* PRODUCT SPECIFIC*/ body.general.hv500 #page {background-image:url(../images/bg-hv500.gif); background-repeat:no-repeat; } body.general.hv2900 #page {background-image:url(../images/bg-hv2900.gif); background-repeat:no-repeat; } body.general.hv3000 #page {background-image:url(../images/bg-hv3000.gif); background-repeat:no-repeat; } body.general.hv5000 #page {background-image:url(../images/bg-hv5000.gif); background-repeat:no-repeat; } body.general.hv6900 #page {background-image:url(../images/bg-hv6900.gif); background-repeat:no-repeat; } body.general.hv7000 #page {background-image:url(../images/bg-hv7000.gif); background-repeat:no-repeat; } body.general.ss125 #page {background-image:url(../images/bg-ss125.gif); background-repeat:no-repeat; } body.general.ss75 #page {background-image:url(../images/bg-ss75us.gif); background-repeat:no-repeat; } body.general.sc165 #page {background-image:url(../images/bg-sc165.gif); background-repeat:no-repeat; } body.general.lmb #page {background-image:url(../images/bg-lmb.gif); background-repeat:no-repeat; } /* Featured Product */ #featuredProduct {position: relative; top:0px; left:0px; width:580px; height: 284px; background-image:url(../images/bg-featuredproduct.gif); background-repeat:no-repeat; background-position: -8px; margin-right: 0; } #featuredProduct #fpCopy { width:150px; position: absolute; top:21px; left: 12px; } #featuredProduct #fpCopy h2 {font-size: 20px; color: #FF388C; line-height: 1;} #featuredProduct #fpCopy p {font-size: 10px; color: #FFF;} #featuredProduct #movie { position: absolute; top: 16px; left:200px; } /* Right Column */ body.general #page #rightColumn {width:262px; /*border:1px solid #900; */ float:left; margin-left:8px; margin-top:65px; } body.general #page #rightColumn ul {margin-left:15px; margin-top:0; list-style:none;} body.general #page #rightColumn div.interior { background-image:url(../images/sidebar-bg.gif); background-repeat: repeat-y; margin-top: 0; } body.general #page #rightColumn div.interior p {margin-right:6px;} body.general #page #rightColumn a.icon-pdf {padding-left:40px; font-weight:bold; background-image:url(../images/icon-pdf.gif); background-repeat:no-repeat; height:45px; display:block; margin-top:8px;} body.general #page #rightColumn ul.rightProductNav li { background-image:url(../images/bullet-bg.gif); background-repeat: no-repeat; padding-left:18px; background-position:0 5px; } body.general #page #rightColumn ul.rightProductNav a {font-weight: bold; } body.general #page #rightColumn h3 {font-weight: bold; margin-left: 15px; } body.general #page #rightColumn p {margin-left: 15px; } body.general #page #rightColumn a:link {color: #000; text-decoration: none; } body.general #page #rightColumn a:visited {text-decoration: none; color: #000; } body.general #page #rightColumn a:hover {text-decoration: none; color: #F0F; } body.general #page #rightColumn a:active { text-decoration: none;} .general #apDiv2 p { font-size: 12px; }