/*===============================================
	layout.css
	2009-03-18
	Mark Gerrard
	bigfish.co.uk
===============================================*/

.main-col, .product-department {height:100%;}
.main-col .exist-cust {
	width: 600px;
}

.main-col .exist-cust a {
	display:block;
	position:relative;
}

.main-col .exist-cust a:hover .click-here {
	background-position:0 100%;
	cursor:pointer;
}

.main-col .exist-cust a .click-here {
	background: url('../images/click-here.gif') no-repeat;
	float:right;
	position:absolute;
	top:84px; right:25px;
	height:53px; width:100px;
}

/*===============================================
	CATEGORY LIST
===============================================*/
.categories {
	float: left;
	width: 180px;
}

.categories ul {
	list-style: none;
	/*font-size: 1.4em;*/
}

.categories ul li {
	margin-bottom: 0.2em;
}

.categories ul ul {
	margin: 0 0 0 12px;
	font-size: 0.857em;
}

.categories ul ul a {
	color: #000;
}

.categories ul ul ul {
	margin: 0 0 0 12px;
}

.categories ul ul ul a {
	color: #000;
	font-size: 1.2em;
}

.categories a.active {
	color: #EC8E00;
}

.categories ul li.special {
}

.categories ul li.special a {
	color: #EC8E00;
}

.categories ul li.special a:hover {
	color: #000;
}

/*===============================================
	PRODUCT PAGES
===============================================*/
.product-page {
	margin: 0 278px 0 190px;
}

.product-page h2 {
	margin-bottom: 20px;
}

.product-image {
	float: left;
}

.product {
	width: 445px;
	margin-bottom: 20px;
	overflow: hidden;
}

.product-text {
	margin-left: 250px;
	text-align: right;
}

.product-page h3, .product-page h4, .product-page h5 {margin-bottom: 6px;font-weight: normal;}

.product-text h3 {
	margin-bottom: 15px;
	font-size: 2.3em;
}

.product-text h4 {
	font-size: 3.5em;
}

.product-text h5 {
	font-size: 1.8em;
}

p.in-basket {margin-right: 10px;color: #EC8E00;}

.product-text .form-cont p,
.product-text label {display: inline;}
.product-text input {width: 20px;}
.product-text input.btn {width: 30px;}

.product-tabs {
	height:270px; width:450px;
}

.product-tabs ul {
	float: left;
	list-style: none;
	width: 95px;
	z-index:30;
}

.product-tabs .tabs {
	padding: 15px 10px;
	margin-left: 102px;
	font-size:1.1em;
	width: 323px;
	height: 255px;
	background: url("../images/layout/product-tabs-bg.gif") no-repeat 0 0;
	z-index:29;
}

.product-tabs ul li.single-tab-closed {
	background:url('../images/layout/product-tabs-single-closed.gif') no-repeat 0 0;
	width:105px; height:45px;
}
.product-tabs ul li.single-tab-open {
	background:url('../images/layout/product-tabs-single-open.gif') no-repeat 0 0;
	width:105px; height:45px;
}
.product-tabs ul li.double-tab-closed {
	background:url('../images/layout/product-tabs-double-closed.gif') no-repeat 0 0;
	width:105px; height:70px;
}
.product-tabs ul li.double-tab-open {
	background:url('../images/layout/product-tabs-double-open.gif') no-repeat 0 0;
	width:105px; height:70px;
}

.product-tabs ul li a {
	width: 95px;
	display: block;
	text-indent: -1000em;
}

.product-tabs ul li#description {
	padding-left:10px;
}
.product-tabs ul li#description a {
	background:url('../images/layout/product-tabs-description.gif') no-repeat 0 0;
	width:81px; height:40px;
}
.product-tabs ul li#description a:hover, .product-tabs ul li#description a.current-active {background-position: 0 -40px;}

.product-tabs ul li#ingredients {
	padding-left:10px;
}
.product-tabs ul li#ingredients a {
	background:url('../images/layout/product-tabs-ingredients.gif') no-repeat 0 0;
	width:82px; height:40px;
}
.product-tabs ul li#ingredients a:hover, .product-tabs ul li#ingredients a.current-active {background-position: 0 -40px;}

.product-tabs ul li#storageprep {
	padding-left:8px;
}
.product-tabs ul li#storageprep a {
	background:url('../images/layout/product-tabs-storage-preparation.gif') no-repeat 0 0;
	width:87px; height:62px;
}
.product-tabs ul li#storageprep a:hover, .product-tabs ul li#storageprep a.current-active {background-position: 0 -62px;}

