@charset "utf-8";
/* CSS Document */

/* Neutralize styling: 
   Elements we want to clean out entirely: */
html, body, form, fieldset {
        margin: 0;
        padding: 0;
        font: 100%/120% Arial, Verdana, Helvetica, sans-serif;
}

/*-- MAKE THE RIGHT HAND SCROLL BAR ALWAYS VISIBLE - FOR JQUERY NAV --*/
html {
overflow: -moz-scrollbars-vertical; 
overflow-y: scroll;
}


/* Neutralize styling: 
   Elements with a vertical margin: */
h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address {
        margin: 1em 0;
        padding: 0;
}

/* Apply left margin:
   Only to the few elements that need it: */
li, dd, blockquote {
        margin-left: 1em;
}

/* Miscellaneous conveniences: */
form label {
        cursor: pointer;
}
fieldset {
        border: none;
}
input, select, textarea {
        font-size: 100%;
		font-family: inherit;
}

img {border: 0;}

body
{
  margin: 19px 0 0 0;
  background: url(/images/bg_page.gif) top left repeat-x #32312b;
  color: #666666;
  FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
  min-width: 960px;
  text-align: center;
}


a:link {text-decoration: none; color: #669900; background-color: transparent;}
a:visited {text-decoration: none; color: #669900; background-color: transparent;}
a:hover {text-decoration: none; color: #333333; background-color: transparent;}

/*-- GENERAL BITS --*/
.container {margin: 0 auto; width: 960px; padding: 0; border: 0; position: relative; text-align: left;}

/*-- HEADER--*/
.headerArea {float: left; display: inline; width: 960px; margin: 0; padding: 0; background: url(/images/main_area_top.gif) top left no-repeat #f5f3ea;}

.headerLogo {float: left; display: inline; width: 300px; height: 85px; margin: -1px 0 0 27px;}

.basketArea {float: right; display: inline; margin: 30px 30px 0 0; width: 190px; background: url(/images/header_basket_icon.gif) center left no-repeat;}
	.basketArea h6 {float: right; display: inline; width: 145px; font-size: 14px; font-weight: bold; line-height: 1.4em; margin: 0; text-align: right;}
	.basketArea h5 {float: right; display: inline; width: 145px; font-size: 14px; font-weight: normal; line-height: 1.4em; margin: 0; text-align: right;}

/*-- SEARCH BAR --*/
.searchBar {float: left; display: inline; width: 900px; height: 40px; background: url(/images/search_bar_bg.gif) top left no-repeat #89b600; margin: 25px 0 0 30px;}

.tableSearchBar {float: right; display: inline; margin: 8px 10px 0 0;}

.formSearchBarBrand {font-size: 12px; color: #333333; border: 1px solid #aad42a; background-color: #FFFFFF; padding: 0; width: 160px; margin: 0;}
.formSearchBarSite {font-size: 12px; color: #333333; border: 1px solid #aad42a; background-color: #FFFFFF; padding: 2px 3px 2px 3px; width: 170px; margin: 0;}

/*-- MAIN AREA --*/
.mainArea {float: left; display: inline; margin: 0; padding: 0 0 40px 0; width: 960px; background: url(/images/main_area_bottom.gif) bottom left no-repeat #f5f3ea;}

/*-- LEFT COLUMN --*/
.leftColumn {float: left; display: inline; width: 200px; margin: 30px 0 0 30px;}

.leftNav {float: left; display: inline; width: 200px; margin: 0 0 0 0;}
	.leftNav h2 {height: 20px; text-indent: -9999px; font-size: 12px; margin: 0 0 5px 10px;}
	.leftNav ul {list-style: none; width: 180px; margin: 0 0 30px 10px;}
	.leftNav li {line-height: 1.7em; font-size: 16px; font-weight: bold; margin: 0;}
	.leftNav p {font-size: 12px; line-height: 1.5em; margin: 0; color: #999999;}

#colHeadOurProducts {background: url(/images/col_head_our_products.gif) top left no-repeat; width: 124px; height: 20px;}
#colHeadInfo {background: url(/images/col_head_info.gif) top left no-repeat; width: 38px; height: 20px;}
	
/*-- MAIN COLUMN --*/
.mainColumnHome {float: right; display: inline; width: 690px; margin: 30px 30px 0 0;}
	.mainColumnHome h2 {float: left; display: inline; height: 24px; text-indent: -9999px; font-size: 12px; margin: 0 0 10px 0;}

#subFeaturedProducts {background: url(/images/sub_featured_products.gif) top left no-repeat; width: 175px; height: 24px;}

/*-- FOOTER --*/
.footer {float: left; display: inline; width: 900px; margin: 5px 0 30px 30px;}
	.footer p {font-size: 12px; line-height: 1.5em; color: #d9d7ce;}
	.footer a:link {text-decoration: none; color: #99cc00; background-color: transparent;}
	.footer a:visited {text-decoration: none; color: #99cc00; background-color: transparent;}
	.footer a:hover {text-decoration: none; color: #FFFFFF; background-color: transparent;}

.footerLeft {float: left; display: inline;}
.footerRight {float: right; display: inline;}

/*-- HOME PAGE --*/
.homeIntroArea {float: left; display: inline; width: 690px; margin: 0 0 30px 0;}

/*-- PRODUCT LISTINGS --*/
.productListingItem {float: left; display: inline; width: 165px; height:220px; background: url(/images/product_thumb_info_bg.gif) bottom left no-repeat #e7e3d3;}
	.productListingItem a:link img {float: left; display: inline; background: url(/images/product_thumb_bg.gif) top left no-repeat; width: 155px; height: 155px; padding: 5px; margin: 0 0 5px 0;}
	.productListingItem a:visited img {float: left; display: inline; background: url(/images/product_thumb_bg.gif) top left no-repeat; width: 155px; height: 155px; padding: 5px; margin: 0 0 5px 0;}
	.productListingItem a:hover img {float: left; display: inline; background: url(/images/product_thumb_bg_hover.gif) top left no-repeat; width: 155px; height: 155px; padding: 5px; margin: 0 0 5px 0;}
	.productListingItem p {font-size: 13px; text-align: center; line-height: 1.2em; margin: 0 0 0 0;}
	.productListingItem h6 {font-size: 13px; color: #CC0000; margin: 0 0 10px 0; line-height: 1.1em; text-align: center;}
	.productListingItem a:link {text-decoration: none; color: #333333; background-color: transparent;}
	.productListingItem a:visited {text-decoration: none; color: #333333; background-color: transparent;}
	.productListingItem a:hover {text-decoration: none; color: #336600; background-color: transparent;}

.productListingItemLeft {margin: 0 10px 0 0;}
.productListingItemEnd {margin: 0;}

.productRow {float: left; display: inline; width: 690px; margin: 0 0 30px 0;}
.productRowBottom {float: left; display: inline; width: 690px; margin: 0;}

/*-- PRODUCT LISTINGS PAGE --*/
.mainColumnListings {float: right; display: inline; width: 690px; margin: 30px 30px 0 0;}
	.mainColumnListings h1 {font-size: 24px; color: #333333; line-height: 1.2em; margin: 0; font-weight: normal;}

.productListingsSummary {width: 100%; margin: 10px 0 20px 0;}
	.productListingsSummary h6 {font-size: 14px; font-weight: normal; color: #666666; line-height: 1.2em; margin: 0;}

.productListingsPaging {float: left; display: inline; width: 690px; height: 40px; margin: 20px 0 0 0; background: url(/images/product_listings_paging_bg.gif) top left no-repeat #e7e3d3;}
	.productListingsPaging h4 {float: right; display: inline; margin: 0 10px 0 0; font-size: 14px; color: #333333; line-height: 40px; vertical-align: middle; font-weight: bold;}
	.productListingsPaging h4 em {color: #a6a294; font-style: normal;}
	.productListingsPaging a:link {text-decoration: underline; color: #669900; background-color: transparent;}
	.productListingsPaging a:visited {text-decoration: underline; color: #669900; background-color: transparent;}
	.productListingsPaging a:hover {text-decoration: none; color: #669900; background-color: transparent;}

/*-- PRODUCT DETAIL --*/
.mainColumnProductDetail {float: right; display: inline; width: 690px; margin: 30px 30px 0 0;}

.productDetailImage {float: left; display: inline; width: 340px;}
	.productDetailImage img {float: left; display: inline; background: url(/images/product_main_image_bg.gif) top left no-repeat; width: 330px; height: 330px; padding: 5px; margin: 0 0 5px 0;}

.productDetailInfo {float: right; display: inline; width: 330px; margin: 0;}
	.productDetailInfo h1 {font-size: 20px; color: #333333; line-height: 1.2em; margin: 0;}
	.productDetailInfo h2 {font-size: 18px; color: #CC0000; line-height: 1.4em; font-weight: bold; margin: 0.5em 0 0.5em 0;}
	.productDetailInfo h2 em {color: #666666; font-weight: normal;}
	.productDetailInfo p {font-size: 12px; color: #666666; line-height: 1.5em;}
	.productDetailInfo form {margin: 0 0 0 0;}
	.productDetailInfo label {float: left; display: inline; font-weight: bold; font-size: 14px; color: #333333; width: 80px; margin: 2px 10px 0 0;}

.productDetailButton {margin: 20px 0 0 90px;}
	
.formProductSelect {width: 200px; background-color: #FFFFFF; color: #333333; font-size: 14px; font-family: Arial, Helvetica, sans-serif;}
.formProductText { width: 200px; border: 1px solid #cbd3d7; background-color: #FFFFFF; font-size: 14px; padding: 4px; font-family: Arial, Helvetica, sans-serif; color: #333333;}
.formProductTextSmall {width: 60px; border: 1px solid #cbd3d7; background-color: #FFFFFF; font-size: 14px; padding: 4px; font-family: Arial, Helvetica, sans-serif; color: #333333;}	

.productDetailAlsoLike {float: left; display: inline; width: 690px; border-top: 3px solid #e7e3d3; margin: 30px 0 0 0; padding: 30px 0 0 0;}
	.productDetailAlsoLike h2 {height: 22px; text-indent: -9999px; font-size: 12px; margin: 0 0 20px 0;}

#subYouMayAlsoLike {background: url(/images/sub_you_may_also_like.gif) top left no-repeat; width: 170px; height: 20px;}

/*-- YOUR SHOPPING BASKET --*/
.mainColumnBasket {float: right; display: inline; width: 690px; margin: 30px 30px 0 0;}
	.mainColumnBasket h1 {font-size: 24px; color: #333333; line-height: 1.2em; margin: 0; font-weight: normal;}
	.mainColumnBasket h4 {font-size: 16px; color: #333333; line-height: 1.5em; font-weight: normal;}

.tableYourBasket img {border: 0;}
.tableYourBasket th {border-top: 1px solid #e7e3d3; border-bottom: 1px solid #e7e3d3; color: #330033; font-size: 14px; font-weight: bold; padding: 1em 0 1em 0; text-align: left;}
.tableYourBasket th span {font-weight: normal; color: #666666;}
.tableYourBasket td {font-size: 14px; font-weight: normal; color: #666666; padding: 0.7em 0 0.7em 0; text-align: left;}
.tableYourBasket img {border: 1px solid #CCCCCC;}

td.tableYourBasketDelete {text-align: center;}
	td.tableYourBasketDelete img {border: 0;}

.tableYourBasketRowOdd {background-color: #FFFFFF;}
.tableYourBasketRowEven {background-color: #f5f3ea;}
.tableYourBasketRowTotal {background-color: #f5f3ea; color: #330033;}
	.tableYourBasketRowTotal img {border: 0;}

td.basketTableTotalLabel {color: #000000; font-weight: bold; text-align: right; padding-right: 20px; border-top: 1px solid #e7e3d3; border-bottom: 1px solid #e7e3d3; font-size: 18px; background-color: #FFFFFF;}
td.basketTableTotal {color: #000000; font-weight: bold; font-size: 18px; border-top: 1px solid #e7e3d3; border-bottom: 1px solid #e7e3d3; background-color: #FFFFFF;}

td.basketTableDeliveryLabel {color: #666666; font-weight: bold; text-align: right; padding-right: 20px; border-top: 1px solid #e7e3d3; border-bottom: 0; font-size: 14px; background-color: #f5f3ea;}
td.basketTableDelivery {color: #666666; font-weight: bold; font-size: 14px; border-top: 1px solid #e7e3d3; border-bottom: 0; background-color: #f5f3ea;}

.formItemQuantity {width: 40px;  border: 1px solid #e7e3d3; color: #333333; background-color: #FFFFFF; font-size: 14px; padding: 4px 0 4px 0; margin: 0 0 5px 0; FONT-FAMILY: Arial, Helvetica, Verdana, sans-serif;}

/*-- CHECKOUT PROCESS --*/
.checkoutDivLine {float: left; display: inline; width: 900px; height: 15px; background: url(/images/checkout_div_line.gif) top left no-repeat; margin: 25px 0 0 30px;}

/*-- CHECKOUT PROGRESS BAR --*/
.checkoutProgressBar {float: right; display: inline; margin: 39px 30px 0 0;}
	.checkoutProgressBar ul {border-top: 1px solid #CCCCCC; padding: 10px 0 0 0; list-style: none; margin: 0;}
	.checkoutProgressBar li {float: left; display: inline; font-size: 16px; font-weight: bold; text-decoration: none; margin: 0;}

#checkoutProgressDone {color: #89b600;}
#checkoutProgressCurrent {color: #330033;}
#checkoutProgressToDo {color: #CCCCCC;}

/*-- CHECKOUT PROCESS LOGIN --*/
.mainColumnCheckout {float: left; display: inline; width: 900px; margin: 30px 0 0 30px;}
	.mainColumnCheckout h1 {font-size: 22px; font-weight: bold; color: #333333; line-height: 1.2em; margin: 0;}
	.mainColumnCheckout h2 {font-size: 18px; font-weight: bold; color: #333333; line-height: 1.5em; margin: 1em 0 0.5em 0;}
	.mainColumnCheckout h3 {font-size: 14px; font-weight: normal; color: #666666; line-height: 1.5em;}
	.mainColumnCheckout h4 {font-size: 14px; font-weight: bold; color: #cc0000; line-height: 1.5em;}
	.mainColumnCheckout h6 {font-size: 11px; font-weight: bold; color: #333333; line-height: 1.5em;}
	.mainColumnCheckout h6 em {color: #CC0000;}
	.mainColumnCheckout p {font-size: 14px; font-weight: normal; color: #666666; line-height: 1.5em; vertical-align: middle;}
	.mainColumnCheckout p em {font-size: 12px; color: #333333; margin: 0 0 0 10px;}
	.mainColumnCheckout hr {color: #e7e3d3; margin: 25px 0 25px 0; border-top: 3px solid #e7e3d3; border-left: 0; border-right: 0; border-bottom: 0;}
	.mainColumnCheckout form {margin: 0; padding: 0;}
	.mainColumnCheckout label {float: left; display: inline; font-size: 14px; font-weight: bold; color: #330033; width: 160px; text-align: right; margin: 6px 10px 0 0;}
	.mainColumnCheckout label em {color: #CC0000;}

.tableCheckoutLogin td {font-size: 14px; font-weight: normal; color: #666666; padding: 0.5em 0 0.5em 10px;}
.tableCheckoutLogin label {font-size: 14px; font-weight: bold; color: #330033; width: 100%; text-align: left; margin: 0;}

.formCheckoutLogin {width: 240px; border: 1px solid #CCCCCC; font-size: 14px; color: #333333; padding: 3px; margin: 0 0 5px 0;}

/*-- CHECKOUT FORM --*/
.formTextWide {width: 320px;  border: 1px solid #CCCCCC; color: #333333; background-color: #FFFFFF; font-size: 14px; padding: 4px 0 4px 0; margin: 5px 0 5px 0; FONT-FAMILY: Arial, Helvetica, Verdana, sans-serif;}
.formTextSmall {width: 100px;  border: 1px solid #CCCCCC; color: #333333; background-color: #FFFFFF; font-size: 14px; padding: 4px 0 4px 0; margin: 5px 0 5px 0; FONT-FAMILY: Arial, Helvetica, Verdana, sans-serif;}
.formSelectWide {width: 320px; font-size: 14px; padding: 0; margin: 5px 0 5px 0; FONT-FAMILY: Arial, Helvetica, Verdana, sans-serif;}
.formSelectSmall {width: 100px; font-size: 14px; margin: 5px 0 5px 0; FONT-FAMILY: Arial, Helvetica, Verdana, sans-serif;}

.formItemQuantity {width: 40px;  border: 1px solid #CCCCCC; color: #333333; background-color: #FFFFFF; font-size: 14px; padding: 4px 0 4px 0; margin: 0 0 5px 0; FONT-FAMILY: Arial, Helvetica, Verdana, sans-serif;}

.checkoutBottomIndent {position: relative; display: inline; float: left; width: 564px; margin: 0 0 0 196px;}

/*-- CONTENT PAGE --*/
.mainColumnContent {float: right; display: inline; width: 690px; margin: 30px 30px 0 0;}
	.mainColumnContent h1 {font-size: 22px; font-weight: bold; color: #333333; line-height: 1.2em; margin: 0 0 20px 0;}
	.mainColumnContent h2 {font-size: 14px; font-weight: bold; color: #9FC005; line-height: 1.5em; margin: 1em 0 -0.5em 0;}
	.mainColumnContent h3 {font-size: 14px; font-weight: normal; color: #666666; line-height: 1.5em;}
	.mainColumnContent h6 {font-size: 11px; font-weight: bold; color: #333333; line-height: 1.5em;}
	.mainColumnContent h6 em {color: #CC0000;}
	.mainColumnContent p {font-size: 12px; font-weight: normal; color: #666666; line-height: 1.5em;}
	.mainColumnContent hr {color: #e7e3d3; margin: 25px 0 25px 0; border-top: 3px solid #e7e3d3; border-left: 0; border-right: 0; border-bottom: 0;}
	.mainColumnContent form {margin: 0; padding: 0;}
	.mainColumnContent label {float: left; display: inline; font-size: 14px; font-weight: bold; color: #333333; width: 130px; text-align: right; margin: 6px 10px 0 0;}
	.mainColumnContent label em {color: #CC0000;}

/*-- CONTACT PAGE --*/
#contactFormButton {margin: 0 0 0 140px; float: left; display: inline;}

.tableContact {font-size: 14px; color: #666666;}
.tableContact td {padding: 5px 0 5px 0;}

.tableContactTitles {font-weight: bold; color: #330033; padding: 5px 0 5px 0; text-align: right;}

.tableDelivery {font-size: 14px; color: #666666; font-family: Arial, Helvetica, sans-serif;}
.tableDelivery thead {font-weight: bold; color: #333333; text-align: left;}
.tableDelivery thead th{padding: 5px 0 5px 0;}

.tableDeliveryRowOdd {background-color: #FFFFFF;}
.tableDeliveryRowOdd td {padding: 5px 0 5px 0;}

.tableDeliveryRowEven td {padding: 5px 0 5px 0;}

/*-- SIDE NAV BAR --*/
/* ================================================================ 
This copyright notice must be untouched at all times.
Copyright (c) 2008 Stu Nicholls - stunicholls.com - all rights reserved.
=================================================================== */

#nav {padding: 0; margin: 0 0 20px 0;}
#nav a:link {text-decoration: none; color: #669900;}
#nav a:hover {text-decoration: none; color: #333333;}
#nav a:visited {text-decoration: none; color: #669900;}

#nav dt b, #nav dt a {display: block; font-weight: bold; font-size: 16px; color: #669900; line-height: 1.7em; padding-left: 10px; cursor: pointer; width: 180px;}
#nav dt b {background: none;}

#nav dt a:link {text-decoration: none; color: #669900;}
#nav dt a:hover {text-decoration: none; color: #333333;}
#nav dt a:visited {text-decoration: none; color: #669900;}

#nav dd {padding: 0; margin: 0;}
#nav dd ul {padding: 0; margin: 0; list-style: none;}
#nav dd ul li {padding-left: 20px; font-size: 14px;}