@import url(https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700);

body {font:13px/1.5 "Montserrat", Arial, sans-serif; background-color: #ffffff;}
button { font:13px/1.5 "Montserrat", Arial, sans-serif; }
a {cursor:pointer}
a:focus {outline:none}
hr { border:0 #ccc solid;border-top-width:1px;clear:both;height:0}
h1 { font-size:25px; }
h2 { font-size:14px; color: #06F; font-weight: normal; }
h3 { font-size:12px; color: #13598F; }
h4 { font-size:12px; font-weight: normal; 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}
p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,address,fieldset{margin-bottom:20px}

#siteWrapper {
	width: 992px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	position: relative;
	background-color: white;
	-webkit-box-shadow: #333 0px 0px 5px;
	-moz-box-shadow: #333 0px 0px 5px;
	box-shadow: #333 0px 0px 5px;
	min-height: 1000px;	
}

#client_logo {
	height: 350px;
	width: 252px;
	position: absolute;
	text-align: center;
	left: 2px;
	top:0px;
	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 {
	width: 230px;
	height:100px;
	margin-left:0px;
	margin-top:0px;	
}

#welcome_member{
        float: left;
        margin-top: 6px;
        height: 22px;
}

#hotelConfirmation .comments {
	clear: both;
}

#hotelConfirmation .comments div {
	margin: 10px 40px 20px;
	color: #666666;
    font-size: 14px;
}

@keyframes standardButton {
	0% { opacity: 0; transform: scale(.3); }
	100% { opacity: 1; transform: scale(1); }
}

.standardButton {
	width: 92px;
	border:none;
	font-size: 14px;
	font-weight: 500;
	margin: 0;
	padding:0px 0px 3px 0px;
	height: 34px;
	cursor:pointer;
	background: #F6AC5A !important;
	color: #ffffff;
	text-shadow: none;
	animation: standardButton 0.5s linear;
	padding: 0px !important;
	line-height: 34px;
}
.standardButton:hover {
	background-position:0px -37px
}

.mediumButton {
	width: 86px;
	border:none;
	font-size:12px;
	
	font-weight:bold;
	margin:0;
	padding:0px 0px 3px 0px;
	height:34px;
	cursor:pointer;
	background: url(../images/colourSchemes/med_but_sprite.png) no-repeat;
	color:#FBF8D7;
}
.mediumButton:hover {
	background-position:0px -34px
}
.smallButton {
	width: 58px;
	border:none;
	font-size:12px;
	
	font-weight:bold;
	margin:6px 0px 6px 4px;
	padding:1px 0px 2px 0px;
	height:26px;
	cursor:pointer;
	text-align: center;
	background: url(../images/colourSchemes/small_but_sprite.png);
	color:#FBF8D7;
}
.smallButton:hover {
	background-position:0px 28px
}
.largeButton {
	width: 101px;
	border:none;
	font-size:12px;	
	font-weight:bold;
	margin:-4px 0 0;
	padding:0px 5px;
	height:55px;
	cursor:pointer;
	background: url(../images/colourSchemes/large_but_sprite.png) no-repeat;
	color:#FBF8D7;
	text-shadow: 1px 1px #666;
}
.largeButton:hover {
	background-position:0px -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: bold;
        margin-top: 3px;
        margin-right: 8px;
        margin-bottom: 0px;
        margin-left: 35px;
        font-family: "Montserrat", Arial, Helvetica, sans-serif;
}

#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;
/*	width: 128px; */
	z-index: 200;
}

.imageCarousel {
	padding-left: 13px;
	padding-top: 20px;
}
.imageCarousel #main {
	-webkit-box-shadow: #333 0px 0px 20px;
	-moz-box-shadow: #333 0px 0px 20px;
	box-shadow: #333 0px 0px 20px;
}
.imageCarousel #images {
	-webkit-box-shadow: #999 0px 0px 10px;
	-moz-box-shadow: #999 0px 0px 10px;
	box-shadow: #999 0px 0px 10px;
	width: 96% !important;
}
.clear_float {
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

.smallDivider {
	height: 0px;
	margin: 0px 0px 10px 0px;
}
.bigDivider {
	height: 5px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	border-bottom: 1px solid #DDD;
}
.bigDivider-option2 {
	border: 0;
}
.mediumDivider {
	background-image: url(../images/dividerGrad.gif);
	background-repeat: repeat-x;
	background-position: center;
	height: 16px;
	margin: 0px 0px 8px 0px;
}

.tableRowDivider_small {
	height: 5px;  /*  Don't put anything other than height in this style  */
}

#member_login {
	display: none;
}

#login_links {
	display: none;
}

.selectedTab h3 {
	margin: 0px;
	padding: 0px;
}
#tabContainer ul {
	margin: 0px;
}

#nav {
	clear: both;
	margin: 0 4px;
	right: 0px;
	top: 4px;

	height: 46px;
	border: 1px solid #FFF;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: #999 0px 0px 4px;
	-moz-box-shadow: #999 0px 0px 4px;
	box-shadow: #999 0px 0px 4px;
	position: absolute;
	width: 974px;
	text-align: right;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 0px;	
}

#nav ul li {
	display: inline;
	font-size: 13px;
	font-weight: bold;
	color: #FFF;
	padding: 0px;
	margin-left: 4px;
	line-height: 48px;
}
#nav ul li a{
	text-decoration:none;
	color:#fff;
	margin-right: 4px;
	font-size: 14px;
	font-weight: normal;
	text-transform:uppercase;
}

.siteLoading {
	width: 96% !important;
	float: none !important;
	-webkit-box-shadow: #aaa 0px 0px 0px !important;
	-moz-box-shadow: #aaa 0px 0px 0px !important;
	box-shadow: #aaa 0px 0px 0px !important;
	margin: 0 50px !important;
	border: none !important;
	background: url("../images/loading.gif") no-repeat scroll 0 0 transparent;
}

#content {
	width: 696px;
	float: right;
	position: relative;
	border:1px solid #ddd;
	background-color: #FFF;
	
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	
	-webkit-box-shadow: #ccc 0px 0px 3px;
	-moz-box-shadow: #ccc 0px 0px 3px;
	box-shadow: #ccc 0px 0px 3px;
	margin: 5px 20px 14px 0;
}
#contentMessage {
	width: 670px;
	float: right;
	position: relative;

    background: none repeat scroll 0 0 #FFD2D3;
    border: 1px solid red;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
    clear: both;
    color: #000000;
    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;
}
#sideBar label {
	position: relative;
	float: left;
	color: #444;
	clear: both;
	font-size: 11px;
	line-height: 14px;
}
#searchBar h4 {
	text-align: center;
	margin: 0px;
	padding: 0px;
	font-size: 14px;
	font-weight:bold;
	
	height: 32px;
	-webkit-border-radius: 5px 5px 0px 0px;
	-moz-border-radius: 5px 5px 0px 0px;
	border-radius: 5px 5px 0px 0px;
	line-height: 28px;
	
	behavior: url(css/PIE.htc);	
}
#searchBar #searchBarContent h3 {
	font-family: "Montserrat", Arial, Helvetica, sans serif;
}

#searchBar label {
	position: relative;
	float: left;
	color: #444;
	clear: both;
	font-size: 11px;
	line-height: 14px;
}
#sideBar label.itineraryContentValue  {	
	color: #555;
}
#sideBar label.itineraryPropertyName {
	font-size: 13px;
	font-weight: bold;
	margin-top: 5px;
	color:#333;
}

#sideBar label.itineraryAmount {
    color: #555555;
    float: right;
    font-size: 15px;
    font-weight: bold;
    margin-top: 5px;
}

#sideBar label.itineraryAmountTotal {
    color: #555555;
    float: right;
    font-size: 16px;
    font-weight: bold;
    margin-top: 5px;
}

.itineraryRemoveAllLink {
	float: right;
}

.itineraryRemoveLink a{ color:#f00; }

#itineraryContent {
	padding: 5px 0 2px;
}


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

#itineraryContent a {
	clear:both;	
	font-size:10px;
	
	text-decoration: none;
 	
}

#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 {
	font-weight: bold;
	margin: 0;
	color: black;
	text-align: center;
	font-size: 11px;
}
#itineraryContent .paymentTerms label {
	color: black;
	width: 100%;
	text-align: center;
}

