/* http://meyerweb.com/eric/tools/css/reset/ */
/* 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;
}



/*-----------------------------------------------------------------------------------------------
[Master Stylesheet]

Project:	farcryinabox
Version:	0.1
Contents:
		1. Global Styles
		2. Wrap /#wrap
			2.1 Accessability / #access
			2.2 Branding / #branding
			2.3 Navigation / #navMain
			2.4 Content / #content
				2.4.1 Primary Content / #primaryContent
				2.4.2 Secondary Content / #secondaryContent
				2.4.3 Extra Content / #extraContent
			2.5 Site Information / #siteInfo
			
-----------------------------------------------------------------------------------------------*/

/*
-------------------------------------------------------------------
GLOBAL STYLES: =Global
-------------------------------------------------------------------
*/

strong, th, thead td, h1, h2, h3, h4, h5, h6, dt { font-weight: bold; }
cite, em, dfn { font-style: italic; }
blockquote { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; color: #666; }
a:link, a:visited, a:hover, a:active, a:focus { text-decoration: underline; }

/*
fieldset { border: 1px solid #ccc; }
legend { background: #fff; }
textarea, input[type='text'], select { border: 1px solid #ccc; background: #fff; }
textarea:hover, input[type='text']:hover, input[type='password']:hover, select:hover { border-color: #aaa; }
textarea:focus, input[type='text']:focus, input[type='password']:focus, select:focus { border-color: #888; outline: 2px solid #ddd; }
input[type='button'], input[type='submit'], input[type='checkbox'], input[type='image'], input[type='radio'], input[type='reset'], select, button { cursor: pointer; }
input[type='hidden'] { display:none; }
*/

* {
	margin: 0;
	padding: 0;
}

html {
	background:  url("/wsimages/parchmentMiddle.jpg") 50% 0 repeat; 
	width: 100%;
	overflow-x: hidden;
}

body {
	width: 100%;
	overflow-x: hidden;
}


/*
-------------------------------------------------------------------
GLOBAL STYLES: =Global
-------------------------------------------------------------------
*/

.imageLeft { 
	float: left;
	margin-right: 20px;
}

.imageRight {
	float: right;
	margin-left: 20px;
}

.imageNoFloat {
	clear: both;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/*
-------------------------------------------------------------------
Wrap: =wrap
-------------------------------------------------------------------
*/


		#flashHeader {
			width: 985px;
			height: 196px;
			position: relative;
			top: 0;
			left:0;
		}
		
		#wrap {
		/*	background: url("/wsimages/bg_wrap.jpg") 50% top repeat-x;
			height:100%; */
			padding-bottom:10px;
		}
		
		#branding {
			width: 100%;
			background: url("/wsimages/topHeaderWoodTile.jpg") 50% 0px repeat-x;
			height: 241px;
		}
		
		#headerWrapper {
			width: 100%;
			background: url("/wsimages/topHeaderTreeTile.jpg") 50% 30px repeat-x;
			height: 241px;
		}
		

		#header {
			width: 100%;
			background: url("http://dqbokb08qeso6.cloudfront.net/website/topHeaderMain.jpg") 50% 0 no-repeat;
			height: 196px;
		}

/*
-------------------------------------------------------------------
ACCESSABILITY: =access
-------------------------------------------------------------------
*/

#access{
	display: none;	
}

/*
-------------------------------------------------------------------
BRANDING: =branding
-------------------------------------------------------------------
*/


/*
-------------------------------------------------------------------
Navigation: =navMain
-------------------------------------------------------------------
*/

		#breadcrumb{
			color: #5D2808;
			font-family: arial;
			font-size: 12px;
			font-weight: bold;
			margin-left: 21px;
		}
		
		#breadcrumb span{
			color: #47382F;
			font-weight: normal;
		}

		#breadcrumb a{
			font-weight: normal;
			color: #5D2808;
		}

		#menu {
			width: 100%;
			background: url("/wsimages/navigationBarTile.jpg") 50% 0px repeat-x;
			height: 45px;
			z-index: 100;
		}
		
		#navMain{
			margin: 0px auto;
			width: 944px;
			display: block-inline;
			z-index: 9999;
			}

		.inner {
			width: 985px;
			margin: 0 auto;
			display: block-inline;
			position: relative;
		}

		
		#footerSiteMap {
			margin: 0 auto;
			width: 985px;
		}
		
		#siteInfo {
			height: 340px;
			width:100%;
			background:  url("http://dqbokb08qeso6.cloudfront.net/website/footerTile.jpg") 50% 0 repeat-x; 
			width: 100%;
			overflow: hidden;
			padding-bottom: 0px;
			clear:both;
		}
		
		.footer {
			width: 985px;
			margin: 0 auto;
			height: 220px;
			position: relative;
			top: 60px;
		}

	#siteInfo .inner {
		margin-top: 110px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 0;
		width: 960px;
	}

#siteInfo  .copyright {
	color: #D4C8C4;
	font-size: 11px;
	font-family: "lucida grande", "lucida sans unicode" , arial, verdana, helvetica, sans-serif; 
	width: 40%;
	float: left;
}
#footerNav {
	float: right;
	margin: 0 10px 0 0;
	display: inline;
	}
	#footerNav li {
		font-size: 11px;
		font-family: "lucida grande", "lucida sans unicode" , arial, verdana, helvetica, sans-serif; 
		float: left;
		padding: 0 10px 0;
		background: url("/wsimages/nav/footerNavDivider.gif") right 50% no-repeat;
		height: 14px;
	}
	#footerNav li a {
			color: #D4C8C4;
			text-decoration: none;
		}
		#footerNav li a:hover {
			text-decoration: underline;
		}

#siteInfo a.toTop {
	width: 9px;
	height: 6px;
	background: url("/wsimages/topTop.gif") left top no-repeat;
	float:right;
	margin-right: 20px;
}
#siteInfo a.toTop span {
	display: none;
}

.footerLinksGroup{
	float: left;	
	width: 220px;
	margin-right: 20px;
}

#footerLinksContainer{
	overflow: hidden;
	margin-bottom:	15px;
}

#footerLinksContainer h3{
	color:#D4C8C4;
	font-size: 18px;
	font-style: italic;
	font-family: georgia;
}

#footerLinksContainer .h3wrapper{
	margin-left: 12px;
	margin-bottom: 10px;
}
	
.footerLinks{
	background:#2B1A15 url(/wsimages/footerLinksBG.jpg);
	overflow: hidden;
	display: block-inline;
}


.footerLinks .last{
	background: none;	
	border:0px none;
	padding-bottom:10px;
}

.footerLinksItem,.footerLinks li{
	font-size: 11px;
	color: #D4C8C4;
	padding-left: 12px;
	padding-top: 8px;
	padding-bottom: 7px;
	width: 208px;
	font-family: "lucida grande", "lucida sans unicode" , arial, verdana, helvetica, sans-serif; 
	background: url(/wsimages/footerItemDiv.gif) repeat-x bottom;
	}
	.footerLinksItem .socialLinks{
		float: left;
		margin: 0 10px 0 0;
	}
	
 .footerLinksItem.socialMedias{
	padding-top: 12px;
	padding-bottom: 12px;
	}
.socialMedias.noBorder{
	background: none;
	}	

.footerLinksItem .flickr_badge_image{
	padding: 0 7px 0 0;
	}
	.footerLinksItem .flickr_badge_image img{
		width: 39px;
		height: 39px; 
		border: 2px solid #d8d8d8;
		}

.footerItemWrapper{
	background: url(/wsimages/footerItemDiv.gif) repeat-x bottom;
	overflow: none;	
}

.footerLinks li a{
	padding-left: 10px;
	background: url(/wsimages/footeritemBullet.gif) no-repeat 0px 3px;
}

.footerLinksItem a,.footerLinks li a,.footerLinks li a:visited,.footerLinksItem a:visited{
	text-decoration: none;	
	color: #D4C8C4;
	display: block;
}

.footerLinksItem a:hover,.footerLinks li a:hover{
	text-decoration: underline;	
	color: #D4C8C4;
}

#footerDivider{
	width: 940px;
	height: 20px;
	background: url("/wsimages/footerBottomDiv.gif") repeat-x;	
}

#flickrLink{
	background-image: url("/wsimages/smallFlickrIcon.gif");
	background-repeat: no-repeat;	
	background-position: 10px 9px;
}

#flickrLink a{
	padding-left: 55px;
	line-height: 21px;
}

#youtubeLink{
	background-image: url("/wsimages/smallYouTubeIcon.gif");
	background-repeat: no-repeat;	
	background-position: 7px 7px;
}

#youtubeLink a{
	line-height: 18px;
	padding-left: 55px;
}

#facebookLink{
	background-image: url("/wsimages/smallFaceBookIcon.gif");
	background-repeat: no-repeat;	
	background-position: 7px 5px;
}

#facebookLink a{
	line-height: 18px;
	padding-left: 55px;
}

/*
-------------------------------------------------------------------
CONTENT: =content
-------------------------------------------------------------------
*/

.clear{
	clear: both;
}

br.clear{
	line-height: 0px;	
}

#rightCol,#notePadContainer,#noNotePadContainer{
	float: left;
	margin-left: 5px;
	margin-top: -20px;
}


#rightCol{
	display: hidden;
	width: 275px;	
}

.content  {
	font-size: 12px;
	font-family: arial, verdana, helvetica, sans-serif; 
}

#notePadContainer h1{
	color:#220502;
	font-family: georgia;
	font-size: 30px;
	margin-bottom: 35px;
	font-style: italic;
}

#notePadContainer h1.pageheading{
	width: 520px;
	background-image: url(/wsimages/mainh1Underline.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom: 27px;
	padding-right: 106px;
	margin-bottom: 12px;
}

#notePadContainer.noNotePadBG h1.pageheading {
	background-image: none;
	color: #522723;
	padding-right: 0;
	margin-bottom: 0;
}

#notePadContainer.noNotePadBG h1.pageheading span{
	font-size: 16px;
	font-family: arial;	
	left:-7px;
	position:relative;
	top:-10px;
}

#notePadContainer p{
	margin-bottom: 10px;
	color:#121212;
	font-family: arial;
	font-size: 12px;
	line-height: 18px;
}

#notePadContainer h3{
	font-family:Georgia;
	font-weight: Bold;
	font-size: 16px;
	color: #441809;
	padding-bottom: 15px;
	line-height: 22px;
}

#notePadContainer h4{
	line-height: 20px;
	font-family: Georgia;
	font-weight:Bold;
	font-size:14px;
	color: #252525;
	padding-bottom: 15px;
	
}

#notePadContainer .quoteText{
	font-family: Georgia;
	font-style: Italic;
	font-size: 18px; 
	line-height: 26px;
	color:#354718;
	margin: 20px;
	margin-top: 0px;
	font-weight: none;
	display: block;
}

#notePadContainer .introText{
	font-family:Arial;
	font-size: 14px;
	font-weight: Bold;
	color: #121212;
}

#notePadContainer li{
	line-height:12px;
	padding-left:15px;
}	

#notePadContainer ul li{
	background-image:url(/wsimages/internalBullet.gif);
	background-position:0px 7px;
	background-repeat:no-repeat;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;	
}
#notePadContainer.recipe ul li{
	border-bottom: 1px dashed #b7b2ac;
	}
	#notePadContainer.recipe ul li p{
		margin: 6px 0;
	}
	#notePadContainer .isFoodie ul{
		width: 318px;
		}
		#notePadContainer .isFoodie ul li{
			width: 300px;
		}
		* html #notePadContainer .isFoodie ul li{
			background-position: 0px 13px;
		}
		:first-child + html #notePadContainer .isFoodie ul li{
			background-position: 0px 13px;
		}

.foodieLink{
	margin: 22px 16px 0 21px;
	display: none;
	}
		
#notePadContainer ul#sitemapNav li{
	background: 0;
}

#notePadContainer ul,#notePadContainer ol{
	margin-top: 5px;
	margin-bottom: 10px;	
}

#notePadContainer ol{
	margin-top: 5px;
	margin-bottom: 10px;
	list-style-type:decimal;
	padding-left: 20px;
}

