/* custom sylesheet for essentials template */

body {background:#FF9900; 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:#666; padding:4px 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 8px 0 0;}
	
div#productsListingListingTopLinks {font-size:10px; padding:6px 0 6px 0;}
	div#productsListingListingTopLinks a {text-decoration:none;}
	div#productsListingListingTopLinks a:hover {text-decoration:none;}
div#productsListingListingBottomLinks {font-size:10px; padding:6px 0 6px 0;}
	div#productsListingListingBottomLinks a {text-decoration:none;}
	div#productsListingListingBottomLinks a:hover {text-decoration:none;}
	
	
/* ---- ids & classes ----------------------------------------- */
#mainWrapper  /* this centers the content */ {background:#FF9900; /*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:20px; left:5px; width:220px; height:90px; background:url(../images/shop-logo.jpg) no-repeat; text-indent:-4000px;}
		#logo a {display:block; width:220px; height:90px;}
	#navMain {position:absolute; bottom:20px; right:170px; 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:0px; right:70px;} /* right + 55px to allow for Items () */
		#ebag img {display:block;}
	#topitemcount {position:absolute; bottom:21px; right:15px; color:#fff;}
		#topitemcount a {color:#fff;}
	
div#topmenu {width:730px; height:40px; background:url(../images/topmenu-bg.jpg) no-repeat; margin-bottom:7px; 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 20px 5px 20px; 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:7px;}
	#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:url(../images/content-top.jpg) no-repeat;}
div#content-bottom {width:730px; height:11px; background:url(../images/content-bottom.jpg) no-repeat;}
table#contentMainWrapper {background:#fff;}
	table#contentMainWrapper td {vertical-align:top; padding:6px 0;}
	
div#addThis {padding-top:5px; padding-bottom:5px; padding-left:5px;}	
	
	/* 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;}
	
	/* 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 a {color:#2BA3D8;}
		div#indexProductList div.listingDescription {width:240px;}
		/* product detail page */
		div#productGeneral {}
		div#productGeneral div#categoryIcon {font-size:18px; 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:#308BD6; 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;}
		
			
/* 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*/
#ccnotice {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#000000; padding-right:20px;}

.messageStackWarning, .messageStackError, .messageStackSuccess, .messageStackCaution {
	line-height: 1.8em;
	padding: 0.2em;
	}

.messageStackWarning, .messageStackError {
	background-color: #FF9900;
	color: #ffffff;
	}
.messageStackSuccess img, .messageStackCaution img{
vertical-align: middle;
}
.messageStackSuccess {
	background-color: #FF9900;
	text-align:right;
	color: #000000;
	}

.messageStackCaution {
	background-color: ;
	color: #000000;
	}

/* -- powered by zencart */
#siteinfoLegal {margin:7px 0 0 0; color:#093E5A; font-size:10px; font-weight:bold; width:670px; padding:0 30px; height:40px; line-height:40px; background:url(../images/footer-bg.jpg) no-repeat; 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;}