/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
  display: block;
}
body {
  line-height: 1;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* Clearfix */
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
 
.clearfix {
  display: inline-block;
}
 
html[xmlns] .clearfix {
  display: block;
}
 
* html .clearfix {
  height: 1%;
}

/**
 * 11.5px/17px
 */
body {
  background-color: #4c4c4c;
  background-image: url(/images/skin/background.png);
	background-repeat: repeat-x;
  color: white;
  font-family: Georgia, serif;
  font-size: 71.875%;
  line-height: 1.478em;
}

#wrapper {
  position: relative;
  width: 980px;
  margin: 0 auto;
}

#header {
  position: relative;
	width: 780px;
	height: 131px;
  z-index: 2;
}

#main {
  position: relative;
  z-index: 1;
}

#logo {
	position: absolute;
	left: 0px;
	top: 62px;
  width: 122px;
  height: 55px;
}

#navigation {
  position: absolute;
	left: 240px;
	top: 91px;
  width: 740px;
  height: 40px;
  /*overflow: hidden;*/
}

#navigation li {
  float: left;
  margin-right: 3.391em;
  line-height: 40px;
  position: relative;
}

#navigation li:last-child {
	margin-right: 0;
}

#navigation a {
  color: #fff;
  text-decoration: none;
  display: block;
  padding: 0px 15px;
  height: 40px;
  position: relative;
  left: 0px;
  top: 0px;
}

#navigation a:hover, .nav-state-over > a, .nav-state-active > a, 
#navigation .nav-state-active > a, 
#footer_menu .nav-state-active > a {
  color: #9C6B06;
}


#navigation .parent a {
  z-index: 99999;
}
#navigation .parent > a {
	float: left; 
	overflow: hidden; 
	cursor: pointer;
}
#navigation .parent a span {
	float: left; 
	overflow: hidden;
}
#navigation .parent .menu-hint-icon {
	width: 16px; 
	height: 16px; 
	margin: 12px 0; 
	background-position: -16px -32px;
}
#navigation .parent:hover .menu-hint-icon {
	background-position: -16px -16px;
}
#navigation .parent-state-over > a {
  border: 1px solid #333;
  border-bottom: none;
  height: 39px;
  padding: 0 14px;
  line-height: 38px;
  color: #9C6B06;
  background-color: #000;
}
#navigation .parent-state-over .menu-hint-icon {
	margin-top: 11px;
}
#navigation ul .sub {
  position: absolute; /*--Important--*/
  top: 39px; 
  left: 0;
  z-index: 99998;
  /*padding: 15px 15px 15px;*/
	padding: 0px;
  display: none; /*--Hidden for those with js turned off--*/
  background-color: #000;
  border: 1px solid #333;
  min-width: 120px;
}
#navigation .sub li {
  margin: 0;
  float: none;
}

#navigation .sub a {
  display: block;
  padding: 0 15px;
	height: 2.5em;
	line-height: 2.5em;
  border: none;
  white-space: nowrap;
}

#navigation .sub a:hover {
	background-color: #333;
	color: #fff;
}
#navigation .parent:hover .sub a, 
#navigation .parent-state-over .sub a {
  border: none;
}
#navigation .mega ul {
  float: left;
  padding-right: 30px;
}
#navigation .mega ul:last-child {
  padding: 0;
}

#main .gallery {
  overflow: hidden;
  height: 354px;
  width: 980px; 
}
#content,
#content_side {
  position: relative;
	float: left;
  width: 480px;
  min-height: 352px;
}
#content {
	background-color: #1A1A1A;
  width: 478px;
	border: 1px solid #333;
}

#content a, #contact_panel a {color: #fff;}
#content a:hover, #contact_panel a:hover, #reservation_panel a:hover {color: #9C6B06;}
#content .scrollable {
	height: 352px; padding: 0px;
}
#content .scrollbar-pane {width: 463px;}
#content .scrollbar-handle-container {
  width: 15px;
	height: 354px;
  background: rgb(51,51,51);
}
#content .scrollbar-handle {
  width: 15px;
  background: rgb(151,151,151);
}

#content_side {
	padding-left: 20px;
	height: 354px;
}
#content_side .gallery,
#content_side .side-image {
  width: 478px;
	height: 352px;
	border: 1px solid #333;
  overflow: hidden;
}

#promo_panel .carousel-controller-next {
  background: url(/images/ui/carousel_controller_icon_next.png) 24px 16px no-repeat;
}

#promo_panel .carousel-controller-prev {
  background: url(/images/ui/carousel_controller_icon_prev.png) 10px 16px no-repeat;
}
  
