#wrap-header {
	background: url(../images/bg/bg_header.png) repeat-x 0 0;
}

#wrap-footer {
	background: #ebdcd1;
	border-top: 4px solid #c9bcb3;
}

#header, #content, #footer, #title-content {
	width: 960px;
	margin: 0 auto;
	position: relative;
}

#content, #footer { width: 944px; }

#wrap-content {
	background:url("../images/bg/bg_wrap_content.jpg") repeat-x scroll 0 0 transparent;
	padding: 0px;
}

#wrap-arrow {
	margin: 0 auto;
	width:756px;
}
.arrow-content {
	border-bottom:17px solid #D8B89F;
	border-left:8px solid transparent;
}

.btn-arrow-back {
	background:url("../images/global/pointer_white_back.gif") no-repeat scroll 50% 0 transparent;
	height:12px;
	left:0;
	padding-right:8px;
	position:relative;
	top:1px;
	width:5px;
}

.btn-blue {
	background: #3AABD2!important; 
	border-color:#3AABD2!important;
	border-style:solid;
	border-width:1px;
}

.btn-blue .btn-arrow {
	background:url("../images/global/pointer_blue.gif") no-repeat scroll 50% 0 transparent;
}

.btn-arrow {
	background:url("../images/global/pointer_white.gif") no-repeat scroll 50% 0 transparent;
	height:12px;
	left:0;
	padding-left:8px;
	position:relative;
	top:1px;
	width:5px;
}

a.convert-currency-txt {
	background:url("../images/global/sprite_horizontal.gif") no-repeat scroll 0 -996px transparent;
	color:#FFFFFF !important;
	float:right;
	font-size:10px;
	line-height:12px;
	padding:0 0 0 18px;
	text-align:left;
	text-decoration:none !important;
	width:55px;
}

#searchAgain {
	background:#8BD8F4;
	color:#00577E!important;
}

#searchAgain label {
	color:#00577E!important;
}

ul.info {
	margin: 10px;
	padding: 0;
}

ul.info li {
	list-style: disc !important;
	margin-bottom: 8px;
	margin-left: 6px;
}

/* Layout - Header
===================================== */

#header {
	position: relative;
	height: 148px;
}

#popup-header {
	position: relative;
	height: 148px;
	margin: 0 auto;
	width:500px;
}


#header h1, #popup-header h1, #header span#logo-yha  {
	position: absolute;
	top: 7px;
	left: 0;
	width: 514px;
	height: 117px;
	background: url(../images/sprite_global.png) no-repeat 0 0;
	text-indent: -9999em;
	z-index: 990;
}

#header h1 a, #popup-header h1 a {
	display: block;
	height: 105px;
}

.popup-close {
	position: absolute;
	top: 120px;
	right:10px;
}

/* @group Layout - Footer
===================================== */

#footer {
	clear: both;
	padding: 0 0 40px 0;
}


/* sitemap */
ul#sitemap {
	padding-top: 8px;
	border-top: 1px dotted #a09186;
}

ul#sitemap a {color: #706053}
ul#sitemap a:hover {color: #222}

ul#sitemap li {
	width: 168px;
	padding-right: 20px;
	margin-bottom: 15px;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	display: block;
	float: left;
}

ul#sitemap ul {
	padding: 10px 0 0 0;
}

ul#sitemap li li {
	margin-bottom: 0;
	font-size: 12px;
	font-weight: normal;
	text-transform: none;
	float: none;
}

/* legals */
#wrap-legals {
	padding-top: 16px;
	text-align: center;
}

ul.legals {
	width: 600px;
	margin: 0 auto;
}

ul.legals li {
	font-size: 12px;
	display: block;
	float: left;
	background: url(../images/sprite_nav.gif) no-repeat 100% -50px;
	padding: 0 5px 2px 5px;
	color: #706053;
}

ul.legals li.last {
	background: none;
}

#wrap-legals p {
	font-size: 11px;
	color: #afa095;
}

ul.legals a {
	color: #706053!important;
	text-decoration: none;
}

ul.legals a:hover {
	text-decoration: underline;	
}


/* NAVIGATION/UI
===================================== */

