/* =MAIN STYLES
----------------------------------------------------------------------------------------- */

body {
	margin: 0;
	padding: 0;
	background: #FAF2E3 url(../images/bgRaisedWhite.gif) repeat-y top center;
	font-family: arial, helvetica, sans-serif;
	text-align: center;
	font-size: 62.5%;
	}

#container {
	width: 780px;
	margin: 0 auto;
	padding: 0;
	background-color: #ffffff;
	text-align: left;
	}

.hide {display: none;}

#wrapper {clear: both;}

img {border: 0;}

a {color: #9b2020; text-decoration: none;}
a:hover {text-decoration: underline;}

/* =HEADER
----------------------------------------------------------------------------------------- */

#header {
	border-bottom: 5px solid #ffd200;
	background: #ffffff url(../images/topHeader.gif) no-repeat top center;
	text-align: right;
	font-size: 1.1em;
	height: 90px;
	}

#header a {
  color: #731304;
  text-decoration: none;
}

/* =LOGO */

#logoFirefly {
  	float: left;
    margin: 0;
}

#logoFirefly a {
  	width: 234px;
  	height: 90px;
  	float: left;
}

#logoFirefly span {display: none;}

/* =ASSOCIATES */

#navAssociates {
  	padding: 15px 15px 0 0;
  	list-style-type: none;
  	margin: 0;
  	text-align: right;
}

#navAssociates a {margin: 0 0 0 5px;}

/* =LOGIN */

#navLogin {
  	list-style-type: none;
  	margin: 0;
  	padding: 15px 100px 5px 0;
	}

#navLogin li {
  	display: inline;
	margin: 0;
	padding-left: 7px;
	}

#navLogin .liLogin {
  	border-right: 1px solid #f9c05e;
  	padding-right: 6px;
	}

#navLogin a:hover {text-decoration: underline;}

/* =BANNER */

#banner {
  	width: 540px;
  	height: 168px;
  	background: url(../images/bg3EasySteps.jpg); 	
}

/* SUBCONTENT
----------------------------------------------------------------------------------------- */

#subContent {
	width: 200px;
	float: right;
	font-size: 1.1em;
	background-color: #ffee5c;
	padding: 0 0 55px 0;
	margin: 0 0 25px 0;
}

/* =PERSONALSHOPPER */

.personalShopper {
  	background: #fff29c;
  	padding: 7px 31px 7px 10px;
}

.personalShopper a {
  	background: url(../images/bgHelp.gif) no-repeat center left;
  	display: block;
  	text-decoration: none;
  	padding: 0 0 0 50px;
}

.personalShopper h3 {
  	color: #cc3333;
  	margin: 0;
  	font-size: 1.45em;
  	padding: 0 0 3px 0;
}

.personalShopper p {
  	margin: 0;
	color: #660000;
	padding: 0 0 0 1px;}

/* FORMS */

#formSearch {
  	background: #f9f6d3;
  	margin: 0;
   	padding: 7px 0 6px 11px;
   	color: #660000;
}

#formSearch br {display: none;}

#formSearch fieldset {
  	padding: 3px 0 0 0;
  	margin: 0;
  	border: 0;
	}
  	
#formSearch p {
  	float: left;
	padding: 3px 0 3px 1px;
	margin: 0;
	font-size: 1em;
	}

#formSearch input, #formSearch select {
  	float: left;
	clear: left;
	font-size: 1em;
	}

#formSearch p.destination, #formSearch p.departDate {width: 10.7em;}
#formSearch p.departDate input {width: 6.5em;}
#formSearch p.departDate input {width: 6.5em;}
#formSearch p.submitSearch {clear: both; padding-bottom: 0;}

#formSearch label {
  	margin: 0;
	padding: 0 0 2px 0;
	float: left;
	}

#formSearch h3 {
  	margin: 0;
  	font-size: 1.5em;
  	color: #cc3333;
	}

/* =PROMOTIONS */

#subContent .promotion {
  	margin: 0;
  	padding: 0;
}

/* =TOOLS */

#navTools {
  	margin: 0;
  	list-style-type: none;
  	padding: 0;
  	font-size: 1.5em;
  	font-weight: bold;
  	border-top: 1px solid #61b0db;
}