#notePadContainer ol li{
	padding-left: 0px;
}

#notePadContainer h5{
	font-family: Arial;
	font-size: 12px;
	font-weight: Bold;
	color: #441809;
	padding-bottom: 10px;
	line-height: 18px;
}


#notePadContainer h2{
	font-family:georgia;
	font-weight: bold;
	font-size: 18px;
	color: #441809;
	line-height: 26px;	
	padding-bottom: 20px;
}

#notePadContainer a {
	color:#6E1F00;
}


#notePadContainer{
	margin-top: 0px;
	width: 694px;
	background: url("/wsimages/notePadTile.jpg") repeat-y;		
}

#notePadContainer.noNotePadBG{
	background: none;			
}

#notePadContent{
	background: url("/wsimages/notePadHeader.jpg") no-repeat;		
	padding: 38px;
	padding-bottom: 0px;
	width: 618px;
	position: relative;
	}
	#notePadContent.isFoodie{
		padding-right: 28px;
		width: 628px;
	}
	.foodieStar{
		width: 292px;
		float: right;
		padding-bottom: 60px;
		margin-left: 15px;
		background: url(/wsimages/bg_foodieFrame.gif) top right no-repeat;
	}
	.hasImage{
		background: url(/wsimages/bg_foodieImageFrame.gif) top right no-repeat;
	}
	.hasImage img{
		padding: 111px 0 41px 51px;	
	}
	#notePadContent .foodieStar p{
		color: #ad2b03;
		font-size: 18px;
		font-family: Georgia;
		padding: 97px 0 58px 46px;
		font-weight: bold;
		margin: 0;
		}
		#notePadContent .foodieStar p em{
			color: #422818;
			display: block;
			padding-bottom: 8px;
		}
		#notePadContent .hasImage p{
			padding: 0 0 58px 39px;
		}
		#notePadContent .foodieStar blockquote{
			color: #3f261e;
			font-size: 16px;
			background: url(/wsimages/openQuote.gif) 13px 1px no-repeat;
			font-style: italic;
			border: 0;
			padding: 0 10px 0 39px;
			font-family: Georgia;
			font-weight: bold;
			line-height: 18px;
		}
		#notePadContent .foodieStar blockquote img{
			padding: 0 0 4px 5px;
		}
			
#notePadBottom{
	background: url("/wsimages/zh-CN/notePadBottom.jpg") no-repeat;		
	height: 120px;
	clear: both;
	position: relative;
}

#notePadBottom a.top{
	display: block;
	height: 30px;
	left: 634px;
	position: absolute;
	top: 50px;
	width: 30px;
}

#notePadBottom a#pdfBuilderActionBTN{
	background:transparent url(/wsimages/pdfBuilderAddBTN.jpg) no-repeat scroll 0%;
	display:block;
	height:28px;
	left:20px;
	position:absolute;
	top:10px;
	width:212px;
}

#notePadBottom a#pdfBuilderActionBTN.delBTN{
	background:transparent url(/wsimages/pdfBuilderDelBTN.jpg) no-repeat scroll 0%;
}

#notePadBottom a#pdfBuilderDownloadDoc{
	background:transparent url(/wsimages/pdfBuilderPDFIcon.jpg) no-repeat scroll 1% -3px;
	display:block;
	height:20px;
	left:268px;
	padding-left:27px;
	padding-top:2px;
	position:absolute;
	top:18px;
	width:210px;
}
		
#notePadBottom a#pdfBuilderActionBTN span{
	display: none;
}

#notePadBottom a span,#relatedContent h3 span{
	display: none;
}

#notePadContent .altContainer h2{
	font-family: Georgia;
	font-weight: bold;
	font-size: 16px;
	color: #441809;
	padding-bottom: 5px;
}

#notePadContent .altContainer p{
	font-family: arial;
	font-weight: normal;
	font-size: 14px;
	color: #121212;
	margin-bottom:20px;
}

#provenanceFormContainer{
	margin-top: 0px;
	width: 694px;
	margin-top:13px;
	background: url("/wsimages/ppFormBG.jpg") repeat-y;		
}



#provenanceFormContent{
	background: url("/wsimages/ppFormTop.jpg") no-repeat;		
	padding: 38px 44px  0px 50px;
	width: 600px;
	position: relative;
}

#provenanceFormContainer.productView #provenanceFormContent{
	background: url("/wsimages/ppFormProductTop.gif") no-repeat;		
}

#provenanceFormContainer.productView{
	background: url("/wsimages/ppFormProductBG.gif") repeat-y;		
}

#provenanceFormBottom{
	background: url("/wsimages/ppFormBottom.jpg") no-repeat;		
	height: 55px;
	overflow: hidden;
	clear: both;	
}

#provenanceProductBottom{
	background: url("/wsimages/ppProductFooter.jpg") no-repeat;		
	height: 60px;
	overflow: hidden;
	clear: both;	
}

#provenanceProductContainer{
	margin-top: 0px;
	width: 694px;
	background: url("/wsimages/ppProductTileBG.gif") repeat-y;		
}

#provenanceProductContent{
	background: url("/wsimages/ppProductTab1.jpg") no-repeat;		
	width: 693px;
	position: relative;
	padding-top: 113px;
	overflow: none;
}

#ppProductCookPhoto{
	top: 202px;
	left: 460px;
	background: url("/wsimages/ppProductCookPhotoBG.jpg") no-repeat;			
	width: 242px;
	height: 246px;
	position: absolute;
}

ul#ppIngredientList li{
	background: url("/wsimages/ppIngredientNameBg.jpg") no-repeat;
	width: 396px;	
	font-family: "Courier New";
	font-size: 16px;
	font-weight: none;
	color: #982e15;
	clear: both;
	overflow: hidden;
	margin-bottom: 5px;
	height: 27px;
	font-style: normal;
	padding-right: 7px;
}


ul#ppCookList li{
	background: url("/wsimages/ppCookNameBg.jpg") no-repeat;
	width: 220px;	
	font-family: "Courier New";
	font-size: 16px;
	font-weight: none;
	color: #982e15;
	clear: both;
	overflow: hidden;
	margin-bottom: 5px;
	height: 27px;
	font-style: normal;
	padding-right: 7px;
}

#ppProductCookPhoto img{
	padding-top: 8px;
	padding-left: 16px;	
}

.ppHideCook{
	display: none;	
}

#notePadContainer ul#ppCookList li a,#notePadContainer ul#ppIngredientList li a{
	padding-top: 4px;
	cursor: pointer;
	text-decoration: none;
	color: #982e15;	
}

ul#ppCookList li a:hover,ul#ppIngredientList li a:hover{
	text-decoration: none;
}

ul#ppCookList li a.ppCookView,ul#ppIngredientList li a.ppIngredientView{
	display: block;
	width: 44px;
	float: right;
	font-size: 12px;
	border-bottom:1px dotted #982e15;
}

ul#ppIngredientList li a.ppIngredientView{
	width:80px;
}
	
ul#ppCookList li:hover a.ppCookView,ul#ppIngredientList li:hover a.ppIngredientView{
	border-bottom:0px;	
}

ul#ppCookList li a.ppCookLabel,ul#ppIngredientList li a.ppIngredientLabel{
	padding-left: 10px;
	display: block;
	width: 160px;
	float: left;
}

ul#ppIngredientList li a.ppIngredientLabel{
	width: 300px;		
}

ul#ppCookList li a.ppCookLabel span,ul#ppIngredientList li a.ppIngredientLabel span{
	border-bottom:1px dotted #982e15;
}

ul#ppCookList li:hover a.ppCookLabel span,ul#ppIngredientList li:hover a.ppIngredientLabel span{
	border-bottom:0px;	
}

ul#ppCookList li.ppSelCook{
	background: url("/wsimages/ppCookNameSelBg.jpg") no-repeat;
	color: #ab8972;
}

ul#ppCookList li.ppSelCook a,ul#ppCookList li.ppSelCook a span{
	color: #ab8972 !important;
	border-bottom: none;
}




#ppBarCodeForm{
	position: relative;
	background: url("/wsimages/ppFormEntryBG.jpg") no-repeat;
	height: 75px;
}

#ppFormField{
	background: url("/wsimages/ppFormFieldBG.jpg") no-repeat;
	width: 241px;
	height: 41px;
	position: absolute;
	top: 10px;
	left: 160px;
	padding-top: 16px;
	padding-left: 20px;
	padding-right: 20px;
}

#notePadContainer #ppFormMessage ol li{
	font-size: 14px;
	line-height: 18px;	
	margin-bottom:5px;
}

#notePadContainer #ppFormMessage ol{
	margin:10px 20px 27px 30px;
}

#ppFormFieldDay{
	background: url("/wsimages/ppFormDayBG.jpg") no-repeat;
	width: 64px;
	height: 41px;
	position: absolute;
	top: 10px;
	left: 165px;
	padding-top: 16px;
	padding-left: 16px;
	padding-right: 0px;
}

#ppFormFieldMonth{
	background: url("/wsimages/ppFormMonthBG.jpg") no-repeat;
	width: 100px;
	height: 41px;
	position: absolute;
	top: 10px;
	left: 231px;
	padding-top: 16px;
	padding-left: 29px;
	padding-right: 0px;
}

#ppFormFieldYear{
	background: url("/wsimages/ppFormYearBG.jpg") no-repeat;
	width: 100px;
	height: 41px;
	position: absolute;
	top: 10px;
	left: 336px;
	padding-top: 16px;
	padding-left: 29px;
	padding-right: 0px;
}


#ppFormField input,#ppFormFieldDay input,#ppFormFieldMonth input,#ppFormFieldYear input{
	font-family: arial;
	font-weight: normal;
	color: #414141;
	font-size: 22px;
	background: none;
	border: 0;
}

#ppFormFieldMonth input{
	text-transform: uppercase;	
}


#ppFormField input.standard{
	color: #414141;
}

#ppFormBarBtnImg,#ppFormDateBtnImg{
	position:absolute;
	top: 15px;
	left: 450px;	
}

#ppFormDateBtnImg{
	left: 445px;	
}

#notePadContainer #provenanceFormContent p{
	font-family: georgia;
	font-weight: normal;
	font-size: 18px;
	color: #232323;
	line-height: 22px;
	margin-bottom:5px;
}

#notePadContainer #provenanceFormContent p.instructions{
	font-family: georgia;
	font-weight: bold;
	font-size: 16px;
	color: #232323;
	padding-top: 5px;
	padding-bottom: 5px;
}	

#notePadContainer #provenanceFormContent p#ppFormError{
	font-family:Arial;
	font-size: 18px;
	font-weight: none;
	color: #d61b00;
	padding-left:5px;
}

#notePadContainer #provenanceFormContent div#ppFormCompleteBarcode{
	font-family: georgia;
	font-weight: bold;
	font-size: 16px;
	color: #232323;
	padding-top: 11px;
}

#notePadContainer #provenanceFormContent div#ppFormFoundProduct{
	font-family: georgia;
	font-size: 18px;
	color: #232323;
	padding-top: 8px;
}

#notePadContainer #provenanceFormContent div#ppFormFoundProduct div{
	display: inline;
	font-family:Georgia;
	font-size:18px;
	font-weight: bold;
	color: #522723;
	margin-left: 5px;
	font-style: italic;
}
#notePadContainer #provenanceFormContent div#ppFormFoundProduct div span{
	font-family: georgia;
	font-size: 18px;
	font-weight: none;
	font-style: normal;
	color: #232323;
}

#notePadContainer #provenanceFormContent div.ppFormDivider{
	background-image: url(/wsimages/ppFormDivider.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
	padding-top: 15px;
}

#notePadContainer #provenanceFormContent div#ppFormCompleteBarcode div{
	background-image: url(/wsimages/ppFormBarcodeBG.jpg);
	background-repeat: no-repeat;
	width: 160px;
	height: 23px;
	display: inline;
	font-family:"courier new";
	font-size:16px;
	font-weight: bold;
	color: #000000;
	padding: 5px 5px 5px 4px;
	margin-left: 10px;
}

#ppFormWrapper{
	margin-bottom: 20px;
}

#ppFormWrapper label{
	display: none;	
}

