/* Table of Contents
01. HTML5 ✰ BOILERPLATE RESET FILE
02. COLORS AND FONTS
A. BACKGROUND COLORS AND IMAGES
B. FONT COLORS
C. FONT FAMILIES
D. SOCIAL ICONS
03. PRIMARY STYLES
A. DEFAULT STYLES
B. BUTTON STYLES
C. INPUT STYLES
D. CSS3 TRANSITIONS
04. MAIN CONTAINERS
05. FOOTER STYLES
06. BLOG STYLES
07. PORTFOLIO & MENU STYLES
08. FOOD MENU STYLES
09. WIDGET STYLES
10. SIDEBAR STYLES
11. FEATURED SLIDER and PAGE TITLE
12. NAVIGATION
13. DEFAULT GRID
14. PRINT STYLES
15. LIGHTBOX STYLES
*/
/*
=============================================== 01. HTML5 ✰ BOILERPLATE RESET FILE ===============================================
*/
/*
=============================================== 02. COLORS AND FONTS ===============================================
*/
body #logo img {max-width:288px; }
/* -------------------- A. BACKGROUND COLORS AND IMAGES -------------------- */
/* -------------------- B. FONT COLORS -------------------- */
body {color:#5f6567;}
a {color:#a29061;}
a:hover {color:#000;}
#copyright li a:hover {color:#000;}
h1, h2, h3, h4, h5, h6 {color:#7b7562;}
#copyright li a {color:#aca693;}
/* -------------------- C. FONT FAMILIES -------------------- */
ul.filter-children li a, #respond input#submit, .sf-menu, .flex-caption, footer #copyright ul, .rock-button, h1, h2, h3, h4, h5, h6, .phone-widget span, .e-mail-widget span, .mobile-widget span, body #main ul.menu-items .grid2column, .pagination a, body #main a.progression-grey
{font-family: 'Open Sans', sans-serif; }
body {
font-family:"Open Sans", Helvetica, Arial, Sans-Serif;
}
/* -------------------- D. SOCIAL ICONS -------------------- */
/*
=============================================== 03. PRIMARY STYLES ===============================================
*/
/* -------------------- A. DEFAULT STYLES -------------------- */
body {
font-size: 13px; line-height: 1.4;
color:#777777;
}
body a img, body a {outline:none !important; text-decoration:none;}
#main a:hover img {opacity:0.6; filter:alpha(opacity=60);}
p {padding-top:0px; margin:0px;}
p, ul, ol {margin-bottom: 15px;}
ul, ol {margin-left:0px; padding-left:16px; }
ul li, ol li {margin-bottom:5px; }
img {max-width: 100%;height: auto; width:auto;}
h1, h2, h3, h4, h5, h6 {margin:0px; padding:0px; line-height:1.2; font-style:normal; font-weight:normal;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {text-decoration:none; font-family: 'Open Sans', sans-serif;}
h1 {font-size:30px; margin-bottom:12px; }
h2 {font-size:20px; margin-bottom:10px; }
h3 {font-size:19px; margin-bottom:10px;}
h4 {font-size:16px; margin-bottom:6px;}
h5 {font-size:14px; margin-bottom:6px; }
h6 {font-size:13px; margin-bottom:6px; font-weight:bold;}
.header-underline { padding-bottom:10px; margin-bottom:14px;}
h5.comments-title, h3#reply-title {font-size:16px; margin-bottom:15px;}
h5.menu-item-header-wine {margin-top:15px;}
hr {background:transparent;border-top:none; margin:20px 0px;}
ul.checkmark, ul.arrow {padding-left:0px;}
ul.checkmark li, ul.arrow li {list-style:none; padding-left:18px;}
.alignright {float:right; margin:0 0 15px 20px;}
.alignleft {float:left; margin:0px 20px 15px 0px;}
.aligncenter {text-align:center; margin:0px auto 15px auto; display:block; }
pre {border:1px solid #ddd; padding:7px 15px; background:#fff; overflow:auto; word-wrap: break-word; line-height:14px; margin-bottom:15px;}
#main .noborder, #main img.noborder, #main a .noborder img {border:none;}
#main footer a:hover img, #main a:hover img.notransprency, #main .portfolio-single-container a:hover img {opacity:1; filter:alpha(opacity=100);}
.sticky, .gallery-caption, .bypostauthor {}
.homepage-feature-box { overflow:hidden; height:15px;width:25px; clear:both;}
.wine-feature-box { overflow:hidden; height:25px;width:25px; clear:both;}
/* -------------------- B. BUTTON STYLES -------------------- */
.wpcf7 input.wpcf7-submit, ul.filter-children li a, a.rock-button, input.button, .rock-button, #respond input#submit, body #main a.progression-grey {
text-decoration:none; line-height:1; cursor: pointer; display:inline-block;
font-style:normal;
padding:9px 12px 9px 12px;
font-size:12px;
-moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
border-left:none; border-right:none; border-top:none;
margin:0px;
font-weight:normal;
-webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; -o-border-radius: 0px;
color:#000;
}
.lt-ie8 #main p.rock-button {display:inline;}
body #main a.progression-square {
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
-moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
}
body #main a.progression-rounded {
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
}
body #main a.progression-mini {
padding: 5px 6px;
font-size:11px;
}
body #main a.progression-small {
padding: 8px 10px;
font-size:11px;
}
body #main a.progression-medium {
padding:9px 12px 9px 12px;
font-size:12px;
}
body #main a.progression-large {
padding:12px 18px;
font-size:15px;
}
/* -------------------- D. CSS3 TRANSITIONS -------------------- */
a, a:hover img {
-webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; transition: all 400ms ease; -o-transition: all 400ms ease;
}
.wpcf7 input.wpcf7-submit, ul.filter-children li a, .sf-menu a, .rock-button, input.button, #respond input#submit, body #main a.progression-grey {
-webkit-transition: all 250ms ease; -moz-transition: all 250ms ease; transition: all 250ms ease; -o-transition: all 250ms ease;
}
.flex-control-paging li a {-webkit-transition-duration: 0ms !important; -moz-transition-duration: 0ms !important; -o-transition-duration: 0ms !important; transition-duration: 0ms !important;}
/* -------------------- E. CONTACT & FORM STYLES -------------------- */
#map-contact {width:100%; height:260px; margin-bottom:20px;}
#map-contact img {max-width:none; height: auto; }
#contactform {margin-top:25px; margin-left:20px;}
#contactform label.error {line-height:1; font-weight:normal; display:block; width:100%; font-style:normal; height:25px; padding-top:4px;text-align:center; margin-bottom:-33px; position:relative; top:-10px; font-size:14px; color:#dd8b8b;}
#contactform input.error { border: 1px dotted #f4cbcb; background:#f8eded; }
p.error {color:#dd8b8b; font-weight:bold;}
p.success {color:#64ba7c; font-size:14px; font-weight:bold; padding-bottom:2px; }
p.success2 {padding-bottom:8px;}
#contactform span, span.required {color:#ff5c5f;}
#contactform div {padding-bottom:15px;}
#contactform label { display:block; vertical-align: top; font-weight:bold; padding-bottom:4px;}
#contactform input#contactname, #contactform input#email, #contactform select#hotelname, .wpcf7 input {width:55%;}
#contactform textarea#message, .wpcf7 textarea {width:68%;}
#contactform input.button, .wpcf7 input.wpcf7-submit, #respond input#submit {width:auto; }
#contact-wrapper {margin-bottom:15px;}
.wpcf7 {font-size:12px; font-weight:normal;}
.wpcf7 input {font-size:14px; font-weight:normal;}
input, textarea, select {
margin:3px 3px 5px 3px;
background-color:#fefefe;
border:1px solid #a49f8f; padding:6px 8px;
-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
-moz-box-shadow: 0px 0px 0px 4px rgba(0, 0, 0, 0.12); -webkit-box-shadow: 0px 0px 0px 4px rgba(0, 0, 0, 0.12); box-shadow: 0px 0px 0px 4px rgba(0, 0, 0, 0.12);
background-image: -ms-linear-gradient(top, #F1F1F1 0%, #FFFFFF 100%);
background-image: -moz-linear-gradient(top, #F1F1F1 0%, #FFFFFF 100%);
background-image: -o-linear-gradient(top, #F1F1F1 0%, #FFFFFF 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #F1F1F1), color-stop(1, #FFFFFF));
background-image: -webkit-linear-gradient(top, #F1F1F1 0%, #FFFFFF 100%);
background-image: linear-gradient(to bottom, #F1F1F1 0%, #FFFFFF 100%);
font-family: 'Open Sans', sans-serif;
font-style:normal;/*font-weight:600;*/
font-size:1.1em;
}
.fontgold{color:#fff;}
.fontgold a{color:#fff;}
.fontgold a:hover{color:#fff;}
.online{color:#a29061; font-style:normal; font-size:20px; font-weight:600;}
/*
=============================================== 04. MAIN CONTAINERS ===============================================
*/
/* -------------------- A. HEADER STYLES -------------------- */
body.admin-bar header {top:28px;}
header {z-index:15; height:170px; position:absolute; top:0px; width:100%; }
header .width-container {position:relative;}
body #logo { margin:0px; padding:0px; border:none; position:absolute; top:0px; left:0px;
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
overflow:hidden;
z-index:55;
}
body #logo img { height: auto; }
#header-top-bar {width:100%; height:8px; position:absolute; top:0px; z-index:8; left:0px; opacity:0.35; filter:alpha(opacity=35);}
#page-title #page-title-divider {height:8px; margin-top:-10px; position:relative; z-index:8; opacity:0.85; filter:alpha(opacity=85);}
#page-title-divider { height:45px;}
#homepage-slider-container #page-title-divider {margin-top:-8px; }
.lt-ie8 #page-title #page-title-divider {margin-top:-8px;}
#page-form{height:45px; background:#FFF; padding:5px 0px; border-bottom :2px #a29061 solid; opacity:0.85; filter:alpha(opacity=85); width:1140px; margin:0px auto auto auto;}
/* -------------------- B. MAIN CONTAINER STYLES -------------------- */
.width-container, #page-title-divider {width:1140px; margin: 0 auto;}
#main {padding:42px 0px 35px 0px;}
.widget-area-highlight {padding:35px 0px 35px 0px; margin:0px 0px 0px 0px; position:relative; top:35px;}
/* -------------------- C. PAGE TITLE -------------------- */
.paged-title {height:250px;}
.width-container.paged-title {position:relative; }
#page-title h1 {position:absolute; color:#ffffff; text-shadow: 1px 1px 10px rgba(0,0,0,1); bottom:-10px; left:0px; padding:0px 30px 20px 30px; z-index:9; }
.lt-ie8 #page-title h1 {bottom:-12px;}
/*
=============================================== 05. FOOTER STYLES ===============================================
*/
#footer-widgets .widget {font-size:12px;}
#copyright {border-top-style:solid; border-top-width:6px; padding:20px 0px 20px 0px; width:100%; overflow:hidden;}
footer #copyright ul {margin:0px; padding:24px 0px 24px 0px; float:right; font-style:normal; }
#footer-text {font-size:12px; padding:5px 0px;}
footer #copyright ul a {text-decoration:none;}
footer #copyright ul li { margin-top:0px; margin-bottom:0px; display:inline; float:left; display:inline-block; padding-right:15px; margin-right:15px;}
footer #copyright ul li:last-child { margin-right:0px; padding-right:0px;}
#copyright .lastcolumn {text-align:right;}
#footer-widgets .widget {float:left; margin-left:1.5%; margin-right:1.5%;}
#footer-widgets .footer-1-column .widget { width: 98%;}
#footer-widgets .footer-2-column .widget { width: 47%;}
#footer-widgets .footer-3-column .widget {width: 30%; }
.lt-ie8 #footer-widgets .footer-3-column .widget {width: 29.5%; }
#footer-widgets .footer-4-column .widget {width: 22%; }
/*
=============================================== 06. BLOG STYLES ===============================================
*/
.blog-post-background {padding:25px 25px 15px 25px; background:#ffffff;}
body #main .commentlist li img {border:none;}
.type-post {margin-bottom:35px;}
.type-post .post-details-meta {font-size:11px; text-transform:uppercase; color:#aeaeab; margin-bottom:10px;}
.pagination {text-align:center; margin-top:15px;}
.pagination a {
margin:0px 6px;
display:inline-block;
line-height:11px;
text-decoration:none;
margin-right:1px;
position:relative;
text-align:center;
padding:8px 10px 7px 10px;
font-style:normal;
-moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
}
.commentlist {
float:left;
list-style: none;
margin: 0 auto;
width:86%;
position:relative;
left:101px;
}
.commentlist li.comment {
background: #fbfbfb;
background-color: rgba(255,255,255,.4);
border:1px dotted #e1e1e1;
margin: 0 0 1.625em 0 !important;
padding: 0.2em 1.4em 0.25em 1.4em;
list-style:none ;
position: relative;
}
.commentlist .avatar {left: -102px; -webkit-box-shadow: 0 1px 2px #ccc; box-shadow: 0 1px 2px #ccc; -moz-box-shadow: 0 1px 2px #ccc; box-shadow: 0 1px 2px #ccc; padding: 0; position: absolute; top: 0;}
.commentlist .pingback { margin: 0 0 1.625em; padding: 0 1.625em; }
ol.commentlist ul.children, ol.commentlist ul.children li {
list-style: none ;
margin:0px;
}
.commentlist .children li.comment {
border-right:none;
border-top:none;
border-bottom:none;
border-left: 1px solid #dadada;
margin: 0em 0 0 0;
padding:1em 1.6em 0em 2em;
position: relative;
}
.commentlist .avatar {left: -102px; -webkit-box-shadow: 0 1px 2px #ccc; box-shadow: 0 1px 2px #ccc; -moz-box-shadow: 0 1px 2px #ccc; box-shadow: 0 1px 2px #ccc; padding: 0; position: absolute; top: 0px;}
.commentlist .pingback { margin: 0 0 1.625em; padding: 0 1.625em; }
ol.commentlist ul.children, ol.commentlist ul.children li {
list-style: none;
margin:0px;
}
.commentlist .children li.comment .avatar {top:10px;}
.commentlist .children li.comment .fn { display: block; font-size:12px;}
.comment-meta .fn {font-weight: normal; display: block; font-size:14px; color:#4c4c4c;}
.comment-meta .fn a {font-weight:normal;}
.comment-meta a {text-decoration:none;}
.comment-meta {
color: #666;
font-size: 11px;
padding-top:12px;
padding-bottom:5px;
}
.commentlist .children li.comment .comment-meta {
margin-left:62px ;
padding-top:0px;
}
.commentlist .children li.comment .comment-content {
margin: 0;
margin-top:25px;
padding:0px;
}
.comment-meta a:focus,
.comment-meta a:active,
.comment-meta a:hover {}
.commentlist .children .avatar {
background: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
left: 2.2em;
padding:0px;
top: 2.2em;
width:55px;
height:auto;
}
a.comment-reply-link:hover,
a.comment-reply-link:focus,
a.comment-reply-link:active {
background: #888;
color: #fff;
}
a.comment-reply-link > span {
display: inline-block;
position: relative;
top: -1px;
}
.commentlist > li.pingback:before { content: ''; }
.commentlist .children .avatar {
background: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
left: 2.2em;
padding:0px;
top: 2.2em;
}
a.comment-reply-link {
background: #e4e4e4;
-moz-border-radius: 2px;
border-radius: 2px;
color: #666;
display: inline-block;
font-size: 10px;
font-family:Arial, Sans-serif;
padding: 2px 9px;
text-decoration: none;
margin-bottom:20px;
}
#reply div {margin-bottom:5px;}
#respond input {width:50%;}
#respond select {width:50%;}
#respond textarea {width:80%;}
#reply input.submit {width:auto;}
#respond { padding-bottom:10px; padding-left:3px;}
#respond .comment-form-author, #respond .comment-form-email, #respond .comment-form-url, #respond .comment-form-comment {font-size:90%; margin-bottom:5px;}
p.form-allowed-tags {font-size:11px; line-height:16px;}
p.form-allowed-tags code {display:block;}
#respond label {font-size:12px; padding-left: 0px; }
#respond input, #respond textarea, #respond select {display:block; margin-top:5px;}
#respond .comment-form-author, #respond .comment-form-email, #respond .comment-form-url, #respond .comment-form-comment, #respond .form-allowed-tags, #respond .form-submit {padding:0px 0px 2px 0px;}
#respond .comment-notes {padding-bottom:2px;}
#respond input#submit {width:auto;}
/*
=============================================== 07. PORTFOLIO STYLES ===============================================
*/
.portfolio-content-container {padding-bottom:25px;}
.portfolio-content-container-img {padding-bottom:8px;}
.portfolio-post-background { padding:15px 15px 10px 15px; background:#ffffff;}
body.single-portfolio .portfolio-post-background {margin-top:0px; }
ul.filter-children {margin-bottom:20px; padding:0px; list-style:none;}
ul.filter-children li {padding:0px; margin:0px 5px 5px 0px; display:inline-block;}
ul.filter-children li a {display:inline-block; }
.lt-ie8 ul.filter-children li {display:inline;}
/*
=============================================== 08. FOOD MENU STYLES ===============================================
*/
.menu-spacer {width:100%; overflow:hidden; height:25px;}
body #main ul.menu-items .grid2column {font-style:normal; font-size:16px;}
body #main ul.menu-items .lastcolumn {text-align:right;}
body #main ul.menu-items {margin:0px; padding:8px 0px 0px 0px; list-style:none;}
body #main ul.menu-items li {margin-bottom:10px; padding:0px 10px 10px 10px;}
.item-description-menu {width:60%; font-size:12px; color:#acb2b4; margin-top:5px;}
.menu-description {font-size:14px; margin-bottom:30px;}
.menu-item-container {background:#ffffff; padding:10px 15px 5px 15px;}
.content-padding-menu {padding-left:10px; }
.menu-item-container img {margin-bottom:10px;}
.menu-wine-spacing {padding-top:5px;}
/*
=============================================== 09. WIDGET STYLES ===============================================
*/
#searchform .assistive-text {display:none;}
#searchform input {width:145px; margin-right:5px;}
#searchform input.submit {width:auto; margin-right:0px; position:relative; bottom:1px;}
#flickr-widget ul {margin:0; padding:0;background:none; }
#flickr-widget ul li { padding:0px; margin:0px; list-style:none; display:inline; border:none; background:transparent;}
#flickr-widget ul li a {display:inline; padding:0px; -webkit-transition: all .6s ease; -moz-transition: all .6s ease; transition: all .6s ease; }
#flickr-widget ul li img { width:29%; height:29%; margin:0px 4% 4% 0px;}
#flickr-widget ul li a:hover { opacity: 0.7; filter:alpha(opacity=70); }
.wpcf7 input {margin-top:10px; width:60%;}
.wpcf7 select {margin-top:10px; width:60%;}
.wpcf7 textarea {margin-top:10px; width:80%;}
.wpcf7 input.wpcf7-submit {margin-top:0px; width:auto;}
#main .progression-etabs {
margin: 0;
padding: 0;
border-bottom:1px solid #ddd;
}
#main .progression-tab {
margin-right:-6px;
display: inline-block;
zoom:1;
*display:inline;
border: solid 1px #ddd;
border-width: 1px 1px 0 1px;
background: #f5f5f5;
}
#main .progression-tab a {
font-size: 14px;
line-height: 2em;
display: block;
padding: 5px 15px 3px 15px;
outline: none;
text-decoration:none;
}
#main .progression-tab.active {
padding-top: 5px;
position: relative;
top: 1px;
background: #fff;
}
#main .progression-tab-container div {background:#ffffff; border-right:1px solid #ddd; border-left:1px solid #ddd; border-bottom:1px solid #ddd; padding:20px;}
#main .progression-tab-container ul li {margin-bottom:0px;}
#wp-calendar th {
padding:3px 0;
text-align:center;
}
#wp-calendar td {
padding: 4px 0;
text-align: center;
}
#wp-calendar {
width: 90%;
}
#wp-calendar a {font-weight:normal; text-decoration:underline; }
/* --- Twitter --- */
#tweets-sidebar {-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding:7px 12px;position: relative; }
#tweets-sidebar:before {
content:"";
position: absolute;
bottom: -10px;
z-index:1;
left:50%;
margin-left:-10px;
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
}
#jtwt { padding:5px 0px 10px 0px; }
#sidebar #jtwt img {border:none;}
#jtwt_picture { float:left; padding:0px 5px 20px 0px; display:none; }
a#jtwt_date { font-size:10px; padding-top:3px; font-style:normal; display:block; text-align:right; }
/* --- MailChimp Form --- */
#mc_embed_signup label {display:block; padding-bottom:15px;}
#mc_embed_signup input#mce-EMAIL {float:left; width:138px;}
#mc_embed_signup input.button {float:right; width:auto;}
/* --- Contact Us Icons --- */
.phone-widget {margin-top:7px;}
.e-mail-widget, .mobile-widget {margin-top:5px;}
.phone-widget span, .e-mail-widget span, .mobile-widget span {font-style:normal; font-weight:normal;}
.homepage-widget .social-icons, #sidebar .social-icons {margin-top:12px;}
/* --- Opening Hours --- */
body ul#open-hours {list-style:none; margin:0px; padding:0px;}
body ul#open-hours li {margin-bottom:6px; }
body ul#open-hours li .date-day {font-weight:normal;}
body ul#open-hours li .hours-date {text-align:right; font-size:12px;}
/*
=============================================== 10. SIDEBAR STYLES ===============================================
*/
.sidebar-base {width:100%; height:1px; display:block;}
.sidebar-spacer {width:100%; height:15px; overflow:hidden;}
#sidebar {width:22.5%; padding-left:2.5%; float:right; padding-top:8px; }
#container-sidebar {width:72.5%; float:left; }
/*
=============================================== 11. FEATURED SLIDER and PAGE TITLE ===============================================
*/
/* -------------------- B. FEATURED SLIDER -------------------- */
/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}
/* FlexSlider Necessary Styles
*********************************/
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img { width:100%; display: block; }
.flex-pauseplay span {text-transform: capitalize;}
/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}
/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
* include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}
/*
=============================================== 12. NAVIGATION ===============================================
*/
/* -------------------- A. ESSENTIAL STYLES -------------------- */
/*** ESSENTIAL STYLES ***/
nav select {display:none; }
.sf-menu, .sf-menu * {margin:0; padding:0; list-style:none;}
.sf-menu {line-height: 1.0;}
.sf-menu ul {position: absolute; top:-999em; width: 10em; /* left offset of submenus need to match (see below) */}
.sf-menu ul li {width: 100%;}
.sf-menu li:hover {visibility: inherit; /* fixes IE7 'sticky bug' */}
.sf-menu li {float: left ;position: relative;}
.sf-menu a {display:block; position:relative;}
.sf-menu li:hover ul, .sf-menu li.sfHover ul {left: 0; top:65px; /* match top ul list item height */z-index: 99;}
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul {top:-999em;}
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {left: 10em; /* match ul width */ top:0;}
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul {top: -999em;}
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul {left:10em; /* match ul width */ top:0;}
/* -------------------- B. MENU HEIGHT AND PADDING -------------------- */
.sf-menu a {padding:75px 15px 24px 15px;} /* Top Menu Size */
body .sf-menu li:hover ul, body .sf-menu li.sfHover ul {top:115px;} /* Move sub-menu down */
/*
=============================================== 13. DEFAULT GRID ===============================================
*/
.grid2column, .grid3column, .grid3columnbig, .grid4column, .grid4columnbig, .grid2mcolum, .gridlogo-footer, .gridfight-footer {float:left; margin-right:3%; position:relative; }
.grid2column { width: 48.5%;}
.lt-ie8 .grid2column {width: 48%; }
.grid3column {width: 31.2%; }
.lt-ie8 .grid3column {width: 30.5%; }
.grid2mcolum{width:62.4%}
.lt-ie8 .grid2mcolum {width: 64%; }
.grid3columnbig {width:65.5%;}
.grid4column {width: 22.5%; }
.lt-ie8 .grid4column {width: 22%; }
.grid4columnbig {width:74.2%; }
.gridfight-footer{width:12%;}
.gridlogo-footer{width:83%;}
.video-container a.popup:hover { background-position: top; }
body .lastcolumn {margin-right:0% !important;}
.reservationbutton{display:none;}
/*
=============================================== 14. PRINT STYLES ===============================================
*/
@media print {
* { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; }
a, a:visited { text-decoration: underline; }
a[href]:after { content: " (" attr(href) ")"; }
abbr[title]:after { content: " (" attr(title) ")"; }
.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
thead { display: table-header-group; }
tr, img { page-break-inside: avoid; }
img { max-width: 100% !important; }
@page { margin: 0.5cm; }
p, h2, h3 { orphans: 3; widows: 3; }
h2, h3 { page-break-after: avoid; }
}
.amazon_scroller{
padding: 0px;
margin: 0px;
}
.amazon_scroller .amazon_scroller_nav{
position: absolute;
}
.amazon_scroller .amazon_scroller_nav li{
cursor: pointer;
position: absolute;
width:100%;
}
.amazon_scroller .amazon_scroller_mask{
position: absolute;
margin-left: 0px;
margin-right: 0px;
overflow: hidden;
width:100%;
}
.amazon_scroller ul{
padding: 0px;
margin: 0px;
float: left;
}
.amazon_scroller ul li{
padding: 0px;
margin: 0px;
margin-left: 5px;
margin-right: 5px;
list-style: none;
float: left;
text-align: left;
width:100%;
display:block;
}
.amazon_scroller ul li a{
text-decoration: none;
}
.amazon_scroller ul li a amazon_scroller_title{
overflow:hidden;
}
.amazon_scroller ul li a:hover{
text-decoration: underline;
}
.amazon_scroller ul li a img{
border: none;
}