@import url("headerNavigationStyles.css");
body {
	font: 62.5% Arial, Helvetica, sans-serif;
	color: #000;
	background: #edede5;
	text-align: center;
	margin: 0;
	padding: 0;
}
p 
{
    font-size: 1.1em;
}
h1, h2, h3, h4, h5, h6, p, div, img {
	margin: 0;
	padding: 0;	
}
h2 {
	margin: 0 0 0 0;
	font-weight: normal;
	font-size: 1.9em;	
	color: #524424;
}
h3 {
	padding: 0 0 0 0;
	margin: 0 0 8px 0;
	font-size: 1.9em;
	font-weight: normal;
	border-bottom: 1px solid #666;	
	color: #0b2d08;
}
h4 {
	padding: 0;
	margin: 0 0 10px 0;
	font-size: 2.4em;
	font-weight: normal;
	color: #0b2d08;
}
h6 {
	font-size: 1.8em;
	margin: 0 0 10px 0;	
	color: #524424;
	font-weight: normal;
}
img {
	border: none;	
}
a {
	text-decoration: none;	
	color: #000;
}
a:hover {
	text-decoration: underline;	
}
.sectionHeader {
	margin: 0;
	padding: 0;	
}
.sectionLight {
	background-color: #b6aa91;	
}
.sectionDark {
	background-color: #675530;	
}
.sectionHeader h1 {
	display: inline;
	margin: 0;	
	font-size: 1.55em;
	color: #fff;
	text-transform:uppercase;
	font-weight: normal;
}
.sectionHeader a {
	font-size: 1.2em;
	color: #fff;	
	font-weight: bold;
}
.sectionLight a {
	color: #524424;
}
#pageArea {
	text-align: left;
	margin: 0px auto;
	padding: 0 10px 30px 10px;
	width: 880px;
	background-color: #fff;
	position: relative;
}

#headerArea {
	height: 115px;	
	margin: 0 0 2px 0;
}
#headerArea #headerLogo {
	position: absolute;
	top: 5px;
	left: 10px;
	z-index: 100;
}
#headerArea #headerLinksArea {
	font-size: 1.1em;	
	margin: 0 0 5px 0;
}
.searchEmpty {
	background: url(../images/layout_images/search_textbox.png) no-repeat left center;		
}
input[type="image"] {
	position: relative;
	top: 3px;	
}
select 
{
    width: 149px;
}
#headerHighlightArea {
	position: absolute;
	top: 10px;
	right: 20px;
	text-align: right;	
	width: 250px;
}

#headerImageArea {
	position: relative;
	z-index: 5;
	top: 0;
	left: 0;
	height: 250px;
	width: 880px;
	margin: 2px 0;
	overflow: hidden;
	text-align: center;
}
#headerImageArea img 
{   
    border: none;
}
#headerPromoBox {
	width: 372px;
	height: 242px;
	position: absolute;
	top: 21px;
	left: 18px;
	background: url(/images/layout_images/header_highlight_background.png) no-repeat center center;
}
#headerPromoBox .promoHeadline {
	margin: 35px 40px 15px 40px;
	display: block;
}
#headerPromoBox .promoSubTitle {
	margin: 10px 40px 15px 40px;
	display: block;
}
#headerPromoBox .promoStrapLine {
	position: absolute;
	bottom: 50px;
	right: 30px;
	text-align: right;
	font-size: 1.1em;
	color: #003c09;	
}

#breadcrumbs {
	margin: 8px 0 8px 0;
	padding: 0;	
	font-size: 1.2em;
	float: left;
	width: 50%;
}
#breadcrumbs a {
	color: #a79b7f;
	text-decoration: underline;	
}
#breadcrumbs a:hover 
{
    color: #000;
}

#pageNumbers {
	margin: 0 0 10px 0;
	padding: 0 15px;	
	font-size: 1.2em;
	float: right;
	width: 30%;
	text-align: right;
}
#pageNumbers .currentPageNum {
	text-decoration: underline;	
}