/* Nav - Primary
===================================== */
#wrap-nav-primary {
	position :absolute;
	top: 112px;	
	left: 0px;
	height: 36px;
}

#nav-primary {
	height: 36px;
	float: left;
	clear: both;
	width: 100%;
	margin: 0 0 0 30px;
	list-style: none;
	padding-left: 0px;
}
	
#nav-primary li {
	display: block;
	float: left;
	font-size: 16px;
}

#nav-primary li a {
	display: block;
	float: left;
	height: 29px;
	line-height: 29px;
	padding: 4px 10px 0px 15px;
	color: #fff!important;
	text-shadow: #00577E 1px 1px;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
}


#nav-primary li a:hover, #nav-primary li a.current {
	height: 29px;
	background: #3dbcec;
	color: #00577e!important;
	border-bottom: 3px solid #fff;
	text-decoration: none;
}

.keyline {
	background:none repeat scroll 0 0 #e9ded6;
}


/* Global Sub nav
===================================== */
td.leftCol {
	background: #fff !important;
}

ul.navSecondary {
	margin-right: 0px;
	padding-left: 0px;
	padding-top: 0px;
}

ul.navSecondary li {
	list-style: none;
}

ul.navSecondary li a, ul.navSecondary li.section {
	display: block;
	padding: 3px 15px;
	color: #706053;
	text-decoration: none!important;
	border: 1px solid #fff;
}

li.section {
	font-weight: bold;
}

ul.navSecondary li a:hover {
	color: #706053;
	margin: 0 -8px 0 0;
	padding: 3px 15px;
	background: #ebdcd1;
	border-bottom: 1px solid #e8e7e5;
	border-top: 1px solid #bfb8b3;
	border-left: 1px solid #bfb8b3;
	border-right: 1px solid #e8e7e5;
}

ul.navSecondary li a.current {
	color: #fff;
	background: #706053;
	border-bottom: 1px solid #bdb9b6;
	margin-right: -8px;
	position: relative;
}

ul.navSecondary li a:hover.current {
	margin: 0 -8px 0 0;
	padding: 3px 15px;
	cursor: default;
}

ul.navSecondary ul {
	padding-bottom: 0!important;
}


/* Nav - Languages
===================================== */
/* Languages nav */
ul#nav-lang			{ margin: 0; float: right; width: 100px; height: 18px; line-height: 18px; padding: 0 8px; color: #fff; background: #b5a79c; border: 2px solid #a5988e; }
ul#nav-lang li		{ display: block; float: left; height:16px;}
ul#nav-lang li a	{ display: block; float: left; width: 16px; text-indent: -9999em; height:16px;}
#nav-en, #nav-ja, #nav-zh, #nav-ko { width: 16px; margin-left: 7px; }
#nav-en a { background: url(../images/sprite_global.png) no-repeat 0 -447px; }
#nav-ja a { background: url(../images/sprite_global.png) no-repeat 0 -467px; }
#nav-zh a { background: url(../images/sprite_global.png) no-repeat 0 -487px; }
#nav-ko a { background: url(../images/sprite_global.png) no-repeat 0 -507px; }
#nav-en a.current, #nav-en a:hover  { background-position: -20px -447px; }
#nav-ja a.current, #nav-ja a:hover  { background-position: -20px -467px; }
#nav-zh a.current, #nav-zh a:hover  { background-position: -20px -487px; }
#nav-ko a.current, #nav-ko a:hover  { background-position: -20px -507px; }


/* Nav - Breadcrumbs
===================================== */
#nav-breadcrumbs {
	padding:8px 0 10px;
	margin: 0 auto;
	width:740px;
}

#crumbList {
	padding:2px 0 0;
	margin: 0px;
}

#crumbList li {
	display:inline;
	font-size:11px;
	margin:0;
	list-style: none;
}

#crumbList li a {
	font-size:11px;
}

/* Nav - Personalisation
===================================== */
#loginBox {
	background:url("../images/bg/bg_youryha.gif") no-repeat scroll 0 0 transparent;
	padding:0 10px;
	position:absolute;
	right:0;
	top:24px;
	width:362px;
	z-index:99;
	height: 27px;
	display: block;
}

