/*----------------------- document setup --------------------------------- */
body {
	background: white;
	margin: 0px;
	text-align: center;
	font-size: 12px;
	line-height: 17px;
}

a img {
	border: 0px;
}

* {
	margin: 0px;
	padding: 0px;
}

.spacer, #menu-items div.spacer {
	clear: both;
	float: none;
	margin: 0;
	padding: 0;
	border: 0;
	height: 0;
	width: 0;
}

#top-bg {
	height: 250px;
	width: 100%;
	background: white;
}

#container {
	width: 1000px;
	margin: 0px auto;
	text-align: left;
}



/*------------------------------- the top menu -----------------------------------*/
#top-menu {
	height: 25px;
	margin: 0px;
	padding-left: 12px;
	overflow: hidden;
}

#top-menu ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}

#top-menu li {
	float: left;
	margin: 0px 0px 0px 0px;
	text-transform: uppercase;
	width: 92px;
	padding-right: 10px;
	margin-right: 9px;
	border-right: 1px solid silver;
}

#top-menu li.last { border: 0; padding: 0; margin: 0;}

#top-menu a { outline: none; font-family: Georgia, "Times New Roman", Serif; color: #444; font-size: 12px; font-weight: bold; }
#top-menu a.active { border-bottom: 2px solid #EB032F;}
#top-menu a:hover { text-decoration: none; }

#menu-items { width: 768px; display: none; }
#menu-items div { float: left; font-family: "Lucida Sans", Arial, Sans-Serif; font-size: 10px;  width: 92px; padding-right: 10px; margin-right: 10px;}
#menu-items div.last { margin: 0; padding: 0; border: 0;}
#menu-items ul { list-style: none; line-height: 11px;}
#menu-items li { margin-bottom: 7px; }
#menu-items { background: url(/images/submenu-bg.gif) 4px bottom no-repeat; padding: 0px 0px 20px 12px; position: relative;}
#menu-items a { color: #a2a4a6;}
#menu-items a:hover { color: #ED1B2D; text-decoration: none; }
#close-menu-items { 
  position: absolute; 
  bottom: 0px; 
  right: 9px; 
  width: 15px; 
  height: 15px; 
  background: none; 
  display: block;
}


/*------------------------------ flash area ----------------------------------*/
#flash-area {
	height: 346px;
	margin: 0px;
}

#flash-tools {
	/* margin: 0px 0px 0px 110px; */
	margin: 0px;
	height: 15px;
	/* border: 1px solid red; */
}

/*-----------------------------  content/styles  --------------------------------*/
#movable {
	width: 780px;
	/* border: 1px solid green; */
	margin-left: auto;
	margin-right: auto;
	margin-top: 18px;
	background: white;
}

#content {
	width: 770px;
	margin-left: 15px;
	padding: 10px 0px 0px;
	font-family: "Georgia", Times, Serif;
	font-size: 12px;
	line-height: 17px;
}

h1, h2, p {
	margin-bottom: 10px;
}

#content p {
	line-height: 22px;
}

h1, h2, a {
	color: #ED1B2D;
}

h1, h2 {
	font-weight: normal;
}

a {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

#content ul {
	margin: 10px 0px 10px 25px;
}

#content #page-text img {
	border: 4px solid #e5e7de;
	max-width: 540px;
}

#page-text h1 {
	line-height: 30px;
}






/* ------------------------- layouts for pages ----------------- */
#page-text {
	float: left;
	width: 540px;
	padding-right: 15px;
	margin-right: 15px;
	border-right: 1px solid #D7D6D4;
}

#submenu {
	width: 170px;
	float: left;
}

#submenu ul {
	list-style-type: none;
	font-family: "Lucida Sans", Arial, Sans-Serif;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	font-size: 11px;
	line-height: 20px;
}

#submenu ul li a {
	display: block;
	padding-left: 20px;
	color: black;
	margin-bottom: 10px;
}

#submenu ul li a:hover, #submenu ul li a.selected {
	background: url(/images/submenu-active-bg.gif) left no-repeat;
	color: #ED1B2D;
	text-decoration: none;
}


/*---------------------- news stuff ----------------------- */
.post {
	border-bottom: 1px solid #D3D2D0;
	margin-bottom: 20px;
	padding-bottom: 10px;
}

.post .date {
	font-size: 11px;
	font-weight: bold;
}

.post h2 {
	font-weight: normal;
	margin-bottom: 0px;
}

ul#news-archive {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

ul#news-archive li {
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #D3D2D0;
	color: #222;
}

/*---------------------- product stuff -------------------- */
ul#product-list {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

ul#product-list li {
	float: left;
	width: 170px;
	margin-right: 15px;
	*margin-right: 10px;
	font-family: "Lucida Sans", "Arial", Sans-Serif;
	font-size: 10px;
	line-height: 14px;
	color: #555555;
}

ul#product-list li h2 {
	font-family: "Georgia", Times, Serif;
	font-size: 16px;
}

ul#product-list li.last {
	margin-right: 0px;
}

ul#product-list li img {
	width: 170px;
	height: 295px;
}

ul#product-list li.bumper {
	float: none;
	clear: both;
	width: 540px;
	height: 10px;
	margin: 10px auto;
	border-bottom: 1px solid #D3D2D0;
}
	






