/* --------------------------------------------------------------------------------
* 	Web Application:	YHA Australia Web Site
*	Contents:
*	Author:				Robert - Red Square <www.redsquare.com>
*	Date Created:		5th October, 2006
*	Legal Notice:		The code contained within this page is the Intellectual property
						of Red Square Productions Pty Ltd and licensed to YHA Australia Inc for
						use only within the specified Web Application.
						This notice cannot be removed or altered. 
* -------------------------------------------------------------------------------- */ 


/* --------------------------------------------------------------------------------
 * HTML
 * -------------------------------------------------------------------------------- */ 

h1,h2,h3,h4,h5,h6 {
	margin: 0;
	padding: 0;
	font-size: 11px;
}

ul,li,ol {
	margin: 0;
	padding: 0;
}


/* --------------------------------------------------------------------------------
 * Layout
 * -------------------------------------------------------------------------------- */ 
#wrap {
	position: relative;
	width: 741px;
	margin: 0 auto;
}

/*
#header {
	height: 88px;
	margin-bottom: 20px;
}
*/

#home-content {
	width: 741px;
	clear: both;
	margin-bottom: 12px;
}

/*
#footer {
	clear: both;
	margin: 0;
	padding-top: 10px;
	border-top: 1px solid #000;
	background: #4c33e5; 
}
*/

/* --------------------------------------------------------------------------------
 * Header
 * -------------------------------------------------------------------------------- */ 
/*
#header h1 {
	width: 272px;
	height: 62px;
	text-indent: -9999px;
	background: url(../../images/sections/homepage/hd_yha_aust_hp.gif) no-repeat;
	float: left;
}

#header h2 {
	width: 306px;
	height: 23px;
	margin-top: 39px;
	text-indent: -9999px;
	background: url(../../images/sections/homepage/hd_tagline.gif) no-repeat;
	float: left;
}

#home-logo {
	width: 89px;
	float: left;
}

#lang-nav {
	position: absolute;
	top: 0px;
	right: 0px;
	margin: 0 8px;
}
*/

/* --------------------------------------------------------------------------------
 * Page nav
 * -------------------------------------------------------------------------------- */ 
ul#nav {
	width: 652px;
	height: 23px;
	float:left;
	display: block;
	list-style-type: none;
}

ul#nav li {
	float: left;
	display: block; 
}

ul#nav li a,ul#nav li a {
	text-decoration: none;
	cursor: pointer; 
	display: block;
	height: 23px;
	background-position: 0 0;
	text-indent: -9999px;
	overflow: hidden;
}

ul#nav li#menu-australia a		{ width: 119px; background-image: url(../../images/sections/homepage/bt_aust_hostels.gif); }
ul#nav li#menu-membership a		{ width: 97px; background-image: url(../../images/sections/homepage/bt_yha_membership.gif); }
/*ul#nav li#menu-overseas a		{ width: 187px; background-image: url(../../images/sections/homepage/bt_os_travel.gif); }*/
ul#nav li#menu-info a			{ width: 86px; background-image: url(../../images/sections/homepage/bt_yha_info.gif); border-right: 1px solid #000; }

#nav a:hover, #nav ul li.nav-current a, ul#extnav li a:hover {
	background-position: 0 -23px;
}

.arrow-content {
	border-bottom: 17px solid #002C3F;
}

/* --------------------------------------------------------------------------------
 * Content
 * -------------------------------------------------------------------------------- */ 

/* book-now form */
#book-now {
	width: 364px;
	height: 280px;
	border-bottom: 8px solid #00577e;
	float: left;
}

#book-now h1 {
	width: 186px;
	height: 25px;
	margin: 13px 0 0 15px;
	text-indent: -9999px;
	background: url(../../images/sections/homepage/hd_check_availability.gif) no-repeat 0 0;
}

#book-now form { padding: 2px 0 0 14px;  }
#book-now form label { margin: 4px 0; display: block; }
#book-now form select { margin: 0; padding: 0; }
#book-now form select#nights { margin-left: 15px; }
#book-now .formButton { margin-left: 4px; }

#book-now form label.hostelid	{} 


.formElement {
	font-family: verdana,helvetica,arial;
}

#hostelid, #stateid { width: 180px; }
#departure_date { width: 140px; }
#nights { width: 45px; }

/* Find a hostel */
#find-hostel {
	width: 364px;
	height: 280px;
	border-bottom: 8px solid #00577e;
	float: left;
	margin-left: 12px;
}

#find-hostel h1 {
	width: 151px;
	height: 20px;
	margin: 13px 0 0 30px;
	text-indent: -9999px;
}

#AustraliaMap {
	margin: 4px 0 0 96px
}

#find_a_hostel {
	padding: 10px 0 0 40px; 
}

input#rapid_rooms {
	width: 120px;
	margin-left: 15px;
	padding-left: 3px;
}

