/* =Reset ****************************************************************/

html, body, div, span, h1, h2, h3, h4, h5, h6, p, hr, 
blockquote, a, a img, font, img, dd, dl, dt, li, ol, ul,
fieldset, form, label, legend, table, caption, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	line-height: inherit;
	font-family: inherit;
	text-align: left;
	vertical-align: baseline;
}

ol, ul {
	list-style: none;
}

/* =Structure ****************************************************************/

body{
    text-align: center;
    background: #fff url(/_img/body-bg.gif) top left repeat-x;
    font-family: Arial, Sans-Serif;
    font-size: 80%;
    color: #666;
}
#container{
    margin: 0 auto 0 auto;
    width: 780px;
    background: #fff;
    border: solid 1px #eee;
    border-top: 0;
}
#container .headWrap{
    float: left;
    width: 780px;
    background: #A4D49A url(/_img/logo.gif) top left no-repeat;
    border-top: solid 2px #EDEBEB;
}
.tagline{
    float: left;
    width: 760px;
    font-family: Times New Roman; 
    color: #fff;
    font-size: 150%;
    font-style: italic;
    padding: 5px 0 5px 20px;
    background: #336633;
}
#container .content
{
    float: left;
    width: 780px;
    background: #FCFBFB url(/_img/content-shadow.gif) top left repeat-x;
    padding-top: 20px;
}

#container .content .left{
    float: left;
    width: 160px;
    margin-right: 20px;
    margin-left: 10px;
    display: inline;
    padding: 5px;
    background: #fff url(/_img/left-col-bg.gif) top left no-repeat;
    font-size: 95%;
}
#container .content .right{
    float: left;
    width: 570px;
}  
#container .foot{
    background: #A4D49A url(/_img/foot-bg.gif) top left repeat-x;
    color: #fff;
    font-size: 100%;
    font-family: Times New Roman;
    margin: 5px;
    padding-top: 8px;
    font-weight: bold;
}

/* =Navigation ****************************************************************/

#nav {
  float:left;
  width:100%;
  background:#DAE0D2 url("/_img/nav-bg.gif") bottom left no-repeat;
  font-size:90%;
  line-height:normal;
  margin-top: 108px;
  }
#nav ul {
  margin:0;
  padding:8px 10px 0 5px;
  list-style:none;
  float: right;
  }
#nav li {
  float:left;
  background:url("/_img/left_both.gif") no-repeat left top;
  margin:0;
  padding:0 0 0 15px;
  border-bottom:1px solid #fff;
  }
#nav a {
  float:left;
  display:block;
  width:.1em;
  background:url("/_img/right_both.gif") no-repeat right top;
  padding:8px 20px 4px 6px;
  text-decoration:none;
  font-family: Times New Roman;
  font-weight: bold;
  color:#000;
  margin-right: 1px;
  font-size: 120%;
  white-space: nowrap;
  }
#nav > ul a {width:auto;}

#nav a {float:none;}

#nav a:hover {
  color:#336633;
  }
#nav li.on{
  background-position:0 -40px;
  border-width:0;
  }
#nav li.on a{
  background-position:100% -40px;
  padding-bottom:5px;
  color:#fff;
  }
/*  
#nav li:hover, #nav li:hover a {
  background-position:0% -40px;
  color:#000;
  }
#nav li:hover a {
  background-position:100% -40px;
  }*/
#container .content .left ul
{
    background: url(/_img/secondnav-btm.gif) bottom left repeat-x;
    padding-bottom: 30px;
}

#container .content .left ul li a
{
    display: block;
    padding: 5px;  
    text-decoration: none;
    font-weight: bold;
    border: solid 1px #fff;
    border-bottom: solid 1px #A4D49A;
    width: 146px;
}
#container .content .left ul li a:hover{background: #eee; color: #336633; border: solid 1px #336633;}
#container .content .left ul li a.on{background: #A4D49A url(/_img/subnav-on.gif) top left repeat-x;border: solid 1px #B9DEC0;}


