/************************************************************************

	PAGE SPECIFIC CSS 
	=================
	
	Provides all Page Specific styles for the site.
	
	Author:		Tom Harman		[www.optixsolutions.co.uk]

	Listing Order:
	==============

	Home
	Buffets
	Cafe
	Van Service
	Company
	Contact
	Shopping Basket

************************************************************************/

/***********************************************************************
	HOME
************************************************************************/

.home div#main div#content {
	background-position: right 0;
}

.home div#main {
	background: transparent url(../i/layout/content-bg.gif) 184px 0px no-repeat;
}

.home div#main h1 {
	text-align: center;
	margin: 20px 0;
}

.home div#main h2 {
	text-align: center;
	margin: 20px 0;
}

/*.home div#header {
	background: url(../i/header-bg/bg1.gif) 380px 10px no-repeat;
}*/

/***********************************************************************
	BUFFETS
************************************************************************/

* html .buffets-our-current-menu div#main div#content ul#nav-sub li#nav-sub-our-current-menu a:hover 	{ background-color: #4E4A49; }
* html .buffets-new-user-complete div#main div#content ul#nav-sub li#nav-sub-new-user-registration a:hover 	{ background-color: #4E4A49; }
* html .buffets-new-user-registration div#main div#content ul#nav-sub li#nav-sub-new-user-registration a:hover 	{ background-color: #4E4A49; }
* html .buffets-terms-and-conditions div#main div#content ul#nav-sub li#nav-sub-terms a:hover 	{ background-color: #4E4A49; }
* html .shopping-basket div#main div#content ul#nav-sub li#nav-sub-order-now a:hover 	{ background-color: #4E4A49; }
* html .buffets-forgotten-password div#main div#content ul#nav-sub li#nav-sub-order-now a:hover 	{ background-color: #4E4A49; }
* html .buffets-password-sent div#main div#content ul#nav-sub li#nav-sub-order-now a:hover 	{ background-color: #4E4A49; }
* html .buffets-new-password div#main div#content ul#nav-sub li#nav-sub-order-now a:hover 	{ background-color: #4E4A49; }
* html .buffets-update-password div#main div#content ul#nav-sub li#nav-sub-order-now a:hover 	{ background-color: #4E4A49; }
* html .buffets-login div#main div#content ul#nav-sub li#nav-sub-order-now a:hover 	{ background-color: #4E4A49; }
* html .buffets-place-your-order div#main div#content ul#nav-sub li#nav-sub-order-now a:hover 	{ background-color: #4E4A49; }
* html .buffets-overview div#main div#content ul#nav-sub li#nav-sub-buffets a:hover 	{ background-color: #4E4A49; }

.buffets-overview div#main div#content ul#nav-sub li#nav-sub-buffets,
.buffets-overview div#main div#content ul#nav-sub li#nav-sub-buffets:hover							{ background-color: #4E4A49; }
.buffets-our-current-menu div#main div#content ul#nav-sub li#nav-sub-our-current-menu,
.buffets-our-current-menu div#main div#content ul#nav-sub li#nav-sub-our-current-menu:hover 	{ background-color: #4E4A49; }

.buffets div#main div#content-sub {
	margin-top: 0;
	padding-top: 0;
}

* html .buffets div#main div#content-sub {
	position: absolute;
}

.buffets div#main div#content-sub p.online-ordering-button {
	margin: 0 0 10px 0;
}

.buffets-new-user-registration div#main div#content ul#nav-sub li#nav-sub-new-user-registration,
.buffets-new-user-registration div#main div#content ul#nav-sub li#nav-sub-new-user-registration:hover 	{ background-color: #4E4A49; }
.buffets-new-user-complete div#main div#content ul#nav-sub li#nav-sub-new-user-registration,
.buffets-new-user-complete div#main div#content ul#nav-sub li#nav-sub-new-user-registration:hover 	{ background-color: #4E4A49; }
.buffets-terms-and-conditions div#main div#content ul#nav-sub li#nav-sub-terms,
.buffets-terms-and-conditions div#main div#content ul#nav-sub li#nav-sub-terms:hover 	{ background-color: #4E4A49; }

.buffets-place-your-order div#main div#content ul#nav-sub li#nav-sub-order-now,
.buffets-place-your-order div#main div#content ul#nav-sub li#nav-sub-order-now:hover 	{ background-color: #4E4A49; }
.shopping-basket div#main div#content ul#nav-sub li#nav-sub-order-now,
.shopping-basket div#main div#content ul#nav-sub li#nav-sub-order-now:hover 	{ background-color: #4E4A49; }
.buffets-login div#main div#content ul#nav-sub li#nav-sub-order-now,
.buffets-login div#main div#content ul#nav-sub li#nav-sub-order-now:hover 	{ background-color: #4E4A49; }

