/*~/System/CSS/CSSBase.css*/

.hidden
{
	display:none;
}

.clear
{
	clear:both;
	height:0;
}

/*~/System/CSS/general.css*/

/** Element Cross-Browser Refset **/
/* CSS Document */

/* v1.0 | 20080212 */

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, b, u, i, center, 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-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/** Font Reset based on YUI **/

body {
	font:13px/1.231 arial, helvetica, clean, sans-serif;
*font-size:small;
*font:x-small;
}
table {
	font-size:inherit;
	font:100%;
}
pre, code, kbd, samp, tt {
	font-family:monospace;
*font-size:108%;
	line-height:100%;
}
/** Some Fairly Standard Styling Rules are then applied **/
body {
	padding:0;
	margin: 40px 0 0 0;
	background: #fff url('Images/BodyBackground.jpg') no-repeat center 200px;
	color: #333;
	margin-bottom: 40px;
	position:relative;
 	text-align: center;
}
a {
	text-decoration: none;
	color: #8d5f11;
}
h1 {
	font-size: 158.5%;
	margin-bottom: 20px;
	color: #251b30; 
	font-family: Georgia;
}
#Header h1
{
	margin-bottom:0;
}
h2 {
		font-size: 138.5%;
	margin-bottom: 20px;
	color: #251b30;
	font-weight: bold;
	font-family: Georgia;
}
p { padding-bottom: 10px; }
br { padding-bottom: 0; }
em { font-style: italic; }
/** Elements are Redefined based on site section  **/
h3 { font-weight: bold; font-size: 108%; color: #006600!important; margin-bottom: 10px; font-family: Georgia; }
/** Divs **/
h3 a { color: #006600!important; font-size: 116.5%; font-weight: bold; }
#Page { width: 904px; background: transparent url('Images/Header.jpg') no-repeat center top; overflow: hidden; margin: 0 auto; }
#Wrapper {
	width: 904px;
	margin: 0 auto;
	overflow: hidden;
	text-align: left;
}
#Header { width: 904px; margin: 40px 20px 0 20px; height: 60px; clear: both; 
}
#Header a { width: 904px; height: 100px; display: block; text-indent: -6000px; font-size: 1%; color: #fff; }
#Main {
	width: 904px;
	margin: 0 auto;
	padding: 0 0 20px 0;
	overflow: auto;
	text-align: left;
}
#ContentWrapper { }
#Main a { color: #ee8d28; }
/** Column Planner **/

#Footer 
{
    padding: 15px 40px 5px 0px;
	text-align: right;
	bottom: 0px;	
	font-size: 92%;
	color: #999;
	width: 904px;
	margin:0 auto;
	clear: both;
	font-family: Georgia;
}
#Footer a { color: #000; text-decoration: none; }
#Footer a:hover { text-decoration: underline; }



/* Box model hack \*/
* html #pagewrapper {
  width: 884px;
  width: 882px;
  }
/* */
}
.basket:link {
	color: #fff;
	text-decoration: none;
}
.basket:visited {
	color: #fff;
	text-decoration: none;
}
.basket:hover { 
	color: #fff;
	text-decoration: underline;
}
.basket:active { 
	color: #fff;
	text-decoration: none;
} 
/** Nav **/


#Nav {  margin: 0 auto 20px auto; padding: 10px; width: 904px; overflow: hidden; }
#Nav ul { float: left;  }
#Nav ul li { float: left; }
#Nav ul li a { padding: 0 5px 0 5px; color: #000; font-family: Georgia; font-size: 92%; }
#Nav ul li a.First { border-left: none; }
#Nav ul li a.Last { border-right: none; }
#Nav ul li a:hover { color: #060; }

#ProductMenu { width: 152px; float: left; padding: 10px; text-align: left; }
#ProductMenu h6 { }
h6.Specials {  }
#ProductMenu ul { padding:0; margin:0;  }
#ProductMenu ul li ul { border-bottom: none; }
#ProductMenu ul li a { display: block; width: 152px; padding: 5px 3px 5px 22px; font-size: 100%; text-decoration: none; width: 140px; text-decoration: underline; font-weight: bold; font-size: 92%; color: #090; }

#ProductMenu ul li a:hover { text-decoration: underline; background: transparent url('Images/SidebarIconHover.gif') no-repeat 4px 5px;  }
#ProductMenu ul li ul li { visibility:hidden; display: none;}
#ProductMenu ul li:hover ul li {visibility:visible; display: block }
#ProductMenu ul li ul li a { padding-left: 13px; border: 0 0 0 0; width: 184px; }
#ProductMenu ul li ul li a:first-child { border-top: none; }
#ProductMenu ul li ul li a:hover { color: #333; background-color: #d8d8d8; }

