body
{
	margin: 0;
	padding: 0;
	background: #EEF1E2;
/*	color: #000; */
	font-family: Verdana, Geneva, sans-serif;
	font-size: 80%;
	color: #666;
	background-color: #fff;
}

a:hover
{
	text-decoration: none;
	color: #F90;
}
input, textarea, button {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 110%;
	line-height: 1.1;
}
button {
	color: #930;
	cursor: pointer;
}
button:hover {
	color: #F90;
}
img
{
	border: 0;
}

#container
{
	margin: 0 auto;
	width: 960px;
/* change this to what ever percentage you like if you want a liquid layout or if you want a fixed size use for example 800px */
}
.awards p {
	text-align: center;
}


#image
{
	width: auto;
	height: 150px;
	background-color: #204572;
	background-image: url(../images/poplar_banner.jpg);
	background-position: bottom;	/*background: #D9E2BA url('../images/image-back.png') repeat-x; */
}

#image h1
{
	margin: 0;
	padding: 40px 20px 0 0;
	color: #FFF;
	text-align: left;
	letter-spacing: -4px;
	font-size: 350%;
	font-weight: normal;
	font-family: Georgia, "Times New Roman", Times, serif;
}

#image h2
{
	margin: -8px 0 0 0;
	padding: 0px 17px 0 0;
	color: #EAEFDA;
	text-align: left;
	letter-spacing: 1px;
	font-size: 175%;
	font-weight: normal;
}

#header
{
	width: auto;
	height: 30px;
	border-top: 1px solid #FFF;
	background-color: #B46219;
}

#menu
{
	float: right;
	height: 50px;
	letter-spacing: -1px;
	font-weight: bold;
	font-size: 125%;
	color: #FFF;
}

#menu a
{
	color: #FFF;
}

#menu ul
{
	margin: 15px 0 0 0;
	padding: 0 20px 0 0;
}
a {
	color: #930;
	text-decoration: none;
}


#menu li
{
	display: inline;
	padding: 0 0 0 15px;
	color: #FFFFFF;
}

#menu .active
{
	text-decoration: none;
	color: #0000FF;
}

#content
{
	width: auto;
	height: auto;
	background: #FFF;
	padding: 15px;
	line-height: 160%;
}

#content h2
{
	padding: 0 0 5px 0;
	margin: 0 0 10px 0;
	font-size: 140%;
	letter-spacing: -1px;
	font-weight: normal;
	color: #000;
	border-bottom: 1px solid #D3DEAD;
}

#content p
{
	margin: 0 0 15px 0;
	padding: 0;
}

#content img
{
	float: right;
	border: 1px solid #CCC;
	padding: 5px;
	margin: 0 0 0 15px;
}
#windows img
{
	float:none;
}

#map_canvas 
{
	float:right;
}

#footer
{
	width: auto;
	height: 70px;
	background: #B46219;
	border-top: 3px solid #EEF1E2;
	color: #FFFFFF;
	clear:both;
}

#footer a
{
	color:#FFF;
	text-decoration:none;
}

#footerleft
{
	float: left;
/* change this percentage to fit any text in either footer div - the below will auto change (width: auto) */
	text-align: left;
	padding: 1% 2%;
}

#footerleft a
{
	text-decoration: none;
	color: #ffffff;
	margin: 0 5px;
}

#footerleft #nomarginleft
{
	margin: 0 10px 0 0;
	letter-spacing: -1px;
}

#footerright
{
	float: right;
	width: auto;
	text-align: right;
	padding: 1% 2%;
}


#footer p
{
	margin: 0;
	padding: 0;
	letter-spacing: -1px;
	color: #ffffff;
}

#footer a
{
	text-decoration: none;
}

#footer a:hover
{
	text-decoration: underline;
	color: #FFFFFF;
}
a {
	text-decoration: none;
}
.awards {
	float: left;
	width: 43%;
}
.wine_wrapper {
	display: block;
	border: thin solid #CCCCCC;
}

.wine_listing {
	width: 55%;
	float: left;
}
#awardslist {
	float:left;
	width: 50%;
}
#awardslist .wine_listing {
	float: none;
	width: 100%;
}
#awardslist .awards {
	width: 100%;
}
#awardslist p {
	background-image: url(../images/wine_name_yellow.jpg);
	color: #FFF;
	text-indent: 20px;
	background-repeat: no-repeat;
}


