body {
	margin: 0px;
	font-family: Trebuchet MS;
	text-align: center;
	background-color: #FFF;
}
a {
	color: #005725;
	font-weight: bold;
	}
p {
	font-size: 0.8em;
	margin: 0px 0px 7px 0px;
	color: #333;
}
h1 {
	margin: 0px;
	padding: 0px;
	color: #b3bd36;
	font-size: 1.2em;
}
h2 {
	margin: 0px;
	padding: 0px;
	font-size: 1.2em;
	color: #b3bd36;
}

.floatLeft {float: left;}
.floatRight {float: right;}

.grey {
	background: #f5f5f5;
	padding: 3px;
	float: left;
	width: 99%;
	clear: both;
	color: #388a1e;
}
.wrapper {
	width: 805px;
	margin: 0 auto;
	text-align: left;
}
.header {
	width: 800px;
	float: left;
}
.footer {
	clear: both;
	margin: 20px 0px 20px 0px;
	width: 100%;
	text-align: center;
	}
.footer ul {	
	margin: 0px;
	padding:0px;
	list-style-type: none;
	}
.footer li {
	display: inline;
	font-size: 0.8em;
}
.footer li a {
	color: #999;
	padding: 0px 10px 0px 10px;
	}
.footer p {
	font-size: 0.8em;
	}
.hide {
	height: 0px;
	width: 0px;
	overflow: hidden;
	position: absolute; 
}
.welcome
{
    float: right;
	width: 800px;
	height: 25px;
	text-align: right;
}
.utility {
	float: right;
	width: 100%;
	clear: both;
	text-align: right;
	}
.utility a {
	color: #6a9b2c;
	font-weight: bold;
	font-size: 0.9em;
}
.utility label {
	float: none;
	font-weight: bold;
	width: 50px;
}
.utility .textinput {
	width: 120px;
	margin-top: 4px;
	}
	
.utility .AspNet-Login {
	width: 550px;
	float: right;
}
.logo {
	float: left;
	margin-top: 20px;
	}
.nav {
	width: 800px;
	background: #388a1e none;
	float: left;
	}
.nav ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	width: 800px;
}
.nav li {
	display: inline;
	float: left;
}
.nav li a {
	color: #FFF;
	padding: 3px 8px 3px 8px;
	background: #388a1e none;
	border-right: solid 1px #FFF;
	font-size: 0.8em;
	text-decoration: none;
	font-weight: bold;
	float: left;
}
.nav li a:hover, .nav li.selected a {
	color: #FFF;
	padding: 3px 8px 3px 8px;
	background: #6a9b2c none;
	border-right: solid 1px #FFF;
	font-size: 0.8em;
	text-decoration: none;
	font-weight: bold;
	float: left;
}

.nav .date 
{
    float: right;
	color: #FFF;
	padding: 3px 8px 3px 8px;
	border-right: solid 1px #FFF;
	font-size: 0.8em;
	text-decoration: none;
	font-weight: bold;
}


.content {
	background: #f4f4ea none;
	float: left;
	clear: both;
	position: relative;
	margin: 15px 0px 15px 0px;
	padding: 15px;
	width: 770px;
	border-top: solid 1px #d9d9a8;
	border-bottom: solid 1px #d9d9a8;
}

.iconcontainer {
	width: 798px;
	border: solid 1px #ccc;
	background: #FFF none;
	text-align: center;
	float: left;
	clear: both;
	}
.iconcontainer a {
	text-decoration: none;
	color: #6a9b2c;
	font-weight: bold;
	font-size: 0.9em;
	}
.icon {
	float: left;
	width: 128px;
	margin-left: 18px;
	}
	
/* POSTCODE SEARCH ----------------------------------------- */	
	
.searchcontainer {
	width: 798px;
	border: solid 1px #ccc;
	background: #D9DE9B none;
	text-align: center;
	float: left;
	clear: both;
	padding: 5px 0px 0px 0px;
}
.searchcontainer label {
	color: #388a1e;
	font-weight: bold;
	font-size: 1.2em;
	margin: 0px 0px 0px 0px;
}
.searchcontainer .textinput {
	padding: 4px;
	border: solid 1px #333;
	margin:  5px 5px -3px 5px;
	width: 200px;
}


/* BOXES PAGE ----------------------------------------- */

.boxList .product {
	border: solid 1px #ccc;
	background: #FFF none;
	width: 220px;
	height: 23em;
	margin: 0px 6px 6px 0px;
	float: left;
	padding: 20px;
}
.boxList .product ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
.boxList .product li {
	float: left;
	font-size: 0.8em;
	color: #333;
	width: 100%;
	font-weight: bold;
}
.boxList .product .price {
	color: #388a1e;
	font-weight: bold;
	font-size: 1.2em; 
	float: left;
	margin-top: 5px;
	}

	