ul#personalisation {
	margin:5px;
	padding:0;
	float:right;
}

ul#personalisation li {
	display: inline;
	float: left; 
	margin-right: 5px;
	color:#FFFFFF;
	font-size:11px;	
}

ul#personalisation li a:hover, ul#personalisation li a:active {
	color:#F38C41 !important;
}

ul#personalisation li a, ul#personalisation li a:link, ul#personalisation li a:visited {
	color:#68C5E9;
	text-decoration: none;
}


/* Page nav
===================================== */
a.nav-prev, a.nav-next {
	color: #fff!important;
	text-decoration: none!important;
	padding: 2px 8px;
	display: block;
	background: #3fbfee url(../images/hostels/prev_next_arrow.gif) no-repeat;
}

a.nav-prev { float: left; padding-left: 16px; background-position: 4px 8px; }
a.nav-next { float: right; padding-right: 16px; background-position: 100% 8px; }

.page-nav, .moreResults  {
	display: block;
	clear: both;
	text-align: center;
	margin-top: 16px;
}

.page-nav ul, .moreResults ul {
	display:  inline-block;
	padding: 8px;
	background: #fbf8f6;
	border: 1px dotted #e9ded6;
}

.page-nav ul li, .moreResults ul li {
	display: block;
	float: left;
	padding: 0 !important;
}

.page-nav ul li.current, .moreResults ul li.current {
	padding: 2px 4px !important;
}

.page-nav ul li a, .moreResults ul li a {
	padding: 2px 4px;
	margin: 0 1px 0 0;
	display: block;
	color: #fff !important;
	text-decoration: none!important;
	background: #ac9b90;
}

.page-nav ul li a:hover, .navPrev a, .navNext a,
.moreResults ul li a:hover {
	background: #f38c41 !important;
}

.navPrev a:hover, .navNext a:hover {
	color: #FC9 !important;
}

/* --------------------------------------------------------------------------------
 * Bullets 
 * -------------------------------------------------------------------------------- */ 
ul.bullets {
	padding: 8px 8px 8px 0;
}

ul.bullets li {
	list-style: none;
	padding: 0 0 5px 15px !important;
	background: url(../images/sprite_nav.gif) no-repeat 0 -94px;
}

/* Global styles
===================================== */
.module {
	background: #FFF!important;
}

.errorMessage {
	color:#8A1F11;
}

/* when forms succeed validation */
.statusMessage {
	color: #1689C4;
	font-weight: bold;
}

.clearer {
	clear:both;
	font-size:0;
	height:0;
	line-height:0;
	margin:0;
	padding:0;
}

/* modules (aka. "insert") */

.insert {
	background: #ebdcd1;
}

.insertLight {
}

.insertLight .formElement {
	background: #fff;
}

/* Pod content styles */
.pod-navy, .pod-green, .pod-brown {
	margin-bottom: 8px;
	padding: 8px;
	color: #fff;
}

