﻿body {font-family:Arial,Verdana,Helvetica,sans-serif;
      font-size:12px;line-height:1.5em;}
body, html {height:100%}
body.solidbg {background: #381819;}
body.widgetbg {background: #FDF6DF;}
h2 {font-size:16px; font-weight:bold;}

/** Common **/
span.clearFix {width:100%; height:0px; visibility:hidden; clear:both; display:block; margin:0; padding:0; font-size:0px;}
.hidden {display:none;}
.align-left {float:left;}
.align-right {float:right;}
.vertical-space {height:20px;}

/** Header **/
div#header {background:url(../images/theme/CellarPass/CP_HP_header.jpg) no-repeat 0 23px;height:215px;}
div#header h1 {Display:block;height:50px;width:200px;}
div#top {margin:0;height:178px;}
div#usermenu {float:right;padding:10px 15px 0 0;color:#FDF6DF; font:10px Arial, Helvetica, Sans-Serif;text-transform:uppercase;}
#usermenu a{color:#fdf6df; text-decoration:none;}
#usermenu a:hover{color:#edd281;  text-decoration:none;}
div#mainmenu {background:url(../images/theme/CellarPass/MainMenu/images-blank_slug.jpg) repeat-x; vertical-align:bottom; height:37px; color:#8B181B;}

/** Mini Reservation Control **/
.miniReservationControl {
position: absolute;
top:67px;
right:1px;	
Width:369px;
Background: url(../images/theme/CellarPass/mini_res_bg.png) no-repeat;
padding:0 0 5px 0;
height:77px;
} 

.miniReservationTitle {
Height:30px;
color:#ECD37F;
font-family:Rockwell extra bold,Arial,Sans-serif;
font-size:16px;
padding: 0px 0 0 10px;
visibility: hidden;
}

.miniReservationDate{padding-left:5px;
float:left;
Padding:0 0 0 10px;
width:172px;}

.miniReservationDate .rcTable {
width:172px!important;
padding: 0;
}
                  
.miniReservationDate .rcTable .rcInputCell{
Width:136px !important;
Margin-Right:5px;
}

.miniReservationDate .rcTable .rcInputCell .riTexBox{
Width:136px !important;
Margin-Right:5px;
}

.miniReservationDate .rcTable .rcCalPopup{
margin-right:5px;
}

.miniReservationName {
float:left;
margin:0 5px 0 0;
width: 145px;
}

.miniReservationName input {
margin-left:4px;
Width:136px !important
}

.miniReservationAvdSearch {
Padding:0 8px;
clear:both;
text-align:right;
}

.miniReservationAvdSearch a {
color:#ECD37F;
text-decoration:none;
}

.miniReservationAvdSearch a:hover {
color:#ECD37F;
text-decoration: underline;
}

.miniReservationbtnSearch{
float:left;
}

/** Content **/
div#container {width:1024px; position:relative; min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -113px;}
div#content-main {background-color:#FDF6DF;padding:15px 10px 5px 10px;}
.push {height:133px;}
.minheight-2 {min-height:400px;}

/** My Account **/
div#myaccount-pages {float:left; width:700px; margin:0px 10px 0 0;}
div#myaccount-promos {float:right; width:290px; margin-right:0px;}
#myaccount-intro {clear:both;padding:0 10px 15px 10px; background-color:#fff;}
#myaccount-menu {display:inline-block;}
#myaccount-content {margin-top:20px;}

/** Footer **/
div#footer-wrap {height:113px; text-align:center;}
div#footer {width:1024px; padding:10px;position:relative;margin: 0 auto -113px;}
div#footer-bottom {margin-top:10px;}
div#footer-bottom p {color:#fff; font-size:1em;}
div#footer-bottom p a {color:#ccc; text-decoration:none;}

div#footer-bottom-widget {margin-top:10px; float:right;}
div#footer-bottom-widget p {color:#ccc; font-size:1em;}
div#footer-bottom-widget p a {color:#ccc; text-decoration:none;}
/** Box **/

/** box general settings **/
div.box {margin-bottom:15px; width:100%;}
div.box.rsvp {width:700px;}
div.box.rsvpWidget {width:100%;}
div.box.login {width:300px;}
div.box-container {background-color:#fff; padding:10px;}
div.box-container.no-padding {padding:0px;}
div.box-container h5 {color:#333; padding-left:20px; border-bottom:1px solid #d7d9d9; font-weight:bold; padding-bottom:7px; margin-bottom:1px; padding-top: 1px;}
div.box-container h5 span {font-weight:normal; font-size:0.9em;}

div.box h4 {background:#600; color:#e9d37d; text-transform:uppercase; font:bold 13px rockwell, arial, sans-serif; padding:10px;}
div.box .hlinks a {float:right; position:relative; bottom:28px; right:10px; color:#E7D87B; font-weight:bold;}

/** Register **/

div#register-section {float:left; margin:0px 10px 0 0;padding:0;min-height:600px;width:600px;}
.pnlexpanded { background-color:#000;}
div#register-promos {float:right; width:290px;min-height:600px;margin-right:0px;}

/** Login - Auth **/
div#content-unauth {min-height:600px; width:700px;margin-top:50px;margin-left: auto; margin-right: auto;}

/** Error Page **/
div#content-error {min-height:400px; text-align:center;padding-top:50px;}
div#content-error label {font-size:18px; font-weight:bold; text-transform:uppercase;}


/** forms **/

div.2columnforms {}

.form-container {width:100%;}
.form-container.med {width:500px;}
.form-container.sml {width:300px;}
.form-container.multi {float:left;width:50%;}

.form-layout {background-color:#fff;margin:10px 0 0 0;}
.form-layout fieldset {background:#fbfbfb;border:1px solid #828282; clear:both; margin:0 0 15px 0.3em;
    padding:20px 1.4em 1.4em;position: relative;} 
.form-layout legend {background:#FFFFFF none repeat scroll 0 0; border:1px solid #828282;color:#600;font: bold 16px rockwell, arial, Sans-Serif; 
    margin:0 -10px;padding:5px 10px;text-transform:capitalize;}	

.form-layout .form-instructions {color:#000; font-weight:bold;}
.form-layout fieldset ol.minheight {min-height:165px;}
.form-layout fieldset ol li {padding:10px 10px 5px 10px; display:block;}
.form-layout fieldset.tight ol li {padding:10px 5px 5px 5px; display:block;}
.form-layout fieldset ol li.groupbg {background:#f3f3f3;}
.form-layout fieldset ol li.groupbground {background:#eee;overflow:auto;}
.form-layout fieldset ol li.toleft {float:left;}
.form-layout fieldset ol li .marginspace {margin-left:50px;}
.form-layout fieldset ol li .marginspace {margin-left:50px;}
	
.form-layout fieldset ol li label {margin-right:0px;}
.form-layout fieldset ol li label.field-title {font-weight:normal;text-align:left;}
.form-layout fieldset ol li label.field-title.upper {text-transform:uppercase;font-weight:normal;text-align:left;}
.form-layout fieldset ol li label.field-title-nowidth {padding-top:3px;}

.form-column-2{width:50%;float:left;}
.form-column-3{width:33%;float:left;}
.form-column-4{width:25%;float:left;}
.form-column-5{width:18%;float:left;}
.form-column-35{width:35%;float:left;}
.form-column-free{float:left;}

.txtbox-mini {width:50px !Important;}
.txtbox-short {width:125px !Important;}
.txtbox-middle {width:200px !Important;}
.txtbox-long {width:100% !Important;}
.txtbox-mini.Optional,.txtbox-short.Optional, .txtbox-middle.Optional, .txtbox-long.Optional {border:solid 1px #828282; background:#fff;height:18px;padding-top:2px !Important;}
.txtbox-mini,.txtbox-short, .txtbox-middle, .txtbox-long {border:solid 1px #828282; background:#fff;height:18px;margin-top:2px;padding-top:2px !Important;}
.txtbox-mini.Disabled,.txtbox-short.Disabled, .txtbox-middle.Disabled, .txtbox-long.Disabled {}
.txtbox-mini.Hover,.txtbox-short.Hover, .txtbox-middle.Hover, .txtbox-long.Hover {border:solid 1px #600;background:#fff;}

.txtbox-mini.Optional.Hover,.txtbox-short.Optional.Hover, .txtbox-middle.Optional.Hover, .txtbox-long.Optional.Hover {border:solid 1px #828282;background:#fcfcfc;color:#CFCFCF;}
.txtbox-mini.Empty,.txtbox-short.Empty, .txtbox-middle.Empty, .txtbox-long.Empty {border:solid 1px #828282;background:#fff; color:#CFCFCF;}
.txtbox-mini.EmptyRequired,.txtbox-short.EmptyRequired, .txtbox-middle.EmptyRequired, .txtbox-long.EmptyRequired {border:solid 0px #FF0000;background:#fff;}
.txtbox-mini.Focused,.txtbox-short.Focused, .txtbox-middle.Focused, .txtbox-long.Focused {border:solid 1px #600;background:#FDF6DF;}
.txtbox-mini.Optional.Focused,.txtbox-short.Optional.Focused, .txtbox-middle.Optional.Focused, .txtbox-long.Optional.Focused {border:solid 1px #7F7F7F;background:#fcfcfc;}
.txtbox-mini.Invalid,.txtbox-short.Invalid, .txtbox-middle.Invalid, .txtbox-long.Invalid {border:solid 0px #FF0000;background:none #ff9;}
.form-layout fieldset ol li textarea {height:96px;padding-top:0px !Important;}

.dropdown-mini {width:100px !Important;}
.dropdown-short {width:125px !Important;}
.dropdown-middle {width:200px !Important;}
.dropdown-middle.widget {width:150px !Important;}
.dropdown-long {width:100% !Important;}
.dropdown-half {width:50% !Important;}
.dropdown-short, .dropdown-middle, .dropdown-long {margin-top:5px;}

span.form-confirm-inline, span.form-error-inline {display:inline-block; padding-left:20px;  margin-left:10px; height:16px;}
span.form-confirm-inline {color:#72a101; background:url(../images/theme/cellarpass/icon-confirm.gif) no-repeat;}
span.form-error-inline {color:#a10101; background:url(../images/theme/cellarpass/icon-error.gif) no-repeat;}

a.heading-link {color:#cae6ed; text-transform:capitalize; font-size:0.9em; font-weight:normal; display:inline-block; padding-left:15px; text-decoration:none;}
a.heading-link:hover {color:#fff;}
