body {
	background-color: #FFFFCC;
	margin-top: 20px;
	margin-bottom: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}


#wrap {
	width: 780px;
	padding: 0;
	margin: auto;
	voice-family: "\"}\""; 
	voice-family:inherit;
}

html>body #wrap { 
	width: 780px;
} 

#middle_section {
	background: url(../images/backer_strip.png) repeat-y;
	padding: 0 13px;
	}

#navigation {
	width: 177px;
	background-color: #999999;
	vertical-align: top;
}

#main_content {
	width: 538px;
	vertical-align: top;
	padding: 0 19px;
	}
	

.left_block {
	width: 258px;
	float: left;
	margin-right: 11px;
	background-color: #CCC;
	clear: left;
	margin-bottom: 22px;
	text-align: center;
	}
	
.right_block {
	width: 258px;
	float: right;
	margin-left: 11px;
	background-color: #CCC;
	clear: right;
	margin-bottom: 22px;
	text-align: center;
	/*padding-bottom: 5px;*/
	color: #000;
	}
	
	
.left_block p, .right_block p { margin-top: 5px; margin-bottom: 8px; }	

.clearspan {clear: both; height: 0px; display: block;}

h2 {
	border-top: 5px #333 solid;
	padding: 4px;
	color: #FFFFFF;
	background-color: #900;
	font-weight: bold;
	text-align: center;	
	margin: 0 0 3px 0;
	font-size: 12px;
}

.left_text {
	text-align: left;
}


p {margin-top: 0;}

#navlist {
	width: 177px;
}

#navlist ul {
	margin: 0;  /*this removes indent in IE andf Opera*/
	padding: 0; /*this removes indent in Mozilla and NN7*/
	list-style-type: none; /*this turns off display of bullet*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
		
}

#navlist li {
margin: 0;
display: inline; /*does this fix IE spacing problem? I think this is the one that did it: 
although the a tags within navlist will be display: block (see below), we're setting the li property
to have display: inline to get rid of spacing.  Apparantely, IE for Windows renders spacing in the list
mark up, including the hard returns, to be "spaces," which is very lame.  Another option, I have read, would
be to make all the markup in the list on one linel*/
}

#navlist a {
	display: block;
	padding: 5px 5px 5px 15px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	background-image: url(../css_images/arrow_bg.gif);
	background-repeat: no-repeat;
	background-position: left center;
		}


#navlist a:link, #navlist a:visited {
	color: #FFFFFF;
	text-decoration: none;
	
}


#navlist a:hover, #navlist a:active,
#uberlink a:link, #uberlink a:visited,
#uberlink a:hover, #uberlink a:active,
#variant a:hover, #variant a:active,
#variant a:visited {
background-color: #FF0000;
color: #FFFFFF;
padding: 5px 5px 5px 15px;
background-image: url(css_images/arrow_bgo.gif);
background-repeat: no-repeat;
background-position: left center;
}



#navlist ul li ul {
    list-style: none;  /*So it won't appear automatically*/
    position: relative;
    top: 0;
    display: none;
    width: 177px;
   	font-size: 10px;
	font-weight: normal;
	padding: 0px 0px 0px 0px;
	}

/*See how below there is #submenu1 a, #submenu2 a, etc?  Everytime you add a new sub menu item in the HTML doc, you gotta put the
re-copy the java script in there and change the (submenuX) to whatver "X" you're up to and then add the proper code below with the 
other #submenuX* CSS tags.  I think it should work at least up to 10.  After 10, check the java coding in the HEADER of the HTML doc*/
	

#submenus1 a:link, #submenus2 a:link,
#submenus3 a:link, #submenus4 a:link,
#submenus5 a:link, #submenus6 a:link,
#submenus7 a:link, #submenus8 a:link, 
 

#submenus1 a:visited, #submenus2 a:visited,
#submenus3 a:visited, #submenus4 a:visited,
#submenus5 a:visited, #submenus6 a:visited,
#submenus7 a:visited, #submenus8 a:visited 

 {
	display: block;
	padding: 3px 3px 5px 20px;
	color: #000000;
	background: none;
	background-color: #FFFFCC;
	margin-bottom: 2px;
	border: none;
}