.product-tabs ul li#producer {
	padding-left:15px;
}
.product-tabs ul li#producer a {
	background:url('../images/layout/product-tabs-producer.gif') no-repeat 0 0;
	width:72px; height:40px;
}
.product-tabs ul li#producer a:hover, .product-tabs ul li#producer a.current-active {background-position: 0 -40px;}

.product-tabs ul li#nutrition {
	padding-left:15px;
}
.product-tabs ul li#nutrition a {
	background:url('../images/layout/product-tabs-nutrition.gif') no-repeat 0 0;
	width:70px; height:30px;
}
.product-tabs ul li#nutrition a:hover, .product-tabs ul li#nutrition a.current-active {background-position: 0 -30px;}

.product-tabs .tabs .description,
.product-tabs .tabs .ingredients,
.product-tabs .tabs .storageprep,
.product-tabs .tabs .producer,
.product-tabs .tabs .nutrition { display:none; }

.product-description {
	margin-bottom: 20px;
	padding: 20px;
	width: 395px;
	height: 253px;
	background: url("../images/layout/bg-boxes-description.gif") no-repeat 0 0;
	font-size: 1.2em;
}


/*===================================
	PRODUCT DEPARTMENT STYLES
===================================*/
.product-department {margin: 0 278px 0 190px;position:relative;}

.product-department .row {
	margin-bottom: 10px;
	overflow: hidden;
}

.product-department .grid .item {
	float: left;
	width: 150px;
}

.product-department .grid.boxes .item {
	text-align: center;
}

.product-department.all .grid .item {width: 110px;}

.product-department .grid h3 {margin: 0 auto;font-size: 1.8em;font-weight: normal;text-align: center;}
.product-department .grid h3.heading {text-align: left;}

.product-department .list {width: 100%;}


/*===================================
	PRODUCT LIST TABLE
===================================*/
.list {
	width: 100%;
	margin: 0 0 40px 0;
	border-collapse: collapse;
	border-spacing: 0;
	background: url("../images/layout/dots.gif") repeat-x left bottom;
}

.list td {
	margin: 0;
	padding: 2px 0 0;
	background: url("../images/layout/dots.gif") repeat-x 0 0;
	font-size: 1.2em;
}

.list h4 {
	margin-bottom: 4px;
	font-size: 1.333em;
	font-weight: normal;
	color: #5A7B25;
}

.list td.images {width: 150px;}


/*===================================
	BOX CONTENTS TABLE
===================================*/
table.box-contents {
	width: 435px;
	border-collapse: collapse;
}

.box-contents thead th {
	font-size: 1.4em;
	background: url("../images/layout/dots.gif") repeat-x left bottom;
}


.box-contents tbody td a {
	margin-right: 10px;
}


/*===================================
	PRODUCT CATEGORY STYLES
===================================*/
.product-category {
	margin: 0 278px 0 190px;
}

.description {
	margin-bottom: 40px;
	font-size: 1.2em;
}

.tabs .description {
	margin-bottom: 0;
	font-size: 1em;
}

img.category {float: right;}

.product-category td,
.search td {
	padding: 10px 0 0 0;
}

