﻿@import url("OrderStyles.css");

body
{
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif; /*font-size: 100%; */
	font-size: 62.5%;
	margin: 0;
	padding: 0;
}

.boothsWine
{
	color: #9f272a;
}

.boothsOlive
{
	color: #8a9006;
}

.boothsLavender
{
	color: #70527f;
}

img
{
	border: 0px;
}


p
{
	color: #545361;
	display: block;
	font-size: 1.3em;
	clear: both;
}
p a
{
	font-size: 1em;
	text-decoration: none;
	font-style: italic;
	background-color: #fff7d9;
}
p a:hover
{
	color: #6C6A7C;
	font-size: 1em;
	text-decoration: underline;
	font-style: italic;
}
label
{
	color: #6C6A7C;
	display: block;
	font-size: 1.3em;
	font-weight: bold;
	margin-bottom: 5px;
}
select
{
	font-size: 1.3em;
	font-style: italic;
	padding: 2px;
	width: 300px;
}
blockquote
{
	margin: 0 0 30px 20px;
	background-image: url(/images/blockquote_bg_strat.gif);
	background-repeat: no-repeat;
	background-position: 0px top;
}
blockquote p
{
	background: url(/images/blockquote_bg_end.gif) no-repeat right top;
	padding: 5px 0 0 30px;
	width: 530px;
}



#container
{
	width: 960px;
	background: #FFFFFF;
	position: relative;
	margin: 0 auto;
	text-align: left;
}

.clearFloat
{
	clear: both;
	height: 0;
	line-height: 0;
}

/* HEADER STYLES */

#Header
{
	background: url('/images/clouds.jpg') top no-repeat;
	height: 125px;
	padding-left: 15px;
	position:relative;
	margin: 0 0 20px;
}

#Header #logo
{
	float: left;
	height: 64px;
	margin: 35px 0 0 1px;
}

#Header #links
{
	float: right;
	min-width: 600px;
	font-size: 1.2em;
	color: #9f272a;
	text-align: right;
	margin-right: 15px;
}

* html #Header #links {
	width: 600px;
}

#Header #links a#myBoothsNotebookLink {
	display: block;
	width: 141px;
	height: 27px;
	background: url(/images/my-booths-notebook.png) no-repeat;
	color: #7d890b;
	text-align: center;
	padding: 7px 0 0 12px;
	font-size: 11px;
}

#Header #links a.signUpForNewsletter, a#newsletterSignUpFull {
	display: block;
	width: 143px;
	height: 34px;
	background: url(/images/sign-up-for-newsletter.png) no-repeat;
}

a#newsletterSignUpFull {
	text-decoration: none;
	position: absolute;
	top: 0;
	right: 0;
}

#Header #links a.findYourNearestStore {
	display: block;
	width: 143px;
	height: 34px;
	background: url(/images/find-nearest-store.png) no-repeat center;
}

#Header #links a#logoutBtn {
	display: block;
	height: 34px;
	width: 73px;
	background: url(/images/logout.png) no-repeat;
	
}

#Header #links a#welcomeBtn {
	display: block;
	padding: 6px;
	color: #9e111e;
}


#Header #links a {
	float: right;
	text-decoration: none;
	margin: 0 0 0 5px;
	padding: 0;
}

#Header #links a em, a#newsletterSignUpFull em {
	visibility: hidden;
}

#Header #quickSearchBox
{
	margin-top: 20px;
	float: right;
	width: 270px;
}

#Header #quickSearchBox .searchText
{
	float: left;
	width: 50px;
	height: 35px;
	margin-left: 22px;
}

#Header #quickSearchBox .searchInput
{
	float: right;
	width: 196px;
}

#Header #quickSearchBox .searchInput .searchBox
{
	width: 150px;
	border: 1px solid #cccccc;
}

#Header .addthis_toolbox {
	position: absolute;
	top: 50px;
	right: 17px;
}

.smallGo
{
	background: url('../images/go.gif');
	width: 22px;
	height: 20px;
	border: 0px;
	margin-left: 5px;
}

/* LEFT MENU */

.navBar, #newsBar
{
	float: left;
	width: 181px;
}

#newsBar {
	clear: left;
}

.navBarObject
{
	float: left;
	font-size: 1.3em;
	width: 181px;
	margin: 0px;
	padding: 0px;
	border: 0px;
}

/*ul {
	padding:0;
	margin:0;
}*/

.navBarObject ul, #newsBar ul
{
	list-style: none;
	margin: 0px;
	padding: 0px;
	border: 0px;
}


.navBarObject h2 a, .navBarObject h3 a {
	color: #6C6A7C;
	font: 17px/1.5em "Gill Sans Light", Arial, sans-serif;
	text-decoration: none;
}
.navBarObject h3 a { font-size: 14px; }

.navBarObject h2 a:hover, .navBarObject h3 a:hover { color: #8D9818 }

.navBarObject li, #newsBar li, #newsBar h2
{
	background: url(../images/navigation_divider.gif) no-repeat bottom;
	padding: 2px 0 7px 0;
	width: 181px;
}
.navBarObject ul li ul
{
	margin: 2px 0 0 0;
}
.navBarObject ul ul li ul
{
	margin: 0;
}

.navBarObject .Level2
{
	background: url(../images/navigation_divider.gif) no-repeat top;
	margin: 0;
	padding: 3px 0 0 0;
}

.navBarObject .Level3
{
	background: url(../images/navigation_divider.gif) no-repeat top;
	margin-bottom: 4px;
	padding-bottom: 0;
}

.navBarObject h2
{
	margin: 0 0 0 20px;
	
}

#newsBar h2 {
	padding: 3px 0 3px 20px;
}

.navBarObject li.Level1 h2 {
	height: 20px;	
}

.navBarObject li.Level2 h3 {
	height: 18px;	
}

.navBarObject h3
{
	margin: 6px 0 4px 30px;
}

#newsBar h3 {
	margin: 6px 0 4px 20px
}

.navBarObject h4
{
	margin: 7px 0 0 40px;
}

 #newsBar h3 {
	font-size: 13px;
}


/* FOOTER STYLES */

#Footer
{
	margin-top: 30px;
	padding-bottom: 40px;
	background: url(../images/footer_bg.jpg) no-repeat 0px 0px;
	float: left;
	display: block;
	width: 960px;
}

#Footer a
{
	color: #969696;
	text-decoration: none;
}

#Footer a:hover
{
	color: #4D2D5F;
}

#Footer li
{
	display: inline;
	font-size: 1.1em;
}

#Footer p
{
	color: #969696;
	display: inline;
	font-size: 1.1em;
	line-height: 1.5em;
}

#Footer .block
{
	display: block;
}

#Footer #FooterNavigation
{
	color: #969696;
	float: right;
	margin-top: 30px;
}

#Footer img
{
	float: left;
	margin-right: 5px;
	margin-top: 15px;
}

#Footer
{
	font-size: 1.1em;
}

#Footer p
{
	color: #969696;
	display: inline;
	font-size: 1.1em;
	line-height: 1.5em;
}

#Footer ul
{
	margin-left: 5px;
	padding-left: 0px;
	display: inline;
	list-style-type: none;
}

/* FLASH CONTENT */
#HomePageFlashContent
{
	float: right;
	width: 740px;
	text-align: right;
	margin: 0 0 20px;
}

/* EXTENDED CONTENT */

#HomePageContent
{
	float: right;
	width: 950px;
	margin: 20px 0 0;
}