#navTools li {
  	background: #cee5f2 url(../images/bgTools.gif) repeat-x bottom left;
  	padding: 4px 0 4px 15px;
  	border-bottom: 1px solid #61b0db;
}

#navTools li a {
  	display: block;
  	color: #2f5e88;
  	text-decoration: none;
  	background-repeat: no-repeat;
	background-position: center left;
	padding: 10px 0 10px 50px;
}

#liFlights a {background-image: url(../images/iconFlights.gif);}
#liCarHire a {background-image: url(../images/iconCarHire.gif);}
#liInsurance a {background-image: url(../images/iconInsurance.gif);}

#navTools li a:hover {text-decoration: underline;}

/* =CONTENT
----------------------------------------------------------------------------------------- */

#content {
  	width: 540px;
  	margin: 0;
	padding: 0 17px 0 20px;
	text-align: left;
	font-size: 1.1em;
	color: #333333;
}

/* =BREADCRUMB */

#navBreadcrumb {
  	list-style-type: none;
  	margin: 0;
  	text-align: left;
  	padding: 7px 1px 8px 1px;
  	color: #666666;
}

#navBreadcrumb li {
  	display: inline;
  	text-align: left;
  	background: url(../images/bgCrumbArrow.gif) right center no-repeat;
  	padding: 0 11px 0 6px;
}

#navBreadcrumb .liHome {padding-left: 0;}

#navBreadcrumb li a {
	color: #c7290d;
	text-decoration: none;
}

#navBreadcrumb a:hover {text-decoration: underline;}

/* BASIC STYLES */

#content h1 {
  	color: #003366;
  	font-size: 2em;
  	margin: 8px 0;
  	padding: 0;
}

#content h2 {
  	color: #003366;
  	font-size: 1.4em;
  	margin: 8px 0;
  	padding: 0;
}

#content p {
  	margin: 10px 0;
	font-size: 1.2em;
	padding: 0;
	line-height: 1.4em;
}

#content ul.list {
  	font-size: 1.2em;
  	margin-top: 10px;
	margin-bottom: 23px;
  	list-style: square;
}
#content ul.list li {
  	margin: 8px 0;
}

#content ul.linkSet {
  	margin: 14px 0 5px 0;
  	padding: 5px 0 0 2px;
  	list-style: none;
	border-top: 1px solid #fde7ae;
 }
 
#content .linkSet li {
   margin: 4px 0 4px 10px;
   background: url(../images/bgCrumbArrow.gif) no-repeat left center;
   padding: 0 0 0 11px;
 }

/* FORMS */

#content form {
  	background: #daecf6;
  	border: 1px solid #6995ba;
  	padding: 0px 0 10px 12px;
  	margin: 0 0 10px 0;
}

#content form h3 {
  margin-left: 10px;
  margin-bottom: 3px;
  }

#content form h1 {
  	font-size: 1.5em;
  	margin: 3px 0;
}

#content form fieldset {
  	border: 0;
  	text-align: right;
	margin: 5px 0 0 0;
	padding: 0;
}

#content form fieldset p {
	text-align: left;
	margin: 0 8px 4px 0;
	padding: 0; 	
}

#content form fieldset select {margin: 2px 0;}

#content form fieldset input {margin: 3px 0 0 0;}


/* =HOMEPAGE
----------------------------------------------------------------------------------------- */

#banner3EasySteps {
  margin: 20px 0 0 0;
  }

/* =FEATURES */

#navFeatures {
  	float: left;
  	margin: 0 0 10px 0;
  	width: 540px;
  	list-style: none;
  	padding: 5px 0 10px 0;
  	font-size: 1.5em;
}

#navFeatures li {
  	float: left;
  	width: 270px;
  	padding: 3px 0;
  	margin: 0;
  	border-bottom: 1px solid #9fc5dc;
	}

#navFeatures li a {
  	float: left;
  	background: url(../images/iconArrow.gif) no-repeat center left;
  	text-decoration: none;
  	color: #003366;
  	padding: 10px 0 10px 50px;
  	font-weight: bold;
}

#navFeatures li a:hover {text-decoration: underline;}

