@font-face
{
  font-family: 'Krona One';
  font-style: normal;
  font-weight: 400;
  src: local('Krona One'), local('KronaOne-Regular'), url('http://themes.googleusercontent.com/static/fonts/kronaone/v1/ix3TbrGcGYAHLWi4hTTy1D8E0i7KZn-EPnyo3HZu7kw.woff') format('woff');
}

@font-face {
  font-family: 'Questrial';
  font-style: normal;
  font-weight: 400;
  src: local('Questrial'), local('Questrial-Regular'), url('http://themes.googleusercontent.com/static/fonts/questrial/v3/MYWJ4lYm5dbZ1UBuYox79D8E0i7KZn-EPnyo3HZu7kw.woff') format('woff');
}

th
{
    font-weight:normal;
}

textarea
{
    font-family:'Questrial', sans-serif;
}

html
{
    width: auto;
}

body
{
    width: auto;
    margin: 0;
    font-family:'Questrial', sans-serif;
    background: #1F3453 url('background.jpg') top center repeat-x;
    background-attachment: fixed;
}

#indexMarker
{
    display:none;
}

#background
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    background: url('background.jpg') no-repeat;
    background-position: top center;
    background-attachment: fixed;
    background-size: 1200px 1100px;
    z-index: -2;
}

#loading
{
    position:fixed;
    bottom:50px;
    left:30px;
    width:30px;
    height:30px;
    border:8px solid #fff;
    border-right-color:transparent;
    border-radius:50%;
    box-shadow:0 0 15px 15px #eee;
    z-index:999;
    opacity:0.0;
	-webkit-animation: spin 1s linear infinite;
	-moz-animation: spin 1s linear infinite;
	-ms-animation: spin 1s linear infinite;
	-o-animation: spin 1s linear infinite;
	animation: spin 1s linear infinite;
}

@-webkit-keyframes spin
{
	from { -webkit-transform: rotate(0deg); }
	50%  { -webkit-transform: rotate(180deg); }
	to   { -webkit-transform: rotate(360deg); }
}

@-moz-keyframes spin
{
	from { -moz-transform: rotate(0deg); }
	50%  { -moz-transform: rotate(180deg); }
	to   { -moz-transform: rotate(360deg); }
}

@-ms-keyframes spin
{
	from { -ms-transform: rotate(0deg); }
	50%  { -ms-transform: rotate(180deg); }
	to   { -ms-transform: rotate(360deg); }
}

@-o-keyframes spin
{
	from { -o-transform: rotate(0deg); }
	50%  { -o-transform: rotate(180deg); }
	to   { -o-transform: rotate(360deg); }
}

@keyframes spin
{
	from { transform: rotate(0deg); }
	50%  { transform: rotate(180deg); }
	to   { transform: rotate(360deg); }
}

#wrapper
{
    width:768px;
    margin: 0 auto;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    /*background:url('sides.png');
    background-repeat:repeat-y;*/
}

#sides
{
    position: fixed;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
    background:url('sides.png');
    background-repeat:repeat-y;
    background-position: top center;
    background-attachment: fixed;
    z-index:-1;
}

#header
{
    position: relative;
    width: 748px;
    height: 136px;
    padding: 0 0 0 20px;
    margin: 0 0 20px 0;
    background: url('header.jpg') no-repeat;
    z-index: 700;
}

#indexHeader
{
    height:90px;
    line-height:90px;
    padding:36px 0 0 40px;
    color:#fff;
    font-size:22px;
    font-family:'Krona One', sans-serif;
}

a.logo
{
    position:absolute;
    top:14px;
    right:0;
    width:202px;
    height:111px;
    background:url('logo_wineroom.jpg') no-repeat;
    display:block;
}

a.signUp
{
    position:absolute;
    top:40px;
    left:496px;
    width:43px;
    height:51px;
    background:url('signUp.png');
    display:block;
}

.navBar
{
    position:relative;
    width:475px;
    height:58px;
    font-family:'Krona One', sans-serif;
}

.navArrow
{
    float:left;
    width:63px;
    height:39px;
    line-height:25px;
    margin:14px 2px 0 1px;
    font-size:13px;
}

.navArrow p
{
    position:absolute;
    width:200px;
    margin:0 0 0 -70px;
    text-align:center;
    display:none;
}

.active
{
    background:url('navArrow.png') no-repeat bottom;
}

.active p
{
    display:block;
}

