@import url("css/chat.css");

.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}.clearfix {display: inline-block;}/* Hides from IE-mac \*/ * html .clearfix { height: 1%;}.clearfix {display: block;}/* End hide from IE-mac */
.clear { clear:both;} 
.left { float:left;} 
.right { float:right;}
.img-left {float: left; margin-right: 10px;} 
.img-right {float: right; margin-left: 10px;}
.dnnsprite { background-image: url('images/AsideIcons.png'); background-color: transparent; background-repeat: no-repeat; }
.Community { background-position: -249px -5px; }
.Conferences { background-position: -188px -5px; }
.Manuals { background-position: -127px -5px; }
.Marketplace { background-position: -66px -5px; }
.Training { background-position: -5px -5px; }


ul.RotatorNav { margin:-74px 0 0 0;}
ul.RotatorNav li {margin:0;list-style:none;}

ul.sidebar-nav li { list-style-type: none;}
ul.sidebar-nav li ul li { padding-left: 20px;;}

/* Getting Started content */
.getting-started-wrap .left { width: 116px; padding-top:20px;}
.getting-started-wrap .right { width:500px;}
a#TourStart img, a#TourVideo img { margin: 3px 3px 3px -10px; vertical-align: middle;}
#dnnTourContainer { display:none; }
hr.tour { border-style: solid; border-top-width: 0; color: #ccc; margin-top: 1em; }

#Footer #dnn_Footer_LeftPane {float: left;margin: 0 20px 0 0;width: 430px;}
#Footer #dnn_Footer_RightPane {float: left;width: 510px;}

#Sponsors img{width:118px;height:58px;border:solid 1px #000;margin:0 7px 7px 0;background:url(images/Logos.jpg) no-repeat;}
#Sponsors .aspnet img{background-position:0 0;}
#Sponsors .maxasp img{background-position:-118px 0;}
#Sponsors .telerik img{background-position:-236px 0;}
#Sponsors .exacttarget img{background-position:-354px 0;}
#Sponsors .winlive img{background-position: 0 -58px;}
#Sponsors .redgate img{background-position: -118px -58px;}
#Sponsors .appliedi img{background-position: -236px -58px;}
#Sponsors .arrowdesign img{background-position: -354px -58px;}

/* Quick Links */
.tblQuickLinks { width:100%; }
.tblQuickLinks td { line-height:22px; }
.tblQuickLinks a:link, .tblQuickLinks a:active, .tblQuickLinks a:visited{ text-decoration:underline; color:#e5e5e5; }
.tblQuickLinks a:hover {color:#d0171e;}

/* ------    Awesome Cyles site styles    ------ */
/* footer */
.left-footer { width:48%; float:left;}
.right-footer { width:48%; float:right;}

/* Home page */
/* Header Banner*/
.bannerShadow {padding-bottom: 34px; background:url(/Portals/0/images/Slide-Shadow.png) no-repeat 0 bottom;}
	.header-banner { background-image: url("/Portals/0/images/header-bg.jpg"); background-repeat: repeat-x; background-color:#830c11; min-height:200px; color:#FFF;}
		.header-banner .header-banner-image { float:left; width:280px; margin-left:50px; padding-top:13px;}
		.header-banner .header-banner-text { float:right; width:550px; margin-right:55px;}
			.header-banner .header-banner-text { font-size:16px; line-height:19px; padding-top:10px;}
			.header-banner .header-banner-text h2 { font-size:36px; text-transform:uppercase}
			.header-banner .header-banner-text .header-read-more { font-size:14px; text-align:right;}
			.header-banner .header-banner-text .header-read-more a { color:#FFF;}

/* services columns */
.home-services div { width:190px; margin-right:20px; float:left;}
.home-services div.last { margin-right:0;}

/*  home page sidebar styles*/
#RightLinks .last { background:none;}
#RightLinks li.icoAbout img { background-image: url("images/bike-about-icon.png"); background-repeat: no-repeat;}
#RightLinks li.icoBike img { background-image: url("images/bike-icon.png"); background-repeat: no-repeat;}
#RightLinks li.icoNews img { background-image: url("images/bike-news-icon.png"); background-repeat: no-repeat;}

/* Subpage sidebar navigation on */
.Normal ul.sidebar-nav li { line-height:200%;}
.c_DNN6_Aside h3 { padding:0; margin:0; line-height:200%;}










































/*---------------------------------------------
Trip Pages CSS
---------------------------------------------
*/
#XSLTripHeading {
	clear: both;
	color: #f7921e;
	font-family: Gabriela, Georgia, serif;
	font-size: 40px;
	line-height: 50px;
	text-shadow: 3px 3px rgba(0,0,0,0.1);
	font-weight:bold;
	padding-bottom: 0;
	margin: 40px 0 20px 0;
	text-align: left;
}
#XSLTripHeadingSmall {
	clear: both;
	color: #013767;
	font-family: Gabriela, Georgia, serif;
	font-size: 20px;
	line-height: 24px;
	text-shadow: 3px 3px rgba(0,0,0,0.1);
	font-weight:bold;
	padding-bottom: 0;
	margin: 5px;
	text-align: left;
	padding-left:6px;
	padding-right:6px;
}
.XSLPanelHeadings {
	padding:0;
	margin:0;
	color: #f58619;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	letter-spacing: 1px;
	font-size: 14px;
	white-space: nowrap;
	text-align: left;
	border: none;
	text-transform:uppercase;
	margin-top: 20px;
	text-shadow: 1px 1px rgba(0,0,0, 1);
}

.XSLTripBody {
/*
	color: #000;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 13px;
*/
	font-weight: normal;
	text-align: left;
	line-height: 16px;
	margin: 0;
}
p.XSLTripBody {
	margin-bottom:10px;
}
/*
p.XSLTripFirstPara:first-child {
	font-weight:bold;
	color: #013767;
}
*/
.XSLTripSubHeading {
	color: #000000;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 16px;
	text-align: left;
	padding-top: 12px;
	padding-bottom: 5px;
	margin: 0;
}
.XSLQuickLookSubHeading {
	float:left;
	text-align: center;
	border-top: #C90 2px dotted;
	color: #000000;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 14px;
	padding-top: 2px;
	margin: 0;
}

.XSLPanelBody {
/*
	color: #000000;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 13px;
*/
	line-height: 18px;
	text-align: left;
	padding: 0;
	margin: 0;
	text-wrap:normal;
	padding-left: 10px;
	text-shadow:none;
	letter-spacing:normal;
}
.XSLshortDescription {
	color: #4e7188;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 13px;
	font-weight:bold;
	text-align: left;
	line-height: 18px;
	padding: 0;
	margin: 0;
	text-wrap:normal;
	padding: 8px;
	text-shadow:none;
	letter-spacing:normal;
}

.XSLPanelBodyNewLine {
	clear:both;
	padding:0;
}
.XSLProductSection {
	max-width: 628;
}
.XSLimageRight {
	float: right;
	padding-left: 10px;
	padding-bottom: 10px;
}
.XSLimageBottom {
	min-width: 320px;
	max-width: 408px;
	margin: 0;
	padding-top: 16px;
}
.XSLproductWrapper {
	clear: both;
	min-width: 320px;
	max-width: 628px;
	background-color: #ccc;
	height: auto;
}
.itinList ul {
	list-style-type:none;	
	list-style:none;
	margin:0;
	padding:0;
	font-family: Helvetica, Arial, sans-serif;
}
.itinList li {
	list-style-type:none;	
	list-style:none;
	list-style-image: none;
	margin:0;
	padding: 10px;
/*	-moz-transition:all 0.2s ease-out;
	-webkit-transition:all 0.2s ease-out;
	-o-transition:all 0.2s ease-out;
	transition:all 0.2s ease-out;
	-moz-transition-delay:0.15s;
	-webkit-transition-delay:0.15s;
	-o-transition-delay:0.15s;
	transition-delay:0.15s;
*/
}
.XSLBriefItinBodyOn {
	list-style-type:none;	
	list-style:none;
	background-color: #d5dfeb;
	border-radius:10px;
	-moz-border-radius:10px;
	border:#d81935 1px solid;
}
.XSLBriefItinBodyOff {
	list-style-type:none;	
	list-style:none;
	background-color: #fefef8;
	border-radius:10px;
	-moz-border-radius:10px;
	border:#d81935 1px solid;
}

.XSLTripHighlightsBody {
	font-family: Helvetica, Arial, sans-serif;
	padding-left:20px;
}

.longDescription {
	margin-top:6px;
}
.shortDescription {
}
.showSwitch:link, .hideSwitch:link  {
	text-decoration:none;
	color:#78740a;
	padding-right:6px;
	font-size:16px;
	font-weight:bold;
}	
.hideSwitch:link  {
	color: #81002D;
}	
	
a.showSwitch:hover, a.hideSwitch:hover {
	text-decoration:none;
	color:#005540;
}

.briefItinDayPrefix {
	float:left;
	color: #000000;
	font-weight:bold;
	min-width: 70px;
}
.briefItin {
	margin-left:20px;
}
.mealsBold {
	color:#414141;
	font-weight:bold;
	margin-bottom:-8px;
	padding-bottom:0;
}
.quickLookPanel {
	padding:10px;
	background: none;
	margin-top: -30px;
}
.itinButton {
	cursor:pointer;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	float: right;
	font-weight:bold;
	color: #999;
	letter-spacing: normal;
	padding-left: 10px;
}
.XSLQuickFactsPanelMiddle {
}
.quickTabLeft {float:left; width:18px; min-height:44px; background:url(/Portals/Huma%20Challenge/images/Trip%20Pages/Quick-Facts-Tab_01.png) no-repeat left top; color:transparent; font-size: 1px;}
.quickTabMiddle {margin:0; padding:0; text-transform:uppercase; font-family:Tahoma, Geneva, sans-serif; font-weight:bold; font-size:14px; color:#4e7188; padding-top:12px; float:left; min-width:40px; min-height:32px; background:url(/Portals/Huma%20Challenge/images/Trip%20Pages/Quick-Facts-Tab_02.png) repeat-x;color: #4e7188;}
.quickTabRight {float:left; width:18px; min-height:44px; background:url(/Portals/Huma%20Challenge/images/Trip%20Pages/Quick-Facts-Tab_03.png) no-repeat right top; color:transparent; font-size:1px;}
	
	
	
	
.SuperForm table {
    width: 100%;
    font-size: 13px;
	color:#FFFFFF;
}

.contactFormTitleColumn {
	width: 60px;
	padding-top: 4px;
}

.SF_TextBox {
    font-size: 13px;
    width: 450px;
    /* width: 90%; */
    background-color: #737154;
    border: 1px solid #CCCCCC;
    color: #FFFFFF;
    padding: 4px 6px 4px 28px;	
	margin-bottom: 5px;
	min-height:20px;
}


.SuperForm .SF_SubmitButton a {
    border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.25) !important;
    background-color: #4E7188 !important;
    background-image: none !important;
    border: 1px solid #BBBBBB !important;
    border-radius: 4px 4px 4px 4px !important;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05) !important;
    color: #FFFFFF !important;
    cursor: pointer !important;
    display: inline-block !important;
    font-family: Tahoma,Geneva,sans-serif !important;
    font-size: 14px !important;
    line-height: 20px !important;
    margin-bottom: 0 !important;
    padding: 4px 14px !important;
    position: absolute !important;
    right: 0px !important;
    text-align: center !important;
    vertical-align: middle !important;
	text-decoration:none !important;
}

.SuperForm .SF_SubmitButton a:hover {
    background-color: #0D3864 !important;
    color: #D5D52E !important;
	text-decoration:none !important;
}

.xmp-contactUsForm .xmp-form-label, .ContactUsMessageSentText {
	color:#FFFFFF;
	font-size:14px;
	font-weight:normal;
}

.xmp-contactUsForm .xmp-validation {
	color:#FFFFFF;
	font-size:14px;
	font-weight:normal;
}

.xmp-contactUsForm {
	width: 600px;
}

.contactUsFormSubmitButton {
    background-color: #4E7188;
    background-image: none;
	filter: none !important;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font-family: Tahoma,Geneva,sans-serif;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 0;
    padding: 4px 14px;
    position: absolute;
    right: 30px;
    text-align: center;
    vertical-align: middle;
    border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.25);
}


.contactUsFormNameField {
	background: url(../images/contactUsFormNameIcon.gif) #737154 no-repeat;
	background-position: 3px 3px;
	width:536px;
}
.contactUsFormEmailField {
	background: url(../images/contactUsFormEmailIcon.gif) #737154 no-repeat;
	background-position: 3px 3px;
	width:536px;
}
.contactUsFormMessageField {
	background: url(../images/contactUsFormMessageIcon.gif) #737154 no-repeat;
	background-position: 3px 3px;
	width:536px;
	font: 100%/120% Tahoma,Geneva, Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
}

	
.gradeBox {
	float: left;
	background-color: #FFF;
	border: #d81935 solid 1px;
	width: 16px;
	height: 15px;
	margin-right: 8px;
	text-align: center;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 13px;
	color: #000;
	padding-top: 3px;
}
.gradeBoxOutOfTen {
	float: left;
	background-color: #FFF;
	border: #d81935 solid 1px;
	width: 16px;
	height: 17px;
	margin-right: 4px;
	text-align: center;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 11px;
	color: #000;
	padding-top: 1px;
	padding-bottom: 2px;
	margin-top: 6px;
	margin-bottom: 6px;
}
.gradeBoxOn {
	background-color: #d81935;
	color:#FFF;
}
.firstGrade {
	margin-left:0;
	padding-left:0;
}
.lastGrade {
	margin-right:0;
	padding-right:0;
}
.inlineBullets {
	font-size: 14px;
	color: #f58619;
	font-weight:bold;
}
.datesAndPrices {
	width:100%;
}
.contentUnderLine {
	border-bottom: 1px #4e7188 dotted;
	padding-bottom: 10px;
}
.padBottom {
	margin-bottom:15px;
}
/*
---------------------------------------------
              Left Trip Page Nav
---------------------------------------------
*/
#leftTripNav {
	padding:0;
	margin:0;
	margin-bottom: 30px;
	list-style:none;
}
#leftTripNav li {
	list-style:none;
	cursor:pointer;
}
.leftNavWrapperDiv {
	clear: both;
	width: 100%;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 16px;
	color: #4e7188;
	text-transform: uppercase;
	border-bottom: 1px solid #dce3e7;
	height: 35px;
	max-height: 35px;
}
.floatNavLeft {
	float: left;
	padding-top: 10px;
}	
	
