/* @group CSS RESET */

/*--------------- CSS RESET */

* {
	margin: 0;
	padding: 0;
	outline: none;
}

body {
	font-size: 100%;
	font-weight:normal;
	line-height: 100%;
}

div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
	margin: 0;
	padding: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

tr {
	vertical-align: top;
}

img {
	border: 0;
}

ul {
	list-style: none;
	list-style-position: outside;
}

caption, th {
	text-align: left;
}

h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: bold;
}


/* to preserve line-height and selector appearance */
input, textarea, select {
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
	/*background-color:#ccc;*/
	/*margin:10px;*/
}

a {
	outline:none;
}

hr {
	display: none;
}

.gainlayout { 
	_height: 0;/*IE6 - I actually think it should be set to 1%*/
	min-height: 0;/*IE7 can also be min-width*/
	position: relative; /*another IE6 solution*/
}

/* @end */

/*template edits*/
.itemsquare {
border-top:2px solid #bfad77;
border-left:2px solid #bfad77;
border-right:1px solid #dfca8b;
border-bottom:1px solid #dfca8b;
background:#EFD995;
float:left;
height:160px;
margin:10px;
padding:10px 5px;
position:relative;
text-align:center;
width:140px;
}

#products {
margin:0 auto 10px;
overflow:visible;
position:relative;
top:0;
width:520px;
}

p.price{
	text-align:center;
	margin:0px;
	padding:0px 0px 10px 0px;
}

img.button{
	background:#ffffff;
	-moz-border-radius:5px 5px 5px 5px; 
	height:25px;
	margin:10px 0px 0px 0px;
	padding:5px 10px;
	width:95px;
}

.photo{
	border:none;
	height:100px;
	margin-bottom:5px;
	vertical-align:middle;
}

/* @group BASICS */

/*------------------ BASICS */
.green { 
	background-color: #245534;
}
.yellow { 
	background-color: #ffe599;
}
.red { 
	background-color: #ac2b0c;
}
.left {
	float:left;
}
.right {
	float:right;
}
.center { 
	margin: 0 auto;
}
.leftalign {
	text-align:left;
}
.rightalign {
	text-align:right;
}
.centeralign { 
	text-align: center;
}
.justify {
	text-align:justify;
}

.clear { 
	clear: both;
}
/* @end */

/* @group LAYOUT */

/*------------------ LAYOUT */

body { 
	background-color: #245534;
	font-size: 12px;
	line-height:14px;
	font-family: Verdana, Helvetica, Arial;
}
#wrapper {
	position: relative;
	margin: 10px auto;
	width: 760px;
	background: url('background_cols.gif') repeat-y;
}

#header {
	height: 259px;
}

#maincontent {
	min-height:400px;
	position: relative;
	top: -75px;
	width: 521px;
	margin: 0 auto;
	text-align: center;
}

/* @group INNER COLUMNS */
/*Don't ask me who designed this, it was not me!*/

/*columns version 1*/
#innerleft315 { 
	width: 315px;
	float: left;
}
#innerright195 { 
	width: 195px;
	float: right;
}
/*columns version 2*/
#innerleft255 { 
	width: 255px;
	float: left;
}
#innerright255 { 
	width: 255px;
	float: right;
}
/*column version 3*/
#innerleft285 { 
	width: 285px;
	float: left;
}
#innerright215 { 
	margin-left: 10px;
	width: 215px;
	float: right;
}

/* @end */
#left {
	float: left;
	width: 548px;
	display: block;
}

#right { 
	float: left;
	width: 212px;
	height: 1% /* hack for Peekaboo bug */;
	text-align: center;
	display: block;
}

#sidebar {
	position: relative;
	top: 30px;
	text-align: center;	
	min-height: 175px;
}

#footer {
	clear: both;
	font-size: 10px;
}

/* @end */

/* @group STYLE */

/*------------------ STYLE */

h1 {	
	color: #245534;
	font-size: 18px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	padding: 15px;
}

h2 { 
	color: #000;
	font-size: 14px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-weight:bold;
	text-decoration:none;
	text-align: center;
	padding-bottom: 20px;
	line-height: 125%;
}

h3 { 	
	font-family: Verdana;
	font-size: 10px;
	font-weight: normal;
	color: #336633;
	text-decoration: none;
	font-style:normal;
	padding:5px 0px 0px 0px;
	text-align: center;
	line-height: 110%;
}

h4 { 	
	font-family: Verdana;
	font-size: 12px;
	/*color: #336633;*/
	text-decoration: none;
	font-style: italic;
	text-align: center;
	padding-bottom: 15px;
	line-height: 110%;
}

