﻿html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%; }
body {background:none transparent;font-weight:400;}
a {color:#3460a7;text-decoration:none}

h1, .h1 {
    color: #b5dc71;
    font-weight: 400;
    margin-bottom: 35px;}


/*******************************************/
/*	     CUSTOM OVERIDES          */
/*******************************************/


#ctl00_cphMain_UIUnit7DayCalendar1_pnlContent {margin-left:50px}

@media (max-width: 990px) {

#ctl00_cphMain_UIUnitResults1_UpdatePanel1 {width: 283px;margin: auto;}	

 }


/*******************************************/
/*	     RESPONSIVE SEARCH COMPONENT       */
/*******************************************/

/* Search Widget */ 
html body .RadInput .riTextBox, html body .RadInputMgr 
{
	border-style:none!important;
}

.widget-textfield-h {float:left;height: 55px;margin-right:20px;color:#fff;font-weight: 300; width:175px;}
.widget-textfield-h select {border:0px;width:100%;max-width:170px!important}

.cal-field-h {padding:3px 12px 2px 12px!important}
.cal-field-h input {border:0px;margin-top: 2px;}

.searchbutton-h {margin-left: 0px;margin-top: 16px;}
@media (max-width: 1000px) {
.searchbutton-h {margin-top:16px;}
}
.widgetposition-h  {margin-top: 100px}

/* Extras positioning and styling */ 
  *:before, *:after {box-sizing: border-box;}

.form-group {
  margin-bottom: 15px;
}
.form-control {
  display: block;
  
  padding: 4px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;}


.form-group-h {
  margin-bottom: 15px;
   font-size: 13px;
   font-family: Arial;
   line-height: 18px;
   
}
.form-control-h {
  display: block;
  
  padding: 4px 2px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;}

  *:before, *:after {box-sizing: border-box;}
  
  .calendarWrapper_Default  {margin:0px !important;}
  .TableLayout_Default {margin:0px !important;}
  
  /*******************************************/
/*			VERTICAL SEARCH COMPONENT         */
/*******************************************/

/* Outer containing table */

.widget-textfield {float:left;height: 65px;margin-right:20px;color:#000;font-weight: 300;}
.widget-textfield select {max-width:135px;width:100%}

.searchbutton {margin-left: 0px;margin-top: 25px;}
@media (max-width: 1000px) {
.searchbutton {margin-top:26px;}
}

.widgetposition  {margin-top: 170px}

.TitleText {
	font-size:18px;
	position:absolute;
	left:11px;
	top:0px;
	width: 210px;
}
.searchText {font-size:12px; font-family:Arial!important}
.holidaytypeDiv {
	position:absolute;
	left:11px;
	top:20px;
	width: 210px;
}
.accomTypeDiv {
	position:absolute;
	left:11px;
	top:60px;
	width: 210px;
}
.accomSelection {width:199px;font-size:12px; border-radius:5px; padding:2px 0px 2px 0px;  margin-top:1px;  }
.arrivalDiv {
	position:absolute;
	left:11px;
	top:100px;
	width: 102px;
	height: 45px;
}

.arrivalDiv input {font-size:11px}

.departureDiv {
	position:absolute;
	left:119px;
	top:100px;
	width: 102px;
	height: 44px;
}

.departureDiv input {font-size:11px}

.searchTableDiv {
	position:absolute;
	left:2px;
	top:140px;
	width:100%;
	height:220px;
}

.searchTableDiv select {font-size:12px}

.showhideDiv {
	position:absolute;
	left:10px;
	top:45px;
	width: 210px;
	height:160px
	
}

.OccupantsDiv
{
	position:absolute;
	top:45px;
	width: 210px;
	height:160px	
}

.dropdownLineSpacing {height:15px;margin-top:3px}
.nightsDiv {
	margin-right:16px;
	position:absolute;
	left:117px;
	top:3px;
	width: 95px;
	height: 48px;
}
.nightsSelection {width:87px;font-size:12px; border-radius:5px; padding:2px 0px 2px 0px;  margin-top:1px; }
.flexDiv {
	position:absolute;
	left:10px;
	top:3px;
	width: 95px;
	height: 48px;
}
.flexSelection {width:87px;font-size:12px; border-radius:5px; padding:2px 0px 2px 0px;  margin-top:1px; }
.sleepsDiv {
	float:left;
	margin-right:13px;
	margin-bottom:0px;
	position:relative;
	width: 95px;
	height: 48px;
}

.extraSelection 
{
	width:87px !important;
	font-size:12px; border-radius:5px; padding:2px 0px 2px 0px;  margin-top:1px; 
}

.sleepsSelection {width:87px;font-size:12px; border-radius:5px; padding:2px 0px 2px 0px;  margin-top:1px; }
.noBedroomsDiv {
	float:left;
	position:relative;
	margin-bottom:0px;
	width: 95px;
	height: 48px;
}
.noBedroomsSelection {width:87px;font-size:12px; border-radius:5px; padding:2px 0px 2px 0px; margin-top:1px;}
.buttonDiv {
	position:relative;
	margin-top:10px;
	margin-left:95px;
	width: 163px;
	height: 38px;
}
.GemaFooter {
	cursor:pointer;
	margin-top:5px;
	position:relative;
	margin-left:37px;
	width: 124px;
	height: 22px;
}
.gemastrap {font-size:9px;color:#fff}
.gema {color:#fff;font-family:"Century Gothic";font-size:13px}
.gemablue {color:#fff;font-family:"Century Gothic";font-size:13px}
.DateWidth {Width:200px}
.advancedSearchDiv {
	top:95px;
	width: 210px;	
}
.SearchPartTwo
{
	position:absolute;
	top:138px;
	margin-left:4px;
	width: 210px;	
}

.advancedSearchDiv select {left: 0;}
.advancedSearchTextCell span{margin-right:22px;font-size:11px}

.cal-control {
  display: block;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  width:85px;
  margin-top:1px;
}

.cal-field input {border:0px;margin-top: 2px;}


  
/*******************************************/
/*	     SEARCH RESULTS COMPONENT PARK      */
/*******************************************/

.searchResultsMessage {font-size:14px; font-family:Arial!important}
.searchResultsUnit {width:608px;margin-top:20px;color: #333;}
.searchResultsUnitName{
margin: 30px 0px 0px 0px;
color: #b5dc71;
font-size: 19px;
margin-top: 15px;
margin-bottom: 9px;
font-weight: bold;
background-color:none;
padding: 9px 9px 9px 0px;
border-radius: 8px;
}

#imgLoading {margin-left:50px}
.searchResultsLeft {margin: 0px 50px 0 50px}
@media (max-width: 990px) {
.searchResultsLeft {margin: 0px}
}
.searchresultscontain {float:left;margin-right:20px;width:255px;height:360px;overflow:hidden;border:1px solid #C9E7AB;margin-bottom:20px;padding:10px}
.searchResultsUnitType{display:inline;margin-right:10px;}
.searchResultsUnitRooms{display:inline;margin-right:10px;color:#6097BE}
.searchResultsUnitSleeps{display:inline;margin-right:10px;color:#6097BE}
.UnitValues{font-weight:bold;color:#b5dc71}
.searchResultsUnitDescription{display: inline;line-height:20px}
.imagesSurround {border-top:1px dotted #ccc;border-bottom:1px dotted #ccc;padding-bottom:20px;padding-top:10px}
.searchResultsUnitImage1{display:inline;margin-right:0px;margin-bottom:10px}

.searchResultsUnitImage1 img, .searchResultsUnitImage2 img, .searchResultsUnitImage3 img, .searchResultsUnitImage4 img, .searchResultsUnitImage5 img, .searchResultsUnitImage6 img {
margin-bottom:10px
}

.searchResultsUnitImage2{display:inline;margin-right:0px;margin-bottom:10px}
.searchResultsUnitImage3{display:inline;margin-right:0px;margin-bottom:10px}
.searchResultsUnitImage4{display:inline;margin-right:0px;margin-bottom:10px}
.searchResultsUnitImage5{display:inline;margin-right:0px;margin-bottom:10px}
.searchResultsUnitImage6{display:inline;margin-right:0px;margin-bottom:10px}
.searchResultsValidBreaks{margin-top:8px;}
.searchResultsValidBreaksHeaderText{font-size:12px;margin-left:3px;font-weight:bold;}
.searchResultsValidBreaksItem{font-size: 12px;margin-bottom:3px;}
.datesPriceDiv{float:left;padding-top:12px;color:#333; font-size:1.1rem}

.exactMatch {color:#94c21a !important;}
.nearbyDate {color:#333 !important}
.exactMatch::after{ content: " - Exact Dates"}
.nearbyDate::after{ content: " - Nearby Dates"}

.searchResultsValidBreaksItemsImage{vertical-align: middle;float:left;padding-right:20px;}
.searchResultsButtonBreak {margin: 10px 0px 0px 0px;
color: #fff;font-size: 19px;margin-bottom: 9px; font-weight: bold; border-radius: 8px;}
.resultsbottomborder{border-bottom:1px dotted #ccc;margin-top:20px}

.feature_text {width:100%;}
.search_text {color:#333; line-height:1.6em}
.feature_photo_sm {float:right; padding:0 0 10px 14px;}
.feature_text h2 {color:#333; margin-bottom:8px;font-size: 160%; font-weight:normal; line-height: normal;}
.feature_text h3 {color:#333; margin-bottom:8px;font-size: 140%; font-weight:normal; line-height: normal;}

.border{border-bottom:1px dotted #fccd68; margin:20px 0 20px 0; }


.errorMessage
{
	font-family: Arial;
	color:#F00;
	font-size: 14px;	
	
}
 

/*******************************************/
/*	     SEARCH RESULTS COMPONENT HOTEL          */
/*******************************************/


.AvailableRooms {width:550px;font-family:Georgia, 'Times New Roman', Times, serif;font-size:15px;color:#7690c8;font-weight:bold}
.RoomImage {padding:5px;float:left;margin-right:15px}
.imagesize {Width:200px;height:200px}
.roomContent {vertical-align:top;width:300px;float:left;margin-top:20px}
.roomTitle {font-family:Georgia, 'Times New Roman', Times, serif;font-size:17px;color:#7690c8;font-weight:normal}
.divider {border-bottom:1px dotted #ccc;margin-top:10px;margin-bottom:10px;width:550px}
.placeBookingContainer {vertical-align:bottom;width:550px;margin-top:10px}
.placeBookingButton {cursor:hand;}



startDayCalenderOuterTable
{
	
	padding: 0 10 0 0;
	margin: 0 0 0 0;
	
	
}

.startDayCalenderOuterTableCell
{
	
	padding: 0 10 0 0;
	margin-right: 20px;
	border-collapse:collapse;
	
	
}

.startDayCalenderTable
{
	padding: 0 0 0 0;
	margin-right: 20px;
	border: solid 1px #034694;
	border-collapse:collapse;
}

.startDayCalenderMonthHeader
{
	background-color:Red;
	background:url(../ImagesByCompanyID/12/calMonthBac.gif) repeat-x;
	font-family: Arial;
	font-size: 14px;
	text-align:center;
	color:#fff;
	font-weight:bold;
	padding-top:3px;
}

.startDayCalenderDayHeaderCell
{
	font-family: Arial;
	background-color:#EAEAEA;
	width:22px;
	text-align:center;
}

.startDayCalenderDayHeaderCell_Weekend
{
	font-family: Arial;
	background-color:Silver;
	width:22px;
	text-align:center;
}

.startDayCalenderDayCell
{
	font-family: Arial;
	background-color:White;
	text-align:center;
	font-size: 11px;
	height:22px;
}

.startDayCalenderDayCell_Weekend
{
	font-family: Arial;
	background-color:#FFF2C5;
	text-align:center;
	font-size: 11px;
	height:22px;
	font-weight:bold;
}


.startDayCalenderDayCell_ValidStartDay
{
	background-color:White;
	cursor:hand;
	height:22px;
}

.startDayCalenderDayCell_ValidStartDay_Weekend
{
	font-family: Arial;
	background-color:Orange;
	cursor:hand;
	height:22px;
}

.startDayCalenderSelectedStartDayCell
{
	font-family: Arial;
	background-color:#0BAA38;
	height:22px;
	
}

.startDayCalenderSelectedCell
{
	font-family: Arial;
	background-color:#0BAA38;
	color:#fff;
}

.startDayCalenderBlankCell
{
	font-family: Arial;
	background-color:White;
}

/*
   -----------------
    PricingCalendar
   -----------------
*/
.pg_content
{
	display:none;
    font-family: Arial;
    color:#3c3f44
}
.pg_wait {  }
.pg_templates { display:none }

/* pricing */
.pg_price
{
    display:none;
}
.pg_price_getting
{
    display:none;
}
.pg_price_none
{
    display:none;
}
.pg_price_poa
{
    display:none;
}
/* end pricing */

.pg_occupancies 
{
    width:100%;
    margin-bottom:15px
}
.pg_controls
{
    width:100%;
}
.pg_days
{
    height:370px;
}

/* days */
.pg_day
{
    border-top:2px solid #fff;
    border-left:2px solid #fff;
    background-color:#b5dc71;
    color:#000;
    text-align:left;
    vertical-align:top;
	font-size:10px;
    line-height:16px;
}
.pg_day_sunday
{
    border-top:2px solid #fff;
    border-left:0px;
}
.pg_day_offchart
{
    background-color:#f5f5f5;
}
.pg_day_changeover
{
    background-color:#b5dc71;
}
.pg_day_unavailable
{
    background-color:#ae343b;
    color:#fff;
    
}
.pg_day_highlight
{
    background-color:#b5dc71;
    color:#000;
}
/* end days */





