/**** CONTENTS ****

1) Fonts & reset
2) Home page
3) Content panel
4) Gallery
5) Welcome
6) Polaroid popup
7) News List
8) Form
9) Select box replace
10) Product range
11) Common
12) Events & Competitions
13) HARVEST CLUB
14) Grid layout
15) Age check


*** END CONTENTS **/


/**********************************************  FONTS & RESET  ***********************************************/

p {
	font-size: .6875em;	/* 11px */
	color: #454545;
	line-height: 140%;
}
.clear {
	height: 0 !important;
	line-height: 0 !important;
	clear: both !important;
	font-size: 1px !important;
	float: none !important;
	padding: 0  !important;
	margin: 0  !important;
	width: auto !important;
}


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

.greenTile { 
	background: 	url('bcg_home-green-top.png') no-repeat left top;
	padding: 		10px 0 0 0;
	margin: 		0 0 10px 0;
}
	.greenTile .homeTileContent { 
		background: 	url('bcg_home-green-bottom.png') no-repeat left bottom; 
		padding: 		0 20px 10px 20px;
	}
		.greenTile .homeTileContent h2 {
			margin:			0 0 5px 0;
		}

.stripeTile {
	background:		url('bcg_home-stripe-bottom.png') no-repeat left bottom;
	padding: 		0 0 7px 0;
	margin:			0 5px 12px 2px;
}
	.stripeTile .homeTileContent {
		background:		url('bcg_home-stripe-top.png') no-repeat left top;
		padding:		6px 20px 7px 20px;
	}
		.stripeTile .homeTileContent h2 {
			color:			#8aa22f !important;
			margin:			0 0 5px 0;
		}
		.stripeTile .homeTileContent a {
			color:			#8aa22f !important;
		}

	.homeTileContent p.detail {
		display:		block;
		float:			left;
		line-height:	14px;
		width:			185px;
	}
	.homeTileContent img.sidekick {
		display:		block;
		float:			right;
	}
	
.orangeTile { 
	background: url('bcg_orange-tile-top.png') no-repeat left top; 
	width: 330px;
	padding: 12px 0 0 0;
	margin: 0 0 10px 0;
}
	.orangeTile .homeTileContent { 
		background: url('bcg_orange-tile-bottom.png') no-repeat left bottom;
		padding: 3px 20px 15px 20px; 
	}

	.orangeTile .homeTileContent p {
		width: 222px;
	}

	.orangeTile .homeTileContent p span.shorter {
		display:	block;
		width:		180px;
	}


#contentTiles .orangeTile .homeTileContent p a{
	white-space: normal;
}
.greyTile { 
	background: url('bcg_grey-tile-top.png') no-repeat left top; 
	width: 330px;
	padding: 12px 0 0 0;
	margin: 0 0 10px 0;
}
	.greyTile .homeTileContent { 
		background: url('bcg_grey-tile-bottom.png') no-repeat left bottom;
		padding: 3px 50px 15px 20px; 
	}
	.greyTile p {
		padding: 0 80px 0 0;
	}
.contentPanelInternal .sponsor,
#contentTiles .greyTile .sponsor {
	color: #76736b;
}

.contentPanelInternal .content{
	float:		left;
	width:		540px;
}

.contentPanelInternal .previewImages {
	float:		right;
	margin:		0 0 10px 0;
	width:		250px;
}

.contentPanelInternal .sponsor .floriadeLogo,
.contentPanelInternal .sponsor .floriadeLogoLarge,
.greyTile .floriadeLogo,
.yellowTile .flowerLogo {
	margin: 0 0 0 3px;
	position: relative;
	top: 4px;
}
.yellowTile .flowerLogo {
	margin: 3px 0 0 3px;
}
.yellowTile .sponsor .logo {
	vertical-align: middle;
}
.contentPanelInternal .sponsor .floriadeLogoLarge {
	top: 12px;
}
.yellowTile { 
	background: url('bcg_yellow-tile-top.png') no-repeat left top; 
	width: 324px;
	padding: 12px 0 0 0;
	margin: 0 0 10px 0;
}
.yellowTile .homeTileContent { 
	background: url('bcg_yellow-tile-bottom.png') no-repeat left bottom;
	padding: 3px 20px 22px 20px; 
}
#contentTiles h2 {
	color: #fff;
	font-size: 1.25em;
	margin: 0 0 .25em 0;
	background: no-repeat left 5px;
}

#contentTiles h2.limeSwirl {	text-indent: 20px;	}
#contentTiles h2.silverSwirl {	text-indent: 20px;	}
#contentTiles h2.goldSwirl {	text-indent: 20px;	}

#contentTiles .greenTile h2 { background-image: url('ico_flower-green.gif'); text-indent: 20px; }
#contentTiles .greyTile h2 { background-image: url('ico_garden-challenge-home.gif'); text-indent: 20px; }
#contentTiles .orangeTile h2 { background-image: url('ico_garden-challenge-home.gif'); text-indent: 20px; }
#contentTiles .stripeTile h2 { background-image: url('ico_swirl-green2.gif'); text-indent: 20px; }
#contentTiles .mailingList { background-image: url('ico_mailing-list-home.gif'); text-indent: 20px; }
#contentTiles .tellFriend { background-image: url('ico_tell-friend-home.gif'); text-indent: 20px; }

#contentTiles p {
	color: #303030;
}
#contentTiles a {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	white-space: nowrap;
}
#contentTiles a:hover {
	text-decoration: underline;
}
.homeTileContent .inputContainer {
	position: relative;
	height: 20px;
	margin: 5px 0 0 0;
}
.homeTileContent label {
	color: #d8d8d8;
	font-size: .6875em;
	position: absolute;
	z-index: 2;
	top: 3px;
	left: 9px;
}
.homeTileContent .txtInput {
	border: 0;
	color: #303030;
	font-size: .6875em;
	padding: 3px 1px 3px 8px;
	width: 145px;
	position: absolute;
}
.homeTileContent .submitBtn {
	position: absolute;
	left: 162px;
}
.homeTileContent .error {
	font-size: .6875em;
	color: #ff0000;
}

#contentTiles  .smltxtlink {
	font-weight: normal;
	text-decoration: underline;
}
	#contentTiles  .smltxtlink2 {
		color:				#ffffff;
		font-weight:		bold;
	}

