/* Style Sheet for GIANTGARDENING.COM */
/* All css by J.Denning, http://www.RocWorx.com */

* {
 margin:0px;
 padding:0px;
 }

html, body {
 margin: 0;
 padding: 0;
 height: 100%;
 color: #000;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: small;
 font-weight: normal;
 background:#073a01 url(images/bg.jpg) repeat-x top;
 }

#body_container{
 margin:auto;
 width:920px;
 height: 100%;
 padding:0px;
 }
* #body_container {
  height: 100%;
  }

#header {
 height: 220px;
 width: 920px;
 margin:0;
 padding:0;
 }

#hdr_left {
 height:220px;
 width:230px;
 float:left;
 position:relative;
 width:230px;
 padding:0px;
 margin:0px;
 }

#hdr_right {
 height:144px;
 width:690px;
 margin:0;
 padding:0;
 position:relative;
 float:right;
 }
 
#hdr_menu {
 height:76px;
 width:690px;
 position:relative;
 float:right;
 background: url(images/hdr-menu.jpg) repeat-x;
 }

#menu {
 position:relative;
 float:left;
 clear:right;
 height:40px;
 width:690px;
 padding:2px;
 }

#hdr_txt {
 position:relative;
 height:25px;
 width:690px;
 float:left;
 color: #660000;
 font-size:18px;
 text-align:center;
 }

#content {
 width: 832px;
 margin-left:28px;
 position: relative;
 background: url(images/body-bg.jpg) top left repeat-x;
 padding:30px;
 padding-top:10px;
 background-color:#fff;
 height:auto;
 min-height:500px;
 }
 
* #content {
  height: auto;
  }  

#content_left {
 position:relative;
 float:left;
 width: 170px;
 padding:0px;
 border-right:1px solid #c60;
 margin-top:30px;
 height:500px;
 }

#content_main {
 position:relative;
 float:left;
 width: 500px;
 padding:0px;
 }

#content_right {
 position:relative;
 float:right;
 width: 600px;
 border:0;
 margin-top:20px;
 margin-right:20px;
 padding:0;
 min-height:500px;
 }

#content_main_rt {
 position:relative;
 float:right;
 width: 300px;
 border:0;
 margin-top:20px;
 }

content_right .box {
  }

#content_bottom {
 width:862px;
 position:relative;
 float:left;
 clear:both;
 background:#fff;
 margin:0;
 padding:0;
 margin-bottom:15px;
 }

#news {
 position:relative;
 float:left;
 clear:both;
 width:780px;
 padding:10px;
 margin:auto;
 margin-top:20px;
 margin-bottom:20px;
 border-top:1px solid #cc9;
 border-bottom:1px solid #cc9;
 }
  
#news ul li {
 margin-left:20px;
 line-height:1.5;
 }


#footer {
 float:left;
 position: relative;
 width: 920px;
 height: 40px;
 padding-top:35px;
 margin:0;
 color: #cc9;
 font-size: xx-small;
 text-align: center;
 background: url(images/ftr-bg.png) top no-repeat;
 }

#footer a {
 color:#cccc00;
 text-decoration:none;
 border-bottom:1px dotted #cccc00;
 }

#footer a:hover {
 color:#ffff00;
 text-decoration:none;
 border-bottom:1px dotted #ffff00;
 }

/*end layout definitions*/


/*Menu styles*/

#menu a {
 position:relative;
 float:left;
 display:inline-block;
 height:14px;
 width:80px;
 text-decoration:none;
 text-align:center;
 font-weight:bold;
 font-size:12px;
 color: #fff;
 padding-top:4px;
 padding-bottom:3px;
 border:0;
 border-right:1px solid #f90;
 }

#menu a:hover {
 color: #ff3;
 text-decoration: underline;
 }

#menu a.current {
 color: #ff3;
 text-decoration:none;
 }

/*End Menu Styles*/


#slides {
 position:relative;
 float:right;
 margin:0px;
 padding:0px;
 height:250px;
 width:300px;
 background:#666;
 border:2px solid #c30;
 }

/* For non-display of items used in the print css */

.noscreen {
 display: none;
 }


/* general site styles */

 
.rec_menu {
 list-style-type:none;
 margin:auto;
 width:840px;
 min-height:400px;
 }
 
.rec_menu a {
 position:relative;
 float:left;
 margin:3px;
 padding:3px; 
 height:18px;
 width:150px;
 xbackground:#930;
 color:#930;
 text-align:center;
 text-decoration:none;
 xborder:3px solid #930;
 border:0;
 font-weight:bold;
 font-size:12px;
 }

.rec_menu a:hover {
 background:#f60;
 color:#fff;
 text-decoration:underline;
 xborder:3px solid #930;
 border:0;
 }

table.rec_list {
 Width:720px;
 font-size:11px;
}

table.rec_list td {
 border:0px solid #930;
 }

table.rec_list th {
 font-weight:bold;
 text-align:left;
 background-color:#930;
 color:#fff;
 border:0px solid #fff;
 }


#artcl ul {
 margin-left:60px;
 line-height:2;
 list-style-image:url(images/tomato.png);
 }

#artcl ul a {
 color:#930;
 text-decoration:none;
 font-weight:bold;
 }
 
#artcl ul a:hover {
 color:#c60;
 text-decoration:underline;
 }



.rtimg {
 position:relative;
 float:right;
 margin-left:20px;
 border:5px solid #fff;
 }

.lftimg {
 position:relative;
 float: left;
 margin-right:20px;
 margin-bottom:10px;
 border:5px solid #fff;
 }

