* {
    margin:0;
    padding:0;
}

body {
	color:#757679;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 76%;
	text-align: center;
}

html,table,th,td,input,select,textarea,* p {
    font-size:100%;
}

div.continue {color: #dddddd;
background-color: #dddddd;
height: 1px;
width:100%;}

h1 {
    margin:1em 0;
    padding-bottom:0.3em;
    font-size:1.3em;
    color:#7c7e81;
	display:block;
}

h1 span	{ font-weight: bold; color: #0084c7;}

b span	{ font-weight: bold; color: #0084c7;}

h2 {
	background: url(../images/title-border.png) bottom left no-repeat;
	color:#7c7e81;
	display:block;
	font-size:1.2em;
	margin:1em 0;
	padding-bottom:0.3em;
}

h2 span	{ font-weight: bold; color: #0084c7;}


h3 {
    margin:1em 0;
    padding-bottom:0.3em;
    font-size:1.2em;
    color:#0084c7;
	display:block;
}

p {
    margin:1em 0;
}

a {
    color:#0084c7;
}

em a {
	font-weight: bold;
}

img {
    border:none;
}

caption {
	text-align:left; text-transform:uppercase; font-weight: bold; border-top: 1px solid #ebebeb; font-size: 1em; padding: 15px 0 0 0; margin: 0 0 6px 0;
}


.clearer {
    height:1px;
    line-height:1px;
    clear:both;
}



.accessibleonly {
    position:absolute;
    left:-9999px;
}

#wrapper {
    margin: 0 auto;
    width: 957px;
    text-align:left;
}

	#wrapper #contentWrapper {
		float: left;
		margin-right: 12px;
		width: 761px;
	}

#header {
	background: url(../images/header.jpg) 0 0 no-repeat;
	margin-left: -3px;
}

	#header img {
		margin: 20px 0 11px;
	}

	#header ul {
		list-style-type: none;
		padding: 2px 0 0 15px;
	}

		#header ul  li {
			float: left;
			margin-right: 20px;
			position: relative;
		}

			#header ul li a {
				color: #ffffff;
				font-size: 1.1em;
				font-weight: bold;
				text-decoration: none;
			}

			#header ul li a:hover {
				color: #262626;
			}

#content {
	float: right;
	width: 553px;
}

	#content #banners{
		height: 254px;
		margin-top: 10px;
		position: relative;
	}

		#content #banners img {
			position: absolute;
			top: 0;
			left: 0;
		}

    #content ol li {
        background:transparent;
    }

    #content ul {
        list-style:none;
    }
    
    #content ol {
        margin-left:10px;
    }

    #content li {
        margin-left:8px;
        padding-left:8px;
        background:transparent url('../images/bulletpoint.gif') 0 50% no-repeat;
        color:#0084c7;
    }
	
	#content ul.directory {
		margin:20px 0;
	}
	
	#content ul.directory li {
		margin:0 20px 0 0;
		padding:0px;
		color:#666666;
		background:none;
		float:left;
		width:180px;
		padding:0 0 20px 0;
		}
		
		#content ul.directory li.test {
			color:#333333;
			margin:0;
			float:left;
			width:350px;
			}


#navigation {
	float: right;
	margin: 0 12px 0 0;
	width: 188px;
}

	#navigation ul {
		list-style-type: none;
	}

		#navigation ul.level1 li {
			background: url(../images/navigation/parent-item.png) 0 0 no-repeat;
			font-size: 1.2em;
			font-weight: bold;
		}

			#navigation ul.level1 li a {
				background: url(../images/navigation/arrow-closed.png)  95% center no-repeat;
				color: #fff;
				display: block;
				padding: 5px;
				text-decoration: none;
			}

			#navigation ul.level1 li a.open {
				background: url(../images/navigation/arrow-open.png)  95% center no-repeat;
			}

			#navigation ul.level2 {
				margin: 2px 0 0;
			}

				#navigation ul.level2 li {
					background: url(../images/navigation/sub-item.png) 0 0 no-repeat;
					font-size: 0.9em;
				}

					#navigation ul.level1 li ul.level2 li a {
						background: none;
						color: #5a7365;
						line-height: 16px;
						padding: 3px 0 4px 10px;
					}

					#navigation ul.level3 {
						background-color: #e3e3e3;
						margin: 2px 0 0;
					}

						#navigation ul.level3 li {
							background: none;
						}
						
							#navigation ul.level1 li ul.level2 li ul.level3 li a {
								background: none;
								color: #3e3527;
								font-size: 9pt;
							}

							#navigation ul.level3 li a:hover {
								text-decoration: underline;
							}
		#navigation ul.specialoffers {

		}

			#navigation ul.specialoffers li {
				margin: 0 0 2px;
			}

