.clearBoth
{
    clear:both;
}

/************* Main content area defaults ********************/

.mainContentArea img
{
   background-color:#efefef;
   border:1px solid #ddd;
   margin:10px;
   padding:5px;
}

.mainContentArea .accuBookMap img
{
   background-color:transparent !important;
   border:0px solid #ddd;
}

.mainContentArea img[align="left"]
{
   margin-left:0px;
}
.mainContentArea img[align="right"]
{
   margin-right:0px;
}
.mainContentArea a
{
    text-decoration:underline !important;
}


/**************** ContactUs **************************/

.contactEmailStatus
{
    font-weight: bold;
    margin: 10px 0 10px 0;
}

.contactEmailStatus .contactEmailFailed 
{
    color: red;
}

/*************** Posts ************************/

.publishDate
{
float: right;
margin-left:10px;
}
.publishDate .day, .publishDate .month, .publishDate .year
{
float:left;
padding-right:5px;
}
.post
{
padding-bottom:20px;
clear:both;
}
.postIntro
{
padding:5px 0;
}	

.postTitle
{
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
margin:0 0 10px;
padding:0;
font-weight:bold;
}

.crumbs
{
    padding-bottom:10px;
}

.searchResult
{
    padding:10px 0 10px;
}	


#photos li, #galleries li
{
    float:left;
    display:inline;
    list-style:none;
    background:none;
}
#photos
{
    clear:both;
}

.localPosts{clear:left}
.localPosts .post
{
clear:none;    
float:left;
padding-bottom:0;
padding:0 8px 0 0;
}
.localPosts .post a
{
    font-weight:normal;
    font-size:0.9em;
}

/* ---------- gallery styles start here ----------------------- */
.photo,.gallery {
    float: left;
    margin: 10px;
    text-align: center;
    width: 130px;
    height:130px;
}
.photo img, .gallery img {
	background: #fff;
    border: 1px solid #CCCCCC;
    margin: 0;
    padding: 4px;
    height: 80px;
}
.photo span, .gallery span {
	/*width: 28px;
	height: 21px;
	display: block;
	position: absolute;
	top: -12px;
	left: 90px;
	background: url(http://www.loughshorehotel.com/css/photogallery/pin.png) no-repeat;*/
}
.photo a, .gallery a {
	text-decoration: none;
}

.galleryName
{
    
}

.galleryDescription
{
    float:left
}

