/* ######  CSS for webinfuse.com             */
/* ######  by Webinfuse.com, author: Jackie Hii   */

body { background-color: #FFFFFF; padding: 0; margin: 0; color: #4D4D4D; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 62.5%; }

/* ------- Layout --------- */  
#body1 { width: 890px; margin: 0 auto; padding: 10px 0 0; position: relative; text-align: left; }
#page {margin-bottom: 30px; overflow: hidden;}


/* ------- Header --------- */
.logo { float: left; }
.logo img { width: 157px; height: 27px; } 
#header { background-color: #333333; margin-top: 26px; }
.IE7 #header {zoom: 1;}
.headerContact.navBase {position: absolute; top: 13px; left: 0; margin: 0; padding: 0;}
.IE7 .headerContact.navBase {top: 5px;}
.headerContact.navBase li {font-size: 110%;}
.headerContact.navBase li a {height: 20px;}
.headerContact.navBase li strong {margin-left: 6px;}
.IE7 .headerContact .navEmail strong {position: relative; top: -7px;}

/* ------- Search Bar --------- */
#ecom { position: absolute; top: 0px; right: 0px; margin: 10px 0 0; }
.IE7 #ecom {top: -8px;}
#ecom li { display: inline; list-style-type: none; } 
#ecom li form { display: inline; }
#ecom input#product_keyword {border: 1px solid #ccc;}
#ecom input.search-submit {position: relative; top: 3px}


/* ------- Nav Bar --------- */
#mainnav {margin-left: 330px;} .IE78 #mainnav {margin-left: 324px;}
#mainnav li { background: url("/images/mainnav-border.png") no-repeat scroll 0 50% transparent; display: inline; list-style-type: none; margin: 0; padding: 6px 30px 5px; float: left; }
#mainnav li a { color: #FFFFFF; font-family: Trebuchet, "Trebuchet MS", "Mahsuri Sans MT", "Mahsuri Sans MT Regular", "Mahsuri Sans MT Std", Helvetica, sans-serif; font-weight: normal; font-size: 14px; text-align: left; text-transform: uppercase; }
#mainnav li a:hover, #mainnav li a.selected { color: #FFCC00; text-decoration: none; }




/* ------- Footer --------- */
#footer .footerNav {float: right; margin: 8px 15px 0 0;}
#footer .footerNav a {font-size: 10px; color: #999; text-transform: uppercase;}
#footer { background: url("/images/footer-bg.gif") no-repeat scroll 100% 100% #333333; clear: both; height: 100px; width: 890px; }