/*  
Site Name: Gardeners Store
Version: 1.0
Author: Andy Pearson
Author URI: http://www.binamic.co.uk
Date: 03.07.07
*/

* {
	margin:0;
	padding:0;
}
body {
	font:62.5%/1.5 Verdana, Arial, Helvetica, sans-serif;
	background:#f5f5f5 url(../images/backie.gif) repeat-x top left;
}
h1 {
	font-size:1.1em;
}
	h1 a {
		display:block;
		border:none;
		padding:0;
		background:#fff url(../images/gardeners-store.gif) no-repeat bottom left;
		width:180px;
		height:155px;
		position:absolute;
		margin-top:-155px;
		text-indent:-99999px;
		overflow:hidden;
	}
h2 {
	color:#119202;
	border-bottom:2px solid #dadada;
	font-size:2.4em;
	margin-bottom:16px;
}
h3 {
	font-size:1.8em;
	color:#0c7500;
	border-bottom:1px solid #dadada;
	margin-bottom:16px;
}
	h3 a {
		border:none;
		color:#0c7500;
	}
h4 {
	color:#999999;
	font-size:1.1em;
	padding-bottom:5px;
}
p {
	font-size:1.2em;
	padding:0 0 12px 0;
}
a {
	text-decoration:none;
	padding-bottom:2px;
	border-bottom:1px solid #ccc;
	color:#119202;
}
a:hover {
	color:#AE1010;
}
input,
textarea {
	font:12px Verdana, Arial, Helvetica, sans-serif;
	padding:2px 3px;
}
hr {
	display:none;
}

/*
---- Containers
*/
.container {
	width:760px;
	padding:0 6px;
	margin:0 auto;
}

/*
---- Header
*/
#header {
	background-color:#fff;
}
	#header p {
		line-height:1;
		padding:34px 0 0 0;
		text-align:right;
		font-weight:bold;
		font-size:1.1em;
		height:84px;
		background:#fff url(../images/backie-header.gif) no-repeat top right;
	}
		#header p a {
			border-bottom:none;
		}

/* Navi */
#navi {
	border-top:1px solid #dadada;
	background:#f5f5f5 url(../images/backie-navi.gif) repeat-x bottom left;
}
	#navi ul {
		padding:8px 0 0 200px;
		list-style:none;
		font-size:1.4em;
	}
		#navi ul li {
			display:block;
			float:left;
			padding:0 3px 0 0;
		}
			#navi ul li a {
				padding:7px 12px;
				display:block;
				border:1px solid #000;
				border-bottom-width:4px;
				background-color:#fff;
				float:left;
				line-height:1;
				color:#000;
			}
			#navi ul li a:hover {
				color:#119202;
			}
			#navi ul li.current a {
				padding-bottom:11px;
				border-bottom-width:0px;
			}

/*
---- Content
*/
#content {
	padding:28px 0 0 0;
	background-color:#fff;
}

/*
---- Main Content
*/
#main-content {
	padding:0 10px 28px 0;
	width:550px;
	float:right;
}

/*
---- Store
*/
#sections-list {
	list-style:none;
}
	#sections-list li {
		background:#fff url(../images/backie-product-detail.gif) repeat-x top left;
		padding:14px 12px 16px;
	}
	#sections-list li.first {
		padding-top:0;
		background:none;
	}
		#sections-list li p {
			padding-left:95px;
			padding-bottom:0;
		}
		#sections-list li.no-image p {
			padding-left:0;
		}
	