div#newsletter {
	background-color: #e8e8e8;
	color: #545454;
	font-weight: bold;
	margin-top: 10px;
}

	div#newsletter form {
		background: url(../images/newsletter/bottom.png) bottom left no-repeat;
	}
	
		div#newsletter form fieldset {
			border: none;
			margin: 0;
			padding: 5px;
		}

			div#newsletter form fieldset label {
				left: -10000px;
				position: absolute;
				margin: 0;
				padding: 0;
			}
			div#newsletter form fieldset legend {
				position: absolute;
				left: -10000px;
				line-height: 0;
				visibility: hidden;
			}

			div#newsletter form fieldset ol {
				list-style-type: none;
			}

				div#newsletter form fieldset ol li {
					margin: 4px 0;
				}
			
			div#newsletter form fieldset input {
				background: url(../images/search-bg.png) 0 0 no-repeat;
				border: none;
				color: #545454;
				font-size: 1.1em;
				font-weight: bold;
				padding: 2px;
				width: 166px;
				margin: 0;
			}

			div#newsletter form fieldset input.submit {
				float: right;
				margin: 5px 0 0;
				padding: 0;
				width: auto;
			}

	div#newsletter h2 {
		background: url(../images/newsletter/top.png) 0 0 no-repeat;
		border: none;
		margin: 0;
		padding: 20px 5px 0 5px;
		text-indent: -10000px;
	}

	div#newsletter img.separator {
		display: block;
	}

	div#newsletter p {
		margin: 5px 10px;
		padding: 0 0 10px;
	}
	div#newsletter ul {
		margin-left: 8px;
		padding-right: 8px;
	}

/*** recommend us ***/
div#referFriend {
	background-color: #e8e8e8;
	color: #545454;
	font-weight: bold;
	margin-top: 10px;
}

	div#referFriend form {
		background: url(../images/newsletter/bottom.png) bottom left no-repeat;
	}
	
		div#referFriend form fieldset {
			border: none;
			margin: 0;
			padding: 5px;
		}

			div#referFriend form fieldset label {
				left: -10000px;
				position: absolute;
				margin: 0;
				padding: 0;
			}
			div#referFriend form fieldset legend {
				position: absolute;
				left: -10000px;
				line-height: 0;
				visibility: hidden;
			}

			div#referFriend form fieldset ol {
				list-style-type: none;
			}

				div#referFriend form fieldset ol li {
					margin: 4px 0;
				}

			div#referFriend form fieldset input {
				background: url(../images/search-bg.png) 0 0 no-repeat;
				border: none;
				color: #545454;
				font-size: 1.1em;
				font-weight: bold;
				padding: 2px;
				width: 166px;
				margin: 0;
			}

			div#referFriend form fieldset input.submit {
				float: right;
				margin: 5px 0 0;
				padding: 0;
				width: auto;
			}

	div#referFriend h2 {
		background: url(../images/refer-a-friend.png) 0 0 no-repeat;
		border: none;
		margin: 0;
		padding: 20px 5px 0 5px;
		text-indent: -10000px;
	}

	div#referFriend img.separator {
		display: block;
	}

	div#referFriend p {
		margin: 5px 10px;
		padding: 0 0 10px;
	}
	
	div#referFriend ul {
		margin-left: 8px;
		padding-right: 8px;
	}
/********************/

/*** Promotion code in navigation bar on left *****/
div#promotionCode {
	background-color: #e8e8e8;
	color: #545454;
	font-weight: bold;
	margin-top: 10px;
}

	div#promotionCode form {
		background: url(../images/newsletter/bottom.png) bottom left no-repeat;
	}
	
		div#promotionCode form fieldset {
			border: none;
			margin: 0;
			padding: 5px;
		}

			div#promotionCode form fieldset label {
				left: -10000px;
				position: absolute;
				margin: 0;
				padding: 0;
			}
			div#promotionCode form fieldset legend {
				position: absolute;
				left: -10000px;
				line-height: 0;
				visibility: hidden;
			}

			div#promotionCode form fieldset ol {
				list-style-type: none;
			}

				div#promotionCode form fieldset ol li {
					margin: 4px 0;
				}

			div#promotionCode form fieldset input {
				color: #545454;
				font-size: 0.9em;
				font-weight: bold;
				padding: 4px;
				width: 166px;
			}

			div#promotionCode form fieldset input.submit {
				float: right;
				margin: 5px 0 0;
				padding: 0;
				width: auto;
			}

	div#promotionCode h2 {
		background: url(../images/newsletter/top.png) 0 0 no-repeat;
		border: none;
		margin: 0;
		padding: 20px 5px 0 5px;
		text-indent: -10000px;
	}

	div#promotionCode img.separator {
		display: block;
	}

	div#promotionCode p {
		margin: 5px 10px;
		padding: 0 0 10px;
	}
	
	div#promotionCode ul {
		margin-left: 8px;
		padding-right: 8px;
	}