#fbFeed, #twitterfeed {
	width: 274px;
	float: left;
	margin: 20px 35px 20px 0;
	padding: 0 0 10px;
	position: relative;
	left: 10px;
	height: 380px;
}

	#twitterfeed .homeLatestNewsLinks, #fbFeed .homeLatestNewsLinks {
		margin: 9px 0 0;
		width: auto;
		float: none;
	}


	#fbFeed iframe {
		height: 64px !important;
		margin: 0 0 0 10px;
		border-bottom: 1px solid #CCCCCC !important;
	}
	
	#fbFeed h3, #twitterfeed h3 {
		height: 32px;
		margin: 0 0 20px;
		padding: 0 0 0 10px;
		position: relative;
		background-image: url("/Images/newsbg.jpg");
		background-position: 10px -12px;
		background-repeat: no-repeat;
		color: #70527F;
		font-size: 16px;
		font-weight: bold;
		font-family: Arial, Sans-Serif;
		letter-spacing: 0;
	}
	
	#fbFeed h3 { margin: 0 0 5px; }
	
	#fbFeed h3 .social-link, #twitterfeed h3 .social-link {
		position: absolute;
		top: 0px;
		right: 7px;
		width: 17px;
		height: 17px;
		background: url("/images/fb-icon-small.png");
		text-indent: -10001px;
	}
	
	#twitterfeed h3 .social-link { background: url("/images/twitter-icon-small.png"); }

#twitterfeed {
	margin: 20px 0;
}
		

	#twitter-feed-elem {
		height: 290px;
		padding: 0 0 0 10px;
		overflow: hidden;
	}
	
		#twitter-feed-elem p {
			padding: 0 0 10px;
			margin: 0 0 10px;
			border-bottom: 1px solid #333;
		}
		
		#twitter-feed-elem a { color: #9D9006 }
		
		#twitter-feed-elem .twitterText {
			display: block;
			margin: 0 0 5px;
		}
		
		#twitter-feed-elem .twitterDate, #twitter-feed-elem .twitterAuth {
			font-size: 10px;
		}

/* MAIN CONTENT */

#PageContent
{
	float: right;
	width: 710px;
	color: #6C6A7C;
}

.printoutTitle
{
	visibility: hidden;
	display: none;
}

.pageTitle
{
	float: left;
	font-size: 16px;
	font-weight: bold;
	width: 200px;
	line-height: 30px;
	margin-bottom: 20px;
}
.pageSubTitle
{
	float: left;
	font-size: 18px;
	font-weight: bold;
	width: 200px;
	margin-bottom: 20px;
}

.threeRows
{
	float: left;
	width: 201px;
}

.threeRows img {
	max-width: 201px;
}

/* #
{	
	float:left;
	width: 733px;
	height: 250px;	
} */

.pageTopText
{
	float: left;
	width: 390px;
}


