/*
	Gift Card Store Template
	


----------------------------------------------- */

html, body, div, h1, h2, h3, ul, ol, li, form, fieldset,
input, textarea {margin: 0;padding: 0;font-size: 100%;}
ul {list-style: none;}
img, fieldset {border: 0;}
h1, h2, h3 {font-weight: normal;}
em {font-style: italic;}
strong {font-weight: bold;}
a{cursor:pointer}

body {
	background: white url('/content/charbonos2/img/pattern.jpg');
	font-family:Arial, Helvetica, sans-serif;
	color: #3f3f3f;
}
body.LTR, body.RTL
{
	background: url('/content/charbonos2/img/pattern.jpg');
	font-family:Arial, Helvetica, sans-serif;
	color: #3f3f3f;
}

/* hyperlink elements
----------------------------------------------- */
a{color:#0f2b5b; text-decoration:none; outline:0 none;}
a,img {border: 0;}


/* typography
----------------------------------------------- */

h1,
h2,
h3, h4, h5, h6 { font-family:Arial, Helvetica, sans-serif; color:#3f3f3f;}
h1{ font-size:37px; margin:0; padding:0; line-height:37px;}		
h2{	font-size:22px; padding:0 0 5px 0;}
h3{ font-size:16px; color:#2d2d2a; margin:5px 0 0;}
h4{ font-size:22px; color:white; font-weight:normal; margin:13px 0 0 10px; float:left;}


/* components
----------------------------------------------- */

img.fancybox {border: 1px solid #CCC; padding:2px; margin:10px 5px 10px 0;}
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix {display:inline-block;}
.clearfix {display:block;}
.clearfixblock {display:block;}

.lookup {width:55%; margin:0 auto; float:right;}
.balance-left {width:43%; float:left; font-size:20px !important;}
.balance-left p {font-size:20px !important;}

/* Sprites
----------------------------------------------- */

/* Forms
------------------------------- */

.standard-form{padding:6px 0 0;}
.standard-form .columns{margin: 10px 0 0;}
.standard-form .column{float: left; width: 60%;}
.standard-form .c2{margin: 0 20px 0 0; width: 27%;}
.standard-form .c3{margin: 0 20px 0 0; width: 130px;}
.standard-form .column label{color: #6f6f6f; display: block; font-size: 13px; line-height: 26px; margin: 0; font-weight:bold;}
.standard-form .column input{-moz-transition: all 0.2s ease-in-out 0s; background: url("/Content/charbonos/img/ip.png") repeat-x scroll 0 0 #FCFCFC;
    border: 1px solid #cecece; border-radius: 3px 3px 3px 3px; font-size: 0.9em; padding: 6px 8px; width: 90%;}
.standard-form .column input:focus{border-color:#80D2F0; box-shadow: 0 0 4px #e6f9ff;}
.standard-form .column textarea{-moz-transition: all 0.2s ease-in-out 0s; background: url("/Content/charbonos/img/ip.png") repeat-x scroll 0 0 #FCFCFC;
    border: 1px solid #cecece; border-radius: 3px 3px 3px 3px; font-size: 0.9em; padding: 6px 8px; width: 90%; height:116px;}
.standard-form .column textarea:focus{border-color:#80D2F0; box-shadow: 0 0 4px #e6f9ff;}
.standard-form .employ textarea:focus{border-color:#80D2F0; box-shadow: 0 0 4px #e6f9ff;}
.standard-form .employ textarea{-moz-transition: all 0.2s ease-in-out 0s; background: url("/Content/charbonos/img/ip.png") repeat-x scroll 0 0 #FCFCFC;
    border: 1px solid #cecece; border-radius: 3px 3px 3px 3px; font-size: 0.9em; padding: 6px 8px; width: 90%; height:40px;}
.standard-form .column .UploaderLabel{display:none;}
.standard-form .column .EditingFormControlNestedControl label{display:none;}
.standard-form .column .EditingFormErrorLabel{font-size:12px; color:#7B040F; font-weight:bold;}
.standard-form .column .Error input{border: 1px solid #D20009;}
.standard-form .column span{color:Red; font-size:12px;}
.standard-form .column .Error textarea{border: 1px solid #D20009;}
.ErrorLabel{border:1px solid #D20009; background:#F3D9D9 ; color:#7B040F; padding:10px; font-size:14px; font-weight:bold;}
.submit-btn input, .submit-btn input:hover, .submit-btn input:active{background:#bb8039;   font-family: 'Fjalla One', sans-serif;
                     text-transform:uppercase; color:white; padding:14px 36px; text-align: center; display:inline-block;
                      border-bottom:2px solid #875c29; font-size:16px; margin:10px 0 14px; display:block;  outline: none;  -webkit-appearance: none;
  -webkit-border-radius: 0; -webkit-appearance: none; text-indent:0 !important; }

.radio{margin-top:10px;}
.radio input{width:14px; float:left;}
.radio label{line-height:16px; margin-left:20px;}
.standard-form .state{width:240px;}
.standard-form .country{width:270px;}

/* Navigation
----------------------------------------------- */

.nav{background:rgba(42,42,42,.85); height:170px; width:100%;
  position: fixed;
  top: 0;
  z-index: 10;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  font-family: 'Fjalla One', sans-serif;
  font-size:22px;
  color:white; 
  text-transform:uppercase;
}

    .nav a {color:white; text-decoration:none; opacity:1; }

    .nav-items {float:left; width:85%; margin-top:70px;}
        .nav-items ul {text-align:right;}
        .nav-items li {display:inline-block; padding:0 14px; }

.sticky {height:100px; background:rgba(42,42,42,1); }

.hero-banner {background:url('/content/img/heroimage.jpg') center center; height:715px; width:100%; background-size:cover; }
    .hero-banner h1 {    text-shadow:2px 2px 3px black
}
.inner {width:1170px; margin:0 auto; }

.logo {width:15%; height:154px; margin-top:5px; float:left; display:inline-block;}
.sticky .logo img {width:84px; height:90px;}


h1 {  

font-family: 'Fjalla One', sans-serif;
font-size:112px;
color:white; 
text-transform:uppercase;
text-align:center;
line-height:140px;
}

h1.home {  padding-top:300px; }

h2 {

font-family: 'Fjalla One', sans-serif;
font-size:40px;
color:white; 
text-transform:uppercase;
text-align:center;
width:85%;
margin:0 auto;

}

h3 {color:#262626; font-family: 'Fjalla One', sans-serif;
font-size:40px;
text-transform:uppercase;
}

.reservations {background:#c59d5f; color:white; padding:20px 30px; text-transform:uppercase;
 text-align:center; display:block; cursor:pointer; margin:10px auto; font-weight:bold; font-size:18px;
 position:relative; width:20%;
}

.section {padding:5% 0;}
    .section .left-panel {width:55%; float:left; }
    .section .right-panel {width:40%; float:right; }
    .section p {color:#515151; font-size:24px; line-height:36px; font-family: 'Open Sans', sans-serif; }

.section-bg {padding:0; background:url('/content/img/martini.jpg') center center; padding:7% 0;}
    .section-bg .reservations {color:white; background:rgba(42,42,42,1); border:1px solid #c59d5f; }
    .section-bg h3 {color:white; text-align:center; text-shadow: #212121 1px 1px 20px; }
    .section-bg p { color: white; font-size: 24px; line-height: 36px; font-family: 'Open Sans', sans-serif; text-align: center; width: 90%; text-shadow: #212121 1px 1px 20px; }

footer {background:#191919; width:100%; padding:3% 0;}
    footer .column-1 {width:25%; float:left;}
        footer .column-1 .title {
            font-family: 'Fjalla One', sans-serif;
            font-size:20px;
            color:white; 
            text-transform:uppercase;
            margin-bottom:0;
        }
        footer .column-1 .content {color:white; line-height:21px; font-size:14px;}
        footer .c1 {width:23%; }
        footer .c2 {width:35%; }
        footer .c3 {width:40%; }
        footer strong {color:#7a7a7a; font-weight:normal;}
footer .column-1 ul {padding-top:1em;}
footer .column-1 li {display:inline-block; padding:0 8px 0 0;}
footer .column-1 li a{color:white;}

.facebook, .twitter, .google {background:url('/content/img/social.png'); height:36px; width:36px; display:inline-block; cursor:pointer; text-indent:-999em;}
.facebook {background-position:0 0; }
.twitter {background-position:-36px 0; }
.google {background-position:-72px 0; width:35px;}

.store-info {background:url('/content/img/FOH.jpg') center center; height:415px; width:100% }
.menu-hero {background:url('/content/img/menu.jpg') center center; height:415px; width:100% }
.reservations-hero {background:url('/content/img/reserve2.jpg') center center; height:415px; width:100% }
    .reservations-hero h1 {text-shadow:2px 2px 3px black}
.private-hero {background:url('/content/img/private2.jpg') center center; height:415px; width:100% }
.gift-hero {background:url('/content/img/martini.jpg') center center; height:415px; width:100% }
.events-hero {background:url('/content/img/events.jpg') center center; height:415px; width:100% }
    .events-hero h1 {text-shadow:2px 2px 3px black}
.gallery-hero {background:url('/content/img/gallery.jpg') center center; height:415px; width:100% }
    .gallery-hero h1 {text-shadow:2px 2px 3px black}


.store-info h1 {  

font-family: 'Fjalla One', sans-serif;
font-size:80px;
color:white; 
text-transform:uppercase;
text-align:center;
padding-top:230px;
}

.wide {padding:5% 0;}
    .section p {color:#515151; font-size:24px; line-height:36px; font-family: 'Open Sans', sans-serif; 
                width:90%;
    }
    .wide .left-panel {width:65%; float:left; }
    .wide .right-panel {width:35%; float:right; }
    .wide .right-panel p{font-size:16px;}

.maps {border:2px solid #191919; display:block; width:90%; z-index:99; }
    .maps iframe { pointer-events: none; }

.panels {margin-top:10px;}
.award {background:#212121; color:white; width:30%; padding:30px 10px; border-radius:5px 5px 5px 5px;
        display:inline-block; float:left; margin:0 10px 15px 0; min-height:130px;
}
    .award .title {font-family: 'Fjalla One', sans-serif; text-align:center; font-size:22px;}
    .award .sub-text { }
        .award .sub-text p {font-family: 'Courgette', cursive; line-height:24px; 
                            font-size:16px; color:white; text-align:center; width:100%;}

        .award a{background:white; padding:8px 10px; display:block; margin:0 auto; width:100px; text-align:center; font-size:13px; border-radius:4px 4px 4px 4px; color:black; font-weight:bold;}

.event-detailer a {background:#212121; color:white; font-weight:bold; padding:8px 14px; border-radius:4px 4px 4px 4px; margin:40px 0;}
.event-detailer ul {list-style-type:disc; list-style-position:outside; margin-left:20px; font-size:18px; margin-top:10px;}
    .event-detailer ul li p {font-size:18px;}

.reservation-policies li {  color: #515151;
  font-size: 20px;
  line-height: 30px;
  font-family: 'Open Sans', sans-serif;
  width: 90%; 
  list-style:square inside;
}

.OT_title {line-height:normal;
}


.box-show {
z-index: 2;
float: left;
position: relative;
width: 48%;
height: 540px;
border-top: 3px solid black;
border-bottom: 1px solid black;
margin-right: 18px;
margin-bottom: 21px;
background:#212121;
}

    .box-show img {width:100%; height:300px;}
.box-show:nth-child(3n) { margin-right:0;}

.box-swap-title {
background: url('/content/img/sh4.jpg') repeat scroll 0 0 #c59d5f;
bottom: 227px;
color: white;
display: block;
font-family: 'Fjalla One', sans-serif;
font-size: 24px;
left: 0;
padding: 7px 12px;
position: absolute;

}

.box-swap-address {
font-size: 16px;
color: white;
  font-family: 'Open Sans', sans-serif;

margin: 20px 0px 0px 15px;
line-height:26px;

}




/*Menu Area*/

.menu-container { border: solid 1px #cdcdcd;
background: white;
padding: 60px 56px 60px 56px;
box-shadow: 0 0 2px rgba(0,0,0,0.1);
position: relative;
margin:10px 0;
width:81%; 
}

    .menu-container h2 {  font-family: 'Fjalla One', sans-serif;

font-size: 30px;
text-align: left;
text-transform: uppercase;
font-weight: 800;
color: #464646;
margin-bottom: 18px; float:left; }
    .menu-container .menudownload { float:right; }

    .menu-container p {color:#898989;
font-size: 18px;
font-weight: 300;
line-height: 35px;
margin:0px 0 28px; text-align:left;

    }

 
.menu-nav{}
    .menu-nav li {background:#191919; color:white; width:30%; display:block; text-align:center; padding: 10px 0; display:inline-block;
                  margin-bottom:5px;  font-family: 'Fjalla One', sans-serif; font-size:18px;

    }
        .menu-nav li.active2 {background:#c59d5f; }
            .menu-nav li.active2 a {color:black; }
        .menu-nav li a {color:white; text-transform:uppercase; font-family: 'Fjalla One', sans-serif; width:100%; display:block; }

.menu-main {padding:48px 0; }
    .menu-main h1 {text-align:center; font-weight:normal; font-size:40px; padding-bottom:20px;}
    .menu-main p {font-size:16px; font-style:italic; line-height:24px; text-align:left; margin:0;}

.menu-container h3 {font-family: 'Fjalla One', sans-serif;
font-size: 20px;
color: #FF0000;
text-transform: uppercase;
display:inline-block;
line-height: 35px;
margin-bottom: 20px;
}

    .menu-container p.menucatsub {font-size:14px; font-style:italic; line-height:21px; text-align:left; margin-top:-20px;}


.menu-container h3 span {padding-left: 16px; color:#464646; font-size:20px;}

.menu-container ul {padding-bottom:20px; }
.menu-container .singleline li { }
.menu-container .singleline li h5 {font-size: 15px;
line-height: 28px;
color: #464646;
font-weight: 600;
margin:0; padding:0;
}
.menu-container .singleline  li p {font-size: 15px;
line-height: 25px;
color: #898989;
font-style: normal;
font-weight: 300;
width: 80%;
display: block; }

.download-full {color:white; background:#464646; border:1px solid #464646; border-radius:5px 5px 5px 5px; padding:6px 16px; margin-left:10px; font-size:14px;
                transition:all linear .2s; top:-3px; position:relative;

}
    .download-full:hover {color:#464646; background:white;}


.sub-footer {color:white; background:black; text-align:center; font-size:13px; font-style:italic; padding:8px 0; }
/*
.menu-panels li {padding:30px 10px; display:inline-block; background:white; border: solid 1px #cdcdcd;
box-shadow: 0 0 2px rgba(0,0,0,0.1);}
    .menu-panels li .stripes { background:white url('/content/bouldercreek2/img/stripes.png') repeat-x center center; padding:0 40px;}
    .menu-panels li span {xbackground:white; padding:0 10px; }
.menu-panels li a{color:black; font-family:aliceregular, Arial; font-size:20px; font-weight:bold; text-transform:uppercase; background:white; padding:0 5px;}
*/

.menu-panels { padding:30px 0 100px; display:block; margin:0 auto; width:100%;}
.menu-panels a {padding:36px 10px; display:inline-block; background:white; border: solid 1px #cdcdcd; display:inline-block;
box-shadow: 0 0 2px rgba(0,0,0,0.1); color:black; font-family:aliceregular, Arial; font-size:20px; font-weight:bold; text-transform:uppercase; background:white; text-decoration:none;}
.menu-panels a:hover {background:#f0b359; border: solid 1px #cdcdcd; display:inline-block;
box-shadow: 0 0 2px rgba(0,0,0,0.1); color:white; font-family:aliceregular, Arial; font-size:20px; font-weight:bold; text-transform:uppercase; text-decoration:none;}
    .menu-panels a:hover span {background:#f0b359; }

.menu-panels .stripes {background:transparent url('/content/bouldercreek2/img/stripes.png') repeat-x center center; padding:0 40px; }
    .menu-panels span {background:white; padding:0 10px; }
.menu-panels li .oldhref{color:black; font-family:aliceregular, Arial; font-size:20px; font-weight:bold; text-transform:uppercase; background:white; padding:0 5px;}

.menu-container .dual li {width:45%; display:inline-block; vertical-align:top; padding-right:2%;}
.menu-container .dual li h5 {font-size: 15px;
line-height: 28px;
color: #464646;
font-weight: 600;
margin:0;
padding:0;
display:inline-block;
}
.menu-container .dual li p {font-size: 15px;
line-height: 25px;
color: #898989;
font-style: normal;
font-weight: 300;
width: 90%;
display: block;
}

x.menuPrice {display:inline-block; font-size:16px; font-weight:bold; padding-left:6px; }
.menuPrice {xfont-style:italic; font-weight:normal; padding-left:10px; }

.menu-container li.wide {width:100%; padding:0; }

/********************************* CART 
    ***********************************************/

/* left navigation / control pane
---------------------------------------------- */

#left-pane{width:20%; float:left;}
	#cart-box{}
		#cart-total{background:transparent url('/Content/img/dark-transparent-bg.png') repeat; height:65px; margin:0;}
			p.subtotal{line-height:18px; margin:0 10px 3px 0; padding:15px 0 0; text-align:right; color:#FBF7F1; font-size:20px; font-weight:bold;
				text-shadow: 0 1px 0 #494033;}
			p.view-cart-right{text-align:right; font-size:11px; color:white; padding:5px 0 0; text-shadow: 0 1px 0 #494033; margin:0 10px 3px 0;  }
			p.view-cart-right a{color:white; text-decoration:underline  }
		#cart-items{background:transparent url('/Content/img/light-transparent-bg.png'); margin:0;}
			#cart-items p{color:#202020; font-size:11px; margin:0; padding:10px; line-height:18px;}


	#categories{font-family:Arial, Helvetica, sans-serif; margin:25px 0 0; color:#3f3f3f}
		#categories a{color:#3f3f3f}
		#categories a:hover{text-decoration:underline}
		#categories-header{font-size:20px; font-weight:bold; border-bottom:4px solid #3f3f3f; }
		#categories .category{font-weight:bold; font-size:15px; margin:10px 0 0 0;}
		#categories ul{margin:5px 0 0;}
			#categories li{font-size:12px; line-height:18px;}
			
#right-pane{width:65%; float:left; margin:0 0 0 55px; font-size:12px; color:#3f3f3f;}
	#right-pane p{line-height:24px; font-size:16px;}
	
	#product-area{margin:0 0 0 0; }
	.vgc #product-area {margin:0;}
		#product-area .product-tall{width:225px; min-height:360px; border:1px solid #c6c6c6; background:white; float:left; margin:0 13px 13px 0}
		#product-area .product-tall .product-block{padding:15px;}
			#product-area .product-tall .product-image{width:195px; height:200px; border-bottom:1px solid #dddddd; padding:0 0 4px 0; margin:0 0 10px 0; }
			#product-area .product-tall .product-name{font-weight:bold;}
			#product-area .product-tall .product-price{}
			#product-area .product-tall a.product-link{text-decoration:none; color:#3f3f3f; font-size:14px;}
			#product-area .product-tall .product-name:hover{text-decoration:underline;}
			
			#product-area .product-tall .product-cart-button{height:25px; width:195px; display:block; background:url("/Content/img/cartbg.gif") repeat; 
                                                             margin:15px 0 0;}
				#product-area .product-tall a.product-cart-button span{background:url("/Content/img/product-cart-icon.png") no-repeat 
					scroll left 1px transparent;  font-weight:bold; color:white; padding-left:28px; margin:0 0 0 10px; line-height:22px; }
			#product-area .product-tall .product-info-button{height:25px; width:195px; background:#e5e2dd; display:block; margin:5px 0 0;}
				#product-area .product-tall a.product-info-button span{background:url("/Content/img/product-info-icon.png") no-repeat 
					scroll left 1px transparent;  font-weight:bold; color:#3f3f3f; padding-left:28px; margin:0 0 0 10px; line-height:22px; }
	
		#product-area .product-tall-gc{width:225px; min-height:360px; border:1px solid #c6c6c6; background:white; float:left; margin:0 13px 13px 0}
		#product-area .product-tall-gc .product-block{padding:15px;}
			#product-area .product-tall-gc .product-image{width:195px; height:170px; padding:0 0 4px 0; margin:0 0 10px 0; overflow:hidden }
			#product-area .product-tall-gc .product-name{font-weight:bold; border-top:1px solid #dddddd; padding-top:10px; }
			#product-area .product-tall-gc .product-price{}
			#product-area .product-tall-gc a.product-link{text-decoration:none; color:#3f3f3f; font-size:24px; font-family: 'Fjalla One', sans-serif;}
			#product-area .product-tall-gc .product-name:hover{text-decoration:underline;}
			
			#product-area .product-tall-gc .select-gc-description{font-style:italic; margin:10px 0 1px 0; font-size:12px;}
			#product-area .product-tall-gc select.select-gc{width:195px; margin:0 10px 0 0; height:22px; text-align:left}
			#product-area .product-tall-gc input.product-quantity-gc{float:left; width:25px; margin:15px 10px 0 0; height:25px; text-align:center}
			#product-area .product-tall-gc .product-cart-button{float:left; height:25px; width:155px; display:block; background:url("/Content/img/cartbg.gif") repeat; margin:15px 0 0;}
				#product-area .product-tall-gc a.product-cart-button span{background:url("/Content/img/product-cart-icon.png") no-repeat 
					scroll left 1px transparent;  font-weight:bold; color:white; padding-left:28px; margin:0 0 0 10px; line-height:22px; }
			#product-area .product-tall-gc .product-info-button{height:25px; width:195px; background:#e5e2dd; display:block; margin:5px 0 0;}
				#product-area .product-tall-gc a.product-info-button span{background:url("/Content/img/product-info-icon.png") no-repeat 
					scroll left 1px transparent;  font-weight:bold; color:#3f3f3f; padding-left:28px; margin:0 0 0 10px; line-height:22px; }
						
		#product-area .product-wide-gc{width:100%; border:1px solid #c6c6c6; background:white; float:left; margin:0 13px 13px 0}
		#product-area .product-wide-gc .product-block{padding:15px;}
			#product-area .product-wide-gc .product-image{padding:0 10px 0 0; margin:0 10px 0 0; overflow:hidden; float:left; border-right:1px solid #dddddd; }
			#product-area .product-wide-gc .product-name{font-weight:bold; }
			#product-area .product-wide-gc .product-price{}
			#product-area .product-wide-gc a.product-link{text-decoration:none; color:#3f3f3f; font-size:24px; font-family: 'Fjalla One', sans-serif;}
			#product-area .product-wide-gc .product-name:hover{text-decoration:underline;}
			
			#product-area .product-wide-gc .select-gc-description{font-style:italic; margin:10px 0 1px 0; font-size:12px;}
			#product-area .product-wide-gc select.select-gc{width:195px; margin:0 10px 0 0; height:22px; text-align:left}
			#product-area .product-wide-gc input.product-quantity-gc{float:left; width:25px; margin:15px 10px 0 0; height:25px; text-align:center}
			#product-area .product-wide-gc .product-cart-button{float:left; height:25px; width:155px; display:block; background:url("/Content/img/cartbg.gif") repeat; margin:15px 0 0;}
				#product-area .product-wide-gc a.product-cart-button span{background:url("/Content/img/product-cart-icon.png") no-repeat 
					scroll left 1px transparent;  font-weight:bold; color:white; padding-left:28px; margin:0 0 0 10px; line-height:22px; }
			#product-area .product-tall-gc .product-info-button{height:25px; width:195px; background:#e5e2dd; display:block; margin:5px 0 0;}
				#product-area .product-wide-gc a.product-info-button span{background:url("/Content/img/product-info-icon.png") no-repeat 
					scroll left 1px transparent;  font-weight:bold; color:#3f3f3f; padding-left:28px; margin:0 0 0 10px; line-height:22px; }

.gcbtn {background:#212121; color:white; font-family: 'Fjalla One', sans-serif; font-size:18px; padding:8px 30px;}
.check-btn {float:right; margin-top:10px;}


.product-block h1 {color:#262626; font-family: 'Fjalla One', sans-serif; text-align:left; font-size:32px; margin:0; padding:0; line-height:48px;}

/* password css
---------------------------------------------- */

.login-panel{background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #AAAAAA; border-radius: 10px 10px 10px 10px;
    box-shadow:0 0 6px #999999; font-family:Arial, Sans-Serif; font-size: 12px; margin: 10px auto; padding: 25px 28px;
    text-align:left; width: 410px; margin-top:120px;}
    .login-title{font-size:16px; font-weight:bold; border-bottom:1px solid #E3E3E3; padding-bottom:4px;}
    .login-panel p{line-height:21px; margin:0; padding:0;}    
.login-panel .columns{margin: 10px 0 0;}
.login-panel .column{width: 440px;}
.login-panel .column label{color: #898989; display: block; font-size: 13px; line-height: 26px; margin: 0; font-weight:bold;}
.login-panel .column span{color: #898989; display: block; font-size: 13px; line-height: 26px; margin: 0; font-weight:bold;}
.login-panel .column input{-moz-transition: all 0.2s ease-in-out 0s; background: url("/content/img/ip.png") repeat-x scroll 0 0 #FCFCFC;
    border: 1px solid #E3E3E3; border-radius: 3px 3px 3px 3px; font-size: 0.9em; padding: 6px 8px; width: 90%; float:left;}
    .login-panel .column input.pass-sm{width:250px; float:left;}
.login-panel .column input:focus{border-color:#80d2f0; box-shadow:0 0 4px #e6f9ff;}    
.login-panel .column .forgot-password{float: left; font-size: 12px; margin: 6px 0 0 26px; display:block; width:110px;}
.login-panel .btn input{background-image: linear-gradient(bottom, rgb(221,221,221) 3%, rgb(255,255,255) 52%);
    background-image: -o-linear-gradient(bottom, rgb(221,221,221) 3%, rgb(255,255,255) 52%);
    background-image: -moz-linear-gradient(bottom, rgb(221,221,221) 3%, rgb(255,255,255) 52%);
    background-image: -webkit-linear-gradient(bottom, rgb(221,221,221) 3%, rgb(255,255,255) 52%);
    background-image: -ms-linear-gradient(bottom, rgb(221,221,221) 3%, rgb(255,255,255) 52%);
    background-image: -webkit-gradient(linear,left bottom,	left top,color-stop(0.03, rgb(221,221,221)),color-stop(0.52, rgb(255,255,255)));
    background-repeat: no-repeat; border: 1px solid #CCCCCC; border-radius: 4px 4px 4px 4px; width:80px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); color: #333333; cursor: pointer; display: inline-block; font-size: 13px; font-weight: bold; 
    line-height: 18px; overflow: visible; padding: 5px 10px; position: relative; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);}
.login-panel .btn input:hover{background-color:#d8d8d8; background-image:-moz-linear-gradient(#f8f8f8, #d8d8d8); border-color:#bbbbbb; text-decoration:none;}
.login-panel .size2 input{width:170px;}    
.login-panel .checkb{margin-top:10px; *line-height:30px;}
.login-panel .checkb input{border:0 none; background:none; float:left; width:auto;}
.login-panel .validate{color:Red; float:left; font-size:20px;}
.login-panel .errorlabel{color:#CC0000; line-height:30px;}
.login-panel .PasswStrenghtIndicator{width:414px;}
.login-panel .PasswordStrengthText{margin:10px 0 0;}


/* VGC 
----------------------------------------*/
.vgc #product-area h2{font-size:18px; background:none; border-bottom:1px solid #262626; font-weight:bold; color:#262626; margin:14px 0 10px; padding:0 0 4px;
                      text-align:left;
}

.vgc .cauto {width:27%; }

/* placeholder
----------------------------------------*/
.placeholder {color:Gray}
input::-webkit-input-placeholder {color: gray;}
input:-moz-placeholder {color: gray; }

/*Policies*/
.policies h2 {color:black; text-align:left; padding:0; margin:0;}

@media only screen and (max-width : 1120px) {
    .nav-items {width:auto;}
        
}

@media only screen and (max-width : 1000px) {

.nav-items a {
        font-size:18px;
        }

}


@media only screen and (max-width : 860px){
  /*
  .nav .text{
    display:none;
  }
  
  .nav-container , a{
    width: 70px;
    
  }
   
  .nav a:hover{
    width:200px; 
    z-index:1;
    border-top: 1px solid rgba(255,255,255,0.1);
    border-bottom: 1px solid black;
    box-shadow: 0 0 1px 1px black;
  }
  
  .nav a:hover  .text {
    display:block;
    padding-left:30%;
  }*/
    .inner {width:100%;}
    .menu-nav li {background:#a3a3a3; color:white; width:45%; display:block; text-align:center; padding: 10px 0; display:inline-block; margin-bottom:3px; }

      .other-brands .panel {width:33%; min-height:100px; float:left; opacity: 0.2; margin:0;}
    .menu-container .dual li {width:100% }

}

@media only screen and (max-width : 860px){
    .sticky {height:90px;}
  .nav-container{ width:100%; position:relative;   background: url('/content/charbonos2/img/woodbg.jpg') repeat-x; margin-top:0;}
    .logo {width:60%; max-height:90px;}
    .sticky .logo img{width:70px; height:auto; }
    .nav li {width:48%; display:inline-block; font-size:13px; height:40px; line-height:18px; vertical-align:middle; padding-top:10px;}
    .nav-container li a {width:100%;display:inline-block; height:100%;}
    .nav a {line-height:21px; padding-left:5px; }
    .nav {margin-top:0; padding-top:4px; }
    .main-content {margin:0; width:100%; }
    footer {margin:0; width:100%; }
    .menu-nav li {background:#a3a3a3; color:white; width:49%; margin-bottom:3px; display:block; text-align:center; padding: 10px 0; display:inline-block; }

    .nav-items {display:none;}

    .nav-container .phone {float:left; margin-top:14px; padding-left:3%; font-weight:bold;  }
    .social {float:left; width:50%; margin-bottom:4px;}

    .section-text {width:90% }
    .section {background:none; }
    .mobile-hide {display:none !important; }
    .mobile-show {display:inline-block !important; }

    .section .left-panel {
        width: 100%;
    }
    .section .right-panel {
        width: 100%;
    }
    .section .right-panel img {
        width: 100%;
    }

    .mobile-nav{width:35%; margin-top:10px;}

    .navicon { float: right; height: 48px; width: 48px; margin: 0 10px 0 0; font-size: 0; text-indent: -9999em;
                background: url('/content/img/hamburger.png') no-repeat; right:0; position:relative; }

    /*
	The dropdown menu
	*/


    ul#mmenu li { clear: both; list-style: none; }

        ul#mmenu li a { display: block; background-color: #323132; text-transform: uppercase; letter-spacing: .2em; 
                        margin: 0px 0; padding: 10px 0 10px 8px; color: white; border-top: 1px solid black; border-bottom: 1px solid black; z-index:9999 }

    ul#mmenu { font-size: small; margin-top:90px; z-index:999; position:fixed; width:100%;}

        ul#mmenu ul li { margin-left: 30px; }

        ul#mmenu ul a { background-color: #323132; padding-left: 8px; }

            ul#mmenu ul a:before { content: "2192"; padding-right: 8px; }

            h1.home {
    padding-top: 120px;
}
h1 {
    font-size: 60px;
    line-height: 110px;
}

h2 {
    font-family: 'Fjalla One', sans-serif;
    font-size: 24px;

}

.reservations {
    width: 50%;
    margin-bottom:20px;
    font-size:16px; 
}

.hero-banner {
    height: 445px;
    width: 100%;
}

.section p {
    color: #515151;
    font-size: 16px;
    line-height: 24px;
    font-family: 'Open Sans', sans-serif;
    width: 90%; padding-left:3%;
}

h3 {
    color: #262626;
    font-family: 'Fjalla One', sans-serif;
    font-size: 32px;
    text-transform: uppercase;
    text-align:center;
}

footer .column-1 {
    width: 90%;
    margin:26px auto 4px;
    float: none;
}

.menu-container{width:90%; margin:10px; padding:10px;}
    .menu-container h2 {font-size:28px; width:60%;}

.menu-container p {
    color: #898989;
    font-size: 16px;
    font-weight: 300;
    line-height: 24px;
    margin: 0px 0 28px;
    text-align: left;
    width:100%;
    padding-left:0;
}

.menu-container h3 {
    font-family: 'Fjalla One', sans-serif;
    font-size: 22px;
    color: #FF0000;
    text-transform: uppercase;
    line-height: 35px;
    margin-bottom: 20px;
    padding-left:0;
    text-align:left;
}

    .panels {width:100%;}

.award {
    background: #212121;
    color: white;
    width: 90%;
    padding: 20px 10px;
    border-radius: 5px 5px 5px 5px;
    display: block;
    float: left;
    margin: 0 2% 15px;
}

.store-info h1 {
    font-family: 'Fjalla One', sans-serif;
    font-size: 60px;
    color: white;
    text-transform: uppercase;
    text-align: center;
    padding-top: 130px;
}


.standard-form{padding:6px 0 0; width:90%; padding-left:5%;}
.standard-form .columns{margin: 10px 0 0;}
.standard-form .column{float: left; width: 100%;}
.standard-form .c2{margin: 0 0 0 0; width: 100%;}
.standard-form .c3{margin: 0 0 0 0; width: 100%;}
.standard-form .column label{color: #6f6f6f; display: block; font-size: 13px; line-height: 26px; margin: 0; font-weight:bold;}
.standard-form .column input{-moz-transition: all 0.2s ease-in-out 0s; background: url("/Content/charbonos/img/ip.png") repeat-x scroll 0 0 #FCFCFC;
    border: 1px solid #cecece; border-radius: 3px 3px 3px 3px; font-size: 0.9em; padding: 6px 8px; width: 90%;}
.standard-form .column input:focus{border-color:#80D2F0; box-shadow: 0 0 4px #e6f9ff;}
.standard-form .column textarea{-moz-transition: all 0.2s ease-in-out 0s; background: url("/Content/charbonos/img/ip.png") repeat-x scroll 0 0 #FCFCFC;
    border: 1px solid #cecece; border-radius: 3px 3px 3px 3px; font-size: 0.9em; padding: 6px 8px; width: 90%; height:116px;}
.standard-form .column textarea:focus{border-color:#80D2F0; box-shadow: 0 0 4px #e6f9ff;}
.standard-form .employ textarea:focus{border-color:#80D2F0; box-shadow: 0 0 4px #e6f9ff;}
.standard-form .employ textarea{-moz-transition: all 0.2s ease-in-out 0s; background: url("/Content/charbonos/img/ip.png") repeat-x scroll 0 0 #FCFCFC;
    border: 1px solid #cecece; border-radius: 3px 3px 3px 3px; font-size: 0.9em; padding: 6px 8px; width: 90%; height:40px;}
.standard-form .column .UploaderLabel{display:none;}
.standard-form .column .EditingFormControlNestedControl label{display:none;}
.standard-form .column .EditingFormErrorLabel{font-size:12px; color:#7B040F; font-weight:bold;}
.standard-form .column .Error input{border: 1px solid #D20009;}
.standard-form .column span{color:Red; font-size:12px;}
.standard-form .column .Error textarea{border: 1px solid #D20009;}
.ErrorLabel{border:1px solid #D20009; background:#F3D9D9 ; color:#7B040F; padding:10px; font-size:14px; font-weight:bold;}
.submit-btn input, .submit-btn input:hover, .submit-btn input:active{background:#bb8039;   font-family: 'Fjalla One', sans-serif;
                     text-transform:uppercase; color:white; padding:14px 36px; text-align: center; display:inline-block;
                      border-bottom:2px solid #875c29; font-size:16px; margin:10px 0 14px; display:block;  outline: none;  -webkit-appearance: none;
  -webkit-border-radius: 0; -webkit-appearance: none; text-indent:0 !important; }

.radio{margin-top:10px;}
.radio input{width:14px; float:left;}
.radio label{line-height:16px; margin-left:20px;}
.standard-form .state{width:240px;}
.standard-form .country{width:270px;}

    .standard-form p {padding-left:0;}

}