body{
	font-family: arial, sans-serif;
	background-color: #F7E3DA;
}
.main_table{
	border-top: 2px solid #CFCBCA;
	border-bottom: 2px solid #CFCBCA;
	border-left: 2px solid #CFCBCA;
	border-right: 2px solid #CFCBCA;
	background-color: #ffffff;
	padding-top: 0px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	width: 768px;
}
.main_table_td{
	border-left: 2px solid #656436;
	border-right: 2px solid #656436;
	padding-top: 0px;	
	
}
.sub_table{
	border-top: 4px solid #FD9997;
	border-bottom: 0px solid #CFCBCA;
	background-color: #ffffff;	
	width: 730px;	
}
.top_nav_top{
    margin: 0 auto;
	background-image: url("/images/EarlySpring/top_nav_border_top.gif");
	height: 4px;
	font-size: 0px;
	width: 728px;
	background-repeat: no-repeat;
}
.top_nav{
	text-justify: distribute-all-lines; 
	text-align:justify;
	font-size: 12px;
	color: #2B6100;
}
.top_nav a{
	text-align: center;	
	font-size: 12px;
	color: #2B6100;
	text-decoration: none;
}
.top_nav a:hover{
	text-align: center;	
	font-size: 12px;
	color: #C93239;
	text-decoration: none;
}
.top_nav_bot{
    margin: 0 auto;
	background-image: url("/images/EarlySpring/top_nav_border_bot.gif");
	height: 4px;
	font-size: 0px;
	width: 728px;
	background-repeat: no-repeat;
}
.top_spacer{
	background-color: #FF9496;
	font-size: 3px;
	height: 8px;
	width: 728px;
}
.left_nav{
	background-color: #E5EED3;
	width: 200px;
	border-top: 3px solid #FFFFFF;
	border-bottom: 3px solid #FFFFFF;
	border-right: 2px solid #FFFFFF;
}
.news_letter_box{
	background-color: #CADCA8;
	width: 190px;
	color: #000000;
	font-size: 12px;
	font-family: arial, sans-serif;
	padding: 10px;
}
.body_cell{
	border-left: 2px solid #656436;
	border-top: 3px solid #FFFFFF;
	border-bottom: 3px solid #FFFFFF;
	width: 565px;
	padding: 10px;
}
.body{
	font-size: 12px;
	color: #777777;
}
.body a{
	font-size: 12px;
	color: #777777;
	text-decoration: underline;	
}
.body a:hover{
	font-size: 12px;
	color: #777777;
	text-decoration: none;
}

/*********** typography **********/

h1 {margin:0; padding:0.3em 0; font-size:1.4em; color:#ECA7AA;}
h2 {margin:0; padding:0.1em 0; font-size:1.2em; }
h3 {margin:0; padding:0.2em 0; font-size:1.1em; }
h4 {margin:0; padding:0.2em 0; font-size:1.1em; }
h5 {margin:0; padding:0.2em 0; font-size:1.0em; }
h6 {margin:0; padding:0.2em 0; font-size:1.0em; }

p  {}

img {
	border: 0;
	}
	
.bot_nav{
	background-color: #FF9496;
	color: #ffffff;
	font-family: arial, sans-serif;
	padding-bottom: 0px;
	font-size: 12px;
	height: 22px;
	width: 728px;
}
.bot_nav a{	
	color: #ffffff;
	font-family: arial, sans-serif;
	font-size: 12px;
	text-decoration: none;
}
.bot_nav a:hover{	
	color: #ffffff;
	font-family: arial, sans-serif;
	font-size: 12px;
	text-decoration: underline;
}
.leftnav_box_content{
	padding: 4px;
	font-size: 12px;
}
.yellow_nav{
	color: #A8266E;
	font-weight: bold;	
	font-size: 9px;
	font-family: arial, sans-serif;
}
a.yellow_nav{
	color: #A8266E;
	font-weight: bold;	
	font-size: 9px;
	font-family: arial, sans-serif;
	text-decoration: none;
}
a:hover.yellow_nav {
	color: #A8266E;
	font-weight: bold;	
	font-size: 9px;
	font-family: arial, sans-serif;
	text-decoration: underline;
}
.title{
	color: #000000;
	font-size: 16px;
	font-weight: bold;
}
.green_td{
	background-color: #D5EBD6;
	font-size: 14px;
	font-weight: bold;
	color: #498b14;
}
.white{
	color: #ffffff;
	font-size: 12px;
	font-family: arial, sans-serif;
}
a.white{
	color: #ffffff;
	font-size: 12px;
	font-family: arial, sans-serif;
	text-decoration: none;
}
a:hover.white{
	color: #ffffff;
	font-size: 12px;
	font-family: arial, sans-serif;
	text-decoration: underline;
}
a:hover.leftnav{
	text-decoration: underline;
}
.error{
	background-color: #CC0000;
	width: 400px;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 12px;
}
.msg{
	background-color: #E2F9E3;
	border-top: 1px solid #99CC99;
	border-bottom: 1px solid #99CC99;
	width: 400px;
	color: #000000;
	font-weight: bold;
	font-size: 12px;
}
.firstlevel a{
	color: #000000;
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
}
.firstlevel a:hover{
	color: #000000;
	font-weight: bold;
	font-size: 12px;
	text-decoration: underline;
}
.secondlevel a{
	color: #C63137;
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
}
.secondlevel a:hover{
	color: #C63137;
	font-weight: bold;
	font-size: 12px;
	text-decoration: underline;
}

/* THE FOLLOWING SECTION IS FOR THE JAVASCRIPT NAV-BAR DROP-DOWN MENUS */
		
	#dropmenudiv{
	position: absolute;
	border:1px solid black;
	border-bottom-width: 0;
	font:bold 10px Verdana;
	line-height:18px;
	z-index:100;
	}
	
	#dropmenudiv a{
	color: #C63137;
	width: 100%;
	display: block;
	text-indent: 10px;
	border-bottom: 1px solid black;
	padding: 5px 0;
	text-decoration: none;
	font-weight: bold;
	}
	
	#dropmenudiv a:hover{ /*hover background color*/
	background-color: #FFFFFF;
	color: #C63137;
	}

/* END OF DROP DOWN MENUS*/	

	
/* For delivery-cities-zones page  */
td.ziplist-col-A,td.ziplist-col-B,td.ziplist-col-C   {text-align:right; vertical-align:top;}
table.ziplisttable {border-collapse:collapse;}
table.ziplisttable tr td {border: 1px #F0F0F0 solid;}
table.ziplisttable thead tr th {background-color:#F0F0F0;border: 1px #F0F0F0 solid;}

/* For individual cities pages */
div.city-locations table tr td {padding:3px}
div.city-locations table 				{background-color:#EEE; width:100%; border:1px #CCC solid; margin:15px 0;}
div.city-locations table tr th	{background-color:#DDD; text-align:left;}


/* Just for the special text on the footer of the homepage */

td.homepage-footer-text {font-size:12px; color:#999999; width: 768px;}
td.homepage-footer-text h1 {font-size:12px; color:#999999;}