@charset "UTF-8";
/* CSS Document */ 
body {
	font-family:"Lucida Grande", "Trebuchet MS";
	color:#303030;
	background-color:#ffffff;
	margin: 0;
	padding:0 0 0 8px;
	height:100%;
}
	
h1 {font-family: "Lucida Grande", "Trebuchet MS"; font-size:1.6em; color:#555; margin:0.4em 0;}
h2 {font-family: "Lucida Grande", "Trebuchet MS"; font-size:1.4em; color:#555; margin:0.4em 0;}
h3 {font-family: "Lucida Grande", "Trebuchet MS"; font-size:1.2em; color:#555; margin:0.4em 0;}
h4 {font-family: "Lucida Grande", "Trebuchet MS"; font-size:1.0em; font-weight:bold; margin:0.8em 0.4em;}
p {	line-height:1.5em; font-size:12px; margin:0.4em 0;}
li {	line-height:1.5em; font-size:12px; margin:0.4em 0;}
small {font-family:"Lucida Grande", "Trebuchet MS";font-size: 0.9em;}
.expire{font-size:11px;font-weight:normal;text-align:center;color:#999;}
a{color:#0000CC; text-decoration:underline;}
a:visited{color:#791A8B;}
img a {margin-top:-5px;text-decoration: none;border: none;}
img{text-decoration: none;border: none;}
.code {
	font-family: "Lucida Grande", "Trebuchet MS";font-size:20px;color:#69816B; font-weight:bold;
}

#container {margin : 0 auto; width:990px; height:100%; text-align: left; padding:0px}

#header {
	clear:both;
	width:990px;
	height:70px;
	padding: 0;
	margin: 20px auto 3px auto;
	border-bottom: 20px solid #DDDDDD;
}
#header h1 {margin: 0;padding: 0;}
#header img {border:none;}
#searchbox {float:right;margin:10px 0 0 0;text-align:right;
	}

#sidebar1 {
	float : left;
	height : 100%;
	width: 140px;
	display : inline;
	margin:0 0 15px 0;
	padding:0;
	background-color: #DDDDDD;
}

#sidebar1 p {
	font-size: 12px;
	margin:0;
	padding:0;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	line-height:2.7em;
	}

#sidebar1 a {
	display: block;
	color: #666666;
	text-decoration:none;
	padding:0;
	}
	
#sidebar1 span{font-weight:bold;margin-left:5px;}
	
#sidebar1 a:hover {
	color: #222222;
	font-weight:bold;
}

body#children a#children,
body#composting a#composting,
body#fencing a#fencing,
body#firewood a#firewood,
body#furniture a#furniture,
body#machinery a#machinery,
body#greenhouses a#greenhouses,
body#handtools a#handtools,
body#hedgecutting a#hedgecutting,
body#lawns a#lawns,
body#outbuildings a#outbuildings,
body#pests a#pests,
body#pets a#pets,
body#ponds a#ponds,
body#planting a#planting,
body#sheds a#sheds,
body#pruning a#pruning,
body#features a#features,
body#watering a#watering,
body#wildlife a#wildlife,
body#cages a#cages,
body#beds a#beds,
body#shops a#shops,
body#howto a#howto,
body#codes a#codes,
body#index a#index
 {
	color: #222222;
	font-weight:bold;
	}

#mainContent {
	float : left;
	height : 100%;
	display : inline;
	margin:-28px 0 0 10px;
	width:500px;
	} 
#mainContent img{
	text-decoration: none;
	border: 3px solid #EDF2F8;
	padding:5px;

} 
#mainContent h1 {padding:10px 0;}	
#mainContent h2 {padding:10px 0;}	
#mainContent h3 {padding:10px 0;}	
#mainContent p {padding:5px 0;}	
#mainContent li {margin:20px;}
	
#mainContent .prodlink {
	display:inline-block;
	width:500px;
	min-height:150px;
	margin:0px 0 10px 0;
	padding:0 0 10px 0;
	background-image: url(/images/siteimg/prodlink_bg.png);
	background-repeat: no-repeat;
	border:5px solid #DDDDDD;
}
#mainContent .prodlinktxt {
float:left;
min-height:140px;
padding:2px 10px;
margin:0;
}
#mainContent .prodlinktxt h3{
height:35px;
color:#FFFFFF;
padding:2px 0 0 2px;
}
#mainContent .prodlinktxt p{
padding:0;
}
#mainContent .prodlink img{
float:right;
display:inline;
max-width:200px;
max-height:180px;
padding:5px;
margin:35px 0 0 0;
border:none;
}
#mainContent .related {margin:0px 0 10px 0; background:none; border:none; padding:0;}