/*
---------------------------------------------
                Trip Dates
---------------------------------------------
*/
	
#TripDatesBox ul {
	list-style:none;
	padding:0;
	margin:0;
}
	
#TripDatesBox li {
	list-style:none;
	padding:0;
	margin:0;
}

.rightPane, .testimonialPane {
	min-width: 200px;
	vertical-align:top;
	padding-left:30px;
}


.XSLTripBody {
	max-width: 100%;
}	


.rightPaneContents {
	float: left;
	width: 100%;
}
.rightPanelMap {
	max-width:100%;
	margin-bottom: 10px;
	border-radius: 10px;
}


	
/* ------------------------------------------
                Booking Form
-------------------------------------------*/	

.xmp-tripBookingForm { padding: 10px 5px 5px 5px; }
.xmp-tripBookingForm .xmp-form-row { margin: 3px;, padding: 3px; clear:left;}
.xmp-tripBookingForm label.xmp-form-label, .xmp-tripBookingForm span.xmp-form-label{ display:block; float:left; width: 120px;text-align: left; margin-right: 5px; }
.xmp-tripBookingForm .xmp-button { margin-right: 5px; }
.xmp-tripBookingForm label.xmp-form-label, .xmp-tripBookingForm span.xmp-form-label{ display:block; float:left; width: 120px;text-align: left; margin-right: 5px; }