.buffets-forgotten-password div#main div#content ul#nav-sub li#nav-sub-order-now,
.buffets-forgotten-password div#main div#content ul#nav-sub li#nav-sub-order-now:hover 	{ background-color: #4E4A49; }
.buffets-password-sent div#main div#content ul#nav-sub li#nav-sub-order-now,
.buffets-password-sent div#main div#content ul#nav-sub li#nav-sub-order-now:hover 	{ background-color: #4E4A49; }
.buffets-new-password div#main div#content ul#nav-sub li#nav-sub-order-now,
.buffets-new-password div#main div#content ul#nav-sub li#nav-sub-order-now:hover 	{ background-color: #4E4A49; }
.buffets-update-password div#main div#content ul#nav-sub li#nav-sub-order-now,
.buffets-update-password div#main div#content ul#nav-sub li#nav-sub-order-now:hover 	{ background-color: #4E4A49; }


form#new-user-form, form#shopping-basket-checkout-details {
	width: 95%;
	margin: 0 0 10px 0;
}

form#new-user-form fieldset legend, form#shopping-basket-checkout-details fieldset legend {
	font-size: 90%;
	margin: 0 5px;
	padding: 0 5px 0 0;
}

form#new-user-form fieldset, form#shopping-basket-checkout-details fieldset {
	border-top: 1px solid #89C589;
}

.buffets-new-user-registration div#main div#content {
	background-color: #D5EAD5;
}



/***********************************************************************
	CAFE
************************************************************************/

.cafe div#main, .terms-and-conditions div#main, .sitemap div#main {
	background: transparent url(../i/layout/content-bg.gif) 184px 0px no-repeat;
}

.cafe div#main div#content {
	background-position: right 0;
	background: transparent url(../i/content-bg/gradient-strip.gif) right bottom no-repeat;
}

/*.cafe div#header {
	background: url(../i/header-bg/bg3.gif) 380px 10px no-repeat;
}*/

/***********************************************************************
	VAN SERVICE
************************************************************************/

.van-service-overview div#main div#content ul#nav-sub li#nav-sub-van-service a,
.van-service-overview div#main div#content ul#nav-sub li#nav-sub-van-service a:hover					{ background-color: #4E4A49; }
.van-service-menu div#main div#content ul#nav-sub li#nav-sub-van-menu a,
.van-service-menu div#main div#content ul#nav-sub li#nav-sub-van-menu a:hover 							{ background-color: #4E4A49; }
.van-service-add-us-to-your-round div#main div#content ul#nav-sub li#nav-sub-van-round a,
.van-service-add-us-to-your-round div#main div#content ul#nav-sub li#nav-sub-van-round a:hover 		{ background-color: #4E4A49; }
.van-service-details div#main div#content ul#nav-sub li#nav-sub-van-menu a,
.van-service-details div#main div#content ul#nav-sub li#nav-sub-van-menu a:hover 		 		{ background-color: #4E4A49; }
.van-service-menu div#main div#content ul#nav-sub li#nav-sub-van-menu a,
.van-service-menu div#main div#content ul#nav-sub li#nav-sub-van-menu a:hover 				{ background-color: #4E4A49; }
/*.van-service div#header {
	background: url(../i/header-bg/bg2.gif) 380px 10px no-repeat;
}
*/
/***********************************************************************
	COMPANY
************************************************************************/

.company-our-food div#main div#content ul#nav-sub li#nav-sub-company-food a,
.company-our-food div#main div#content ul#nav-sub li#nav-sub-company-food a:hover					{ background-color: #4E4A49; }
.company-our-ethos div#main div#content ul#nav-sub li#nav-sub-company-ethos a,
.company-our-ethos div#main div#content ul#nav-sub li#nav-sub-company-ethos a:hover 				{ background-color: #4E4A49; }
.company-the-environment div#main div#content ul#nav-sub li#nav-sub-company-environment a,
.company-the-environment div#main div#content ul#nav-sub li#nav-sub-company-environment a:hover { background-color: #4E4A49; }
.company-working-for-fresha div#main div#content ul#nav-sub li#nav-sub-company-working a,
.company-working-for-fresha div#main div#content ul#nav-sub li#nav-sub-company-working a:hover 	{ background-color: #4E4A49; }

/*.company div#header {
	background: url(../i/header-bg/bg1.gif) 380px 10px no-repeat;
}*/

/***********************************************************************
	CONTACT
************************************************************************/