#itineraryTotal {
	padding: 5px 2px 0px;
	
	margin-left: 0px;
}
#itineraryTotal table {
	float: left;
	margin-left: 0px;
	width: 100%;
}
#itineraryTotal label {
	font-size: 13px;
	font-weight: bold;
	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: 0px;
}	

#unitBreakDown {
	float: right;
	margin-top: -6px;
}

.itineraryDetailContent td {
	padding-left: 2px;
}
.itineraryDetailHeading td {
	font-size: 11px;
	font-weight: bold;
	line-height: 18px;
	padding-left: 2px;
	padding-top: 5px; 
	color: #000;
	border-bottom: 1px dotted #444;
}
.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:0px 0px 5px 0px;
	width: 100px;
}
button::-moz-focus-inner, input[type="button"]::-moz-focus-inner{   
        border : 0px;
} 
#searchBar button {
	height: 49px;
	border:none;
	font-size:17px;
	width:199px;
	cursor:pointer;
	background-color:transparent;
	text-align: left;
	padding-left: 15px;
	padding-bottom: 4px;
	color: #053660;
}
#searchBar table input[type="text"] {
	width: 30px;
	float: left;
	margin-bottom: 0px;
}

#searchBar select option{
		margin:2px;
}

#searchBar select {
	float: right;
	height: 22px;
	width: 110px;
	border: 1px solid #ccc;
	padding: 2px;
	margin:0px 0px 5px 0px;
	font-size:11px;
	color: #666;
}
#searchBar h3 {
	margin: 2px 0px;
	padding: 0px;
	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 {
	float: right;
	height: 22px;
	width: 45px;
	border: 1px solid #ccc;
	padding: 2px;
	margin:0px 0px 5px 0px;
	font-size:11px;
	color: #666;
}

#tabContainer li.selectedTab, #tabContainer li.selectedTab:hover {
	font-size: 14px;
	color: #FFFFFF;
	width: 139px;
	float: left;
	padding: 4px 0px 0px 0px;
	margin: 0px;
	font-weight: bold;
	height: 41px;
	font-family: "Montserrat", Arial, sans-serif;
	text-align: center;
}
#tabContainer li {
	font-size: 14px;
	font-weight: bold;
	color: #999;
	width: 139px;
	display: inline;
	float:left;	
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	font-family: "Montserrat", Arial, sans-serif;
	text-align: center;
	margin: 0px;
}
.selectedNumber {
	background-image: url(../images/selectedNumberBg.png);
	height: 15px;
	width: 16px;
	padding-right: 8px;
	padding-left: 9px;
	
	font-family: "Montserrat", Arial, sans-serif;
	background-repeat: no-repeat;
	background-position: center;
}
.tabNumber {
	background-image: url(../images/tabNumberBg.png);
	height: 15px;
	width: 16px;
	padding-right: 8px;
	padding-left: 8px;
	color: #e8e6e6;
	font-family: "Montserrat", Arial, sans-serif;
	background-repeat: no-repeat;
	background-position: center;
}

#hotelInfo:hover {
	cursor: pointer;
}

#hotelInfo label:hover {
	cursor: pointer;
}

#tabContactDetails:hover {
	cursor: pointer;
}

#tabContactDetails label:hover {
	cursor: pointer;
}

#tabContainer {
	display: none;
}

#tabContentWrapper {
	margin-top: 0px;
	margin-bottom: 15px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}

.registrationPanel h1{
    font-size:36px;
    font-weight: bold;
    margin-left: 20px;
    margin-top: 15px;
	margin-bottom:15px;
}
.registrationPanel h3{
	font-size:12px;
    margin-left: 20px;
}
.registrationPanel .loyaltyLogo {
	width: 230px;
	position: absolute;
	left: 440px;
	top: -26px;
}

.dividerStripe {
	height: 2px;
	clear: both;
	margin-top: 3px;
	margin-bottom: 8px;
	border-left-width: 1px;
	background-image: url(../images/dividerStripeBg.gif);
}
.dividerStripeItinerary {
	height: 2px;
	clear: both;
	margin-top: 3px;
	margin-bottom: 3px;
	border-left-width: 1px;
	background-image: url(../images/itineraryDivider.gif);
}

.dividerStripeRates {
	height: 1px;
	clear: both;
    margin-left: 20px;
    margin-right: 2px;
    background-color: #FFF;	/* #999 */
}

#hotelConfirmation{
	padding-right: 13px;
	padding-left: 13px;
	margin-top: 13px;
}
/* Get rid of this style when new Confirmation (ViewReservationView2) is the only view supported */
#hotelConfirmation p{
	color:#666;
	/* font-size:93%;  */
	margin:0px 0px 5px 0px;
}
#hotelConfirmation td {
	color:#666;
	font-size:93%;
	margin:0px 0px 5px 0px;
}
#hotelConfirmation strong{
	color:#444;
	
}
#hotelConfirmation .roomImage{
	margin-top:0px;
	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;	
    background-image: url("../images/tableGrad.gif");
    background-repeat: repeat-x;
    border: 1px solid #D4D7DA;
	border-bottom:none;
    line-height: 24px;
    margin-bottom: 5px;
    margin-top: 0;
    padding-left: 8px;
    padding-bottom: 2px;
	font-weight:bold;
}

#hotelConfirmation h6 {
    background-image: url("../images/tableGrad.gif");
    background-repeat: repeat-x;
    border: 1px solid #D4D7DA;
	border-bottom:none;
    line-height: 24px;
    margin-top: 0;
    padding-left: 8px;
    padding-bottom: 2px;
	font-weight:bold;
	font-size: 12px;
	margin-bottom: 0px;
}

#hotelConfirmation .logo {
	/*display: none;*/
/*    width: 230px;*/
/*    height: 100px;*/
/*    margin-bottom: 6px;*/
}

#hotelConfirmation .loyaltyLogo {
    width: 150px;
}

#hotelConfirmation .divider { background-color: #e7eaec; }

#hotelConfirmation .reservationNumber {
	color:#FF0000;
	font-size:123.1%;
}

#hotelConfirmation .currencyPanel {
	float: right;
    font-size: 12px;
}

#hotelConfirmation .currency {
	font-weight: bold;
}

#hotelConfirmation .paymentDetails label {
	margin: 10px 10px 20px;
	color: #666666;
	float: left;
}
#hotelConfirmation .paymentDetails table {
	float: right;
}
#hotelConfirmation .paymentDetails td {
	margin:0px;
	padding-left:5px;
	padding-right:5px;
	line-height: 190%;
	font-size: 85%;
}
#hotelConfirmation .paymentDetailsHeading td {
	font-weight: bold;
	font-size: 11px;
	color: #444;
}

#hotelConfirmation .termsAndConditions {
	clear: both;
}

#hotelConfirmation .termsAndConditions div {
	margin: 10px 40px 20px;
	color: #666666;
    font-size: 100%;
}

.reservationRewards h5{
	font-size:20px;
	margin-bottom:0px;
	line-height:40px;
	font-family: "Montserrat", Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.reservationRewards a{
	line-height:40px;
	color:#135992;
	margin-right: 5px;
}
.reservationRewards h3{
	font-weight:normal;
	margin:1px;
	padding:0px;
	line-height:17px;
}
#hotelConfirmation .reservationRewards strong{
	font-size:14px;
	font-weight: bold;
}
.reservationRewards{
    display: none;	
}

#hotelConfirmation #formDetails button {
	float: right;
	margin: 0 0 5px 0;
	font-size: 15px;
	line-height: 1.3;
	text-transform: none;
}
#hotelConfirmation a:hover{
	text-decoration:none;
	color:#135992;
}

.resultsDetails {
	min-height: 115px;
	background: none;
	padding-top: 15px;
}
.resultDetails {
	font-size: 93%;
}
.resultDetails h5 {
	font-size: 100%;
	font-weight: bold;
	margin-bottom: 0;
}
.resultDetails .directions {
	float: right;
	margin-right: 10px;
}	

.reservationLinks a{
	font-size:11px;
	line-height:19px;
	color:#135992;
}

