@charset "utf-8";

/*--------------------- START general layout and template formatting ---------------------*/
body { margin: 0px 0px 0px 0px; font-family: Georgia, serif; color:#272425; font-size:13px; line-height:24px; }
#bg { position:fixed; top:-50%; left:-50%; width:200%; height:200%; }
#bg img { position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; min-width:50%; min-height:50%; }

#div-wrapper { position: relative; top:0; left:0; z-index: 2; width:900px; height:200px; margin-left:50px; margin-top:0px; }
#div-sidebar { background: #cccccc url('images/sidebar-background.jpg') no-repeat center bottom; width:251px; min-height:702px; text-align:center; }
#div-topnav { position:absolute; left:270px; top:0px; width:672px; height:41px; text-align:right; }
#div-topnav img { margin-left:5px; margin-right:4px; }
#div-content-wrapper { position:absolute; left:270px; /* top:80px;  top:78px; */  top:38px; width:667px; min-height:612px; } /* margin-bottom: 50px; text-align:center; */
#div-content {width:652px; min-height:612px; background: transparent url('images/content-background-final.png') repeat center bottom; padding: 10px 15px 15px 15px; margin: 0px auto 0px; auto; }
#div-hat-cart-icon { position: absolute; right:15px; top:10px; width:53px; height:23px; }

#estore-div-editorbar { position:absolute; top:38px; left:240px; margin: 0px auto 0px; auto; height:50px; width:800px; z-index:500; }
#estore-breadcrumb { position:absolute; top:-25px; left:0px; width:667px; height:15px; color:#9f9e88; font-face: helvetica; font-weight:bold; font-size:12px; }
#estore-breadcrumb a { color:#9f9e88; text-decoration: none; }
#estore-breadcrumb a:hover, #estore-breadcrumb a.estore-breadcrumb-current { color:#c9d8a5; }

hr { color:#923827; background-color:#923827; height:3px; margin-bottom:7px; margin-top:3px; }
/* .estore-product-wrapper hr {background: transparent url(images/dividerdots-horizontal.gif) repeat scroll center; height:3px; margin-bottom:7px; margin-top:3px; } */ /* has an annoying outline! */
.estore-product-wrapper hr { color: #f0edeb; background-color: #f0edeb; border: 2px dotted #923827; border-style: none none dotted; height:3px; margin-bottom:7px; margin-top:3px; } /* trick: color & background-color match the container color; dotted border on bottom only in desired color. */
img.img-center { text-align:center; margin-top:5px; margin-bottom:5px; }
img.img-collection-thumb { margin-bottom:6px; }

h1.estore-product-name, span.estore-product-name { font-family: Georgia, serif; font-weight:bold; font-size:13px; color:#272425; }
h1 { font-family: Aachen, Gadget, Arial Black, sans-serif; font-weight:normal; font-size:20px; color:#923827; margin: 0 0 0 0; padding: 0 0 0 0; }
h2 { font-family: Aachen, Gadget, Arial Black, sans-serif; font-weight:normal; font-size:16px; color:#923827; margin: 0 0 0 0; padding: 0 0 0 0; }
p {margin-top:0px;}
.text-big { font-size:18px; }

.td-collectionnav-narrow { width:110px; font-size:15px; line-height:18px; vertical-align:top; background:transparent url(images/dividerdots-vertical.gif) repeat-y right top; }
.td-collectionnav-mid { width:220px; font-size:15px; line-height:18px; vertical-align:top; background:transparent url(images/dividerdots-vertical.gif) repeat-y right top; }
.td-collectionnav-narrow a, .td-collectionnav-mid a { color:#272425; text-decoration: none; padding-bottom:6px; display:inline-block; }
.td-collectionnav-narrow a:hover, .td-collectionnav-mid a:hover { color:#272425; text-decoration: underline; }
.td-collectionnav-narrow a.current, .td-collectionnav-mid a.current { font-style:italic; }
.td-collectionnav-text { vertical-align:top; }

.clear { clear: both; } 
.maintext-alert { color: #ff0000; font-size: 9pt; font-style: italic; font-weight: bold; }

.uppercase { text-transform:uppercase; }

/*--------------------- END general layout and template formatting ---------------------*/

/*--------------------- START table styles ---------------------*/
.td { text-align: left; } /* default alignment */
.td-right { text-align: right; }
.td-center { text-align: center; }
.td-left { text-align: left; }
.tr-even { background:#ffffff; }
.tr-odd { background:#f0f0f0; }
/*--------------------- END table styles ---------------------*/

/*--------------------- START footer styles ---------------------*/
.footer { width:667px; margin: 0px auto 0px; auto; text-align:right; }
.footer, .footer a, .footer a:link, .footer a:active, .footer a:visited { font-size: 7pt; color: #f3f1ec; font-style: italic; text-decoration: none; }
.footer a:hover { text-decoration: underline; }
/*--------------------- END footer styles ---------------------*/


/*--------------------- START styled form elements ---------------------*/
/* NOTE: works with custom-form-elements.js and select boxes, radio buttons & checkboxes with the class "styled" - image replacement */
.select { position: absolute; width: 70px; height: 22px; padding: 0 0px 0 0px; color: #989898; font-style:italic; font-weight:bold; background: url(images/selectbox.gif) no-repeat right top; overflow: hidden; }
.checkbox, .radio { width: 19px; height: 25px; padding: 0 5px 0 0; background: url(images/checkbox.png) no-repeat; display: block; clear: left; float: left; }
.radio { background: url(images/radio.png) no-repeat; }
/*--------------------- END styled form elements ---------------------*/

.estore-category10-showprices-wrapper { position:relative; }
.estore-category10-showprices-wrapper span.estore-category10-showprices-icon { width: 32px; height: 18px; display: block; position: absolute; top: 5px; right: 5px; background: url(images/mini-hat.png) no-repeat; z-index:500; }