#products-list {
	list-style:none;
}
	#products-list li {
		padding:0 30px 52px 0;
		float:left;
		width:260px;
	}
	#products-list li.alt {
		padding-right:0;
	}
		#products-list li h3,
		#sections-list li h3 {
			padding-bottom:5px;
			font-size:1.4em;
			border:none;
			margin:0;
		}
		#products-list li p {
			font-size:1.1em;
			padding-left:95px;
		}
		#products-list li.no-image p {
			padding-left:0;
		}
		#products-list li a.product-thumb,
		#sections-list li a.section-thumb,
		#product a.product-thumb,
		div.product-thumb {
			border:3px solid #dadada;
			padding:1px;
			float:left;
		}
		#products-list li a.product-thumb:hover,
		#sections-list li a.section-thumb:hover,
		#product a.product-thumb:hover {
			border-color:#bbb;
		}
			#products-list li a.product-thumb img,
			#sections-list li a.section-thumb img,
			#product a.product-thumb img {
				border:none;
				display:block;
			}
		#product a.additional-image {
			float:none;
			position:absolute;
			background-color:#fff;
			margin-top:126px;
			margin-left:-260px;
		}
			
div.product-details {
	background:#fff url(../images/backie-product-detail.gif) repeat-x 0 8px;
	padding:20px 0 0 0;
	clear:both;
}
	div.product-details p.product-price,
	#products-list li p.product-price {
		float:left;
		padding:0;
		color:#676767;
		font-size:1.1em;
	}
		div.product-details p.product-price strong {
			padding:6px 0 0 0;
			display:block;
			font-size:1.8em;
			line-height:1;
			color:#AE1010;
			font-weight:normal;
			letter-spacing:-0.05em;
		}

	div.add-to-basket {
		float:right;
	}
		div.product-details form label {
			display:block;
			font-size:1.1em;
			padding:0 0 4px 0;
			color:#676767;
		}
		div.product-details form input {
			float:left;
		}
		div.product-details form input.image-button {
			margin:-1px 0 0 5px;
		}
		div.product-details div.product-options label {
			font-weight:bold;
			padding-bottom:1px;
		}
		div.product-details div.product-options div {
			padding-bottom:8px;
		}
		div.product-details div.product-options div.checkboxes input {
			float:none;
		}
		div.product-details div.product-options div.checkboxes label {
			padding-right:20px;
			display:inline;
		}
		
.view-options { border:0; padding:0; }
.view-options img { border:0; }
		
/*
---- Single Product Page 
*/
#product {
	padding-bottom:52px;
}
	#product p.short-description {
		font-size:1.1em;
	}
	#product div.information {
		float:right;
		width:260px;
	}
	#product.no-image div.information {
		float:none;
	}
	#product div.description {
		font-size:1.2em;
		clear:both;
	}
	#product div.description p {
		font-size:1em;
	}
	#product h4 {
		padding-top:16px;
		clear:both;
	}
	#product ul {
		list-style:none;
		padding-bottom:12px;
		color:#999;
	}
		#product ul strong {
			color:#666;
		}

/*
---- Additonal Content
*/
#additional-content {
	width:180px;
	float:left;
	padding-bottom:8px;
}
	#additional-content div {
		border:3px solid #dadada;
		margin-bottom:20px;
	}
		#additional-content div h4 {
			padding:7px 7px 3px;
			font-size:1em;
			color:#119202;
		}
		#additional-content div ul {
			font-size:1.2em;
			list-style:none;
			float:left;
		}
			#additional-content div ul li {
				display:block;
				border-top:1px solid #f1f1f1;
				float:left;
			}
				#additional-content div ul li a,
				#additional-content div ul li span  {
					padding:4px 7px;
					border:none;
					display:block;
					color:#000;
					float:left;
					width:160px;
				}
				#additional-content div ul li a:hover {
					background-color:#f1f1f1;
				}
				
				#additional-content div ul li ul {
					font-size:0.9em;
				}
					#additional-content div ul li ul li {
						border:none;
					}
						#additional-content div ul li ul li a {
							padding:3px 7px 3px 27px;
							width:140px;
						}
			
/*
---- Buttons
*/
.image-button { padding:0; }
a.button { padding:0; border:0; }
a.button img { border:0; }

