/********************************************  CSS 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,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%;
	font-weight: normal;
}
ol, ul {
	list-style: none;
	line-height: 1;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
input {
	padding: 0;
	margin: 0;
	font-size: 100%;
}
blockquote, q { quotes: none; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
th { text-align: left; }
address { font-style: normal; }
.clearFloat { clear: both; }
.clearFix { height: 0; font-size: 0; overflow: hidden; }
.hidden { display: none; }
body, select, input, textarea { font-family: arial, sans-serif; }
textarea { margin: 0; font-size: 100%; }

input[type="hidden"] {
	display: none !important;
	visibility: hidden !important;
	height: 0px !important;
}




/**********************************************  HEADER  **********************************************/

#header {
	width: 988px;
	margin: 0 auto;
	height: 100px;
	position: relative;
}
.headerLogo {
	position: absolute;
	left: 5px;
	top: 23px;
}
#headerControls {
	position: absolute;
	right: 0;
	top: 0;
	width: 352px;
}
.controlsSearch,
.controlsMyAccount {
	width: 292px !important;
}
#headerControls .searchPanel,
#headerControls .loginPanel,
#headerControls .signupPanel,
#headerControls .myAccountPanel {
	display: none;
	height: 38px;
	width: 336px;
	background: url('/images/header/header-controls-bg.png') no-repeat left -10px;
	padding: 5px 0 0 16px;
}
#headerControls .loginPanel.loginWidget {
	background-position: left 0;
	padding-bottom: 10px;
}
#headerControls .searchPanel,
#headerControls .myAccountPanel {
	width: 276px;
	background-position: left bottom;
}
.controlsSearch .searchPanel,
.controlsLogin .loginPanel,
.controlsSignup .signupPanel,
.controlsMyAccount .myAccountPanel {
	display: block !important;
}
#headerControls .inputContainer {
	position: relative;
	float: left;
	width: 144px;
	height: 27px;
	background: url('/images/header/controls-input-bg.gif') no-repeat left top;
	margin: 0 4px 0 0;
	display: inline;
}
#headerControls .searchPanel .inputContainer {
	margin-left: 88px;
}
#headerControls .searchPanel .inputContainer label {
	left: -89px;
	color: #fff;
	font-size: 14px;
}
#headerControls .inputContainer.focus {
	background-position: left bottom;
}
#headerControls .inputContainer label {
	font-size: 12px;
	position: absolute;
	left: 12px;
	top: 6px;
	color: #888;
}
#headerControls .inputContainer input {
	background: none;
	border: 0;
	width: 133px;
	padding: 6px 0 0 11px;
	font-size: 12px;
}
#headerControls .submitBtn {
	float: left;
	margin: 1px 0 0 0;
}
#headerControls .submitBtn input {
	background: url('../images/header/controls-login-btn.gif') no-repeat left top;
	width: 26px;
	height: 25px;
	display: block;
	font-size: 0;
	line-height: 0;
	text-indent: -9999em;
	border: 0;
	cursor: pointer;
}
#headerControls .searchPanel .submitBtn input {
	background-image: url('../images/header/controls-search-btn.gif');
}
#headerControls .submitBtn input:hover, #headerControls .submitBtn input.hover {
	background-position: left bottom;
}
#headerControls ul {
	margin: -5px 0 0 0;
	overflow: hidden;
	padding: 0 10px;
	font-family: "trebuchet ms", arial, sans-serif;
}
#headerControls li {
	background: url('/images/header/tabs-bg.gif') no-repeat 0 top;
	width: 60px;
	height: 17px;
	float: right;
	color: #fff;
	text-transform: uppercase;
	font-size: 11px;
	text-align: center;
	cursor: pointer;
	padding: 5px 0 0 0;
}
#headerControls li.longTab {
	width: 100px;
	background-image: url('/images/header/tabs-long-bg.gif');
}
#headerControls #searchTab {
	float: left;
}
#headerControls li.selected {
	background-position: 0 bottom;
	cursor: default;
	height: 22px;
}
#headerControls li:hover {
	background-position: 0 -22px;
}
#headerControls li.selected:hover {
	background-position: 0 bottom !important;
}
#headerControls .myAccountPanel {
	color: #fff;
	font-size: 12px;
	height: 40px;
	padding-top: 3px;
}
#headerControls .myAccountPanel a {
	color: #fff;
	text-decoration: none;
	font-weight: bold;
}
#headerControls .myAccountPanel a:hover {
	text-decoration: underline;
}
#headerControls .loginPanel .loginMsg{
	position: absolute;
	bottom: 13px;
	left: 28px;
	color: #a10404;
	font-size: 11px;
}
#headerControls .loginPanel .loginMsg a {
	color: #fff;
	text-decoration: none;
}
#headerControls .loginPanel .loginMsg a:hover {
	text-decoration: underline;
}
.headerTagline {
	position: absolute;
	left: 224px;
	top: 47px;
	width: 266px;
	height: 28px;
	text-indent: -9999em;
	background: url('/images/header/header-tagline.gif');
}


/**********************************************  FOOTER  **********************************************/

#footerWrapper {
	background: url('/images/bg/footer-wrapper-bg.png') repeat-x center bottom;
	min-width: 988px;
}
#footer {
	height: 50px;
	background: url('/images/bg/footer-bg.png') no-repeat center bottom;
	position: relative;
	padding: 320px 0 0 0;
	min-width: 988px;
}
#footerContent {
	width: 881px;
	margin: 0 auto;
	height: 30px;
	background: url('/images/bg/footer-content-bg.png') no-repeat center bottom;
	padding: 20px 30px 0 76px;
}
.footerTagline {
	color: #fff;
	font-size: 19px;
	float: left;
	line-height: 25px;
	margin: -2px 0 0 0;
}
#footerContent ul {
	float: right;
	font-size: 12px;
	color: #fff;
	white-space: nowrap;
	margin: 5px 0 0 0;
}
#footerContent li {
	display: inline;
	border-left: 1px #fff solid;
	margin: 0 0 0 4px;
}
#footerContent li.fb {
	border: 0;
	margin: 0 0 0 0;
}
#footerContent li.fb a {
	background: url('/images/icons/ico-fb.gif') no-repeat left center;
	padding: 0 0 0 20px;
}
#footerContent a,
#footerContent span {
	color: #fff;
	text-decoration: none;
	margin: 0 0 0 4px;
}
#footerContent a {
	text-transform: lowercase;
}
#footerContent a:hover {
	text-decoration: underline;
}


/***********************************************  MENU  ***********************************************/

#menu {
	background: url('/images/menu/menu-bg.gif') no-repeat left center;
	width: 762px;
	height: 33px;
	position: relative;
	z-index: 5;
}
#menu li {
	float: left;
	margin: 0 5px 0 0;
}
#menu a {
	color: #fff;
	text-decoration: none;
	font-size: 16px;
	line-height: 20px;
	padding: 6px 8px 7px 8px;
	display: block;
	float: left;
}
#menu li.selected a {
	border: 1px #4b8b58 solid;
	border-bottom: 0;
	padding: 4px 7px 8px 7px;
	background: #5f9b6b url('/images/menu/menu-item-bg-selected.gif') repeat-x left top;
}
#menu li:hover a,
#menu li.hover a,
#menu li.selected:hover a {
	border: 1px #266132 solid;
	border-bottom: 0;
	padding: 4px 7px 8px 7px;
	background: #276233 url('/images/menu/menu-item-bg.gif') repeat-x left top;
}
#menu li:hover a:active {
	padding-top: 5px;
	padding-bottom: 7px;
}
#menu #miHome a {
	width: 30px;
	height: 31px;
	padding: 0;
	text-indent: -9999em;
	background: url('/images/menu/home-icon.gif') no-repeat left top;
	margin: 1px 0 0 0;
	border: 0 !important;
}
#menu #miHome a:hover {
	background-position: left bottom;
	padding: 0;
	border: 0;
}


/******************************************  MEGA FLYOUT MENU  ****************************************/