.bookingFormTextField {
	width: 300px;
}
.bookingFormTextArea {
	width: 300px
}
.bookingFormPopupMenu {
	width: 100px
}



/* font awesome */
@font-face
{
	font-family: 'FontAwesome';
	src: url('../fonts/fontawesome-webfont.eot?v=3.0.1');
	src: url('../fonts/fontawesome-webfont.eot?#iefix&v=3.0.1') format('embedded-opentype'),
	url('../fonts/fontawesome-webfont.woff?v=3.0.1') format('woff'),
	url('../fonts/fontawesome-webfont.ttf?v=3.0.1') format('truetype');
	font-weight: normal;
	font-style: normal;
}





/*--------- WIP Classes ----------*/

.devBorder, .devBorder2, .devBorder3 {
	border: none;
	background:none;
	min-height: 0;
	min-width: 0;
}

/*
.devBorder, .devBorder2, .devBorder3 {
	min-height: 50px;
	min-width: 0;
}

.devBorder {
	border: #F9F 1px solid;
	background-color: #c1d72e;
}
.devBorder2 {
	border: #0C9 1px solid;
}
.devBorder3 {
	border: #03F 1px solid;
}
*/

.showIfMobile {
	display: none;
}
.showIfTablet {
	display: none;
}
.hideIfMobile {
	display: block;
}

.devMode {
	display: none;
}
.hideMe {
	display: none;
}
.marginBottom {
	margin-bottom: 20px;
}

#styleSwitcher {
/*	display:none; */
}



.flexslider {
    background: none repeat scroll 0 0 #FFFFFF;
	border: none !important;
	border-radius: 0 !important;
    box-shadow:none !important;
	
/*
    border: 4px solid #FFFFFF;
    border-radius: 4px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
*/	
    margin: 0 0 60px;
    position: relative;
}



.flex-caption {
    color: #FFFFFF;
    font-size: 14px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
	width:100%;
    position:absolute;
    left:50;
	right:50;
	bottom:0;
    background:rgba(0, 0, 0,0.1);
    z-index:1;
	padding:10px;
    margin: 0;
}







/*

 ######  ##     ## ######## ########  ########     ###    
##    ## ##     ## ##       ##     ## ##     ##   ## ##   
##       ##     ## ##       ##     ## ##     ##  ##   ##  
 ######  ######### ######   ########  ########  ##     ## 
      ## ##     ## ##       ##   ##   ##        ######### 
##    ## ##     ## ##       ##    ##  ##        ##     ## 
 ######  ##     ## ######## ##     ## ##        ##     ## 

*/

#dnn_Header1_LOGO1_imgLogo, #dnn_sherpaHeader_LOGO1_imgLogo {
	max-width:180px;
	
}

.breadcrumbs, .breadcrumbs a, .breadcrumbs a:link, .breadcrumbs a:hover, .breadcrumbs a:active, .breadcrumbs a:visited {
	color: #FFFFFF;
}

#XSLTripHeading {
	display:none;	
}



.costsOddRow {
	padding:5px;
	background-color:#DFE6F6;
}
.costsEvenRow {
	padding:5px;
}




.atAGlancePanel {
	background-color:#ECEBEA;
	color:#000000;
	padding:10px;
	border-radius: 10px;
}

.atAGlancePanel h4 {
	color:#000000;
	font-family: Helvetica, Arial, sans-serif;
	margin-bottom:5px;
}

.atAGlancePanelTable {
	font-size:13px;
	font-family: Helvetica, Arial, sans-serif;
	border-spacing: 0;
	border-collapse:collapse;
	width:100%;
}

.atAGlancePanelTable .headingColumn {
	font-weight:bold;
	padding:0 5px 0 0;
	vertical-align: top;
	width:145px;
}

.atAGlancePanelTable .dataColumn {
	padding: 0;
	vertical-align: top;
}

.bookNowButton2 {
	width: 100%;
	margin-top: 5px;
}


.bookNowButton {
	/* display:none !important; */
	background-color: #F7921E;
	margin-top:5px !important;
	font-size: 1.4em !important;
	margin-bottom:5px !important;
}

.btn.bookNowButton:hover, .btn.bookNowButton:focus, .btn.bookNowButton:active {
    background-color: #c9da2a !important;
    border-color: #d81935;
    color: #d81935 !important;
    background-image: none;
	filter: none !important;
	font-size: 1.4em !important;
}