/***** NON-JS VERSION ******/
.homeTileContent.compact .inputContainer {
	height: auto;
	margin: 5px 0 0 0;
	overflow: hidden;
}
.homeTileContent.compact label {
	display: block;
	position: static;
	color: #303030;
	line-height: 160%;
}
.homeTileContent.compact .txtInput {
	float: left;
	padding: 3px 1px 3px 8px;
	width: 145px;
	position: static;
}
.homeTileContent.compact .submitBtn {
	position: static;
	float: left;
	margin: 0 0 0 12px;
}
/**************************/


#mailingListForm {
	background: url('bcg_dotted-border-yellow.gif') repeat-x left bottom;
	padding: 0 0 10px 0;
	margin: 5px 0 4px 0;
}




/********************************************  CONTENT PANEL  ******************************************/

.contentPanelWrapper {
	padding: 0 0 12px 0;
	width: 884px;
	margin: 0 auto;
	background: url('bcg_content-panel-footer.png') no-repeat left bottom;
	clear: both;
	margin-bottom: 80px;
}
.contentPanel {	
	background: url('bcg_content-panel-header.png') no-repeat left top;
	padding: 6px 0 0 0;
}
.contentPanelInternal, .mothersdayComp .contentPanelInternal {	
	background: url('bcg_content-panel-repeat.png') repeat-y left top;
	position: relative;
}
.contentPanelInternal {	
	padding: 30px 50px 30px 40px;
}
.mothersdayComp .contentPanelInternal {	
	padding: 30px 20px 30px 30px;
}
	.contentPanelInternal h2 {
		font-size: 1.75em;
		color: #8aa12f;
		margin: 0 0 .75em 0;
	}
	.contentPanelInternal p {
		margin: 1em 0 -0.5em 0;
		font-style:italic;
	}
		.contentPanelInternal p a {
			color: #8AA22F;
		}
	.contentPanelInternal .winner a {
		color: #6c9b21;
		text-decoration: underline;
		font-size:0.75em;
		font-weight:bold;
	}
.pagination .winner a:hover {
	text-decoration: none;
}
.contentPanelInternal .icoEventsCompetitions,
.contentPanelInternal .icoSwirl,
.contentPanelInternal .icoLatestNews,
.contentPanelInternal .icoGlass,
.contentPanelInternal .icoDownload {
	padding: 0 0 0 28px;
	background: no-repeat left .35em;
}
.contentPanelInternal .icoGlass {
	padding: 0 0 0 18px;
}
.contentPanelInternal .icoEventsCompetitions { background-image: url('ico_panel_events_competitions.gif'); }
.contentPanelInternal .icoLatestNews { background-image: url('ico_panel_latest_news.gif'); }
.contentPanelInternal .icoGlass { background-image: url('ico_panel_glass.gif'); }
.contentPanelInternal .icoSwirl { background-image: url('ico_swirl.gif'); }
.contentPanelInternal .icoDownload { background-image: url('ico_download.gif'); }

.contentPanelInternal #contentTiles {
	float: none;
	width: auto;
	margin: 32px 0 0 0;
}
.contentPanelInternal #contentTiles p {
	margin: 0;
}
.contentPanelWrapper .closePanel {
	cursor: pointer;
	position: absolute;
	top: 12px;
	right: 13px;
	padding: 4px;
	z-index: 40;
}
.productControl {
	position: absolute;
	top: 230px;
	display: block;
	width: 16px;
	height: 25px;
	z-index: 40;
	cursor: pointer;
}
.productControl.disabled {
	cursor: default;
	opacity: .3;
	filter: alpha(opacity=30);
}
#OurRangeContainer .leftArrow { left: -25px; }
#OurRangeContainer .rightArrow { right: -25px; }

.contentPanelInternal .loading {
	background-image: url('ico_ajaxloader.gif');
	background-repeat: no-repeat;
	background-position: 230px center;
	height: 410px;
}




/**********************************************  GALLERY  *********************************************/

.gallery {
	width: 931px;
	margin: 0 auto;
	position: relative;
	padding: 20px 30px 0 29px;
	clear: both;
	height:360px;
	
}
	.gallery ul {
		width: 931px;
		border-top: 1px #fff solid;
		border-left: 1px #fff solid;
		overflow: hidden;
		margin: 0 0 30px 0;
	}
		.gallery li {
			float: left;
			width: 154px;
			height: 115px;
			padding: 0 1px 1px 0;
			position: relative;
			display: inline;
			background: #fff;
		}
			.gallery li a {
				display: block;
				width: 114px;
				height: 75px;
				border: 20px #fff solid;
				position: absolute;
				text-indent: -9999em;
				opacity: 0;
				filter: alpha(opacity=0);
				background: url('misc_ie-pixel-fix.gif');
			}
				.gallery li a:hover {
					opacity: .5;
					filter: alpha(opacity=50);
				}
			.gallery li img {
				position: absolute;
			}
.galleryControl {
	position: absolute;
	top: 180px;
	display: block;
	width: 16px;
	height: 25px;
}
	.galleryControl.disabled {
		cursor: default;
		opacity: .3;
		filter: alpha(opacity=30);
	}
.gallery .leftArrow { left: 0; }
.gallery .rightArrow { right: 0; }


/********************************************  WELCOME POPUP  *****************************************/

.welcomePopup {
	padding: 4px 0 0 0;
	width: 616px;
	background: url('bcg_welcome-box-header.gif') no-repeat left top;
	clear: both;
}
.welcomePopupContent {	
	background: url('bcg_welcome-box-content.gif') no-repeat left bottom;
	padding: 20px 220px 20px 30px;
	position: relative;
}
	.welcomePopupContent h2 {
		font-size: 1.7em;
		color: #8aa12f;
		line-height: 95%;
		margin: 0 0 .75em 0;
		text-indent: 23px;
		background: url('ico_swirl.gif') no-repeat left .2em;
	}
	.welcomePopupContent p {
		margin: 0 0 1em 0;
	}
	.welcomePopupContent .welcomeButton {
		text-align: right;
	}


/*******************************************  POLAROID POPUP  *****************************************/