#menu .flyout {
	border: 4px #266132 solid;
	width: 720px;
	position: absolute;
	z-index: 2;
	left: 0;
	top: 33px;
	background: url('/images/menu/flyout-bg.png') repeat-x left top;
	padding: 15px 17px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	visibility: hidden;
}
#menu .flyout .categoryHeader {
	color: #fff;
	font-size: 1.125em;
	margin: 0 0 5px 0;
	text-transform: capitalize;
}
#content #menu .flyout .categoryHeader a {
	margin: 0;
	padding: 0;
	font-size: 1em;
	background: none;
	line-height: 1em;
	float: none;
}
#menu .flyout li {
	float: left;
	width: 124px;
	border-right: 1px #458151 solid;
	border-left: 1px #377243 solid;
	padding: 2px 10px 0 12px;
	margin: 0;
}
#menu .flyout .first {
	border-left: 0;
	padding-left: 0;
}
#menu .flyout .last {
	border-right: 0;
	padding-right: 0;
}
#content #menu .flyout a {
	padding: 0;
	background: none;
	border: 0;
	float: left;
	display: inline;
	font-size: .75em;
	padding: 1px 0 1px 11px;
	background: url('/images/icons/ico-flyout-bullet.gif') no-repeat left .45em;
	line-height: 1.25em;
}
#content #menu .flyout a:hover {
	text-decoration: underline;
}
#menu .subMenuSet {
	border: 0;
	position: static;
	height: auto; 
}
#menu .subMenuSet li {
	width: 124px;
	float: left;
	border: 0;
	padding: 0;
	margin: 0 0 4px 0;
	overflow: hidden;
}



/******************************************  MEGA FLYOUT MENU - Narrow View ****************************************/

#menu .flyoutNarrow {
	border: 4px #266132 solid;
	width: 130px;
	position: absolute;
	z-index: 2;
	left: 0;
	top: 33px;
	background: url('/images/menu/flyout-bg.png') repeat-x left top;
	padding: 15px 17px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	visibility: hidden;
}

#menu .flyoutNarrow.media{
	border: 4px #266132 solid;
	width: 130px;
	position: absolute;
	z-index: 2;
	left: 270px !important;
	top: 33px;
	background: url('/images/menu/flyout-bg.png') repeat-x left top;
	padding: 15px 17px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	visibility: hidden;
}


#menu .flyoutNarrow .categoryHeader {
	color: #fff;
	font-size: 1.125em;
	margin: 0 0 5px 0;
	text-transform: capitalize;
}
#content #menu .flyoutNarrow .categoryHeader a {
	margin: 0;
	padding: 0;
	font-size: 1em;
	background: none;
	line-height: 1em;
	float: none;
}
#menu .flyoutNarrow li {
	float: left;
	width: 124px;
	padding: 2px 10px 0 12px;
	margin: 0;
}
#menu .flyoutNarrow .first {
	border-left: 0;
	padding-left: 0;
}
#menu .flyoutNarrow .last {
	border-right: 0;
	padding-right: 0;
}
#content #menu .flyoutNarrow a {
	padding: 0;
	background: none;
	border: 0;
	float: left;
	display: inline;
	font-size: .75em;
	padding: 1px 0 1px 11px;
	background: url('/images/icons/ico-flyout-bullet.gif') no-repeat left .45em;
	line-height: 1.25em;
}
#content #menu .flyoutNarrow a:hover {
	text-decoration: underline;
}
#menu .subMenuSet {
	border: 0;
	position: static;
	height: auto; 
}
#menu .subMenuSet li {
	width: 124px;
	float: left;
	border: 0;
	padding: 0;
	margin: 0 0 4px 0;
	overflow: hidden;
}







/*********************************************  SIDEBAR  **********************************************/

#sidebar {
	width: 211px;
	float: right;
	margin: 1px 0 0 0;
}
.sidebarBlock {
	background: url('/images/sidebar/sidebar-block-header-bg.gif') no-repeat left top;
	margin: 0 0 9px 0;
}
.sidebarBlockContent {
	padding: 0 6px 10px 6px;
	background: url('/images/sidebar/sidebar-block-footer-bg.gif') no-repeat left bottom;
}
.sidebarBlockContent.navBlock {
	padding-left: 0;
	padding-right: 0;
}
.sidebarBlock h2 {
	color: #fff;
	padding: 5px 0 5px 10px;
	line-height: 20px;
	height: 21px;
	font-size: 16px;
	margin: 0;
}
.sidebarBlock h2 a {
	color: #fff;
	text-decoration: none;
}
.sidebarBlock .shoppingCartStats {
	position: relative;
	overflow: hidden;
	font-size: 12px;
	padding: 10px 5px 0 5px;
	width: 189px;
}
.sidebarBlock .shoppingCartStats .itemCount {
	float: left;
	width: 55px;
	display: inline;
}
.sidebarBlock .shoppingCartStats .priceCount {
	float: left;
	display: inline;
}
.sidebarBlock .shoppingCartStats .checkoutLink {
	float: right;
	display: inline;
}
.sidebarBlock .shoppingCartStats .checkoutLink a {
	text-decoration: none;
	background: url('/images/icons/ico-arrow-bullet.gif') no-repeat right center;
	padding: 0 20px 0 0;
}
.sidebarBlock .shoppingCartStats .checkoutLink a:hover {
	text-decoration: underline;
}
.sidebarBlock h2.icoShoppingBlack,
.sidebarBlock h2.icoShipping,
.sidebarBlock h2.icoVideo,
.sidebarBlock h2.icoNewsletter,
.sidebarBlock h2.icoShopping {
	background: url('/images/icons/header-icons.gif') no-repeat;
	padding-left: 40px;
}
.sidebarBlock h2.icoShoppingBlack { background-position: 0 0; }
.sidebarBlock h2.icoShipping { background-position: 0 -31px; }
.sidebarBlock h2.icoVideo { background-position: 0 -62px; }
.sidebarBlock h2.icoNewsletter { background-position: 0 -93px; }
.sidebarBlock h2.icoShopping { background-position: 0 -186px; }

.sidebarBlock .promoTile a {
	width: 211px;
	height: 48px;
	display: block;
}
.sidebarBlock .promoTile span {
	width: 211px;
	height: 48px;
	display: block;
	overflow: hidden;
}
.sidebarBlock .videoContainer {
	padding: 9px 0 5px 4px;
}
.sidebarBlock .recipeName {
	color: #266132;
	text-align: center; 
}
.sidebarBlock .recipeName a:hover {
	text-decoration: none;
}
.sidebarBlock .videoContainer a {
	display:block; 
	overflow:hidden; 
	width:184px; 
	height: 136px;
	position:relative;
	border:3px solid #63966B;
}
.sidebarBlock .videoContainer a img{
	position:absolute;
	display:block;
	margin:-3px 0 0 -3px;

}
.sidebarBlock p {
	padding: 10px 10px 0 6px;
	position: relative;
	margin: 0 0 15px 0;
}
.sidebarBlock a:hover {
	text-decoration: none;
}
.sidebarBlock #postCodeCheck {
	min-height: 71px;
	height: auto !important;
	height: 71px;
}
.sidebarBlock #postCodeCheck label {
	font-size: 14px;
	padding: 10px 0 10px 8px;
	display: block;
}
.sidebarBlock #postCodeCheck fieldset {
	overflow: hidden;	
}
.sidebarBlock #postCodeCheck .textContainer {
	width: 119px;
	height: 35px;
	background: url('/images/forms/pcode-check-input-bg.gif');
	float: left;
	display: inline;
	margin: 0 0 0 5px;
}
.sidebarBlock #postCodeCheck .textContainer.focus {
	background-position: left bottom;
}
.sidebarBlock #postCodeCheck .textContainer input {
	font-size: 18px;
	width: 110px;
	border: 0;
	background: none;
	padding: 7px 0 5px 8px;
}
.sidebarBlock #postCodeCheck form .imgBtn {
	float: right;
	display: inline;
	margin: 0 4px 0 0;
}
.sidebarBlock #postCodeCheck form,
.sidebarBlock #postCodeCheck .pcodeChecking,
.sidebarBlock #postCodeCheck .pcodeAvailable,
.sidebarBlock #postCodeCheck .pcodeUnavailable {
	display: none;
}
.sidebarBlock #postCodeCheck.showCheck form,
.sidebarBlock #postCodeCheck.showChecking .pcodeChecking,
.sidebarBlock #postCodeCheck.showAvailable .pcodeAvailable,
.sidebarBlock #postCodeCheck.showUnavailable .pcodeUnavailable {
	display: block;
}
.sidebarBlock .pcodeChecking {
	padding-top: 30px;
	text-align: center;
}
.sidebarBlock .pcodeChecking .processing {
	padding: 0 0 0 22px;
	font-size: 14px;
	background: url('/images/icons/ico-ajax-loader-type1.gif') no-repeat left center;
	display: inline;
}
.sidebarBlock .pcodeAvailable,
.sidebarBlock .pcodeUnavailable {
	padding: 10px 0 0 5px;
}
.sidebarBlock #postCodeCheck .successMsg,
.sidebarBlock #postCodeCheck .errorMsg {
	font-size: 12px;
	background: no-repeat left center;
	padding: 0 0 0 30px;
}
.sidebarBlock #postCodeCheck .successMsg { background-image: url('/images/icons/ico-success-green.gif') }
.sidebarBlock #postCodeCheck .errorMsg { background-image: url('/images/icons/ico-error-green.gif') }