#ppDateForm{
	position: relative;
	background: url("/wsimages/ppFormDateEntryBG.jpg") no-repeat;
	height: 75px;
}

#ppFormField input.ppFieldError,#ppDateForm input.ppFieldError{
	color: #d61b00;
}

#ppAbout div{
	float: left;
	width: 427px;	
	padding-left: 9px;
}

#ppAbout img#ppAboutGraphic{
	float: left;
}

#ppProductImageWrapper{
	position: absolute;
	top:114px;
	left: 39px;
	background: url("/wsimages/ppProductImageBG.jpg") no-repeat;
	height: 311px;
	width: 170px;		
}

#ppProductIngredientsWrapper{
	position: absolute;
	top:106px;
	left: 37px;
	background: url("/wsimages/ppMyIngredientsListBG.jpg") no-repeat;
	height: 268px;
	width: 178px;		
}


ul#ppIngredientsList li{
	font-family:Georgia;
	font-size: 14px;
	font-style: italic;
	font-weight: bold
}

#notePadContainer ul#ppIngredientsList li{
	list-style: none;
	background: none;
	margin-bottom: 1px;
	padding-left: 0px;
	padding-bottom: 5px;
	padding-top: 5px;
	cursor: pointer;
}

#notePadContainer ul#ppIngredientsList li.ppSelectedIngredient{
	background: url("/wsimages/ppIngredientsListNameBG.jpg") repeat-y;
}

#notePadContainer ul#ppIngredientsList{
	padding-top: 62px;
	padding-left: 15px;
}

ul#ppIngredientsList li a{
	background: url("/wsimages/ppIngredientsListBullet.gif") no-repeat 10px 3px;
	color:#572623;
	text-decoration: none;
	display: block;
	line-height: 16px;
	padding-left: 30px;
	width: 125px;
}
ul#ppIngredientsList li.ppSelectedIngredient a{
	background: url("/wsimages/ppIngredientsListBulletsel.gif") no-repeat 10px 3px;
	color:#ffffff;
}

#notePadContainer ul#ppIngredientsList li a span{
	padding-bottom: 0;
	border-bottom: 1px solid #572623;	
}

#notePadContainer ul#ppIngredientsList li.ppSelectedIngredient a span{
	border-bottom: none;
}

#notePadContainer ul#ppIngredientsList li a:hover span{
	border-bottom: none;
}
	
#ppProductDataWrapper{
	padding-left: 227px;	
}

#notePadContainer #provenanceFormContent p#ppFormMessage{
	margin-bottom: 15px;	
}

#notePadContainer #provenanceFormContent #ppAbout div p{
	font-size: 14px;
}



#notePadContainer #provenanceFormContent #ppAbout div.ppNoCode p{
	font-size: 16px;
}
#ppProductDataWrapper{
	width: 445px;
	padding-left: 219px;
	min-height: 458px;
}

#ppLocationVideoWrapper{
	margin-top: 5px;
	background: url("/wsimages/ppLocationWrapperTile.jpg") repeat-y;
	width: 420px;
}

#ppIngredientsImageWrapper{
	position: absolute;
	top: 384px;
	left: 30px;	
}

#ppLocationPagingWrapper{
	margin-top: 5px;
	background: url("/wsimages/ppLocationPagingBG.jpg") no-repeat;
	width: 419px;
	height: 28px;
	font-size: 12px;
	font-family: "Courier New";	
	text-align: center;
	padding-top: 7px;
}

#ppLocationPagingWrapper span{
	color:#ab8972;	
}
#ppLocationPagingWrapper span#ppLocationPagingText{
	color:#45231c;	
	font-weight: bold;
	padding-left: 10px;
}

#ppLocationPagingWrapper span#ppLocationPagingNext{
	padding-left: 10px;
}

#ppLocationPagingWrapper span.pagingActive{
	color:#982e15;	
	text-decoration: none;
	border-bottom: 1px dotted #982e15;
	cursor: pointer;
}

#ppProductPaging{
	text-align: right;
	font-family: Georgia;
	font-size:16px;
	color: #4c322b;	
	width: 417px;
	padding-top: 10px;
}

#ppProductPaging span{
	vertical-align: 9px;
	padding-right: 10px;
}

#ppProductPaging span span{
	color:#972e29;
	vertical-align: 0;
	padding-right: 0px;
}

#ppLocationPagingWrapper span a:hover{
	border-bottom: 0;	
}

#ppIngredientsImageWrapper div.ppHideImage{
	display: none;
}

#ppLocationVideoWrapperTop{
	background: url("/wsimages/ppLocationWrapperTop.jpg") no-repeat;
	width: 420px;
	height: 11px;
}

#ppLocationVideoWrapper div.ppHideLocation{
	display: none;
}

#notePadContainer #ppLocationVideoWrapper div h3{
	margin-left: 15px;
	padding-left: 5px;	
	font-family: "Courier New";
	font-size: 18px;
	font-weight: bold;
	color: #45231c;	
	background: url("/wsimages/ppLocationDivider.jpg") no-repeat left bottom;
	width: 379px;
	padding-bottom: 5px;
}

#ppLocationVideoWrapperBottom{
	background: url("/wsimages/ppLocationWrapperBottom.jpg") no-repeat;	
	width: 420px;
	height: 29px;
	margin-bottom:5px;		
}

#notePadContainer #ppLocationVideoWrapper div h4{
	margin-left: 15px;
	padding-left: 5px;
	padding-bottom: 0px;	
	font-family: "Courier New";
	font-size: 16px;
	font-weight: bold;
	color: #45231c;	
	width: 379px;
}
#notePadContainer #ppLocationVideoWrapper div h4 span{
	font-weight: normal;
}

.ppIngredientVideoWrapper{
	background: url("/wsimages/ppLocationDefaultBG.jpg") no-repeat;	
	width: 407px;
	height: 243px;
	padding-left:13px;
	padding-top:7px;
}

.ppIngredientVideoWrapper.noFlash{ 
	background: url("/wsimages/ppLocationNoFlashBG.jpg") no-repeat;	
	cursor: pointer;	
}

li table{
	clear: both;
	width: 92%;
	border-bottom: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	margin-bottom: 5px;
	margin-left:20px;
}

li table th{
	width:23%;
	text-align: center;
	color: #333333;
}

li table td{
	width:23%;
	text-align: center;
	background: #CBBCB4;
	border-top: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	padding-top: 3px;
	padding-bottom: 2px;
	color: #333333;
}

#notePadContainer #provenanceProductContent h1{
	font-family:georgia;
	font-weight: bold;
	font-style: italic;
	color: #572623;
	font-size: 24px;
	margin-bottom: 10px;
	padding-right: 30px;
	padding-left: 7px;
}

#ppProductBatchNoData{
	font-size: 16px;
	font-family: "Courier New";
	color: #382a2a;
	font-weight: bold;
	padding: 10px 3px 10px 11px;
	background: url("/wsimages/ppProductBatchNoBG.jpg") no-repeat;			
}

#ppProductDataWrapper dt{
	font-family: georgia;
	font-size: 14px;
	font-style:  italic;
	color: #3e1f1d;
	padding-top: 10px;
	padding-left: 5px;
	font-weight: bold;
}

#ppProductDataWrapper dd{
	padding: 8px 30px 15px 5px;
	background: url("/wsimages/ppProductPageDivider.jpg") no-repeat left bottom;		
	font-family: "Courier New";
	font-size: 16px;
	color: #232323;		
	width: 386px;
}

#ppProductDataWrapper dd.last {
	background: none;		
}

#ppProductDataWrapper dd div{
	width:239px;
}

#ppProductDataMenu{
	top:54px;
	left: 12px;
	position:absolute;	
}

#ppProductDataMenu a h2{
	display: none;	
}



#ppProductDataMenu a#tab1{
	width: 100px;
}

#ppProductDataMenu a#tab2{
	width: 150px;
}

#ppProductDataMenu a#tab3{
	width: 110px;
}

#ppProductDataMenu a#tab4{
	width: 150px;
}

#ppProductDataMenu a{
	diplay: block;
	float: left;
	height: 27px;	
	margin-left: 24px;
}

#ppVideoWrapper{
	margin-top: 5px;
	background: url("/wsimages/ppDefaultVideo.jpg") no-repeat;
	width: 425px;
	height: 304px;
}

#ppVideoWrapper.noFlash{	
	background: url("/wsimages/ppNoFlashVideo.jpg") no-repeat;
	cursor: pointer;	
}

.ppDivider{
	background:transparent url(/wsimages/ppProductPageDivider.jpg) repeat-x scroll left bottom;
	height: 5px;
}
.productDivider {
	background:transparent url(/wsimages/productPageDivider.gif) repeat-x scroll left bottom;
	height:5px;
}


.ppDividerLong{
	background:transparent url(/wsimages/ppProductPageDivider.jpg) repeat-x scroll left bottom;
	height: 5px;
}

#ppProductFullSpecData{
	min-height:257px;	
}

#ppWatchMadeTitle{
	background:transparent url(/wsimages/ppWatchHowItsMade.jpg) no-repeat;
	position: absolute;
	top: 430px;
	left: 58px;
	width: 159px;
	height: 107px;	
}

#ppSurveyWrapper{
	position: absolute;
	top: 440px;
	left: 45px;
	width: 151px;
	height: 162px;
	background:#D8C5AF url(/wsimages/ppSurveyTitle.jpg) no-repeat top;	
}

#ppSurveyWrapper.thankyou{
	background:none;			
	padding-top:60px;
	text-align:center;
}

#notePadContainer #ppSurveyWrapper h4{
	display: none;
}

#notePadContainer #ppSurveyWrapper.thankyou h4{
	display: block;
	font-family:Arial;
	font-weight: normal;
	font-size: 18px;
	color: #292827;
}

#notePadContainer #ppSurveyWrapper p{
	display:none;
}

#ppSurveyWrapper form{
	padding-top: 97px;
	text-align: center;
}

#ppSurveyWrapper form input{
	margin-bottom: 6px; 
}

#ppSurveyWrapper form select{
	border: 1px solid #787878;
	margin-bottom: 6px; 
	background: #E7D9C4;
	width: 140px;
	font-family: Arial;
	font-size: 11px;
	color: #292827;
	padding: 3px;
}


#notePadContainer div#ppProductFullSpecWrapper h3{
	font-style: italic;
	color:#3e1f1d;	
}

#notePadContainer div#ppProductFullSpecWrapper{
	background: url("/wsimages/ppProductPageDivider.jpg") repeat-x left top;		
	margin-left: -166px;
	width: 580px;
	padding-top: 10px;
}

#notePadContainer div#ppProductFullSpecWrapper dl{
	clear: both;
	display: block;
	overflow: hidden;
	margin-bottom: 15px;
}

#notePadContainer div#ppProductFullSpecWrapper dd{
	float: left;	
	background: #DBC6B1;
	width: 296px;
	margin-left: 3px;
	margin-bottom: 3px;
	font-style: normal;
	font-family: "Courier New";	
	font-size: 12px;
	color: #232323;
	font-weight: normal;
	padding: 9px;
}

#notePadContainer div#ppProductFullSpecWrapper dt{
	float: left;	
	font-style: normal;
	clear: left;
	background: #DBC6B1;
	width: 245px;
	margin-bottom: 3px;
	font-family: "Courier New";	
	font-size: 12px;
	color: #232323;
	font-weight: bold;
	padding: 9px;
}

#ppPoductDisplayFormWrapper{
	display: none;	
}

#ppTraceAnother{
	position: absolute;
	top: 40px;
	left: 469px;
	width: 173px;
	height: 26px;
	cursor: pointer;
	text-align: right;
}

#ppFormProductView{
	background: url(/wsimages/ppFormProductViewBG.jpg) no-repeat;
	width: 626px;
	height: 161px;
	height: auto;
}

#ppFormProductView #ppDateForm { 
	top: -21px;
	background: url(/wsimages/ppFormProductDateEntryBG.gif) no-repeat;	
}


#ppFormProductView #ppFormFieldMonth,#ppFormProductView #ppFormFieldYear {
	background:transparent url(/wsimages/ppFormProductMonthBG.gif) no-repeat scroll 0% 50%;
}

