html { height: 100%; }
body { margin: 0; background-color: #FFF; min-width: 986px; height: 100%; }

.tab { background: #EEE; padding: 5px 9px; border-top: solid 1px #AAA; border-right: solid 1px #AAA; border-left: solid 1px #AAA; display: inline; float: left; width: 120px; height: 15px; }
.tab-selected { background: #FFF; padding: 5px 9px; border-top: solid 1px #AAA; border-right: solid 1px #AAA; border-left: solid 1px #AAA; font-weight: bold; display: inline; float: left; width: 120px; height: 15px; }
#productinfo { border-left: solid 1px #AAA; border-bottom: solid 1px #AAA; border-right: solid 1px #AAA; }
#usagenotes { border-left: solid 1px #AAA; border-bottom: solid 1px #AAA; border-right: solid 1px #AAA; }

#tabboxes { border-bottom: solid 1px #AAA; height: 25px; padding-top: 1px; width: 532px; }
.tabbox { padding: 10px; width: 510px; margin-bottom: 15px; }

a { outline: none; }
a:active { outline: none; }
#header { background-color: #313738; width: 100%; text-align: center; }
#menu { padding: 4px 0 6px 10px; margin: 0 auto; border-bottom: solid 4px #e58518; background: #000; border-top: solid 3px #000; }
#menu a { padding: 3px 10px; font: 11px Arial, sans-serif; color: #FFF; letter-spacing: 1px; text-decoration: none; }
#menu a:hover { background: #444; color: #fffed7; }
.main { background-color: #FFF; background-image: url(img/topbkg.gif); background-repeat:repeat-x; padding: 11px 15px 11px 19px; border-bottom: solid 1px #CCC; border-left: solid 1px #DDD; }
.main-right { background-color: #F0F0F0; padding: 11px; border-bottom: solid 1px #CCC; background-image: url(img/rightcolbkg.png); background-repeat: repeat-x; border-right: solid 1px #DDD; }
#container-left { float: left; display: inline; width: 600px; }
#container-right { float: right; display: inline; width: 200px; }
.product-menu { background-image: url(img/menubkg.gif); background-repeat:repeat-x; padding: 8px 13px 6px 20px; font: 11px Arial, Helvetica, sans-serif; color: #000; border-bottom: solid 1px #CCC; background-color: #f79321; }
.product-menu-cell { padding: 2px 1px; }
.product-menu a { color: #FFF; text-decoration: none; padding: 2px 10px; font: bold 12px Arial, Helvetica, sans-serif; border: none; margin: 0; }
.product-menu a:hover { background: #FF0; color: #000; border: none; }

.submenu { background: #FFF; border: solid 1px #CCC; color: #333; position: absolute; font: 10px Arial, Helvetica, sans-serif; margin: 0; padding: 2px; }
.submenu a { display: block; background: #fff1cd; padding: 3px 10px; color: #000; z-index: 1; font: 10px Arial, Helvetica, sans-serif; margin-top: 1px; }
.submenu a:hover { background: #555; padding: 3px 10px; margin-top: 1px; color: #FFF; }
img { border: none; }
.gray { color: #777; }
.clear { clear: both; height: 1px; font-size: 1px; }
.clear5px { clear: both; height: 5px; font-size: 5px; }
.clear15px { clear: both; height: 15px; font-size: 15px; }
.list { font: 11px Arial, Helvetica, sans-serif; color: #555; padding: 3px 0; border-bottom: dotted 1px #D0D0D0; }
.listhead { font: bold 12px Arial, Helvetica, sans-serif; color: #333; padding: 4px 0; border-bottom: solid 1px #DFDFDF; background: #EFEFEF; }
h1 { font: 30px Georgia, "Times New Roman", Times, serif; color: #000; padding: 0; margin: 5px 0 13px 0; letter-spacing: 0px; }
h2 { font: bold 13px Arial, Helvetica, sans-serif; color: #333; padding: 0; margin: 0 0 6px 0; }
h3 { font: 22px Arial, Helvetica, sans-serif; color: #666; padding: 0 0 4px 0; margin: 0 0 6px 0; border-bottom: solid 1px #000; }
h4 { font: bold 15px Georgia, "Times New Roman", Times, serif; color: #dd8c3e; padding: 0; margin: 0 0 6px 0;  }
h5 { font: bold 12px Arial, Helvetica, sans-serif; color: #FFF; padding: 4px 7px; margin: 0 0 6px 0; background: #555; }
.incart { background-color: #f3ffe6; color: #66804b; font: 11px Arial, sans-serif; padding: 6px 8px 6px 30px; line-height: 16px; margin: 8px 0; background-image: url(img/incart.gif); background-repeat: no-repeat; }
.outcart { background-color: #ffe6e6; color: #933232; font: 11px Arial, sans-serif; padding: 6px 8px 6px 30px; line-height: 16px; margin: 8px 0; background-image: url(img/outcart.gif); background-repeat: no-repeat; }
.same { color: #E1E1E1; font: bold 24px Arial, sans-serif; padding: 0; }

#empty { background: #FCC; border: solid 1px #F00; padding: 4px 8px; font: 11px Arial, Helvetica, sans-serif; color: #900; }
#formula { font: 24px Georgia, "Times New Roman", Times, serif; color: #888; padding: 0 0 8px 0; margin: 7px 0; letter-spacing: 1px; float: right; }
#cas { font: 17px Arial, Helvetica, sans-serif; color: #777; margin: 0 0 10px 0; border-top: solid 1px #888; padding: 10px 0 0 0; }
p { font: 11px Arial, Helvetica, sans-serif; color: #444; line-height: 15px; padding: 0; margin: 0 0 14px 0; }
.imagearea { padding: 0 0 0 10px; }
p a, p a:visited { color: #cf2c00; text-decoration: none; }
p a:hover { color: #F00; }
.size10 { font-size: 10px; line-height: 13px; }
.size15 { font-size: 15px; line-height: 15px; color: #000; }
td a, p a:visited { color: #cf2c00; text-decoration: none; }
td a:hover { color: #F00; }
.documents { margin: 12px 0; }
#breadcrumb { color: #999; font: 10px Arial, Helvetica, sans-serif; padding: 5px 0; border-bottom: dotted 1px #CCC; margin: 0 0 15px 0; }
.breadcrumb { color: #999; font: 10px Arial, Helvetica, sans-serif; padding: 5px 0; border-bottom: dotted 1px #CCC; margin: 0 0 15px 0; }
#breadcrumb a { text-decoration: none; color: #ff5400; }
.green { color: #080; }
.red { color: #F00; }

td { font: 11px Arial, Helvetica, sans-serif; color: #444; line-height: 15px; }
.line { font-size: 1px; border-top: dotted 1px #CCC; margin: 10px 0; height: 2px; }
.serviceinfo { padding: 0 0 0 15px; border-left: dashed 1px #CCC; }
.footer { padding: 10px 10px 40px 10px; border-bottom: solid 20px #EEE; font: 10px Arial, Helvetica, sans-serif; color: #888; line-height: 16px; }
.large { font: 18px Arial, Helvetica, sans-serif; color: #000; }

.document-notice { font: 10px Arial, Helvetica, sans-serif; color: #888; background: #F0F0F0; padding: 6px; margin: 14px 0 5px 0; }

.optionbox { float: right; width: 202px; padding: 10px 0 10px 10px;  margin: 0 0 5px 5px; position: relative; }
#shoparea { margin: 10px 0; padding: 10px 0 0 0; }
.price { font: 11px Arial, Helvetica, sans-serif; color: #333; padding: 2px 0 0 0; }
.unit { font: 12px Arial, sans-serif; color: #000; }
.gray { color: #888; }
.productnum { font: 10px Arial, Helvetica, sans-serif; color: #888; }

.table-head { font: 10px Verdana, Tahoma, Arial, sans-serif; color: #555; background: #F0F0F0; padding: 4px; border-bottom: solid 1px #ffcd97; }
.table-head-2 { font: 11px Arial, sans-serif; color: #555; padding: 4px 4px 4px 4px; border-bottom: solid 1px #FFF; background: #FFF; border-top: solid 1px #EEE; }
.table-list { font: 11px Arial, Helvetica, sans-serif; padding: 4px; border-bottom: dotted 1px #D4D4D4; border-right: dotted 1px #E5E5E5; }
.table-list3 { font: 10px Arial, Helvetica, sans-serif; padding: 4px; line-height: 15px; color: #666; }
.table-list-not { font: 11px Arial, Helvetica, sans-serif; padding: 4px; background: #faf7eb; line-height: 15px; }

.notice { background: #FDF3EE; color: #d95700; padding: 5px; font: 10px Arial, Helvetica, sans-serif; }
.notice2 { background: #FDF3EE; color: #d95700; padding: 5px; font: 11px Arial, Helvetica, sans-serif; }
.notice3 { background: #fff9e8; color: #aa8000; padding: 5px; font: 11px Arial, Helvetica, sans-serif; }
#tip { background: #fffacc; color: #000; padding: 6px 6px 6px 26px; position: absolute; font: 11px Arial, sans-serif; line-height: 15px; border: solid 1px #CCC; background-image:url(img/tipbkg.gif); background-repeat: no-repeat; background-position: top-left; }
.tip3 { background: #fffacc; color: #000; padding: 6px 6px 6px 26px; position: absolute; font: 11px Arial, sans-serif; line-height: 15px; border: solid 1px #CCC; background-image:url(img/tipbkg.gif); background-repeat: no-repeat; background-position: top-left; }

.tip { text-align: left; background: #fffacc; color: #000; padding: 6px 6px 6px 20px; font: 11px Arial, sans-serif; line-height: 15px; border: solid 1px #CCC; background-image:url(img/bulb.gif); background-repeat: no-repeat; background-position: top-left; }
.tip2 { text-align: left; position:absolute; font: 11px Arial, sans-serif; color: #243368; padding: 7px 7px 7px 35px; margin: 0 0 15px 0; line-height: 16px; background-color: #ddf6f9; border: solid 1px #b3e0e5; background-image: url(img/tipbkg.gif); background-repeat: no-repeat; }
.table-list { border-bottom: solid 1px #e1d9bc; border-right: dotted 1px #CCC; padding: 4px; font: 11px Arial, sans-serif; color: #444; line-height: 15px; }
.table-list2 { border-bottom: solid 1px #CCC; padding: 3px 4px; font: 11px Arial, sans-serif; color: #444; line-height: 18px; }
form { margin: 0; padding: 0;}

.table-list-close { border-bottom: solid 1px #E0E0E0; border-right: dotted 1px #CCC; padding: 4px; font: 11px Arial, sans-serif; color: #444; line-height: 15px; background: #EEE; }
.table-list-price { border-bottom: solid 1px #e1d9bc; border-right: dotted 1px #CCC; padding: 4px; font: 11px Arial, sans-serif; color: #444; }
.table-list-code { border-bottom: solid 1px #e1d9bc; border-right: dotted 1px #CCC; padding: 4px; font: 11px Tahoma, Verdana, Arial, sans-serif; color: #444; }
.table-list-empty { border-bottom: solid 1px #e1d9bc; border-right: dotted 1px #CCC; padding: 4px; font: 11px Arial, sans-serif; color: #e77c7c; line-height: 15px; }
.submit-row { padding: 3px 4px; font: 11px Arial, sans-serif; color: #333; line-height: 15px; background: #E8E8E8; }
.form-d1 { border-bottom: dashed 1px #DDD; padding: 4px; font: 11px Arial, sans-serif; color: #444; line-height: 15px; }
.table-list-selected { border-bottom: solid 1px #e1d9bc; border-right: dotted 1px #CCC; padding: 4px; font: 11px Arial, sans-serif; color: #444; line-height: 15px; background: #e1f1ff; }
.table-list-green { border-bottom: solid 1px #e1d9bc; border-right: dotted 1px #CCC; padding: 4px; font: 11px Arial, sans-serif; color: #444; line-height: 15px; background: #efffdc; }
.table-list-grand { border-right: dotted 1px #CCC; padding: 4px; font: 12px Arial, sans-serif; color: #444; line-height: 15px; background: #efefef; border-top: solid 2px #FFF; }
.grand-total { font-size: 15px; color: #444; font-weight: bold; font-family: Arial, Helvetica, sans-serif; }
.table-mainheading { font: bold 13px Arial, sans-serif; padding: 4px 0; border-bottom: solid 2px #AAA; }
.table-heading { font: bold 11px Arial, sans-serif; color: #666; padding: 4px; border-left: solid 1px #FFF; background: #EEE; }
.table-heading-micro { font: 10px Verdana, Arial, Helvetica, sans-serif; color: #333; background: #EEE; padding: 4px; }
.form-button-quantity { font: bold 11px Arial, Helvetica, sans-serif; width: 58px; background: #D4D4D4; color: #333; border: solid 1px #888; }
.form-quantity { font: 11px Tahoma, Verdana, Arial, sans-serif; color: #000; width: 32px; border: solid 1px #AAA; padding: 1px 2px 2px 2px; color: #080; }
.form-txt { font: 11px Tahoma, Verdana, Arial, sans-serif; color: #444; padding: 1px; }
.form-txt-100 { font: 11px Tahoma, Verdana, Arial, sans-serif; color: #444; margin: 2px; padding: 1px; width: 98%; }
.form-button { font: bold 11px Arial, sans-serif; margin: 2px; }
.form-button-disable { font: italic 11px Arial, sans-serif; margin: 2px; color: #999; background: #FFF; }
.currentcart { font: 11px Arial, sans-serif; color: #6a745b; background: #f2f7e7; padding: 4px; border-bottom: solid 1px #FFF; }
.currentcart2 { font: 11px Arial, sans-serif; color: #620; background: #f9ede7; padding: 4px; border-bottom: solid 1px #FFF; }
#errorbox { background: #ffebeb; padding: 5px 9px; font: 11px Arial, sans-serif; line-height: 17px; margin: 8px 0; }
#errorbox h1 { font: bold 14px Arial, sans-serif; color: #F00; padding: 0 0 3px 0; margin: 0 0 3px 0; border-bottom: solid 1px #F33; letter-spacing: normal; }
.enclosure { padding: 5px 0; border-bottom: solid 2px #f2d9a3; margin: 0 0 15px 0; }
.table-list-green { border-bottom: solid 1px #c9dee7; border-right: dotted 1px #CCC; padding: 4px; font: 11px Arial, sans-serif; color: #444; line-height: 15px; background: #efffdc; }

#testimonial { width: 500px; height: 350px; padding: 10px 14px; background: #FFF; border: solid 4px #888; position: fixed; z-index: 9; line-height: 150%; overflow-y: auto; } 