a.navButton
{
    float:left;
    width:63px;
    height:63px;
    margin:0 2px 0 0;
    background-repeat:no-repeat;
}

a#home
{
    background-image:url('home.png');
}

a#byGlass
{
    background-image:url('byGlass.png');
}

a#byBottle
{
    background-image:url('byBottle.png');
}

a#drinkMenu
{
    background-image:url('drinkMenu.png');
}

a#dessertMenu
{
    background-image:url('dessertMenu.png');
}

a#helpMenu
{
    background-image:url('helpMenu.png');
}

#content
{
    width:768px;
    padding: 0 0 50px 0;
    margin: 0 auto;
    color:#ffffff;
    font-family:'Questrial', sans-serif;
    z-index:500;
}

#content p
{
    margin:28px 18px 0 46px;
    font-size:18px;
    text-shadow:#000000 2px 2px 2px;
}

#navBeacon
{
    display:none;
}

.content_header
{
    position: relative;
    /*top:147px;
    left:0px;*/
    width: 393px;
    height:92px;
    margin:0 0 0 50px;
    padding:55px 0 0 275px;
    background:url('content_header2.png') no-repeat;
    background-position: bottom center;
    color:#ffffff;
    font-family:'Krona One', sans-serif;
    font-size:22px;
    z-index:550;
}

.add
{
    position:relative;
    top:0;
    left:0;
}

.add2
{
    margin-top:0 !important;
}

.icon_glasses
{
    position:absolute;
    bottom: 5px;
    left: 80px;
    width: 154px;
    height: 133px;
    background:url('icon_glasses2.png') no-repeat;
    display:block;
}

.icon_bottles
{
    position:absolute;
    bottom: 5px;
    left: 80px;
    width: 154px;
    height: 133px;
    background:url('icon_bottles2.png') no-repeat;
    display:block;
}

.icon_drinks
{
    position:absolute;
    bottom: 5px;
    left: 80px;
    width: 154px;
    height: 133px;
    background:url('icon_drinks.png') no-repeat;
    display:block;
}

.icon_sommelier
{
    position:absolute;
    bottom: 5px;
    left: 80px;
    width: 154px;
    height: 133px;
    background:url('icon_sommelier.png') no-repeat;
    display:block;
}

.icon_additions
{
    position:absolute;
    bottom: 5px;
    left: 80px;
    width: 154px;
    height: 133px;
    background:url('icon_additions.png') no-repeat;
    display:block;
}

.icon_dessert
{
    position:absolute;
    bottom: 5px;
    left: 80px;
    width: 154px;
    height: 133px;
    background:url('icon_dessert.png') no-repeat;
    display:block;
}

.whiteButtons
{
    margin:7px 0 0 0;
}

.whiteButtons a, a.whiteButton
{
    color:#1f3452;
    font-size:12px;
    text-decoration:none;
    background:#ffffff;
    border-radius:5px;
    padding:5px;
    margin:0;
    font-family:'Krona One', sans-serif;
    text-shadow:none;
    border:2px solid transparent;
}

.whiteButtons a.redBorder, a.whiteButton .redborder
{
    border-color:#890101;
}

.currentView
{
    position:absolute;
    top:118px;
    left:275px;
    width:335px;
    height:21px;
    padding:0 0 0 25px;
    line-height:21px;
    font-family:'Krona One', sans-serif;
    color:#1f3452;
    font-size:9px;
}

.detail_spacer
{
    width:668px;
    height:24px;
    background:url('table_bgALT.png') repeat;
    margin-left:50px;
}

table#detail, #detail
{
    position:relative;
    width:668px;
    min-height:350px;
    margin-left:50px;
    background:url('table_bg.png') repeat;
    border-top:1px solid #ffcf46;
    border-bottom:1px solid #ffcf46;
    font-size:13px;
}

table#detail tr td
{
    vertical-align:top;
}

table#detail tr td#firstTd
{
    border-right:1px solid #ffcf46;
}

.detail_thumb
{
    width:212px;    
    padding:12px 0 10px 0;
}

.detail_thumb img
{
    max-width:159px;
    display:block;
    padding:0 0 20px 0;
    margin:0 auto;
}

a.detail_button
{
    color:#1f3452;
    font-size:12px;
    text-decoration:none;
    background:#ffffff;
    border-radius:5px;
    padding:5px 10px;
    margin:0 0 0 17px;
    font-family:'Krona One', sans-serif;
    font-size:11px;
    text-shadow:none;
}