.product-category .list.special td,
.search .list.special td{color: #EC8E00;}
.product-category .list,
.search .list {font-size: 0.916em;}
.product-category .list h4,
.search .list h4 {font-size: 1.272em; color: #000;}

.product-category .list .extra td,
.search .list .extra td {padding: 0;background: none;}
.product-category .list .extra td form,
.search .list .extra td form {margin: 0;}

.product-category td.images,
.search td.images {width: 80px;}

.product-category .list td.add,
.search .list td.add {
	width: 100px;
	text-align: right;
	vertical-align: top;
	color: #000;
}

.product-category .info,
.search .info {
	float: left;
}

.product-category .in-basket,
.search .in-basket {
	float: right;
	padding: 4px 0;
}

.product-category h5,
.search h5 {
	font-size: 1.272em;
	font-weight: normal;
}

.product-category .add .form-cont p,
.product-category .add .form-cont label,
.product-category .add .form-cont input,
.search .add .form-cont p,
.search .add .form-cont label,
.search .add .form-cont input {
	display: inline;
}

.product-category input.qty,
.search input.qty {width: 20px;}



/*===============================================
	NOTEPAD STYLES
===============================================*/

/* NL remove fruit basket from rhs
.new-customer {
	padding: 0 0 155px 0;
	background: url("../images/sketches/fruit-basket.gif") no-repeat right bottom;
}
*/
.new-customer.min {
	padding: 0 0 10px;
	background: url("../images/sketches/fruit-basket-small.gif") no-repeat right bottom;
}

.we-deliver .deliver,
.no-postcode {
	/*margin-bottom: 20px;
	border-bottom: 1px solid #5A7B25;*/
}

.we-deliver .deliver h2 {
	margin-bottom: 20px;
	font-weight: normal;
	font-size: 1.636em;
	line-height: 1.22em;
	padding: 0 70px 0 0;
	background: url("../images/sketches/van-right.gif") no-repeat right 50%;
}

.we-deliver .deliver h2 img {
	float:right;
}

.we-deliver .deliver .btn.cta,
.shopping-basket .btn.cta,
.deliveries .btn.cta {
	background-position: 98%;
	font-size: 1.273em;
}

.setup-account {
	margin-bottom: 20px;
}

.shopping-basket {
	color: #DC8700;
}

.shopping-basket .totals {
	margin-bottom: 20px;
	padding-bottom: 5px;
	border-bottom: 1px solid #5A7B25;
	overflow: hidden;
	font-weight: bold;
	font-size: 1.182em;
	color:#000;
}
.shopping-basket .totals .items {float: left;}
.shopping-basket .totals .cost {float: right;}



/*===============================================
	DELIVERIES STYLES
===============================================*/
.deliveries h3 {
	padding: 0 0 5px;
	overflow: hidden;
	border-bottom: 1px solid #5A7B25;
	font-weight: bold;
	font-size: 1.182em;
}
.deliveries h3 span {float: left;}
.deliveries h3 span.cost {float: right;}

.deliveries .logout .cta {
	float: right;
	clear: right;
}


/*===============================================
	HOMEPAGE STYLES
===============================================*/
.grid.cols3 .main-col {
	margin: 0 0 20px;
}

.grid.cols3 .row {
	margin-bottom: 20px;
	overflow: hidden;
}

.grid.cols3 .row .col {
	float: left;
	width: 200px;
}

.grid.cols3 .row .col img {
	float: left;
}

.grid.cols3 .row .col h3 {
	margin: 20px 0 0 85px;
	font-weight: normal;
}

/*===================================
	REASONS HOMEPAGE STYLES
===================================*/
.new-cust .image-main {
	float: left;
}

.new-cust .text-main {
	float: left;
	margin-left: 20px;
	width: 220px;
}

.text-main h3 {
	margin: 0 0 5px;
}

.text-main h4 {
	margin: 0 0 5px;
	color: #5A7B25;
	font-size: 1.2em;
}

.new-cust .items {
	clear: left;
	padding-top: 20px;
}

.new-cust .items .item {
	float: left;
	cursor: pointer;
	width: auto;
	margin: 0 10px 0 0;
}

.new-cust .item h3 {
	margin: 0 0 10px;
}


/*===================================
	NURSERY HOMEPAGE STYLES
===================================*/
.top {
	position: relative;
	width: 625px;
	height: 269px;
	margin: 0 0 20px;
}

.top a.clickhere {
	position: absolute;
	left: 160px;
	bottom: 0;
	text-indent: -1000em;
	width: 102px;
	height: 53px;
	background: url("../images/layout/btn-click-here.gif") no-repeat 0 0;
}

.top a.clickhere:hover {
	background-position: -108px 0;
}

.items .item {
	float: left;
	width: 200px;
}

.items .item h3 {
	margin: 0 0 10px;
	font-size: 1.2em;
	color: #597d39;
	font-weight: normal;
}

.items .item img {
	float: left;
	margin-right: 10px;
}

/*===================================
	LOGIN REGISTER STYLES
===================================*/
.content.login h2 {
	margin: 0 0 20px;
}

.new-signup,
.existing-login {
	float: left;
	width: 265px;
	padding: 30px 15px 15px 40px;
	height: 332px;
	background: url("../images/layout/bg-login-reg.gif") no-repeat 0 0;
	font-size: 1.1em;
}

.new-signup {
	margin-right: 22px;
}

.new-signup .content p
{
	padding-right:40px;
}

.content.login div.new-signup .form-cont {
	width: 240px;
	padding: 0 0 200px;
	background: url("../images/sketches/map.gif") no-repeat left bottom;
}

.existing-login label {
	float: left;
	width: 105px;
	clear: left;
}

.existing-login .form-cont {
	margin: 40px 0 0 0;
	width: 220px;
}

.existing-login .form-cont p {
	clear: right;
}

.existing-login input {
	width: 100px;
}

.existing-login input.checkbox {width: auto;}

.existing-login input.btn {width: auto;float: right;}
.forgot-password {float: right; margin-bottom: 20px;}


/*===================================
	ACCOUNT SETUP
===================================*/
.account-setup h3 {
	margin-bottom: 10px;
}

.main-col.account-setup {
	width: 650px;
	font-size: 1.1em;
}

.sidecol ol {
	list-style: none;
	margin: 0;
}

.notepad ol,
.notepad ol li{
	padding: 0;
	margin: 0;
	list-style: none;
}

ol.account-stages {
	margin: 0 0 10px 0;
	list-style: none;
	overflow: hidden;
}
.notepad ol.account-stages {margin: 0;padding: 0;}

ol.account-stages li {
	float: left;
	width: auto;
	margin: 0 5px 0 0;
}
.notepad ol.account-stages li {float: none;margin: 0;}

ol.account-stages li .heading {
	padding-top: 40px;
}
.notepad ol.account-stages li .heading {padding: 0;}

ol.account-stages li .heading.active {
	background: url("../images/sketches/van-right.gif") no-repeat right top;
}
.notepad ol.info-for-new {
	margin-bottom:10px;
}
.notepad ol.info-for-new li {
	list-style-type:decimal;
	margin:0 0 0 30px;
}

h3.delivery-info {
	margin-bottom: 10px;
	clear: left;
}

/* NL 
.delivery-instructions h3 {
	margin-bottom: 20px;
}
*/

.delivery-form select {
	width: 313px;
}

.delivery-form textarea {
	width: 300px;
	height: 60px;
}

.account-setup .form-cont input.btn-submit,
.account-setup .form-cont input.btn-back {
	float: right;
	border: none;
	width: auto;
}

.account-setup .form-cont input.btn-back {
	float: left;
}


/*
	PERSONAL DETAILS STAGE
*/
.personal-form label {
	float: left;
	width: 130px;
}

.personal-form input {
	width: 300px;
}

.personal-form input.other-title {
	width: 260px;
}

.personal-form select {
	width: auto;
	padding-top: 2px;
	padding-bottom: 2px;
}

.personal-form .note {
	margin: 5px 0 0 130px;
}


/*
	PAYMENT DETAILS STAGE
*/
.payment-form label {
	float: left;
	width: 100px;
}

.payment-form input {
	width: 300px;
}

.payment-form p {
	position: relative;
}

.payment-form .help {
	position: absolute;
	left: 240px;
}

.payment-form input.month,
.payment-form input.year,
.payment-form input.issue,
.payment-form input.security {
	width: 40px;
}


/*
	THANK YOU STAGE
*/
.main-col.account-setup.thanks {
	width: 650px;
}

.heading.thanks-account-created {clear: left;}

.account-setup.thanks .did-you-know {
	float: left;
	width: 200px;
}

.account-setup.thanks .did-you-know input {
	vertical-align: bottom;
}

a.start-shopping {
	float: right;
	width: 127px;
	height: 112px;
	background: url("../images/layout/bg-start-shopping.gif") no-repeat 0 0;
	text-indent: -1000em;
}

a.start-shopping:hover {
	background-position:0 100%;
}

.account-setup.thanks .foot {
	margin: 20px 0;
	overflow: hidden;
}

.account-setup.thanks .grid.cols3 {
	clear: left;
}

.order-sum {
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
	font-size: 1.182em;
}

.order-sum th {
	padding-bottom: 6px;
	font-weight: normal;
	background: url("../images/layout/dots.gif") repeat-x left bottom;
}

.order-sum .col-description {width: 260px;}
.order-sum .col-delivery {width: 100px;}
.order-sum .col-qty {width: 52px;padding-right:8px;}
.order-sum .col-frequency {width: 132px;}
.order-sum .col-price {width: 60px;padding-left:8px;}
.order-sum .col-remove {width: 60px;}
.order-sum .col-skip {width: 60px;text-align: center;}
.order-sum .col-remove a,
.order-sum .col-skip a {color: #5A7B26;}
.order-sum .col-remove a:hover,
.order-sum .col-skip a:hover {color: #EC8E00;}

.order-sum.no-change .col-delivery {width: 180px;}

.order-sum td {
	padding: 4px 0;
	background: url("../images/layout/dots.gif") repeat-x left bottom;
}

.order-sum tr.total td {
	background: none;
	padding-right: 4px;
	color: #000;
}


.order-sum tr.total.saving td {
	color: #DC8700;
}

.order-sum .promotion td {
	background: none;
	text-align: right;
	font-size: 0.9em;
	padding-right:5px;
	height:50px;
}

.order-sum .promotion td label {
	width: 160px;
	display: inline-block;
	vertical-align: top;
}

.order-sum tr.promotion td input {vertical-align: top;}

.order-sum tr.promotion .btn { padding-left:8px; padding-right:8px; }

.order-sum tr.note-delivery-charge { text-align:right; }
.order-sum tr.note-delivery-charge td { padding:10px 0 10px 0; background:none; }

.my-account-order-placed table.promotions {
	margin-top:20px;
}

.order-sum tr.place-order { text-align:right; }
.order-sum tr.place-order td { background:none; }
.order-sum tr.place-order a, .account-setup a.place-order { background:url("../images/layout/btn-click-to-place-order.gif") no-repeat 0 0; float:right; width:214px; height:70px; text-align:left; }
.order-sum tr.place-order a:hover, .account-setup a:hover.place-order { background-position:0 -70px; color:#D58D1D; }

.order-sum tr.view-deliveries { text-align:right; }
.order-sum tr.view-deliveries td { background:none; }
.order-sum tr.view-deliveries a { background:url("../images/layout/btn-view-deliveries.png") no-repeat 0 0; float:right; width:117px; height:37px; }
.order-sum tr.view-deliveries a:hover { background-position:0 100%; color:#D58D1D; }

.order-sum tr.total {
	font-size:1.1em;
}
.order-sum tr.total td.label {
	padding-right: 22px;
	text-align: right;
}

.order-sum tr.total td.bgcol {
	padding-right: 10px;
	text-align: right;
}

.order-sum tr.total td.txt 
{
	white-space:nowrap;
}

.order-sum tr.total td.ammount {
	text-align: left;
}

.order-sum .col-qty span {
	float: left;
	text-align: center;
	width: 15px;
}

.order-sum .col-qty .minus {
	width: 14px;
	height: 14px;
	text-indent: -1000em;
	float: left;
	background: url("../images/layout/btn-delete.gif") no-repeat;
}
.order-sum .col-qty .minus:hover {
	background-position:0 -14px;
}
.order-sum.no-change .col-qty .minus {
	background-image: url("../images/layout/btn-delete-grey.gif");
}
.order-sum.no-change .col-qty .minus:hover {
	background-position:0 0;
}

.order-sum .col-qty .add {
	margin-right: 5px;
	width: 14px;
	height: 14px;
	text-indent: -1000em;
	float: right;
	background: url("../images/layout/btn-add.gif") no-repeat;
}
.order-sum .col-qty .add:hover {
	background-position:0 -14px;
}
.order-sum.no-change .col-qty .add {
	background-image: url("../images/layout/btn-add-grey.gif");
}
.order-sum.no-change .col-qty .add:hover {
	background-position:0 0;
}

.btn.submit-order {
	float: right;
	padding-top: 6px;
	padding-bottom: 6px;
	width: 80px;
	text-align: center;
}

.price-changes p {
	width:400px;
}

.forgotten-price-footer {
	float:left;
	margin-top:20px;
	width:650px;
}

.forgotten-price-footer .browse-shop-sign {
	background:transparent url(../images/promo/sign-browse-the-shop.gif) no-repeat scroll 0 0;
	display:block;
	float:right;
	height:131px;
	margin:0 0 20px 30px;
	text-indent:-1000em;
	width:150px;
}
.forgotten-price-footer .browse-shop-sign:hover {
	background-position:0 100%;
}

/*===================================
	ACCOUNT PAGES
===================================*/
.my-account {
	margin: 0 278px 0 190px;
	font-size: 1.2em;
}

.my-account .start-shopping {
	margin: 0 0 20px 20px;
}

.my-account .grid {
	font-size: 0.857em;
}

.my-account.delivery-address .work-address label,
.my-account.delivery-address .work-address input {
	float: left;
}

.my-account.delivery-address .work-address label {
	margin-right: 60px;
	padding-top: 5px;
}

.my-account.delivery-address .item {
	margin-bottom: 20px;
	overflow: hidden;
}

.my-account.delivery-address .btn {
	float: right;
/*	font-size: 1.166em;*/
}

.my-account.delivery-address textarea {
	width: 400px;
}

.my-account .btn-back {
	float: left;
	border: none;
}

.my-account .btn-submit {
	float: right;
	border: none;
}

.my-account.change-address p {
	margin-bottom: 20px;
}

.my-account.change-address textarea {
	width: 100%;
	height: 80px;
}

.my-account.change-address .progress {
	margin-bottom: 30px;
}

.my-account.change-address.step1 label,
.my-account.change-address.step3 label {
	display: inline;
}

.my-account.change-address .form-multi-select {
	width: 100%;
	height: 80px;
}

.my-account.change-address.step3 dl {
	overflow: hidden;
	margin-bottom: 20px;
}
.my-account.change-address.step3 dl dt {float: left; margin-right: 20px;}
.my-account.change-address.step3 dl dd {float: left;}

.main-col.my-account-deliveries,
.main-col.my-account-confirm-order,
.main-col.my-account-order-placed {
	margin-right: 278px;
	font-size: 1.2em;
}

.my-account-deliveries p.note {
	font-size: 1em;
	color: red;
}

.my-account-deliveries .van-right-large {
	background:url('../images/sketches/van-right-large.gif') no-repeat 0 0;
	width:110px;
	height:59px;
	float:right;
	margin-bottom:10px;
}
.my-account-deliveries h3,
.my-account-confirm-order h3,
.my-account-order-placed h3 {
	margin-bottom: 20px;
}

.my-account-deliveries p,
.my-account-confirm-order p,
.my-account-order-placed p {
	margin-bottom:20px;
}

.my-account-deliveries .order-sum,
.my-account-confirm-order .order-sum,
.my-account-order-placed .order-sum,
.promo-codes .order-sum,
.my-account .order-sum {
	font-size: 1em;
}

.my-account-deliveries {
	margin-bottom:20px;
}

.my-account-order-placed {position:relative;}

.my-account-order-placed .col-description { width:270px; }
.my-account-order-placed .col-qty { width:80px; }
.my-account-order-placed .col-qty .add { margin-right:25px; }
.my-account-order-placed .col-frequency { text-align:left; width:152px; }
.my-account-order-placed .col-promotions { width:95%; }
.my-account-order-placed .col-ends { text-align:right; }


.my-account-confirm-order
{
	position:relative;
}

h3.forgotten-something,
h3.price-changes {
	margin-bottom: 0px;
}

.order-sum.no-change {
	margin-bottom: 30px;
}

.my-account-deliveries .sign-browse-shop {
	float: right;
}

.my-account-deliveries .sign-browse-shop a,
.my-account-order-placed .sign-browse-shop a,
.my-account-order-placed .view-deliveries a {
	margin: 0 0 0 30px;
	display: block;
	width: 150px;
	height: 131px;
	text-indent: -1000em;
	background: url("../images/promo/sign-browse-the-shop.gif") no-repeat 0 0;
}
.my-account-order-placed .sign-browse-shop a {
	margin:10px 0 0 500px;
}
.my-account-deliveries .sign-browse-shop a:hover,
.my-account-order-placed .sign-browse-shop a:hover {
	background-position:0 100%;
}
.my-account-order-placed .view-deliveries a {
	background: url("../images/layout/btn-view-deliveries.gif") no-repeat 0 0;
	width:117px;
	height:37px;
	margin:10px 0 0 530px;
	padding:0;
}
.my-account-order-placed .view-deliveries a:hover {
	background-position:0 100%;
}

.my-account-order-placed .order-sum.no-change {
	margin-bottom:0;
}

.main-col.my-account-likes {
	margin: 0 278px 0 190px;
}

.my-account-likes .image {
	float: right;
	margin-bottom: 20px;
}

.my-account-likes .note-more-boxes {
	margin-top: 20px;
	display: block;
	width: 162px;
	height: 113px;
	text-indent: -1000em;
	background: url("../images/promo/more-about-boxes.gif") no-repeat 0 0;
}
.my-account-likes .note-more-boxes:hover {
	background-position:0 -113px;
}

.my-account-likes .copy {
	width: 270px;
	line-height: 1.3em;
}

.my-account-likes .copy p {
	margin-bottom: 1.4em;
}


.my-account-likes .letters li {
	display: inline;
}

.my-account-likes .letters a {
	color: #000;
}

.my-account-likes .letters a:hover,
.my-account-likes .letters a.active {
	color: #DC8E3A;
}

.my-account-likes .settings th.col-desc {
	font-size: 1em;
}


/*===================================
	THIS WEEKS BOX
===================================*/
.main-col.whats-box {
	margin: 0 278px 0 190px;
}

.box {
	margin-bottom: 10px;
	position: relative;
	overflow: hidden;
	width: 442px;
}

.box img {
	float: left;
}

.box .copy {
	margin-left: 220px;
	text-align: right;
}

.box h3 {
	font-size: 2.3em;
	font-weight: normal;
}

.box .price {
	position: relative;
	bottom: 0;
	right: 0;
}

.box .price h4 {
	margin-bottom: 10px;
	font-size: 3.5em;
	font-weight: normal;
}

.box .price h5 {
	margin-bottom: 10px;
	font-size: 1.8em;
	font-weight: normal;
	color: #5A7B25;
}

.box .price .basket * {display: inline;}
.box .price .basket span {margin-right: 20px;color: #EC8E00;font-weight:bold;}
.box .price input {width: 15px;}
.box .price input.btn {width: auto;}


.whats-box .more-info {
	margin-bottom: 20px;
	font-size: 1.2em;
}

.whats-box .more-info a {
	float: right;
	width: 162px;
	height: 113px;
	text-indent: -1000em;
	background: url("../images/promo/more-about-boxes.gif") no-repeat 0 0;
}
.whats-box .more-info a:hover {
	background-position:0 100%;
}

h3.check-buttons {margin-bottom: 20px;}

.settings {
	margin: 0 0 20px;
	width: 100%;
	border-collapse: collapse;
}

.settings input {border: none;}

.settings th {
	padding: 0 5px;
	font-weight: normal;
	color: #DC8E3A;
	vertical-align: bottom;
	background: url("../images/layout/dot-1-v.gif") repeat-y left bottom;
}

.settings th.col-desc {
	font-size: 1.4em;
	background: none;
}

.settings th.col-select {
	font-size:1.2em;
	width: 45px;
}

.settings td {
	padding: 8px 0;
	text-align: center;
}



.settings td.col-desc {
	color: #000;
	text-align: left;
	font-size:1.2em;
}


/*===================================
	ABOUT US PAGE
===================================*/
/*===================================
	ABOUT US PAGE
===================================*/
.main-col.about {
	margin: 0 200px 0 190px;
}

.link-list {
	list-style: none;
	font-size: 1.2em;
}

.link-list ul {
	margin-bottom: 30px;
	padding-right: 100px;
	list-style: none;
}

.link-list li {
	margin-bottom: 20px;
}

.link-list h3 {
	margin-bottom: 10px;
	padding-bottom: 10px;
	color: #DF710D;
	font-weight: normal;
	font-size: 1.25em;
	background: url("../images/layout/dot-1.gif") repeat-x left bottom;
}

.main-col.our-newsletter {
	margin-right: 160px;
}
.main-col.about.main {
	margin-right:170px;
}
.main-col.about.keiths-story {
	margin-right:20px;
}
.main-col.about.what-makes-us-different {
	margin-right:20px;
}

.about.different .crumb {
	margin-bottom:5px;
}

.archive-intro, .about-us-intro {
	margin-bottom: 20px;
	overflow: hidden;
	font-size: 1.2em;
}

.archive-intro img, .about-us-intro img {
	float: right;
	margin-left: 10px;
}

.archive-list {
	border-collapse: collapse;
	width: 100%;
}

.archive-list thead th {
	margin-bottom: 6px;
	padding: 6px 0;
	font-size: 1.5em;
	font-weight: normal;
	color: #DF710D;
	background: url("../images/layout/dot-1.gif") repeat-x left bottom;
	min-width:130px;
}

.archive-list tbody td {
	padding: 6px 5px 6px 0;
	font-size: 1.2em;
}

.archive-list tbody td a {
	padding: 4px 0 4px 20px;
	background: url("../images/layout/ico-pdf.gif") no-repeat left center;
}

.about .initiative-list {
	margin-bottom: 6px;
	padding: 2px 0;
	background: url("../images/layout/dot-1.gif") repeat-x left bottom;
	list-style-type:none;
	font-size:1.2em;
}

.about .initiative-list li {
	padding: 15px 0;
	background: url("../images/layout/dot-1.gif") repeat-x left top;
	list-style-type:none;
}

.about .initiative-list .initiative-logo {
	float:left;
	margin:0 50px 15px 0;
}

.about.keiths-story .pictures {
	display:inline;
	float:right;
	color:#597D39;
	margin-left:20px;
}

.about.keiths-story .story {
	font-size:1.2em;
}

.about.keiths-story .go-shopping {
	clear:both;
	float: right;
	width: 143px;
	height: 129px;
	background: url("../images/layout/bg-go-shopping.gif") no-repeat 0 0;
	text-indent: -1000em;
}
.about.keiths-story .go-shopping:hover {
	background-position:0 100%;
}

.about.keiths-story.story p {
	width:450px;
}

.about.what-makes-us-different .items .item {
	cursor:pointer;
	width:130px;
}
.about.what-makes-us-different .items .item h4.current-active {
	color:#000000;
}
.about.what-makes-us-different .items .item h3 {
	color:#597D39;
	font-size:1.2em;
	font-weight:normal;
	margin:0 0 10px;
}
.about.what-makes-us-different .items .item h4 {
	clear:left;
	color:#597D39;
	font-weight:normal;
	font-size:1.1em;
}
.about.what-makes-us-different .items .reason {
	background:transparent url(../images/headings/what-makes-us-different-reasons.gif) no-repeat scroll 0 0;
	text-indent:-1000em;
	width:120px;
	height:23px;
}
.about.what-makes-us-different .item .r1 { background-position:0 0; }
.about.what-makes-us-different .item .r2 { background-position:-121px 0; }
.about.what-makes-us-different .item .r3 { background-position:-246px 0; }
.about.what-makes-us-different .item .r4 { background-position:-370px 0; }
.about.what-makes-us-different .item .r5 { background-position:-494px 0; }
.about.what-makes-us-different .item .r1-current-active { background-position:0 -23px; }
.about.what-makes-us-different .item .r2-current-active { background-position:-121px -23px; }
.about.what-makes-us-different .item .r3-current-active { background-position:-246px -23px; }
.about.what-makes-us-different .item .r4-current-active { background-position:-370px -23px; }
.about.what-makes-us-different .item .r5-current-active { background-position:-494px -23px; }

.about.what-makes-us-different .reasons {
	clear:both;
	padding-top:20px;
}
.about.what-makes-us-different .reasons .hidden {
	display:none;
}
.about.what-makes-us-different .reasons img {
	margin-bottom:10px;
}
.about.what-makes-us-different .reasons .col-1, .about.what-makes-us-different .reasons .col-2 {
	float:left;
	font-size:1.2em;
	width:300px;
}
.about.what-makes-us-different .reasons .col-2 {
	margin-left:10px;
}

.about.contact-us {
	margin-right:20px;
	font-size:1.2em;
}
.about.contact-us p {
	margin-bottom:15px;
}
.about.contact-us .col-right {
	float:right;
	width:390px;
}
.about.contact-us .col-right img {
	clear:both; 
	float:right;
}
.about.contact-us .col-right a {
	margin:20px 0 30px 0;
}
.about.contact-us .col-left {
	display:inline;
	width:325px;
}
.about.contact-us .col-left li {
	list-style-type:none;
}
.about.contact-us .col-left li.email {
	background:url('../images/sketches/mouse-small-help.gif') no-repeat 0 0;
	padding-left:60px;
}
.about.contact-us .col-left li.phone {
	background:url('../images/sketches/phone-small-help.gif') no-repeat 0 0;
	padding-left:60px;
}

a.call-us-sign {
	float: right;
	width: 182px;
	height: 163px;
	background: url("../images/layout/call-us-sign.gif") no-repeat 0 0;
	text-indent: -1000em;
}

a.call-us-sign:hover {
	background-position:0 -159px;
}

/*===================================
	RECIPE
===================================*/
.main-col.a-z ul.col {
	float: left;
	width: 200px;
	list-style: none;
	font-size: 1.2em;
}

.main-col.a-z ul.col ul {
	margin-bottom: 30px;
	list-style: none;
}

.main-col.a-z .col a {
	text-indent:0;
	height:auto;
}

.recipe-categories {
	margin-bottom: 40px;
	padding: 20px 0 0 45px;
	width: 505px;
	height: 254px;
	background: url("../images/layout/bg-recipe-top.gif") no-repeat 0 0;
}

.recipe-categories h3 {
	margin-bottom: 20px;
}

.recipe-categories ul {
	list-style: none;
}

.recipe-categories ul li {
	margin-bottom: 10px;
}

.recipe-feature {
	margin-right: 300px;
}

.recipe-feature {
	font-size: 1.3em;
}

.recipe-feature h3 {
	margin-bottom: 0.75em;
	font-weight: normal;
	font-size: 1em;
}

.recipe-feature dl {
	margin-bottom: 20px;
	overflow: hidden;
}

.recipe-feature dl dt {
	float: left;
	width: 100px;
	color: #597D39;
}

.recipe-feature dl dd {
	margin: 0 0 10px 110px;
}

.ingredients-image {
	overflow: hidden;
}

.ingredients-image img {
	float: right;
}

.recipe-feature p,
.recipe-feature ul {
	margin-bottom: 1.5em;
}

.list-ingredients {
	margin: 0 0 0 20px;
	list-style: none;
}

.list-ingredients li {
	margin-bottom: 5px;
	padding-left: 10px;
	background: url("../images/layout/bg-list-ingredients.gif") no-repeat 0 0.2em;
}


/*===================================
	HELP PAGE
===================================*/
.main-col.help-col {
	margin: 0 278px 0 190px;
	font-size: 1.2em;
}

.help-col dl dt {
	font-size: 1.166em;
}

.help-col dl dd,
.help-col dl dt.hidden {
	margin: 0 0 15px;
}

.help-how-to-use img {
	float:left;
	padding-right:5px;
	padding-bottom:5px;
}
.help-how-to-use dt {
	padding-top:10px;
}

.help-how-to-use dd {
	width:auto;
}

.reveal dd img {
	float:left;
	padding:10px;
}

.reveal dt a {
	text-decoration:underline;
}
.reveal dt a:hover {
	text-decoration:none;
}

/*===================================
	NEWS PAGE
===================================*/

.main-col.news {margin: 0 278px 0 190px;}

/*===================================
	SEARCH
===================================*/
.search {
	margin: 0 278px 0 190px;
}

.search h3 {
	margin-bottom: 10px;
	font-size: 1.8em;
	font-weight: normal;
	color: #597D39;
}
.search h3 a {
	text-decoration:underline;
}
.search h3 a:hover {
	text-decoration:none;
}

.search .list {
	font-size:0.916em;
}