#promo_panel .carousel-controller-next,
#promo_panel .carousel-controller-prev {
  background-position: 0px 0px;
}

#contact_panel {color: #CACACA;}
#contact_panel a, #reservation_panel a {color: #CACACA;}

h1 {color: #9C6B06; font-size: 1.391em; margin-bottom: 1.154em;}

h2 {color: #9C6B06; font-size: 1.391em;}

h3 {color: #ffffff; font-size: 1.391em;}

button {
  font-family: Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  color: #9C6B06;
  border: 1px solid #9C6B06;
  background-color: transparent;
  width: auto;
  overflow: visible;
  position: relative;
}

button:hover {
  cursor: pointer;
  color: #fff;
  border-color: #fff;
}

button .button-label {
  display: block;
  float: left;
/*  margin: 3px 16px 3px 0px; */
  margin: 3px 0px;
  height: 16px;
  line-height: 16px;
  white-space: nowrap;
}

#content p {
	margin-bottom: 1.478em;
}
#content em {
	font-style: italic;
}

#promotional_area {
  width: 980px;
  height: 224px;
  clear: both;
}

#reservation_panel, 
#promo_panel,
#contact_panel {
  position: relative;
  float: left;
  margin-top: 20px;
	border: 1px solid #333;
	height: 201px;
}

#reservation_panel {width: 218px; height: 181px; padding: 10px}
#reservation_panel h2 {margin-bottom: 0.5em;}

#promo_panel {margin: 20px 20px 0 20px; padding: 0; width: 338px; background-color: #000;}
#promo_panel .promo {width: 318px; height: 181px; background: #000; color: #fff; padding: 10px;}
.promo a {
	color: #808080; 
	text-decoration: none;
}
.promo h2 {margin-bottom: 1em;}
.promo h2 a {
	color: #9C6B06;
}
.promo .promo-content {
	width: 130px; 
	margin-bottom: 2.909em;
}
.promo .promo-link a {
}

#contact_panel {z-index: 0; width: 358px; height: 201px; background-color: #000; padding: 0px;}
#contact_panel #contact_details, #contact_panel #location_map {
	position: absolute; left: 0px; top: 0px;
}
#contact_panel #contact_details {
	padding: 10px;
	height: 181px;
	overflow: hidden;
	z-index: 0;
}
#contact_panel #location_map {
	width: 358px;
	height:201px;
	overflow: hidden;
	z-index: -5; 
}
#contact_panel h2 {margin-bottom: 0.5em;}
#contact_panel p + h2 {margin-top: 1em;}
#contact_panel p + p {margin-top: 0.5em;}

#footer_menu {float: right; height: 40px; overflow: hidden; font-family: Arial, Helvetica, sans-serif !important; font-size: 95.625%;}
#footer_menu li {float: left; color: #979797; padding-left: 1em; line-height: 3.636em;}
#footer_menu li:after {content: "|"; padding-left: 0.5em;}
#footer_menu li:last-child:after {display: none;}
#footer_menu a {color: #808080; text-decoration: none;}
#footer_menu a:hover {color: #ffffff;}