.polaroidWrapper {
	padding: 0 0 13px 0;
	width: 436px;
	background: url('bcg_polaroid-footer.png') no-repeat left bottom;
	clear: both;
}
.polaroid {	
	background: url('bcg_polaroid-header.png') no-repeat left top;
	padding: 6px 0 0 0;
}
.polaroidContent {	
	background: url('bcg_polaroid-repeat.png') repeat-y left top;
	padding: 20px 18px 15px 18px;
	position: relative;
}
	.polaroidContent .mainPhoto {
		border: 1px #fff solid;
		margin: 8px 0 0 0;
	}
	.polaroidContent .entryBy {
		font-weight: bold;
		color: #454545;
	}
	.polaroidContent p {
		margin: 0 0 1em 0;
	}
		.polaroidContent .vote img {
			padding-top: 5px;
		}
		.polaroidContent .vote .italic {
			font-style: italic;
			font-size: 0.875em;
		}
		.polaroidContent .totalVotes {
			float: right;
			text-align: right;
			margin: 0;
			line-height: 160%;
			position: relative;
			margin-top: 40px;
		}
		.polaroidContent .hide {
			display:none;
		}
		.polaroidContent .totalVotes a {
			color: #6c9b21;
			text-decoration: none;
		}
			.polaroidContent .totalVotes a:hover {
				text-decoration: underline;
			}
		.polaroidContent .newsListPaging {
			text-align: left;
			padding: 4px 0px 0px 0px;
		}
			.polaroidContent .newsListPaging li a {
				text-align: center;
			}
		.polaroidContent .italic {
			font-style: italic;
		}
		.polaroidContent .name {
			width: 190px;
			float: left;
			overflow: hidden;
		}
		.polaroidContent .vote {
			float: right;
			text-align: right;
			width: 180px;
		}

/*********************************************  NEWS LIST  ********************************************/

.newsList {
	margin: 0 0 30px 0;
}
	.newsList li {
		background: url('bcg_dotted-border-grey.gif') repeat-x left bottom;
		margin: 0 0 17px 0;
		overflow: hidden;
		width: 794px;
	}
		.newsList li.last {
			background: none;
		}
	.newsList h3 {
		font-weight: bold;
		text-transform: uppercase;
		font-size: .6875em;
		margin: 0 0 .5em 0;
	}
	.newsList p {
		margin: 0 0 20px 0;
	}
	.newsList .newsItemContent {
		float: left;
		width: 660px;
		padding: 4px 0 0 0;
	}
	.newsList h3 .date {
		text-transform: none;
	}
	.newsList .thumbnail {
		display: block;
		width: 108px;
		height: 71px;
		float: left;
		padding: 2px 4px 4px 2px;
		background: url('bcg_news-item.png');
		margin: 0 20px 0 0;
	}
.pdfLink {
	color: #6c9b21;
	background: url('ico_pdf.gif') no-repeat left center;
	padding: 6px 0 6px 25px;
	text-decoration: none;
	display: inline-block;
}
	.pdfLink:hover {
		text-decoration: underline;
	}
.downloadLink {
	color: #6c9b21;
	background: url('ico_dl.gif') no-repeat left center;
	padding: 6px 0 6px 25px;
	text-decoration: none;
	display: inline-block;
}
	.downloadLink:hover {
		text-decoration: underline;
	}

ul.weekListPaging  {
	list-style: none;
	width:300px;
	float:left;
	padding-top:7px;
}
	ul.weekListPaging li {float: left; display: inline; margin-right: 6px; width: 49px;}
		ul.weekListPaging li a {
			display: block; 
			background:url(btn_week.gif) no-repeat 0 0; 
			color:#ffffff;
			width: 49px;
			height: 12px;
			padding: 3px 0 3px 5px;
			font-size: 0.75em;
			text-decoration: none;
		}
			ul.weekListPaging li a:hover {
				display: block; 
				background:url(btn_week.gif) no-repeat 0 -18px; 
				color:#ffffff;
				text-decoration: none;
			}
		ul.weekListPaging li a.disabled {
			display: block; 
			background:url(btn_week.gif) no-repeat 0 -36px; 
			color: #ffffff;
			width: 49px;
			height: 12px;
			padding: 3px 0 3px 5px;
			font-size: 0.75em;
			text-decoration: none;
			cursor: default;
		}
			ul.weekListPaging li a.disabled:hover {
				display: block; 
				background:url(btn_week.gif) no-repeat 0 -36px; 
				color: #ffffff;
				text-decoration: none;
				cursor: default;
			}
		ul.weekListPaging li a.active {
			display: block; 
			background:url(btn_week.gif) no-repeat 0 -18px; 
			color: #ffffff;
			width: 49px;
			height: 12px;
			padding: 3px 0 3px 5px;
			font-size: 0.75em;
			text-decoration: none;
		}
			ul.weekListPaging li a.active:hover {
				display: block; 
				background:url(btn_week.gif) no-repeat 0 0; 
				color: #ffffff;
				text-decoration: none;
			}
.newsListPaging {
	text-align: right;
	font-size: .75em;
	width:310px;
	float:right;
}
	.newsListPaging li {
		margin: 0 2px;
		display: inline;
	}
	.newsListPaging a {
		color: #6c9b21;
		text-decoration: none;
		display: inline-block;
		padding: 2px;
	}
		.newsListPaging a.Selected {
			cursor: default;
			display: inline-block;
			padding: 2px;
			color: #000000;
		}
			.newsListPaging a.Selected:hover {
				color: #000000;
			} 
	.newsListPaging span {
		display: inline-block;
		padding: 2px;
	}
		.newsListPaging a:hover {
			color: #324f11;
		}
		.newsListPaging a.on {
			color: #324f11;
		}
	.newsListPaging .first,
	.newsListPaging .prev,
	.newsListPaging .next,
	.newsListPaging .last {
		background: url('bcg_paging-button.gif');
		color: #fff;
		font-weight: bold;
		font-size: 1.5em;
		width: 23px;
		height: 18px;
		padding: 0;
		line-height: 15px;
		position: relative;
		top: 6px;
	}
		.newsListPaging .first:hover,
		.newsListPaging .prev:hover,
		.newsListPaging .next:hover,
		.newsListPaging .last:hover {
			background-position: bottom;
			color: #fff;
		}
	.newsListPaging a.disabled {
		background: url('bcg_paging-button_disabled.gif');
		cursor: default;
	}
	.newsListPaging input.disabled {
		cursor: default;
		opacity: .3;
		filter: alpha(opacity=30);
	}
