/* ------------------------------ COOL MENUS4 - default styles - do not edit */

.clCMAbs{position:absolute; visibility:hidden; left:0; top:0}
/* CoolMenus 4 - default styles - end */
  
/*Styles for level 0*/
.clLevel0, .clLevel0over{position:absolute; padding:0px; font-family:verdana,arial,helvetica; font-size:11px; font-weight:normal;}
.clLevel0{background-color:transparent; color:#333333;}
.clLevel0over{background-color:#D9CEC4; layer-background-color:#D0BEAE; color:#FFFFFF; cursor:hand;}
.clLevel0border{position:absolute; visibility:hidden; background-color:transparent; layer-background-color:#333333;}

/*Styles for level 1*/
.clLevel1, .clLevel1over{position:absolute; text-align:left; padding:5px; font-family:verdana,arial,helvetica; font-size:10px; font-weight:bold;}
.clLevel1{background-image: url('images/menu/bg.jpg'); background-color:#FFFFFF; layer-background-color:#FFFFFF; color:#000000;}
.clLevel1over{background-image: url('images/menu/bg_on.jpg'); color:#000000; cursor:pointer; cursor:hand;}
.clLevel1border{position:absolute; visibility:hidden; background-color:#666666; layer-background-color:#D0BEAE}

/*Styles for level 2*/
.clLevel2, .clLevel2over{position:absolute; padding:5px; font-family:verdana,arial,helvetica; font-size:10px; font-weight:bold}
.clLevel2{background-image: url('images/menu/bg.jpg'); background-color:#FFFFFF; layer-background-color:#FFFFFF; color:#000000;}
.clLevel2over{background-image: url('images/menu/bg_on.jpg'); color:#000000; cursor:pointer; cursor:hand;}
.clLevel2border{position:absolute; visibility:hidden; background-color:#666666; layer-background-color:#D0BEAE}

/* ------------------------------ STYLESHEET */

<STYLE type="text/css">
<!--	
body	 {margin:0px; 
      background-image:url('images/bg_cream.jpg'); background-color:#FFFAE8; text-align: center;
}

#container {margin-left: auto; margin-right: auto; margin-top: 20px; width: 950px; text-align: left;
}

#menu {padding-right:60px; padding-left:60px; text-align: center; margin: 0 auto;
}

/* ------------------------------ BORDERS & BACKGROUNDS */

/* MAIN PINK */

#boxpink {background-image:url('images/borders/pink/border.jpg'); background-repeat: repeat-y; margin-top: -5px; z-index:0;
  background-color:#D51E5D;
  padding-bottom:50px; padding-top:0px; padding-right:60px; padding-left:60px;
  font-family: Georgia, Garamond, serif; font-size: 12px; color: #FFFFFF; line-height:1.5
}
#boxpink a:link		{/* place a properties in this order, or else IE6 wont display mouseover color */
			color: #FFCC00; text-decoration:none;
}
			
#boxpink a:visited 	{color: #FFCC00; text-decoration: none;
}
	
#boxpink a:active	{color: #FFCC00; text-decoration: none; 
}

#boxpink a:hover 	{color: #FFFF00; text-decoration: none; 
}

/* MAIN PURPLE */

#boxpurple {background-image:url('images/borders/purple/border.jpg'); background-repeat: repeat-y; margin-top: -4px; z-index:0;
  padding-bottom:50px; padding-top:0px; padding-right:60px; padding-left:60px;
  font-family: Georgia, Garamond, serif; font-size: 12px; color: #FFFFFF; line-height:1.5;
}

/* MAIN TEAL */

#boxteal {background-image:url('images/borders/teal/border.jpg'); background-repeat: repeat-y; margin-top: -5px; z-index:0;
  padding-bottom:50px; padding-top:0px; padding-right:60px; padding-left:60px;
  font-family: Georgia, Garamond, serif; font-size: 12px; color: #FFFFFF; line-height:1.5;
}

#boxteal a:link		{/* place a properties in this order, or else IE6 wont display mouseover color */
			color: #FFCC00; text-decoration:none;
}
			
#boxteal a:visited 	{color: #FFCC00; text-decoration: none;
}
	
#boxteal a:active	{color: #FFCC00; text-decoration: none; 
}

#boxteal a:hover 	{color: #FFFF00; text-decoration: none; 
}			

/* MAIN BLUE */

#boxblue {background-image:url('images/borders/blue/border.jpg'); background-repeat: repeat-y; margin-top: -5px; z-index:0;
  padding-bottom:50px; padding-top:0px; padding-right:60px; padding-left:60px;
  font-family: Georgia, Garamond, serif; font-size: 12px; color: #FFFFFF; line-height:1.5;
}

/* MAIN GREEN */

#boxgreen {background-image:url('images/borders/green/border.jpg'); background-repeat: repeat-y; margin-top: -5px; z-index:0;
  padding-bottom:50px; padding-top:0px; padding-right:60px; padding-left:60px;
  font-family: Georgia, Garamond, serif; font-size: 12px; color: #000000; line-height:1.5;
}

#boxgreen a:link		{/* place a properties in this order, or else IE6 wont display mouseover color */
			color: #FFFF00; text-decoration:none;
}
			
#boxgreen a:visited 	{color: #FFFF00; text-decoration: none;
}
	
#boxgreen a:active	{color: #FFFF00; text-decoration: none; 
}

#boxgreen a:hover 	{color: #FFFF99; text-decoration: none; 
}			

