@import "reset.css";

.clear { width:100%; clear:both; line-height:0px; font-size:1px; }
body { background-color: #fff; color: #365a4b; font: 13px/normal Arial, Helvetica, sans-serif; text-align: center; }

a,a:link,a:visited { color: #365a4b; }
a:hover { color: #000; }

img { behavior: url(../js/iepngfix.htc); }
img.rflt { display: inline; float: right; margin: 0 0 1em 10px; }
img.lflt { display: inline; float: left; margin: 0 10px 1em 0; }

p { margin-bottom: 1em; }

ul { list-style: disc; margin-bottom: 1em; padding-left: 2em; }
ol { list-style: decimal; margin-bottom: 1em; padding-left: 2em; }
ul.reset, ul.reset ul, ul.reset ol, ol.reset, ol.reset ol, ol.reset ul { list-style: none; margin: 0; padding: 0; }

.edge { float: right; }


/* Titles */

h1,h2,h3,h4,h5,h6 { margin-bottom: .5em; }

h1 { color: #467114; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 24px; font-weight: normal; }

#logo { float: left; width: 212px; font-size: 20px; }

/*#outline { font-size: 40px; }*/
#outline {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #fff;
}

#outline h1{
	font-weight: normal;
	color: #fff;
	padding: 0;
	margin: 0;
	font-size: 41px;
	margin-top: -10px;
}

#outline h1.bold{
	font-weight: bold;
	font-size: 42px;
	padding: 0;
	margin: 0;
}

#outline h1.big{
	font-weight: bold;
	font-size: 75px;
	padding: 0;
	margin: 0;
	margin-top: -30px;
}

#pagetitle { clear: right; padding: 5px; border-top: solid 1px #3a8600; color: #3a8600; font-size: 21px; }
#pagetitle-noborder { clear: right; padding: 5px; color: #3a8600; font-size: 21px; margin-bottom: 3px; }
#title_container { float: left; width:100%;  border-top: 1px solid #3A8600; }

#welcome { margin: 0; padding: 1em 10px; color: #347901; }