.pagination {
	margin:0 85px 0 110px;
	_margin:0 90px 0 90px;
}
.winner {
	width:180px;
	float:left;
	padding-top:5px;
}
	.pagination .winner a {
		color: #6c9b21;
		text-decoration: underline;
		font-size:0.75em;
		font-weight:bold;
	}
		.pagination .winner a:hover {
			text-decoration: none;
		}

/***********************************************  FORM  ***********************************************/

.form-layout01 {
	color: #454545;
	padding: 0 0 20px 0;
}
.form-layout01 legend {
	display: none;
}
.form-layout01 label,
.form-layout01 span.label,
.form-layout01 .txtInput,
.form-layout01 textarea,
.form-layout01 select,
.form-layout01 .error {
	font-size: .6875em;
}
.form-layout01 label,
	.form-layout01 span.label {
		font-weight: bold;
		float: left;
		width: 140px;
		margin: 5px 0 0 0;
	}
.mothersdayComp .form-layout01 label,
	.form-layout01 span.label {
		font-weight: bold;
		float: left;
		width: 90px;
		margin: 5px 10px 0 0;
	}
.form-layout01 .error {
	color: #ff0000;
	position: absolute;
	top: 5px;
	left: 140px;
}
.form-layout01 .error ul {
	list-style:		disc;
	margin:			0 0 5px 15px;
}
.form-layout01 .error.right {	float: right;	}

.form-layout01 #col_290 .error,
.form-layout01 #col_297 .error {
	color: #ff0000;
	position: inherit;
	top: 1px;
	left: 0px;
}
.form-layout01 .innerLabel {
	float: none;
	width: auto;
	font-weight: normal;
	margin: 0 15px 0 4px;
	vertical-align: top;
	position: relative;
	top: 3px;
}
.form-layout01 .radioButtons input {
	margin: 0;
	width: 16px;
	height: 16px;
}
.form-layout01 .txtInput {
	border: 1px #e0dee1 solid;
	float: left;
	padding: 3px 1px 3px 5px;
}
.form-layout01 .txtInput {
	width: 171px;
}
	.form-layout01 .txtInput.short {
		width: 50px;
	}
	.form-layout01 textarea.txtInput {
		width: 251px;
		height: 96px;
	}
	.form-layout01 .txtInput.comp {
		width: 173px;
	}
	.form-layout01 textarea.txtInput.comp {
		width: 220px;
		height: 96px;
	}
.form-layout01 select {
	width: 120px;
}
	.form-layout01 .formLeft {
		float: left;
		display: inline;
		margin: 0 20px 0 0;
		width: 350px;
	}
	.form-layout01 .formRight {
		float: left;
		display: inline;
		width: 420px;
	}
.form-layout01 fieldset li {
	position: relative;
	padding-top: 20px;
	min-height: 20px;
	height: auto !important;
	height: 20px;
}
.mothersdayComp .form-layout01 fieldset li {
	position: relative;
	padding: 10px 0 10px 0 !important;
	min-height: 20px;
	height: auto !important;
	height: 20px;
}
.form-layout01 .buttons {
	margin: 20px 0 0 140px;
}
.form-layout01 .errorLi .txtInput {
	background: #fff url('ico_cross.gif') no-repeat 162px 6px;
	padding-right: 25px;
	width: 146px;
}


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

.selectReplaceLi {
	z-index: 10;
}
.selectBoxContainer {
	position: relative;
	width: 175px;
	height: 20px;
	float: left;
}
.jsEnabled .selectReplace {
	visibility: hidden;
}
/* country box*/
.selectBoxContainer input {
	background: url('bcg_form-select.gif') no-repeat;
	cursor: pointer;
	padding: 3px 21px 0 8px;
	width: 156px;
	position: absolute;
	font-size: .6875em;
	border: 0;
	min-height: 20px;
	height: auto !important;
	height: 20px;
}
	.selectBoxContainer input:hover, .selectBoxContainer input.hover {
		background-image: url('bcg_form-select-hover.gif');
	}
/* day box */
.selectBoxContainer .dayBox input {
	width: 41px;
	position: relative;
	font-size: .6875em;
	border: 0;
	height: 20px;
	background: none;
	padding:3px 0 0 0;
	text-align: center;
	cursor: text;
}
.selectBoxContainer .dayBox {
	background: url('bcg_form-select-day.gif') no-repeat;
	width: 41px;
	height: 20px;
}
.selectBoxContainer .dayBox input:hover, .selectBoxContainer input.hover {

}
/* month box */
.selectBoxContainer .monthBox input {
	width: 41px;
	position: relative;
	font-size: .6875em;
	border: 0;
	height: 20px;
	background: none;
	padding:3px 0 0 0;
	text-align: center;
	cursor: text;
	
}
.selectBoxContainer .monthBox {
	background: url('bcg_form-select-month.gif') no-repeat;
	width: 41px;
	height: 20px;
}

.selectBoxContainer .monthBox input:hover, .selectBoxContainer input.hover {

}
/* year box */
.selectBoxContainer .yearBox input {
	width: 73px;
	position: relative;
	font-size: .6875em;
	border: 0;
	height: 20px;
	background: none;
	padding:3px 0 0 0;
	text-align: center;
	cursor: text;
}
.selectBoxContainer .yearBox {
	background: url('bcg_form-select-year.gif') no-repeat;
	width: 73px;
	height: 20px;
}

.selectBoxContainer .yearBox input:hover, .selectBoxContainer input.hover {

}
/* drop down */
.selectbox-wrapper,
.selectbox-wrapper-scroll {
	
	top: 18px;
	left: -4px;
	position: absolute;
	padding: 1px 0 0 0;
}
.countryBox .selectbox-wrapper,
.selectbox-wrapper-scroll {
	margin-left: -50px;
}
.monthBox .selectbox-wrapper,
.selectbox-wrapper-scroll {
	margin-left: 51px;
}
.yearBox .selectbox-wrapper,
.selectbox-wrapper-scroll {
	margin-left: 0px;
}
.selectbox-wrapper ul,
.selectbox-wrapper-scroll ul {
	background: url('bcg_select-replace-ul.png') no-repeat left bottom;
	overflow: auto;
	width: 183px;
	font-size: .6875em;
	z-index: 10;
	padding: 0 6px 10px 6px;
}
	.dayBox .selectbox-wrapper ul, .monthBox .selectbox-wrapper ul {
		width: 50px;
		background: url('bcg_select-day-replace-ul.png') no-repeat left bottom;
	}
	.monthBox .selectbox-wrapper ul, .monthBox .selectbox-wrapper ul {
		width: 60px;
		background: url('bcg_select-month-replace-ul.png') no-repeat left bottom;
	}
	.yearBox .selectbox-wrapper ul, .yearBox .selectbox-wrapper ul {
		width: 150px;
		background: url('bcg_select-year-replace-ul.png') no-repeat left bottom;
	}