.nowrap {
 clear: both;
 }

h1 {
 padding:5px;
 color: #cc3300;
 font-size: 24px;
 font-weight:normal;
 margin-bottom:30px;
 padding-bottom:10px;
 border-bottom:3px solid #cc3300;
 }

h2 {
 width:75%;
 font-size:16px;
 padding:3px;
 margin-left:30px;
 color: #600;
 border-bottom:1px solid #600;
 }

h3 {
 color:#930;
 font-size:large;
 margin:0px;
 }

h4 {
 color:#600;
 font-weight:bold;
 font-size:16px;
 text-decoration:underline;
 }

.cntr {
 text-align:center;
 }

.hilite {
 font-size: large;
 font-weight:bold;
 }
 
.red {
 color:red;
 font-weight:bold;
 }

p {
 margin-top:8px;
 margin-bottom:12px;
 }

p.white {
 color:#999;
 }

a {
 color: #930;
 text-decoration:none;
 border-bottom: 1px dotted #930;
 font-weight:bold;
 }

a.noborder {
 border-bottom:0px;
 }

a:hover {
 color:#c60;
 text-decoration:none;
 border-bottom: 1px dotted #c60;
 }

a:hover .noborder {
border-bottom:0px;
}

a.btn {
 position:absolute;
 bottom:0px;
 right:4px;
 display: block;
 height:30px;
 border:0;
 margin:0;
 width:100px;
 padding-top:4px;
 color:#fff;
 text-decoration:none;
 background: url(images/btn.png) top left no-repeat;
 text-align:center;
 font-weight:bold;
 }

a:hover.btn  {
 color:#ff0;
 text-decoration:none;
 border:0;
 }

table {
 width: 780px;
 margin:20px 0px 20px 30px;
 text-align:left;
 }

table td {
 padding:4px;
 }

table th {
 font-weight:bold;
 color:#330000;
 text-align:right;
 padding:4px;
 }

table img{
 border:5px solid #fff;
 }
 
table img .noborder {
 border:0px;
 }
 
 /* form styles */
 
form .texta {
 float:left;
 position:relative;
 width: 120px;
 margin-bottom:5px;
 font-size:small;
 padding:3px;
 clear:both;
 }

form .textb {
 border: 1px solid #000;
 color: #006;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 margin-bottom:5px;
 font-size:small;
 padding:3px;
 clear:both;
 }
 
form .switch {
 margin-left:50px;
 }

form .btn {
 display: block;
 height:30px;
 border:0;
 margin:0;
 margin-left:30px;
 width:100px;
 padding:4px;
 color:#fff;
 text-decoration:none;
 background: url(images/btn.png) top left no-repeat;
 text-align:center;
 font-weight:bold;
 cursor: pointer;
 }


/* LIQUID CORNERS */

.spotlight {
 position:relative;
 float:left;
 width: 250px;
 border:0;
 margin-top:20px;
 margin-left:15px;
 margin-right:15px;
 }

.spotlight .inside {
 height:210px;
 }

.top-left, .top-right, .bottom-left, .bottom-right { 
	background-image: url('images/sb-full.png'); /* CHANGE: path and name of your image */
	height: 8px;       /* CHANGE: replace by the height of one of your corners (= 1/2 height of the image) */
	font-size: 2px;    /* DNC: correction IE for height of the <div>'s */
	}
.top-left, .bottom-left { 
	margin-right: 8px; /* CHANGE: replace by the width of one of your corners */
	}
.top-right, .bottom-right { 
	margin-left: 8px;  /* CHANGE: replace by the width of one of your corners */
	margin-top: -8px;  /* CHANGE: replace by the height of one of your corners */
	}
.top-right {
	background-position: 100% 0;    /* DNC: position right corner at right side, no vertical changes */
	}
.bottom-left  { 
	background-position: 0 -8px;    /* CHANGE: replace second number by negative height of one of your corners */
	}
.bottom-right { 
	background-position: 100% -8px; /* CHANGE: replace second number by negative height of one of your corners */
	}
.inside {
	border: 0;
	background: #cccc99;            /* YCC: background-color of the inside */
	color: #330000;                 /* YCC: default text-color of the inside */
	padding-left: 15px;             /* YCC: all texts at some distance of the left border */
	padding-right:15px;             /* YCC: all texts at some distance of the right border */
	}
.notopgap    { margin-top: 0; font-size:18px; color:#cc3300;margin-bottom:5px; }    /* DNC: to avoid splitting of the box */
.nobottomgap { margin-bottom: -1px; padding-bottom: 1px; } /* DNC: to avoid splitting of the box */


/* PRODUCTS MENU */

.prodmenu ul{ 
margin: 0;
padding: 0;
list-style-type: none;
}

.prodmenu li{ 
list-style-type: none;
margin-bottom: 3px;
}

.prodmenu ul li ul{
padding-left:30px;
}

.prodmenu a{
font-weight:bold;
border:none;
}

.prodmenu ul li a{
padding-left:20px;
font-weight:normal;
}

.prodmenu ul li a:hover{
background-image:url(products/list.gif);
background-repeat:no-repeat;
background-position: bottom left;
}


.prodthumb {
 position:relative;
 float:left;
 width: 250px;
 border:0;
 margin-top:20px;
 margin-left:15px;
 margin-right:15px;
 }

.prodthumb .inside {
 height:210px;
 }

.product {
 position:relative;
 width: 800px;
 border:0;
 margin:0;
 }