#websiteLinksArea {
	margin: 2px 0 0 0;
	width: 880px;	
}
#websiteLinksArea .websitesScrollArea {
	height: 92px;	
	position: relative;
	top: 14px;
}
#websiteLinksArea .websitesScrollArea .leftScrollMarker {
	position: absolute;
	top: 24px;
	left: 0;
	cursor: pointer;
}
#websiteLinksArea .websitesScrollArea .websitesScrollViewArea {
	width: 841px;
	height: 60px;
	overflow: hidden;	
	position: absolute;
	left: 18px;
	top: 5px;
}
#websiteLinksArea .websitesScrollArea .rightScrollMarker {
	position: absolute;
	top: 24px;
	right: 0;
	cursor: pointer;
}

#websiteLinksArea .websitesScrollArea .websitesScrollViewArea .websitesScrollItemArea {
	width: 856px;
	height: 80px;
	overflow: scroll;
	padding: 0 0 0 0;
	margin: 0 10px 0 0;
	position: relative;
	left: 2px;
}	
.websitesScrollItemArea ul {
	padding: 0;
	margin: 0;
	width: 3000px;
}
.websitesScrollItemArea ul li {
	display: block;
	margin: 0 8px 0 0;
	border: 1px solid #d9d9d9;
	float: left;
	height: 57px;
	width: 126px;
	text-align: center;
	position: relative;
}
.websitesScrollItemArea ul li img {
	height: 40px;
	position: relative;
	top: 8px;
	margin: 0 auto 0 auto;	
	display: block;
	left: 0;
}


#sectionNavigation, #navPromoArea {
	float: left;
	clear: left;
	width: 223px;	
	overflow: hidden;
	margin: 0 0 20px 0;
	padding: 0;
	border: 1px solid #cac7be;
}
#sectionNavigation ul, #navPromoArea ul {
	list-style: url(/images/layout_images/list_triangle_image.png);	
	font-size: 1.2em;
	margin: 15px 0 18px 0;
	padding: 0 0 0 30px;
}
#sectionNavigation ul li, #navPromoArea ul li {
	margin: 0 0 5px 0;
}
#sectionNavigation ul li.viewAll a
{
    color: #0e3c0b;
}
#sectionNavigation ul li p, #navPromoArea ul li p {
	margin: 0 0 3px 0;
	font-size: 1.1em;
}
#sectionNavigation hr, #navPromoArea hr {
	border: none;
	border-top: 1px solid #cac7be;
	margin: 0 0 -2px 0;
}
.LHSFormError
{
    margin: 1px 0 5px 0;
    font-size: 1em;
}
.showMore 
{
    width: 180px;
    position: relative;
    margin-bottom: 5px;
    padding-bottom: 5px;
    overflow: hidden;
    border-bottom: 1px solid #CCC;
}
.showMore #hearAboutUsMoreInfo 
{
    position: relative;
    left: 5px;
}
.showMore input[type="image"] 
{
    position: absolute;
    right: 3px;
    top: 45px;
}


#pageContentArea {
	float: right;
	clear: none;
	margin: 0 0 20px 0;	
	overflow: hidden;
}
#pageContentArea .sectionHeader 
{
    font-size: 1.2em;
    padding: 0;
    margin-top: 1px;
}
#pageContentArea .content_Main_Image 
{
    margin: 3px 0 -25px 0;
}
#pageContentArea .summaryCollection 
{
    width: 650px;
    margin: 10px 0 0 0;
    overflow: auto;
}
#pageContentArea .sectionImage {
	display: block;
}
#pageContentArea .sectionTitle 
{
    display: block;
    margin: 0;
    font-size: 2.8em;
    color: #093d0c;
}

#pageContentArea .summaryArea 
{
    width: 650px;
    overflow: auto;
}

#pageContentArea .summaryBox {
	font-family: Arial, Helvetica, sans-serif;
	float: left; 
	width: 145px;
	height: 120px;
	border: 1px solid #f3f3f3;
	margin: 0 13px 13px 0;	
	text-align: center;
	position: relative;
	padding: 0 0 40px 0;
	overflow: hidden;
}

#pageContentArea .affiliatesSummary  .summaryImage
{
    height: 40px!important;
    position: relative;
    top: 31px;
}
#pageContentArea .summaryBox .summaryDetails .inside 
{
    position: relative;
    top: 0;
    overflow: visible;
    min-height: 30px;
    display: block;
}