.contact-complaint div#main div#content ul#nav-sub li#nav-sub-contact-complaint a,
.contact-complaint div#main div#content ul#nav-sub li#nav-sub-contact-complaint a:hover					{ background-color: #4E4A49; }
.contact-congratulations div#main div#content ul#nav-sub li#nav-sub-contact-congratulations a,
.contact-congratulations div#main div#content ul#nav-sub li#nav-sub-contact-congratulations a:hover 				{ background-color: #4E4A49; }
.contact-i-have-an-idea div#main div#content ul#nav-sub li#nav-sub-contact-idea a,
.contact-i-have-an-idea div#main div#content ul#nav-sub li#nav-sub-contact-idea a:hover { background-color: #4E4A49; }
.contact-careers div#main div#content ul#nav-sub li#nav-sub-contact-careers a,
.contact-careers div#main div#content ul#nav-sub li#nav-sub-contact-careers a:hover { background-color: #4E4A49; }


/*.contact div#header {
	background: url(../i/header-bg/bg3.gif) 380px 10px no-repeat;
}*/

.contact form fieldset div.multi label {
	width: 83%;
}

* html .contact form fieldset div.multi label {
	margin-top: 5px;
}

* html .contact form {
	width: 94%;
}

* html .buffets-login div#content form {
	width: 94%;
}

* html .buffets-forgotten-password form {
	width: 52%;
}

* html .buffets-password-sent form {
	width: 52%;
}

* html .buffets-new-password form {
	width: 52%;
}

* html .buffets-update-password form {
	width: 52%;
}

* html .buffets-login form {
	width: 52%;
}

.contact div#main div#content-sub img.side-photo-sub {
	margin-left: 14px;
}

/***********************************************************************
	SHOPPING BASKET
************************************************************************/

.shopping-basket div#main div#content-sub {
	margin-top: 0;
	padding-top: 0;
}

.shopping-basket div#main div#content {
	background-color: #D5EAD5;
}

table {
	width: 94%;
	border-collapse: collapse;
}

table .shopping-basket-list-price-inc,
table .shopping-basket-list-price-quantity {
	width: 20%;
}

table td.shopping-basket-list-quantity, table td.shopping-basket-list-price-inc,
table th.shopping-basket-list-quantity, table th.shopping-basket-list-price-inc {  
	padding: 4px;
	text-align: center;
}

table tfoot td.sub-total, table tfoot td.order-vat, table tfoot td.order-total {  
	padding: 2px;
	text-align:right;
}

table tfoot tr td {
	border-bottom: 0;
}

table thead th {
	padding: 4px;
	background: #C4E1C4;
	border-bottom: 1px solid #A4D0A4;
}

table tr td {
	border-bottom: 1px solid #C4E1C4;
}

table tbody tr.order-heading td {
	padding: 10px 0px 4px 0px;
	color: #1D911D;
	font-weight: bold;	
}

table tfoot tr td.sub-total, table tfoot tr td#checkout-sub-total {
	font-style: italic;
}

table tfoot tr td.order-vat, table tfoot tr td#checkout-vat {
	font-style: italic;	
	color: #444;
}

table tfoot tr td#checkout-total {
	color: #1D911D;
/*	border-top: 1px solid #000;
	border-bottom: 3px double #000;*/
	font-weight: bold;
	font-size: 125%;
	font-family: Arial, Helvetica, sans-serif	
}

/***********************************************************************
	ORDER RECIPIENT
************************************************************************/

div#main div#content form fieldset {
	/*clear: both;*/
}

div#main div#content form fieldset.order-recipient {
	width: 100%;
	clear: both;
}

div#main div#content form fieldset.order-recipient div {
	padding: 0;
	margin: 0;
	width: 45%;
}

div#main div#content form fieldset.order-recipient div div {
	width: 100%;
}

div#main div#content form fieldset.order-recipient div label {
	text-align: left;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 10px;
	clear: both;
}

div#main div#content form fieldset.order-recipient div input {
	clear: both;
}

div#main div#content form fieldset.order-recipient div.special-requirements {
	float: left;
	clear: none;
	margin-left: 10px;
	margin-top: -75px;
}

div#main div#content form fieldset.order-recipient div textarea {
	height: 90px;	
}

* html div#main div#content form fieldset.order-recipient div.special-requirements {
	margin-top: 0;
}

div#main div#content form fieldset.order-recipient input, div#main div#content form fieldset.order-recipient select {
	width: 100%;
	height: 14px;
	font-size: 85%;
}

div#main div#content form fieldset.order-recipient select {
	height: 16px;
	padding: 0;
	margin-top: 7px;
}

div#main div#content form fieldset.order-recipient textarea {
	width: 100%;
	font-size: 85%;
}

div#main div#content form fieldset.order-recipient p {
	line-height: 110%;
	font-style: italic;
}

