/* ===================================================================== */
/* =======================       CSS RESET       ======================= */
/* ===================================================================== */
* { padding: 0; margin: 0; }
img { border: none; }
a { text-decoration: none; color: #444444; }
a:hover { text-decoration: underline; color: #999966 }
.clearall { clear: both; }
.alignLeft { float: left; }
.alignRight { float: right; }
.alignCenter { text-align: center; }
/* ===================================================================== */
/* ===================================================================== */
/* ===================================================================== */

body {
	background: url('../styleImages/body.jpg') repeat-y 50% #eaeaea;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	color: #333333;
}

#pageSurround {
	width: 960px;
	margin: 0 auto 0 auto;
}

#header { height: 140px; width: 100%; }
#header #logo { float: left; width: 652px; height: 97px; margin: 10px 0 0 0px; }
#header #topMenu { float: right; width: 278px; height: 56px; margin: 10px 10px 0 0; padding-top: 10px; background: url('../styleImages/topmenu_bg_2.jpg') no-repeat #2c4c1d; line-height: 21px; text-align: center; }
#header #topMenu a { color: #fff; padding: 0 5px 0 5px; margin: 0 20px 0 20px; }
#header #topMenu a:hover { text-decoration: none; font-style: italic; }
#header #topMenu .shoppingCartTopMenu { overflow: hidden; background: url('../styleImages/cart-1.png') 10px 10px no-repeat; color: #fff; font-size: 1.2em; letter-spacing: 1px; text-indent: 20px; }

#topsearchform { float: right; width: 278px; margin: 15px 10px 0 0; }
#topsearchform input#searchStr { width: 180px; border: 1px solid #ccc; padding: 6px 10px; color: #666; font-size: 1.2em; }
#topsearchform input.submitbutton { float: right; font-size: 1.1em; border: 1px solid #2c4c1d; padding: 6px 10px 7px 10px; background: #2c4c1d; color: #fff; font-weight: bold; width: 70px; }

.suggestivesearch { width:200px; height: auto; position:absolute; color: #333; font-size: 1.1em; z-index: 10; background-color:#FFFFFF; text-align:left; margin-left:0px; text-decoration:none; padding-left:2px; line-height: 18px; }
.suggestivesearch a { color:#000000; text-decoration:none; }
.iesfix { width: auto; height: auto; }

#header #needHelp { float: right; width: 327px; height: 48px; color: #eee; margin: 30px 60px 0 0; }

#mainContent { padding: 0 0 10px 0; width: 100%; }
#mainContent #leftMenu { width: 185px; float: left; }
#mainContent #leftMenu h2 { background-color: #2c4c1d; border-left: 3px solid #2c4c1d; color: #fff; }
#mainContent #leftMenu h2.standout { background: #985233; border-color: #985233; }

#mainContent #content { width: 745px; float: left; margin: 0 0 0 20px; }
#mainContent #content h1 { background-color: #f6f6f6; border-top: 1px dotted #2c4c1d; border-bottom: 1px dotted #2c4c1d; border-left: 3px solid #2c4c1d; }
#mainContent #content ul { color: #666; line-height: 18px; padding-left: 50px; }

#mainContent #content #featured { width: 520px; height: 200px; overflow: hidden; margin: 0 auto 0 auto; border: 1px solid #1b7c00; border-bottom: 0; }
#mainContent #content #featured #featProdWrapper { width: 5200px; }
#mainContent #content #featured .featProd { float: left; width: 520px; height: 200px; }
#mainContent #content #featured .featProd img { float: left; width: 150px; height: 150px; margin: 25px 20px 0 25px; }
#mainContent #content #featured .featProd h3 { float: left; width: 320px;  margin: 20px 0 0 0; padding-bottom: 15px; }

#mainContent #content #featNav { width: 510px; height: 16px; margin: 0 auto 0 auto; background: url('../styleImages/featured_bottom.jpg') no-repeat bottom left; text-align: right; line-height: 17px; color: #fff; font-size: 1.1em; padding-right: 10px; border: 1px solid #1b7c00; border-top: 0; }
#mainContent #content #featNav a { color: #fff; padding: 0 6px 0 6px; }
#mainContent #content #featNav a:hover { font-style: italic; }

#mainContent #content .latestProduct { float: left; position: relative; width: 172px; height: 230px; padding: 5px 0 5px 0; border: 1px solid #ddd; margin: 10px 10px 0 0; text-align: center; font-size: 1.1em; }
#mainContent #content .latestProduct img { width: 150px; height: 150px; }
#mainContent #content .latestProduct a { color: #1b7c00; font-weight: bold; letter-spacing: 1px; }
#mainContent #content .latestProduct a.view_prod { position: absolute; bottom: 0; left: 0; width: 100%; background: #2c4c1d; color: #fff; padding: 5px 0; }
#mainContent #content .latestProduct a:hover { text-decoration: none; font-style: italic; }

#mainContent #content form { width: 725px; margin: 0 0 0 20px; }
#mainContent #content form.buyForm { width: auto; margin: 0; }
#mainContent #content form label { clear: both; float: left; width: 130px; padding-right: 10px; font-size: 1.1em; line-height: 20px; margin: 2px 0 2px 0; }
#mainContent #content form label.right { text-align: right; }
#mainContent #content form input { float: left; width: 250px; border: 1px solid #ccc; margin: 2px 0 2px 0; padding: 1px 5px 1px 5px; }
#mainContent #content form input.radche { width: auto; }
#mainContent #content form select { float: left; width: 290px; border: 1px solid #ccc; margin: 2px 0 2px 0; padding: 1px 0 1px 0; }
#mainContent #content form textarea { float: left; width: 280px; border: 1px solid #ccc; margin: 2px 0 2px 0; padding: 1px 5px 1px 5px; }

#mainContent #content table.tblList { width: 710px; margin: 0 auto 0 auto; font-size: 1.1em; }
#mainContent #content table.tblList tr td { padding: 5px 0 5px 0; border-bottom: 1px solid #ccc; }
#mainContent #content table.tblList tr td.tdcartTitle { border-bottom: 3px double #999; font-weight: bold; }
#mainContent #content table.tblList tr td.noBorder { border: none; }
#mainContent #content table.tblList tr td select { width: 100px; }

#mainContent #content table.tblListCategory { width: 710px; margin: 0 auto 0 auto; font-size: 1.1em; }
#mainContent #content table.tblListCategory tr td { padding: 10px 5px; border-bottom: 1px solid #ccc; line-height: 18px; color: #444; }
#mainContent #content table.tblListCategory tr td.tdcartTitle { border-bottom: 3px double #ccc; font-weight: bold; }
#mainContent #content table.tblListCategory tr td.noBorder { border: none; }
#mainContent #content table.tblListCategory tr td select { width: 100px; }
								   
#mainContent #rightMenu { width: 185px; float: right; }
#mainContent #rightMenu h2 { background-color: #2c4c1d; border-left: 3px solid #2c4c1d; color: #fff; }
#mainContent #rightMenu h2.standout { background: #DB4C10; border-color: #DB4C10; }

a.updateBasket, a.continueBasket, a.continueShopping { color: #fff; width: 175px; text-align: center; background: #2c4c1d; border: 1px solid #2c4c1d; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-size: 1.1em; }
a.updateBasket { float: left; padding: 5px 5px; margin-top: 10px; }
a.continueBasket { float: right; padding: 5px 10px; font-weight: bold; margin-top: 10px; letter-spacing: 1px; }
a.continueShopping { float: left; padding: 3px 5px; background: #985233; border-color: #985233; margin-top: 10px; }
a.updateBasket:hover, a.continueBasket:hover { color: #eee; text-decoration: none; font-style: italic; }

#mainContent #leftMenu .holder, #mainContent #rightMenu .holder { width: 183px; border-left: 1px solid #ccc; margin-left: 2px; font-size: 1.1em; }
.holder ul { list-style-type: none; background: #f6f6f6; padding: 5px 0 15px 0; }
.holder ul li { line-height: 16px; margin-left: 20px; }
.holder ul li.makebold { font-weight:bold; }
.holder ul ul { font-weight: normal; }
.holder ul ul li {  }
.holder form { padding: 0 5px 0 5px; }
.holder form label { width: 100%; float: left; padding: 0 0 3px 0; color: #666; }
.holder form input { border: 1px solid #999; width: 152px; float: left; padding: 1px; margin: 2px 0 2px 10px; }
.holder form input.submitbutton { background: url('../styleImages/button.jpg') no-repeat; height: 15px; font-size: 0.95em; padding: 0; color: #fff; letter-spacing: 1px; border: none; }
.shoppingCart { text-align: center; color: #555; background: #f6f6f6; padding: 5px 0 15px 0; }
.popularProducts { text-align: center; background: #f6f6f6; padding: 5px 0 15px 0; }
.popularProducts img { width: 140px; padding: 5px 0 5px 0; }
.popularProducts a { color: #2c4c1d; }
.popularProducts a:hover {}
#searcharea { background: #f6f6f6; padding: 5px 0 15px 0; }
#mailinglist { background: #f6f6f6; padding: 5px 0 15px 0; }
#myaccount { background: #f6f6f6; padding: 5px 0 15px 0; }

.cartProgress { text-align: center; border: 1px dotted #2c4c1d; font-size: 1.1em; width: 400px; margin: 10px auto; padding: 5px; color: #666; }
.cartProgress span.txtcartProgressCurrent { font-weight: bold; font-style: italic; letter-spacing: 1px; color: #2c4c1d; }

#mainContent #content form.quickBuy { background-color: #f9f9f9; border: 1px solid #ccc; text-align: center; width: 350px; margin: 0 auto; padding: 5px; font-size: 1.1em; }
#mainContent #content form.quickBuy input { float: none; width: 40px; font-size: 1.0em; margin: 5px 0 0 0; }

#recaptcha_response_field { position: relative; top: 20px; left: 0; }

.txtError { color: #ca0000; font-weight: bold; font-style: italic; letter-spacing: 1px; }

#footer { width: 100%: padding: 10px 0 10px 0; margin-top: 5px; color: #888; border-top: 1px solid #999; }
#footer a { color: #888; }
#footer a:hover { color: #666; }
#footer ul { list-style-type: none; padding: 5px 0 0 0; }
#footer ul li { display: inline; padding: 0 5px 0 5px; margin: 0 10px 0 0; }

h1 { font-weight: normal; font-size: 1.4em; padding: 5px 0 4px 0; text-indent: 10px; color: #2c4c1d; letter-spacing: 1px; }
h2 { font-weight: normal; font-size: 1.2em; padding: 5px 0 5px 0; text-indent: 10px; color: #555; letter-spacing: 1px; }
h3 { font-weight: normal; font-size: 1.3em; padding: 5px 0 5px 0; color: #444; letter-spacing: 1px; }
h4 { padding: 2px 0 2px 0; }
h5 { font-weight: normal; font-size: 1.3em; padding: 5px 0 5px 0; color: #444; letter-spacing: 1px; border-bottom: 1px solid #ccc; margin-bottom: 10px; text-indent: 5px; }
p { padding: 5px 10px 5px 10px; font-size: 1.1em; color: #666; line-height: 18px; }
ol { font-size: 1.1em; margin: 0 0 0 20px; }
ol li { margin-left: 20px; color: #666; margin-bottom: 3px; }

.pagination-top { text-align: right; padding: 5px 10px 5px 0; border-bottom: 1px solid #999; margin: 0 0 10px 0; font-size: 1.1em; color: #666; }
.pagination-top strong { color: #2c4c1d; font-style: italic; }
.pagination-bottom { text-align: right; padding: 5px 10px 5px 0; border-top: 1px solid #999; margin: 10px 0 0 0; font-size: 1.1em; color: #666; }
.pagination-bottom strong { color: #2c4c1d; font-style: italic; }

#subCats { background-color: #f9f9f9; text-align: center; border: 1px solid #CBFDAF; margin: 10px auto 10px auto; padding: 5px; width: 500px; }
.subCat { text-align: center; padding: 5px; margin: 1px 2px 7px 2px; float: left; width: 110px; }

.txtSale { color: #2c4c1d; }
a.productNameLink { color: #2c4c1d; }
a.moreInfo { float: left; color: #fff; line-height: 15px; width: 80px; height: 15px; width: 80px; background: url('../styleImages/moreinfo.jpg') no-repeat #2c4c1d; }
a.moreInfo:hover { color: #eee; text-decoration: none; font-style: italic; }
a.addToBasket { float: right; line-height: 15px; color: #fff; width: 152px; height: 15px; text-align: center; background: url('../styleImages/button.jpg') no-repeat #2c4c1d; margin: 3px 0 0 10px; }
a.addToBasket:hover { color: #eee; text-decoration: none; font-style: italic; }
.noBorder { border: none; }
.txtOutOfStock { color: #a80000; font-style: italic; }
.txtCheckout { border: 1px solid #999; padding: 3px 5px 3px 5px; font-size: 1.1em; float: right; }

.txtCopyright { width: 960px; margin: 0 auto 0 auto; color: #888; display: none; }