* {
	margin:0;
	padding:0;
	list-style:none;
}

body {
	margin: 0;
	padding: 0;
	background-color: #000;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	background:#000 url(images/bg.jpg) repeat-x;
	background-attachment:fixed;
	background-position: 0 100px;
	}

p 				{  margin: 0;  padding: 0 0 ;  }
a 				{  color: #333300;  text-decoration: none;  }
a:visited 		{  color: #333300;  }
a:hover 		{  color: #333300; text-decoration: underline; }

/* +++++++++++++++++++++++++++++++++++++++++++++++
________________COMMON CLASSES__________________
_________________________________________________*/

img.top 		{  vertical-align:text-top;  }
img.bottom 		{  vertical-align:text-bottom;  }
.right 			{  float:right;  }
.left 			{  float:right;  }
div.clear 		{  clear:both;  }


.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }

.error { background: red; color:white; padding: 5px; margin:5px;font-weight: bold; text-transform: uppercase;}

/* +++++++++++++++++++++++++++++++++++++++++++++++
_____________CONTENT DIVS_________________________
_________________________________________________*/

#container{
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	width: 800px;
	height:800px;
	background:transparent url(images/header_baby.jpg) no-repeat;
	padding: 0px;
	padding-top: 150px;
	}

#footer{
	width: 800px;
	height: 43px;
	background:#000 url(images/bg_bottom.jpg) no-repeat bottom;
	margin-right: auto;
	margin-left: auto;
	margin-top:5px;
	clear:both;
	}

#navcontainer{
	margin-left: 7px;
	height: 75px;
	}

#subnavcontain{
	height: 17px;
	background: #ff6633;
	padding: 2px 0px 5px 0px;
	margin: 0;
	text-align: center;
	}

#rtcontainer{
	float: right;
	width: 554px;
	background: #ebebeb;
	}

#lftcontainer{
	float: left;
	width: 246px;
	overflow: hidden;
	margin:47px 0px 0px 0px;
	}

#lftcontainer .imgr{
	border: 0;
	background:#000;
	}
	
#lftcontainer .imgr img{
	border-left: 6px solid #ff6633 ;
	}	

#pricenavcontain{
	height: 20px;
	width: 323px;
	background: #ebebeb;
	padding: 0;
	margin:  0;
	}

.cart {
	cursor: pointer;
	height: 16px;
	margin: 0;
	font-size: 10px;
	font-family: arial;
	letter-spacing: 1px;
	font-weight: bold;
	}

#splash { 
	width:100%;
	height: 100%;
	background: black;
	position:absolute;
	z-index: 1000;
	top: 0px;
	left:0px;
	text-align: center;
	padding-top: 50px;
	}
	
#loading { 
	width:100%;
	height: 100%;
	background-position:center; 
	background-attachment:fixed;
	position:absolute;
	z-index: 1000;
	top: 0px;
	left:0px;
	text-align: center;
	padding-top: 300px;
	}
	
/* +++++++++++++++++++++++++++++++++++++++++++++++
_____________CONTENT CLASSES_______________________
_________________________________________________*/