#MainWrapper  
{
    clear: both; 
    width: 904px; 
    margin: 20px auto 0 auto;
    overflow: hidden;
	text-align: left;
	background: transparent url('Images/Footer.jpg') no-repeat center bottom;
     }
#Main ul, #products ul { padding-bottom: 10px; list-style: disc outside; }
#Main li { list-style-type: square; list-style-position: outside; margin-left: 20px; }
#Main div.CatImageHolder img { border: solid 1px #000; margin-left: 15px; margin-bottom: 10px; float: right; }
#products li { list-style-type: square; list-style-position: outside; margin-left: 50px; }
#products h2 { clear: both; }
#Main p { padding-bottom: 10px; }
#Content { float: left; padding: 20px; overflow:hidden; }
#Content ul { margin-bottom: 10px; }
#Content ul li { list-style: outside disc; margin-left: 15px; }
#Content div.Ingredients { clear: both; overflow: hidden; }
#Content div.Instructions { clear: both; overflow: hidden; }
#Content h3 { font-weight: bold; margin-bottom: 5px; letter-spacing: 0.05em; font-family: Lucida Sans Unicode, Lucida Grande, Verdana; }
#RightColumn { float: right; width: 150px; padding: 10px 10px 10px 0; }
	
#SpecialOffers {
	width: 123px;
	padding: 5px;
	margin-left:10px;
	margin-top:10px;
	color: #FF0000;
	}
.DisplayOffer {
    margin-bottom: 20px;
	text-align: center;
	border: 1px solid #f00;
	padding: 5px;
	background-color: #fff;
}
.DisplayOffer h3 { font-weight: bold; }
.DisplayOffer a {
	color: #251b30;
}
/** Form Styling **
/** based on Cimex Media's shopform **/

form.button {
  border: dashed 1px #4d7499;
  text-transform: uppercase;
  padding: 5px;
  font-weight: bold;
  margin: 5px; 
}


.shopform .searchButton,
.shopform .loginButton,
.shopform .sendFormButton,
.shopform .registerButton
{
	background: #fff url('../img/styles_img/button_search.jpg') no-repeat left top;
	width:100px;
	height:23px;
	border:0;
}

.shopform .loginButton
{
	background: #fff url(../img/styles_img/button_login.jpg) no-repeat top left;
}

.shopform .loginButton
{
	background: #fff url(../img/styles_img/button_login.jpg) no-repeat top left;
}

.shopform .sendFormButton
{
	width:200px;
	background: #fff url(../img/styles_img/button_sendform.jpg) no-repeat top left;
}

.shopform .registerButton
{
	width:200px;
	background: #fff url(../img/styles_img/button_register.jpg) no-repeat top left;
}

.shopform {
	width: 90%;
	font-size: 1.1em;
	color: #2d2d2d;
	margin-left:20px;
	}

.shopform fieldset {
  margin-bottom: 10px;
  border: 1px solid #333;
	padding: 20px 20px 10px 20px;
	}

.shopform legend {
  padding: 5px 5px;
  font-weight: bold;
  margin: 0 -7px; /* IE Win */
  color: #555;
}

/*\*//*/
form.shopform legend {
  display: inline-block;
}
/* IE Mac legend fix */

form.shopform label {
  display: inline-block;
  line-height: 1.8;
  vertical-align: top;
  color: #333;
  font-size: 85%;
  width: 250px;
  font-weight: bold;
}

form.shopform fieldset ol {
  margin: 0;
  padding: 0;
}

form.shopform fieldset li {
  list-style: none;
  margin: 0px;
  padding: 5px 10px 7px;
}

p.shopform  {
  margin-bottom: 10px;
  border: none;
  border-top: 1px solid #C9DCA6;
	}
p.shopform ol {
  margin: 0px;
  padding: 0px;
}
p.shopform li {
  list-style: none;
  margin: 0px 0px 10px 0px;
  padding: 5px 10px 7px;
}

form.shopform fieldset fieldset {
  border: none;
  margin: 3px 0 0;
  background: none;
}

form.shopform fieldset fieldset legend {
  padding: 0 0 5px;
  font-weight: normal;
}

form.shopform fieldset fieldset label {
  display: block;
  width: auto;
}