/*--------------------------- the callouts ------------------------------ */
#callouts {
	width: 770px;
	margin: 15px auto;
	font-family: "Lucida Sans", "Arial", Sans-Serif;
	border-top: 3px solid #ED1B2D;
	font-size: 10px;
	line-height: 15px;
	color: #555555;
	background: white;
}

#callouts h2 {
	color: #ED1B2D;
	font-family: "Georgia", Times, Serif;
	font-size: 12px;
	line-height: 14px;
	margin-bottom: 5px;
	font-weight: normal;
}

.callout {
	float: left;
	width: 175px;
	margin-right: 10px;
	padding-right: 10px;
	border-right: 1px solid #E1E0DD;
}

.last {
	margin-right: 0px;
	padding-right: 0px;
	border-right: 0;
}


#upcoming-events { width: 770px; margin: 15px auto; border-top: 1px solid black; color: #555; padding-top: 10px; }
#upcoming-events ul { list-style: none; font-size: 16px; }
#upcoming-events li { padding: 8px 0px; border-top: 1px solid #ddd; }

.uncorked {
	margin-bottom: 20px;
}

.mailing-list td {
	padding: 3px 3px 3px 0px;
}
	
.error {
	color: #ED1B2D;
	font-weight: bold;
}
.notice {
	padding: 5px 10px 5px 30px;
	margin-top: 10px;
	margin-bottom: 15px;
	font-weight: bold;
	color: #577700;
	border-top: 3px solid #658900;
	border: 1px solid #658900;
	width: 480px;
	background: url(/images/admin/miniicons/icon_accept.gif) #E9F1D5 no-repeat 8px 6px;
}



/*-------------------------- the footer ---------------------- */
#footer {
	width: 770px;
	margin: 20px auto;
	height: 25px;
	border-top: 1px solid #555555;
	padding: 5px 0px;
	color: #555555;
	font-size: 10px;
	font-family: "Lucida Sans", "Arial", Sans-Serif;
	text-align: left;
}


/*--------------- the calendars --------------------- */
.calendar-holder {
	width: 183px;
	font-size: 10px;
	background: none;
	margin: 0px 15px 25px 0px;
	padding: 3px;
}

.calendar .special, #calendar-legend .special {
	background: #ED1B2D;
	color: white;
	text-align: center;
	padding: 0px;
}

.calendar .special a {
	color: white;
	display: block;
	padding: 2px 6px;
}

.calendar td {
	background: #ededde;
	border: 1px solid white;
	text-align: center;
	padding: 2px 6px;
}

.calendar th {
	text-align: center;
}

.calendar .otherMonth {
	background: none;
	color: #4d4e3a;
}

/*---------------------- the shopping list ----------------- */
table.order-list {
	border-collapse: collapse;
	margin-top: 1px;
}

table.order-list td {
	padding: 8px 5px;
	border-top: 1px solid #D7D6D4;
}

table.order-list td.labelled {
	vertical-align: top;
}

#order-tabs ul { float: none; list-style-type: none; clear: both; padding: 0px; margin: 0px;}
#order-tabs li { 
  padding: 5px 10px; 
  float: left;   
  margin-right: 3px; 
  border: 1px solid #D7D6D4;
  border-bottom: 0;
}
#order-tabs li a { display: block; width: 100%; height: 100%; outline: none; }
#order-tabs li.ui-state-active { background: #eee; }
.ui-tabs .ui-tabs-hide { display: none; }
/*------------------------ product view page ---------------- */
.product-shot {
	width: 145px;
	float: left;
	margin: 5px 20px 0px 0px;
}

.product-float {
	float: left;
	width: 365px;
}

.wine-info {
	font-family: Helvetica, Arial, Sans-Serif;
	font-size: 11px;
	color: #666666;
	padding-top: 10px;
	margin-top: 5px;
	border-top: 1px solid #D7D6D4;
}

.wine-info table {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #D7D6D4;
}

.wine-info .label {
	font-weight: bold;
	width: 220px;
}

.wine-info td {
	padding: 2px 0px 0px 0px;
}


/*------------------ contact page ------------------ */
table.form {
	border-collapse: collapse;
	width: 100%;
}

table.form td {
	border-top: 1px solid #E5E5E5;
	padding: 10px 5px;
	vertical-align: top;
}


/*------------- photo gallery ------------- */
ul#photo-thumbnails { list-style: none; padding: 0; margin: 0;}
#photo-thumbnails li.last { margin-right: 0px; }
#photo-thumbnails li img { width: 90px; height: 90px; padding: 2px; border: 1px solid silver; }

#photo-thumbnails li { 
  float: left;
	margin: 0px 26px 15px 0px;
	width: 96px;
	text-align: center;
	font-size: 11px;
}

#photo-thumbnails li.spacer { width: 0; height: 0; float: none; }

/* ----------------- side callouts ---------------- */
#side-callout { font-family: Helvetica, Arial, Sans-Serif; font-size: 11px; color: #666666; margin-top: 15px; position: relative; }
#side-callout-top { background: url(/images/side-callout-top.gif) no-repeat; width: 193px; height: 9px; }
#side-callout-content { background: url(/images/side-callout-bg.gif); padding: 5px 15px; width: 163px; }
#side-callout-content p { line-height: 17px; }
#side-callout-bottom { background: url(/images/side-callout-bottom.gif) no-repeat; width: 193px; height: 9px; }
#side-callout h2 { color: black; font-family: "Georgia", Times, Serif; }