/* common styles */
html, body {margin: 0; padding: 0; height: 100%}
body {background: #ffffff}
a img {border: 0}
form {padding: 0; margin: 0}
hr {height: 1px; border: 1px solid #7F7F7F; border-width: 1px 0 0 0; background-color: #7F7F7F; margin: 0; padding: 0}
hr.double {height: 2px; border: 2px solid #003366; border-width: 1px 0 0 0; background-color: #003366}

/* basic layout */
#wrapper {position: relative; height: 100%; min-width: 750px; width: expression(document.body.clientWidth > 780 ? 'auto' :'780px')}
html>body #wrapper {width: auto; height: auto; min-height: 100%}
#header {height: 151px; background: #ffffff url(images/head_bg0.gif) 0px 0px repeat-x;}
#mid {background: #ffffff url(images/mid_bg.gif) 0 0 no-repeat; width: 100%}
#side {display: inline; float: left; width: 226px; margin: 20px 0 0 20px}
#main {}
#empty{clear: both; height: 50px}
#footer {width: 100%; height: 87px; position: absolute; left: 0px; bottom: 0px; background: transparent url(images/foot_bg.gif) 0 100% repeat-x}

/* header-specific */
#header .hbg1 {height: 100%; background: transparent url(images/head_bg1.gif) 0px 16px repeat-x}
#header .hbg2 {height: 100%; background: transparent url(images/head_bg2.jpg) 0px 16px no-repeat}
#header .hbg3 {height: 100%; background: transparent url(images/head_bg3.gif) 0% 100% repeat-x}
#header .hbg4 {height: 100%; background: transparent url(images/head_bg4.jpg) 0% 100% no-repeat}
#header .logoImg {position: absolute; top: 34px; left: 31px}
#header .logoTxt {position: absolute; top: 51px; left: 144px}
table.mnuTop {position: relative; top: 103px; margin: 0; padding: 0; border: 0; border-collapse: collapse; width: 100%; text-align: center}
.mnuTop td {border: 0; margin: 0; padding: 0; background: transparent url(images/menu_bg.gif) 0 0 repeat-x; }
.mnuTop .mnu1st {width: 266px; background: transparent url(images/menu_left.gif) 100% 0 no-repeat; height: 48px;}
.mnuTop a {display: block; text-decoration: none; color: #ffffff; font: bold 12px/27px verdana, tahoma, sans-serif; float: left; width: 7em }
.mnuTop a:hover {background: #000000}
#bHome .mtHome, #bFeat .mtFeat, #bPrice .mtPrice, #bOrder .mtOrder, #bDown .mtDown, #bFaq .mtFaq, #bSupp .mtSupp {background: #000000}

/* side-specific*/
.panel {margin: 0 0 20px 0; padding: 0 0 9px 0; background: #f2f2f2 url(images/panel_bg.gif) 0 0 no-repeat; border-bottom: 1px solid #d9d9d9}
.panel p, .panel h2 {margin: 8px 0; padding: 0; font: normal 11px/14px arial, sans-serif}
.panel h2 {font-weight: bold; color: #003366}
.panel h1 {margin: 0 0 10px 0; padding: 0 9px 0 23px; font: bold 13px/28px tahoma, sans-serif; color: #003366; background: transparent url(images/bullet1.gif) 9px 10px no-repeat; text-align: left}
.panel h1.hot {background-image: url(images/bullet2.gif); color: #b80000}
.panel a {font-weight: bold; color: #003366}
.panel a:hover {color: #000000}

/* main-specific*/
.wide {margin: 0; padding: 20px 20px 50px 20px}
.narrow {margin: 0 0 0 280px; padding: 20px 20px 50px 0}
#main h1 {margin: 0 0 10px 0; padding: 0; font: bold 22px/30px tahoma, sans-serif; color: #B80000}
#main h2 {margin: 10px 0 8px 0; padding: 5px 0 3px 0; font: bold 18px/22px tahoma, sans-serif; color: #003366;  background: transparent url(images/bullet3.gif) 0 0 no-repeat}
#main h2 span {display: block; margin: 0 0 0 25px; padding: 0 0 0 16px; border-bottom: 2px solid #003366}
#main h3 {margin: 8px 0; padding: 0; font: bold 12px/18px tahoma, sans-serif; color: #003366}
#main, #main p, #main a, #main td, #main th, #main li {font-size: 12px; line-height: 18px; font-family: arial, sans-serif}
#main p {margin: 8px 0; padding: 0}
#main a {color: #003366}
#main a:hover {color: #000000}
#main ul {margin: 8px 0; padding: 0; list-style: none}
#main ul li {margin: 6px 0; padding: 0 0 0 6px; background: transparent url(images/bullet4.gif) 0px 6px no-repeat}
html>body #main ul li {padding: 0 0 0 9px; background-position: 0 5px}
* html ul.fix li {padding-left: 9px !important}
/* footer-specific */
table.mnuBottom {margin: 0; padding: 0; border: 0; border-collapse: collapse; width: 100%; text-align: center}
.mnuBottom td {color: #003366; border-top: 1px solid #003366; font: normal 11px/11px tahoma, sans-serif;}
.mnuBottom td.mnu1st {width: 300px; border: 0}
.mnuBottom td.mnu2nd {width: 36px; border: 0}
.mnuBottom a {margin: 0; padding: 0; font: bold 11px/11px tahoma, sans-serif; text-decoration: underline; color: #003366}
.mnuBottom a:hover {color: #000000}
#bHome .mbHome, #bFeat .mbFeat, #bPrice .mbPrice, #bOrder .mbOrder, #bDown .mbDown, #bFaq .mbFaq, #bSupp .mbSupp {color: #000000}
.copy {margin:0; padding: 0; position: absolute; top: 46px; left: 20px; font: normal 11px/28px tahoma, sans-serif; color: #ffffff}
.policy {position: absolute; top: 37px; right: 0px; width: 120px; height: 46px; background: transparent url(images/policy_bg.gif) 0 0 repeat-x}
html>body .policy {width: auto;}
.policy div {height: 46px; background: transparent url(images/policy_left.gif) 0 0 no-repeat; padding: 9px 0 0 9px; voice-family: "\"}\""; voice-family:inherit; height: 37px}
html>body .policy div {height: 37px}
.policy a {background: transparent; padding: 0 16px; color: #ffffff; font: normal 11px/28px tahoma, sans-serif; text-decoration: none; display: block;}
.policy a:hover {background: #000000}

/* table styles */
table.makeup {margin: 10px 0; padding: 0; border: 0; border-collapse: collapse; voice-family: "\"}\""; voice-family:inherit; width: 98%}
html>body table.makeup {width: 98%}
.makeup td {padding: 2px 6px; vertical-align: top}
table.order {margin: 10px auto; padding: 0; border-collapse: collapse; border: 1px solid #D9D9D9; border-width: 0 0 1px 0; border-spacing: 0; voice-family: "\"}\""; voice-family:inherit; width: 70%}
html>body table.order {border-collapse: separate; width: 70%}
.order th, .order td {vertical-align: middle; text-align: left; margin: 0; padding: 6px 8px}
.order th {font-weight: bold; color: #000000; background: #D9D9D9;}
.order td {border-top: 1px solid #ffffff; background: #F2F2F2}
.order .ov1 td {border-bottom: 1px solid #D9D9D9}
.order .ov2 td {border: 1px solid #ffffff; border-width: 1px 0}

/* misc stuff */
div.hr {height: 1px; font-size: 1px; line-height: 1px; border-top: 1px solid #d9d9d9; background: #ffffff}
.padded {padding-left: 9px; padding-right: 9px; padding-bottom: 4px}

/* overrides */
.hot {color: #B80000} 
a.hot {text-decoration: underline; color: #B80000 !important}
.cold {color: #003366}
.b {font-weight: bold}
.halfsize {width: 50%}
td.noBorder {border: 0}
.flleft {float: left}
.flright {float: right}
.alright {text-align: right !important}
.centered {text-align: center}
.noPad, tr.noPad td {padding: 0}
.smallPad, tr.smallPad td {padding: 0 1px 0 0}