#pageContentArea .summaryBox .summaryImage {
	height: 100px;
	margin: 10px 0 0 0;
}
#pageContentArea .summaryBox .summaryDetails{
	position: absolute;
	bottom: 0;
	left: 0;
	background-color: #f3f3f3;
	padding: 5px 2% 0 2%;
	width: 145px;
	height: 36px;
	font-size: 1.3em;
	color: #534224;
	font-weight: normal;
}
#pageContentArea .productSummary {
	height: 210px;	
}
#pageContentArea .productSummary .summaryImage {
	height: 100px;	
}
#pageContentArea .productSummary .summaryDetails {
	height: 125px;	
	color: #093706;
	font-weight: bold;
	font-size: 1.4em;
}
#pageContentArea .productSummary .summaryDetails .wasPrice 
{
    font-weight: normal;
    color: #888;
    text-decoration: line-through;
    margin-left: 5px;
    font-size: 0.8em;
}
.summaryDetails .summaryTitle a {
	height: 47px;
	font-weight: bold;
	font-size: 0.9em;
	line-height: 1.2em;
	color: #544435;
	display: block;
	position: relative;
}
.summaryDetails .summaryTitle a:hover
{
    text-decoration: none;
}
.summaryDetails .summaryTitle a .innerTitle 
{
    position: absolute;
    top: 5px;
    left: 0;
    width: 100%;
}
.summaryDetails .tweetLink {
	color: #003b08;	
}
.summaryDetails .summarySupplier, #pageContentArea .productSummary:hover .summaryDetails .summarySupplier {
	font-weight: normal;	
	margin: 8px 0 0 0;
	font-size: 0.9em;
	color: #544435;
}
.summaryDetails .summarySupplier .summarySupplierName {
	font-weight: bold;
	display: block;
	margin: 2px 0 0 0;
	font-size: 0.9em;
	text-transform:uppercase;
	color: #093706;
}	

#productDetailsArea {
	font-family: Arial, Helvetica, sans-serif;
	float: right;
	padding: 0 0 30px 0;
	font-size: 1.2em;	
	color: #524424;
	width: 640px;
	position: relative;
}
#productDetailsArea #productDetails {
	float: right;
	width: 373px;	
	padding: 0 0 0 0;
}
#productDetails #prodDetails_top 
{
    height: 226px;
}
#productDetails .productPrice {
	font-weight: normal;	
    clear: left;
}
#productDetails .wasPrice {
	font-weight: normal;
	text-decoration: line-through;
}
#productDetails .productPrice, #productDetails .tweetLink {
	font-size: 1.6em;	
	color: #003c09;
}
#productDetails .productAffiliates {
	margin: 10px 0;
	list-style: none;
	padding: 3px 0 0 0;
	border-top: 1px solid #8f908e;
	width: 100%;
	font-size: 1.1em;
}
.productAffiliates li {
	margin: 0;
	padding: 0 0 2px 0; 
	border-bottom: 1px solid #8f908e;
}
.productAffiliates li.noRule 
{
    border-bottom: none;
}
.productAffiliates li .affiliateLink {
	display: block;
	margin: 0 0 5px 0;
	font-size: 1.1em;
	font-weight: normal;
	color: #003c09;
	text-transform:uppercase;
}
#productDetails p {
	margin: 0 0 12px 0;	
	font-size: 1.1em;
	line-height: 1.3em;
}
#productDetailsArea #imageArea {
	width: 255px;
	float: left;	
	margin-top: 5px;
}
#imageArea #mainImage {
	width: 250px;
	height: 250px;
	margin: 0 0 5px 0;
}
#productDetailsArea #imageArea .pictureInfo 
{
    margin: 0 0 -5px 0;
}
#imageArea img {
	float: left;
	width: 45px;
	height: 45px;
	margin: 10px 10px 0 0;
	border: 1px solid #524424;
}

#mainImage_zoom 
{
    position: absolute;
    z-index: 50;
    width: 175px;
    height: 175px;
    left: 260px;
    top: 5px;
    border: 1px solid #524424;
    background-color: #FFF;
    -webkit-box-shadow:  3px 4px 5px #b8b8b8;
    -moz-box-shadow: 3px 4px 5px #b8b8b8;
    box-shadow: 3px 4px 5px #b8b8b8; 
}

