/* FULL RESET */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}


/* GLOBAL */

body {
    background-color: #FFFFFF;
    font: 70% Helvetica, Arial, Verdana, sans-serif; 	
    color: #000;
    margin: 0;
    padding: 0;
	font-weight: normal;
    }
    
a img,:link img,:visited img { 
	border:none 
	}

a, a:visited {	
	text-decoration: none;
	}
	
a:hover {	
	color: #000;
    }
	
.clear {	
    clear: both;
    }
    
#page {
    width: 910px;
    margin: 16px auto 0 auto;
    }
    
/* HEADER */
    
#logo {
	margin:-5px 0 -10px 5px;
	float: left;
	width: 313px;
	display: inline;
	}
	



/* MAIN */

#main {
	background: #fff url('../images/layout/mainbg.gif') top center repeat-y;
	}
	
/* MENU */

#mainmenutop {
	width: 910px;
	height: 15px;
	background: #fff url('../images/layout/topcorners.gif') top center no-repeat;
	margin: 16px 0 0 0;
    } 
    
#mainmenu {
	width: 900px;
	height: 50px;
	margin: 0 auto;
	background-color: #036532;
    }  
    
#mainmenu a:link, #mainmenu a:visited {
	color: #fff;
	}
    
/* MAIN CONTENT AREA */
      
#content {
	width: 647px;
	float: left;
    }
    
/* SIDEBAR */
    
#sidebar {
	width: 253px;
	margin: -5px 5px 0 0px;
	float: right;
	color: #000;
	font-size: 1.1em;
    }
    
#sidebar h2 {
	font-size: 1.6em;
	margin: 10px 0 0 13px;
	border-bottom: 1px solid #000;
	width: 227px;
	padding-bottom: 5px;
	}
    
#sidebar a:link, #sidebar a:visited {
	color: #036532;
	}
	
#sidebar a:hover {
	color: #000;
	}
	
small {
	font-size: 0.6em;
	}
	
/* SEARCH */
    
.searchform {
	margin: 5px 0 0 0;
	width: 253px;
	background: #311B00 url('../images/layout/searchbg.gif') center 5px no-repeat;
	height: 45px;
	}
    
#query {
	height: 21px;
	width: 216px;
	border: 0;
	background-color: transparent;
	color: #d59f0f;
	font-size: 1.3em;
	margin: 7px 0 0 14px;
	padding: 5px 0 0 10px;
	}
	
/* SIDEBAR CART SUMMARY */
	
.cartsummary {
	background-color: #f1f1cc;
	margin: 0 0 5px 0;
	padding: 1px 0;
	}
	
.cartsummary img {
	border: 1px solid #0B0605;
	}
	
.basket_total {
	width: 217px;
	color: #000;
	margin: -10px 0 10px 13px;
	padding: 7px 5px 5px 5px;
	font-weight: bold;
	font-size: 1.4em;
	border-top: 1px solid #0B0605;
	border-bottom: 1px solid #0B0605;
	}
	
.basket_total_wrap {
	display: inline;
	width: 100px;
	float: left;
	}
	
.basket_checkout {
	font-size: 0.6em;
	float: right;
	display: inline;
	width: 100px;
	text-align: right;
	margin-top: 0px;
	}

.cartsummary {
	margin-bottom: 25px;
	}
	
/* SIDEBAR POPULAR PRODUCTS, NEW PRODUCTS */
	
.popularproducts, .similarproducts {
	margin-bottom: 25px;
	}
	
.popularproducts img {
	border: 1px solid #0B0605;
	margin: 0 10px 0 0;
	}
	
.popularproducts ul li, .newproducts ul li, .cartsummary ul li {
	list-style: none;
	margin: 0 0 0 13px;
	font-size: 1.5em;
	width: 253px;
	display: block;
	margin-bottom: 10px;
	}
	
.newproducts img {
	border: 1px solid #0B0605;
	margin: 0 10px 0 0;
	}
	
.sidebarimage {
	display: inline;
	float: left;
	width: 60px;
	}
	
.sidebardesc {
	display: inline;
	float: left;
	margin-top: 3px;
	color: #333333;
	width: 160px;
	line-height: 1.2em;
	}
	
/* FRONT PAGE */

#front-intro {
	font-size: 1.4em;
	line-height: 1.3em;
	color: #424242;
	margin: 10px 0 15px 0;
	}
	
#front-intro p {
	margin: 0;
	padding: 0;
	}
	
#front-intro a:link, #front-intro a:visited {
	color: #71a645;
	}
	
/* FRONT PAGE - FEATURED */

h1.featuredproducts {
	font-weight: bold;
	font-size: 1.8em;
	margin-top: 15px
	}

#featured_area {
	margin: 0 0 10px -20px;
	width: 647px;
	}

.left_featured {
	width: 375px;
	float: left;
	}

.right_featured {
	background-color: #1f1f1f;
	width: 242px;
	float: left;
	padding: 15px;
	color: #fff;
	line-height: 1.3em;
	font-size: 1.2em;
	height: 270px;
	}
	
.right_featured h3 {
	margin: 0 0 10px 0;
	font-size: 1.5em;
	color: #71a645;
	}
	
	
.right_featured p {
	margin: 0 0 1em 0;
	}
	
.right_featured a {
	color: #71a645;
	}
	
/* PRODUCT PAGE */

#content {
	margin: 5px 0 0 25px;
	width: 600px;
	}

#content h1 {
	color: #036532;
	width: 600px;
	padding-bottom: 10px;
	border-bottom: 1px solid #000;
	margin: 15px 0 20px 0;
	font-size: 1.8em;
	}
	
/* PRODUCT PAGE - LEFT COLUMN */
	
.product_column {
	width: 270px;
	float:left;
	margin: 0 20px 0 0;
	}
	
/* PRODUCT PAGE - LEFT COLUMN - IMAGES */
	
#lrgimg {
	text-align: center;
	}

.enlarge {
	width: 270px;
	text-align: center;
	margin: 10px 0;
	}
	
.enlarge a {
	color: #036532;
	font-weight: bold;
	font-size: 1.2em;
	}

.enlarge a:hover {
	color: #000;
}
	
hr {
	color: #000;
	background-color: #000;
	height: 1px;
	margin: 0;
	}
	
ul#imagelist {
	padding: 10px 0;
	margin: 0 0 -2px -10px;
	}
	
ul#imagelist li {
	list-style: none;
	display: inline;
	margin: 0 0 11px 11x;
	}
	
/* PRODUCT PAGE - LEFT COLUMN - SIMILAR PRODUCTS */
	
.similarproducts {
	margin: 20px 0 0 0;
	width: 270px;
	}
	
.similarproducts img {
	border: 1px solid #d59f0f;
	margin: 0 10px 0 0;
	}
	
.similarproducts ul li {
	list-style: none;
	margin: 0 0 0 0;
	font-size: 1.5em;
	width: 270px;
	display: block;
	margin-bottom: 10px;
	}
	
.similarproducts ul li a:link, .similarproducts ul li a:visited {
	color: #036532;
	font-weight: bold;
	}
	
.similarproducts ul li a:hover {
	color: #000;
	}
	
.similarproducts img {
	border: 1px solid #036532;
	margin: 0 10px 0 0;
	}
	
#cart_div h2 {
	margin-top: -5px;
}
	
.product_column h2 {
	color: #036532;
	padding-bottom: 5px;
	border-bottom: 1px solid #000;
	margin: 20px 0 0 0;
	font-size: 1.8em;
	}
	
.product_column p {
	color: #919191;
	font-size: 1.4em;
	margin-top: 8px;
	}
	
/* PRODUCT PAGE - RIGHT COLUMN */
	
.product_column2 {
	width: 300px;
	float: right;
	}
	
.product_column2 a:link, .product_column2 a:visited {
	color: #0B0605;
	font-weight: bold;
	border-bottom: 1px dotted #ccc;
	padding: 0 0 1px 0;
	}
	
.product_column2 a:hover {
	color: #000;
	}
	
.product_column2 h3 {
	color: #71a645;
	font-size: 1.5em;
	}
	
/* PRODUCT PAGE - RIGHT COLUMN - BODY TEXT */
	
.content_paragraph p {
	font-size: 1.3em;
	margin: 0 0 1em 0;
	color: #303030;
	line-height: 1.4em;
	}
	
/* PRODUCT PAGE - RIGHT COLUMN - 'BUY' AREA */
	
.buy_now {
	background-color: #f6f6dc;
	border: 1px solid #ccc;
	padding: 10px;
	margin: 15px 0;
	}
	
.buy_now h4 {
	margin: 0 0 10px 0;
	font-size: 1.7em;
	float: left;
	width: 150px;
	color: #036532;
	}
	
.buynowprice {
	float: right;
	width: 100px;
	text-align: right;
	font-size: 1.7em;
	font-weight: bold;
	}
	
.in_stock {
	color:green;
	}

.out_stock {
	color:red;
	}
	
#cart_message {
	font-size: 1.4em;
	font-weight: bold;
	margin: 10px 0;
	}
	
.quant {
	float: left;
	width: 130px;
	margin: 10px 0 0 0;
	font-size: 1.4em;
	}
	
.quantityselect {
	width: 30px;
	margin-left: 10px;
	}
	
.buybutton {
	float: right;
	width: 134px;
	}
	
/* CATEGORY PAGES */

.cat_product_wrap {
	margin: 0 0 0 -26px;
	}
	
.cat_product_wrap p {
	margin-left: 26px;
	}

.category_product {
	width: 130px;
	float: left;
	margin: 0 0 10px 26px;
	font-size: 1.3em;
	color: #353535;
	}
	
.category_product img {
	margin-bottom: 5px;
	border: 1px solid #036532;
	}
	
.category_product a, ul.links a {
	color: #036532;
	font-size: 1.2em;
	}

.category_product a:hover {
	color: #000;
}

.var_select {
	width: 250px;
	}

/* INFO PAGES */

#infopage {
	width: 600px;
	float: left;
    }
    
#infopage h1 {
	color: #71a645;
	width: 600px;
	padding-bottom: 10px;
	border-bottom: 1px solid #000;
	margin-bottom: 10px;
	}
    
#infopage h3 {
	color: #71a645;
	font-size: 1.7em;
	}
	
#infopage h4 {
	font-size: 1.5em;
	color: #303030;
	}
	
#infopage p {
	font-size: 1.4em;
	line-height: 1.4em;
	color: #303030;
	}
	
#infopage a:link, #infopage a:visited {
	color: #d59f0f;
	font-weight: bold;
	border-bottom: 1px dotted #ccc;
	padding: 0 0 1px 0;
	}
	
#infopage a:hover {
	color: #000;
	}
	
#infoopage img {
	border: 1px solid #d59f0f;
	}

/* FOOTER */
    
#footer {
	background-color: #0B0605;
	padding: 15px;
	margin: 0 0 0 5px;
	width: 870px;
	color: #ccc;
	font-size: 1.3em;
    }

#footer a:link, #footer a:visited {
	color: #fff;
    }
    
#footer a:hover {
	color: #ccc;
    }
 

	
/* CHECKOUT PROCESS - CONFIRM ORDER PAGE */
	
.addressfield1a {
	width: 285px;
	display: inline;
	float: left;
	margin-top: 20px;
	}
	
.addressfield2a {
	width: 285px;
	display: inline;
	float: right;
	margin-top: 20px;
	}
	
.confirmorderdetails {
	float: right;
	text-align: right;
	margin-top: -30px;
	}

fieldset.customerdetails {
	border: 1px solid #000;
	font-size: 1.2em;
	margin: 20px 0 10px 0;
	}
	
fieldset.ordersummary {
	border: 1px solid #000;
	font-size: 1.2em;
	margin: 20px 0 10px 0;
	padding: 8px;
	}
	
fieldset.ordersummary legend, fieldset. {
	border: 1px solid #000;
	padding: 5px;
}
	
fieldset.ordersummary a {
	color: #71a645;
	}
	
th.summary_nothing {
	width: 100px;
	}
	
th.summary_nothing {
	width: 100px;
	}
	
th.summary_item {
	width: 150px;
	text-align: left;
	}
	
th.summary_quantity {
	width: 130px;
	text-align: left;
	}
	
th.summary_cost {
	width: 85px;
	text-align: left;
	}
	
th.summary_shipping {
	width: 85px;
	text-align: left;
	}
	
th.summary_action {
	width: 50px;
	text-align: left;
	}
	
.ordersummary td {
	vertical-align: middle;
	}
	
/* CHECKOUT PROCESS - CONFIRM ORDER PAGE - TOTALS */
	
.totals {
	float: right;
	text-align: right;
	}
	
.totals p{
	font-size: 1.2em;
	}
	
p.grand {
	font-weight: bold;
	}
	
/* CHECKOUT PROCESS - CONFIRM ORDER PAGE - CUSTOMER DETAILS */
	
.customername label, .customeremail label {
	font-weight: bold;
	}
	
.special_label {
	font-size: 13px;
	margin-left: 5px;
}
	
.customeremail {
	margin-left: 40px;
	}
	
.customeremail a {
	color: #71a645;
	}
	
/* CHECKOUT PROCESS - PAYMENT PAGE */
	
p.totalamount {
	font-size: 1.5em;
	}
	
p.paymentchoices {
	font-size: 1.5em;
	margin-bottom: 10px;
	}
	
p.payment_or {
	font-size: 1.5em;
	font-weight: bold;
	}
	
fieldset.carddetails {
	border: 1px solid #fff;
	font-size: 1.3em;
	margin: 20px 0 10px 0;
	}
	
fieldset.switchsolo {
	border: 1px solid #ccc;
	margin: 20px 0;
	width: 300px;
	padding: 10px;
	display: block;
	}
	
#credit_card_first_name, #credit_card_last_name, #credit_card_type, #credit_card_number, #credit_card_verification_value, #credit_card_month, #credit_card_year, #credit_card_start_month, #credit_card_start_year, #credit_card_issue_number {
	margin: 0 0 10px 10px;
	}
	
#credit_card_submit {
	margin-bottom: 10px;
	}
	
/* CHECKOUT PROCESS - PAYMENT SUCCESSFUL PAGE */
	
p.order_received, p.homepagelink {
	font-size: 1.3em;
	line-height: 1.2em;
	}
	
p.homepagelink a {
	color: #71a645;
	}

/* FLASHES */

.flash {
	text-align: left;
	border: 1px solid #ccc;
	padding: 5px 5px 5px 30px;
	font-size: 14px;
	margin: 0 auto 12px auto;
	margin-right: 7px;
	}

.flash.message {
	border-color: #9c9;
	color: #060;
	background: url(../images/icons/alertgood_icon.gif) #E2F9E3 left no-repeat;
	}

.flash.warning {
	border-color: #c99;
	color: #fff;
	background: url(../images/icons/alertbad_icon.gif) #c00 left no-repeat;
	}

/* BREADCRUMBS */
    
.breadcrumbs {
	padding: 9px 0 9px 20px;
	margin: -5px 0 0 -20px;
	width: 700px;
	background: #b6d39e url('../images/layout/breadcrumbshadow.gif') top center repeat-x;
	font-size: 1.2em;
	}
	
.breadcrumbs a:link, .breadcrumbs a:visited {
	color: #036532;
	}

.breadcrumbs a:hover {
	color: #000;
}

/* PAGINATION */

.pagination {
   margin: 20px 0;
   }
   
.pagination a {
   padding: 5px;
   margin: 2px;
   border: 1px solid #d59f0f;
   text-decoration: none;
   color: #71a645;
   }
   
.pagination a:hover, .pagination a:active {
   border: 1px solid #000;
   color: #000;
   }
   
.pagination span.current {
   padding: 5px;
   margin: 2px;
   border: 1px solid #d59f0f;
   font-weight: bold;
   background-color: #71a645;
   color: #FFF;
   }
   
.pagination span.disabled {
   padding: 5px;
   margin: 2px;
   border: 1px solid #eee;
   color: #ddd;
   }


#backtotop {
	float:right;
	padding: 10px;
}

#backtotop a {
	color: #71a645;
	font-weight: bold;
}

.top_image {
	margin: -4px 0 0 -19px;
}


/* navigation settings */