#main {
	float : left;
	height : 100%;
	display : inline;
	margin:-24px 0 0 10px;
	width:830px;
	} 

#main h1 {
	margin-top: 0px;
	padding:10px;
}
#main .prodlink {
	width:240px;
	border:5px solid #DDDDDD;
	float:left;
	padding-bottom:10px;
	margin:8px 0 10px 20px;
	margin:8px 5px 20px 10px;
	padding-bottom:5px;
	min-height:225px;
}
#main .prodlink img {
	text-align:center;
	border: 3px solid #DDDDDD;
	margin-left:auto;
	margin-right:auto;
	margin-top:5px;
	margin-bottom:5px;
	padding:2px;
	height:100px;
}

#main .longlink {
	display:inline-block;
	width:750px;
	border:5px solid #DDDDDD;
	float:left;
	padding-bottom:10px;
	margin:8px 0 10px 20px;
	margin:8px 5px 20px 10px;
	padding-bottom:5px;
	background-image: url(/images/siteimg/longlink_bg.png);
	background-repeat: no-repeat;
	border:5px solid #DDDDDD;
}
#main .longlinktxt {
float:left;
padding:2px 10px;
margin:0;
}
#main .longlinktxt h3{
height:35px;
color:#FFFFFF;
padding:2px 0 0 2px;
}
#main .longlinktxt p{
padding:0;
}

#main .clickbox {
	width:260px;
	border:3px solid #CCCCCC;
	float:left;
	margin:8px 0 30px 10px;
	padding-bottom:5px;
	min-height:445px;
	}
#main .clickbox p {
	padding: 5px; background:none; text-align:center;}
#main .clickbox h3 {
	background:none;
	text-align:center;
	font-size:125%;
	color: #FF0000;
}
#main .dcbox{margin:0 auto;padding-bottom:5px;border-bottom:1px dotted #ccc; min-height:150px;}
#main .dcbox p{background:none;text-align:left; margin-left:150px;}
#main .dcbox h3{background:none;text-align:left; margin-left:150px;}
#main .dclogo {margin-right:10px; width:175px; height:160px; float:left;}
#main .dclogo p{font-size:11px;font-weight:normal;text-align:center;color:#999; margin:10px 0 5px 0; padding:0;}

#main .reveal {text-align:center;} 
#main .reveal a {text-align:center;}
#main .reveal img {border:none; padding:0px;}
#main .offerbox {
	width : 555px;
	margin: 10px auto 10px auto;
	padding-bottom:5px;
	border-bottom: 1px dotted #CCCCCC;
	}
#main .offerbox p {
	padding: 5px; background:none; text-align:center;}
#main .offerbox h3 {
	padding: 5px; background:none; text-align:center; font-size:125%;}
#main .offer {text-align:center;} 
#main .offer a {text-decoration: none; text-align:center;}
#main .offer img {border:none; padding:0px; margin-bottom:10px; margin-top:-10px;}
#main .siteimg {text-align:center;margin:20px 5px 10px 5px; padding:10px 5px; }
#main .code {
	font-family: "Lucida Grande", "Trebuchet MS";font-size:20px;color:#69816B; font-weight:bold;
}
.shopbox {
width:170px;
height:150px;
float:left;
border:3px solid #CCCCCC;
margin:10px;
padding:5px;}

#sidebar {
	float : left;
	height : 100%;
	display : inline;
	width: 305px;
	margin: 5px 0 10px 15px;
	padding:0 5px;
	border:5px solid #DDDDDD;
}
#sidebar .logo{
	margin: 5px;
	padding:5px;
	border:3px solid #DDDDDD;
	float:left;
}
#sidebar h4 {font-size:0.9em; color:#222; padding:0 5px; margin:0;}
.topbox {
	float: right;
	background: transparent; 
	width: 270px;
}
.topbox h2 {font-size:1.2em; color:#222; padding:5px; margin:0;}
.topbox h4 {font-size:1.2em; color:#222; padding:5px; margin:10px 0 0 0;}
.topbox img {padding:0; margin:0;}

.visitbox {
	float: right;
	background: transparent; 
	width: 300px;
	margin:30px 0;
	padding:0;
}
.visitbox h2 {font-size:1.2em;margin:0;}

#sidebar p {
	padding:0 5px;
}

#sidebar .clickbox {
	width : 300px;
	margin: 10px auto 5px auto;
	padding-bottom:5px;
	border-bottom: 1px dotted #CCCCCC;
	text-align:center;}
