/*=== Setup ===*/

body {
 background-color:#ffffff; margin-left: 0px;
 margin-top: 0px;
 margin-right: 0px;
 margin-bottom: 30px;
  }

body,td,th,p,div {

	font-family: Century Gothic, Geneva, Arial,  helvetica;
	font-size: 12px;
	color: #6c0046;
}
input,select,textarea{
	border: #c1ce45 1px solid;
	background-color:#c1ce45;
        font-size: 1em;
	color: #ffffff;
        padding: 2px
}

h2 span{
	display: none
}
h2 img{
	display: block
}
p{
	line-height: 1.5em;
	padding: 0 0 .8em
}
line {
    margin-top: 1em;
    padding-top: 1em;
    border-top: thin dotted
}

A:link {font-family: Century Gothic, Geneva, Arial, Helvetica; font-size: 12; text-decoration: none; color: #6c4986}
A:visited {font-family: Century Gothic, Geneva, Arial, Helvetica; font-size: 12; text-decoration: none; color: #6c4986}
A:active {font-family: Century Gothic, Geneva, Arial, Helvetica; font-size: 12; text-decoration: none; color: #6c4986}
A:hover {font-family: Century Gothic, Geneva, Arial, Helvetica; font-size: 12; text-decoration: none; color: #6c4986}

.class1 A:link {font-family: Century Gothic,Geneva, Arial, Helvetica; font-size: 12; font-weight: bold; text-decoration: none; color: #ACD86A}
.class1 A:visited {font-family: Century Gothic,Geneva, Arial, Helvetica; font-size: 12; font-weight: bold; text-decoration: none; color: #ACD86A}
.class1 A:active {font-family: Century Gothic,Geneva, Arial, Helvetica; font-size: 12; font-weight: bold; text-decoration: none; color: #ACD86A}
.class1 A:hover {font-family: Century Gothic,Geneva, Arial, Helvetica; font-size: 12; font-weight: bold; text-decoration: none; color: #6c4986}

.class2 A:link {font-family: Century Gothic,Geneva, Arial, Helvetica; font-size: 12; text-decoration: none; color: #ffffff}
.class2 A:visited {font-family: Century Gothic,Geneva, Arial, Helvetica; font-size: 12; text-decoration: none; color: #ffffff}
.class2 A:active {font-family: Century Gothic,Geneva, Arial, Helvetica; font-size: 12; text-decoration: underline; color: #ffffff}
.class2 A:hover {font-family: Century Gothic,Geneva, Arial, Helvetica; font-size: 12; text-decoration: underline; color: #ffffff}

.class3 A:link {font-family: Century Gothic, Geneva, Arial, Helvetica; font-size: 12; text-decoration: none; color: #ffffff}
.class3 A:visited {font-family: Century Gothic, Geneva, Arial, Helvetica; font-size: 12; text-decoration: none; color: #ffffff}
.class3 A:active {font-family: Century Gothic, Geneva, Arial, Helvetica; font-size: 12; text-decoration: underline; color: #ffffff}
.class3 A:hover {font-family: Century Gothic, Geneva, Arial, Helvetica; font-size: 12; text-decoration: underline; color: #ffffff}

/*=== 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 15px
}
#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: bold;
	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
}
.nav2 li a:hover,
#leftcol .nav2 li.active a{
	color: #b5dc11;
	font-weight: bold;
	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 0 0;
	padding: 0 0 0 15px;
	width: 157px
}
#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: 1.25em;
	font-weight: normal;
	margin: 0 0 .8em
}
#centercol h4{
	font-size: 1em;
	font-weight: normal
}
/*=== 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: 27px 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
}