a.detail_button_big
{
    color:#1f3452;
    font-size:12px;
    text-decoration:none;
    background:#ffffff;
    border-radius: 5px;
    padding: 10px 20px;
    margin: 50px auto 0 auto;
    font-family:'Krona One', sans-serif;
    font-size:11px;
    text-shadow:none;
}

.detail_thumb a:first-of-type
{
    margin:0 0 0 43px;
}

a.detail_button_dessert
{
    float: right;
    color:#1f3452;
    font-size:12px;
    text-decoration:none;
    background:#ffffff;
    border-radius:5px;
    padding:5px 20px;
    margin:0 20px 0 0;
    font-family:'Krona One', sans-serif;
    font-size:11px;
    text-shadow:none;
    line-height: 16px;
}

table.table_detail
{
    padding:8px 5px 0 0;
    color:#ffffff;
}

table.table_detail td
{
    vertical-align:top;
    /*width:212px;*/
}

table.table_detail td:nth-child(odd)
{
    width:105px;
    text-align:right;
    color:#c9d0db;
}

.price
{
    margin:20px auto;
    font-size:16px;
    text-align:center;
    color:#fff;
}

.price span.label
{
    color:#c9d0db;
}

.sub_varietal_header
{
    font-weight: 500;
    font-size: 16px;
    background: url('table_bgALT.png') repeat;
    color: #FFF;
    text-shadow: #000 2px 2px 2px;
}

table#content_table, table#content_table_sub, table.content_back
{
    width:668px;
    background:url('table_bg.png') repeat;
    margin: 0 auto 0 auto;
    border-spacing:0;
    border-collapse:collapse;
    border-style:hidden;
    text-align:center;
    font-size:14px;
    color:#ffffff;
    z-index:520;
    /*table-layout: fixed;*/
}

table#content_table_sub, table.content_back
{
    margin-top: 0;
}

table.content_back
{
    height: 56px;
    padding: 10px 0 10px 0;
    border-top: 1px solid #ffcf46;
}

td.cellHeader
{
    font-family:'Krona One', sans-serif;
    text-shadow:#000000 2px 2px 1px;
    font-size:16px;
    background:url('table_bgALT.png') repeat;
    text-align: center;
}

table#content_table tr
{
    display:none;
}

table#content_table tr.activeTr
{
    display:table-row;
}

/*-- Style for alternating table row colors --*/
/*.even
{
    background:url('table_bgALT.png') repeat;
}*/

table#content_table tr.topRow, table#content_table_sub tr.topRow
{
    font-family:'Krona One', sans-serif;
    text-shadow:#000000 2px 2px 1px;
    font-size:13px;
    background:url('table_bgALT.png') repeat;
    display:table-row;
}

td.cellHeader
{
    font-family:'Krona One', sans-serif;
    text-shadow:#000000 2px 2px 1px;
    font-size:16px;
    background:url('table_bgALT.png') repeat;
    text-align: center;
}

table#content_table td, table#content_table th, table#content_table_sub td, table#content_table_sub th
{
    border:1px solid #ffcf46;
    padding:15px 5px;
}

.view
{
    color:#1f3452;
    background:#ffffff;
    padding:5px;
    border:1px solid #000000;
    border-radius:5px;
    text-decoration:none;
    font-family:'Krona One', sans-serif;
    font-size:11px;
}

table#wine_table
{
    width:668px;
    background:url('table_bg.png') repeat;
    margin: 0 auto 15px auto;
    border-spacing:0;
    border-collapse:collapse;
    border-style:hidden;
    text-align:left;;
    font-size:16px;
    color:#ffffff;
    z-index:520;
}

table#wine_table td, table#wine_table th
{
    border:1px solid #ffcf46;
    padding:10px;
    width:50%;
}

table#wine_table td
{
    line-height:26px;
    position:relative;
}

table#wine_table tr.topRow
{
    font-family:'Krona One', sans-serif;
    text-shadow:#000000 2px 2px 1px;
    font-size:16px;
    background:url('table_bgALT.png') repeat;
    display:table-row;
}

table#wine_table .view
{
    float:right;
    height:14px;
    line-height:14px;
    text-shadow:none;
}

table#wine_table .view_all
{
    float: none;
}

.center
{
    text-align: center;
}

table#wine_table td.alt
{
    font-family:'Krona One', sans-serif;
    text-shadow:#000000 2px 2px 1px;
    font-size:16px;
    background:url('table_bgALT.png') repeat;
}