#headerTable
{
	float: left;
	width: 733px;
	height: 250px;
}
#headerTable2
{
	float: left;
	width: 733px;
	height: 250px;
	background-repeat: no-repeat;
	background-position: -23px 10px;
}
#headerTable3
{
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#headerTable4
{
	background-repeat: no-repeat;
	background-position: 350px -20px;
}

.headerTitle
{
	width: 100%;
	height: 60px;
}


.shopPage
{
	background: url('../images/pageImages/bees.gif') no-repeat right top;
}

.contactPage
{
	background: url('../images/pageImages/flowers.gif') no-repeat right top;
}

.foodAndDrinkPage
{
	background: url('../images/pageImages/foodAndDrink.gif') no-repeat right top;
}

.offersPage
{
	background: url('../images/pageImages/offers.jpg') no-repeat right top;
}

.aboutUsPage
{
	background-image: url(/images/pageImages/aboutUs.jpg);
	background-repeat: no-repeat;
	background-position: 300px 22px;
}
.artisanPage
{
	background-image: url(/Images/pageImages/artisanBackground.jpg);
	background-repeat: no-repeat;
	background-position: 300px 22px;
}

.recruitmentPage
{
	background: url('../images/pageImages/flowers.gif') no-repeat right top;
}

.newsPage
{
	background: url('../images/pageImages/animals.gif') no-repeat right top;
}

#storeOpenTimes
{
	float: left;
	width: 200px;
	padding-bottom: 25px;
}

#teaOpenTimes
{
	float: left;
	width: 200px;
	margin-bottom: 20px;
}

p.teaRoomsMenuLink {
	font-size:12px;
	font-style:normal;
	margin: 0;
	padding: 10px 0 0 0;
}

p.teaRoomsMenuLink a {
	color:#70527F;
	background: none;
	font-style:normal;
	font-weight: normal;
}

.storeOpenRow
{
	height: 20px;
}

.storeOpenDay
{
	float: left;
	width: 75px;
	font-size: 12px;
	line-height: 16px;
	height: 20px;
}

.storeOpenTime
{
	float: left;
	width: 125px;
	font-size: 12px;
	line-height: 16px;
	height: 20px;
}

.storeImage
{
	border: 1px solid #ded7de;
}


.storeName
{
	font-size: 12px;
	font-style: italic;
}

.facilitiesList
{
	float: left;
	width: 400px;
	font-size: 12px;
	padding-bottom: 25px;
}

.facilitiesRow
{
	float: left;
	width: 200px;
	font-size: 12px;
}

.facilitiesIcon
{
	height: 38px;
	width: 38px;
	float: left;
}

.facilitiesText
{
	float: left;
	width: 150px;
	margin: 10px 0 0 10px;
}

/*  GOOGLE MAP */

.googleMap
{
	width: 500px;
	height: 300px;
	border: 1px solid #767485;
	float: left;
	margin-bottom:20px;
}

#mapInfo
{
}

#mapInfo h6
{
	font-size: 18px;
	line-height: 18px;
	margin: 0px;
	padding: 0px;
}

#mapInfo p
{
	color: #767485;
	font-size: 12px;
}

.storeFinder
{
	font-size: 12px;
	float: left;
}

.storeFinder ul
{
	margin: 0;
	padding: 0;
	list-style: none;
}

.storeFinder .storeListCounty
{
	float: left;
	width: 600px;
	margin-top: 17px;
	font-size: 16px;
	font-weight: bold;
	color: #70527f;
	clear: both;
}

.storeFinder .storeListStore
{
	float: left;
	margin-right: 5px;
	width: 200px;
	font-size: 12px;
	font-weight: normal;
}

.storeFinder .storeListStore a
{
	background: url(../images/img_right_arrow_off.jpg) no-repeat 5px center;
	color: #545361;
	display: block;
	padding: 5px 5px 5px 30px;
	text-decoration: none;
	width: 170px;
}
.storeFinder .storeListStore a:hover
{
	background: #F3FBFF url(../images/img_right_arrow_on.jpg) no-repeat 5px center;
}


.offers
{
	float: left;
	width: 100%;
}

.offerItem
{
	float: left;
	width: 215px;
	margin: 10px 10px 0px 0;
	min-height: 270px;
}

.offerImages
{
	float: left;
	height: 150px;
	width: 215px;
	position: relative;
	margin-right: 10px;
}

.offersPriceCrunch
{
	position: absolute;
	z-index: 1;
	width: 52px;
	height: 52px;
}

.offersProductImage
{
	position: absolute;
	z-index: 2;
	width: 131px;
	height: 137px;
}
.offersProductImage img
{
	max-width: 131px;
}

.offerOffersImages
{
	position: absolute;
	z-index: 3;
	width: 65px;
	height: 137px;
}

.offerText
{
	float: left;
	clear: both;
	width: 184px;
	padding: 0 0 0 10px;
}

.offerType
{
	color: #9F272A;
	font-style: normal;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 10px;
	float: left;
	clear: both;
}

.offerTitle
{
	color: #666;
	font-size: 14px;
	font-weight: bold;
	margin: 3px 0 0 0;
	float: left;
	clear: both;
	width: 200px;
}

.offerDescription
{
	color: #716F81;
	font-size: 12px;
	padding-bottom: 5px;
	margin: 4px 0 10px 0;
	float: left;
	clear: both;
	width: 200px;
}

.offerWasPrice
{
	font-size: 11px;
	text-decoration: line-through;
	padding-bottom: 5px;
	clear: both;
	float: left;
	width: 200px;
}

.offerNormPrice
{	
	font-size: 11px;
	padding-bottom: 5px;
	clear: both;
	float: left;
	width: 200px;
}

.offerRedPrice
{	
	color: #B03724;
	font-size: 14px;
	font-weight: bold;
}



.offerDateEnd
{
	color: #716F81;
	font-size: 10px;
	margin-bottom: 10px;
	float: left;
	clear: both;
	width: 200px;
}

.productsSection
{
	float: left;
	width: 350px;
	height: 100px;
	margin-top: 10px;
	background-image: url(/Images/categoryImages/categories_bg.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}
.smallProductName
{
	float: right;
	width: 220px;
	margin-top: 10px;
}

.smallProductName a
{
	background: url('/images/img_right_arrow_off.jpg') no-repeat;
	text-decoration: none;
	font-weight: bold;
	font-size: 14px;
	padding-left: 20px;
	color: #70527f;
}

.smallProductName a:hover
{
	text-decoration: underline;
}

.smallProductImage
{
	float: left;
	width: 112px;
	height: 96px;
}
.smallProductText
{
	float: right;
	width: 220px;
	font-size: 12px;
}

.productText
{
	float: left;
	width: 380px;
}


.productText p
{
	margin: 0px;
}

.productOfferItem
{
	float: left;
	width: 215px;
	margin-right: 10px;
	height: 170px;
}




.homeLatestNews
{
	float:right;
	width: 330px;
	background-image: url(/Images/newsbg.jpg);
	background-position: 10px -12px;
	background-repeat: no-repeat;

	margin: 20px 0 0;
}

	.homeLatestNewsHeader {
		float:left;
		width: 330px;
		margin-left:10px;
		margin-bottom:10px;

	}
	
	.homeSmallNewsItem {
		float:left;
		width: 330px;
		background: url('../images/newsBorder.gif') no-repeat bottom;
		height: 107px;

	}
	
	.homeSmallNewsImage {
		float: left;
		width: 77px;
		height: 77px;
		margin: 10px;
		border: 0.1em solid #e5e5e5;

	}
	
	.homeSmallNewsImage a img { 
		margin: 27px 0 0;
	}
	
	.homeSmallNewsDate {
		float: left;
		width: 220px;
		font-size: 10px;
		color: #000000;
		font-weight: bold;
		margin-top: 10px;
	}
	
	.homeSmallNewsTitle {	
		float: left;
		width: 220px;
		font-size: 12px;
		font-weight: bold;
	}
	
	.homeSmallNewsTitle a {
		color: #8a9006;
		text-decoration: none;
	}


	
	.homeSmallNewsText {
		float: left;
		width: 220px;
		font-size: 12px;
		color: #716F81;
	}
	
	.homeLatestNewsLinks {
		float: left;
		width: 330px;
		height: 40px;
		background-image: url(/Images/newsbg.jpg);
		background-repeat: no-repeat;
	}
	
.latestNews h3
{
	width: 100%;
	float: left;
	clear: both;
}

.latestNewsHeader
{
	float: left;
	margin: 0 0 20px 0;
}

.SmallNewsItem
{
	background: url('../images/newsBorder.gif') no-repeat bottom;
}

.SmallNewsImage
{
	float: left;
	margin: 0 20px 0 0;
}

.SmallNewsDate
{
	float: left;
}

.SmallNewsTitle
{
	margin-top: 5px;
	float: left;
}

.SmallNewsTitle a
{
	color: #8a9006;
	text-decoration: none;
}

.SmallNewsTitle a:hover
{
	text-decoration: underline;
}

.SmallNewsText
{
	font-size: 12px;
	color: #716F81;
	float: left;
	margin-top: 5px;
}

.latestNewsImg
{
	float: left;
	margin-right: 10px;
	margin-left: 10px;
}

.latestNewsDate, .latestNewsSmallTitle, .latestNewsCont
{
	display: block;
	margin-bottom: 5px;
}


.latestNewsSmallTitle, .latestNewsSmallTitle a
{
	color: #8e9919;
	text-decoration: none;
}

.latestNewsCont {
	position: relative;
	left: 20px;
}

.latestNewsCont a
{
	color: #666;
	text-decoration: none;
}


.paratitle
{
	clear: both;
	width: 294px;
	height: 40px;
	background-image: url(/Images/newsbg.jpg);
	background-repeat: no-repeat;
	background-position: 0px -10px;
}
.bgimage
{
	background-repeat: no-repeat;
	background-position: -0px -10px;
}
.paratext
{
	font-size: 16px;
	font-weight: bold;
	color: #70527f;
}
.paratext2
{
	font-size: 16px;
	font-weight: bold;
	color: #666666;
}
.latestNewsLink
{
	margin-left: 10px;
	margin-top: 5px;
	width: 40%;
	float: left;
}
.latestNewsLink a
{
	background: url(../images/img_right_arrow_off.jpg) no-repeat 5px center;
	display: block;
	padding: 5px 5px 5px 30px;
	text-decoration: none;
	width: 90px;
	color: #70527F;
    font-size: 16px;
    font-weight: bold;
}
.latestNewsLink a:hover
{
	background: #F3FBFF url(../images/img_right_arrow_on.jpg) no-repeat 5px center;
}


.form-fields
{
	background-color: #EDEAF1;
	float: left;
	margin-bottom: 5px;
	padding: 20px;
	width: 360px;
	font-size: 12px;
	font-weight: bold;
}

#mediaUserRegister .form-fields, #mediaUserRegister #contactForm {
	width: auto;
	float: none;
}

.form-fields.hidden {
	display: none;
}

.large-form-fields
{
	background-color: #EDEAF1;
	margin-bottom: 5px;
	padding: 20px;
	font-size: 12px;
	font-weight: bold;
}

.large-form-fields.hidden {
	display: none;
}



label
{
	color: #6C6A7C;
	display: block;
	font-size: 1.3em;
	font-weight: bold;
	margin-bottom: 5px;
}

select
{
	font-size: 1.3em;
	font-style: italic;
	padding: 2px;
	width: 300px;
}

#contactForm
{
	float: left;
	margin: 0 20px 0 0;
	width: 400px;
}

#largecontactForm
{
	margin: 0 20px 0 0;
}

#contactInfo
{
	float: left;
	width: 254px;
}

#contactInfo a
{
	display: inline;
	float: none;
	font-size: 1em;
	font-weight: normal;
}

#contactInfo p
{
	font-size: 1.3em;
	margin: 0 0 10px 20px;
}


.submitButton
{
	background: url('../images/submit.jpg');
	width: 85px;
	height: 25px;
	border: 0px;
}

.userLoginBtn {
	background: url('../images/loginBtn.jpg');
	width: 73px;
	height: 25px;
	border: 0px;
	margin: 5px 0 0 0;
}

.recruitmentMonthHeader
{
	color: #70527F;
	font-size: 16px;
	background: url('/images/search_bar_bg.jpg') no-repeat left bottom;
	clear: both;
	float: left;
	margin-bottom: 20px;
	padding: 5px 5px 15px 0;
	width: 100%; /*	width: 700px;*/
	height: 20px;
}

.vacancyBrief
{
	float: left;
	width: 100%;
	margin-bottom: 20px;
}

.vacancyBrief .closingDateBox
{
	background: url('../images/closing-date.jpg') no-repeat;
	width: 64px;
	height: 69px;
	float: left;
	padding-right: 10px;
}
.vacancyBrief .closingDateText
{
	display: block;
	text-align: center;
	font-size: 1.2em;
	padding: 3px 0;
}

.vacancyBrief .closingDate
{
	display: block;
	text-align: center;
	font-size: 2.0em;
	padding: 4px 0;
}

.vacancyBrief .title
{
	color: #8EA032;
	font-size: 2.0em;
	margin: 0;
}
.vacancyBrief .department
{
	color: #70527F;
	font-size: 1.3em;
	font-style: italic;
	line-height: 25px;
	margin: 0;
}
.vacancyBrief .location
{
	color: #6C6A7C;
	font-size: 1.3em;
	margin-bottom: 10px;
}
.vacancyBrief .link
{
	margin-left: 70px;
}

.vacancyBrief .link a
{
	background: url('../images/img_right_arrow_off.jpg') no-repeat;
	text-decoration: none;
	font-weight: bold;
	font-size: 14px;
	padding-left: 17px;
	color: #6C6A7C;
	float: left;
	padding: 0px 5px 2px 26px;
	text-decoration: none;
}

.vacancyBrief .link a:hover
{
	text-decoration: underline;
}

.vacancy_location
{
	color: #8EA032;
	font-size: 2.0em;
	margin: 0;
}

.vacancy_department
{
	color: #70527F;
	font-size: 1.3em;
	font-style: italic;
	line-height: 25px;
	margin: 0;
}

.vacancy_link a
{
	background: url('../images/img_right_arrow_off.jpg') no-repeat;
	text-decoration: none;
	font-weight: bold;
	font-size: 13px;
	padding-left: 17px;
	color: #6C6A7C;
	float: left;
	padding: 0px 5px 2px 26px;
	text-decoration: none;
}

.vacancy_link a:hover
{
	background: url('../images/img_right_arrow_on.jpg') no-repeat;
	text-decoration: underline;
}

.table_link a
{
	text-decoration: none;
	font-weight: bold;
	font-size: 13px;
	color: #6C6A7C;
	float: left;
	text-decoration: none;
}

.table_link a:hover
{
	text-decoration: underline;
}


.competitions_list
{
	float: left;
	width: 100%;
	margin-bottom: 20px;
}

.competitions_link a
{
	background: url('../images/img_right_arrow_off.jpg') no-repeat;
	text-decoration: none;
	font-weight: bold;
	font-size: 13px;
	padding-left: 17px;
	color: #6C6A7C;
	float: left;
	padding: 0px 5px 2px 26px;
	text-decoration: none;
}

.competitions_link a:hover
{
	background: url('../images/img_right_arrow_on.jpg') no-repeat;
	text-decoration: underline;
}

.competition_title
{
	color: #8EA032;
	font-size: 2.0em;
	margin-bottom: 10px;
}

.competition_prize
{
	color: #8EA032;
	font-size: 1.7em;
	margin-bottom: 10px;
}

.competition_question
{
	margin-bottom: 10px;
	font-size: 1.7em; /*	display:block;*/
	clear: left;
}

.competition_errormessage
{
	margin-bottom: 10px;
	font-size: 1.7em;
	font-weight: bold;
	color: #9f272a;
}

.privacy_h2
{
	color: #70527F;
	font-size: 16px;
	font-weight: bold;
	background: url('/images/search_bar_bg.jpg') no-repeat left bottom;
	clear: both;
	float: left;
	margin-top: 15px;
	margin-bottom: 10px;
	padding: 5px 5px 15px 0;
	width: 100%; /*	width: 700px;*/
	height: 20px;
}
.offerCategory
{
	float: left;
	border-bottom: 1px solid #F4F3F6;
	clear: both;
	width: 377px;
	height: 21px;
	margin: 0 0 0 0;
	background: url(../images/offer-cat-background.gif) no-repeat 0 0 #9F272A;
	color: #ffffff;
	font-size: 1.6em;
	font-weight: normal;
	padding: 8px 20px 6px 20px;
}

.recipesTitle
{
	float: left; /*border-bottom: 2px solid #9F272A; 	border-top: 2px solid #9F272A; */
	clear: both;
	width: 660px;
	margin: 0 0 0 0;
	padding: 18px 20px 6px 20px;
	background-image: url(/Images/categoryImages/categories_bg.jpg);
	background-repeat: repeat-x;
	background-position: top; /*background-position: left; 	 	float: left; 	width: 350px; 	height:100px; 	margin-top:10px;*/
}

.recipesImgTitle
{
	float: left; /*border-bottom: 2px solid #9F272A; 	border-top: 2px solid #9F272A; */
	clear: both;
	width: 660px;
	margin: 10px 0;
	background-image: url(/Images/categoryImages/categories_bg.jpg);
	background-repeat: repeat-x;
	background-position: top; /*background-position: left; 	 	float: left; 	width: 350px; 	height:100px; 	margin-top:10px;*/
}

.FoodCategoryTitle
{
	background: url(/images/foodOfferTitle.jpg) no-repeat;
}

.SoftDrinksCategoryTitle
{
	background: url(/images/softDrinksOfferTitle.jpg) no-repeat;
}

.AlcoholCategoryTitle
{
	background: url(/images/alcoholOfferTitle.jpg) no-repeat;
}

.HouseholdCategoryTitle
{
	background: url(/images/householdOfferTitle.jpg) no-repeat;
}


.backToTopLink
{
	font-size: 1.2em;
	padding: 10px 30px 15px 25px;
	text-align: right;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #ececec;
	border-right-color: #ececec;
	border-bottom-color: #ececec;
	border-left-color: #ececec;
	margin-top: 45px;
}

.backToTopLink a
{
	background: url('../images/backtotop.gif') no-repeat right center;
	color: #464463;
	padding: 0 30px 0 0;
	text-decoration: none;
}

.backToTopLink a:hover
{
	text-decoration: underline;
}


/* recipe page */
.leftSection
{
	clear: both;
	float: left;
	width: 450px;
}

.rightSection
{
	float: right;
	width: 230px;
}

.rightSection h2 {
	margin-bottom: 10px;
}

.bottomSection
{
	clear: both;
	float: left; /*width: 700px;*/
}



/* end recipe page */





/* SWIFFER */

h1, h2, h3, h4, h5
{
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-weight: bold;
	line-height: 1em;
}
h1
{
	font-size: 20px;
	padding-bottom: 20px;
	color: #f7b639;
}


h2
{
	font-size: 10px;
}

h3
{
	font-size: 16px;
}
h4
{
	font-size: 14px;
}
h5
{
	font-size: 20px;
}
.headerTable
{
	float: left;
	width: 733px;
	height: 250px;
	background:none;
}
.headerTitle
{
	height: 50px;
	width: 395px;
}
.headerText
{
	vertical-align: top;
	width: 395px;
}

.headerText-food
{
	vertical-align: top;
	width: 325px;
}
/* news-and-articles list page */

.newsMonthHeader
{
	color: #70527F;
	font-size: 14px;
	background: url('/images/search_bar_bg.jpg') no-repeat left bottom;
	clear: both;
	float: left;
	margin-bottom: 10px;
	padding: 15px 0 10px 12px;
	width: 100%; /*	width: 700px;*/
	height: 20px;
}

.contactHeader {
	padding-left: 3px;
}

.newsList
{
	float: left;
	width: 700px;
	margin-bottom: 30px;
}

.newsListImage
{
	float: left;
	width: 77px;
	height: 77px;
	margin-right: 20px;
}

.newsListTitle
{
	float: left;
	width: 600px;
	color: #8EA032;
	font-size: 2.0em;
	margin: 0;
}

.newsListBrief
{
	float: left;
	width: 600px;
	color: #70527F;
	font-size: 1.3em;
	font-style: italic;
	line-height: 25px;
	margin: 0;
}
.newsListBrief2
{
	float: left;
	width: 600px;
	color: #70527F;
	font-size: 1.3em;
	font-style: italic;
	line-height: 25px;
	margin: 0;
}

.newsListLink a
{
	background: url('/images/img_right_arrow_off.jpg') no-repeat left center;
	margin-left: 30px;
	display: block;
	padding: 5px 5px 0px 30px;
	text-decoration: none;
	width: 170px;
	color: #6C6A7C;
	font-weight: bold;
	font-size: 12px;
}

.newsListLink a:hover
{
	background: url('/images/img_right_arrow_on.jpg') no-repeat left center;
	text-decoration: underline;
}



/* end news-and-articles list page */

/* news-and-articles page */

.newsTitle
{
	float: left;
	width: 410px;
}

.newsBackLinkTop
{
	float: right;
	margin-right: 20px;
	width: 200px;
}

.newsBackLinkTop a
{
}

.date
{
	background: url('../images/closing-date.jpg') no-repeat;
	width: 64px;
	height: 69px;
	float: left;
	padding-right: 10px;
}

.day
{
	padding: 0px;
	margin: 0px;
	padding-top: 10px;
	float: left;
	width: 64px;
	font-size: 20px;
	text-align: center;
}
.month
{
	padding: 0px;
	margin: 0px;
	float: left;
	width: 64px;
	font-size: 20px;
	text-align: center;
}

.newsBrief
{
	color: #8EA032;
	font-size: 2.0em;
	margin: 0;
}

.newsContent
{
	float: left;
	width: 440px;
	margin-top: 20px;
	margin-left: 0px;
}

.newsImage
{
	/* margin-top: 0; */
	padding-top: 0;
	float: right;
	width: 250px;
	display: block;
	height: 300px;
}
.newsBottomLink
{
	background: url('/images/img_right_arrow_off.jpg') no-repeat left center;
	margin-left: 30px;
	float: left;
	width: 230px;
	margin-top: 20px;
}

.newsBottomLink a
{
	padding: 5px 5px 0px 30px;
	height: 16px;
	text-decoration: none;
	color: #6C6A7C;
	font-weight: bold;
	font-size: 16px;
}


/* end news-and-articles page */



.recipesSection
{
	float: left;
	width: 600px;
	margin-top: 10px;
}
.smallRecipesName
{
	float: left;
	width: 480px;
	margin-bottom: 10px;
}

.smallRecipesName a
{
	background: url('../images/img_right_arrow_off.jpg') no-repeat;
	color: #6f4fbf;
	text-decoration: none;
	font-weight: bold;
	font-size: 14px;
	padding-left: 20px;
}

.smallRecipesName.topLevel a {
	background: none;
	padding: 0;
	margin: 0;
}

.smallRecipesName a:hover
{
	text-decoration: underline;
}

.smallRecipesImage
{
	float: left;
	width: 112px;
	height: 96px;
}
.smallRecipestText
{
	float: right;
	width: 400px;
	font-size: 12px;
}
a.menu
{
	background: url(/images/img_right_arrow_off.jpg) no-repeat 5px center;
	color: #666666;
	padding: 5px 5px 5px 30px;
	text-decoration: none;
	width: 170px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	font-style: normal;
}
a.menu:hover
{
	color: #70527f;
	font-style: normal;
	font-size: 14px;
	text-decoration: underline;
}
#flowerbg
{
	width: 100%;
	background-position: right 50%;
	background-image: url(/images/pageImages/flowers.gif);
	background-repeat: no-repeat;
}
#followingform
{

	margin-right: 40px;
}
.shopArtisanTel
{
	font-size: small;
}
.competition_info
{
	color: #545361;
	display: block;
	font-size: 1.3em;
	clear: both;
	margin-bottom: 15px;
}
.competition_image
{
	float: right;
	clear: none;
}
.competition-leftSection
{
	clear: both;
	float: left;
	width: 450px;
}

.competition-rightSection
{
	float: right;
	width: 230px;
}
#ratinglist li
{
	display: inline;
}
#ratinglist li a
{
	display: block;
	float: left;
}
.EmptyRating1
{
	background: url(/images/rating/1_off.gif) no-repeat;
	width: 19px;
	height: 19px;
}
.EmptyRating2
{
	background: url(/images/rating/2_off.gif) no-repeat;
	width: 19px;
	height: 19px;
}
.EmptyRating3
{
	background: url(/images/rating/3_off.gif) no-repeat;
	width: 19px;
	height: 19px;
}
.EmptyRating4
{
	background: url(/images/rating/4_off.gif) no-repeat;
	width: 19px;
	height: 19px;
}
.EmptyRating5
{
	background: url(/images/rating/5_off.gif) no-repeat;
	width: 19px;
	height: 19px;
}
.FilledRating1
{
	background: url(/images/rating/1_on.gif) no-repeat;
	width: 19px;
	height: 19px;
}
.FilledRating2
{
	background: url(/images/rating/2_on.gif) no-repeat;
	width: 19px;
	height: 19px;
}
.FilledRating3
{
	background: url(/images/rating/3_on.gif) no-repeat;
	width: 19px;
	height: 19px;
}
.FilledRating4
{
	background: url(/images/rating/4_on.gif) no-repeat;
	width: 19px;
	height: 19px;
}
.FilledRating5
{
	background: url(/images/rating/5_on.gif) no-repeat;
	width: 19px;
	height: 19px;
}
.SelectedRating1
{
	background: url(/images/rating/1_sel.gif) no-repeat;
	width: 19px;
	height: 19px;
}
.SelectedRating2
{
	background: url(/images/rating/2_sel.gif) no-repeat;
	width: 19px;
	height: 19px;
}
.SelectedRating3
{
	background: url(/images/rating/3_sel.gif) no-repeat;
	width: 19px;
	height: 19px;
}
.SelectedRating4
{
	background: url(/images/rating/4_sel.gif) no-repeat;
	width: 19px;
	height: 19px;
}
.SelectedRating5
{
	background: url(/images/rating/5_sel.gif) no-repeat;
	width: 19px;
	height: 19px;
}

/* ============== */

#contentContainer
{
	width: 400px;
	float: left;
	line-height: 1.8em;
}

#foodDrinkRightColumn
{
	width: 270px;
	float: right;
	margin: 10px 0 0 0;
	min-height: 200px;
}

.latestNewsLinks
{
	float: left;
	margin: 10px 0 0 0;
	height: 40px;
	background-image: url(/Images/newsbg.jpg);
	background-repeat: no-repeat;
	width: 100%;
}

.latestNews
{
	float: right;
	width: 270px;
	min-height: 105px;
	background-image: url(/Images/newsbg.jpg);
	background-position: 10px -12px;
	background-repeat: no-repeat;
	margin-top: 10px;
	margin-right:38px;
}

.Recipe_Div
{
	position: relative;
	float: left;
	background: url(/images/supplierBG.jpg) repeat-x bottom;
	margin-bottom: 10px;
	border-bottom: 1px solid #ccc;
	width: 270px;
	min-height: 145px;
}

/* ===== suppliers ======= */

.Suppliers
{
	width: 270px;
	float: left;
	background: #fff url(/images/supplierBG.jpg) repeat-x bottom;
	border-bottom: 1px solid #dadada;
	margin: 10px 0 0 0;
	padding-bottom: 10px;
}


.Suppliers h3 {
	margin-left: 10px;
}

.smallSupplierName a
{
	width: 270px;
	background: #f0eef3;
	height: 33px;
	font-size: 16px;
	color: #0175be;
	display: block;
	text-decoration: none;
	margin: 0 0 10px 0;
	font-weight: bold;
}

.SupplierImage
{
	margin: 0 auto;
	max-width: 210px;
}

.SupplierDesc
{
	float: left;
	margin: 10px 0 0 10px;
}


/* ===== latest news ======= */

.latestNewsSmallTitle a
{
	font-size: 12px;
	color: #666;
	font-weight: bold;
	width: 60%;
	padding-left: 20px;
	background: url(/images/red_arrow_small.jpg) no-repeat 10px 3px;
}

.latestNewsCont a
{
	margin-left: 20px;
}

/* =========== recipes ============== */

.sIFR-hasFlash h1
{
	font-size: 36px;
}

.leftSection
{
	width: 280px;
	float: left;
}

.rightSection
{
	width: 411px;
	float: right;
}

.rightSection.lowerRight
{
	padding: 0 0 0 20px;
	width: 391px;
	margin-bottom: 20px;
}

.mainRecipeImage
{
	width: 411px;
	height: 293px;
	margin-left: 19px;
}

#recipeInformationRow
{
	width: 100%;
	height: 94px;
	float: left;
	margin: 10px 0 20px 0;
	background: url(/images/recipeInfoRowBG.jpg);
	display: block;
	clear: both;
}

.overviewItem
{
	width: 120px;
	height: 74px;
	float: left;
	padding: 0px 0 10px 0;
	text-align: center;
	margin-right: 30px;
}

.commentsNumber {
	background: url(/images/commentBG.jpg) no-repeat 44px 0;
	height:28px;
	padding: 4px 0 0 0;
	color: #7e8a2d;
	font-size: 12px;
	font-weight: bold;
}

.overviewItem.firstItem {
	width: 60px;
}

#recipeInformationRow .overviewItem {
	padding: 10px;
	margin-right: 0px;
}