#submenus1 a:hover, #submenus2 a:hover,
#submenus3 a:hover, #submenus4 a:hover,
#submenus5 a:hover, #submenus6 a:hover,
#submenus5 a:hover, #submenus6 a:hover,
#submenus7 a:hover, #submenus8 a:hover{
color: #000000;
font-size: 10px;
background-color: #FFFF00;
font-weight: bold;
}


.main_td {
padding: 0px 30px 0px 18px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}

h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000099;
	background-color: #FFFF99;
	padding-bottom: 2px;
	padding-left: 15px;
	padding-top: 4px;
	margin-top: 0px;
	border-top: 3px solid #000099;
	border-bottom: 1px solid #000000;
	background-image: url(css_images/arrow_bg2.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

a:link, a:visited {
	color: #333333;
	text-decoration: underline;
	font-weight: bold;
	}

a:hover {
	background-color: #CCCCCC;
	color: #333333;
	text-decoration: none;
	}
	
#lists li {
	margin-bottom: 4px;
	}
	


.float-left {
	margin-right: 10px;
	margin-bottom: 10px;
	float: left;
	border: 1px solid #000066;
		}

.float-right {
	margin-left: 10px;
	float: right;
	border: 1px solid #000066;
	margin-bottom: 10px;
		}	
		
.float-left_noborder {
	margin-right: 10px;
	float: left;
	margin-bottom: 10px;
			}

.float-right_noborder {
	margin-left: 20px;
	float: right;
	margin-bottom: 10px;
			}	
			
.float-right_noborder_plustop {
	margin-left: 10px;
	float: right;
	margin-bottom: 10px;
	margin-top: 10px;
			}	
			
.caption {
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 10px;
	font-style: italic;
	line-height: 100%;
	color: #000000;
	}
	
.subheads_caps {
	padding-top: 15px;
	font-weight: bold;
	font-size: 11px;
	color: #000099;
	padding-bottom: 3px;
	margin-bottom: 5px;
	border-bottom: 1px solid #000000;
		}
		
.subheads_caps_no_under {
	padding-top: 15px;
	font-weight: bold;
	font-size: 11px;
	color: #000099;
	padding-bottom: 3px;
	margin-bottom: 5px;
			}

.sub_section_pad {
	padding-top: 0px;
	margin-top: 0px;
	margin-left: 15px;
	}
	
.thirtypx_margin {
	margin-left: 30px;
	}
	
.maroon_italics {
	color: #990000;
	font-style: italic;
}

.thankyou {
	font-weight: bold;
	font-size: 14px;
	color: #000099;
	}
.line_height {
	line-height: 200%;
	}
	
.red_text {
	color: #FF0000;
	}
	
.pdf_line {
	background: url(css_images/acro_icon2.jpg) no-repeat left top;
	padding-left: 23px;
	line-height: 125%;
	}
	
.pop_line {
	background: url(css_images/popup_icon.jpg) no-repeat left top;
	padding-left: 23px;
	line-height: 125%;
	}
	
.home_box_td {
	border: 2px #999999 solid;
	padding: 4px;
	color: #FFFFFF;
	background-color: #000000;
	font: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: center;
	}
.home_box_bottom_td {
	border-bottom: 1px #999999 solid;
	border-left: 1px #999999 solid;
	border-right: 1px #999999 solid;
	padding: 4px;
	text-align: center;
	}
.home_box_middle_td {
	border-left: 1px #999999 solid;
	border-right: 1px #999999 solid;
		}
	
.border_boxer {
	border: 1px #999999 solid;
	}
	
.coupon_pad {
	padding-bottom: 20px;
}

.page_break {
	page-break-before: always;
	}

.print_instructions {
	padding: 5px;
	vertical-align: top;
	text-align: center;
/*	border-left: 1px #FF0000 solid;
	border-right: 1px #FF0000 solid;*/
	font-size: 10px;
	}
	
