/*  
Site Name: Ducks Hill Garden Centre
Version: 1.0
Author: Andy Pearson
Author URI: http://www.binamic.co.uk
Date: 16.04.07
*/

* {
	margin:0;
	padding:0;
}
body {
	font:62.5%/1.5 Verdana, Arial, Helvetica, sans-serif;
	background:#f1f3d4 url(../images/backie.gif) repeat-x top left;
}

h1 {
	float:right;
	padding:10px 9px 10px 0;
	background:transparent url(../images/ducks-hill.gif) no-repeat top right;
}
	h1 a {
		width:276px;
		height:80px;
		display:block;
		text-indent:-99999px;
		overflow:hidden;
	}
h2 {
	margin:0 10px 12px 20px;
	padding:16px 0 0 0;
	color:#3c5525;
	font-size:3em;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	font-style:italic;
	border-bottom:1px solid #ebebeb;
}
h3 {
	padding:8px 10px 2px 20px;
	font-size:1.4em;
	color:#546c34;
	font-family:Georgia, "Times New Roman", Times, serif;
}
	h3 a {
		text-decoration:none;
		color:#546C34;
	}

p {
	padding:0 20px 1em;
	font-size:1.2em;
	line-height:1.7;
}

a { color:#1D6C9C; }
a:hover,
a.calltoaction:hover { color:#3693CC; }

ul,
ol {
	font-size:1.2em;
	padding:0 40px 1em 50px;
}

hr { display:none; }

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

/*
---- Header
*/
#header {
	background:transparent url(../images/backie-header.gif) repeat-x bottom left;
}
#header-wrapper {
	background:#f4f6de url(../images/flower.gif) no-repeat top left;
}

/*
---- View Site (admin)
*/
#view-site-link {
	float:left;
	padding:10px;
	background:#f4f6de url(../images/flower.gif) no-repeat top right;
	font:1.2em Georgia, "Times New Roman", Times, serif;
	width:160px;
	height:80px;
}
	#view-site-link a {
		color:#f4f6da;
		text-decoration:none;
	}
	#view-site-link a:hover {
		color:#fff;
	}	
	
/*
---- Navi
*/
#navi {
	clear:both;
	background:transparent url(../images/backie-navi.gif) no-repeat top left;
}
	#navi ul {
		padding:10px 0 0 200px;
		list-style:none;
		background:transparent url(../images/backie-navi-border.gif) no-repeat bottom left;
		font-size:1.4em;
		line-height:1;
	}
		#navi li {
			padding:0 3px 0 0;
			display:block;
			float:left;
		}
			#navi li a {
				display:block;
				font-family:Georgia, "Times New Roman", Times, serif;
				background:#fff url(../images/tab-right.gif) no-repeat top right;
				border-bottom:2px solid #798e4b;
				color:#2a3b1A;
				text-decoration:none;
				white-space:nowrap;
			}
				#navi li a span {
					padding:8px 13px;
					display:block;
					background:transparent url(../images/tab-left.gif) no-repeat top left;
				}
			#navi li a:hover,
			#navi li.current a {
				background-position:right -120px;
			}
			#navi li a:hover span,
			#navi li.current a span {
				background-position:0 -120px;
			}
			#navi li.current a {
				border-bottom:none;
			}
			#navi li.current a span {
				padding-bottom:10px;
			}
			
/*
---- Content 
*/
#content {
	background:#bbc880 url(../images/backie-content.gif) repeat-y top center;
	border-bottom:2px solid #798e4b;
}
	#content .container {
		background:#fff url(../images/backie-content-sidebar.gif) repeat-y top left;
	}

#main-content {
	float:right;
	width:580px;
	padding-bottom:30px;
}

#sub-content {
	float:left;
	width:180px;
	font:1.2em/1 Georgia, "Times New Roman", Times, serif;
}
	#sub-content h2 {
		margin:0;
		padding:40px 10px 10px;
		color:#9eb062;
		font-size:0.9em;
		text-transform:uppercase;
		letter-spacing:0.05em;
		font-weight:normal;
		border-bottom:none;
		font-style:normal;
	}
	#sub-content ul {
		border-top:1px solid #e7e8ba;
		list-style:none;
		padding:0 0 32px 0;
		font-size:1em;
	}
		#sub-content ul a,
		#sub-content ul span {
			padding:10px;
			display:block;
			border-bottom:1px solid #e7e8ba;
			color:#2a3b1a;
			text-decoration:none;
		}
		#sub-content ul a img {
			display:block;
			border:1px solid #d7dba7;
			margin-bottom:3px;
		}
		#sub-content ul a:hover {
			background-color:#e7e8ba;
		}
			#sub-content ul li ul {
				border-top: none;
				border-bottom:1px solid #e7e8ba;
				padding-bottom:10px;
				background-color: #EDF0D5;
			}
				#sub-content ul li ul a {
					padding: 5px 0 5px 20px;
					border-bottom: none;
				}
				