.skillItem {
	width: 80%;
	float: left;
	padding: 10px;
	margin: 10px 0 0 0;
	position: relative;
	
}

#greatWithContent
{
	width: 140px;
	float: left;
	padding: 5px;
}

#userComments, #perfectWith, #recipeRate
{
	float: left;
	position: relative;
}

.ie .basedOnSpan {
	display: inline-block;
	margin: 0 0 0 2px;
	position: relative;
	top: -10px;
}

.rateThisRecipeSpan {
	float: left;
	margin-bottom: 10px;
}

.gecko .rateThisRecipeSpan {
	position: relative;
	top: 10px;
}

#perfectWith {
padding-bottom: 35px;
width: 272px;
border: 1px solid;
border-color: #fff #f0eef3 #f0eef3 #f0eef3;
}

#userComments, #recipeRate, #userComments-news
{
	background: url(/images/userCommentsBG.jpg) repeat-x bottom #f9f9f9;
	border-bottom: 1px solid #ccc;
}

#recipeRate {
	margin: 20px 0;
}

#userComments {
	margin: 0 0 20px 0;
}

#userCommentsWrap, #recipeRateWrap
{
	padding: 10px;
	width: 252px;
}

#userCommentsWrap-news {
	width: 100%;
	padding: 10px;
}