/* =PROMOTION */

.promotion {margin: 25px 0 0 0;}

/* =RESULTS
----------------------------------------------------------------------------------------- */

#pageResults #navBreadcrumb .liProperties {background: 0;}

/* =SEARCH REFINE */

#pageResults #content form fieldset p {float: left;}
#pageResults #content form {padding-top: 7px;}

/* =PROPERTIES */

.property {
  	float: left;
  	margin: 5px 0;
  	padding: 9px 0 0 0;
  	border-top: 1px solid #88b8d2;
  	clear: left;
  	width: 540px;
}

.property img {float: left; margin: 0; padding: 0;}

#pageResults .propertyHeader, #pageMyFavourites .propertyHeader {
  	float: left;
	vertical-align: text-top;
  	width: 228px;
  	padding: 3px 0 0 12px;
}

#pageResults .propertyHeader h1, #pageResults .propertyHeader h2, #pageMyFavourites .propertyHeader h1, #pageMyFavourites .propertyHeader h2 {
  	margin: 0;
	vertical-align: text-top;
	padding: 3px 3px 3px 3px;
  	border-left: 1px solid #000000;
  	color: #003466;
  	background: #CCDDEE;
}

.propertyLinks {
  	float: left;
  	width: 160px;
  	margin: 0;
  	padding: 0;
  	list-style: none;
}

.propertyLinks li {
  	text-align: right;
  	margin: 4px 0;
  	padding: 2px 25px 2px 0;
  	background: #e1eff8 url(../images/bgSmlArrow.gif) no-repeat top right;
  	font-weight: bold;
  	font-size: 1.1em;
}

.propertyLinks li a {
  	color: #333333;
  	text-decoration: none;
}

.propertyLinks li a:hover {text-decoration: underline;}

#pageResults .propertyStats, #pageMyFavourites .propertyStats {
  	float:left;
  	width: 387px;
  	list-style: none;
  	margin: 0;
  	padding: 3px 0 0 13px;
  	color: #333333;
}

#pageResults .propertyStats li, #pageMyFavourites .propertyStats li {
  	float: left;
  	display: inline;
  	margin: 0;
  	padding: 2px 0;
  	font-size: 1.2em;
}

#pageResults .propertyStats li span, #pageMyFavourites .propertyStats li span {
  	font-weight: bold;
  	background: url(../images/bgRaquo.gif) no-repeat center right;
  	padding: 0 14px 0 0;
  	margin: 0 2px 0 0;
}

#pageResults .propertyStats .statLong {width: 228px;}
#pageResults .propertyStats .statShort {width: 158px;}
#pageMyFavourites .propertyStats .statLong {width: 228px;}
#pageMyFavourites .propertyStats .statShort {width: 158px;}

.clearLeft {
  	clear: left;
}

/* =LOGIN
----------------------------------------------------------------------------------------- */

#pageLogin #navBreadcrumb .liLogin {background: 0;}

#pageLogin #formLogin input#fEmail {width: 12em;}
#pageLogin #formLogin input#fPassword {width: 12em;}

/* =REGISTER
----------------------------------------------------------------------------------------- */

#pageRegister #navBreadcrumb .liRegister {background: 0;}

/* =CONTACT & PERSONAL SHOPPER
----------------------------------------------------------------------------------------- */

#pageContact #navBreadcrumb .liContact {background: 0;}
#pageShopper #navBreadcrumb .liShopper {background: 0;}

#pageContact #content form fieldset#fsAboutYou p {float: left; width: 12em;}
#pageShopper #content form fieldset#fsAboutYou p {float: left; width: 12em;}

#pageContact #content form, #pageShopper #content form {clear: left;}

#pageContact #content form fieldset#fsAboutYou select {margin: 0; float: left;}
#pageShopper #content form fieldset#fsAboutYou select {margin: 0; float: left;}

#pageContact #content form textarea, #pageShopper #content form textarea {width: 35em; height: 8em;}
#pageContact #content form p.clearer {float: 0; clear: both;}
#pageContact .lineClear, #pageShopper .lineClear {padding: 10px 0 0 0;}


/* =MESSAGES
----------------------------------------------------------------------------------------- */