.pod-navy {	background: #1689c4; }
.pod-navy h2 { color: #fff!important; }
.pod-navy a { color: #fff; }

.pod-green { background: #0bad4b; }
.pod-green h2 { color: #fff!important; }
.pod-green a { color: #fff; text-decoration: none!important; }


.pod-brown, .pod-brown-leftCol { background: #ebdcd1; color: #706053 }
.quoteModule { background: #FBF8F6; color: #706053; }

.pod-brown-leftCol.pad {padding: 15px 14px 15px 15px;}

.pod-margin {margin: 8px;}

/*promotion page*/
.imageCap{
	font-size: 10px;
	margin-top:5px;
	margin-bottom:5px;
}

/* booking steps */
.stepFinished {
	color: #CCCCFF;
}

.stepCurrent {
	color: #ffffff;
}

.stepTogo {
	color: #C4A3F7;
}

.check-availability-box {
	background:#8bd8f4 url("../images/bg_checkavailability.gif") repeat scroll 0 0;
	color: #00577E;
}

#book-now form {
	color: #00577E;
}

/* Secure
===================================== */

.availabilityHeader {
	background-color:#1689C4;
	background-repeat:no-repeat;
	height:33px;
	padding:9px 15px 0;
	vertical-align:top;
}

.availabilityHeader h2 {
	color:#FFFFFF !important;
	font-size:15px;
	margin:0;
	padding:0;
	vertical-align:top;
}

.availabilityMain {
	background: #8BD8F4;
	color:#00577E!important;
}


table.peakPeriods {
	margin-top: 10px;
}

.peakPeriods td{
	color: #fff;
	background: #0BAD4B;
	font-size: 11px;
	padding: 10px!important;
}

.peakPeriods .heading {
	color: #fff;
	background: #008357;
	font-weight: bold;
	font-size: 13px;
	padding: 5px 10px!important;
}


.room-rates select {
	width: 48px;
}

/* Room Rates */


.dates-selected,.total-price {
	margin: 10px 15px;
	padding: 0 10px;
	font-size: 11px;
	font-weight: bold;
	line-height: 21px;
}

.dates-selected a, .dates-selected a:visited { 
	float: right;
	margin-top: -21px;
	margin-right: 15px;
	_margin-right: 20px;
	color: #fff;
	font-weight: normal;
}

.room-rates h3 {
	margin: 0;
	padding: 0;
	font-size: 11px;
	color: #443A30;
	text-align: center;
}

/* Table data */
.room-rates table {
	width: 708px;
	margin-left: 0;
	/*width: 660px;
	margin-left: 22px;*/
}

.room-rates table th, .room-rates table td {
	padding: 5px 8px 10px 8px!important;
	font-size: 11px;
	text-align: left;
/*	color: #443A30; 
	vertical-align: middle;*/
	text-align: left!important;
	border-right: 1px solid #F7FFFD;
	border-bottom: 1px solid #F7FFFD;
}

.room-rates table th {
	border-top: 1px solid #F7FFFD;
	padding-bottom: 2px;
}

.room-rates table th h3 {
	font-size: 12px!important;
	text-align: left!important;
	color: #fff!important;
	padding-top: 3px;
}

.room-rates h4 {
	font-size: 11px!important;
	font-weight: normal;
	text-align: right!important;
	padding: 3px 0px 5px 0px;
}
.room-rates table td.overall-total {
	font-size: 16px;
	font-weight: bold;
	background: #6e6055;
	color: #fff;
	text-align: center!important;
}

.ntb {border-top: 0!important}
.nbb {border-bottom: 0!important}

.no-bg-color {
	background: none!important 
}

.room-rates table tr.room-available td {
}

.room-rates table tr.room-available td.no-guests {
	color: #fff;
	background-color: #0bad4b;
//	white-space: nowrap;
}

.room-rates table tr.room-available td.room-type {
	color: #fff;
	background-color: #0bad4b;
	border-left: 1px solid #F7FFFD;
	vertical-align: top;
	
}

.room-rates table tr.room-not-available td.room-type {
	color: #fff;
	background-color: #bc4d4f;
	border-left: 1px solid #F7FFFD;
}

.room-rates table tr.room-not-available2 td.room-type {
	color: #fff;
	background-color: #1689c2;
	border-left: 1px solid #F7FFFD;
}

td.room-type p, td.no-guests p {
	font-size: 11px;
	margin: 0;
	padding: 3px 0 0 0;
}

td.room-type p {
	margin: 0 0 0 21px;
}

/*
.room-rates table tr.room-not-available td {
	color: #cc0000;
}
*/

.room-rates table tr.room-not-available td.no-guests {
	color: #fff;
	background-color: #bc4d4f;
	white-space: nowrap;
	text-align: center;
}

.room-rates table tr.room-not-available2 td {
	color: #443A30AD5;
}

.room-rates table tr.room-not-available2 td.no-guests {
	color: #fff;
	background-color: #1689c2;
	white-space: nowrap;
}

.room-type {
	zwhite-space: nowrap;
}

.room-type.infobox {
	background: url(../../images/sections/hostels/bookings/ic_info2.gif) no-repeat 5px 6px;
	padding-left: 30px;
}

.room-rates table tr.room-total td{
	font-weight: bold;
	font-size: 12px!important;
	background: #ebdcd1; 
	color: #22211F; 
}

th.mem-header {
	color: #fff!important;
	font-weight: bold;
	background-color: #6F6156;
}

.first-col {
	border-left: none;
	background: none!important;
}

.room-rates table .pricingNote a {
	color: #fff!important;
}

table.detailsTable {
	border: 1px solid #e9ded6;
}

.detailsTable th {
	background: #b2a297;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	white-space: nowrap;
	font-size: 11px;
	border: 0;
	border-left: 1px solid #e9ded6;
	border-bottom: 1px solid #e9ded6;
	padding:4px;
}

.detailsTable td {
	background-color: #F2E9E2;
	padding: 0px 5px!important;
}

/* --------------------------------------------------------------------------------
 * Booking details
 * -------------------------------------------------------------------------------- */ 
.booking-details h3 {
	margin: 0;
	padding: 0 0 10px 20px;
	font-size: 11px;
	color: #fff;
}

/* Table data */
.booking-details table {
	width: 708px;
	margin: 0;
}

.booking-details table th, .booking-details table td {
	padding: 8px!important;
	font-size: 11px;
	text-align: left;

	vertical-align: middle;
}

.booking-details table td p {
	font-size: 11px;
}

.booking-details table th {
	background: #6e6055;
	font-size: 12px;
	border: 1px solid #e9ded6;
	color: #FFF;
}

.booking-details table td.refNo {
	background: #1689C4;
	text-transform: none;
	border: none;
	font-size: 14px;
	color: #fff;
	font-weight: bold;
}

.booking-details table th.details {
	width:620px;
}

.booking-details table th strong {
	padding-right: 15px;
}


.booking-details table td.room 		{ width: 620px; border-left: 1px solid #e9ded6; border-bottom: 1px solid #e9ded6; background: #F2E9E2; }
.booking-details table td.member 	{ width: 220px; padding-left: 15px; border-left: 1px solid #e9ded6; border-bottom: 1px solid #e9ded6; font-weight: bold; }
.booking-details table td.standard 	{ width: 220px; padding-left: 8px; border-left: 1px solid #e9ded6; border-bottom: 1px solid #e9ded6; border-right: 1px solid #e9ded6; font-weight: bold; background:#F2E9E2; text-align: right;}
.booking-details table td.member2 	{ width: 220px; padding-left: 15px; border-left: 1px solid #e9ded6; border-bottom: 1px solid #e9ded6; border-right: 1px solid #e9ded6; font-weight: bold; }

.booking-details table td.total {
	font-weight: bold;
	color: #fff;
	border-top:1px solid #e9ded6;
	background-color: #0bad4a;
	text-align: right;
	font-size: 12px;
}

.booking-details table td.total.lb {
	background-color: #ae9d8e;
}

.booking-details table td.save {
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 0;
	border-top: 3px solid #C8AF90;
	vertical-align: top;
}

.booking-details table td.save span.members {
	border-left: 1px solid #F2E9E2;
	padding: 3px 15px;
	display: block;
}

.booking-details table td.save span.non-members {
	display: block;
	padding: 3px 20px;
	color: #fff;
	background-color: #ff6600;
	border: 1px solid #ccccff;
}

.booking-details table td.save span.join {
	display: block;
	padding: 5px 0 0 20px;
	color: #000;
	font-weight: bold;
}

/* Guest details */
.guest-details h3 {
	margin: 0;
	padding: 0 15px;;
	height: 30px;
	line-height: 30px;
	font-size: 11px;
	color: #fff;
	background: #6e6055;
	border-bottom: 1px solid #e9ded6;
}

.guest-details h3 span {
	float: right;
	padding-right: 15px;
	/*padding-left: 480px;*/
	font-weight: normal;
	margin-top: -22px;
}

.guest-details h3 span.in-en {
	float: none;
	font-weight: bold;
	padding-left: 150px;
	margin-top: 0px;
}

table.margin-bottom { margin-bottom: 5px;}
table.margin-top { margin-top: 5px;}

/* --------------------------------------------------------------------------------
 * Bookings | Hostel Booking - Step 1 |
 * -------------------------------------------------------------------------------- */ 
#booking-container h1 span {
	float: left;
}

#booking-container h1 span.img {
	float: right;
	padding-right: 15px;
}

/* --------------------------------------------------------------------------------
 * Bookings | Guest Information - Step 1 | 
 * -------------------------------------------------------------------------------- */ 
.step-progress {
	margin-bottom: 5px;
}

#details-form fieldset {
	background: #F2E9E2;
}

#details-form fieldset ol {
	padding: 10px 0;
}

.guest-details fieldset, .guest-details legend {
	border: 0;
	margin: 0;
	padding: 0;
}

.guest-details fieldset legend.component span {
	display: block; 
	position: relative;
	top: 55px;
	left: 18px;
	color: #443A30;
	font-size: 11px;
	font-weight: bold;
}

.guest-details label {
	display: block;
	float: left;
	width: 140px;
	_width: 137px;  /* IE 6 Fix */
	padding-right: 5px; 
	padding-bottom: 5px;
}

li.guest-membership	label {
	width: 255px;
}

/*
li.guest-address label {
	padding-bottom: 20px;
}

li.guest-address input:last-child {
	margin-top: 5px;
}
*/

span.state label {
	display: inline;
	float: none;
	padding-left: 10px;
	padding-right: 0;
}

.guest-details legend {}

.guest-details ol, .guest-details ul {
	font-size: 11px !important;
	line-height: 15px;
}

.guest-details p {
	font-size: 10px !important;
	line-height: 15px;
}

.guest-details ol, .guest-details ul {
	list-style: none;
	margin: 0;
	padding: 0;	
}

.guest-details ol {
	margin-left: 15px;
}

.guest-details li {
	clear: both;
	margin: 0;
	padding: 0 0 6px 0;

	font-size: 11px !important;
}

li.guest-name, li.guest-lastname, li.guest-gender, li.guest-age, li.guest-country, li.guest-state,li.guest-address,
li.guest-city,li.guest-postcode,li.guest-email,li.guest-membership,li.guest-note,li.membership-purchase,li.guest-member-number, li.guest-phone {
	clear: none;
	float: left;
}

li.guest-name		{ width: 175px; }
li.guest-lastname	{ width: 175px; }
li.guest-gender		{ width: 140px; }
li.guest-age		{ width: 164px; }
li.guest-country	{ width: 175px; }	
li.guest-state 		{ width: 190px; }
li.guest-address	{ width: 145px; }
li.guest-city, li.guest-city label { width: 93px!important; }
li.guest-postcode, li.guest-postcode label	{ width: 70px!important; }
li.guest-email		{ width: 175px; }
li.guest-membership { width: 250px; clear:both;}
li.guest-note 		{ width: 300px; }
li.guest-member-number { width: 175px;}
li.guest-phone		{ width: 175px; }

li.guest-name label, li.guest-lastname label, li.guest-gender legend, li.guest-age legend, li.guest-country, li.guest-state, li.guest-address,
li.guest-city, li.guest-postcode,li.guest-email,li.guest-membership,li.membership-purchase,li.guest-member-number, li.guest-phone {
	display: block;
	font-weight: bold;
	padding-bottom: 5px;
	text-align: left;
}

li.guest-membership {
	padding-bottom: 10px;
}

li.guest-city input {
	width: 80px
}

li.guest-note p {
	padding: 0 0 0 0;
	margin: 0;
}

li.guest-gender	label, li.guest-age label {
	display: inline;
	width: auto;
	margin: 0;
}

li.guest-gender	label input, li.guest-age label input {
	background: transparent;
	width: auto;
	position: relative;
	top: 2px;
}

li.guest-gender li, li.guest-age li {
	float: left;
	clear: none;
	margin: 0;
	padding: 0;
	width: 70px;
}

li.guest-name input, li.guest-lastname input { width: 160px }
li.guest-address input { width: 130px; }
li.guest-postcode input	{ width: 60px; }
li.guest-email input	{ width: 160px }

li.guest-age li.over17	{ width: 85px; }
li.guest-age li			{ width: 79px; }

.guest-details input, .guest-details select, .guest-details textarea { padding-left: 1px; }
.guest-details input:focus {  }

/* If Member show Voucher*/
li.voucher-purchase {
	padding-left: 145px;
}

li.voucher-purchase label {
	width: auto;
	color: #fff;
	margin-top: 5px;
	padding: 1px 4px 5px 2px;;
	background: #00cc33;
	border: 1px solid #fff;
}

li.voucher-purchase label a {
	color: #fff;
}

li.voucher-purchase label input {
	background: transparent;
	position: relative;
	top: 2px;
}

li.voucher-purchase p {
	clear: both;
	margin: 0 0 0 -145px;
	padding: 10px
}

/* If non-Member living in Australia show */
li.membership-purchase {
	padding-top: 15px;
	width: 350px;
}

li.membership-purchase label {
	width: auto;
	/*color: #7c5417;*/
	color: #000;
	padding: 1px 4px 5px 2px;;
	background: #f79045;
	border: 1px solid #b7802d;
	font-weight: normal;

}

li.membership-purchase label a {
	color: #000!important;
}

li.membership-purchase label input {
	background: transparent;
	position: relative;
	top: 2px;
}

li.membership-purchase p {
	clear: both;
	margin: 0 0 0 -145px;
	padding: 10px
}

/* If non-Member living in Australia is selected and Join YHA is ticked show */
.new-membership-purchase {}

.new-membership-purchase-top {}
.new-membership-purchase-bottom {}

fieldset.date {
	border: 0;
	padding: 0;
	position: relative;
}

fieldset.date ol {
	margin: 0;
	padding: 0;
}

fieldset.date ul {
	margin-left: 205px;
}

fieldset.date li {
	clear: none;
	float: left;
}

fieldset.date select {
	margin: 0 10px 0 0;
}

fieldset.date legend span {
	display: block;
	width: 200px;
	padding-right: 5px; 
	position: absolute;
	top: 0;
	left: 0;
	text-align: right;
	font-weight: bold;
}

fieldset.date label {
	position: absolute;
	left: -999em;
}


/* Terms and freebies */
li.membership-terms label {
	width: auto;
	padding: 5px 0 0 0px;
}

li.membership-terms label input,
li.membership-magazine input,
li.membership-discount-guide input,
li.membership-annual-report input,
li.membership-voting input,
li.membership-ezine input {
	background: transparent;
	position: relative;
	top: 2px;
}

li.membership-magazine label,
li.membership-discount-guide label,
li.membership-annual-report label,
li.membership-voting label,
li.membership-ezine label {
	width: auto;
	padding: 5px 0 0 15px;
}

p.membership-magazine  {
	margin: 0;
	padding: 10px 0 5px 15px;
	position: relative;
	clear: both;
	color: #443A30;
}

.magazine-selection {
	padding-left: 0px;
}

.question {
	margin: 0;
	padding: 0px 0px 6px 15px;
}

.question input { background: #ccaaff!important;}

.membership-discount-guide-question, .membership-question {
	width: 300px;
	display: block;
	float: left;
}

.membership-discount-guide-answer, .membership-answer {
	width: 300px;
	display: inline-block;
}


.membership-discount-guide-answer span, .membership-answer span {
	width: 70px;
	display: inline-block;
}


.other-guest-details {
	margin-top: 25px;

}

.other-guest-details fieldset legend.component span {
	display: block; 
	position: relative;
	top: 17px;
	left: 20px;

	font-size: 11px;
	font-weight: bold;	
}

.other-guest-details li.guest-name label, .other-guest-details li.guest-lastname label, 
.other-guest-details li.guest-gender legend, .other-guest-details li.guest-age legend {
	display: none;
	font-weight: bold;
	padding-bottom: 0;
	text-align: left;
	position: absolute;
	left: -999em;
}


ol.comments-arrival-time {}

li.cc-details-time {
	float: left;
	clear: none;
	width: 120px;
}

li.cc-details-comments {
	float: left;
	clear: none;
	width: 560px;
}

li.cc-details-time label,
li.cc-details-comments label {
	width: auto;
}

select {
	border:1px inset #CEE783;
	font-size:12px;
}