div.selectbox-wrapper ul li.selected,
div.selectbox-wrapper-scroll ul li.seleted { 
	background-color: #f2f2f2;
}
div.selectbox-wrapper ul li.current,
div.selectbox-wrapper-scroll ul li.current { 
	background-color: #e0e0e0;
}
div.selectbox-wrapper ul li,
div.selectbox-wrapper-scroll ul li {
	cursor: pointer;
	padding: 3px 5px 5px 8px;
	height: 100%;
	width: 158px;
	margin: 0 !important;
	min-height: 0;
	border-top: 1px #fff solid;
	background: url('bcg_select-replace-li.gif') repeat-x left bottom;
}
div.dayBox div.selectbox-wrapper ul li,
div.dayBox div.selectbox-wrapper-scroll ul li {
	width: 25px;
}
div.monthBox div.selectbox-wrapper ul li,
div.monthBox div.selectbox-wrapper-scroll ul li {
	width: 33px;
}
div.yearBox div.selectbox-wrapper ul li,
div.yearBox div.selectbox-wrapper-scroll ul li {
	width: 70px;
}


/*******************************************  PRODUCT RANGE  ******************************************/

#productRange {
	position: absolute;
	width: 990px;
}
	#productRange #productRangeFlash {
		position: absolute;
		top: 2px;
	}
	#productRange .contentPanelWrapper {
		position: relative;
		z-index: 10;
		top: 70px;
	}
	#productRange .contentPanelInternal {
		padding-left: 195px;
		padding-bottom: 20px;
		min-height: 425px;
		height: auto !important;
		height: 425px;
	}
	#productRange .productInfoContent {
		padding: 0 260px 0 0;
		color: #454545;
	}
	#productRange h2 {
		font-size: 1.6em;
	}
		#productRange .productInfoContent h3 {
			text-transform: uppercase;
			font-weight: bold;
			margin: 1.5em 0 .5em 0;
			font-size: .75em;
		}
	#productRange .bottleImg {
		position: absolute;
		left: 20px;
		bottom: 20px;
	}
.productInfoImg {
	float: right;
	margin: 10px 0 20px 20px;
}
.productInfoTable {
	font-size: .6em;
	color: #454545;
	position: absolute;
	right: 10px;
	background: url('bcg_nutrition-table-repeat.gif') repeat-y center top;
}
	.productInfoTable caption {
		text-transform: uppercase;
		font-weight: bold;
		text-align: left;
		padding: 2px 8px;
		margin: 0 0 10px 0;
		font-size: 1.2em;
	}
		.productInfoTable thead th {
			font-weight: bold;
			padding-bottom: 7px;
		}
	.productInfoTable th,
	.productInfoTable td {
		padding: 1px 8px;
		vertical-align: top;
		width: 75px;
	}
	.productInfoTable span {
		margin: 0 0 0 18px;
	}
	
.productRangeNonJS {
	clear: both;
	margin-top: 85px;
}
	.productRangeNonJS li {
		float: left;
		height: 335px;
		padding: 0px 16px;
		position: relative;
	}
		.productRangeNonJS li img {
			position: absolute;
			bottom: 0px;
		}


/**********************************************  COMMON  **********************************************/

#headingTagLine {
	float: right;
	margin: -36px 0 0 0;
	padding: 0 18px 25px 0;
	position: relative;
	z-index: 10;
	width: 635px;
}
	#headingTagLine h1 {
		color: #8aa22f;
		font-size: 2em;
		font-style: italic;
		margin: 0 0 .3em 0;
		text-align: right;
	}
	#headingTagLine p {
		text-align: right;
		font-style: italic;
	}
.textReplace {
	text-indent: -9999em;
}
.noMargin {
	margin: 0 !important;
}
.contentImg {
	float: right;
	clear: right;
	margin: 0 0 15px 20px;
}


/*************************************  EVENTS & COMPETITIONS  ***************************************/

#contentTiles.horizontalTiles {
	background:		url('bcg_tile-bottom.png') no-repeat 60px bottom;
	float: 			none;
	height:			450px;
	width: 			870px;
	clear: 			both;
	overflow: 		hidden;
	padding: 		20px 60px 0 60px;
	margin: 		0 auto 0 auto;
	position:		relative;
}
#contentTiles.horizontalTiles .greenTile,
#contentTiles.horizontalTiles .greyTile,
#contentTiles.horizontalTiles .orangeTile,
#contentTiles.horizontalTiles .yellowTile {
	float: left;
}
#contentTiles.horizontalTiles .greenTile {
	background: url('bcg_green-tile-top-events-competitions.png') no-repeat left top; 
	padding: 12px 0 0 0;
}
#contentTiles.horizontalTiles .greenTile .homeTileContent {
	background: url('bcg_green-tile-bottom-events-competitions.png') no-repeat left bottom; 
}
	#contentTiles.horizontalTiles .greyTile {
		margin: 0 2px 0 7px;
		position: relative;
	}
		#contentTiles.horizontalTiles .greyTile .sponsor {
			position: absolute;
			bottom: 20px;
			left: 20px;
		}
	#contentTiles.horizontalTiles .orangeTile {
		margin: 0 0px 0 0;
		position: relative;
	}
		#contentTiles.horizontalTiles .orangeTile .sponsor {
			position: absolute;
			bottom: 10px;
			left: 20px;
			color: #303030;
		}
	#contentTiles.horizontalTiles .yellowTile {
		margin: 0 0px 0 0;
		position: relative;
	}
		#contentTiles.horizontalTiles .yellowTile .sponsor {
			position: absolute;
			bottom: 10px;
			left: 20px;
			color: #303030;
		}

	#contentTiles.horizontalTiles .limeTile { 
		/* background: url('bcg_lime-tile-top.png') no-repeat left top;  */
		float:		left;
		width: 		286px; 
		padding: 	12px 0 0 0;
		margin: 	0 5px 10px 0;
	}
		#contentTiles.horizontalTiles .limeTile .homeTileContent { 
			padding: 3px 20px 8px 20px; 
		}
	#contentTiles.horizontalTiles .silverTile { 
		/* background: url('bcg_silver-tile-top.png') no-repeat left top;   */
		float:		left;
		width: 286px;
		padding: 12px 0 0 0;
		margin: 0 5px 10px 0;
	}
		#contentTiles.horizontalTiles .silverTile .homeTileContent { 
			padding: 3px 20px 8px 20px; 
		}
	#contentTiles.horizontalTiles .goldTile { 
		/* background: url('bcg_gold-tile-top.png') no-repeat left top;   */
		float:		left;
		width: 286px; 
		padding: 12px 0 0 0;
		margin: 0 0 10px 0;
	}
		#contentTiles.horizontalTiles .goldTile .homeTileContent { 
			padding: 3px 20px 8px 20px; 
		}
		
	