#pageMessage #navBreadcrumb .liMessage {background: 0;}

/* BOOKING PAGE
----------------------------------------------------------------------------------------- */

#pageBook #content {width: 740px;}
#pageBook #navBreadcrumb .liBook {background: 0;}

#pageBook #content form fieldset p {float: left; width: 12em;}

#pageBook #content form {clear: left;}

#pageBook #content img {float: left;}

/* DETAILS PAGE
----------------------------------------------------------------------------------------- */

#pageDetails #content {width: 740px;}
#pageDetails #navBreadcrumb .liDetails {background: 0;}

#pageLocation #content {width: 740px;}
#pageLocation #navBreadcrumb .liDetails {background: 0;}

.lineBlue {
  	line-height: 1px;
  	font-size: 0;
  	width: 100%;
  	height: 1px;
  	background: #89b8d2;
  	clear: both;
}

#intro {
  	padding: 10px 0 0 0;
  	width: 480px;
}

#pageBook #intro {
  	width: 780px;
	  }

#pageBook #content img {
  	padding-bottom: 15px;}
  	
#pageBook #content .terms {
  	width: 99%;
  	margin: 10px 0 10px 1px;
 }

#pageBook #content .terms input {margin-right: 7px;}

#contentDescription {
  	width: 470px;
  	color: #1c1c1c;
  	padding: 15px 0 10px 10px;
}

#contentDescription h3 {
  	font-size: 1.65em;
  	color: #003466;
  	margin: 0;
}

#contentDescription h3 span {
  	font-size: 0.75em;
  	padding: 0 0 0 4px;
}

#contentDescription p.intro {
   color: #293453;
   font-weight: bold;
}

#contentStats {
	margin: 10px 0 0 0;
	padding: 0 10px 15px 15px;
  	float: right;
  	width: 225px;
  	background: #e3f2f9 url(../images/bgDetailStatsTop.gif) no-repeat top left;
}

#contentStats h4 {
  	margin: 5px 0 5px 0;
  	padding: 10px 0 0 0;
 	font-size: 1.2em;
 	font-weight: normal;
}

#contentStats ul {
  	font-size: 1.1em;
  	font-weight: bold;
  	list-style: none;
  	padding: 0;
  	margin: 0;
}

#contentStats ul li {
  margin: 0 0 0 1px;
  padding: 4px 0 3px 12px;
  background: url(../images/bgRaquo.gif) no-repeat center left;
  font-style: italic;
}

#intro h1, #intro h2 {
  	color: #003366;
  	font-size: 1.2em;
  	margin: 5px 0;
  	clear: none;
}



#pageBook #intro h1 {padding-top: 0;}

#intro .gallery {
  	background-color: #f7f6c6;
  	margin: 0;
  	padding: 0;
  	clear: left;
}

#intro img {
  	float: left;
  	margin: 0 10px 0 0;
  	}

#pageDetails .propertyStats, #pageLocation .propertyStats, #pageBook .propertyStats {
  	list-style: none;
  	margin: 0;
  	padding: 3px 0 0 13px;
  	color: #333333;
}

#pageDetails .propertyStats li, #pageLocation .propertyStats li, #pageBook .propertyStats li {
  	margin: 0;
  	padding: 2px 0;
  	font-size: 1.1em;
}

#pageDetails .propertyStats li span, #pageLocation .propertyStats li span, #pageBook .propertyStats li span  {
  	font-weight: bold;
  	background: url(../images/bgRaquo.gif) no-repeat center right;
  	padding: 0 14px 0 0;
  	margin: 0 2px 0 0;
}

#sideModule {
  	float: right;
  	width: 250px;
  	background: #e3f2f9 url(../images/bgAvailCheckTop.gif) no-repeat top center;
  	padding: 10px 0 0 0;
  	margin: 7px 0 0 0;
}

#sideModule {
  	float: right;
  	background: #e3f2f9 url(../images/bgAvailCheckTop.gif) no-repeat top center;
  	padding: 10px 0 0 0;
  	margin: 7px 0 0 0;
}

#sideModule h2 {
	color: #ffffff;
	background: #9acce7 url(../images/bgAvailCheckGradient.gif) repeat-x top center;
	padding: 2px 17px 9px 17px;
	margin: 0;
	display: block;
}