#userComments-news {
	width: 100%;
}

.UserComment-news {
	width: 100%;
}

#averageRatingTextImgHolder
{
	width: 100%;
	display: block;
	margin-top: 10px;
}

#AverageRatingText
{
	width: 50%;
	float: left;
}

#AverageRatingImages
{
	width: 50%;
	float: right;
	text-align: right;
}

.leaveRatingTextarea
{
	background: #fff;
	width: 95.8%;
	padding: 3px;
	color: #666;
	font-family: Tahoma;
	font-size: 11px;
	border: 1px solid #ddd;
}

.emailFriendTextBox
{
	background: #fff;
	border: 1px solid #ddd;
	font-family: Tahoma;
	font-size: 11px;
	padding: 3px;
}

.perfectWithBuyLink a
{
	display: block;
	width: 73px;
	height: 24px;
	background: url(/images/buyNowImg.jpg);
	/*position: absolute;
	bottom: 10px;
	left: 120px;*/
	margin-top: 10px;
}

.perfectWithPrice
{
	font-size: 12px;
	font-weight: bold;
	margin-top: 10px;
}


.UserComment
{
	background: #f8f8f8;
	border-top: 1px solid #edefee;
	margin: 15px 0;
	min-height: 80px;
	padding: 10px;
	float: left;
}


