/*=== Setup ===*/
*{
	border: 0;
	margin: 0;
	padding: 0
}
body{
	background: url(../images/bgr.gif) #e2e2e2;
	color: #000000;
	font: .75em Verdana,Arial,Geneva,Helvetica,Sans-Serif;
	padding: 17px 0 0
}
a{
	color: #cc0033;
	text-decoration: none
}
a:hover{
	text-decoration: underline
}
input,select,textarea{
	border: #999999 1px solid;
	font-size: 1em;
	padding: 3px
}
li{
	list-style: none
}
h2{
	color: #e30044;
	font-size: 2em;
	font-weight: normal;
	margin: 0 0 .3em
}
h3{
	font-size: 1.2em;
	font-weight: normal
}
h4{
	font-size: 1em
}
h5{
	color: #e30044;
	margin-bottom:3px;
	font-size:0.99em;
	text-transform:uppercase;
}
p{
	padding: 0 0 1.1em
}
/*=== Layout ===*/
#page{
	background: #ffffff;
	height: 1%;
	margin: 0 auto;
	padding: 16px 10px 0;
	width: 760px
}
/*- Logo -*/
#logo h1{
	background: url(../images/logo4.png) no-repeat;
	margin: 0 0 0 -70px;
	position: absolute;
	text-indent: -9999px;
	top: 0;
	width: 248px
}
#logo h1 a{
	display: block;
	height: 158px
}
#logo h1 a:hover{
	text-decoration: none
}
/*=== Navigation ===*/
/*- Nav1 -*/
#nav1{
	font-size: 16px;
	height: 41px;
	margin: 0 0 10px;
	text-transform: lowercase
}
#nav1 ul{
}
#nav1 li{
	float: left;
	line-height: 41px;
	margin: 0 1px 0 0;
	text-align: center
}
#nav1 li a{
	color: #ffffff;
	display: block;
	float: left;
	width: 143px
}
#nav1 li#n01 a{
	background: #66af22
}
#nav1 li#n02 a{
	background: #0055a0
}
#nav1 li#n03 a{
	background: #e3197a
}
#nav1 li#n04 a{
	background: #fdcf2e
}
#nav1 li#n05 a{
	background: #93117e;
	
}
#nav1 li#n05{
	margin: 0
}
#nav1 li#n01 a:hover,
#nav1 li#n02 a:hover,
#nav1 li#n03 a:hover,
#nav1 li#n04 a:hover,
#nav1 li#n05 a:hover{
	background-image: url(../images/overlay.png);
}
/*- Nav2 -*/
.nav2{
	margin: 0 0 10px
}
.nav2 li{
	margin: 0 0 1px
}
.nav2 li a{
	background: url(../images/nav2-ico.gif) #f8bfd0 repeat-y left;
	color: #ffffff;
	display: block;
	height: 22px;
	line-height: 22px;
	padding: 0 0 0 25px
}
.nav2 li a:hover,
.nav2 li.active a{
	background: #f38fad;
	text-decoration: none
}
/*=== Title ===*/
#title{
	clear: both;
	height: 150px;
	margin: 0 0 10px;
	overflow: hidden
}
/*=== Left Column ===*/
#leftcol{
	float: left;
	margin: 130px 0 0;
	width: 170px
}
#leftcol h3{
	background: #e30044;
	border-bottom: 1px solid #ffffff;
	color: #ffffff;
	height: 1.7em;
	line-height: 1.7em;
	padding: 0 0 0 8px
}
/*=== Center Column ===*/
#centercol{
	float: right;
	width: 575px
}
/*=== Styling Boxes ===*/
/*- Box1 -*/
.box{
	background: #f0f0f0;
	height: 1%;
	margin: 0 0 10px;
	padding: 5px
}
.box .spacer{
	border: 1px dashed #ffffff;
	display: block;
	display: table-cell;
	height: 504px;
	height: auto !important;
	min-height: 504px;
	padding: 10px 15px
}
/*- Box2 -*/
.box2{
	background: #f8bfd0;
	height: 1%;
	margin: 0 0 10px;
	padding: 12px
}
.box2-login{
	background: #f8bfd0;
	padding: 0px;
	height:140px;
	margin: 0 0 10px;
}
/*=== Styling Lists ===*/
/*- List1 -*/
.list1{
	color: #cc0033;
	font-size: .9em;
	margin: 0 0 .8em
}
.list1 a{
	text-decoration: underline
}
.list1 li{
	margin: 0 0 1em
}
.list1 li em{
	color: #ffffff;
	font-style: normal
}
/*- Product List -*/
.prodlist{
	margin: 15px -30px 0 0;
	overflow: hidden;
	position: relative;
	width: 552px
}
.prodlist li{
	float: left;
	margin: 0 30px 13px 0;
	text-align: center;
	width: 154px
}
.prodlist .hdr{
	background: #ffffff;
	margin: 0 0 4px;
	padding: 5px;
}
.prodlist .wrap{
	background: #ffffff;
	border: 2px solid #ffffff;
	height: 106px
}
.prodlist .wrap:hover{
	border: 2px solid #cdcdcd
}
.prodlist h3{
	border: 1px dashed #e9e9e9;
	color: #666666;
	font-size: 12px;
	font-weight: bold;
	padding: 2px 0
}
.prodlist h3 a{
	color: #666666
}
/*=== Styling Forms ===*/
input.btn, input.chk{
	border: 0;
	padding: 0
}
select{
	padding: 1px
}
.login{color:#FFFFFF;text-align:center;font-weight:600; }
/*- Form1 Setup -*/
.form1 div{
	margin: 0 0 5px
}
.form1 label{
	color: #ffffff;
	display: block;
	margin: 0 0 3px
}
.form1 input{
	width: 137px
}
.form1 .btn{
	margin: 5px 0 0;
	width: auto
}
/* Form1 Checkboxes, Radio inputs */
.form1 .chk input{
	background: none;
	border: 0;
	float: left;
	height: 15px;
	margin: 0 5px 0 0;
	width: 15px
}
.form1 .chk label{
	float: none
}
/* Form1 Textarea */
.form1 textarea{
	height: 50px;
	overflow: auto;
	width: 170px
}
/* Form1 Select */
.form1 select{
	width: 105px
}
/*=== Footer ===*/
#footer{
	color: #666666;
	font-size: .85em;
	height: 20px;
	margin: 0 auto;
	padding: 5px 0 0;
	width: 760px
}
#footer a{
	color: #666666;
	text-decoration: underline
}
#footer a:hover{
	color: #000000
}
/*=== Img ===*/
img.right{
	float:right;
	margin:0 0 10px 10px;
}
img.left{
	float:left;
	margin:0 10px 10px 0;
}
/*=== Misc. ===*/
.fix{
	clear: both;
	height: 1px;
	margin: -1px 0 0;
	overflow: hidden
}
.ac{
	text-align: center
}
.fl{
	float: left
}
.fr{
	float: right
}
a.page-button{
	margin-top:5px;
	background:#E30044;
	color:#ffffff;
	padding:5px;
	border:1px solid #cc0033;
	font-weight:bold;
}
a.page-button:hover{
	background:#ffffff;
	color:#cc0033;
}
ul.standard{
	margin:0 0 15px 30px;
}
ul.standard li{
	list-style:outside;
	margin:3px 0;
}
ul.standard ul{
	margin:0 0 0 15px;
}
ul.standard ul li{
	list-style-type:square;
	margin:2px 0;
}
.news-date{
	margin:0;
	padding-bottom:3px;
	color:#000000;
	font-weight:bold;
	font-size:12px;
}
/*=== Stockist Popup. ===*/
.stockist-table{ margin:10px; background:#ffffff;}
.preferred-stock{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;}
.left-column{height:50px;color: #e30044;
	padding-left:10px;
	margin-bottom:3px;
	font-size:0.99em;
	text-transform:uppercase;font-weight:bold;border-bottom:1px solid #cccccc;}
.right-column{height:50px;border-bottom:1px solid #cccccc; padding-left:10px;}
.stockist-link{
	border: 1px dashed #ffffff;
	background:#E2E2E2;
	padding:5px;
}