.sidebarBlock .newsletterForm {
	margin: -5px 0 0 5px;
}
.sidebarBlock .newsletterForm .inputContainer {
	width: 190px;
	position: relative;
	height: 35px;
}
.sidebarBlock .newsletterForm label {
	position: absolute;
	font-size: 12px;
	left: 8px;
	top: 8px;
	z-index:99;
}
.sidebarBlock .newsletterForm #newsletterAddress {
	border: 1px #5e9a6a solid;
	border-right: 0;
	padding: 7px 5px 6px 6px;
	width: 134px;
	font-size: 12px;
	position: absolute;
	top: 0;
	left: 0;
}
.sidebarBlock .newsletterForm .imgBtn {
	position: absolute;
	top: 0;
	right: 0;
}
.sidebarBlockContent .signupErrorMsg,
.sidebarBlockContent .signupSuccessMsg {
	background: no-repeat left center;
	padding: 4px 0 4px 30px;
	margin: 0 0 10px 5px;
}
.sidebarBlockContent .signupErrorMsg { background-image: url('/images/icons/ico-error-green.gif') }
.sidebarBlockContent .signupSuccessMsg { background-image: url('/images/icons/ico-success-green.gif') }


/**********************************************  SUBNAV  **********************************************/

.subNav {
	overflow: hidden;
	width: 210px;
	padding: 10px 0 0 0;
}
.subNav li {
	border-top: 1px #8aaa91 dotted;
	float: left;
	width: 209px;
	padding: 0 0 0 1px;
}
.subNav li.first {
	border-top: 0;
}
.subNav a {
	text-decoration: none;
	float: left;
	height: 100%;
	width: 186px;
	color: #000;
	padding: 7px 5px 7px 20px;
	font-size: .75em;
	background: url('/images/icons/ico-arrow-bullet-black.gif') no-repeat 10px center;
}
.subNav li.current a {
	background-color: #266132 !important;
	background-image: url('/images/icons/ico-arrow-bullet-white.gif') !important;
	color: #fff !important;;
}
.subNav a:hover {
	background: #e9f1ec url('/images/icons/ico-arrow-bullet-black.gif') no-repeat 10px center;
	color: #000
}


/*******************************************  PAGE LAYOUT  ********************************************/

body, html { height: 100%; }

body {
	background: #edf3f0 url('/images/bg/body-bg-repeat.png') repeat-x left top;
}
#wrapper {
	background: url('/images/bg/header-wrapper-bg.jpg') no-repeat center top;
	margin-bottom: -280px;   
	min-height: 100%; 
	height: auto !important; 
	height: 100%;
	position: relative;
	z-index: 1;
	min-width: 988px;
}
#container {
	width: 988px;
	margin: 0 auto;
}
#content {
	width: 762px;
	float: left;
}
#main {
	clear: both;
	padding: 0 4px 0 10px;
}
.clearfooter {   
	height: 210px;   
	clear: both;
}


/******************************************  PAGE CONTROLS  *******************************************/

#pageControls {
	overflow: hidden;
	padding: 5px 0 10px 0;
	width: 748px;
}
.breadcrumbs {
	float: left;
	font-size: .6875em;
	margin: 5px 0 0 0;
}
.breadcrumbs li {
	float: left;
	background: url('/images/icons/ico-breadcrumb-divider.gif') no-repeat left center;
	padding: 0 0 1px 12px;
	margin: 0 8px 0 0;
}
.breadcrumbs li.f {
	background: 0;
	padding-left: 0;
}
.breadcrumbs a {
	text-decoration: none;
	color: #266132;
}
.breadcrumbs a:hover {
	text-decoration: underline;
}
.tools {
	float: right;
}
.tools img {
	padding: 2px;
	cursor: pointer;
}



/********************************************  HOME PAGE  *********************************************/

.homeHero {
	height: 280px;
	position: relative;
	background: url('/images/content/home-hero.jpg') no-repeat left bottom;
	padding: 10px 120px 0 30px;
}
.homeHero h1 {
	margin: 0 0 5px 0;
}
.homeHero p {
	color: #333;
	font-size: 14px;
	margin: 0 0 10px 3px;
}
.homeHero blockquote {
	position: absolute;
	left: 172px;
	top: 136px;
	width: 220px;
}
.homeHero blockquote p {
	font-size: 12px;
	line-height: 1.5em;
	padding: 4px 0 0 0;
}
img.quote{
	margin-top:4px;
}
.homeTiles {
	padding: 0 0 15px 0;
}
.homeTiles .thumb {
	position: absolute;
	right: 0;
	bottom: 0;
}
.homeTiles .homeTileLeft,
.homeTiles .homeTileRight { 
	width: 348px;
	height: 103px;
	background: url('/images/bg/home-tile-bg.gif');
	padding: 7px 0 0 18px;
	position: relative;
}
.homeTiles h2 {
	color: #266132;
	font-size: 
	line-height: 36px;
	font-size: 30px;
	margin: 0;
}
.homeTiles p {
	font-size: 14px;
	color: #266132;
	margin: -2px 0 5px 0;
}
.homeTiles .homeTileLeft { float: left; }
.homeTiles .homeTileRight { float: right; }


/*******************************************  PRODUCT COLS  *******************************************/

.productList {
	width: 748px;
	overflow: hidden;
	margin: 0 0 40px 0;
}
.productList.homeProducts {
	margin: 0 0 20px 0;
}
.productList li {
	float: left;
	width: 175px;
	margin: 0 0 25px 16px;
	display: inline;
	position: relative;
	padding: 0 0 25px 0;
}
.productList.homeProducts li {
	margin-bottom: 0;
}
.productList li.first {
	margin-left: 0;
	clear: left;
}
.productList .productThumb {
	border: 1px #5e9a6a solid;
	display: block;
	margin: 0 0 10px 0;
	width: 173px;
	height: 127px;
	position: relative;
}
.productList .productThumb:hover {
	border-color: #9d0202;
}
.productList .productThumb img {
	position: absolute;
}
.productList .productThumb .icoNew {
	right: -1px;
	top: -1px;
	z-index: 1;
}
.productList .productContent {
	margin: 0 0 10px 0;
}
.productList h2 {
	margin: 0 0 .5em 5px;
}
.productList h2 a {
	color: #336b3f;
}
.productList h2 a:hover {
	text-decoration: none;
}
.productList p {
	margin: 0 0 0 5px;
	line-height: 1.5em;
}
.productList .qtyForm {
	position: relative;
	width: 170px;
	overflow: hidden;
	height: 28px;
}
.productList .price {
	font-size: 18px;
	color: #333;
	font-weight: bold;
	margin: 5px 0 10px 5px;
}
.productList .qtyForm .inputContainer {
	position: absolute;
	left: 5px;
	top: 0;
	width: 45px;
	height: 28px;
	background: url('/images/forms/product-col-input-bg.gif');
}
.productList .qtyForm .inputContainer input {
	background: none;
	border: 0;
	position: absolute;
	top: 0;
	left: 0;
	padding: 6px 0 4px 6px;
	width: 40px;
	font-size: 14px;
}
.productList .qtyForm label {
	text-transform: uppercase;
	position: absolute;
	top: 7px;
	left: 7px;
	font-size: 14px;
}
.productList .qtyForm .addBtn {
	position: absolute;
	left: 60px;
	top: 0;
}
.productList .msgLoading,
.productList .msgError,
.productList .msgSuccess {
	position: absolute;
	bottom: 0;
	left: 5px;
	font-size: 12px;
	padding: 2px 15px 2px 21px;
	background: no-repeat left center;
}
.productList .msgLoading {
	background-image: url('/images/icons/ico-ajax-loader-type1.gif');
}
.productList .msgSuccess {
	background-image: url('/images/icons/ico-success-small.gif');	
}
.productList .msgError {
	background-image: url('/images/icons/ico-error-small.gif');	
}
/*
.productList .checkoutBtn {
	position: absolute;
	right: 15px;
	top: 36px;
}*/


