/* CSS Document */
/*Website Designed and Developed by Flavia Oleniewski*/

/*Globals*/
* {margin:0; padding:0;}
body {width:100%; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:1.5em; background:url(images/background.gif);}
#top {width:1050px; background:url(images/main_top.png) no-repeat; text-align:center; margin:0 auto; height:24px;}
#main {width:1050px; background:url(images/main_center.png) repeat; text-align:center; margin:0 auto;}
#bottom {width:1050px; background:url(images/main_bottom.png) no-repeat; text-align:center; margin:0 auto; height:24px;}
#page {width:1000px; margin:0 auto; text-align:left; border:2px solid #000; background:url(images/background.gif);}
h2 {padding:10px 0; border-bottom: #336600 3px solid; margin-bottom:10px;}
p {padding:5px 0;}
h3 {padding-top:10px; font-weight:bold; font-size:14px; text-transform:uppercase; color:#006600;}
h4 {padding:10px 0;margin-bottom:10px; font-size:14px;}

/*plants*/
#planttop {background: url(images/bg_top.png) no-repeat 50% 0%;}
#plantbot {background: url(images/bg_bottom.png) no-repeat 50% 100%; padding-bottom:30px;}


/*Header*/
#header {background:url(images/header_bg.jpg) no-repeat; height:173px; position:relative;}
#header h1 {
	font-size:14px;
	font-weight:bold;
	color:#336600;
	text-transform:uppercase;
	position:absolute;
	top:75px;
	left:243px;
}
a.cart {
	position:absolute;
	top:115px;
	left:747px;
	width:225px; height:25px; background:url(images/view_cart.png) 0 0;
}
a.cart:hover {background-position:0 25px;}

/*content*/
#content {width:941px; margin:0 auto; text-align:center; background:url(images/content_bg.png) repeat; border-right:2px solid #000; border-left:2px solid #000; border-bottom:2px solid #000;}
#left {float:left; width:212px;  text-align:left; padding:10px 0;}
#left ul {list-style:none;}
#left li {font-weight:bold; padding:0}
#left li a {display:block;  padding:6px 10px; text-decoration:none; color:#000; font-weight:bold;}
#left li a:hover {background-color:#ffffff;}
#left img {display:block; ; margin:10px auto; text-align:center;}
#right {float:right; width:707px; padding:10px; text-align:left;}
#right a {color:#009900; font-weight:bold;}
#right a:hover {text-decoration:none;}
.product {width:235px; float:left; text-align:center; padding-bottom:20px;height:270px;}
.product h3 {padding:0; text-transform:uppercase; color:#006600;}

#update {width:177px; height:164px; float:right; background:url(images/updatebox.gif) no-repeat; padding:75px 20px 20px 20px; text-align:center;}

a.itembutton {background: url(images/button_viewitem.gif) no-repeat 0 0; width:200px; height:24px; border:none; display:block; margin-left:18px;}
a.itembutton:hover {background-position:0 100%;}

/*navigation*/

			  
#nav{ height:29px;}
#nav ul {
	list-style: none;
	position:absolute;
	left:223px;
	top:142px;
	width: 778px;
}
#nav ul li {display:block; float:left; height:29px; position:relative; border:0;}
#nav ul li a {display:block; height:29px; border:0;}
#nav ul li a.about {background:url(images/about.gif) 0 0; width:93px;}
#nav ul li a.about:hover {background-position:0 29px;}
#nav ul li a.ordering {background:url(images/ordering.gif) 0 0; width:127px;}
#nav ul li a.ordering:hover {background-position:0 29px;}
#nav ul li a.shipping {background:url(images/shipping.gif) 0 0; width:117px;}
#nav ul li a.shipping:hover {background-position:0 29px;}
#nav ul li a.faqs {background:url(images/faqs.gif) 0 0; width:58px;}
#nav ul li a.faqs:hover {background-position:0 29px;}
#nav ul li a.contact {background:url(images/contact.gif) 0 0; width:105px;}
#nav ul li a.contact:hover {background-position:0 29px;}

/*Footer*/
#footer {font-size:11px;}
#footer a {font-weight:bold; color:#333333; text-decoration:none;}
#footer a:hover {text-decoration:underline;}

/*forms*/
#contact_form {width:400px;}
#contact_form label {font-weight:bold; color:#336600; display:block; padding-top:5px;}
#contact_form input {display:block;}
#contact_form .full {width:100%;}
#contact_form .half {width:50%;}
#contact_form .quarter {width:25%;}

/*shopping cart products*/
img#product {float:left; width:290px;}
div#description {float:left; width:407px; padding-left:10px;}
.price {font-weight:bold; font-size:14px;}