table#wine_table td h1
{
    font-size:14px;
    line-height: 15px;
    text-shadow: #000 2px 2px 2px;
}

table#wine_table td p
{
    font-size: 13px;
    line-height: 15px;
    margin: 0;
    padding: 0;
}

table#wine_table td h1.name
{
    max-width: 245px;
    font-size: 16px;
}

table#wine_table td p.content
{
    max-width: 245px;
    padding: 10px 0 20px 0;
}

table#wine_table td p.price
{
    max-width: 245px;
    font-weight: bold;
    font-size: 16px;
    padding: 5px 0;
    line-height: 16px;
    text-align: left;
}

.clickable
{
    cursor:pointer;
}

a.byGlass_big
{
    width:299px;
    height:151px;
    line-height:151px;
    padding:0 0 0 160px;
    margin:0 0 0 67px;
    background:url('byGlass_big.png') no-repeat;
    display:block;
    color:#ffffff;
    font-family:'Krona One', sans-serif;
    font-size:18px;
    text-decoration:none;
}

a.byBottle_big
{
    width:299px;
    height:151px;
    line-height:151px;
    padding:0 0 0 160px;
    margin:0 0 0 67px;
    background:url('byBottle_big.png') no-repeat;
    display:block;
    color:#ffffff;
    font-family:'Krona One', sans-serif;
    font-size:18px;
    text-decoration:none;
}

a.drinkMenu_big
{
    width:299px;
    height:151px;
    line-height:151px;
    padding:0 0 0 160px;
    margin:0 0 0 67px;
    background:url('drinkMenu_big.png') no-repeat;
    display:block;
    color:#ffffff;
    font-family:'Krona One', sans-serif;
    font-size:18px;
    text-decoration:none;
}

a.dessertMenu_big
{
    width:299px;
    height:151px;
    line-height:151px;
    padding:0 0 0 160px;
    margin:0 0 0 67px;
    background:url('dessertMenu_big.png') no-repeat;
    display:block;
    color:#ffffff;
    font-family:'Krona One', sans-serif;
    font-size: 18px;
    text-decoration:none;
}

a.focus_big
{
    float: left;
    width: auto;
    height: auto;
    padding: 63px 0 0 0;
    margin: 40px 0 0 110px;
    background:url('smallButton_FL.png') center top no-repeat;
    display: block;
    color: #ffffff;
    font-family:'Krona One', sans-serif;
    font-size: 14px;
    text-decoration: none;
    text-align: center;
}

a.month_big
{
    float: left;
    width: auto;
    height: auto;
    padding: 63px 0 0 0;
    margin: 40px 0 0 60px;
    background:url('smallButton_WL.png') center top no-repeat;
    display: block;
    color: #ffffff;
    font-family:'Krona One', sans-serif;
    font-size: 14px;
    text-decoration: none;
    text-align: center;
}

a.category_btn
{
    width:253px;
    height:45px;
    line-height:45px;
    color:#fff;
    text-decoration:none;
    text-align:center;
    font-size:18px;
    font-family:'Krona One', sans-serif;
    margin:0 auto;
    background:url('category_btn.png') no-repeat;
    display:block;
}

#sidebar
{
    position:fixed;
    top:136px;
    left:567px;
    width:200px;
    height:848px;
    padding:0 0 20px 0;
    border-left:1px solid #000000;
    /*border-right:1px solid #000000;*/
    font-family:'Questrial', sans-serif;
    color:#ffffff;
    font-size:12px;
    overflow:auto;
    -webkit-overflow-scrolling: touch;
    z-index:650;
}

#sidebar p
{
    margin:15px 5px 15px 15px;
}

#sidebar .sidebar_header
{
    width:200px;
    height:56px;
    line-height:35px;
    font-size:14px;
    text-align:center;
    background:url('sidebar_header.png') no-repeat;
}

.sidebar_spacer
{
    width:200px;
    height:2px;
    background-color:#8c97a7;
}

#sidebar .selection
{
    width:180px;
    padding:10px;
}

#sidebar .selection p
{
    margin:0 0 5px 0;
    display:block;
    font-size:11px;
    text-transform:capitalize;
}

#sidebar .selection img
{
    max-width:40px;
}

#sidebar .selection a.selection_remove
{
    float:right;
    color:#000000;
    font-size:12px;
    text-decoration:none;
    background:#ffffff;
    border:1px solid #000000;
    border-radius:5px;
    padding:3px 8px;
    margin:5px 10px 0 0;
    font-size:11px;
    text-shadow:none;
    display:block;
}