h1.subtitle { padding: 5px; background: url(../images/grad2.png) 0 100% repeat-x; color: #467114; }


/* Layout  */

#container { width: 850px; margin: 0 auto; text-align: left; }
#content { clear: both; width: 100%; min-height: 245px; padding: 3px 0 .5em; border-top: solid 1px #c9ddba; background: url(../images/bg2.png) 0 0 repeat-x; }
#header { padding: 10px 0 0 15px; }
#sidebar { display: inline; float: left; width: 236px; min-height: 542px; margin-left: 8px; background: #fff url(../images/bg4.png) 50% 0 no-repeat; }
#mainbar { float: right; width: 606px; }
#mainbar .blanket { min-height: 242px; padding: 7px 7px 0 11px; background-color: #fff; }
#mainbar .blanket-no-height { padding: 7px 7px 0 11px; background-color: #fff; }
#footer { clear: both; width: 100%; }
* html #sidebar { height: 542px; }
* html #content { height: 245px; }


/* Navigation */

#navbar { float: right; width: 606px; margin-top: 10px; }
#nav { float: right; padding-right: 10px; font-size: 13px; }
#nav li { float: left; margin: 0 0 1px 2px; }
#nav li a { display: block; padding-right: 9px; background: #3c8903 url(../images/tab1.png) 100% 0 no-repeat; color: #fff; }
#nav li a span { display: block; padding: .4em 6px .4em 15px; background: url(../images/tab1.png) 0 0 no-repeat; cursor: pointer; }
#nav li a:hover, #nav li a.on { }


/* Banner */

#banner { position: relative; overflow: visible; height: 242px; padding-left: 22px; background: url(../images/bg3.png) 100% 100% no-repeat; color: #fff; }
#banner .sub { width: 254px; height: 242px; background: url(../images/grad1.png) 0 0 repeat-x; }
#banner .sub .inner { padding: 32px 20px 0; } 
#banner img.main { position: absolute; top: -22px; right: 12px; z-index: 10; }


/* Featured */

#featured { float: right; position: relative; z-index: 11; }
#featured li { display: inline; float: left; width: 197px; margin: 0 0 5px 5px; }
#featured li .before { padding: 6px; background: #7ce132 url(../images/box1-top.png) 0 0 no-repeat; color: #245300; }
#featured li .before .inner { min-height: 90px; padding: 5px; }
#featured li .before .inner p { margin: 0; }
#featured li .before a.thumb { display: block; padding: 9px; background: url(../images/bg1.png) 0 0 no-repeat; }
#featured li .after { height: 28px; padding: 5px 7px; background: url(../images/box1-bottom.png) 0 100% no-repeat; }
#featured li .after .price { float: left; padding: 0 5px; background-color: #74ab4c; color: #fff; font-size: 12px; line-height: 28px; }
#featured li .after .buy { float: right; }
* html #featured li .before .inner { height: 70px; }


/* My Carousel */

#mycarousel { color: #5a5959; font-size: 12px; }
#mycarousel p { margin: .2em; }


/* Article */

#article { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 14px; }
#article h1 { margin: .5em 0 .7em; padding-bottom: .5em; border-bottom: solid 2px #45910e; }


/* Products list */

#products { width: 588px; margin: 0; padding: 0; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; }
#products li.product { list-style: none; margin: 0 0 1em; padding: 0; }
#products li.product > h2 { clear: left; overflow: hidden; height: 30px; margin-bottom: 5px; padding: 0 12px; background: url(../images/bg5.png) 0 0 no-repeat; color: #fff; font-size: 24px; font-weight: normal; line-height: 30px; }
#products img.thumb { display: inline; float: left; margin: 0 11px; }
#products .body { padding-top: 11px; background: url(../images/bg6.png) 0 0 no-repeat; }
#products .body .after { position: relative; min-height: 152px; background: url(../images/bg6.png) 0 100% no-repeat; }
#products .desc { margin-left: 204px; padding: 0 7px 35px 0; color: #5a5959; font-size: 11px; }
#products .desc p, #products .desc ul { margin-bottom: 0; }
#products .footer { position: absolute; right: 7px; bottom: 7px; }
#products .footer * { vertical-align: bottom; }
#products .price { margin-right: 5px; color: #467114; font-size: 18px; }
* html #products .body .after { height: 152px; }


/* Product details */

#product h1 { width: 100%; margin: .5em 0 1em; }
#product img.thumb { float: left; margin: 25px 0 2em; }
#product .body { float: right; width: 400px; margin-bottom: 2em; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 12px; line-height: 14px; }
#product .footer { clear: both; width: 100%; padding-top: 2em; border-top: solid 2px #45910e; }


/* Footer */

#footer { border-top: solid 1px #57b70f; color: #3a8600; }
#footer a, #footer a:visited { color: #3a8600; }
#footer a:hover { color: #000; }
#footer .inner { padding: .5em 10px; }

.category_item { width: 290px; height: 165px; float: left; padding: 0 4px 3px 0;}
.top_category {
	background-image: url('../images/box-top-category.png');
	background-repeat: no-repeat;
	background-position: top center;
	padding-top: 12px;
}

.category_body {
	background-image: url('../images/box-body-category.png');
	background-repeat: no-repeat;
	background-position: bottom center;
	height: 153px;
	text-align: center;
	position: relative;
	font-weight: bold;
/*	color: #80C052;*/
}

.category_body  div.top-left { position: absolute; left: 10px; top: 0;}
.category_body  div.bottom-right { position: absolute; right: 13px; bottom: 12px;}

/*.category_body  div.bottom-right a:visited { color: #80C052;};*/

.category_body img { height: 110px; padding-top: 17px;}

.title
{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: normal;
	padding: 0 5px 5px 0; color: #3a8600; font-size: 20px;
	float:right;
}