/* BASE CSS */

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

html, body {
	background-color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #231F20;
}

body.editor {
	background-color: #FFFFFF;
}

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

p {
	margin-bottom: 10px;
}

a:link {text-decoration: none; color : #999999}
a:visited {text-decoration: none; color : #999999}
a:active {text-decoration: none; color : #B48C35}
a:hover {text-decoration: none; color : #B48C35}

a img { border: none; }


/* LAYOUT CSS */

#wrapper {
	width: 100%;
}

#page_wrapper {
	width: 921px;
}

#left_background {
	width: 33%;
	background-image: url(/images/background_left.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}

#right_background {
	width: 33%;
	background-image: url(/images/background_right.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#header {
	padding: 91px 0px 7px 33px;
}

.page_border {
	background-color: #EAB649;
	vertical-align: top;
}

#nav {
	background-color: #FFFFFF;
	width: 915px;
	height: 139px;
}

#nav_divider div {
	background-color: #999999;
	height: 1px;
	margin: 0px 27px;
}

#content_box {
	background-color: #FFFFFF;
}

#content_box_table {
	margin-top: 37px;
}

#content_box_table td {
	vertical-align: top;
}

#leftnav {
	width: 203px;
	text-align: right;
}

#leftnav.home {
	background-image: none;
}

#leftnav div {
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	color: #424242;
	padding-right: 15px;
}

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

#leftnav div.sub, #leftnav div.subactive {
	text-transform: none;
}

#leftnav div a:link {text-decoration: none; color : #424242}
#leftnav div a:visited {text-decoration: none; color : #424242}
#leftnav div a:active {text-decoration: none; color : #B38C36}
#leftnav div a:hover {text-decoration: none; color : #B38C36}

#leftnav div.active a:link {text-decoration: none; color : #B38C36}
#leftnav div.active a:visited {text-decoration: none; color : #B38C36}
#leftnav div.active a:active {text-decoration: none; color : #B38C36}
#leftnav div.active a:hover {text-decoration: none; color : #B38C36}

#subnav {
	text-align: center;
	padding-bottom: 8px;
	border-bottom: 1px solid #999999;
}

#subnav a {
	font-weight: bold;
	margin: 0px 5px;
}

#subnav a.active {
	color: #B38C36;
}

#contact, #contacthome {
	width: 188px;
	text-align: right;
	padding-top: 12px;
	padding-right: 15px;
	font-size: 10px;
	font-weight: bold;
	line-height: 13px;
	color: #AAAAAA;
}

#contact {
	height: 341px;
	background-image: url(/images/leftnav_bg.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
}

.contacttitle {
	font-size: 11px;
	color: #424242;
	font-weight: bold;
}

#contact a:link, #contacthome a:link {text-decoration: none; color : #AAAAAA}
#contact a:visited, #contacthome a:visited {text-decoration: none; color : #AAAAAA}
#contact a:active, #contacthome a:active {text-decoration: none; color : #AAAAAA}
#contact a:hover, #contacthome a:hover {text-decoration: none; color : #666666}

#content {
	width: 679px;
	padding: 10px 16px 5px 16px;
}

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

#pagetitle {
	text-transform: uppercase;
	color: #999999;
	font-weight: bold;
	padding-left: 16px;
}

#footer {
	background-color: #FFFFFF;
	background-image: url(/images/border_bottom.gif);
	background-position: bottom;
	width: 921px;
	height: 20px;
	text-align: right;
	padding: 0px 14px 0px 0px;
}

#topright {
	float: right;
	padding: 91px 15px 0px 0px;
}

#topright input.mailinglist {
	border: 1px solid #1D1D19;
	width: 131px;
	height: 13px;
	color: #B1B1B1;
	font-size: 11px;
	padding: 1px 3px;
}

#social_links {
	text-align: right;
	padding: 6px 1px 0px 0px;
}

#social_links a {
	margin-left: 10px;
}

#copyright {
	color: #444444;
	text-align: right;
	padding: 13px;
}

#copyright a:link, #copyright a:visited, #copyright a:active { color: #444444; }
#copyright a:hover { color: #B48C35; }



#varietal_description {
	padding-right: 15px;
}

#varietal_list {
	width: 204px;
	border-left: 1px solid #999999;
	padding-left: 15px;
}

#wine_list {
	width: 100%;
}

#wine_list .category {
	color: #999999;
	font-weight: bold;
	padding-bottom: 20px;
}

#wine_list .bottle {
	width: 200px;
	text-align: center;
	border-right: 1px solid #999999;
}

#wine_list .description {
	padding-left: 20px;
}

#wine_list .divider {
	height: 60px;
}

#cart{
	width: 508px;
}

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

.cart_box div {
	border: 1px solid #1D1D19;
	width: 120px;
	height: 13px;
	color: #B1B1B1;
	font-size: 11px;
	line-height: 12px;
	padding: 1px 3px;
	margin: 0px;
}