.reservationLinks{
	width:220px;
	float:left;
	padding:8px 0px;
	background-image: url(../images/colourSchemes/confirmationLinksGrad.gif);
	background-repeat: repeat-x;
	border: 1px solid #FFF;
	margin-left: 20px;
	text-align: center;
	-webkit-box-shadow: #aaa 0px 0px 2px;
	-moz-box-shadow: #aaa 0px 0px 2px;
	box-shadow: #aaa 0px 0px 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: none;
	background-position: center bottom;
	background-repeat: repeat-x;
	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;
	float: left;
	margin-bottom: 12px;
	padding-bottom: 10px;
	width: 461px;
}
.personalDetails{
	width:660px;
	float:left;
	border: 1px solid #D4D7DA;
	border-top: none;
	background-image: url(../images/tableGradBottom.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	padding-bottom: 0px;
	margin-bottom: 20px;
	-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;
	background-image: url(../images/tableGradBottom.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	padding-bottom: 0px;
	margin-bottom: 20px;
	-webkit-border-radius: 13px;
	-moz-border-radius: 13px;
	border-radius: 13px;
}

#hotelConfirmation .itineraryTable p{
	margin:0px;
	padding-left:3px;
	/*line-height:26px;*/
}

#hotelConfirmation table.resultStayDetailsTable {
	width:100%;
} 

#hotelConfirmation .resultStayDetailsTable td {
	margin:0px;
	padding-left:5px;
	padding-right:5px;
	line-height: 190%;
	font-size: 85%;
}

#hotelConfirmation .resultStayDetailsHeading td {
	font-weight: bold;
	font-size: 11px;
	color: #444;
}

#hotelConfirmation .resultStayDetails .totalLabel {
	font-weight: bold;
	text-transform: uppercase;
}
#hotelConfirmation .resultStayDetails .totalValue {
	text-align: right;
	font-weight: bold;
}

#hotelConfirmation .resultStayDetails .grandTotalLabel {
    background-image: url("../images/tableGrad.gif");
    background-repeat: repeat-x;
	font-weight: bold;
	text-transform: uppercase;
}
#hotelConfirmation .resultStayDetails .grandTotalValue {
    background-image: url("../images/tableGrad.gif");
    background-repeat: repeat-x;
	text-align: right;
	font-weight: bold;
	font-size: 93%;
}

#hotelConfirmation .itineraryTable strong {
	line-height: 26px;
    margin: 0;
}
 
#hotelDetails{
	/*padding-right: 15px;*/
}
#hotelDetails p {
	color:#666;
	margin:0px 0px 5px 0px;
}
#hotelDetails a{
	font-size:11px;
}
#hotelDetails h1 {
}
#hotelDetails h4{
	margin:0px;
	font-size:11px;
}
#hotelDetails h3{
	margin:5px 0px 2px 0px;
}

#hotelDetails .roomRates{
	margin-top:0px;
}

#hotelDetails .hotelFeatures{
	width:100%;
}

.pad5sides{
	padding:0px 5px;
}
.pad10sides{
	padding:0px 10px;
}

#hotelConfirmation .personalDetails h4{
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
}

/*
.hotelDetailRooms {
	float:left;
	border:solid 1px #a7becd;
	border-top:none;
	margin-top: 18px;
	margin-left:10px;
	-moz-border-radius: 13px 13px 13px 13px;
    background-image: url("../images/tableGradBottom.gif");
    background-position: center bottom;
    background-repeat: repeat-x;
    border-color: #E4E7EA;
    border-style: solid solid solid;
    border-width: 1px 1px 1px;
}*/

.hotelDetailRooms .roomOptions {
	margin-left: 0;
}

.hotelDetailRooms .roomRates {
	padding: 0 10px;
}

.hotelResult h4 {
	float: left;
	margin-bottom: 4px;
	margin-top: 2px;
}
.hotelResult {
	margin: 0px;
	padding: 0;
	clear: both;
}
.hotelHeading {
    border: medium none;
}
.hotelHeading a {
	text-decoration: 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 scroll 0 0 transparent;
    color: white;
    font-size: 19px;
    height: 49px;
    left: 500px;
    padding: 2px 0 0;
    position: absolute;
    text-align: center;
    text-shadow: 1px 1px #666666;
    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: 0px;
	margin: 0px 0px 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 6px;
	float: left;
}
.hotelDescription {
	float: left;
	margin: 2px 0 5px;
	/*height: 105px;*/
}
.hotelDescription p {
	float: left;
	width: 410px;
	font-size: 12px;
	color: #666;
	line-height: 1.5;
	margin: 2px 0 4px 15px;
	/*min-height: 60px;*/
}

.hotelFeatures {
	float: left; 
	width: 110px;	
	padding-left: 30px;
	padding-right: 10px;
	margin-top: 5px; 
}

.hotelResults .package {
	background: url(../images/colourSchemes/package_bg.png) repeat scroll 0 0 #EEEEEE;
}

/* option2 = features are not displayed, hotelDescription is wider */
.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 scroll 0 0 transparent;
	color: #666;
	font-size: 12px;
	font-weight: bold;
	height: 37px;
	width: 113px;
}
.viewRatesLink:hover {
	/*background: url("../images/colourSchemes/view.png") no-repeat scroll 0 -39px transparent;*/
	cursor: pointer;;
}
.hotelRates {
	float: right;
	width: 110px;
	text-align: left;
	margin: 0 5px 0 0;
}

.hotelRates h4{
	width: 100%;
	text-align: center;
}
.hotelRates h5 {
	line-height: 16px;
    margin: 0 0px 4px 0;
    text-align: center;
    width: 100%;
}


.hotelRates button {
	float: right;
}
.hotelRates .standardButton {
	margin-right: 8px;
	margin-top: 32px;
}

.compact .hotelHeading {
	width: 445px;
	border-style: none none dotted;
	background: none;
}
.compact .hotelHeading h1 {
	width: 268px;
	white-space: nowrap;
	overflow: hidden;
}

.compact .hotelFeatures {
	margin-top: -33px;
}

.compact .hotelRates {
	margin-top: -33px;
}

.hotelRooms {
	float: right;
	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;
}
.hotelRooms .hotelRates {
	margin-right: 4px;
	margin-top: -1px;
}
.hotelRooms table {
	float: left;
}
.hotelRooms td {
	border-top: 2px solid #FFF;
}
.hotelRooms td.name {
	line-height: 19px;
	font-size: 12px;
	font-weight: bold;
	white-space: nowrap;
	overflow: visible;
	width: 130px;
	max-width: 130px;
	color: black;
	padding-left: 5px;
	padding-top: 2px;
	padding-bottom: 1px;
	text-align: left;
	text-shadow: 1px 1px #BBB;	
}
.hotelRooms td.from {
	line-height: 16px;
	font-size: 11px;
	white-space: nowrap;
	overflow: visible;
	width: 40px;
	max-width: 40px;
	color: #666;
	padding-left: 5px;
	padding-top: 2px;
	text-align: right;	
}
.hotelRooms td.rateName {
	line-height: 16px;
	font-size: 11px;
	white-space: nowrap;
	overflow: visible;
	width: 125px;
	max-width: 125px;
	color: #666;
	padding-left: 10px;
	padding-top: 2px;
	padding-right: 10px;
	text-align: right;	
}
.hotelRooms td.rate {
	line-height: 16px;
	font-size: 12px;
	font-weight: bold;
	white-space: nowrap;
	overflow: visible;
	width: 80px;
	max-width: 120px;
	color: black;
	padding: 2px 5px 0;
	text-align: right;
	text-shadow: 1px 1px #BBB;
}
.hotelRooms .heading {
  	border: none;
}

.hotelRooms button {
	float: right;
}

.hotelInfo {
	height: 28px;
	padding-top:0px;
	margin-right: 102px;
	margin-top: 7px;
	width: 61%;
	float: right;
	background-color: transparent;
	
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	position:relative;	
}
.hotelInfo a {
	font-size: 11px;	
	text-decoration: none;
	font-weight: bold;
	display: inline;
	float: left;
	margin: 0 0 0 -1px;
	padding: 6px 14px 7px 38px;
	border-right: 1px dotted #DDDDDD;
}
.hotelInfo .selected {
	background-color: #555;
	color: #fff !important;
	margin: -1px 0 0 -1px;
	height: 17px;
/*	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;*/
}
.centerColumn .hotelInfo {
	width: 94%;
	margin-right: 0;
}
.wideHotelInfo {
	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 solid solid;
    border-width: 1px 1px 1px;
}
.hotelInfoContent .last {
	border: 1px none !important;
}