h5 { 	
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
	color: #336633;
	text-decoration: none;
	text-align: center;
	padding-bottom:15px;
	/*line-height: 20px;*/
}
hr { 
	color: #245534;
	display: block;
	margin-bottom: 15px;
}
#header img { 
	float: left;
}
.imgborder {
	border: 1px solid #245534;
}
#maincontent img.noborder { 
	border: none;
}
.table {
	font-family: Arial;
	font-size: 11px;
	color: #000;
	/*text-decoration: none;*/
}

#copyright { 
	line-height: 25px;
	color: #fff;;
	background-color: #102618;
	display: block;
	height: 15px;
	text-align: center;
}
p#webmaster { 
	background-color: #245534;
	display: block;
	height: 25px;
	line-height: 25px;
	text-align: center;

}

p { 
	padding: 0 0 15px 0;
	text-align: left;
}
p#bottom {
	text-align: center;
	position: absolute;
	bottom: -75px;
	width: 521px;
}
#right p { 
	width: 190px;
	margin: 0 auto;
	text-align: left;
}

#sidebar p { 
	padding-top:20px;
	width: 200px;
	text-align: center;
}
#right img { 
	margin-bottom: 15px;
}
#maincontent img { 
	margin-top: 0;
	margin-bottom: 10px;
	border: 1px solid #245534;

}
#maincontent img.left { 
	margin-right: 15px;
}
#maincontent img.right { 
	margin-left: 15px;
}
#right img.imgborder { 
	margin: 25px 0 5px 0;
}
.linkandimage { 
	text-align: center;
	display: block;
	margin: 0 auto;
}

#maincontent ol {
	padding-left: 25px;
	margin-bottom: 15px;
}

#maincontent li { 
	padding: 0 5px 15px 0;
	text-align: left;
}
h3.price { 
	color: #ac2b0c;
}
/* @end */

/* @group LINKS */

/*------------------ LINKS */

a:link, a:visited {
	/*color: #245534;*/
	color: #357D4D;
	font-weight: bold;
	text-decoration: none;
	word-spacing: 2px;
}
a:hover, a:active {
	color: #ed3845;	
}

#webmaster a { 
	color: #fff;
	font-weight: normal;
}

/* @group BUTTONS */

/* @group more info & buy now */

#shopping .buttons {}
#shopping .buttons h5 { 
	margin-left:40px;
	padding-bottom: 10px;
}
#shopping .buttons p { 
	text-align: right;
	line-height: 32px;
	margin-right: 45px;
	padding-bottom: 10px;
}
#shopping .buttons .moreinfo { 
	float: left;
	background-image: url('btn_more-info.jpg');
}
#shopping .buttons .buynow { 
	float: right;
	background-image: url('btn_buy-now.jpg');
}
#shopping .buttons a {
 	display: block;
 	width: 37px;
 	height: 37px;
 	background-repeat: no-repeat; 
 	float: right;
}

#shopping .buttons a:link,
#shopping .buttons a:visited { 
	background-position: 0 0;	
}

#shopping .buttons a:hover,
#shopping .buttons a:active { 
  background-position: 0 -37px;  
}

#shopping .buttons span {
	display:none;
}

/* @end */

/* @group go shopping & add2cart */

.singlebutton .goshop {
	background-image: url('btn_go-shopping2.jpg');
}
.singlebutton .orderform {
	background-image: url('btn_orderform.jpg');
}
.singlebutton .add2cart {
	background-image: url('btn_add-to-cart.jpg');
}
.singlebutton a {
 	display: block;
 	width: 198px;
 	height: 54px;
 	background-repeat: no-repeat;
}

.singlebutton a:link,
.singlebutton a:visited { 
	background-position: 0 -54px;	
}

.singlebutton a:hover,
.singlebutton a:active { 
  background-position: 0 0;  
}

.singlebutton span {
	display:none;
}


.cartadd{
	background:#ffffff;
	padding:5px;
	border:1px solid #245534;
}

/* @group go shopping & add2cart 

.singlebutton .goshop {
	background-image: url('images/btn_go-shopping.jpg');
}
.singlebutton .orderform {
	background-image: url('btn_orderform.jpg');
}
.singlebutton .add2cart {
	background-image: url('btn_add-to-cart.jpg');
}
.singlebutton a {
 	display: block;
 	width: 99px;
 	height: 27px;
 	background-repeat: no-repeat;
 	margin: 0 auto 0;
 	position: relative;
 	top: -8px;
}

.singlebutton a:link,
.singlebutton a:visited { 
	background-position: 0 -27px;	
}

.singlebutton a:hover,
.singlebutton a:active { 
  background-position: 0 0;  
}

.singlebutton span {
	display:none;
}


/* @end */
/* @end */
/* @end */