#sidebar .selection a.thumb
{
    float:left;
    max-width:40px;
    padding:0 5px 15px 0;
    display:block;
}

#sidebar a#clearAll
{
    width:110px;
    color:#1f3452;
    font-size:13px;
    text-decoration:none;
    text-align:center;
    background:#ffffff;
    border:1px solid #000;
    border-radius:5px;
    padding:10px 0;
    margin:20px 45px;
    font-family:'Krona One', sans-serif;
    text-shadow:none;
    display:block;
}

#sidebar a#backToCats
{
    width:110px;
    color:#1f3452;
    font-size:13px;
    text-decoration:none;
    text-align:center;
    background:#ffffff;
    border:1px solid #000;
    border-radius:5px;
    padding:10px 0;
    margin:20px 45px;
    font-family:'Krona One', sans-serif;
    text-shadow:none;
    display:block;
}

#sidebar a#sidebar_home
{
    width:110px;
    color:#1f3452;
    font-size:13px;
    text-decoration:none;
    text-align:center;
    background:#ffffff;
    border:1px solid #000;
    border-radius:5px;
    padding:10px 0;
    margin:20px 45px;
    font-family:'Krona One', sans-serif;
    text-shadow:none;
    display:block;
    text-shadow:none;
}

#signUp
{
    margin:0 auto;
}

.footer
{
    position:fixed;
    bottom:0;
    left:0px;
    width:713px;
    height:33px;
    line-height:27px;
    padding:0 0 0 55px;
    color:#1f3452;
    font-size:7px;
    font-family:'Krona One', sans-serif;
    background:url('footer.png') no-repeat;
    background-position:-300px 0px;
    background-size:1324px 33px;
    z-index:700;
}

.footer_index
{
    width:603px;
    height:33px;
    line-height:27px;
    padding:0 0 0 165px;
    color:#1f3452;
    font-size:7px;
    font-family:'Krona One', sans-serif;
    background:url('footer.png') no-repeat;
    background-position:-200px 0px;
    background-size:1324px 33px;
    z-index:700;
}

/* -- 4-9-2015 Redesign -- */

.search
{
    position: relative; 
    width: 465px;
    height: 100px;
    padding: 0 0 0 85px;
    margin: 15px auto;
    font-size: 14px;
    background: url('searchIcon.png') no-repeat;
    background-position: top left;
}

.search input[type=text]
{
    position: absolute;
    left: 85px;
    bottom: 10px;
    width: 320px;
    height: 35px;
    line-height: 35px;
    background: #8f9aa9;
    border: 0;
    border-radius: 10px;
    padding: 0;
    margin: 5px 0 0 0;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.search input[type=button]
{
    position: absolute;
    left: 405px;
    bottom: 10px;
    width: 117px;
    height: 35px;
    line-height: 35px;
    background: #8f9aa9;
    border: 0;
    border-radius: 10px;
    color: #FFF;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    text-shadow: 1px 1px 1px #000;
    font-family:'Krona One', sans-serif;
    margin: 6px 0 0 5px;
    padding: 0;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.front_button
{
    position: relative;
    float: left;
    width: 280px;
    padding: 185px 25px 30px 25px;
    text-align: center;
    font-size: 13px;
    color: #FFF;
    text-decoration: none;
    display: block;
}

.front_button span
{
    font-family:'Krona One', sans-serif;
    font-size: 18px;
}

.front_button_1
{
    background: url('front_button_1.png') no-repeat;
    background-position: center top;
}

.front_button_2
{
   background: url('front_button_2.png') no-repeat;
   background-position: center top;
}

.front_button_3
{
   background: url('front_button_3.png') no-repeat;
   background-position: center top;
}

.front_button_4
{
   background: url('front_button_5.png') no-repeat;
   background-position: center top;
}

.flames
{
    position: absolute;
    left: 62px;
    bottom: 50px;
    width: 197px;
    height: 106px;
    background: url('flames.png') no-repeat;
}

.small_button
{
    float: left;
    width: 230px;
    padding: 100px 0 0 0;
    text-align: center;
    font-family:'Krona One', sans-serif;
    font-size: 14px;
    color: #FFF;
    text-decoration: none;
    display: block;
}

.small_button_1
{
   background: url('small_button_1.png') no-repeat;
   background-position: center top;
}

.small_button_2
{
   background: url('small_button_2.png') no-repeat;
   background-position: center top;
}