form#find_a_hostel p {
	margin-top: 4px;
}

/* Quick Links */
.textLinks {
	float: left;
	padding: 25px 30px 0 0;
	line-height: 18px;
	margin-left: 7px!important;
	color: #fff !important;
}

.textLinks  a {
	color: #fff !important;
}

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

#quick-links {
	clear: both;
	font-size: 11px;
	margin-bottom: 12px;
}

#quick-links h1 {
	width: 174px;
	height: 25px;
	margin-top: 16px;
	text-indent: -9999px;
	background: url(../../images/sections/homepage/hd_quick_links.gif) no-repeat 16px 0;
	float: left;
}

/* Not in uses
#quick-links ul {
	list-style-type: none;
	margin: 27px 30px 0 0;
	float: left;
}

#quick-links li {
	list-style-type: none;
	font-size: 11px;
	line-height: 16px;
}*/

/* Booking status */
#booking-status {
	height: 60px;
	padding-left: 160px;
	background: #1689c4;
	color: #fff;
}

#booking-status h3 {
	width: 104px;
	height: 22px;
	margin-top: 5px;
	float: left;
	font-size: 20px;
	color: #fff;
}

#booking-status form {
	width: 430px;
	padding-top: 11px;
	_padding-top: 9px;
	float: left;
}

#booking-status input#rfn {
	width: 120px;
	padding-left: 3px;
}

/* Home promos */
#promos {
	width: 190px;
	float: left;
}

.homepromo {
	width: 190px;
	padding-bottom: 3px;
	margin-bottom: 15px;
	background: url(../../images/sections/homepage/bg_promo.gif) no-repeat 0 100%; 
}

.homepromo p {
	font-size: 11px;
	padding: 10px 10px 10px 10px;
	margin: 0;
}

.homepromo .more-bt {
	text-align: right;
	padding-right: 15px;
}

/* Highlights */
#highlights {
	width: 535px;
	margin-left: 16px;
	float: left;
}

/* Japanese booking */
#book-in-japanese {
	width: 535px;
	height: 123px;
	background: url(../../images/sections/homepage/bg_yha.jpg) no-repeat 0 0; 
}

#book-in-japanese h3 {
	height: 29px;
	text-indent: -9999px;
	background: url(../../images/sections/homepage/hd_welcomeyha_jp.jpg) no-repeat 0 0;
}

#book-in-japanese p {
	height: 34px;
	margin: 27px 0 0 18px;
	padding: 0;
	text-indent: -9999px;
	background: url(../../images/sections/homepage/our_japanese_language_site.gif) no-repeat 0 0;
}

#book-in-japanese .buttonLink,#travel-oz .buttonLink, #backpacker .buttonLink {
	height: 15px;
	margin-right: 15px;
	float: right;
}

/* travel-oz */
#travel-oz {
	width: 535px;
	height: 124px;
	background: url(../../images/sections/homepage/bg_traveloz.jpg) no-repeat 0 0; 
}

#travel-oz h3 {
	width: 251px;
	height: 74px;
	text-indent: -9999px;
	background: url(../../images/sections/homepage/hd_traveloz_logo.gif) no-repeat 1px 0;
	float: left;
}

#travel-oz h3 a {
	display: block;
	height: 74px;
}

#travel-oz p {
	text-align: right;
	padding: 50px 15px 10px 0;
	margin: 0;
}

#travel-oz p.link-text {
	width: 245px;
	margin: 0 10px 0 0;
	padding: 2px 5px;
	font-size: 11px;
	border: 1px solid #66ccff;
	background: #5e57f7;
	display: inline;
	float: right;
}

/* Backpacker */
#backpacker {
	width: 535px;
	height: 125px;
	background: url(../../images/sections/homepage/bg_backpacker.gif) no-repeat 0 0; 
}

#backpacker h3 {
	width: 216px;
	height: 82px;
	padding-right: 1px;
	text-indent: -9999px;
	background: url(../../images/sections/homepage/hd_bpe_logo.gif) no-repeat 0 0;
	float: right;
}

#backpacker h3 a {
	display: block;
	height: 82px;
}

#backpacker h4 {
	width: 316px;
	height: 44px;
	margin-bottom: 10px;
	text-indent: -9999px;
	background: url(../../images/sections/homepage/hd_tools_traveller.gif) no-repeat 1px 0;
	float: left;
}

#backpacker h4 a {
	display: block;
	height: 44px;
}

#backpacker p {
	width: 273px;
	padding: 0 0 0 40px;
	margin: 0;
	float: left;
}

/*#backpacker p {
	width: 273px;
	padding: 0 0 0 40px;
	margin: 0;
}*/

#backpacker .buttonLink {
	margin-top: 10px;
}


/* --------------------------------------------------------------------------------
 * Footer
 * -------------------------------------------------------------------------------- */ 
.footer {
	width: 741px;
	margin: 0 auto;
}