/***************************************  PRODUCTS BY THE ITEM  ***************************************/

.productItemList li {
	width: 732px;
	padding: 1px;
	padding: 7px;
	overflow: hidden;
	position: relative;
}
.productItemList li.dark {
	border: 1px #baddc1 solid;
	background: #e3f0e7;
	padding: 6px;
}
.productItemList .thumb {
	display: block;
	width: 88px;
	height: 55px;
	border: 1px #5e9a6a solid;
	float: left;
	position: relative;
}
.productItemList .thumb .icoNew {
	width: auto;
	height: auto;
	z-index: 1;
	right: -1px;
	top: -1px;
}
.productItemList .thumb img {
	width: 88px;
	height: 55px;
	position: absolute;
	top: 0;
	right: 0;
}
.productItemList .productItemContent {
	float: left;
	width: 360px;
	margin: 0 0 0 15px;
	display: inline;
}
.productItemList h2 {
	margin: 0;
	color: #266132;
}
.productItemList p {
	margin: 0;
}
.productItemList .qtyForm {
	width: 103px;
	overflow: hidden;
	height: 28px;
	float: left;
	position: absolute;
	right: 7px;
	top: 8px;
}
.productItemList .qtyForm .inputContainer {
	position: absolute;
	left: 0;
	top: 0;
	width: 45px;
	height: 28px;
	background: url('/images/forms/product-col-input-bg.gif');
}
.productItemList .qtyForm .inputContainer input {
	background: none;
	border: 0;
	position: absolute;
	top: 0;
	left: 0;
	padding: 6px 0 4px 6px;
	width: 40px;
	font-size: 14px;
}
.productItemList .qtyForm label {
	text-transform: uppercase;
	position: absolute;
	top: 7px;
	left: 7px;
	font-size: 14px;
}
.productItemList .qtyForm .addBtn {
	position: absolute;
	right: 0;
	top: 0;
}
.productItemList .price {
	font-size: 18px;
	color: #333;
	font-weight: bold;
	width: 151px;
	padding: 0 13px 0 0;
	text-align: right;
	float: left;
	margin: 6px 0 0 0;
}
.productItemList .msgLoading,
.productItemList .msgError,
.productItemList .msgSuccess {
	position: absolute;
	bottom: 7px;
	right: 7px;
	text-align: right;
	background: no-repeat left center;
	padding: 4px 0 4px 21px;
	font-size: 12px;
}
.productItemList .msgError { background-image: url('/images/icons/ico-error-small.gif') }
.productItemList .msgSuccess { background-image: url('/images/icons/ico-success-small.gif') }
.productItemList .msgLoading { background-image: url('/images/icons/ico-ajax-loader-type1.gif') }

.productItemList .checkoutBtn {
	position: absolute;
	right: 7px;
	top: 8px;
}

/*****************************************  PRODUCT DETAILS  ******************************************/

.productDetail {
	position: relative;
	padding: 0 0 106px 324px;
	width: 424px;
	min-height: 145px;
	height: auto !important;
	height: 145px;
}
.productDetail h2 {
	float: left;
	font-size: 1.5em;
	margin: 0 0 .5em 0;
	width: 330px;
}
.productDetail p {
	line-height: 1.5em;
}
.productDetail .headerPrice {
	float: right;
	font-size: 1.5em;
	color: #266132;
	white-space: nowrap;
}
.productDetail .productImg {
	position: absolute;
	left: 0;
	top: 0;
	border: 1px #629d6e solid;
	width: 298px;
	height: 249px;
	display: block;
	text-decoration: none;
}
.productDetail .productImg img {
	position: absolute;
}
.productDetail .productImg .icoNew {
	position: absolute;
	top: -1px;
	right: -1px;
	z-index: 1;
}
.productDetail .productImg .enlarge {
	position: absolute;
	bottom: 0;
	right: 0;
	color: #266132;
	font-size: 11px;
	background: #cce8d1 url('/images/icons/ico-enlarge-green.gif') no-repeat 5px center;
	border-left: 1px #266132 solid;
	border-top: 1px #266132 solid;
	padding: 3px 5px 3px 20px;
	cursor: pointer;
	z-index: 1;
	display: block;
}
.productDetail .productImg .enlarge:hover,
.productDetail .productImg .enlarge.hover {
	background-color: #badcc0;
}
.productDetail .orderForm {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 424px;
}
.productDetail .orderForm .productName {
	width: 170px;
	margin: 18px 0 0 13px;
	font-size: 14px;
	padding: 0 0 15px 0;
}
.productDetail .orderForm fieldset {
	border: 1px #5e9a6a solid;
	min-height: 85px;
	height: auto !important;
	height: 85px;
}
.productDetail .orderForm legend {
	font-size: 18px;
	color: #266132;
	margin: 0 0 0 8px;
	padding: 0 5px;
	line-height: 24px;
}
.productDetail .orderForm .price {
	font-size: 18px;
	color: #333;
	font-weight: bold;
	width: 140px;
	padding: 0 13px 0 0;
	text-align: right;
	position: absolute;
	right: 120px;
	top: 25px;
	margin: 14px 0 0 0;
}
.productDetail .orderForm .inputContainer {
	position: absolute;
	right: 74px;
	top: 36px;
	width: 45px;
	height: 28px;
	background: url('/images/forms/product-col-input-bg.gif');
}
.productDetail .orderForm .inputContainer input {
	background: none;
	border: 0;
	position: absolute;
	top: 0;
	left: 0;
	padding: 6px 0 4px 6px;
	width: 40px;
	font-size: 14px;
}
.productDetail .orderForm .inputContainer label {
	text-transform: uppercase;
	position: absolute;
	top: 7px;
	left: 7px;
	font-size: 14px;
}
.productDetail .orderForm .addBtn {
	position: absolute;
	right: 15px;
	top: 36px;
}
.productDetail .orderForm .msgLoading,
.productDetail .orderForm .msgError,
.productDetail .orderForm .msgSuccess {
	position: absolute;
	right: 0;
	top: 40px;
	font-size: 12px;
	padding: 2px 15px 2px 21px;
	background: no-repeat left center;	
}
.productDetail .orderForm .msgLoading {
	background-image: url('/images/icons/ico-ajax-loader-type1.gif');
}
.productDetail .orderForm .msgSuccess {
	background-image: url('/images/icons/ico-success-small.gif');	
	right: 105px;
}
.productDetail .orderForm .msgError {
	background-image: url('/images/icons/ico-error-small.gif');	
	top: 15px;
}
.productDetail .orderForm .checkoutBtn {
	position: absolute;
	right: 15px;
	top: 36px;
}
.giftVoucherOrderForm {
	position: static !important;
}
.giftVoucherOrderForm ol {
	padding: 15px;
	overflow: hidden;
}
.giftVoucherOrderForm li {
	width: 392px;
	margin: 0 0 7px 0;
	position: relative;
	overflow: hidden;
}
.giftVoucherOrderForm li.error .txtInput,
.giftVoucherOrderForm li.error textarea {
	border-color: #bf1313;
}
.giftVoucherOrderForm input.shortInput {
	width: 60px !important;
}
.giftVoucherOrderForm ol label {
	float: left;
	width: 130px;
	font-size: 12px;
	margin: 9px 0 0 0;
}
.giftVoucherOrderForm ol .txtInput,
.giftVoucherOrderForm textarea {
	float: left;
	width: 251px;
	border: 1px #5e9a6a solid;
	padding: 6px 1px 5px 8px;
	font-size: 12px;
	background: none;
}
.giftVoucherOrderForm ol .txtInput:focus,
.giftVoucherOrderForm textarea:focus {
	background-color: #f7faf9;
}
.giftVoucherOrderForm textarea {
	height: 75px;
	overflow: auto;
}
.giftVoucherOrderForm .imgBtn {
	margin: 0 0 0 5px;
}
.giftVoucherOrderForm .formError {
	background: url('/images/icons/ico-error-small.gif') no-repeat left center;
	padding: 3px 0 3px 25px;
	margin: 10px 0 0 15px;
}

