/*-- Common --*/
	body { font-family: "Cabin", Helvetica, Arial, sans-serif; font-size: 15px; background: #EEE; margin:0; padding: 0; color: #555555;	-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
	h1 { padding: 0; margin: 0 0 20px 0; color: rgb(51, 67, 106); font-size: 30px; line-height: 1.2em; font-family: "Cabin", Helvetica, Arial, sans-serif; text-transform: none; border-bottom: 2px solid #EEE; font-weight:700; }
	h2 { padding: 0 0 5px 0; margin: 0;	color: rgb(51, 67, 106); font-size: 18px; font-weight: bold; line-height: 1.2em; font-family: "Cabin", Helvetica, Arial, sans-serif; }
	h3 { padding: 0; margin: 0 0 10px 0; color: #999; font-size: 14px; font-weight: normal; line-height: 1.2em; font-family: "Cabin", Helvetica, Arial, sans-serif; text-transform: uppercase; }
	p {	line-height: 1.4em;	margin: 0 0 7px 0;	padding: 0 0 0 0; font-family: "Cabin", Helvetica, Arial, sans-serif; font-size: 15px; color: #555555; }
	img { border: none !important; }
	a { color: rgb(100, 100, 100); Text-decoration: underline; }
	a:hover { color: rgb(100, 100, 100); text-decoration: none; }
	select { font-size: 14px; height:24px; background-color: #FFFFFF; font-family: "Cabin", Helvetica, Arial, sans-serif; border:1px solid #999; }
	input[type="text"] { background-color: #FFFFFF; font-size: 14px; font-family: "Cabin", Helvetica, Arial, sans-serif; Height:18px; border:1px solid #999; }
	input[type="text"]:focus { background-color: #FFFFCC; font-size: 14px; }
    textarea { background-color: #FFFFFF; font-size: 14px; font-family: "Cabin", Helvetica, Arial, sans-serif; border:1px solid #999; }
	textarea:focus { background-color: #FFFFCC; }
	select:focus { background-color: #FFFFCC; }
    input:focus, textarea:focus, select:focus { outline: none; }
    .CodeWindow { FONT-FAMILY: Courier, Arial, Helvetica, sans-serif; font-size: 8pt; background: #EEE; PADDING: 10px; margin: 0px; color: #000000; border: solid #000 1px; text-align:left; overflow:auto; }
    .Spacer5 { width:100%; display: block; height:5px; }
    .Spacer10 { width:100%; display: block; height:10px; }
    .Spacer20 { width:100%; display: block; height:20px; }

/*-- Top Bars --*/
    .Environment { height: 30px; line-height: 30px; background: orange; margin: 0 auto; position: relative; text-align: center; FONT-SIZE: 13pt; COLOR: #FFFFFF; FONT-WEIGHT: bold; }
    a.Environment, a:visited.Environment { color: white; font-size: 13pt; font-weight: bold; line-height: 1.5em; margin: 0; text-decoration: none; }
    a:hover.Environment { text-decoration: underline; } 
    .dimensions { height: 20px; line-height: 20px; background: orange; margin: 0 auto; position: relative; text-align: center; FONT-SIZE: 10pt; COLOR: #FFFFFF; FONT-WEIGHT: bold; }
    .Admin { height: 30px; line-height:30px; background: #16a0da; margin:0 auto; position:relative; text-align: center; FONT-SIZE: 13pt; COLOR: #FFFFFF; FONT-WEIGHT: bold; }
    a.Admin, a:visited.Admin { color: white; font-size: 13pt; font-weight: bold; line-height: 1.5em; margin: 0; text-decoration: none; } 
    a:hover.Admin { text-decoration: underline; } 
    .AdminDropdown { background: #16a0da; COLOR: #FFFFFF; box-shadow: 0 0 10px 100px #16a0da inset; FONT-SIZE: 13pt; COLOR: #FFFFFF; FONT-WEIGHT: bold; }
    .AdminDropdown:hover { background: #16a0da; COLOR: #FFFFFF; box-shadow: 0 0 10px 100px #16a0da inset; FONT-SIZE: 13pt; COLOR: #FFFFFF; FONT-WEIGHT: bold;}
    .AdminDropdown:focus { background: #16a0da; }

/*-- Footer Book Demo Button -- */
    #FooterBookDemoLayer { position: fixed; bottom: -100px; left: 24px; animation-name: BookDemoEntry; animation-duration: 1s; animation-delay: 3s; animation-iteration-count: 1; animation-fill-mode: forwards; }
    @keyframes BookDemoEntry { 0% {bottom: -100px;} 100% {bottom: 30px;} }
    .FooterBookDemo { background-color : red; color: white; padding: 10px 20px; border-radius: 60px; border-color: #46b8da; font-family: -apple-system, BlinkMacSystemFont, Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;  text-decoration: none; font-size: 17px; font-weight: 600; line-height: 20px; user-select: none;  width: fit-content; }
    /*-- box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.5); box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.1); --*/
    a:hover.FooterBookDemo { color: white;  background-color: red; } 
    .fa-calendar { padding:0; }
    .fa-calendar:hover { background-color : red !important; }

/* -- General -- */
	.clear { clear: both; }
	ul.no_bullet { list-style-type: none; padding: 0; margin: 0; }
	li.tick { color: rgb(100, 100, 100); background: url('../../../Images/Tick.png') no-repeat left center; line-height: 1.4em; padding-left: 30px; margin-bottom: 7px; }
	li.tick_multiline { color: rgb(100, 100, 100); background: url('../../../Images/Tick.png') no-repeat left 5px; line-height: 1.4em; padding-left: 30px; margin-bottom: 7px; }
	#TickList li.tick { color: rgb(100, 100, 100); background: url('../../../Images/Tick.png') no-repeat left center; line-height: 1.4em; padding-left: 30px; margin-bottom: 0px; padding-top: 0px; }
	#TickList li.notick { color: rgb(100, 100, 100); line-height: 1.4em; padding-left: 30px; padding-top: 5px; margin-bottom: 10px; padding-bottom: 7px; border-bottom: 1px dashed #ccc; width:90%;}
	.TopBottomMargin { margin-top: 20px; margin-bottom: 10px }
    .BoldLink {	line-height: 1.4em;	margin: 0 0 0 0; padding: 0 0 0 0; text-decoration: none; font-weight:bold; }
	.BoldLink:hover { color: rgb(100, 100, 100); text-decoration: underline; }
	.SmallP {	line-height: 1.4em;	margin: 0 0 7px 0;	padding: 0 0 0 0; font-family: "Cabin", Helvetica, Arial, sans-serif; font-size: 12px; color: #555555; }

/*-- Forms --*/
	.FormTable { font-size: 15px; }
	.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; }
	.FieldName { COLOR: #777; }
	.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; }
	.RoundedCornerBox { background: #eee; border-radius: 5px; padding: 15px;  display: block; margin-left: auto; margin-right: auto; margin-right: 10px; margin-bottom:10px; }

/*-- Responsive Form --*/
    .FormLabel { float: left; width: 25%; text-align:right; margin-right: 10px;  margin-bottom: 6px; font-family: "Cabin", Helvetica, Arial, sans-serif; font-size: 14px; height:20px; line-height: 1.5em; }
    .FormField { float: left; width: 70%; text-align:left; margin-bottom: 6px; }    
    .FormRow:after { content: ''; display: table; clear: both; }
    .FormButtonRow { padding-top:10px; }
    .FormButtonRow:after { content: ''; display: table; clear: both; }
    #DemoFormBox { float:left; background: #eee; border-radius: 5px; padding: 15px;  display: inline-block; margin-left: auto; margin-right: auto; margin-right: 10px; margin-bottom:10px; }
    #DemoFormBox .FormLabel { float: left; width: 180px; text-align:right; margin-right: 10px;  margin-bottom: 6px; font-family: "Cabin", Helvetica, Arial, sans-serif; font-size: 14px; height:20px; line-height: 1.5em; }
    #DemoFormBox .FormField { float: left; width: 270px; text-align:left; margin-bottom: 6px; }    

    #DemoFormBoxExhibition { float:left; background: #eee; border-radius: 5px; padding: 15px;  display: inline-block; margin-left: auto; margin-right: auto; margin-right: 10px; margin-bottom:10px; }
    #DemoFormBoxExhibition .FormLabel { float: left; width: 120px; text-align:right; margin-right: 10px;  margin-bottom: 6px; font-family: "Cabin", Helvetica, Arial, sans-serif; font-size: 14px; height:20px; line-height: 1.5em; }
    #DemoFormBoxExhibition .FormField { float: left; width: 450px; text-align:left; margin-bottom: 6px; }    
    #DemoFormBoxExhibition .Prize { float:right; display: inline-block; margin-left: auto; margin-right: auto; margin-right: 10px; margin-bottom:10px; }

/*-- Logon --*/
    .FieldBlock { color: #555555; padding: 0 0 10px 0; font-size: 13px; }
    .LabelBlock { color: #555555; padding: 0 0 5px 0; font-size: 13px; }

/*-- Errors --*/
	.ErrorHeader { background: #f44336; } 
	.ConfirmationText { font-size: 10pt; font-weight: normal; color: green; }
	.ErrorTable { font-size: 14px; font-weight: normal; color: #FFFFFF; background: #f44336; border: 0px solid red; }
	.ErrorText { TEXT-DECORATION: none; FONT-WEIGHT: normal; FONT-SIZE: 14px; COLOR: #FFFFFF; }
	.Blank { background-color: #FFFFFF; }
	.OKTable { font-size: 14px; font-weight: normal; color: green; background: #00CC66; border: 0px solid #00CC66; }
	.OKText { font-size: 14px; font-weight: normal; color: white; }
	.GreenText { font-size: 9pt; font-weight: normal; color: green; }
	.RedText { font-size: 9pt; font-weight: normal; color: red; }
	.Warning { color: red; font-size: 14px; font-weight: bold; line-height: 1.5em; margin: 0; }

/*-- Buttons --*/
	.btnPrimary { text-transform: uppercase; background: #00CC66; border: solid 0px #236946; color: #fff; font-family:"Cabin",Trebuchet MS; font-size:15px; font-weight:bold; font-style:normal; padding:5px 10px; text-shadow:0px 0px 0px #666; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; cursor: pointer; -webkit-appearance: none; }
	.btnPrimary:hover { background: #00A452; color: #fff; text-decoration: none; }
	.btnPrimarySmall { text-transform: uppercase; background: #00CC66; border: solid 1px #236946; color: #fff; font-family:"Cabin",Trebuchet MS; font-size:12px; font-weight:bold; font-style:normal; padding:5px 10px; text-shadow:0px 0px 0px #666; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; cursor: pointer; -webkit-appearance: none; }
	.btnPrimarySmall:hover { background: #00A452; color: #fff; text-decoration: none; }

/* -- TEMP home page -- */
	#Home_Text { width:600px; display: block; margin-left: auto; margin-right: auto }
	#OptionsHorizontal { display: inline-table;	/*background-color: #666;*/ }
	#OptionsVertical { display: none; /*background-color: #ccc;*/ }

/* -- Social Media  : https://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_social_media_buttons -- */
    #SocialMedia { float:right; margin-top: -55px; }
    .fa { padding: 7px; font-size: 30px; width: 20px; text-align: center; text-decoration: none; border-radius: 5px; }
    .fa:hover { background: #00CC66; color:white; }
    .fa-facebook { background: #3B5998; color: white; }
    .fa-twitter { background: #55ACEE;color: white; }
    .fa-linkedin { background: #007bb5; color: white; }
    .fa-youtube { background: #bb0000; color: white; }

/*-- Top level menus --*/
	#LogoBar { display:block; width:90%; max-width:1150px; display:block; margin-left: auto; margin-right: auto; }
	#LogoMenuNormal { display:block; }
	#LogoMenuMobile { display:none; }

    /*--  blue: rgb(51, 67, 106)  green: #339966  --*/

	#PublicMenus nav { width:780px; display: block; margin-left: auto; margin-right: auto; padding-top: 0px; }
	#PublicMenus nav a { color: rgb(51, 67, 106); text-decoration:none; padding:4px; border-radius: 5px; font-family: "Cabin", Helvetica, Arial, sans-serif; font-weight:500; text-transform: uppercase; }
	#PublicMenus nav li { padding: 0; margin: 0; float:left; display: block; text-decoration: none; padding: 0px 5px 0px 0px; /*padding: 10px;*/ font-size: 14px; color: #999999; }
	#PublicMenus .selected { color: #00CC66; }
	#PublicMenus nav li a:hover { background: #00CC66; color: #fff; cursor:pointer; }
	#PublicMenus nav li a.active { background: #00CC66; color: #fff; }
	/*--#PublicMenus nav li a.active { background: #FF722A; color: #fff; }--*/
    #MenuSpacer { display: block; margin-left: auto; margin-right: auto; padding-bottom: 15px; }

	#PublicMenusSecondaryServices nav { width:670px; display: block; margin-left: auto; margin-right: auto; padding-top: 15px; padding-bottom: 10px; }
	#PublicMenusSecondaryServices nav a { color: rgb(51, 67, 106); text-decoration:none; padding:2px; border-radius: 5px; font-family: "Cabin", Helvetica, Arial, sans-serif; font-weight:700; text-transform: uppercase; }
	#PublicMenusSecondaryServices nav li { margin: 0; float:left; display: block; text-decoration: none; padding: 0px 10px 0px 0px; font-size: 12px; color: #999999; font-weight:bold; }
	#PublicMenusSecondaryServices .selected { color: rgb(51, 67, 106); text-decoration: underline; }
	#PublicMenusSecondaryServices nav li a:hover { color: rgb(51, 67, 106); text-decoration: underline; cursor:pointer; }
	#PublicMenusSecondaryServices nav li a.active { color: rgb(51, 67, 106); text-decoration: underline; cursor:pointer; }

	#PublicMenusSecondaryLegal nav { width:290px; display: block; margin-left: auto; margin-right: auto; padding-top: 15px; padding-bottom: 10px; }
	#PublicMenusSecondaryLegal nav a { color: rgb(51, 67, 106); text-decoration:none; padding:2px; border-radius: 5px; font-family: "Cabin", Helvetica, Arial, sans-serif; font-weight:700; text-transform: uppercase; }
	#PublicMenusSecondaryLegal nav li { margin: 0; float:left; display: block; text-decoration: none; padding: 0px 10px 0px 0px; font-size: 12px; color: #999999; font-weight:bold; }
	#PublicMenusSecondaryLegal .selected { color: rgb(51, 67, 106); text-decoration: underline; }
	#PublicMenusSecondaryLegal nav li a:hover { color: rgb(51, 67, 106); text-decoration: underline; cursor:pointer; }
	#PublicMenusSecondaryLegal nav li a.active { color: rgb(51, 67, 106); text-decoration: underline; cursor:pointer; }

    #BaseMenuSpacer { display: block; margin-left: auto; margin-right: auto; padding-bottom: 20px; }

/*-- PublicHome --*/
	#PublicHome { position: relative; }
    #PublicHomeContainer { width:90%; max-width:1150px; display: block; margin-left: auto; margin-right: auto; background-color: #FFF; border-top-left-radius: 5px; border-top-right-radius: 5px; border-top: 3px solid #00CC66; }
	#PublicHome #Title h1 { padding: 0; margin: 0 0 20px 0; color: rgb(51, 67, 106); font-size: 30px; line-height: 1.2em; font-family: "Cabin", Helvetica, Arial, sans-serif; text-transform: none; border-bottom: 2px solid #EEE; font-weight:700; }
	#PublicHomeSpacer { padding: 20px; }
	#PublicHome #LHS { float:left; width:48%; display:normal; }
	#PublicHome #RHS { float:right; width:50%; }
    #PublicHome #LHSMobile { clear:both; width:100%; display:none; }
    #PublicHome .NewsTileLHS { float:left; width:45%; }
    #PublicHome .NewsTileRHS { float:right; width:45%; margin-right:30px; }
    /*#ThreeCol { display: grid; grid-template-columns:30% 30% 30%; grid-column-gap: 20px; padding: 15px; background-color: yellow; }
    #ThreeCol { background: #f8f8f8; border-radius: 5px; }*/
    .ThreeCol { float: left; width: 32%; margin-right: 15px; margin-bottom: 0px; }
    .ThreeColLast { float: left; width: 33%; }
    .Tile { background: #f8f8f8; border-radius: 7px; padding: 15px; margin-bottom: 0px; }
    .TileLast { background: #f8f8f8; border-radius: 7px; padding: 15px; }
    .TileTitle { padding: 0 0 5px 0; margin: 0;	color: rgb(51, 67, 106); font-size: 16px; font-weight: bold; line-height: 1.2em; font-family: "Cabin", Helvetica, Arial, sans-serif; text-decoration: none; }
    a.TileTitle, a:visited.TileTitle { text-decoration: underline; }
    a:hover.TileTitle { text-decoration: underline; } 

    .NewsArticle { width: 95%; display:block; box-shadow:3px 3px 14px 3px rgba(0, 0, 0, 0.1); padding:20px; border-radius:10px; min-height:180px; }

/*-- PublicContent --*/
	#PublicContent { position: relative; }
    #PublicContentContainer { width:90%; max-width:1150px; display: block; margin-left: auto; margin-right: auto; background-color: #FFF; border-top-left-radius: 5px; border-top-right-radius: 5px; border-top: 3px solid #00CC66; }
	#PublicContentSpacer { padding: 20px; }
	#PublicContent #Title h1 { padding: 0 0 0 0; margin: 0 0 20px 0; color: rgb(51, 67, 106); font-size: 30px; line-height: 1.3em; font-family: "Cabin", Helvetica, Arial, sans-serif; text-transform: none; border-bottom: 2px solid #EEE; font-weight:700; }
	#PublicContent .OneCol { width:100%; }
	#PublicContent #LHS { float:left; width:48%; }
	#PublicContent #RHS { float:right; width:48%; }
	/* #PublicContent p { line-height: 1.4em;	margin: 0px 0 7px 0; padding: 0 0 0 0; } */
    #PublicContentFooterContainer { width:90%; max-width:1150px; display: block; margin-left: auto; margin-right: auto; padding:0px; background-color: #FFF; }
	.GreenRoundedCornerBox { background: #DDDDDD; border-radius: 5px; padding: 15px;  display: block; margin-left: auto; margin-right: auto; margin-right: 10px; margin-bottom:10px; }
	.DottedLine { border-bottom: 1px dashed #ccc; width:100%; margin-bottom: 15px; }
	.DottedLineClearAll { border-bottom: 1px dashed #ccc; width:100%; margin-bottom: 15px; clear:both; }

/*-- Fade-In/Out slideshow --*/
    .slide { position: absolute; transition: opacity .5s ease-out; width:560px; }
    .slide + .slide { opacity: 0; }
    #slideshow_caption { position: relative; margin-top: 390px; text-align: center; background-color: #FFF; padding: 7px 7px 7px 7px; color: rgb(51, 67, 106); opacity: 1; width:100%; font-family: "Cabin", Helvetica, Arial, sans-serif; font-size:20px; font-weight:700; }

/*-- Compare Services --*/
	#CompareServices .RoundedCornerBox { width:45%; background: #eee; border-radius: 5px; padding: 15px;  display: block; margin-left: auto; margin-right: auto; margin-right: 10px; margin-bottom:10px; }
    .ComparisonHeader { width: 200px; text-align: center; font-size: 20px; font-weight: bold; color: #FFF; border-radius: 5px; }
    .ComparisonBlank { width: 200px; text-align: center; font-size: 18px; font-weight: bold; }
    .ComparisonPrice { width: 200px; text-align: center; font-size: 18px; font-weight: bold; color: #555555; background:#EEEEEE; }
    .ComparisonSpacerOdd { width: 5px; padding:0px; text-align: center; background:#EEEEEE;}
    .ComparisonSpacerEven { width: 5px; padding:0px; text-align: center; background:#FAFAFA;}
    .ComparisonRowDescriptorOdd { width: 250px; background: #FFFFFF; }
    .ComparisonRowDescriptorEven { width: 250px; background: #FFFFFF; }
    .ComparisonRowValueOdd { width: 200px; text-align: center; background:#EEEEEE; }
    .ComparisonRowValueEven { width: 200px; text-align: center; background:#FAFAFA;}
	.btnBasic { text-transform: uppercase; background: red; border:0; color: #fff; padding:5px 10px; font-family:"Cabin",Trebuchet MS; font-size:15px; font-weight:bold; font-style:normal; text-shadow:0px 0px 0px #666; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; cursor: pointer; -webkit-appearance: none; }
	.btnBasic:hover { background: #9F0000; }
	.btnPremium { text-transform: uppercase; background: #0066FF; border:0; color: #fff; padding:5px 10px; font-family:"Cabin",Trebuchet MS; font-size:15px; font-weight:bold; font-style:normal;  text-shadow:0px 0px 0px #666; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; cursor: pointer; -webkit-appearance: none; }
	.btnPremium:hover { background: #004FC4; }

/*-- FOB Service --*/
    #FreeOnlineBooking .CustomWidget { width:60%; max-width:500px; float:right; padding: 0 0 20px 20px; }
    #FreeOnlineBooking .LHS_Custom { float:left; width:38%; }
    #FreeOnlineBooking .RHS_Custom { float:right; width:58%; }
    #FreeOnlineBooking .BookingDiary { width:70%; float:right; margin: 0 0 20px 20px; border:1px solid #DDD; }
    .LHS50 { float:left; width:46%; }
    .RHS50 { float:right; width:46%; }
    .LHS25 { float:left; width:22%; }
    .RHS25 { float:right; width:72%; }

    #BookingDiary .BookingDiary { width:60%; float:right; margin: 0 0 20px 20px; border:1px solid #DDD; }
    #Premium .BookingSheet { width:60%; float:right; margin: 0 0 20px 20px; border:1px solid #DDD; }

/*-- Footer Content --*/
    #FooterContent blockquote { background-image: url('../../../Images/QuoteStart.gif'); background-repeat: no-repeat; background-position: 0px 0px; padding-left: 50px; font-style: italic; width:85%; margin:0 }
    #FooterContent blockquote span { color: rgb(100, 100, 100); background-image: url('../../../Images/QuoteEnd.gif'); background-repeat: no-repeat; background-position: right bottom; display: block; padding-right: 40px; }
    #FooterContent .QuoteSource { TEXT-DECORATION: none; FONT-SIZE: 8pt; color: rgb(150, 150, 150); text-align: right; display: block; padding-right: 40px; padding-bottom:10px; padding-top:5px; }

/*-- Testimonials --*/
    blockquote { background-image: url('../../../Images/QuoteStart.gif'); background-repeat: no-repeat; background-position: left 0px; padding-left: 50px; font-style: italic; width:85%; }
    blockquote span { color: rgb(100, 100, 100); background-image: url('../../../Images/QuoteEnd.gif'); background-repeat: no-repeat; background-position: right bottom; display: block; padding-right: 40px; }
    .QuoteSource { TEXT-DECORATION: none; FONT-SIZE: 8pt; color: rgb(150, 150, 150); text-align: right; display: block; padding-right: 40px; padding-bottom:10px; }

/*-- People --*/
    #People .contactProfile { border-bottom: 1px dashed #ccc; padding: 0; clear: left;	float: left; color: #999; line-height: 1.7em; width: 100%; }
	#People .contactProfile:last-child { border-bottom: none; }
	#People .contactProfile img { padding: 5px; border: 1px solid #ccc; float: left; margin-right: 30px; }
	#People .contactProfile a { text-decoration: none; }
	#People .contactProfile a:hover { text-decoration: underline; }
	#People .title { font-size: 1.3em; }
	#People .subTitle { font-size: 1.3em; margin-bottom: 5px; color: #666; font-style: italic; }
	#People .skype, .email, .phone, .mobile, .postal { border-bottom: 1px dashed #ccc; line-height: 1.6em; margin: 10px 0 0px 0px; padding: 0 0 10px 35px; font-size: 17px; font-weight: normal; color: #666; }
	#People .skype { background: url(../../../Images/Icons/skype.gif) no-repeat 0 0; }
	#People .phone { background: url(../../../Images/Icons/landline.gif) no-repeat 0 0; }
	#People .mobile { background: url(../../../Images/Icons/mobile.jpg) no-repeat 0 0; }
	#People .postal { background: url(../../../Images/Icons/postal.gif) no-repeat 0 0; }
	#People .email { background: url(../../../Images/Icons/postal.gif) no-repeat 0 0; TEXT-DECORATION: underline; }
	#People .emergency { font-size: .8em !important; }
	#People .description { margin-top: 10px; margin-left: 0px; border-bottom: 0px; }

	#People #LHS { float:left; width:60%; display:normal; }
	#People #RHS { float:right; width:38%; }

/*-- Pricing --*/
    .PricingPeriod { padding: 0 0 5px 0; margin: 0;	color: rgb(51, 67, 106); font-size: 18px; font-weight: bold; line-height: 1.2em; font-family: "Cabin", Helvetica, Arial, sans-serif; }
    .PricingPrice { padding: 0 0 5px 0; margin: 0;	color: darkgreen; font-size: 18px; font-weight: bold; line-height: 1.2em; font-family: "Cabin", Helvetica, Arial, sans-serif; }

/*-- Contact Us --*/
	#ContactDetails .contactProfile { border-bottom: 1px dashed #ccc; padding: 15px 0; clear: left;	float: left; color: #999; line-height: 1.7em; width: 100%; }
	#ContactDetails .contactProfile:last-child { border-bottom: none; }
	#ContactDetails .contactProfile img { padding: 5px; border: 1px solid #ccc; float: left; margin-right: 30px; }
	#ContactDetails .contactProfile a { text-decoration: none; }
	#ContactDetails .contactProfile a:hover { text-decoration: underline; }
	#ContactDetails .title { font-size: 1.3em; }
	#ContactDetails .subTitle { font-size: 1.3em; margin-bottom: 5px; color: #666; font-style: italic; }
	#ContactDetails .zoom, .skype, .email, .phone, .mobile, .postal { border-bottom: 1px dashed #ccc; line-height: 1.6em; margin: 10px 0 0px 0px; padding: 0 0 10px 35px; font-size: 17px; font-weight: normal; color: #666; }
	#ContactDetails .zoom { background: url(../../../Images/Icons/zoom.png) no-repeat 0 0; }
	#ContactDetails .skype { background: url(../../../Images/Icons/skype.gif) no-repeat 0 0; }
	#ContactDetails .phone { background: url(../../../Images/Icons/landline.gif) no-repeat 0 0; }
	#ContactDetails .mobile { background: url(../../../Images/Icons/mobile.jpg) no-repeat 0 0; }
	#ContactDetails .postal { background: url(../../../Images/Icons/postal.gif) no-repeat 0 0; }
	#ContactDetails .email { background: url(../../../Images/Icons/postal.gif) no-repeat 0 0; TEXT-DECORATION: underline; }
	#ContactDetails .emergency { font-size: .8em !important; }
	#ContactDetails .description { margin-top: 10px; margin-left: 0px; border-bottom: 0px; }

/*-- Blog --*/
    .BlogArticle { width: 100%; display:block; }
    .BlogArticleDetails { width: 100%; display:block; height:100%; }
    .Blog_LHS { width: 300px; float: left; }
    .Blog_RHS { margin-left: 320px; }
    .BlogSpacer { width: 100%; display:block; height:10px; clear:both; }
	.BlogAuthor { padding: 0; margin: 0 0 10px 0; color: #999; font-size: 14px; font-weight: normal; line-height: 1.2em; font-family: "Cabin", Helvetica, Arial, sans-serif; TEXT-DECORATION: none; }
	a.BlogAuthor { padding: 0; margin: 0 0 10px 0; color: #999; font-size: 14px; font-weight: normal; line-height: 1.2em; font-family: "Cabin", Helvetica, Arial, sans-serif; TEXT-DECORATION: none; }
	a:hover.BlogAuthor { padding: 0; margin: 0 0 10px 0; color: #999; font-size: 14px; font-weight: normal; line-height: 1.2em; font-family: "Cabin", Helvetica, Arial, sans-serif; TEXT-DECORATION: none; }

    @media screen and (max-width: 800px) {
    .Blog_LHS { width: 100%; display:block; margin-left:0px; margin-bottom: 10px; }
    .Blog_RHS { width: 100%; display:block; margin-left:0px; }
    }

    #PublicHome .BlogArticle { width: 100%; height: 100%; display:block; background: #f8f8f8; border-radius: 7px; padding: 15px; min-height:150px; }
    #PublicHome .BlogTitle { padding: 0 0 5px 0; margin: 0;	color: rgb(51, 67, 106); font-size: 16px; font-weight: bold; line-height: 1.2em; font-family: "Cabin", Helvetica, Arial, sans-serif; }
    #PublicHome .Blog_LHS { width: 170px; float: left; height:100% }
    #PublicHome .Blog_RHS { margin-left: 185px; }

    @media screen and (max-width: 800px) {
    #PublicHome .Blog_LHS { width: 100%; display:block; margin-left:0px; margin-bottom: 10px; }
    #PublicHome .Blog_RHS { width: 100%; display:block; margin-left:0px; }
    }

/*-- Hot Tips --*/
    .HotTipArticle { width: 95%; display:block; box-shadow:3px 3px 14px 3px rgba(0, 0, 0, 0.1); padding:20px; border-radius:10px; }
    .HotTipImage { max-width: 150px; }
    .HotTip_LHS { width: 180px; float: left; }
    .HotTip_RHS { margin-left: 200px; }

    @media screen and (max-width: 800px) {
    .HotTip_LHS { width: 100%; display:block; margin-left:0px; margin-bottom: 10px; }
    .HotTip_RHS { width: 100%; display:block; margin-left:0px; }
    }

/*-- Exhibitions --*/
    .gridExhibitions { display: grid; grid-template-columns: 150px 30px auto; grid-row-gap: 30px; align-items: center; }
    .gridExhibitionsLogoCell { text-align:center; }

    @media screen and (max-width: 1200px) {
        .gridExhibitions { display: none; }
    }

/*-- Channel Manager --*/
    .gridNewChannels { display: grid; grid-template-columns: 150px 30px auto; grid-row-gap: 30px; align-items: center; }
    .gridNewChannelsLogoCell { text-align:center; }

/*-- XML Section --*/
    #XMLSection .Header { FONT-WEIGHT: bold; FONT-SIZE: 9pt; OVERFLOW: hidden; COLOR: white; background: #333; TEXT-DECORATION: none; PADDING: 7px 7px 7px 7px; border-collapse: collapse; BORDER-TOP: #FFF 1px solid; BORDER-LEFT: #FFF 1px solid; }
    #XMLSection .Row1 { font-size: 9pt;	font-weight: normal; COLOR: #00182C; background: #D6D6D6; padding: 5px; BORDER-LEFT: #FFF 2px solid; BORDER-TOP: #FFF 0px solid; BORDER-BOTTOM: #FFF 2px solid; BORDER-RIGHT: #FFF 0px solid; }
    #XMLSection .Row2 { font-size: 9pt;	font-weight: normal; COLOR: #00182C; background: #E6E6E6; padding: 5px; BORDER-LEFT: #FFF 2px solid; BORDER-TOP: #FFF 0px solid; BORDER-BOTTOM: #FFF 2px solid; BORDER-RIGHT: #FFF 0px solid; }

/*-- Help Section --*/
    #HelpMainNav { display:inline }
    #HelpMobileNav { display:none; }
    #HelpPage .HelpTitle { padding: 0 0 0px 0; margin: 0;	color: rgb(51, 67, 106); font-size: 24px; font-weight: bold; line-height: 1.2em; font-family: "Cabin", Helvetica, Arial, sans-serif; }
    #HelpPage .CenterHorizontal { margin: 0 auto; text-align:center; }   
    #HelpPage .WhiteRoundedCornerBox { background: #FFF; border-radius: 7px; padding: 10px; display: inline-block; margin: 0 auto; }
    #HelpPage #HelpContentContainer { width:98%; display: block; margin-left:10px; margin-right:10px; background-color: #FFF; border-top-left-radius: 5px; border-top-right-radius: 5px; border-top: 3px solid #00CC66; }
	#HelpPage #HelpContentSpacer { padding: 20px; }
    #HelpPage * { box-sizing: border-box; }
	#HelpPage #Parent { width: auto; display:inline-table; }
	#HelpPage #LHS { width: 210px; float: left; }
	#HelpPage #RHS { margin-left: 220px; }
/*
	#HelpPage #LHS { width:210px; position: fixed; z-index: 1; top: 90px; left: 0; }
	#HelpPage #RHS { margin-left: 220px; height:100%; }
*/

/*-- Help Menus --*/
    #HelpPage .HelpMenu { float: left; width: 100%; margin: 0 5px 0 10px; text-decoration:none; list-style: none; padding: 0; }
    #HelpPage .HelpMenu a { font-family: "Cabin", Helvetica, Arial, sans-serif; color: #fff; text-transform: uppercase; text-decoration:none; font-size: 15px; padding:5px; line-height: 20px; }
    #HelpPage .HelpMenu .TopLevelActive { background: #00CC66; color: #fff; border-bottom: 1px solid #ddd; display: block; padding:5px; }
    #HelpPage .HelpMenu .TopLevelInActive { background: #FFF; color: rgb(51, 67, 106); border-bottom: 1px solid #ddd; display: block; padding:5px; }
    #HelpPage .HelpMenu .TopLevelInActive:hover { background: #00CC66; color: #fff; }
    #HelpPage .HelpMenu .SecondLevelActive { background: #00CC66; color: #FFF; border-bottom: 1px solid #ddd; display: block; padding:5px; line-height: 20px; }
    #HelpPage .HelpMenu .SecondLevelInActive { background: #EEE; color: rgb(51, 67, 106); border-bottom: 1px solid #ddd; display: block; padding:5px; line-height: 20px; }
    #HelpPage .HelpMenu .SecondLevelInActive a { line-height: 20px; font-family: "Cabin", Helvetica, Arial, sans-serif; color:rgb(51, 67, 106); text-transform: uppercase; text-decoration:none; font-size: 15px; padding:5px; line-height: 20px; }
    #HelpPage .HelpMenu .SecondLevelInActive:hover { background: #00CC66; color:white; }
    #HelpPage .dropdown-btn { background: #FFF; color: rgb(51, 67, 106); border-bottom: 1px solid #ddd; display: block; padding:5px; font-family: "Cabin", Helvetica, Arial, sans-serif; text-transform: uppercase; text-decoration:none; font-size: 15px; padding:5px; line-height: 20px; cursor: pointer; }
    #HelpPage .fa-caret-down { float: right; padding-right: 8px; }
    #HelpPage .visible { display: block; }
    #HelpPage .hidden { display: none; }
    #HelpPage .HelpTabs { display: block; padding: 0 0 5px 0; margin: 0; color: rgb(51, 67, 106); font-size: 18px; font-weight: bold; line-height: 1.2em; font-family: "Cabin", Helvetica, Arial, sans-serif; }
    #HelpPage .DotLine { display: block; border-bottom: 2px solid #EEE; margin-bottom: 10px; }
    #HelpPage .PageTop { display: block; margin-bottom: 10px; clear:both; text-align:right; }
    #HelpPage .PageTopLink { color: rgb(51, 67, 106); font-size: 12px; font-weight: bold; font-family: "Cabin", Helvetica, Arial, sans-serif; }
    #HelpPage .WarningNotificationBox { display:inline-block; background: url('../../../Images/Warning.gif') no-repeat left center; color: red; font-size: 16px; font-weight: bold; height: 30px; line-height: 30px; margin: 0;  padding-left: 30px; margin-right: 50px; margin-bottom: 20px; }
    #HelpPage .WarningNotificationBoxLarge { display:inline-block; background: url('../../../Images/Warning.gif') no-repeat left center; color: red; font-size: 16px; font-weight: bold; height: 30px; margin: 0;  padding-left: 30px; margin-right: 50px; margin-bottom: 20px; }

    #HelpPage .Question { FONT-WEIGHT: normal; Display: block; color: rgb(100, 100, 100); MARGIN: 0px 0px 5px 0px; border:none; }
    #HelpPage .Answer { background: #EEE; FONT-WEIGHT: normal; text-align:justify; color: rgb(100, 100, 100); Display: block; MARGIN: 0px 0px 20px 0px; PADDING: 10px 10px 10px 10px; line-height: 1.4em; }
    #HelpPage .AnswerP { color: rgb(100, 100, 100); line-height: 1.4em;	margin: 0px 0 20px 0;	padding: 0 0 0 0; }

    #HelpNavBar { display:block; }

    #MobileMenuButton a { display:table; background: #FFF; color: white; text-align:right; text-decoration:none; padding:7px; border-radius: 5px; font-size:16px; font-family: "Cabin", Helvetica, Arial, sans-serif; font-weight:500; }
	#MobileMenuButton a:hover { color: #FFF; background: #6AC8F0; cursor:pointer; }
	#MobileMenuButton a.active,a.visited { color: #FFF; background: #FFF; }

    .FourCols { float:left; display: grid; grid-template-columns: 180px 180px 180px 180px; padding-right: 20px; }

@media screen and (max-width: 1300px) {
    .slide { position: absolute; transition: opacity .5s ease-out; width:500px; }
    .slide + .slide { opacity: 0; }
    #slideshow_caption { position: relative; margin-top: 350px; text-align: center; background-color: #FFF; padding: 7px 7px 7px 7px; color: rgb(51, 67, 106); opacity: 1; width:500px; font-family: "Cabin", Helvetica, Arial, sans-serif; font-size:20px; font-weight:700; }
}

@media screen and (max-width: 1210px) {
    .slide { position: absolute; transition: opacity .5s ease-out; width:455px; }
    .slide + .slide { opacity: 0; }
    #slideshow_caption { opacity: 1; position: relative; margin-top: 330px; text-align: center; background-color: #FFF; padding: 7px 7px 7px 7px; color: rgb(51, 67, 106); width:455px; font-family: "Cabin","HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:20px; font-weight:700; }
}

@media screen and (max-width: 1065px) {
    .slide { position: absolute; transition: opacity .5s ease-out; width:420px; }
    .slide + .slide { opacity: 0; }
    #slideshow_caption { opacity: 1; position: relative; margin-top: 300px; text-align: center; background-color: #FFF; padding: 7px 7px 7px 7px; color: rgb(51, 67, 106);  width:420px; font-family: "Cabin","HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:20px; font-weight:700; }
}

@media screen and (max-width: 970px) {
    .slide { position: absolute; transition: opacity .5s ease-out; width:380px; }
    .slide + .slide { opacity: 0; }
    #slideshow_caption { opacity: 1; position: relative; margin-top: 265px; text-align: center; background-color: #FFF; padding: 7px 7px 7px 7px; color: rgb(51, 67, 106);  width:380px; font-family: "Cabin","HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:20px; font-weight:700; }
}

@media screen and (max-width: 880px) {
    .slide { position: absolute; transition: opacity .5s ease-out; width:340px; }
    .slide + .slide { opacity: 0; }
    #slideshow_caption { opacity: 1; position: relative; margin-top: 240px; text-align: center; background-color: #FFF; padding: 7px 7px 7px 7px; color: rgb(51, 67, 106);  width:340px; font-family: "Cabin","HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:20px; font-weight:700; }
}

@media screen and (max-width: 795px) {
    .slide { position: absolute; transition: opacity .5s ease-out; width:320px; }
    .slide + .slide { opacity: 0; }
    #slideshow_caption { opacity: 1; position: relative; margin-top: 230px; text-align: center; background-color: #FFF; padding: 7px 7px 7px 7px; color: rgb(51, 67, 106);  width:320px; font-family: "Cabin","HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:20px; font-weight:700; }
}

@media screen and (max-width: 750px) {
    .slide { position: absolute; transition: opacity .5s ease-out; width:290px; }
    .slide + .slide { opacity: 0; }
    #slideshow_caption { opacity: 1; position: relative; margin-top: 205px; text-align: center; background-color: #FFF; padding: 7px 7px 7px 7px; color: rgb(51, 67, 106);  width:290px; font-family: "Cabin","HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:20px; font-weight:700; }
}


@media screen and (max-width: 815px) {
	p {	line-height: 1.4em;	margin: 0 0 7px 0;	padding: 0 0 0 0; font-family: "Cabin", Helvetica, Arial, sans-serif; font-size: 14px; color: #555555; }
	.DottedLine { border-bottom: 1px dashed #ccc; width:100%; margin-bottom: 10px; }

	#PublicMenus nav { width:100%; display: block; margin-left: auto; margin-right: auto; padding-top: 0px; padding-left:40px; }
	#PublicMenus nav li { padding: 0; margin: 0; float:left; display: block; text-decoration: none; padding: 0px 5px 0px 0px; /*padding: 10px;*/ font-size: 13px; color: #999999; }

	#PublicMenusSecondaryServices nav { width:570px; display: block; margin-left: auto; margin-right: auto; padding-top: 15px; padding-bottom: 10px; }
	#PublicMenusSecondaryServices nav li { margin: 0; float:left; display: block; text-decoration: none; padding: 0px 10px 0px 0px; font-size: 10px; color: #999999; font-weight:bold; }

    #FreeOnlineBooking .CustomWidget { float:none; clear:both; width:100%; padding: 0 0 20px 0; }
    #FreeOnlineBooking .LHS_Custom { float:left; clear:both; width:100%; padding: 0 0 20px 0; overflow: auto; }
    #FreeOnlineBooking .RHS_Custom { float:left; clear:both; width:100%; padding: 0 0 20px 0; overflow: auto; }
    .LHS50 { float:left; clear:both; width:100%; padding: 0 0 20px 0; overflow: auto; }
    .RHS50 { float:left; clear:both; width:100%; padding: 0 0 20px 0; overflow: auto; }
    #FreeOnlineBooking .BookingDiary { float:none; clear:both; width:100%; padding: 0 0 20px 0; margin: 0 0 20px 0; }

	#CompareServices .RoundedCornerBox { width:95%; clear:both; background: #eee; border-radius: 5px; padding: 15px;  display: block; margin-left: auto; margin-right: auto; margin-right: 10px; margin-bottom:10px; }
    .ComparisonHeader { width: 150px; text-align: center; font-size: 20px; font-weight: bold; color: #FFF; border-radius: 5px; }
    .ComparisonBlank { width: 150px; text-align: center; font-size: 18px; font-weight: bold; }
    .ComparisonPrice { width: 150px; text-align: center; font-size: 18px; font-weight: bold; color: #555555; background:#EEEEEE; }
    .ComparisonSpacerOdd { width: 5px; padding:0px; text-align: center; background:#EEEEEE;}
    .ComparisonSpacerEven { width: 5px; padding:0px; text-align: center; background:#FAFAFA;}
    .ComparisonRowDescriptorOdd { width: 100%; background: #FFFFFF; }
    .ComparisonRowDescriptorEven { width: 100%; background: #FFFFFF; }
    .ComparisonRowValueOdd { width: 150px; text-align: center; background:#EEEEEE; }
    .ComparisonRowValueEven { width: 150px; text-align: center; background:#FAFAFA;}

    #BookingDiary .BookingDiary { float:none; clear:both; width:100%; padding: 0 0 20px 0; margin: 0 0 20px 0; }
    #Premium .BookingSheet { float:none; clear:both; width:100%; padding: 0 0 20px 0; margin: 0 0 20px 0; }
}

@media screen and (max-width: 690px) {
	body { font-family: "Cabin", Helvetica, Arial, sans-serif; font-size: 14px; background: #EEE; margin:0; padding: 0; color: #555555;	}
	h1 { padding: 0; margin: 0 0 20px 0; color: rgb(51, 67, 106); font-size: 18px; line-height: 1.2em; font-family: "Cabin", Helvetica, Arial, sans-serif; text-transform: none; border-bottom: 2px solid #EEE; font-weight:700; }
	h2 { padding: 0 0 5px 0; margin: 0;	color: rgb(51, 67, 106); font-size: 16px; font-weight: bold; line-height: 1.8em; font-family: "Cabin", Helvetica, Arial, sans-serif; }
	h3 { padding: 0; margin: 0 0 10px 0; font-size: 14px; font-weight: normal; text-transform: uppercase; line-height: 1.2em; color: #999; font-family: "Cabin", Helvetica, Arial, sans-serif; }
	p {	line-height: 1.4em;	margin: 0 0 7px 0;	padding: 0 0 0 0; font-family: "Cabin", Helvetica, Arial, sans-serif; font-size: 14px; color: #555555; }
	.DottedLine { border-bottom: 1px dashed #ccc; width:100%; margin-bottom: 7px; }

    #PublicHomeContainer { width:95%; max-width:1150px; display: block; margin-left: auto; margin-right: auto; background-color: #FFF; border-top-left-radius: 5px; border-top-right-radius: 5px; border-top: 3px solid #00CC66; }
	#PublicHome #Title h1 { padding: 0; margin: 0; color: rgb(51, 67, 106); font-size: 18px; line-height: 1.3em; font-family: "Cabin", Helvetica, Arial, sans-serif; text-transform: none; }
	#PublicHome #LHS { float:right; clear:both; width:100%; display:normal; }
	#PublicHome #RHS { float:left; clear:both; width:100%; }
	#PublicHome #LHSMobile { float:right; clear:both; width:100%; display:none; }
    #PublicHome .slide { position: absolute; transition: opacity .5s ease-out; width:425px; margin-top:10px; }
    #PublicHome #slideshow_caption { opacity: 1; position: relative; margin-top: 310px; text-align: center; background-color: #FFF; padding: 7px 7px 7px 7px; color: rgb(51, 67, 106);  width:425px; font-family: "Cabin", Helvetica, Arial, sans-serif; font-size:16px; font-weight:700; }

    #PublicHome .NewsTileLHS { float:left; width:95%; margin-bottom: 10px; }
    #PublicHome .NewsTileRHS { float:left; width:95%; margin-bottom: 10px; }

    #PublicContentContainer { width:95%; max-width:1150px; display: block; margin-left: auto; margin-right: auto; background-color: #FFF; border-top-left-radius: 5px; border-top-right-radius: 5px; border-top: 3px solid #00CC66; }
	/* #PublicContent #Title h1 { padding: 0; margin: 0 0 10px 0; color: rgb(51, 67, 106); font-size: 18px; line-height: 1.7em; font-family: "Cabin", Helvetica, Arial, sans-serif; text-transform: none; } */
	#PublicContent #LHS { float:left; clear:both; width:100%; }
	#PublicContent #RHS { float:left; clear:both; width:100%; }
	.RoundedCornerBox { background: #eee; border-radius: 5px; padding: 15px; display: block; margin-left: auto; margin-right: auto; margin-right: 10px; margin-bottom:10px; }
    #PublicContentFooterContainer { width:95%; max-width:1150px; display: block; margin-left: auto; margin-right: auto; padding:0px; background-color:#FFF; }

	/* -- Mobile menus -- */
	#LogoMenuNormal { display:none;  }
	#LogoMenuMobile { display:table; }
    #LogoMenuLogo { width:100%; display: grid; grid-template-columns: 200px auto 80px; grid-row-gap: 0px; align-items: center; }

    #MobileMenuButton a { display:table; background: #00CC66; color: white; text-align:right; text-decoration:none; padding:7px; border-radius: 5px; font-size:16px; font-family: "Cabin", Helvetica, Arial, sans-serif; font-weight:500; }
	#MobileMenuButton a:hover { color: #FFF; background: #00A452; cursor:pointer; } 
	#MobileMenuButton a.active,a.visited { color: #FFF; background: #00A452; }

	/*#MobileMenu a { display:table; background: #00CC66; color: white; text-align:right; text-decoration:none; padding:7px; border-radius: 5px; font-size:16px; font-family: "Cabin", Helvetica, Arial, sans-serif; font-weight:500; }
	#MobileMenu a:hover { color: #FFF; background: #00A452; cursor:pointer; }
	#MobileMenu a.active { color: #FFF; background: #00A452; }
	#MobileMenu a.visited { color: #FFF; background: #00A452; }*/

	#MobileMenuList { display:block; width:100%; margin-top:0; }
	#MobileMenuList a { color: #FFF; background: #00CC66; margin:0; padding:7px; font-size:14px; display: block; text-decoration:none; font-family: "Cabin", Helvetica, Arial, sans-serif; font-weight:500; }
	#MobileMenuList a:hover { color: #FFF; background: #00A452; cursor:pointer; }
	#MobileMenuList a.active { color: #FF722A; background: #00A452; }	
    #MobileMenuList .activemobilesecondary { background: #76D1A4; }
    #MenuSpacer { display: block; margin-left: auto; margin-right: auto; padding-bottom: 0px; }
    #BaseMenuSpacer { display: block; margin-left: auto; margin-right: auto; padding-bottom: 0px; }

	/* -- OnlinePMS Help Mobile menus -- */
    #HelpLogoMenuLogo { width:100%; display: grid; grid-template-columns: 200px auto 80px; grid-row-gap: 0px; align-items: center; }
    .lblAdminMobileMenuSelected { font-size:13px; font-family: "Cabin", Helvetica, Arial, sans-serif; font-weight:300; color:#003366; padding-left: 5px; text-decoration:none; white-space:nowrap; }

    /* -- Other Stuff -- */
	#ContactDetails .skype, .email, .phone, .mobile, .postal { border-bottom: 1px dashed #ccc; line-height: 1.6em; margin: 10px 0 0px 0px; padding: 0 0 10px 35px; font-size: 14px; font-weight: normal;	color: #666; }
    .gridNewChannels { display: grid; grid-template-columns: auto; grid-row-gap: 10px; }
    .gridNewChannelsLogoCell { text-align:left; }

@media screen and (max-width: 900px) {
    #HelpMainNav { display:none; }
    #HelpMobileNav { display:inline; }
    #HelpPage #LHS { width: 100%; float: left; }
	#HelpPage #RHS { margin-left: 0px; width:100%; float: left; }
    #HelpNavBar { display: none;  }
}

@media screen and (max-width: 500px) {
    /* -- iPhone width:480px -- */
	h2 { padding: 0 0 5px 0; margin: 0;	color: rgb(51, 67, 106); font-size: 15px; font-weight: bold; line-height: 1.8em; font-family: "Cabin", Helvetica, Arial, sans-serif; }
	#PublicHome #LHS { float:none; clear:both; width:100%; display:none; }
	#PublicHome #LHSMobile { float:none; clear:both; width:100%; display: block; padding-top:20px; }
    #PublicHome .slide { position: absolute; transition: opacity .5s ease-out; width:320px; margin-top:10px; }
    #PublicHome #slideshow_caption { opacity: 1; position: relative; margin-top: 230px; text-align: center; background-color: #FFF; padding: 7px 7px 7px 7px; color: rgb(51, 67, 106);  width:320px; font-family: "Cabin", Helvetica, Arial, sans-serif; font-size:16px; font-weight:700; }
    .FormLabel { width: 100%; margin-top: 0; margin-bottom: 2px; text-align: left; }
    .FormField { width: 100%; margin-top: 0; text-align: left; }
    .FormButtonRow { padding-top:0px; }
    #DemoFormBox { width:90%; }
    #DemoFormBox .FormLabel { float:left; width: 100%; margin-top: 0; margin-bottom: 2px; text-align: left; }

	#CompareServices .RoundedCornerBox { width:90%; clear:both; background: #eee; border-radius: 5px; padding: 15px;  display: block; margin-left: auto; margin-right: auto; margin-right: 10px; margin-bottom:10px; }
    .ComparisonHeader { max-width: 60px; text-align: center; font-size: 15px; font-weight: bold; color: #FFF; border-radius: 5px; }
    .ComparisonBlank { max-width: 60px; text-align: center; font-size: 12px; font-weight: bold; }
    .ComparisonPrice { max-width: 60px; text-align: center; font-size: 12px; font-weight: bold; color: #555555; background:#EEEEEE; }
    .ComparisonSpacerOdd { max-width: 5px; padding:0px; text-align: center; background:#EEEEEE;}
    .ComparisonSpacerEven { max-width: 5px; padding:0px; text-align: center; background:#FAFAFA;}
    .ComparisonRowDescriptorOdd { max-width: 60px; background: #FFFFFF; font-size: 12px; }
    .ComparisonRowDescriptorEven { max-width: 60px; background: #FFFFFF; font-size: 12px; }
    .ComparisonRowValueOdd { max-width: 60px; text-align: center; background:#EEEEEE; font-size: 12px; }
    .ComparisonRowValueEven { max-width: 60px; text-align: center; background:#FAFAFA; font-size: 12px; }

	.btnBasic { text-transform: uppercase; background: red; border:0; color: #fff; padding:2px 5px; font-family:"Cabin",Trebuchet MS; font-size:10px; font-weight:bold; font-style:normal; text-shadow:0px 0px 0px #666; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; cursor: pointer; -webkit-appearance: none; }
	.btnPremium { text-transform: uppercase; background: #0066FF; border:0; color: #fff; padding:2px 5px; font-family:"Cabin",Trebuchet MS; font-size:10px; font-weight:bold; font-style:normal;  text-shadow:0px 0px 0px #666; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; cursor: pointer; -webkit-appearance: none; }

    blockquote { background-image: url('../../../Images/QuoteStart.gif'); background-repeat: no-repeat; background-position: left 0px; padding-left: 50px; font-style: italic; margin-left:0px; }
    blockquote span { color: rgb(100, 100, 100); background-image: url('../../../Images/QuoteEnd.gif'); background-repeat: no-repeat; background-position: right bottom; display: block; padding-right: 45px; }
    .QuoteSource { TEXT-DECORATION: none; FONT-SIZE: 8pt; color: rgb(150, 150, 150); text-align: right; display: block; padding-right: 10px; padding-bottom:10px; }

}

/* -- TEMP home page -- */
@media screen and (max-width: 800px) {
   #Home_Text { width:90%; display: block; margin-left: auto; margin-right: auto; }
   #OptionsHorizontal { display:none; }
   #OptionsVertical { display:inline-table; }
}