/* =Typography ****************************************************************/

h1, h2, h3, h4{
    margin: 0 0 10px 0;
    color: #333;
    font-family: Times New Roman;
    font-size: 170%;
    border-bottom: dashed 1px #A4D49A;
    font-weight: normal;
} 
h2{font-size: 150%;color: #336633;}
h3{margin: 5px 0; font-size: 130%; border: 0;color: #336633;font-weight: bold;}
h4{border: 0;font-size: 120%; font-weight: bold; color: #000; margin: 10px 0 3px 0;}
h1 span{color: #336633;}
#container .headWrap p
{
    float: right; 
    margin: 0;
    padding: 5px 0;
    width: 368px;
    text-align: center;
    margin-right: 10px;
    font-family: Times New Roman;
    font-style: italic;
    font-size: 120%;
    background: #EDEBEB url(/_img/slogan-bg.gif) bottom left no-repeat;
}

.right p{margin: 15px 0;}
.left p{margin: 8px 0;}

.foot p{
    padding: 5px;
    text-align: center;
    height: 20px;
}

.validation{float: left; border: solid 1px #ccc; width: 95%;margin-bottom: 10px; background: #F4F4F4;padding: 5px; color: #336633;}

/* =Links ****************************************************************/

#container .content a{color: #336633;}
#container .content a:hover{text-decoration: none;}

.foot a{color: #336633;margin: 0 8px;}
.foot a:hover{text-decoration: none;}

/* =Images ****************************************************************/



/* =Global Styles ****************************************************************/

.clr{clear:both;}
.floatLeft{float: left;}
.floatRight{float: right;}

.prodItem
{
    border: solid 1px #B9DEC0;
    padding: 5px 5px 0 5px;
    margin-bottom: 11px;
    background: url(/_img/gradient-basic.gif) top left repeat-x;
}


/* unclicked style div.more */
#outer div.more i 
{
    display: block; 
    text-align: right;
    background: #fff url(/_img/show-bg.gif) top left repeat-x; 
    border-top: solid 1px #ddd; 
    margin-right:-10px 10px 0 0; 
    cursor:pointer; 
    color:#999; 
    font-weight:bold; 
    padding: 2px 5px; 
    margin: 0 -5px 0 -5px;
    font-size: 90%;
}
#outer div.more i:hover{background: #eee;color: #000;}
#outer div.more i.hide {display:none;}
#outer div.more p {display:none;}
#outer div.more img {display:none;}
#outer div.more span{color: #336633; font-weight: bold;}

/* clicked style div.click */
#outer div.click i.show {display:none;}
#outer div.click i.hide {display:block;}
#outer div.click p {display:block;}

/* =Forms ****************************************************************/

#container .content form{clear:both;border-bottom: solid 1px #eee;background: #F7F7F7;padding: 3px 10px;}
#container .content label{float: left; width: 300px;}
#container .content label span{color: #16743D;font-weight: bold;}

#container .content form.contact{background: none; border: 0; padding: 0;}
#container .content form.contact fieldset{border: solid 1px #ddd;padding: 10px;}
#container .content form.contact fieldset legend{color: #336633; font-family: Times New Roman; font-size: 160%;margin-bottom: 10px;}
#container .content form.contact fieldset label{float: left; width: 100px;}
#container .content form.contact fieldset input, #container .content fieldset textarea{width: 200px; border: solid 1px #336633;margin-bottom: 2px; background: url(/_img/gradient-basic.gif) top left repeat-x; color: #336633; font-family: Arial;}
#container .content form.contact fieldset input.btn{border: solid 2px #999; background: #336633; color: #fff; width: auto;cursor: pointer;}

form.viewBasket{float: right; margin: 0; padding: 0;}
form.viewBasket input{border: 0; background: none; margin: 0; padding: 0;color: #fff;cursor: pointer;font-family: Times New Roman; font-style: italic;font-weight: bold;font-size: 75%;}
form.viewBasket input:hover{color: #fff;}