/********************/
#quickSearch {
	background: #e3e3e3 url(../images/search-left.png) 0 0 no-repeat;
	margin: 0;
	padding: 0;
}

	#quickSearch fieldset {
		background: url(../images/search-right.png) top right no-repeat;
		border: none;
		margin: 0;
		padding: 4px 5px;
	}

		#quickSearch fieldset label {
			float: left;
			font-weight: bold;
			margin: 2px 0 0;
			padding: 0;
			width: 9em;
		}

		#quickSearch fieldset legend {
			border: none;
			position: absolute;
			left: -10000px;
			line-height: 0;
			visibility: hidden;
		}

		#quickSearch fieldset input {
			background: url(../images/search-bg.png) 0 0 no-repeat;
			border: none;
			color: #545454;
			float: left;
			font-size: 1.1em;
			font-weight: bold;
			margin: 0;
			padding: 2px;
			width: 345px;
		}

		#quickSearch fieldset input.submit {
			clear: none;
			float: right;
			padding: 0;
			width: auto;
		}

#sidebar {
	float: right;
	width: 184px;
	display: inline;
}

	#sidebar #basket {
		float: left;
		margin-bottom: 10px;
	}

		#sidebar #basket a.checkout {
			background: #e3e3e3 url(../images/basket-bottom.gif) bottom left no-repeat;
			clear: both;
			display: block;
			margin: 0;
			padding: 5px 3px 0;
		}

			#sidebar #basket a img {
				display: inline;
				margin: 0;
			}

		#sidebar #basket dl {
			background-color: #e3e3e3;
			float: left;
			padding: 0 5px;
			font-size: 12px;
		}

			#sidebar #basket dl dt,
			#sidebar #basket dl dd {
				display: block;
				float: left;
				font-weight: bold;
				margin: 2px 0;
				padding: 7px 5px;
			}

			#sidebar #basket dl dt {
				background: #f3f3f3 url(../images/basket-left.gif) top left no-repeat;
				color: #49abff;
				width: 104px;
			}

			#sidebar #basket dl dd {
				background: #f3f3f3 url(../images/basket-right.gif) top right no-repeat;
				color: #128dcb;
				width: 50px;
			}

		#sidebar #basket h2 {
			background: url(../images/basket-top.gif) 0 0 no-repeat;
			border: none;
			clear: both;
			height: 39px;
			margin: 0;
			padding: 0;
			text-indent: -10000px;
			width: 184px
		}

		#sidebar #basket h2.basketFull {
			background: url(../images/basket-top-full.gif) 0 0 no-repeat;
		}

		#sidebar #basket ul {
			float: left;
			list-style-type: none;		
		}

			#sidebar #basket ul li {
				float: left;
			}

			#sidebar #basket ul li.firstItem {
				margin-right: 2px;
			}

				#sidebar #basket ul li img {
					margin: 0;
				}

	#sidebar img {
		/*display: block;*/
		margin: 5px 0;
	}
	
	#sidebar img.social {
		margin:5px 0px;
		float:left;
	}
	
	#sidebar img.socialBook {
		margin:5px 0 5px 3px;
		float:left;
	}

	#sidebar img.endorsement {
	}

	#sidebar img.recipes {
		margin-bottom: 0;
		margin-right: -3px;
	}

	#sidebar img.testimonials {
		margin-top: 7px;
	}

#footertext {
    margin:0 21px;
    padding:6px 6px 0;
    border-top:1px solid #dde300;
    text-align:center;
}