/* ----- for use in forms */
td.cellgreen {font-family: Georgia, Garamond, serif; font-size: 11px; color: #000000; line-height:1.5; vertical-align: top;
}


/* MAIN YELLOW */

#boxyellow {background-image:url('images/borders/yellow/border.jpg'); background-repeat: repeat-y; margin-top: -5px; z-index:0;
  padding-bottom:50px; padding-top:0px; padding-right:60px; padding-left:60px;
  font-family: Georgia, Garamond, serif; font-size: 12px; color: #000000; line-height:1.5;
}

#boxyellow a:link		{/* place a properties in this order, or else IE6 wont display mouseover color */
			color: #CC3300; text-decoration:none;
}
			
#boxyellow a:visited 	{color: #CC3300; text-decoration: none;
}
	
#boxyellow a:active	{color: #CC3300; text-decoration: none; 
}

#boxyellow a:hover 	{color: #FF0066; text-decoration: none; 
}	

/* ----- for use in forms */
td.cellyellow  {font-family: Georgia, Garamond, serif; font-size: 11px; color: #000000; line-height:1.5; vertical-align: top;
}
td.cellpink  {font-family: Georgia, Garamond, serif; font-size: 11px; color: #FFFFFF; line-height:1.5; vertical-align: top;
}

/* ------------------------------ CONTENT */

#content  {font-family: Georgia, Garamond, serif; font-size: 12px; color: #FFFFFF; line-height:1.5;
   padding-bottom:50px; padding-top:10px; padding-right:20px; padding-left:20px;
}

#content a:link		{/* place a properties in this order, or else IE6 wont display mouseover color */
			color: #CC6600; text-decoration:none; font-weight: bold;
}
			
#content a:visited 	{color: #CC6600; text-decoration: none; font-weight: bold;
}
	
#content a:active	{color: #FF0000; text-decoration: none; font-weight: bold;
}

#content a:hover 	{color: #FF0000; text-decoration: none; border-bottom: 1px dotted #666666; font-weight: bold;
}			

#content cell  {font-family: Georgia, Garamond, serif; font-size: 12px; color: #FFFFFF; line-height:1.5; vertical-align: top;
}

#crumb {font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 9px; letter-spacing: .5px; line-height:2;
			color: #000000;	padding-bottom:0px; padding-top:20px; padding-right:0px; padding-left:0px;
}

#crumb a:link		{/* place a properties in this order, or else IE6 wont display mouseover color */
			color: #000000; text-decoration:none;
}
			
#crumb a:visited 	{color: #000000; text-decoration: none;
}
	
#crumb a:active	{color: #000000; text-decoration: none; 
}

#crumb a:hover 	{color: #FFFFFF; text-decoration: none; border-bottom: 1px dotted #000000;
}			

/* ----- for use in 2-column table */
td.cell2  {font-family: Georgia, Garamond, serif; font-size: 12px; color: #FFFFFF; line-height:1.5; vertical-align: top;
}

/* ----- for use in forms */
td.cell3  {font-family: Georgia, Garamond, serif; font-size: 11px; color: #FFFFFF; line-height:1.5; vertical-align: top;
}

/* ----- for use in product tables */
table.product  {font-family: Georgia, Garamond, serif; font-size: 11px; color: #FFFFFF; line-height:1.5; vertical-align: top;
   border: 1px dashed #000000;
}

/* ----- for use in product tables - for list of products on left*/
td.productlist  {font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 10px; letter-spacing: .5px; color: #FFFFFF; line-height:1.5; vertical-align: top;
   border-right: 1px dashed #FFFFFF; 
}

#sidebar ul {margin-top: 0px; margin-left: 0px; padding-left: 0px;
}

#sidebar li {list-style: disc; margin-top: 0px; margin-left: 30px; padding-left: 0px;
}

.alertcard  {font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 10px; letter-spacing: .5px; line-height:2;
color: #666666; line-height:1.5; vertical-align: top;
}

.coupon {Georgia, Garamond, serif; font-size: 11px; letter-spacing: .5px; line-height:2;
color: #333333; line-height:1.5; border: 1px dashed #FFFAE8; 
}

.cust_comments {Georgia, Garamond, serif; font-size: 11px; letter-spacing: .5px; line-height:2;
color: #333333; line-height:1.5; border-left: 1px dashed #FFFAE8; 
}

#nolink {font-family: Georgia, Garamond, serif; font-size: 12px; color: #FFFFFF; line-height:1.5; vertical-align: top;
}

#nolink a:link		{/* place a properties in this order, or else IE6 wont display mouseover color */
			color: #999999; text-decoration:none;
}
			
#nolink a:visited 	{color: #999999; text-decoration: none;
}
	
#nolink a:active	{color: #999999; text-decoration: none; 
}

#nolink a:hover 	{color: #000000; text-decoration: none;  border-bottom: 1px dotted #000000;
}			

#footer {clear: both; margin-top: -20px; text-align:center;
			font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 9px; letter-spacing: .5px; line-height:2;
			color: #999999;
}

#footer a:link		{/* place a properties in this order, or else IE6 wont display mouseover color */
			color: #999999; text-decoration:none;
}
			
#footer a:visited 	{color: #999999; text-decoration: none;
}
	
#footer a:active	{color: #999999; text-decoration: none; 
}

#footer a:hover 	{color: #000000; text-decoration: none; border-bottom: 1px dotted #000000;
}			


-->
</STYLE>