.steps {
	float: left;
	clear: both;
	position: relative;
	width: 100%;
	margin: 10px 0px 10px 0px;
}
.steps ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	}
.steps li a {
    font-weight: normal;
    text-decoration: none;
}
.steps li.selected a{
    font-weight: bold;
    text-decoration: none;
}
.steps li {
	display: inline;
	list-style-type: decimal;
	margin-right: 10px;
	float: left;
}
.steps li.selected {
	font-weight: bold;
	}
.order {
	width: 100%;
	float: left;
	clear: both;
	position: relative;
}
.order ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
.order li {
	width: 100%;
	border-top: solid 1px #ccc;
	padding: 5px 0px 5px 0px;
	}
.order .price {
	float: right;
	}
.ProductList {
	clear: both;
}
.ProductList table thead {
	font-weight: bold;
}
.ProductList table thead td {
	border-bottom: solid 1px #ccc;
	}
.ProductList table tbody td {
	border-bottom: solid 1px #ccc;
	padding: 3px 0px 3px 0px;
	font-size: 0.8em;
	}
.ProductList table .quantity {
	width: 40px;
	}		
.ProductList table  {
	width: 800px;
	}
.ProductList thead th {
	background: #FFF none;
	color: #388a1e;
	font-weight: bold;
	padding: 2px;
	font-size: 0.8em;
}
.ProductList tbody td {
	background: #FFFFFF none;
}
.ProductList .row td{
	background: #FFF none;
	border-bottom: solid 1px #ccc;
	padding: 3px 0px 3px 0px;
	font-size: 0.8em;
	}
.ProductList .alternate td{
	background: #EBEBEB none;
	border-bottom: solid 1px #ccc;
	padding: 3px 0px 3px 0px;
	font-size: 0.8em;
	}
a.addToBasket{
	background: url();
	width: 152px;
	height: 28px;
	background-repeat: no-repeat;
}
a.addToBasket b{
	display: none;
}
table thead td {
	border-bottom: solid 1px #ccc;
	}	
.ProductList .subscriptiondetail{
    width: 380px;
    float: left;
}	
.ProductList .frequency{
    width: 100px;
    float: left;
}	
.ProductList .duedate{
    width: 120px;
    float: left;
}	
.ProductList .payment{
    width: 140px;
    float: left;
}	
.ProductList .icons{
    width: 60px;
    float: left;
    text-align: right;
}
.ProductList .products{
    clear: left;
    width: 600px;
    float: right;
    background-color: #fff;
	border: solid 1px #ccc;
}
.ProductList .productCol{
	width: 500px;
}	
	
.orders {
	margin-top: 20px;
	clear: both;
	float: right;
	}
.clear {clear: both;}
.productCa{
	background: #f4f4ea none;
	border-top: solid 1px #d9d9a8;
	border-bottom: solid 1px #d9d9a8;
}

/* NEWS ------------------------------------------ */

.white {
	width: 100%;
	float: left;
	clear: both;
	position: relative;
}
.white ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

.left {
	width: 200px;
	float: left;
}
.right {
	width: 599px;
	float: right;
	}
	
label {
	font-size: 0.8em;
	font-weight: bold;
	margin: 3px;
	width: 200px;
	float: left;
}

.errorMessage {
	font-size: 0.8em;
	font-weight: bold;
	margin: 3px;
    color: Red;
}
fieldset {
	border: solid 1px #333;
	margin-bottom: 15px;
	padding: 10px;
}
.textinput {
	width: 190px;
	border: solid 1px #333;
	margin: 3px;
	padding: 2px;
}

select {
	width: 195px;
	border: solid 1px #333;
	margin: 3px;
	padding: 2px;
}

textarea {
	margin: 3px;
	width: 220px;
	height: 150px;
	border: solid 1px #333;
	font-family:  Arial, sans-serif; 
	font-size: 0.8em;
}

#signup .sidebar{
    padding-right: 30px;
	font-size: 0.9em;
	font-weight: normal;
	margin: 3px;
	float: left;
}
#signup .sidebar .active{
	font-weight: bold;
}

#newslist .title{
	margin: 0px;
	padding: 0;
	color: #b3bd36;
	font-size: 1.2em;
}

#recipeList .articleItem, #recipeList .articleItem p{
    width: 266px;
    float: left;
}

.newsAndViwesList {}
.newsAndViwesList h2.title{font-size: 1.0em; width: 200px;}
.newsAndViwesList h2.title a{}
.newsAndViwesList div.date {padding-left:20px; width: 140px;}
.newsAndViwesList div.articlePager {padding-top: 10px;}
.articlePager a {
	font-weight: bold;
	text-decoration : none;
	color: #fff;
	padding: 4px 5px;
	background: #388a1e;
}

