@import url("reset.css");
@import url("layout.css");
@import url("fonts.css");

/*
 * Color Scheme
 * 
 * Green - #C3EBAC
 * Light Green - #ECF6CE
 */


/*
 * Default Styles
 */
.clear {
	clear:both;
}

.strong {
	font-weight:bold;
}

.center {
	text-align:center;
}

.sml {
	font-size:0.9em;
}

a img {
	border:none;
	text-decoration:none;
}

#logos a {
	text-decoration:none;
}

/*
 * Header
 */
#header h1 {
	display:none;
}


/*
 * Left Bar
 */
#cat {
	width:202px;
	height:211px;
	background:url(../images/cat.jpg) no-repeat center;
	position:absolute;
	bottom:0px;
	left:-200px;
	z-index:1;
}

#menu {
	padding-left:4px;
}
	#menu ul li {
		background:url(../images/menu.png) no-repeat;
		padding:0 0 15px 0;
	}
	#menu ul li a {
		display:block;
		text-decoration:none;
		font-size:1.7em;
		padding:3px 0 0 15px;
		font-family:Helvetica;
		color:#fff;
	}
	#menu ul li a:hover {
		color:#000000;
	}
	#menu ul li a#active {
		color:#000000;
	}
	#menu ul li ul {
		list-style-image:url(../images/bullet.png);
		margin:20px 0 0 40px;
	}
		#menu ul li ul li {
			background:none;
			width:auto;
			height:auto;
			margin:8px;
			padding:0px;
		}
		#menu ul li ul li a {
			color:#000000;
			display:block;
			text-decoration:none;
			font-size:1em;
			padding:0px;
			margin:0px;
		}


/*
 * Right Bar
 */
#right_bar img {
	margin-bottom:40px;
}
		
/*
 * Home Page
 */
#left_home {
	float:left;
	width:156px;
	padding:150px 0 0 10px;
}
	#left_home img {
		margin-bottom:20px;
	}

#right_home {
	float:right;
	width:400px;
	padding:150px 20px 0 0px;
	font-size:0.8em;
}	
	#basket_preview {
		background:url(../images/basket.png) no-repeat;
		width:160px;
		height:105px;
		padding:35px 0 0 15px;
		margin:5px auto 30px auto;
		font-size:0.8em;
		text-align:left;
		position:relative;
	}
		#basket_preview p {
			margin:7px 0 0 0;
		}
		#basket_preview #basket_func {
			color:#ffffff;
			text-align:center;
			position:absolute;
			bottom:29px;
		}
			#basket_preview #basket_func a {
				font-size:12px;
				text-decoration:none;
				color:#fff;
			}


/*
 * Product Page
 */
#logos {
	padding:150px 20px 0 20px;
	text-align:center;
}
	#logos img {
		margin:10px;
	}

.product_holder .top {
	height:13px;
}

.product_holder .bottom {
	margin-bottom:20px;
	height:13px;
}

.product_holder .holder {
	background:url(../images/product_holder_back.gif) repeat-x #E9E9CF;
	border-left:solid 2px #C4C5A6;
	border-right:solid 2px #C4C5A6;
	width:578px;
	margin:0 0 0 3px;
	font-size:0.9em;
}
	.product_holder .holder .prod_image {
		margin:7px 0 0 12px;
		float:left;
	}
	.product_holder .holder .details {
		float:left;
		padding:10px 0 0 15px;
	}
	.product_holder .holder .details h1 {
		font-size:1.5em;
		width:340px;
	}
	.product_holder .holder .details h2 {
		font-size:1.3em;
		font-weight:100;
		width:340px;
	}
	.product_holder .holder .details h2 span {
		font-size:0.8em;
	}
	.product_holder .holder .details p {
		width:340px;
		margin:8px 0 8px 0;
	}
	.product_holder .holder .details .order_qty {
		color:#AA0000;
	}

p.out_of_stock {
	font-weight: bold;
}

.submit {
	background:url(../images/addbasket.jpg) no-repeat;
	width:142px;
	height:33px;
	border:none;
	cursor:pointer;
}

#biofresh {
	position:absolute;
	left:350px;
	top:-10px;
}

/*
 * Basket
 */
h1#basket_head {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:100;
	margin-bottom:25px;
	font-size:2.4em;
	border-bottom:solid 1px #333;
}

.cart {
	border:solid 2px #C4C5A6;
	
	margin-bottom:10px;
	background:#E9E9CF;
	width:auto;
}
	.cart td, th {
		padding: 8px;
		border:solid 1px #C4C5A6;
	}
	.cart th {
		font-weight: bold;
		text-align:center;
	}
	.cart .item_title {
		width:275px;
		text-align:left;
	}
	
