@import url(https://fonts.googleapis.com/css?family=Hind:400,500|Montserrat:600,700);
body, button {
	font: 13px/1.5 Hind, sans-serif
}
h2, h4 {
	font-weight: 400
}
#itineraryBar h4, #welcome_member h3 {
	font-family: Montserrat, sans-serif
}
a {
	cursor: pointer
}
a:focus {
	outline: 0
}
hr {
	border: 0 solid #ccc;
	border-top-width: 1px;
	clear: both;
	height: 0
}
h1 {
	font-size: 25px
}
h2 {
	font-size: 14px;
	color: #06F
}
h3, h4 {
	font-size: 12px;
	color: #13598F
}
h5 {
	font-size: 18px;
	color: #13598F
}
h6 {
	font-size: 15px;
	color: #565976
}
ol {
	list-style: decimal
}
ul {
	list-style: disc
}
li {
	margin-left: 30px
}
address, dl, fieldset, h1, h2, h3, h4, h5, h6, hr, ol, p, pre, ul {
	margin-bottom: 20px
}
#siteWrapper {
	width: 992px;
	position: relative;
	/*background-color: #fff;*/
	-webkit-box-shadow: #333 0 0 5px;
	-moz-box-shadow: #333 0 0 5px;
	box-shadow: #333 0 0 5px;
	min-height: 1000px;
	margin: 0 auto
}
#client_logo {
	height: 350px;
	width: 252px;
	position: absolute;
	text-align: center;
	left: 2px;
	top: 0;
	background-attachment: scroll;
	background-color: transparent;
	background-image: url(../images/searchBg.png);
	background-repeat: no-repeat;
	background-position: 0 -10px;
	z-index: 100;
	padding-top: 8px
}
#client_logo img {
	max-width: 100%;
	max-height: 54px;
	height: auto;
	margin-left: 0;
	margin-top: 0
}
#welcome_member {
	float: left;
	margin-top: 6px;
	height: 22px
}
#hotelConfirmation .comments {
	clear: both
}
#hotelConfirmation .comments div {
	margin: 10px 40px 20px;
	color: #666;
	font-size: 14px
}
.largeButton, .mediumButton, .smallButton, .standardButton {
	border: none;
	font-size: 12px;
	color: #FBF8D7;
	font-weight: 700;
	cursor: pointer
}
@keyframes standardButton {
0% {
opacity:0;
transform:scale(.3)
}
100% {
opacity:1;
transform:scale(1)
}
}
.standardButton {
	width: 92px;
	margin: 0;
	padding: 0 0 3px;
	height: 36px;
	background: url(../images/colourSchemes/book_but_sprite.png) no-repeat;
	text-shadow: 1px 1px #666;
	animation: standardButton .5s linear
}
.standardButton:hover {
	background-position: 0 -37px
}
.mediumButton {
	width: 86px;
	margin: 0;
	padding: 0 0 3px;
	height: 34px;
	background: url(../images/colourSchemes/med_but_sprite.png) no-repeat
}
.mediumButton:hover {
	background-position: 0 -34px
}
.smallButton {
	width: 58px;
	margin: 6px 0 6px 4px;
	padding: 1px 0 2px;
	height: 26px;
	text-align: center;
	background: url(../images/colourSchemes/small_but_sprite.png)
}
.smallButton:hover {
	background-position: 0 28px
}
.largeButton {
	width: 101px;
	margin: -4px 0 0;
	padding: 0 5px;
	height: 55px;
	background: url(../images/colourSchemes/large_but_sprite.png) no-repeat;
	text-shadow: 1px 1px #666
}
.largeButton:hover {
	background-position: 0 -54px
}
.cellBorderTop {
	border-top: 1px solid #e7eaec
}
.cellBorderRight {
	border-right: 1px solid #e7eaec
}
.cellBorderBottom {
	border-bottom: 1px solid #e7eaec
}
.cellBorderLeft {
	border-left: 1px solid #e7eaec
}
#welcome_member h3 {
	float: left;
	position: relative;
	font-weight: 700;
	margin: 3px 8px 0 35px
}
#header {
	position: relative;
	height: 54px
}
#languagePanel {
	float: left;
	padding-left: 270px;
	width: 150px
}
#languagePanel select {
	float: left;
	font-size: 10px;
	height: 19px;
	margin: 16px 3px 5px;
	z-index: 200
}
.imageCarousel {
	padding-left: 13px;
	padding-top: 20px
}
.imageCarousel #images, .imageCarousel #main {
	-webkit-box-shadow: #333 0 0 20px;
	-moz-box-shadow: #333 0 0 20px;
	box-shadow: #333 0 0 20px
}
.clear_float {
	clear: both;
	height: 0;
	font-size: 1px;
	line-height: 0
}
.smallDivider {
	height: 0;
	margin: 0 0 10px
}
.bigDivider {
	height: 5px;
	border-bottom: 1px solid #DDD;
	margin: 0
}
.bigDivider-option2 {
	border: 0
}
.mediumDivider {
	background-image: url(../images/dividerGrad.gif);
	background-repeat: repeat-x;
	background-position: center;
	height: 16px;
	margin: 0 0 8px
}
.tableRowDivider_small {
	height: 5px
}
#login_links, #member_login {
	display: none
}
.selectedTab h3 {
	margin: 0;
	padding: 0
}
#tabContainer ul {
	margin: 0
}
#nav {
	right: 0
}
#nav ul li {
	display: inline;
	font-size: 13px;
	font-weight: 700;
	color: #FFF;
	padding: 0;
	margin-left: 4px;
	line-height: 48px
}
#nav ul li a {
	text-decoration: none;
	color: #fff;
	margin-right: 4px;
	font-size: 14px;
	font-weight: 400;
	text-transform: uppercase
}
.siteLoading {
	width: 96%!important;
	float: none!important;
	-webkit-box-shadow: #aaa 0 0 0!important;
	-moz-box-shadow: #aaa 0 0 0!important;
	box-shadow: #aaa 0 0 0!important;
	margin: 0 50px!important;
	border: none!important;
	background: url(../images/loading.gif) no-repeat
}
#content, #contentMessage {
	float: right;
	position: relative
}
#content {
	width: 696px;
	border: 1px solid #ddd;
	background-color: #FFF;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: #ccc 0 0 3px;
	-moz-box-shadow: #ccc 0 0 3px;
	box-shadow: #ccc 0 0 3px;
	margin: 5px 20px 14px 0
}
#contentMessage {
	width: 670px;
	background: #FFD2D3;
	border: 1px solid red;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	clear: both;
	color: #000;
	font-size: 16px;
	margin: -28px 20px 10px;
	padding: 10px 10px 3px
}
#contentMessage h1 {
	color: #333;
	font-size: 23px;
	text-shadow: 1px 1px #DDD
}
.withBanner #nav {
	top: 117px
}
.withBanner #bookingSteps {
	margin: 57px 20px -9px 0
}
.withBanner #content {
	margin-top: 14px
}
#sideBar .highlight {
	box-shadow: 1px 1px 14px #666
}
#sideBar {
	width: 222px;
	float: left;
	position: absolute;
	left: 18px;
	z-index: 200;
	top: 116px
}
#searchBar label, #sideBar label {
	position: relative;
	float: left;
	color: #333;
	clear: both;
	font-size: 11px;
	line-height: 14px
}
#searchBar h4 {
	text-align: center;
	margin: 0;
	padding: 0;
	font-size: 14px;
	font-weight: 700;
	height: 32px;
	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
	line-height: 28px;
	behavior: url(css/PIE.htc)
}
#searchBar #searchBarContent h3 {
	font-family: Hind, sans-serif
}
#sideBar label.itineraryContentValue {
	color: #555
}
#sideBar label.itineraryPropertyName {
	font-size: 13px;
	font-weight: 700;
	margin-top: 5px;
	color: #333
}
#sideBar label.itineraryAmount {
	color: #555;
	float: right;
	font-size: 15px;
	font-weight: 700;
	margin-top: 5px
}
#sideBar label.itineraryAmountTotal {
	color: #555;
	float: right;
	font-size: 16px;
	font-weight: 700;
	margin-top: 5px
}
.itineraryRemoveAllLink {
	float: right
}
.itineraryRemoveLink a {
	color: red
}
#itineraryContent {
	padding: 5px 0 2px
}
#itineraryContent a:hover {
	text-decoration: underline
}
#itineraryContent a, .hotelHeading a, .hotelInfo a {
	text-decoration: none
}
#itineraryContent a {
	clear: both;
	font-size: 10px
}
#itineraryContent td {
	vertical-align: top
}
#itineraryContent .paymentTerms {
	width: 86%;
	float: left;
	border: 2px solid #FFF;
	margin: 5px;
	text-align: center;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 2px 8px 6px
}
#itineraryContent .paymentTerms h3 {
	margin: 0;
	color: #000;
	text-align: center;
	font-weight: 11px
}
#itineraryContent .paymentTerms label {
	color: #000;
	width: 100%;
	text-align: center
}
#itineraryTotal {
	padding: 5px 2px 0;
	margin-left: 0
}
#itineraryTotal table {
	float: left;
	margin-left: 0;
	width: 100%
}
#itineraryTotal label {
	font-size: 13px;
	font-weight: 700;
	margin-top: 5px;
	color: #333
}
.itineraryContentDetail {
	padding: 0 5px
}
.itineraryContentDetail table {
	float: left;
	margin-left: 15px;
	width: 90%
}
.itineraryContentValue {
	margin-left: 5px
}
#itineraryPaxTable {
	margin-left: 0
}
#unitBreakDown {
	float: right;
	margin-top: -6px
}
.itineraryDetailContent td {
	padding-left: 2px
}
.itineraryDetailHeading td {
	font-size: 11px;
	font-weight: 700;
	line-height: 18px;
	padding-left: 2px;
	padding-top: 5px;
	color: #000;
	border-bottom: 1px dotted #444
}
#searchBar select, #unitBreakDown select {
	float: right;
	height: 22px;
	border: 1px solid #ccc;
	color: #666
}
.itineryLoading {
	padding: 10px 10px 10px 60px
}
#searchBar table label {
	float: left
}
#searchBar input[type=text] {
	float: right;
	font-size: 11px;
	color: #999;
	padding: 2px;
	margin: 0 0 5px;
	width: 100px
}
button::-moz-focus-inner, input[type=button]::-moz-focus-inner {
border:0
}
#searchBar button {
	height: 49px;
	border: none;
	font-size: 17px;
	width: 199px;
	cursor: pointer;
	/*background-color: #BE1E2D!important;*/
	text-align: left;
	padding-left: 15px;
	padding-bottom: 4px;
	color: #053660
}
#searchBar table input[type=text] {
	width: 30px;
	float: left;
	margin-bottom: 0
}
#searchBar select option {
	margin: 2px
}
#searchBar select {
	width: 110px;
	padding: 2px;
	margin: 0 0 5px;
	font-size: 11px
}
#searchBar h3 {
	margin: 2px 0;
	padding: 0;
	font-size: 11px
}
#searchBar .showPackages input {
	margin: 0 0 0 1px
}
#searchBar .showPackages label {
	margin: 3px 0 0 4px
}
#unitBreakDown td {
	vertical-align: top
}
#unitBreakDown select {
	width: 45px;
	padding: 2px;
	margin: 0 0 5px;
	font-size: 11px
}
#tabContainer li, #tabContainer li.selectedTab, #tabContainer li.selectedTab:hover {
	font-size: 14px;
	width: 139px;
	float: left;
	font-family: Hind, sans-serif;
	margin: 0;
	font-weight: 700;
	text-align: center
}
#tabContainer li.selectedTab, #tabContainer li.selectedTab:hover {
	color: #FFF;
	padding: 4px 0 0;
	height: 41px
}
#tabContainer li {
	color: #999;
	display: inline;
	padding: 4px 0 10px
}
.selectedNumber, .tabNumber {
	height: 15px;
	width: 16px;
	padding-right: 8px;
	background-repeat: no-repeat;
	background-position: center;
	font-family: Hind, sans-serif
}
.selectedNumber {
	background-image: url(../images/selectedNumberBg.png);
	padding-left: 9px
}
.tabNumber {
	background-image: url(../images/tabNumberBg.png);
	padding-left: 8px;
	color: #e8e6e6
}
#hotelInfo label:hover, #hotelInfo:hover, #tabContactDetails label:hover, #tabContactDetails:hover {
	cursor: pointer
}
#tabContainer {
	display: none
}
#tabContentWrapper {
	margin-top: 0;
	margin-bottom: 15px;
	padding: 0 0 5px
}
.registrationPanel h1 {
	font-size: 36px;
	font-weight: 700;
	margin-left: 20px;
	margin-top: 15px;
	margin-bottom: 15px
}
.dividerStripe, .dividerStripeItinerary {
	height: 2px;
	margin-top: 3px;
	border-left-width: 1px;
	clear: both
}
.registrationPanel h3 {
	font-size: 12px;
	margin-left: 20px
}
.registrationPanel .loyaltyLogo {
	width: 230px;
	position: absolute;
	left: 440px;
	top: -26px
}
.dividerStripe {
	margin-bottom: 8px;
	background-image: url(../images/dividerStripeBg.gif)
}
.dividerStripeItinerary {
	margin-bottom: 3px;
	background-image: url(../images/itineraryDivider.gif)
}
#hotelConfirmation h4, #hotelConfirmation h6 {
	background-image: url(../images/tableGrad.gif);
	background-repeat: repeat-x;
	line-height: 24px;
	margin-top: 0;
	padding-left: 8px;
	padding-bottom: 2px;
	font-weight: 700
}
.dividerStripeRates {
	height: 1px;
	clear: both;
	margin-left: 20px;
	margin-right: 2px;
	background-color: #FFF
}
#hotelConfirmation p, #hotelConfirmation td {
	color: #666;
	margin: 0 0 5px
}
#hotelConfirmation {
	padding-right: 13px;
	padding-left: 13px;
	margin-top: 13px
}
#hotelConfirmation td {
	font-size: 93%
}
#hotelConfirmation strong {
	color: #444
}
#hotelConfirmation .roomImage {
	margin-top: 0;
	margin-left: 10px
}
#hotelConfirmation h4 {
	-webkit-border-radius: 6px 6px 0 0;
	-moz-border-radius: 6px 6px 0 0;
	border-radius: 6px 6px 0 0;
	border: 1px solid #D4D7DA;
	border-bottom: none;
	margin-bottom: 5px
}
#hotelConfirmation h6 {
	border: 1px solid #D4D7DA;
	border-bottom: none;
	font-size: 12px;
	margin-bottom: 0
}
#hotelConfirmation .loyaltyLogo {
	width: 150px
}
#hotelConfirmation .divider {
	background-color: #e7eaec
}
#hotelConfirmation .reservationNumber {
	color: red;
	font-size: 123.1%
}
#hotelConfirmation .currencyPanel {
	float: right;
	font-size: 12px
}
#hotelConfirmation .currency {
	font-weight: 700
}
#hotelConfirmation .paymentDetails label {
	margin: 10px 10px 20px;
	color: #666;
	float: left
}
#hotelConfirmation .paymentDetails table {
	float: right
}
#hotelConfirmation .paymentDetails td {
	margin: 0;
	padding-left: 5px;
	padding-right: 5px;
	line-height: 190%;
	font-size: 85%
}
#hotelConfirmation .paymentDetailsHeading td {
	font-weight: 700;
	font-size: 11px;
	color: #444
}
#hotelConfirmation .termsAndConditions {
	clear: both
}
#hotelConfirmation .termsAndConditions div {
	margin: 10px 40px 20px;
	color: #666;
	font-size: 100%
}
.reservationRewards h5 {
	font-size: 20px;
	margin-bottom: 0;
	line-height: 40px;
	font-family: Hind, sans-serif;
	font-weight: 700
}
.reservationRewards a {
	line-height: 40px;
	color: #135992;
	margin-right: 5px
}
.reservationRewards h3 {
	font-weight: 400;
	margin: 1px;
	padding: 0;
	line-height: 17px
}
#hotelConfirmation .reservationRewards strong {
	font-size: 14px;
	font-weight: 700
}
.reservationRewards {
	display: none
}
#hotelConfirmation #formDetails button {
	float: right;
	margin: 0 0 5px;
	font-size: 15px;
	line-height: 1.3;
	text-transform: none
}
#hotelConfirmation a:hover {
	text-decoration: none;
	color: #135992
}
.resultsDetails {
	min-height: 115px;
	background: url(../images/colourSchemes/cv_bg.png);
	padding-top: 15px
}
.reservationDetails, .reservationLinks {
	background-repeat: repeat-x;
	float: left
}
.resultDetails {
	font-size: 93%
}
.resultDetails h5 {
	font-size: 100%;
	font-weight: 700;
	margin-bottom: 0
}
.resultDetails .directions {
	float: right;
	margin-right: 10px
}
.reservationLinks a {
	font-size: 11px;
	line-height: 19px;
	color: #135992
}
.reservationLinks {
	width: 220px;
	padding: 8px 0;
	background-image: url(../images/colourSchemes/confirmationLinksGrad.gif);
	border: 1px solid #FFF;
	margin-left: 20px;
	text-align: center;
	-webkit-box-shadow: #aaa 0 0 2px;
	-moz-box-shadow: #aaa 0 0 2px;
	box-shadow: #aaa 0 0 2px;
	background-color: #e6dd8d;
	behavior: url(css/PIE.htc)
}
.reservationDetails {
	-webkit-border-radius: 6px 6px 12px 12px;
	-moz-border-radius: 6px 6px 12px 12px;
	border-radius: 6px 6px 12px 12px;
	background-image: url(../images/tableGradBottom.gif);
	background-position: center bottom;
	border-color: -moz-use-text-color #D4D7DA #D4D7DA;
	border-right: 1px solid #D4D7DA;
	border-bottom: 1px solid #D4D7DA;
	border-left: 1px solid #D4D7DA;
	border-style: none solid solid;
	border-width: medium 1px 1px;
	margin-bottom: 12px;
	padding-bottom: 10px;
	width: 461px
}
.addToCalendar, .personalDetails {
	background-image: url(../images/tableGradBottom.gif);
	background-position: bottom;
	padding-bottom: 0;
	margin-bottom: 20px;
	background-repeat: repeat-x
}
.personalDetails {
	width: 660px;
	float: left;
	border: 1px solid #D4D7DA;
	border-top: none;
	-webkit-border-radius: 6px 6px 12px 12px;
	-moz-border-radius: 6px 6px 12px 12px;
	border-radius: 6px 6px 12px 12px
}
.addToCalendar {
	width: 220px;
	float: right;
	border: 1px solid #D4D7DA;
	border-top: none;
	-webkit-border-radius: 13px;
	-moz-border-radius: 13px;
	border-radius: 13px
}
#hotelConfirmation table.resultStayDetailsTable, #hotelDetails .hotelFeatures {
	width: 100%
}
#hotelConfirmation .itineraryTable p {
	margin: 0;
	padding-left: 3px
}
#hotelConfirmation .resultStayDetailsTable td {
	margin: 0;
	padding-left: 5px;
	padding-right: 5px;
	line-height: 190%;
	font-size: 85%
}
#hotelConfirmation .resultStayDetailsHeading td {
	font-weight: 700;
	font-size: 11px;
	color: #444
}
#hotelConfirmation .resultStayDetails .totalLabel {
	font-weight: 700;
	text-transform: uppercase
}
#hotelConfirmation .resultStayDetails .totalValue {
	text-align: right;
	font-weight: 700
}
#hotelConfirmation .resultStayDetails .grandTotalLabel {
	background-image: url(../images/tableGrad.gif);
	background-repeat: repeat-x;
	font-weight: 700;
	text-transform: uppercase
}
#hotelConfirmation .resultStayDetails .grandTotalValue {
	background-image: url(../images/tableGrad.gif);
	background-repeat: repeat-x;
	text-align: right;
	font-weight: 700;
	font-size: 93%
}
#hotelConfirmation .itineraryTable strong {
	line-height: 26px;
	margin: 0
}
#hotelDetails p {
	color: #666;
	margin: 0 0 5px
}
#hotelDetails a {
	font-size: 11px
}
#hotelDetails h4 {
	margin: 0;
	font-size: 11px
}
#hotelDetails h3 {
	margin: 5px 0 2px
}
#hotelDetails .roomRates {
	margin-top: 0
}
.pad5sides {
	padding: 0 5px
}
.hotelDetailRooms .roomRates, .pad10sides {
	padding: 0 10px
}
#hotelConfirmation .personalDetails h4 {
	margin: 0
}
.hotelDetailRooms .roomOptions {
	margin-left: 0
}
.hotelResult h4 {
	float: left;
	margin-bottom: 4px;
	margin-top: 2px
}
.hotelResult {
	margin: 0;
	padding: 0;
	clear: both
}
.hotelHeading {
	border: none
}
.hotelHeading a:hover {
	text-decoration: underline
}
.hotelHeading h1 {
	float: left;
	margin: 3px 12px 3px 10px;
	font-size: 146.5%;
	text-shadow: 1px 1px #eee
}
.hotelHeading h2 {
	color: #787878;
	float: right;
	margin-bottom: 4px;
	margin-top: 9px;
	font-size: 12px
}
.hotelHeading .hotelBanner {
	background: url(../images/colourSchemes/banner.png) no-repeat;
	color: #fff;
	font-size: 19px;
	height: 49px;
	left: 500px;
	padding: 2px 0 0;
	position: absolute;
	text-align: center;
	text-shadow: 1px 1px #666;
	top: 3px;
	width: 202px;
	z-index: 100
}
.hotelResult h5 {
	line-height: 16px;
	margin: 0 0 7px
}
.hotelResult .leftColumn {
	float: left;
	width: 145px
}
.hotelResult .centerColumn {
	float: left;
	width: 425px;
	border-right: 1px dotted #ccc;
	padding-right: 4px
}
.hotelResult .rightColumn {
	float: right;
	width: 90px
}
.hotelFeatures li {
	clear: both;
	font-size: 12px;
	line-height: 14px;
	padding: 0;
	margin: 0 0 8px 22px;
	color: #666
}
.hotelImage {
	margin-left: 10px;
	float: left
}
.hotelImage img {
	background-image: url(../images/image_shadow_bg.png);
	clear: both;
	height: 99px;
	width: 133px;
	padding: 5px 6px 8px;
	float: left
}
.hotelDescription {
	float: left;
	margin: 2px 0 5px
}
.hotelDescription p {
	float: left;
	width: 410px;
	font-size: 12px;
	color: #666;
	line-height: 1.5;
	margin: 2px 0 4px 15px
}
.hotelFeatures {
	float: left;
	width: 110px;
	padding-left: 30px;
	padding-right: 10px;
	margin-top: 5px
}
.hotelRates, .hotelRates button, .hotelRooms {
	float: right
}
.hotelResults .package {
	background: url(../images/colourSchemes/package_bg.png) #EEE
}
.hotelDescription-option2 p {
	width: 400px;
	font-size: 100%
}
.hotelFeatures-option2 {
	display: none
}
.viewRatesLink {
	border: none;
	margin: -3px -2px 0 0;
	padding-left: 34px;
	background: url(../images/colourSchemes/view.png) no-repeat;
	color: #666;
	font-size: 12px;
	font-weight: 700;
	height: 37px;
	width: 113px
}
.viewRatesLink:hover {
	cursor: pointer
}
.hotelRates {
	width: 110px;
	text-align: left;
	margin: 0 5px 0 0
}
.hotelRates h4, .hotelRates h5 {
	text-align: center;
	width: 100%
}
.hotelRates h5 {
	line-height: 16px;
	margin: 0 0 4px
}
.hotelRates .standardButton {
	margin-right: 8px;
	margin-top: 32px
}
.compact .hotelHeading {
	width: 445px;
	border-style: none none dotted;
	background: 0 0
}
.compact .hotelHeading h1 {
	width: 268px;
	white-space: nowrap;
	overflow: hidden
}
.compact .hotelFeatures, .compact .hotelRates {
	margin-top: -33px
}
.hotelRooms {
	width: 75%;
	margin-right: 5px
}
.centerColumn .hotelRooms {
	width: 95%
}
.hotelRooms table {
	border: 2px solid #CAE2F0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	float: left
}
.hotelInfo, .hotelRooms button {
	float: right
}
.hotelRooms .hotelRates {
	margin-right: 4px;
	margin-top: -1px
}
.hotelRooms td {
	border-top: 2px solid #FFF
}
.hotelRooms td.name {
	line-height: 19px;
	font-size: 12px;
	font-weight: 700;
	white-space: nowrap;
	overflow: visible;
	width: 130px;
	max-width: 130px;
	color: #000;
	padding-left: 5px;
	padding-top: 2px;
	padding-bottom: 1px;
	text-align: left;
	text-shadow: 1px 1px #BBB
}
.hotelRooms td.from, .hotelRooms td.rateName {
	font-size: 11px;
	color: #666;
	padding-top: 2px;
	overflow: visible;
	line-height: 16px;
	white-space: nowrap
}
.hotelRooms td.from {
	width: 40px;
	max-width: 40px;
	padding-left: 5px;
	text-align: right
}
.hotelRooms td.rateName {
	width: 125px;
	max-width: 125px;
	padding-left: 10px;
	padding-right: 10px;
	text-align: right
}
.hotelRooms td.rate {
	line-height: 16px;
	font-size: 12px;
	font-weight: 700;
	white-space: nowrap;
	overflow: visible;
	width: 80px;
	max-width: 120px;
	color: #000;
	padding: 2px 5px 0;
	text-align: right;
	text-shadow: 1px 1px #BBB
}
.hotelRooms .heading {
	border: none
}
.hotelInfo {
	height: 28px;
	padding-top: 0;
	margin-right: 102px;
	margin-top: 7px;
	width: 61%;
	background-color: transparent;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	position: relative
}
.hotelInfo a {
	font-size: 11px;
	font-weight: 700;
	display: inline;
	float: left;
	margin: 0 0 0 -1px;
	padding: 6px 14px 7px 38px;
	border-right: 1px dotted #DDD
}
.moreOptions a, .moreOptions span, .viewMore a, .viewMore span {
	font-weight: 400;
	display: inline;
	text-decoration: none
}
.hotelInfo .selected {
	background-color: #555;
	color: #fff!important;
	margin: -1px 0 0 -1px;
	height: 17px
}
.centerColumn .hotelInfo {
	width: 94%;
	margin-right: 0
}
.wideHotelInfo {
width:width: 74.2%
}
.wideHotelInfo a {
	margin: 0 0 0 -1px;
	padding: 6px 28px 7px 53px
}
.hotelInfoContent {
	float: right;
	margin: 5px 6px 10px 0;
	-webkit-border-radius: 13px;
	-moz-border-radius: 13px;
	border-radius: 13px;
	background-image: url(../images/tableGradBottom.gif);
	background-position: center bottom;
	background-repeat: repeat-x;
	width: 676px
}
.hotelInfoContent-open {
	border-color: #E4E7EA;
	border-style: solid;
	border-width: 1px
}
.hotelInfoContent .last {
	border: 1px!important
}
.hotelLocation {
	margin-top: 20px
}
.moreOptions, .viewMore {
	margin-top: 6px;
	position: relative;
	clear: both
}
.viewMore {
	height: 22px;
	border: 1px solid #ddd;
	padding-top: 1px;
	padding-left: 10px;
	margin-left: 145px;
	width: 65%;
	background-color: #fff;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	behavior: url(css/PIE.htc)
}
.viewMore span {
	font-size: 11px;
	float: right;
	padding: 3px 11px 2px
}
.viewMore a {
	font-size: 11px;
	float: right;
	padding: 3px 22px 2px 11px
}
.moreOptions {
	background-color: #FCF8BA;
	border: 1px solid #DDD;
	border-radius: 8px;
	height: 26px;
	margin-left: 167px;
	padding-left: 10px;
	padding-top: 1px;
	width: 57%
}
.moreOptions span {
	float: right;
	padding: 3px 11px 2px
}
.moreOptions a {
	float: right;
	padding: 3px 35px 2px 11px
}
.disabled {
	font-size: 11px;
	color: #999;
	text-decoration: none;
	font-weight: 700;
	display: inline;
	float: left;
	padding: 3px 8px 2px 22px
}
#ratesFilter a:hover, .hotelInfo a:hover {
	text-decoration: underline
}
.hotelInfo .selected b {
	background-position: right top;
	clip: rect(auto,auto,auto,5px);
	float: left;
	margin-left: 4px;
	height: 22px
}
.roomOptions {
	float: left;
	width: 110px;
	margin-left: 5px
}
.roomOptions select {
	float: left;
	height: 22px;
	border: 1px solid #ccc;
	padding: 2px;
	margin: 0 0 5px;
	font-size: 11px;
	color: #666;
	width: 110px
}
.roomOptions select option {
	margin: 2px
}
.roomOptions h4 {
	margin: 5px 2px;
	font-weight: 400;
	font-size: 11px
}
.roomDescription {
	float: left;
	width: 270px;
	padding: 0 5px 0 0
}
.roomRates button {
	float: right;
	clear: both
}
.roomsAndFeatures h1 {
	border-bottom: 1px dotted #ddd;
	color: #8DBE31;
	font-size: 18px;
	font-weight: 700;
	margin: 24px 0 0 10px;
	padding-bottom: .25em;
	clear: both;
	float: none
}
.hotelResultRoom {
	clear: both;
	margin-top: 6px;
	padding-top: 1px;
	padding-left: 2px;
	padding-right: 6px;
	border-bottom: 1px solid #DDD
}
.hotelResultRoomHeader {
	background-image: url(../images/tableGradTop.png);
	background-repeat: repeat-x;
	height: 20px;
	-webkit-border-radius: 13px;
	-moz-border-radius: 13px;
	border-radius: 13px
}
.roomDescription h3 {
	padding: 0;
	margin: 5px 0 0;
	font-weight: 700;
	font-size: 121.1%
}
.roomDescription p {
	font-size: 11px;
	color: #666;
	float: left;
	margin-bottom: 12px
}
.roomImage {
	float: left;
	margin-right: 8px;
	margin-top: 6px
}
.roomImage img {
	background-image: url(../images/small_image_shadow_bg.gif);
	clear: both;
	padding: 5px 6px 9px;
	float: left;
	width: 88px;
	height: 65px
}
.roomImage img:hover {
	cursor: pointer
}
.roomRates h5 {
	font-size: 14px;
	line-height: 16px;
	margin-bottom: 0;
	clear: both
}
.roomRates h4 {
	line-height: 14px;
	margin-bottom: 0;
	float: right;
	font-size: 11px
}
.roomRates {
	text-align: right;
	float: right;
	width: 165px;
	margin: 3px 0 0
}
.ratesText {
	float: right;
	margin: 4px 0 0
}
.locationMap {
	height: 248px;
	width: 510px;
	float: left;
	margin-bottom: 15px
}
#locationDetails {
	float: left;
	margin-left: 12px;
	width: 134px
}
#locationDetails p {
	color: #666;
	font-size: 11px;
	padding: 0;
	line-height: 14px;
	clear: both;
	margin: 0 0 8px
}
#locationDetails h5 {
	margin: 0;
	padding: 0;
	font-size: 93%
}
.paymentTerms {
	margin: 25px 30px 0
}
.paymentTerms h3 {
	margin-bottom: 0;
	font-size: 116%
}
.paymentTerms p {
	margin-bottom: 0
}
.paymentTerms .depositPolicy {
	float: left;
	width: 48%;
	border-right: 1px dotted #aaa;
	margin-bottom: 30px
}
.paymentTerms .cancelPolicy {
	float: right;
	width: 45%;
	margin-bottom: 30px
}
#hotelCarousel {
	background-image: url(../images/room_pictures_grad.gif);
	background-repeat: repeat-x;
	height: 165px;
	border-width: 1px;
	border-style: none solid solid;
	border-color: #d9d9d9
}
.carouselItem {
	float: left;
	margin-right: 3px;
	margin-left: 3px;
	margin-top: 12px;
	position: relative
}
.carouselItem img {
	width: 670px;
	height: 300px;
	background-image: url(../images/image_shadow_bg.png);
	clear: both;
	padding: 5px 6px 6px;
	float: left
}
.carouselItem .caption {
	position: absolute;
	z-index: 100;
	left: 0;
	top: 0;
	padding: 0;
	height: 113px;
	width: 145px;
	display: block;
	background-image: url(../images/transparent.gif)
}
#carouselLeftNav, #carouselRightNav {
	width: 24px;
	height: 72px;
	margin-top: 28px;
	float: left
}
#ratesPopup #heading, .arrowToUpdateDetails, .hidden, .ratesImage {
	display: none
}
.carouselItem .caption:hover {
	background-image: url(../images/caption.png);
	cursor: pointer
}
#carouselLeftNav {
	background-repeat: no-repeat;
	margin-right: 2px;
	margin-left: 4px
}
#carouselLeftNav:hover {
	margin-right: 4px;
	margin-left: 2px;
	cursor: pointer
}
#carouselRightNav {
	margin-right: 4px;
	margin-left: 2px;
	background-position: -24px
}
#carouselRightNav:hover {
	margin-right: 2px;
	margin-left: 4px;
	cursor: pointer
}
.roomsFeaturesIcon {
	background: url(../images/rooms.png) 13px 2px no-repeat
}
.locationIcon {
	background: url(../images/compass.png) 13px 2px no-repeat
}
.servicesIcon {
	background: url(../images/icon_sprite.png) -2px -110px no-repeat
}
.pictureIcon {
	background: url(../images/pictures.png) 13px 2px no-repeat;
	border: none!important
}
.reviewIcon {
	background: url(../images/icon_sprite.png) -2px -66px no-repeat
}
.specialOffersIcon {
	background: url(../images/icon_sprite.png) -2px -44px no-repeat
}
.paymentTermsIcon {
	background: url(../images/payment_terms.png) 13px 2px no-repeat
}
.resultWrapper {
	margin: 0;
	padding: 0
}
.otherHotelsHeading h6 {
	background-repeat: repeat-x;
	clear: both;
	height: 15px;
	margin: 0 0 10px;
	padding: 2px 8px 8px;
	color: #666;
	font-size: 18px
}
#hotelDetails .hotelDetailHeading {
	margin: 5px 5px 0;
	border-bottom: none;
	width: 680px
}
.hotelDetailHeading {
	height: 43px;
	border-bottom: 2px solid #A8A8A8;
	color: #CCC;
	font-size: 200%;
	margin: 5px 0 24px;
	padding: 2px 5px 0 2px;
	width: 689px
}
.hotelDetailHeading h1 {
	float: left;
	font-size: 100%;
	font-weight: 400;
	color: #555;
	margin: 2px 12px 0 4px
}
.hotelDetailHeading h2 {
	margin-bottom: 0;
	margin-top: 20px;
	float: right;
	color: #787878
}
.ratesImage h4 {
	margin-right: 12px;
	margin-bottom: 0;
	clear: both;
	font-size: 11px;
	font-weight: 700;
	margin-left: 4px;
	line-height: 14px
}
.ratesResult {
	float: left
}
.ratesResult .first {
	margin-top: 10px
}
.ratesDetails {
	float: left;
	width: 670px;
	margin-top: 0;
	margin-left: 20px;
	margin-bottom: 10px
}
.ratesDetails .loading {
	text-align: center;
	margin-top: 30px
}
.ratesDetails tr .selectedRateContent {
	color: #000;
	font-weight: 700;
	font-size: 12px
}
.ratesDetails td {
	border-left: 1px solid transparent;
	border-right: 1px solid transparent
}
.ratesDetails td.selectedRateBorderLeft {
	border-left: 1px solid red
}
.ratesDetails td.selectedRateBorderRight {
	border-right: 1px solid red
}
.ratesDetails td.selectionInProgressRateBorderLeft {
	border-left: 1px dashed red
}
.ratesDetails td.selectionInProgressRateBorderRight {
	border-right: 1px dashed red
}
.ratesDetailsHeading td {
	background-image: url(../images/ratesGrad.gif);
	color: #000;
	text-align: center;
	font-size: 11px;
	line-height: 18px;
	font-weight: 700;
	width: 36px
}
.ratesDetailsHeading {
	padding-top: 0
}
.ratesDetailsHeading td div.day {
	font-size: 15px;
	font-family: Hind, sans-serif
}
.ratesDetailsHeading td div.day:hover, .ratesDetailsHeading td div.dayOfWeek:hover {
	cursor: pointer
}
.ratesDetailsHeadingCurrency div {
	text-align: right
}
.ratesDetailsSelectedIndicator {
	height: 5px
}
table tr .whiteBg {
	background-color: #FFF;
	text-align: left;
	font-size: 10px
}
.ratesDetailsContent td {
	font-size: 11px;
	line-height: 18px;
	text-align: center;
	color: #666;
	width: 36px;
	font-weight: 400
}
.ratesDetailsContent .ratesDetailsContentButton, .ratesDetailsContent button {
	border: none;
	font-weight: 700;
	margin: 0 0 0 2px;
	height: 18px;
	font-family: Hind, sans-serif;
	cursor: pointer;
	font-size: 11px
}
.ratesDetailsContent label:hover, .ratesDetailsContent td:hover {
	cursor: pointer
}
.ratesDetailsContent .button {
	background-color: #fff
}
.ratesDetailsContent button {
	width: 58px;
	padding: 1px 0 4px;
	background-position: 0 0
}
.ratesDetailsContent button:hover {
	background-position: 0 -27px
}
.ratesDetailsContent .mealPlan {
	text-align: right;
	padding-right: 5px;
	max-width: 88px;
	overflow: hidden;
	white-space: nowrap
}
.ratesDetailsContent .ratesDetailsContentButton {
	width: 66px;
	padding: 0 2px 0 0;
	background-position: 0 0
}
.ratesDetailsContent .ratesDetailsContentButton:hover {
	background-position: 0 -20px
}
.ratesDetailsRoomCategory .special {
	background-image: url(../images/special.png);
	background-position: 8px 0;
	background-repeat: no-repeat
}
.ratesDetailsContent .special {
	color: red
}
.ratesDetailsRestricted td {
	background-color: #ffd2d2;
	font-size: 11px;
	line-height: 18px;
	text-align: center;
	color: #666;
	width: 36px;
	font-weight: 400
}
.ratesDetailsRoomCategory td {
	border-top: 2px solid #FFF;
	cursor: pointer
}
.ratesDetailsRoomCategory td.name {
	line-height: 16px;
	font-size: 11px;
	font-weight: 700;
	white-space: nowrap;
	overflow: visible;
	width: 120px;
	max-width: 120px;
	color: #000;
	padding-left: 5px;
	padding-top: 2px;
	text-align: left;
	text-shadow: 1px 1px #BBB
}
.ratesDetailsHeading table {
	background-color: #FFF;
	border-style: none
}
.ratesImage img {
	background-image: url(../images/image_shadow_bg.png);
	clear: both;
	padding: 5px 6px 6px;
	float: left
}
.rates_noRatesOrRooms {
	float: left;
	padding-left: 5px
}
.rates_noRatesOrRooms p {
	font-size: 12px;
	color: red;
	margin: 5px
}
#ratesFilterOptions, .ratesStayDates, .ratesStayDatesSelectSecondDate {
	margin-right: 40px;
	float: right
}
.rates_noRatesOrRooms span {
	font-weight: 700
}
.ratesStayDates div {
	font-size: 12px;
	font-weight: 400;
	color: #787878;
	text-align: center;
	margin-top: -6px
}
.ratesStayDatesSelectSecondDate div {
	font-size: 12px;
	font-weight: 700;
	color: #000;
	padding: 0 10px;
	margin-top: -6px;
	text-align: center
}
#ratesFilter a, #ratesFilterNavigation p {
	font-size: 11px;
	color: #333
}
#ratesFilter {
	margin-top: 30px;
	clear: both
}
#ratesFilterNavigation {
	float: right;
	margin-right: 12px
}
#ratesFilterNavigation p {
	float: left;
	display: block;
	margin: -3px 5px 0;
	text-shadow: 1px 1px #AAA
}
#ratesFilter select option {
	margin: 2px
}
#ratesFilter label {
	float: left;
	color: #333;
	margin-right: 8px;
	margin-left: 8px
}
#ratesFilter h3 {
	font-size: 16px;
	line-height: 20px;
	margin: 0;
	padding: 0;
	color: #565976
}
#ratesFilterPopup {
	background-color: #ffffe0
}
tr .selectedDay {
	background-color: #333;
	color: #FFF
}
table tr .selectedIndicator {
	background-color: red
}
#ratesPopup {
	padding: 10px;
	font-size: 11px;
	-webkit-box-shadow: #666 0 5px 10px;
	-moz-box-shadow: #666 0 5px 10px;
	box-shadow: #666 0 5px 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background-color: #434A50;
	color: #FFF;
	border: 2px solid #333;
	max-width: 400px;
	opacity: .95;
	filter: alpha(opacity=95)
}
#ratesPopup .special {
float:right: width: 67px;
	height: 68px;
	background: url(../images/special_big.png) no-repeat
}
#ratesPopup #heading {
	background-image: url(../images/navGrad.png);
	text-align: center;
	color: #fff;
	font-size: 12px
}
#ratesPopup #clickMessage {
	color: #666;
	display: none
}
#ratesPopup label {
	float: left;
	min-width: 65px;
	color: #FFF;
	font-size: 12px;
	margin: 1px 5px
}
.hotelDetail {
	clear: both;
	margin: 0 20px;
	padding-top: 16px
}
.hotelDetail h1 {
	border-bottom: 1px dotted #ddd;
	color: #8DBE31;
	font-size: 18px;
	font-weight: 700;
	margin: 8px 0;
	padding-bottom: .25em;
	clear: both;
	float: none
}
.hotelDetailLocation {
	float: left;
	margin-right: 15px;
	width: 145px;
	padding: 0 10px;
	background-color: #F3F3F3;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px
}
.hotelDetailLocation p {
	color: #666;
	font-size: 11px;
	margin: 0 0 5px
}
.hotelDetailLocation av {
	font-size: 11px
}
.hotelDetailLocation h5 {
	margin: 5px 0 2px;
	float: none;
	font-size: 93%
}
.hotelDetailLocation h6 {
	margin: 0;
	font-size: 11px
}
.hotelDetailMap {
	height: 260px;
	width: 650px;
	margin: 20px;
	border: 1px solid #CCC;
	float: left
}
.ratesRoomsInfo {
	margin: 0 20px;
	padding-top: 16px;
	clear: both
}
.ratesRoomsInfo h1 {
	border-bottom: 1px dotted #ddd;
	color: #8DBE31;
	font-size: 18px;
	font-weight: 700;
	margin: 8px 0;
	padding-bottom: .25em;
	clear: both;
	float: none
}
.ratesRoomInfo {
	margin-bottom: 5px
}
.ratesRoomInfoImage {
	float: left;
	clear: left;
	width: 115;
	margin-top: 2px
}
.ratesRoomInfo img {
	height: 65px;
	width: 88px;
	margin: 10px 15px 0 10px;
	-webkit-box-shadow: #333 0 0 5px;
	-moz-box-shadow: #333 0 0 5px;
	box-shadow: #333 0 0 5px
}
.ratesRoomInfoDescription {
	background-color: #F3F3F3;
	padding: 5px 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px
}
.ratesRoomInfoDescription h2 {
	color: #8DC8E8;
	margin-bottom: 5px;
	margin-top: 0;
	float: none
}
.ratesRoomInfoDescription p {
	margin-bottom: 5px
}
#subHeading {
	background-image: url(../images/ratesGrad.gif);
	background-repeat: repeat-x;
	height: 16px;
	padding: 8px
}
#subHeading h6 {
	font-size: 14px;
	line-height: 16px;
	margin: 0;
	padding: 0
}
#bookingSteps .steps div.stepsName1, #bookingSteps .steps div.stepsName2, #bookingSteps .steps div.stepsName3, #bookingSteps .steps div.stepsName4 {
	min-width: 72px;
	padding-left: 3px;
	padding-right: 0;
	position: relative;
	text-align: center
}
.hotelInfoWizardButtons {
	height: 18px;
	margin: 5px 12px 0 0
}
.ratesWizardButtons {
	height: 18px;
	margin: 2px 5px 0
}
.servicesWizardButtons {
	height: 18px;
	margin: 5px 5px 0 0
}
.guestDetailsWizardButtons {
	height: 18px;
	margin: 5px 5px 20px 20px
}
#bookingSteps {
	margin: 0 20px 0 0;
	float: right;
	width: 696px
}
#bookingSteps a {
	margin: 0
}
#bookingSteps .steps {
	margin: 0 20px 0 150px
}
#bookingSteps .steps div {
	color: #000;
	height: 28px;
	float: left;
	font-size: 13px;
	font-weight: 700;
	text-shadow: 1px 1px #DDD
}
#bookingSteps .steps div.stepsName1 {
	height: 44px;
	background: url(../images/colourSchemes/steps_numbers.png) 0 2px no-repeat
}
#bookingSteps .steps div.stepsName2 {
	background: url(../images/colourSchemes/steps_numbers.png) 0 -57px no-repeat
}
#bookingSteps .steps div.stepsName3 {
	background: url(../images/colourSchemes/steps_numbers.png) 0 -112px no-repeat
}
#bookingSteps .steps div.stepsName4 {
	background: url(../images/colourSchemes/steps_numbers.png) 0 -170px no-repeat
}
.stepsName1 div.selected, .stepsName2 div.selected, .stepsName3 div.selected, .stepsName4 div.selected {
	color: #000;
	text-shadow: 1px 1px #bbb;
	cursor: default;
	padding: 19px 0 0!important;
	margin-top: 1px;
	font-size: 14px;
	min-width: 84px;
	height: 40px!important;
	z-index: 100;
	left: -6px;
	font-weight: 700
}
.stepsName1 div.selected {
	position: absolute;
	background: url(../images/colourSchemes/steps_selected.png) 0 -3px no-repeat
}
.stepsName2 div.selected {
	position: absolute;
	background: url(../images/colourSchemes/steps_selected.png) 0 -67px no-repeat
}
.stepsName3 div.selected {
	position: absolute;
	background: url(../images/colourSchemes/steps_selected.png) 0 -131px no-repeat
}
.stepsName4 div.selected {
	position: absolute;
	background: url(../images/colourSchemes/steps_selected.png) 0 -195px no-repeat
}
#bookingSteps .steps div.stepsLeft {
	background: url(../images/colourSchemes/steps_left.png) no-repeat;
	width: 10px
}
#bookingSteps .steps div.stepsRight {
	width: 15px;
	background: url(../images/colourSchemes/steps_right.png) no-repeat
}
#bookingSteps .steps div.stepsDivider {
	background: url(../images/colourSchemes/steps_divider.png) no-repeat;
	width: 20px
}
#bookingSteps .steps a {
	color: inherit;
	cursor: text;
	left: 0;
	padding: 21px 0 0;
	position: absolute;
	text-align: center;
	text-decoration: none;
	width: 100%;
	z-index: 200
}
#bookingSteps .pointer {
	cursor: pointer!important
}
.datePickerDay, .datePickerNextButton, .datePickerPreviousButton, .leftLink:hover, .rightLink:hover {
	cursor: pointer
}
#formDetails fieldset {
	border: 1px solid #d6d6d6;
	background-color: #F9F9F9;
	padding: 0 15px 5px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	margin-bottom: 10px
}
#formDetails {
	padding: 10px 20px
}
#formDetails input[type=text]:focus, #formDetails input[type=password]:focus {
	border: 1px solid #999;
	color: #666
}
#formDetails input[type=checkbox] {
	float: left
}
#formButtons {
	text-align: center;
	margin: 10px 0 15px
}
#formDetails input[type=text], #formDetails input[type=password] {
	margin-bottom: 8px;
	border: 1px solid #D5D2D2;
	font-size: 11px;
	color: #999;
	line-height: 14px;
	padding: 4px;
	width: 170px;
	float: left;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px
}
input.validationFailed, select.validationFailed {
	border: 1px solid red!important
}
#formDetails textarea {
	margin-bottom: 8px;
	border: 1px solid #D5D2D2;
	font-size: 11px;
	color: #999;
	line-height: 14px;
	padding: 4px;
	width: 615px;
	height: 110px;
	float: left;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	position: relative
}
#formDetails select {
	float: left;
	border: 1px solid #ccc;
	font-size: 11px;
	color: #666;
	width: 180px;
	padding: 2px;
	height: 23px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	position: relative;
	margin: 0 4px 8px 0
}
#formDetails .redeem {
	width: 97%;
	float: left;
	margin: 0;
	padding: 0 0 10px;
	border-bottom: 1px dotted gray
}
#formDetails .redeem h1 {
	float: left;
	font-size: 14px
}
#formDetails .redeem input {
	margin-top: 13px;
	margin-left: 20px
}
#formDetails .redeem label {
	margin-top: 8px;
	font-size: 100%;
	width: auto
}
.detailsColumn {
	width: 308px;
	float: left;
	padding-top: 20px;
	padding-bottom: 10px
}
#formDetails fieldset .detailsColumn .shortSelect select {
	width: 84px;
	margin-right: 11px
}
#formDetails select option {
	padding: 2px
}
#formDetails fieldset p {
	margin: 10px 0 5px
}
#formDetails fieldset .mandatory {
	font-size: 11px;
	color: #666;
	line-height: 16px;
	margin: -10px 0 0 170px
}
#formDetails fieldset h1 {
	margin: 10px 10px 0;
	font-size: 16px;
	color: #555;
	float: left
}
#formDetails fieldset h2 {
	margin: 5px 0;
	padding: 0
}
#formDetails label {
	float: left;
	color: #666;
	font-size: 11px;
	width: 110px;
	text-align: right;
	padding-right: 8px;
	line-height: 24px
}
#formDetails fieldset legend {
	border: 1px solid #fff;
	font-size: 14px;
	font-weight: 700;
	line-height: 26px;
	padding-right: 12px;
	padding-left: 12px;
	margin-left: 20px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	-webkit-box-shadow: #aaa 0 0 1px;
	-moz-box-shadow: #aaa 0 0 1px;
	box-shadow: #aaa 0 0 1px;
	position: relative
}
#formDetails button {
	height: 50px;
	border: none;
	text-transform: uppercase;
	font-size: 18px;
	width: 150px;
	cursor: pointer;
	padding: 0 0 4px
}
#formDetails .haveReadAndAccept {
	margin: 15px 0 15px 8px
}
#formDetails .haveReadAndAccept label {
	font-size: 13px;
	width: auto;
	float: left
}
#formDetails .haveReadAndAccept a {
	float: left;
	font-weight: 700;
	text-decoration: underline;
	line-height: 24px
}
.backLink:hover {
	background-position: -2px 0;
	text-decoration: underline
}
.backLink {
	padding-left: 28px;
	font-size: 12px;
	line-height: 18px;
	color: #666;
	text-decoration: none;
	margin-top: 12px;
	margin-bottom: 0
}
.leftLink, .rightLink {
	width: 26px;
	height: 25px;
	margin-top: -7px;
	background-repeat: no-repeat
}
.leftLink:hover {
	background-position: 0 0;
	background-repeat: no-repeat
}
.leftLink {
	background-position: 1px 0;
	float: left;
	display: block
}
.rightLink:hover {
	background-repeat: no-repeat
}
.rightLink {
	float: right
}
#ratesFilter select {
	float: left;
	height: 22px;
	border: 1px solid #ccc;
	padding: 2px;
	margin: 0 4px 5px 0;
	font-size: 11px;
	color: #666
}
.spacer {
	height: 16px;
	clear: both
}
.spacer10 {
	height: 10px;
	clear: both
}
.spacerInput {
	height: 31px;
	clear: both
}
#searchBar {
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	border: 1px solid #8fadc0;
	background-repeat: no-repeat;
	margin-bottom: 11px
}
#searchBarContent {
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 8px
}
#searchBarContent .error {
	color: red;
	font-size: 11px
}
#itineraryDetailBar {
	background-image: url(../images/colourSchemes/itineraryMoreGRad.gif);
	height: 112px;
	border: 1px solid #fff;
	-webkit-border-radius: 0 10px 10px 0;
	-moz-border-radius: 0 10px 10px 0;
	border-radius: 0 10px 10px 0;
	-webkit-box-shadow: #999 0 0 5px;
	-moz-box-shadow: #999 0 0 5px;
	box-shadow: #999 0 0 5px;
	font-size: 11px;
	color: #444;
	margin: 2px 2px 2px 0
}
.itiniraryDetailBack {
	background-image: url(../images/colourSchemes/itineraryMoreEnd.gif);
	float: right;
	height: 112px;
	width: 23px;
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	border-radius: 9px
}
.itineraryDetailTable {
	float: left;
	margin: 6px 6px 6px 15px
}
#itineraryBar {
	border: 1px solid #ddd;
	background-repeat: no-repeat;
	margin-bottom: 22px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: #666 0 0 3px;
	-moz-box-shadow: #666 0 0 3px;
	box-shadow: #666 0 0 3px;
	clear: both
}
.itineraryBarHighlight {
	-webkit-box-shadow: green 0 0 16px!important;
	-moz-box-shadow: green 0 0 16px!important;
	box-shadow: green 0 0 16px!important
}
.dateBoxPopup {
	z-index: 1009
}
.tablePanel h3 {
	float: left;
	font-size: 18px;
	font-weight: 400;
	color: #8DBE31;
	padding-bottom: .25em;
	margin: 10px 12px 0 20px
}
.tablePanel table {
	width: 655px;
	border: 1px solid #ccc;
	margin-bottom: 2px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	margin-left: 20px
}
.tablePanel input[type=text] {
	margin-bottom: 0;
	width: 120px;
	font-size: 11px;
	color: #999;
	padding: 2px
}
.tablePanel select {
	border: 1px solid #CCC;
	color: #666;
	font-size: 11px;
	height: 22px;
	padding: 2px
}
.tablePanel select option {
	margin: 2px
}
.services {
	float: left;
	margin: 0;
	width: 100%;
	padding-bottom: 30px
}
.tableContent td {
	padding: 4px;
	background-color: #CAE2F0;
	font-size: 11px;
	border-top: 2px solid #FFF
}
.tableHeading {
	height: 30px
}
.tableHeading td {
	background-image: url(../images/ratesGrad.gif);
	background-repeat: repeat-x;
	background-color: transparent;
	font-size: 11px;
	font-weight: 700;
	line-height: 18px;
	padding-left: 2px;
	padding-top: 5px
}
.tableHeading label {
	font-size: 12px;
	padding-left: 2px
}
#servicesMandatory {
	margin-left: 20px
}
#servicesMandatory p {
	float: left;
	width: 100%;
	font-size: 11px;
	color: #666;
	line-height: 18px;
	margin-left: 10px;
	margin-bottom: 10px
}
#servicesBtnPanel {
	float: left;
	margin-left: 20px;
	margin-top: 10px;
	text-align: right
}
#servicesBtnPanel button:hover {
	background-position: 0 -37px
}
#itineraryBar h4 {
	text-align: center;
	margin: 0;
	padding: 0;
	font-size: 15px;
	font-weight: 700;
	border-bottom: 1px solid #FFF;
	height: 29px;
	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
	line-height: 26px
}
#confirmBookingForm .top, .gwt-DatePicker {
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px
}
.gwt-DatePicker {
	border-radius: 6px;
	border: 1px solid #fff;
	-webkit-box-shadow: #000 0 0 30px;
	-moz-box-shadow: #000 0 0 30px;
	box-shadow: #000 0 0 30px;
	color: #666;
	text-align: center
}
.datePickerMonthSelector {
	-webkit-border-radius: 4px 4px 0 0;
	-moz-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0;
	background-image: url(../images/tabBg.gif);
	border: none;
	height: 30px;
	background-color: #EFEFEF;
	color: #FF7500;
	font-size: 12px;
	font-weight: 700;
	padding-left: 10px;
	padding-right: 10px;
	text-align: center
}
.datePickerMonth {
	line-height: 26px;
	padding-left: 10px;
	padding-right: 10px
}
.datePickerDays {
	-webkit-border-radius: 0 0 6px 6px;
	-moz-border-radius: 0 0 6px 6px;
	border-radius: 0 0 6px 6px;
	background: #FFF;
	font-size: 12px;
	padding: 5px
}
.datePickerDays td {
	padding: 4px 3px;
	text-align: center
}
.datePickerWeekdayLabel, .datePickerWeekendLabel {
	background-color: #EFEFEF;
	font-weight: 700
}
.datePickerDayIsToday {
	border: 1px solid #D6D6D6
}
.datePickerDayIsHighlighted, .datePickerDayIsValue {
	background-color: #D6D6D6
}
.gwt-DialogBox {
	border: 1px solid #AAA;
	-webkit-box-shadow: #000 0 0 30px;
	-moz-box-shadow: #000 0 0 30px;
	box-shadow: #000 0 0 30px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	z-index: 1009
}
.gwt-DialogBox .dialogMiddleCenterInner {
	border: none
}
.gwt-DialogBox .dialogMiddleCenter {
	background-color: #fff
}
.gwt-DialogBox .dialogTopCenterInner {
	-webkit-border-radius: 4px 4px 0 0;
	-moz-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0;
	text-align: center;
	font-weight: 700;
	height: 29px;
	color: #fff;
	border: none;
	font-size: 16px;
	line-height: 26px;
	position: relative;
	cursor: move;
	behavior: url(css/PIE.htc)
}
.gwt-DialogBox #dialogError .dialogMiddleCenterInner {
	padding: 10px
}
#main #gallery {
	margin-left: auto;
	margin-right: auto;
	width: 660px;
	-webkit-box-shadow: #aaa 0 0 2px;
	-moz-box-shadow: #aaa 0 0 2px;
	box-shadow: #aaa 0 0 2px
}
.newsFeedPanel {
	padding-top: 30px
}
.newsFeedFlexTable {
	width: 668px
}
.newsFeedItemPanel {
	margin: 0 0 15px 15px;
	width: 309px;
	background-color: #f6f6f6;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	min-height: 100px;
	position: relative;
	padding: 5px 6px 6px;
	border: 1px solid #D6D6D6;
	text-align: left
}
.newsFeedItemPanelIcon {
	background: url(../images/colourSchemes/icons.png) -2px -153px no-repeat;
	height: 33px;
	left: -13px;
	position: absolute;
	top: -7px;
	width: 50px
}
.newsFeedItemDescription {
	margin: 5px 5px 20px;
	color: #444
}
.newsItemAnchor {
	text-decoration: underline;
	margin-left: 30px;
	font-weight: 700;
	color: #FF7500
}
.newsItem {
	padding: 10px;
	min-height: 510px
}
.newsItem h1 {
	border-bottom: 1px dotted #ddd;
	font-size: 18px;
	font-weight: 700;
	margin: 8px 0;
	padding-bottom: .25em
}
.newsItem div {
	color: #666;
	font-size: 15px
}
.newsItem-imageWrapper {
	float: right;
	margin-right: 10px;
	margin-top: -30px
}
.dialogColumn .gwt-Label {
	float: left;
	margin-right: 5px;
	margin-top: 2px;
	padding: 2px;
	font-size: 11px;
	width: 52px
}
.dialogColumn .dialogColumnValue {
	font-weight: 700;
	width: 120px;
	max-width: 120px;
	white-space: nowrap;
	overflow: hidden
}
.dialogColumn input {
	margin-bottom: 8px;
	border: 1px solid #D5D2D2;
	font-size: 11px;
	color: #999;
	line-height: 14px;
	padding: 4px;
	width: 200px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px
}
.dialogColumn {
	float: left;
	margin-right: 0;
	padding: 10px;
	width: 192px
}
#confirmBooking .stayLabel {
	float: left;
	font-size: 13px;
	font-weight: 700;
	margin-top: 5px;
	padding-left: 14px;
	color: #1359A2
}
#confirmBooking .stayValue {
	float: right;
	font-size: 20px;
	font-weight: 700;
	width: 100%;
	text-align: center
}
#confirmBookingForm {
	padding: 5px
}
#confirmBookingForm input[type=text], #formDialog input[type=password] {
	margin-bottom: 8px;
	border: 1px solid #D5D2D2;
	font-size: 11px;
	color: #999;
	line-height: 14px;
	padding: 4px;
	width: 120px;
	float: left;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px
}
#confirmBookingForm button {
	height: 50px;
	border: none;
	text-transform: uppercase;
	font-size: 18px;
	width: 150px;
	cursor: pointer;
	padding: 0 0 4px
}
#confirmBookingForm .top {
	border-radius: 6px;
	border: 1px solid #DDD
}
#confirmBookingForm .center, .gwt-SuggestBoxPopup {
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px
}
#confirmBookingForm .center {
	border-radius: 6px;
	border: 1px solid #DDD;
	margin: 5px 0 10px
}
#confirmBookingForm .centerLeft {
	float: left;
	width: 192px;
	padding: 0 10px 10px 0
}
#confirmBookingForm .centerLeft select {
	margin-left: 61px
}
#confirmBookingForm .centerRight {
	float: right;
	width: 202px;
	padding: 0 10px
}
#confirmBookingForm h4 {
	font-weight: 700;
	font-size: 13px;
	width: 170px
}
#roomOptions {
	width: 310px;
	float: left
}
#rateOptions {
	width: 200px;
	float: left
}
.gwt-PopupPanel h2 {
	margin-bottom: 5px;
	color: #13598F;
	font-weight: 700
}
.gwt-PopupPanel {
	border: 1px solid #CCC;
	z-index: 300;
	background-color: #FFF;
	padding: 5px
}
.popupColumn {
	width: 100px;
	float: left
}
.popupColumn input {
	clear: both;
	float: left;
	font-size: 10px;
	margin: 0 4px 4px 0
}
.popupColumn label {
	float: left;
	font-size: 10px;
	line-height: 12px;
	color: #666
}
.ratesDetailsContentNotAvailable {
	background: url(../images/not_available.png) 7px 1px no-repeat
}
.backButton, .backButtonWide {
	float: left;
	font-size: 13px;
	font-weight: 700;
	text-decoration: none;
	color: #fff;
	background: url(../images/colourSchemes/back-arrow.png) 0 -1px/8px no-repeat;
	line-height: 44px;
	text-align: center
}
.backButton {
	vertical-align: middle;
	width: 91px;
	text-shadow: 1px 1px #444;
	padding: 0 0 0 4px
}
.backButtonWide {
	vertical-align: middle;
	width: 144px;
	text-shadow: 1px 1px #444;
	padding: 0 0 0 5px
}
.forwardButton, .forwardButtonWide {
	font-size: 13px;
	font-weight: 700;
	color: #fff;
	background: url(../images/colourSchemes/forward-arrow.png) 0 -1px/8px no-repeat;
	vertical-align: middle;
	text-shadow: 1px 1px #444;
	text-decoration: none;
	float: right
}
.forwardButton {
	line-height: 15px;
	height: 40px;
	padding-top: 6px;
	width: 89px;
	text-align: center
}
.forwardButtonWide {
	line-height: 44px;
	width: 144px;
	text-align: left;
	padding: 0 0 0 12px
}
.confirmReservation {
	width: 100%;
	text-align: center
}
.confirmReservation .forwardButtonWide {
	height: 36px;
	padding: 0;
	margin-bottom: 10px
}
.directionsLink {
	color: #467fab;
	text-decoration: none;
	font-weight: 400;
	font-size: 11px;
	margin-left: 10px
}
.directionsLink:hover {
	text-decoration: underline
}
.cornerTopLeft {
	border-top-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px
}
.cornerTopRight {
	border-top-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px
}
.cornerBottomRight {
	border-bottom-right-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px
}
.cornerBottomLeft {
	border-bottom-left-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px
}
.cornerBigTopLeft {
	border-top-left-radius: 12px;
	-moz-border-radius-topleft: 12px;
	-webkit-border-top-left-radius: 12px
}
.cornerBigTopRight {
	border-top-right-radius: 12px;
	-moz-border-radius-topright: 12px;
	-webkit-border-top-right-radius: 12px
}
.cornerBigBottomRight {
	border-bottom-right-radius: 12px;
	-moz-border-radius-bottomright: 12px;
	-webkit-border-bottom-right-radius: 12px
}
.cornerBigBottomLeft {
	border-bottom-left-radius: 12px;
	-moz-border-radius-bottomleft: 12px;
	-webkit-border-bottom-left-radius: 12px
}
.textAlignRight {
	text-align: right
}
.ratesCompare {
	color: #787878;
	font-size: 93%;
	font-weight: 400;
	text-decoration: none;
	float: right;
	margin-right: 20px;
	margin-top: -10px
}
.ratesResult .viewRateGrid {
	float: right;
	margin: 0 5px 0 0;
	position: absolute;
	right: 0;
	top: -14px
}
.ratesResult .viewRateGrid a {
	color: #444;
	font-weight: 700;
	font-size: 12px;
	text-decoration: none
}
.packageItems td.duration, .packageItems td.name {
	line-height: 19px;
	font-size: 12px;
	font-weight: 700;
	white-space: nowrap;
	overflow: visible;
	color: #000;
	padding-bottom: 1px;
	text-align: left;
	text-shadow: 1px 1px #BBB
}
.ratesResult .viewRateGrid a:hover, .roomRates a {
	text-decoration: underline
}
.roomsAndRates {
	width: 696px;
	position: relative
}
.roomsAndRates .viewRatesLink {
	padding-left: 32px;
	background: url(../images/colourSchemes/view_wide.png) no-repeat;
	width: 195px
}
.roomsAndRates .package .standardButton {
	float: right
}
.package .hotelDetail {
	margin: 0 10px
}
.package .hotelDetailContent {
	float: left;
	margin-left: 6px;
	width: 330px
}
.package .hotelDetailLocation {
	float: right
}
.package .packageItems {
	margin-bottom: 20px
}
.centerColumn .packageItems {
	width: 95%;
	margin-right: 0
}
.packageItems {
	float: right;
	width: 76%;
	margin-right: 5px
}
.packageItems table {
	border: 2px solid #CAE2F0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	float: left
}
.packageItems td {
	border-top: 2px solid #FFF
}
.packageItems td.duration {
	width: 50px;
	max-width: 50px;
	padding-left: 5px;
	padding-top: 2px
}
.packageItems td.name {
	width: 180px;
	max-width: 180px;
	padding-left: 5px;
	padding-top: 2px
}
.packageItems td.at, .packageItems td.mealPlan {
	line-height: 16px;
	font-size: 11px;
	white-space: nowrap;
	overflow: visible;
	color: #666;
	padding-top: 2px
}
.packageItems td.at {
	width: 20px;
	max-width: 20px;
	padding-left: 5px
}
.packageItems td.mealPlan {
	width: 100px;
	max-width: 100px;
	padding-left: 10px;
	padding-right: 10px;
	text-align: right
}
#mapButtonPanel, #statusMessageButtons, .pleaseWait {
	text-align: center
}
.packageItems .heading {
	border: none
}
.pleaseWait {
	margin: 20px
}
#message .error {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border: 1px solid red;
	background: #ffd2d3;
	color: #000;
	clear: both;
	margin-top: 6px;
	margin-bottom: 10px;
	margin-left: 18px;
	width: 92.5%;
	font-size: 15px;
	padding: 3px 10px
}
.arrowToItinerary, .arrowToSearchPanel {
	background: url(../images/colourSchemes/bigArrowEast.png) no-repeat;
	height: 70px;
	left: -21px;
	position: absolute;
	width: 70px;
	z-index: 200;
	opacity: .8;
	float: left
}
#amendResPanel {
	margin: 15px 10px;
	min-height: 460px
}
#amendResPanel h2 {
	margin-left: 2px;
	margin-top: -57px;
	text-shadow: 1px 1px #CCC
}
#amendResPanel h1 {
	font-size: 19px
}
.arrowToSearchPanel {
	top: 73px
}
.arrowToItinerary {
	top: 365px
}
.amendOption {
	position: relative
}
.amendOptionDetail {
	width: 645px;
	float: left;
	border: 1px solid #D4D7DA;
	background-image: url(../images/tableGradBottom.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	padding-bottom: 0;
	margin: 8px 10px 48px 15px;
	-webkit-border-radius: 13px;
	-moz-border-radius: 13px;
	border-radius: 13px
}
.amendOptionDetail h1 {
	margin: 10px 10px 5px;
	text-shadow: 1px 1px #CCC
}
.amendOptionDetail p {
	margin: 0 10px 25px
}
.amendOptionDetailAddHotelIcon {
	background: url(../images/colourSchemes/icons.png) -2px 2px no-repeat;
	height: 45px;
	width: 50px;
	float: left
}
.amendOptionDetailUpdateDetailsIcon {
	background: url(../images/colourSchemes/icons.png) 0 -98px no-repeat;
	height: 45px;
	width: 50px;
	float: left
}
.amendOptionDetailRemoveHotelIcon {
	background: url(../images/colourSchemes/icons.png) -2px -47px no-repeat;
	height: 45px;
	width: 50px;
	float: left
}
.statusMessagePanel_Close_Start {
	left: 0;
	top: 0;
	width: 500px;
	height: 200px
}
.statusMessagePanel_Close_End {
	left: -100px;
	top: 400px;
	width: 10px;
	height: 10px
}
#statusMessagePanel {
	background-color: #dce9c9;
	border: 1px dotted #999;
	color: #000;
	filter: alpha(opacity=95);
	opacity: .95;
	width: 710px;
	height: 202px
}
#statusMessagePanel button {
	background-color: #AED17D;
	width: 61px;
	border: none;
	font-size: 11px;
	color: #000;
	font-weight: regular;
	margin: 0 0 10px;
	padding: 3px;
	cursor: pointer
}
#statusMessagePanel img {
	float: left;
	margin-left: 45px;
	margin-top: 50px
}
#statusMessagePanel p {
	float: left;
	font-size: 19px;
	margin-bottom: 0;
	margin-top: 60px;
	padding: 9px;
	text-align: center;
	width: 520px
}
input.gwt-SuggestBox {
	width: 103px!important
}
.gwt-SuggestBoxPopup {
	z-index: 1010;
	background-size: 100% auto;
	border-radius: 6px;
	font-size: 11px
}
.gwt-SuggestBoxPopup .item {
	padding: 2px
}
.gwt-SuggestBoxPopup .item-selected {
	font-weight: 700;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px
}
.info {
	clear: both;
	margin: 0 5px 5px;
	padding-left: 10px;
	padding-top: 5px;
	border: 1px solid #ddd;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background: #ffffe0;
	font-size: 11px
}
.info p {
	margin-bottom: 5px
}
#mapView {
	width: 650px;
	height: 470px
}
#mapPanel {
	width: 650px;
	height: 450px
}
#mapButtonPanel {
	width: 650px;
	height: 20px
}
.gmailIcon {
	background: url(images/gmail.gif) 20px 1px no-repeat;
	padding-left: 50px
}
.yahooIcon {
	background: url(images/yahooMail.gif) 110px 1px no-repeat;
	padding-left: 140px
}
.hotmailIcon {
	background: url(images/hotmail.gif) 115px -1px no-repeat;
	padding-left: 140px
}
.outlookIcon {
	background: url(images/outlook.gif) 115px -1px no-repeat;
	padding-left: 135px
}
@-webkit-keyframes stepMoveInLeft1 {
0% {
-webkit-transform:translateX(-72px)
}
100% {
-webkit-transform:translateX(0)
}
}
@-moz-keyframes stepMoveInLeft1 {
0% {
-moz-transform:translateX(-72px)
}
100% {
-moz-transform:translateX(0)
}
}
@-ms-keyframes stepMoveInLeft1 {
0% {
-ms-transform:translateX(-72px)
}
100% {
-ms-transform:translateX(0)
}
}
@-o-keyframes stepMoveInLeft1 {
0% {
-o-transform:translateX(-72px)
}
100% {
-o-transform:translateX(0)
}
}
@keyframes stepMoveInLeft1 {
0% {
transform:translateX(-72px)
}
100% {
transform:translateX(0)
}
}
.stepMoveInLeft1 {
	-webkit-animation: stepMoveInLeft1 .5s ease;
	-moz-animation: stepMoveInLeft1 .5s ease;
	-ms-animation: stepMoveInLeft1 .5s ease;
	-o-animation: stepMoveInLeft1 .5s ease;
	animation: stepMoveInLeft1 .5s ease
}
@-webkit-keyframes stepMoveInRight1 {
0% {
-webkit-transform:translateX(72px)
}
100% {
-webkit-transform:translateX(0)
}
}
@-moz-keyframes stepMoveInRight1 {
0% {
-moz-transform:translateX(72px)
}
100% {
-moz-transform:translateX(0)
}
}
@-ms-keyframes stepMoveInRight1 {
0% {
-ms-transform:translateX(72px)
}
100% {
-ms-transform:translateX(0)
}
}
@-o-keyframes stepMoveInRight1 {
0% {
-o-transform:translateX(72px)
}
100% {
-o-transform:translateX(0)
}
}
@keyframes stepMoveInRight1 {
0% {
transform:translateX(72px)
}
100% {
transform:translateX(0)
}
}
.stepMoveInRight1 {
	-webkit-animation: stepMoveInRight1 .5s ease;
	-moz-animation: stepMoveInRight1 .5s ease;
	-ms-animation: stepMoveInRight1 .5s ease;
	-o-animation: stepMoveInRight1 .5s ease;
	animation: stepMoveInRight1 .5s ease
}
@-webkit-keyframes stepMoveInLeft2 {
0% {
-webkit-transform:translateX(-144px)
}
100% {
-webkit-transform:translateX(0)
}
}
@-moz-keyframes stepMoveInLeft2 {
0% {
-moz-transform:translateX(-144px)
}
100% {
-moz-transform:translateX(0)
}
}
@-ms-keyframes stepMoveInLeft2 {
0% {
-ms-transform:translateX(-144px)
}
100% {
-ms-transform:translateX(0)
}
}
@-o-keyframes stepMoveInLeft2 {
0% {
-o-transform:translateX(-144px)
}
100% {
-o-transform:translateX(0)
}
}
@keyframes stepMoveInLeft2 {
0% {
transform:translateX(-144px)
}
100% {
transform:translateX(0)
}
}
.stepMoveInLeft2 {
	-webkit-animation: stepMoveInLeft2 .5s ease;
	-moz-animation: stepMoveInLeft2 .5s ease;
	-ms-animation: stepMoveInLeft2 .5s ease;
	-o-animation: stepMoveInLeft2 .5s ease;
	animation: stepMoveInLeft2 .5s ease
}
@-webkit-keyframes stepMoveInRight2 {
0% {
-webkit-transform:translateX(144px)
}
100% {
-webkit-transform:translateX(0)
}
}
@-moz-keyframes stepMoveInRight2 {
0% {
-moz-transform:translateX(144px)
}
100% {
-moz-transform:translateX(0)
}
}
@-ms-keyframes stepMoveInRight2 {
0% {
-ms-transform:translateX(144px)
}
100% {
-ms-transform:translateX(0)
}
}
@-o-keyframes stepMoveInRight2 {
0% {
-o-transform:translateX(144px)
}
100% {
-o-transform:translateX(0)
}
}
@keyframes stepMoveInRight2 {
0% {
transform:translateX(144px)
}
100% {
transform:translateX(0)
}
}
.stepMoveInRight2 {
	-webkit-animation: stepMoveInRight2 .5s ease;
	-moz-animation: stepMoveInRight2 .5s ease;
	-ms-animation: stepMoveInRight2 .5s ease;
	-o-animation: stepMoveInRight2 .5s ease;
	animation: stepMoveInRight2 .5s ease
}
@-webkit-keyframes stepMoveInLeft3 {
0% {
-webkit-transform:translateX(-216px)
}
100% {
-webkit-transform:translateX(0)
}
}
@-moz-keyframes stepMoveInLeft3 {
0% {
-moz-transform:translateX(-216px)
}
100% {
-moz-transform:translateX(0)
}
}
@-ms-keyframes stepMoveInLeft3 {
0% {
-ms-transform:translateX(-216px)
}
100% {
-ms-transform:translateX(0)
}
}
@-o-keyframes stepMoveInLeft3 {
0% {
-o-transform:translateX(-216px)
}
100% {
-o-transform:translateX(0)
}
}
@keyframes stepMoveInLeft3 {
0% {
transform:translateX(-216px)
}
100% {
transform:translateX(0)
}
}
.stepMoveInLeft3 {
	-webkit-animation: stepMoveInLeft3 .5s ease;
	-moz-animation: stepMoveInLeft3 .5s ease;
	-ms-animation: stepMoveInLeft3 .5s ease;
	-o-animation: stepMoveInLeft3 .5s ease;
	animation: stepMoveInLeft3 .5s ease
}
@-webkit-keyframes stepMoveInRight3 {
0% {
-webkit-transform:translateX(216px)
}
100% {
-webkit-transform:translateX(0)
}
}
@-moz-keyframes stepMoveInRight3 {
0% {
-moz-transform:translateX(216px)
}
100% {
-moz-transform:translateX(0)
}
}
@-ms-keyframes stepMoveInRight3 {
0% {
-ms-transform:translateX(216px)
}
100% {
-ms-transform:translateX(0)
}
}
@-o-keyframes stepMoveInRight3 {
0% {
-o-transform:translateX(216px)
}
100% {
-o-transform:translateX(0)
}
}
@keyframes stepMoveInRight3 {
0% {
transform:translateX(216px)
}
100% {
transform:translateX(0)
}
}
.stepMoveInRight3 {
	-webkit-animation: stepMoveInRight3 .5s ease;
	-moz-animation: stepMoveInRight3 .5s ease;
	-ms-animation: stepMoveInRight3 .5s ease;
	-o-animation: stepMoveInRight3 .5s ease;
	animation: stepMoveInRight3 .5s ease
}
@-webkit-keyframes slideInDown {
0% {
-webkit-transform:translateY(-400px);
opacity:0
}
1% {
-webkit-transform:translateY(-400px);
opacity:1
}
100% {
-webkit-transform:translateY(0)
}
}
@-moz-keyframes slideInDown {
0% {
-moz-transform:translateY(-500px);
opacity:0
}
1% {
-moz-transform:translateY(-500px);
opacity:1
}
100% {
-moz-transform:translateY(0)
}
}
@-ms-keyframes slideInDown {
0%, 1% {
-ms-transform:translateY(-400px)
}
0% {
opacity:0
}
1% {
opacity:1
}
100% {
-ms-transform:translateY(0)
}
}
@-o-keyframes slideInDown {
0% {
-o-transform:translateY(-400px);
opacity:0
}
1% {
-o-transform:translateY(-400px);
opacity:1
}
100% {
-o-transform:translateY(0)
}
}
@keyframes slideInDown {
0% {
transform:translateY(-400px);
opacity:0
}
1% {
transform:translateY(-400px);
opacity:1
}
100% {
transform:translateY(0)
}
}
.slideInDown {
	-webkit-animation: slideInDown .5s linear;
	-moz-animation: slideInDown .5s linear;
	-ms-animation: slideInDown .5s linear;
	-o-animation: slideInDown .5s linear;
	animation: slideInDown .5s linear
}
@-webkit-keyframes slideInGrowLeft {
0% {
-webkit-transform:translateX(470px) translateY(0) scale(.01)
}
100% {
-webkit-transform:translateY(0) scale(1)
}
}
@-moz-keyframes slideInGrowLeft {
0% {
-moz-transform:translateX(470px) translateY(0) scale(.01)
}
100% {
-moz-transform:translateY(0) scale(1)
}
}
@-ms-keyframes slideInGrowLeft {
0% {
-ms-transform:translateX(470px) translateY(0) scale(.01)
}
100% {
-ms-transform:translateY(0) scale(1)
}
}
@-o-keyframes slideInGrowLeft {
0% {
-o-transform:translateX(470px) translateY(0) scale(.01)
}
100% {
-o-transform:translateY(0) scale(1)
}
}
@keyframes slideInGrowLeft {
0% {
transform:translateX(470px) translateY(0) scale(.01)
}
100% {
transform:translateY(0) scale(1)
}
}
.slideInGrowLeft {
	-webkit-animation: slideInGrowLeft .5s linear;
	-moz-animation: slideInGrowLeft .5s linear;
	-ms-animation: slideInGrowLeft .5s linear;
	-o-animation: slideInGrowLeft .5s linear;
	animation: slideInGrowLeft .5s linear
}
@-webkit-keyframes changeContentLeft {
0% {
opacity:0
}
100% {
opacity:1
}
}
@-moz-keyframes changeContentLeft {
0% {
opacity:0
}
100% {
opacity:1
}
}
@-ms-keyframes changeContentLeft {
0% {
opacity:0
}
100% {
opacity:1
}
}
@-o-keyframes changeContentLeft {
0% {
opacity:0
}
100% {
opacity:1
}
}
@keyframes changeContentLeft {
0% {
opacity:0
}
100% {
opacity:1
}
}
.changeContentLeft {
	-webkit-animation: changeContentLeft .25s linear;
	-moz-animation: changeContentLeft .25s linear;
	-ms-animation: changeContentLeft .25s linear;
	-o-animation: changeContentLeft .25s linear;
	animation: changeContentLeft .25s linear
}
@-webkit-keyframes changeContentRight {
0% {
opacity:0
}
100% {
opacity:1
}
}
@-moz-keyframes changeContentRight {
0% {
opacity:0
}
100% {
opacity:1
}
}
@-ms-keyframes changeContentRight {
0% {
opacity:0
}
100% {
opacity:1
}
}
@-o-keyframes changeContentRight {
0% {
opacity:0
}
100% {
opacity:1
}
}
@keyframes changeContentRight {
0% {
opacity:0
}
100% {
opacity:1
}
}
.changeContentRight {
	-webkit-animation: changeContentRight .25s linear;
	-moz-animation: changeContentRight .25s linear;
	-ms-animation: changeContentRight .25s linear;
	-o-animation: changeContentRight .25s linear;
	animation: changeContentRight .25s linear
}
@-webkit-keyframes fadeIn {
0% {
opacity:0
}
100% {
opacity:1
}
}
@-moz-keyframes fadeIn {
0% {
opacity:0
}
100% {
opacity:1
}
}
@-ms-keyframes fadeIn {
0% {
opacity:0
}
100% {
opacity:1
}
}
@-o-keyframes fadeIn {
0% {
opacity:0
}
100% {
opacity:1
}
}
@keyframes fadeIn {
0% {
opacity:0
}
100% {
opacity:1
}
}
.fadeIn {
	-webkit-animation: fadeIn 1s linear;
	-moz-animation: fadeIn 1s linear;
	-ms-animation: fadeIn 1s linear;
	-o-animation: fadeIn 1s linear;
	animation: fadeIn 1s linear
}
@-webkit-keyframes fadeOut {
0% {
opacity:1
}
100% {
opacity:0
}
}
@-moz-keyframes fadeOut {
0% {
opacity:1
}
100% {
opacity:0
}
}
@-ms-keyframes fadeOut {
0% {
opacity:1
}
100% {
opacity:0
}
}
@-o-keyframes fadeOut {
0% {
opacity:1
}
100% {
opacity:0
}
}
@keyframes fadeOut {
0% {
opacity:1
}
100% {
opacity:0
}
}
.fadeOut {
	-webkit-animation: fadeOut 1s linear;
	-moz-animation: fadeOut 1s linear;
	-ms-animation: fadeOut 1s linear;
	-o-animation: fadeOut 1s linear;
	animation: fadeOut 1s linear
}
@-webkit-keyframes growIn {
0% {
opacity:0;
-webkit-transform:scale(.3)
}
100% {
opacity:1;
-webkit-transform:scale(1)
}
}
@-moz-keyframes growIn {
0% {
opacity:0;
-moz-transform:scale(.3)
}
100% {
opacity:1;
-moz-transform:scale(1)
}
}
@-ms-keyframes growIn {
0% {
opacity:0;
-ms-transform:scale(.3)
}
100% {
opacity:1;
-ms-transform:scale(1)
}
}
@-o-keyframes growIn {
0% {
opacity:0;
-o-transform:scale(.3)
}
100% {
opacity:1;
-o-transform:scale(1)
}
}
@keyframes growIn {
0% {
opacity:0;
transform:scale(.3)
}
100% {
opacity:1;
transform:scale(1)
}
}
.roomRates a {
	display: block;
	font-size: 11px;
	line-height: 14px
}
.homeButton, .myBookingsButton {
	color: #fff;
	font-size: 13px;
	font-weight: 700;
	text-align: center;
	text-decoration: none;
	text-shadow: 1px 1px #444;
	vertical-align: middle;
	height: 41px
}
.homeButton {
	background: url(../images/colourSchemes/home-small.png) 0 -1px no-repeat;
	width: 65px
}
.myBookingsButton {
	background: url(../images/colourSchemes/home-small-wide.png) 0 -1px no-repeat;
	width: 105px
}
#searchBarFindReservation a {
	padding: 8px
}
#rulesAndRates {
	width: 99%;
	height: 300px;
	border: none;
	background: 0 0
}
#rulesAndRates div.popupContent {
	height: 100%;
	padding-left: 15px
}
#rulesAndRates div.effectPanel {
	height: 100%
}
#rulesAndRates div.rulesAndRatesPanel {
	height: 95%;
	margin-left: 15px;
	margin-bottom: 15px;
	display: block;
	border-top: 1px #ccc solid;
	-webkit-box-shadow: #333 0 0 20px;
	-moz-box-shadow: #333 0 0 20px;
	box-shadow: #333 0 0 20px
}
#rulesAndRates div.roomDescription {
	width: 100%;
	height: 100%;
	background: #fff
}
#rulesAndRates .roomDescription h3 {
	font-size: medium;
	padding-left: 15px;
	width: 100%
}
#rulesAndRates .roomDescription .gwt-HTML {
	padding-left: 15px;
	width: 100%
}
#rulesAndRates .buttonPanel {
	width: 100%;
	height: 45px
}
#rulesAndRates .closeButton {
	float: right
}
.closeButton {
	background: url(../images/colourSchemes/icons.png) -2px -47px no-repeat;
	height: 45px;
	width: 50px;
	display: block
}
.growIn {
	-webkit-animation: growIn .5s linear;
	-moz-animation: growIn .5s linear;
	-ms-animation: growIn .5s linear;
	-o-animation: growIn .5s linear;
	animation: growIn .5s linear
}