#sub-content #basket-summary {
	padding-bottom:0;
}

/*
---- Home Page
*/
#home-page {
	margin:0 10px 20px 20px;
	padding-bottom:4px;
	border-bottom:1px solid #ebebeb;
}	
	#home-page h3 {
		padding-bottom:10px;
	}
	#home-page p,
	#home-page h3 {
		padding-left:0;
		padding-right:0;
	}

#home-page #article-image { padding-right:0; }
	

/*
---- Articles
*/
h2.previously {
	font-size:1.8em;
}
ul.previous-articles {
	padding:0 10px 10px 20px;
	list-style:none;
	font-size:1.2em;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#666;
}
	ul.previous-articles a {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-weight:bold;
	}
	
p.post-meta {
	color:#666;
}

/*
---- Columns
*/
ul.columns {
	margin-top:10px;
	list-style:none;
	padding:0;
	font-size:1em;
}
	ul.columns li {
		padding:10px 0 10px 20px;
		float:left;
		display:block;
		border-bottom:10px solid #fff;
	}
		ul.columns li p {
			padding:0;
			font-size:1.1em;
			line-height:1.5;
		}
		ul.columns li h3 {
			padding:0;
			font-size:1.3em;
		}

ul.three {
	background:#fff url(../images/backie-three-col.gif) repeat-y top left;
}
	ul.three li {
		padding-bottom:0;
		width:170px;
		border-bottom:none;
	}
	ul.three li.bottom {
		border-top:30px solid #fff;
	}
		ul.three li h3 {
			font-size:1.2em;
			padding-bottom:10px;
		}
		ul.three li p {
			padding-bottom:10px;
		}
		ul.three li a.calltoaction {
			font-size:1.1em;
		}
	
ul.two {
	background:#fff url(../images/backie-two-col.gif) repeat-y top left;
}
	ul.two li {
		width:265px;
		padding:10px 0 10px 20px;
		border-bottom:20px solid #fff;
	}
		ul.two li h3 {
			padding:0 0 8px 0;
		}
		ul.two li img {
			float: left;
			padding: 0;
			border: 2px solid #F1F3D4;
			margin: 0 10px 5px 0;
		}
		ul.two li p {
			float: left;
			padding: 0;
			width: 160px;
		}
		ul.two li p.product-image {
			float:left;
			width:auto;
		}
			ul.two li p.product-image a {
				border: 2px solid #F1F3D4;
				float: left;
				margin: 0 10px 5px 0;
				padding: 0;
			}
			ul.two li p.product-image a:hover {
				border: 2px solid #E7E8BA;
			}
				ul.two li p.product-image img {
					border: 0;
					float: none;
					margin: 0;
					display:block;
				}
		ul.two li div {
			clear: both;
			padding: 5px 0 0 0;
			margin: 0;
			border-bottom: none;
		}
			ul.two li div p {
				float: none;
				margin: 0;
				padding: 0;
				line-height: 1.2em;
				width: auto;
			}
			ul.two li div p.normalprice {
				color: #666666;
			}
			ul.two li div p.price {
				color: #990000;
				font-family: Georgia, "Times New Roman", Times, serif;
				font-size: 1.8em;
			}
			ul.two li div p.buy {
				display: block;
				float: right;
				width: 120px;
				text-align: right;
			}
			ul.two li div img {
				float: right;
				padding: 0;
				border: none;
				margin: 0;
			}
			ul.two li div input.buybutton {
				float: right;
				margin: 0;
				padding: 0 0 0 5px;
			}
			
ul.section-index,
ul.large-products {
	padding:0;
	font-size:1em;
	padding:0 10px 0 20px;
	list-style:none;
}
	ul.section-index li,
	ul.large-products li {
		padding:6px 0 14px 0;
		border-bottom:1px solid #ebebeb;
	}
		ul.section-index li h3,
		ul.large-products li h3 {
			padding-left:0;
		}
		ul.section-index li p,
		ul.large-products li p {
			font-size:1.2em;
			padding-left:90px;
		}
		ul.section-index li img,
		ul.large-products li img {
			float:left;
			border: 2px solid #F1F3D4;
		}
		
ul.large-products li p {
	padding-left:0;
}
ul.large-products li p.product-image {
	float:right;
	padding:12px 0 0 16px;
}
	ul.large-products li ul {
		padding:0 0 1em 30px;
		list-style-type:disc;
		font-size:1.2em;
	}
		ul.large-products li ul li {
			border:none;
			padding:0;
		}
		
