/* ==================================== */
/* CSS
/* ==================================== */

/* Header */

img, div.top-genericpanel { behavior: url(/iepngfix.htc) }

body {
	background-image: url("../images/backgrounds/generic/site_tile.jpg");
	font: 62.5% Arial, Helvetica, sans-serif;
	width: 100%;
    display: table;
}

#header {
	background: url(../images/header/header.jpg) repeat-x;
}

#header h1#logo {
	background: url(../images/header/logo.jpg) no-repeat right top;
	display: block;
	width: 159px;
	height: 69px;
	text-indent: -100000px;
	float: left;
	padding-left: 10px;
}

#header ul {
	float: right;
	background:url("../images/header/border.gif") no-repeat scroll left -73px transparent;
	padding-bottom: 4px;
	position: relative;
	z-index: 3;
}

#header ul li {
	float: left;
	background: url(../images/header/border.gif) no-repeat right -73px;
}

#header a {
	color: #fff;
	display: block;
	font-size: 1.4em;
	text-decoration: none;
	float: left;
	overflow: hidden;
}

#header a:hover, #header a.selected {
		background: url(../images/header/hover_r.gif) repeat-x bottom right;
		overflow: hidden;
}

#header li a span {
		display: block;
		float: left;
		padding: 35px 0px 22px 0px;
		cursor: pointer;
		margin: 0px 7px;
}

#header a:hover span, #header a.selected span {
		background-color: #fff;
		background: url(../images/header/hover.gif) repeat-x bottom left;
}

#header h1#logo a {
	display: block;
	width: 159px;
	height: 69px;
	text-indent: -100000px;
}

#header h1#logo a:hover {
	background: url(../images/header/logo.jpg) no-repeat right top;
}

/* End Header */

/* Content */

#maincontent, #maingeneric-content {
	background: url(../images/backgrounds/promo_panel/top_bg.jpg) repeat-x;	
	margin-top: -8px;
}

#maingeneric-content {
	background: url(../images/backgrounds/promo_panel/top_bg_generic.jpg) repeat-x bottom center;
	position: relative;
	z-index: 2;
	overflow: hidden;
}

.maingeneric-content-top {
	background: url(../images/backgrounds/promo_panel/top_bg_generic_top.jpg) repeat-x top center;
}

.top-panel {
	background: url(../images/backgrounds/promo_panel/promo_panel.jpg) no-repeat;
	height: 353px;
}

.top-panel.container_12 {
	overflow: visible;	
}

.top-panel .homecolumn-1 {
	width: 707px;
	overflow: hidden;
	height: 352px;
	padding: 0px;
}


/* The columns are not 960 grid compatable, so we need to assign some unique columns */

.top-panel .homecolumn-1 {
	float: left;
	width: 707px;
}

.top-panel .column-1 {
	width: 385px;
	float: left;
}

.top-panel .column-2 {
	padding-left: 9px;
	width: 304px;
	float: left;
}

.column-2 .delicious {
	background: url(../images/home/deliciously_easy.jpg) no-repeat;
	display: block;
	width: 304px;
	height: 197px;
	text-indent: -10000px;
	margin-top: 20px;
	position: relative;
}

.column-2 .delicious img {
	bottom:-90px;
	position:absolute;
	right:0;
}
.top-panel .column-3 {
	width: 235px;
	float: left;
	padding-left: 17px;
	overflow: hidden;
}

.home-pic {
	position: relative; 
	left:-10px;
}

#newsletter {
	background: url(../images/home/newsletter_top.gif) no-repeat top left;
	margin-top: 23px;
	position: relative;
}

#newsletter p.failed {
	position: absolute;
	top: 47px;
	color: #a00;
}

#newsletter p.success {
	height: 178px;
	color: #333;
}

#newsletter h3 {
	font: 2.2em "Times New Roman", Times, serif;	
	color: #4e3a12;
	padding-bottom: 26px;
	overflow: hidden;
}

#newsletter .box-padding {
	padding: 15px 30px 15px 15px;
	background: url(../images/home/newsletter_bottom.gif) no-repeat bottom left;
}

