/* custom sylesheet for essentials template */

body {
	background:#6A412D; 
	background:url(../images/bg.gif) repeat; 
	text-align:center;/* IE hack to center page contents */
	margin:0; 
	font-family:Verdana,Arial,Helvetica,sans-serif; 
	font-size:11px; 
	color:#333;
	}
	
h1, h2, h3, h4 {padding:0; margin:0;}
h1 {font-size:18px; color:#2BA3D8; padding:0 0 6px 0;} /* page titles */
h1#productName {font-size:14px; padding:4px 0 8px 0;}
h2 {font-size:14px; color:#2BA3D8; padding:0px 0 8px 0;} /* sub-titles & products names */
h3 {font-size:12px; color:#333; padding:4px 0 2px 0;;} 
p {margin:0; padding:4px 0 8px 0; line-height:15px;}
ul {margin:0; padding:4px 0 8px 20px;}
ol {margin:0; padding:4px 0 8px 20px;}
li {line-height:15px; padding:0;}

.bold {font-weight:bold;}
div.messageStackError {color:red;}
.floatingBox {float:left; margin:0; width:47%;}

div.dotRule {width:100%; height:1px; background:url(../images/dotted-line.gif) 0 0 repeat-x; margin:5px 0;}

hr {display:none;}
/*hr {text-align:left; height:1px; color:#ccc; border:none; margin:5px 0; background:url(../images/dotted-line.gif) 0 0 repeat-x;} /* For IE */
/*html>body hr {background-color:transparent; margin:10px 0; background:url(../images/dotted-line.gif) 0 0 repeat-x;} /* For Gecko-based browsers */
/*html>body hr {border:0px solid transparent; margin:10px 0;  background:url(../images/dotted-line.gif) 0 0 repeat-x;} /* For Opera */
/* hr rules, see: http://www.saila.com/usage/tips/defn.shtml?hr */
	
img {border:0;}
.clearFloats {clear:both; line-height:0px; height:0px; font-size:0px;}
br.clearBoth {clear:both;  line-height:0px; height:0px; font-size:0px;}
	
/* ---- links ----------------------------------------- */
a {color:#333; text-decoration:underline;}  
a:visited {}
a:hover {color:#2BA3D8; text-decoration:none;}
a:active {color:#333;}
a:active, a:focus {outline:none;}
	
	
/* ---- forms ----------------------------------------- */
form {margin:0;}
input, textarea, select, option {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;}
input {/*border:1px solid #ccc;*/}
textarea {/*border:1px solid #ccc;*/}
input.button {background-color:#ccc; color:#666;}

FORM, SELECT, INPUT {display:inline; font-size:1em; margin:0.1em;}

TEXTAREA {/*float: left;*/ margin:auto; display:block; width:95%;}
input:focus, select:focus, textarea:focus {background:#F0F8FF;}
FIELDSET {padding:0.5em; margin:0.5em 0.5em 0.5em 0; border:1px solid #ccc;}
LEGEND {font-weight:bold; padding:0.3em;}
LABEL, h4.optionName {line-height:1.5em; padding:0.2em;}
LABEL.checkboxLabel, LABEL.radioButtonLabel {margin:0.5em 0.3em;}

#logo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .centerBoxContentsAlsoPurch, .attribImg {
	float:left;}

LABEL.inputLabel {width:11em; float:left;}
LABEL.inputLabelPayment {width:15em; float:left;}
LABEL.selectLabel, LABEL.switchedLabel, LABEL.uploadsLabel  {width:12em; float:left;}

/* prev / next buttons */
div.navNextPrevWrapper {}
p.navNextPrevCounter {font-weight:italic !important; color:#666;}
div.navNextPrevList {display:inline; margin:0 2px 0 0;}
div#productsListingListingTopLinks {clear:both; font-size:10px; padding:6px 0 6px 0;}
div#productsListingListingTopLinks a {text-decoration:none;}
div#productsListingListingTopLinks a:hover {text-decoration:none;}
div#productsListingListingBottomLinks {clear:both; font-size:10px; padding:6px 0 6px 0;}
div#productsListingListingBottomLinks a {text-decoration:none;}
div#productsListingListingBottomLinks a:hover {text-decoration:none;}
div#newProductsDefaultListingTopLinks {clear:both; font-size:10px; padding:6px 0 6px 0;}
div#newProductsDefaultListingTopLinks a {text-decoration:none;}
div#newProductsDefaultListingTopLinks a:hover {text-decoration:none;}
div#newProductsDefaultListingBottomLinks {clear:both; font-size:10px; padding:6px 0 6px 0;}
div#newProductsDefaultListingBottomLinks a {text-decoration:none;}
div#newProductsDefaultListingBottomLinks a:hover {text-decoration:none;}
	
	
/* ---- ids & classes ----------------------------------------- */
#mainWrapper  /* this centers the content */ {/*border:1px solid red;*/ width:730px; margin:0 auto; padding:0; text-align:left; position:relative;}
	 
#header {position:relative; width:730px; height:110px; margin-bottom:3px;}
#logo {position:absolute; top:25px; left:5px; width:215px; height:80px; background:url(../images/shop-logo.gif) no-repeat; text-indent:-4000px;}
#logo a {display:block; width:220px; height:90px;}
#navMain {position:absolute; bottom:20px; right:130px; color:#fff;}
#navMain ul {list-style:none; margin-top:0px;}
#navMain li {display:block; float:left; /*line-height:80px;*/}
#navMain a {color:#fff; border-right:1px solid #fff; padding:0 6px 0 6px;}
#navMain a:hover {}
#ebag {position:absolute; bottom:10px; right:70px;} /* right + 55px to allow for Items () */
#ebag img {display:block;}
#topitemcount {position:absolute; bottom:29px; right:15px; color:#fff;}
#topitemcount a {color:#fff;}
	
div#topmenu {width:730px; height:40px; background:#fff; margin-bottom:10px; text-align:center;}
div#topmenu ul {text-align:left; margin:0; padding-bottom:5px; padding-top:12px; text-transform:uppercase; list-style:none; font-size:10px;}
div#topmenu ul li {display:inline; margin-left:-4px;}
div#topmenu ul li a {padding:5px 13px 5px 13px; text-decoration:none; border-left:1px solid #fff; border-right:1px solid #ccc;}
div#topmenu ul li a:hover {}

div#follow {position:absolute; top:125px; right:10px;}

#active a {font-weight:bold; color:#2BA3D8;}

#bannerLg {background:transparent; width:730px; margin-bottom:10px;}
#bannerLg img {display:block;}

#bannerWrapper{width:485px; margin:auto;}

div#bannerOne {width:485px; height:250px; margin:auto; /*margin-bottom:-20px;*/}
div#bannerTwo {padding-right:10px; padding-top:10px; padding-bottom:10px; float:left;}
div#bannerThree {padding-right:10px; padding-top:10px; padding-bottom:10px; float:left;}
div#bannerFour {padding-top:10px; padding-bottom:10px; float:left;}

div#content-top {width:730px; height:11px; background:#fff;}
div#content-bottom {width:730px; height:11px; background:#fff;}
table#contentMainWrapper {background:#fff;}
table#contentMainWrapper td {vertical-align:top; padding:6px 0;}

div#addThis {padding-top:5px; padding-bottom:5px; padding-left:2px;}

/* boxes */

.leftBoxContainer {background:transparent; margin:0 25px 15px 15px;}
.leftBoxContainer a {text-decoration:none;}
h3.leftBoxHeading {font-size:10px; color:#2BA3D8; text-transform:uppercase; margin-bottom:6px;}
.sideBoxContent {padding-bottom:15px;}
.sideBoxContent ul {margin:0; padding:0; background:url(../images/dotted-line.gif) 0 0 repeat-x; list-style:none;}
.sideBoxContent li a {background:url(../images/arrows-icon.gif) 0 5px no-repeat; padding-left:12px;}
.sideBoxContent li {line-height:23px; background:url(../images/dotted-line.gif) 0 100% repeat-x;}

/* categories list */

a.category-top {}
a.category-products {background:none !important;}

/* shopping cart box */

#shoppingcart {background:#eee;}
#shoppingcart ul {background:transparent;}
#shoppingcart li {background:transparent;}
#shoppingcart a {background:transparent; padding:0;}
#shoppingcartHeading a {color:#2BA3D8;}

/* categories box */

#categoriesContent {background:url(../images/dotted-line.gif) 0 0 repeat-x;}
#categoriesContent a {background:url(../images/arrows-icon.gif) 0 5px no-repeat; padding:0 0 0 12px; line-height:23px; }
#categoriesHeading {}
hr#catBoxDivider {}
a.category-top {} /* cat names */
a.category-links {} /* "New Products, etc, under cat names */

/* search box */

h3#searchHeading {padding-bottom:0px;}
div#searchContent {padding-top:5px; background:url(../images/dotted-line.gif) 0 0 repeat-x;}
div#searchContent form {margin:5px 0 0 0;}
div#searchContent input {margin:0 0 5px 0; font-size:10px;}

#navBreadCrumb {background-color:#eee; font-size:10px; font-weight:italic !important; padding:5px; margin:0 0 12px 0;}

/* ---- list box contents ----------------------------------------- */

.centerBoxHeading {margin-left:5px;}
.centerBoxContentsSpecials, .centerBoxContentsFeatured, .centerBoxContentsNew, .specialsListBoxContents {
	margin: 1em 0em;
	}
.centerBoxContentsSpecials, .centerBoxContentsFeatured, .centerBoxContentsNew, .specialsListBoxContents {
	text-align: center;
	}
.centerBoxContentsSpecials, .centerBoxContentsFeatured, .centerBoxContentsNew, .specialsListBoxContents {
	vertical-align: top;
	}
.back, .centerBoxContents, .specialsListBoxContents {
	float: left;
	}
		
/* Main content area styles */

div.centerColumn {line-height:15px; padding:0 10px 0 0;}
div.forward {padding-bottom:8px;} /* pop-up links (I think...) */
div.forward a {text-decoration:none;}
div.content {padding:4px 0 8px 0; line-height:15px;} /* this seems to be used instead of p tags */
div#productMainImage {}
div#productMainImage img {margin:5px 0;}
div#productMainImage a {text-decoration:none;}
div#productDescription {font-weight:bold;}
span.normalprice {text-decoration:line-through;}
span.productSpecialPrice, span.productPriceDiscount {color:red;}

/* home page featured product boxes (i.e. each product in its own box)  - this also handles "specials" */

/*div.fproductbox {width:100%; padding:12px 0 8px 0; background:url(../images/dotted-line.gif) 0 0 repeat-x;}
div.fimage {float:left; margin:0 30px 0 0;}
div.finfo {float:left; margin:0 30px 0 0;}
div.finfo h3 {color:#2BA3D8; font-size:14px;}
div.finfo p {}
div.finfo span.fprice {color:#2BA3D8; font-size:14px; font-weight:bold;}
div.finfo span.productPriceDiscount {font-size:12px;}
div.finfo img {margin:8px 0 0 -3px;}*/

/* category - all products page */

div#indexProductList {}
div#indexProductList table.tabTable {background:url(../images/dotted-line.gif) 0 0 repeat-x;}
div#indexProductList table.tabTable th.productListing-heading {display:none;}
/*div#indexProductList h3.itemTitle {font-size:13px;}*/
div#indexProductList h3.itemTitle {font-family:Geneva, Arial, Helvetica, sans-serif; font-weight:normal; color:#2BA3D8;  text-align:center; padding-bottom:5px; font-size:12px;}
div#indexProductList h3.itemTitle a {font-family:Geneva, Arial, Helvetica, sans-serif; font-weight:normal; color:#2BA3D8; text-align:center; padding-bottom:5px; font-size:12px;}
div#indexProductList div.listingDescription {width:170px;}

/* product detail page */

div#productGeneral {}
div#productGeneral div#categoryIcon {font-size:16px; font-weight:bold;}
div#productGeneral div#categoryIcon a {color:#2BA3D8;}
div#productGeneral p.navNextPrevCounter {color:#666; font-size:10px;}
div#productGeneral div#productMainImage {background:none;}
div#pgimage {float:left; margin-right:20px; padding-top:10px;}
div#pginfo {float:left; width:260px; padding-top:10px;}
div#cartAdd {padding-top:6px;}

/* specials page */

/*div#specialsListing {}
div#specialsListing div.fproductbox img {float:left;}
div#specialsListing div.fproductbox a {color:#2BA3D8; font-weight:bold; font-size:13px;}*/

/* new products page */

div#newProductsDefault {}
div.navSplitPagesResult {color:#666; font-weight:italic !important; font-size:10px; padding:0px 5px;}
table#newproductsTable {background:url(../images/dotted-line.gif) 0 0 repeat-x;}
table#newproductsTable td {vertical-align:middle; padding:8px 5px;}
table#newproductsTable td.npimage {}
table#newproductsTable td.npinfo {line-height:16px;}
table#newproductsTable td.npinfo div.npitem {padding:6px 0;}
table#newproductsTable tr {background:url(../images/dotted-line.gif) 0 100% repeat-x;}
a.npname {font-weight:bold; font-size:14px; color:#2BA3D8;}
span.npdateadded {color:#666; font-weight:italic !important; font-size:10px;}

/* indiv product detail display */

div.navNextPrevWrapper {background:url(../images/dotted-line.gif) 0 100% repeat-x;}
div#productMainImage {background:url(../images/dotted-line.gif) 0 100% repeat-x; padding:0 0 8px 0;}
div#productMainImage a {text-decoration:underline;}
div#productMainImage a img {text-decoration:none;}
div#productDescription {font-weight:normal;}

/* category default display (all products) */

table.tabTable {}
table.tabTable td {padding:8px 5px 8px 8px;}
table.tabTable th {padding:5px 5px;}
th.productListing-heading {background:#efefef url(../images/dotted-line.gif) 0 100% repeat-x;}
tr.productListing-odd {background:url(../images/dotted-line.gif) 0 100% repeat-x;}
tr.productListing-even {background:url(../images/dotted-line.gif) 0 100% repeat-x;}
div#categoryDescription {padding-bottom:8px;}

/* shopping cart contents */

div.cartTotalsDisplay, div#cartSubTotal {font-weight:bold;}
table#cartContentsDisplay {margin:6px 0;}
table#cartContentsDisplay th {padding:3px;}
table#cartContentsDisplay td {padding:3px; vertical-align:top;}
td.cartProductDisplay a {color:#2BA3D8; text-decoration:none;}
table#cartContentsDisplay tr.tableHeading {background:#efefef;}
tr.rowOdd {background:url(../images/dotted-line.gif) 0 100% repeat-x;}
tr.rowEven {background:url(../images/dotted-line.gif) 0 100% repeat-x;}
div#cartSubTotal {padding-bottom:8px;}

/* account history page */

div#accountHistInfo {}
div#accountHistInfo div.orderdate {font-weight:bold; padding:5px 0;}
div#accountHistInfo caption {text-align:left;}
table#myAccountOrdersStatus {}
tr.tableHeading {background:#efefef;}
div#myAccountShipInfo {padding:8px 0;}
div#myAccountPaymentInfo {padding:8px 0;}
div#accountHistInfo h4 {font-size:12px; padding-top:6px;}
div#orderTotals {border-top:1px solid #eee;}
div#accountHistInfo div.lineTitle {float:right; padding-right:6px;}
div#accountHistInfo div.amount {float:right; font-weight:bold;}

/* Additional Images */

#productAdditionalImages {
width:100%; padding:8px 0 8px 0;
margin:0 auto;
clear:both;
text-align:center;
}

.additionalImages {
width:100%; padding:12px 0 8px 0; 
/*background:url(../images/dotted-line.gif) 0 0 repeat-x;*/
padding:0;
float:left;
margin:0 auto;
clear:both;
text-align:center;
}

			
/* pop-up windows */

body#infoShoppingCart {background:#fff; margin:20px; text-align:left;}
body#infoShoppingCart h1 {padding-bottom:5px; background:url(../images/dotted-line.gif) 0 100% repeat-x; margin-bottom:10px;}
body#infoShoppingCart h2 {font-size:13px; color:#666; padding:4px 0 2px 0;}
body#infoShoppingCart p {padding:0px 0 12px 0;}
body#popupShippingEstimator {background:#fff; margin:20px; text-align:left;}
body#popupShippingEstimator p {padding:0px 0 12px 0;}
	
/*warnings, errors, messages*/

.messageStackWarning, .messageStackError, .messageStackSuccess, .messageStackCaution {
	line-height: 1.8em;
	padding: 0.2em;
	}
.messageStackWarning, .messageStackError {
	color: #ffffff;
	}
.messageStackSuccess img, .messageStackCaution img{
	vertical-align: middle;
	}
.messageStackSuccess {
	/*background-color: #55AFE6;*/
	text-align:right;
	color: #FFFFFF;
	}
.messageStackCaution {
	/*background-color: #55AFE6;*/
	color: #FFFFFF;
	}

/* -- powered by zencart */

#siteinfoLegal {margin:10px 0 0 0; color:#093E5A; font-size:10px; font-weight:bold; width:670px; padding:0 30px; height:40px; line-height:40px; background:#fff; position:relative;}
#siteinfoLegal a {color:#093E5A;}
#payment-icons {position:absolute; right:30px; top:8px; width:345px; height:24px; background:url(../images/payment-icons.gif) no-repeat;}

/* -- footer --- */

#footertext {margin:10px 0 10px 0; color:#FFFFFF; text-align:center;}