#footer {
    background: transparent url(../images/footerbg.gif) repeat-x scroll 50% 0;
    height: 242px;
}

	#footer #footerContent {
		height: 100%;
		margin: 0 auto;
		position: relative;
		width: 957px;
	}

		#footer #footerContent img#footerBoat {
			position: absolute;
			top: -20px;
			right: 0;
		}

		#footer #footerContent div#footerDetails {
			background: transparent url(../images/footer-details.png) 0 0 no-repeat;
			bottom: 40px;
			height: 93px;
			left: 60px;
			overflow: hidden;
			position: absolute;
			text-align: left;
			text-indent: -10000px;
			width: 452px;
		}

			#footer #footerContent div#footerDetails a {
				display:block;
				position:absolute;
			}

			#footer #footerContent div#footerDetails a#privacy {
				left: 110px;
				top: 25px;
				width: 80px;
			}

			#footer #footerContent div#footerDetails a#terms {
				left: 0;
				top: 30px;
				width:100px;
			}

		#footer #footerContent p#credit {
			position: absolute;
			bottom: 5px;
			right: 0;
			text-align:right;
		}

		#footer #footerContent p#credit,
		#footer #footerContent p#credit a {
			color: #f5f5f5;
		}

#fluid {
    margin:0 5px 5px 0;
    text-align:right;
}

div.productInformation {
	border-top:1px solid #9D9EA1;
	border-bottom:1px solid #9D9EA1;
	
	padding-bottom:10px;
	padding-top:11px;
	padding-left: 15px;
	width: 96%;
	display: inline-block;
	position: relative;
	margin-top: -2px;
}


.productinfo {
    float:left;
    width:250px;
    font-weight: 800;
}

    .inspace {
        margin: 0 0 0 25px;
    }

    .productinfo span {
        display:block;
        padding:6px 10px;
    }

    .productinfo dt {
        float:left;
        clear:both;
        width:40%;
    }

        .productinfo dt span {
            padding-left:16px;
        }
    
    .productinfo dd {
        color: #0084c7;
    }
	
	    .productinfo dd span {
        padding-left:110px;
        display: block;
    }



/* FORMS */

form fieldset {
	border:1px solid #e0e1e1;
	margin:1em;
	padding:.5em 0;
}

form fieldset p.notes {
	margin:0 1em;
	color:#0084c7;
}

form legend {
    margin:0 .5em;
    padding:0 .5em;
	font-weight:bold;
	font-size:1em;
	background:#ffffff;
	border:1px solid #e0e1e1;
	color:#0084c7;
}

form legend {
    margin:0 .5em;
    padding:0 .5em;
	font-weight:bold;
	font-size:1em;
	background:#ffffff;
	border:1px solid #e0e1e1;
	color:#0084c7;
}

#content form fieldset label#legwide span {
width: 200px;
}

form label, form h4 { 
	display:block;
	clear:left;
	font-size:1em;
	margin:.8em;
	padding:.2em;
}

form label.error {
    background:#ffcccc;
}

form label span {
	display:block;
	float:left;
	width:8em;
	line-height:1.4em;
	margin-bottom:.5em;
}

form em {
	text-indent:-9999em;
	display:block;
	float:left;
	width:.5em;
	margin-left:-.5em;
	background:transparent url('../images/asterisk.gif') 0 .2em no-repeat;
}

form p em {
    margin:0 1em;
}

form textarea {
	width:26em;
	height:8em;
	font-family:Arial, Helvetica, Verdana, sans-serif;
}

form input {
	width:18em;
	font-family:Arial, Helvetica, Verdana, sans-serif;
}

form input.checkbox,
form input.radio,
form input.rollOver {
    width:auto;
}

form input.submit {
	clear:left;
	display:block;
	width:auto;
	margin:1em;
	padding:0 .5em;
}

/* basket stuff */
#steps				{font-size: 110%; padding: 20px 0 10px 0; border-bottom: 1px solid #ebebeb; list-style-type:none; text-align:center;}
#steps li			{display: inline; margin: 0 25px 0 0;}
#steps li.step_1	{background: url('../images/buttons/step1.png') bottom left no-repeat; padding: 10px 0 0 30px; color:#909090;}
#steps li.step_2	{background: url('../images/buttons/step2.png') bottom left no-repeat; padding: 10px 0 0 30px; color:#909090;}
#steps li.step_3	{background: url('../images/buttons/step3.png') bottom left no-repeat; padding: 10px 0 0 30px; color:#909090;}
#steps li.step_1_over	{background: url('../images/buttons/step1-over.png') bottom left no-repeat; padding: 10px 0 0 30px;}
#steps li.step_2_over	{background: url('../images/buttons/step2-over.png') bottom left no-repeat; padding: 10px 0 0 30px;}
#steps li.step_3_over	{background: url('../images/buttons/step3-over.png') bottom left no-repeat; padding: 10px 0 0 30px;}