#sideModule .wrap {
  	padding: 15px 15px 20px 15px;
}

#calendar {
  	clear: both;
	width: 100%;
	padding: 0;
	margin: 0;
	border-left: 1px solid #cccccc;
	color: #333333;
	text-align: center;
	background-color: #fff;
}

caption {
	margin: 0;
	padding: 0 0 5px 0;
	color: #cccccc;	 
	font-weight: bold;
	text-align: center;
}

caption a {
  	color: #333333;
  	text-decoration: none;
}

caption a:hover {
  	text-decoration: underline;
}

caption .linkEarlier, caption .linkLater {
  	color: #999999;
}

th {
	color: #ffffff;
	background: #999999;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	border-top: 1px solid #cccccc;
	padding: 3px 0;
}

.today, td.today a, td.today a:link, td.today a:visited {
	font-weight: bold;
}

td {
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	width: 20px;
	text-align: center;
	padding: 3px 0;
}

td.avail {
	background: #ffff66;
}

td a {
	text-decoration: none;
	display: block;
	color: #333333;
}

td a:hover {
  	text-decoration: underline;
}

ul#tabsDetail {
  	margin: 0;
  	padding: 10px 0 0 0;
  	list-style: none;
  	clear: both;
}

#tabsDetail li {
  	display: inline;
  	float: left;
  	margin: 0 1px 0 0;
  	padding: 0;
  	background: url(../images/bgTabBg.gif) repeat-x top left;
  	font-size: 1.4em;
  	font-weight: bold;
    text-align: left;
}

#tabsDetail li span {
  	background: url(../images/bgTabRightOff.gif) no-repeat top right;
  	display: block;
}

#tabsDetail li a {
  	color: #02659e;
  	text-decoration: none;
    display: block;
    padding: 8px 12px 4px 12px;
    background: url(../images/bgTabLeftOff.gif) no-repeat top left;
  }

#tabsDetail li a:hover {
  	text-decoration: underline;
}

#pageDetails .liDetail {background: url(../images/bgTabBgOn.gif) repeat-x top left;}
#pageDetails .liDetail span {background: url(../images/bgTabRightOn.gif) no-repeat top right;}
#pageDetails .liDetail a {color: #ffffff; background: url(../images/bgTabLeftOn.gif) no-repeat top left;}

#pageDetails .liDetail1 {background: url(../images/bgTabBgOn.gif) repeat-x top left;}
#pageDetails .liDetail1 span {background: url(../images/bgTabRightOn.gif) no-repeat top right;}
#pageDetails .liDetail1 a {color: #ffffff; background: url(../images/bgTabLeftOn.gif) no-repeat top left;}

#pageDetails .liDetail2 {background: url(../images/bgTabBgOn.gif) repeat-x top left;}
#pageDetails .liDetail2 span {background: url(../images/bgTabRightOn.gif) no-repeat top right;}
#pageDetails .liDetail2 a {color: #ffffff; background: url(../images/bgTabLeftOn.gif) no-repeat top left;}

#pageDetails .liDetail3 {background: url(../images/bgTabBgOn.gif) repeat-x top left;}
#pageDetails .liDetail3 span {background: url(../images/bgTabRightOn.gif) no-repeat top right;}
#pageDetails .liDetail3 a {color: #ffffff; background: url(../images/bgTabLeftOn.gif) no-repeat top left;}

#pageLocation .liLocation {background: url(../images/bgTabBgOn.gif) repeat-x top left;}
#pageLocation .liLocation span {background: url(../images/bgTabRightOn.gif) no-repeat top right;}
#pageLocation .liLocation a {color: #ffffff; background: url(../images/bgTabLeftOn.gif) no-repeat top left;}

#pageTopTips .liTopTips {background: url(../images/bgTabBgOn.gif) repeat-x top left;}
#pageTopTips .liTopTips span {background: url(../images/bgTabRightOn.gif) no-repeat top right;}
#pageTopTips .liTopTips a {color: #ffffff; background: url(../images/bgTabLeftOn.gif) no-repeat top left;}