#newsletter input.text {
	background: url(../images/home/newsletter_input.jpg) no-repeat top left;
	border: 0;
	width: 166px;
	height: 23px;
	padding: 0px 10px;
	color: #868686;
	margin-bottom: 10px;
	overflow: hidden;
	line-height: 1.5em;
}

#newsletter input.submit {
	width: 141px;
	background: url("../images/home/newsletter_button.png") no-repeat scroll 0 0 transparent;
	border: 0px;
	color: #fff;
	height: 27px;
	font-size: 1.1em;
	cursor: pointer;
	margin-bottom: 5px;
}

#newsletter input.checkbox {
	float: left;
	background: none;
	width: 15px;
	height: 15px;
	padding: 0px;
}

#newsletter a {
	color: #fff;	
}

#newsletter label {
	color: #fff;	
	font-size: 1.2em;
	padding-left: 8px;
	float: left;
	width: 150px;
	margin-top: 1px;
}

#newsletter span {
	display: block;
	overflow: hidden;
	padding: 5px 0px;
}

#newsletter span.last {
	margin-bottom: 10px;
}

#newsletter img.tips {
	position: absolute;
	top: -20px;
	right: -3px;
}

/* Generic Top Content Panel */

.top-genericpanel {
	background: url(../images/backgrounds/promo_panel/promo_panel_generic.jpg) no-repeat left bottom;
	position: relative;
	width: 960px; 
	margin: 0 auto;
	overflow: hidden;
}

.top-genericpanel .column-1 {
	float: left;
	width: 301px;
	position: relative;
	top: 0px;
	left: 0px;
	z-index: 1;
}

.top-genericpanel .column-2 {
	width: 490px;
	float: left;
	color: #fff;
	margin-top: 22px;
	margin-left: 20px;
}

.top-genericpanel .products-col {
	width: 230px;	
}

.top-genericpanel .recipes-col {
	width: 300px;
	padding-bottom: 50px;
}



.top-genericpanel .column-2 p {
	font-size: 1.2em;
	line-height: 1.5em;
}

.top-genericpanel .column-3 {
	width:250px;
	float: left;
	background: url(../images/backgrounds/generic/column-3.jpg) no-repeat left top;
	padding: 30px 0px 20px 40px;
}

.top-genericpanel .column-3 h3 {
	background: url(../images/headings/recipe_search.jpg) no-repeat;
	width: 210px;
	height: 33px;
	display: block;
	text-indent: -10000px;
	padding-bottom: 12px;
}

img.ainsley {
	position: absolute; 
	top: 12px;
	z-index: 20;
}

img.products-pic {
	position:absolute;
	right:35px;
	top:6px;
	z-index:20;
}

input.recipe-search {
	background: url(../images/backgrounds/search/search.jpg) no-repeat;
	display: block;
	width: 138px;
	height: 22px;
	border: 0px;
	padding-left: 30px;
	float: left;
}

input.recipe_go {
	background: url(../images/backgrounds/search/go.gif);
	width: 41px;
	height: 28px;
	text-align: center;
	display: block;
	float: left;
	border: 0px;
	color: #fff;
	margin: -2px 0px 0px 5px;
}

.leftlink {
	float: left;
	margin-top: 30px;
}

.rightlink {
	float: right!important;
	margin-top: 30px;
}

/* End Generic Top Content Panel */

/* Top Content Headings */

.about {
	background-image: url(../images/headings/about.jpg);
	width: 210px;
}

.fresh-assurance {
	background-image: url(../images/headings/fresh-assurance.jpg);
	width: 253px;
}

.news {
	background-image: url(../images/headings/news.jpg);
	width: 82px;
}

.products {
	background-image: url(../images/headings/products.jpg);
	width: 142px;
}

.contact {
	background-image: url(../images/headings/contact.jpg);
	width: 117px;
}

.recipes {
	background-image: url(../images/headings/recipes.jpg);
	width: 114px;
}