.hinfo	{	background-color:#e7e7e7;	}

.subhead {
	margin-left: 8px;
	font-size: 10px;
	font-family: arial;
	letter-spacing: 1px;
	color: #939393;
	font-weight: normal;
	}

.pd_name {
	padding-left: 10px;
	padding-top: 3px;
	padding-bottom: 5px;
	background-color: #d3d3d3;
	background-image: none;
	background-repeat: repeat;
	background-attachment: scroll;
	background-position: 0% 0%;
	color: #669900;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ffffff;
	cursor: pointer;
	font-size: 12px;
	font-family: arial;
	letter-spacing: 1px;
}

.head {
	color: #8c8c8c;
	text-align:left;
	text-transform: lowercase;
	font-size: 12.5pt;
	padding-left: 17px;
	margin-top: 5px;
	font-weight:bold;
	}

p.description {
    margin-top: .5em; color: #666;
	margin-top: 0px;
	margin-bottom: 5px;
	margin-left: 17px;
	font-size: 11px;
	font-family: arial, san-serif;
	letter-spacing: .05em;
	line-height: 1.2em;
	color: #6c6c6c;
	font-weight: normal;
	height: 170px;
	overflow: hidden;
	}
p.desc {
	padding-top: .5em; 
	padding-top: 0px;
	padding-bottom: 5px;
	padding-left: 17px;
	font-size: 11px;
	font-family: arial, san-serif;
	letter-spacing: .05em;
	line-height: 1.2em;
	color: #6c6c6c;
	font-weight: normal;
	height: 170px;
	overflow: hidden;
	}
	
p.par {
	padding-top: .5em; 
	padding-top: 0px;
	padding-bottom: 5px;
	padding-left: 17px;
	font-size: 11px;
	font-family: arial, san-serif;
	letter-spacing: .05em;
	line-height: 1.2em;
	color: #6c6c6c;
	font-weight: normal;
	height: 100%;
	overflow: hidden;
	}

.descImg{
	background:#fff;
	color:#ff6633;
	float:right;
	display:block;
	width:205px;
	border: 0px;
	margin-left: 6px;
	}

.pinfo{
	background:#000	 url(images/bg_pd-desc.jpg) repeat;
	padding: 0 0 0px 0;
	overflow:auto;
	}

.pinfo hr{ 
	margin-bottom: 5px;
	padding-top: 5px;
	margin-left: 13px;
	margin-right: 8px;
	padding-right:10px;
	border:none;
	border-bottom: 2px solid #B1BB7F;
	}
											  
.variation {
	margin-top: 8px;
	margin-left: 5px;
	margin-bottom:5px;
	margin-right:7px;
	font-size: 12px;
	font-family: arial;
	letter-spacing: 1px;
	color: #000;
	font-weight: bold;
	}

.price {
	margin-top: 8px;
	margin-bottom: 5px;
	margin-left: 2px;
	font-size: 10px;
	font-family: arial;
	letter-spacing: 1px;
	color: #cc6633;
	font-weight: normal;
	}
	
option, select { font-size: 13px; font-weight: bold; font-family: arial; padding: 1px 3px; }
	
.ingredients {
	font-size: 10px;
	font-family: arial;
	letter-spacing: 1px;
	color: #cc6633;
	font-weight: normal;
	}

.footerText {padding:48px 0 0 20px;color:#555;font-size: .7em;}

/* +++++++++++++++++++++++++++++++++++++++++++++++
_____________PRIMARY NAVIGATION MENU_____________
_________________________________________________*/

.pane-list {
	margin: 0;
	padding: 0;
	list-style: none;
	float: right;
	border-right: 8px solid #EBEBEB;
	}

ul.pane-list li {
	padding: 0;
	cursor: pointer;
	display: block;
	width:80px;
	float: right;
	border: 8px solid #EBEBEB;
	border-right: 8px;
	}

ul.pane-list li a {
	text-align:center;
	font-size: 12px;
	font-family: arial;
	letter-spacing: 1px;
	color:white;
	text-decoration: none;
	padding-top: 55px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
	display: block;
	font-weight:bold;
	}
	
ul.pane-list ul{ 	
	position: absolute;
	z-index: 2;
	display: none;
	color:#efefef;
	z-index: 1000;
	overflow: hidden;
	font-family: Georgia, Times, sans-serif; 
	font-size: 9px;
	border:8px #EBEBEB solid;
	border-top: 0px;
	margin-left: -8px;
	}
ul.pane-list ul li { 	
	padding: 0;
	cursor: pointer;
	width:80px;
	float: none;
	border: none;  }
ul.pane-list ul li a{ padding:0px; margin:0px; font-family: Arial, sans-serif; font-weight: normal;  	color:white;
}

/*
.pane-list li.one a			{  background: #ff6633;  }
.pane-list li.one a:hover 	{  background: #ff9966;  }

.pane-list li.two a			{  background: #00cccc;  }
.pane-list li.two a:hover 	{  background: #99cccc;  }

.pane-list li.three a		{  background: #993300;  }
.pane-list li.three a:hover {  background: #CC6633;  }
*/

.pane-list li.one a			{  background: #ff6633;  }
.pane-list li.one a:hover 	{  background: #ff9966;  }

.pane-list li.two a			{  background:#00cccc;  }
.pane-list li.two a:hover 	{  background:#99cccc;  }

.pane-list li.three a		{  background:#993300;  }
.pane-list li.three a:hover {  background:#CC6633;  }

.pane-list li.four a		{  background: #669900;   }
.pane-list li.four a:hover 	{  background: #92db00;  }

.pane-list li.zero a ,.pane-list li.zero img {  background:#000	 url(images/HMlogo.jpg) no-repeat;  }



/* +++++++++++++++++++++++++++++++++++++++++++++++
_____________SUB NAV MENU_________________________
_________________________________________________*/

ul.pane-list2 {

	list-style: none;
	float: right;
	display: block;

	}
	
.pane-list2 li.one {
	cursor: pointer;
	height: 15px;
	float: left;
	font-size: 9px;
	font-family: arial;
	letter-spacing: 1px;
	font-weight: bold;
	display:block;
	}

.pane-list2 li.one a {  
	color:white;  
	font-size: 9px;
	text-transform:uppercase; 
	display:block; 	
	padding: 2px 8px 2px 8px;
	border-left: 1px solid #FFb;
	text-decoration:none;
	}
	
.pane-list2 li.one a:hover 	{  background-color:#690		}

.pagination { font-size: 13px; font-weight: bold; font-family: arial;}
/* +++++++++++++++++++++++++++++++++++++++++++++++
_____________VARIATIONS MENU_____________________
_________________________________________________*/

ul.vars 		{  padding-top:3px;  padding-left:15px;  float:left;}
ul.vars li 		{  float:left; display:inline; padding:2px 5px 2px 2px;}
ul.vars li.one 	{  background:transparent url(images/bg_var.gif) bottom right repeat; }
ul.vars li img 	{  background-image: none; border:none; }
ul.vars li label { color: #330; font-size: 13px;

font-weight: bold;

font-family: arial;}
input.buynow { background: url(images/buyNow.gif) bottom; width: 131px; height:19px; border: 1px #333 solid; cursor: pointer;}
input.buynow:hover { background: url(images/buyNow.gif) top; border: 1px #555 solid; }

/* +++++++++++++++++++++++++++++++++++++++++++++++
_____________SHOPPING CART TABLE__________________
_________________________________________________*/

.checkout 			{  	font-family: Verdana, Helvetica, sans-serif;  font-size: 12px;  }
.checkout .label 	{	color:black; padding: 3px; text-align: right; text-transform: uppercase; font-weight: bold;  }
.checkout .content 	{  	background-color: #FFFFFF;  color:black;  padding: 5px;}
.infoTableHeader 	{ 	padding: 3px; text-align: right; text-transform: uppercase; font-weight: bold; color: #FFFFFF; background-color: #224; font-weight: bold; background-position: center; }
td.shippingStep 	{ 	padding-top: 20px;padding-left: 5px; vertical-align:middle ;color: #555; text-transform: uppercase; font-weight: bold; }
.entryTableHeader 	{ 	background-color:#ff6633 ; color: white; text-transform: uppercase;padding: 10px 0px; }
tr.entryTableHeader td { padding: 10px; }

.submit {background-color: black; border: 1px solid white; color: white; padding: 10px; font-weight: bold; font-size: 1.1em;}
#btnStep1{background-color: black; border: 1px solid white; color: white; padding: 10px; font-weight: bold; font-size: 1.1em;}

/* +++++++++++++++++++++++++++++++++++++++++++++++
_____________ACCORDIAN STYLES______________________
_________________________________________________*/

.accordion {
	width: 540px;
	border-bottom: solid 1px #f7f7f7;
	}
.accordion img {
	display: inline;
	}
	
.accordion h3 {
	background: #c3c3c3 url(images/arrow-square.gif) no-repeat right -51px;
	padding: 3px 15px;
	margin: 0;
	font: bold 120%/100% Arial, Helvetica, sans-serif;
	border: solid 1px #fff;
	border-bottom: none;
	cursor: pointer;
	color: #669900;
	font-weight:normal;
	font-size:14px;
	text-align: left;
	}

.accordion h3:hover 	{	background-color: #e3e2e2;	}
.accordion h3.active 	{	background-position: right 5px;	}

	
.accordion p {
    margin-top: .5em; color: #666;
	margin-top: 0px;
	margin-bottom: 5px;
	margin-left: 17px;
	font-size: 11px;
	font-family: arial, san-serif;
	letter-spacing: .05em;
	line-height: 1.2em;
	color: #6c6c6c;
	font-weight: normal;
	overflow: hidden;
	}
	.accordion hr {
	margin-bottom: 5px;
	padding-top: 5px;
	margin-left: 13px;
	margin-right: 8px;
	padding-right:10px;
	border:none;
	border-bottom: 2px solid #B1BB7F;
	}


/* +++++++++++++++++++++++++++++++++++++++++++++++
_____________JQUERY SLIDER STYLE_________________
_________________________________________________*/
div.panel									{ width:554px; }
.slider-wrap								{ width: 554px; position: absolute; background:#000 url(images/bg_pd-desc.jpg) repeat; }			
.stripViewer .panelContainer .panel ul		{ text-align: left; margin: 0 0px 0 0px; }
.stripViewer								{ position: relative; overflow: hidden; width: 554px; height:256px; }
.stripViewer .panelContainer				{ position: relative; left: 0; top: 0; }
.stripViewer .panelContainer .panel			{ float: left; height: 100%; position: relative; width: 554px; }
.stripNavL, .stripNavR, .stripNav			{ display: none; }

.nav-thumb 									{ width: 100px;border:none; }
#movers-row									{ margin: 0px;padding-left: 8px; }
#movers-row li								{ float: left; width:100px; position: relative;}
#movers-row li a.cross-link 				{  border: 3px solid #d3d3d3;}

.cross-link									{ display: block; width: 100px; position: relative; }
.active-thumb 								{ filter:alpha(opacity=60); opacity:0.6; }

.thumbsNav									{float:right;background-color:black ;text-align:right;color:#555555;font-size:20px;
											 width:554px;border-top: 15px solid #ff6633;}
.thumbsNav	a								{color:#ff6633;}

em.hover {
	/*background: url(images/hover.png) no-repeat; */
	background-color:#222;
	width: 95px;
	position: absolute;
	top: 55px;
	left: 2px;
	text-align: center;
	padding: 8px 0px;
	font-style:normal;
	z-index: 2;
	/* for IE */
	filter:alpha(opacity=80);
	/* CSS3 standard */
	opacity:0.8;
	display: none;
	color:#fff;
	z-index: 1000;
	overflow: hidden;
	font-size: 11px;
}
											  
/* +++++++++++++++++++++++++++++++++++++++++++++++
_____________THICKBOX STYLES______________________
_________________________________________________*/
#TB_window {
  font: 12px Arial, Helvetica, sans-serif;
  color: #333333;
}
#TB_secondLine {
  font: 10px Arial, Helvetica, sans-serif;
  color:#666666;
}
#TB_window a:link {color: #F39;}
#TB_window a:visited {color: #F39;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #F39;}
#TB_window a:focus{color: #F39;}

#TB_overlay {
  position: fixed;
  z-index:100;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}

.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}

.TB_overlayBG {
  background-color:#000;
  filter:alpha(opacity=75);
  -moz-opacity: 0.75;
  opacity: 0.75;
}
* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_window {
  position: fixed;
  background: #ffffff;
  z-index: 102;
  color:#000000;
  display:none;
  border: 4px solid #525252;
  text-align:left;
  top:50%;
  left:50%;
}
* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_window img#TB_Image {
  display:block;
  margin: 15px 0 0 15px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #666;
  border-left: 1px solid #666;
}
#TB_caption{
  height:25px;
  padding:7px 30px 10px 25px;
  float:left;
}
#TB_closeWindow{
  height:25px;
  padding:11px 25px 10px 0;
  float:right;
}
#TB_closeAjaxWindow{
  padding:7px 10px 5px 0;
  margin-bottom:1px;
  text-align:right;
  float:right;
}
#TB_ajaxWindowTitle{
  float:left;
  padding:7px 0 5px 20px;
  margin-bottom:1px;
}
#TB_title{
  background-color:#ddd;
  height:27px;
  text-transform:uppercase;
  font-weight:bold;
}
#TB_ajaxContent{
  clear:both;
  padding:2px 15px 15px 15px;
  overflow:auto;
  text-align:left;
  line-height:1.4em;
  background-color:#eee;
}
#TB_ajaxContent.TB_modal{
  padding:15px;
}
#TB_ajaxContent p{
  padding:5px 0px 5px 0px;
  float:left;
}

#TB_ajaxContent img{
float:right;}

#TB_load{
  position: fixed;
  display:none;
  height:13px;
  width:208px;
  z-index:103;
  top: 50%;
  left: 50%;
  margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}
* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_HideSelect{
  z-index:99;
  position:fixed;
  top: 0;
  left: 0;
  background-color:#fff;
  border:none;
  filter:alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  height:100%;
  width:100%;
}
* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_iframeContent{
  clear:both;
  border:none;
  margin-bottom:-1px;
  margin-top:1px;
  _margin-bottom:1px;
}