#contentTiles.horizontalTiles .yellowTile .homeTileContent {
	background-image: url('bcg_yellow-tile-bottom-events-competitions.png');
}
#contentTiles.horizontalTiles .greenTile h2 { color: #656c14; background-image: url('ico_swirl-green.gif') }
#contentTiles.horizontalTiles .greyTile h2 { color: #615e57; background-image: url('ico_swirl-grey.gif') }
#contentTiles.horizontalTiles .yellowTile h2 { color: #86751d; background-image: url('ico_swirl-yellow.gif') }

#contentTiles.horizontalTiles .limeTile h2 { color: #656c14; background-image: url('ico_swirl-green.gif') }
#contentTiles.horizontalTiles .silverTile h2 { color: #615e57; background-image: url('ico_swirl-grey.gif') }
#contentTiles.horizontalTiles .goldTile h2 { color: #86751d; background-image: url('ico_swirl-yellow.gif') }

#contentTiles.horizontalTiles h3 {
	color: #fff;
	font-size: 1em;
	margin: 0 0 .25em 0;
	font-weight: bold;
}
#contentTiles.horizontalTiles p { padding: 0; }
#contentTiles.horizontalTiles .homeTileContent {
	min-height: 375px; 
	height: 	auto !important;
	font-size:	1em;	/* 11px */
}

	.imgGrab {
		display:	block;
		float:		right;
		width:		129px;
		margin:		0 0 10px 5px;
		height:		98px;
	}
	
	.homeTileContent .title {
		min-height:	100px;
		margin:		0;
	}
	.homeTileContent p {
		margin:		0 0 10px 0;
	}
	
	div.sponsor {
		background: url(bcg_sponsor.jpg) no-repeat left top;
		display:	block;
		height:		50px;
		margin:		10px -15px 2px -16px;
		padding:	2px 15px 3px 16px;
		position:	absolute;
		bottom:		5px;
		width:		243px;
	}
		div.sponsor p {
			float:		left;
			margin:		15px 10px 0 0;
		}
	.sponsorDetail {
		background:	#FFFFFF ;
		clear:		both;
		display:	block;
		height:		50px;
		margin:		0 0 0 -35px;
		padding:	8px 0 8px 40px;
		width:		833px;
	}
		.sponsorDetail p {
			display:	block;
			float:		left;
			margin:		15px 10px 0 0;
		}
		.sponsorDetail img {
			display:	block;
			float:		left;
			margin:		0 0 0 10px;
		}
	
	p.readOn, p.readMore {
		display:	block;
		margin:		5px 0 10px 0;
	}


.grandWinner {
	clear: both;
	background: url(bcg_dotted-border-grey-vertical.gif) 401px 0 repeat-y;
}

.imgFrame {
	float: left;
	width: 363px;
	height: 274px;
	background: url(bcg_img-frame1.png) no-repeat;
	margin: 0 20px 0 20px;
}

.imgFrame img {
	margin: 3px 0 0 4px;
}

.grandWinner .contentInfo{
	float: left;
	width: 340px;
	padding: 10px 0 10px 20px;
}
	
	.grandWinner h3 {
		color: #454545;
		font-size: 18px;
		font-weight: bold;
		margin: 0 0 1em;
		text-transform: uppercase;
	}
	
	.grandWinner h4 {
		color: #454545;
		font-size: 14px;
		font-style: italic;
		font-weight: bold;
		margin: 0;
	}
	
	.grandWinner .pre-title {
		font-size: 16px;
		font-style: italic;
	}
	
	.grandWinner p {
		font-size: 14px;
		font-style: italic;
		margin: 1em 0 1em 0;
	}
	
.winner a {
	color: #6C9B21;
	font-size: 0.75em;
	font-weight: bold;
	text-decoration: underline;
}