.video {
	background-image: url(../images/headings/video_kitchen.jpg);
	width: 195px;
}

.stockists {
	background-image: url(../images/headings/stockists.jpg);
	width: 153px;
}


/* Top Content Headings */


/* End Header Content */

/* Start Main Content */

div.bottom-content {
	background: url(../images/backgrounds/generic/site_tile.jpg) repeat;
}

div.info-panel {
	background: url(../images/backgrounds/generic/info_panel_top.jpg) no-repeat;	
}

div.poll-panel .box-padding {
	height: 241px;
}

div.info-panel .box-padding {
	background: url(../images/backgrounds/generic/info_panel_bottom.jpg) no-repeat bottom left;
	padding: 14px 15px 25px;
}

div.menu-panel {
	background: url(../images/menu/menu_top.jpg) no-repeat top left;	
}

div.menu-panel .box-padding {
	background: url(../images/menu/menu_bottom.jpg) no-repeat bottom left;
	padding: 14px 15px 25px;
}

div.menu-panel .box-padding select {
	width: 250px;	
}

ul.sidemenu, ul.dropdown-menu {
	border-top: #e0ca9a 1px solid;	
	margin-top: 20px;
	padding: 20px 0px 50px 0px;
}

ul.sidemenu {
}

ul.sidemenu li a, ul.dropdown-menu li a, ul.recipes-list li {
	background: url(../images/menu/arrow.gif) no-repeat left center;
	color: #646464;
	font-size: 1.2em;
	padding: 5px 0px 5px 30px;
	display: block;
}

ul.recipes-list li {
	background: url(../images/menu/dash.gif) no-repeat left 10px;
	padding-bottom: 20px;
}

ul.recipes-list li p {
	font-size: 1.0em;
	padding-bottom: 0;
}

ul.sidemenu li.selected a, ul.sidemenu li.selected li.selected a {
	background: url(../images/menu/arrow_down.gif) no-repeat left center;	
}


ul.sidemenu li ul {
	
	display: none;
}


ul.sidemenu li ul li ul {
	
	display: none;
}


ul.sidemenu li.selected ul {
	
	display: block;
}

ul.sidemenu li.selected ul li ul {
	
	display: none;
}


ul.sidemenu li.selected ul li.selected ul {
	
	display: block;
}

ul.sidemenu li li a, ul.sidemenu li.selected li a  {
	background: url(../images/menu/arrow.gif) no-repeat left center;
	margin-left: 15px;
}

ul.sidemenu li li li a, ul.sidemenu li.selected li.selected li a {
	background: none;	
	font-size: 1.1em;
	margin-left: 27px;
}

div.bottom-content h3, .box-padding a.link {
	font: 2em "Times New Roman", Times, serif;	
	color: #4e3a12;
	text-decoration: none;
	padding: 10px 0px;
	display: block;
}

div.bottom-content h4 {
	color: #4e3a12;
	font: 1.3em "Times New Roman", Times, serif;
	margin-bottom: 10px;
}

.box-padding p {
	font-size: 1.2em;
	color: #646464;
}

.box-padding a.button {
	background: url(../images/buttons/fixed_button.jpg) no-repeat;
	width: 139px;
	height: 26px;
	text-align: center;
	font: 1.3em Arial, Helvetica, sans-serif;
	color: #fff;
	padding: 5px 0px;
	display: block;
	text-decoration: none;
	margin-top: 10px;
}

.box-padding a.extbutton {
	background: url(../images/buttons/button_left.gif) no-repeat top left;
	display: block;
	float: left;
	text-align: center;
	color: #fff;
	font-size: 1.3em;
	text-decoration: none;
	cursor: pointer;
}

.box-padding a.extbutton span {
	background: url(../images/buttons/button_right.gif) no-repeat top right;
	display: block;
	float: left;
	padding: 5px 20px;
}

div.info {
	padding: 0px 10px;	
}

div.rightlink {
	float: right;
	margin: 20px 0px 10px 0px;
}

/* Poll */

