html, body { text-align: left; vertical-align: top; margin: 0px; padding: 0px; height: 100%; width: 100%; border: 0px solid #00FF00; } body { font: normal 12px Arial, Helvetica, sans-serif; color: #000; background: #6a747c url(images/bkg_body.png) repeat; } #sitebox { /*width: 770px; /* Firefox adds padding to total width */ width: 780px; /* IE subtracts padding from total width */ height: 100%; margin: 0 auto; border: 0px solid #00FF00; /* Change to 1px to see if things are behaving */ position: relative; /*left: 50%; margin-left: -390px;*/ /* Half of #container width */ } #sitecell { padding: 0px 5px; background: url(images/bkg_sitebox.png) repeat-y; } #site_table { width: 100%; height: 100%; } /**** MASTHEAD ****/ #masthead_toggle { display: ; } #masthead { height: 85px; /* Actual height is 83px, but browsers subtract border width from height */ background: url(images/bkg_masthead.png) repeat-x; text-align: left; vertical-align: bottom; border-bottom: solid 2px #c0d62d; } /**** SUBHEAD ****/ #subhead_toggle { display: ; } #subhead { height: 22px; background: url(images/bkg_subhead.png) repeat-x; text-align: left; vertical-align: top; font: normal 11px Arial, Helvetica, sans-serif; color: #CCC; padding: 3px 8px 0px 8px; } #subhead A:link {color: #CCC; text-decoration: none;} #subhead A:visited {color: #CCC; text-decoration: none;} #subhead A:hover {color: #FFF; text-decoration: none;} #subhead A:active {color: #CCC; text-decoration: none;} /**** MENU ****/ #menu_toggle { display: ; } #menu { height: 29px; /* Actual height is 28px, but browsers subtract border width from height */ background: url(images/bkg_menu.png) repeat-x; text-align: left; vertical-align: top; font: bold 14px Arial, Helvetica, sans-serif; color: #FFF; padding: 7px 8px 0px 8px; border-bottom: solid 1px #9abb0e; } #menu .divider { margin: 0px 8px 0px 1em; margin: 0px 9px; color: #e8ff51; } #menu .first { margin-left: 0px; } #menu A:link {color: #FFF; text-decoration: none;} #menu A:visited {color: #FFF; text-decoration: none;} #menu A:hover {color: #e8ff51; text-decoration: none;} #menu A:active {color: #FFF; text-decoration: none;} /**** CONTENT_FULL ****/ #content_full { padding: 8px; font: normal 12px Arial, Helvetica, sans-serif; color: #000; vertical-align: top; } #content_full h1 { margin: 0px; } #content_full h2 { margin: 0px; } #content_full h3 { margin: 0px; } #content_full p { margin: 0px; } #content_full #date { font: bold 12px Arial, Helvetica, sans-serif; color: #999; margin: 0px; } #content_full #fck { margin: 1em 0px 0px 0px; padding: 0px; } .browse_header { background-color: #CCC; height: 42px; border-bottom: solid 1px #999; } .browse_header h1 { font: bold 26px Arial, Helvetica, sans-serif; color: #000; margin: 0px; padding: 0px; } .browse_header h2 { font: bold 16px Arial, Helvetica, sans-serif; color: #666; margin: 0px; } /**** CONTENT_TWOTHIRDS ****/ #content_twothirds { width: 500px; /* Total width minus padding */ padding: 8px 0px 8px 8px; font: normal 12px Arial, Helvetica, sans-serif; color: #000; vertical-align: top; /*background-color: #009999;*/ } .slide_caption { padding: 4px 0px; font: bold 18px Arial, Helvetica, sans-serif; color: #999; vertical-align: middle; margin: 0px 0px 2px 0px; } .slide_caption #icon { margin: 0px 6px 0px 0px; } /**** CONTENT_ONETHIRD ****/ #content_onethird { width: 246px; /* Total width minus padding */ padding: 8px; font: normal 12px Arial, Helvetica, sans-serif; color: #000; vertical-align: top; /*background-color: #FFFF00;*/ } #content_onethird ul { margin: 0px; padding: 6px 0px 8px 16px; } #content_onethird ul li { list-style-position: outside; list-style-image: url(images/icon_slidecaption.png); font: normal 16px Arial, Helvetica, sans-serif; color: #6a747c; margin-bottom: 8px; } #content_onethird .box_top, #content_onethird .box_bottom { font-size: 1px; height: 5px; } #content_onethird .box_top { background: url(images/bkg_sb_box_green.png) no-repeat top; } #content_onethird .box_bottom { background: url(images/bkg_sb_box_green.png) no-repeat bottom; } #content_onethird .box_content { padding: 2px 8px; background: #DFEB94 url(); } #content_onethird #stockquote { margin: 0px -3px 0px -1px; padding: 0px; } #fck table { font: normal 12px Arial, Helvetica, sans-serif; } #content_twothirds #product_specs, #content_twothirds #product_specs td { font: normal 12px Arial, Helvetica, sans-serif; padding: 2px 4px; } /**** FOOTER ****/ #footer_toggle { display: ; } #footer { height: 79px; height: 69px; background: url(images/bkg_footer.png) repeat-x bottom; text-align: center; vertical-align: bottom; font: normal 12px Arial, Helvetica, sans-serif; color: #2f373f; padding: 7px 8px 3px 8px; border-top: solid 1px #9abb0e; } #footer A:link {color: #2f373f; text-decoration: none;} #footer A:visited {color: #2f373f; text-decoration: none;} #footer A:hover {color: #666; text-decoration: none;} #footer A:active {color: #2f373f; text-decoration: none;}