#relatedProducts {
	padding: 0 0 30px 0;
	float: left;	
	width: 655px;
}


.affiliateSummary .affiliateBanner 
{
    margin: 0 0 10px 0;
}
.affiliateSummary .affiliateAboutImg 
{
    margin: 0 0 10px 0;
}
.affiliateSummary p, .sectionDescription p 
{
    font-size: 1.2em;
    color: #675530;
    margin: 5px 0 3px 0;
}
.affiliateSummary .affiliateLongDescArea 
{
    margin-top: 16px;
}
.affiliateSummary .linkButtons 
{
    margin: 15px 0 20px 0;
}
.affiliateSummary .linkButtons input[type="button"], .affiliateSummary .linkButtons button
{
    width: 155px;
    margin-right: 5px
}
.affiliateSummary .linkButtons a 
{
    margin: 0 8px 0 0;
}

.affiliateMoreDetailsLink 
{
    color: #BC1515;
}


.discountDetails 
{
    border: 1px #333 solid;
    margin: 10px 0 20px 0;
    padding: 10px;
    font-size: 1.1em;
}
.discountDetails img
{
    width: 618px;
    margin: 5px 0;
}


#footerNavigation {
	padding: 10px 0;
	clear: both;
	overflow: auto;
	margin: 0;
	background-image: url(/images/layout_images/footer_rule.png);
	background-position: left 3px;
	background-repeat: repeat-x;
}
#footerNavigation .footerNavSection {
	float: left;
	padding: 0 20px 0 0;
	margin: 0 20px 0 0;	
}
#footerNavigation .footerNavSection ul {
	list-style: url(/images/layout_images/list_triangle_image.png);	
	padding: 0 0 0 16px;
	font-size: 1.3em;
}
#footerNavigation .footerNavSection ul li {
	margin: 0 0 4px 0;	
}

#footer {
	margin: 15px 0 0 0;
	font-size: 1.1em;
	line-height: 1.4em;
	padding: 0 10px 10px 10px;	
}


#contentTextArea 
{
    margin: 10px 0 0 0;
    float: right;
    width: 390px;
    color: #515151;
    font-size: 1.1em;
    padding: 0 10px 0 0;
}
#contentTextArea h2 
{  
    color: #51411f;
    margin: 35px 0 10px 0;
    padding: 0 0 2px 0;
    font-weight: normal;
}
#contentTextArea p
{   
    margin: 0 0 8px 0;
    line-height: 1.3em;
}

.registrationResponseBox 
{
    margin: 5px 0;
    padding: 10px;
    border: 1px solid #675530;
}
.required 
{
    color: red;
    font-weight: bold;
}
.ieKeepTogether 
{
    margin: 5px 0;
}
.ieKeepTogether label 
{
    float: left;
    width: 200px;
    text-align: right;
    margin: 0 10px 0 0;
}
.ieKeepTogether input, .ieKeepTogether select 
{
    margin: 0 5px 0 0;
}

#searchTermSumary 
{
    padding: 0 0 2px 0;
    font-size: 2.4em;
    border-bottom: 1px solid #a1a1a1;
    margin: 0 0 8px 0;
    color: #675530;
}
#searchTopResultsHeader 
{
    margin-bottom: 10px;
}
#missingSearchText 
{
    font-size: 1.1em;
    margin-bottom: 80px;
}


