body {
width: 100em;
margin: 0;
padding: 0;
border-right: 3px solid #633;
padding-bottom: 2em;
color: #fff;
background: url(/bground.gif) #633;
background: #000;
}
button { cursor: pointer;}
input[type=submit] { width: 50%; display: block; margin: 0 auto; }

#header .image { height: 13em; clear: both; background: url(/bground.gif) #633;
}
#header .image img { padding: .5em;}
#header .image .contact img { padding: 0em; width: 1.5em; }
#header .menu { margin-left: 4em;}
#header .menu li { 
 width: 9.8%;
 margin: 0% .1%;
 float: left;
 padding: .5em 0em;
 font-size: 1.3em;
 text-align: center;
 background: url(/bground.gif) #633;
 color: #f3c828;
}
#header .menu li a { text-decoration: none; }
#header .menu li:hover { color: #663; background: #f3c828; cursor: pointer;}
#header .menu li:hover a { text-decoration: underline;  color: #663; background: #f3c828;}
#header .menu li.active:hover, #header .menu li.active {
 background: #fff;
} 
#header .menu li.active a:hover, #header .menu li.active a {
 color: #000;
 text-decoration: none;
 background-color: #fff;
} 
a {
 color: #f3c828;
}
#header .image .contact {
 float: right;
 padding-top: .25em;
 width: 22em;
 
}
span.tel { width: 150px; font-size: 2.5em; padding-left: 1em;
 background: url(/phone-icon-30px.png) no-repeat;
}
.index h1 { display: none;}
h1 { font-size: 3em; margin: .25em 0em; text-align: center;}
h2 { font-size: 2.25em; text-align: center;}
#content { font-size: 1.5em; }
#content p { margin: 0 2em;
 margin-bottom: 1em;}
#content p img { float: left; width: 35em; padding-right: .5em; }
.align_c { text-align:center;}
.banner { height: 12em; }
.feed li { line-height: 1.2em; font-weight: normal;}

.feed ul li {
 font-size: .75em;
 padding: .25em; 
}

.feed em { font-style: normal; text-align: center; margin: 0 auto; display: block; font-size: 1.3em; }
.feed em button {
 background-color: #000;
 color: #f3c828;
 text-decoration: none;
 font-size: 1em;
 margin: 0em .5em;
 display: inline;
 padding: .25em; 
 border: 1px solid #f3c828;
}

.feed em button:hover{
color: #000;
background-color: #f3c828;
border-color: #f3c828;
}

.feed strong {margin-bottom: .5em;  font-size: 1.5em; text-align: center; display: block; }
.specials { text-align: center;
 width: 34em;
 padding: .25em; 
 margin-left: 2em;
 margin-bottom: 1em;
}
.contact strong {
 font-size: 1.5em;
}
.contact strong em { 
 font-style: normal;
 font-size: .75em;
 font-weight: normal;
 display: block;
 float: left;
 width: 13em;
 margin-left: 7em; margin-top: -1.2em; 
}
.web20, #footer {clear: both;  width: 100em; } 
#footer {border-right: 3px solid #633;
}
.web20 ul, #footer ul { margin-left: 2em; width: 90%; vertical-align: middle; }
.web20 li, #footer li { width: 24%; float: left; text-align: center; }

#footer li { width: auto; padding: .25em;}


ul.faq li { margin: 1em 2em; }
ul.faq li strong { font-size: 2em; }
ul.faq li ol li strong { font-size: 1.5em; }
ul.faq li ol li em { font-style: normal; display: block; }
ul.links li { text-align: center; line-height: 1.6em; margin-bottom: 2em; }
ul.links li a { font-size: 1.25em; }
ul.links li img { border: none; text-decoration: none; }

.contact_details { background: url(/bground.gif) #633;
float: right; width: 15em; padding: .5em; }
.contact { float: left; }
.contact table { width: 50em; }
.contact textarea, .contact input[type=text] { width: 30em;}
.contact textarea { height: 10em; }
.contact th { vertical-align: top; }
.contact tr td, .contact tr th { padding: .25em;} 

.smallnote { clear: both; font-size: .5em; text-align: center; }
#map {
 width: 100%;
 height: 25em;
}
.bigger { font-size: 1.5em; }

.product_list { overflow: hidden; margin-left: 2em;  }
.product_list li em { display: block; font-style: normal; font-weight: normal; font-size: .5em; line-height: 1.25em; }
.product_list li { margin: 0% 0%; padding: 0% 2%; padding-bottom: 1em; font-weight: bold; font-size: 1.5em; width: 45%; float: left; height: 3em;}
.product_list li:hover { background-color: #fff; color: #000;}
fieldset h3 { text-align: center;  font-size: 1.75em; clear: both; padding-top: 1em; margin-top: 1em; border-top: 2px solid white; width: 90%; margin: 1em auto; }
fieldset h3.item1 { border: none; padding: 0em;}

fieldset legend {font-size: 2em; font-weight: bold; } 
#wines { clear: both;  padding-left: 2em; list-style: none; }
#wines ol { clear: both; }
#wines ol li { margin-left: 2em;  font-weight: bold; font-size: 1.2em; margin: .25em; padding: .5em; width: 45%; float: left; }
#wines ol li ol li { width: 95%; font-size: 1em;}
#wines strong { font-size: 1.5em; margin-top: .5em; display: block; }

#wines ol li.seasonal, span.seasonal { background-color: #333;}

#wines ol li em {
 /*width: 65%;*/
 font-size: .64em; 
 font-weight: normal;
 display: block; 
 font-style: normal; 

}
#wines ol li em em {
	 padding-top: .25em;
	 /*font-size: .75em;*/
}
#content p { line-height: 1.3; }
#content { position: relative;  clear: both; padding-top: 1em; padding-bottom: 2em; }
.web20, #footer {overflow: hidden; }
body { border-bottom: 3px solid #633;}
.delivery .leftbox, .delivery .rightbox {
 border: 3px solid black;
 padding: 4em .5em; 
 font-size: 1.6em; 
 margin: .25em; 
}
.delivery .leftbox { width: 19em; float: left;}
.delivery .rightbox { width: 19em; float: right;}
#feed {
 position: relative;
 overflow: hidden;
 border: 1px solid #000;
 height: 250px;
 width: 100%;
}
.headline {
 position: absolute;
 top: 410px;
 left: 2%;
 height: 400px;
 width: 95%;
}
.headline strong { 
 font-size: 2em; 
 display: block; 
 text-align: center; 
}
.headline ul li {
 font-size: 1em;
}
.headline { font-size: .9em; }
.wide_31 { 
 width: 49%;
	text-align: center;
	margin: 0 auto;
}
.float_l { 
	display: block;
	float: left;
}
.align_c {
}
#feed.feed h3 { font-size: 3em; }

.random li { margin: .5em 0em .5em 3em; list-type: numeric; }