.branch_menu a {color: #808080; text-decoration: none;}
.branch_menu a:hover {color: white;}

span.ui-radio, span.ui-checkbox {
  width: 16px;
  height: 16px;
  float: left;
  margin-right: 0.5em;
  background: url(/images/ui/checkbox-icon.png) 0px 0px no-repeat;
}

span.ui-radio-checked, span.ui-checkbox-checked {
  background-position: 0px -16px;
}

.arrow-icon {
  display: block;
  width: 16px; 
  height: 16px;
  overflow: hidden;
  background-image: url(/images/ui/arrow-icon-sprite);
  background-repeat: no-repeat;
}

.arrow-icon-n {background-position: 0px 0px;}
.arrow-icon-s {background-position: -16px 0px;}
.arrow-icon-e {background-position: -32px 0px;}
.arrow-icon-w {background-position: -48px 0px;}

.ui-selectmenu {
    display: block;
    height: 2em;
    overflow: hidden;
    position: relative;
    text-decoration: none;
}
.ui-selectmenu-icon {
    margin-top: -8px;
    position: absolute;
    right: 6px;
    top: 50%;
}
.ui-selectmenu-menu {
    list-style: none outside none;
    margin: 0;
    overflow: auto;
    padding: 0;
    position: absolute;
    top: 0;
    visibility: hidden;
}
.ui-selectmenu-open {
    visibility: visible;
}
.ui-selectmenu-menu-popup {
    margin-top: -1px;
}
.ui-selectmenu-menu-dropdown {
}
.ui-selectmenu-menu li {
/*
    border-bottom: 1px dotted transparent;
    border-left-width: 0 !important;
    border-right-width: 0 !important;
    border-top: 1px dotted transparent;
*/    
    display: block;
    font-weight: normal !important;
    margin: 0;
    padding: 0;
}
.ui-selectmenu-menu li a, .ui-selectmenu-status {
    display: block;
    line-height: 1.4em;
    outline: medium none;
    padding: 0.3em 1em;
    text-decoration: none;
}
.ui-selectmenu-menu li.ui-selectmenu-hasIcon a, .ui-selectmenu-hasIcon .ui-selectmenu-status {
    margin-left: 5px;
    padding-left: 20px;
    position: relative;
}
.ui-selectmenu-menu li .ui-icon, .ui-selectmenu-status .ui-icon {
    left: 0;
    margin-top: -8px;
    position: absolute;
    top: 1em;
}
.ui-selectmenu-status {
    line-height: 1.4em;
}
.ui-selectmenu-open li.ui-selectmenu-item-focus a {
}
.ui-selectmenu-open li.ui-selectmenu-item-selected {
}
.ui-selectmenu-menu li span, .ui-selectmenu-status span {
    display: block;
    margin-bottom: 0.2em;
}
.ui-selectmenu-menu li .ui-selectmenu-item-header {
    font-weight: bold;
}
/*
.ui-selectmenu-menu li .ui-selectmenu-item-content {
}
.ui-selectmenu-menu li .ui-selectmenu-item-footer {
    opacity: 0.8;
}
.ui-selectmenu-menu .ui-selectmenu-group {
    font-size: 1em;
}
*/
.ui-selectmenu-menu .ui-selectmenu-group .ui-selectmenu-group-label {
    display: block;
    font-weight: bold;
    line-height: 1.4em;
    padding: 0.6em 0.5em 0;
}
.ui-selectmenu-menu .ui-selectmenu-group ul {
    margin: 0;
    padding: 0;
}
#wine-category-select, #demo-select {
	width: 100%;
}
#wine-category-select-menu, #demo-select-menu {
	z-index: 100 !important;
}
#wine-category-select-menu .ui-state-active, #demo-select-menu .ui-state-active {
	border: none;
	background: none;
}
#wine-category-select-menu .ui-state-active a, #demo-select-menu .ui-state-active a {
  color: black !important;
}
#wine-category-select-menu .ui-state-hover a, #demo-select-menu .ui-state-hover a {
  color: white !important;
}

.wine-category-container h2, .wine-category-container h3 {
	margin-top: 1em;
}
.wine-category-container h4, .wine-category-container h4 + p {
	margin-top: 1.364em;
}
.ui-widget {
  font-family: Georgia, serif !important;
  /*font-size: 100% !important;*/
  line-height: 1.478em !important;
	/*width: auto !important;*/
}
.ui-corner-all, .ui-corner-top, .ui-corner-bottom {
	border-radius: 0 !important;
	-moz-border-radius: 0!important;
}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
	background: #333 !important;
	border: none !important;
}
#content .ui-state-default, #content_side .ui-state-default {
	background: none !important;
	border: 1px solid #333333;
}
#content .ui-state-hover, #demo-tab .ui-state-hover {
	background: #333 !important;
	border: 1px solid #333333 !important;
	color: #fff !important;
}
#cocktail-list dt {
	font-size: 118.182%;
}
#cocktail-list h2, #cocktail-list dd + dt {
  margin-top: 1em;
}