.hotelLocation {
	margin-top: 20px;
}

.viewMore {
	clear: both;
	margin-top: 6px;
	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;
	position:relative;
}
.viewMore span {
	font-size: 11px;
	text-decoration: none;
	font-weight: normal;
	display: inline;
	float: right;
	padding-top: 3px;
	padding-right: 11px;
	padding-bottom: 2px;
	padding-left: 11px;
}
.viewMore a {
	font-size: 11px;
	text-decoration: none;
	font-weight: normal;
	display: inline;
	float: right;
	padding-top: 3px;
	padding-right: 22px;
	padding-bottom: 2px;
	padding-left: 11px;
}

.moreOptions {
 	background-color: #FCF8BA;
    border: 1px solid #DDDDDD;
    border-radius: 8px 8px 8px 8px;
    clear: both;
    height: 26px;
    margin-left: 167px;
    margin-top: 6px;
    padding-left: 10px;
    padding-top: 1px;
    position: relative;
    width: 57%;
}
.moreOptions span {
    display: inline;
    float: right;
    font-weight: normal;
    padding: 3px 11px 2px;
    text-decoration: none;
}
.moreOptions a {
    display: inline;
    float: right;
    font-weight: normal;
    padding: 3px 35px 2px 11px;
    text-decoration: none;
}

.disabled {
	font-size: 11px;
	color: #999;
	text-decoration: none;
	font-weight: bold;
	display: inline;
	float: left;
	padding-top: 3px;
	padding-right: 8px;
	padding-bottom: 2px;
	padding-left: 22px;
}

.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:0px 0px 5px 0px;
	font-size:11px;
	color: #666;
	width: 110px;
}
.roomOptions select option{
	margin:2px;
}
.roomOptions h4 {
	margin: 5px 2px;
	font-weight:normal;
	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: bold;
	margin: 24px 0 0 10px;
	padding-bottom: 0.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: 0px;
	margin: 5px 0px 0px 0px;
	font-weight: bold;
	font-size: 121.1%;
}

.roomDescription p {
	font-size: 11px;
	/*line-height:14px;*/
	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 6px;
	float: left;
	width:88px;
	height:65px;
}
.roomImage img:hover {
	cursor: pointer;
}
.roomRates h5 {
	font-size: 14px;
	line-height: 16px;
	margin-bottom: 0px;
	clear: both;
}

.roomRates h4 {
	line-height: 14px;
	margin-bottom: 0px;
	float: right;
	font-size: 12px;
}

.roomRates {
	text-align: right;
	float: right;
	width: 165px;
	margin: 3px 0px 0px 0px;
}

.ratesText {
	float: right;
	margin: 6px 0px 8px 0px;
}

.hotelInfo a:hover{
	text-decoration:underline;

}

.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: 0px;
	line-height: 14px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 8px;
	margin-left: 0px;
	clear: both;
}
#locationDetails h5 {
	margin: 0px;
	padding: 0px;
	font-size: 93%;
}

.paymentTerms {
	margin: 25px 30px 0 30px;
}
.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-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #d9d9d9;
	border-right-color: #d9d9d9;
	border-bottom-color: #d9d9d9;
	border-left-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 6px;
	float: left;
}
.carouselItem .caption {
	position: absolute;
	z-index: 100;
	left: 0px;
	top: 0px;
	padding: 0;
	height: 113px;
	width: 145px;
	display: block;
	background-image: url(../images/transparent.gif);
	
}
.carouselItem .caption:hover {
	background-image: url(../images/caption.png);
	cursor:pointer;
}

#carouselLeftNav {
	float: left;
	width: 24px;
	height: 72px;
	
	background-repeat: no-repeat;
	margin-top: 28px;
	margin-right: 2px;
	margin-left: 4px;
}
#carouselLeftNav:hover {
	margin-right: 4px;
	margin-left: 2px;
	cursor:pointer;
}

#carouselRightNav {
	float: left;
	width: 24px;
	height: 72px;
	
	margin-top: 28px;
	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) no-repeat 13px 2px; }
.locationIcon {	background: url(../images/compass.png) no-repeat 13px 2px;}
.servicesIcon {	background: url(../images/icon_sprite.png) no-repeat -2px -110px; }
.pictureIcon { background: url(../images/pictures.png) no-repeat 13px 2px; border: medium none !important; }
.reviewIcon { background: url(../images/icon_sprite.png) no-repeat -2px -66px; }
.specialOffersIcon { background: url(../images/icon_sprite.png) no-repeat -2px -44px; }
.paymentTermsIcon{	background: url(../images/payment_terms.png) no-repeat 13px 2px; }

.resultWrapper{
	margin:0px 0px;
	padding:0px 0px;
}

.otherHotelsHeading {
}
.otherHotelsHeading h6 {
    background-repeat: repeat-x;
    clear: both;
    height: 15px;
    margin: 0 0 10px;
    padding: 2px 8px 8px;
	color: #666666;
	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 0px 2px;
	width: 689px;
}

.hotelDetailHeading h1 {
	margin-right: 12px;
	margin-bottom: 0px;
	margin-top: 2px;
	margin-left: 4px;
	float: left;
	font-size: 100%;
	font-weight: normal;
	color: #555;
}
.hotelDetailHeading h2 {
	margin-bottom: 0px;
	margin-top: 20px;
	float:right;
	color: #787878;
}
/*
.ratesResult h3 {
	margin-right: 12px;
	margin-bottom: 0px;
	margin-top: 2px;
	margin-left: 22px;
	float: left;
	font-size: 138.5%;
	color: #555;
}
.ratesResult h4 {
	margin-bottom: 0px;
	margin-top: 9px;
	margin-right: 10px;
	float:right;
	color: #787878;
}
.ratesResult h5 {
	margin-right: 12px;
	margin-bottom: 0px;
	margin-top: 2px;
	margin-left: 4px;
	float: left;
	font-size: 93%;
}*/
.ratesImage h4 {
	margin-right: 12px;
	margin-bottom: 0px;
	clear: both;
	font-size: 11px;
	font-weight: bold;
	margin-left: 4px;
	line-height: 14px;
}
.ratesImage {
	display: none;
}
.ratesResult {
	float: left;
}

.ratesResult .first {
	margin-top: 10px;
}

.ratesDetails {
	float: left;
	width:670px;
	margin-top:0px;
	margin-left: 20px;
	margin-bottom: 10px;
}
.ratesDetails .loading {
	text-align: center;
	margin-top: 30px;
}

.ratesDetails tr .selectedRateContent { 
	color: black;
	font-weight: bold;
	font-size: 12px;
}

.ratesDetails td {
	border-left: 1px solid transparent;
	border-right: 1px solid transparent;
}

.ratesDetails td.selectedRateBorderLeft {
	border-left: 1px solid #FF0000;
}

.ratesDetails td.selectedRateBorderRight {
	border-right: 1px solid #FF0000;
}

.ratesDetails td.selectionInProgressRateBorderLeft {
	border-left: 1px dashed #FF0000;
}

.ratesDetails td.selectionInProgressRateBorderRight {
	border-right: 1px dashed #FF0000;
}

.ratesDetailsHeading td {
	background-image: url("../images/ratesGrad.gif");
	color: #000;
	text-align: center;
	font-size: 11px;
	line-height: 18px;
	font-weight: bold;
	width: 36px;
}
.ratesDetailsHeading {
	padding-top: 0px;
}
.ratesDetailsHeading td div.day {
	font-size: 15px;
	font-family: "Montserrat", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
}
.ratesDetailsHeading td div.day:hover {
	cursor: pointer;
}
.ratesDetailsHeading td div.dayOfWeek {
}
.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 {
}
.ratesDetailsContent td {
	font-size: 11px;
	line-height: 18px;
	text-align: center;
	color: #666;
	width: 36px;
	font-weight: normal;
}
.ratesDetailsContent td:hover {
	cursor: pointer;
}
.ratesDetailsContent label:hover {
	cursor: pointer;
}

