/* ****************************************************************** */
/*
StayCity Site Template v3.0
CSS Base: Common Styles v0.5
*/
/* ****************************************************************** */


/* ****************************************************************** */
/* SECTION :  HEADER */
/* ****************************************************************** */

/* -- Locational Phone Numbers and Languages -- */

div.regional {
	height : 38px;
	/*background : #424345;*/
	width : 100%;
	background : #6696C6;
}
div.regional-centalise {
	width : 964px;
	margin : 0 auto;
}
ul.mcafee {
	float : left;
	margin : 2px 0 0 0;
}
ul.phone-numbers {
	float : right;
	margin : 6px 0 0 0;
}
ul.phone-numbers li {
	color : White;
	float : left;
}
ul.phone-numbers li span {
	/*color : #b6cbe2;*/
	color : #D5E2EF;
}

ul.languages {
	float : right;
	margin : 9px 0 0 10px;
}
ul.languages li {
	width : 16px;
	height : 11px;
	float : left;
	display : block;
	background : no-repeat 0 0;
	overflow : hidden;
	padding : 0;
	margin : 0 0 0 7px;
	text-indent : -3000px;
}
ul.languages li.fr { background-image : url(../../images/utility/flags/flag-fr.gif); }
ul.languages li.de { background-image : url(../../images/utility/flags/flag-de.gif); }
ul.languages li.it { background-image : url(../../images/utility/flags/flag-it.gif); }
ul.languages li.es { background-image : url(../../images/utility/flags/flag-es.gif); }

ul.languages li a:link,
ul.languages li a:visited {
	display : block;
	width : 16px;
	height : 11px;
}

/* -- Masthead -- */
div.masthead img {
	float : left;
}



/* -- Main Navigation -- */

div.navigation {
	background : #CECEB6 url(../../images/common/nav-main-bg.gif) repeat-x top;
	float : left;
	width : 964px;
	height : 33px;
	border-top : 1px solid #CECEB6;
	border-bottom : 1px solid #CECEB6;
}

div.navigation ul.main-nav {
	width : 964px;
	margin : 0 auto;
	float : left;
}

div.navigation ul.main-nav li {
	float : left;
	padding : 0px 0 0px 0;
	font-size : 75%;
	width : 192px;
	text-align : center;
	margin : 0;
	height : 33px;
	position : relative;
}

div.navigation ul.main-nav li a:link img,
div.navigation ul.main-nav li a:visited img {
	display : inline;
	margin : 0 0 0 7px;
	vertical-align : middle;
}

div.navigation ul.main-nav li a:link,
div.navigation ul.main-nav li a:visited {
	color : #5F5F5F;
	display : block;
	border-right : 1px solid #E0E0CB;
	border-left : 1px solid #CECEB6;
	padding : 10px 0 0px 0px;
	height : 23px; /* 33px */
	line-height : 100%;
}

div.navigation ul.main-nav li a:hover,
div.navigation ul.main-nav li a:active {
	text-decoration : none;
	background-color : #FC6F39;
	color : White;
}

div.navigation ul.main-nav>li:last-child a {
	border-right : 0;
}

div.navigation ul.main-nav>li:last-child {
	width : 195px;
}


/* Suckerfish / Superfish Drop downs */

div.navigation ul.main-nav li ul {
	position: absolute;
	width : 190px; /* 192px */
	display : block;
	clear : left;
	background : #e9e9d8;
	border : 1px solid #CECEB6;
	border-bottom : 0;
	top : -999em;
	left : auto;
}

div.navigation ul.main-nav li:hover ul {
	left: auto;
}

div.navigation ul.main-nav li ul li {
	float : none;
	margin : 0;
	padding : 0;
	line-height : 100%;
	display : inline;
	text-align : left;
	font-size : 90%;
	height : auto;
	float : left;
	position : relative;
	z-index : 99;
}

div.navigation ul.main-nav li ul li a:link,
div.navigation ul.main-nav li ul li a:visited {
	background : url(../../images/utility/bullets/bullet-doublearrow-grey.gif) no-repeat 10px 13px;
	padding : 9px 0 10px 25px;
	font-weight : normal;
	border-left : 0;
	border-bottom : 1px solid #CECEB6;
	text-align : left;
	width : 165px; /* 180px; */
	height : auto;
	color : #5F5F5F;
	/* IE6 haslayout fix */
	display : block;
	float : left;
	clear : left;
	/* End: IE6 haslayout fix */
}

div.navigation ul.main-nav li ul li a:hover,
div.navigation ul.main-nav li ul li a:active {
	color : White;
	/*background-color : #FC6F39;*/
	background : #FC6F39 url(../../images/utility/bullets/bullet-doublearrow-white.gif) no-repeat 10px 13px;
}

/* Suckerfish Dropdown Fix for IE: */
div.navigation ul.main-nav li:hover ul,
div.navigation ul.main-nav li.sfHover ul {
	left : 0;
	top : 33px;
}
div.navigation ul.main-nav li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}

