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;}