/* BASE CSS */

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

html, body {
	background-color: #112E43;
	background-image: url(/images/background.jpg);
	background-repeat: repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #231F20;
}

body.editor {
	background-color: #F9F9EC;
	background-image: none;
}

table {  
	border-collapse:collapse;
	border-spacing: 0px;
	border: 0px;
} 

p {
        margin-top: 10px;
}

p:first-child {
        margin-top: 0px;
        padding-top: 0px;
}

a:link {text-decoration: none; color : #52859E}
a:visited {text-decoration: none; color : #52859E}
a:active {text-decoration: none; color : #112E43}
a:hover {text-decoration: none; color : #112E43}

a img { border: none; }


/* LAYOUT CSS */

#wrapper {
	margin: 14px auto;
	width: 773px;
}

#border_left {
	background-image: url(/images/border_left.png);
	background-repeat: repeat-y;
	width: 17px;
}

#border_right {
	background-image: url(/images/border_right.png);
	background-repeat: repeat-y;
	width: 20px;
}

#page_box {
	width: 736px;
	background-color: #F9F9EC;
}

#header {
	width: 736px;
	height: 178px;
	border-color: #000000;
	text-align: center;
	vertical-align: top;
}

#header td {
}

#nav {
	background-color: #112E43;
}

#nav td.highlight {
	background-color: #F9F9EC;
	height: 6px;
	text-align: center;
}

#content_box {
	margin-top: 10px;
}

#sidebar {
	width: 170px;
	padding: 10px;
	color: #112E43;
}

#leftnav {
	width: 190px;
	padding: 10px 0px 10px 10px;
	text-align: right;
}

#leftnav div {
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
}

#leftnav div.section {
	color: #112E43;
	font-size: 12px;  
	margin-bottom: 5px;
}

#leftnav p {
	padding-right: 10px;
}

#leftnav div a {padding-right: 10px;}

#leftnav div a:hover, .active {background-image:url(/images/leftnav_arrow.gif); background-repeat: no-repeat; background-position: right;}

#leftnav div.section a:link {text-decoration: none; color : #112E43}
#leftnav div.section a:visited {text-decoration: none; color : #112E43}
#leftnav div.section a:active {text-decoration: none; color : #52859E}
#leftnav div.section a:hover {text-decoration: none; color : #52859E; background-image: none;}

#content {
	padding: 5px 10px 10px 15px;
	width: 508px;
}

#content.home {
	padding: 5px 0px 10px 15px;
	width: 522px;
}

#content table {
	margin: 0px;
	padding: 0px;
}

.email_box {
	width: 138px;
	height: 15px;
	background-color: #112E43;
	border: 0px;
	padding: 3px 0px 0px 3px;
	color: #D7D7D7;
	font-size: 11px;
	line-height: 13px;
}

.email_submit {
	height: 18px;
	background-color: #112E43;
	border: 0px;
	color: #D7D7D7;
	font-size: 11px;
	font-weight: bold;
	line-height: 13px;
}

.cart_box {
	width: 138px;
	background-color: #112E43;
	border: 0px;
	padding: 0px 0px 0px 3px;
	color: #D7D7D7;
	font-size: 11px;
	line-height: 11px;
}

.cart_button {
	height: 18px;
	background-color: #112E43;
	border: 0px;
	color: #D7D7D7;
	font-size: 11px;
	font-weight: bold;
	line-height: 13px;
}

.bottomnav {
	background-color: #878819;
	height: 21px;
}

.bottomnav td {
	border-left: 3px solid #FFFFFF;
}

.bottomnav td.noborder {
	border-left: 0px solid #FFFFFF;
}

.footer {
	background-color: #003064;
	height: 21px;
}

.footer div {
	padding: 0px 16px 0px 16px;
	color: #FFFFFF;
	font-size: 10px;
	line-height: 10px;
	margin: 0px;
}

/* CONTENT CSS */

h1 {
	color: #112E43;
	font-weight: bold;
	font-size: 15px;
	line-height: 15px;
}

h2 {
	color: #112E43;
	font-weight: bold;
	font-size: 13px;
	line-height: 13px;
	margin-top: 15px;
}

.blue {
	color: #52859E;
}

#wine {
	width: 508px;
}

#wine td {
	vertical-align: top;
}

.wine_title {
	font-weight: bold;
	color: #52859E;
}

.wine_description {
	margin-bottom: 10px;
}

#wine .wine_qty {
	padding-left: 15px;
	width: 100px;
	text-align: center;
}

#wineinfo {
	width: 520px;
}

#wineinfo td td {
	vertical-align: top;
	font-size: 11px;
	line-height: 15px;
	padding-bottom: 9px;
}

#wineinfo img {
	margin-left: 10px;
}

#cart{
	width: 508px;
}

#cart td {
	padding: 4px;
	vertical-align: top;
}

#checkout {
	width: 500px;
}

#checkout td {
	padding: 2px;
	vertical-align: top;
}

.missing {
	color: #FF0000;
}

.small {
	font-size: 11px;
	line-height: 14px;
}

.submit {
	height: 18px;
	background-color: #112E43;
	border: 0px;
	color: #D7D7D7;
	font-size: 11px;
	font-weight: bold;
	line-height: 13px;
	margin: 2px;
	padding: 2px;
}

.photo {
	border: 1px solid #777777;
	padding: 3px;
}

.winephoto {
	margin-right: 15px;
}

.merchphoto {
	margin-right: 15px;
	text-align: center;
}

.merchphoto div {
	background-color: #FFFFFF;
}

#gallery {
	width: 508px;
	padding: 0px;
	margin: 0px;
}
#gallery th {
	text-align: left;
	padding-bottom: 14px;
}
#gallery td {
	text-align: left;
	padding-bottom: 14px;
	padding-left: 14px;

}
#gallery td:first-child {
	padding-left: 0px;
	margin: 0px;
}
#gallery .photo {
	width: 160px;
	height: 120px;
	border: 1px solid #777777;
	background-color: #FFFFFF;
	vertical-align: middle;
}

#gallery .photo td {
	height: 120px;
	vertical-align: middle;
	text-align: center;
	margin: 0px;
	padding: 0px;
}

.map {
	border: 1px solid #777777;
}

ul {
        list-style-position: inside;
}

/* Begin calendar styles. */

#cottageCalendarBox {
	float: right;
	margin: 5px 0px 0px 20px;
	height: 190px;
}

table.calendarYear td.calendar {
	padding:5px;
}
table.calendarMonth {
	border: 1px solid #112E43;
	border-collapse:collapse;
}

table.calendarMonth td {
	font-size: 11px;
	line-height: 11px;
	border: 1px solid #112E43;
	padding: 4px 4px;
}

table.calendarMonth td.calendar, table.calendarMonth td.booked {
	text-align: right;
	padding: 4px 2px;
	width: 33px;
}

td.calendarHeader{
	text-align: center;
}

table.calendarMonth td.calendarMonth {
	text-align: center;
	font-weight: bold;
}

td.calendarYearHeader, td.calendarMonthHeader {
	text-align: center;
	font-weight: bold;
}

td.calendarMonthHeader a {
	font-size: 10px;
}

td.booked {
	color: #FFFFFF;
	background-color: #112E43;
}

table.calendarMonth input {
	margin: 0px 0px 0px 4px;
}
/* End calendar styles.*/