* { margin: 0; padding: 0 }
p { padding-bottom: 1em; line-height: 150% }
img { border: none }
body { color: #888; font: 10pt Georgia, "Times New Roman", Times, serif; background: #E6E6E8; border-top: 2px solid #626469; }

a { color: #C77731 }
a:hover { color: #000; }

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

#wrap { position: absolute; top: 150px; width: 100%; text-align: center; background-color: #FFF; }
#content { width: 760px; margin: 0 auto; text-align:left; min-height: 300px; padding: 20px 0 0; margin-bottom: 20px; }
#content li { margin: 0 0 0.5em 3em }

#foot-wrap { clear: both; background: #E6E6E8 url(white.gif) repeat-x top; border-top: 1px solid #E0E0E2; }
#foot { width: 760px; margin: 0 auto; padding: 15px 0 20px; text-align: left; }
#foot-right { float: right; text-align: right; }
#foot-right a { text-transform: lowercase }
#foot a { color: #555; }
#foot a:hover { color: #C77731 }
#foot p { padding-bottom: 0.8em }
#foot p.sml { font: 8pt/10pt "Times New Roman", Times, serif; }
#foot p.sml a { text-decoration: none; }    

#nav-wrap { position: absolute; top: 114px; width: 100%; text-align: center; background: #EEE url(white.gif) repeat-x bottom; border-top: 1px solid #FFF; border-bottom: 1px solid #EEE;  }
#nav { width: 760px; margin: 6px auto 10px; text-align: left;  }
#nav a { padding-right: 10px; text-transform: lowercase; text-decoration: none; color: #666; font: normal 11.5pt Georgia, "Times New Roman", Times, serif; }
#nav a:hover, #nav a.sel { color: #C77731 }
#nav a.right { float: right; padding: 0; padding-left: 10px; }

#head-wrap { position: absolute; top: 2px; width: 100%; text-align: center; background: #626469 url(white.gif) repeat-x bottom; border-top: 1px solid #FFF; border-bottom: 1px solid #626469;  }
#head { width: 760px; margin: 0 auto; height: 110px; text-align: left; position: relative; }
#head #logo { position: absolute; bottom: 20px; margin-left: -5px; }
#head a { color:#FFF; text-transform: lowercase; text-decoration: none; } 
#toolbox { width: 210px; position: absolute; bottom: 18px; right: 0; color: #CCC; }
#toolbox a { float: right; margin-left: 3px; padding-left: 16px; background: url(cart.gif) no-repeat left center; }
#toolbox a:hover { text-decoration: underline; }
#toolbox div { clear: left; padding: 4px 8px 6px; height: 15px; overflow: hidden; border: 1px solid #999; border-bottom: 0; }
#toolbox input#keywords { width: 130px; border-right: 0; height: 17px; padding: 3px 6px; vertical-align: middle; }
#toolbox input#searchbtn { text-align: left; vertical-align: top; background: #6E7075 url(arrow-white.gif) no-repeat 53px 6px; padding: 0 4px 2px; }
* html #toolbox input#keywords { margin-top: -2px;  }
*:first-child+html #toolbox input#searchbtn { margin-top: 2px }
#toolbox input#searchbtn:hover { background-color: #7E8085 }
#toolbox input { width: 67px; border: 1px solid #999; color: #FFF; background: #626469; height: 25px; vertical-align: top; font: 10pt Georgia, "Times New Roman", Times, serif; text-transform: lowercase; }
#head-links { position: absolute; top: 13px; right: 0; font-size: 9pt; }
#head-links a { color: #CCC; }
#head-links a:hover { text-decoration: underline; }
#head-links a:hover, #head-links span { color: #FFF; }
#phone { padding-left: 16px; background: url(phone.gif) no-repeat left center; }

#home-left { float: left; }
#home-left img { margin: 3px 0 10px; }
#home-left p { font: italic 15pt Georgia, "Times New Roman", Times, serif; margin-bottom: 5px; }
#home-right { float: right; width: 410px; }
#content #home-right h1 a,
#content #home-right h2 a { color: #666; }
#content #home-right h1, #home-right h2 { padding: 0; margin: -5px 0 5px; font: 15pt Georgia, "Times New Roman", Times, serif; }
* html #content #home-right h1, #home-right h2  { margin-top: 0; }

.stroked { padding: 1px; border: 1px solid #CCC }

#cat-left { float: left; width: 180px; text-transform: lowercase }
#cat-right { float: right; width: 580px; padding-bottom: 30px; }
#cat-left h2 { font: 19pt Georgia, "Times New Roman", Times, serif;  line-height: 40px; margin-bottom: 15px; text-transform: lowercase; }
#cat-left h2 a { color: #666; }
#cat-right h1 { font: 15pt Georgia, "Times New Roman", Times, serif; color: #C77731; margin-bottom: 15px; line-height: 40px; text-transform: lowercase; border-left: 1px solid #C77731; padding-left: 10px; }
#cat-right img { border: 1px solid #CCC; }
#search-results img { border: 1px solid #CCC; }
#cat-right hr { clear: both; margin-top: 20px; padding-top: 20px; color: #FFF; background: none; border: none; border-top: 1px solid #EEE; }
#cathome-hero { float: left; margin-right: 30px; }
#cathome-thumbs { float: left; width: 100px; }
#cathome-thumbs img { margin-bottom: 15px; }

#content #search-results #cat-thumbs-wrap { width: 800px }

#xcat-right h2 { float: left; }

#content #cat-thumbs-wrap { width: 620px; overflow: hidden; }
#content #cat-thumbs li { list-style: none; float: left; width: 122px; padding:0; margin: 0 30px 20px 0; height: 13.5em; overflow: hidden}
#content #cat-thumbs li a { text-decoration: none; font-size: 9pt }
#cat-thumbs img { width: 120px; height: 120px; display: block; margin-bottom: 5px; }

* html #content #cat-thumbs-wrap { float: left; width: 580px; overflow: hidden; padding: 5px 0 30px }
* html #content #cat-thumbs { width: 620px; overflow: hidden;  }
x#cat-thumbs img { margin: 0 30px 20px 0; border: 1px solid #CCC; width: 120px; height: 120px; }

#side-links a { color: #666; display: block; padding-bottom: 5px; text-decoration: none; }
#side-links a:hover { color: #C77731 }
#side-links a.sel { color: #C77731; padding-left: 10px; background: url(arrow-brown-sml.gif) no-repeat left center; }
/*
#prod-name { position: absolute; margin-left: 280px; text-transform: lowercase; border-left: 1px solid #999; width: 288px; height: 40px;  }
#prod-name td { vertical-align: middle; display: table-cell; }
#prod-name h2 { padding-left: 10px; line-height: 20px  }

#xprod h1, #prod h2 { float: left; }
#prod h2 { text-transform: lowercase; line-height: 40px; } border-left: 1px solid #999; padding-left: 10px;  }
*/
#pageimg { float: right; margin: 0 0 20px 20px; }

#prod h1 { float: left;  }
#prod-nextprev { float: right; line-height: 40px; border-right:1px solid #C77731; padding-right: 10px; }
#prod-nextprev a { text-decoration: none; text-transform: lowercase; }
#prod-details { clear: both; float: right; width: 260px; }
#prod-details .btnbox { margin-top: 5px }
#prod-photos { float: left; width: 280px; }
#prod-img { margin: 5px 20px 5px 0; }
#prod-thumbs { width: 290px; overflow: hidden; margin-bottom: 30px; }
#prod-thumbs img { width: 46px; height: 46px; margin: 0 10px 10px 0; border: 1px solid #EEE }
#prod-thumbs a.sel img { border: 1px solid #626469 }
#prod-photos p { font-size: 12pt; }

#prod-details dl { font-size: 8pt; margin: -5px 0 15px; }
#prod-details dt { clear: left; float: left; width: 80px; }


#prod-rel { margin-top: 15px; clear: both; padding-top: 10px; border-top: 1px solid #EEE;}
#prod-rel h3 { margin-bottom: 15px; }

select option { padding: 0 3px; }
/*
.btnbox { clear: both; xborder: 1px solid #F1D65F; background-color: #FAF1CA; padding: 7px 8px; color: #A49553; float: left; margin: 0 15px 15px 0; vertical-align: top; }
.btnbox a { padding-left: 10px; text-transform: lowercase;}
.btnbox input {
    padding: 3px 20px 4px 5px; color: #7B634B; text-transform: lowercase; margin: 0; background: #F7E8A7 url(bg-btn.gif) no-repeat top right; padding-right: 20px;
    border-top: 1px solid #FFF; border-left: 1px solid #FFF; border-right: 1px solid #D7BC46; border-bottom: 1px solid #D7BC46;
    }
.btnbox input.btnback { background-image: url(bg-btnback.gif) }
.btnbox input:active {
    background: #FBF3CF; padding: 4px 19px 3px 6px;
    border-bottom: 1px solid #FFF; border-right: 1px solid #FFF; border-left: 1px solid #D7BC46; border-top: 1px solid #D7BC46;
    }
* html .btnbox input { width: 95px; }
* */
.btnbox { clear: both; margin: 0 15px 15px 0;  }
.btnbox input { padding: 3px 20px 4px 5px; border: 1px solid #DDD; background: #FFF url(arrow-grey.gif) no-repeat 90%; text-transform: lowercase; color:#666; font: 10pt Georgia, "Times New Roman", Times, serif;  }
.btnbox input:hover { background-color: #F4F4F4 }


/*
 .addcart { float: right; margin: 0; }
.addcart input { padding: 0; display: block; }
*/
#options { clear: both; }
#options table { border-collapse: collapse; float: left; margin-bottom: 10px; }
#options td { vertical-align: top; border-top: 1px solid #EEE; border-bottom: 1px solid #DDD; padding: 4px 6px 5px; font-size: 9pt;  }
#options input { margin: 3px 0 -1px 0; }
* html #options input { margin: 0 }

#options td.r { padding-right: 0px; padding-top: 2px; }


h1 { font: 19pt Georgia, "Times New Roman", Times, serif; color: #666; }
h2 { font: 15pt Georgia, "Times New Roman", Times, serif; color: #666; }
h3 { color: #666; font-weight: normal; }
h1 a, h2 a { text-decoration: none }

h2.brown { background: url(bg-brown.gif) no-repeat left center; color: #C77731; padding-left: 30px; }
h2.red { background: url(bg-red.gif) no-repeat left center; color: #B14148; padding-left: 30px; }
h2.green { background: url(bg-green.gif) no-repeat left center; color: #8B9000; padding-left: 30px; }
h2.yel { background: url(bg-yel.gif) no-repeat left center; color: #B59D20; padding-left: 30px; }

#cart { border-collapse: collapse; width: 600px; }
#cart th, #cart td { padding: 6px 10px 8px; border: 1px solid #DDD;  }
#cart td { border: 1px solid #DDD;  }
#cart td a { padding-right: 5px; }
#cart thead th { background-color: #EEE }

a.btn { text-transform: lowercase; text-decoration: none; color: #666; padding: 6px 20px 8px 10px; border: 1px solid #CCC; background: url(arrow.gif) no-repeat -1px center; }

.errorlist { clear: left; padding-top: 10px; color: red; font-weight: normal; }
ul.errorlist { padding: 10px 0 0 110px; list-style: none }
#content ul.errorlist li { margin: 0 }
.err { color: red }

fieldset { border: 0; border-top: 1px solid #DDD; padding: 0.8em 0 0.6em; margin-top: 1em; color: #666; }
fieldset h3 { padding-bottom: 0.1em; font-weight: normal;  }
fieldset p { clear: left; padding: 5px 10px }
fieldset p.nostyle input, fieldset p.nostyle textarea { float: none }
fieldset label { float: left; width: 100px; padding: 2px 0 }
fieldset input,
fieldset textarea { float: left; font: 9pt "Arial", "Helvetica", sans-serif }
fieldset #id_comments { height: 4em; width: 500px; }
fieldset li input { vertical-align:middle; margin-right: 5px }
* html fieldset li input { margin: -2px 0 }

    
.noindent ul.errorlist { padding: 5px 0 3px 10px }
fieldset.noindent label { float: none; clear: left; }
fieldset.noindent ul { padding-left: 10px }
fieldset.noindent li { padding-bottom: 3px }

fieldset.inline li label { width: auto; padding-right: 15px; padding: 6px 20px 8px 10px; border: 1px solid #CCC; background: url(arrow.gif) no-repeat -1px center; }

#order h3 { margin-top: 3px; }
#order  { width: 600px; }
#order .col { float: left; width: 200px }

#content h1 { margin-bottom: 15px; }

#cart-continue { padding-top: 10px }
#cart-continue h3 { margin-bottom: 3px }
#cart-continue a { padding-right: 5px }

#checkoutprogress { list-style: none; float: right;  }
#checkoutprogress li { float: left; margin-left: 20px; padding: 7px 0 7px 25px; }
#checkoutprogress li.active { color: #C77731; font-weight: bold }
#checkoutprogress li#step1 { background: url(step1.gif) no-repeat left center; }
#checkoutprogress li#step2 { background: url(step2.gif) no-repeat left center; }
#checkoutprogress li#step3 { background: url(step3.gif) no-repeat left center; }
#checkoutprogress li#step4 { background: url(step4.gif) no-repeat left center; }
#checkoutprogress li#step1.active { background: url(step1on.gif) no-repeat left center; }
#checkoutprogress li#step2.active { background: url(step2on.gif) no-repeat left center; }
#checkoutprogress li#step3.active { background: url(step3on.gif) no-repeat left center; }
#checkoutprogress li#step4.active { background: url(step4on.gif) no-repeat left center; }

.padbot { padding-bottom: 30px; float: left; }


body.mceContentBody { background: #FFF; border: none; padding: 10px; }