body{background-image:url(images/main-bg.jpg); background-color:#e7e7e7; background-repeat:repeat-x; margin:0; padding:0;}

#container{margin:0 auto; text-align:center; width:1000px;}

#logo{background-image:url(images/logo.png); width:416px; height:101px; float:left; margin-top:10px;}

/*menu*/
#menu{width:520px; height:47px;  margin:100px 30px 0 0px;}
#wrapper-menu{margin:0; padding-right:10px;}
.menu{width:520px; height:47px; margin:0 auto;}
.menu ul{margin:0; padding:0; list-style:none; height:47px;}
.menu ul li{margin:0; padding:0; float:left;}
.menu a{float:left;  width:107px; text-decoration:none; padding-top:15px; color:#7e7d78;}
.menu a span{font-family:Arial, Helvetica, sans-serif; font-size:13px;  height:47px; font-weight:bold;}
.menu a:hover{background-image:url(images/menu-o.jpg); background-repeat:no-repeat; width:107px; height:47px; color:#3c4b07;}
.menu a.active{background-image:url(images/menu-o.jpg); background-repeat:no-repeat; width:107px; height:47px; color:#3c4b07;}

/*search box*/
.search_box{background-image:url(images/searchbox.gif); width:178px; height:31px; background-repeat:no-repeat;  margin:-38px 0 0 720px; border:none;}
.search{background-color:#151815; font-size:12px; color:white; font-family:Arial, Helvetica, sans-serif; border:none; float:left;margin:8px 0 0 8px;}
.searchbutton{ float:left; margin:0px 0 0 2px;}

/**left panel**/

#left{margin-left:30px; text-align:left;}

/*category-menu*/
#categorymenu{width:234px; margin:0 auto; padding:0;} 

.categorymenu{width: 234px; /*width of menu*/
}

.categorymenu .headerbar{
font: bold 13px Verdana;
color: white;
background:url(images/heading.png); width:234px; 
background-repeat:no-repeat;
margin-bottom: 2px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 7px 0 7px 10px; /*31px is left indentation of header text*/
}

.categorymenu .headerbar a{
text-decoration: none;
color: white;
display: block;
}

.categorymenu ul{
list-style:none; 
margin: 0;
padding-left: 0;
margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
}

.categorymenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/



}

.categorymenu ul li a{
font: normal 12px Arial;
color: #686867;
background: #d9d8d8;
display: block;
padding: 5px 0;
line-height: 17px;
padding-left: 8px; /*link text is indented 8px*/
text-decoration: none;
}

.categorymenu ul li a:visited{
color: black;
}

.categorymenu ul li a:hover{ /*hover state CSS*/
color: white;
background: #5a5a5a;
}

.categorymenu ul li a:active{ /*hover state CSS*/
color: white;
background: #5a5a5a;
}


/**right panel**/

/*slider*/
.slider-wrapper{margin:0;  padding:0; width:711px; height:284px;}
#slider{margin:0;  padding:0; width:711px; height:284px;}

#main{background-image:url(images/content.png); background-repeat:repeat-y; margin-left:-7px; float:left; width:1000px; }


#text{padding:0px 25px 25px 25px; text-align:left;}
.text{font-family:Arial, Helvetica, sans-serif; font-size:14px;color:#535353; font-weight:bold;}


#products{background-image:url(images/product-bg.jpg); width:693px; height:158px; margin-left:10px;  text-align:left; margin-bottom:15px; }
.product{margin:20px 10px 10px 20px; border-right:1px solid #c0bfbf ;}
#content{padding:6px 10px 10px 10px;}
#price{margin:10px 0 0 490px;}

/*order box*/
#order-box{width:520px; border:1px solid #c8e725; -border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; margin:0 auto; padding:5px;}
.selection{ font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#000000; background:#f2fed3; border:1px solid #93cb1d; padding:10px; -border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; }
.cartbutton{margin:2px 0 0 10px;}


/*contact page*/

#form{float:left; margin:25px 15px 0 0; width:450px;}

#inputArea
	{
	    font-family: Arial, Sans-Serif;
	    font-size: 13px;
	    background-color:#94dd63;
	    padding: 10px;
	    width:450px;
		float:left;
		color:#003300;
			}
	#inputArea input, #inputArea textarea
	{
	    font-family: Arial, Sans-Serif;
	    font-size: 13px;
	    margin-bottom: 5px;
	    display: block;
	    padding: 4px;
	    width: 425px;
		
	}

        .activeField
        {
            background-image: none;
            background-color: #ffffff;
            border: solid 1px #33677F;
        }
        .idle
        {
	    border: solid 1px #85b1de;
	    background-image: url( 'images/blue_bg.png' );
	    background-repeat: repeat-x;
	    background-position: top;
        }


.formbutton {
cursor : pointer;
border : 1px outset #ccc;
background : #999;
color : #666;
font-weight : bold;
padding : 1px 2px;
background : url(images/formbg.gif) repeat-x left top;
margin-left:2px;
}

.button{width:450px; background-color:#94dd63;  float:left; padding:10px;}



a{text-decoration:none;}

h1{font-family:Arial, Helvetica, sans-serif; font-size:25px; color:#575555; margin-bottom:20px;}
h3{font-family:Arial, Helvetica, sans-serif; color:#1e4f11; font-size:15px; font-weight:bold; margin-bottom:10px;}
.style1{font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#535252;}
.style2{font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#ce4a0a;}
.style3{font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#605f5f;}
.style4{font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#9d0606; float:left; margin:7px 5px 0 0;}


/*footer*/

.footer{width:100%; margin-top:20px; background-color:#0e1d02;}
.footer a{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#009900; text-decoration:none;}
.footer a:hover{text-decoration:underline;}
.footer_txt{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:white; width:964px; margin:0 auto;}