.userCommentPicture
{
	float: left;
	margin-right: 20px;
}

.userCommentUsername
{
	color: #8d9816;
	font-size: 18px;
	margin-top: 0px;
	display: block;
	width: 600px;
	margin-bottom: 10px;
}
.UserComment-news .userCommentSeparator {
	width: 85%;
}

.userCommentSeparator
{
	display: block;
	float: left;
	width: 600px;
}

/* icon block */

.printIcon, .downloadPDFIcon, .recipeIcon, .addAccountIcon
{
	float: left;
}

.printIcon a
{
	display: block;
	width: 138px;
	height: 87px;
	background: url(/images/print-square-icon.jpg);
}

h2.recipeIngredients
{
	font-size: 30px;
}

.showcaseRecipeImage
{
	float: right;
	width: 122px;
	height: 98px;
	margin-right: 10px;
}

.showcaseRecipeImage img
{
	width: 122px;
	height: 98px;
}

.showcasePrepTime, .showcaseCookingTime
{
	width: 80px;
	height: 40px;
	float: left;
	clear: both;
	position: relative;
	text-align: center;
}

.showcasePrepTime {
	top: 15px;
	left: 00px;
}

.showcaseCookingTime {
	left: 80px;
	top: -25px;
}




.showcaseViewLink
{
	position: absolute;
	bottom: 10px;
	right: 10px;
}

.showcaseItemHeader
{
	margin-bottom: 10px;
}

/* ===== offer ===== */

.showcaseOfferImage
{
	float: right;
}

.showcaseOfferImage img
{
	max-width: 137px;
	max-height: 114px;
}

.showcaseOfferDesc
{
	float: left;
	width: 130px;
	margin: 5px 0;
}

.showcaseAddToList
{
	position: absolute;
	bottom: 10px;
	right: 10px;
}

.showcaseOfferWrap
{
	float: left;
	position: relative;
	padding: 10px 10px 40px 10px;
	background: url(/images/supplierBG.jpg) repeat-x bottom;
	margin-bottom: 15px;
	border-bottom: 1px solid #ccc;
}

.showcaseOfferPrice
{
	width: 145px;
	float: left;
	font-size: 16px;
	color: #b82746;
	font-weight: bold;
	margin-top: 20px;
}

.showcaseOfferPrice del
{
	color: #999;
}


.showcaseOfferTitle
{
	width: 130px;
	float: left;
	margin: 0;
}

#offersLeftCol
{
	width: 407px;
	float: left;
}

.offersText {
	padding: 0 0 5px 0;
	color: #B03724;
	text-transform: uppercase;
	font-weight: bold;
}

#ShoppingList
{
	width: 272px;
	float: left;
	margin-left: 20px;
	position: relative;
	border-bottom: 1px solid #ccc;
	padding: 0 0 10px 0;
	background: #fff url(/images/supplierBG.jpg) repeat-x bottom;
}

#topShoppingListBG {
	width: 252px;
	float: left;
	background: #fff url(/images/supplierBG.jpg) repeat-x bottom;
	min-height: 80px;
	padding: 10px;
	border-bottom: 1px solid #ccc;
	position: relative;
	z-index: 2;
}

#topShoppingListBG ul {
	margin: 0 0 0 10px;
	padding: 0;
}

#topShoppingListBG li {
	margin: 0 0 10px 10px;
}

#topShoppingListBG li .ShoppingListHeader {
	font-size: 14px;
	font-weight: bold;
}

.offersPrintBtn {
	color: #A61F23;
	text-decoration: none;
	font-size: 15px;
	font-weight: bold;
	background: url(/images/offersPrintBtn.jpg);
	font-family: Arial;
	cursor: pointer;
	margin: 10px 0 0 0;
}

.offerContainer
{
	width: 205px;
	float: left;
	min-height: 350px;
}

.offerContentContainer
{
	width: 417px;
	float: left;
}

#whatsthisCont {
	position: absolute;
	top: 10px;
	right: 10px;
	text-align: right;
}

#whatsthisCont a {
	font-size: 10px;
	color: #900;
	font-weight: bold;
	text-decoration: none;
}

#whatsthisCont a u {
	text-decoration: none;
}

#popup2 {
	display: block;
	position: absolute;
	width: 120px;
	min-height: 50px;
	border: 1px solid #ccc;
	background: #fff;
	padding: 10px;
	text-align: left;
	top: -40px;
	right: 0px;
	font-size: 11px;
	z-index: 100;
}

#popup2 a {
	position: absolute;
	bottom: 10px;
	right: 10px;
	font-size: 10px;
	color: #900;
	font-weight: bold;
	text-decoration: none;
}

#offersPageActions input{
	float: left;
}

#offersPageActions {
	margin: 20px 0;
	display: block;
	float: left;
}