div.article-image {
	border-top:9px solid #fff;
	border-bottom:10px solid #fff;
	background:#e9ecbf url(../images/backie-article-image.gif) repeat-x top left;
	height:71px;
	text-align:center;
}
	
/*
---- Tables
*/
table.base {
	margin:0 10px 10px 20px;
	border-collapse:collapse;
	font-size:1.2em;
	width:550px;
}
	table.base th {
		padding:4px 0;
		text-align:left;
		border-bottom:3px solid #EBEBEB;
		color:#3c5525;
	}
	table.base td {
		padding:4px 0;
		border-bottom:1px solid #EBEBEB;
	}

col.page-name { width:190px; }
col.updated-at { width:230px; }
	
/*
---- Forms
*/
form.base {
	padding:0 20px 10px 30px;
	font-size:1.2em;
}

	form.base div {
		padding:8px 6px 18px;
		border-bottom:1px solid #EBEBEB;
	}
	form.base div.error_message {
		clear:both;
		padding:4px 0 0 136px;
		font-weight:bold;
		color:#CD0000;
	}
	form.base div.submit {
		padding-left:142px;
		border-bottom:none;
	}
		form.base div.submit input {
			font-size:16px;
		}
		
	form.base div.radio {
		border-bottom:none;
		padding:3px 0 4px 0;
	}
		form.base div.radio label {
			display:inline;
			float:none;
			padding-right:30px;
		}
	
	form.base label {
		padding:3px 6px 0 0;
		display:block;
		float:left;
		width:130px;
		text-align:right;
	}
	form.base input,
	form.base textarea {
		padding:3px 5px;
		font:12px Verdana, Arial, Helvetica, sans-serif;
	}
	
	form.base fieldset.contactqna {
		border: 0;
		margin: 0;
		padding: 4px 0 8px;
		background-color: #F7F9E8;
		border-bottom:1px solid #EBEBEB;
	}
	form.base fieldset.contactqna div {
		padding:6px 6px;
		border-bottom: none;
	}
	form.base fieldset.contactqna label {
		width:280px;
	}
	form.base fieldset.contactqna h3 {
		font-size: 1.2em;
	}
	form.base div p {
		padding:4px 20px 0 136px;
		font:1em/1.4 Georgia, "Times New Roman", Times, serif;
		color:#666666;
	}
	form.base div img {
		border:2px solid #f1f3d4;
	}
	form.base optgroup option {
		padding-left:20px;	
	}

#subsection_wrapper { padding:8px 0 0 0; border-bottom:none; }
#subsection_wrapper select { float:left; }

/*
---- Messages
*/
p.success,
p.error {
	margin:0 10px 10px 20px;
	padding:8px 6px;
	border-bottom:4px solid #bce928;
	border-top:4px solid #bce928;
	font-weight:bold;
}
p.error {
	border-color:#f00;
}

form.base div.error_message {
	border-bottom:none;
}

/*
---- Misc Styles
*/
a.calltoaction {
	text-decoration:none;
	font:1.2em Georgia, "Times New Roman", Times, serif;
	color:#9a0000;
	font-weight:bold;
}
#article-image {
	float:right;
	padding:0 10px 0 16px;
}
	#article-image img {
		display:block;
		border:2px solid #f1f3d4;
	}
ul.extra a {
	line-height:1.4;
}

/*
---- Footer
*/
#footer p {
	padding:20px 10px 50px 10px;
	font:1.1em/1.5 Georgia, "Times New Roman", Times, serif;
	color:#798E4B;
}

#sub-content #buy-online { border:none; padding-bottom:40px; }
#sub-content #buy-online img { border:none; display:block; margin:0; }
#sub-content #buy-online a { padding:0; border:none; background-color:transparent; }
#sub-content #buy-online a:hover { background-color:transparent; }
#sub-content #gardeners-store img { padding:0 10px; }
#sub-content #choicegardening img { padding:3px 10px 0; }

/*
---- Admin
*/
#slideshow-table {
	width:326px;
	float:left;
	padding:0 0 0 20px;
}
#slideshow-table table {
	width:326px;
	margin:0;
}
#slideshow-preview {
	width:194px;
	float:right;
}

#slideshow-preview {
	padding-right:10px;
}
#slideshow-preview h3 {
	padding-left:0;
}
#slideshow-preview #article-image {
	padding:0;
}

#slideshow-preview form,
#slideshow-preview form.base div {
	padding:0 0 6px;
	border:none;
}
#slideshow-preview form.base .checkbox label {
	float:none;
	display:inline;
}
#slideshow-preview p {
	padding-left:0;
}
#slideshow-preview form img { display:block; }

/*
---- 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 */