#content-tabs, #content-tabs .ui-tabs, #content-tabs .ui-tabs-panel, #content-tabs .ui-tabs-nav {
	background: none;
	padding: 0;
	border: none;
	color: #fff;
	font-size: 1em;
	font-weight: normal;
}
#content-tabs, #content-tabs .ui-tabs, #content-tabs .ui-tabs-panel {
  width: auto !important;
}	
#content-tabs .ui-tabs-nav li {
	margin: 0px;
	width: 237px;
	height: 38px;
	border: none;
}
#content-tabs .ui-tabs-nav .ui-state-default {
	border-bottom: 1px solid #333 !important;
	width: 238px;
	padding-top: 1px;
}
#content-tabs .ui-tabs-nav .ui-state-active {
	border-top: 1px solid #333 !important;
	border-left: 1px solid #333 !important; 
	border-right: 1px solid #333 !important;
	border-bottom: none !important;
	padding-top: 0px;
}
#content-tabs .ui-tabs-nav .ui-state-hover {
	border: none;
}
#content-tabs .ui-tabs-nav {
	font-size: 139.130%;
}
#content-tabs .ui-tabs-nav .ui-state-active a, #content-tabs .ui-tabs-nav .ui-state-hover a {
	color: #9C6B06;
}
#content-tabs .ui-tabs-panel {
	border: 1px solid #333;
	border-top: 0px;
	height: 294px;
	padding: 10px;
}
#content-tabs .ui-tabs-panel #video-player_wrapper {
	padding: 4px;
}
#demo-select-button {margin-left: 4px;}
.chef ol {
	list-style-type: decimal;
	padding-left: 2em;
	margin: 1em 0em;
}
.chef ol li {
	margin-bottom: 0.37em;
}
h1 + .chef-tabs {
	margin-top: 0.435em;
}
.chef-tabs {
	margin-bottom: 1.739em;
}
.chef-tabs li {
	float: left;
	margin-right: 3em;
}
.chef-tabs li a {
	text-decoration: none;
}
.chef-tab-icon, .pearl-button-icon, .gallery-pager-icon {
	float: left;
	width: 16px;
	height: 16px;
	margin-right: 0.37em;
	background: url(/images/skin/pearl-button-icon.png) -16px 0px;
}
.active .chef-tab-icon, .activeSlide .pearl-button-icon, .activeSlide .gallery-pager-icon {
	background-position: 0px 0px;
}
#pearl_OT_labels {
	float: left;
	margin-right: 1em;
}
#pearl_OT_labels li {
	height: 23px;
	line-height: 23px;
	margin-bottom: 10px;
	color: #CACACA;
}
#OT_form {
	width: auto !important;
}
.OT_wrapper {
	float: left;
	border: none !important;
	background: transparent !important;
	font-family: inherit !important;
	width: auto !important;
}
.OT_header {
	display: none;
}
.OT_list {
	width: auto !important;
}
.OT_day, .OT_time, .OT_party, .OT_submit {
	background: none !important;
	border: none !important;
	width: auto !important;
	padding: 0 !important;
	margin: 0 0 10px 0 !important;
} 
#reservation_panel .OT_searchTimeField, #reservation_panel .OT_searchDateField, #reservation_panel .OT_searchPartyField {
	font-weight: normal !important;
	font-size: 86.957% !important;
	font-family: Arial, Helvetica, sans-serif;
	background: none !important;
	color: #808080 !important;
	border-radius: 0 !important;
	border: 1px solid #333 !important;
	width: 134px !important;
}
.OT_submit, .OTButton {
	width: 142px !important;
	margin-bottom: 0 !important;
}
.OT_Find_a_Table {
	background: transparent !important;
	font-weight: normal !important;
	font-size: 86.957% !important;
	color: #808080 !important;
	border: 1px solid #333 !important;
	width: 134px !important;
	padding: 0 4px !important;
}
#OT_timeList, #OT_partyList {
	border-bottom: 1px solid #333 !important;
	border-left: 1px solid #333 !important;
	border-right: 1px solid #333 !important;
	left: 0px !important;
	top: 23px !important;
	width: 142px !important;
}
#reservation_panel #OT_timeList .OT_navListItem, #reservation_panel #OT_partyList .OT_navListItem {
	width: auto;
}
#reservation_panel .OT_navList li {
	float: none;
}
#reservation_panel .OT_navList li a {
	padding-left: 5px; 
	font-family: Arial, Helvetica, sans-serif !important;
}
#ui-datepicker-div {
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 1em;
}
#ui-datepicker-div .ui-state-hover {
	background-image: url(/jquery/css/black-tie/images/ui-bg_glass_55_1c1c1c_1x400.png);
	color: #fff;
	border: 1px solid #404040;
}
.gallery-pager {
	position: absolute;
	left: 10px;
	bottom: 10px;
	z-index: 100;
}
.gallery-pager a {
	float: left;
	width: 16px;
	height: 16px;
	overflow: hidden;
	cursor: pointer;
}
.gallery-pager-icon {
	 background: url(/images/skin/gallery-pager-icon.png) -16px 0px;
}
#promo_panel .gallery-pager-icon {
	 background-image: url(/images/skin/pearl-button-icon.png);
}
#content_side .gallery-pager {
	margin: 0 0 0 20px;
} 
#content_side #jun-gallery-pager {
	margin: 0 0 10px 10px;
}
.page h2, .page h3, .page-content h2 {
	margin-bottom: 1.063em;
}
.page ul + h2, .page ul + h3 {
	margin-top: 1.063em;
}
.page-content {
	padding: 10px;
}
.recipes ul {
	margin-bottom: 1.478em;
}
.recipes img + h2 {
	margin-top: 3.189em;
}

#content .page-content .reviews p {
	margin-bottom: 2.957em;
}

#content .page-content .contact-amp-location ul + p {
	margin-top: 1.478em;
}