/*
.downloadTripNotesButton {
	width:100%;
	background-color:#C1D82F;
    border-color: #d81935;
    color: #FFFFFF;
	margin-top:10px;
    background-image: none;
	font-size: 1.4em !important;
	margin-bottom:5px !important;
}


.downloadTripNotesButton:hover, .downloadTripNotesButton:focus, .downloadTripNotesButton:active {
    background-color: #d81935;
    border-color: #d81935;
    color: #ffffff !important;
    background-image: none;
	font-size: 1.4em !important;
}
*/

.askAnExpertButton, .downloadTripNotesButton {
	width:100%;
	background-color:#f7921e;
	border:none;
    color: #FFFFFF;
	margin-top:10px !important;
	background-image: none;
	font-size: 1.4em !important;
}

.downloadTripNotesButton {
	margin-bottom:5px !important;
}

.askAnExpertButton:hover, .askAnExpertButton:focus, .askAnExpertButton:active,
.downloadTripNotesButton:hover, .downloadTripNotesButton:focus, .downloadTripNotesButton:active {
    background-color: #c9da2a;
    border-color: #d81935;
    color: #FFFFFF;
	background-image: linear-gradient(to bottom, #E31936, #B90B24);
	font-size: 1.4em !important;
}



.bookNowButton, .enquireNowButton {
	width:100%;
	background-color:#f57e20;
    border-color: #d81935;
    color: #FFFFFF;
	margin-top:10px;
    background-image: none;
	filter: none !important;
	font-size: 1.4em !important;
}


.bookNowButton:hover, .bookNowButton:focus, .bookNowButton:active,
.enquireNowButton:hover, .enquireNowButton:focus, .enquireNowButton:active  {
    background-color: #990000;
    border-color: #d81935;
    color: #FFFFFF !important;
    background-image: none;
	filter: none !important;
}





.tripDatesBookNowButton {
    background-color: #FF0000;
    background-image: none;
	filter: none !important;
    /*
	border-radius: 4px 4px 4px 4px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05); 
    border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.25);
	*/
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
    font-size: 13px;
    line-height: 20px;
    margin-bottom: 0;
    padding: 4px 14px;
    right: 30px;
    text-align: center;
    vertical-align: middle;
	float:right;
	padding: 1px 6px;
	margin: -2px 0 0 0;
	position:inherit;	
}

.tripDatesBookNowButtonOver {
    background-color: #990000;
}


.teaserRowOuter {
	border: 1px solid #DDDDDD;
	border-radius: 4px;
	height: auto;
	padding: 4px;
	margin-bottom: 5px;
}


.teaserRow {
	cursor:pointer;
	padding: 7px 5px 5px;
	min-height:110px;
	font-family: Helvetica, Arial, sans-serif;
	color:#000000;
	font-size:13px;
	border-radius: 4px;
}

.teaserRow h4 {
	font-size:18px;
	colour: #d81935;
	font-family: Helvetica, Arial, sans-serif;
	padding:0;
	margin:0;
	line-height:17px;
}

.teaserRow.oddRow {
	background-color:#DFE6F6;
}

.teaserRow.evenRow {
}

.teaserTitle {
	padding:0 0 0 184px;
	margin:0;
}

.teaserBody {
	padding:2px 0 0 184px;
	margin:0;
}

.teaserThumbnail {
	float:left;
	max-width: 176px;
	border-radius: 4px;
}


.clearFloat {
    clear: both;
}

@media (max-width: 767px) {

.teaserThumbnail {
	float:none;
	padding:0;
	width: 100%;
	max-width:none;
}


.teaserTitle {
	padding:2px 0 0 0;
}

.teaserBody {
	padding:2px 0 0 0;
}

.img-rounded-max-450w, .img-rounded-max-600w {
	width:100% !important;
	max-width: none !important;
	border-radius: 6px;
}

.paginationWrapper {
	float:none !important;
}

.searchResultSortWrapper {
	float:none !important;
}

.hideIfMobile {
	display:none !important;
}

.sort-destination, .isotope-item {
	max-width:none !important;
}

}

@media (min-width: 768px) and (max-width: 991px) {
	.hideIfTablet {
		display:none !important;
	}
}

.grid input[type="text"] {
  height:46px;
}

.verticalCenterFormLabelOuter { 
  height: 100%; 
} 
.verticalCenterFormLabelOuter:before, .verticalCenterFormLabel { 
  /* these are the important styles for the centered element: */ 
  display: inline-block; 
  vertical-align: middle; 
} 
.verticalCenterFormLabelOuter:before { 
  /* this is the important part */ 
  content: ''; 
  display: inline-block; 
  width: 0; 
  height: 100%; 
  vertical-align: middle; 
  /* this just takes care of whitespace added by having display:inline-block (there are other methods) */ 
  margin-left: -0.25em; 
} 

body.boxed div.body {
    border-top-color: #d81935 !important;
    border-bottom-color: #d81935 !important;
}



section.page-top {
    background-color: #d81935 !important;
    padding: 15px 20px !important;
    border-top: 5px solid #d81935 !important;
    border-bottom: 5px solid #C1D82F !important;
}

header {
	border-top: 0px solid #c78ebf !important;	
}

footer {
    margin-top: 10px !important;
    padding: 15px 0 0 0 !important;
    background-color: #d81935 !important;
    background: none repeat scroll 0 0 #d81935 !important;
    border-top: 5px solid #d81935 !important;
}

div.footer-copyright {
    margin-top: 0 !important;
    padding: 10px 0 10px !important;
    border-top: 4px solid #C1D82F !important;
	color: #fff !important;
}

footer h2 {
	margin: 0 0 10px 0 !important;	
}

footer h3 {
	margin: 0 0 10px 0 !important;	
}

footer p {
	margin: 0 0 10px 0 !important;
	color: #FFF;
	
}

footerWYA {
	font-size:12px !important;
}

footerWYA div.footer-copyright {
	background-color: #d81935;
}

footerWYA a {
	font-size:12px !important;
	color: #FFF !important;
}
footerWYA a:hover {
	color: #CCC !important;
}
footerWYA a:active {
	color: #FFF !important;
}
footerWYA a:visted {
	color: #FFF !important;
}



.itinList li {
    margin-bottom: 5px;
}



/**************
**           **
**  General  **
**           **
**************/



.tab-content p {
    line-height: 20px;
    margin: 0;
    padding: 0;
    text-align: left;
}

.tab-content h4 {
	margin: 20px 0 10px 0;
	color: #E31936;
	
}

.tab-content .tab-pane div:first-child h4 {
	margin-top: 0px;
}

#itineraryTab h4:first-child, #datesTab h4:first-child {
	margin-top: 0px;
}


header nav ul.nav-main ul.dropdown-menu > li > a {
	padding: 5px 10px 5px 5px !important;
}