/***********************************************  TABS  ***********************************************/

.tabMenu {
	overflow: hidden;
	width: 725px;
	position: relative;
	top: 1px;
	padding: 0 0 0 23px;
	z-index: 2;
}
.tabMenu li {
	float: left;
	margin: 0 1px 0 0;
	background: url('/images/bg/tab-menu-bg.gif') no-repeat right top;
	position: relative;
	top: 2px;
}
.tabMenu li:hover,
.tabMenu li.hover {
	top: 0;
}
.tabMenu span {
	display: block;
	padding: 11px 8px 9px 11px;
	cursor: pointer;
	background: url('/images/bg/tab-menu-bg.gif') no-repeat left -74px;
	color: #fff;
	font-size: 14px;
	text-transform: uppercase;
}
.tabMenu .selected {
	background: url('/images/bg/tab-menu-bg.gif') no-repeat right -37px;
	top: 0 !important;
}
.tabMenu .selected span {
	background: url('/images/bg/tab-menu-bg.gif') no-repeat left -111px;
	color: #266132;
	cursor: default;
}
.tabContent {
	padding: 25px 30px 15px 30px;
	background: url('/images/bg/tabs-content-bg-repeat.gif') repeat-x left top;
	border-top: 1px #226f3f solid;
	position:relative;
}
.tabContent li {
	width: 928px;
	overflow: hidden;
}
#main .tabContent li {
	width: 688px;
}
.hasJS li { display: none; }
.hasJS li li { display: list-item; }
.hasJS li.current { display: none }

/*.tabContent h2 {
	color: #266132;
	font-size: 1.5em;
	line-height: 1.2em;
	margin: 0 0 .3em 0;
}*/
.tabContent .blogLis h2 {
	color: #266132;
	font-size: 1.125em;
	line-height: 1.2em;
	margin: 0 0 .3em 0;
}

h2.icoBlog,h1.icoBlog {
	padding: 0 0 0 35px;
	background: url('/images/icons/ico-blog.gif') no-repeat left center;
}
h2.icoEvents, h1.icoEvents {
	padding: 0 0 0 27px;
	background: url('/images/icons/ico-events.gif') no-repeat left center;
}
.blogList {
	width: 927px;
	overflow: hidden;	
	background: url('/images/bg/bloglist-divider-bg-repeat.gif') repeat-y 295px top;
	margin: 0 0 15px 0;
}
.blogListInt {
	width: 762px;
	overflow: hidden;	
	margin: 0 0 15px 0;
}

.blogListInt li{
	width:238px;
	float:left;
	padding:10px 10px 10px 0!important;
	background:none!important;
	margin:0 0 10px 20px;
}

.blogListInt p{
	font-size:1em;
	margin:0 0 0em;
}

.eventsList {
	margin: 0 0 15px 0;
}
.mediaList {
	margin: 0 0 40px 0;
}
.mediaList h2 {
	font-size: 1.5em;
	line-height: 1.2em;
	margin: 0 0 .3em 0;
}
.mediaList .blogList {
	width: 748px;
	background-image: url('/images/bg/bloglist-internal-divider-bg-repeat.gif');
	background-position: 227px top;
	margin-bottom: 30px;
}
.blogList li {
	float: left;
	width: 279px;
	padding: 0 30px 0 0;
}
.mediaList .blogList li {
	width: 219px;
}
.blogList h3 {
	color: #266132;
	line-height: 1.25em;
	margin: 0 0 .25em 0;
	min-height: 40px;
	height: auto !important;
	height: 40px;
}
.blogListInt h2 {
	color: #266132;
	line-height: 1.25em;
	margin: 0 0 .25em 0;
	min-height: 40px;
	height: auto !important;
	height: 40px;
	font-size:1.4em;
}
.eventsList h3 {
	color: #266132;
	line-height: 1.25em;
	margin: 0 0 .25em 0;
}

h3.events {
	color: #266132;
	line-height: 1.25em;
	margin: 0 0 .25em 0;
}
.blogList p,
.eventsList p {
	color: #000;
	line-height: 1.5em;
	margin: 0 0 1em 0;
}
.blogList .readMoreLink,
.blogListInt .readMoreLink,
.eventsList .readMoreLink,
.readMoreLink{
	background: url('/images/icons/ico-bullet.gif') no-repeat left center;
	padding: 2px 0 2px 20px;
	font-size: .75em;
	text-decoration: none;
	line-height: 1.25em;
}
.blogListInt .readMoreLink{
	font-size:1em;
}
.blogList .readMoreLink:hover,
.eventsList .readMoreLink:hover {
	text-decoration: underline;
}
.eventsList .eventThumb,
.eventThumb{
	float: right;
	border: 1px #226f3f solid;
}


/*********************************************  RECIPES  **********************************************/

.recipeIntro {
	overflow: hidden;
	width: 748px;
	margin: 0 0 20px 0;
}
.recipeIntro p {
	font-size: .9375em;
	float: left;
	width: 495px;
	margin: 0;
}
.recipeIntro blockquote {
	float: right;
	width: 250px;	
}
.recipeIntro blockquote p {
	float: none;
	width: auto;
	color: #266132;
	font-size: 1.5em;
}
.recipeIntro blockquote div {
	float: right;
	width: 250px;
	color: #266132;
	font-size: 1.125em;
}
#main .recipeList {
	overflow: hidden;
	clear: both;
	width: 688px;
}
#main .recipeList li {
	float: left;
	width: 216px;
	margin: 0 0 20px 20px;
}
#main .recipeList li.first {
	margin-left: 0;
	clear: left;
}
.recipeList .thumb {
	border: 1px #5e9a6a solid;
	display: block;
	width: 214px;
	height: 145px;
}
.recipeList .thumb:hover {
	border-color: #9d0202;
}
.recipeList p {
	line-height: 1.5em;
	margin: 0;
}
.recipeList h3 {
	line-height: 1.25em;
	font-size: .8125em;
	margin: 0 0 10px 0;
}
.recipeList h3 a {
	color: #266132;
	font-weight: bold;
	text-decoration: none;
}
.recipeList h3 a:hover {
	text-decoration: underline;
}
.recipeList .recipeListContent {
	padding: 10px 0 15px 0;
}
.moreRecipes {
	border-top: 1px #8AAA91 dashed;
	padding: 20px 0 0 0;
	text-align: center;
}


/*****************************************  RECIPE SIDEBAR  *******************************************/