#basket_items			{margin: 0 5px 0 0; border-left: none; list-style-position:outside;}
#basket_items li		{margin: 3px 3px 3px 6px; border-bottom: 1px solid #d3d3d3; padding: 0 0 3px 0;}
#basket_items .lastitem	{border-bottom: 0;}
#basket_info			{border: 1px solid #d3d3d3; border-left: none; margin: 1px 5px 10px 0; padding: 5px 0 5px 0; background: #ebebeb; list-style-position:outside; text-transform:uppercase;}
#basket_info li			{margin: 3px 3px 6px 6px;}

#basket_table			{font-family:Arial, Helvetica, sans-serif; width: 472px; font-size: 1.0em; border: 1px solid #ebebeb; margin: 0; clear: both;}
#basket_table td		{padding: 8px 3px 8px 8px;}
#basket_table input.qty	{width: 30px; border: 1px solid #d3d3d3; padding: 2px; text-align:center;}
.basket_table_title		{background: #00a0c5; color: #FFFFFF; margin: 0 0 0 4px;}
.basket_table_row		{background: #f3f3f3;}
.basket_table_item		{width: 140px;}
.basket_table_our		{width: 60px;}
.detail_radio			{text-align:center;}



#basket_info a			{padding: 0 0 0 13px; width: 40px; font-weight:bold; font-size: 80%;}
.basket_but				{margin: 0 8px 0 0;}

.basket_sub				{margin: 0 0 15px 0; padding: 2px; font-size: 75%; text-transform:none;}
.basket_sub	li			{display: inline; margin: 0 8px 0 0;}

#basket_total			{border: 1px solid #d3d3d3; border-top: none; padding: 10px; margin: 0 0 0 0;}
#basket_total ul		{list-style-position: outside; float: left; width: 350px;}
#basket_total li		{margin: 0 0 5px 0;}
.basket_total_but		{text-align:right; vertical-align: top;}
.changer				{text-align:right;}
.changertitle			{ text-align:center;}
.price_text				{color: #00a0c5; font-weight:bold;}
.able_text				{color: #00854d; font-weight:bold;}

.basket_desc			{text-align:right; vertical-align:top;}


.right_box				{margin: 0 5px 10px 0; border-left: none; padding: 5px;}
.right_box img			{margin: 0 0 0 0;}
.right_box h5			{text-transform:uppercase; font-size: 102%; margin: 5px 0 5px 0; font-weight:bold; line-height: 1em;}
.right_link				{padding: 0 0 0 13px; width: 40px; font-weight:bold; font-size: 80%; text-transform:uppercase; text-align:right;}


#basket_total:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

#basket_total {display: inline-table;}


/* Prod details */

.prod_lg			{float: left; margin: 15px 0 0 0; width:250px;}
.prod_sm            {width:182px; height:178px;}
.prod_lg, .prod_sm  {background:url('../images/imagebg.gif') 50% 50% no-repeat;}
.imageholder .prod_sm {float: left; margin: 15px 0 0 0;}
.imageholder .prod_desc_r {
	width: 284px;
	float: left;
	 padding-left:15px;
}

/*** get rid of '.imageholder' before the div#healthBenefit as some product page doesn't have the class ***/
#content ul#healthBenefits li {
	border-bottom: 1px solid #f5f5f5;
	color: #757679;
	margin-bottom: 5px;
	padding: 0 0 5px 60px;
}

#content ul#healthBenefits li.first {
	border-top: 1px solid #f5f5f5;
	padding-top: 5px;
}

#content div#healthBenefit {
	border-bottom:1px solid #9D9EA1;
	border-top:1px solid #9D9EA1;
	
	margin-top:10px;
	padding-bottom:10px;
	padding-top:11px;
	padding-left: 15px;
	width: 96%;
}
#content div#healthBenefit ul {
	margin: 10px;
	overflow: hidden;
}
#content div#healthBenefit ul li {
	font-size: 1.2em;
	height: 32px;
	margin-bottom: 5px;
	padding: 7px 0 0 40px;
}

#content div#healthBenefit ul li.heart,
#content ul#healthBenefits li.heart {
	background: url(../images/benefits/heart.gif) center left no-repeat;
}

#content div#healthBenefit ul li.muscles,
#content ul#healthBenefits li.muscles {
	background: url(../images/benefits/muscles.gif) center left no-repeat;
}

#content div#healthBenefit ul li.bones,
#content ul#healthBenefits li.bones {
	background: url(../images/benefits/bones.gif) center left no-repeat;
}

#content div#healthBenefit ul li.brain,
#content ul#healthBenefits li.brain {
	background: url(../images/benefits/brain.gif) center left no-repeat;
}