#sidebar .clickbox p {
	background:none; text-align:center;}
#sidebar .clickbox h3 {
	padding-top: 15px;
	background:none;
	text-align:center;
	color: #FF0000;
}
#sidebar .reveal {text-align:center;} 
#sidebar .reveal img {text-align:center;border:none; padding:5px; margin-bottom:10px;}

#longbox {
	border-top: 5px solid #DDDDDD;
	clear:both;
	margin:5px 0;
} 

#footer {
	clear:both;
	height:60px;
	border-top: 10px solid #DDDDDD;
	margin:5px 0;
} 
#footer p {
	margin:0;
	padding: 5px;
	font-size: 80%;
	text-align:center;
}

.clearfloat { clear:both;}
.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */

.red{
	color:#FF0000;
	font-weight:bold;
}

.b {
	font-weight:bold;
	}
	
.smallprint {
	font-size:10px;
	}
.bull {
	color:#666666;}

#discount {
	background-image: url(/images/cboxes.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	width:240px;
	border:1px solid #CCCCCC;
	float:left;
	padding:15px auto;
	margin:8px 5px 10px 4px;
	min-height:320px;
}
#discount h2 {
	text-align:center;
	height:40px;
	padding:4px;
}

#reveal {text-align:center; margin:20px auto;} 
#reveal a {text-align:center;}
#reveal img {border:none; padding:0px; margin-bottom:10px; margin-top:-10px;}

.price table {
			margin: 0 5px;
			padding: 0;
			border-collapse: collapse;
			text-align: left;
			color: #333;
			line-height: 18px;
			width:100%;
		}
.price p {font-family: Verdana, Helvetica, Arial; font-size:11px; color:#333;}
.price h4 {font-family: Verdana, Helvetica, Arial; font-size:13px; font-weight:bold;}
		
.price td {
			margin: 0;
			padding: 2px 10px;
			border: 1px solid #E5E5E5;
		}
		
		
.price tr { 
			background-color: #FBFDF6;
		}
/*--------------------------HOME PAGE ----------------------------*/

#sghomemiddle {
	float:left;
	margin: 0px 0px 0px 5px;
	padding:5px;
	width:400px;
}
#sghomemiddle h1 {
	margin-top: 0px;
	padding:0;
}

#sghomemiddle h2 {
	margin-top: 0px;
	padding:0;
}
#sghomemiddle .prodlink {
	width:187px;
	border:1px solid #CCCCCC;
	float:left;
	margin:4px;
	min-height:216px;
}

#sghomemiddle .prodlink img {
	text-align:center;
	border: 1px solid #CCCCCC;
	margin:5px;
	padding:5px;
}
#sghomemiddle .prodlink p {
	padding:0px 5px;
}

#sghomeright {
	float:left;
	margin: 0px 0px 10px 0px;
	padding:5px;
	width:410px;
}
#sghomeright h1 {
	margin-top: 0px;
	padding:0;
}

#sghomeright h2 {
	margin: 15px 0;
	padding:0;
}
#sghomeright .prodlink {
	width:195px;
	border:1px solid #CCCCCC;
	float:left;
	margin:4px;
	min-height:216px;
}
#sghomeright .prodlink img {
	text-align:center;
	border: 1px solid #CCCCCC;
	margin:5px;
	padding:5px;
}
#sghomeright .prodlink p {
	padding:0px 5px;
}

#sghomeright .disclink {
	width:195px;
	border:1px solid #CCCCCC;
	float:left;
	margin:4px;
}
#sghomeright .disclink img {
	text-align:center;
	border: 1px solid #CCCCCC;
	margin:4px;
	padding:5px;
}
#sghomeright .disclink p {
	padding:0px 5px;
}