.qty_box { 
	width: 20px; 
	border: 1px solid #333; 
	padding: 2px;
	background: #FFFFFF; 
	font-weight: normal; 
}

#basket_detail {
	width:auto;
	margin-top:15px;
	background:#cecece;
	width:190px;
	padding:10px;
	padding-bottom:20px;
}
	#basket_detail .row {
	    clear: both;
	    padding-top: 5px;
	    width: 180px;
	    text-align: right;
	}
	#basket_detail .row span {
		float: left;
		width: 100px;
		font-weight: normal;
		text-align: left;
	}

p.note {
	font-size: 0.8em;
}

p.out_of_stock {
	font-weight: bold;
}

/*
 * Diary
 */
#diary {
	background:url(../images/paper.jpg) repeat-y;
	padding:4px 0 62px 80px;
	font-size:10px;
	margin-top:10px;
	position:relative;
}
	#diary h1#diary_title {
		font-size:6em;
		line-height:27px;
		position:absolute;
	}
	#diary_text {
		position:relative;
		top:60px;
	}
	#diary p {
		line-height:27px;
		margin:0 0 3px 0;
		font-size:11px;
	}
	#diary a {
		color:#2E74BA;
	}
	#diary p span.date {
		font-style:italic;
	}
	#diary p.month {
		font-size:2.3em;
		font-family:Georgia;
		text-decoration:underline;
		margin-top:33px;
	}
	a.top {
		font-size:0.4em;
		font-family:Arial;
		text-decoration:none;
	}
	#skip {
		text-decoration:none;
	}
	

/*
 * Tips
 */
#tips_menu ul {
	list-style:disc;
	color:#000;
	border-bottom:solid 1px #333;
	padding-bottom:10px;
}
	#tips_menu ul li {
		display:inline;
		margin-right:15px;
	}
	#tips_menu ul li a {
		text-decoration:none;
	}

.tagline {
	font-style:italic;
}

.item {
	font-size:0.8em;
	margin-top:20px;
	border:solid 1px #3FD6FF;
	padding:10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
	.item img {
		float:left;
		margin:20px 8px 0 0;
		border:solid 1px #919191;
	}
	.item h2 {
		font-size:1.8em;
		font-family:Arial;
		margin-bottom:0px;
	}
	.item h2 a {
		text-decoration:none;
	}
	.item ul {
		margin-left:20px;
		list-style:disc;
		font-size:1.2em;
	}
	.item ul li {
		margin:10px 0 10px 0;
	}

	
/*
 * Checkout
 */
div.row, div.row2 {
	clear: both;
	padding-top: 10px;
	width: 390px;
	text-align: right;
}
div.row span, div.row2 span, div.row label {
	float: left;
	width: 120px;
	font-weight: bold;
	text-align: left;
	line-height:20px;
}

div.row2 {
	width: 300px;
}

.longer {
	width:300px;
}

.last {
	border-bottom:solid 1px #000;
	margin-bottom:10px;
	padding-bottom:10px;
}

/*
 * Form Styles
 */
.field, .fieldarea {
	width:250px;
	border:solid 1px #C4C5A6;
	padding:2px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.fieldarea {
	height:150px;
}
.field:focus, .fieldarea:focus {
	background:#E9E9CF;
	border:solid 1px #333;
}

/*
 * Contact
 */
#contact_holder {
	width:400px;
	margin:0 auto;
}
.contact_details {
	width:400px;
	text-align:center;
}
.contact_details p {
	margin:10px 0 10px 0;
}
#contact .row {
	width:330px;
}
#contact .row label {
	width:60px;
}


/*
 * Links
 */
#links {
	background:#E9E9CF;
	padding:0 10px 10px 10px;
	width:400px;
	margin:0 auto;
	border:solid 1px #333;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#links .row {
	border-bottom:solid 1px #333;
	padding:7px 5px 10px 5px;
}

#links .row:hover {
	background:#FBFBEF;
}

#links .row label {
	width:200px;
}

/*
 * Sub
 */
#sub p {
	line-height:10px;
	margin:5px 0 5px 0;
	font-size:10px;
}

#sub p#zone1 {
	text-align:right;
}

#sub span {
	margin-left:15px;
}

#checkout_message {
	margin: 0 0 20px 30px;
}

#checkout_message li {
	list-style-type: disc;
	margin: 0 0 3px 0;
}