form.shopform em {
  font-weight: bold;
  font-style: normal;
  color: #f00;
}

form.shopform label {
  width: 120px; /* Width of labels */
}
form.shopform p {
  text-align: center;
  padding-bottom: 20px;
}
form.shopform .shopmenuitem {;
  padding: 15px;
}

form.shopform p a {

  text-transform: uppercase;
  padding: 5px;
  font-weight: bold;
}

form.shopform fieldset fieldset label {
  margin-left: 123px; /* Width plus 3 (html space) */
}


/** Product Details Page Styles **/

.productdescription li {
	list-style-type: disc;
	line-height: 20px;
	margin-left: 40px;
}

/* hacks because product descriptions don't seem to close their lists */

.productDescriptionOptions LI {
list-style-type: none;
margin-left:23px;
}

.productdescription LI .productDescriptionOptions LI {
list-style-type: none;
margin-left:-15px;
}

.productdescription LI P {
margin-left:-20px;
}

/* end hacks */

.manufacturerlogo img {
	float: left;
	padding: 100px 0px 0px 0px;
}

/** Product Styles **/

.pricesave {
	color: #f90;
	font-weight: bold;
	font-style:	italic;
}
.pricerrp {
	color: #f90;
	font-weight: bold;
	font-style:	italic;
}
.price {
	color: #e00;
	font-weight: bold;
}

.productprice
{
	padding: 10px;
}

/** Shopping Cart Page Styles**/

.cart
{
padding:10px;
width: 100%; 
font-weight: bold;
margin-bottom: 10px;
}

.cart td
{
padding:5px;
padding-left:8px;

}
.cart td strong { color: #ff9000; }

.cart .item
{
padding-top:7px;
border:1px solid #ff900;
}

.cart .price
{
border:1px solid #ff900;
width:130px;
}

.cart .linetotal
{
padding-top:7px;
border:1px solid #ff900;
width:80px;
}

.cart .total
{
font-weight:bold;
font-size:small;
text-align:center;
}

.cart .suboptions
{
font-style: italic;
border-collapse:collapse;
margin-bottom:10px;
}

.cart .suboptions .row,
.cart .suboptions .name,
.cart .suboptions .value
{
padding:0px;
padding-left:20px;
}

.cart .suboptions .value
{
font-weight: bold;
color:#4D7499;
}

.info P.options
{
padding:10px;
text-align:center;
}

.info P.options A
{
display:inline;
margin: 0px 40px 0px 15px
}


.siteMap
{
padding-top:10px;
padding-bottom:20px;
width:80%;
margin: 0 auto;
font-size: 85%;
}

.siteMap A
{
font-size: 150%;
text-decoration:none;
}

.siteMap A:hover
{
text-decoration:underline;
}

.siteMap UL
{
margin-left:30px;
}

.siteMap UL LI
{
list-style-type:square;
}

.siteMap UL A
{
font-size:140%;
font-weight:bold;
}

.siteMap UL UL A
{
font-size:130%;
font-weight:bold;
}

.siteMap UL UL UL A
{
font-size:120%;
font-weight:normal;
}

.siteMap UL UL UL UL A
{
font-size:110%;
font-weight:normal;
}

/* CSS Document */



.textbox {
padding: 1px 1em;
font-size: .9em;
}

.textbox a {color: #fff;}

.back {text-align: right; padding: 10px 10px 0 0;}

.alignright {margin: 0 30px 20px 0; text-align: right;}

.small {font-size: .8em;}



/** Shop Styles - Links **/

.displayproduct A {
	text-decoration: none;
	color: #090
}
.displayproduct A:hover { 
	text-decoration: underline;
}
#footer A {
	text-decoration: none;
}
#footer A:hover { 
	text-decoration: underline;
}

div.optiontext { font-weight: bold; }
span#productprice { font-weight: bold!important; }
A.productDetailsLink
{
	text-decoration:none;
	font-weight: bold;
	font-size: 1.1em;
}

A.productDetailsLink img
{
	vertical-align:text-bottom;
	margin-top: 10px;
	border:none;
}
div.displayproduct { 
    float: left; 
    width: 189px; 
    padding: 3px;  
    text-align: center;
}
.mid { 
    margin: 0 2px;
 }
