* {margin: 0; padding: 0;}
html, body {height: 100%;}
body {position: relative; font-family: Arial; font-size: 14px; text-align: left; color: #34363a; background: #fff;}
h1, .pageHeading{font:normal 28px Georgia; line-height:28px; margin-bottom:15px; color:#036408;}
h1{margin-top:20px;}
h1.ml{margin-left:40px;}
h2{font-size:16px; font-weight:bold; line-height:10px; margin-bottom:10px; color:#333;}
h2.shop{font-size:16px; font-weight:bold; line-height:10px; margin-bottom:10px; color:#0e539e;}
h3{font-size:13px; line-height:20px;  font-weight:bold; margin-bottom:10px; color:#787878;}
h3 a.in{font-size:11px; font-weight:normal;}
img{border:0;}
input, select, textarea{color:#6e6e70;}

a{color:#036408; text-decoration:none;}
a:hover{text-decoration:none;}

#wrapper{width:798px; margin:0px auto; border-left:1px solid #929292; border-right:1px solid #929292;}
#header, #menearea, #content, #footer {width:100%;}

#header {height:98px; border-bottom:1px solid #848484;}
#logo{float:left; display:block; margin:2px 0px 0px 2px; width:282px; height:91px; background:url(images/logo.jpg) left top no-repeat;}
#glycerol{width:235px; height:90px; margin:4px 4px 0px 0px; float:right; background:url(images/glycerol.jpg) right top no-repeat;}
#glycerol a{display:block; color:#535353; text-decoration:none; font-weight:bold; font-size:13px; margin-top:6px;}
#glycerol p{width:105px; font-size:12px; color:#567eb2; font-weight:bold; margin-top:10px;}

#menearea{height:276px; background:url(images/mainbg.jpg) left top no-repeat;}
#menearea ul{list-style:none; margin:0px; padding:6px 0px 0px 0px;}
#menearea ul li{float:left; color:#fff; font-size:9px;}
#menearea ul li a{display:block; color:#fff; text-transform:uppercase; text-decoration:none; margin:1px 5px 0px 5px; _margin:1px 2px 0px 1px; float:left;}

#navi-head{width:100%; height:18px; margin:5px 0px; background:#929292;}
#navi-head ul{float:right; list-style:none; padding:0px; margin:0px; margin-right:100px;}
#navi-head ul li, #navi-head ul li a{display:inline; color:#fff;}

#content .in{margin:10px 20px 0px 20px;}
#content #shop{width:778px; margin:10px 10px 0px 10px;}
#content #shop h1, .pageHeading{color:#0e539e; margin-top:0px;}
.text-main{width:490px; float:left;}
.text-inner{width:730px; float:left;}
.text-main div b, .text-inner div b{margin-left:40px;}
.text-main p, .text-inner p{font-weight:bold; color:#4b4c4c; margin:24px 0px 24px 40px;}
.text-inner p{font-weight:normal;}
.text-inner textarea{border:0px; height:70px; width:600px; margin-left:40px; color:#4b4c4c; font-size:14px; overflow: hidden}

#feedback p{margin-left:0px;}
#feedback.text-inner textarea{border:1px solid #abadb3; height:140px; margin:0px; width:300px; color:#4b4c4c; font-size:14px; overflow: visible}
#feedback table td{font-size:13px; padding:5px 0px; color:#4d4f53;}
#feedback.contacts-bg{background:url(images/contacts-bg.gif) right 0px no-repeat;}

.refBlocks{width:242px; float:right; margin-right:10px;}
.refBlocks div{width:100%; height:78px; margin-bottom:10px; background:url(images/ref-block-bg.gif) left top no-repeat;}
.refBlocks p{padding:13px 20px 6px 20px; color:#136e17;}
.refBlocks p a{font:bold 13px Arial; text-transform:uppercase; color:#4b4c4c; text-decoration:none;}
.refBlocks span {display:block; float:right; margin-right:24px;}
.refBlocks span a{font:normal 14px Arial; color:#878787; text-decoration:none;}

.box{width:105px; margin-bottom:10px;}
.box .head{height:17px; color:#fff; text-align:center; background:#929292;}
.box .body{width:99px; border:1px solid #929292; padding:0px 4px 0px 0px;}
.box .body div{font-size:11px; padding:5px 0px; text-align:center;}
.box .body div.left{text-align:left;}
.box .left-corner{background:url(images/left-cor.gif) left top no-repeat;}
.box .right-corner{background:url(images/left-cor.gif) left top no-repeat;}


#leftCol, #rightCol, #contentBlock{float:left;}
#rightCol{float:right;}
#leftCol, #rightCol{width:105px;}
#contentBlock{width:528px; margin:0px 20px;}

/* services */
#services{width:100%;}
#services .service{width:190px; margin:40px 0px 0px 50px; _margin:20px 0px 0px 40px; float:left;}
#services .service p{margin:4px 0px; font-size:13px;}
.contacts-bg{background:url(images/contacts-bg.gif) right 50px no-repeat;}

#footer{height:108px; margin-top:40px; font-size:12px; color:#868585; border-top:1px solid #d3d3d3;}
#footer .left{width:260px; float:left; margin:0px 0px 0px 60px; _margin-left:30px; line-height:12px;}
#footer .left p{margin:10px 0px;}
#footer .middle{float:left; margin:32px 20px; line-height:12px;}
#footer .right{width:145px; height:82px; margin:15px 35px 0px 0px; float:right; background:url(images/terms-footer.png) left top no-repeat;}
#footer .right a{width:100%; height:100%; display:block;}
#footer a{color:#868585;}
.tab{display:block; width:35px;}

.boxText {font-size: 11px; padding-top:8px;}
.box .boxText {font-size: 11px;  padding:8px 0px 0px 5px;}
.errorBox {font-size : 10px; background: #ffb3b5; font-weight: bold; }
.stockWarning {font-size : 10px; color: #cc0033; }
.productsNotifications { background: #f2fff7; }
.orderEdit {font-size : 10px; color: #70d250; text-decoration: underline; }
.btop{border-top:1px solid #cfcfcf; margin-top:2px;}
FORM {display: inline;}
TR.header {background: #ffffff;}
TR.headerError {background: #ff0000;}
TD.headerError { font-size: 12px;  background: #ff0000;  color: #ffffff;  font-weight : bold;  text-align : center;}
TR.headerInfo {background: #00ff00;}
TD.headerInfo {font-size: 12px;  background: #00ff00;  color: #ffffff;  font-weight: bold;  text-align: center;}
.infoBox { padding:3px;}
.infoBoxContents {background: #fff; font-size: 11px;}
.infoBoxNotice {background: #FF8E90;}
.infoBoxNoticeContents {background: #FFE6E6; font-size: 10px;}
TD.infoBoxHeading {font-size: 11px;  font-weight: bold;  background: #dcdcde; color: #787878; padding:0px 5px;}
TD.infoBox, SPAN.infoBox {font-size: 10px;}
.tblbrd{border:1px solid #b6b7cb;}

.productListing-heading {font-size: 10px; border-bottom:1px solid #cfcfcf;  font-weight: bold;}
TD.productListing-data {font-size: 10px;}

TR.subBar {background: #f4f7fd;}
TD.subBar {font-size: 10px;  color: #000000;}
TD.main, P.main {font-size: 11px;  line-height: 1.5;}
TD.smallText, SPAN.smallText, P.smallText {    font-size: 10px;}
TD.accountCategory {font-size: 13px;  color: #aabbdd;}
TD.fieldKey {font-size: 12px;  font-weight: bold;}
TD.fieldValue {font-size: 12px;}
TD.tableHeading {font-size: 12px;  font-weight: bold;}
SPAN.newItemInCart {font-size: 10px;  color: #ff0000;}
CHECKBOX, INPUT, RADIO, SELECT {font-size: 11px;}
TEXTAREA {width: 100%;    font-size: 11px;}
SPAN.greetUser {font-size:12px;  color: #f0a480;  font-weight: bold;}
TABLE.formArea {background:#f1f9fe;  border:1px solid #7b9ebd;}
TD.formAreaTitle {font-size:12px;  font-weight: bold;}
SPAN.markProductOutOfStock {font-size: 12px; color: #c76170; font-weight: bold;}
SPAN.productSpecialPrice , SPAN.errorText{color: #ff0000;}
.moduleRowOver {background-color: #eaeaea; cursor: pointer; cursor: hand; }
.moduleRowSelected {background-color: #d6e9c4; }
.checkoutBarFrom, .checkoutBarTo {font-size: 10px; color: #8c8c8c; }
.checkoutBarCurrent {font-size: 10px; color: #000000; }
/* message box */
.messageBox {font-size: 10px; }
.messageStackError, .messageStackWarning {font-size: 10px; background-color: #f7f6e7;  padding:3px; border:1px solid #aaa; margin:5px 0px;}
.messageStackSuccess {font-size: 10px; background-color: #99ff00; }
/* input requirement */
.inputRequirement {font-size: 10px; color: #ff0000; }
ol{list-style:none; margin-left:20px;}
.clear{clear:both;}
.productListing-heading{padding-bottom:10px;}
.productListing-even td, .productListing-odd td{padding:14px 0px 0px 0px;}

.newproducts .infoBox, .box .infoBox {padding:0px; border:0px;}
.newproducts .infoBox td{padding:0px 0px 10px 0px}

textarea.ask{width:250px; height:100px; margin:0px 0px 20px 20px;}