.sample1 span {
	width: 28px;
	height: 21px;
	display: block;
	position: absolute;
	top: -12px;
	left: 90px;
	background: url(http://www.loughshorehotel.com/css/images/pin.png) no-repeat;
}

.sample2 span {
	width: 77px;
	height: 27px;
	display: block;
	position: absolute;
	top: -12px;
	left: 50px;
	background: url(http://www.loughshorehotel.com/css/images/tape.png) no-repeat;
}

.sample3 span {
	width: 30px;
	height: 60px;
	display: block;
	position: absolute;
	top: -5px;
	left: -2px;
	background: url(http://www.loughshorehotel.com/css/images/paper-clip.png) no-repeat;
}

.sample4 span {
	width: 115px;
	height: 32px;
	display: block;
	position: absolute;
	top: -13px;
	left: 30px;
	background: url(http://www.loughshorehotel.com/css/images/tape2.png) no-repeat;
}

.sample5 span {
	width: 216px;
	height: 166px;
	display: block;
	position: absolute;
	top: -17px;
	left: -18px;
	background: url(http://www.loughshorehotel.com/css/images/gold-frame.png) no-repeat;
}

.sample6 span {
	width: 189px;
	height: 137px;
	display: block;
	position: absolute;
	top: -5px;
	left: -5px;
	background: url(http://www.loughshorehotel.com/css/images/cut-corner.png) no-repeat;
}

.sample7 span {
	width: 170px;
	height: 120px;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	background: url(http://www.loughshorehotel.com/css/images/round-corner.png) no-repeat;
}
.sample7 img {
	border: none;
	padding: 0;
}

.sample8 span {
	width: 170px;
	height: 120px;
	display: block;
	position: absolute;
	top: 5px;
	left: 6px;
	background: url(http://www.loughshorehotel.com/css/images/round-corner.png) no-repeat;
}
.sample8 img {
	border: none;
	padding: 5px 6px 6px;
	background: url(http://www.loughshorehotel.com/css/images/round-bg.gif) no-repeat;
}

.sample9 span {
	width: 170px;
	height: 120px;
	display: block;
	position: absolute;
	top: 6px;
	left: 7px;
	background: url(http://www.loughshorehotel.com/css/images/stamp-pattern.png) no-repeat;
}
.sample9 img {
	border: none;
	padding: 6px 7px 7px;
	background: url(http://www.loughshorehotel.com/css/images/stamp-bg.gif) no-repeat;
}

.sample10 span {
	width: 181px;
	height: 134px;
	display: block;
	position: absolute;
	top: -6px;
	left: -6px;
	background: url(http://www.loughshorehotel.com/css/images/brush-border.png) no-repeat;
}
.sample10 img {
	border: none;
	padding: 0;
}

.sample11 span {
	width: 122px;
	height: 72px;
	display: block;
	position: absolute;
	top: -22px;
	left: -15px;
	background: url(http://www.loughshorehotel.com/css/images/floral-corner.png) no-repeat;
}

.sample12 span {
	width: 186px;
	height: 137px;
	display: block;
	position: absolute;
	top: 2px;
	left: 2px;
	background: url(http://www.loughshorehotel.com/css/images/watercolor-top.png) no-repeat;
}
.sample12 img {
	border: none;
	padding: 9px 12px 12px 11px;
	background: url(http://www.loughshorehotel.com/css/images/watercolor-bg.png) no-repeat;
}

.sample13 span {
	width: 170px;
	height: 120px;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	background: url(http://www.loughshorehotel.com/css/images/mask.png) no-repeat;
}
.sample13 img {
	border: none;
	padding: 0;
}

.sample14 span {
	width: 170px;
	height: 84px;
	display: block;
	position: absolute;
	top: 5px;
	left: 5px;
	background: url(http://www.loughshorehotel.com/css/images/glossy-gradient.png);
}

/***************** Accommodation Search ************************/

.accommodationSearch{
padding-bottom:15px;
}
.searchRow
{
    display:block;
    clear:left;
  
}
.searchCell
{
    float:left;
    width:70px;
    margin:3px 3px 3px 0;
}
.checkinDay, .checkinMonth,.checkoutDay, .checkoutMonth
{
    width:auto !important;
}
.searchCell .country, .searchCell .city,.searchCell .county,.searchCell .hotel,.searchCell .town
{
    width:140px;
}
.submitRow .searchButtonCell 
{
    float:left;
    margin-top:4px;
    }
.submitRow .searchCell 
{
    clear:left;
    float:left;
    text-align:right;
}
.searchCell .error
{
    color:#ff0000;
    font-weight:bold;
}

.searchCell img
{
    margin:0;padding:0;
}
.searchCell .ui-datepicker-trigger{padding: 0px 0px 0px 0px;  margin: 0px 0px 0px 3px  !important; border: 0px; float:right; *float:none;}


#ui-datepicker-div .ui-datepicker-header{background: #C0C0C0;}


/***************** Special Offers ************************/
.moreDetailsLinkOffer
{
    font-size:11px !important;
}
ul.productlist, ul.events
{
    padding-left:0;
    margin-left:0;
    clear:both;
}
.package a
{
    font-weight:bold;
}
li.package
{
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
}
li.package .previewImage
{
    margin:0 5px 5px 0;
    float:left;
}

li.package .packageImage
{
    margin: 0 3px 0 0;
    float:left;
    visibility:hidden;
    display:none;
}

li.package .packageImage img
{
    padding:2px;
    background-color:#ffffff;
    border:1px solid #cccccc;
}

li.package .packageTitle
{
}

li.package .packageescription
{
    padding-bottom:10px;
}
li.package span
{ 
    font-size:0.9em;
    font-weight:bold;
    
}

li.package span.packageName{
font-size:1em;
    }
li.package span.packageName h3
{
    display:inline-block;
}
.package
{
    padding-bottom:10px;
}

.viewAllPackages
{
    border-bottom:0px;
}
li.viewAllPackages
{
    list-style:none !important;
    background-image: none !important;
}
.businessName a
{
    font-weight:normal;
}
.businessName
{
    padding:5px 0;
}

li.package table.packageCheckout
{
    float:right; width:100%;
}
li.package table.packageCheckout th
{
    text-align:left;
    font-size: 12px !important;
    font-weight: bold !important;
}
li.package table.packageCheckout .selecttd select
{
    width:330px;
}

.mainContentArea li.package
{
    margin:10px 0px !important;
    padding-bottom:10px !important;
    border-bottom:1px solid #ccc;
}

.mainContentArea li.package .packageTitle
{
font-size:14px;    
} 

li.package .bookNowButton
{
    border-radius: 5px; 
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px; 
    border: 1px solid #20800D;
    background-color: #20800D;
    margin:5px 5px 5px 5px;
    padding: 2px 10px;
    color: #fff;
    text-decoration:none !important;
    display:inline-block;
    float:right;
}
li.package .bookNowButton:hover{    text-decoration:underline !important;}
.packageName
{
    display:block;
    margin-right: 60px;
}
.packageName .moreDetailsLinkOffer
{
    display:inline;
    font-weight:180 !important;
    font-size:10px;
    margin-right:15px;
}

.description
{
    display:inline-block;
    width: 100%;
}


.fromOnlyOfferTag
{
    display:block;
    float:left;
    color:#ff0000;
}
.offersBorder
{
    border:1px solid;
}
.offersBorder:empty
{
    border:0px;
}

li.packages .packageCheckout
{
    width:100%;
}

li.package .selectDates, li.package .selectQuantity
{
    float:left;
    margin: 10px 10px 0px 0px;
    display:inline-block;
}

li.package .selectQuantity
{
    max-width:125px;
}

li.package .selectDates
{
    max-width:400px;
}

li.packages .checkoutButton
{
    float: right;
    display:inline-block;
}

li.packages a.bookNowButton
{
    margin-top: 22px;
}

li.package .bookingFormLabel
{
    font-weight: bold;
}

li.package .selectDates select
{
    max-width:350px;
}
li.package .selectQuantity select
{
    max-width:70px;
}

li.package .seeMoreDates
{
    margin-top:10px;
    display:block;
    float:left;
}

/******************* Events ****************************/
.event
{
    border-bottom:1px dotted #ccc;
    margin-bottom:5px;
}
.event .fromDate .year
{
    display:none;
}

li.event .location {padding-left:5px;}

.event .fromDate, .event .location, .event .dateSeperator
{
    float:left;
    padding:5px 0;
    clear:none !important;
}

.clear
{
    clear:both;
}
.event
{
    clear:both;
    padding-bottom:5px;
}
.event .eventTitle
{
    clear:both;
    display:block;
}
.event, .viewAllEvents {
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
}
.event .fromDate
{
    clear:left;
    padding:5px 0;
    display:inline;
}
.event .toDate
{
    float:left;
}


.event .fromDate .day, .event .fromDate .month, .event .fromDate .year,
.event .toDate .day, .event .toDate .month, .event .toDate .year
{
display:inline;
padding-right:2px;
}
.event .toDate
{
    display:none;
}


.viewAllEvents
{
    clear:both;
    text-align:left;
    list-style-type:none !important;
}
a.eventTitle
{
    font-weight:bold;
}

div.event .eventDescription, div.event .eventDetailsWrapper
{
    clear:left;
}



/***************** Newsletter ************************/

.joinNewsletter{
padding-bottom:15px;
}

.clear
{
    clear:both;
}

.submitRow .divCell{
float:none;
}



/**************** Newsletter control **************************/

.divRow
{
    display:block;
    clear:left;
}
.divCell
{
    float:left;
    padding:5px;
}

.divLabel
{
    height:12px;
    margin-top:5px;
    vertical-align:middle;
    width:40px;
}

.submitRow .divCell
{
    margin-left:55px;
}

.divValidationMessage
{
    color:#f00;
    margin-left:55px;
    padding:0;
}

/*********************** Translate Websites ****************************/

.translationWebsite{height:18px;}
#translationMessage{padding-right:10px;}
#translationFlags img{ margin:0 3px;}

/************************ Availability Calendar *************************/
    .AvailabilityCalendar td.availCell, .AllocationLengend td.availCell{background-color:#9BFF44;}
    .AvailabilityCalendar td.noAvail,.AllocationLengend td.noAvail{background-color:#FF6759;}
    .AvailabilityCalendar td.changeOverDay,.AllocationLengend td.changeOverDay{background-image:url(../shared/images/changeover-day.jpg);background-repeat:no-repeat;}
    .AvailabilityCalendar td.noAvailchangeOverDay,.AllocationLengend td.noAvailchangeOverDay{background-image:url(../shared/images/noavailchangeover-day.jpg);background-repeat:no-repeat;}
    .AvailabilityCalendar td.cta,.AllocationLengend td.cta{background-color:#D7FFBA;}
    .AvailabilityCalendar td.min,.AllocationLengend td.min{border-top:4px solid #68A7FF; padding:0px 0px 4px;}
    .AvailabilityCalendar td a,.AllocationLengend td a {text-decoration:none !important; color:#000; font-size:1em;}
    .AvailabilityCalendar {margin-bottom:10px;}
    
     table.allogrid td{padding:4px; font-size:0.9em; }
    table.allogrid td.prodname { width:60%}
    table.allogrid th,table.allogrid td.priceInfo, table.allogrid td span {font-size:0.9em;}
    table.allogrid td.availCell {width:60px; text-align:center;}
    table.allogrid *{margin:0;}
    table.allogrid th {padding:0 3px; width:5%;}
    table.allogrid th em{font-weight:normal; font-style:normal; font-size:0.9em;}
    table.allogrid .noAvail{color:#ccc}
    table.allogrid tr{background-color:#f6f6f6}
    table.allogrid tr.alt{background-color:#fafafa}
    table.allogrid {border-spacing:2px !important; border-collapse:separate;}
    .AllocationLengend table {border-collapse: separate !important; border-spacing:3px;}
    a.viewCalendarLink{display: block;margin: 4px;text-align: center;}
    
    /*********************** reviews  ******************************/
    .review{border-bottom: 1px dotted;margin: 10px;padding-bottom: 5px;}
    .review blockquote{}
    .review .txtRating{font-weight:bold;}
    .review .rating{text-align:right;clear:both;}
    .review .reviewDetails{font-style:italic;text-align:right;clear:both;}


/******************* Business Profile *****************/

#profilePosts .post {padding:5px !important;}
#profileEvents .eventTitle{display:inline !important;float:left;padding-right:5px;}
.propertyListing {padding:5px;margin:5px;border:1px solid #ccc;clear:both;}
.propertyListing img.propertyListingImage {float:right;margin-left:10px;margin-bottom:5px;}
.propertyListing .propertyName, .propertyListing .propertyAddress {float:left;clear:left;}
.propertyListing .propertyLinks {clear:both; padding:2px;margin:2px 0px;border:1px solid #efefef;}
.propertyName a {font-weight:bold;}
.propertyListing .linkToReviews{background-image:url(../shared/images/star.png); padding:0px 0px 2px 20px; margin-left:10px; background-repeat:no-repeat;}
.propertyListing .linkToMap{background-image:url(../shared/images/map.png); padding:0px 0px 2px 20px; margin-left:10px; background-repeat:no-repeat;}
.propertyListing .linkToWebsite{background-image:url(../shared/images/world.png); padding:0px 0px 2px 20px; margin-left:10px; background-repeat:no-repeat;}
.propertyListing .propertyIntro{clear:left;}
.linkDirectoryCell td{padding-right:10px;}
.linkCategory{padding:10px;margin:10px;float:left;}
.linkCategory a.categoryName{clear:both; text-align:center;display:block;padding:5px 0px 0px 0px;}
.linkCategory .imglink img{width:200px;}
.linkCategory {height:150px;}
.profile-snippet1,.profile-snippet2{float:left;width:235px;margin:10px;}
.profile-snippet3{clear:both;}
.directoryRoomSearch{width:300px;margin:auto;}
a.profilePicture,.profilePicture img{float:left;}
.propertyProfile .accommodationSearch{float:left;margin:10px;}
.propertyProfile .accommodationSearch .button{padding: 4px;width: 200px;}
.propertyProfile .propertyDescription{padding-bottom:20px;}


/******************* Sliders *************************/
#DailyRateSlider {visibility:hidden;}

.package .packageImage
{
    visibility:visible !important;
    }
    
/**************Daily Rate **********************/

	#dailyRateSlider
	{
	    visibility:hidden;
	}

		.sidecontentpullout {
			background-color: Black;
			color: White;
			padding: 10px;
			-moz-border-radius-bottomleft: 1em;
			-moz-border-radius-topleft: 1em;
			-webkit-border-bottom-left-radius: 1em;
			-webkit-border-top-left-radius: 1em;
			border-bottom-left-radius: 1em;
			border-top-left-radius: 1em;
		}
		
		.sidecontentpullout:hover {
			background-color: #444444;
			color: White;
		}
		
		.sidecontent {
			background-color: Black;
			color: White;
			-moz-border-radius-bottomleft: 1em;
			-webkit-border-bottom-left-radius: 1em;
			border-bottom-left-radius: 1em;
			
		}
		
		
		.sidecontent > div > div {
			padding-left: 10px;
			padding-right: 5px;
		}
		
		.sidecontent h2, .sidecontent h3
		{
		    color:#ffffff;
		}
		
		.sidecontent a, .sidecontent a:hover
		{
		    color: #FF0000;
		    font-weight:bold;
		}
		
/*********HORIZONTAL CHECKOUT***********/	
		
.horizontal .searchCell .country, .horizontal .searchCell .city, .horizontal .searchCell .county, .horizontal .searchCell .hotel, .horizontal .searchCell .town 
{
    width: 120px !important;
}

.horizontal .submitRow .searchCell{display:none;}

.horizontal .accommodationSearch    
{
    width:auto;
    position: absolute;
    top: 0;
}

.horizontal .bookonline-box 
{
     float: left;
    margin: 0px;
    padding: 0px;
    width:400px;
    }

.horizontal .searchRow
{
    clear: none !important;
    float:left !important;
    padding-left:7px;
    height:50px;
}



.horizontal .searchButtonCell
{

   position:absolute;
   bottom:0;
   left:0;
   margin-bottom:4px;
}

.horizontal .searchButtonCell input {display:block;}

.horizontal .searchCell
{
    width:100px !important;
    margin-bottom:0 !important;
    text-align:left;
    color: #FFFFFF;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    font-weight: bold;
}

.horizontal .searchFormLabel {width:180px !important;}

.horizontal .checkinDay, .horizontal .checkoutDay
{
    clear:left;
    width:50px !important;
}

.horizontal .checkinMonth, .horizontal .checkoutMonth
{
    width:90px !important;
    float:left !important; 
}


@media screen and (-webkit-min-device-pixel-ratio:0) {

.horizontal .checkinMonth, .horizontal .checkoutMonth
{
    width:98px !important;
}

.horizontal .searchButtonCell {margin-bottom:0px !important;}
}

.horizontal .searchRow{width:156px;}

.horizontal .submitRow
{
    position:relative;
    width:70px !important;
    padding-left:0;
 }
 
 
 .horizontal .searchCell .ui-datepicker-trigger{padding: 0px 0px 0px 0px;  margin: 0px 0px 0px 3px  !important; border: 0px;}
 
 #galleryName{font-weight:bold; font-size:1.2em; padding: 10px 0 3px;}
 
 
 
 
 /***************** Rooms Page ************************/
 
 /* Package name - specific to Room page */
 
 div.roomListOffers ul.productlist div li.package span.packageName
 {
     font-size:1.25em;
 }
 
.booking-row .package
{
    padding-bottom:10px;
    float:none;
}
 
 /* Room separators */
 
 div.roomSeparator span
 {
    background:url("http://www.loughshorehotel.com/images/RoomListSeparator.png") no-repeat; 
    
    display:block;
    background-position:center;
    width:100%;
    height:20px;
    padding-top:30px;
    padding-bottom:30px;
 }

tbody tr:last-child td .roomSeparator
{
    display:none
}

.mainContentArea .roomList ul.productlist:last-child li.package
{
    border-bottom:none;
}
 
/* Room page thumbnail images */

div.roomListImages div.imageThumbnail
{
   display:none;
}

div.roomListImages div.imageThumbnail di
{
    display:inline;
    width:30px;
    position:relative;
    top:-40px;
    line-height:2px;
}
div.roomListImages div.imageThumbnail img
{
    display:inline;
    width:48px;
    line-height:2px;
}
div.roomListImages div.imageThumbnail p
{
    display:inline;
    width:30px;
    position:relative;
    line-height:0%;
    margin:1px;
}
div.roomListImages div.imageThumbnail
{
    position:relative;
    top:-25px;
}
div.roomListImages div.imageThumbnail img
{
    display:inline;
    width:41px;
    border-spacing:0px;
    margin:0px;
    border:0px;
    padding:1px;
    border-color:transparent;
    background-color:transparent;
}    


/***************** OTAPriceCompare ************************/

.priceCheckWrapper, .priceCheckMobileWrapper
{
    font-family: 'Open Sans', sans-serif;
    font-style: normal;
    -webkit-font-smoothing: antialiased !important;
    text-rendering: optimizeLegibility; 
    clear:both;
    line-height: 20px;
}

.priceCheckWrapper .sidePanel
{
    visibility:hidden;

    position:fixed;
    right: 0;
    min-width: 340px;

    z-index:200;
}

.priceCheckWrapper .sidePanel.is-visible
{
    visibility:visible;
}


.priceCheckMobileWrapper .sidePanel
{
    min-width:200px;
    width:100%;
}

.priceCheckWrapper .priceCheckInfo, .priceCheckWrapper .priceCheckContent 
{
    opacity:0;

    transition: opacity 0.6s 0s;
    transition-timing-function: linear;
    -webkit-transition: opacity 0.6s 0s;
    -webkit-transition-timing-function: linear;
}

.priceCheckWrapper .priceCheckInfo.is-visible, .priceCheckWrapper .priceCheckContent.is-visible
{
    opacity:1;

    transition: opacity 0.6s 0s;
    transition-timing-function: linear;
    -webkit-transition: opacity 0.6s 0s;
    -webkit-transition-timing-function: linear;
}

.priceCheckWrapper .sidePanelWrapper
{
    position:absolute;
    display:inline-block;
    right:-270px;

    transition: right 0.6s 0.0s;
    transition-timing-function: ease-out;
    -webkit-transition: right 0.6s 0.0s;
    -webkit-transition-timing-function: ease-out;
}

.priceCheckWrapper .sidePanelWrapper.is-visible
{
    right:0px;

    transition: right 0.6s 0.6s;
    transition-timing-function: ease-in;
    -webkit-transition: right 0.6s 0.6s;
    -webkit-transition-timing-function: ease-in;
}

.priceCheckMobileWrapper .sidePanelMobileWrapper
{
    position:absolute;
    display:inline-block;

    transition: top 0.6s 0.0s;
    transition-timing-function: ease-out;
    -webkit-transition: top 0.6s 0.0s;
    -webkit-transition-timing-function: ease-out;
}

.priceCheckMobileWrapper .sidePanelMobileWrapper.is-visible
{
    top:0px;   

    transition: top 0.6s 0.6s;
    transition-timing-function: ease-in;
    -webkit-transition: top 0.6s 0.6s;
    -webkit-transition-timing-function: ease-in;
}

.priceCheckWrapper:not(.priceCheckMobileWrapper)  .panelIcon
{
    width:48px;
    height:44px;
    float:left;
    text-align:center;

    border-top-left-radius: 20px;
    -webkit-border-top-left-radius: 20px;
    -moz-border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    -webkit-border-bottom-left-radius: 20px;
    -moz-border-bottom-left-radius: 20px;

    transform: translateX(55px);
    -webkit-transform: translateX(55px);
    -ms-transform: translateX(55px);

    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;

    transition: height 0.3s 0s,transform 0.3s 0.3s,-ms-transform 0.3s 0.3s,-moz-box-shadow 0s 0.6s, box-shadow 0s 0.6s;
    transition-timing-function: ease-in;
    -webkit-transition: height 0.3s 0s,-webkit-transform 0.3s 0.3s,-webkit-box-shadow 0s 0.6s;
    -webkit-transition-timing-function: ease-in;
}

.priceCheckMobileWrapper .panelIcon
{
    width:48px;
    height:43px;
    float:left;
    text-align:center;
    margin-left:10px;

    border-top-right-radius: 20px;
    -webkit-border-top-right-radius: 20px;
    -moz-border-top-right-radius: 20px;
    border-top-left-radius: 20px;
    -webkit-border-top-left-radius: 20px;
    -moz-border-top-left-radius: 20px;
    border-bottom-left-radius: 0px;
    -webkit-border-bottom-left-radius: 0px;
    -moz-border-bottom-left-radius: 0px;

    transform: translateY(44px);
    -webkit-transform: translateY(44px);
    -ms-transform: translateY(44px);

    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;

    transition: width 0.3s 0s,transform 0.3s 0.3s,-ms-transform 0.3s 0.3s,-moz-box-shadow 0s 0.6s, box-shadow 0s 0.6s;
    transition-timing-function: ease-in;
    -webkit-transition: width 0.3s 0s,-webkit-transform 0.3s 0.3s,-webkit-box-shadow 0s 0.6s;
    -webkit-transition-timing-function: ease-in;
}

.priceCheckWrapper .panelIcon .priceCheckButtonTitle
{
    position: absolute;
    min-width: 150px;
    top: 100px;
    left: -46px;
    color: white;
    font-size:18px;
    font-weight:bolder;
    transform: rotateY(90deg) rotateZ(90deg);
    -webkit-transform: rotateY(90deg) rotateZ(90deg);
    -ms-transform: rotateY(90deg) rotateZ(90deg);

    transition: transform 0.1s 0s,-ms-transform 0.1s 0s;
    transition-timing-function: ease-in;
    -webkit-transition: -webkit-transform 0.1s 0s;
    -webkit-transition-timing-function: ease-in;

}

.priceCheckWrapper .panelIcon .priceCheckButtonTitle.is-closed
{
    transform: rotateY(0deg) rotateZ(90deg);
    -webkit-transform: rotateY(0deg) rotateZ(90deg);
    -ms-transform: rotateY(0deg) rotateZ(90deg);

    transition: transform 0.3s 1s,-ms-transform 0.3s 1s;
    transition-timing-function: ease-in;
    -webkit-transition: -webkit-transform 0.3s 1s;
    -webkit-transition-timing-function: ease-in;
}

.priceCheckMobileWrapper .panelIcon .priceCheckButtonTitle
{
    top: 13px;
    left: 30px;

    transform: rotateX(90deg);
    -webkit-transform: rotateX(90deg);
    -ms-transform: rotateX(90deg);

    transition: transform 0.1s 0s,-ms-transform 0.1s 0s;
    transition-timing-function: ease-in;
    -webkit-transition: -webkit-transform 0.1s 0s;
    -webkit-transition-timing-function: ease-in;
}

.priceCheckMobileWrapper .panelIcon .priceCheckButtonTitle.is-closed
{
    transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);

    transition: transform 0.3s 1s,-ms-transform 0.3s 1s;
    transition-timing-function: ease-in;
    -webkit-transition: -webkit-transform 0.3s 1s;
    -webkit-transition-timing-function: ease-in;
}

@keyframes iconTranslation
{
    0% {margin-right: 0px;}
    25% {margin-right: -12px;}
    75% {margin-right: 12px;}
    100% {margin-right: 0px;}
}

@-webkit-keyframes iconTranslation
{
    0% {margin-right: 0px;}
    25% {margin-right: -12px;}
    75% {margin-right: 12px;}
    100% {margin-right: 0px;}
}

@keyframes iconVerticalTranslation
{
    0% {margin-top: 13px;}
    25% {margin-top: 20px;}
    75% {margin-top: 5px;}
    100% {margin-top: 13px;}
}

@-webkit-keyframes iconVerticalTranslation
{
    0% {margin-top: 13px;}
    25% {margin-top: 20px;}
    75% {margin-top: 5px;}
    100% {margin-top: 13px;}
}

.priceCheckWrapper .panelIcon span.is-animated
{
    animation-name: iconTranslation;
    animation-duration: 0.75s;
    animation-iteration-count: infinite;
    animation-delay: 1.75s;
    -webkit-animation-name: iconTranslation;
    -webkit-animation-duration: 0.75s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-delay: 1.75s;
}

.priceCheckWrapper .panelIcon span.is-animatedMobile
{
    animation-name: iconVerticalTranslation;
    animation-duration: 0.75s;
    animation-iteration-count: infinite;
    animation-delay: 1.75s;
    -webkit-animation-name: iconVerticalTranslation;
    -webkit-animation-duration: 0.75s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-delay: 1.75s;
}

.priceCheckWrapper:not(.priceCheckMobileWrapper) .panelIcon.is-closed
{
    height: 195px;
    transform: translateX(0px);
    -webkit-transform: translateX(0px);
    -ms-transform: translateX(0px);

    -webkit-box-shadow: rgba(0,0,0,0.8) 0px 0 10px;
    -moz-box-shadow: rgba(0,0,0,0.8) 0 0 10px;
    box-shadow: rgba(0,0,0,0.8) 0 0 10px;

    transition: height 0.2s 0.8s,transform 0.3s 0.5s,-ms-transform 0.3s 0.5s, -moz-box-shadow 0s 0.6s, box-shadow 0s 0.6s;
    transition-timing-function: ease-in;
    -webkit-transition: height 0.2s 0.8s,-webkit-transform 0.3s 0.5s,-webkit-box-shadow 0s 0.6s;
    -webkit-transition-timing-function: ease-in;
}

.priceCheckMobileWrapper .panelIcon.is-closed
{
    width:175px;

    transform: translateY(0px);
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);

    -webkit-box-shadow: rgba(0,0,0,0.8) 0px 0 10px;
    -moz-box-shadow: rgba(0,0,0,0.8) 0 0 10px;
    box-shadow: rgba(0,0,0,0.8) 0 0 10px;

    transition: width 0.2s 0.8s,transform 0.3s 0.5s,-ms-transform 0.3s 0.5s, -moz-box-shadow 0s 0.6s, box-shadow 0s 0.6s;
    transition-timing-function: ease-in;
    -webkit-transition: width 0.2s 0.8s,-webkit-transform 0.3s 0.5s,-webkit-box-shadow 0s 0.6s;
    -webkit-transition-timing-function: ease-in;
}

.priceCheckWrapper .panelIcon span
{
    margin-top: 13px;
    color: rgb(255,255,255);
    font-size: 20px;
    font-weight: normal;
}

.priceCheckMobileWrapper .panelIcon span
{
    float:left;
    margin-left:15px;
}

.priceCheckWrapper .panelContentWrapper
{   
    float: right;
    width:270px;
}

.priceCheckWrapper .sidePanelMobileWrapper .panelContentWrapper
{   
    width:100%;
}

.priceCheckWrapper .priceCheckHeader
{
    display:inline-block;
    min-height:44px;
    width:100%;
}

.priceCheckWrapper .priceCheckHeader .priceCheckTitle
{
    text-align: center;
    color:rgb(255,255,255);
    font-size: 18px;
    font-weight: bold;
    padding: 12px 0 12px;

    border-top-left-radius: 20px;
    -webkit-border-top-left-radius: 20px;
    -moz-border-top-left-radius: 20px;
}

.priceCheckMobileWrapper .priceCheckHeader .priceCheckTitle
{
    border-top-left-radius: 0px;
    -webkit-border-top-left-radius: 0px;
    -moz-border-top-left-radius: 0px;
}

.priceCheckWrapper .priceCheckHeader .priceCheckTitle .priceCheckInfoIcon
{
    position: absolute;
    right: 10px;
    top: 11px;
    font-size: 25px;

    width:40px;
    height:30px;
}

.priceCheckMobileWrapper .priceCheckHeader .priceCheckTitle .priceCheckInfoIcon
{
    top: 54px;
}

.priceCheckWrapper .priceCheckHeader .priceCheckInfoTitle
{
    position:absolute;
    top:0;
    width:200px;
    
    text-align:center;

    color:rgb(255,255,255);
    font-size: 18px;
    font-weight: bold;
    padding: 12px 0 12px;
}

.priceCheckWrapper .priceCheckContentWrapper
{
    overflow:hidden;

    background-color:white;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    -webkit-border-top-left-radius: 20px;
    -webkit-border-bottom-left-radius: 20px;
    -moz-border-top-left-radius: 20px;
    -moz-border-bottom-left-radius: 20px;

    -webkit-box-shadow: rgba(0,0,0,0.8) 0px 0 10px;
    -moz-box-shadow: rgba(0,0,0,0.8) 0 0 10px;
    box-shadow: rgba(0,0,0,0.8) 0 0 10px;

    transition: -moz-box-shadow 0s 0.6s, box-shadow 0s 0.6s;
    transition-timing-function: ease-in;
    -webkit-transition: -webkit-box-shadow 0s 0.6s;
    -webkit-transition-timing-function: ease-in;
}

.priceCheckWrapper .priceCheckContentWrapper.is-closed
{
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;

    transition: -moz-box-shadow 0s 0.6s, box-shadow 0s 0.6s;
    transition-timing-function: ease-in;
    -webkit-transition: -webkit-box-shadow 0s 0.6s;
    -webkit-transition-timing-function: ease-in;
}

.priceCheckMobileWrapper .priceCheckContentWrapper
{
    width:100%;

    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    -webkit-border-top-left-radius: 0px;
    -webkit-border-bottom-left-radius: 0px;
    -moz-border-top-left-radius: 0px;
    -moz-border-bottom-left-radius: 0px;
}

.priceCheckWrapper .priceCheckContent
{
    padding: 15px 15px 15px 15px;
    background-color:white;

    border-bottom-left-radius: 20px;
    -webkit-border-bottom-left-radius: 20px;
    -moz-border-bottom-left-radius: 20px;
}

.priceCheckWrapper:not(.priceCheckMobileWrapper) .priceCheckInfoContent
{
    position:absolute;
    top:44px;
    min-height: 90px;
    margin: 15px 5% 15px 5%;
    background-color:white;
    color:rgb(0,0,0);
    font-size: 13px;
    font-weight: normal;
    text-align: center;
    width:75%;
}

.priceCheckMobileWrapper .priceCheckInfoContent
{
    position:absolute;
    top:88px;
    min-height: 90px;
    background-color:white;
    color:rgb(0,0,0);
    font-size: 13px;
    font-weight: normal;
    margin: 15px 5% 15px 5%;
    text-align: center;
    width: 90%;
}

.priceCheckWrapper .priceCheckContent .ourDetails
{
    padding: 5px 0 5px 0;
    display:inline-block;
    width:100%;
}

.priceCheckWrapper .priceCheckContent .ourDetails .ourIcon
{
    width:20px;
    height:20px;
    float:left;
    margin-right:5px;
}

.priceCheckWrapper .priceCheckContent .ourDetails .ourIcon span
{
    font-size:20px;
    color:rgb(77, 169, 77);
}

.priceCheckWrapper .priceCheckContent .ourDetails .ourIcon img
{
    padding:0px 0px 0px 0px !important;
    border:none !important;
    margin:0px 0px 0px 0px !important;
    background:none;
}

.priceCheckWrapper .priceCheckContent .ourDetails .ourName
{
    float: left;
    color:rgb(77, 169, 77);
    font-size: 14px;
    font-weight: bolder;
}

.priceCheckWrapper .priceCheckContent .ourDetails .ourRate
{
    float: right;
    font-size: 14px;
    font-weight: bold;

    display:inline;

    color:rgb(77, 169, 77);
}

.priceCheckWrapper .priceCheckContent .ourDetails .ourRate div
{
    float: left;
    display:inline;
}

.priceCheckWrapper .priceCheckContent .ourDetails .ourRate .ourPrice .decimalPart
{
    font-size: 10px;
}

.priceCheckWrapper .priceCheckContent .ourDetails .ourRate .businessCurrencySymbol
{
    margin-right:5px;
}


.priceCheckWrapper .priceCheckContent .OTADetails
{
    padding: 5px 0 5px 0;
    display:inline-block;
    width:100%;
}

.priceCheckWrapper .priceCheckContent .OTADetails .OTAIcon
{
    width:20px;
    height:20px;
    float:left;
    margin-right:5px;
}

.priceCheckWrapper .priceCheckContent .OTADetails .OTAIcon img
{
    padding:0px 0px 0px 0px !important;
    border:none !important;
    margin:0px 0px 0px 0px !important;
    background:none;
}

.priceCheckWrapper .priceCheckContent .OTADetails .OTAName
{
    float: left;
    color: rgb(0, 0, 0);
    font-size: 14px;
    font-weight: bold;
}

.priceCheckWrapper .priceCheckContent .OTADetails .OTARate
{
    float: right;
    font-size: 14px;
    font-weight: bold;

    display:inline;

    color: rgb(255, 0, 0);
}

.priceCheckWrapper .priceCheckContent .OTADetails .OTARate div
{
    float: left;
    display:inline;
}

.priceCheckWrapper .priceCheckContent .OTADetails .OTARate .OTAPrice .decimalPart
{
    font-size: 10px;
}

.priceCheckWrapper .priceCheckContent .OTADetails .OTARate .businessCurrencySymbol
{
    margin-right:5px;
}

.priceCheckWrapper .priceCheckContent .contentHeader
{
    text-align: left;
    margin-bottom: 10px;
    text-align: center;
}

.priceCheckWrapper .priceCheckContent .contentHeader span
{
    color: rgb(169, 169, 169);
    font-weight: 600;
    font-size: 13px;
    text-decoration:none;
}

.priceCheckWrapper .priceCheckContent .contentFooter
{
    text-align: center;
    padding: 15px 0 5px 0;
}

.priceCheckWrapper .priceCheckContent .contentFooter span
{
    margin: auto;
    color: rgb(169, 169, 169);
    font-weight: 600;
    font-size: 13px;
    text-decoration:none;
}

.priceCheckWrapper .priceCheckContent .contentFooter a:hover
{
    color: rgb(132, 215, 38);
}

@media (max-width:420px)
{
    .priceCheckWrapper .sidePanelWrapper
    {
        display:none;
    }
}

@media (min-width:421px)
{
    .priceCheckMobileWrapper .sidePanelMobileWrapper
    {
        display:none;
    }
}


/***************** MobileQuickLinks ************************/

#quickLinkBarBottomGap
{
    height:0px;
    display:block;

    transition: height 0.6s 0s;
    transition-timing-function: ease-in;
    -webkit-transition: height 0.6s 0s;
    -webkit-transition-timing-function: ease-in;
}

#quickLinkBarBottomGap.MQLvisible
{
    height:70px;

    transition: height 0.6s 0s;
    transition-timing-function: ease-out;
    -webkit-transition: height 0.6s 0s;
    -webkit-transition-timing-function: ease-out;
}

#MobileQuickLinkWrapper *
{
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}


#MobileQuickLinkWrapper .noTextSelect 
{
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

    cursor:default;
}

#MobileQuickLinkWrapper #FixedBottomBar
{
    position:fixed;
    bottom:-70px;

    width:100%;

    z-index:50001;

    transition: bottom 0.6s 0s;
    transition-timing-function: ease-in;
    -webkit-transition: bottom 0.6s 0s;
    -webkit-transition-timing-function: ease-in;
}

#MobileQuickLinkWrapper #FixedBottomBar.MQLvisible
{
    display:inline-block;

    bottom:0px;

    transition: bottom 0.6s 0s;
    transition-timing-function: ease-out;
    -webkit-transition: bottom 0.6s 0s;
    -webkit-transition-timing-function: ease-out;
}



#MobileQuickLinkWrapper #quickCalendar
{
    max-height:0px;
    overflow: hidden;

    background: white !important;

    transition: max-height 0.6s 0s;
    transition-timing-function: ease-in;
    -webkit-transition: max-height 0.6s 0s;
    -webkit-transition-timing-function: ease-in;

}

#MobileQuickLinkWrapper #quickCalendar.MQLvisible
{
    max-height:500px;

    transition: max-height 0.6s 0s;
    transition-timing-function: ease-out;
    -webkit-transition: max-height 0.6s 0s;
    -webkit-transition-timing-function: ease-out;
}

#MobileQuickLinkWrapper #quickCalendar .dateSearchWrapper
{
    width:100%;
    padding:10px;

    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#MobileQuickLinkWrapper #quickCalendar .dateSearchWrapper .row
{
    margin-left:0px;
    margin-right:0px;
}

#MobileQuickLinkWrapper #quickCalendar .dateSearchWrapper .dateSearchHeader .dateLabel
{
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;

    border: 1px solid #DDDDDD;
}

#MobileQuickLinkWrapper #quickCalendar .dateSearchWrapper .dateSearchHeader .dateLabel.MQLselected
{
    box-shadow: 0 0 15px 0 red;
    border: 1px solid rgba(81, 203, 238, 1);
}

#MobileQuickLinkWrapper #quickCalendar .dateSearchWrapper .datepickerWrapper
{
    width:100%;
    height:260px;
    overflow:hidden;
}

#MobileQuickLinkWrapper #quickCalendar .dateSearchWrapper .dateSearchHeader .quickStayDates
{
    height: 28px;
    padding: 3px;
}

#MobileQuickLinkWrapper #quickCalendar .dateSearchWrapper .datepickerWrapper .datepickerContainer
{
    transform:translateY(0px);
    -webkit-transform:translateY(0px);

    transition: transform 0.6s 0s;
    transition-timing-function: ease-out;
    -webkit-transition: -webkit-transform 0.6s 0s;
    -webkit-transition-timing-function: ease-out;
}

#MobileQuickLinkWrapper #quickCalendar .dateSearchWrapper .datepickerWrapper.selectCheckout .datepickerContainer
{
    transform:translateY(-296px);
    -webkit-transform:translateY(-296px);

    transition: transform 0.6s 0s;
    transition-timing-function: ease-out;
    -webkit-transition: -webkit-transform 0.6s 0s;
    -webkit-transition-timing-function: ease-out;

}

#MobileQuickLinkWrapper #quickCalendar .dateSearchWrapper .datepickerWrapper .datepicker.datepicker-inline
{
    width:100%;
    padding-top:10px !important;
    padding-bottom:10px !important;
}

#MobileQuickLinkWrapper #quickCalendar .dateSearchWrapper .datepickerWrapper .datepicker-days
{
    border: 1px solid black;
    color:black;
}

#MobileQuickLinkWrapper #quickCalendar .dateSearchWrapper .datepickerWrapper .dow,
#MobileQuickLinkWrapper #quickCalendar .dateSearchWrapper .datepickerWrapper .datepicker-switch
{
     color:black !important;
}

#MobileQuickLinkWrapper #quickCalendar .dateSearchWrapper .datepickerWrapper .datepicker-days thead
{
    background-color:#CECECE;
}

#MobileQuickLinkWrapper #quickCalendar .dateSearchWrapper .datepickerWrapper .datepicker th.prev,
#MobileQuickLinkWrapper #quickCalendar .dateSearchWrapper .datepickerWrapper .datepicker th.next
{
    background-color:#CECECE;
    color:black;
}

#MobileQuickLinkWrapper #quickCalendar .dateSearchWrapper .datepickerWrapper .datepicker td[class=day],
#MobileQuickLinkWrapper #quickCalendar .dateSearchWrapper .datepickerWrapper .datepicker td.day.new
{
    font-weight: 900;
    background-color:white;
}

#MobileQuickLinkWrapper #quickCalendar .dateSearchWrapper .datepickerWrapper .datepicker td.disabled.day
{
    font-weight: 200;
    background-color:#F7F7F7;
}

#MobileQuickLinkWrapper #quickCalendar .dateSearchWrapper .datepickerWrapper .datepicker td.active.active
{
    background-color:#93C14D;
}

#MobileQuickLinkWrapper #quickCalendar .dateSearchWrapper .dateSearchfooter
{
    width:100%;
    text-align:center;
}

#MobileQuickLinkWrapper #quickCalendar .dateSearchWrapper .dateSearchfooter .promotionCodeTextBox
{
    margin:0px;
    padding:6px 0px 6px 0px;
    height:28px;
}

#MobileQuickLinkWrapper #quickCalendar .dateSearchWrapper .dateSearchfooter .quickSearchButton
{
    width:100%;
    padding:4px !important;
    font-size: 14px !important;
}

#MobileQuickLinkWrapper #quickCalendar .dateSearchWrapper .dateSearchfooter .searchButton input
{
    background-color:#93C14D;
}

#MobileQuickLinkWrapper #quickCalendar .dateSearchWrapper .dateSearchfooter .searchButton input[disabled]
{
    background-color:#B4CA94;
}

#MobileQuickLinkWrapper #quickMap
{
    max-height:0px;
    overflow:hidden;

    background-color:aqua;

    transition: max-height 0.6s 0s;
    transition-timing-function: ease-in;
    -webkit-transition: max-height 0.6s 0s;
    -webkit-transition-timing-function: ease-in;
}

#MobileQuickLinkWrapper #quickMap.MQLvisible
{
    max-height:500px;

    transition: max-height 0.6s 0s;
    transition-timing-function: ease-out;
    -webkit-transition: max-height 0.6s 0s;
    -webkit-transition-timing-function: ease-out;
}

#MobileQuickLinkWrapper #quickMap .quickMapContentWrapper
{
    width:200%;
    height:300px;
}

#MobileQuickLinkWrapper #quickMap .quickMapContentWrapper .directionsTab
{
    width:295px;

    height:100%;
    display:inline-block;
    float:left;

    transform: translateX(-35px);
    -webkit-transform: translateX(-35px);
    
    transition: transform 0.6s 0s;
    transition-timing-function: ease-in;
    -webkit-transition: -webkit-transform 0.6s 0s;
    -webkit-transition-timing-function: ease-in;
}

#MobileQuickLinkWrapper #quickMap .quickMapContentWrapper .directionsTab img
{
    max-width: initial;
}

#MobileQuickLinkWrapper #quickMap .quickMapContentWrapper .directionsTab.MQLvisible
{
    transform: translateX(-295px);
    -webkit-transform: translateX(-295px);

    transition: transform 0.6s 0s;
    transition-timing-function: ease-out;
    -webkit-transition: -webkit-transform 0.6s 0s;
    -webkit-transition-timing-function: ease-out;
}

#MobileQuickLinkWrapper #quickMap .quickMapContentWrapper .directionsTab .directionContent
{
    width:260px;
    height:100%;
    
    background-color:white;

    float:right;

    overflow-y: scroll;
    overflow-x: hidden;
}

#MobileQuickLinkWrapper #quickMap .quickMapContentWrapper .directionsTab .directionContent #directions
{
    margin: 0px 25px 0px 10px;
}

#MobileQuickLinkWrapper #quickMap .quickMapContentWrapper .directionsTab .directionContent #directionError
{
    margin: 30px 10px 10px 10px;
    font-size: 16px;
    width: 80%;
    color: red;
}

#MobileQuickLinkWrapper #quickMap .quickMapContentWrapper .directionsTab .directionContent .directionContentWrapper .directionSettings
{
    display: inline-block;
    margin: 5px 0px 5px 10px;
    width:86%;
}

#MobileQuickLinkWrapper #quickMap .quickMapContentWrapper .directionsTab .directionContent .directionContentWrapper .directionSettings > select
{
    display: inline-block;
    float:left;
    width:45%;
    margin: 5px;
}


#MobileQuickLinkWrapper #quickMap .quickMapContentWrapper .directionsTab .directionContent .directionContentWrapper
{
    background-color:white;

    width:260px;
}

#MobileQuickLinkWrapper #quickMap .quickMapContentWrapper .directionsTab .directionTag
{
    width:35px;
    height:145px;
    float:left;

    color:black;
    background-color:white;

        
    border-radius: 18px 0px 0px 18px;
    -webkit-border-radius: 18px 0px 0px 18px;
    -moz-border-radius: 18px 0px 0px 18px;


    margin-top: 10px;

    position:relative;
}

#MobileQuickLinkWrapper #quickMap .quickMapContentWrapper .directionsTab .directionTag .directionLabel
{
    display: block;
    position:absolute;

    font-family: 'Open Sans', sans-serif;
    font-size: 20px;

    top: 72px;
    right: -33px;

    -webkit-transform: rotateY(0deg) rotateZ(90deg);
    transform: rotateY(0deg) rotateZ(90deg);
}

#MobileQuickLinkWrapper #quickMap .quickMapContentWrapper .directionsTab .directionTag .directionLabelIcon
{
    display: block;
    position:absolute;

    font-size: 20px;

    top: 8px;
    right: 8px;
}

#MobileQuickLinkWrapper #quickMap .quickMapContentWrapper .mapTab
{
    width:50%;
    display:inline-block;
    float:left;
    height:100%;
}

#MobileQuickLinkWrapper #quickMap #googlemap
{
    width:100%;
    height:300px;
}

#MobileQuickLinkWrapper .quickHeader
{
    min-height:32px;
    width:100%;
    text-align:center;

    color:yellow;

    background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
    background-image: -moz-linear-gradient(top, #3498db, #2980b9);
    background-image: -ms-linear-gradient(top, #3498db, #2980b9);
    background-image: -o-linear-gradient(top, #3498db, #2980b9);
    background-image: linear-gradient(to bottom, #3498db, #2980b9);

    border-top: solid black 1px;
    border-bottom: solid black 1px;

    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    font-weight: 700;
    padding: 5px 5px 5px 5px;

    white-space: nowrap;
    height: 20px;
    overflow: hidden;
    position:relative;

    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#MobileQuickLinkWrapper .quickHeader .headerCloseButton
{
    float:right;
    font-size:20px;
    margin: -2px 5px 0px 0px;
}

#MobileQuickLinkWrapper .quickHeader .quickHeaderContent
{
   display: inline-block;
}

#MobileQuickLinkWrapper #quickContact
{
    max-height:0px;
    overflow: hidden;

    background-color:aqua;

    transition: max-height 0.6s 0s;
    transition-timing-function: ease-in;
    -webkit-transition: max-height 0.6s 0s;
    -webkit-transition-timing-function: ease-in;
}

#MobileQuickLinkWrapper #quickContact.MQLvisible
{
    max-height:370px;

    transition: max-height 0.6s 0s;
    transition-timing-function: ease-out;
    -webkit-transition: max-height 0.6s 0s;
    -webkit-transition-timing-function: ease-out;
}

#MobileQuickLinkWrapper #quickContact .contactDetailsWrapper,
#MobileQuickLinkWrapper #quickContact .businessDetailsWrapper
{
    color:white;
    width:48%;
    float:left;

}

#MobileQuickLinkWrapper #quickContact .contactDetailsWrapper
{
    margin:10px 5px 10px 10px;
}
#MobileQuickLinkWrapper #quickContact .businessDetailsWrapper
{
    margin:10px 10px 10px 5px;
}

#MobileQuickLinkWrapper #quickContact .contactDetailsWrapper > a
{
    color:white;
}
#MobileQuickLinkWrapper #quickContact .contactDetailsWrapper > a:hover
{
    color:yellow;
}

#MobileQuickLinkWrapper #quickContact .contactDetailsWrapper .businessName
{
    text-align: center;
    font-size: 20px;
    font-weight: 700;

    padding: 10px 0px 10px 0px;
}

#MobileQuickLinkWrapper #quickContact .contactDetailsWrapper .quickPhoneLink, 
#MobileQuickLinkWrapper #quickContact .contactDetailsWrapper .quickMailLink
{
    display:inline-block;
    width:100%;
    
    border-radius: 13px;
    -webkit-border-radius: 13px;
    -moz-border-radius: 13px;
    padding: 7px 15px 4px 15px;

    background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
    background-image: -moz-linear-gradient(top, #3498db, #2980b9);
    background-image: -ms-linear-gradient(top, #3498db, #2980b9);
    background-image: -o-linear-gradient(top, #3498db, #2980b9);
    background-image: linear-gradient(to bottom, #3498db, #2980b9);
}

#MobileQuickLinkWrapper #quickContact .contactDetailsWrapper .quickPhoneLink:hover,
#MobileQuickLinkWrapper #quickContact .contactDetailsWrapper .quickMailLink:hover 
{
    background-image: -webkit-linear-gradient(top, #2980b9,#3498db);
    background-image: -moz-linear-gradient(top, #2980b9, #3498db);
    background-image: -ms-linear-gradient(top, #2980b9, #3498db);
    background-image: -o-linear-gradient(top, #2980b9, #3498db );
    background-image: linear-gradient(to bottom, #2980b9, #3498db );
}

#MobileQuickLinkWrapper #quickContact .businessDetailsWrapper .businessAddressWrapper, 
#MobileQuickLinkWrapper #quickContact .businessDetailsWrapper .gpsLocationWrapper
{
    display:inline-block;
    width:100%;
    background-color: blueviolet;
    border-radius: 13px;
    -webkit-border-radius: 13px;
    -moz-border-radius: 13px;
    padding: 7px 15px 4px 15px;
}

#MobileQuickLinkWrapper #quickContact .contactDetailsWrapper .quickPhoneLink .businessPhone, 
#MobileQuickLinkWrapper #quickContact .contactDetailsWrapper .quickMailLink .businessMail
{
    display:inline-block;
    float:right;

    padding: 7px 10px 4px 0px;

    font-size: 22px;
    font-weight: 900;
}

#MobileQuickLinkWrapper #quickContact .contactDetailsWrapper .quickMailLink .businessMail
{
    font-size:14px;
    padding:7px 10px 4px 0px;
}

#MobileQuickLinkWrapper #quickContact .businessDetailsWrapper .businessAddressWrapper .businessAddress
{
    display:inline-block;
    float:left;

    padding: 0px 0px 0px 10px;
    font-size: 13px;
    font-weight: 900;

}
#MobileQuickLinkWrapper #quickContact .businessDetailsWrapper .gpsLocationWrapper .businessGpsLocation
{
    display:inline-block;
    float:left;

    padding: 0px 0px 0px 10px;
    font-size: 14px;
    font-weight: 900;
    margin-top: 3px;
}


#MobileQuickLinkWrapper #quickContact .contactDetailsWrapper .quickPhoneLink .phoneLinkIcon, 
#MobileQuickLinkWrapper #quickContact .contactDetailsWrapper .quickMailLink .mailLinkIcon
{
    float:left;
    display:inline-block;

    padding: 9px 0px 9px 10px;

    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
   

    font-size: 25px;
    font-weight: 900;
}

#MobileQuickLinkWrapper #quickContact .businessDetailsWrapper .businessAddressWrapper .addressIcon, 
#MobileQuickLinkWrapper #quickContact .businessDetailsWrapper .gpsLocationWrapper .gpsLocationIcon
{
    float:right;
    display:inline-block;

    padding: 7px 10px 4px 10px;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;

    font-size: 25px;
    font-weight: 900;
}

#MobileQuickLinkWrapper #quickContact .businessDetailsWrapper .businessAddress,
#MobileQuickLinkWrapper #quickContact .businessDetailsWrapper .businessGpsLocation
{
    border-radius: 50px;
    padding: 7px 15px 4px 15px;

    font-size: 20px;
    font-weight: 900;
}

#MobileQuickLinkWrapper #BottomBarContentWrapper
{
    width:100%;

    z-index:50002;

    font-family: 'Open Sans', sans-serif;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

#MobileQuickLinkWrapper #BottomBarContentWrapper .quickLinkItem
{
    display:inline-block;
    float:left;
    width:33.3333%;
    height: 70px;
    padding: 3px 0px 0px 0px;

    border-top: solid black 1px;
    border-right: solid black 1px;

    color:white;

    background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
    background-image: -moz-linear-gradient(top, #3498db, #2980b9);
    background-image: -ms-linear-gradient(top, #3498db, #2980b9);
    background-image: -o-linear-gradient(top, #3498db, #2980b9);
    background-image: linear-gradient(to bottom, #3498db, #2980b9);

    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#MobileQuickLinkWrapper #BottomBarContentWrapper .quickLinkItem:last-child
{
    border-right: none;
}

#MobileQuickLinkWrapper #BottomBarContentWrapper .quickLinkItem:hover
{
    background-image: -webkit-linear-gradient(top, #2980b9,#3498db);
    background-image: -moz-linear-gradient(top, #2980b9, #3498db);
    background-image: -ms-linear-gradient(top, #2980b9, #3498db);
    background-image: -o-linear-gradient(top, #2980b9, #3498db );
    background-image: linear-gradient(to bottom, #2980b9, #3498db );
}

#MobileQuickLinkWrapper #BottomBarContentWrapper .quickLinkIcon
{
    width:100%;
    padding: 4px 0px 2px 0px;
    max-height:21px;

    color:white;

    -ms-transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);

    transition: -ms-transform 0.6s 0s,transform 0.6s 0s,color 0s 0.3s;
    transition-timing-function: linear;
    -webkit-transition: -webkit-transform 0.6s 0s,color 0s 0.3s;
    -webkit-transition-timing-function: linear;

    box-sizing: border-box;
}

#MobileQuickLinkWrapper #BottomBarContentWrapper .quickLinkIcon.booknowIcon
{
    font-size:16px;
}
#MobileQuickLinkWrapper #BottomBarContentWrapper .quickLinkIcon.locationIcon
{
    font-size:19px;
}
#MobileQuickLinkWrapper #BottomBarContentWrapper .quickLinkIcon.contactIcon
{
    padding-top:0px;
    font-size:26px;
}

#MobileQuickLinkWrapper #BottomBarContentWrapper .quickLinkIcon.MQLselected
{
    color:yellow;

    -ms-transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);

    transition: -ms-transform 0.6s 0s,transform 0.6s 0s,color 0s 0.3s;
    transition-timing-function: linear;
    -webkit-transition: -webkit-transform 0.6s 0s,color 0s 0.3s;
    -webkit-transition-timing-function: linear;
}

#MobileQuickLinkWrapper #BottomBarContentWrapper .quickLinkIcon > i
{
    display:table;
    margin:auto;
}

#MobileQuickLinkWrapper #BottomBarContentWrapper .quickLinkLabel
{
    width:100%;
    padding: 4px 0px 2px 0px;

    color:white;

    transition: color 0.6s 0s;
    transition-timing-function: linear;
    -webkit-transition: color 0.6s 0s;
    -webkit-transition-timing-function: linear;

    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#MobileQuickLinkWrapper #BottomBarContentWrapper .quickLinkLabel.MQLselected
{
    color:yellow;
    

    transition: color 0.6s 0s;
    transition-timing-function: linear;
    -webkit-transition: color 0.6s 0s;
    -webkit-transition-timing-function: linear;
}

#MobileQuickLinkWrapper #BottomBarContentWrapper .quickLinkLabel > span
{
    display:table;
    margin:auto;
    font-size:   15px;
}

@media (max-width:605px)
{
    #MobileQuickLinkWrapper #quickContact .contactDetailsWrapper .quickPhoneLink, 
    #MobileQuickLinkWrapper #quickContact .contactDetailsWrapper .quickMailLink
    {
        padding-top:1px;
    }
    #MobileQuickLinkWrapper #quickContact .contactDetailsWrapper
    {
        width:100%;
        margin:0px;
        padding:5px 5px 0px 5px;
    }
    #MobileQuickLinkWrapper #quickContact .businessDetailsWrapper
    {
        width:100%;
        margin:0px;
        padding:0px 5px 5px 5px;
    }
}

@media (max-width:319px)
{
    #MobileQuickLinkWrapper #quickMap .quickMapContentWrapper .directionsTab
    {
        display:none;
    }
    #MobileQuickLinkWrapper #quickContact .businessDetailsWrapper .businessAddressWrapper .businessAddress
    {
        font-size: 13px;
    }
    #MobileQuickLinkWrapper #quickContact .businessDetailsWrapper .gpsLocationWrapper .businessGpsLocation
    {
        font-size: 14px;
    }
    #MobileQuickLinkWrapper #quickContact .contactDetailsWrapper .quickMailLink .businessMail
    {
        font-size: 13px;
    }
}

@media (max-width:311px)
{
    #MobileQuickLinkWrapper #quickCalendar .dateSearchWrapper .input-group-addon
    {
        display:none;
    }

    #MobileQuickLinkWrapper #quickCalendar .dateSearchWrapper .dateLabel,
    #MobileQuickLinkWrapper #quickCalendar .dateSearchWrapper .pcodeLabel
    {
        width:100%;
    }
}