ul.poll, ul.poll-results {
	
	margin-top: 20px;
	margin-bottom: 15px;
}

ul.poll li a {
	background: url(../images/home/poll.gif) no-repeat 0px 0px;
	display: block;
	height: 20px;
	color: #fff;
	text-transform: uppercase;
	padding: 7px 0px 0px 10px;
	font-size: 1.2em;
	text-decoration: none;
	margin-bottom: 3px;
}

ul.poll li a:hover {
	background-position: 0px -29px;	
}

ul.poll-results li {
	background: url(../images/home/poll.gif) no-repeat 0px -29px;
	display: block;
	height: 20px;
	color: #fff;
	text-transform: uppercase;
	padding: 7px 0px 0px 10px;
	font-size: 1.2em;
	text-decoration: none;
	margin-bottom: 3px;
	position: relative;
	top: 0;
}

ul.poll-results li span.num {
	
	display: block;
	float: right;
	color: #fff;
	padding-right: 30px;
	padding-top: 1px;
	height: 20px;
	position: relative;
	z-index: 102;
}

ul.poll-results li span.progress {
	
	background: url(../images/home/poll-progress.png) no-repeat right;
	display: block;
	position: absolute;
	height: 19px;
	top: 5px;
	left: 0;
	width: 50px;
	z-index: 100;
}
ul.poll-results li span.text {
	position: relative;
	z-index: 101;
}
div.content-panel {
	background: url(../images/content/content_tile.jpg) repeat-y top left;	
}

div.content-tile {
	background: url(../images/content/content_top.jpg) no-repeat top left;	
}

div.content-panel div.box-padding {
	background: url(../images/content/content_bottom.jpg) no-repeat bottom left;
	padding: 15px 25px 50px 25px;
	margin-top: 3px;
}

div.content-panel p {
	font-size: 1.2em;	
	line-height: 1.5em;
	padding-bottom: 15px;
}

div.content-panel .media-video {
	margin-bottom: 15px;
}

div.content-panel div.wrapper {
	overflow: hidden;
	border-bottom: #e1cca3 1px solid;
	padding-bottom: 10px;
	zoom: 1;
}

div.content-panel div.no-border {
	border: 0px;	
}

div.content-panel div.wrapper div.pic {
	float: left;
	margin-top: 15px;
}

div.content-panel div.wrapper div.pic.polaroid {
	background: url(../images/backgrounds/generic/polaroid.png) no-repeat;
	height: 128px;
	width: 110px;
	text-align: center;
	padding-top: 7px;
}

div.content-panel div.wrapper div.pic.polaroid-medium {
	background: url(../images/backgrounds/generic/polaroid-medium.png) no-repeat;
	width: 123px;
	height: 99px;
	text-align: center;
	padding-top: 7px;
	padding-right: 3px;
}

div.content-panel div.wrapper div.pic.polaroid-large {
	background: url(../images/backgrounds/generic/polaroid-large.png) no-repeat;
	height: 245px;
	width: 250px;
	text-align: center;
	padding-top: 7px;
	padding-right: 4px;
}


div.content-panel div.wrapper div.column-1 {
	float: left;
	width: 280px;
	padding-right: 20px;
}

div.content-panel div.wrapper div.column-2 {
	float: left;
	width: 426px;
	padding-left: 14px;
}

div.content-panel div.wrapper div.recipes-col {
	width: 300px;	
}

div.content-panel div.wrapper div.large-pic {
	width: 263px;
	float: left;
}

div.content-panel div.wrapper div.large-pic .pic {
	margin-top: 0;
}

span.date {
	color: #646464;
	float: right; 
	margin-top: 15px; 
	font-size: 1.2em;
}

div.large-pic span.date {
	margin-bottom: 15px;	
}

table.nutritional {
	margin-bottom: 10px;	
}

table.nutritional td {
	width: 50%;
	font-size: 1.2em;
	color: #646464;
	padding: 10px;
}

table.nutritional td.yellow {
	background-color: #fceebd;
}