.red_border {
		border-bottom: 1px #000000 solid;
		border-left: 1px #000000 solid;
		border-right: 1px #000000 solid;
	}	
.onetwothree {
		padding: 5px 5px 5px 10px;
		font-weight: bold;
		background-color: #999999;
		color:#000000;
		border-left: 1px #000000 solid;
		border-right: 1px #000000 solid;
		border-top: 1px #000000 solid;
		font-size: 10px;
		}
		
.contest_winners {
	padding-top: 15px;
	padding-bottom: 10px;
	padding-left: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333333;
	vertical-align: top;
}

.contest_winners_last {
	padding-top: 15px;
	padding-bottom: 10px;
	padding-left: 10px;
	vertical-align: top;
}

.new_titles {
	padding-top: 5px;
	font-weight: bold;
	font-size: 11px;
	color: #000099;
	padding-bottom: 1px;
	text-align: center;
	vertical-align: bottom;	
	border-bottom: 1px solid #000000;
	padding-left: 5px;
	padding-right: 5px;
		}
	
.new_cappers {
	padding-top: 5px;
	padding-bottom: 25px;
	font-size: 10px;
	text-align: center;
	vertical-align: top;
		}

.new_products {
	text-align: center;
	padding-top: 5px;
	}
	
.botm_containers {
	width: 541px;
	overflow: auto;
	clear: both;
	}

.botm_descriptions {
	width: 329px;
	float: left;
}

.botm_descriptions p {
	margin-top: 0;
	margin-bottom: 8px;
	}



.botm_bottles {
	width: 212px;
	float: right;
	}
	
.botm_bottles img {
	float: left;
	margin-left: 10px;
	}	
	
h5 {
	color: #003366;
	font-size: 11px;
	font-weight: bold;
	margin-bottom: 0px;
	}
	
#longtrail td {
	font-size: 10px;
	width: 250px;
	padding-right: 20px;
	padding-bottom: 25px;
	vertical-align: top;
	}
	
#longtrail td p {
	margin-top: 4px;
	}
	
	
#domestic, #import, #craft {
	width: 179px;
	float: left;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	background-color: #000000;
	color: #99FF00;
	padding: 8px 0;
	}	
	

#domestic img, #import img, #craft img {
	width: 179px;
	height: 112px;
	margin-top: 5px;
	margin-bottom: 5px;
	}
	
	
.botm_names a:link, .botm_names a:visited {
	color: #FFF;
	text-decoration: underline;
	font-weight: bold;
	}

.botm_names a:hover {
	background-color: #CCCCCC;
	color: #FFF;
	text-decoration: none;
	}


	
.botm_names {
	font-weight: normal;
	font-size: 10px;
	}	
	
.botm_head2 {
	display: block; 
	color: #FFF; 
	text-align: center; 
	width: 539px; 
	border-bottom: 1px solid #FFF;  
	border-top: 5px solid #FFFF00; 
	padding: 10px 0 5px 0; 
	font-weight: bold; 
	font-size: 18px; 
	margin-bottom: 0px; 
	background-color: #333333;
	}

	
#domestic {
	border-right: 1px solid #FFF;
	}	
	
#craft {
	border-left: 1px solid #FFF;
	}	
	
	
ul#magic_tastings {}

#magic_tastings li {margin-bottom: 10px;}




.fineprint {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	width: 300px;
	margin: 0 auto;
}

.bold12 {
	font-size: 12px;
	font-weight: bold;
}

#new {
	width: 538px;
	margin: 0px;  
	padding: 0px;
 		}
	
#new img {
	margin-right: 16px;
	padding: 0px;
	margin-left: 18px;
	margin-bottom: 10px;
	border: none;
	float: left;
	width: 100px;
	height: 50px;
		}

#form_wrap {
	width: 460px;
	padding: 20px;
	border: 1px solid #990000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	}
	
#form_table td {
	padding-bottom: 20px;
	padding-right: 15px;
	vertical-align: top;
	}	

.leftSideTd {
	font-weight: bold;
	text-align: right;
}


.rightSideTd {
	
}