/* @group NAVIGATION */

/*------------- NAVIGATION */
#navigation {
	position: relative;
	top: 20px;
	left: 5px;
}
html*#navigation { 
	*left: 0px;/*IE7*/
}
/* @group mainly for IE */

#navigation ul { 
	display: table;
}
#navigation li { 
	display: table-row;
}
#navigation li a { 
	display: table-cell;
}

/* @end */

/* @group the pages */

#nav-cart { 
	background-image: url('nav_cart.jpg');
}
#nav-home { 
	background-image: url('nav_home.jpg');
}
#nav-hangingbaskets { 
	background-image: url('nav_hangingbaskets.jpg');
}
#nav-planterboxes { 
	background-image: url('nav_planterboxes.jpg');
}
#nav-lampposts { 
	background-image: url('nav_lamppost.jpg');
}
#nav-municipal { 
	background-image: url('nav_municipal.jpg');
}
#nav-productinfo { 
	background-image: url('nav_prodinfo.jpg');
}
#nav-careof { 
	background-image: url('nav_plantingcare.jpg');
}
#nav-plantagram { 
	background-image: url('nav_plantagram.jpg');
}
#nav-contact { 
	background-image: url('nav_contact.jpg');
}
#nav-shopping { 
	background-image: url('nav_shopping.jpg');
}
#nav-accessories { 
	background-image: url('nav_accessories.jpg');
}

/* @end */
#navigation a {
 	display: block;
 	width: 200px;
 	height: 28px;
 	background-repeat: no-repeat; 
	border: 2px ridge #dbdbdb;
}

#navigation a:link,
#navigation a:visited { 
	background-position: 0 0;	
}

#navigation a:hover,
#navigation a:active { 
  background-position: 0 -28px;  
}

#navigation span {
	display:none;
}

/* @group 2 line pages */

#navigation  a#nav-careof { 
	height: 38px;
}

#navigation a:hover#nav-careof,
#navigation a:active#nav-careof { 
	background-position: 0 -38px;
}

/* @end */
/* @end */

/* @group PAGES */


/*#contact #maincontent img.center { 
	position: relative;
	left: 37px;
	top: 0px;
	margin: 0 auto;
	border: none;
}*/
#lamppostbrackets #maincontent img,
#municipal #maincontent img { 
	border: none;
	display: block;
}
#municipal #maincontent img { 
	margin: 0 auto;
}
#municipal #maincontent img.imgborder { 
	border: 1px solid #245534;
}

#municipal #maincontent #innerright195 { 
	width: 190px;
	margin-left: 15px;
}
#productinfo table,
#shopping table {
	width:100%; 
	font-size: 10px;
	text-align: center; 
	border-style: double; 
	border-width: 3px;
	margin-bottom: 25px;
}
#productinfo table th,
#shopping table th { 
	background-color: #245534;
	color: #fff;
	text-align: center;
	padding: 10px 2px; 
	border: 1px ridge #555;
	font-size: 11px;
}
#productinfo table td,
#shopping table td { 
	padding: 5px 2px;
	vertical-align: middle; 
	/*border: 1px ridge #ff9b5d;*/
	border: 1px ridge #555;

}

#productinfo #maincontent table tbody tr td strong,
#shopping table #maincontent table tbody tr td strong { 
	text-align: left;
	float: left;
	padding-left: 5px;
}

#productinfo table img,
#shopping table img { 
	border: none;
}

#productinfo #maincontent span { 
	text-align: center;
	font-weight: bold;
	margin-top: 50px;
	margin-bottom: -25px;
	display: block;
}

#shopping table { 
	border:  none;
}
#shopping table tr { 
	/*border: 2px ridge #fbc928;*/ 
	border: 2px hidden #ffe599;
}
#shopping table td { 
	vertical-align: top;
	border: none;
}
#shopping table h3 {
	text-align:left;
	padding:35px 0px 20px;
}
#shopping table h5 { 
	float: left;
	padding-top: 10px;
	color: #ac2b0c;
}
#shopping table p { 
	text-align: left;
	padding-bottom: 10px;
}
#shopping table img { 
	margin-top: 10px;
}
#shopping table.potslisting img { 
	margin-top: 65px;
}
#shopping table.boxlisting img { 
	margin-top: 50px;
}
#careof #maincontent img { 
	border: none;
}
#careof #maincontent h3 { 
	text-align: left;
}