.recipes-col span.stars {
	background-image: url(../images/recipes/stars/stars_off_black.gif);
	width: 130px;
	height: 24px;
	display: block;
	cursor: pointer;
	margin: 5px 0px 25px 0px;
	float: left;
}

.recipes-col .stars-on {
	background: url(../images/recipes/stars/stars_on_black.gif);
	width: 26px;
	height: 24px;
	text-indent: -3000px;
	display: block;
}

.recipes-col .stars-on.star1 {
	width: 26px;
}

.recipes-col .stars-on.star2 {
	width: 52px;
}

.recipes-col .stars-on.star3 {
	width: 78px;
}

.recipes-col .stars-on.star4 {
	width: 104px;
}

.recipes-col .stars-on.star5 {
	width: 130px;
}

.recipes-col span.serving {
	float: left;
	font-size: 1.2em;
	margin: 10px 0px 0px 10px;
}

.content-panel span.stars {
	background-image: url(../images/recipes/stars/star_off.gif); 	
	width: 130px;
	height: 22px;
	display: block;
	margin: 5px 0px 25px 0px;
}

.content-panel .stars-on {
	background: url(../images/recipes/stars/star_on.gif);
	width: 26px;
	height: 22px;
	text-indent: -3000px;
	display: block;
}

.content-panel .stars-on.star1 {
	width: 26px;
}

.content-panel .stars-on.star2 {
	width: 52px;
}

.content-panel .stars-on.star3 {
	width: 78px;
}

.content-panel .stars-on.star4 {
	width: 104px;
}

.content-panel .stars-on.star5 {
	width: 130px;
}

ul.recipes-interaction {
	clear: both;	
}

ul.recipes-interaction li {
	float: left;
	margin-right: 23px;
	color: #fff;
}

ul.recipes-interaction li a {
	color: #fff;
	font-size: 1.2em;
	text-decoration: none;
	padding: 7px 0px 5px 25px;
}

ul.recipes-interaction li a:hover {
	text-decoration: underline;
}

ul.recipes-interaction li a.send {
	background: url(../images/recipes/icons/send.gif) no-repeat left center;	
}

ul.recipes-interaction li a.print {
	background: url(../images/recipes/icons/send.gif) no-repeat left center;	
}

span.bookmark {
	float: right;	
}

div.bookmark {
	float: right;
	padding-top: 30px;
}

div.bookmark span {
	font-size: 1.3em;
	color: #646464;
	float: left;
	padding-right: 5px;
}

ul.bookmark {
	float: left	
}

ul.bookmark li {
	float: left;	
}

ul.bookmark li a {
	background: url(../images/recipes/icons/bookmark.gif) no-repeat 0px 0px;
	width: 26px;
	height: 25px;
	display: block;
}

ul.bookmark li a span {
	text-indent: -10000px;	
	display: block;
}

ul.bookmark li a.icon1 {
	background-position: -0px 0px;	
}

ul.bookmark li a.icon2 {
	background-position: -28px 0px;	
}

ul.bookmark li a.icon3 {
	background-position: -56px 0px;	
}

div#tabs ul {
	background: url(../images/backgrounds/stockists/tabs.jpg) no-repeat;
	height: 64px;
}

div#tabs ul li {
	float: left;	
}

div#tabs ul li a {
	color: #4E3A12;
	font-size: 2em;
	font-family: "Times New Roman", Arial, Helvetica, sans-serif;
	text-decoration: none;
	display: block;
	text-align: center;
	float: left;
	cursor: pointer;
}

div#tabs ul li a span {
	padding: 20px 24px 21px 24px;
	display: block;
	float: left;
}

div#tabs ul li.first a {
	background-image: url(../images/backgrounds/stockists/tabs_button.jpg);
	background-position: 0px -64px;
}

div#tabs ul li.first a span {
	display: block;
	float: left;
	padding: 20px 27px 21px 24px;
	background-image: url(../images/backgrounds/stockists/tab_span_first.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}

div#tabs ul li.first a.selected {
	background: url(../images/backgrounds/stockists/tabs_button.jpg) 0px 0px;	
}