.float-left { float:left; }
.float-right { float:right; }

/*
---- Pagination
*/
#pagination {
	clear:both;
	padding:0 0 36px 0;
}
	#pagination p {
		font-size:1.1em;
		padding:0 0 2px 0;
		color:#676767;
	}
	#pagination ul {
		list-style:none;
		font-size:1.2em;
		line-height:1;
	}
		#pagination ul li {
			float:left;
			display:block;
			padding-right:3px;
		}
			#pagination ul li a,
			#pagination ul li em,
			#pagination ul li span {
				padding:4px 5px;
				float:left;
				display:block;
				border:1px solid #0C7500;
			}
			#pagination ul li a:hover {
				border-color:#AE1010;
			}
			#pagination ul li a:hover span {
				color:#AE1010;
			}
			#pagination ul li em,
			#pagination ul li span {
				font-style:normal;
				border-color:#dadada;
				color:#999;
				background-color:#fefefe;
			}
				#pagination ul li a span {
					border:none;
					padding:0;
					color:#119202;
					cursor:pointer;
				}
				
/*
---- Tables
*/
table {
	font-size:1.2em;
	width:100%;
	border-collapse:collapse;
	margin-bottom:36px;
}
	table td,
	table th {
		padding:5px 4px;
	}
	table th {
		font-size:0.9em;
		color:#676767;
		text-align:left;
		border-bottom:1px solid #dadada;
	}
	table td {
		border-bottom:1px solid #eaeaea;
	}
	table tr.no-border td {
		padding-bottom:0;
		border-bottom:none;
	}
		table td a,
		table th a {
			border:none;
			padding:0;
		}
		
table tr.section { background-color:#f7f7f7; }
table tr td.sub-section { padding-left:20px; }
		
col.price,
col.total { width:90px; }
col.symbols { width:14px; }
col.quantity { width:70px; }
col.total { background-color:#f7f7f7; }

.align-right { text-align:right; }
.align-centre { text-align:center; }

div.basket-product-options {
	font-size:0.9em;
	color:#676767;
}
		
/*
---- Forms
*/
form.base {
	padding:20px;
}
	form.base div {
		padding:9px 2px;
		border-bottom:1px solid #eaeaea;
	}
	form.base div.submit {
		border:none;
		border-top:5px solid #f7f7f7;
		text-align:right;
		padding-top:18px;
	}
	form.base div.error_message {
		font-size:1.1em;
		color:#C01414;
		font-weight:bold;
		border:0;
		padding:3px 0 0 136px;
	}
		form.base div label {
			width:130px;
			padding:3px 6px 0 0;
			display:block;
			font-size:1.1em;
			font-weight:bold;
			color:#676767;
			float:left;
		}
		form.base div p {
			padding:3px 0 0 136px;
			font-size:1.1em;
			color:#666;
		}
		form.base div img {
			padding:1px;
			border:3px solid #DADADA;
		}
		form.base div.submit input {
			font-size:1.4em;
			padding:6px 8px;
		}
		form.base div.submit input.image-button {
			padding:0;
		}
		
		form.base div.checkbox {
			padding-left:137px;
		}
			form.base div.checkbox label {
				padding:0;
				font-weight:normal;
				display:inline;
				width:auto;
				float:none;
			}
			form.base div.checkbox div.error_message {
				padding-left:0;
			}
		
form.base fieldset {
	border:none;
	padding-bottom:32px;
}
	form.base fieldset legend {
		background-color:#FFCCCC;
		display:block;
		float:none;
	}
form.base fieldset.last { padding-bottom:0; }
		
form.base div div.product-options {
	border:0;
	padding:0 0 0 136px;
}
	form.base div div.product-options p {
		padding:3px 0 4px 0;
	}
	
form.base div div.product-options table { margin:0 0 8px 0; font-size:1.1em; }
form.base div div.product-options table td { border-bottom:2px solid #fff; background-color:#eaeaea; }
	

#subsection_wrapper {
	border:none;
	padding:4px 0 0 0;
}
	#subsection_wrapper select {
		float:left;
	}

#dates {
	float:left;
	text-align:left;
	padding:4px 0 0 0;
}