#nav {
  margin: -10px auto 10px auto; 
  width: 900px;	}
  #nav ul li {
    float: left;
    position: relative;
    margin-left: 10px;
 	margin-bottom: 5px;}
    #nav ul li a {
      display: block;
      text-decoration: none;
      color: #707070;
      font-size: 13px;
      font-weight: bold;
      text-transform: uppercase;
      letter-spacing: none;
      float: left;
      padding: 10px 12px 9px 12px;
      border: none;
      -moz-border-radius: 6px;
      -webkit-border-radius: 4px; }
      #nav ul li a:hover {
        background: #0B0605;
        color: #fffa82;
        padding-bottom: 10px; }
    #nav ul li.current {
      background-image: url(../images/layout/primary_nav_arrow.png);
      background-repeat: no-repeat;
      background-position: center bottom;
      padding-bottom: 8px; }
      #nav ul li.current a {
        background-color: #0B0605;
        color: #fff;
        -moz-border-radius-bottomleft: 0px;
        -moz-border-radius-bottomright: 0px; }
        #nav ul li.current a:hover {
          background: #3a3a3a; }
      #nav ul li.current a {
        -moz-border-radius: 6px;
        -webkit-border-radius: 4px; }
    #nav ul li ul {
      display: none;
      float: left; }
    #nav ul li:hover ul, #nav ul li.hover ul {
      display: block;
      position: absolute;
      z-index: 999;
      border: 8px solid #3a3a3a;
      top: 30px;
      left: 0px;
      width: auto; }
      #nav ul li:hover ul li,       #nav ul li.hover ul li {
        margin-left: 0; }
        #nav ul li:hover ul li a,         #nav ul li.hover ul li a {
          width: 200px;
          color: #444;
          padding: 11px;
          background-color: #fff;
          -moz-border-radius: 0px;
          -webkit-border-radius: 0px;
          border: none;
          border-top: 1px dotted #555;
          font-weight: normal;
          text-transform: none;
          font-weight: bold;
          font-size: 14px; }
          #nav ul li:hover ul li a span,           #nav ul li.hover ul li a span {
            font-size: 11.5px;
            color: #777;
            font-weight: normal; }
          #nav ul li:hover ul li a:hover,           #nav ul li.hover ul li a:hover {
            background: #fffff2;
            color: #CE0E52; }
        #nav ul li:hover ul li.current,         #nav ul li.hover ul li.current {
          background-image: none;
          padding-bottom: 0; }
        #nav ul li:hover ul li:first-child a,         #nav ul li.hover ul li:first-child a {
          border-top: none; }

#nav ul ul :hover > a {
  background: pink; }

#nav ul :hover > a {
  background: #3a3a3a;
  padding-bottom: 10px;
  color: #fffa82; }

#nav ul li.current:hover > a {
  background: #4a4a4a;
  padding-bottom: 9px; }

#nav ul li.current:hover ul {
  display: none; }


div.subnav {
	width: 200px;
	float: left;
	padding: 4px 4px 0 4px;
	margin: 5px 5px 5px 0;
	border: #036532 2px solid;
	height: 25px;
	cursor: pointer;
}

div.subnav img {
	vertical-align: middle;
}

div.subnav:hover {
	background-color: #CCCCCC;
}



ul.links {
 font-weight: bold;
 font-size: 120%;
}

ul.links li {
	margin-top: 10px;
}

div#cat-sub-nav {
	margin-top: 5px;
}

div#cat-sub-nav a {
	color: #036532;
	font-size: 1.1em;
	font-weight: bold;
}

div#cat-sub-nav a:hover {
	text-decoration: underline;
	color: #000;
}




/* CHECKOUT PROCESS - ADDRESSES PAGE */

div#content form a {
	color: #036532;
}

div#content form a:hover {
	text-decoration: underline;
}


label {
	font-size: 120%;
	font-weight: bold;
}

.addressfield1 {
	width: 285px;
	display: inline;
	float: left;
	}
	
.addressfield2 {
	width: 285px;
	display: inline;
	float: right;
	}
	
fieldset.shippingaddress, fieldset.billingaddress {
	width: 200px;
	border: 1px solid #000;
	margin-bottom: 10px;
	padding: 8px;
	}
	
fieldset.billingaddress {
	margin-top: -12px;
}	
	
legend {
	font-weight: bold;
	font-size: 1.2em;
	padding: 0;
	}
	
fieldset p {
	margin-bottom: 10px;
}

.address_email {
	width:285px;
	float:left;
}
	
	
#errorExplanation {
	color: red;
	}
	
.fieldWithErrors input {
	background-color: #e39f9f;
	}
	
.addressemaillabel {
	font-size: 1.3em;
	}
	
.billingcheck {
	float : left;
	width: 275px;
	margin-left: 35px;
	margin-top: -30px;
	}
	
.billingcheck a {
	font-size: 110%;
	font-weight: bold;
}	
	

	
.checkout_message {
	font-size: 1.6em;
	color: #383838;
	margin-bottom: 30px;
	}
	
.addressnext {
	margin-top: 10px;
	}
div.styled p {
	font-size: 110%;
}