div.displayproduct a { text-decoration: none !important; }
div.displayproduct img { border: solid 1px #ccc; position:relative; z-index:2; }
div.displayproduct .imgBox { }
div.displayproduct h3 a { color: #333; font-weight: bold; }
div.displayproduct h3 span { }
div.displayproduct p.ListDescription { color: #999; padding: 10px; font-size: 85%; }
div.displayproduct span.price
{
    display:block;
    text-align:center;
	font-weight: bold;
    /*color:#EF6D0E;*/
    color:#ff0000;
}
div.displayproduct p { color: #555; }

div.displayproduct span.viewProducts
{
    display:block;
    font-size:1.4em;
    text-align:center;
    padding-top:7px;
    color:#2B9614;
    height:24px;
    
}

div.displayproduct span.pricerrp
{
    display:block;
    text-align:center;
	font-weight: bold;
    color:#ff0000;
}

div.displayproduct span.pricesave
{
    display:block;
    text-align:center;
	font-weight: bold;
    color:#5a5a5a;
}

div.displayproduct .alt h3
{

}

div.displayproduct .mid span.price
{
    color:#ff0000;
}
div.displayproduct .mid span.pricerrp
{
    color:#ff0000;
}
div.displayproduct .mid span.pricesave
{
    color:#5a5a5a;
}

div.productwrapper {  }
div.productOptions
{
}

* html div.productOptions
{
}

.productOptions form
{
padding:20px;
}

#currency { font-size: 85%; }

#ProductMenu div a
{
    display:block;
    text-align:center;
}

.clear
{
    clear:both;
}

.ImageHolder .clear
{
clear:none;
}


/*~/System/CSS/Blog.css*/

#blog div.ContentItem { width:840px; padding-bottom: 10px; border-bottom: solid 1px #559933; margin-bottom: 10px; overflow: hidden; clear: both; }
#blog div.ContentItem img { clear:both; }
#blog div.ContentItem div { width: 820px;  padding-right:10px; }
#blog div.ContentItem div.wideContent { width: auto; float: left; clear:both; }

#blog div.ContentItem div ul { padding: 0 20px; }
#blog div.ContentItem div ul li { list-style: disc outside; }

#blog div.ContentItem div.postContent
{
	overflow:hidden;
}

#blog div.ContentItem div.postInfo 
{
	float:right !important;
	padding:10px 0 !important;
	width:230px !important;
	overflow:hidden;	
	border: solid 1px #999;
	color: #777;
}

#blog div.ContentItem div.postInfo ul
{
	width: 190px;
	padding: 0;
}

#blog div.ContentItem div.postInfo ul li
{
	list-style:none;
}

#blog div.ContentItem div.postInfo div.emailBox
{
	float:left;
	width:220px;
}

#blog div.ContentItem div.postInfo div.emailBox label
{
	width:70px;
	float:left;
	padding-top:4px;
	clear:both;
}
#blog div.ContentItem div.postInfo div.emailBox input
{
	float:left;
	margin-bottom:3px;
}
#blog div.ContentItem div.postInfo div.emailBox a.submit
{
	float:right;
	margin-top:3px;
}


* html #blog div.ContentItem div.postInfo div.emailBox
{
	overflow:visible;
	height:0;
}

#blog div.ContentItem div.postInfo div.emailBox>div
{
	border:solid 1px black;
}

#blog div.ContentItem div.blogLinks 
{
	float:right !important;
	padding:0 !important;
	width:220px !important;
}

#blog div.ContentItem h2 .date
{
	font-size:80%;
	color:#afafaf;
}

#blog div.ContentItem ol { list-style-type: decimal; padding-left:30px; }
#blog div.ContentItem ul, #blog div.ContentItem ol { clear:both; float: left; margin-right: 10px; font-size:120%; }
#blog div.ContentItem ul li, #blog div.ContentItem ol li { padding-bottom:3px; }
#blog div.ContentItem ul li a, #blog div.ContentItem ol li a { font-weight: bold; line-height: 1.3em; }
#blog div.ContentItem p { clear:both; }

#blog div.ContentItem p.EmailLink { overflow: hidden; padding-bottom: 4px; }
#blog div.ContentItem p.EmailLink strong { float: left; margin-right: 10px; padding-top:2px; }
#blog div.ContentItem p.EmailLink a { display: block; float: left; width: 16px; height: 16px; margin-top: 3px; background: transparent url('Images/arrow_button.gif') no-repeat left top; text-indent: -6000px;  }

#blog div.ContentItem p.LinkTo { overflow: hidden; padding-bottom:4px; }
#blog div.ContentItem p.LinkTo strong { float: left; margin-right: 10px; padding-top:2px; }
#blog div.ContentItem p.LinkTo a { display: block; float: left; width: 16px; height: 16px; margin-top: 3px; background: transparent url('Images/arrow_button.gif') no-repeat left top; text-indent: -6000px;  }

#blog div.ContentItem p.ShareWith { overflow: hidden; padding-bottom:0; }
* html #blog div.ContentItem p.ShareWith { height:40px; }
#blog div.ContentItem p.ShareWith strong { float: left; margin-right: 10px; padding-bottom:3px;padding-top:2px; }
#blog div.ContentItem p.ShareWith a { display: block; width: 14px; height: 16px; text-indent: -6000px !important; float: left; margin: 3px 10px 0 0; overflow:hidden;}
#blog div.ContentItem p.ShareWith a.ShareDelicious { background: transparent url('Images/ShareIcons/ShareDelicious.png') no-repeat left top; }
#blog div.ContentItem p.ShareWith a.ShareDigg { background: transparent url('Images/ShareIcons/ShareDigg.png') no-repeat left top; }
#blog div.ContentItem p.ShareWith a.ShareFacebook { background: transparent url('Images/ShareIcons/ShareFacebook.png') no-repeat left top; }
#blog div.ContentItem p.ShareWith a.ShareStumbleUpon { background: transparent url('Images/ShareIcons/ShareStumbleUpon.png') no-repeat left top; }
#blog div.ContentItem p.ShareWith a.ShareTechnorati { background: transparent url('Images/ShareIcons/ShareTechnorati.png') no-repeat left top; }

#blog div.ContentItem div.comments
{
	width:580px;
	margin:0;
	overflow:hidden;
	font-size:120%;
}

#blog div.ContentItem div.comments div.moreContent
{
	font-size:85% !important;
	width:340px;
}


#blog div.ContentItem div.blogCommentsView
{
	width:100%;
}

#blog div.ContentItem div.blogCommentsView h3
{
	padding-bottom: 5px;
	border-bottom: solid 1px #559933; 
	margin-bottom: 8px;
	width:100%;
	font-size:90%;
}

#blog div.ContentItem div.blogCommentsView h3.noborder
{
	border-bottom:none;
}

#blog div.ContentItem div.blogCommentsView .comment
{
	padding-bottom: 5px;
	padding-right:0;
	border-bottom: solid 3px #FB2424; 
	margin-bottom: 8px; 
	overflow: hidden; 
	clear: both;
	font-size:80%;
	width:100%;
}

#blog div.ContentItem div.blogCommentsView .comment p.author,
#blog div.ContentItem div.blogCommentsView .comment p.date
{
	font-style: italic;
	padding:0 0 3px 0;
}

#blog div.ContentItem div.blogCommentsPost
{
	width:100%;
	margin:0;
	overflow:hidden;
	font-size:0.9em;
}

#blog div.ContentItem div.blogCommentsPost ul
{
	width:300px;
	margin-bottom:20px;
	margin-left:25px;
	list-style: circle;
}

#blog div.ContentItem div.blogCommentsPost label
{
	clear:both;

	display:block;
	padding-left:2px;
	padding:0 0 3px 2px;
	font-weight:bold;
}

#blog div.ContentItem div.blogCommentsPost input
{
	clear:both;
	width:150px;
	margin-bottom:10px;
	border:solid 1px #DFDFDF;
	background: #fff !important;
}

#blog div.ContentItem div.blogCommentsPost textarea
{
	clear:both;
	width:360px;
	height:150px;
	margin-bottom:10px;
	border:solid 1px #DFDFDF;
	background: #fff !important;
}

#blog div.ContentItem div.blogCommentsPost div.captcha
{
}

#blog div.ContentItem div.blogCommentsPost div.captcha div
{
	width:340px;
	height:65px;
	position:relative;
}

#blog div.ContentItem div.blogCommentsPost div.captcha img
{
	position:absolute;
	top:5px;
	right:0;
}

#blog div.ContentItem div.blogCommentsPost a.postMessageButton
{
	font-size:1.3em;
	*font-size:1.2em;
	font-weight:bold;
	clear:both;

	color:#AFAFAF;
}

#blog .moderated
{
	padding-top:20px;
}

.pager
{
	float:right;
}

.pager ul
{
	list-style:none;
}

.pager li
{
	float:left;
	list-style:none !important;
}

#blog #blogSearchBox
{
	width:220px;
	float:right;
}