#ppFormProductView #ppFormFieldDay {
	background:transparent url(/wsimages/ppFormProductDayBG.gif) no-repeat scroll 0% 50%;
}

#notePadContainer #notePadContent.productContent #ppFormProductView h3{
	font-family:Georgia;
	font-weight: Bold;
	font-style: Italic;
	font-size: 20px;
	font-color: #722813;	
	padding-left:32px;
	padding-top:26px;
}

#notePadContainer #notePadContent.productContent #ppFormProductView p{
	font-family:Georgia;
	font-size: 14px;
	font-color: #232323;	
	padding-left:32px;
}

#notePadContainer #notePadContent.productContent #ppFormProductView #ppFormWrapper {
	margin-bottom: 0px;
}

#notePadContainer  #notePadContent.productContent #ppFormProductView p#ppFormError{
	font-family:Arial;
	font-size: 18px;
	font-weight: none;
	color: #d61b00;
	padding-left:5px;
}

#pdfBuilderBtnContainer{
	background: url(/wsimages/pdfBuilderBtnBG.jpg) no-repeat;
	height:51px;
	left:41px;
	position:absolute;
	top:101px;
	width:541px;
}

div#ppVideoHTML{
	padding-top: 10px;
	padding-left: 4px;
	padding-right: 32px;
}

#notePadContainer div#ppProductFullSpecWrapper dd.altrow,#notePadContainer div#ppProductFullSpecWrapper dt.altrow{
	background: #E3D0BB;
}	

.error {
	clear:both;
	color:#FF0000;
	display:block;
	font-size:11px;
	padding-left:0px;
	padding-right:34px;
	text-align:right;
}

.fullWidth{
	float: none !important;
	width: 984px !important;
	background: url("/wsimages/notePadTileFull.jpg") repeat-y !important;		
}

.fullWidth #notePadContent{
	background: url("/wsimages/notePadHeaderFull.jpg") no-repeat !important;		
	width: 904px !important; 
}

.fullWidth #notePadBottom{
	background: url("/wsimages/notePadBottomFull.jpg") no-repeat !important;		
}

.fullWidth #notePadBottom a{
	left: 920px !important;
}


.rightColMediaContainer{
	margin-top: 20px;
}

.rightColMediaContainer h3{
	cursor: pointer;
	width: 275px;
	height: 45px;
	background: url("/wsimages/sideBarHeader.gif") no-repeat;	
}

#hueyContainer.rightColMediaContainer{
	padding-left:10px;	
}

#hueyContainer.rightColMediaContainer h3{
	cursor: pointer;
	width: 257px;
	height: 72px;
	background: url("/wsimages/hueysCookingAdv.jpg") no-repeat;	
}


.rightColMediaContainer h3 a.rightColIcon{
	padding-left:23px;
	padding-top:5px;
	width:82px;
	display: block;
	float: left;
}
.rightColMediaContainer h3 a.rightColLabel{
	width: 129px;
	color: #441809;
	font-family: georgia;
	font-size: 16px;
	font-weight: bold;
	font-style: italic;	
	display: block;
	float: left;
	padding-top:15px;
	text-decoration: none;
}
.rightColMediaContainer h3 a.rightColLabel:hover{
	text-decoration: underline;	
}
.rightColMediaContainer h3 a.rightColBtn{
	width: 21px;	
	display: block;
	float: left;
	padding-top:15px;
}


.rightColMediaContainer h3 span{
	display:none;
}

#hueyContainer h3 a{
	padding-left:93px;
	padding-right:26px;
	padding-top:26px;
}

.rightColMediaContainer h3 a,.rightColMediaContainer h3 span{
/*	display:none; */
}

.rightColMediaContainer h3 a,.rightColMediaContainer h3 span{
/*	display:none; */
}

/*
#flickrContainer h3{
	background: url("/wsimages/flickrSideBarHeader.jpg") no-repeat;	
}



#youtubeContainer h3{
	background: url("/wsimages/youtubeSideBarHeader.jpg") no-repeat;	
}

#facebookContainer h3{
	background: url("/wsimages/facebookSideBarHeader.jpg") no-repeat;	
}*/


#whatshappeningContainer h3{
	background: url("/wsimages/whatshappeningSideBarHeader.jpg") no-repeat;	
	height: 56px;
}

#testimonialsContainer h3{
	background: url("/wsimages/testimonialsSideBarHeader.jpg") no-repeat;	
}

#testimonialsContainer{
	margin-top: 10px;
}

#testimonialsContainer p{
	background: url("/wsimages/quoteStart.jpg") no-repeat 8px 0px;	
	colour: #441809;
	font-size: 18px;
	font-style: italic;
	font-family: georgia;
	line-height: 22px;
	padding-left: 30px;
	padding-right: 10px;
}

#testimonialsContainer p span{
	margin-top: 10px;
	color:#000000;
	font-family: arial; 
	font-size: 12px;
	font-style: normal;
	line-height: 32px;
}

/*
Images are wrapped in divs classed "flickr_badge_image" with ids
"flickr_badge_imageX" where "X" is an integer specifying ordinal position.
Below are some styles to get you started!
*/
#flickr_badge_uber_wrapper {width: 255px;margin-top: 10px;padding-left:10px;}
#flickr_badge_wrapper {padding:0px 0 0px 0;}
.flickr_badge_image {padding:0pt 0px 10px 10px;float:left;}
.flickr_badge_image img {border: 0;}
#flickr_badge_source {text-align:left; margin:0 10px 0 10px;}
#flickr_badge_icon {float:left; margin-right:5px;}
#flickr_www {display:block; padding:0 10px 0 10px !important; font: 11px Arial, Helvetica, Sans serif !important; color:#3993ff !important;}
#flickr_badge_uber_wrapper a:hover,
#flickr_badge_uber_wrapper a:link,
#flickr_badge_uber_wrapper a:active,
#flickr_badge_uber_wrapper a:visited {background:inherit !important;color:#441809;}
#flickr_badge_wrapper {background-color:#ffffff;}
#flickr_badge_source {padding:0 !important; font: 11px Arial, Helvetica, Sans serif !important; color:#666666 !important;}

#flickrRightColLink{
	padding-left: 10px;
	}

#relatedContent{
	width: 275px;
}

#relatedContent{
	background: url("/wsimages/relatedPagesTop.jpg") no-repeat;
	padding-top: 101px;
}

#relatedContentWrapper{
	background: url("/wsimages/relatedPagesTile.jpg") repeat-y;
	overflow: hidden;
}

#relatedContent ul{
	background: url("/wsimages/relatedPagesBottom.jpg") no-repeat bottom;
	padding-bottom: 35px;
	padding-left: 24px;
}

#relatedContent li{
	background:url("/wsimages/relatedBullet.gif") no-repeat 4px 8px;
	padding-bottom: 3px; 
	width: 224px;
}

#relatedContent li a{
	font-size: 14px;
	font-family: georgia;
	color: #291913;
	font-weight: bold;
	font-style: italic;
	text-decoration: none;
	padding-left: 4px;
	margin-left: 20px;
	display: block;
	width: 200px;
/*	line-height: 30px;
	vertical-align: middle;
	*/
	padding-top: 5px;
	padding-bottom: 5px;
}

#relatedContent li img{
		margin-left: 20px;	
}

div.bodyTeaser{
	background: url("/wsimages/teaserHR.jpg") repeat-x;
	padding-top: 20px;
	margin-bottom: 20px;
	overflow: hidden;
	width: 620px;
	clear: both;
}

div.salesRepDetails{
	background: url("/wsimages/teaserHR.jpg") repeat-x bottom;
	padding-top: 20px;
	margin-bottom: 20px;
	overflow: hidden;
	width: 635px;
	clear: both;
	padding-bottom: 20px;
}

div.supplierImage{
	float: left;
	width: 230px;	
}

div.salesRepData{
	float: left;
}

#notePadContainer div.salesRepData h4{
	color:#441809;
	font-family:georgia;
	font-size:18px;
	font-weight:bold;
	line-height:18px;
	margin-bottom:8px;
	padding-top:30px;
	padding-bottom:0;
}

#notePadContainer div.salesRepData p{
	font-size: 14px;	
}

div.first{
	background: none;
}

#notePadContainer .bodyTeaser a.thumbnail{
	background: transparent url(/wsimages/teaserImgBG.jpg) no-repeat;
	padding: 9px;
	float: left;
	width:126px;
	overflow: hidden;
	display: block;
}

#notePadContainer .bodyTeaserContent{
	float: left;	
	width: 460px;
}

div.bodyTeaser .foodieLogo{
	background: url(/wsimages/bg_foodie.gif) right 14px no-repeat;
	overflow: hidden;
	width: 100%;
	}
	div.bodyTeaser .foodieLogo a.thumbnail{
		background: url(/wsimages/foodieTeaserFrame.gif) top left no-repeat !important;
		width: 86px !important;
		padding: 8px 0 10px 7px !important;
	}
	div.bodyTeaser .foodieLogo .bodyTeaserContent{
		width: 352px !important;
	}

#notePadContainer .bodyTeaser h4{
	padding-left: 18px;	
	color:#441809;
	font-size: 18px;
	font-weight: bold;
	font-style: italic;
	margin-top: 8px;
	margin-bottom: 8px;
	font-family: georgia;
	line-height:18px;
	padding-bottom:0px;	
}

#notePadContainer .bodyTeaser h4 a{
	color:#441809;
	text-decoration: none;
}

#notePadContainer .bodyTeaser h4 a:hover{
	text-decoration: underline;
}

#notePadContainer .bodyTeaser p{
	padding-left: 18px;		
	font-size: 14px !important;
}

#notePadContainer .bodyTeaser a.morelink{
	font-family: georgia;
	color:#441809;
	font-size: 14px;
	font-style: italic;
}

#notePadContainer .contentPaginator{
	background: url("/wsimages/paginatorBG.jpg") no-repeat;	
	width: 627px;
	height: 51px;	
}

#notePadContainer .contentPaginator h3{
	color:#220502;
	font-family: georgia;
	font-size: 18px;	
	font-weight: normal;
	width:444px;
	float: left;
	margin-top: 15px;
	padding-left: 18px;
}

#notePadContainer .contentPaginator h3 span.red{
	color: #820000;	
}

#notePadContainer .contentPaginator h3 span.totals{
	color: #563A37;
	font-size: 16px;
	font-style: italics;
}

#notePadContainer .contentPaginator a span{
	display: none;
}

.paginatorBtn{
	margin-top: 10px;
	display: block;
	float: left;
	width: 69px;
	height: 28px;	
}

.contentPaginator a.paginatorBtnBack{
	background: url("/wsimages/paginatorBackBtnOn.jpg") no-repeat;		
}

.contentPaginator a.paginatorBtnNext{
	background: url("/wsimages/paginatorNextBtnOn.jpg") no-repeat;		
}

.contentPaginator span.paginatorBtnBack{
	background: url("/wsimages/paginatorBackBtnOff.jpg") no-repeat;		
}

.contentPaginator span.paginatorBtnNext{
	background: url("/wsimages/paginatorNextBtnOff.jpg") no-repeat;		
}


.searchForm{
	background: url("/wsimages/searchForm.jpg") no-repeat 10px 0;	
	width: 259px;
	height: 36px;
	overflow:hidden;
	clear: both;
	padding-left: 10px;
	margin-bottom: 6px;
}

.searchForm label{
	display: none;	
}

.searchForm input.text{
	border: 0px;
	margin-top: 11px;
	margin-left: 15px;
	color: #54382D;
	font-size: 11px;
	font-family: arial;
	width: 170px;
	float: left;
	background: transparent;
}

.searchForm input.submit{
	margin-top: 9px;
	margin-left: 15px;
	float: left;
}

.homeinner .searchForm{
	position: absolute;
	top: -22px;
	left: 685px;
	z-index: 1;
}

#stockistSearch{
	width: 100%;	
}

#stockistSearch .bodyTeaser{
	padding-left: 15px;	
}

#stockistSearch h3{
	color:#441809;
	float:left;
	font-family:georgia;
	font-size:20px;
	padding-top:5px;
	width:325px;
}