div.navigation ul.main-nav li ul.subnav2 { width : 245px; }
div.navigation ul.main-nav li ul.subnav2 li a:link,
div.navigation ul.main-nav li ul.subnav2 li a:visited { width : 220px; }
div.navigation ul.main-nav li ul.subnav3 { width : 220px; }
div.navigation ul.main-nav li ul.subnav3 li a:link,
div.navigation ul.main-nav li ul.subnav3 li a:visited { width : 195px; }
div.navigation ul.main-nav li ul.subnav5 { width : 194px; }
div.navigation ul.main-nav li ul.subnav5 li a:link,
div.navigation ul.main-nav li ul.subnav5 li a:visited { width : 169px; }

body.sect-apartments div.navigation ul.main-nav li.nav-apartments {
	background : #29292A url(../../images/common/nav-main-bg.gif) repeat-x left -36px;
}
body.sect-leisure div.navigation ul.main-nav li.nav-leisure {
	background : #29292A url(../../images/common/nav-main-bg.gif) repeat-x left -36px;
}
body.sect-business div.navigation ul.main-nav li.nav-business {
	background : #29292A url(../../images/common/nav-main-bg.gif) repeat-x left -36px;
}
body.sect-aptsvhotels div.navigation ul.main-nav li.nav-aptsvhotels {
	background : #29292A url(../../images/common/nav-main-bg.gif) repeat-x left -36px;
}
body.sect-customerservice div.navigation ul.main-nav li.nav-customerservice {
	background : #29292A url(../../images/common/nav-main-bg.gif) repeat-x left -36px;
}


/* ****************************************************************** */
/* SECTION :  BOOKING PANEL */
/* ****************************************************************** */

div.booking-panel-container {
	background : #E0E0CB url(../../images/common/booking-region-blur.jpg) no-repeat 0 0;
	width : 308px;
	height : 322px;
}
div.booking-panel {
	background : #E0E0CB;
	width : 308px;
	height : 322px;
	overflow : hidden;
	position : relative;
}
img.step-num {
	position : absolute;
	top : -10px;
	right : -10px;
	z-index : 100001;
}
div.booking-panel h2 {
	background-color : #FC6F39;
	font-size : 140%;
	color : White;
	padding : 8px 10px;
}
div.booking-panel fieldset {
	padding : 20px 0 20px 20px;
	position : relative;
}
div.booking-panel fieldset legend {
	display : none;
}
div.booking-panel fieldset p {
	margin : 0 0 10px 0;
}
div.booking-panel label {
	width : 80px;
	text-align : left;
	margin : 0 5px 0 0;
}
div.booking-panel select {
	margin : 0 1px 0 0;
}
input.btn-search {
	float : right;
	margin : 0px 20px 0 0;
}
div.booking-panel hr {
	color : #C8C8AE;
	background : #C8C8AE;
	height : 1px;
	margin : 20px 20px 15px 0;
	padding : 0px 0 0 0;
	border : 0;
	clear : both;
}


/* -- Guarantee Rollover -- */

div.guarantee {
	position : relative;
}
p#guarantee-tooltip {
	width : 110px;
	height : 55px;
	display : block;
	float : left;
}
p#guarantee-tooltip a {
	width : 110px;
	height : 55px;
	display : block;
	background : url(../../images/common/booking-lowest-price-guarantee.gif) no-repeat 0 0;
	text-indent : -3000px;
}
div#guarantee-content {
	display: none;
    position: absolute;
    padding: 10px 10px 5px 10px;
    border: 3px solid #FC6F39;
    width : 220px;
	z-index : 500;
	background : White url(../../images/common/main-heading-bg-grad.gif) repeat-x top;
}
div#guarantee-content h4 {
	/*color : #FC6F39;*/
	color : #5F5F5F;
	font-weight : bold;
	font-size : 110%;
	margin : 0 0 5px 0;
}
div#guarantee-content p {
	color : #5C5D5F;
	margin : 0 0 5px 0;
}

/* -- Override default Datepicker Styles -- */

button.ui-datepicker-trigger {
	display : none;
}
img.ui-datepicker-trigger {
	display : inline;
	margin : -5px 0 0 0px;
	vertical-align : middle;
	cursor : pointer;
}
.ui-widget td,
.ui-widget th {
	font-size : 95%;
}
div#ui-datepicker-div {
	/* Fix initial 30px gap at bottom of page, caused by Datepicker */
	display: none;
}


/* ****************************************************************** */
/* SECTION :  SIDEBAR */
/* ****************************************************************** */

div.special-offer {
	position : relative;
	overflow : hidden;
	width : 308px;
	height : 161px;
	background : no-repeat 0 0;
}
img.badge-offer {
	position : absolute;
	top : 310px;
	left : 5px;
	z-index : 300;
}
p.biglink {
	display : block;
	width : 308px;
	height : 161px;
}
p.biglink a:link,
p.biglink a:visited {
	display : block;
	width : 308px;
	height : 161px;
	text-decoration : none;
}
div.special-offer span.main-text {
	color : White;
	margin : 65px 0 5px 10px;
	display : block;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 130%;
	font-weight : bold;
	line-height : 120%;
}

div.special-offer span.sub-text {
	margin : 0px 0 0 10px;
	color : White;
	display : block;
	line-height : 130%;
}