.buffets-place-your-order div#main div#content {
	background-color: #D5EAD5;
}


form#order-form label, form#order-form input, form#order-form textarea {
	margin: 10px 0 0 0;
}

div#main div#content form#order-form fieldset.order-details {
	margin: 20px 0 0 0;
	clear: both;
}

div#main div#content form#order-form fieldset.order-details legend {
	clear: both;
}

form#order-form fieldset.order-details h2 {
	background-color: transparent;
	text-align: left;
	margin: 0;
	padding: 0;
}

/* product-item */

div#main div#content form#order-form fieldset.order-details div.product-item {
	width: 95%;
	border: 1px solid #C4E1C4;
	margin: 2px;
	padding: 4px;
	clear: both;
/*	height: 32px;*/
}

.safari div#main div#content form#order-form fieldset.order-details div.product-item {
	margin: 6px 0;
}

div#main div#content form#order-form fieldset.order-details div.product-item h3 {
	color: #2C952B;
	font-size: 95%;
	margin: 0;
	padding: 0;
	height: auto;
	float: left;
	clear: both;
}


div#main div#content form#order-form fieldset.order-details div.product-item h3 a.productHeader {
	color: #2C952B;
	font-size: 95%;
	margin: 0;
	padding: 0;
	height: auto;
	float: left;
	clear: both;
}


div#main div#content form#order-form fieldset.order-details div.product-item p.price {
	font-weight: bold;
	margin: 0;
	padding: 0;
	float: left;
	clear: both;
}

div#main div#content form#order-form fieldset.order-details div.product-item input {
	width: 22px;
/*	margin: -14px 0 0 0;*/
	padding: 2px;
	float: right;
	font-size: 85%;
}

* html div#main div#content form#order-form fieldset.order-details div.product-item input {
	margin: 0;
}

div#main div#content form#order-form fieldset.order-details div.delivery-time select {
	width: 52px;
	float: left;
	font-size: 85%;
	padding: 0px;
	margin: 4px 4px 4px 0;
}

div#main div#content form#order-form fieldset.order-details div.delivery-date, 
div#main div#content form#order-form fieldset.order-details div.delivery-time  {
	margin: 0px;
}

div#main div#content form#order-form fieldset.order-details div.delivery-time  {
	margin: 0 0 5px 0;
}

div#main div#content form#order-form fieldset.order-details div.delivery-date select {
	width: 172px;
	padding: 1px;
	margin: 0;
	font-size: 85%;
}

div#main div#content form#order-form fieldset.order-details div.delivery-date label,
div#main div#content form#order-form fieldset.order-details div.delivery-time label {
	font-weight: bold;
}


div#main div#content form#order-form fieldset.order-details div.delivery-time {
	clear: both;
	width: 100%;
}

div#main div#content form#order-form fieldset.order-details label {
	margin: 4px 0 0 0;
	height: auto;
	text-align: left;
	padding: 0;
}


div#main div#content form#order-form fieldset legend {
	margin: 0 0 4px;
	padding: 0 5px 0 0;
	font-size: 90%;
	
}

div#main div#content form#order-form fieldset.order-details {
	border: 0;
	border-top: 1px solid #89C589;
	margin-right: 20px;
}

div#main div#content form#order-form div.submit {
	margin: 0 0 10px 0;
}

div#main div#content form#order-form fieldset {
	margin: 10px 0;
}

a.fake-button {
	padding: 2px .7em;
	border: 1px solid #333;
	margin: 0px 5px 0 0;
	background: #777;
	color: #fff;
	width: 160px;
	font-weight: bold;
}

a:hover.fake-button {
	text-decoration: none;
}

* html a.fake-button {
	display: block;
}

div#main div#content form#order-form fieldset a:hover {
	text-decoration: none;
}

/* order details */

div#order-details-summary h2, div#customer-details-summary h2 {
	text-align: left;
	padding: 0;
	margin: 10px 0;
	clear: both;
}

div#order-details-summary dl dt, div#customer-details-summary dl dt {
	width: 45%;
	float: left;
/*	clear: left;*/
}

div#order-details-summary dl dd, div#customer-details-summary dl dd {
	width: 45%;
	float: left;
	clear: right;
}

/* =sitemap */

.sitemap div#content ul li {
	font-size: 85%;
	color: #444;
	list-style: square;
	padding-left: 12px;
}

.sitemap div#content ul li span {
	color: #aaa;
}

.sitemap div#content ul li ul li {
	font-size: 100%;
}

.sitemap div#content ul li a {
	color: #2C962B;
	text-decoration: underline;
}

.sitemap div#content ul li a:hover {
	/*color: #2C962B;*/
	color: #000;
}