.mothersdayComp .contentPanelInternal h2.icoSwirl {
	margin-bottom:	10px !important;
}
.mothersdayComp .content {
	float:			left;
	width:			615px;
}
	.mothersdayComp .content p {
		margin:			0 0 20px 0;
	}
	.mothersdayComp .content #col_290 {
		float:			left;
		margin:			0 25px 0 0;
		width:			290px;
	}
		.mothersdayComp .selectBoxContainer {
			position: inherit;
			width: 175px;
			height: 20px;
			float: left;
		}
			.mothersdayComp fieldset span.gen {
				color:		#454545;
				display:	inline-block;
				font-size:	0.750em;	/* 12px */
			}
			.mothersdayComp .selectBoxContainer .dayBox {
				width: 41px;
				margin: 0 5px 0 0;
				float:left;
				display:block;
			}
			.mothersdayComp .selectBoxContainer .monthBox {
				width: 41px;
				margin: 0 5px 0 0;
				float:left;
				display:block;
			}
			.mothersdayComp .selectBoxContainer .yearBox {
				width: 73px;
				float:left;
				display:block;
			}
			
			.mothersdayComp .club_checkbox {
				display:		inline-block;
				margin:			12px 0 0 0;
			}
	.mothersdayComp .content #col_297 {
		float:			left;
		margin:			0 0 0 0;
		width:			297px;
	}
		.mothersdayComp .content #col_297 .question {
			background:	 	#f5f5f5 url(bcg_compQues-top.gif) no-repeat left top;
			padding:		4px 0 0 0;
			margin:			0 0 20px 0;
		}
			.mothersdayComp .content #col_297 .question .padding  {
				background:		#f5f5f5 url(bcg_compQues-bottom.gif) no-repeat left bottom;
				height:			auto;
				padding:		6px 12px 10px 12px;
			}
			.mothersdayComp .content #col_297 .fieldrow {
				overflow:		hidden;
				padding:		0 0 10px 0;
				width:			100%;
			}
			.mothersdayComp .content #col_297 .type {
				color:			#333333;
				float:			left;
				font-size:		1.875em;	/* 30px */
				font-style:		italic;
				margin:			0 5px 0 0;
				width:			30px;
			}
			.mothersdayComp .content #col_297 .que {
				color:			#333333;
				float:			left;
				font-size:		0.750em;	/* 12px */
				font-style:		italic;
				margin:			5px 0 0 0;
				width:			226px;
			}
			.mothersdayComp .content #col_297 .ans {
				color:			#333333;
				float:			left;
				font-style:		italic;
				width:			226px;
			}
				.mothersdayComp .content #col_297 .ans .txtInput {
					font-size:		0.750em;	/* 12px */
				}
		.mothersdayComp .content #col_297 .submit {
			padding:		0;
		}
			.mothersdayComp .content #col_297 .submit p {
				margin:			20px 0 0 0;
			}
			.mothersdayComp p.tandc a {
				color:			#bcbcbc;
				font-style:		normal;
				font-weight:	bold;
				text-decoration:none;
			}
			.mothersdayComp p.tandc a:hover {
				color:			#a3a3a3;
			}
			
	.mothersdayComp .previewImages {
		float:			left;
		margin:			10px 0 0 25px;
		width:			168px;
	}
		.mothersdayComp .previewImages img {
			display:		block;
			margin:			0 0 15px 0;
		}
	.mothersList {
		float:	 left;
		margin: 20px 0 0 0;
		height: 375px;
		overflow: auto;
		width: 500px;
	}
		.mothersList table {
			color:	#454545;
			font-size: 11px;
			width: 475px;
		}
			.mothersList table td {
				border-top: 1px solid #d5d5d8;
				margin:	10px 0;
				padding: 10px 0 12px 0;
			}
				.mothersList table td.name {
					width:	420px
				}
				.mothersList table td.state {
					width:	50px
				}
			.mothersList table tr {
			}
				.mothersList table tr.head td {
					border: none;
					font-weight:	bold;
					padding-top: 0 !important;
				}
	


/*************************************  HARVEST CLUB  ***************************************/

#harvestClub {
	float: 			none;
	width: 			876px;
	clear: 			both;
	overflow: 		hidden;
	margin: 		0 auto 0 auto;
	position:		relative;
}
	#harvestClub.featured {
		background:		url('bcg_featured-top.png') no-repeat left top;
		float: 			none;
		width: 			876px;
		clear: 			both;
		overflow: 		hidden;
		padding:		15px 0 0 0;
		position:		relative;
	}
		#harvestClub.featured .inner {
			background:		url('bcg_featured-bottom.png') no-repeat left bottom;
			margin:			0 0 5px 0;
			padding: 		0 20px 10px 20px;
		}
			#harvestClub.featured .inner h2 {
				background:		url('ico_flower-green.gif') no-repeat left 5px;
				color:			#656c14;
				font-size:		1.500em; /* 24px */
				margin:			0 0 5px 0;
				padding: 		0 0 0 25px;
			}
			
			#harvestClub.featured .inner h3 {
				color:			#c09f00;
				font-size:		1.0625em; /* 17px */
				margin:			0 0 10px 0;
			}
			#harvestClub.featured .inner .content {
				float:			left;
				margin:			0 15px 10px 0;
				width:			685px;
			}
			#harvestClub.featured .inner img.display {
				float:			right;
				margin:			0 0 10px 0;
			}
			#harvestClub.featured .inner p
			{	margin: 0 0 5px 0;	}
			#harvestClub.featured .inner a {
				color:			#c09f00;
				font-weight:	bold;
				text-decoration:	none;
			}

	#harvestClub.join {
		background:		url('bcg_join-top.png') no-repeat left top;
		float: 			none;
		width: 			876px;
		clear: 			both;
		overflow: 		hidden;
		padding:		8px 0 0 0;
		position:		relative;
	}
		#harvestClub.join .inner {
			background:		url('bcg_join-bottom.png') no-repeat left bottom;
			margin:			0 0 5px 0;
			padding: 		5px 20px 10px 20px;
		}
			#harvestClub.join .inner h2 {
				background:		url('ico_flower-green.gif') no-repeat left 5px;
				color:			#656c14;
				font-size: 		1.1875em; /* 19px */
				margin:			0 0 5px 0;
				padding: 		0 0 0 25px;
			}
			
			#harvestClub.join .inner h3 {
				color:			#c09f00;
				font-size:		1.0625em; /* 17px */
				margin:			0 0 10px 0;
			}
			#harvestClub.join .inner .content {
				float:			left;
				margin:			0 15px 10px 0;
				width: 			590px;
			}
			#harvestClub.join .inner img.display {
				float:			right;
				margin:			0 0 10px 0;
			}
			#harvestClub.join .inner p 
			{	margin: 0 0 5px 0;	}
			#harvestClub.join .inner a {
				color:			#c09f00;
				font-weight:	bold;
				text-decoration:	none;
			}