#content div#healthBenefit ul li.eyes,
#content ul#healthBenefits li.eyes {
	background: url(../images/benefits/eyes.gif) center left no-repeat;
}

#content div#healthBenefit ul li.love,
#content ul#healthBenefits li.love {
	background: url(../images/benefits/love.gif) center left no-repeat;
}

#content div#healthBenefit ul li.secondCol {
	
	margin-left: 240px;
}
#content div#healthBenefit ul li.firstCol {
	float: left;
}
#content div.prod_button {
	width: 284px;
	float: right;
	margin: 0px;
	padding-left:15px;
}

#content div.prod_button span {
	display: block;
	font-size:1.6em;
	margin: 0;
}

.imageholder .prod_desc_r_lg {width: 352px;}
.prod_desc_r p		{padding: 5px 0 0 0; line-height: 1.4em;}
.prod_desc_r h1		{color: #0084c7; font-size: 1.2em; padding-bottom:5px; font-weight:bold; border-bottom: 1px solid #9d9ea1;}
.prod_desc_r h2		{margin:1em 0; color: #0084c7; font-size: 1.2em; padding-bottom:5px; font-weight:bold; border-bottom: 1px solid #9d9ea1;}

.prod_desc_r form.prod-price, .searchDetailsBox form.prod-price,
.prod_button form.prod-price, .searchDetailsBox form.prod-price { color: #0084c7; font-weight:bold; font-size: 1.1em; margin: 10px 0; padding: 0; overflow: hidden;}
.searchDetailsBox form.prod-price {float:right;}
.prod_desc_r form.prod-price input, .searchDetailsBox form.prod-price input,
.prod_button form.prod-price input, .searchDetailsBox form.prod-price input	{position: relative; margin: -5px 0 0 -7px;}
.prod_button form.prod-price input {
	float:;
}
.prod_desc_r form.prod-price input.add, .searchDetailsBox form.prod-price input.add,
.prod_button form.prod-price input.add, .searchDetailsBox form.prod-price input.add	{}

.searchDetailsBox form.prod-price input {
	margin-top: 11px;
	bottom: 0;
	position: static;
	width: auto;
}

.bordertop {margin-top:24px; padding-top:12px; border-top:1px solid #e1e1e1;}

#content h2.suggest		{background: none;clear: both; float: left; width: 234px; border: none;}
#content ul.prod_recp {list-style: inside; padding: 34px 0 15px 40px; display: inline; float: left; width: 240px;}
#content ul.prod_recp li {margin: 0 4px 6px 0; list-style-type:none; list-style-position:outside;}
#content ul.prod_recp li img {position: relative; bottom: -26px;}
#content ul.prod_recp li h2	{border: none; font-size: 1.1em;}
#content ul.prod_recp li.recp_title {background: none;}

#content ul.prod_ing {list-style: inside; padding: 0 0 0 0;}
#content ul.prod_ing li {margin: 0 4px 6px 0; list-style-type:none; color: #666666;}
#content ul.prod_ing li h2	{border: none; font-size: 1.1em; color: #0084c7;}
#content ul.prod_ing li.recp_title {background: none;}

#content p.recp_txt		{clear: left; padding-top: 15px; }


#content ul.productList {
    margin-left:0;
    list-style: inside;
    list-style-type:none;
	clear: both;
}

#content ul.productList {margin: 0 0 0 0;}

#content ul.productList li {
        float: left;
	background: none;
	padding: 0 2px 0 0;
        display: inline;
        margin: 0 12px 15px 0;
        width: 174px;
}

#content #catchOfTheWeek ul.productList li {
	margin-right: 0;
}

#content ul.productList li a img {
	margin: 0 0 0 0;
	height: 161px;
	width: 172px;
}


#content ul.productList li a{
		background: none;
    }

/* About us */

.txtimg				{float: left; width: 146px; margin: 15px 15px 0 15px;}