#careof #maincontent ul { 
	display: block;
	width: 200px;
	float: right;
}

#careof #maincontent ul li { 
	padding: 0 5px 5px 0px;
}
#singleitem #maincontent img { 
	border: none;
	width: 200px;
	height: 175px;
	float: left;
	margin-right:7px;
	margin-bottom: 200px;
	/*height: 340px;*/
	/*width: 455px;*/
}
#singleitem #maincontent .singlebutton { 
	width: 308px;
	margin-left: 208px;
	height: 27px; 
}
#singleitem #maincontent .singlebutton .add2cart { 
	top: -0px;
	height: 22px;
}
#singleitem #maincontent .singlebutton h3,
#singleitem #maincontent .singlebutton a,
#singleitem #maincontent .singlebutton p { 
	padding: 5px 0 0 0;
	margin-right: 15px;
	float: right;
}

#singleitem #maincontent img.pots { 
	width: 100px;
	height: 94px;
	margin: 0 50px;
}
#singleitem #maincontent img.boxes { 
	width: 183px;
	height: 127px;
	margin: 0 11px;
}
table.pots, table.boxes { 
	text-align: left;
	margin-bottom: 15px;
	font-size: smaller;
	width: 300px;
	/*background-color: #fff36f;*/
}
table.pots tr, table.boxes tr {
	vertical-align: middle;
	border-top: 1px #666 dotted;
}
table.pots td, table.boxes td { 
	padding: 5px 5px 5px 10px;
}

/* @end */

/* @group Hacks */

/* @group IE 6 and 7 */

html*#productinfo #maincontent span { 
	_margin-bottom: 0px;
	*margin-bottom: 0px
}
html*p#bottom {
	*position: relative;
	*display: block;
	*padding: 35px 0 10px 0;
	*width: 521px;
	*float:left;
}


/* @end */

/* @group IE 7 */

#sidebar p { 
	*margin-bottom: 50px;
}

#careof #maincontent ol li { 
	*padding-left: -15px;
}
#careof #maincontent ul { 
	*width: 250px;
}

#careof .imageandcaption {
	*width: 50%;
	*display: inline-block;
}

#careof .imageandcaption h5 { 
	*display: block;
	*width:100%;
}
#careof .imageandcaption img { 
	*display: block;
	*width:100%
}
#careof .imageandcaption.right { 
	*margin-left: 15px;
} 
#careof .imageandcaption.left { 
	*margin-right: 15px;
}
/*#careof #maincontent p#bottom { 
	*position: relative;
	*left: 0px;
}*/
/* @end */

/* @group IE 6 */

html*#hangingbaskets #maincontent { 
	_height: 1225px;
}

html*#hangingbaskets p#bottom { 
	_top: 175px;
}
html*#careof #maincontent ul { 
	_width: 200px;
}

html*#innerright195 { 
	_position:absolute;
	_top:50px;
	_right: 0px;
}
html* h5 { 
	_line-height: 20px;
}

/* @end */

/* @group FF 2 */

#careof .imageandcaption, 
x:-moz-any-link { 
	display: table;
	/*width: 50%;*/
}

#careof .imageandcaption h5, 
x:-moz-any-link { 
	display: table-row;
	line-height: 20px;
	/*width: 100%;*/
}
#careof .imageandcaption img, 
x:-moz-any-link { 
	position: relative;
	right: 15px;
	margin: 0 0 0 15px;
	display: table-row;
	/*width: 100%;*/
}
#careof .imageandcaption.right, 
x:-moz-any-link { 
	margin-left: 15px;
} 
#careof .imageandcaption.left, 
x:-moz-any-link { 
	margin-right: -15px;
}
#careof #maincontent ul li, 
x:-moz-any-link { 
	margin-left: 15px;
}
/* @end */

/* @group FF 3 restore */

/*#careof .imageandcaption, 
x:-moz-any-link, x:default { 
	display: block;
	width: auto;
}*/
/*#careof .imageandcaption h5, 
x:-moz-any-link, x:default { 
	display: block;
	width: auto;
	line-height: auto;
}*/
/*#careof .imageandcaption img, 
x:-moz-any-link, x:default { 
	margin: 0 auto;
	display: block;
	width: auto;
}*/
/*#careof .imageandcaption.right, 
x:-moz-any-link, x:default { 
	margin-left: 0;
}*/ 
/*#careof .imageandcaption.left, 
x:-moz-any-link, x:default { 
	margin-right: 0;
}*/
/*#careof #maincontent ul li, 
x:-moz-any-link, x:default { 
	margin-left: 0;
}*/
/* @end */
/* @end */