/* 
MAIN PURPLE: #6c276a;
MID GREY: #848484
FLOURESCENT GREEN: #7cbc11
*/

/* GENERAL STYLES */
body,html { background:url(images/body-bg.gif) repeat-x #fff; min-height:100%; }
.content h1 { color:#6c276a; font-family:Georgia, "Times New Roman", Times, serif; font-size:30px; font-weight:normal; margin-top:5px; }
.content h2 { color:#642673; font-family:Georgia, "Times New Roman", Times, serif; font-size:20px; font-weight:normal; }
.content h3 { font-size:14px; color:#315103; }
.content h4 { font-size:13px; font-weight:bold; color:#254812; }
.content a { color:#582560; }
.content a:hover { color:#380940; }

/* MAIN BLOCKS */
#body-inner { background:url(images/body-inner-bg.gif) no-repeat; }
#container { width:966px; margin:0 auto; position:relative; }
#header { height:145px; background:url(images/nav-bg.png) bottom no-repeat; }
#content { background:url(images/content-bg.gif) left top no-repeat #fff; }
#body { min-height:200px; overflow:hidden; padding:2px 0; }
#footer-lower { color:#848484; padding:15px; line-height:1.4em; font-size:11px; }

/* ENEWS */
#enews-panel { width:316px; height:59px; position:absolute; right:0; top:0; background:url(images/enews-bg.png);  }
#enews-panel form { margin:24px 0 0 13px; font-size:12px; }
#enews-panel div { margin:0; padding:0; }
#enews-panel input { float:left; margin:2px 10px 0 4px; width:180px; }
#enews-panel button { background:transparent; border:none; color:#fff;  float:right;  position:absolute; right:38px; top:28px;}
#enews-panel button:hover { color:#380940; }

#header-contact-details { float:left; color:#DCECD4; position:absolute; top:40px; left:215px; text-align:left; font-size:16px; font-style:italic; font-family:Georgia, "Times New Roman", Times, serif; text-shadow: #365E1F 2px 2px 2px; }
#header-contact-details strong { font-size:20px; color:#fff; }

/* NAV */
#nav { position:absolute; top:111px; left:0;  }
#nav li { float:left; overflow:hidden; background:url(images/nav-divider.png) no-repeat; }
#nav li.first { background-image:none; }
#nav li a { color:#fff; text-transform:uppercase; display:block; text-decoration:none; font-size:12px; padding:12px 17px 10px 17px; }
#nav li a:hover { color:#7cbc11; }

/* SUBNAV */
#subnav { width:198px; background:url(images/subnav-middle.gif) repeat-y #5E8E0F; color:#fff; margin:0 0 11px 0; }
#subnav .inner { background:url(images/subnav-top.gif) top no-repeat; }
#subnav .inner .inner { background:url(images/subnav-bottom.gif) bottom no-repeat; min-height:327px; }
#subnav-title { display:block; text-align:center; text-transform:uppercase; padding:9px 0; font-size:12px; }
#subnav ul { margin:6px 0 0 8px; }
#subnav li { border-bottom:solid 1px #315103; width:183px;}
#subnav li a { font-size:12px; display:block; height:28px; line-height:26px; padding:0 0 0 5px; color:#fff; text-decoration:none; font-weight:bold;  border-bottom:solid 1px #7BB627; }
#subnav li a:hover { background-color:#386122; }
#subnav li ul { padding:2px 0 10px 0; margin:0 0 0 0; border-top:solid 1px #315103; border-bottom:solid 1px #7BB627; display:none;}
#subnav li.open ul, .template-home #subnav ul li:first-child ul { display:block; }
#subnav li li { border-bottom:none; }
#subnav li li a { height:22px; line-height:20px; margin:0 0 2px 0; font-weight:normal; background:url(images/subnav-sub-bg.gif) 170px center no-repeat #4c7806; border-bottom:none; padding-left:10px;  }

/* COLUMNS & PANELS */
#col-left { float:left; width:202px; padding:0 6px 0 6px; }
#col-middle { float:left; width:550px; padding:6px 0 0 0; }
#col-right { float:right; width:189px; padding:0 6px; }
#col-right .panel { float:right; clear:right; width:178px; }

.panel { margin-bottom:11px; overflow:hidden; }
.panel h4 { color:#fff; font-size:14px; padding:0 0 5px 0; }
.panel a { color:#fff; }

#panel-tips { position:relative; left:-6px; top:-10px; margin:0 -6px -10px 0; }

#news-snippets { background:url(images/panel-news.gif); height:136px; text-align:left; padding:10px; color:#fff; font-size:12px; line-height:1.2em; }
#news-snippets p { padding:8px 0; }

#subscribe-panel { background:url(images/panel-email-offers.jpg); width:550px; height:177px; }
#subscribe-panel .inner { padding:119px 0 0 206px; }
#subscribe-panel form { padding:0; margin:0; }
#subscribe-panel form div { padding:0; margin:0; }
#subscribe-panel input { width:190px; margin:0 18px 0 0; font-size:14px; }
#subscribe-panel button { background:transparent; border:none; color:#fff; padding:0; margin:0; }
#subscribe-panel button:hover { color:#254812; }



/* PRODUCTS & CATEGORIES */
.subcat-listing { border-top:solid 1px #D5A4E2; padding:10px 0; overflow:hidden; }
.subcat-listing h2 { margin-top:0; }

.product-snippet { float:left; width:120px; background:#CAD9B8; padding:5px; height:175px; overflow:hidden; text-align:center; margin-right:5px; line-height:1.4em; }
.product-snippet:hover { background:#DAC3DF; cursor:pointer; }
.product-snippet h3, .product-snippet h3 a { font-size:14px; color:#315103; margin-top:0;  }
.product-snippet img { display:block; margin:0 auto;  }
.product-snippet .price { color:#4D104C; font-weight:bold; display:block; text-align:center; }

#product-thumbs { float:right; }
#product-thumbs img { display:block; border:solid 2px #58890C; padding:2px; margin:0 0 5px 0; }
#product-price { color:#4D104C; font-weight:bold; font-size:18px; line-height:1.8em; }


/* OFFERS */
.offer-snippet { overflow:hidden; border-bottom:dotted 1px #5A8A0D; height:110px; padding:10px; }
.offer-snippet:hover { cursor:pointer; background:#E5EFE0; }
.offer-snippet h2 { margin-top:0; }
.offer-snippet h2 a { text-decoration:none; }
.offer-snippet .price, #offer-details .price { color:#AD20A8; font-size:18px; font-weight:bold; background:#FFF200; font-style:italic; display:inline-block; padding:2px 4px; }
#offer-details .mute { margin-bottom:10px; }


/* FOOTER */
#footer { background:url(images/footer-bg.gif) center top no-repeat; height:140px; padding:60px 25px 0 25px; }
#footer ul { list-style:none; padding:0; margin:0; }
#footer li { float:left; padding:4px 35px 4px 0;  }
#footer li a { font-weight:bold; color:#fff; text-decoration:none; display:block; border-bottom:dotted 1px #fff; margin:0 0 1px 0; padding:0 2px 1px 2px;}
#footer li li { clear:left; padding:0; margin:0; float:none; }
#footer li li a { text-decoration:none; color:#fff; font-weight:normal; border-bottom:none; margin:0; padding:0 2px; }
#footer a:hover { color:#254812; background:#fff; }

/* NEWS */
.news-snippet { overflow:hidden; border-bottom:dotted 1px #5A8A0D; height:90px; padding:10px; }
.news-snippet:hover { cursor:pointer; background:#E5EFE0; }
.news-snippet h4 { margin-top:0; }
.news-snippet h4 a { text-decoration:none; }


/* Forms */
.content form { overflow:hidden;  }
p.legend { margin: 1em; }
p.legend em { color: #C00; font-style: normal; }
form p { margin: 0; }
form p.note { margin: 0 0 0 120px; font-size: 90%; color: #333; }
form fieldset { margin: 10px 0; padding: 10px; border: #DDD 1px solid; }
form legend { font-weight: bold; color: #888888; }
form div { padding: 2px 10px;  }
form div:after { display:block; visibility:hidden; clear:both; height:0; content: "."; }
form fieldset div { padding: 2px 0; }
label, span.label { margin-right: 10px; padding-right: 10px; width: 100px; display: block; float: left; text-align: right; position: relative; }
label em, span.label em { position: absolute; right: 0; font-size: 120%; font-style: normal; color: #C00; }
textarea { width:240px; height:130px; }
input:focus,textarea:focus { background-color: #F0F9FD; border-color: #00AEEF; }
div.controlset label, div.controlset input { display: inline; float: none; }
div.controlset div { margin-left: 120px; }
div.buttonrow { padding-left: 130px; }
div.errors { padding: 5px 10px 5px 10px; background: #FAB9AD; margin: 0 0 10px 0; border: solid 1px #C00; }
div.errors ul { margin-bottom:0; }
div.errors li { color: #C00; font-style: normal; font-size: 12px; line-height: 1.4em; }
div.info { padding: 5px 15px 0 15px; background: #c6d8de; margin: 8px 0 8px 0; border: solid 1px #416b89; }
input.long { width: 200px; }

/* MISC */
#page-image { float:right; margin:0 0 10px 10px; border:solid #7F3F7E; border-width:1px 2px 2px 1px; padding:5px; }

.access { float:left; position:absolute; left:-3000px; }
.align-right { text-align:right; }
.align-center { text-align:center; }
.align-left { text-align:left; }
.image-left { float:left; clear:left; margin:0 10px 15px 0; }
.image-center { clear:both; margin:0 auto; }
.image-right { float:right; clear:right; margin:0 0 15px 10px; }
.mute { color:#9F82DF; }

.curved, #subnav li li a, .product-snippet { -khtml-border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; }

.top-curved { 
-khtml-border-top-left-radius:8px; -khtml-top-top-right-radius:8px; 
-moz-border-radius-topleft:8px; -moz-border-radius-topright:8px; 
-webkit-border-top-left-radius:8px; -webkit-border-top-right-radius:8px; 
border-top-left-radius:8px; border-top-right-radius:8px; 
}
.left-curved { 
-khtml-border-top-left-radius:8px; -khtml-border-bottom-left-radius:8px; 
-moz-border-radius-topleft:8px; -moz-border-radius-bottomleft:8px; 
-webkit-border-top-left-radius:8px; -webkit-border-bottom-left-radius:8px; 
border-top-left-radius:8px; border-bottom-left-radius:8px; 
}
.bottom-curved, #content { 
-khtml-border-bottom-left-radius:8px; -khtml-bottom-top-right-radius:8px; 
-moz-border-radius-bottomleft:8px; -moz-border-radius-bottomright:8px; 
-webkit-border-bottom-left-radius:8px; -webkit-border-bottom-right-radius:8px; 
border-bottom-left-radius:8px; border-bottom-right-radius:8px; 
}
.bottom-left-curved, #page-image { 
-khtml-border-bottom-left-radius:8px; -moz-border-radius-bottomleft:8px; -webkit-border-bottom-left-radius:8px; 
border-bottom-left-radius:8px; 
}
.drop-shadow, #content { box-shadow:0px 0px 10px #666;-webkit-box-shadow:0px 0px 10px #666;-moz-box-shadow:0px 0px 10px #666; }