#notePadContainer p.stockistText {
	font-size: 14px;
}

#notePadContainer h4 span.salesRepLink{
	font-style:italic;
	font-size: 14px;
	padding-left: 20px;
}

#stockistSearch .searchForm{
	clear: none;
	float: left;	
	background: url("/wsimages/stockistsSearchForm.jpg") no-repeat 10px 0;	
}

#stockistSearch .contentPaginator h4{
	color: #220502;
	font-size: 18px;
	font-family: georgia;
	font-weight: normal;	
	padding-top: 16px;
	padding-left: 22px;
}

/* Google Maps Styles */
 v\:* {
   behavior:url(#default#VML);
 }
   
   table td {
   	vertical-align: top;
   }
   
.gmnoprint div div {
	color:#000000;
}

.addressDetails{
	float: left;
	margin-left: 35px;
}

.borderBottom{
	border-bottom: 1px solid #B2B2B2;
	padding-top: 15px;
	margin-bottom: 20px;
	overflow: none;
}

.stockistsDetails{
	width:400px;
	float: left;	
}

#notePadContainer .stockistsDetails h5{
	font-size: 12px !important;
	color:#7C6C5F !important;
	padding-left: 19px;
	padding-top: 4px;
	padding-bottom: 0px;
}

#notePadContainer .stockistsDetails h4{
	font-style: normal;
	margin-top:6px;
}

.stockistsDetails p{
	color:#121212;
}

.stockistWrapper{
	padding-top: 18px;
	padding-bottom: 18px;

}

.googleMap{
	width: 186px; 
	height: 98px;
	border:4px solid #ffffff;
	float:left
}

.googleMap span{
	display: none;
}	
	
#relatedContent li a:hover{
	color:#6E1F00;
}

#homePageWelcome{
	position: relative;
	top: 17px;
	left: 5px;
}

#homePageWelcome h1{
	display:none;	
}

	#flashRetailScroll{
		background: url(/wsimages/zh-CN/retailScrollBG.jpg) no-repeat;
		width: 430px;
		height: 318px;
		position: absolute;
		top: 20px;
		left:573px;	
		z-index: 55;		
	}


	#flashRetailScroll h3{
		font-family: georgia;
		color: #370900;
		font-size: 18px;
		font-style: italic;
		padding-left: 14px;
	}
	
	#flashRetailScroll h3 a{
		color: #370900;
		text-decoration: none;		
	}
	
	#flashRetailScroll div.paginator{
		top: 83px;
		position:absolute;
		overflow: none;	
		left: 24px;
	}	

	#flashRetailScroll div.paginator a.paginatorLeft{
		background: url(/wsimages/homePaginatorLeftBTN.jpg) no-repeat;
		width: 32px;
		height: 37px;
		float: left;
		display: block;
	}
		#flashRetailScroll div.paginator a.paginatorLeft span{
			display:none;
		}

	#flashRetailScroll div.paginator a.paginatorRight{
		background: url(/wsimages/homePaginatorRightBTN.jpg) no-repeat;
		width: 32px;
		height: 37px;
		float: left;
		display: block;
	}

		#flashRetailScroll div.paginator a.paginatorRight span{
			display:none;
		}

	#flashRetailScroll div.paginator span{
		font-size: 11px;
		font-family: arial;
		color: #000000;
		float: left;
		display: block;
		padding-top: 11px;
		padding-right: 8px;
	}

	
	#flashRetailScroll a.productShot{
	    height: 298px;
	    left: 230px;
	    overflow: hidden;
	    position: absolute;
	    top: 20px;
	    width: 197px;		
	}
	


	#flashRetailScroll div.productData{
	    left: 35px;
	    position: absolute;
	    top: 72px;
	    width: 220px;
	    z-index: 100;		
		}
		#flashRetailScroll div.productData p {
		    color: #291913;
		    font-family: georgia;
		    font-size: 14px;
		    font-style: italic;
		    line-height: 1.2em;
		    padding: 11px 0 13px 14px;
		}	


	#madeAtBeerenberg{
		margin-top: 2px;
		margin-left: 60px;
	}

	#whatsHappening{
		background: url(http://dqbokb08qeso6.cloudfront.net/website/anthonysBlog.jpg) no-repeat;
		width: 457px;
		height: 217px;
		position: absolute;
		top: 406px;
		left:0px;	
	}
	
	#whatsHappening h1{
		display:none;
	}

	.hometeaser{
		background: url(/wsimages/teaserBullet.gif) no-repeat 10px 0px;
		margin-top: 78px;
		margin-left: 20px;
		padding-left: 30px;
		padding-right: 30px;
	}
	
	.hometeaser h3{
		font-family: georgia;
		font-size: 14px;
		color:#441809;
		font-style: italic;
		margin-bottom: 7px;
	}
	
	.hometeaser h3 a{
		color:#441809;
		text-decoration: none;
	}

	.hometeaser h3 a:hover{
		text-decoration: underline;
	}

	.hometeaser p{
		color:#121212;
		font-size: 12px;
		font-family: arial;
		line-height: 14px;
	}

	a.morelink{
		background: url(/wsimages/morelinkbullet.gif) no-repeat 0px 0px;
		color:#6E1F00;
		padding-left: 16px;
		margin-top: 7px;
		display: block;
		font-style: italic;
		font-family: georgia;
	}	
	

	a.morelink:hover{
		text-decoration: none;
	}
	
	#flashRetailScroll a.morelink {
		margin: 2px 0 0 12px;
	}
	

	#flashFoodServiceScroll h3{
		font-family: georgia;
		color: #370900;
		font-size: 18px;
		font-style: italic;
		padding-left: 14px;
		line-height: 1.2em;		
	}
	
	#flashFoodServiceScroll h3 a{
		color: #370900;
		text-decoration: none;		
	}

	#flashFoodServiceScroll div.paginator{
		top: 83px;
		position:absolute;
		overflow: none;	
		left: 24px;
	}	

	#flashFoodServiceScroll div.paginator a.paginatorLeft{
		background: url(/wsimages/homePaginatorLeftBTN.jpg) no-repeat;
		width: 32px;
		height: 37px;
		float: left;
		display: block;
	}
		#flashFoodServiceScroll div.paginator a.paginatorLeft span{
			display:none;
		}

	#flashFoodServiceScroll div.paginator a.paginatorRight{
		background: url(/wsimages/homePaginatorRightBTN.jpg) no-repeat;
		width: 32px;
		height: 37px;
		float: left;
		display: block;
	}

		#flashFoodServiceScroll div.paginator a.paginatorRight span{
			display:none;
		}

	#flashFoodServiceScroll div.paginator span{
		font-size: 11px;
		font-family: arial;
		color: #000000;
		float: left;
		display: block;
		padding-top: 11px;
		padding-right: 8px;
	}
	#flashFoodServiceScroll p {
	    color: #291913;
	    font-family: georgia;
	    font-size: 14px;
	    font-style: italic;
	    line-height: 1.2em;
	    padding: 7px 0 13px 14px;
	}
	
	#flashFoodServiceScroll a.productShot{
		width: 220px;
		height: 298px;
		position: absolute;
		top: 0px;
		left: 248px;
	}
	


	#flashFoodServiceScroll div.productData{
	    left: 41px;
	    position: absolute;
	    top: 85px;
	    width: 219px;
	    z-index: 100;		
	}

	#flashFoodServiceScroll a.morelink {
		margin: 2px 0 0 12px;
	}
	
	#flashFoodServiceScroll a.morelink:hover,#flashRetailScroll a.morelink:hover {
		text-decoration: none;
	}

	#flashFoodServiceScroll{
		background: url(/wsimages/zh-CN/foodServicesScrollBG.jpg) no-repeat;
		height: 358px;
	    left: 571px;
	    position: absolute;
	    top: 339px;
	    width: 394px;			
		}




		#flashStory {
			width: 500px;
			height: 386px;
			position: absolute;
			top: 20px;
			left:0;
		}


		#apricots {
			width: 367px;
			height: 290px;
			position: absolute;
			top: 335px;
			left: -450px;
		}

		#chilli {
			width: 242px;
			height: 195px;
			position: absolute;
			top: 675px;
			left: -260px;
		}

		#straw {
			width: 266px;
			height: 325px;
			position: absolute;
			top: -121px;
			left: 989px;
		}


		#strawberry {
			width: 140px;
			height: 80px;
			background: red;
			position: absolute;
			top: 400px;
			left: -210px;
		}
		
		#toast {
			width: 241px;
			height: 360px;
			position: absolute;
			top: 373px;
			left: 1024px;
		}
			
		#spoon {
			width: 143px;
			height: 190px;
			position: absolute;
			top: 40px;
			left: -206px;
		}
		
		#headerStrawberries {
			background: url(http://dqbokb08qeso6.cloudfront.net/website/headerStrawberries.png) no-repeat;		
			width: 215px;
			height: 199px;
			position: absolute;
			top: 83px;
			left: 876px;
			z-index:999;
		}
		
		#headerStrawberries img{
			display:none;
		}

		* html #headerStrawberries img{
			display:block;
		}
		* html #headerStrawberries{
			background: none;
		}

		#headerKangaroo {
			background: url(/wsimages/headerStrawberriesUS.png) no-repeat;		
			width: 215px;
			height: 199px;
			position: absolute;
			top: 83px;
			left: 876px;
			z-index:999;
		}
		
		#headerKangaroo img{
			display:none;
		}

		* html #headerKangaroo img{
			display:block;
		}
		* html #headerKangaroo{
			background: none;
		}


		
		#strawberries2 {
			width: 207px;
			height: 148px;
			position: absolute;
			top: 550px;
			left: -207px;
		}
		
		#footerPen {
			width: 232px;
			height: 335px;
			position: absolute;
			top: 1063px;
			left: -232px;
		}
		
		#footerTape {
			width: 232px;
			height: 335px;
			position: absolute;
			top: 1063px;
			left: 985px;
		}
	
		#contentPrimary {
			margin: 0 auto;
			width: 985px;
			padding-top:30px;			
			min-height: 597px;
			position: relative;
			z-index: 66;
		}
		
		#content {
			width: 100%;
			background: url("/wsimages/parchmentTop.jpg") 50% 0px repeat-x;
		}
		
		* html #content{
			margin-top: -2px;
		}
		
		* html #contentPrimary {
			width: 1000px;
		}

/* Site Map */


#contentPrimary  ul#sitemapNav, #contentPrimary  ul#sitemapNav ul, #contentPrimary  ul#sitemapNav ul ul, #contentPrimary  ul#sitemapNav ul ul ul{
	padding-left: 0px !important;
	margin-left: 0px !important;
	padding-bottom: 0px !important;
	margin-bottom: 0px !important;	
}

#contentPrimary  ul#sitemapNav li{
	padding-left: 0px !important;
	margin-left: 0px !important;
}

#sitemapNav li a:hover{
	text-decoration: underline;
}

#sitemapNav li{
	overflow: hidden;		
	margin-bottom: 5px;
}

#sitemapNav li a{
	background:#D3DBCD url(/wsimages/sitemaptitleBG.jpg) repeat-x;
	display: block;
	padding-top: 2px;
	padding-bottom: 5px;
	color: #292827;
	font-size: 12px;
	text-decoration: none;
	padding-left: 10px;
	font-weight: bold;
}

#contentPrimary ul#sitemapNav{
	width: 512px;	
}

#contentPrimary ul#sitemapNav li ul li{

	margin-bottom: 0px;
}

#sitemapNav li li a{
	font-size: 11px;
	background-color: transparent;
	padding-left: 44px;
	color: #000000;		
	border-bottom: 1px solid #A59E96;
	background-image: url(/wsimages/siteMapBulletNew.gif);
	background-repeat: no-repeat;
	background-position: 28px 1px;
	font-weight: normal;
}

#sitemapNav li li:last-child a{
	border-bottom: 0px;
}

#sitemapNav li li li:last-child a{
	border-bottom: 1px solid #A59E96;
}

#sitemapNav li li li a{
	padding-left: 57px;
	color: #000000;		
	border-bottom: 1px solid #A59E96;
	background-repeat: no-repeat;
	background-position: 40px 2px;
}