.banner {
	float: right;
}

.date, .title {
	float: left;
	}

.date {
	margin: 0px;
	padding: 0px;
	font-size: 1.2em;
	color: #666;
	margin: 0 0 0 5px;
}

.title {
	margin: 0;
	padding: 0;
	}
.summary {
	clear: left;
	margin: 0;
	padding: 0;
}
.summary p {
	margin: 0;
	padding: 0;
	}

.logo {
	float: left;
	}
.topdate {	
	font-size: 0.8em;
	color: #999;
	font-weight: bold;
	}
.extra {
	float: left;
	clear: both;
	width: 800px;
}


/* BASKET
----------------------------------------------------------------------------------- */

#basket {
	width: 800px;
	margin-top: 5px;
}
#basket thead tr th{
	border-bottom: solid 1px #ccc;
	padding : 4px 0;
	font-weight: bold;
	background: #ebebeb;
	}
#basket tbody td {
	padding : 6px 0;
	border-bottom: solid 1px #ebebeb;
	}
#basket thead title  {
	background: #388a1e;
	float:left;
	color: #fff;
	font-weight: bold;
	width: 170px;
	margin: 0 0 2px 0;
	padding: 5px;
	font-size: 1em;
}

.addressPanel {
	float: left;
}

.totals {
	font-size: 125%;
	font-weight: bold;
	float: right;
}
.quantity {
	border: solid 1px #666;
	width: 30px;
	padding: 2px;
	}
		
.categorylist {margin: 10px 0;}
.categorylist .category {float: left; margin: 0; padding: 0 10px 0 0; text-align: center;}
.categorylist .category a{
	float: left;
	margin: 0; 
	padding: 15px 15px; 
	height: 78px;
	width: 78px;
	text-decoration: none;
	font-size: 1.0em;
	background: url(../Images/buttonIcon.gif) no-repeat 0 0;
}
.categorylist .category a:hover{background: url(../Images/buttonIconHover.gif) no-repeat 0 0;}
.categorylist .category a h4{margin: 0; padding: 0;}

/* --------TABLES----- */

.listing table thead {
	font-weight: bold;
	}

.listing table thead td {
	border-bottom: solid 1px #ccc;
	}

.listing table tbody td {
	border-bottom: solid 1px #ccc;
	padding: 3px 0px 3px 0px;
	font-size: 0.8em;
	}

.listing table .quantity {
	width: 40px;
	}

	
.listing {
	width: 800px;
	}

.listing thead th {
	background: #FFF none;
	color: #388a1e;
	font-weight: bold;
	padding: 2px;
	font-size: 0.8em;
}

.listing tbody td {
	background: #FFFFFF none;
}

.listing .row td{
	background: #FFF none;
	border-bottom: solid 1px #ccc;
	padding: 3px 0px 3px 0px;
	font-size: 0.8em;
	}

.listing .alternate td{
	background: #EBEBEB none;
	border-bottom: solid 1px #ccc;
	padding: 3px 0px 3px 0px;
	font-size: 0.8em;
	}



table thead td {
	border-bottom: solid 1px #ccc;
	}

	

.listing .subscriptiondetail{
    width: 380px;
    float: left;
}	

.listing .frequency{
    width: 100px;
    float: left;
}	

.listing .duedate{
    width: 120px;
    float: left;
}	

.listing .payment{
	width: 140px;
    float: left;
}	

.listing .icons{
    width: 60px;
    float: left;
    text-align: right;
}

.listing .products{
    clear: left;
    width: 600px;
    float: right;
    background-color: #fff;
	border: solid 1px #ccc;
}
























.floatLeft; {float: left;}


/*------------------------BUTTON STYLES -----------------------------------*/

.articlePager {}


div.button,
a.button {
	float: left;
	margin: 0;
	padding: 0 0 0 3px;
	height: 20px;
	text-decoration: none!important;
	cursor: default;
	background: url(../Images/buttonLeft.gif) no-repeat 0 0;
	text-transform: capitalize;
}

a.basicButton,
em.basicButton{
	float: left;
	margin: 0;
	padding: 1px 11px 0 8px;
	height: 20px;
	color: #000!important;
	font-weight: normal;
	text-decoration: none!important;
	font-size: 13px!important;
	border: none;
	font-style: normal;
	cursor: default;
	background: url(../Images/buttonRight.gif) no-repeat right 0;
	text-transform: capitalize;
}

/*Modal Popup*/

.modalBackground {

	background-color:Gray;

	filter:alpha(opacity=70);

	opacity:0.7;

}



.modalPopup {

	background-color:#ffffdd;

	border-width:3px;

	border-style:solid;

	border-color:Gray;

	padding:3px;

	width:250px;

}