.textfield1			{color: #999999; border: 1px solid #e1e1e1; background: #ffffff; padding: 0 2px 2px 2px; height: 12px;}
.textfield2			{color: #0084c7; border: 1px solid #e1e1e1; background: #ffffff; padding: 0 2px 2px 2px; height: 12px;}
.textfielda			{color: #999999; border: 1px solid #e1e1e1; background: #ffffff; width: 130px;  padding: 0 2px 2px 2px; height: 12px; margin-top: 4px;}
.textfieldb			{color: #0084c7; border: 1px solid #e1e1e1; width: 130px; background: #ffffff; padding: 0 2px 2px 2px; height: 12px; margin-top: 4px;}
#frmNewsletter ul input 				{position: relative;}
#content #frmlogin ul.member li.signin input	{width: 79px; position: relative; top: 3px;}

/* home */
.leftcol	{float: left; width: 272px; clear: both;  margin: 0 15px 15px 0;}

.rightcol	{float: left; width: 272px; margin: 0 0 15px 0;}
.cent-image	{margin: 0 0 0 10px;}

.clearnorm	{clear: both;}

.botmar		{margin: 0 0 30px 0;}

.bullet		{margin: -20px 0 30px 0;}

/* basket */
/*.basket_table			{clear:both; text-align:left; width: 560px; margin: 0 0 10px 0;border-left: 1px solid #b4b4b4;border-bottom: 1px solid #b4b4b4;border-right: 1px solid #b4b4b4;}*/
.basket_table			{clear:both; text-align:left; width: 560px; margin: 0 0 10px 0;}
.basket_table td		{border-top: none;  border-right: none;border-left: none; padding: 3px;}
.basket_table caption	{margin: 0 0 10px 15px; border: none; text-align:left; font-weight:bold; color: #0076bf; font-size: 1em; padding: 0 0 5px 0; margin: 0;}
.basket_table tr th	{background: #bfd9ca; color: #5A7365; padding: 7px 0 7px 10px;}
.basket_table tr td	{padding: 7px 0 7px 10px;}
.basket_table tr th.table_col1	{width: 260px;}
.basket_table tr th.table_col2	{width: 70px;}
.basket_table tr th.table_col3	 {}
.basket_table tr th.table_col4	 {width: 70px;}
.basket_table tr.row_grey			{background: #f5f5f5;}
.basket_table input			{width: 60px;display: inline;}
.basket_table label			{display: inline;}
.basket_strong				{ font-weight:bold; color: #0076bf;}
.subtotal               {border-top: 1px solid #ebebeb;}
.basket_table tr th.totalheading {text-align:right; background:transparent; color:#757679;}

.promotionCode {
	display: inline-block;
	width: 98%;
	float: right;
	clear: right;
	padding-top: 10px;
	padding-bottom: 15px;
	margin: 0 0 15px 0;
	border-bottom: 1px solid #9D9EA1;
}
.promotionCode span {
	clear: none;
	float: right;
}

.promotionCode input {
	vertical-align: top;
	margin: 0 0 -2px 5px;
	width: auto;
	height: auto;
	float: right;
	clear: none;
}

.add_basket					{
	text-align: right;
	margin: 0 10px;
	border-bottom: 1px solid #9D9EA1;
	display: inline-block;
	padding: 0 0 10px 0;
	width: 98%
}

.add_basket span a img, .add_basket span input {
	margin: 0.6em 0 -2px 5px;
	width:  auto;
	height: auto;
	float:  left;
	clear:  none;
}

.add_basket a:link 			{color: #0076bf; text-decoration: none;}
.add_basket a:visited 		{color: #0076bf; text-decoration: none;}
.add_basket a:hover 		{color: #0076bf; text-decoration: none;}
.add_basket a:active 		{color: #0076bf; text-decoration: none;}
.add_basket a.update		{float: left;}

.total	{
	font-weight: bold;
	font-size:1.6em;
	float: right;
	display: inline-block;
	padding-top: 4px;
}

.total .price {
	color: #0076bf;
}

.basket_price				{}

/*.basket_buy					{
	position: relative;
	bottom:-7px;
}

.basket_up					{
	position: relative;
	bottom:-10px;
}*/


.purchase {
	clear: right;
	float: right;
	position: relative;
}

.checkout {
	position: relative;
	clear: right;
}

/* Recipe */



.serves						{ font-size: 0.8em;color: #999999;}


/* Order Summary */
#content div.hold_col {margin: 0 0 25px 0;}
#content div.hold_col ul.order_details {float: left; width: 250px; list-style-type:none; list-style-image:none;}
#content div.hold_col ul.order_details li { background: none;}


/* Charges */
#content div.charges {padding: 0 0 15px 25px;}
#content div.charges ul.details {float: left; list-style-type:none; list-style-image:none;}
#content div.charges ul.details li { background: none;}




.freepostage {
    margin:2em 0;
    padding-bottom:0.3em;
    font-size:1.3em;
    color:#7c7e81;
    text-align:center;
    font-weight:bold;
}

    .freepostage span {
        color:#0084c7;
    }
    
    .continue {margin: 0 0 -14px 0;}
	
.delbits	{width: 300px; margin: 10px 0 10px 15px;}
.deltop		{margin-top: 20px;}

.delbits td strong	{color: #0084c7;}

#content ul.contacting li {background: none;}

#content ul.errorstyle li	{color: #FF0000;}

.col_left		{width: 280px; float: left; }

.col_left ul {
	width: 550px;
}

.col_left ul li {
	width: 250px;
	display: block;
	float: left;
	padding-left: 0px;
}

.col_left ul li	{margin-bottom: 4px;}
.col_left p		{margin-bottom: 35px; margin-left: 15px;}
.col_left a:hover	{ text-decoration:none;}

.recp			{ background: #a3d0e2;}

.sm_txt			{ font-size: 0.8em; margin-bottom: 30px;}

#rotator {
	margin: 0px auto 30px auto;
	position: relative;
	width: 537px;
	height: 409px;
}

	#rotator img {
		border: none;
		display: block;
		position: absolute;
		left: 0;
		top: 0;
		z-index: 100;
	}
		
		#rotator img.firstItem {
			z-index: 200;
		}
		
#rotator.roHome {
	margin: 20px auto 20px auto;
	width: 562px;
	height: 246px;
}


#content .trio {
	width:180px;
	float:left;
}

#content .trio2 {
	width:180px;
	float:left;
	margin:0px;
}

#content .trio h2, #content .trio2 h2 {
	font-size:0.85em;
	display:block;
	}
	
#postageoffer {
	border: 1px #B4B4B4 solid;
	font-size: 1.4em;
	font-weight: bold;	
	margin: 0 auto 10px;
	padding: 10px;
	text-align: center;
	width: auto;
}


.hi {
	background-color: #eeeeee;
}

.lo {
	background-color: #ffffff;
}

.search_result_item a {
	text-decoration: none;
}

.search_result_item a:hover {
	text-decoration: none;
}

.search_result_item img.prod_sm {
	width: 120px;
	height: 122px;
	background-color: transparent;
}

.search_result_item .imageholder .prod_sm {
	margin: 0;
	margin-right: 15px;
}

.search_result_item .bordertop {
	padding-top: 5px;
	margin-top: 0px;
}

.search_result_item .productinfo {
	border: none;
}

.search_result_item dl.productinfo dt {
	background-image: none;
	background-color: transparent;
	color: #757679;
	padding: 0px;
}

.search_result_item dl.productinfo dd {
	background-image: none;
	background-color: transparent;
	color: #757679;
}
.search_result_item .productinfo span {
	padding: 0px;
	border-bottom: none;
	border-top: none;
	color: #757679;
}

.search_result_item form.prod-price {
	bottom: 0px;
	margin: 0px;
	padding: 0px;
}

.search_result_item h2 {
	margin-left: 130px;
	margin-top: 0px;
	border-bottom: solid 2px #0084C7;
	padding-bottom: 0px;
	position: relative;
	width: 420px;
}

.search_result_item h2  span {
	position:absolute;
	right:0px;
	top:0px;
}

#navigation div.blog, #navigation div.blog a, #navigation div.blog img {
	width:162px;
	height:60px;
	margin:0;
	padding:0;
}

#packagingAdvert {
	display: block;
	margin: auto;
}

div#featuredContainer {
	clear: both;
	overflow: hidden;
}

	div#featuredContainer div#featuredProducts {
		float: left;
	}

		div#featuredContainer div#featuredProducts h2 {
			background: url(../images/featured-border.png) bottom left no-repeat;
		}

	
	div#featuredContainer div#catchOfTheWeek {
		float: right
	}

		div#featuredContainer div#catchOfTheWeek h2 {
			background: url(../images/cotw-border.png) bottom left no-repeat;
		}
		
		
#content ul.recipeImage {
	list-style-type: none;
	width: 550px;
}

#content ul.recipeImage li {
	width: 172px;
	display: block;
	float: left;
	padding-left: 0px;
	margin-bottom: 10px;
	height: 200px;
}

.questions {}
	.questions a.faq {
		font-weight: bold;
		text-decoration: none;
		padding-left: 10px;
		clear: right;
		display: block;
		padding-bottom: 5px;
	}
	.questions a.faq :hover {
		text-decoration: none;
	}
	.questions div {
		padding-top: 5px;
		padding-left: 10px;
		padding-bottom: 15px;
		display: block;
	}
	
input.basket_buy {
	width:auto;
}

/* accreditions rotating images */

div#accreditations {
	position: relative;
	width: 184px;
	height: 121px;
	margin: 0px 0 30px;
}

div#accreditations img {
	position: absolute;
	top: 0;
	left: 0;
}