#sitemapNav li li li li a{
	padding-left: 67px;
	color: #000000;		
	border-bottom: 0;
	background-image: url(/wsimages/siteMapArrow.gif);
	background-repeat: no-repeat;
	background-position: 55px 4px;
}

.rightColMediaContainer h3.rightColLink{
	background: url("/wsimages/rightColLinkBG.jpg") no-repeat;	
	height: 56px;
}

.rightColMediaContainer h3.rightColLink a{
	color: #370900 ;
	font-size: 20px;
	font-family: georgia;
	text-decoration: none;
	display:block;
	font-style: italic;
	padding-top: 15px;
	padding-left: 5px;
	text-align: center;
}

#notePadContainer .resultDetails {
		margin: 26px 0 16px;
		}
#notePadContainer .resultDetails p {
			font-family: georgia !important;
			font-size: 18px !important;
			color:#121212;
		}
#notePadContainer .resultDetails p span.criteria {
			color: #441809;
			font-style: italic;
		}
	
#notePadContainer .result {
		padding:22px 0;
	}
	
#notePadContainer ul.searchResults{
		margin: 0;
		padding: 0;
		list-style: none;
		background: none;
		}
#notePadContainer ul.searchResults li {
			margin: 0 0 8px;
			padding: 0;
			padding-left: 10px;
			padding-right: 10px;
			list-style: none;
			background-image: none;
			border-bottom: 1px solid #A59E96;
			clear: both;
		}
		
#notePadContainer ul.searchResults li ul.files li{	
	border-bottom: 0;
}

#notePadContainer ul.searchResults li.last {
			border-bottom: 0;
		}
		
#notePadContainer ul.searchResults li h3 {
			font-size: 14px;
			color: #373737;
			margin: 0 0 4px;
			padding-bottom: 5px;
		}
#notePadContainer ul.searchResults li h3 a{
			font-family: georgia;
			padding-left: 5px;
			color: #441809;
			font-style: italic;
			text-decoration: none;
		}
#notePadContainer ul.searchResults li p.summary {
			margin: 0 0 11px !important;
			color: #2B2E40 !important;
			font-size: 11px !important;
			}
#notePadContainer ul.searchResults li p.summary span {
				background: #441809;
				color: #fff;
				padding: 0 4px;
			}
			
#notePadContainer .searchPagination {
		margin: 0 0 8px;
		padding: 0 0 10px;
		border-bottom: 1px solid #A59E96;
		width: 620px;
		overflow: hidden;
		}
#notePadContainer .searchPagination p {
			margin: 1px 0 0;
			padding: 0;
			color: #373737;
			font-weight: bold;
			font-size: 11px !important;
			float: left;
			}
#notePadContainer .searchPagination p span{
				padding: 0 10px 0 11px;
				background: url("/wsimages/searchPaginationArrows.gif") left bottom no-repeat;
				}
#notePadContainer .searchPagination p span a{
					color: #441809;
					text-decoration: underline;
					}
#notePadContainer .searchPagination p span.next{
				padding: 0 11px 0 10px;
				background-position: right top;
				}
#notePadContainer .searchPagination form {
		padding: 0 0 0 10px;
		float: left;
	}
	
/*
-------------------------------------------------------------------
Resource Mananger: =resourceManager
-------------------------------------------------------------------
*/

#resourceManager {
	width: 900px;
		overflow: none;

}
	#resourceManager h2 {
		margin: 0;
		padding: 10px 18px 10px 22px;
		font-size: 18px;
		color: #fff;
		background: #52556d url("/wsimages/bg_TileGrey.gif") top left;
		display: none;
	}

	
	#resourceManager .col1 {
		width: 250px;
		padding: 0 0 14px 10px;
		float: right;
		}
		#resourceManager .col1 h3 {
			margin: 11px 0 8px;
			padding: 0;
			clear: both;
			font-size: 14px;
			color: #2E2D2C;
		}
		#resourceManager .col1 #quickSearch {
			overflow: hidden;
			}
		#resourceManager .col1 #quickSearch label {
			display: none;
			}
			#resourceManager .col1 #quickSearch input.text {
				margin: 0;
				padding: 3px 3px 3px 4px;
				float: left;
				border: 1px solid #999;
				width: 174px;
				height: 15px;
				font-size: 12px;
				color: #342d23;
				margin-top: 3px;
			}
		
		#resourceManager .col1 .breadcrumbs {
			color: #2e2d2c;
			margin: 0 0 16px;
		}
		
		#resourceManager .col1 #catScroller  {
			border: 1px solid #999;
			margin: 0 0 18px;
		}
		#resourceManager .col1 #catScroller li {
			border-bottom: 1px solid #dadada;
			}
            #resourceManager .col1 #catScroller li.last {
                border-bottom: none;
            }
			#resourceManager .col1 #catScroller li a {
				display: block;
				padding: 6px 10px;
				background: #fff;
				font-size: 12px;
				color: #404040;
				text-decoration: none;
				}
			#resourceManager .col1 #catScroller li.alt a {
				background: #F8F6F0;
			}
				#resourceManager .col1 #catScroller li a:hover {
					display: block;
					background: #e2dede;
					}
			#resourceManager .col1 #catScroller li.active a {
				background: #7b183a;
				color: #fff;
			}
			#resourceManager .col1 #catScroller li.alt li a {
				background: #fff;
			}
			#resourceManager .col1 #catScroller li li.alt a {
				background: #F8F6F0;
			}
			
		#resourceManager .col1 #searchSort select {
			width: 183px;
			padding: 0;
			border: 1px solid #999;
			font-size: 12px;
			color: #342d23;
            float: left;
				margin-top: 5px;
		}
			#resourceManager .col1 #searchSort option {
				padding: 2px;
			}
            
           #resourceManager .col1 #searchSort {
           }
			
		#resourceManager .col1 .breadcrumbs p {
			font-size: 12px;
			color: #2e2d2c;
			}
			#resourceManager .col1 .breadcrumbs a {
				font-size: 12px;
				color: #2e2d2c;
				text-decoration: underline;
			}
			#resourceManager .col1 .breadcrumbs strong {
				color: #220502;
			}
		
		#resourceManager .col1 a.anchorSubmit {
			margin: 0 0 0 4px;
		}
		
	#resourceManager .col2 {
		width: 630px;
		padding: 0 10px 14px 0;
		float: left;
		}
		#resourceManager .col2 h3 {
			margin: 11px 0 8px;
			padding: 0;
			clear: both;
			font-size: 16px;
			color: #2E2D2C;
			font-family: arial;
			}
			#resourceManager .col2 h3 strong {
				color: #220502;
			}
			#resourceManager .col2 h3 em {
				font-size: 12px;
				color: #4E5253;
				font-style: normal !important;
			}
		#resourceManager .col2 p {
			font-size: 12px;
		}
		
		#resourceManager .col2 .pagination {
			padding: 11px 5px 10px;
			
			color: #000;
			font-size: 11px;

			}
			#resourceManager .col2 .pagination .currentPage {
				text-align: left;
				float: left;
				padding: 3px 0 0 0;
				padding-left: 490px;
			}
			#resourceManager .col2 .pagination .page {
				width: 60px;
				text-align: left;
				float: right;
			}
			
		


		#theresources      {	position: relative;} 
		
		.loaderImage {
			display: none;
			background:#ffffff; 
			filter:alpha(opacity=85);
			-moz-opacity:
			.85;opacity:.85;
			top:0;	position: absolute;
			width: 620px; /* Overall width of div */	
			height: 100%; /* Overall height of div */
			visibility: visible	
		}

		.loaderImage .imgwrapper{
			text-align: center;
			margin: 20%;
		}

		#resourceManager .col2 .pagination a, #resourceManager .col2 .pagination .page strong {
			width: 19px;
			height: 19px;
			display: block;
			margin-left: 8px;
			background: url("/wsimages/bg_pagination.gif") left top no-repeat;
			float: left;
		}
		#resourceManager .col2 .pagination a span, #resourceManager .col2 .pagination .page strong span {
			position: absolute;
			left: -9999px;
		}
		
		#resourceManager .col2 .pagination a.next {
			background-position: right top;
		}
		
		#resourceManager .col2 .pagination .page strong {
			background-position: left bottom;
		}
		#resourceManager .col2 .pagination .page strong.next {
			background-position: right bottom;
		}
		
	#resourceManager .col2 .resource {
			position: relative;
			padding: 0 0 6px;
			width: 620px;
			border-top: 1px solid #CAC0B4;
		}
    #resourceManager .col2 .resource.hidden {
    	height: 26px;
        overflow: hidden;
    }
	#resourceManager .col2 .resource.alt {
		background: url(/wsimages/resourceManagerAltBG.jpg) repeat;
	}
	
		#resourceManager .col2 .resource p {
			margin: 0;
			padding: 0 80px 9px 13px;
			font-size: 11px;
			color: #121212;
		}
		#resourceManager .col2 .resource h4 {
			margin: 0;
			padding: 9px 80px 9px 13px;
			font-size: 12px;
			color: #441809;
			border-top: 1px solid #DADADA;
				display: block;
            }
            #resourceManager .col2 .resource h4.hover {
                border-bottom: 1px solid red;
            }

		#resourceManager .col2 .resource .files {
			padding: 0px 13px 0 13px;
			overflow: hidden;
            }
            #resourceManager .col2 .resource .files li {
                font-size: 10px;
                color: #666;
                float: left;
                padding: 0;
                float: left;
                white-space:nowrap;
            }
        	#resourceManager .col2 .resource .files li{
        		padding: 4px 10px 6px 25px;
        		background: url("/wsimages/bg_resourceIcon.gif") 0 0 no-repeat;
        		}
            #resourceManager .col2 .resource .files li a{
        		font-size: 11px;
        		text-decoration: underline;
        		float: left;
        		color: #6E1F00;
                padding: 0 4px 0 0;
                }
        		#resourceManager .col2 .resource .files a span {
        		}
        		
        		#resourceManager .col2 .resource .files li.wmf { background-position: 0 -30px; } 
        		
        		#resourceManager .col2 .resource .files.exe { background-position: 0 -82px; } 
        		#resourceManager .col2 .resource .files li.swf { background-position: 0 -82px; } 
        		#resourceManager .col2 .resource .files li.hqx { background-position: 0 -82px; } 
        		#resourceManager .col2 .resource .files li.app { background-position: 0 -82px; } 
        		
        		#resourceManager .col2 .resource .files li.pdf { background-position: 0 -134px; } 
        		
        		#resourceManager .col2 .resource .files li.mov { background-position: 0 -186px; } 
        		#resourceManager .col2 .resource .files li.avi { background-position: 0 -186px; } 
        		#resourceManager .col2 .resource .files li.mwv { background-position: 0 -186px; } 
        		#resourceManager .col2 .resource .files li.mp4 { background-position: 0 -186px; } 
        		#resourceManager .col2 .resource .files li.mpeg { background-position: 0 -186px; } 
        		
        		#resourceManager .col2 .resource .files li.video { background-position: 0 -238px; } 
        		#resourceManager .col2 .resource .files li.video { background-position: 0 -238px; } 
        		#resourceManager .col2 .resource .files li.video { background-position: 0 -238px; } 
        		
        		#resourceManager .col2 .resource .files li.audio { background-position: 0 -290px; } 
        		
        		#resourceManager .col2 .resource .files li.doc { background-position: 0 -342px; } 
        		#resourceManager .col2 .resource .files li.docx { background-position: 0 -342px; } 
        		
        		#resourceManager .col2 .resource .files li.ppt { background-position: 0 -394px; } 
        		#resourceManager .col2 .resource .files li.pot { background-position: 0 -394px; } 
        		
        		#resourceManager .col2 .resource .files li.image { background-position: 0 -446px; } 
        		#resourceManager .col2 .resource .files li.jpg { background-position: 0 -446px; } 
        		#resourceManager .col2 .resource .files li.jpeg { background-position: 0 -446px; } 
        		#resourceManager .col2 .resource .files li.tif{ background-position: 0 -446px; } 
        		#resourceManager .col2 .resource .files li.tiff { background-position: 0 -446px; } 
        		#resourceManager .col2 .resource .files li.png { background-position: 0 -446px; } 
        		#resourceManager .col2 .resource .files li.bmp { background-position: 0 -446px; } 
        		#resourceManager .col2 .resource .files li.psd { background-position: 0 -446px; } 
        		#resourceManager .col2 .resource .files li.ai { background-position: 0 -446px; } 
        		#resourceManager .col2 .resource .files li.eps { background-position: 0 -446px; } 
        		
        		
        		#resourceManager .col2 .resource .files li.zip { background-position: 0 -498px; } 
        		#resourceManager .col2 .resource .files li.rar { background-position: 0 -498px; } 
        		
        		#resourceManager .col2 .resource .files li.xls { background-position: 0 -550px; } 
        		#resourceManager .col2 .resource .files li.xlsx { background-position: 0 -550px; } 

	#resourceManager .col2 .resource .date {
		position: absolute;
		top: 28px;
		right: 10px;
		clear: both;
	}
	#resourceManager .col2 .resource .date p { 
		padding: 0;
		text-align: right;
		color: #666;
		font-size: 10px;
		width: 80px;
	}
    #resourceManager .col2 .resource .view {
		position: absolute;
		top: 10px;
		right: 10px;
        cursor: pointer;
        color: #404040;
        border-bottom: 1px solid #342D23;
    }
    #resourceManager .col2 .resource .view:hover {
        border-bottom: 1px solid #342D23;
    }

 	#resourceManager  #catScroller ul{
 		margin-left: 0px;
 		margin-bottom: 0px;
 		margin-top: 0px;
 	}

	#resourceManager #catScroller li {
		line-height:16px;
		list-style-type:none;
		margin-left:0pt;
		background-image: none;
		padding-left: 0px;
	}
	
	#resourceManager  a.anchorSubmit{
		background:#404040 url(/wsimages/resourceSearchBTN.jpg) no-repeat;
		display: block;
		width: 63px;
		height: 23px;
		float: left;
		color:#ffffff;
		text-decoration: none;
		text-align: center;
		padding-top: 5px;
	}
	#resourceManager  a.anchorSubmit span{
		text-transform: lowercase;
		display:none;
	}

	#resourceManager ul.files li{
		list-style-type:none;
		margin-left: 0px;
	}
	
	h1.resourceHeader{
		width: 800px;
		border-top:1px solid #B2B2B2;
		margin-top:15px;
		margin-bottom:15px;
		overflow:hidden;
		padding-top:15px;
		color:#2A2A2A;
		font-size:26px;
		font-weight:normal;		
	}	