#harvestClubItems {
	float: 			none;
	width: 			876px;
	clear: 			both;
	overflow: 		hidden;
	margin: 		0 auto 0 auto;
	position:		relative;
}
	#harvestClubItems.horizontalTiles {
		background:		url('bcg_tile2-top.png') no-repeat left top;
		float: 			none;
		width: 			876px;
		clear: 			both;
		overflow: 		hidden;
		padding:		7px 0 0 0;
		position:		relative;
	}
		#harvestClubItems.horizontalTiles .inner {
			background:		url('bcg_tile2-bottom.png') no-repeat left bottom;
			margin:			0 0 5px 0;
			padding: 		5px 10px 25px 15px;
		}
			#harvestClubItems.horizontalTiles .inner .content {
				float:			left;
				padding:		0 0 0 5px;
				width:			257px;
			}
				#harvestClubItems.horizontalTiles .inner .content h2 {
					font-size:		1.250em; /* 20px */
					margin:			0 2px 15px 0;
					/*padding:		0 2px 0 20px;*/
				}
				#harvestClubItems.horizontalTiles .inner .content h2.orange {	/*background:	url(ico_flower-orange.gif) no-repeat left 3px;*/	color:	#615e57;}
				#harvestClubItems.horizontalTiles .inner .content h2.pink {		/*background:	url(ico_flower-pink.gif) no-repeat left 3px;*/	color:	#ffffff;}
				#harvestClubItems.horizontalTiles .inner .content h2.orange, 
				#harvestClubItems.horizontalTiles .inner .content h2.pink 
				{	min-height: 48px;	}
				#harvestClubItems.horizontalTiles .inner .content .flower {
					float:		left;
					margin:		5px 4px 0 0;
				}
				
				#harvestClubItems.horizontalTiles .inner .content .info {
					float:			left;
					margin:			0;
					width:			120px;
				}
				#harvestClubItems.horizontalTiles .inner .content .demo {
					display:		block;
					float:			right;
					margin:			0 5px 0 0;
				}
					#harvestClubItems.horizontalTiles .inner .content p {
						color:			#303030;
						margin:			0 0 5px 0;
					}
					#harvestClubItems.horizontalTiles .inner .content a {
						color:			#ffffff;
						font-weight:	bold;
						text-decoration:	none;
					}
			#harvestClubItems.horizontalTiles .inner .marginLeft {
				margin:			0 32px 0 0;
			}

#wrapper.heightFix {
	height:		875px !important;
}



/******************************************  GRID LAYOUT  ********************************************/

.gridLayout {
	width: 794px;
	overflow: hidden;
	background: url('bcg_dotted-border-grey-vertical.gif') repeat-y center top;
}
	.gridLayout li {
		float: left;
		width: 182px;
		position: relative;
		min-height: 150px;
		height: auto !important;
		height: 150px;
		background: url('bcg_dotted-border-grey.gif') repeat-x left bottom;
		margin: 0 0 20px 0;
		padding: 0 0 0 210px;
	}
		.gridLayout li.bottom {
			background: none;
		}
	.gridLayout .number {
		left: 8px;
		top: 0;
		font-size: 1.875em;
		color: #454545;
		width: 0;
		text-align: right;
	}
	.gridLayout .thumb {
		position: absolute;
		left: 35px;
		top: 4px;
		background: url('bcg_grid-thumb2.png');
		padding: 3px 6px 7px 4px;
	}
	.gridLayout .voteBtn {
		padding-top:1em;
	}
	.gridLayout h3 {
		color: #454545;
		text-transform: uppercase;
		font-weight: bold;
		margin: .5em 0 1em 0;
		font-size: .75em;
	}
	.gridLayout .winners h3 {
		color: #454545;
		text-transform: uppercase;
		font-weight: bold;
		margin: 0.5em 0 0.3em 0;
		font-size: .75em;
	}
	.gridLayout h4{
		font-style: italic;
		margin: 0 0 0 0;
		font-size:0.6875em;
		font-weight: bold;
		color: #454545;
	}
	.gridLayout .totalVotes {
		font-size: .75em;
	}
		.gridLayout .winners p{
			font-size: 0.75em;
			font-style: italic;
			margin: 0 0 0.5em 0;
		}

/********************************************  AGE CHECK  *********************************************/

.ageCheckPanelWrapper {
	padding: 0 0 12px 0;
	width: 482px;
	margin: 0 auto;
	background: url('bcg_agecheck-panel-footer.png') no-repeat left bottom;
	clear: both;
}
.ageCheckPanel {	
	background: url('bcg_agecheck-panel-header.png') no-repeat left top;
	padding: 6px 0 0 0;
}
.ageCheckPanelInternal {	
	background: url('bcg_agecheck-panel-repeat.png') repeat-y left top;
	padding: 25px 50px 30px 40px;
	position: relative;
	text-align: center;
	color: #3c3c3c;
}
.ageCheckPanelInternal .overLapFlower {
	position: absolute;
	bottom: -59px;
	right: -32px;
}
.ageCheckPanelInternal h1 {
	color: #8ea42c;
	font-size: 1.25em;
	margin: 0 0 1.25em 0;
}
.ageCheckPanelInternal .ageCheckSelect label {
	font-size: .75em;
}
.ageCheckPanelInternal .selectBoxContainer {
	width: 180px;
	margin: 5px auto 20px auto;
	float: none;
	text-align: left;
}
.ageCheckPanelInternal .selectBoxContainer .dayBox {
	width: 41px;
	margin: 0 5px 0 0;
	padding-right: 5px;
	float:left;
	display:block;
}
.ageCheckPanelInternal .selectBoxContainer .monthBox {
	width: 46px;
	margin: 0 5px 0 0;
	float:left;
	display:block;
}
.ageCheckPanelInternal .selectBoxContainer .yearBox {
	width: 73px;
	float:left;
	display:block;
}
.ageCheckPanelInternal .selectBoxContainer input {
	left: 0;
}
.ageCheckPanelInternal .ageCheckTerms {
	margin: 0 0 25px 0;
	font-size: .75em;
}
.ageCheckPanelInternal .ageCheckTerms input {
	margin: 0;
	width: 16px;
	height: 16px;
	vertical-align: top;
}
.ageCheckPanelInternal .ageCheckTerms a {
	color: #3c3c3c;
}
.ageCheckPanelInternal .ageCheckTerms a:hover {
	text-decoration: none;
}
.ageCheckPanelInternal span.error {
	color: #ff0000;
	display: block;
	margin: 0 0 5px 0;
}
.ageCheckPanelInternal .countriesList {
	z-index: 11;
}
.ageCheckPanelInternal .selectbox-wrapper-scroll ul {
	width: 167px;
	overflow-y: scroll;
	overflow-x: hidden;
	height: 196px;
	padding-bottom: 10px;
	background-image: url('bcg_select-replace-ul-scroll.png');
}
.ageCheckPanelInternal .selectbox-wrapper-scroll li {
	width: 142px;
	float: left;
	height: auto;
}

select#country {
	width: 175px;
}


.pictureMargin {
display:block;
margin:		0 0 5px 5px;
}