div.home-faqs {
	position : relative;
	overflow : hidden;
	width : 308px;
	height : 124px;
	background : #6796C6;
}
div.special-offer p.button-float,
div.home-faqs p.button-float {
	position : absolute;
	bottom : 10px;
	right : 10px;
	width : 117px;
	height : 29px;
	margin : 0;
}

/* ****************************************************************** */
/* SECTION :  FEATURED */
/* ****************************************************************** */

/* -- Generic -- */

div.featured {
	background : #E2E8EE url(../../images/common/featured-bg.gif) repeat-x top;
	width : 964px;
	/*border-top : 1px solid #616264;*/
}
div.ft-box {
	float : left;
	width : 200px;
	margin : 40px 0 10px 0;
	border-left : 1px solid #D3DCE5;
	padding : 0 20px 0 20px;
	min-height : 190px;
}
div.ft-about {
	padding-right : 0;
	width : 220px;
}
div.ft-box h3 {
	color : #6b7783;
	font-size : 100%;
	margin : 0 0 10px 0;
	font-weight : bold;
}
div.ft-box p {
	color : #6b7783;
	font-size : 65%;
	line-height : 120%;
}
div.ft-box p strong {
	line-height : 120%;
}
div.ft-box ul {
	margin : 20px 0 0 0;
}
div.ft-box li {
	margin : 0 0px 0 0;
	border-top : 1px dotted #6B7783;
	padding : 0;
	width : 100%;
	font-size : 65%;
}
div.ft-box a:hover,
div.ft-box a:active {
	color : White;
}
div.ft-box li a:link,
div.ft-box li a:visited {
	display : block;
	padding : 2px 0 3px 16px;
	background : url(../../images/utility/bullets/bullet-doublearrow-white-grey-rollo.gif) no-repeat 5px 8px;
	color : #6b7783;
	font-weight : normal;
}
div.ft-box li a:hover,
div.ft-box li a:active {
	background-color : #FC6F39;
	background-position : 5px -12px;
	display : block;
	color : White;
	text-decoration : none;
}

/* -- About -- */

div.ft-about {
	/*width : 200px;*/
}
img.staycity-logo {
	display : inline;
	margin : -28px 0 -10px -14px;
	vertical-align : middle;
}
div.staycity-map {
	float : right;
}


/* -- Signup -- */

div.ft-signup {
	border : 0;
	margin : 40px 0px 20px 20px;
	padding : 0 20px 0 0px;
	display : inline;
}
div.ft-signup h3 strong {
	line-height : 100%;
	/*color : #FC6E28;*/
	color : #5F5F5F;
}
div.ft-signup p {
	margin : 0 0 5px 0;
}
div.ft-signup form {
	clear : both;
	padding : 10px 0 0px 10px;
	margin : 0;
	border : 1px dotted #6B7783;
}
div.ft-signup form label {
	width : 70px;
	padding : 2px 0 0 0;
	float : left;
	clear : left;
}
div.ft-signup form input.signup-text {
	width : 100px;
	background : #C6D0D6;
	border : 1px solid #6B7783;
	padding : 2px;
	color : #3C474E;
}
div.ft-signup form input.signup-text:focus {
	border : 1px solid #787A7C;
	background : #AEBAC0;
}
div.ft-signup form input.signup-submit {
	margin : 0 0 0 70px;
	padding : 1px 3px;
}
div.ft-signup form input.signup-submit {
	margin : 5px 0 0 70px;
	padding : 1px 3px;
}



/* ****************************************************************** */
/* SECTION :  FOOTER */
/* ****************************************************************** */

div.footer {
	background : #6696C6;
	width : 964px;
	border-top : 1px solid #3F78AF;
	border-bottom : 1px solid #3F78AF;
}
div.footer p {
	color : #D5E2EF; /*#D7D7DA*/
	margin : 10px 10px 10px 10px;
}
div.footer a:link,
div.footer a:visited {
	color : White;
}
div.footer a:hover,
div.footer a:active {
	color : #FC6F39;
}
div.footer p.legals {
	float : left;
}

/* GW 080410 */
div.footer p.socialmedia {
	float : left;
}
/* END GW 080410 */

div.footer p.bookmark {
	float : right;
}
/* AddThis Extra Padding */
#at16pf {
	padding : 3px;
}



/* ****************************************************************** */
/* SECTION :  TERMS & CONDITIONS */
/* ****************************************************************** */

div.standard-text-block {
	margin : 20px;
}
div.standard-text-block h6 {
	font-weight : bold;
	font-size : 90%;
	margin : 20px 0 10px 0;
	border-bottom : 1px solid #D7D7DA;
	padding : 0 0 5px 0;
}





/* ****************************************************************** */
/* SECTION :  OTHER OPTIONS BANNER */
/* ****************************************************************** */

div.otheroptions-banner {
	width : 610px;
	height : 114px;
	position : relative;
	margin : 0 0 20px 20px;
}
p.otheroptions-banner-link {
	position : absolute;
	bottom : 10px;
	left : 10px;
	margin : 0;
}