body,td,div,p,a,font,span { font-family: arial,sans-serif; font-size: 11px; }
body { background: #d8b690 url(/i/bg.jpg); width: 100%; height: 100%; }

#contents { position: absolute; display: block; top: 90px; left: 50%; margin-left: -375px; width: 750px; height: auto; }
#header { position: absolute; top: -90px; width: 750px; height: 65px; background: center center no-repeat url(/i/smclogo.gif); cursor: pointer; }
#menu { position: absolute; top: -28px; width: 750px; height: 25px; border-collapse: collapse; }
#menu table { position: relative; width: 100%; height: 25px; border-collapse: collapse; border: none; }
#menu a, #menu a img { border: none; }
#searchbox { width: 120px; margin: 0px 5px 0px 20px; }

#dark { position: absolute; display: block; left: 50%; margin-left: -375px; top: 0px; width: 750px; height: 90px; background: #604020; -moz-opacity: .25; opacity: .25; filter:alpha(opacity=25); }
#main { 0px; background: url(/i/bgw.jpg); }


#body { position: relative; top: 0px; left: 0px; width: 590x; height: 100%; background: transparent; }
#footer { position: static; width: 100%; height: 55px; background: url(/i/bgw.jpg); }
#thawte { position: absolute; border: 0px; bottom: 10px; left: 10px; width: 199px; height: 37px; }
#cc { position: absolute; border: 0px; bottom: 8px; right: 10px; width: 520px; height: 37px; }

#content h2, #reviewbody h2 { border: 1px solid #804020; background: url(/i/bg.jpg); padding: 2px; width: 563px;}

#sidemenu { width: 150px; }
#sidemenu h2 { display: block; width: 150px; line-height: 25px; text-align: center; height: 25px; font-size: 16px; font-weight: bold; color: #000000; background: transparent; margin: 0px; padding: 0px; background: #FFF0E0; border: 1px solid #D0A060; }
#sidemenu a { display: block; width: 150px; line-height: 25px; text-align: center; height: 25px; font-size: 11px; font-weight: bold; color: #FFFF00; margin: 2px 0px; padding: 0px; text-decoration: none; border: none; margin: 5px 0px; }
#sidemenu a:hover {  }
#sidemenu a img { border: 0px; }
#content { width: 610px; padding-left: 10px; }

h1 { display: block; font-size: 18px; font-weight: bold; color: #000000; margin: 0px 0px 0px 0px; padding: 5px; font-variant: small-caps; }

.swatchname { display: block; position: relative; width: 100%; height: auto; }
.swatchname a { display: block; width: 100%; height: 100%; font-size: 14px; font-weight: bold;  }
.swatchprice {  }
.swatchsale { font-size: 14px; color: #008000; font-weight: bold; }
.swatchshipping { color: #A00000; font-weight: bold; }
.swatchpricing { color: #0000A0; font-weight: bold; }
.swatchthumb { float: right; background: #FFFFFF; padding: 5px; border: 1px outset #FFA040; }

.prodgraphic { float: right; margin: 10px; border: 1px outset #804020;  }

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


a.submit { display: block; width: 150px; height: 20px; line-height: 20px; text-align: center;  border: 2px outset #C09060; background: #C09060; color: black; font-weight: bold; margin-top: 5px; }

.break { width: 100%; height: 2px; background: black; margin: 10px 0px; clear: both; }

.endswatch { display: block; width: 100%; height: 20px; background: transparent; clear: both; }

form { display: block; padding: 0px; margin: 0px; border: none; }

.right { float: right; }
.left { float: left; }

#content #reviews h3 { display: block; font-size: 18px; text-align: center; border-top: 2px solid #000000; padding-top: 10px; }
#content #reviews h2 { display: none; }
#reviewsummary { margin: 0px 0px 10px 0px; padding: 0px 0px 10px 0px; border-bottom: 1px dotted #000000; text-align: center; }

#reviewbody { background: url(/i/bgw.jpg); }
#reviewbody h2 { text-align: center; width: 100%; padding: 5px 0px; border: none; border-bottom: 2px solid #000000; }
#reviewbody .form { border: none; padding: 0px; margin: 0px; width: 100%: }
#reviewbody input, #reviewbody select, #reviewbody textarea { border: 1px solid #603020; margin-bottom: 3px; }
#reviewbody textarea { height: 200px; }
#reviewbody p { text-align: center; font-weight: bold; }
#reviewbody h3 { width: 100%; padding: 10px 0px 5px 0px; text-align: center; }
#reviewbody blockquote { border: 1px solid #000000; background: #FFFFFF; padding: 5px; }
#reviewbody .button { display: block; text-align: center; position: relative; left: 0px; top: 0px; width: 100%; margin: 0px; padding: 10px 0px; }
#reviewbody .button input { font-weight: bold; padding: 5px; cursor: pointer; border: 2px solid #603020; background: #C0A090; color: #603020; font-size: 14px; margin-bottom: 5px;}
.feedbackBG { position: relative; display: block; width: 75px; text-align: left; left: 50%; margin-left: -38px; }
.reviews { position: relative; width: 750px; border: 2px solid #603020; left: 50%; margin-left: -375px; border-collapse: collapse; }
.head .feedbackBG, #reviews .feedbackBG { left: 0px; margin: 0px; padding: 0px; }
.reviews .head td { background: url(/i/bg.jpg); border-top: 1px solid #603020; border-bottom: 1px solid #603020; }
.reviews th { background: #603020; color: #FFFFFF; }
.reviews th a { text-decoration: none; color: #FFFFFF; }
.reviews th a:hover { color: #FFFF00; }

form.productsearch table { background: transparent; }


########################################## SHOPPING CART ##########################################

cart_name a { color: #808080; font-weight: bold; font-size: 13px; font-family: Arial; }

.cart_quantity { width: 30px; }
.cart_quantity input {  width: 30px; border: 1px solid #808080; }

.buttons, .paymentselection, .orderinginstructions { text-align: center; width: 100%; }

.paymentselection select { border: 1px solid black; }

.section { border-bottom: 2px solid #000000; font-size: 16px; font-weight: bold; }

table.cart { width: 100%; }
.cart, table.totals { border: 1px solid #000000; }
.cart th { background: url(/i/bg.jpg); color: black; border: 1px solid #A08060; }

textarea { border: 1px solid #A08060; }
.addr input, .payment_value input { border: 1px solid #A08060; }

.error { width: 530px; padding: 10px; background: #FFE0E0; color: #000000; border: 1px solid #800000; margin-bottom: 10px; }
.error h3 { position: relative; left: -10px; top: -10px; width: 550px; padding: 2px 0px; text-align: center; font-size: 13px; margin: 0px; background: #800000; color: #FFFFFF; }
.notice { width: 530px; padding: 10px; background: #E0FFE0; color: #000000; border: 1px solid #408040; margin-bottom: 10px; }
.notice h3 { position: relative; left: -10px; top: -10px; width: 550px; padding: 2px 0px; text-align: center; font-size: 13px; margin: 0px; background: #408040; color: #FFFFFF; }


#emailusform { text-align: center; }
#emailusform table { width: 550px; }
#emailusform th { font-weight: bold; text-align: left; width: 75px; }
#emailusform input { width: 100%; border: 1px solid #000000; }
#emailusform textarea { width: 100%; height: 100px; border: 1px solid #000000; }