#discountSummaryArea 
{
    margin: 20px 0 5px 0;
}
#discountSummaryArea .discountItem 
{
    margin: 10px 0;
    overflow: auto;
    padding: 12px 0;
    width: 635px;
    overflow: hidden;
}
#discountSummaryArea .alternative 
{
    background-color: #ebebea;
}
#discountSummaryArea .discountItem .discountImageCol
{
    float: left;
    width: 120px;
    padding: 0 0 0 12px;
}
#discountSummaryArea .discountItem .discountImageCol img 
{
    border: 1px solid !important;
    border-color: #e0e0e0!important;
    padding: 5px;
    background-color: #FFF;
}
#discountSummaryArea .alternative .discountImageCol img 
{
    border: none!important;
}
#discountSummaryArea .discountItem .discountContentCol
{
    float: right;
    width: 450px;
    padding: 0 15px 0 0;
    margin: 0;
}
#discountSummaryArea .discountItem .discountContentCol a.offerLink
{
    color: #32491e;
    font-size: 1.8em;
    font-weight: bold;
    text-decoration: underline;
    display: block;
    margin: 3px 0 3px 0;
}
#discountSummaryArea .discountItem .discountContentCol .discountSummary 
{
    font-size: 1.2em;
    color: #5f5639;
}
p.discountShortDesc, .discountLongDesc p
{
    font-size: 1.2em;
    color: #666;
    margin: 0 0 3px 0;
}


#affiliateDiscountHeader 
{
    border-bottom: 1px solid #a0a09f;
    padding: 0 0 4px 0;
    margin: 0 0 60px 0;
    width: 635px;
    height: 46px;
    position: relative;
}
#affiliateDiscountHeader h1 
{
    position: absolute;
    top: 0;
    left: 0;
    color: #5f5639;
    font-weight: normal;
    font-size: 2.2em;
}
#affiliateDiscountHeader h2 
{
    position: absolute;
    bottom: 7px;
    margin: 0;
    padding: 0;
}
#affiliateDiscountHeader .AffiliateLogo 
{
    position: absolute;
    right: 0;
    bottom: 7px;    
    height: 40px;
}

#affiliateDiscountsArea 
{
    margin: 0 0 20px 0;
}
#affiliateDiscountsArea .discountItem 
{
    width: 635px;
    margin: 0 0 10px 0;
    padding: 0 0 10px 0;
    border-bottom: 1px solid #9f9f9e;
    overflow: hidden;
    position: relative;
}
#affiliateDiscountsArea .discountItem .expiredMask 
{
    width: 100%;
    height: 100%;
    background-image: url(/images/layout_images/65_trans_pixel.png);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
}
#affiliateDiscountsArea .discountItem .expiredMask p.expiredLabel 
{
    position: absolute;
    top: 53px;
    right: 39px;
    font-size: 20px;
    color: #BC1515;
    font-weight: bold;
}
#affiliateDiscountsArea .discountItem p 
{
    font-size: 1.2em;
    color: #5f5639;
}
.discountImageCol 
{
    float: left;
    width: 170px;
    text-align: left;
    margin: 0 0 8px 0;
}
.discountContentCol
{
    float: right;
    width: 445px;
    text-align: right;
    margin: 0 0 8px 0;
    position: relative;
}
.discountContentCol .discountSummary 
{
    font-size: 1.2em;
    color: #5f5639;
    margin: 0;
}
.discountContentCol .discountTitleLink
{
    color: #32491e;
    font-size: 2.4em;
    font-weight: bold;
    text-decoration: underline;
    display: block;
    margin: 0 0 5px 0;
}
.discountContentCol .voucherCode 
{
    height: 40px;
    width: 100%;;
    float: right;
}
.discountContentCol .voucherCode input[type="button"] 
{
    float: right;
    margin: 3px 0 0 0;
}
.discountContentCol .voucherCode .codeArea 
{
    float: right;
    width: 170px;
    height: 30px;
    background-image: url('/images/layout_images/code_hidden.png');
    margin: 0 0 0 10px;
}
.discountContentCol .voucherCode .codeArea p
{
    background-image: url('/images/layout_images/code_revealed.png');
    width: 170px;
    height: 30px;
    text-align: center;
    font-size: 26px!important;
    font-weight: bolder;
    padding: 0 0;
    margin: 0;
    color: #fff!important;
    text-shadow: 0px 0px 10px #000000;
    filter: dropshadow(color=#000000, offx=0, offy=0);     
}
p.moreInfoLink 
{
    float: right;
    padding: 4px 0 0 0;
    cursor: pointer;
    font-weight: bold;
}
p.moreInfoLink .redHighlight 
{
    color: #BC1515;
}
.websiteLink 
{
    float: right;
    margin: 0 0 0 5px;
}
.moreinformation 
{
    clear: both;
}