/* FORMS  */

#mailingListJoinForm{
	width: 362px;
}

fieldset{
	width: 362px;
	clear: both;
}

#notePadContainer h2.formTitle{
	font-size: 22px;
	font-style: italic;
	font-weight: bold;	
	padding-bottom: 5px;
}

fieldset label{
	width: 140px;
	padding: 3px 0px 3px 8px;	
	font-size: 12px;
	color:#292827;
	display: block;
	float: left;
	margin-bottom: 8px;
	line-height: 16px;
	font-family: arial;
	font-weight: bold;
}

fieldset label.mandatory{
	background:url(/wsimages/fieldMandatory.gif) no-repeat right;
}

fieldset .paddingLeft{
	margin-left: 68px;	
}

#notePadContainer fieldset li{
	padding-left: 0px;
}

fieldset ul.fieldset li{
	background: #CFD5C5 url(/wsimages/formBG.jpg) !important;
	clear: both;
	overflow: hidden;
	line-height: auto !important;
	margin-bottom: 8px;
	padding-top: 7px;
	padding-left: 0px;
}


fieldset input.text,fieldset input.textsmall,fieldset textarea.text{
	float: left;
	width: 196px;
	border: 1px solid #787878;
	font-size: 11px;
	background: #F5F4F3;
	margin-bottom: 8px;
	padding: 3px 4px 4px 4px;
	font-family: arial;
}

fieldset input.textsmall{
	width: 100px;	
}

fieldset select{
	width: 196px;
	border: 1px solid #BAB9B8;
	font-size: 11px;	
	float: left;	
	background: #F5F4F3;
	margin-bottom: 8px;
	padding: 3px 4px 2px 4px;	
}

fieldset .checkboxGroup{
	float: left;	
	width: 196px;
	line-height: 18px;
}

fieldset.submitButtonsGroup{
	border-bottom: 0;	
}

fieldset.submitButtonsGroup input{
	
	padding-top: 1px;
	padding-bottom: 1px;
	font-size: 12px;
	color: #ffffff;
	font-family: georgia;
	font-style: italic;
	font-weight: bold;
	background: url(/wsimages/formBTNBG.gif) no-repeat;
	width: 107px;
	height: 29px;
	margin-right: 10px;
	border: 0;
	
}

p.required{
	margin-left: 10px;
	padding-bottom:0px !important;
	font-size: 11px !important;
	color: #797979;
}	
span.required{
	color:#ff0000;
}

#notePadContainer p.overviewIntro{
	font-family:georgia;
	font-weight: normal;
	font-size: 22px;
	color: #000000;
	line-height: 26px;	
	padding-bottom: 10px;
	padding-top: 0px;
	padding-right: 20px;
	padding-left: 5px;
}

	
.alt{
	display: none;
	}	
	

#notePadContainer .addressDetails{
	float: left;
	padding-left: 15px;
	margin-left:0px;
	padding-top: 5px;
}
	
	
#notePadContainer .addressDetails p{
	font-family: georgia;
	font-size: 16px;
	line-height: 18px;
	background-image: url(/wsimages/contactusdivider.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
	padding-bottom: 10px;
	margin-bottom: 8px;
}

#notePadContainer .addressDetails p.last{
	background-image: none;
}
	
#notePadContainer .addressDetails h3{
	margin-bottom: 5px;
	padding-bottom: 10px;
	color:#441809;
	font-size: 20px;
	font-style: italic;
	background-image: url(/wsimages/contactusdivider.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
}
	
	
#notePadContainer .addressDetails strong{
	color:#441809;
}
		
	
#notePadContainer .borderBottom{
	border-bottom: 1px solid #B2B2B2;
	padding-top: 15px;
	margin-bottom: 20px;
	overflow: none;
}
	
	
#notePadContainer #googlelocationmap{
	width: 350px; 
	height: 282px;
}
	
	
#notePadContainer #googlelocationmapwrapper{
	background: url(/wsimages/googlemapBG.gif) no-repeat;
	padding: 8px;	
	float: left;
}
	
	
#notePadContainer #contactAddress{
	font-size: 14px;
}

#notePadContainer #contactAddress a{
	font-style: italic;
}

#notePadContainer .addressDetails p.otherContactDetails{
	font-size: 14px;
}


/* Product Tracker / Provenance Pathway  */

#notePadContent.productContent{
	background: url(/wsimages/productDisplayHeader.jpg) no-repeat;
}

#notePadContainer #notePadContent.productContent h1.pageheading{
	margin-bottom:23px;
}

#whereToBuyProductBTN{
	position: absolute;
	top:16px;
	left: 578px;	
}

#hueyBTN {
	position:absolute;
	top:113px; 
	left:446px;
}

.productImage{
	background: url(/wsimages/productFrameTile.jpg) repeat;
	padding: 5px;
/*	width: 164px;
	height: 301px;
	overflow: hidden; */
	float: left;
	margin-bottom: 15px;
}

.productImage img{
	display: block;
}

#notePadContainer ul li.footerPageData,#notePadContainer ul li.introPageData{
	display: none;
}	

#notePadContainer ul#pdfBuilderList{
	border-top: 1px solid #B3A897;	
	margin-bottom: 20px;
}

#notePadContainer ul#pdfBuilderList li.sortableitem{
	background: url(/wsimages/pdfBuilderSortableListBG.jpg) repeat-x;
	width: 618px;
	height: 24px;
	border-bottom: 1px solid #B3A897;
	list-style: none;
	padding: 0px;
	padding-top: 4px;
	padding-bottom: 4px;
	font-family: Arial;
	font-size: 14px;
	color: #1e1e1e;
	clear: both;
}

#notePadContainer ul#pdfBuilderList li:hover.sortableitem{
	background: url(/wsimages/pdfBuilderSortableListOvBG.jpg) repeat-x;
	color: #802e00;
}	

.sortHelper
{
	border: 3px dashed #666;
	width: auto !important;
	height: 24px;
	font-family: Arial;
	font-size: 14px;
	color: #1e1e1e;
}

.sortableitemtitle{
	background:transparent url(/wsimages/pdfBuilderIconPage.gif) no-repeat scroll 10px 3px;
	display:block;
	float:left;
	padding-left:35px;
	width:528px;
	padding-top: 4px;
}

.sortableListBtns{
	float: left;	
	cursor: pointer;
}

#notePadContainer div#pdfBuilderForm fieldset .ppDividerLong{
	background: url(/wsimages/mainh1Underline.gif) no-repeat;
	margin-bottom: 10px;	
}

#notePadContainer div#pdfBuilderForm fieldset{
	width: 100%;	
}

#notePadContainer div#pdfBuilderForm fieldset label{
	width: 150px;
	font-family:Arial;
	font-weight: Bold;
	font-size: 14px;
	color: #292827;
}

#notePadContainer div#pdfBuilderForm fieldset label.wide{
	width: 545px;
	font-family:Georgia;
	font-weight: Bold;
	font-size: 16px;
	color: #1c1c1c;
}

#notePadContainer div#pdfBuilderForm fieldset li div.helperText{ 
	position: absolute;
	top: 40px;
	left: 166px;
	font-family: Arial;
	font-size: 11px;
	color: #4a4a4a;
}

#notePadContainer div#pdfBuilderForm fieldset select.selectsmall{
	width: 50px;
	border: 1px solid #787878;
	font-family: Arial;
	font-weight: Regular;
	font-size: 12px;
	color: #292827;
	padding: 2px;
}

#notePadContainer div#pdfBuilderForm fieldset input.text{
	width: 440px;
	border: 1px solid #787878;
	font-family: Arial;
	font-weight: Regular;
	font-size: 14px;
	color: #292827;
	padding: 2px;
}

#notePadContainer div#pdfBuilderForm fieldset textarea{
	width: 440px;
	height: 146px;	
	border: 1px solid #787878;
	font-family: Arial;
	font-weight: Regular;
	font-size: 14px;
	color: #292827;
	padding: 2px;
	margin-bottom: 10px;
}

#notePadContainer #pdfBuilderForm fieldset ul.fieldset li div.red {
	background:#CFD5C5 url(/wsimages/pdfBuilderFormFieldRedBG.jpg) repeat scroll 0% 50% !important;
	clear: both;
	overflow: hidden;
	padding-top: 8px;
	padding-left: 5px;
}
#notePadContainer #pdfBuilderForm fieldset ul.fieldset li div.grey {
	background:#CFD5C5 url(/wsimages/pdfBuilderFormFieldGreyBG.jpg) repeat scroll 0% 50% !important;
	clear: both;
	overflow: hidden;
	padding-top: 8px;
	padding-left: 5px;
}

#notePadContainer #pdfBuilderForm fieldset ul.fieldset li{
	position: relative;
	height: 60px;
	padding-left: 0px;
	background: none !important;
	margin-bottom:0px;
	padding-top:0px;
}

#notePadContainer #pdfBuilderForm fieldset ul.fieldset li.large{
	height: 203px;
}

#notePadContainer div#pdfBuilderForm fieldset li.large div.helperText{ 
	position: absolute;
	top: 173px;
	left: 166px;
}


#notePadContainer #pdfBuilderForm fieldset ul{
}

#notePadContainer div#pdfBuilderForm h2{
	font-style: Italic;
	font-size: 20px;
	color: #441809;
	padding-bottom:10px;
}

#notePadContainer div#pdfBuilderForm p{
	font-family:Georgia;
	font-size: 16px;
	color: #1c1c1c
}

.mainProductInfo{
	margin-bottom:15px;
	overflow:hidden;
	padding-left:22px;
}

