.hidden{ display: none !important; }
#brandLogo{ width: 738px; margin: 0 auto;  }
div#content a{  text-decoration:underline;  }
a#forgotPassword{ color: #D51900; float: right; margin-right: 80px; clear: both;}
fieldset#join div.holder{ width: 620px !important; }
label#smsLabel{ display: inline !important; font-weight: normal; }
ol.leftNoWidth{ float: left;}

#wrapper {  position: relative; width: 1024px; margin: 0 auto; background: #ffd200; font: 12px arial, sans-serif; padding: 0; min-height: 900px; }
#content { width: 715px; margin: 0 auto; color: #4c3e00; }
#content { _overflow: hidden; }
#photoshop { position: absolute; height: 2300px; width: 1000px; }
a { color: #4c3e00; }

a#previewEmail{
	bottom:37px;
	color:#E31A00;
	margin-top:-16px;
	padding-left:23px;
	position:relative;
}

p, h2 { line-height: 1.5em; }
h2 { font-size: 18px; font-weight: bold; margin: 0 26px 10px 35px;  }
p { margin: 10px 129px 11px 35px;  }

#join {}
#details h2 { margin-bottom: 10px; }
#details p { margin-bottom: 5px; }
#journey p { margin-bottom: 40px; }
#journey strong { font-weight: bold; }

#wrapper ol li.l {  }
#wrapper ol li div.ui-corner-all { padding: 3px; width: 289px; background: #eac300; }
#wrapper ol li div.cluster { width: 104px; margin-right: 20px; }

/* Forms */
#wrapper input { border-top: 1px solid #b8b8b8; border-left: 1px solid #b8b8b8; padding-top: 5px; width: 285px; height: 18px; }
#wrapper label { display: block; font-weight: bold; margin-bottom: 2px; padding-left: 5px;  position: relative; top: 2px;}
#wrapper hr { margin: 35px 0 40px 12px;  width: 645px; border: 0; border-bottom: 1px dotted #cca600;  }
#wrapper input#id_dob { width: 100px; }
#wrapper select#id_gender { width: 150px; }
.checkstyle input, .checkstyle label { display: inline; font-weight: normal;  }

#wrapper fieldset { }


#subscriptions label, #privacy label { display: inline; }
#wrapper input.compact { width: 5%; }
#subscriptions input { width: 30px; }
#subscriptions li { width: 230px; margin: 5px 0; clear: both; }
#subscriptions label { margin-left: 10px; }
#subscriptions .dropdown { margin-top: 20px; }
#subscriptions .dropdown label { margin-left: 0px;   }
#subscriptions select { width: 130px; }
#privacy label { font-weight: normal; }
#privacy a { text-decoration: underline; }




#choices ol { width: 655px; margin-bottom: 50px; }
#choices ol li { float: left;  background: #ebc506; padding: 0px;  border-right: 1px solid #e2bd00; display: table; vertical-align: middle; height: 98px;}
#choices ol li label { height: 80px; width: 80px !important; padding: 0px; font-size: 11px; font-weight: normal; display: table-cell; vertical-align: middle; text-align: center; }
#choices ol li label.on { background: #d3b100; color: #d41900; padding: 0px; top: 0px;}
#choices input { display: block; width: 15%; margin: 0 auto; }

#choices #choice-one li.ui-corner-tl { background: #fed500 url(/member/images/bg_beer-slider-gold.png) no-repeat center center !important; border-top: 1px solid #ebc500; border-left: 1px solid #ebc500; }

#choices #choice-two li.ui-corner-tl { background: #c2151b url(/member/images/bg_beer-slider-bitter.png) no-repeat center center !important; }

#choices #choice-one li.ui-corner-tl label.on, #choices #choice-two li.ui-corner-tl label.on , #choice-three li.ui-corner-tl label.on { background: none; }
#choices #choice-three li.ui-corner-tl { 
    background: url("/member/images/bg_beer-slider-sbl.png") no-repeat center center #fff !important;
}