.offersPageEmailtoFriendBox {
	margin: 10px 0 10px 10px;
	padding: 10px 5px 5px 5px;
	font-size: 11px;
	color: #999;
	font-family: Tahoma, Arial, Sans-Serif;
	width: 230px;
	height: 20px;
	border: 1px solid #ccc;
}

/* RECIPE LIST PAGE */

.featuredRecipeContent {
	margin-top: -10px;
}

#recipesPageSearchBar {
	width: 713px;
	height: 52px;
	background: url(/images/recipesPageSearchBarBG.jpg) repeat-x;
	float: left;
	position: relative;
}

.FeaturedRecipe, #recipesPageRepeaterContainer {
	float: left;
}


#recipesPageRepeaterContainer .recipesTitle {
	background: none;
}

.recipeSearchInput {
	width: 265px;
	height: 25px;
	float: left;
	background: url(/images/recipeSearchInputBG.jpg) no-repeat;
	border: none;
	margin: 10px 10px 0 5px;
	padding: 5px 5px 0 5px;
	font-size: 12px;
	color: #666;
	font-family: Tahoma, Arial, Sans-Serif;
}

.recipeSearchSubmit {
	width: 20px;
	background: url(/images/recipeSearchInputBG.jpg) no-repeat right;
	border: none;
	height: 30px;
	position: absolute;
	top: 10px;
	left: 393px;
	cursor: pointer;
}

.recipeSearchFilterSelect {
	float: left;
	width: 208px;
	height: 30px;
	margin: 10px 0 0 10px;
	border: 1px solid #edf0df;
	font-size: 12px;
	color: #333;
	font-style: normal;
	font-family: Tahoma, Arial, Sans-Serif
}

.ie7 .recipeSearchFilterSelect {
	margin-top: 15px;
}

.recipeSearchFilterSelect option {
	font-family: Tahoma, Arial, Sans-Serif;
	padding: 3px 0 3px 10px;
}

.FeaturedRecipe {
	background: url(/images/featuredRecipeBackground.jpg) repeat-x;
	border-bottom: 1px solid #ddd;
	padding: 0 0 20px 0;
	position: relative;
}

.FeaturedRecipe .smallRecipesImage {
	top: 80px;
}

.FeaturedRecipe .recipeShortDescription {
	min-height: 80px;
}

.smallRecipesImage {
	position: absolute;
	right: 0px;
}

.FeaturedRecipe .smallRecipesName a {
	background: none;
}
	
.FeaturedRecipe .smallRecipesName {
	margin: 0 0 0 12px;
}


.FeaturedRecipe .smallRecipesText {
	margin: 0 0 0 12px;
}

.recipesSection {
	position: relative;
	min-height: 288px;
	width: 712px;
	padding: 10px 0 0px 0;
	margin: 0 0 50px 0;
	border: 1px solid #ccc;
}

.smallRecipesImage img {
	width: 200px;
	height: 170px;
	position: absolute;
	right: 10px;
}

.featuredRecipeDesc {
	float: left;
}

.averageRatingWrapper {
	width: 220px;
	margin: 0 0 10px 10px;
	position: relative;
}

.FeaturedRecipe .averageRatingWrapper {
	top: 250px;
	position: absolute;
	right: 10px;
	margin-bottom: 0px;
	margin-top: 10px;
	text-align: right;
}

.recipeShortDescription {
	float: left;
	width: 460px;
	font-size: 12px;
	margin: 10px 0 15px 10px;
	color: #666;
	min-height: 85px;
}

.cookingInfoDiv {
	width: 692px;
	float: left;
	background: #f7f7f9;
	padding: 10px;
}

.viewRecipeBtn {
	display: block;
	width: 108px;
	height: 24px;
	background: url(/images/viewRecipe.jpg) no-repeat;
	position: absolute;
	right: -80px;
	top: -2px;
	text-decoration: none;
}

.viewRecipeBtnMyRecipes {
	display: block;
	width: 108px;
	height: 24px;
	background: url(/images/viewRecipe.jpg) no-repeat;
	position: absolute;
	right: -80px;
	top: 0px;
	text-decoration: none;
}

	.viewRecipeBtnMyRecipes span {
		visibility: hidden;
	}


.FeaturedRecipe .viewRecipeBtn {
	top: 118px;
	left: 230px;
	position: absolute;
}

.ie .FeaturedRecipe .viewRecipeBtn {
	top: 130px;
	left: 210px;
}

.viewRecipeBtn span {
	visibility: hidden;
}

.accountLoginArea {
	width: 180px;
	height: 17px;
	border: 1px solid #ccc;
	margin: 7px 0 10px 0;
	padding: 5px;
	color: #666;
	
}

.accountLoginBtn {
	height: 30px;
	border: 1px solid #8D9818;
	margin: 0 0 10px 0;
	padding: 5px;
	color: #666;
	background: #fff;
	font-weight: bold;
}

.myAccountDetailsTextfield {
	width: 180px;
	height: 17px;
	margin: 0 10px 10px 0;
}

select.myAccountDetailsTextfield {	
	height: 30px;
}

.form-fields.largeInput textarea.myAccountDetailsTextfield {
	height: 100px;
}

.form-fields.largeInput {	
	padding-bottom: 0px;
	margin-bottom: 0px;
}

.accountAreaRemoveRecipe {
	position: absolute;
	top: 290px;
	right: 10px;
}

#myAccountMenu {
	font-size: 16px;
	font-weight: normal;
}

#myAccountMenu a {
	color: #666;
	text-decoration: none;
	font-weight: bold;
}

.loginButton, .loginButton:hover {
	font-weight: normal;
	color: #A6242C;
	text-decoration: underline;
	font-weight: bold;
	font-style: normal;
	background: none;
}

ul#ShoppingListText li {
	position: relative;
}

ul#ShoppingListText li .RemoveShopping {
	position: absolute;
	top: 0px;
	right: 0px;
}


/* account page login area */

#accountPageLeftBox {
	width: 320px;
	float: left;
	border: 1px solid #ccc;
	height: 250px;
	margin-right: 20px;
	padding: 10px;
}

#accountPageRightBox {
	width: 320px;
	float: left;
	border: 1px solid #ccc;
	height: 250px;
	padding: 10px;
}

.accountLoginContentDiv {
	float: right;
	border-left: 1px solid #ccc;
	padding: 0 0 0 10px;
	width: 210px;
}

.accountLoginImgDiv {
	float: left;
	width:90px;
}

#accountLoginErrorMsg {
	color: #A02527;
	font-weight: bold;
	display: block;
	float: right;
	margin: 10px 7px 0 0;
}

/* SUPPLIERS PAGE */

.SuppliersIndex {
	padding-bottom: 15px;
	float: right;
	font-size: 11px;
	background: url(/images/suppliersBG2.jpg) repeat-x bottom right;
	width: 710px;
}

.SupplierBullets {
	width: 160px;
	float: right;
	min-height: 169px;
	border-left: 1px solid #e4e6db;
	padding: 0 10px;
	
}

	.SupplierBullets ul {
		margin: 20px 0 0 20px;
		padding: 0;
	}
	
		.SupplierBullets ul li {
			list-style: none;
			margin-bottom: 10px;
			padding: 0 0 0 20px;
			background: url(/images/supplierBullet.png) no-repeat 0px 3px;
			color: #6C6A7C;
		}

.SuppliersContent {
	width: 509px;
	background: url(/images/suppliersBG1.jpg) repeat-x bottom left;
	float: left;
	min-height: 149px;
	padding: 10px;
	color: #6C6A7C;
	font-size: 11px;
}

.SuppliersContent p, .SuppliersContent div {
	font-size: 11px;
}

.smallSupplerImage {
	float: left;
}

.smallSupplerImage img {
	max-width: 210px;
}

.smallSupplierText {
	float: left;
	width: 290px;
	margin: 0 0 0 9px;
}


/* ORDERS SECTION - SEE OrderStyles.css */



/* NEWS ARCHIVE PAGE */