.ratesDetailsContent .button {
	background-color: white;
}

.ratesDetailsContent button {
	width: 58px;
	border:none;
	font-size:11px;	
	font-weight:bold;
	margin:0px 0px 0px 2px;
	padding:1px 0px 4px 0px;
	height:18px;
	cursor:pointer;
	font-family: "Montserrat", Arial, sans-serif;
	background-position:0px 0px
}
.ratesDetailsContent button:hover {
	background-position:0px -27px
}
.ratesDetailsContent .mealPlan {
	text-align: right;
	padding-right: 5px;
	max-width: 88px;
	overflow: hidden;
	white-space: nowrap;
}
.ratesDetailsContent .ratesDetailsContentButton {
	width: 66px;
	border:none;
	font-size:11px;	
	font-weight:bold;
	margin:0px 0px 0px 2px;
	padding:0px 2px 0px 0px;
	height:18px;
	cursor:pointer;
	font-family: "Montserrat", Arial, sans-serif;
	background-position:0px 0px
}
.ratesDetailsContent .ratesDetailsContentButton:hover {
  	background-position:0px -20px
}

.ratesDetailsRoomCategory .special {
	background-image: url(../images/special.png);
	background-position: 8px 0px;
	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: normal;
}

.ratesDetailsRoomCategory td {
	border-top: 2px solid #FFF;
	cursor: pointer;
}
.ratesDetailsRoomCategory td.name {
	line-height: 16px;
	font-size: 11px;
	font-weight: bold;
	white-space: nowrap;
	overflow: visible;
	width: 120px;
	max-width: 120px;
	color: black;
	padding-left: 5px;
	padding-top: 2px;
	text-align: left;	
	text-shadow: 1px 1px #BBBBBB;
}

.ratesDetailsHeading table {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-color: #FFF;
}

.ratesImage img {
	background-image: url(../images/image_shadow_bg.png);
	clear: both;
	padding: 5px 6px 6px 6px;
	float: left;
}

.rates_noRatesOrRooms {
	float: left;
	padding-left:5px;
}

.rates_noRatesOrRooms p {
	font-size: 12px;
	color: red;
	margin: 5px;
}
.rates_noRatesOrRooms span {
	font-weight: bold;
}

.ratesStayDates {
	float: right;
	margin-right: 40px;
}

.ratesStayDates div {
	font-size: 12px;
	font-weight: normal;
	color: #787878;
	text-align: center;
	margin-top: -6px;
}

.ratesStayDatesSelectSecondDate {
	float: right;
	margin-right: 40px;
}
.ratesStayDatesSelectSecondDate div {
	font-size: 12px;
	font-weight: bold;
	color: #000;
	/*background-color: #CAE2F0;*/
	padding: 0px 10px;
	margin-top: -6px;
	text-align: center;
}

#ratesFilter a {
	color:#333;
	font-size: 11px;
}

#ratesFilter {
	margin-top: 30px;
	clear: both;
}

#ratesFilterOptions {
	float: right;
	/*display: none;*/
	margin-right: 40px;
}
#ratesFilterNavigation {
	float: right;
	margin-right: 12px;
}
#ratesFilterNavigation p {
	float: left;
	display: block;
	font-size: 11px;
	/*line-height: 18px;*/
	color: #333;
	margin: -3px 5px 0;
	text-shadow: 1px 1px #AAAAAA;	
}

#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: 0px;
	padding: 0px;
	color: #565976;
}


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

#ratesFilterPopup {
	background-color: lightYellow;
}


tr .selectedDay {
	background-color: #333333;
	color: #FFF;
}
table tr .selectedIndicator {
	background-color: #FF0000;
}


#ratesPopup {
	padding: 10px;
	font-size: 11px;
	-webkit-box-shadow: #666 0px 5px 10px;
	-moz-box-shadow: #666 0px 5px 10px;
	box-shadow: #666 0px 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:0.95;
	filter:alpha(opacity=95);
}

#ratesPopup .special {
	float: right;
	width: 67px;
	height: 68px;
	background: url(../images/special_big.png) 0px 0px no-repeat;
}

#ratesPopup #heading {
	background-image: url("../images/navGrad.png");
	text-align: center;
	color: white;
	font-size: 12px;
	display: none;
}

#ratesPopup #clickMessage {
	/*  text-align: center; */
	color: #666;
	display: none;
}

#ratesPopup label {
	float: left;
	min-width: 65px;
	color: #FFF;
	font-size: 12px;
	margin: 1px 5px;
}

#ratesPopup .value {
}


.hotelDetail {
	clear: both;
	margin: 0 20px;
	padding-top: 16px;	
}

.hotelDetail h1 {
	border-bottom: 1px dotted #ddd;
	color: #8DBE31;
	font-size: 18px;
	font-weight: bold;
	margin: 8px 0;
	padding-bottom: 0.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:0px 0px 5px 0px;
}
.hotelDetailLocation av {
	font-size:11px;
}
.hotelDetailLocation h5 {
	margin:5px 0px 2px 0px;
	float: none;
	font-size: 93%;
}
.hotelDetailLocation h6 {
	margin:0px;
	font-size:11px;
}

.hotelDetailContent {
	
}
.hotelDetailMap {
	height: 260px;
	width: 88%;
	margin: 20px 20px;
	border: 1px solid #CCC;
	float: left;
	display: block !important;
}
.ratesRoomsInfo {
	margin: 0px 20px;
	padding-top: 16px;
	clear: both;
}

.ratesRoomsInfo h1 {
	border-bottom: 1px dotted #ddd;
	color: #8DBE31;
	font-size: 18px;
	font-weight: bold;
	margin: 8px 0;
	padding-bottom: 0.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 0px 0px 5px;
	-moz-box-shadow: #333 0px 0px 5px;
	box-shadow: #333 0px 0px 5px;
}

.ratesRoomInfoDescription {
	background-color: #F3F3F3;
	padding: 5px 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.ratesRoomInfoDescription h2 {
	color: #ffffff;
	margin-bottom: 5px;
	margin-top: 0px;
	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: 0px;
	padding: 0px;
	
}

.leftLink:hover{
	background-position:-1px 0px;
	cursor:pointer;
	background-repeat:no-repeat;
}

.hotelInfoWizardButtons {
	/*display: none;*/
	height: 18px;
	margin: 5px 12px 0px 0px;
}

.ratesWizardButtons {
	/*display: none;*/
	height: 18px;
	margin: 2px 5px 0px 5px;
}

.servicesWizardButtons {
	/*display: none;*/
	height: 18px;
	margin: 5px 5px 0px 0px;
}

.guestDetailsWizardButtons {
	/*display: none;*/
	height: 18px;
	margin: 5px 5px 20px 20px;
}

#bookingSteps {
	margin: 0 20px 0 0;
	float: right;
	width: 696px;
}

#bookingSteps a {
	margin: 0 0 0 0;
}

#bookingSteps .steps {
	margin: 0 20px 0 150px;
}

#bookingSteps .steps div {
	color: #000;
	height: 28px;
	float: left;
	font-size: 13px;
	font-weight: bold;
	text-shadow: none;
}

#bookingSteps .steps div.stepsName1 {
	min-width: 72px;
	height: 44px;
    padding-left: 3px;
    padding-right: 0;
    text-align: center;
    position: relative;
    background: url("../images/colourSchemes/steps_numbers.png") no-repeat scroll 0 2px transparent;
}
#bookingSteps .steps div.stepsName2 {
	min-width: 72px;
    padding-left: 3px;
    padding-right: 0;
    text-align: center;
    position: relative;
    background: url("../images/colourSchemes/steps_numbers.png") no-repeat scroll 0 -57px transparent;
}
#bookingSteps .steps div.stepsName3 {
	min-width: 72px;
    padding-left: 3px;
    padding-right: 0;
    text-align: center;
    position: relative;
    background: url("../images/colourSchemes/steps_numbers.png") no-repeat scroll 0 -112px transparent;
}
#bookingSteps .steps div.stepsName4 {
	min-width: 72px;
    padding-left: 3px;
    padding-right: 0;
    text-align: center;
    position: relative;
    background: url("../images/colourSchemes/steps_numbers.png") no-repeat scroll 0 -170px transparent;
}

