/*  

CONTENTS ------------------------------------------

*01: Reset
*02: Util classes & Phrase Elements
*03: Default Styles (Typography, colour)
*04: Structure (layout, size, positioning)
*05: Common Containers & Subclasses

*/

/* *01: Reset -----------------------------------------------------------------------------------------------------------------*/

body {color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
img{display:block;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:"'";}
abbr,acronym {border:0;font-variant:normal;}
sup,sub {line-height:-1px;vertical-align: text-top;}
sub {vertical-align:text-bottom;}
input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}

/* *02: Util Classes ----------------------------------------------------------------------------------------------------------*/

.center 				{ text-align: center; }
.right 					{ text-align: right !important; }
.left 					{ text-align: left !important; }
.small 					{ font-size: 0.9em !important;}
.float-right 			{ float: right; }
.float-left 			{ float: left;}
.clear 					{ clear: both; }
.clear-left				{ clear: left; }
.uppercase 				{ text-transform: uppercase; }
.nowrap 				{ white-space: nowrap; }
.offscreen				{ position: absolute; left: -9999px; top: -9999px; }
.hidden					{ display: none !important; }
.self-clear 			{ zoom: 1; }
.self-clear:after 		{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.no-right-margin		{ margin-right: 0 !important; }
.no-left-margin			{ margin-left: 0 !important; }
.no-top-margin			{ margin-top: 0 !important; }
.no-bottom-margin		{ margin-bottom: 0 !important; }
.top-margin				{ margin-top: 15px !important; }
.bottom-margin			{ margin-top: 15px !important; }
.no-bottom-border       { border-bottom: none !important; }
.no-right-border        { border-right: none !important; }
.hot					{ cursor:pointer; }
.script-only			{ display : none; } /* javascript css should turn this on */
.light					{ font-weight:normal !important ;}
.inline					{ display: inline; vertical-align:middle; }
.relative				{ position: relative; }
.block					{ display: block !important; }
.todo					{ background-color: fuchsia; }
.bordertop				{ background:url(/images/layout/bkg/dashed-line-bkg.gif) repeat-x 0 0;}

/* *02a: Phrase Elements -------------------- */
strong, .bold 			{ font-weight: bold !important; /*letter-spacing:1px;*/ }
em						{ font-style: italic; }
#ie6 em 				{ margin-left: -1px; }
code					{ font-family: Courier, serif; color: #FF0000; font-size: 0.5em; }
cite					{ font-style: italic; }
abbr, acronym			{ border-bottom: 1px dotted; cursor: help; }
q						{ color: #fff; }
blockquote				{ color: #fff; font-size: 1.1em; margin: 0 0 0.5em 0; }

/* *03: Default Styles --------------------------------------------------------------------------------------------------------*/

body {
	font: 62.5%/1.6 Georgia; /* set font size to 10px (a nice round number) - 1.4 line height */
	background: url(../images/layout/bkg/bkg.jpg) repeat-y 50% 0 #000;
	
	color: #333;	
}

h1 { font-size: 1.8em; line-height: 1em; color: #af8126; margin:20px 0 10px 0;padding:0 0 10px 0; text-transform:uppercase; background:url(/images/layout/bkg/dashed-line-bkg.gif) repeat-x 0% 100%; }

h2, h3, h4, h5, h6 { letter-spacing: 0px; margin-bottom: 0; }

h2 { margin:0;	font-size:1.4em;line-height:1.3em;padding:5px 0 0 0;color:#af8126; text-transform:uppercase; }
h3 { font-size: 1.6em; margin: 1em 0 0.5em 0; }
h4 { font-size: 1.4em; margin: 1em 0 0.5em 0; }

p { font-size: 1.4em; color: #000; line-height: 1.6em; margin: 0 0 1em 0; }


select{font-family:Arial !important;}

a { color: #AF8126; text-decoration:none; }
h2 a {color: #000;}

a:hover, a:active { text-decoration:underline; color: #AF8126 !important; }
a.selected{color:#333;}


ul li {
	list-style: disc;
	margin-left: 2em;
}

ul.no-markers li {
	list-style: none;
	margin-left: 0;
}

ol li {
	list-style-type: decimal;
	margin-left: 2em;
}

/*#ie6 .png { behavior: url(/Css/iepngfix.htc); }*/

.loading
{
	/* TODO: add background animated loading image */
	min-height: 20px;
	padding:5px;
}

.button
{
	text-transform:uppercase;
	display:inline-block;
	color: #fff;
	font-size: 1.1em;
	padding:.2em;
	border:1px solid #e5d299;
	margin:0;
	background:#8a661b;
	zoom:1;
	font-family:Arial !important;
	font-weight:bold;
	
}


.button:hover
{
	color:#3c3c3c;
	background:#fff;
}

.big-button
{
	text-transform:uppercase;
	display:inline-block;
	color: #000;
	font-size: 1.8em;
	padding:.2em;
	margin:0;
	background:#dfe1d4;
	border:none;
	zoom:1;
	font-style:italic;
	
}


.big-button:hover
{
	color:#000;
	background:#8a661b;
}


/* *04: Structure -------------------------------------------------------------------------------------------------------------*/

#wrapper
{
	width:905px;
	margin:0 auto;
	position:relative;
}

#header
{
	height:164px;
	width:825px;
	overflow:hidden;
	background:url(/images/layout/gen/header.png) no-repeat;
	margin:0 40px;
	position:absolute;
	z-index:100;
	left:0;
	top:0;
}


#logo
{
	margin:0 auto;
	width:699px;
	position:absolute;
	top:11px;
	left:55px;
	z-index:90;
}

#top-navigation
{
	width:940px;
	height:43px;
	background:url(/images/layout/bkg/menu-bkg.png) no-repeat;
	position:absolute;
	z-index:150;
	top:163px;
	left:-17px;
}

#top-navigation li
{
	float:left;
	list-style:none;
	margin:9px  0 0 0 ;
	padding:0 30px;
	border-right:solid 1px #333;
	
}

#top-navigation li.first
{
	padding-left:75px;
}
#top-navigation li.last
{
	border-right:none;
}

#top-navigation a span
{
	display:none;
}

#top-navigation a
{
	display:block;
	height:14px;
}

#top-navigation a.home
{
	width:43px;
	background:url(/images/layout/gen/nav-home.png) no-repeat;
}

#top-navigation a.about-us
{
	width:70px;
	background:url(/images/layout/gen/nav-about-us.png) no-repeat;
}

#top-navigation a.shop-online
{
	width:97px;
	background:url(/images/layout/gen/nav-shop-online.png) no-repeat;
}

#top-navigation a.recipes
{
	width:60px;
	background:url(/images/layout/gen/nav-recipes.png) no-repeat;
}

#top-navigation a.health-benefits
{
	width:126px;
	background:url(/images/layout/gen/nav-health-benefits.png) no-repeat;
}

#top-navigation a.contact-us
{
	width:88px;
	background:url(/images/layout/gen/nav-contact-us.png) no-repeat;
}

#top-navigation a:hover
{
	background-position: left bottom;
	
}


#content-wrapper
{

	width:840px;
	position:absolute;
	top:130px;
	left:33px;
	z-index:50;

	

}

#content
{
	width:785px;
	overflow:hidden;
	padding:20px 27px;
	background:url(/images/layout/bkg/content-bkg.png) repeat-y;
}

#content p, td
{
	font-family:Arial, Helvetica, Sans-Serif;
	font-size:1.2em;
	font-style:normal;
}

#content .body-content
{
	padding:0 42px;
}

.basepod-left, .basepod-right
{
	width:330px;
	
}

.basepod-left h2, .basepod-right h2
{
	line-height:1em;
	padding:1em 0 8px 0;
	margin-bottom:8px;
background:url(/images/layout/bkg/dashed-line-bkg.gif) repeat-x 0% 100%;
}

.basepod-left p, .basepod-right p
{
	padding:0 !important;
}

.basepod-left
{
	float:left;
}

.basepod-right
{
	float:right;	
}


p.margin-top{

	margin-top:2em;
}

/* Main Nav Styles============= */ 

#main-nav li
{
	font-size:1.4em;
	list-style:none;
	margin:0;
	text-transform:uppercase;
	padding-top:10px;
}

#main-nav li li
{
	font-size:1em;
	margin-left:20px;
	padding:0;
}

#main-nav li a
{
	color:#000;
}

#main-nav li a:hover, #main-nav li a.selected
{
	text-decoration:none!important;
	background:#00adff;
	color:#fff!important;
}

#main-nav a.sub-selected
{
	text-decoration:line-through;
	color:#00adff;
}

/* End Main Nav Styles============= */ 

/* Product Page Styles============= */ 

.p-bkg
{
	padding:0 7px !important;
	width:825px !important;
}

#product-content
{
	padding:80px 20px 20px 20px;
	background:url(/images/layout/bkg/product-bkg.jpg) no-repeat;
	height:442px;
	overflow:hidden;
	
}

#product-viewer
{
	float:left;
	padding:27px 0 0 10px;
	width:310px;
}


#product-detail
{
	margin: 20px 37px 20px 0;
	width:428px;
	float:right;
}

#product-detail h1
{
	font-size:2.4em !important;
	line-height:1em  !important;
	margin:56px 0 10px  !important;
	padding:0 0 18px  !important;
}

#product-detail p
{
		padding:0 0 1em 0;
		margin-top:0;
}

.dashed-bottom-border
{
			background:url(../images/layout/bkg/dashed-line-bkg.gif) repeat-x 0px 100%;
}

.product-extra
{
		margin-top:1em;
	width:200px;
	float:left;
}

.product-extra h2
{
	font-size:1.5em;line-height:1.3em;
}

.product-extra p
{
	background:none !important;
	padding:.5em 0!important;
}

span.on-special
{
	text-decoration:line-through;
}

span.sale-price
{
	color:#f00;
}


/* End Product Page Styles========= */ 



/* Product Gallery Styles========== */ 

#gallery
{
	width:243px;
	overflow:hidden;
	position:relative;
	margin-top:5px;
}

#gallery li
{
	list-style:none;
	margin:0;
	padding:0;
	float:left;
	margin-right:5px;
}

#gallery li.last
{
	margin-right:0!important;
}

.sold-out
{
	position:absolute;
}

/* End Product Gallery Styles====== */ 

#homepage-features h2.header
{
	padding-bottom:10px !important;
}





/* Recipes Styles=================== */ 

.recipes-nav
{
	width:240px;
	float:left;
	margin-top: 2em;
	padding-left:40px;
}
.recipes-nav li
{
	list-style:none;
	text-transform:uppercase;
	line-height:1.2em;
	font-size:1.1em;
	margin:0 0 .8em 0;
}

.recipes-content
{
	float:right;
	width:380px;
	background:url(/images/layout/bkg/dashed-line-vert-bkg.gif) repeat-y 0 0;
	padding:0 40px;
	margin-top:2em;
}

.recipes-content h1
{
	background:none;
	margin-top:0;
}

/* End Recipes Styles=============== */ 


/* Footer Styles=================== */ 

#footer
{
	background:url(/images/layout/bkg/content-foot-bkg.png) no-repeat;
	height:80px;
	position:relative;
}

#footer p.copyright
{
	font-size:1.2em;
	position:absolute;
	right:40px;
	top:10px;
	margin:0;
	padding:0;
	font-family:Times New Roman;
	font-style:italic;
		color:#333;
}


#footer-nav
{
	padding-top:10px;
	margin-left:20px;
}

#footer-nav li
{
	font-family:Times New Roman;
	font-style:italic;
	font-size:1.2em;
	line-height:1em;
	list-style:none;
	float:left;
	margin:0;
	padding:0 20px;
	border-right:1px solid #7d7d71;
		
}

#footer-nav li a
{
	color:#333;
}

#footer-nav li.last
{
	border-right:none;
}

#footer-nav a
{
	color:#000;
}



/* End Footer Styles=============== */ 

/* Product List Styles============= */ 

.cart-content
{
	margin:80px 42px 0 42px;
}

.cart-content h1
{
	background:none;
}

.product-list
{
	margin-top:80px;
}

.product-list li
{
	list-style:none;
	display:block;
	width:195px;
	margin:0;
	float:left;
	margin-left:26px;
}

.product-list li.row
{
	clear:left;
	margin-left:75px;
}

.product-list .image
{

}

.product-list .description
{
	background:url(/images/layout/bkg/dashed-line-bkg.gif) repeat-x 0 0;
	zoom:1;
	position:relative;
	width:195px;
	text-transform:uppercase;
	
}

.product-list .description h2
{
	text-align:center;
	
}

.product-list .description p
{
	margin:0 !important;
	padding:0 !important;
	
}

p.price {
	text-align:center !important;
	color:#c5a565;
	font-size:1.4em !important;
}
	
/* End Product List Styles========= */ 


/* Cart Styles===================== */ 

.add-to-cart
{
	margin-top:1em;
	background:url(/images/layout/bkg/dashed-line-vert-bkg.gif) repeat-y 0 0;
	width:200px;
	float:right;
	padding:0 0 0 2em;
}

.add-to-cart h2
{
	font-size:2.8em;
	margin:0;
	padding:0;
	color:#3c3c3c;
}

.add-to-cart label
{
	font-size:1.4em;
	margin-right:.5em;
}

/* CART TABLE */
.proceedButton {
	float:right;
}

.proceedButton.top {
	float:left;
}

.cart-tab {
	clear:both;
	width:100%;
	border-collapse:collapse;
	margin:1em 0;
	padding:0;
}

.cart-tab em
{
	font-family:"Times New Roman";
	font-size:0.9em;
}

.cart-tab .button
{
	background:none;
	border:none;
	font-size:1em;
	color:#000;
	font-weight:bold;
	font-style:italic;
	text-transform:none;
	font-family:"Times New Roman"!important;
}

.cart-tab th
{
		background:url(/images/layout/bkg/dashed-line-bkg.gif) repeat-x 0 100%;
}
.cart-tab th, .cart-tab td {

	border-width:1px 0;
	padding:5px 2px;
	font-size:1.4em;
}
.cart-tab .altRow th, .cart-tab .altRow td {
	background:#dcdecf;
}
.cart-tab .totalRow td {

	border-bottom:0;
}
.cart-tab th, .cart-tab .total, .cart-tab .title {
	line-height:1.2em;
}

.cart-tab .total {
	font-size:2em;
}
.cart-tab .total, .cart-tab .price {
	text-align:right;
}

#shipping 
{
	font-family:Georgia;
	font-style:italic;
	background:url(/images/layout/bkg/dashed-line-bkg.gif) repeat-x 0 100%;
	float:right;
	padding-bottom:1em;
	width:450px;
	text-align:right;
	font-size:1.4em;
}
#shipping select
{
	font-size:1em;
}


#shipping h2 {
	font-weight:bold;
	margin-bottom:0.5em;
}

#calcs {
	clear:both;
	font-size:1.4em;
}

.grandTotal {
	background:url(/images/layout/bkg/dashed-line-bkg.gif) repeat-x 0 100%;
	font-size:1.5em;
	font-weight:normal;
	padding:0.2em 0 1em 0;
	text-align:right;
	margin-bottom:1em;
}

.subTotal, .tax {
	padding:0.2em;
	text-align:right;
}

.message
{
	text-align:center;
	color:#000;
	background:#ddd;
	padding:1em;
	font-size:2em;
	font-weight:bold;
	clear:both;
	margin:1em 0;
}

.message strong
{
	color:#AF8126;
}

.free-ship
{
	padding-top:1em;
}

.note
{
	width:400px;
}

.cart-details-left
{
	float:left;
	padding:1em 4.5em 1em 0;
	background:url(/images/layout/bkg/dashed-line-vert-bkg.gif) repeat-y 100% 0%;
	
}

.cart-details-right
{
	width:300px;
	float:right;
}

.cart-details-right p
{
	font-family:Georgia !important;
	font-style:italic !important;
	text-align:right;
	padding-right:0!important;
	font-size:1.5em !important;
}

.cart-details-left label, .cart-details-right label{
	display:block;
	overflow:hidden;
	margin-bottom:.5em;
	font-size:1.2em;
	
}

.cart-details-right label
{
	text-align:right;
}

.cart-details-left input,.cart-details-left select,.cart-details-right input
{
	float:right;
	padding:.3em;
}

.cart-details-right input
{
	margin-left:2em;
	
}

.cart-details-left input
{
	width:200px;	
}
	

#micro-cart
{
	position:absolute;
	right:0;
	margin-top:20px;
	overflow:hidden;
	zoom:1;
	z-index:100;
}

#micro-cart .cart-items
{
	font-family:Arial;
	font-size:1em;
	font-style:normal;
}

#micro-cart .total
{
	font-weight:bold;
}

#micro-cart .view-cart
{
	float:right;
}

#micro-cart .view-cart a
{
	display:block;
	font-family:"Times New Roman";
	background:url(../images/layout/bkg/cart-link.gif) no-repeat  0px 3px;
	font-size:1.3em!important;
	color:#000;	
	width:150px;
	font-weight:normal;
	font-style:italic;
}


/* End Cart Styles================= */ 


#slideshow {
    position:relative;
    height:531px;
}


#slideshow img {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow img.active {
    z-index:10;
    opacity:1.0;
}


#slideshow img.last-active {
    z-index:9;
}


/* root element for the whole scrollable setup
div.scrollable {  
	position:relative;
	overflow:hidden;
	width: 785px;	 
	height:531px;	
}

/* 
	root element for scrollable items. It is 
	absolutely positioned with large width. 

.items {	
	position:absolute;
	width:20000em;	
	clear:both;
}


/* single item 
.items div {
	float:left;
	width:785px;
	height:503px;
	background:#333;
}

.navigator
{
	text-align:center;
	position:absolute;
	top:528px;
	width:785px;
}

.navigator li
{
	list-style:none;
	margin:0;
	padding:5px 15px;
	cursor:pointer;
	display:inline;
	font-size:1.5em;
	color:#333;

	font-style:normal;
}

.navigator li.active{
	color:#f00;
}



 */

/*tooltips formatting*/ 
#tooltip { 
background: #fff; 
color: #000; 
opacity: 0.85; 
border: 5px solid #dedede; 
} 
#tooltip h3 {  
font: normal 10px Verdana;  
margin: 0;  
padding: 6px 2px;  
border: 0; 
} 

	
/* *05: Common Containers & Subclasses -------------------------------------------------------------------------------------------------------------*/