div#tabs ul li.first a.selected span {
	display: block;
	float: left;
	padding: 20px 24px 21px 24px;
	background: none;
}

div#tabs ul li.second a {
	background-image: url(../images/backgrounds/stockists/tabs_button.jpg);	
	background-position:  -8px -64px;
}

div#tabs ul li.second a span {
	background-image: url(../images/backgrounds/stockists/tab_span_second.jpg);
	background-repeat: no-repeat;
	background-position: right 0px;	
}

div#tabs ul li.second a.selected {
	background: url(../images/backgrounds/stockists/tabs.jpg) -7px -128px;	
}

div#tabs ul li.second a.selected span {
	display: block;
	float: left;
	padding: 20px 24px 21px 24px;
	background: none;
}

dl.stockist-list {
	font-size: 1.2em;
	color: #646464;
}

dl.stockist-list dt {
	width:230px;
	display:block;
	float:left;
	padding: 10px 0px;
}

dl.stockist-list dd {
	width:290px;
	display:block;
	float:left;
	padding: 10px 0px;
}

/* Start End Content */

#footer {
	background: url(../images/footer/footer.jpg) repeat-x;	
	padding-top: 36px;
	font-size: 1.2em;
	color: #4e3a12;
}

#footer a {
	text-decoration: none;
	margin-bottom: 10px;
	display: block;
	color: #4e3a12;
}

#footer .logo {
	float: right;
}

#footer .logo a {
	width: 118px;
	height: 39px;
}

#footer a:hover {
	text-decoration: underline;	
}

#footer p {
	clear: both;	
	margin-bottom: 20px;
	display: block;
	padding-left: 10px;
}

/* Contact Form */

form.ronseal-form {
	color: #6F726B;	
}

form.ronseal-form fieldset {
	width: 550px;
	padding: 0px 0px 30px 70px;
}

form.ainsley-form .row {
	overflow: hidden;
	padding: 3px;
}

form.ainsley-form .row select {
	width: 250px;	
}

form.ainsley-form .row input {
	background: url(../images/backgrounds/input/input.gif) no-repeat top left;
	border: 0px;
	height: 21px;
	padding: 0px 10px 5px 10px;
	width: 230px;
	line-height: 1.5em;
	color: #858585;
}

form.ainsley-form .row input.checkbox {
	width: 15px;
	height: 15px;
	float: left;
	margin-right: 15px;
	display: block;
	background: none;
}

form.ainsley-form .row textarea {
	width: 330px;
	background: url(../images/backgrounds/input/textarea.gif) no-repeat top left;
	border: 0px;
	height: 129px;
	padding: 15px;
	color: #858585;
}

form.ainsley-form label {
	display: block;
	font-size: 1.2em;
	padding: 5px 0px;
}

form.ainsley-form span {
	display: block;
}
form.ainsley-form span.error {
	color: #f00;
	font-size: 1.2em;
	padding-top: 4px;
	display: none;
	
}
form.ainsley-form span.invalid {
	display: block;
}

form.ainsley-form legend {
	display: block;
	text-indent: -10000px;
}

/* Unfortunately this needs this, or it will get the padding from the global */

form.ronseal-form fieldset.divider {
	background: url(../images/backgrounds/product_item_bottom.jpg) no-repeat center bottom;
	padding: 30px 0px 30px 70px;
}

form.ainsley-form fieldset.first {
	padding-top: 0px;
}

form.ainsley-form textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	width: 298px;
	color: #6F726B;	
}

form.ainsley-form input.submit_button {
	width: 139px;
	background: url("../images/buttons/fixed_button.jpg") no-repeat scroll 0 0 transparent;
	border: 0px;
	color: #fff;
	height: 26px;
	cursor: pointer;
}

.textile-text ul {
	list-style:  disc;
	margin-left: 20px;
	font-size: 1.2em;
	color: rgb(100,100,100);
	
}

/* Tabs
----------------------------------*/
.ui-tabs .ui-tabs-hide { display: none !important; }