.holder { position: relative; width: 605px; padding: 20px; margin-left: 12px;  }

 
.hilight { background: #f7ce00;  border: 1px solid #ffde00; }
.choice-holder { background: #f5cd00; width: 652px !important; height: 202px; margin-bottom: 60px; overflow: hidden; padding: 0px; over-flow: hidden; }

#wrapper h2, .errors, fieldset p { display: block; }
.errors { display: none; position: relative; background: #ebc506 url(../images/alert.gif) no-repeat 3% 50%; border: 1px solid #e31a00; margin: 0 26px 0 35px; width: 560px; padding: 20px; padding-left: 40px; color: #e43c01; font-weight: bold;  }
.help { display: none; position: absolute; top: 30%; right: 0%; margin-right: -180px; width: 150px; padding: 10px;  background: url('../images/bg-help.gif') repeat-x #B71500; }
.help p { background: url(../images/figure.png) no-repeat; margin: 0; min-height: 61px; color: #fff; padding-left: 40px; }
.block { display: block; }
li.top { margin-bottom: 23px; }
li.l { margin-right: 10px; }
.home { width: 140px !important; }


.slider-holder { width: 609px; margin-left:20px; border: 1px solid #AAAAAA; background: #FFFFFF; height: 10px;  } /* visual slider */
.slider-holder { -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }
#slider_one, #slider_two, #slider_three { width: 560px; } /* hidden slider */
#wrapper .button { height: 33px; width: 68px; border: 0; margin: -20px 0 0 550px; }
#content.landing { background: url(../images/image-collection.jpg) no-repeat; padding-left: 353px; height: 600px; width: 500px; }
.landing .button { margin: 0; width: 131px; }
.landing p, .landing h2 { margin-left: 0; }

#submit-btn { width: 68px !important; height: 33px !important; border: none !important; }
#home-btn { margin-left: 450px;}



/* jquery ui enhancements */
.ui-widget-content { background: none; border: none; }
.ui-state-default, .ui-widget-content .ui-state-default { border: none; }
span.ui-checkbox,
span.ui-radio {
    display: block;
    float: left; 
    width: 20px;
    height: 20px;
    margin-bottom: 10px; 
    background: url(../images/checkbox.gif) bottom left no-repeat;
}

span.ui-checkbox-state-checked, span.ui-checkbox-state-checked-hover { background: url(../images/checkbox-on.gif) bottom left no-repeat; }
span.ui-checkbox-state-hover {
    background: url(../images/checkbox.gif) bottom left no-repeat;}

#ui-datepicker-div { background: #FFD200;}

.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 49px; height: 86px; cursor: default; background: url(slider-handle.png) no-repeat top center; top: -45px; }
#slider_two.ui-slider .ui-slider-handle { background: url(slider-handle-2.png) no-repeat top center; }
#slider_three.ui-slider .ui-slider-handle { background: url(slider-handle-3.png) no-repeat top center; }



/* select box */

div.selectbox-wrapper {
  position:absolute;
  width:400px;
  background-color:#f0f0f0;
  margin:0px;
  margin-top:-16px;
  padding:2px;
  text-align:left;
  max-height:200px;
  overflow:auto;
  width: 250px; 
  z-index: 2;
}
div.selectbox-wrapper ul {
  list-style-type:none;
  margin:0px;
  padding:0px;
}
div.selectbox-wrapper ul li.selected { 
background: #ffd500;
}
div.selectbox-wrapper ul li {
  list-style-type:none;
  display:block;
  margin:0;
  padding:2px;
  cursor:pointer;
}


#subscriptions .selectbox,  #details .selectbox /* look&fell of  select box*/
{
  margin: 0px 5px 10px 0px;
  background: url('../images/bg-select.gif') left no-repeat;
  padding-left:5px;
  padding-top: 10px; 
  width : 213px; 
  height: 28px; 
  display : block;
  text-align:left; 
  /*height:18px;*/
  cursor: pointer;
  border: none;
}
/*
select {
	background: url('../images/bg-select.gif') right;
}
*/




/* Helper classes */
.left { float: left; }
.right { float: right; }
.clear { clear: both; }
.centre { margin: 0 auto; }
.fade { color: #c5c0ad; }

.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%;
}

/* Added after for sbl for not mixing with old archieved code */