.stepsName1 div.selected {
	color: black;
	font-weight: bold;
	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;
	position: absolute;
	left: -6px;
	
	background: url("../images/colourSchemes/steps_selected.png") no-repeat scroll 0 -3px transparent;
}
.stepsName2 div.selected {
	color: black;
	font-weight: bold;
	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;
	position: absolute;
	left: -6px;
	
	background: url("../images/colourSchemes/steps_selected.png") no-repeat scroll 0 -67px transparent;
}
.stepsName3 div.selected {
	color: black;
	font-weight: bold;
	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;
	position: absolute;
	left: -6px;
	
	background: url("../images/colourSchemes/steps_selected.png") no-repeat scroll 0 -131px transparent;
}
.stepsName4 div.selected {
	color: black;
	font-weight: bold;
	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;
	position: absolute;
	left: -6px;
	
	background: url("../images/colourSchemes/steps_selected.png") no-repeat scroll 0 -195px transparent;
}

#bookingSteps .steps div.stepsLeft {
	background: url("../images/colourSchemes/steps_left.png") no-repeat scroll 0 0 transparent;
    width: 10px;
}
#bookingSteps .steps div.stepsRight {
	width: 15px; 
	background: url("../images/colourSchemes/steps_right.png") no-repeat scroll 0 0 transparent;
}
#bookingSteps .steps div.stepsDivider {
	background: url("../images/colourSchemes/steps_divider.png") no-repeat scroll 0 0 transparent;
    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;
}
#formDetails fieldset {
	border: 1px solid #d6d6d6;
	/*background: url("../images/colourSchemes/form_bg.png") repeat scroll 0 0 #F9F9F9;*/
	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: 13px;
	color: #999;
	line-height: 14px;
	padding: 4px;
	width: 125px;
	float: left;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

input.validationFailed {
	border: 1px solid red !important;
}

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;
	margin-top: 0px;
	margin-right: 4px;
	margin-bottom: 8px;
	margin-left: 0px;
	width: 180px;
	padding: 2px;
	height: 23px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	
	position:relative;
}

#formDetails .redeem {
	width: 97%;
	float: left;
	margin: 0 0 0;
	padding: 0 0 10px 0;
	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: 0px;
}

#formDetails label {
	/*clear: both;*/
	float: left;
	color: #666666;
	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: bold;
	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 0px 0px 1px;
	-moz-box-shadow: #aaa 0px 0px 1px;
	box-shadow: #aaa 0px 0px 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: bold;
	text-decoration: underline;
	line-height: 24px;
}


.backLink:hover{
	background-position:-2px 0px;
	text-decoration: underline;
}
.backLink{	
	padding-left: 28px;
	font-size: 12px;
	line-height: 18px;
	color: #666;
	text-decoration:none;
	margin-top: 12px;
	margin-bottom: 0px;
}
.leftLink:hover{
	background-position:0px 0px;
	cursor:pointer;
	background-repeat:no-repeat;
}
.leftLink{
	background-position:1px 0px;
	background-repeat: no-repeat;	
	width: 26px;
	height:25px;
	float: left;
	display: block;
	margin-top: -7px;
}

.rightLink:hover {
	background-repeat:no-repeat;
	cursor:pointer;
}

.rightLink {
	background-repeat: no-repeat;
	width: 26px;
	height:25px;
	float: right;
	margin-top: -7px;
}
#ratesFilter select {
	float: left;
	height: 22px;
	border: 1px solid #ccc;
	padding: 2px;
	margin:0px 4px 5px 0px;
	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: 0px 10px 10px 0px;
	-moz-border-radius: 0px 10px 10px 0px;
	border-radius: 0px 10px 10px 0px;
	-webkit-box-shadow: #999 0px 0px 5px;
	-moz-box-shadow: #999 0px 0px 5px;
	box-shadow: #999 0px 0px 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{
	margin-top: 6px;
	margin-right: 6px;
	margin-bottom: 6px;
	margin-left: 15px;
	float: left;
}

#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 0px 0px 3px;
	-moz-box-shadow: #666 0px 0px 3px;
	box-shadow: #666 0px 0px 3px;
	
	clear:both;
}

.itineraryBarHighlight {
	-webkit-box-shadow: green 0px 0px 16px !important;
	-moz-box-shadow: green 0px 0px 16px !important;
	box-shadow: green 0px 0px 16px !important;
}

.dateBoxPopup {
	z-index:1009;
}

.tablePanel {
}

.tablePanel h3 {
	margin-right: 12px;
	margin-bottom: 0px;
	margin-top: 10px;
	margin-left: 20px;
	float: left;
	font-size: 18px;
	font-weight: normal;
	color: #8DBE31;
	padding-bottom: 0.25em;
}

.tablePanel table {
	width:655px;
	border:1px solid #cccccc;
	margin-bottom:2px;
	-webkit-border-radius: 6px ;
	-moz-border-radius: 6px;
	border-radius: 6px;
	margin-left: 20px;	
}
.tablePanel input[type="text"] {
	margin-bottom:0px;
	width: 120px;
	font-size: 11px;
	color: #999;
	padding: 2px;	
}
.tablePanel select {
	border: 1px solid #CCCCCC;
	color: #666666;
	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 #FFFFFF;
}

.tableHeading {
	height: 30px;
}
.tableHeading td {
	background-image: url(../images/ratesGrad.gif);
    background-repeat: repeat-x;
	background-color:transparent;
	font-size: 11px;
	font-weight: bold;
	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: 0px -37px
}
#itineraryBar h4 {
	text-align: center;
	margin: 0px;
	padding: 0px;
	font-size: 15px;
	font-weight:bold;
	border-bottom: 1px solid #FFFFFF;
	height: 29px;
	-webkit-border-radius: 5px 5px 0px 0px;
	-moz-border-radius: 5px 5px 0px 0px;
	border-radius: 5px 5px 0px 0px;
	font-family: "Montserrat", Arial, sans-serif;
	line-height: 26px;	
}
.gwt-DatePicker {
	-webkit-border-radius: 6px ;
	-moz-border-radius: 6px;
	border-radius: 6px;
	border: 1px solid #fff;
	-webkit-box-shadow: #000 0px 0px 30px;
	-moz-box-shadow: #000 0px 0px 30px;
	box-shadow: #000 0px 0px 30px;	
	color: #666666;
	text-align: center;
}

.datePickerMonthSelector{
	-webkit-border-radius: 4px 4px 0px 0px;
	-moz-border-radius: 4px 4px 0px 0px;
	border-radius: 4px 4px 0px 0px;
	background-image: url(../images/tabBg.gif);
	border:none;
	height:30px;
	background-color: #EFEFEF;;	
	color: #FF7500;
	font-size: 12px;
	font-weight: bold;
	padding-left: 10px;
	padding-right: 10px;
	text-align: center;	
}
.datePickerMonth{
	line-height:26px;
	padding-left: 10px;
	padding-right: 10px;
}
.datePickerPreviousButton { /*the previous month button*/
	cursor: pointer;
}

.datePickerNextButton { /*the next month button*/
	cursor: pointer;
}
.datePickerDays{
	-webkit-border-radius: 0px 0px 6px 6px; 
	-moz-border-radius: 0px 0px 6px 6px;
	border-radius: 0px 0px 6px 6px;
	background-color:#FFFFFF;	
	background: #FFF;
	font-size: 12px;
	padding: 5px;
}
.datePickerDays td { /*the portion of the picker that shows the days*/
	padding: 4px 3px 4px 3px;
	text-align: center;
}
.datePickerWeekdayLabel { /*the label over weekdays*/
	background-color: #EFEFEF;;
	font-weight: bold;
}
.datePickerWeekendLabel { /*the label over weekends*/
	background-color: #EFEFEF;;
	font-weight: bold;
}
.datePickerDay { /*a single day*/
	cursor: pointer;
}
.datePickerDayIsToday { /*today's date*/
	border: 1px solid #D6D6D6;
}
.datePickerDayIsValue { /*the selected day*/
	background-color: #D6D6D6;
}
.datePickerDayIsHighlighted { /*the currently highlighted day*/
	background-color: #D6D6D6;
}
.gwt-DialogBox {
	border: 1px solid #AAA;
	-webkit-box-shadow: #000 0px 0px 30px;
	-moz-box-shadow: #000 0px 0px 30px;
	box-shadow: #000 0px 0px 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 0px 0px;
	-moz-border-radius: 4px 4px 0px 0px;
	border-radius: 4px 4px 0px 0px;
	
	text-align: center;
	font-weight:bold;
	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 0px 0px 2px;
	-moz-box-shadow: #aaa 0px 0px 2px;
	box-shadow: #aaa 0px 0px 2px;	
}

.newsFeedPanel {
	padding-top: 30px;
}

.newsFeedFlexTable {
	width: 668px;
}

.newsFeedItemPanel {
	margin:0px 0px 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 6px;
	border: 1px solid #D6D6D6;
	text-align: left;
}
.newsFeedItemPanelIcon {
    background: url("../images/colourSchemes/icons.png") no-repeat scroll -2px -153px transparent;
    height: 33px;
    left: -13px;
    position: absolute;
    top: -7px;
    width: 50px;
}
.newsFeedItemDescription {
	margin: 5px 5px 20px;
	color: #444444;
}
.newsItemAnchor{
	text-decoration:underline;
	margin-left: 30px;
	font-weight: bold;
	color: #FF7500;
}

.newsItem {
	padding: 10px;
	min-height: 510px;
}
.newsItem h1 {
	border-bottom: 1px dotted #ddd;
	font-size: 18px;
	font-weight: bold;
	margin: 8px 0;
	padding-bottom: 0.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: bold;
	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: 0px;
    padding: 10px;
    width: 192px;
}

#confirmBooking .stayLabel {
	float:left;
	font-size: 13px;
	font-weight: bold;
	margin-top: 5px;
	padding-left: 14px;
	color:#1359A2;
}
#confirmBooking .stayValue {
    font-size: 20px;
    font-weight: 700;
    width: 100%;
    text-align: center;
    font-family: "Spartan", Helvetica, sans-serif;
    letter-spacing: -0.5px;
}

#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 {
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	border: 1px solid #DDD;
}
#confirmBookingForm .center {
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	border: 1px solid #DDD;
	margin: 5px 0px 10px;
}
#confirmBookingForm .centerLeft {
	float: left;
	width: 192px;
	padding: 0px 10px 10px 0px;
}
#confirmBookingForm .centerLeft select {
	margin-left: 61px;
}
#confirmBookingForm .centerRight {
	float: right;
	width: 202px;	
	padding: 0px 10px;
}

#confirmBookingForm h4 {
	font-weight: bold;
	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:bold;
}

.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:0px 4px 4px 0px;
}
.popupColumn label{
	float:left;
	font-size:10px;
	line-height:12px;
	color:#666;
}

.ratesDetailsContentNotAvailable {
	background: url(../images/not_available.png) 7px 1px no-repeat;
}

.backButton {
	float: left;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
    color: white;
    background: url("../images/colourSchemes/back-arrow.png") no-repeat scroll 0 -1px transparent / 8px;
    line-height: 44px;
    vertical-align: middle;
    width: 91px;
    text-align: center;
    text-shadow: 1px 1px #444;
    padding: 0 0 0 4px;
}

.backButtonWide {
	float: left;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
    color: white;
    background: url("../images/colourSchemes/back-arrow.png") no-repeat scroll 0 -1px transparent / 8px;
    line-height: 44px;
    vertical-align: middle;
    width: 144px;
    text-align: center;
    text-shadow: 1px 1px #444;
    padding: 0 0 0 5px;
}
.forwardButton {
	float: right;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
    text-shadow: 1px 1px #444;
    color: white;
    background: url("../images/colourSchemes/forward-arrow.png") no-repeat scroll 0 -1px transparent / 8px;
    line-height: 15px;
    height: 40px;
    padding-top: 6px;
    vertical-align: middle;
    width: 89px;
    text-align: center;
}
.forwardButtonWide {
	float: right;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
    color: white;
    background: url("../images/colourSchemes/forward-arrow.png") no-repeat scroll 0 -1px transparent / 8px;
    line-height: 44px;
    vertical-align: middle;
    width: 144px;
    text-align: left;
    text-shadow: 1px 1px #444;
    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: normal;
	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 !important;
	padding-left: 10px;
	font-weight: 700;
}

.hidden {
	display: none;
}

.ratesCompare {
	color: #787878;
    font-size: 93%;
    font-weight: normal;
    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: bold; 
	font-size: 12px;
	text-decoration: none;
}
.ratesResult .viewRateGrid a:hover {
	text-decoration: underline;
}

.roomsAndRates {
	width: 696px;
	position: relative;	
}
.roomsAndRates .viewRatesLink {
	padding-left: 32px;
	background: url("../images/colourSchemes/view_wide.png") no-repeat scroll 0 0 transparent;
	width: 195px;
}
.roomsAndRates .package .standardButton {
	float: right;
}

.package {
}

.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: 0px;
}
.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;
}

.packageItems table {
	float: left;
}
.packageItems td {
	border-top: 2px solid #FFF;
}
.packageItems td.duration {
	line-height: 19px;
	font-size: 12px;
	font-weight: bold;
	white-space: nowrap;
	overflow: visible;
	width: 50px;
	max-width: 50px;
	color: black;
	padding-left: 5px;
	padding-top: 2px;
	padding-bottom: 1px;
	text-align: left;
	text-shadow: 1px 1px #BBB;	
}
.packageItems td.name {
	line-height: 19px;
	font-size: 12px;
	font-weight: bold;
	white-space: nowrap;
	overflow: visible;
	width: 180px;
	max-width: 180px;
	color: black;
	padding-left: 5px;
	padding-top: 2px;
	padding-bottom: 1px;
	text-align: left;
	text-shadow: 1px 1px #BBB;	
}
.packageItems td.at {
	line-height: 16px;
	font-size: 11px;
	white-space: nowrap;
	overflow: visible;
	width: 20px;
	max-width: 20px;
	color: #666;
	padding-left: 5px;
	padding-top: 2px;
}
.packageItems td.mealPlan {
	line-height: 16px;
	font-size: 11px;
	white-space: nowrap;
	overflow: visible;
	width: 100px;
	max-width: 100px;
	color: #666;
	padding-left: 10px;
	padding-top: 2px;
	padding-right: 10px;
	text-align: right;	
}
.packageItems .heading {
  	border: none;
}

.pleaseWait {
	text-align: center;
	margin: 20px;
}

#message .error {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border: 1px solid red;
	background: #ffd2d3;
	color: #000000;
	clear: both;
	margin-top: 6px;
	margin-bottom: 10px;
	margin-left: 18px;
	padding-left: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 10px;
	width: 92.5%;
	font-size: 15px;
}

#amendResPanel {
	margin: 15px 10px;
    min-height: 460px;
}
#amendResPanel h2 {
    margin-left: 2px;
    margin-top: -57px;
    text-shadow: 1px 1px #CCCCCC;
}
#amendResPanel h1{
	font-size: 19px;
}

.arrowToSearchPanel {
	background: url("../images/colourSchemes/bigArrowEast.png") no-repeat scroll 0 0 transparent;
    float: left;
    height: 70px;
    left: -21px;
    top: 73px;
    position: absolute;
    width: 70px;
    z-index: 200;
    opacity: 0.8;
}
.arrowToUpdateDetails {
    display: none;
}
.arrowToItinerary {
	background: url("../images/colourSchemes/bigArrowEast.png") no-repeat scroll 0 0 transparent;
    float: left;
    height: 70px;
    left: -21px;
    top: 365px;
    position: absolute;
    width: 70px;
    z-index: 200;
    opacity: 0.8;
}

.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: 0px;
	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 #CCCCCC;
}
.amendOptionDetail p {
	margin: 0 10px 25px;
}
.amendOptionDetailAddHotelIcon {
	background: url("../images/colourSchemes/icons.png") no-repeat scroll -2px 2px transparent;
	height: 45px;
	width: 50px;
	float: left;
}
.amendOptionDetailUpdateDetailsIcon {
	background: url("../images/colourSchemes/icons.png") no-repeat scroll 0 -98px transparent;
	height: 45px;
	width: 50px;
	float: left;
}
.amendOptionDetailRemoveHotelIcon {
	background: url("../images/colourSchemes/icons.png") no-repeat scroll -2px -47px transparent;
	height: 45px;
	width: 50px;
	float: left;
}
.statusMessagePanel_Close_Start {
	left: 0px; 
	top: 0px; 
	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);
	/* CSS3 standard */
	opacity: 0.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;
}

#statusMessageButtons {
	text-align: center;
}


#notificationMessagePanel {
	position: relative;
	z-index: 1000;
	background-color: white;
    border: 1px dotted #999;
    color: #000;
	filter: alpha(opacity = 95);
	/* CSS3 standard */
	opacity: 0.95;
	width: 400px; 
	height: 220px;		
}

#notificationMessagePanel button {
 	background-color: #907759;
    border: medium none;
    color: #fff;
    cursor: pointer;
    font-size: 400;
    height: 35px;
    margin: 0 0 10px;
    padding: 3px;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    width: 100px;
}

#notificationMessagePanel button:hover {
    background-color: #222222;
    transition: 0.3s ease-in-out;
}

#notificationMessagePanel img {
	float: left;
    margin-left: 45px;
    margin-top: 50px;
}

#notificationMessagePanel div.notificationMessageDiv {
	float: left;
    font-size: 19px;
    margin-bottom: 0;
    margin-top: 35px;
    padding: 0;
    text-align: center;
    width: 100%;
}

#notificationMessageButtons {
	text-align: center;
}

#notificationMessagePanel td {
	padding: 25px
}

/* Suggestbox */
input.gwt-SuggestBox {
	width: 103px !important;	
}
.gwt-SuggestBoxPopup { /*the suggestion popup*/
	z-index: 1010;	
	background-size: 100% auto;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	font-size: 11px;	
}
.gwt-SuggestBoxPopup .item { /*an unselected suggestion*/
	padding: 2px;			 
}
.gwt-SuggestBoxPopup .item-selected { /*a selected suggestion*/
	font-weight: bold;	
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px; 
}

/* Info messages */
.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: none repeat scroll 0 0 lightyellow;
	font-size: 11px;
}

.info p {
	margin-bottom: 5px;
}

#mapView {
	width: 650px;
	height: 470px;
}

#mapPanel {
	width: 650px;
	height: 450px;
}

#mapButtonPanel {
	width: 650px;
	height: 20px;
	text-align: center;
}

.gmailIcon {
    background: url("images/gmail.gif") no-repeat scroll 20px 1px transparent;
    padding-left: 50px;
}

.yahooIcon {
    background: url("images/yahooMail.gif") no-repeat scroll 110px 1px transparent;
    padding-left: 140px;
}

.hotmailIcon {
    background: url("images/hotmail.gif") no-repeat scroll 115px -1px transparent;
    padding-left: 140px;
}

.outlookIcon {
    background: url("images/outlook.gif") no-repeat scroll 115px -1px transparent;
    padding-left: 135px;
}

/* Animations */
@-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 0.5s ease;
	-moz-animation: stepMoveInLeft1 0.5s ease;
	-ms-animation: stepMoveInLeft1 0.5s ease;
	-o-animation: stepMoveInLeft1 0.5s ease;
	animation: stepMoveInLeft1 0.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 0.5s ease;
	-moz-animation: stepMoveInRight1 0.5s ease;
	-ms-animation: stepMoveInRight1 0.5s ease;
	-o-animation: stepMoveInRight1 0.5s ease;
	animation: stepMoveInRight1 0.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 0.5s ease;
	-moz-animation: stepMoveInLeft2 0.5s ease;
	-ms-animation: stepMoveInLeft2 0.5s ease;
	-o-animation: stepMoveInLeft2 0.5s ease;
	animation: stepMoveInLeft2 0.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 0.5s ease;
	-moz-animation: stepMoveInRight2 0.5s ease;
	-ms-animation: stepMoveInRight2 0.5s ease;
	-o-animation: stepMoveInRight2 0.5s ease;
	animation: stepMoveInRight2 0.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 0.5s ease;
	-moz-animation: stepMoveInLeft3 0.5s ease;
	-ms-animation: stepMoveInLeft3 0.5s ease;
	-o-animation: stepMoveInLeft3 0.5s ease;
	animation: stepMoveInLeft3 0.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 0.5s ease;
	-moz-animation: stepMoveInRight3 0.5s ease;
	-ms-animation: stepMoveInRight3 0.5s ease;
	-o-animation: stepMoveInRight3 0.5s ease;
	animation: stepMoveInRight3 0.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% { -ms-transform: translateY(-400px); opacity: 0; }
	1% { -ms-transform: translateY(-400px); 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 0.5s linear;
	-moz-animation: slideInDown 0.5s linear;
	-ms-animation: slideInDown 0.5s linear;
	-o-animation: slideInDown 0.5s linear;
	animation: slideInDown 0.5s linear;
}

@-webkit-keyframes slideInGrowLeft {
	0% { -webkit-transform: translateX(470px) translateY(0px) scale(0.01);}
	100% { -webkit-transform: translateY(0px) scale(1);}
}
@-moz-keyframes slideInGrowLeft {
	0% { -moz-transform: translateX(470px) translateY(0px) scale(0.01);}
	100% { -moz-transform: translateY(0px) scale(1);}
}
@-ms-keyframes slideInGrowLeft {
	0% { -ms-transform: translateX(470px) translateY(0px) scale(0.01);}
	100% { -ms-transform: translateY(0px) scale(1);}
}
@-o-keyframes slideInGrowLeft {
	0% { -o-transform: translateX(470px) translateY(0px) scale(0.01);}
	100% { -o-transform: translateY(0px) scale(1);}
}
@keyframes slideInGrowLeft {
	0% { transform: translateX(470px) translateY(0px) scale(0.01);}
	100% { transform: translateY(0px) scale(1);}
}
.slideInGrowLeft {
	-webkit-animation: slideInGrowLeft 0.5s linear;
	-moz-animation: slideInGrowLeft 0.5s linear;
	-ms-animation: slideInGrowLeft 0.5s linear;
	-o-animation: slideInGrowLeft 0.5s linear;
	animation: slideInGrowLeft 0.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 0.25s linear;
	-moz-animation: changeContentLeft 0.25s linear;
	-ms-animation: changeContentLeft 0.25s linear;
	-o-animation: changeContentLeft 0.25s linear;
	animation: changeContentLeft 0.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 0.25s linear;
	-moz-animation: changeContentRight 0.25s linear;
	-ms-animation: changeContentRight 0.25s linear;
	-o-animation: changeContentRight 0.25s linear;
	animation: changeContentRight 0.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;
	text-decoration: underline;
	font-size: 11px;
	line-height: 14px;
}

.homeButton {
    background: url("../images/colourSchemes/home-small.png") no-repeat scroll 0 -1px transparent;
    color: white;
    font-size: 13px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    text-shadow: 1px 1px #444444;
    vertical-align: middle;
    height: 41px;
    width: 65px;
}

.myBookingsButton {
    background: url("../images/colourSchemes/home-small-wide.png") no-repeat scroll 0 -1px transparent;
    color: white;
    font-size: 13px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    text-shadow: 1px 1px #444444;
    vertical-align: middle;
    height: 41px;
    width: 105px;
}

#searchBarFindReservation a {
	/*font-size: 85%;
	color: #666666;
	text-decoration: underline;*/	
	padding: 8px 8px; 
}

#rulesAndRates {
	width: 99%;
	height: 300px;
	border: none;
	background: none;
}

#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 0px 0px 20px;
	-moz-box-shadow: #333 0px 0px 20px;
	box-shadow: #333 0px 0px 20px;
}

#rulesAndRates div.roomDescription  {
	width: 100%;
	height: 100%;
	background: white;
}

#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") no-repeat scroll -2px -47px transparent;
	height: 45px;
	width: 50px;
	display: block;
}

.growIn {
	-webkit-animation: growIn 0.5s linear;
	-moz-animation: growIn 0.5s linear;
	-ms-animation: growIn 0.5s linear;
	-o-animation: growIn 0.5s linear;
	animation: growIn 0.5s linear;
}

/* End : Animations */