.recipeSidebar {
	float: right;
	width: 320px;
	margin: 0 0 30px 30px;
}
.recipeSidebar h2 {
	font-size: 1em;
	margin: 0 0 .5em 0;
}
.recipeSidebar .shareContainer,
.recipeSidebar .videoContainer,
.recipeSidebar .recipeInfo,
.recipeSidebar .moreRecipes {
	border: 1px #5e9a6a solid;
	margin: 0 0 10px 0;
	padding: 9px;
}
.recipeSidebar .videoContainer {
	padding: 1px; 
	height: 236px;
}
.recipeSidebar .shareContainer h2 {
	margin: 0;
	float: left;
}
.recipeSidebar .shareContainer .addthis_button {
	float: right;
	position: relative;
	top: 1px;
}
.recipeSidebar .recipeInfo .portions {
	float: left;
	font-size: .75em;
}
.recipeSidebar .recipeInfo .prepTime {
	float: right;
	font-size: .75em;
}
.recipeSidebar .moreRecipes ul {
	margin: 0;
	position: relative;
}
.recipeSidebar .moreRecipes li {
	background: none;
	padding: 5px 0;
	margin: 0 10px;
	border-bottom: 1px #266132 dotted;
}
.recipeSidebar .moreRecipes li.last {
	border: 0;
}
.recipeSidebar .moreRecipes a {
	background: url('/images/icons/ico-arrow-bullet-black.gif') no-repeat left center;
	color: #242424;
	padding: 0 0 0 15px;
	text-decoration: none;
}
.recipeSidebar .moreRecipes a:hover {
	text-decoration: underline;
}


/*********************************************  BUTTONS  **********************************************/

.btnGreenLarge,
.btnGreenSmall,
.btnRedLarge,
.btnRedSmall {
	display: inline-block;
	font-size: 14px;
	color: #fff;
	text-decoration: none !important;
}
.btnGreenLarge {
	background: url('/images/buttons/btn-green-large.gif') no-repeat left -70px;
	height: 35px;
	padding: 0 0 0 8px;
}
.btnGreenSmall {
	background: url('/images/buttons/btn-green-small.gif') no-repeat left -60px;
	height: 30px;
	padding: 0 0 0 6px;
}
.btnRedSmall {
	background: url('/images/buttons/btn-red-small.gif') no-repeat left -60px;
	height: 30px;
	padding: 0 0 0 6px;
}
.btnGreenLarge span,
.btnGreenSmall span,
.btnRedLarge span,
.btnRedSmall span {
	display: block;
	cursor: pointer;
	float: left;
}
.btnGreenLarge span {
	background: url('/images/buttons/btn-green-large.gif') no-repeat right top;
	padding: 10px 14px 0 6px;
	height: 25px;
}
.btnGreenSmall span {
	background: url('/images/buttons/btn-green-small.gif') no-repeat right top;
	padding: 8px 14px 0 4px;
	height: 22px;
}
.btnRedSmall span {
	background: url('/images/buttons/btn-red-small.gif') no-repeat right top;
	padding: 8px 14px 0 4px;
	height: 22px;
}
.btnGreenLarge:hover,
.btnGreenSmall:hover,
.btnRedLarge:hover,
.btnRedSmall:hover {
	text-decoration: none !important;
}
.btnGreenLarge:hover { background-position: left -105px; }
.btnGreenSmall:hover { background-position: left -90px; }
.btnRedSmall:hover { background-position: left -90px; }

.btnGreenLarge:hover span { background-position: right -35px; }
.btnGreenSmall:hover span { background-position: right -30px; }
.btnRedSmall:hover span { background-position: right -30px; }

.btnMore {
	margin-bottom:15px;
	float:right;
}


/***************************************  PRODUCT CATEGORY LIST  **************************************/

.productCategoryList {
	width: 748px;
	overflow: hidden;
}
.productCategoryList li {
	float: left;
	width: 241px;
	margin: 0 0 30px 12px;
	position: relative;
	padding: 0 0 30px 0;
}
.productCategoryList li .thumb {
	display: block;
	width; 195px;
	height: 159px;
	margin: 0 0 10px 0;
	text-align: center
}
.productCategoryList li.first {
	margin-left: 0;
	clear: left;
}
.productCategoryList h2 {
	background: url('/images/bg/product-category-header-bg.gif') no-repeat;
	color: #fff;
	font-size: 16px;
	line-height: 20px;
	padding: 5px 0 5px 40px;
	margin: 0;
}
.productCategoryList p {
	color: #000;
	line-height: 1.5em;
	background: url('/images/bg/product-category-content-bg.gif') repeat-x left top;
	padding: 15px 30px 0 30px;
	min-height: 100px;
	height: auto !important;
	height: 100px;
}
.productCategoryList .btnGreenSmall,
.productCategoryList .btnRedSmall {
	position: absolute;
	bottom: 0;
	left: 30px;
}


/*******************************************  CONTACT FORM  *******************************************/

.contactForm form {
	float: left;
	width: 560px;
}
.contactForm .contactDetails {
	float: right;
	border: 1px #5e9a6a solid;
	width: 160px;
	padding: 10px;
}
.contactDetails h2 {
	margin: 0 0 .25em 0;
}
.contactDetails .phMob,
.contactDetails .phNum {
	 font-size: 12px;
	 padding: 4px 0 4px 23px;
	 background: no-repeat left center;
}
.contactDetails .phMob { background-image: url('/images/icons/ico-mobile.gif'); }
.contactDetails .phNum { background-image: url('/images/icons/ico-phone.gif'); margin: 0 0 15px 0; }

.contactForm ol {
	overflow: hidden;	
}
.contactForm li {
	width: 280px;
	float: left;
	height: 28px;
	margin: 0 0 7px 0;
}
.contactForm li.error input,
.contactForm li.error textarea {
	border-color: #bf1313;
}
.contactForm label {
	float: left;
	width: 100px;
	font-size: 12px;
	margin: 8px 0 0 0;
}
.contactForm ol input,
.contactForm textarea {
	float: left;
	width: 154px;
	border: 1px #5e9a6a solid;
	padding: 5px 1px 5px 8px;
	font-size: 12px;
	background: none;
}
.contactForm ol input:focus,
.contactForm textarea:focus {
	background-color: #f7faf9;
}
.contactForm .fullWidth {
	float: none;
	clear: both;
	width: 560px;
	height: auto;
}
.contactForm textarea {
	width: 434px;
	height: 175px;
	overflow: auto;
}
.contactForm .submitButton {
	margin: 15px 0 0 100px;
}
.contactForm select {
	width: 165px;
}
.hasError {
	border: 1px #bf1313 solid;
	padding: 10px;
	margin: 0 0 20px 0;
}
.hasError li {
	font-size: 12px;
	width: 225px;
	color: #c61616;
	background: url('/images/icons/ico-error-small.gif') no-repeat 8px center;
	padding: 3px 0 3px 36px;
	height: auto;
}
.hasError a {
	color: #c61616;
	text-decoration: none;
}
.hasError a:hover {
	text-decoration: underline;
}
.contactForm .hasError {
	width: 523px;
}

/**********************************  SEARCH DROPDOWN JQUERY REPLACE  **********************************/

.jsEnabled .selectReplace {
	visibility: hidden;
}
.selectBoxContainer {
	position: relative;
	float: left;
	height: 26px;
}
.contactForm .selectBoxContainer { width: 165px; }
.detailsCheckout .selectBoxContainer { width: 188px; }
.detailsCheckout .expiryRow .selectBoxContainer { width: 58px }

.selectBoxContainer:hover .selectbox,
.selectBoxContainer.hover .selectbox {
	background-color: #d0dfd8 !important;
}
.disabled .selectBoxContainer:hover .selectbox,
.disabled .selectBoxContainer.hover .selectbox {
	background-color: #edf3f0 !important;
}
.selectBoxContainer .selectbox {
	background: url('/images/icons/ico-selectbox-arrow.gif') no-repeat 146px 9px; 
	cursor: pointer;
	padding: 5px 1px 5px 8px;
	position: absolute;
	border: 1px #5e9a6a solid;
	font-size: .75em;
	color: #000;
}
.disabled .selectBoxContainer .selectbox {
	color: #a6c0aa;
	cursor: default;
	font-style: italic;
	background-image: url('/images/icons/ico-selectbox-arrow-disabled.gif')
}
.selectBoxContainer .selectLabel {
	color:#58805F;
	font-style:italic;
}
.contactForm .selectBoxContainer .selectbox { width: 154px !important; }
.detailsCheckout .selectBoxContainer .selectbox { width: 180px !important; background-position: 170px 9px !important; }
.detailsCheckout .expiryRow .selectBoxContainer .selectbox { width: 50px !important; background-position: 40px 9px !important; }