#notePadContainer #notePadContent.productContent h3{
	font-family: georgia;
	font-size: 16px;
	font-weight: bold;
	font-style: italic;
	color: #631616;
	padding-top: 8px;
	padding-bottom: 10px;
}

#notePadContainer #notePadContent .pdfBuilderIntro p{
	font-family: Georgia;
	font-size: 18px;
	color: #1c1c1c;
	line-height: 22px;
	padding-bottom: 10px;
}

#notePadContainer #notePadContent .pdfBuilderIntro p.resorterIntro{
	font-family: Arial;
	font-weight: Bold;
	font-size: 16px;
	color: #2e2d2c;
}

#notePadContainer #notePadContent.productContent div.mainProductInfo h3{
	padding-left: 3px;
	padding-bottom: 3px;
}
#notePadContainer div.mainProductInfo p{
	font-family: arial;
	font-size: 14px;
	font-weight: normal;
	color: #232323;
	padding-left: 3px;
	padding-bottom: 1px;
}

#notePadContainer div.mainProductInfo img{
	padding-bottom: 2px;
}

#notePadContent.productContent dl{
	clear: both;
	display: block;
	overflow: hidden;
	margin-bottom: 15px;
}

#notePadContent.productContent dd{
	float: left;	
	background: url(/wsimages/productInfoDataBg.gif);
	width: 310px;
	margin-left: 3px;
	margin-bottom: 3px;
	font-family: arial;
	font-size: 12px;
	color: #232323;
	padding: 9px;
}

.topRightFloatRight{
	float:right;
	margin-right:-15px;
	margin-top:-15px;
	padding-bottom:10px;
	padding-left:10px;
}

#notePadContent.productContent dt{
	float: left;	
	clear: left;
	background: url(/wsimages/productInfoDataBg.gif);
	width: 260px;
	margin-bottom: 3px;
	font-family: arial;
	font-size: 12px;
	color: #232323;
	font-weight: bold;
	padding: 9px;
}

#notePadContent.productContent dd.altrow,#notePadContent.productContent dt.altrow{
	background: url(/wsimages/productInfoDataAltBg.gif);
}	
	
#notePadContainer ul.filesTeaser {
	
}

#notePadContainer ul.filesTeaser li{
	background-image: none;
	list-style: none;
}


/*** ESSENTIAL STYLES ***/
.fcbNav, .fcbNav * {
	margin:	0;
	padding: 0;
	list-style:	none;
	font-family: arial;
}
.fcbNav {
	line-height: 1.0;
	z-index: 50;
	background: url('/wsimages/menuDividerLeft.gif') no-repeat left 50%;			
}
.fcbNav ul {
	position: absolute;
	top: -999em;
	width: 10em; /* left offset of submenus need to match (see below) */
	margin-top: 2px;
}
.fcbNav ul ul {
	margin: 0;
}
.fcbNav ul li {
	width: 100%;
}
.fcbNav li:hover {
	visibility: inherit; /* fixes IE7 'sticky bug' */
}
.fcbNav li {
	float: left;
	position: relative;
}
.fcbNav a {
	display: block;
	position: relative;
}
.fcbNav li:hover ul,
.fcbNav li.sfHover ul {
	left: -1px;
	top: 38px; /* match top ul list item height */
	z-index: 45;
}
ul.fcbNav li:hover li ul,
ul.fcbNav li.sfHover li ul {
	top: -999em;
}
ul.fcbNav li li:hover ul,
ul.fcbNav li li.sfHover ul {
	left: 10em; /* match ul width */
	top: 0;
}
ul.fcbNav li li:hover li ul,
ul.fcbNav li li.sfHover li ul {
	top: -999em;
}
ul.fcbNav li li li:hover ul,
ul.fcbNav li li li.sfHover ul {
	left: 10em; /* match ul width */
	top: 0;
}

/*
-------------------------------------------------------------------
THINGS TO CHANGE
-------------------------------------------------------------------
*/
.fcbNav {
	float: left;
	margin: 3px 0;
}
.fcbNav a {
	font-size:14px;
	font-weight:bold;
	height:40px;
	line-height:40px;
	padding:0 1em;
	text-align:center;
	text-decoration:none !important;
}
.fcbNav a, .fcbNav a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color: #D2C2AA;
}
.fcbNav li {
	margin: 0;
	padding-left: 7px;
	}
	.fcbNav li a {
		float:left;
		background: url('/wsimages/menuDivider.gif') no-repeat right 50%;
		padding: 0;
		margin-left: 3px;
	}
	* html .fcbNav li a {
		margin-left: 1.5px;
	}
	.fcbNav li a span{
		display:block;
		margin-right: 12px;
		cursor: hand;
	}
	
	.fcbNav li.last a {
		border: 0;
	}
	
	.fcbNav li.active, .fcbNav li.active a  {
		color: #D2C2AA;
	}

	.fcbNav li:hover {
		background: url('/wsimages/tablefthov.gif') no-repeat 7px 50%;	
	}

	.fcbNav li:hover a{
		background: url('/wsimages/tabrighthov.gif') no-repeat right ;	
	}

	.fcbNav li:hover a span{
		background: url('/wsimages/menuBGhov.gif') repeat-x 5px 50%;	
	}

	.fcbNav li.active, .fcbNav li:hover.active {
		background: url('/wsimages/tableft.gif') no-repeat 7px 50%;	
	}

	.fcbNav li.active a, .fcbNav li:hover.active a {
		background: url('/wsimages/tabright.gif') no-repeat right ;	
	}

	.fcbNav li.active a span, .fcbNav li:hover.active a span{
		background: url('/wsimages/menuBG.gif') repeat-x 5px 50%;	
	}
	

	.fcbNav li:hover li, .fcbNav li:hover li a, .fcbNav li:hover li a span,
	.fcbNav li.parent:hover li, .fcbNav li.parent:hover li a, .fcbNav li.parent:hover li a span, 
	.fcbNav li:hover.active li, .fcbNav li:hover.active li a, .fcbNav li:hover.active li a span {
		background-image: none;	
	}



	

/*  Set default sub menu */
.fcbNav li li {
	background:	#484848;
	margin: 0;
	border: none;
	background-image: none;
	padding: 0;
	
	}
	.fcbNav li li a {
		margin: 0;
		height: auto;
		line-height: 1em;
		padding: 8px 16px 10px 16px;
		font-weight: normal;
		font-size: 12px;
		border-top: none;
		border-bottom: none;
		text-align: left;
		color: #d2c2aa!important;
		background-image: none;
	}

.fcbNav li ul {
	border-top: 1px solid #1A1A1A;
}

.fcbNav li.parent:hover a, .fcbNav li.parent.sfHover a {
	color:#d2c2aa;
}
.fcbNav li li.parent:hover a, .fcbNav li li.parent.sfHover a {
	background-image: none;
	color:#d2c2aa;
}

.fcbNav li li.parent a {
	padding-right: 30px;
}

/*  Second Level */
.fcbNav li li, .fcbNav li.parent:hover li {
	background:	#2D1510;
	border-left: 1px solid #000;
	border-bottom: 1px solid #000;
}
.fcbNav li li a {

}

.fcbNav li li:hover, .fcbNav li li.sfHover, .fcbNav li.parent:hover li:hover, 
.fcbNav li li a:focus, .fcbNav li li a:hover, .fcbNav li li a:active {
	background: #43332E;
	color: #D2C2AA;
	}

/*  Third Level */
.fcbNav li li li {
	background: #2D1510;
}
	
.fcbNav li li li:hover, .fcbNav li li li.sfHover,
.fcbNav li li li a:focus, .fcbNav li li li a:hover, .fcbNav li li li a:active {
	background: #43332E;
	}

/*  Fourth Level */
.fcbNav li li li li {
	background: #2D1510;
}
	
.fcbNav li li li li:hover, .fcbNav li li li li.sfHover,
.fcbNav li li li li a:focus, .fcbNav li li li li a:hover, .fcbNav li li li li a:active {
	background: #43332E;
	}
.fcbNav li li, .fcbNav li li a, .fcbNav li li a span {
	background-image: none!important;
}

/*  Arrows */
.indicator, .fcbNav li:hover .indicator, 
.fcbNav li:hover.active .indicator,
.fcbNav li.parent:hover li a .indicator
 {
	position: absolute;
	display: block;
	right: 0;
	top: .9em; /* IE6 only */
	width: 6px;
	height: 9px;
	text-indent: -999em;
	background: url("/wsimages/menuArrow.gif") 0 0 no-repeat!important;
}
a > .indicator {  /* give all except IE6 the correct values */
	top: .75em;
}

/* apply hovers to modern browsers */
a:focus > .indicator,
a:hover > .indicator,
a:active > .indicator,
li:hover > a > .indicator,
li.sfHover > a > .indicator {
	background-position: 0 0; /* arrow hovers for modern browsers*/
}

/*  Sub menu z-index */
.fcbNav li:hover,
.fcbNav li.sfHover {
	z-index: 99!important;
}

.fcbNav li li:hover,
.fcbNav li li.sfHover {
	z-index: 100!important;
}
.fcbNav li li li:hover,
.fcbNav li li li.sfHover {
	z-index: 101!important;
}
.fcbNav li li li:hover,
.fcbNav li li li.sfHover {
	z-index: 102!important;
}

.fcbNav li li ul {
	margin-left: -1px;
	margin-top: -1px;
	border-top: 1px solid #1A1A1A;
}

#productRecipiesList{
	display:block;
}

#productRecipesTitle{
	cursor: pointer;	
}

#notePadContainer ul#productRecipiesList li{
	color:#232323;
	font-family:arial;
	font-size:14px;
	font-weight:normal;
	padding-bottom:5px;
	padding-left:3px;
	list-style: none;
	background-image: none;
}

#notePadContainer ul#productRecipiesList li a{
	color:#232323;
	text-decoration: none;
}

#notePadContainer ul#productRecipiesList li a:hover{
	text-decoration: underline;
}

.resourceThumbImg{
	float:left;
	padding-left:10px;
	padding-top:15px;
	width:90px;
	display: none;
}

.resourceData{
	float:left;
	width:518px;
}

#catScroller .alt, #theresources .alt {
	display: block;
}

#translationFlags{
	right: 14px;
	position:absolute;
	top:47px;
}

#translationFlags ul li a{
	display: block;
	width: 24px;
	height: 24px;
}

#translationFlags ul li{
	float: left;
	width: 24px;
	height: 24px;
	padding-left: 4px;
	
}

#translationFlags ul li a span{
	display:none;
}

#translationFlags ul li.auflag{
	background: url(/wsimages/flagAUOff.jpg) no-repeat;
}

#translationFlags ul li.usflag{
	background: url(/wsimages/flagUSOff.jpg) no-repeat;
}

#translationFlags ul li.chflag{
	background: url(/wsimages/flagCNOff.jpg) no-repeat;
}

#translationFlags ul li.jaflag{
	background: url(/wsimages/flagJAOff.jpg) no-repeat;
}


#translationFlags ul li.auflagselected{
	background: url(/wsimages/flagAUOn.jpg) no-repeat;
}

#translationFlags ul li.usflagselected{
	background: url(/wsimages/flagUSOn.jpg) no-repeat;
}

#translationFlags ul li.chflagselected{
	background: url(/wsimages/flagCNOn.jpg) no-repeat;
}

#translationFlags ul li.jaflagselected{
	background: url(/wsimages/flagJAOn.jpg) no-repeat;
}

#notePadContainer div.productContent h4{
	color:#631616;
	font-family:arial;
	font-size:12px;
	padding-bottom:5px;
	padding-left:10px;
}

dd.borderbottom,dt.borderbottom{
	border-bottom: 3px solid #C6ADA4;	
}

dd.shortcol{
	width: 149px !important;	
}

#ppProductFullSpecWrapper dd.shortcol{
	width: 137px !important;	
}

div#dailyValueLabel{
	text-align: right;
	color: #631616;
	font-size: 12px;
	font-weight: bold;
	width: 540px;
	padding-bottom: 5px;
}

#ppProductFullSpecWrapper div#dailyValueLabel{
	width: 516px;
}

div#dailyValueNote{
	margin-top: -5px;
	padding-bottom: 20px;
}

div#dailyValueNote span{
	color: #631616;
}
