/*=== Setup ===*/
*{
	border: 0;
	margin: 0;
	padding: 0
}
body{
	background: url(../images/bgr.gif) #ffffff repeat-x top;
	color: #3d1704;
	font: .75em Tahoma, Arial,Verdana,Helvetica,Sans-Serif
}
a{
	color: #3d1704;
	text-decoration: none
}
a:hover{
	text-decoration: underline
}

input,select,textarea{
	border: #999999 1px solid;
	font-size: 1em;
	padding: 2px
}
li{
	list-style: none
}

h1{
	font: .75em Tahoma, Arial,Verdana,Helvetica,Sans-Serif;
        font-color: #ffffff;
}

h2 span{
	display: none
}
h2 img{
	display: block
}
p{
	line-height: 1.5em;
	padding: 0 0 .8em
}
.indented
   {
   padding-left: 50pt;
   padding-right: 50pt;
   }
table td,  table th{
padding:5px;
  ...
}
.formbutton { 
color: #3d1704; 
font-weight: bold; 
background-color: #b5dc11; 
border-color: #3d1704; 
border: 1px solid; 
}
.salecolor {
color: #cc0000;
}

/*=== Layout ===*/
#page{
	margin: 0 auto;
	width: 777px
}
/*=== Header ===*/
#header{
	background: url(../images/header-bgr.gif) no-repeat right top;
	height: 181px
}
#header .spacer{
	float: right;
	width: 581px
}
/*- Logo -*/
#header h1{
	background: url(../images/logo.gif) no-repeat;
	float: left;
	text-indent: -9999px;
	width: 172px
}
#header h1 a{
	display: block;
	height: 181px
}
#header h1 a:hover{
	text-decoration: none
}
/*=== Navigation ===*/
/*- Nav1 -*/
#nav1{
	background: #b5dc11;
	height: 36px;
	margin: 125px 0 0
}
#nav1 ul{
	padding: 0 0 0 10px
}
#nav1 li{
	float: left;
	line-height: 36px
}
#nav1 li a{
	color: #3d1704;
	display: block;
	float: left;
	padding: 0 10px
}
#nav1 li.active a{
	font-weight: normal;
	text-decoration: underline
}

#nav1 li.last{
	background: url(../images/cart-sep.gif) no-repeat left
}
/*- Nav2 -*/
.nav2{
	margin: 0 0 2em
}
.nav2 li{
        margin: 0 0 .9em
}
.nav2 li a{
	background: url(../images/nav2-ico.gif) no-repeat left;
	padding: 0 0 0 12px;
        font-size: .9em;
}
.nav2 li a:hover,
#leftcol .nav2 li.active a{
	color: #b5dc11;
	font-weight: normal;
	text-decoration: none
}

/*=== All Columns ===*/
#columns{
	background: url(../images/columns-bgr.gif) repeat-y;
	height: 1%
}
/*=== Left Column ===*/
#leftcol{
	color: #ffffff;
	float: left;
	margin: 80px 15px 0 15px;
	width: 142px
}
#leftcol a{
	color: #ffffff
}
#leftcol a:hover{
	color: #b5dc11
}
#leftcol h2{
	font-size: 1em;
	margin: 0 0 2em
}
/*=== Center Column ===*/
#centercol{
	display: table-cell;
	display: block;
	float: right;
	height: auto !important;
	height: 600px;
	min-height: 600px;
	width: 581px
}
#centercol h2{
	font-size: 1.3em;
	margin: 0 0 .8em
}
#centercol h3{
	font-size: 1em;
	font-weight: normal;
	margin: 0 0 .8em
}
#centercol h4{
	font-size: 1em;
	font-weight: bold
}
/*=== Sub Columns ===*/
.col1{
	float: left;
	margin: 0 0 1.8em;
	width: 420px
}
.col2{
	float: left;
	margin: 0 0 0 20px;
	text-align: center;
	width: 100px
}
.col3{
	float: left;
	text-align: center;
	width: 33%
}
/*=== Styling Boxes ===*/
/*- Box1 -*/
.box{
	border: 2px solid #b5dc11;
	float: left;
	width: 275px
}
.box .top{
	background: #b5dc11;
	line-height: 26px;
	padding: 0 0 0 10px
}
.box .spacer{
	display: table-cell;
	display: block;
	height: auto !important;
	height: 132px;
	min-height: 132px;
	padding: 5px 11px 10px
}
#centercol .box h2{
	font-size: 1.15em;
	font-weight: normal
}
/*- Product Info -*/
.prod img{
	border: 3px solid #3f1809
}
.prod-info{
	color: #3c1504;
	font-size: 18px;
	font-weight: bold
}
/*- Product Features -*/
.features{
	background: url(../images/pic-features.gif) no-repeat top center;
	height: 526px;
	margin: 0 0 100px
}
.features h4{
	margin: 0 0 4px;
       
}
.features p{
	font-size: 11px;
	line-height: 13px;
	visibility: hidden
}
.features div{
	position: absolute
}
.features div:hover h4,
.features div.hover h4{
	cursor: pointer
}
.features div:hover p,
.features div.hover p{
	cursor: pointer;
	visibility: visible
}
#f01{
	margin: 20px 0 0 85px;
	width: 150px
}
#f02{
	margin: 250px 0 0 5px;
	width: 120px
}
#f03{
	margin: 385px 0 0 5px;
	width: 120px
}
#f04{
	margin: 525px 0 0 125px;
	width: 190px
}
#f05{
	margin: 525px 0 0 380px;
	width: 140px
}
#f06{
	margin: 325px 0 0 485px;
	width: 110px
}
#f06 h4{
	padding: 0 0 0 20px
}
#f07{
	margin: 150px 0 0 395px;
	width: 160px
}
/*=== Footer ===*/
#footer{
	clear: both;
	height: 20px;
	padding: 10px 0
}
#footer a{
	color: #3d1704
}
#footer .fl{
	font-size: 9px;
	width: 180px
}
#footer .fr{
	width: 575px
}
#footer ul{
	text-align: center
}
#footer li{
	border-right: 1px solid #3d1704;
	display: inline;
	line-height: 1em;
	padding: 0 .4em
}
#footer li.last{
	border: 0
}
/*=== Misc. ===*/
.fix{
	clear: both;
	height: 1px;
	margin: -1px 0 0;
	overflow: hidden
}
hr{
	border-top: 1px solid #cccccc;
	clear: both;
	height: 1px;
	margin: 0 0 .8em;
	width: 100%
}
.fl{
	float: left
}
.fr{
	float: right
}
.ac{
	text-align: center
}
#ads{
	margin: -380px 0 0;
	position: relative;
	text-align: center;
	width: 172px
}
#ads img{
	margin: 0 0 50px
}