bookingform .form-control {
	margin-bottom: 12px;
	height:auto;
}

bookingform label {
	margin-bottom: 0;
	display:inline;
}

.bookingFormEnterDetailsContinueButton {
	/* margin-bottom: 12px !important; */
}

bookingform .invalid {
	background-color:#FFFF80;
}

body.modal-open {
 overflow:visible;
}

.bookingFormCopyAllDetailsFromAboveDiv, .bookingFormCopyAddressDetailsFromAboveDiv {
	margin-bottom: 12px;
}

bookingForm .step2spacer {
	height:18px;
}

bookingForm .travellerSubHeading {
	font-weight:bold;
}

.moreInfoFormTripNameLabel {
	font-size:18px;
	font-weight:bold;
}

.moreInfoFormTripName {
	margin: 10px 0
}

bookingform .bookingFormRadioButton label {
	margin: 0 0 0 10px;
}

.img-rounded {
	width:100% !important;
}

.img-rounded-max-300w {
	width:100% !important;
	max-width:300px;
	border-radius: 6px;
}

.img-rounded-max-450w {
	width:100% !important;
	max-width:450px;
	border-radius: 6px;
}

.img-rounded-max-600w {
	width:100% !important;
	max-width:600px;
	border-radius: 6px;
}

.floatImageRight {
	float: right;
	margin-left: 20px;
}

.floatImageLeft {
	float: left;
	margin-right: 20px;
}


.headerAvailablePaxColumn, .availablePaxColumn {
	display:none
}





/******************
**               **
**  Trip Search  **
**               **
******************/

.searchTeasers .teaserBody {
	line-height: 21px;
}

.paginationWrapper {
	float:left;
}

.paginationWrapper .pagination {
	margin:0 0 20px 0;
}

.searchResultSortWrapper {
	float:right;
	width:200px;
	padding-top: 4px;
	margin-bottom: 10px;
}

.searchResultSortWrapper > * {
    vertical-align: top;
}

.searchResultSortWrapper h4 {
	display:inherit;
}

.searchResultSortTitle {
	display:inline;
	padding-right:10px;
}

.searchResultSortPopupMenuWrapper {
	display:inline;
}

.searchResultSortPopupMenu {
	margin-top: 3px;
}

.searchCheckBoxList input[type=checkbox] {
	margin-right: 5px;
}



.debugMode {
	margin-bottom: 0px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	text-align:center;
}















.allFieldsAreCompulsoryRow {
	padding-left:4px;
	padding-bottom:16px;
}

div.nivo-slider .theme-default .nivoSlider img {
    border-radius: 10px !important;
}

.nivo-caption {
    border-radius: 0 0 10px 10px !important;
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6) !important;
	opacity:1 !important;
}

.tripImageNivoSlider {
	margin-top: 0 !important;
}

.placeholder {
  color: #aaa;
}

.titleCase {
	text-transform:capitalize;
}

.searchTeasers a:link, .searchTeasers a:visited, .searchTeasers a:hover,.searchTeasers a:active {
	text-decoration:none;
}

.categoryTeasers a:link, .categoryTeasers a:visited, .categoryTeasers a:hover,.categoryTeasers a:active {
	text-decoration:none;
}

.headerTagLine {
  color: #ffffff;
  display:inline-flex;
  font-size: 18px;
  font-weight: normal;
  padding: 9px 0 0 0;
  font-style:italic;
}

.headerTagLine h1 {
  color: #ffffff;
  font-size: 18px;
  font-weight: normal;
  font-style:italic;
  line-height:inherit;
  margin: 0;
  letter-spacing:normal;
}


.bookingHistoryGrid tbody tr td {
	white-space: nowrap; 
}

body.sticky-menu-deactive header.flat-menu nav ul.nav-main > li > a {
  padding-top: 10px !important;
  margin-top: 55px !important;
}
header.colored nav ul.nav-main li a {
  padding-bottom: 10px !important;
}
header nav ul.nav-main {
  margin: -7px 10px 8px 0;
  margin-bottom: 20px !important;
}

footer .row {
    margin-bottom: 20px;
}

div.tabs ul.nav-tabs .datesAndBookTabButton {
	background-color: #F57E20;
}

div.tabs ul.nav-tabs li.active .datesAndBookTabButton {
	background-color: #C1D82F;
}

.availableDatesHeader {
	font-weight:bold;
	padding-top: 5px;
	padding-bottom: 5px;
}

.availableDatesResponsiveTable {
	margin-right: 10px;
	margin-left: 10px;
}

