@import url(/css/pre-order_button_for_home.css); @import url(/css/color_swatches.css); /* Global ----------------------------------------------- */ a { color: #6e6b6b; font-weight: bold; text-decoration: none; } a:hover { color: #6e6b6b; font-weight: bold; text-decoration: underline; } a:visited { color: #6e6b6b; font-weight: bold; text-decoration: none; } a:visited:hover { color: #6e6b6b; font-weight: bold; text-decoration: underline; } a:active { outline: none; } a:focus { -moz-outline-style: none; } html { overflow: -moz-scrollbars-vertical; } body { background-color: #ffffff; font-family: arial, helvetica, sans-serif; font-size: 12px; text-align: center; color: #6e6b6b; margin: 0; } td { font-family: arial, helvetica, sans-serif; font-size: 12px; } img { border: none; } input { font-family: arial, helvetica, sans-serif; font-size: 12px; color: #6e6b6b; } select { font-family: arial, helvetica, sans-serif; font-size: 12px; color: #6e6b6b; } textarea { font-family: arial, helvetica, sans-serif; font-size: 12px; color: #6e6b6b; } /* Page Structure ----------------------------------------------- */ #webpage { margin: 15px auto 0 auto; width: 900px; text-align: left; background-color: #ffffff; } #page-container { width: 900px; } #page-container #rnd_t { background: url(/images/ds-top.gif) 0 0 repeat-x; } #page-container #rnd_b { background: url(/images/ds-bottom.gif) 0 100% repeat-x; } #page-container #rnd_l { background: url(/images/ds-left.gif) 0 0 repeat-y; } #page-container #rnd_r { background: url(/images/ds-right.gif) 100% 0 repeat-y; } #page-container #rnd_bl { background: url(/images/rnd-bl.gif) 0 100% no-repeat; } #page-container #rnd_br { background: url(/images/rnd-br.gif) 100% 100% no-repeat; } #page-container #rnd_tl { background: url(/images/rnd-tl.gif) 0 0 no-repeat; } #page-container #rnd_tr { background: url(/images/rnd-tr.gif) 100% 0 no-repeat; } #page-container #header-container { text-align: left; height: 125px; } #page-container #header-container #header { padding: 40px 40px 0 40px; } #page-container #header-container #header #logo { margin: 0 0 0 20px; } #page-container #header-container #header #navigation { float: right; margin: 0 10px 0 0; } #page-container #header-container #header #navigation ul { list-style: none; margin: 28px 0 0 0; padding: 0; } #page-container #header-container #header #navigation li { display: inline; padding: 0 10px 12px 10px; } #page-container #header-container #header #navigation li a { padding-bottom: 4px; margin: 0; color: #ffffff; text-decoration: none; border-bottom: 2px solid #6D6B6A; display: inline-block; } #page-container #header-container #header #navigation li a:hover { padding-bottom: 4px; margin-bottom: 1px; color: #ffffff; text-decoration: none; border-bottom: 1px solid #D2D0D0; display: inline-block; } #page-container #header-container #header #navigation li a:visited { padding-bottom: 4px; margin: 0; color: #ffffff; text-decoration: none; border-bottom: 2px solid #6D6B6A; display: inline-block; } #page-container #header-container #header #navigation li a:visited:hover { padding-bottom: 4px; margin-bottom: 1px; color: #ffffff; text-decoration: none; border-bottom: 1px solid #D2D0D0; border-bottom: 1px solid #ffffff; display: inline-block; } #page-container #header-container #header #navigation li.on a { padding-bottom: 4px; margin: 0; color: #ffffff; text-decoration: none; border-bottom: 2px solid #c96228; display: inline-block; } #page-container #header-container #header #navigation li.on a:hover { padding-bottom: 4px; margin: 0; color: #ffffff; text-decoration: none; border-bottom: 2px solid #c96228; display: inline-block; } #page-container #header-container #header #navigation li.on a:visited { padding-bottom: 4px; margin: 0; color: #ffffff; text-decoration: none; border-bottom: 2px solid #c96228; display: inline-block; } #page-container #header-container #header #navigation li.on a:visited:hover { padding-bottom: 4px; margin: 0; color: #ffffff; text-decoration: none; border-bottom: 2px solid #c96228; display: inline-block; } #page-container table#content-container { width: 860px; padding: 0; border: none; margin: 0 0 0 20px; } #page-container table#content-container td#content-hp { width: 574px; text-align: left; padding: 0; } #page-container table#content-container td#content-product { width: 574px; text-align: left; padding: 0; } #page-container table#content-container td#content { width: 574px; text-align: left; padding: 5px 10px; } #page-container table#content-container td#content h1 { font-size: 16px; padding: 10px 0 25px 10px; margin: 0; } #page-container table#content-container td#content h2 { font-size: 14px; padding: 0 0 10px 0; margin: 0 0 0 35px; } #page-container table#content-container td#content .copy { margin: 0 40px 35px 35px; line-height: 20px; } #page-container table#content-container td#content .highlight { color: #c96228; } #page-container table#content-container td#content .highlight a { color: #c96228; } #page-container table#content-container td#content .highlight a:hover { color: #c96228; } #page-container table#content-container td#content .highlight a:visited { color: #c96228; } #page-container table#content-container td#content .highlight a:visited:hover { color: #c96228; } #page-container table#content-container td#content .banner { margin: 0 40px 12px 35px; } #page-container table#content-container td#content .press-banner { float: right; margin: 0 40px 10px 25px; border: 1px solid #6e6b6b; } #page-container table#content-container td#content .tech-fig { margin: 0 40px 12px 35px; } #page-container table#content-container td#content .press-date { margin: 0 40px 12px 35px; font-weight: bold; } #page-container table#content-container td#content .press-title { margin: 0 40px 5px 35px; font-weight: bold; } #page-container table#content-container td#content .date { margin: 0 40px 5px 35px; font-weight: bold; } #page-container table#content-container td#content .title { margin: 0 40px 12px 35px; font-weight: bold; } #page-container table#content-container td#content .inquiry_form table { width: auto; padding: 0; border: none; } #page-container table#content-container td#content .inquiry_form table td { padding-bottom: 4px; } #page-container table#content-container td#content .inquiry_form label { padding-right: 15px; } #page-container table#content-container td#content .inquiry_form label.zip { padding: 0 2px 0 3px; } #page-container table#content-container td#content .inquiry_form input { width: 250px; border: 1px solid #6e6b6b; padding: 2px 2px; } #page-container table#content-container td#content .inquiry_form select { width: 250px; border: 1px solid #6e6b6b; } #page-container table#content-container td#content .inquiry_form textarea { width: 254px; height: 100px; border: 1px solid #6e6b6b; } #page-container table#content-container td#content .inquiry_form select.state { width: 132px; } #page-container table#content-container td#content .inquiry_form input.zip { width: 94px; } #page-container table#content-container td#content .inquiry_form .button { width: auto; font-size: 11px; border: 1px solid #5a5a5b; color: #ffffff; background-color: #c96228; padding: 0 15px; cursor: pointer; } #page-container table#content-container td#sub-navigation-container { text-align: left; padding: 0; border-left: 1px solid #d2d0d0; color: #6e6b6b; } #page-container table#content-container td#sub-navigation-container #pselector { width: 285px; height: 129px; border-bottom: 1px solid #d2d0d0; background: url(/images/hp-sn-gray.jpg) repeat-x; } html>body #page-container table#content-container td#sub-navigation-container #pselector { height: 128px; } #page-container table#content-container td#sub-navigation-container #pselector h2 { color: #ffffff; font-size: 14px; padding: 10px 0 0 10px; margin: 0; } #page-container table#content-container td#sub-navigation-container #sub-navigation { min-height: 257px; } #page-container table#content-container td#sub-navigation-container #sub-navigation h2 { font-size: 14px; padding: 10px 0 10px 10px; margin: 0; } #page-container table#content-container td#sub-navigation-container #sub-navigation ul { list-style: none; margin: 0; padding: 0 0 0 25px; } #page-container table#content-container td#sub-navigation-container #sub-navigation li { list-style: none; margin: 0; padding: 0; line-height: 24px; font-weight: bold; } #page-container table#content-container td#sub-navigation-container #sub-navigation a { padding-left: 25px; line-height: 24px; } #page-container table#content-container td#sub-navigation-container #sub-navigation a:hover { padding-left: 25px; line-height: 24px; } #page-container table#content-container td#sub-navigation-container #sub-navigation a:visited { padding-left: 25px; line-height: 24px; } #page-container table#content-container td#sub-navigation-container #sub-navigation a:visited:hover { padding-left: 25px; line-height: 24px; } #page-container table#content-container td#sub-navigation-container #sub-navigation a.on { color: #c96228; padding-left: 25px; line-height: 24px; } #page-container table#content-container td#sub-navigation-container #sub-navigation a.on:hover { color: #c96228; padding-left: 25px; line-height: 24px; } #page-container table#content-container td#sub-navigation-container #sub-navigation a.on:visited { color: #c96228; padding-left: 25px; line-height: 24px; } #page-container table#content-container td#sub-navigation-container #sub-navigation a.on:visited:hover { color: #c96228; padding-left: 25px; line-height: 24px; } #page-container table#content-container td#sub-navigation-container #sub-navigation .hp-subnav { width: 285px; height: 129px; background: url(/images/hp-sn-orange.jpg) repeat-x; color: #ffffff; } #page-container table#content-container td#sub-navigation-container #sub-navigation .middle { border-bottom: 1px solid #d2d0d0; } html>body #page-container table#content-container td#sub-navigation-container #sub-navigation .middle { height: 128px; } #page-container table#content-container td#sub-navigation-container #sub-navigation .bottom { height: 128px; } #page-container table#content-container td#sub-navigation-container #sub-navigation .hp-subnav .pad { padding: 10px 35px 0 20px; } #page-container table#content-container td#sub-navigation-container #sub-navigation .hp-subnav a { color: #ffffff; text-decoration: none; padding: 0; line-height: normal; } #page-container table#content-container td#sub-navigation-container #sub-navigation .hp-subnav a:hover { color: #ffffff; text-decoration: none; padding: 0; line-height: normal; } #page-container table#content-container td#sub-navigation-container #sub-navigation .hp-subnav a:visited { color: #ffffff; text-decoration: none; padding: 0; line-height: normal; } #page-container table#content-container td#sub-navigation-container #sub-navigation .hp-subnav a:visited:hover { color: #ffffff; text-decoration: none; padding: 0; line-height: normal; } #page-container table#content-container td#sub-navigation-container #sub-navigation .hp-subnav h2 { color: #ffffff; font-size: 14px; padding: 10px 0 0 10px; margin: 0; } #page-container #footer-container { text-align: left; height: 80px; } #page-container #footer-container #footer { padding: 0; } #page-container #footer-container #footer #copyright { float: right; display: inline; margin: 25px 100px 0 0; font-size: 10px; color: #ffffff; } #page-container #footer-container #footer #become { float: right; display: inline; margin: 15px 20px 0 0; width: 158px; height: 20px; background: url(/images/become-bg.gif) no-repeat; } #page-container #footer-container #footer #become a:link { color: #ffffff; text-decoration: none; padding-left: 15px; line-height: 19px; } #page-container #footer-container #footer #become a:hover { color: #ffffff; text-decoration: none; padding-left: 15px; line-height: 19px; } #page-container #footer-container #footer #become a:visited { color: #ffffff; text-decoration: none; padding-left: 15px; line-height: 19px; } #page-container #footer-container #footer #become a:visited:hover { color: #ffffff; text-decoration: none; padding-left: 15px; line-height: 19px; } /* Product Scroller 160 x 80 ----------------------------------------------- */ #styleScroll-container { width: 265px; margin: 15px 0 0 20px; } #styleScroll-container #styleScroll { width: 265px; } #styleScroll-container #styleScroll a.l-on { float: left; margin: 25px 5px 0 0; width: 13px; height: 19px; background-image: url(/images/arrows.gif); background-position: 0 0; } #styleScroll-container #styleScroll a.l-on:hover { float: left; margin: 25px 5px 0 0; width: 13px; height: 19px; background-image: url(/images/arrows.gif); background-position: 0 -20px; } #styleScroll-container #styleScroll a.l-off { float: left; margin: 25px 5px 0 0; width: 13px; height: 19px; background-image: url(/images/arrows.gif); background-position: 0 -40px; } #styleScroll-container #styleScroll a.r-on { float: left; margin: 25px 0 0 5px; width: 13px; height: 19px; background-image: url(/images/arrows.gif); background-position: -14px 0; } #styleScroll-container #styleScroll a.r-on:hover { float: left; margin: 25px 0 0 5px; width: 13px; height: 19px; background-image: url(/images/arrows.gif); background-position: -14px -20px; } #styleScroll-container #styleScroll a.r-off { float: left; margin: 25px 0 0 5px; width: 13px; height: 19px; background-image: url(/images/arrows.gif); background-position: -14px -40px; } #styleScroll-container #styleScroll-iw { float: left; width: 210px; height: 80px; overflow: hidden; text-align: left; } #styleScroll-container #styleScroll-i { width: 3200px; height: 80px; } #styleScroll-container #styleScroll #styleScroll-i ul { display: inline; list-style: none; padding: 0; margin: 0; } #styleScroll-container #styleScroll #styleScroll-i li { display: inline; list-style: none; padding: 0; margin: 0 25px; width: 160px; } /* Misc ----------------------------------------------- */ .ERRORMSG { font-size: 12px; font-weight: bold; color: #ff0000; } .ORANGE { color: #c96228; } .BOLDORANGE { font-weight: bold; color: #c96228; } a.ORANGE:link { color: #c96228; text-decoration: none; } a.ORANGE:hover { color: #c96228; text-decoration: none; } a.ORANGE:visited { color: #c96228; text-decoration: none; } a.ORANGE:visited:hover { color: #c96228; text-decoration: none; }