#archiveYearButtons {
	width: 100%;
	float: left;
	height: 30px;
	background: #d0d0d0;
}

	#archiveYearButtons a {
		height: 23px;
		width: 8.3%;
		display: inline-block;
		float: left;
		text-align: center;
		padding-top: 7px;
		color: #8EA032;
		text-decoration:  none;
		font-size: 12px;
		font-weight: bold;
	}

	#archiveYearButtons a:hover {
		text-decoration: underline;
		background: #eee;
	}
	
	#archiveYearButtons a.directorySubmitSelected {
		background: #eee;
	}

#archiveMonthButtons {
	width: 100%;
	float: left;
	height: 30px;
	background: #eee;
	margin-bottom: 20px;
}

	#archiveMonthButtons a {
		height: 23px;
		width: 8.3%;
		display: inline-block;
		float: left;
		text-align: center;
		padding-top: 7px;
		color: #9E2625;
		font-size: 11px;
		text-decoration:  none;
	}
	
	.ie #archiveMonthButtons a {
		width: 8.27%;
	}
	
	#archiveMonthButtons a.directorySubmitSelected {
		font-size: 12px;
		text-transform: uppercase;
		font-weight: bold;
		background: #e0e0e0;
	}

	#archiveMonthButtons a:hover {
		text-decoration: underline;
		background: #e0e0e0;
	}

.newsList {
	width: 100%;
	padding: 0 0 40px 0;
	border-bottom: 1px solid #e0e0e0
}

.newsRepeater {
	border-bottom: 1px solid #cdcdcd;
}
	
.newsListImage {
	float: right;
	margin-bottom: 10px;
}

.readMoreBtn {
	margin-top: 10px;
	display: block;
}

.newsContent img {
	border-right: 2px solid #ccc;
	border-bottom: 2px solid #ccc;
}

/* NEWS ARTICLE PAGE */

.newsBackLinkTop {
	float: right;
}

/* Wines section - see WineStyles.css */


/* PRODUCTS SECTION - CATEGORY LIST*/

.productCat {
	margin: 10px 20px 0 0;
	padding: 0;
	width: 340px;
	float: left;
	clear: none;
	border-bottom: 2px solid #EAEAEC;
	height:125px;
}

.altCat {
	margin: 10px 0 0 0;
}

	.productCat img {
		float: left;
		margin: 0 20px 0 0;
	}
	
	.prodCatText {
		display: inline-block;
		float: left;
		width: 170px;
	}
	
	.productCat a.prodCatLink {
		font-size: 14px;
		font-weight: bold;
		font-style: normal;
		background: none;
		color: #70527F;
		background:url("/images/img_right_arrow_off.jpg") no-repeat scroll 0 0 transparent;
		display: inline-block;
		padding: 0 0 0 25px;
		margin: 0 0 10px 0;
	}
	
	.productCat a.prodCatLink:hover {
		font-size: 14px;
		font-weight: bold;
		font-style: normal;
		color: #666;
	}
	
/* PRODUCTS SECTION - PRODUCT LIST*/

strong.purple {
	color: #6F527E;
	font-size: 14px;	
	display: block;
	margin: 20px 0 30px 0;
}

.prodTitle {
	display: block;
	background: #F0EEF3;
	padding: 5px 20px;
	height: 24px;
	color: #909090;
	font-weight: bold;
	font-size: 16px;
	border-bottom: 1px solid #dadada;
	margin: 15px 0 0 0;
	text-decoration: none;
	position: relative;
}

.prodTitle:hover {
	color: #70527F;
	background: #f2f2f2;
}

	.prodTitle img {
		position: absolute;
		top: 5px;
		right: 10px;
	}

.prodContent {
	overflow: hidden;
	background: url(/images/prodContentBG.jpg) repeat-x left bottom #fff;
	padding: 20px;
}

	.prodContent img, .productImg {
		float: left;
		margin: 0 10px 10px 10px;
	}

	.prodContent p {
		margin: 15px 0;
		clear: none;
	}

	.prodContent strong {
		color: #333;
	}

#productContent h2 {
	width: 365px;
}

#productContent img {
	float: right;
	margin: 0 10px 10px 10px;
}
	
#productContent p {
	clear: none;
}

.PostcodeList
{
	width: 700px;
	margin-bottom: 30px;
}
.PostcodeList+.PostcodeList
{
	border-top:1px solid #CCC;
	padding-top:20px;
}

.PostcodeHeader
{
	color: #8EA032;
	font-size: 2.0em;
	margin: 0;
	background: url('/images/search_bar_bg.jpg') no-repeat left bottom;
	clear: both;
	margin-bottom: 10px;
	padding: 15px 0 10px 12px;
	width: 100%; /*	width: 700px;*/
	height: 20px;
}

.PostcodeBrief
{
	width: 600px;
	color: #70527F;
	font-size: 1.3em;
	font-style: italic;
	line-height: 25px;
	margin: 0;
}

#store-finder 
{
	position:absolute;
	right:17px;
	bottom: 0px;
	
}
#store-finder p.find 
{
	margin:0;
	padding:0;
	margin-bottom:5px;
	text-align:right;
	
}
#store-finder p.postcode 
{
	margin-top:2px;
}
#store-finder input, #store-finder p.postcode {
	float:left;
}
	
#store-finder input#ctl01_PostcodeSearch 
{
	width:60px;
	margin:0 5px;
	height:15px;
}
#store-finder input#ctl01_PostcodeButton 
{
background:url("../images/go.gif") repeat scroll 0 0 transparent;
border:0 none;
height:20px;
width:22px;
text-indent:-9999px;
}


#popout 
{
	background:url("../images/menu.png") no-repeat;
	position:absolute;
	top:40px;
	right:74px;
	width:298px;
	height:415px;
	padding-left:14px;
	z-index:100;
	padding-top:15px;
}
#popout ul 
{
	margin:0;
	padding:0;
	list-style:none;
	text-align:left;
}
#popout ul.left-menu, #popout ul.right-menu 
{
	float:left;
	width:142px;
	margin-top:5px;
}
#popout ul.left-menu 
{
	margin-right:12px;
}
#popout li 
{
	margin-bottom:5px;
}
#popout li.county 
{
	font-size:14px;
	font-weight:bold;
	color:#78892d;
	margin:15px 0;
}
#Header #links #popout li a 
{
	float:none;
	margin:0;
	padding:0;
	color:#4f4f4f;
}
#popout li.county.no-margin-top 
{
	margin-top:0;
}
#popout li a:hover 
{
	text-decoration:underline;
}
.close-menu 
{
	margin-right:5px;
	margin-bottom:5px;
}

#vDayTable {
	font: italic 16px/1.5em Georgia,serif;
}

#vDayTable h2 {
	color: #333333;
    font: italic 25px/1.5em Georgia;
}

.easterEgg {
	position: absolute;
	bottom: 20px;
	right: 20px;
	cursor: pointer;
}
/* flickr feed scroller */

#flickr_bar {
	position: relative;
}

#flickr_feed {
	margin: 0 auto;
	width: 940px;
	clear: both;
	height: 65px;
	overflow: hidden;
}

#scroller {
	position: relative;
}

	#scroller a {
		display: block;
		float: left;
		height: 65px;
		overflow: hidden;
	}

		#scroller a img {
			width: 100%;
			height: auto;
		}
		
#scroll-next, #scroll-prev {
	cursor: pointer;
	display: block;
	font: 40px/1em Georgia, serif;
	position: absolute;
	top: 10px;
	left: -30px;
}

#scroll-next {
	left: auto;
	right: -30px;
}

/* small newsletter signup */

#sign-up-small {
	margin: 35px 0 0;
	height: 175px;
	clear: both;
}

	#sign-up-small label {
		width: 85px;
		display: inline-block;
		vertical-align: middle;
		margin: 0 0 10px;
	}

	#sign-up-small select,
	#sign-up-small input[type="text"] {
		width: 175px;
		margin: 0 0 10px;
	}