.availableDatesResponsiveTable .dateRow {
	color:#000000;
	border-radius: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.availableDatesResponsiveTable .dateRowItem {
	padding-top: 5px;
	padding-bottom: 5px;
}

.availableDatesResponsiveTable .evenRow {
	background-color: #f2f2f2;
}

.availableDatesResponsiveTable .dateRow:hover,
.availableDatesResponsiveTable .evenRow:hover,
.availableDatesResponsiveTable .oddRow:hover {
	background-color: #C1D82F;
}

.availableDatesResponsiveTable .availableStatus {
	color: #9ca939;
}

.availableDatesResponsiveTable .limitedStatus {
	color: #c57b25;
}

.availableDatesResponsiveTable .closedStatus {
	color: #a13533;
}

.availableDatesResponsiveTable .dateRow .btn {
	width: 90px;
}

.selectedDateRow .availableStatus,
.selectedDateRow .limitedStatus,
.selectedDateRow .closedStatus {
	color:#000000;
}

@media (max-width: 767px) {
	.availableDatesResponsiveTable .rightAlign-xs {
		text-align:right;
	}
}

.bookingFormTentativeBookingHeading {
	color: #FFFFFF;
	margin-bottom:10px;
}

.tentativeBookingPanel {
	color: #FFFFFF;
	padding: 10px;
	background-color: #D81935;
	border-radius: 5px;
	margin-bottom: 20px;
}

.tentativeBookingPanel p, .tentativeBookingPanel b {
	color: #FFFFFF;
}

.bookingFormBreadCrumb {
	display:inline-block;
}

.bookingFormBreadCrumbNotCurrentStep {
	
}

.bookingFormBreadCrumbCurrentStep {
	font-weight:bold !important;
	color:#000000 !important;
}

.bookingFormEvenTraveller, .bookingFormOddTraveller, .bookingFormNonTravellerInfo {
	background-color: #E5E5E5;
	padding: 10px;
	border-radius: 10px;
	margin-bottom: 20px;
	border: 1px Solid #CCCCCC;
}

.row.bookingFormNonTravellerInfo {
    margin-left: auto;
    margin-right: auto;	
}

.dnnSearchResultItem-Others {
	display:none;
}

ul.searchSkinObjectPreview,
ul.searchSkinObjectPreview > li,
ul.searchSkinObjectPreview > li * {
	color: #000000 !important;
}

.bookingFormTravellerDetailsStatic {
	font-weight: bold;
	color: #000000 !important;
}

.bookingFormPaymentCompletePanel {
	margin-top: 20px;
}

.bookingFormListControl label {
	margin-left: 10px;
}

.bookingFormListControl input {
	margin-top: 10px;
}

.basePriceField td {
	padding-bottom:10px !important;
}

.facebookLikePlaceholder {
	margin-bottom: 12px;
}

.img-responsive.rightColumnFullWidth {
  height: auto;
  max-width: 100%;
  padding: 0;
  width: 100%;
}

.categoryInlineHeroImage {
	height: auto !important;
	max-width: 200px !important;
	max-height: 600px !important;
	margin: 0 10px 5px 0 !important;
	float:left !important;
	padding: 0 !important;
}

.generalFieldInlineHeroImage {
	height: auto !important;
	max-width: 200px !important;
	max-height: 600px !important;
	margin: 0 10px 5px 0 !important;
	float:left !important;
	padding: 0 !important;
}

.generalFieldInlineHeroImageForBulletPoints {
	height: auto !important;
	max-width: 200px !important;
	max-height: 600px !important;
	margin: 0 22px 5px 0 !important;
	float:left !important;
	padding: 0 !important;
}


@media (max-width: 767px) {
	.categoryInlineHeroImage {
		height: auto !important;
		max-width: 133px !important;
		max-height: 400px !important;
		margin: 0 10px 5px 0 !important;
		float:left !important;
		padding: 0 !important;
	}
	
	.generalFieldInlineHeroImage {
		height: auto !important;
		max-width: 133px !important;
		max-height: 400px !important;
		margin: 0 10px 5px 0 !important;
		float:left !important;
		padding: 0 !important;
	}
	
	.generalFieldInlineHeroImageForBulletPoints {
		height: auto !important;
		max-width: 133px !important;
		max-height: 400px !important;
		margin: 0 22px 5px 0 !important;
		float:left !important;
		padding: 0 !important;
	}
}

.row section.toggle input {
  height: 30px;
  margin: 0;
  opacity: 1;
  position: inherit;
  width: 100%;
  z-index: 2;
}



/*********************************************************************
**                                                                  **
**  Trip Date Picker Stuff is in jquery-ui.theme.wexDatePicker.css  **
**                                                                  **
*********************************************************************/


/****************************
**                         **
**  Below is from Porto 1  **
**                         **
****************************/

/* header div.social-icons {display: none;} */
h3 {
  color: #e31936;
}
h4,
h5 {
  color: #000;
}
a,
a:visited {
  color: #e31936;
}
a:hover,
a:visited:hover {
  color: #00ad8e;
}
a:active,
a:visited:active {
  color: #c3e5de;
}
.alternative-font {
  color: #e31936;
}
p.drop-caps:first-child:first-letter {
  color: #e31936;
}
p.drop-caps.secundary:first-child:first-letter {
  background-color: #e31936;
}
ul.nav-pills > li.active > a,
ul.nav-pills > li.active > a:hover,
ul.nav-pills > li.active > a:focus {
  background-color: #e31936;
}
div.sort-source-wrapper .nav > li.active > a,
div.sort-source-wrapper .nav > li.active > a:hover,
div.sort-source-wrapper .nav > li.active > a:focus {
  color: #e31936;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  background-color: #e31936;
}
.btn-primary,
.pagination > .active > a,
.dnnPrimaryAction,
.dnnFormItem input[type="submit"],
a.dnnPrimaryAction,
.dnnPrimaryAction:hover,
.dnnFormItem input[type="submit"]:hover,
a.dnnPrimaryAction:hover,
.dnnPrimaryAction:active,
.dnnFormItem input[type="submit"]:active,
a.dnnPrimaryAction:active {
  border-color: #e31936;
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #c3e5de;
  background-image: -moz-linear-gradient(top, #e31936, #b90b24);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e31936), to(#b90b24));
  background-image: -webkit-linear-gradient(top, #e31936, #b90b24);
  background-image: -o-linear-gradient(top, #e31936, #b90b24);
  background-image: linear-gradient(to bottom, #e31936, #b90b24);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff005091', endColorstr='#ff002091', GradientType=0);
  border-color: #b90b24 #b90b24 #000f45;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
.btn-primary:hover,
.pagination > .active > a:hover,
.dnnPrimaryAction:hover,
.dnnFormItem input[type="submit"]:hover,
a.dnnPrimaryAction:hover,
.dnnPrimaryAction:hover:hover,
.dnnFormItem input[type="submit"]:hover:hover,
a.dnnPrimaryAction:hover:hover,
.dnnPrimaryAction:active:hover,
.dnnFormItem input[type="submit"]:active:hover,
a.dnnPrimaryAction:active:hover {
  border-color: #b90b24;
  background-color: #0025ab;
}
.btn-primary:active,
.pagination > .active > a:active,
.dnnPrimaryAction:active,
.dnnFormItem input[type="submit"]:active,
a.dnnPrimaryAction:active,
.dnnPrimaryAction:hover:active,
.dnnFormItem input[type="submit"]:hover:active,
a.dnnPrimaryAction:hover:active,
.dnnPrimaryAction:active:active,
.dnnFormItem input[type="submit"]:active:active,
a.dnnPrimaryAction:active:active,
.btn-primary:focus,
.pagination > .active > a:focus,
.dnnPrimaryAction:focus,
.dnnFormItem input[type="submit"]:focus,
a.dnnPrimaryAction:focus,
.dnnPrimaryAction:hover:focus,
.dnnFormItem input[type="submit"]:hover:focus,
a.dnnPrimaryAction:hover:focus,
.dnnPrimaryAction:active:focus,
.dnnFormItem input[type="submit"]:active:focus,
a.dnnPrimaryAction:active:focus {
  border-color: #00345e;
  background-color: #00345e;
}
.progress-bar-primary {
  background-color: #e31936;
}
body.boxed div.body {
  border-top-color: #e31936;
}
section.highlight {
  background-color: #e31936;
  border-color: #004278;
}
section.page-top h2 {
  border-bottom-color: #e31936;
}
section.toggle label {
  color: #e31936;
  border-left-color: #e31936;
}
section.toggle.active > label {
  background-color: #e31936;
  border-color: #e31936;
  color: #FFF;
}
section.page-top.custom-product {
  background-color: #004278;
  border-top-color: #004a87;
}
div.feature-box div.feature-box-icon {
  background-color: #e31936;
}
ul.history li div.featured-box div.box-content {
  border-top-color: #e31936;
}
div.feature-box.secundary div.feature-box-icon i.icon,
div.feature-box.secundary div.feature-box-icon em.icon {
  color: #e31936;
}
a.thumb-info span.thumb-info-type {
  background-color: #e31936;
}
a.thumb-info span.thumb-info-action-icon {
  background-color: #e31936;
}
.thumbnail span.zoom {
  background-color: #e31936;
}
span.thumb-info-social-icons a {
  background-color: #e31936;
}
.inverted {
  background-color: #e31936;
}
div.tabs ul.nav-tabs a,
div.tabs ul.nav-tabs a:hover {
  color: #000;
}
div.tabs ul.nav-tabs a:hover {
  border-top-color: #e31936;
}
div.tabs ul.nav-tabs li.active a {
  border-top-color: #e31936;
  color: #000;
}
ul.list.icons li i,
ul.list.icons li em {
  color: #e31936;
}
i.icon-featured {
  background-color: #e31936;
}
.parallax blockquote i.icon-quote-left {
  color: #e31936;
}
header {
  /* Single Menu */
  /* Header Darken Top Border */
  /* Header Version 4 */
  /* Header Flat Menu */
  /* Mega Menu */
}
header nav ul.nav-main ul.dropdown-menu,
header nav ul.nav-main li.dropdown.open a.dropdown-toggle,
header nav ul.nav-main li.active a,
header nav ul.nav-main li > a:hover,
header nav ul.nav-main li.dropdown:hover a {
  color: #FFF;
  background-color: #e31936 !important;
}
header nav ul.nav-main ul.dropdown-menu li:hover > a {
  background-color: #c3e5de !important;
}
header nav ul.nav-main ul.dropdown-menu {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #c3e5de;
  background-image: -moz-linear-gradient(top, #e31936, #b90b24);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e31936), to(#b90b24));
  background-image: -webkit-linear-gradient(top, #e31936, #b90b24);
  background-image: -o-linear-gradient(top, #e31936, #b90b24);
  background-image: linear-gradient(to bottom, #e31936, #b90b24);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff005091', endColorstr='#ff002091', GradientType=0);
  border-color: #b90b24 #b90b24 #000f45;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
header nav ul.nav-main ul.dropdown-menu:hover {
  border-color: #b90b24;
  background-color: #c3e5de;
}
header nav ul.nav-main ul.dropdown-menu:active,
header nav ul.nav-main ul.dropdown-menu:focus {
  border-color: #00345e;
  background-color: #e31936;
}
header nav ul.nav-main li.dropdown:hover ul.dropdown-menu li > a {
  background: none !important;
}
header nav ul.nav-main li.dropdown:hover ul.dropdown-menu li > a:hover {
  background: #c3e5de !important;
  color: #000;
}
header.single-menu nav ul.nav-main li.active > a {
  border-top: 5px solid #e31936;
}
header.darken-top-border {
  border-top: 5px solid #004278;
}
header.colored div.header-top {
  background-color: #d81935;
}
header.colored div.header-top ul.nav-top li a:hover {
  background-color: #cc922f !important;
}
header.flat-menu nav ul.nav-main li > a,
header.flat-menu nav ul.nav-main li.active > a {
  color: #666;
}
header.flat-menu nav ul.nav-main li.active > a {
  color: #e31936;
  background-color: transparent !important;
}
header.flat-menu nav ul.nav-main li > a:hover,
header.flat-menu nav ul.nav-main li.dropdown:hover a {
  color: #FFF;
  background-color: #e31936 !important;
}
header nav.mega-menu ul.nav-main li.mega-menu-item ul.dropdown-menu {
  border-top-color: #e31936;
}
div.slider div.tp-bannertimer {
  background-color: #e31936;
}
div.home-intro p em {
  color: #c3e5de;
}
div.home-concept strong {
  color: #e31936;
}
blockquote.testimonial {
  background: #005eab;
}
div.testimonial-arrow-down {
  border-top-color: #005eab;
}
div.recent-posts div.date span.month,
article.post div.post-date span.month {
  background-color: #e31936;
}
div.recent-posts div.date span.day,
article.post div.post-date span.day {
  color: #e31936;
}
div.shop ul.products li.product .onsale {
  background-color: #e31936;
}
div.featured-box-secundary i.icon-featured,
div.featured-box-secundary i.image-icon {
  background-color: #e31936;
}
div.featured-box-secundary h4 {
  color: #e31936;
}
div.featured-box-secundary div.box-content {
  border-top-color: #e31936;
}
div.pricing-table div.most-popular {
  border-color: #e31936;
}
div.pricing-table div.most-popular h3 {
  background-color: #003f72;
  background-image: -moz-linear-gradient(top, #e31936, #002645);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e31936), to(#002645));
  background-image: -webkit-linear-gradient(top, #e31936, #002645);
  background-image: -o-linear-gradient(top, #e31936, #002645);
  background-image: linear-gradient(to bottom, #e31936, #002645);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff005091', endColorstr='#ff002645', GradientType=0);
}
section.timeline .timeline-box.left:before,
section.timeline .timeline-box.right:before {
  background: #e31936;
  box-shadow: 0 0 0 3px #ffffff, 0 0 0 6px #e31936;
}
footer div.footer-ribon {
  background: #e31936;
}
footer div.footer-ribon:before {
  border-right-color: #002645;
}
.dnnFormItem input[type="text"]:active,
.dnnFormItem input[type="text"]:focus,
.dnnFormItem input[type="password"]:focus,
.dnnFormItem input[type="password"]:active,
.dnnFormItem input[type="email"]:active,
.dnnFormItem input[type="email"]:focus,
.dnnFormItem select:active,
.dnnFormItem select:focus,
.dnnFormItem textarea:active,
.dnnFormItem textarea:focus,
.dnnFormItem input[type="search"]:active,
.dnnFormItem input[type="search"]:focus {
  border-color: #e31936;
  -webkit-box-shadow: 0 0 3px 0 #5eb7ff;
  box-shadow: 0 0 3px 0 #5eb7ff;
}



html.boxed .body {
  border-bottom: 5px solid #d81935 !important;
  border-radius: 5px;
}



@media (min-width: 992px) and (max-width: 1199px) {
	header nav ul.nav-main li a {
		padding-left: 9px;
		padding-right: 9px;
	}
}

.responsiveImage {
    border-radius: 10px !important;	
}

.tab-content p.reviewStars {
	margin-bottom: 10px;
}

.active-star::before {
    content: "★";
    position: absolute;
}

.active-star {
    color: #660033;
    font-family: "open_sans";
    font-size: 25px;
    font-style: normal;
    margin-right: 2px;
}

.inactive-star {
    color: #660033;
    font-family: "open_sans";
    font-size: 25px;
    font-style: normal;
    margin-right: 2px;
}

#reviews p {
    line-height: 24px;
    margin: 0 0 20px;
}

.bookingFormENewsletterMessage {margin-top:15px;}
.bookingFormENewsletterMessage p{font-size:12px;line-height:15px;margin-bottom:8px;}
.checkboxLongDescription label {width: calc(100% - 30px);margin-left: 10px;}
.checkboxLongDescription {height: auto!important;}
.checkboxLongDescription input {vertical-align: top;}

.searchKeywordsWrapper{
	position: relative;
}

.searchKeywordsWrapper .icon-search{
	position:absolute;
	top: 10px;
	right:10px;
}


body header .search .control-group .NormalTextBox.icon-search{
	display: block;
	float: left;
	position: relative;
}

/*################################
##                              ##
##  JOIN OUR NEWSLETTER STICKY  ##
##                              ##
################################*/ 


@media (max-width:767px) {
	html #askAnExpertStickyTab,
	html #joinOurNewsletterStickyTab{
		bottom: 0px!important;
	}
}

#joinOurNewsletterStickyTab {
    background: url(/Portals/_default/Skins/Porto/Resources/img/bg-transparent-grey.png);
    color: #FFFFFF;
    border-top-right-radius: 7px;
    border-top-left-radius: 7px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    padding: 10px 20px;
    position: fixed;
    right: 208px;
    bottom: 0;
    cursor: pointer;
    height: 47px;
    z-index: 1040;
}
/*
.isMobile #joinOurNewsletterStickyTab {
    display: none;
}
*/
#joinOurNewsletterSticky {
    color: #696969;
    background-color: #eee;
    border-top-right-radius: 7px;
    border-top-left-radius: 7px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    /* padding: 10px 20px; */
    position: fixed;
    right: 208px;
    bottom: 0;
    cursor: pointer;
    z-index: 1040;
    font-family: "Open Sans", Arial, sans-serif;
    font-weight: normal;
    width: 280px;
    box-shadow: 0px -1px 5px #696969;
}

.isMobile #joinOurNewsletterSticky {
    right: 100px;
	z-index: 1042 !important;
}

#joinOurNewsletterSticky .modal-header {
    padding-bottom: 10px;
    background-color: #d81935;
}
#joinOurNewsletterSticky .modal-footer {
    padding-top: 0
}
#joinOurNewsletterStickyTitle {
    font-size: 18px!important;
    font-weight: bold;
	color:#FFFFFF;
}

.eNewsStickyBold {
	font-weight:bold;
	color:#000000;
	margin-bottom: 5px;
}

.eNewsStickyPlain {
	font-weight:normal;
	color:#000000;
	margin-bottom: 5px;
}

.modal-footer.joinOurNewsletterSticky-footer {
	border-top:none;
}

#joinOurNewsletterSticky_submit {
	background-color:#373a3f;
	color:#FFFFFF;border:none;
}

#joinOurNewsletterSticky .close {
    float: right;
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    color: #FFFFFF;
    text-shadow: none;
    filter: alpha(opacity=100);
    opacity: 1;
}


/*##########################
##                        ##
##  ASK AN EXPERT STICKY  ##
##                        ##
##########################*/ 



#askAnExpertSticky .askAnExpertSticky-modal-title {
    font-size: 20px;
    color: #FFFFFF;
}
#askAnExpertStickyTitle {
    font-size: 18px!important;
    font-weight: bold;
}
#askAnExpertSticky .askAnExpertSticky-modal-title::after {
    content: "That's what we're here for ...";
    font-size: 12px;
    font-family: "open_sansregular";
    display: block;
}
#askAnExpertSticky .askAnExpertStickyField {
    margin-bottom: 10px;
    background-color: #fff;
    border: 1px solid #FFFFFF;
    color: #999;
    font-style: italic;
}

#askAnExpertSticky::-webkit-input-placeholder {
    /* Chrome */
    font-family: "Open Sans", Arial, sans-serif;
    font-weight: normal;
    font-style: italic;
}
#askAnExpertSticky:-ms-input-placeholder {
    /* IE 10+ */
    font-family: "Open Sans", Arial, sans-serif;
    font-weight: normal;
    font-style: italic;
}
#askAnExpertSticky::-moz-placeholder {
    /* Firefox 19+ */
    font-family: "Open Sans", Arial, sans-serif;
    font-weight: normal;
    font-style: italic;
    opacity: 1;
}
#sendToAFriendModal:-moz-placeholder {
    /* Firefox 4 - 18 */
    font-family: "Open Sans", Arial, sans-serif;
    font-weight: normal;
    font-style: italic;
    opacity: 1;
}
#askAnExpertSticky_submit {
    background-color: #373a3f;
    color: #FFFFFF;
    border: none;
}
#askAnExpertSticky .askAnExpertMessageField {
    height: 80px;
}
#askAnExpertSticky .close {
    color: #FFFFFF;
    opacity: 1;
}
#askAnExpertSticky .modal-header {
    border-bottom: none;
}
#askAnExpertSticky .modal-footer {
    border-top: none;
    text-align: center;
}
#askAnExpertStickyTab {
    background: url(/Portals/_default/Skins/Porto/Resources/img/bg-transparent-grey.png);
    color: #FFFFFF;
    border-top-right-radius: 7px;
    border-top-left-radius: 7px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    padding: 10px 20px;
    position: fixed;
    right: 70px;
    bottom: 0;
    cursor: pointer;
    height: 48px;
    z-index: 1040;
}
.isMobile #askAnExpertStickyTab {
    display: none;
}
#askAnExpertSticky {
    color: #696969;
    background-color: #eee;
    border-top-right-radius: 7px;
    border-top-left-radius: 7px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    /* padding: 10px 20px; */
    position: fixed;
    right: 70px;
    bottom: 0;
    cursor: pointer;
    z-index: 1040;
    font-family: "Open Sans", Arial, sans-serif;
    font-weight: normal;
    width: 250px;
    box-shadow: 0px -1px 5px #696969;
}
#askAnExpertSticky .modal-header {
    padding-bottom: 10px;
    background-color: #d81935;
}
#askAnExpertSticky .modal-footer {
    padding-top: 0
}

@media (max-width: 767px){html .body > footerwya .footer-copyright{padding-bottom: 50px!important;}}


/*------- SMALLER SCREEN SIZE FIXES ----------*/
@media (max-width: 374px){
    a.scroll-to-top{
        display: none!important;
    }
    div.mylivechat_inline{
        width: 100%!important;
        right: 0px!important;
    }
    div.mylivechat_collapsed[style]{
        right: 5px!important;
    }
    div#joinOurNewsletterStickyTab{
        right: 150px!important;
    }
    .isMobile #joinOurNewsletterSticky{
        right: unset!important;
        left: 10px;
        width: calc(100vw - 20px)!important;
    }
    div#askAnExpertStickyTab{
        right: 10px;
    }
    div#askAnExpertSticky{
        right: unset!important;
        left: 10px;
        width: calc(100vw - 20px)!important;    
    }
}