body {
    margin: 0px 0px;
    padding: 0px;
    text-align: center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	/*background-image:url(images/snowflake1.jpg);*/
	background-image:url(images/hotmix_bg.jpg);
	background-repeat: repeat-x; 
	background-color:#000;
	
}

div#main {
    width: 900px;
    margin: 0px auto;
    text-align: left;
    padding: 0px;
    background-color:#FFFFFF;
	z-index:50;
	font-size:11px;	
	
	
}

/* Styles for Category Menu for Non-JavaScript visitors */
.CatNav {
	width:230px; 
	background-color:#007256; 
	border-top:1px solid black; 
	border-right:1px solid black;
	border-left:1px solid black;
	height:30px; 
	font-family:Arial, Helvetica, sans-serif; 
	font-weight:700; 
	font-size:13px; 
	color:#000000; 	
	
	
}


.CatNav a {display:block; width:100%; height:30px; line-height:2em; border-bottom: 1px solid black; font-weight:bold;}


.CatNav a:link {color:#000000; text-decoration:none;}
.CatNav a:visited {color:#000000; text-decoration:none;}
.CatNav a:hover {
	color:#000000; 
	text-decoration:none;		
	background:#FFFFFF url('zpmenu/themes/barblue/arrow_down.gif') no-repeat right center;	
	border-bottom:#999999 solid 3px;
	height:27px;
	
}

.CatNav a:active {color:#000000; text-decoration:none;}

.CatNav2 {
	width:230px; 
	background-color:#007256; 
	border-top:1px solid black; 
	border-right:1px solid black;
	border-left:1px solid black;
	height:30px; 
	font-family:Arial, Helvetica, sans-serif; 
	font-weight:700; 
	font-size:13px; 
	color:#000000; 	
	
	
}


.CatNav2 a {display:block; width:100%; height:30px; line-height:2em; border-bottom: 1px solid black; font-weight:bold;}


.CatNav2 a:link {color:#000000; text-decoration:none;}
.CatNav2 a:visited {color:#000000; text-decoration:none;}
.CatNav2 a:hover {
	color:#000000; 
	text-decoration:none;		
	background:#FFFFFF; 
	border-bottom:#999999 solid 3px;
	height:27px;
	
}

.CatNav2 a:active {color:#000000; text-decoration:none;}

.CatTitle {
	text-align:center;
	color:#007256;
	font-weight:bold;
	font-size:24px;
	margin-bottom:-10px;
}
.whitelink { color:#FFFFFF;
	text-decoration:none;
	font-size:9px;
 }

.whitelink:link {color: #FFFFFF;}     /* unvisited link */
.whitelink:visited {color: #FFFFFF;}  /* visited link */
.whitelink:hover {color:#acdf29;}   /* mouse over link */
.whitelink:active {color: #FFFFFF;}   /* selected link */


.whitelink2 { color:#FFFFFF;
	text-decoration:none;
	font-size:16px;
	font-weight:bold;
 }

.whitelink2:link {color: #FFFFFF;}     /* unvisited link */
.whitelink2:visited {color: #FFFFFF;}  /* visited link */
.whitelink2:hover {color:#FFFFFF;}   /* mouse over link */
.whitelink2:active {color: #FFFFFF;}   /* selected link */

.LeftNav1 { color:#996600;
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
 }

.LeftNav1:link {color: #996600;}     /* unvisited link */
.LeftNav1:visited {color: #996600;}  /* visited link */
.LeftNav1:hover {color:#996600; text-decoration:underline}   /* mouse over link */
.LeftNav1:active {color: #996600;}   /* selected link */

.LeftNav2 { color:#0047D6;
	text-decoration:none;
	font-size:11px;
	font-weight:bold;
 }

.LeftNav2:link {color: #0047D6;}     /* unvisited link */
.LeftNav2:visited {color: #0047D6;}  /* visited link */
.LeftNav2:hover {color:#0047D6; text-decoration:underline}   /* mouse over link */
.LeftNav2:active {color: #0047D6;}   /* selected link */


.TopNavLink { color:#000000;
	text-decoration:none;
	font-size:10px;
 }

.TopNavLink:link {color: #000000;}     /* unvisited link */
.TopNavLink:visited {color: #000000;}  /* visited link */
.TopNavLink:hover {color:#000000; text-decoration:underline;}   /* mouse over link */
.TopNavLink:active {color: #000000;}   /* selected link */

p, font
{ font-family:		Verdana, Arial;
  font-size:		x-small;
}
td
{ font-family:		Verdana, Arial;
  font-size:		x-small;
  
}
.small
{ font-size:		x-small;
font-weight:bold;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
.cat
{ font-size: 10px; font-weight:bold;
}
.big
{ font-size:		small;
}
h1
{ font-family:	Verdana, Arial;
  font-size:	small;
  color:	black;
}
.standard
{ font-weight:		normal;
}
.light
{ color:			navy;
font-size:12px;
}
.lightsmall
{ color:			navy;
  font-size:		xx-small;
}
.lightstandard
{ color:			navy;
  font-size:12px;
  font-weight:		normal;
}
.lightbold
{ color:			navy;
font-size:13px;
  font-weight:		bold;
 }
 .logon
 {color:#336600;
 font-weight: bold;
 }
 .pricetext
 {font-family:Arial, Helvetica, sans-serif;
 color:#000000;
 font-size:13px;
 }
 .priceamt
 {font-family:Arial, Helvetica, sans-serif;
 color:red;
 font-size: 13px;
 font-weight: bold;
 }
 .priceamtblack
 {font-family:Arial, Helvetica, sans-serif;
 color:black;
 font-size: 13px;
 font-weight: bold;
 }
 .banner1
{ color: 			honeydew;
 font-weight:		bold;
}
.banner1:hover
{ color:		mediumseagreen;
}
.banner2
{ color:#003366;
font-family:Arial, Helvetica, sans-serif;
text-shadow:White;
font-size:15px;
font-weight:700;
text-decoration:none;
}
.banner2:hover
{ color:#006600;
	text-decoration:underline;
}
.logon
{ color:#003366;
font-family:Arial, Helvetica, sans-serif;
text-shadow:White;
font-size:18px;
font-weight:500;
}
.logon:hover
{ color:#006600
}
.banner3
{ color:	 honeydew;
font-family:Arial, Helvetica, sans-serif;
text-shadow:White;
font-size:small;
text-decoration:none;
}
.banner3:hover
{ color:#FFFF33;
}
.middle
{ color:			black;
}
a
{
  font-family:		Verdana, Arial;
  font-weight:		bold;
  font-size:		x-small;
  color:			#007256;
}
.no_underline
{ text-decoration:		none;
}
a.small
{
  font-family:		Verdana, Arial;
  font-size:		xx-small;
  font-weight:		bold;
  color:			#007256;
}
.header
{font-size:14px;
font-weight:bolder;
}
a:hover
{ color:		black;
}
a.standard
{ font-family:		Verdana, Arial;
  font-size:		x-small;
  font-weight:		normal;
}
a.cat
{ font-family:		Verdana, Arial;
  font-size:10px	;
  font-weight:		bold;
}
.cart
{ font-family:		Verdana,Arial;
  font-size:		xx-small;
  font-style:		italic;
  BORDER-BOTTOM:	0px solid;	
  BORDER-LEFT:		0px solid;
  BORDER-RIGHT:		0px solid;	
  BORDER-TOP:		0px solid;
  margin:			0px;
  font-weight:		bold;
  color:			darkslateblue;
  background-color:  transparent;
}

.cart2
{ font-family:		Verdana,Arial;
  font-size:		xx-small;
  font-style:		italic;
  BORDER-BOTTOM:	0px solid;	
  BORDER-LEFT:		0px solid;
  BORDER-RIGHT:		0px solid;	
  BORDER-TOP:		0px solid;
  margin:			0px;
  font-weight:		bold;
  color:			darkslateblue;
  background-color:  transparent;
}
.totalPrice
{ font-size:	    	small;
  BORDER-BOTTOM:	0px solid;	
  BORDER-LEFT:		0px solid;
  BORDER-RIGHT:		0px solid;	
  BORDER-TOP:		0px solid;
  margin:		1px;
  font-weight:		bold;
  color:		red;
  background-color:  transparent;
}

/* color for below is overridden for ie in head.tmp */
input.btn{
 color:#FFFFFF;
    font-family:'trebuchet ms',helvetica,sans-serif;
   font-weight:bold;
   background-color:#98cb00;
   border:1px solid;
   border-top-color:#696;
   border-left-color:#696;
   border-right-color:#363;
   border-bottom-color:#363;
   padding-right:7px;
   padding-left:7px;
   /* ie hack to remove auto padding and auto margin */
   overflow:visible; 
   width: 0;
   /* ie hack end (see below to cancel out for other browsers */  
   filter:progid:DXImageTransform.Microsoft.Gradient
      (GradientType=0,StartColorStr='#ffffffff',EndColorStr='#EDF9E1');}

input.btn[class] {
	/* counteract ie hack for other browsers */
	width: auto; 
}


 
input.btnhov{
   border-top-color:#c63;
   border-left-color:#c63;
   border-right-color:#930;
   border-bottom-color:#930;}
   
#topsubmenu table td a {
	font-weight:normal; font-size:1.11em; color:#ffffff;text-decoration:none; }
#topsubmenu img {display:none; }
#topsubmenu table { background-color:#007256; width:100%; padding:2px; padding-left:10px; }
#topsubmenu table td {color:#ffffff; font-family:Arial, Helvetica, sans-serif; font-size:12px; }
#topsubmenu table td .mainlevel { padding-left:3px; padding-right: 2px; }
#topsubmenu table td a:hover {
	font-size:1.11em; /*color:#005e37*/ color:#000; text-decoration:underline;}