.selectBoxContainer .selectbox:focus {
	background: #d0dfd8 !important;
}
.selectbox-wrapper {
	top: 26px;
	border: 1px #5e9a6a solid;
	position: absolute;
	overflow: auto;
	z-index: 10;
	background: #d0dfd8;
	border-top: 0;
}
.contactForm .selectbox-wrapper { width: 163px !important; }
.detailsCheckout .selectbox-wrapper { width: 186px !important; }
.detailsCheckout .expiryRow .selectbox-wrapper { width: 56px !important; }

.selectbox-wrapper li.selected { background-color: #266132; color: #fff; }
.selectbox-wrapper li.current { background-color: #5d9d6a; color: #fff; }

.selectbox-wrapper li {
	cursor: pointer;
	padding: 6px 1px 6px 8px;
	height: 100% !important;
	min-height: 0;
	float: left;
	margin: 0 !important;
	font-size: .75em;
	color: #000;
}
.contactForm .selectbox-wrapper li { width: 154px; }
.detailsCheckout .selectbox-wrapper li { width: 177px !important; }
.detailsCheckout .expiryRow .selectbox-wrapper li { width: 47px !important; }

.selectBoxRow {
	position: relative;
	z-index: 2;
}


/********************************************  SHOPPING BAG  ******************************************/

.checkoutTable {
	width: 100%;
	margin: 0 0 15px 0;
}
.checkoutTable th {
	font-size: .875em;
	padding: 8px 0;
}
.checkoutTable td {
	font-size: .75em;
	padding: 5px 0;
}
.checkoutTable .dark td {
	background: #c6e6cc;
}
.checkoutTable a {
	color: #000;
}
.checkoutTable a:hover {
	text-decoration: none;
}
.checkoutTable .deleteIcon {
	text-align: center;
	width: 36px;
	padding: 7px 0 3px 0;
}
.checkoutTable td.qtyCol {
	width: 50px;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-right: 50px;
	text-align: right;
}
.checkoutTable .qtyCol input {
	width: 25px;
	padding: 4px 0 4px 8px;
	border: 1px #5e9a6a solid;
	background: #edf3f0;
}
.checkoutTable .qtyCol input:focus {
	background: #fff;
}
.checkoutTable .tablePrice {
	width: 80px;
	text-align: right;
	padding-right: 20px;
}
.checkoutTable .tableTotal {
	width: 85px;
	text-align: right;
	padding-right: 35px;
}
.checkoutTable .subTotal td {
	background: #edf3f0 !important; 
}
.checkoutTable .subTotal .tableTotal,
.checkoutTable .subTotal .tablePrice {
	background: #5e9a6a !important;
	color: #fff;
	padding-top: 8px;
	padding-bottom: 8px;
}
.checkoutTable .totalLabel {
	font-size: 1.25em;
}
#main .checkoutTable.disabled td {
	padding-top: 9px;
	padding-bottom: 9px;
	background: transparent !important;
	color: #000;
}
.checkoutTable.disabled th {
	border-bottom: 2px #c6e6cc solid;
}
.checkoutTable.disabled .subTotal td {
	border-top: 2px #c6e6cc solid;
}
.checkoutForm .confirmBtn {
	float: right;
	display: inline;
	margin: 0 35px 0 0;
}
.checkoutForm h2 {
	padding: 5px 0 5px 10px;
	height: 21px;
	font-size: 16px;
	color: #fff;
	line-height: 20px;
	margin: 0 0 15px 0;
}
.checkoutForm h2.icoBilling,
.checkoutForm h2.icoShipping,
.checkoutForm h2.icoPayment,
.checkoutForm h2.icoTotals,
.checkoutForm h2.icoMessage,
.checkoutForm h2.icoLogin {
	padding-left: 40px;
	background: url('/images/icons/header-icons.gif') no-repeat;
}
.checkoutForm h2.icoBilling { background-position: 0 -124px; }
.checkoutForm h2.icoShipping { background-position: 0 -31px; }
.checkoutForm h2.icoPayment { background-position: 0 -155px; }
.checkoutForm h2.icoTotals { background-position: 0 -186px; }
.checkoutForm h2.icoMessage { background-position: 0 -217px; }
.checkoutForm h2.icoLogin { background-position: 0 -248px; }

.checkoutForm .detailsCheckout {
	margin: 30px 0 0 0;
}
.checkoutForm .detailsCheckout ol {
	padding: 0 0 0 28px;
}
.checkoutForm .detailsCheckout li {
	position: relative;
	width: 203px;
	height: 29px;
	float: left;
}
.checkoutForm .detailsCheckout li label {
	position: absolute;
	left: 8px;
	top: 7px;
	z-index: 1;
	color: #58805f;
	font-size: .75em;
	font-style: italic;
}
.checkoutForm .detailsCheckout.disabled li label {
	color: #a6c0aa;
}


.checkoutForm .detailsCheckout li input, .checkoutForm li textarea {
	position: absolute;
	left: 0;
	top: 0;
	width: 180px;
	padding: 5px 0 5px 6px;
	border: 1px #5e9a6a solid;
	background-color: #edf3f0;
	font-size: .75em;
}
.checkoutForm .detailsCheckout .error input {
	border-color: #bd0000 !important;
}
.checkoutForm .detailsCheckout.disabled li input {
	border-color: #83b58d !important;
}
.checkoutForm .detailsCheckout li input.short {
	width: 50px;
}
.checkoutForm .detailsCheckout li input:focus, .checkoutForm li textarea:focus  {
	background-color: #fff;
}
.checkoutForm .billingCopy {
	font-size: .75em;
	padding: 8px 0 0 28px;
	overflow: hidden;
	height: 21px;
}
.checkoutForm .billingCopy label {
	float: left;
}
.checkoutForm .disabled .billingCopy label {
	color: #83a689;
}
.checkoutForm .billingCopy input {
	float: left;
	width: 15px;
	height: 15px;
	margin: 0 5px 0 0;
}
.checkoutForm .totalBox,
.checkoutForm fieldset {
	width: 242px;
	float: left;
	display: inline;
	margin: 0 11px 30px 0;
	background: url('/images/bg/checkout-form-block-bg.gif') no-repeat left top;
	position: relative;
}
.checkoutForm fieldset {
	z-index: 2;
}
.checkoutForm .ccInfo {
	margin-right: 0;
}
.checkoutForm .ccInfo h2 {
	margin-bottom: 23px;
}
.checkoutForm .expiryRow {
	position: relative;
	z-index: 2;
}
.checkoutForm .expiryRow .label,
.checkoutForm .expiryRow .expiryDivider,
.checkoutForm .expiryRow .selectBoxContainer {
	float: left;
}
.checkoutForm .expiryRow .expiryDivider {
	margin: 5px 5px 0 5px;
}
.checkoutForm .disabled .expiryRow .expiryDivider {
	color: #83a689;
}
.checkoutForm .expiryRow .label {
	font-size: .75em;
	margin: 7px 0 0 10px
}
.checkoutForm .disabled .expiryRow .label {
	color: #83a689;
}
.checkoutForm .SSL {
	height: auto !important;
	text-align: right;
	padding: 20px 0 0 0;
}
.checkoutForm .SSL a {
	margin: 0 15px 0 0;
}
.checkoutForm .SSL img {
	border: 1px solid #5e9a6a;
}
.checkoutForm .cvcInfo {
	position: absolute;
	left: 80px;
	top: 7px;
	font-size: .75em;
	cursor: help;
}
.checkoutForm .disabled .cvcInfo {
	color: #83a689;
}
.checkoutForm .commentsBox {
	width: 494px;
	float: left;
	display: inline;
	background: url('/images/bg/checkout-form-message-bg.gif') no-repeat left top;
}
.checkoutForm .commentsBox label {
	font-size: .75em;
	margin: 0 0 0 39px;
}
.checkoutForm .disabled .commentsBox label {
	color: #83a689
}
.checkoutForm .commentsBox textarea {
	width: 424px;
	height: 157px;
	padding: 5px 6px 5px 6px;
	border: 1px #5e9a6a solid;
	background-color: #edf3f0;
	font-size: .75em;
	margin: 6px 0 0 28px;
	overflow: auto;
}
.checkoutForm .commentsBox input {
	padding: 5px 6px 5px 6px;
	margin: 6px 0 0 28px;
}
.checkoutForm .commentsBox textarea:focus {
	background: #fff;
}	
.checkoutForm .disabled .commentsBox textarea {
	border-color: #83b58d;
}	
.checkoutForm .totalBox {
	margin: 0 0 10px 11px;
	font-size: .75em;
}
.checkoutForm .totalBox table {
	margin: 0 28px;
	width: 188px;
}
.checkoutForm .disabled .totalBox td {
	color: #83a689 !important;
}
.checkoutForm .totalBox td {
	border-bottom: 1px #5e9a6a solid;
	padding: 7px 0 7px 7px;
}
.checkoutForm .totalBox .voucher td,
.checkoutForm .totalBox .promo td {
	border: 0;
}
.checkoutForm .totalBox .voucher td {
	padding-bottom: 3px !important;
}
.checkoutForm .totalBox .promo td {
	padding-top: 3px !important;
}
.checkoutForm .totalBox .borderTop td {
	border-top: 1px #5e9a6a solid;
	border-bottom: 0;
}
.checkoutForm .totalBox .borderTop td {
	font-size: 1.3em;
	font-weight: bold;
}
.checkoutForm .totalBox .numCol {
	text-align: right;
	width: 67px;
}
.checkoutForm .totalBox .voucher label,
.checkoutForm .totalBox .promo label {
	position: absolute;
	left: 8px;
	top: 7px;
	z-index: 1;
	color: #58805f;
	width: 99px;
	font-style: italic;
}
.checkoutForm .disabled .totalBox .voucher label,
.checkoutForm .disabled .totalBox .promo label {
	color: #a6c0aa
}
.checkoutForm .totalBox .inputContainer {
	position: relative;
	height: 28px;
	width: 108px;
}
.checkoutForm .totalBox .voucher input,
.checkoutForm .totalBox .promo input {
	position: absolute;
	left: 0;
	top: 0;
	width: 100px;
	padding: 5px 0 6px 6px;
	border: 1px #5e9a6a solid;
	background-color: #edf3f0;
}
.checkoutForm .totalBox .voucher input:focus,
.checkoutForm .totalBox .promo input:focus {
	background: #fff;
}
.checkoutForm .totalBox .voucher li.error input,
.checkoutForm .totalBox .promo li.error input {
	border-color: #bd0000;
}
.checkoutForm .disabled .totalBox .voucher input,
.checkoutForm .disabled .totalBox .promo input {
	border-color: #83b58d;
}
.checkoutForm .totalBox .checkoutBtn td {
	border: 0;
	text-align: right;
}
.checkoutForm .totalBox .checkoutBtn .disabled {
	opacity: .5;
	filter: alpha(opacity=50);
	cursor: default;
}
.checkoutForm .msgError {
	background: url('/images/icons/ico-error-small.gif') no-repeat left center;
	padding: 3px 0 3px 25px;
	margin: 0 0 0 10px;
}
.checkoutForm .note {
	font-size: .9em;
}
.checkoutForm .totalBox .orderHistory {
	min-height: 175px;
	height: auto !important;
	height: 175px;
}
.checkoutForm .totalBox .orderHistory.loading {
	background: url('/images/icons/ico-ajax-loader-type2.gif') no-repeat center center;
}
.checkoutForm .totalBox .orderHistory.loading table {
	display: none;
}
.checkoutForm .totalBox .orderHistory table {
	width: 212px;
	margin: 0 15px;
}
.checkoutForm .totalBox .orderHistory th {
	background: #266132;
	color: #fff;
	padding: 6px 8px;
	white-space: nowrap;
	border-bottom: 3px #edf3f0 solid;
}
.checkoutForm .totalBox .orderHistory td {
	border: 0;
	padding: 6px 8px;
	background: #edf3f0;
}
.checkoutForm .totalBox .orderHistory .dark td {
	background: #c6e6cc;
}
.checkoutForm .totalBox .orderHistory a {
	color: #333;
}
.checkoutForm .totalBox .orderHistory a:hover {
	text-decoration: none;
}
.checkoutForm .totalBox .ordersControls {
	padding: 0 15px;
}
.checkoutForm .totalBox .ordersControls .previousOrders {
	float: left;
}
.checkoutForm .totalBox .ordersControls .nextOrders {
	float: right;
}
.checkoutForm .submitBtn {
	float: right;
	margin: 20px 0 0 0;
}
.checkoutForm .paymentType {
	padding: 0 28px 10px 28px;
	overflow: hidden;
	width: 186px;
}
.checkoutForm .paymentType p {
	margin: 0 0 5px 0;
}
.checkoutForm .disabled .paymentType p {
	color: #83A689;
}
.checkoutForm .paymentType label {
	font-size: .75em;
	float: left;
	display: inline;
	white-space: nowrap;
}
.checkoutForm .disabled .paymentType label {
	color: #83A689;
}
.checkoutForm .paymentType input {
	width: 15px;
	height: 15px;
	margin: 0 2px 0 0;
	float: left;
	display: inline;
}
.checkoutForm .bankInstructions {
	padding: 0 28px;
}
.checkoutForm .disabled .bankInstructions {
	color: #83A689;
}
/*
.checkoutForm .paymentType .note {
	font-size: .75em;
}*/


/********************************************   TOOLTIPS  *********************************************/

.checkoutError {
	position: absolute;
	top: 5px;
	right: 5px;
	cursor: help;	
}
.errorTooltip {
	width: 200px;
	position: absolute;
	z-index: 10000;
	background: #fff;
	color: #000;
	display: none;
	font-size: .75em;
	padding: 20px;
	border: 2px #266132 solid;
	margin: -5px 0 0 20px;
}
.errorTooltip .errorHeading {
	margin: 0 0 10px 0;
	font-style: italic;
}
.errorTooltip ul {
	list-style-type: disc;
	margin: 0 0 0 20px;
}
.errorTooltip li {
	padding: 3px 0;
	line-height: 1.25em;
}
.cvcTooltip {
	position: absolute;
	z-index: 10000;
	display: none;
	border: 2px #266132 solid;
	width: 220px;
	height: 150px;
	padding: 5px;
	background: #fff;
}


/*******************************************  ERROR PAGES  ********************************************/

.error403Container {
	width: 688px;
	height: 258px;
	background: url('/images/bg/403-bg.png');
}
.errorContent {
	text-indent: -9999em;
}
.error404Container {
	width: 737px;
	min-height: 95px;
	height: auto !important;
	height: 95px;
	padding-top: 263px;
	background: url('/images/bg/404-bg.png') no-repeat left top;
}
.error500Container {
	width: 337px;
	min-height: 95px;
	height: auto !important;
	height: 95px;
	padding: 263px 400px 0 0;
	background: url('/images/bg/500-bg.png') no-repeat left top;
}


/********************************************  LOGIN PAGE  ********************************************/


/******************************************  GENERAL STYLES  ********************************************/
.contentBlock h2 a {
	text-decoration: none;
}


/******************** ADMIN STYLES - used when previewing via the admin for approval*********************/

.button {
	display: inline-block;
	border: 1px #009900 solid;
	color: #009900;
	font-weight: bold;
	font-size: .8em;
	text-decoration: none;
	padding: 5px 15px 5px 30px;
	background: #e5f2d8 url('/admin/images/admin-button-bullet.gif') no-repeat 10px center;
}
.button:hover {
	background-color: #009900;
	background-image: url('/admin/images/admin-button-bullet-hover.gif');
	color: #fff !important;
}