.price_bottle {
	float: left;
	width: 50%;
	height: 20px;
}
.wine_name {
	font-size: 16px;
	font-weight: bold;
	width: 100%;
}
.price_halfdoz {
	float: left;
	width: 32%;
	height: 20px;
}
.wine_header {
	background-image: url(../images/large_yellow.jpg);
	color: #FFF;
	text-indent: 20px;
	height: 20px;/*	background-color: #009900;
	color: #FFFFFF;
	text-align: center;
	border: medium solid #EEEE00;*/
	background-repeat: no-repeat;
}

.price_dozen {
	float: left;
	width: 50%;
	height: 20px;
}
hr {
	clear: both;
}
#awardsimage {
	float:right;
	width:48%;
}
#winesale .wine {
	float: left;
	width: 290px;
	margin: 5px;
	border: 1px solid #B5631A;
}
.discount {
	text-decoration: line-through;
}
.winename {
	background-image: url(../images/small_yellow.jpg);
	color: #FFF;

}
.wineimage {
	width: 120px;
	height: 160px;
	float: left;
}
#content .wineimage img {
	float: inherit;
	padding: 0;
	margin: 0;
}
.winedesc {
	width: 167px;
	height: 160px;
	padding-left: 3px;
	float: left;
	border-bottom: 1px solid #ccc;
}
.wineprice {
	clear: both;
	padding: 5px;
}
.wineprice .pricetype {
	float: left;
	width: 33%;
}
.wineprice .price {
	font-weight: bold;
	float: left;
	width: 33%;
}
.cartlink {
	float: left;
	width: 33%;
}
.cartimage {
	float: left;
	margin-right: 10px;
}
/* Edit Wine List */
.editwine {
	border: 1px solid #CCC;
	float: left;
	margin: 5px;
	padding: 6px;
	width: 440px;
}
.editwine input {
	font-size: 110%;
	padding: 5px;
}
.editwine textarea {
	padding: 5px;
	width: 70%;
	height: 60px;
	float: right;
	margin-right: 5px;
}
.editwine .editprice input {
	width: 40px;
}
.editwine .editname input {
	width: 373px;
}
.editwine .editvintage {
	float: left;
	width: 40%;
}
.editwine .edittype {
	float: left;
	width: 60%;
}
.editwine .edittype input {
	width: 199px;
}
.editdesc {
	clear: both;
	height: 60px;
}
.editwine .wineimage {
	float: right;
}
.supp {
	border: 1px dotted #CCC;
	height: 40px;
	margin-top: 5px;
	color: black;
}
.centre {
	text-align: center;
}
.reviewOrder, .reviewOrder td, .reviewOrder th  {
	border: 1px solid #ccc;
	border-collapse: collapse;
	padding: 3px 10px;
}
table.reviewOrder {
	width: 100%;
}
.cartDetails {
	float: right;
	width: 690px;
}
form#order div {
	clear: both;
	float: left;
	position: relative;
	width: 690px;
	padding: 5px 0px;
}
form#order div label {
display: block;
float: left;
margin: 0px 10px 0px 0px;
text-align: right;
width: 180px;
}
form#order div input {
border: 1px solid #999;
float: left;
height: 20px;
margin: 0px;
padding: 0px;
width: 280px;
}
.right {
	float: right;
}
div#editwinelist div.editwine {
	width: 100%;
}
div#editwinelist div.editwine div.wineimage {
	float: left;
	height: 182px;
	width: 122px;
	text-align: center;
	border: 1px solid #ccc;
}
div#editwinelist div.editwine div.editname {
	float: left;
	padding-left: 5px;
}
div#editwinelist div.editwine div.editvintage {
	padding-left: 5px;
	width: 130px;
	float: left;
}
div#editwinelist div.editwine div.editprice {
	padding-left: 5px;
	float: left;
}
div#editwinelist div.editwine div.edittype {
	padding-left: 5px;
	float: left;
	width: 258px;
}
div#editwinelist div.editwine div.supp {
	margin: 2px 5px;
	padding: 2px 5px;
	float: left;
	height: 25px;
	border: 1px solid #aaa;
}
div#editwinelist div.editwine div.editdesc {
	float: left;
	clear: none;
	width: 40%;
	padding-left: 5px;
}
div#editwinelist div.editwine div.editdesc textarea {
	width: 360px;
	float: left;
}
div.savebtn {
	clear: both;
	text-align: center;
	background-color: #B46219;
}
.displayorder {
	float: left;
	width: 40px;
}
.displayorder input {
	width: 30px;
}