/* =FORM */
#pageDetails #formAvailability, #pageDetails .wrap {
  	margin: 0;
   	padding: 0 0 6px 11px;
   	border: 0;
   	background: 0;
}

#pageDetails #formBook, #pageDetails #formReserve {
  	margin: 0;
  	padding: 10px 0;
  	border: 0;
  	background: 0;
  	float: left;
}

#pageDetails #formBook input {margin: 0 15px 0 12px;}
#pageDetails #formReserve input {margin: 0 0 0 15px;}

#pageDetails .searchAgain {padding: 0 0 0 12px;}

.lineClear {clear: both; border-bottom: 1px solid #9acce7; margin: 0 10px 0 0;}

#pageDetails #formAvailability br {
  	display: none;
  	}

#pageDetails #formAvailability input, #pageDetails #formAvailability select {
  	float: left;
	width: 11em;
	margin: 8px 0 0 0;}

#pageDetails #formAvailability label {
  	float: left;
	width: 5em;
	margin: 9px 0 0 0;
	text-align: left;}

#pageDetails #formAvailability p {
  	clear: both;
  	padding: 0 18px 0 0;
 }
 
#pageDetails #formAvailability p.children {
  	text-align: right;
  	}

#pageDetails #formAvailability fieldset {
  	border: 0;
  	text-align: left;
	margin: 5px 0 0 0;
	padding: 0;
}

#pageDetails #formAvailability #sShow {
  	margin: 8px 0;}

/* WHAT TO DO NEXT BOX */

#pageDetails #infoBox {
	width: 740px;
  	margin: 0;
  	padding: 10px 0;
  	border: 1;
  	background: ccddee;
  	float: left;
}

.lineClear {clear: both; border-bottom: 1px solid #9acce7; margin: 0 10px 0 0;}

/* =MYACCOUNT
----------------------------------------------------------------------------------------- */

#pageMyDetails #content, #pageMyFavourites #content {width: 740px;}
#pageMyDetails #navBreadcrumb .liMyDetails, #pageMyFavourites #navBreadcrumb .liMyFavourites {background: 0;}

#pageMyDetails .liMyDetails {background: url(../images/bgTabBgOn.gif) repeat-x top left;}
#pageMyDetails .liMyDetails span {background: url(../images/bgTabRightOn.gif) no-repeat top right;}
#pageMyDetails .liMyDetails a {color: #ffffff; background: url(../images/bgTabLeftOn.gif) no-repeat top left;}

#pageMyFavourites .liMyFavourites {background: url(../images/bgTabBgOn.gif) repeat-x top left;}
#pageMyFavourites .liMyFavourites span {background: url(../images/bgTabRightOn.gif) no-repeat top right;}
#pageMyFavourites .liMyFavourites a {color: #ffffff; background: url(../images/bgTabLeftOn.gif) no-repeat top left;}

#pageMyDetails #content form fieldset p {float: left; width: 12em;}
#pageMyDetails #content form {padding-top: 7px;}

/* =MYBOOK
----------------------------------------------------------------------------------------- */

#pageBook .liMyBook {background: url(../images/bgTabBgOn.gif) repeat-x top left;}
#pageBook .liMyBook span {background: url(../images/bgTabRightOn.gif) no-repeat top right;}
#pageBook .liMyBook a {color: #ffffff; background: url(../images/bgTabLeftOn.gif) no-repeat top left;}

/* FOOTER
----------------------------------------------------------------------------------------- */

/* Fix IE expanding/shrinking footer */
html #footer {height: 1%;}

#footer {
  	clear: both;
  	background: #ffffad;
  	font-size: 1em;
  	padding: 17px 10px 12px 15px;
  	color: #c39546;
}

#copyright {
	margin: 0;
	float: left;
	font-size: 1.2em;
	}

#navFooter {
	text-align: right;
	margin: 0;
	list-style: none;
	padding: 0;
	font-size: 1.2em;
	}

#navFooter li {
	display: inline;
	padding: 0 7px 0 8px;
	border-right: 1px solid #f9c05e;
	}

#navFooter .liFooter3 {border: 0;}

#footer a {
  	text-decoration: none;
  	color: #731304;
	}

#footer a:hover {text-decoration: underline;}