#gallery, #trade {
	width: 679px;
}

#gallery th {
        text-align: left;
        padding-bottom: 14px;
}

#gallery td {
	width: 120px;
	text-align: center;
        padding-bottom: 6px;
}

#gallery .photo {
        width: 120px;
        height: 120px;
        border: 1px solid #999999;
        vertical-align: middle;
	margin: 0px 25px;
}

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

#gallery .caption {
	padding-bottom: 10px;
}

#map {
        border: 1px solid #999999;
        height: 400px;
        width: 679px;
}

/* CONTENT CSS */

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

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

.gold {
	color: #B38C36;
}

.gray {
	color: #999999;
}

.quantity {
	height: 15px;
	padding: 2px;
	border: 1px solid #1D1D19;
}

.submit {
	border: 1px solid #1D1D19;
	background-color: #FFFFFF;
	color: #B38C36;
	height: 21px;
}

.button {
	border: 1px solid #1D1D19;
	background-color: #FFFFFF;
	color: #B38C36;
	padding: 2px 4px;
}

.adminsubmit, #admin .button {
	border: 1px solid #1D1D19;
	background-color: #FFFFFF;
	color: #B38C36;
	padding: 0px;
	margin-right: 4px;
	margin-bottom: 4px;
	font-size: 11px;
}

#aboutimageleft {
	border: solid;
	border-color: #EFB54A;
	border-width: 1px;
	padding: 3px;
	float: left;
	margin-right: 20px;
	margin-bottom: 10px;
}

#aboutimageright {
	border: solid;
	border-color: #EFB54A;
	border-width: 1px;
	padding: 3px;
	float: right;
	margin-right: 20px;
	margin-bottom: 10px;
}

.missing, .alert {
	color: #FF0000;
}

/* ADMIN CSS */

#admin .button {
	margin: 0px 3px 6px 0px;
	line-height: 12px;
}

#admin .admin_table {
	width: 100%;
}

#admin .admin_table td {
	padding-right: 4px;
}

#admin ul, #admin ol {
	padding-left: 0px;
}

#admin ul li, #admin ol li {
	list-style: none;
}

#admin_nav .button {
	width: 150px;
}

.admin-index-list img { 
	float: left; 
	padding: 2px 6px 2px 4px;
}

.admin-index-list, .admin-index-grid { 
	list-style-type: none; 
	margin: 0px; 
	width: 100%;
}

.admin-index-list li { 
	padding: 3px;
	margin: 5px 0px;
	line-height: 17px;
	background-color: #aaa; 
	background-image: url('../images/admin_bar_bg_light.png');
	background-position: center left;
	background-repeat: repeat-x;
	border: 1px solid #999; 
}

.admin-index-list li div {
	float: right;
	padding: 0px;
	margin: 0px 3px;
	text-align: center;
}

#admin .admin-index-list .button { margin: 0px; width: 100%; }
.admin-index-list li div.view { width: 40px; }
.admin-index-list li div.configure { width: 72px; }
.admin-index-list li div.edit { width: 36px; }
.admin-index-list li div.subpages { width: 80px; }
.admin-index-list li div.delete { width: 50px; }

.admin-index-grid li {
	width: 143px;
	height: 188px;
	padding: 8px 0px 0px 8px;
	float: left;
	background-color: #aaa; 
	border: 1px solid #999; 
	margin: 0px 10px 10px 0px;
}

#admin form ol {
	list-style: none;
	margin: 0px 0px 10px 0px;
	padding: 0px;
}

#admin form ol li {
	padding: 6px;
	background-color: #EEEEEE;
	margin-bottom: 1px;
	min-height: 23px;
}

#admin form ol li label, #admin form ol li .label {
	float: left;
	width: 120px;
	text-align: right;
	margin-right: 7px;
	display: inline;
}

#admin form ol li div label {
	float: none;
	width: auto;
	margin: 0px;
}   

#admin form ol li.custom label {
	float: none;
	width: auto;
	text-align: left;
}

#admin form ol li div {
	margin: 0px 50px 0px 150px;
}

#admin form ol li.custom div {
	margin: 0px;
}

#admin form ol li.editor div {
	clear: left;
	width: 100%;
	margin: 0px;
}

#admin form ol li.editor div div {
	margin: 0px;
}


#admin form ol li input[type="text"], #admin form ol li textarea {
	width: 350px;
}
#admin form ol li input[type="text"].datepicker {
	width: 75px;
}

#admin form ol li .tooltip {
	width: 20px;
	height: 20px;
	display: block;
	float: right;
	background-image: url('../images/icon_help.png');
}

#events img {
	float: left;
	clear: both;
	border: 5px solid #000000;
	margin-bottom: 20px;
}

#events .events_content {
	float: right;
	width: 450px;
	margin-bottom: 20px;
}

.cb {
	clear: both;
}