/*
---- Orders
*/
#addresses { padding:10px 0 30px; }
#addresses h3 { font-size:1.2em; }
#billing, #delivery { width:260px; }
#billing { float:left; }
#delivery { float:right; }

#orders span.status {
	display:block;
	width:7px;
	height:7px;
	border:2px solid #dadada;
	background-color:#f8f8f8;
	margin-top:4px;
	text-indent:-99999px;
	overflow:hidden;
}
#orders tr td span.complete {
	border-color:#119202;
	background-color:#58b24d;
}

ul.order-details {
	font-size:1.2em;
	list-style:square;
	margin:0 0 36px 16px;
	color:#666;
}
	ul.order-details li {
		padding-bottom:6px;
	}
		ul.order-details li strong {
			color:#000;
		}

/*
---- Check Out
*/
#checkout {
	padding:20px 0 30px;
}
	#checkout div.choice {
		float:left;
		width:260px;
		padding-right:30px;
	}
	#checkout div.last { padding-right:0; }
		#checkout div.choice h3 { font-size:1.2em; }
		
	#checkout div div {
		padding:9px 2px;
		border-bottom:1px solid #eaeaea;
	}
	#checkout div label {
		padding:0 0 3px 0;
		display:block;
		font-size:1.1em;
		font-weight:bold;
		color:#676767;
	}
	#checkout div #UserEmail { width:245px; }
	
	#checkout div div.submit {
		border:none;
		border-top:5px solid #f7f7f7;
		text-align:right;
		padding-top:10px;
	}

/*
---- Credit Cards
*/
#accepted-credit-cards {
	margin:26px 0 0 0;
	padding:16px 0 24px 0;
	border-top:3px solid #DADADA;
}
	#accepted-credit-cards #protx {
		float:left;
		border-top:5px solid #fff;
	}
	#accepted-credit-cards p {
		font-size:1.1em;
		padding:0 0 4px 4px;
		color:#333;
	}
	#accepted-credit-cards div {
		float:right;
	}
		#accepted-credit-cards div ul {
			list-style:none;
			float:left;
		}
			#accepted-credit-cards div ul li {
				float:left;
				padding-left:4px;
			}
				#accepted-credit-cards div ul li img {
					float:left;
				}
/*
---- Misc
*/
p.error {
	line-height:1.2;
	padding:8px;
	font-weight:bold;
	font-size:1.1em;
	color:#fff;
	background-color:#A80202;
	margin-bottom:12px;
	border:1px solid #670000;
}	

/*
---- Footer
*/
#footer {
	padding:10px 0 60px 0;
	border-top:1px solid #dadada;
}
	#footer p {
		color:#999;
		font-size:1em;
		float:left;
	}
	#footer ul {
		padding-top:1px;
		float:right;
		list-style:none;
		line-height:1;
	}
		#footer ul li {
			padding:1px 8px;
			float:left;
			border-right:1px solid #999;
		}
		#footer ul li.last {
			border:none;
			padding-right:0;
		}
			#footer ul li a {
				border:none;
				padding:0;
				color:#999;
			}
			#footer ul li a:hover {
				color:#AE1010;
			}
			
/*
---- Misc
*/
#home-animation {
	float:right;
	margin-left:10px;
}
#home-animation embed {
	display:block;
}

#hot-products { padding-top:20px; }
#hot-products #products-list li { padding-bottom:24px; }
#hot-products #products-list li a.product-thumb { margin-right:10px; }

.print-only {
	display:none;
}

/*
---- Clear All and the Clearfix
*/
.clear-all {
	margin:0px;
	padding:0px;
	clear:both;
}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */