/*-- Freeonlinebooking.com Responsive Booking Sequence Styles --*/ /*-- Page --*/ .FullPage { width:95%; margin-left:auto; margin-right:auto; padding-left: 5px; padding-right: 5px; display:block; } .ClippedPage { width:95%; max-width: 900px; margin-left:auto; margin-right:auto; padding-left: 5px; padding-right: 5px; display:block; } .NoBordersPage { } /*-- HTML elements*/ BODY { FONT-FAMILY: "Roboto", "Trebuchet MS", Arial, Helvetica, sans-serif; Background:#DDD; FONT-SIZE: 10pt; COLOR: #00182C; margin-top: 10px; } h1 { FONT-WEIGHT: bold; FONT-SIZE: 11pt; COLOR: #344282; TEXT-DECORATION: none; MARGIN: 0px 0px 3px 0px } .h2OLD { FONT-WEIGHT: bold; FONT-SIZE: 10pt; text-shadow:1px 1px 0px #000000; COLOR: #FFFFFF; background: #009966; border: 0px solid; padding: 5px 5px 5px 5px; width:auto; display:block;} h2 { FONT-WEIGHT: bold; FONT-SIZE: 10pt; COLOR: #FFFFFF; background: #AAA; border: 0px solid; padding: 5px 5px 5px 5px; width:auto; display:block;} h3 { FONT-WEIGHT: bold; FONT-SIZE: 10pt; color: #344282; MARGIN: 0px 0px 7px 0px } h4 { FONT-WEIGHT: bold; FONT-SIZE: 9pt; TEXT-TRANSFORM: capitalize; COLOR: #666666; MARGIN: 0px 0px 0px 0px } ul { MARGIN: 0px 0px 0px 10px; text-indent: 0px; padding: 0px; } li { color: #009966; MARGIN: 0px 0px 5px 20px; } li span { color: #000; } img { border:none; } p { FONT-SIZE: 10pt; COLOR: #00182C; MARGIN: 0px 0px 10px 0px; text-align:justify; } input, select, textarea { FONT-FAMILY: "Roboto","Trebuchet MS", Arial, Helvetica, sans-serif; text-decoration: none; font-weight: normal; FONT-SIZE: 12px; color: #00182C; } /*-- Std Elements --*/ .FormTable { background-color: #EEEEEE; FONT-SIZE: 8pt; } .SmallHelpText { TEXT-DECORATION: none; FONT-SIZE: 7pt; COLOR: #777; MARGIN: 0px 0px 0px 0px; } .HelpText { TEXT-DECORATION: none; FONT-SIZE: 8pt; COLOR: #777; MARGIN: 0px 0px 0px 0px; } a.HelpText { TEXT-DECORATION: underline; FONT-WEIGHT: normal; FONT-SIZE: 8pt; COLOR: #777; } a:hover.HelpText { TEXT-DECORATION: none; } .RequiredField { background: url('../../../Images/RequiredField.gif') no-repeat center center ; VERTICAL-ALIGN: middle; TEXT-ALIGN: center; WIDTH: 20px; } .RequiredFieldTop { background: url('../../../Images/RequiredFieldTop.gif') no-repeat top center; VERTICAL-ALIGN: middle; TEXT-ALIGN: center; WIDTH: 20px; MARGIN-TOP: 3px; } .RequiredFieldText { TEXT-DECORATION: none; FONT-WEIGHT: normal; FONT-SIZE: 8pt; COLOR: #BBBBBB; } .RequiredFieldImportant { background: url('../../../Images/RequiredField18x18.gif') no-repeat center center ; VERTICAL-ALIGN: middle; TEXT-ALIGN: center; WIDTH: 20px; } .RequiredFieldImportantTop { background: url('../../../Images/RequiredField18x20.gif') no-repeat top center ; VERTICAL-ALIGN: middle; TEXT-ALIGN: center; WIDTH: 20px; } .RequiredFieldSpacer { WIDTH: 20px; } .ErrorTable { font-size: 8pt; font-weight: normal; color: #FFFFFF; background: #AD0314; border: 0px solid red; display: block;} .ErrorText { TEXT-DECORATION: none; FONT-WEIGHT: normal; FONT-SIZE: 8pt; COLOR: #FFFFFF; } .RedText { TEXT-DECORATION: none; FONT-WEIGHT: normal; FONT-SIZE: 8pt; COLOR: red; } .OKTable { font-size: 8pt; font-weight: normal; color: green; background: #00CC66; border: 0px solid #00CC66; } .OKText { font-size: 8pt; font-weight: normal; color: white; } /* .Blank { background-color: #FFFFFF; } */ .Hyperlink { COLOR: #000; TEXT-DECORATION: none; font-weight: bold; } a.Hyperlink { COLOR: #000; TEXT-DECORATION: none } a:hover.Hyperlink { TEXT-DECORATION: underline } a.HyperlinkVisible { COLOR: #344282; TEXT-DECORATION: underline } a:hover.HyperlinkVisible { TEXT-DECORATION: none } .ErrorBlock { line-height: 20px; font-size: 8pt; font-weight: normal; color: #FFFFFF; background: url('../../../Images/Error.gif') no-repeat 5px 4px #AD0314; border: 0px solid red; display:block; padding: 5px 5px 5px 30px; margin: 0px;} .TickList { Font-size:10pt; MARGIN: 0px 0px 0px 10px; color: #000000; list-style-image: url("../../../Images/Tick.png"); text-indent: 0px; padding: 2px; } #HighLightOrange .TickList { Font-size:10pt; MARGIN: 0px 0px 0px 10px; color: #000000; list-style-image: url("../../../Images/TickOrange.png"); text-indent: 0px; padding: 2px; } #HighLightBlue .TickList { Font-size:10pt; MARGIN: 0px 0px 0px 10px; color: #000000; list-style-image: url("../../../Images/TickBlue.png"); text-indent: 0px; padding: 2px; } #HighLightGreen .TickList { Font-size:10pt; MARGIN: 0px 0px 0px 10px; color: #000000; list-style-image: url("../../../Images/TickGreen.png"); text-indent: 0px; padding: 2px; } #HighLightRed .TickList { Font-size:10pt; MARGIN: 0px 0px 0px 10px; color: #000000; list-style-image: url("../../../Images/TickRed.png"); text-indent: 0px; padding: 2px; } .BulletList { MARGIN: 0px 0px 0px 10px; color: #333; list-style-type:disc; text-indent: 0px; padding: 2px; } .Smaller { FONT-SIZE: 9pt; COLOR: #00182C; MARGIN: 0px 0px 5px 0px; text-align:left; } /*-- Buttons - old orange:#f6b33d --*/ .btnPrimaryOrange { text-transform: uppercase; background: orange; border: solid 1px #d29105; color: #fff; font-family:Trebuchet MS; font-size:15px; font-weight:bold; font-style:normal; padding: 2px 5px; text-shadow:0px 0px 0px #666; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; cursor: pointer; } .btnPrimaryOrange:hover { background: #d29105; color: #fff; text-decoration: none; } #HighLightOrange .btnPrimary { text-transform: uppercase; background: orange; border: solid 1px #d29105; color: #fff; font-family:Trebuchet MS; font-size:15px; font-weight:bold; font-style:normal; padding: 2px 5px; text-shadow:0px 0px 0px #666; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; cursor: pointer; } #HighLightOrange .btnPrimary:hover { background: #d29105; color: #fff; text-decoration: none; } #HighLightOrange .btnPrimarySmall { text-transform: uppercase; background: orange; border: solid 1px #d29105; color: #fff; font-family:Trebuchet MS; font-size:12px; font-weight:bold; font-style:normal; padding: 2px 5px; text-shadow:0px 0px 0px #666; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; cursor: pointer; } #HighLightOrange .btnPrimarySmall:hover { background: #d29105; color: #fff; text-decoration: none; } .btnPrimaryBlue { text-transform: uppercase; background: #61a1d8; border: solid 1px #61a1d8; color: #fff; font-family:Trebuchet MS; font-size:15px; font-weight:bold; font-style:normal; padding: 2px 5px; text-shadow:0px 0px 0px #666; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; cursor: pointer; } .btnPrimaryBlue:hover { background: #2F7CBB; color: #fff; text-decoration: none; } #HighLightBlue .btnPrimary { text-transform: uppercase; FONT-FAMILY: "Roboto"; background: #61a1d8; border: solid 1px #61a1d8; color: #fff; font-size:15px; font-weight:bold; font-style:normal; padding: 2px 5px; text-shadow:0px 0px 0px #666; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; cursor: pointer; } #HighLightBlue .btnPrimary:hover { background: #2F7CBB; color: #fff; text-decoration: none; } #HighLightBlue .btnPrimarySmall { text-transform: uppercase; FONT-FAMILY: "Roboto"; background: #61a1d8; border: solid 1px #61a1d8; color: #fff !Important; font-size:12px; font-weight:bold; font-style:normal; padding: 2px 5px; text-shadow:0px 0px 0px #666; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; cursor: pointer; } #HighLightBlue .btnPrimarySmall:hover { background: #2F7CBB; color: #fff; text-decoration: none; } .btnPrimaryGreen { text-transform: uppercase; background: #00CC66; border: solid 1px #00A452; color: #fff; font-family:Trebuchet MS; font-size:15px; font-weight:bold; font-style:normal; padding: 2px 5px; text-shadow:0px 0px 0px #666; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; cursor: pointer; } .btnPrimaryGreen:hover { background: #00A452; color: #fff; text-decoration: none; } #HighLightGreen .btnPrimary { text-transform: uppercase; FONT-FAMILY: "Roboto"; background: #00CC66; border: solid 1px #00A452; color: #fff; font-size:15px; font-weight:bold; font-style:normal; padding: 2px 5px; text-shadow:0px 0px 0px #666; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; cursor: pointer; } #HighLightGreen .btnPrimary:hover { background: #00A452; color: #fff; text-decoration: none; } #HighLightGreen .btnPrimarySmall { text-transform: uppercase; FONT-FAMILY: "Roboto"; background: #00CC66; border: solid 1px #00A452; color: #fff !Important; font-size:12px; font-weight:bold; font-style:normal; padding: 2px 5px; text-shadow:0px 0px 0px #666; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; cursor: pointer; } #HighLightGreen .btnPrimarySmall:hover { background: #00A452; color: #fff; text-decoration: none; } .btnPrimaryDarkRed { text-transform: uppercase; background: red; border: solid 1px #993300; color: #fff; font-family:Trebuchet MS; font-size:15px; font-weight:bold; font-style:normal; padding: 2px 5px; text-shadow:0px 0px 0px #666; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; cursor: pointer; } .btnPrimaryDarkRed:hover { background: #993300; color: #fff; text-decoration: none; } .btnPrimaryRed { text-transform: uppercase; background: red; border: solid 1px #993300; color: #fff; font-family:Trebuchet MS; font-size:15px; font-weight:bold; font-style:normal; padding: 2px 5px; text-shadow:0px 0px 0px #666; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; cursor: pointer; } .btnPrimaryRed:hover { background: #993300; color: #fff; text-decoration: none; } #HighLightRed .btnPrimary { text-transform: uppercase; FONT-FAMILY: "Roboto"; background: red; border: solid 1px #993300; color: #fff; font-size:15px; font-weight:bold; font-style:normal; padding: 2px 5px; text-shadow:0px 0px 0px #666; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; cursor: pointer; } #HighLightRed .btnPrimary:hover { background: #993300; color: #fff; text-decoration: none; } #HighLightRed .btnPrimarySmall { text-transform: uppercase; FONT-FAMILY: "Roboto"; background: Red; border: solid 1px #993300; color: #fff !Important; font-size:12px; font-weight:bold; font-style:normal; padding: 2px 5px; text-shadow:0px 0px 0px #666; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; cursor: pointer; } #HighLightRed .btnPrimarySmall:hover { background: #993300; color: #fff; text-decoration: none; } .btnTertiary { text-transform: uppercase; background: #bbb; border: solid 1px #ddd; color: #fff; font-family:"Roboto",Trebuchet MS; font-size:15px; font-weight:bold; font-style:normal; padding: 2px 5px; text-shadow:0px 0px 0px #666; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; cursor: pointer; } .btnTertiary:hover { background: #888; color: #fff; text-decoration: none; } .btnTertiarySmall { text-transform: uppercase; background: #ddd; border: solid 1px #ddd; color: #000; font-family:"Roboto",Trebuchet MS; font-size:11px; font-weight:bold; font-style:normal; padding: 4px 5px; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; cursor: pointer; text-decoration: none;} a.btnTertiarySmall { text-decoration: none;} .btnTertiarySmall:hover { background: #888; color: #fff; text-decoration: none; } /*-- Header Block --*/ .PropertyName { FONT-WEIGHT: bold; FONT-SIZE: 11pt; COLOR: #344282; TEXT-DECORATION: none; MARGIN: 0px 0px 3px 0px; PADDING: 5px 0px 0px 0px; } .PropertyAddress { FONT-WEIGHT: normal; FONT-SIZE: 9pt; color: #009966; MARGIN: 0px 0px 7px 0px } .DotLine { background: url('../../../Images/DotLine.gif') repeat-x #ffffff; display: block; } /*-- Availability Grid --*/ .TableStyle { border: 0px; border-collapse: collapse; border-style: solid; padding: 0px 0px 0px 0px; } #ColourSchemeNavy .Header { FONT-WEIGHT: bold; FONT-SIZE: 8pt; OVERFLOW: hidden; COLOR: white; background: #143652; TEXT-DECORATION: none; PADDING: 5px 5px 5px 5px; border-collapse: collapse; BORDER-TOP: #326792 1px solid; BORDER-LEFT: #1A486E 1px solid; } #ColourSchemeNavy .HeaderSmall { FONT-SIZE: 7pt; OVERFLOW: hidden; COLOR: white; background: #143652; TEXT-DECORATION: none; PADDING: 5px 5px 5px 5px; border-collapse: collapse; BORDER-TOP: #326792 1px solid; BORDER-LEFT: #1A486E 1px solid; } #ColourSchemeNavy .HeaderWeekend { FONT-WEIGHT: bold; FONT-SIZE: 8pt; OVERFLOW: hidden; COLOR: #CCCCCC; background: #143652; TEXT-DECORATION: none; PADDING: 5px 5px 5px 5px; border-collapse: collapse; BORDER-TOP: #326792 1px solid; BORDER-LEFT: #1A486E 1px solid;} #ColourSchemeNavy #HighLightOrange .HeaderSelected { FONT-WEIGHT: bold; FONT-SIZE: 8pt; OVERFLOW: hidden; COLOR: #FF9900; background: #143652; TEXT-DECORATION: none; PADDING: 5px 5px 5px 5px; border-collapse: collapse; BORDER-TOP: #326792 1px solid; BORDER-LEFT: #1A486E 1px solid;} #ColourSchemeNavy #HighLightBlue .HeaderSelected { FONT-WEIGHT: bold; FONT-SIZE: 8pt; OVERFLOW: hidden; COLOR: #61a1d8; background: #143652; TEXT-DECORATION: none; PADDING: 5px 5px 5px 5px; border-collapse: collapse; BORDER-TOP: #326792 1px solid; BORDER-LEFT: #1A486E 1px solid;} #ColourSchemeNavy #HighLightGreen .HeaderSelected { FONT-WEIGHT: bold; FONT-SIZE: 8pt; OVERFLOW: hidden; COLOR: #00CC66; background: #143652; TEXT-DECORATION: none; PADDING: 5px 5px 5px 5px; border-collapse: collapse; BORDER-TOP: #326792 1px solid; BORDER-LEFT: #1A486E 1px solid;} #ColourSchemeNavy #HighLightRed .HeaderSelected { FONT-WEIGHT: bold; FONT-SIZE: 8pt; OVERFLOW: hidden; COLOR: red; background: #143652; TEXT-DECORATION: none; PADDING: 5px 5px 5px 5px; border-collapse: collapse; BORDER-TOP: #326792 1px solid; BORDER-LEFT: #1A486E 1px solid;} #ColourSchemeBlack .Header { FONT-WEIGHT: bold; FONT-SIZE: 8pt; OVERFLOW: hidden; COLOR: white; background: #000; TEXT-DECORATION: none; PADDING: 5px 5px 5px 5px; border-collapse: collapse; BORDER-TOP: #326792 1px solid; BORDER-LEFT: #1A486E 1px solid; } #ColourSchemeBlack .HeaderSmall { FONT-SIZE: 7pt; OVERFLOW: hidden; COLOR: white; background: #000; TEXT-DECORATION: none; PADDING: 5px 5px 5px 5px; border-collapse: collapse; BORDER-TOP: #326792 1px solid; BORDER-LEFT: #1A486E 1px solid; } #ColourSchemeBlack .HeaderWeekend { FONT-WEIGHT: bold; FONT-SIZE: 8pt; OVERFLOW: hidden; COLOR: #CCCCCC; background: #000; TEXT-DECORATION: none; PADDING: 5px 5px 5px 5px; border-collapse: collapse; BORDER-TOP: #326792 1px solid; BORDER-LEFT: #1A486E 1px solid;} #ColourSchemeBlack #HighLightOrange .HeaderSelected { FONT-WEIGHT: bold; FONT-SIZE: 8pt; OVERFLOW: hidden; COLOR: #FF9900; background: #000; TEXT-DECORATION: none; PADDING: 5px 5px 5px 5px; border-collapse: collapse; BORDER-TOP: #326792 1px solid; BORDER-LEFT: #1A486E 1px solid;} #ColourSchemeBlack #HighLightBlue .HeaderSelected { FONT-WEIGHT: bold; FONT-SIZE: 8pt; OVERFLOW: hidden; COLOR: #61a1d8; background: #000; TEXT-DECORATION: none; PADDING: 5px 5px 5px 5px; border-collapse: collapse; BORDER-TOP: #326792 1px solid; BORDER-LEFT: #1A486E 1px solid;} #ColourSchemeBlack #HighLightGreen .HeaderSelected { FONT-WEIGHT: bold; FONT-SIZE: 8pt; OVERFLOW: hidden; COLOR: #00CC66; background: #000; TEXT-DECORATION: none; PADDING: 5px 5px 5px 5px; border-collapse: collapse; BORDER-TOP: #326792 1px solid; BORDER-LEFT: #1A486E 1px solid;} #ColourSchemeBlack #HighLightRed .HeaderSelected { FONT-WEIGHT: bold; FONT-SIZE: 8pt; OVERFLOW: hidden; COLOR: red; background: #000; TEXT-DECORATION: none; PADDING: 5px 5px 5px 5px; border-collapse: collapse; BORDER-TOP: #326792 1px solid; BORDER-LEFT: #1A486E 1px solid;} #ColourSchemeDarkRed .Header { FONT-WEIGHT: bold; FONT-SIZE: 8pt; OVERFLOW: hidden; COLOR: white; background: #990000; TEXT-DECORATION: none; PADDING: 5px 5px 5px 5px; border-collapse: collapse; BORDER-TOP: #800000 1px solid; BORDER-LEFT: #800000 1px solid; } #ColourSchemeDarkRed .HeaderSmall { FONT-SIZE: 7pt; OVERFLOW: hidden; COLOR: white; background: #990000; TEXT-DECORATION: none; PADDING: 5px 5px 5px 5px; border-collapse: collapse; BORDER-TOP: #800000 1px solid; BORDER-LEFT: #800000 1px solid; } #ColourSchemeDarkRed .HeaderWeekend { FONT-WEIGHT: bold; FONT-SIZE: 8pt; OVERFLOW: hidden; COLOR: #CCCCCC; background: #990000; TEXT-DECORATION: none; PADDING: 5px 5px 5px 5px; border-collapse: collapse; BORDER-TOP: #800000 1px solid; BORDER-LEFT: #800000 1px solid;} #ColourSchemeDarkRed #HighLightOrange .HeaderSelected { FONT-WEIGHT: bold; FONT-SIZE: 8pt; OVERFLOW: hidden; COLOR: #FF9900; background: #990000; TEXT-DECORATION: none; PADDING: 5px 5px 5px 5px; border-collapse: collapse; BORDER-TOP: #326792 1px solid; BORDER-LEFT: #1A486E 1px solid;} #ColourSchemeDarkRed #HighLightBlue .HeaderSelected { FONT-WEIGHT: bold; FONT-SIZE: 8pt; OVERFLOW: hidden; COLOR: #61a1d8; background: #990000; TEXT-DECORATION: none; PADDING: 5px 5px 5px 5px; border-collapse: collapse; BORDER-TOP: #326792 1px solid; BORDER-LEFT: #1A486E 1px solid;} #ColourSchemeDarkRed #HighLightGreen .HeaderSelected { FONT-WEIGHT: bold; FONT-SIZE: 8pt; OVERFLOW: hidden; COLOR: #00CC66; background: #990000; TEXT-DECORATION: none; PADDING: 5px 5px 5px 5px; border-collapse: collapse; BORDER-TOP: #326792 1px solid; BORDER-LEFT: #1A486E 1px solid;} #ColourSchemeDarkRed #HighLightRed .HeaderSelected { FONT-WEIGHT: bold; FONT-SIZE: 8pt; OVERFLOW: hidden; COLOR: red; background: #990000; TEXT-DECORATION: none; PADDING: 5px 5px 5px 5px; border-collapse: collapse; BORDER-TOP: #326792 1px solid; BORDER-LEFT: #1A486E 1px solid;} #ColourSchemeDarkGreen .Header { FONT-WEIGHT: bold; FONT-SIZE: 8pt; OVERFLOW: hidden; COLOR: white; background: #666633; TEXT-DECORATION: none; PADDING: 5px 5px 5px 5px; border-collapse: collapse; BORDER-TOP: #800000 1px solid; BORDER-LEFT: #800000 1px solid; } #ColourSchemeDarkGreen .HeaderSmall { FONT-SIZE: 7pt; OVERFLOW: hidden; COLOR: white; background: #666633; TEXT-DECORATION: none; PADDING: 5px 5px 5px 5px; border-collapse: collapse; BORDER-TOP: #800000 1px solid; BORDER-LEFT: #800000 1px solid; } #ColourSchemeDarkGreen .HeaderWeekend { FONT-WEIGHT: bold; FONT-SIZE: 8pt; OVERFLOW: hidden; COLOR: #CCCCCC; background: #666633; TEXT-DECORATION: none; PADDING: 5px 5px 5px 5px; border-collapse: collapse; BORDER-TOP: #800000 1px solid; BORDER-LEFT: #800000 1px solid;} #ColourSchemeDarkGreen #HighLightOrange .HeaderSelected { FONT-WEIGHT: bold; FONT-SIZE: 8pt; OVERFLOW: hidden; COLOR: #FF9900; background: #666633; TEXT-DECORATION: none; PADDING: 5px 5px 5px 5px; border-collapse: collapse; BORDER-TOP: #326792 1px solid; BORDER-LEFT: #1A486E 1px solid;} #ColourSchemeDarkGreen #HighLightBlue .HeaderSelected { FONT-WEIGHT: bold; FONT-SIZE: 8pt; OVERFLOW: hidden; COLOR: #61a1d8; background: #666633; TEXT-DECORATION: none; PADDING: 5px 5px 5px 5px; border-collapse: collapse; BORDER-TOP: #326792 1px solid; BORDER-LEFT: #1A486E 1px solid;} #ColourSchemeDarkGreen #HighLightGreen .HeaderSelected { FONT-WEIGHT: bold; FONT-SIZE: 8pt; OVERFLOW: hidden; COLOR: #00CC66; background: #666633; TEXT-DECORATION: none; PADDING: 5px 5px 5px 5px; border-collapse: collapse; BORDER-TOP: #326792 1px solid; BORDER-LEFT: #1A486E 1px solid;} #ColourSchemeDarkGreen #HighLightRed .HeaderSelected { FONT-WEIGHT: bold; FONT-SIZE: 8pt; OVERFLOW: hidden; COLOR: red; background: #666633; TEXT-DECORATION: none; PADDING: 5px 5px 5px 5px; border-collapse: collapse; BORDER-TOP: #326792 1px solid; BORDER-LEFT: #1A486E 1px solid;} #ColourSchemeDarkGrey .Header { FONT-WEIGHT: bold; FONT-SIZE: 8pt; OVERFLOW: hidden; COLOR: white; background: #666666; TEXT-DECORATION: none; PADDING: 5px 5px 5px 5px; border-collapse: collapse; BORDER-TOP: #800000 1px solid; BORDER-LEFT: #800000 1px solid; } #ColourSchemeDarkGrey .HeaderSmall { FONT-SIZE: 7pt; OVERFLOW: hidden; COLOR: white; background: #666666; TEXT-DECORATION: none; PADDING: 5px 5px 5px 5px; border-collapse: collapse; BORDER-TOP: #800000 1px solid; BORDER-LEFT: #800000 1px solid; } #ColourSchemeDarkGrey .HeaderWeekend { FONT-WEIGHT: bold; FONT-SIZE: 8pt; OVERFLOW: hidden; COLOR: #CCCCCC; background: #666666; TEXT-DECORATION: none; PADDING: 5px 5px 5px 5px; border-collapse: collapse; BORDER-TOP: #800000 1px solid; BORDER-LEFT: #800000 1px solid;} #ColourSchemeDarkGrey #HighLightOrange .HeaderSelected { FONT-WEIGHT: bold; FONT-SIZE: 8pt; OVERFLOW: hidden; COLOR: #FF9900; background: #666666; TEXT-DECORATION: none; PADDING: 5px 5px 5px 5px; border-collapse: collapse; BORDER-TOP: #326792 1px solid; BORDER-LEFT: #1A486E 1px solid;} #ColourSchemeDarkGrey #HighLightBlue .HeaderSelected { FONT-WEIGHT: bold; FONT-SIZE: 8pt; OVERFLOW: hidden; COLOR: #61a1d8; background: #666666; TEXT-DECORATION: none; PADDING: 5px 5px 5px 5px; border-collapse: collapse; BORDER-TOP: #326792 1px solid; BORDER-LEFT: #1A486E 1px solid;} #ColourSchemeDarkGrey #HighLightGreen .HeaderSelected { FONT-WEIGHT: bold; FONT-SIZE: 8pt; OVERFLOW: hidden; COLOR: #00CC66; background: #666666; TEXT-DECORATION: none; PADDING: 5px 5px 5px 5px; border-collapse: collapse; BORDER-TOP: #326792 1px solid; BORDER-LEFT: #1A486E 1px solid;} #ColourSchemeDarkGrey #HighLightRed .HeaderSelected { FONT-WEIGHT: bold; FONT-SIZE: 8pt; OVERFLOW: hidden; COLOR: red; background: #666666; TEXT-DECORATION: none; PADDING: 5px 5px 5px 5px; border-collapse: collapse; BORDER-TOP: #326792 1px solid; BORDER-LEFT: #1A486E 1px solid;} #ColourSchemeBlue .Header { FONT-WEIGHT: bold; FONT-SIZE: 8pt; OVERFLOW: hidden; COLOR: white; background: #0033FF; TEXT-DECORATION: none; PADDING: 5px 5px 5px 5px; border-collapse: collapse; BORDER-TOP: #800000 1px solid; BORDER-LEFT: #800000 1px solid; } #ColourSchemeBlue .HeaderSmall { FONT-SIZE: 7pt; OVERFLOW: hidden; COLOR: white; background: #0033FF; TEXT-DECORATION: none; PADDING: 5px 5px 5px 5px; border-collapse: collapse; BORDER-TOP: #800000 1px solid; BORDER-LEFT: #800000 1px solid; } #ColourSchemeBlue .HeaderWeekend { FONT-WEIGHT: bold; FONT-SIZE: 8pt; OVERFLOW: hidden; COLOR: #CCCCCC; background: #0033FF; TEXT-DECORATION: none; PADDING: 5px 5px 5px 5px; border-collapse: collapse; BORDER-TOP: #800000 1px solid; BORDER-LEFT: #800000 1px solid;} #ColourSchemeBlue #HighLightOrange .HeaderSelected { FONT-WEIGHT: bold; FONT-SIZE: 8pt; OVERFLOW: hidden; COLOR: #FF9900; background: #0033FF; TEXT-DECORATION: none; PADDING: 5px 5px 5px 5px; border-collapse: collapse; BORDER-TOP: #326792 1px solid; BORDER-LEFT: #1A486E 1px solid;} #ColourSchemeBlue #HighLightBlue .HeaderSelected { FONT-WEIGHT: bold; FONT-SIZE: 8pt; OVERFLOW: hidden; COLOR: #61a1d8; background: #0033FF; TEXT-DECORATION: none; PADDING: 5px 5px 5px 5px; border-collapse: collapse; BORDER-TOP: #326792 1px solid; BORDER-LEFT: #1A486E 1px solid;} #ColourSchemeBlue #HighLightGreen .HeaderSelected { FONT-WEIGHT: bold; FONT-SIZE: 8pt; OVERFLOW: hidden; COLOR: #00CC66; background: #0033FF; TEXT-DECORATION: none; PADDING: 5px 5px 5px 5px; border-collapse: collapse; BORDER-TOP: #326792 1px solid; BORDER-LEFT: #1A486E 1px solid;} #ColourSchemeBlue #HighLightRed .HeaderSelected { FONT-WEIGHT: bold; FONT-SIZE: 8pt; OVERFLOW: hidden; COLOR: red; background: #0033FF; TEXT-DECORATION: none; PADDING: 5px 5px 5px 5px; border-collapse: collapse; BORDER-TOP: #326792 1px solid; BORDER-LEFT: #1A486E 1px solid;} #ColourSchemeGreen .Header { FONT-WEIGHT: bold; FONT-SIZE: 8pt; OVERFLOW: hidden; COLOR: white; background: #27AE60; TEXT-DECORATION: none; PADDING: 5px 5px 5px 5px; border-collapse: collapse; BORDER-TOP: #800000 1px solid; BORDER-LEFT: #800000 1px solid; } #ColourSchemeGreen .HeaderSmall { FONT-SIZE: 7pt; OVERFLOW: hidden; COLOR: white; background: #27AE60; TEXT-DECORATION: none; PADDING: 5px 5px 5px 5px; border-collapse: collapse; BORDER-TOP: #800000 1px solid; BORDER-LEFT: #800000 1px solid; } #ColourSchemeGreen .HeaderWeekend { FONT-WEIGHT: bold; FONT-SIZE: 8pt; OVERFLOW: hidden; COLOR: #CCCCCC; background: #27AE60; TEXT-DECORATION: none; PADDING: 5px 5px 5px 5px; border-collapse: collapse; BORDER-TOP: #800000 1px solid; BORDER-LEFT: #800000 1px solid;} #ColourSchemeGreen #HighLightOrange .HeaderSelected { FONT-WEIGHT: bold; FONT-SIZE: 8pt; OVERFLOW: hidden; COLOR: #FF9900; background: #27AE60; TEXT-DECORATION: none; PADDING: 5px 5px 5px 5px; border-collapse: collapse; BORDER-TOP: #326792 1px solid; BORDER-LEFT: #1A486E 1px solid;} #ColourSchemeGreen #HighLightBlue .HeaderSelected { FONT-WEIGHT: bold; FONT-SIZE: 8pt; OVERFLOW: hidden; COLOR: #61a1d8; background: #27AE60; TEXT-DECORATION: none; PADDING: 5px 5px 5px 5px; border-collapse: collapse; BORDER-TOP: #326792 1px solid; BORDER-LEFT: #1A486E 1px solid;} #ColourSchemeGreen #HighLightGreen .HeaderSelected { FONT-WEIGHT: bold; FONT-SIZE: 8pt; OVERFLOW: hidden; COLOR: #00CC66; background: #27AE60; TEXT-DECORATION: none; PADDING: 5px 5px 5px 5px; border-collapse: collapse; BORDER-TOP: #326792 1px solid; BORDER-LEFT: #1A486E 1px solid;} #ColourSchemeGreen #HighLightRed .HeaderSelected { FONT-WEIGHT: bold; FONT-SIZE: 8pt; OVERFLOW: hidden; COLOR: red; background: #27AE60; TEXT-DECORATION: none; PADDING: 5px 5px 5px 5px; border-collapse: collapse; BORDER-TOP: #326792 1px solid; BORDER-LEFT: #1A486E 1px solid;} #ColourSchemeMustard .Header { FONT-WEIGHT: bold; FONT-SIZE: 8pt; OVERFLOW: hidden; COLOR: white; background: #D4AC0D; TEXT-DECORATION: none; PADDING: 5px 5px 5px 5px; border-collapse: collapse; BORDER-TOP: #B9770E 1px solid; BORDER-LEFT: #B9770E 1px solid; } #ColourSchemeMustard .HeaderSmall { FONT-SIZE: 7pt; OVERFLOW: hidden; COLOR: white; background: #D4AC0D; TEXT-DECORATION: none; PADDING: 5px 5px 5px 5px; border-collapse: collapse; BORDER-TOP: #B9770E 1px solid; BORDER-LEFT: #B9770E 1px solid; } #ColourSchemeMustard .HeaderWeekend { FONT-WEIGHT: bold; FONT-SIZE: 8pt; OVERFLOW: hidden; COLOR: #CCCCCC; background: #D4AC0D; TEXT-DECORATION: none; PADDING: 5px 5px 5px 5px; border-collapse: collapse; BORDER-TOP: #B9770E 1px solid; BORDER-LEFT: #B9770E 1px solid;} #ColourSchemeMustard #HighLightOrange .HeaderSelected { FONT-WEIGHT: bold; FONT-SIZE: 8pt; OVERFLOW: hidden; COLOR: #FF9900; background: #D4AC0D; TEXT-DECORATION: none; PADDING: 5px 5px 5px 5px; border-collapse: collapse; BORDER-TOP: #B9770E 1px solid; BORDER-LEFT: #B9770E 1px solid;} #ColourSchemeMustard #HighLightBlue .HeaderSelected { FONT-WEIGHT: bold; FONT-SIZE: 8pt; OVERFLOW: hidden; COLOR: #61a1d8; background: #D4AC0D; TEXT-DECORATION: none; PADDING: 5px 5px 5px 5px; border-collapse: collapse; BORDER-TOP: #B9770E 1px solid; BORDER-LEFT: #B9770E 1px solid;} #ColourSchemeMustard #HighLightGreen .HeaderSelected { FONT-WEIGHT: bold; FONT-SIZE: 8pt; OVERFLOW: hidden; COLOR: #00CC66; background: #D4AC0D; TEXT-DECORATION: none; PADDING: 5px 5px 5px 5px; border-collapse: collapse; BORDER-TOP: #B9770E 1px solid; BORDER-LEFT: #B9770E 1px solid;} #ColourSchemeMustard #HighLightRed .HeaderSelected { FONT-WEIGHT: bold; FONT-SIZE: 8pt; OVERFLOW: hidden; COLOR: red; background: #D4AC0D; TEXT-DECORATION: none; PADDING: 5px 5px 5px 5px; border-collapse: collapse; BORDER-TOP: #B9770E 1px solid; BORDER-LEFT: #B9770E 1px solid;} #ColourSchemeDarkOrange .Header { FONT-WEIGHT: bold; FONT-SIZE: 8pt; OVERFLOW: hidden; COLOR: white; background: #FF8C00; TEXT-DECORATION: none; PADDING: 5px 5px 5px 5px; border-collapse: collapse; BORDER-TOP: #800000 1px solid; BORDER-LEFT: #800000 1px solid; } #ColourSchemeDarkOrange .HeaderSmall { FONT-SIZE: 7pt; OVERFLOW: hidden; COLOR: white; background: #FF8C00; TEXT-DECORATION: none; PADDING: 5px 5px 5px 5px; border-collapse: collapse; BORDER-TOP: #800000 1px solid; BORDER-LEFT: #800000 1px solid; } #ColourSchemeDarkOrange .HeaderWeekend { FONT-WEIGHT: bold; FONT-SIZE: 8pt; OVERFLOW: hidden; COLOR: #CCCCCC; background: #FF8C00; TEXT-DECORATION: none; PADDING: 5px 5px 5px 5px; border-collapse: collapse; BORDER-TOP: #800000 1px solid; BORDER-LEFT: #800000 1px solid;} #ColourSchemeDarkOrange #HighLightOrange .HeaderSelected { FONT-WEIGHT: bold; FONT-SIZE: 8pt; OVERFLOW: hidden; COLOR: #FF9900; background: #FF8C00; TEXT-DECORATION: none; PADDING: 5px 5px 5px 5px; border-collapse: collapse; BORDER-TOP: #326792 1px solid; BORDER-LEFT: #1A486E 1px solid;} #ColourSchemeDarkOrange #HighLightBlue .HeaderSelected { FONT-WEIGHT: bold; FONT-SIZE: 8pt; OVERFLOW: hidden; COLOR: #61a1d8; background: #FF8C00; TEXT-DECORATION: none; PADDING: 5px 5px 5px 5px; border-collapse: collapse; BORDER-TOP: #326792 1px solid; BORDER-LEFT: #1A486E 1px solid;} #ColourSchemeDarkOrange #HighLightGreen .HeaderSelected { FONT-WEIGHT: bold; FONT-SIZE: 8pt; OVERFLOW: hidden; COLOR: #00CC66; background: #FF8C00; TEXT-DECORATION: none; PADDING: 5px 5px 5px 5px; border-collapse: collapse; BORDER-TOP: #326792 1px solid; BORDER-LEFT: #1A486E 1px solid;} #ColourSchemeDarkOrange #HighLightRed .HeaderSelected { FONT-WEIGHT: bold; FONT-SIZE: 8pt; OVERFLOW: hidden; COLOR: red; background: #FF8C00; TEXT-DECORATION: none; PADDING: 5px 5px 5px 5px; border-collapse: collapse; BORDER-TOP: #326792 1px solid; BORDER-LEFT: #1A486E 1px solid;} #ColourSchemePurple .Header { FONT-WEIGHT: bold; FONT-SIZE: 8pt; OVERFLOW: hidden; COLOR: white; background: #663399; TEXT-DECORATION: none; PADDING: 5px 5px 5px 5px; border-collapse: collapse; BORDER-TOP: #800000 1px solid; BORDER-LEFT: #800000 1px solid; } #ColourSchemePurple .HeaderSmall { FONT-SIZE: 7pt; OVERFLOW: hidden; COLOR: white; background: #663399; TEXT-DECORATION: none; PADDING: 5px 5px 5px 5px; border-collapse: collapse; BORDER-TOP: #800000 1px solid; BORDER-LEFT: #800000 1px solid; } #ColourSchemePurple .HeaderWeekend { FONT-WEIGHT: bold; FONT-SIZE: 8pt; OVERFLOW: hidden; COLOR: #CCCCCC; background: #663399; TEXT-DECORATION: none; PADDING: 5px 5px 5px 5px; border-collapse: collapse; BORDER-TOP: #800000 1px solid; BORDER-LEFT: #800000 1px solid;} #ColourSchemePurple #HighLightOrange .HeaderSelected { FONT-WEIGHT: bold; FONT-SIZE: 8pt; OVERFLOW: hidden; COLOR: #FF9900; background: #663399; TEXT-DECORATION: none; PADDING: 5px 5px 5px 5px; border-collapse: collapse; BORDER-TOP: #326792 1px solid; BORDER-LEFT: #1A486E 1px solid;} #ColourSchemePurple #HighLightBlue .HeaderSelected { FONT-WEIGHT: bold; FONT-SIZE: 8pt; OVERFLOW: hidden; COLOR: #61a1d8; background: #663399; TEXT-DECORATION: none; PADDING: 5px 5px 5px 5px; border-collapse: collapse; BORDER-TOP: #326792 1px solid; BORDER-LEFT: #1A486E 1px solid;} #ColourSchemePurple #HighLightGreen .HeaderSelected { FONT-WEIGHT: bold; FONT-SIZE: 8pt; OVERFLOW: hidden; COLOR: #00CC66; background: #663399; TEXT-DECORATION: none; PADDING: 5px 5px 5px 5px; border-collapse: collapse; BORDER-TOP: #326792 1px solid; BORDER-LEFT: #1A486E 1px solid;} #ColourSchemePurple #HighLightRed .HeaderSelected { FONT-WEIGHT: bold; FONT-SIZE: 8pt; OVERFLOW: hidden; COLOR: red; background: #663399; TEXT-DECORATION: none; PADDING: 5px 5px 5px 5px; border-collapse: collapse; BORDER-TOP: #326792 1px solid; BORDER-LEFT: #1A486E 1px solid;} /* .HeaderMain { FONT-WEIGHT: bold; FONT-SIZE: 10pt; OVERFLOW: hidden; COLOR: white; background: #143652; TEXT-DECORATION: none; PADDING: 3px 3px 3px 13px; border-collapse: collapse; BORDER-TOP: #326792 1px solid; BORDER-LEFT: #1A486E 1px solid; } .HeaderMainAlt { FONT-WEIGHT: bold; FONT-SIZE: 10pt; OVERFLOW: hidden; COLOR: white; background: #009966; TEXT-DECORATION: none; PADDING: 3px 3px 3px 13px; border-collapse: collapse; BORDER-TOP: #00FF99 1px solid; BORDER-LEFT: #006242 1px solid; } .HeaderTitle { FONT-WEIGHT: bold; FONT-SIZE: 13pt; OVERFLOW: hidden; COLOR: white; TEXT-DECORATION: none; } .SearchHolder { background: #EEE; PADDING: 0px 0px 0px 0px; border-width: 1px; border-style: solid; border-color: #CCC;} .SearchTable { FONT-SIZE: 8pt; COLOR: #00182C; PADDING: 5px 5px 5px 5px; } .SearchText { FONT-SIZE: 8pt; } */ /*-- Tooltips http://www.cssportal.com/css-tooltip-generator/ --*/ /*-- used for Property and Group search.. */ a.tooltipsSold { position: relative; display: inline; COLOR: #777; TEXT-DECORATION: none; font-size : 7pt; } a:hover.tooltipsSold { TEXT-DECORATION: underline; } a.tooltipsSold span { position: absolute; width:150px; color: #000000; background: #66FF66; height: 45px; padding-top: 10px; line-height: 17px; text-align: center; visibility: hidden; border-radius: 6px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 9pt; } a.tooltipsSold span:after { content: ''; position: absolute; bottom: 100%; left: 50%; margin-left: -8px; width: 0; height: 0; border-bottom: 8px solid #66FF66; border-right: 8px solid transparent; border-left: 8px solid transparent; } a:hover.tooltipsSold span { visibility: visible; opacity: 0.8; top: 30px; left: 50%; margin-left: -76px; z-index: 99; } /* -- 1 line --*/ a.tooltipsOneLine { position: relative; display: inline; COLOR: #344282; TEXT-DECORATION: underline; } a.tooltipsOneLine span { position: absolute; width:150px; color: #000000; background: #66FF66; height: 25px; padding-top: 10px; line-height: 17px; text-align: center; visibility: hidden; border-radius: 6px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 9pt; } a.tooltipsOneLine span:after { content: ''; position: absolute; bottom: 100%; left: 50%; margin-left: -8px; width: 0; height: 0; border-bottom: 8px solid #66FF66; border-right: 8px solid transparent; border-left: 8px solid transparent; } a:hover.tooltipsOneLine span { visibility: visible; opacity: 0.8; top: 30px; left: 50%; margin-left: -76px; z-index: 99; } /* -- 2 lines --*/ a.tooltips { position: relative; display: inline; COLOR: #000; TEXT-DECORATION: underline; } a.tooltips span { position: absolute; width:150px; color: #000000; background: #66FF66; height: 45px; padding-top: 10px; line-height: 17px; text-align: center; visibility: hidden; border-radius: 6px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 9pt; } a.tooltips span:after { content: ''; position: absolute; bottom: 100%; left: 50%; margin-left: -8px; width: 0; height: 0; border-bottom: 8px solid #66FF66; border-right: 8px solid transparent; border-left: 8px solid transparent; } a:hover.tooltips span { visibility: visible; opacity: 0.8; top: 30px; left: 50%; margin-left: -76px; z-index: 99; } /* -- 3 lines --*/ a.tooltipsThreeLines { position: relative; display: inline; COLOR: #344282; TEXT-DECORATION: underline; } a.tooltipsThreeLines span { position: absolute; width:150px; color: #000000; background: #66FF66; height: 65px; padding-top: 10px; line-height: 17px; text-align: center; visibility: hidden; border-radius: 6px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 9pt; } a.tooltipsThreeLines span:after { content: ''; position: absolute; bottom: 100%; left: 50%; margin-left: -8px; width: 0; height: 0; border-bottom: 8px solid #66FF66; border-right: 8px solid transparent; border-left: 8px solid transparent; } a:hover.tooltipsThreeLines span { visibility: visible; opacity: 0.8; top: 30px; left: 50%; margin-left: -76px; z-index: 99; } /* -- 4 lines --*/ a.tooltipsFourLines { position: relative; display: inline; COLOR: #344282; TEXT-DECORATION: underline; } a.tooltipsFourLines span { position: absolute; width:150px; color: #000000; background: #66FF66; height: 85px; padding-top: 10px; line-height: 17px; text-align: center; visibility: hidden; border-radius: 6px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 9pt; } a.tooltipsFourLines span:after { content: ''; position: absolute; bottom: 100%; left: 50%; margin-left: -8px; width: 0; height: 0; border-bottom: 8px solid #66FF66; border-right: 8px solid transparent; border-left: 8px solid transparent; } a:hover.tooltipsFourLines span { visibility: visible; opacity: 0.8; top: 30px; left: 50%; margin-left: -76px; z-index: 99; } /* -- Booking Sequence Common -- */ /*-- Booking Sequence Progress Block --*/ #OnlineBookingHeaderFull { display: block; } #OnlineBookingHeaderMobile { display: none; } #ColourSchemeNavy .OnlineBookingHeader { FONT-WEIGHT: bold; FONT-SIZE: 14pt; OVERFLOW: hidden; COLOR: white; background: #143652; TEXT-DECORATION: none; PADDING: 10px 10px 10px 10px; border-collapse: collapse; } #ColourSchemeBlack .OnlineBookingHeader { FONT-WEIGHT: bold; FONT-SIZE: 14pt; OVERFLOW: hidden; COLOR: white; background: #000; TEXT-DECORATION: none; PADDING: 10px 10px 10px 10px; border-collapse: collapse; } #ColourSchemeDarkRed .OnlineBookingHeader { FONT-WEIGHT: bold; FONT-SIZE: 14pt; OVERFLOW: hidden; COLOR: white; background: #990000; TEXT-DECORATION: none; PADDING: 10px 10px 10px 10px; border-collapse: collapse; } #ColourSchemeDarkGreen .OnlineBookingHeader { FONT-WEIGHT: bold; FONT-SIZE: 14pt; OVERFLOW: hidden; COLOR: white; background: #666633; TEXT-DECORATION: none; PADDING: 10px 10px 10px 10px; border-collapse: collapse; } #ColourSchemeDarkGrey .OnlineBookingHeader { FONT-WEIGHT: bold; FONT-SIZE: 14pt; OVERFLOW: hidden; COLOR: white; background: #666666; TEXT-DECORATION: none; PADDING: 10px 10px 10px 10px; border-collapse: collapse; } #ColourSchemeBlue .OnlineBookingHeader { FONT-WEIGHT: bold; FONT-SIZE: 14pt; OVERFLOW: hidden; COLOR: white; background: #0033FF; TEXT-DECORATION: none; PADDING: 10px 10px 10px 10px; border-collapse: collapse; } #ColourSchemeGreen .OnlineBookingHeader { FONT-WEIGHT: bold; FONT-SIZE: 14pt; OVERFLOW: hidden; COLOR: white; background: #27AE60; TEXT-DECORATION: none; PADDING: 10px 10px 10px 10px; border-collapse: collapse; } #ColourSchemeMustard .OnlineBookingHeader { FONT-WEIGHT: bold; FONT-SIZE: 14pt; OVERFLOW: hidden; COLOR: white; background: #D4AC0D; TEXT-DECORATION: none; PADDING: 10px 10px 10px 10px; border-collapse: collapse; } #ColourSchemeDarkOrange .OnlineBookingHeader { FONT-WEIGHT: bold; FONT-SIZE: 14pt; OVERFLOW: hidden; COLOR: white; background: #FF8C00; TEXT-DECORATION: none; PADDING: 10px 10px 10px 10px; border-collapse: collapse; } #ColourSchemePurple .OnlineBookingHeader { FONT-WEIGHT: bold; FONT-SIZE: 14pt; OVERFLOW: hidden; COLOR: white; background: #663399; TEXT-DECORATION: none; PADDING: 10px 10px 10px 10px; border-collapse: collapse; } .BookingHeader { FONT-WEIGHT: bold; FONT-SIZE: 8pt; OVERFLOW: hidden; COLOR: white; background: #143652; TEXT-DECORATION: none; PADDING: 5px 5px 5px 5px; border-collapse: collapse; BORDER-TOP: #326792 1px solid; BORDER-LEFT: #1A486E 1px solid; } .BookingHeader { FONT-WEIGHT: bold; FONT-SIZE: 8pt; OVERFLOW: hidden; COLOR: white; background: #000; TEXT-DECORATION: none; PADDING: 5px 5px 5px 5px; border-collapse: collapse; BORDER-TOP: #326792 1px solid; BORDER-LEFT: #1A486E 1px solid; } .BookingHeader { FONT-WEIGHT: bold; FONT-SIZE: 8pt; OVERFLOW: hidden; COLOR: white; background: #990000; TEXT-DECORATION: none; PADDING: 5px 5px 5px 5px; border-collapse: collapse; BORDER-TOP: #326792 1px solid; BORDER-LEFT: #1A486E 1px solid; } .BookingHeaderSelected { FONT-WEIGHT: bold; FONT-SIZE: 8pt; OVERFLOW: hidden; COLOR: #FF9900; background: #143652; TEXT-DECORATION: none; PADDING: 5px 5px 5px 5px; border-collapse: collapse; BORDER-TOP: #326792 1px solid; BORDER-LEFT: #1A486E 1px solid;} .BookingHeaderGrey { FONT-WEIGHT: bold; FONT-SIZE: 8pt; OVERFLOW: hidden; COLOR: #CCCCCC; background: #143652; TEXT-DECORATION: none; PADDING: 5px 5px 5px 5px; border-collapse: collapse; BORDER-TOP: #326792 1px solid; BORDER-LEFT: #1A486E 1px solid;} .HeaderStepDone { FONT-WEIGHT: bold; FONT-SIZE: 13pt; OVERFLOW: hidden; COLOR: white; TEXT-DECORATION: none; } .HeaderStep { FONT-WEIGHT: bold; FONT-SIZE: 13pt; OVERFLOW: hidden; COLOR: #cccccc; TEXT-DECORATION: none; } /*-- Property Details Block --*/ #PropertyNameBlock { width:100%; margin :0 auto; } #PropertyTitle { width:50%; float:left; } #PropertyTitle h1 { FONT-WEIGHT: bold; FONT-SIZE: 15pt; COLOR: #000; TEXT-DECORATION: none; MARGIN: 0px 0px 3px 0px } #PropertyTitle h3 { FONT-WEIGHT: bold; FONT-SIZE: 10pt; color: #555; MARGIN: 0px 0px 7px 0px } #PropertyNameBlock #PropertyLogo { width:50%; float:right; text-align:right; } /*-- Simple 2-column layout --*/ #TwoColumns { width:100%; margin :0 auto; } #TwoColumnsLHS { width:50%; float:left; } #TwoColumnsRHS { width:50%; float:right; } /*-- Responsive blocks --*/ @media screen and (max-width: 700px) { #OnlineBookingHeaderFull { display: none; } #OnlineBookingHeaderMobile { display: block; } } /* -- Property Search Page -- */ /*-- Shopping Basket --*/ .ShoppingBasket { width:100%; border: 0px; PADDING: 0px 0px 0px 0px; MARGIN: 0px 0px 0px 0px; display:block; float:left; } #ColourSchemeNavy .ShoppingBasketTitle { background: #143652; COLOR: #FFFFFF; FONT-WEIGHT: bold; FONT-SIZE: 11pt; display:block; PADDING: 5px 10px 5px 10px; border: 0px; } #ColourSchemeBlack .ShoppingBasketTitle { background: #000; COLOR: #FFFFFF; FONT-WEIGHT: bold; FONT-SIZE: 11pt; display:block; PADDING: 5px 10px 5px 10px; border: 0px; } #ColourSchemeDarkRed .ShoppingBasketTitle { background: #990000; COLOR: #FFFFFF; FONT-WEIGHT: bold; FONT-SIZE: 11pt; display:block; PADDING: 5px 10px 5px 10px; border: 0px; } #ColourSchemeDarkGreen .ShoppingBasketTitle { background: #666633; COLOR: #FFFFFF; FONT-WEIGHT: bold; FONT-SIZE: 11pt; display:block; PADDING: 5px 10px 5px 10px; border: 0px; } #ColourSchemeDarkGrey .ShoppingBasketTitle { background: #666666; COLOR: #FFFFFF; FONT-WEIGHT: bold; FONT-SIZE: 11pt; display:block; PADDING: 5px 10px 5px 10px; border: 0px; } #ColourSchemeBlue .ShoppingBasketTitle { background: #0033FF; COLOR: #FFFFFF; FONT-WEIGHT: bold; FONT-SIZE: 11pt; display:block; PADDING: 5px 10px 5px 10px; border: 0px; } #ColourSchemeGreen .ShoppingBasketTitle { background: #27AE60; COLOR: #FFFFFF; FONT-WEIGHT: bold; FONT-SIZE: 11pt; display:block; PADDING: 5px 10px 5px 10px; border: 0px; } #ColourSchemeMustard .ShoppingBasketTitle { background: #D4AC0D; COLOR: #FFFFFF; FONT-WEIGHT: bold; FONT-SIZE: 11pt; display:block; PADDING: 5px 10px 5px 10px; border: 0px; } #ColourSchemeDarkOrange .ShoppingBasketTitle { background: #FF8C00; COLOR: #FFFFFF; FONT-WEIGHT: bold; FONT-SIZE: 11pt; display:block; PADDING: 5px 10px 5px 10px; border: 0px; } #ColourSchemePurple .ShoppingBasketTitle { background: #663399; COLOR: #FFFFFF; FONT-WEIGHT: bold; FONT-SIZE: 11pt; display:block; PADDING: 5px 10px 5px 10px; border: 0px; } #ThemeClassic .ShoppingBasketDetail { background: #FFF; COLOR: #000; FONT-WEIGHT: normal; FONT-SIZE: 9pt; display:block; padding: 10px 10px 5px 10px; } #ThemeWhiteBackground .ShoppingBasketDetail { background: #EEE; COLOR: #000; FONT-WEIGHT: normal; FONT-SIZE: 9pt; display:block; padding: 10px 10px 5px 10px; } /*-- Booking Form Block --*/ .BookingForm { width:325px; border:0px; PADDING: 0px 0px 0px 0px; MARGIN: 0px 0px 0px 0px; display:block; float:left; } #ColourSchemeNavy .BookingFormTitle { background: #143652; COLOR: #FFFFFF; FONT-WEIGHT: bold; FONT-SIZE: 11pt; display:block; PADDING: 5px 10px 5px 10px; border: 0px; text-transform: uppercase; } #ColourSchemeBlack .BookingFormTitle { background: #000; COLOR: #FFFFFF; FONT-WEIGHT: bold; FONT-SIZE: 11pt; display:block; PADDING: 5px 10px 5px 10px; border: 0px; text-transform: uppercase; } #ColourSchemeDarkRed .BookingFormTitle { background: #990000; COLOR: #FFFFFF; FONT-WEIGHT: bold; FONT-SIZE: 11pt; display:block; PADDING: 5px 10px 5px 10px; border: 0px; text-transform: uppercase; } #ColourSchemeDarkGreen .BookingFormTitle { background: #666633; COLOR: #FFFFFF; FONT-WEIGHT: bold; FONT-SIZE: 11pt; display:block; PADDING: 5px 10px 5px 10px; border: 0px; text-transform: uppercase; } #ColourSchemeDarkGrey .BookingFormTitle { background: #666666; COLOR: #FFFFFF; FONT-WEIGHT: bold; FONT-SIZE: 11pt; display:block; PADDING: 5px 10px 5px 10px; border: 0px; text-transform: uppercase; } #ColourSchemeBlue .BookingFormTitle { background: #0033FF; COLOR: #FFFFFF; FONT-WEIGHT: bold; FONT-SIZE: 11pt; display:block; PADDING: 5px 10px 5px 10px; border: 0px; text-transform: uppercase; } #ColourSchemeGreen .BookingFormTitle { background: #27AE60; COLOR: #FFFFFF; FONT-WEIGHT: bold; FONT-SIZE: 11pt; display:block; PADDING: 5px 10px 5px 10px; border: 0px; text-transform: uppercase; } #ColourSchemeMustard .BookingFormTitle { background: #D4AC0D; COLOR: #FFFFFF; FONT-WEIGHT: bold; FONT-SIZE: 11pt; display:block; PADDING: 5px 10px 5px 10px; border: 0px; text-transform: uppercase; } #ColourSchemeDarkOrange .BookingFormTitle { background: #FF8C00; COLOR: #FFFFFF; FONT-WEIGHT: bold; FONT-SIZE: 11pt; display:block; PADDING: 5px 10px 5px 10px; border: 0px; text-transform: uppercase; } #ColourSchemePurple .BookingFormTitle { background: #663399; COLOR: #FFFFFF; FONT-WEIGHT: bold; FONT-SIZE: 11pt; display:block; PADDING: 5px 10px 5px 10px; border: 0px; text-transform: uppercase; } #ThemeClassic .BookingFormDetail { background: #FAFAFA; COLOR: #000; FONT-WEIGHT: normal; FONT-SIZE: 9pt; display:block; padding: 10px 10px 5px 10px; } #ThemeWhiteBackground .BookingFormDetail { background: #EEE; COLOR: #000; FONT-WEIGHT: normal; FONT-SIZE: 9pt; display:block; padding: 10px 10px 5px 10px; } /*-- Special Offers --*/ .SpecialOfferRHS { width:100%; PADDING: 0px 0px 0px 0px; MARGIN: 0px 0px 10px 0px; display:block; float:right; border: solid 0px #990000; border-collapse:collapse; } .SpecialOfferTitle { background: #990000; COLOR: #FFFFFF; FONT-WEIGHT: bold; FONT-SIZE: 11pt; display:block; PADDING: 5px 10px 5px 10px; margin: 0px; } #ThemeClassic .SpecialOfferDetail { background: #FFF; COLOR: #000; FONT-WEIGHT: normal; FONT-SIZE: 9pt; display:block; padding: 10px 10px 5px 10px; } #ThemeClassic .SpecialOfferSmallPrint { background: #FFF; COLOR: #AAA; FONT-WEIGHT: normal; FONT-SIZE: 7pt; display:block; padding: 0px 10px 5px 10px; } #ThemeWhiteBackground .SpecialOfferDetail { background: #EEE; COLOR: #000; FONT-WEIGHT: normal; FONT-SIZE: 9pt; display:block; padding: 10px 10px 5px 10px; } #ThemeWhiteBackground .SpecialOfferSmallPrint { background: #EEE; COLOR: #AAA; FONT-WEIGHT: normal; FONT-SIZE: 7pt; display:block; padding: 0px 10px 5px 10px; } /*-- Tabs --*/ #TabHolder { margin :0 auto; display:block; } #tabs { font-size: 10pt; } #tabs ul { list-style: none; PADDING: 0px 0px 0px 0px; MARGIN: 0px 0px 0px 0px; } #tabs li { float: left; margin: 0; margin-right: 5px; } #tabs a { text-decoration: none; display: block; PADDING: 7px 7px 7px 7px; color: black; text-align: center; } #ThemeClassic #tabs a:hover { background: white; } #ThemeWhiteBackground #tabs a:hover { background: #EEE; } #HighLightOrange #tabs #selected { border-color: #DDD; top: 1px; border-top: 3px solid orange; border-bottom: 0px; } #HighLightBlue #tabs #selected { border-color: #DDD; top: 1px; border-top: 3px solid #61a1d8; border-bottom: 0px; } #HighLightGreen #tabs #selected { border-color: #DDD; top: 1px; border-top: 3px solid #00CC66; border-bottom: 0px; } #HighLightRed #tabs #selected { border-color: #DDD; top: 1px; border-top: 3px solid red; border-bottom: 0px; } #ThemeClassic #tabs #selected a { position: relative; top: 0px; background: white; color: black; font-weight: bold; } #ThemeClassic #tabs #unselected { border-color: #DDD; top: 1px; border-top: 3px solid #bbb; background: #EEE; } #ThemeWhiteBackground #tabs #selected a { position: relative; top: 0px; background: #EEE; color: black; font-weight: bold; } #ThemeWhiteBackground #tabs #unselected { border-color: #DDD; top: 1px; border-top: 3px solid #bbb; background: #DDD; } #tabs #filler { width: 100%; } /*-- Search Results --*/ #ThemeClassic #SearchResultsBlock { background: #FFF; Padding: 10px; margin: 0px; } #ThemeWhiteBackground #SearchResultsBlock { background: #EEE; Padding: 10px; margin: 0px; } #ClickToBook { width:100%; padding: 10px 0 10px 0; } #PriceInfoBlock { width:100%; padding: 10px 0 10px 0; font-size:10px; color: #666 } /*.SearchBlock { FONT-FAMILY: "Trebuchet MS", Arial, Helvetica, sans-serif; }*/ /*-- Deals View --*/ .ListViewTopRow { background: #F0F0F0; PADDING: 10px 5px 10px 5px; BORDER-LEFT: #CCCCCC 0px solid; BORDER-TOP: #CCCCCC 1px solid; BORDER-BOTTOM: #CCCCCC 1px solid; BORDER-RIGHT: #CCCCCC 0px solid; } .ListViewRow1 { background: #F0F0F0; PADDING: 10px 5px 10px 5px; BORDER-LEFT: #CCCCCC 0px solid; BORDER-TOP: #CCCCCC 0px solid; BORDER-BOTTOM: #CCCCCC 1px solid; BORDER-RIGHT: #CCCCCC 0px solid; } .ListViewRow2 { background: #E6E6E6; PADDING: 10px 5px 10px 5px; BORDER-LEFT: #CCCCCC 0px solid; BORDER-TOP: #CCCCCC 0px solid; BORDER-BOTTOM: #CCCCCC 1px solid; BORDER-RIGHT: #CCCCCC 0px solid; } .ActiveButton { font-family: FontinSansBold, Arial, Helvetica, sans-serif; FONT-WEIGHT: bold; font-size: 1em; background: orange; color: #FFFFFF; PADDING: 5px 5px 5px 5px; border-width: 0px; border-style: solid; border-color: #1C6590; border-radius: 5px; } .NonActiveButton { font-family: FontinSansBold, Arial, Helvetica, sans-serif; FONT-WEIGHT: bold; font-size: 1em; background: #A4A4A4; color: #FFFFFF; PADDING: 5px 5px 5px 5px; border-width: 1px; border-style: solid; border-color: #9D9D9D; border-radius: 5px; } :hover.NonActiveButton { background: orange; border-color: orange; } a.NonActiveLink { TEXT-DECORATION: none; font-family: FontinSansBold, Arial, Helvetica, sans-serif; FONT-WEIGHT: bold; font-size: 1em; color: #FFFFFF; } a:hover.NonActiveLink { background: orange; } .ListViewPrice { font-family: FontinSansBold, Arial, Helvetica, sans-serif; FONT-SIZE: 20pt; COLOR: #00182C; FONT-WEIGHT: bold; MARGIN: 0px 0px 0px 0px; display:block; } .ListViewPriceRateCard { font-family: FontinSansBold, Arial, Helvetica, sans-serif; FONT-SIZE: 16pt; COLOR: #00182C; FONT-WEIGHT: bold; MARGIN: 0px 0px 0px 0px; display:block; } a.ListViewPropertyTitle { TEXT-DECORATION: none; font-family: FontinSansBold, Arial, Helvetica, sans-serif; FONT-SIZE: 12pt; COLOR: #252525; FONT-WEIGHT: bold; MARGIN: 0px 0px 4px 0px; } a:hover.ListViewPropertyTitle { TEXT-DECORATION: underline; } /*-- Availability Grid View --*/ a.GridNextPrev { COLOR: #344282; TEXT-DECORATION: none } a:hover.GridNextPrev { TEXT-DECORATION: underline } .RoomTitle, a.RoomTitle { TEXT-DECORATION: none; FONT-SIZE: 11pt; COLOR: #000; FONT-WEIGHT: bold; MARGIN: 0px 0px 4px 0px; display:block;} a:hover.RoomTitle { TEXT-DECORATION: underline; } /*-- mouse over details --*/ .RoomDescription { z-index: 10000; display: none; position: absolute; border: 2px; border-color: #888888; border-style:solid; left: 20px; top: 30px; width: 300px; padding: 10px; background-color:#FFFFFF; } .NewToolTip { display: none; position: absolute; border: 2px; border-color: #888888; border-style:solid; left: 20px; top: 30px; padding: 5px; background-color:#66FF66; } a.RoomDetails { TEXT-DECORATION: none; FONT-WEIGHT: normal; FONT-SIZE: 8pt; COLOR: #777; } a:hover.RoomDetails { TEXT-DECORATION: underline; } .RoomPhotos { margin: 5px 0px 0px 0px; display: block; } .RoomPhotoLegacy { display: none; position: absolute; border: 2px; border-color: #888888; border-style:solid; left: 20px; top: 30px; width: 100px; height: 65px; padding: 10px; background-color:#FFFFFF; } .RoomPhoto { z-index: 10000; display: none; position: absolute; border: 2px; border-color: #888888; border-style:solid; left: 20px; top: 30px; width: 300px; padding: 10px; background-color:#FFFFFF; } .RoomPhotoTitle { TEXT-DECORATION: none; FONT-SIZE: 10pt; COLOR: #000; width: 300px; text-align:center; Display: block; MARGIN: 5px 0px 0px 0px;} .ListingSpecialOffer { FONT-WEIGHT: bold; FONT-SIZE: 13pt; TEXT-TRANSFORM: capitalize; COLOR: red; MARGIN: 0px 0px 5px 0px; } .RateDescriptor { TEXT-DECORATION: none; FONT-SIZE: 8pt; COLOR: #009966; FONT-WEIGHT: bold; } .BookingGridPrice { COLOR: #000; FONT-WEIGHT: normal; FONT-SIZE: 9pt; TEXT-DECORATION: none;} .BookingGridPriceNotes { COLOR: #000; FONT-WEIGHT: normal; FONT-SIZE: 9pt; TEXT-DECORATION: none;} .RateDescriptor { TEXT-DECORATION: none; font-family: FontinSansBold, Arial, Helvetica, sans-serif; FONT-SIZE: 9pt; COLOR: #009966; FONT-WEIGHT: bold; } /*-- table : note no background colours in row styles --*/ .SearchResultsRoomTitle, a.SearchResultsRoomTitle { TEXT-DECORATION: none; FONT-SIZE: 9pt; COLOR: #000; FONT-WEIGHT: bold; MARGIN: 0px 0px 4px 0px; display:block;} .SearchRateCardCode { TEXT-DECORATION: none; FONT-SIZE: 8pt; COLOR: #777; Display: block; MARGIN: 0px 0px 0px 0px; } .GridTopRow { font-size: 8pt; font-weight: normal; COLOR: #00182C; padding-top: 5px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; border: #CCCCCC 1px solid; line-height:120%;} .GridRow1 { font-size: 8pt; font-weight: normal; COLOR: #00182C; padding-top: 5px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; border: #CCCCCC 1px solid; line-height:120%;} .GridRow2 { font-size: 8pt; font-weight: normal; COLOR: #00182C; padding-top: 5px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; border: #CCCCCC 1px solid; line-height:120%;} .GridPrice { FONT-SIZE: 8pt; } .GridCell { width: 50px; font-size: 8pt; font-weight: normal; COLOR: #00182C; padding: 5px; border: #CCCCCC 1px solid; } a.GridPrice { COLOR: #344282; TEXT-DECORATION: underline; z-index: 1; } a:hover.GridPrice { TEXT-DECORATION: none; z-index: 1;} a.GridUnavailable { COLOR: #344282; TEXT-DECORATION: none } a:hover.GridUnavailable { TEXT-DECORATION: underline } .Sold { TEXT-DECORATION: none; FONT-SIZE: 7pt; COLOR: #777; line-height:40px;} a.Sold { TEXT-DECORATION: none; FONT-WEIGHT: normal; FONT-SIZE: 7pt; COLOR: #777; } a:hover.Sold { TEXT-DECORATION: underline; } .Wait { z-index:20; display: none; font-size: 8pt; width:42px; height:35px; position:absolute; padding: 5px; background: url('../../../Images/GridWait.gif') no-repeat center center #66FF66; text-align:center; vertical-align:middle; } .ProcessingPopup { width:255px; position:absolute; top: 50%; left: 50%; margin:-50px 0 0 -150px; /* [-(height/2)px 0 0 -(width/2)px] */ background: #FFF; /*border: 5px solid #333;*/ /* browsers that don't support rgba */ /*border: 5px solid rgba(0,0,0,.7);*/ border: 5px solid orange; border-radius: 8px; box-shadow: 0 3px 3px rgba(0,0,0,.3); -webkit-background-clip: padding; /* Safari 4? Chrome 6? */ -moz-background-clip: padding; /* Firefox 3.6 */ background-clip: padding-box; /* Firefox 4, Safari 5, Opera 10, IE 9 */ text-align: center; padding: 20px; /*vertical-align: middle;*/ display:none; } /*-- Add to booking popup - Simple Modal -- */ #basic-modal-content { display: none; width:50%; max-width:500px; } #simplemodal-overlay { position: fixed; z-index: 10000; top: 0px; left: 0px; height:100%; width:100%; background: #000; } #simplemodal-container { color:#000; background-color:#fff; border:4px solid #ddd; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; box-shadow: 0px 0px 4px rgba(0,0,0,0.7); -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.7); -moz-box-shadow: 0 0px 4px rgba(0,0,0,0.7); } #simplemodal-container .simplemodal-data {padding:0px; } #simplemodal-container a.modalCloseImg {background:url(../../../Images/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer;} /* background: url(../../Images/hd-bg.png); */ #modal-header { width:100%; background: yellow; display:none; padding: 10px 10px 10px 10px; border-bottom: 1px solid #CCC; border-top-left-radius: 5px; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-right-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; } #modal-header-h1 { FONT-FAMILY: "Trebuchet MS", Arial, Helvetica, sans-serif; FONT-WEIGHT: bold; FONT-SIZE: 20px; COLOR: #344282; TEXT-DECORATION: none; MARGIN: 0px 0px 3px 0px } #modal-content { width:95%; height:320px; display: block; padding: 10px 10px 14px 10px; margin: 0px; } #divProcessing { width:240px; height: 32px; line-height:32px; vertical-align: middle; TEXT-DECORATION: none; FONT-SIZE: 14pt; COLOR: #000; FONT-WEIGHT: bold; PADDING: 0px 0px 0px 40px; MARGIN: 0px 0px 4px 0px; display:block; background: url('../../../Images/Processing.gif') no-repeat 0px 0px #FFFFFF; } #divRoomBooking #RoomTitle { FONT-WEIGHT: bold; FONT-SIZE: 20px; COLOR: #000; TEXT-DECORATION: none; MARGIN: 0px 0px 15px 0px } #divRoomBooking #RoomDescription { width:100%; FONT-SIZE:10pt; COLOR: #000; TEXT-DECORATION: none; MARGIN: 0px 0px 15px 0px } #divRoomBooking .RoomSelectionTable { FONT-SIZE:10pt; COLOR: #000; } #divRoomBooking .AddToRes-TotalCost { FONT-SIZE:11pt; COLOR: #344282; FONT-WEIGHT: bold; } #AddToBookingRoomDescriptionBlock { display:block; } #AddToBookingRoomDescriptionBlockMobile { display:none; } .AddToSpacer { min-width:15px; } a.AddToBookingButton { text-decoration: none; } /*-- Responsive blocks --*/ #Deals { display: block; } #DealsMobile { display: none; } #Results21 { display: block; } #Results14 { display: none; } #Results7 { display: none; } #Results3 { display: none; } @media screen and (max-width: 1300px) { #Results21 { display: none; } #Results14 { display: block; } #Results7 { display: none; } #Results3 { display: none; } } @media screen and (max-width: 940px) { #Results21 { display: none; } #Results14 { display: none; } #Results7 { display: block; } #Results3 { display: none; } } @media screen and (max-width: 810px) { #TwoColumnsRHS { float:left; clear:both; width:325px; margin: 10px 0 0 0; } #PropertyTitle { width:100%; } #PropertyLogo { display: none; } #PropertyTitle h3 { FONT-WEIGHT: bold; FONT-SIZE: 8pt; color: #009966; MARGIN: 0px 0px 7px 0px } .ShoppingBasket { width:325px; border: 0px; PADDING: 0px 0px 0px 0px; MARGIN: 0px 0px 0px 0px; display:block; float:left; } #basic-modal-content { display: none; width:50%; max-width:325px; } #modal-content { width:95%; height:300px; display: block; padding: 10px 10px 14px 10px; margin: 0px; } #divRoomBooking #RoomTitle { FONT-WEIGHT: bold; FONT-SIZE: 18px; COLOR: #344282; TEXT-DECORATION: none; MARGIN: 0px 0px 15px 0px } #divRoomBooking #RoomDescription { FONT-SIZE:8pt; COLOR: #000; TEXT-DECORATION: none; MARGIN: 0px 0px 15px 0px } #divRoomBooking .RoomSelectionTable { FONT-SIZE:8pt; COLOR: #000; } #divRoomBooking .AddToRes-TotalCost { FONT-SIZE:10pt; COLOR: #344282; FONT-WEIGHT: bold; } #AddToBookingRoomDescriptionBlock { display:none; } #AddToBookingRoomDescriptionBlockMobile { display:block; } .AddToSpacer { min-width:5px; } #Deals { display: none; } #DealsMobile { display: block; } #SearchResultsBlock { background: #FFF; Padding: 0px; margin: 0px; width:325px; } #ClickToBook { width:100%; padding: 10px 5px 10px 5px; } #Results21 { display: none; } #Results14 { display: none; } #Results7 { display: none; } #Results3 { display: block; } } /*-- Summary Page --*/ #ThemeClassic #SummaryPage { width:100%; background: #FFF; padding:0px; margin: 0px; } #ThemeWhiteBackground #SummaryPage { width:100%; background: #EEE; padding:0px; margin: 0px; } #SummaryPageContent { padding: 15px; } #YouHaveSelected { FONT-WEIGHT: bold; FONT-SIZE: 10pt; COLOR: #666; PADDING: 0px 0px 10px 0px; display:block; } #SummaryTip { display: block; } .SummaryRoomTitle { TEXT-DECORATION: none; FONT-SIZE: 12pt; COLOR: #252525; FONT-WEIGHT: bold; padding: 0px 0px 10px 0px; display:block; } .SummaryPrice { TEXT-DECORATION: none; FONT-SIZE: 12pt; COLOR: #252525; FONT-WEIGHT: bold; padding: 0px 0px 10px 0px; display:block; } .ResLineHeader { FONT-WEIGHT: bold; FONT-SIZE: 11pt; OVERFLOW: hidden; COLOR: white; background: #009966; TEXT-DECORATION: none; PADDING: 5px 10px 5px 10px; border-collapse: collapse; } .ResLineRow1TopRow { background: #F0F0F0; PADDING: 10px; BORDER-LEFT: #CCCCCC 0px solid; BORDER-TOP: #CCCCCC 1px solid; BORDER-BOTTOM: #CCCCCC 0px solid; BORDER-RIGHT: #CCCCCC 0px solid; } .ResLineRow2TopRow { background: #E6E6E6; PADDING: 10px; BORDER-LEFT: #CCCCCC 0px solid; BORDER-TOP: #CCCCCC 1px solid; BORDER-BOTTOM: #CCCCCC 0px solid; BORDER-RIGHT: #CCCCCC 0px solid; } .ResLineRow1 { background: #F0F0F0; PADDING: 10px; BORDER-LEFT: #CCCCCC 0px solid; BORDER-TOP: #CCCCCC 0px solid; BORDER-BOTTOM: #CCCCCC 0px solid; BORDER-RIGHT: #CCCCCC 0px solid; } .ResLineRow2 { background: #E6E6E6; PADDING: 10px; BORDER-LEFT: #CCCCCC 0px solid; BORDER-TOP: #CCCCCC 0px solid; BORDER-BOTTOM: #CCCCCC 0px solid; BORDER-RIGHT: #CCCCCC 0px solid; } .ResLineRow1Dotted { background: #F0F0F0; PADDING: 10px; BORDER-LEFT: #CCCCCC 0px solid; BORDER-TOP: #CCCCCC 1px solid; BORDER-BOTTOM: #CCCCCC 1px solid; BORDER-RIGHT: #CCCCCC 0px solid; } .ResLineRow2Dotted { background: #E6E6E6; PADDING: 10px; BORDER-LEFT: #CCCCCC 0px solid; BORDER-TOP: #CCCCCC 1px solid; BORDER-BOTTOM: #CCCCCC 1px solid; BORDER-RIGHT: #CCCCCC 0px solid; } .ResLineBlank { PADDING: 10px; BORDER-LEFT: #CCCCCC 0px solid; BORDER-TOP: #CCCCCC 1px solid; BORDER-BOTTOM: #CCCCCC 0px solid; BORDER-RIGHT: #CCCCCC 0px solid; } #SummaryResLinesDescription { display: block; } #SummaryResLinesDescriptionMobile { display: none; } #SummaryResLinesPhoto { display: block; } #SummaryResLinesPhotoMobile { display: none; } .SummarySpecialOffer { background: #990000; COLOR: #FFFFFF; FONT-WEIGHT: bold; FONT-SIZE: 10pt; display:block; MARGIN: 0px 0px 5px 0px; PADDING: 5px 10px 5px 10px; } .SummaryOptions { background: #009966; COLOR: #FFFFFF; FONT-WEIGHT: bold; FONT-SIZE: 10pt; display:block; MARGIN: 0px 0px 5px 0px; PADDING: 5px 10px 5px 10px; } .SummaryTotalLabel { FONT-WEIGHT: bold; FONT-SIZE: 10pt; COLOR: #666; MARGIN: 0px 0px 0px 0px; PADDING: 5px 5px 5px 5px } .SummaryTotal { FONT-WEIGHT: bold; FONT-SIZE: 11pt; TEXT-TRANSFORM: capitalize; BACKGROUND: #ffffcc; COLOR: #000; MARGIN: 0px 0px 0px 0px; PADDING: 5px 5px 5px 5px } .SummaryDeposit { FONT-WEIGHT: bold; FONT-SIZE: 11pt; COLOR: #000; MARGIN: 0px 0px 0px 0px; PADDING: 10px 5px 5px 5px } /*-- Responsive blocks --*/ @media screen and (max-width: 800px) { #SummaryTip { display: none; } #SummaryResLinesDescription { display: none; } #SummaryResLinesDescriptionMobile { display: block; } #SummaryResLinesPhoto { display: none; } #SummaryResLinesPhotoMobile { display: block; } } @media screen and (max-width: 400px) { #SummaryResLinesPhotoMobile { display: none; } } /*-- Your Details Page --*/ #ThemeClassic #YourDetailsPage { width:100%; background: #FFF; padding:0px; margin: 0px; } #ThemeWhiteBackground #YourDetailsPage { width:100%; background: #EEE; padding:0px; margin: 0px; } #YourDetailsPageContent { padding: 15px; } #YourDetailsPage ul { MARGIN: 0px 0px 0px 0px; text-indent: 0px; padding: 0px; } #YourDetailsPage li { color: #000; MARGIN: 0px 0px 5px 10px; } #YourDetailsPage li span { color: #000; } /*-- Payment Vault Page --*/ #ThemeClassic #PaymentVaultPage { width:100%; background: #FFF; padding:0px; margin: 0px; } #ThemeWhiteBackground #PaymentVaultPage { width:100%; background: #EEE; padding:0px; margin: 0px; } #PaymentVaultPageContent { padding: 15px; } /*-- Payment Datacom Page --*/ #ThemeClassic #PaymentDatacomPage { width:100%; background: #FFF; padding:0px; margin: 0px; } #ThemeWhiteBackground #PaymentDatacomPage { width:100%; background: #EEE; padding:0px; margin: 0px; } #PaymentDatacomPageContent { padding: 15px; } /*-- Paypal Page --*/ #ThemeClassic #PaypalPage { width:100%; background: #FFF; padding:0px; margin: 0px; } #ThemeWhiteBackground #PaypalPage { width:100%; background: #EEE; padding:0px; margin: 0px; } #PaypalPageContent { padding: 15px; } /*-- Terms Page --*/ #ThemeClassic #TermsPage { width:100%; background: #FFF; padding:0px; margin: 0px; } #ThemeWhiteBackground #TermsPage { width:100%; background: #EEE; padding:0px; margin: 0px; } #TermsPageContent { padding: 15px; } /*-- Confirmation Page --*/ #ThemeClassic #ConfirmationPage { width:100%; background: #FFF; padding:0px; margin: 0px; } #ThemeWhiteBackground #ConfirmationPage { width:100%; background: #EEE; padding:0px; margin: 0px; } #ConfirmationPageContent { padding: 15px; } #ConfirmationPage2 { width:100%; background: #FFF; padding:0px; margin: 0px; } #ConfirmationPageContent2 { padding: 15px; } #ConfirmationDetails { display:block; } /*-- Responsive blocks --*/ @media screen and (max-width: 800px) { #ConfirmationDetails { display:none; } #ConfirmationPage2 { display:none; } } /*-- Confirmation --*/ #Confirmation h1 { color: #000; font-size: 22px; font-weight: bold; line-height: 1.0em; margin: 0; padding: 10px 0px 10px 0px; text-transform: uppercase; } /*#Confirmation .BookingDetails { background: #FFF; BORDER-LEFT: #C1EAD6 4px solid; BORDER-TOP: #C1EAD6 4px solid; BORDER-BOTTOM: #C1EAD6 4px solid; BORDER-RIGHT: #C1EAD6 4px solid; padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; FONT-SIZE: 10pt; }*/ #Confirmation .BookingTitle { FONT-WEIGHT: normal; FONT-SIZE: 11pt; COLOR: #666666; } #Confirmation .BookingSubTitle { FONT-WEIGHT: bold; FONT-SIZE: 11pt; COLOR: #666666; } #Confirmation .Header { FONT-WEIGHT: bold; FONT-SIZE: 8pt; OVERFLOW: hidden; COLOR: white; background: url('https://www.straitreservations.com/Common/Images/GridHeader.jpg') repeat-x #143652; TEXT-DECORATION: none; PADDING: 5px 5px 5px 5px; border-collapse: collapse; BORDER-TOP: #326792 1px solid; BORDER-LEFT: #1A486E 1px solid; } #Confirmation .TopRow { font-size: 9pt; font-weight: normal; COLOR: #00182C; background: #E6E6E6; padding-top: 5px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; BORDER-LEFT: #CCCCCC 2px solid; BORDER-TOP: #CCCCCC 2px solid; BORDER-BOTTOM: #CCCCCC 2px solid; BORDER-RIGHT: #CCCCCC 2px solid; } #Confirmation .Row1 { font-size: 9pt; font-weight: normal; COLOR: #00182C; background: #D6D6D6; padding-top: 5px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; BORDER-LEFT: #CCCCCC 2px solid; BORDER-TOP: #CCCCCC 0px solid; BORDER-BOTTOM: #CCCCCC 2px solid; BORDER-RIGHT: #CCCCCC 2px solid; } #Confirmation .Row2 { font-size: 9pt; font-weight: normal; COLOR: #00182C; background: #E6E6E6; padding-top: 5px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; BORDER-LEFT: #CCCCCC 2px solid; BORDER-TOP: #CCCCCC 0px solid; BORDER-BOTTOM: #CCCCCC 2px solid; BORDER-RIGHT: #CCCCCC 2px solid; } #Confirmation .RowTotal { font-size: 9pt; font-weight: bold; COLOR: #00182C; background: #FFFFCC; padding-top: 5px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; BORDER-LEFT: #CCCCCC 2px solid; BORDER-TOP: #CCCCCC 0px solid; BORDER-BOTTOM: #CCCCCC 2px solid; BORDER-RIGHT: #CCCCCC 2px solid; } /*-- Error Page --*/ #ErrorPage { width:100%; background: #FFF; padding:0px; margin: 0px; } #ErrorPageContent { padding: 15px; } #ErrorPageTitle { FONT-WEIGHT: bold; FONT-SIZE: 14pt; OVERFLOW: hidden; COLOR: white; background: #AD0314; TEXT-DECORATION: none; PADDING: 10px 10px 10px 10px; border-collapse: collapse; } /*--Property listing--*/ /*--#Listing { width:900px; background:#DDD; margin:0 auto; padding: 20px 20px 20px 20px; margin-top: 0px; }--*/ #Listing { width:95%; max-width: 900px; margin-left:auto; margin-right:auto; padding-left: 5px; padding-right: 5px; display:block; } #ListingTabsNormal { display: block; } #ListingTabsMobile { display: none; } #ThemeClassic #ListingContent { padding: 15px; background: #FFF; } #ThemeWhiteBackground #ListingContent { padding: 15px; background: #EEE; } #HighLightOrange .ListingSubTitle { FONT-WEIGHT: bold; FONT-SIZE: 12pt; COLOR: orange; border-bottom: 2px solid orange; padding: 5px 5px 3px 0px; margin-bottom: 10px; width:auto; display:block;} #HighLightBlue .ListingSubTitle { FONT-WEIGHT: bold; FONT-SIZE: 12pt; COLOR: #61a1d8; border-bottom: 2px solid #61a1d8; padding: 5px 5px 3px 0px; margin-bottom: 10px; width:auto; display:block;} #HighLightGreen .ListingSubTitle { FONT-WEIGHT: bold; FONT-SIZE: 12pt; COLOR: #00A452; border-bottom: 2px solid #00A452; padding: 5px 5px 3px 0px; margin-bottom: 10px; width:auto; display:block;} #HighLightRed .ListingSubTitle { FONT-WEIGHT: bold; FONT-SIZE: 12pt; COLOR: #993300; border-bottom: 2px solid #993300; padding: 5px 5px 3px 0px; margin-bottom: 10px; width:auto; display:block;} /*--#ListingContent h3 { FONT-WEIGHT: bold; FONT-SIZE: 12pt; COLOR: orange; border-bottom: 2px solid orange; padding: 0 0px 5px 0px; width:auto; display:block;}--*/ #ListingContent #TwoColumns { width:100%; margin :0 auto; } #ListingContent #TwoColumnsLHS { width:50%; float:left; } #ListingContent #TwoColumnsRHS { width:50%; float:right; } #ListingContent #LHSText { padding-right: 20px; } #ListingContent .AccommodationTextMobile { display: none; } #ListingContent .AccommodationText { display: block; } #ListingContent .AccommodationRow { padding: 10px 0 10px 0; } /* #ListingContent .Hyperlink #BookingSequence h2 { FONT-WEIGHT: bold; FONT-SIZE: 10pt; COLOR: #FFFFFF; background: #AAA; border: 0px solid; padding: 5px 5px 5px 5px; width:auto; display:block;} #ListingContent .h2NoPadding { FONT-WEIGHT: bold; FONT-SIZE: 10pt; COLOR: #FFFFFF; background: #AAA; border: 0px solid; padding: 5px 5px 5px 5px; margin: 0px 0px 5px 0px; width:auto; display:block;} */ /*-- Responsive blocks --*/ @media screen and (max-width: 825px) { #ListingContent #TwoColumnsLHS { width:100%; float:left; } #ListingContent #TwoColumnsRHS { width:100%; float:left; margin-bottom:15px;} } @media screen and (max-width: 700px) { #ListingTabsNormal { display: none; } #ListingTabsMobile { display: block; } #Listing #tabs { font-size: 8pt; } #ListingContent .AccommodationTextMobile { display: block; } #ListingContent .AccommodationText { display: none; } }