﻿/*
	Theme Styling for ArrowTours

	1. Static page

*/

/*#region 1. Static page */

#divStaticPage {position:relative;margin-bottom:20px;}
#divStaticPage h1 {color:#000;position:absolute;top:-112px;font-size:100px;}
#divStaticPage #staticTitleNoImage{position: relative;top: 0;}
#divStaticPage h3 {color: #c91129;margin-bottom: 20px;font-size:28px;}
#divStaticPage h4{font-size:16px;}
#divStaticPage #imgContentImage {max-width:960px;margin-bottom:10px;}
#divStaticPage #divImageCarousel {position:relative;clear:both;width:960px;height:240px;margin-bottom:10px;margin-top:10px;}
#divStaticPage div.rotatorBoxContent {height:240px;}
#divStaticPage div.rotatorBoxContent div.item {width:960px;float:left;}
#divStaticPage div.rotatorBoxContent div.item img {float:left;margin-right:15px;}
#divStaticPage div.rotatorBoxContent div.item h3 {margin:0 0 10px 0;color:#c91129;}
#divStaticPage a.left.scroller {left:-45px;}
#divStaticPage a.right.scroller {right:-45px;}
#divStaticPage #imgStaticMain{width:100%;}

/*#endregion*/

/*#region 2. Property results */
#divHotelResults div.result div.boxTitle {width:618px;line-height:40px;height:70px;}
#divHotelResults div.result div.boxTitle h2.name {float:left;font-size:16px;max-width:405px;max-height:40px;overflow:hidden;}
#divHotelResults div.result div.boxTitle h2.fromPrice {float:right;margin-top:0;font-size:16px;}
#divHotelResults div.result div.boxTitle h2.fromPrice span.totalPriceText {margin-right:10px;font-size:16px;display:inline-block !important;}
#divHotelResults div.result div.boxTitle h3.geography {clear:left;float:left;color:#fff;line-height:20px;margin:0px;display:none;}
#divHotelResults div.result div.boxTitle span.perPersonPrice {color:#fff;line-height:14px;margin:0px;display:block !important;font-size:14px;
                                                              position:absolute;top:37px;right:7px;}
#divHotelResults div.result div.boxTitle span.dateDurationInfo {color:#fff;line-height:20px;margin:0px;display:block !important;font-size:14px;
                                                              position:absolute;top:37px;left:7px;}                                                              
#divHotelResults div.result div.boxTitle a {display:block;float:left;clear:left;}                                                              
                                                              
#divHotelResults div.result div.boxTitle span.rating {clear:right;float:right;margin-top:3px;position:absolute;left:280px;top:75px;}
#divHotelResults div.result img.mainImage {float:left;width:260px;height:175px;margin-right:10px;}
#divHotelResults div.result div.otherimages img {width:44px;height:30px;float:left;margin: 0 5px 5px 0;}
#divHotelResults div.result div.mapTab {height:380px;}
#divHotelResults div.result div.tabbedBox {margin-bottom:0px;margin-top:46px;float:left;width:598px;min-height:95px;}
#divHotelResults div.result div.tabbedBox div.tabs ul li a {text-decoration:none;border-radius:0px;width:118px;}
#divHotelResults div.result div.tabbedBox img.mainImage {width:297px;height:199px;margin-bottom:10px;margin-left:auto;margin-right:auto;float:none; display:block;}
#divHotelResults div.result div.tabbedBox div.otherimages{clear:both;width:588px;margin-left:auto;margin-right:auto;}
 
#divHotelResults div.result p.address{font-weight:bold;}

#divHotelResults div.result div.tabbedBox table tr.flight{height:35px;vertical-align:top;}
#divHotelResults div.result div.tabbedBox table th.raised {padding:5px 40px 5px 0;}
#divHotelResults div.result div.tabbedBox table th span.priceInfo {position:absolute;font-weight:normal;margin-left:10px;} 
#divHotelResults div.result div.tabbedBox table th.flight span.priceInfo {display:block;margin:0px;}
#divHotelResults div.result div.tabbedBox table td.priceFlight, #divHotelResults div.result div.tabbedBox table td.priceHotel {width:60px;}
#divHotelResults div.result div.tabbedBox table td.priceTotal {width:80px;}
#divHotelResults div.result div.tabbedBox table td.priceTotal span {position:absolute;display:block;}
#divHotelResults div.result div.tabbedBox table td.book {width:110px;}
#divHotelResults div.result a.moreInfo {display:none;}
#divHotelResults div.result div.favouritesOption {float:left;width:200px;margin-top:10px;}
#divHotelResults div.result div.favouritesOption input {margin:0px 5px 0px 0px;}
#divHotelResults div.result div.favouritesOption label {line-height:20px;font-size:14px;}
#divHotelResults div.result #divExtraOptions {margin-top:10px;float:right; width:350px}
#divHotelResults div.result #divExtraOptions a.emailDescription{float:left;}
#divHotelResults div.result #divExtraOptions a.printDescription{float:right;}
#divHotelResults div.result #divExtraOptions a {text-decoration:none;color:#656565;font-size:14px;margin-right:10px;line-height:20px;}

#divHotelResults div.result div.tabbedBox div.selectedflight {}
#divHotelResults div.result div.tabbedBox div.selectedflight div.outbound {width:290px;border-right:1px solid #656565;margin-right:10px;}
#divHotelResults div.result div.tabbedBox div.selectedflight div.outbound strong {margin-left:10px;}
#divHotelResults div.result div.tabbedBox div.selectedflight div.return strong {margin-left:10px;}
#divHotelResults div.result div.tabbedBox div.selectedflight img{float:left;margin-top:15px;}
#divHotelResults div.result div.tabbedBox div.selectedflight div div {float:left;margin-left:20px;}

#divHotelResultsMapHolder {padding:10px;height:450px;}
#divHotelResultsMap {float:left;clear:both;height:400px;width:620px;}

div.mapHover {max-width:300px !important;z-index:100;}
div.mapHover h2 {font-size:13px;margin:0;width:260px;}
div.mapHover span.fromPrice {position:absolute;top:10px;right:10px;font-family:Lato;color:#c91129;font-weight:bold;font-family:Myriad Pro, helvetica, Sans-Serif;}

div.mapHover div.summary {position:relative;padding-left:100px;}
div.mapHover div.summary p {font-size:10px;}
div.mapHover div.summary img {position:absolute;top:0;left:0;width:90px;height:60px;}

#divHotelResultsMapKey {float:left;clear:both;width:620px;margin-bottom:10px;}
#divHotelResultsMapKey div{padding-left:32px;height:40px;background-position:0% 50%;background-repeat:no-repeat;float:left;margin-right:55px;}
#divHotelResultsMapKey div.star1{background-image:url(/themes/bedbank/images/mappin-1star.png);}
#divHotelResultsMapKey div.star2{background-image:url(/themes/bedbank/images/mappin-2star.png);}
#divHotelResultsMapKey div.star3{background-image:url(/themes/bedbank/images/mappin-3star.png);}
#divHotelResultsMapKey div.star4{background-image:url(/themes/bedbank/images/mappin-4star.png);}
#divHotelResultsMapKey div.star5{background-image:url(/themes/bedbank/images/mappin-5star.png);margin-right:0px;}
#divHotelResultsMapKey div span{margin-top:15px;margin-left:5px;}

div.tooltip em {font-style:normal;font-weight:bold;color:#c91129;}

#divSearchSummaryControls {border:none;padding:0;}
#divSearchSummaryControls #divSortOrder {position:absolute;right:0;top:85px;}
#divSearchSummaryControls #divPagingTop {position:absolute;left:0;top:95px;}
#divSearchSummaryControls #divSearchSummaryViewTabs {clear:both;margin-top:10px;}
#divSearchSummaryControls #divSearchSummaryViewTabs a {float:left;position:relative;width:130px;height:64px;line-height:64px;padding-left:80px;
                                                       font-size:19px;text-decoration:none;color:#74757c;background-color:#fff;border:1px solid #111;
                                                       border-left: 0;}
#divSearchSummaryControls #divSearchSummaryViewTabs #aListView {background:url(/themes/bedbank/images/list.png) 0 0 no-repeat;}                                                        
#divSearchSummaryControls #divSearchSummaryViewTabs #aMapView {background:url(/themes/bedbank/images/world.png) 0 0 no-repeat;}                                                       
#divSearchSummaryControls #divSearchSummaryViewTabs #aPopular {background:url(/themes/bedbank/images/heart.png) 0 0 no-repeat;}                                                       
#divSearchSummaryControls #divSearchSummaryViewTabs a.selected {color:#c91129}                                                       
#divSearchSummaryControls #divSearchSummaryViewTabs a:first-child {border-left:1px solid #111;}
#divSearchSummaryControls #divSearchSummaryViewTabs a:last-child {}
#divHotelResultsFooterControls {min-height:50px;border:none;padding:0;}


/*#region 16. Hotel Popup*/

#divHotelPopup {width:730px;background-color:#fff;}
#divHotelPopup a.print {float:right;text-decoration:none;}
#divHotelPopup a.print span {text-decoration:underline;}
#divHotelPopup a.print:before {content:"\e016";position:relative;top:3px;margin-right:3px;font-family:Glyphicons;font-size:16px;color:#a3a4a9;}
#divHotelPopup a.print + h2 {margin-top:0;}
#divHotelPopup h2 {display:inline-block;}
#divHotelPopup span.rating {display:block;margin-top:5px;}
#divHotelPopup a.close {text-decoration:none;}
#divHotelPopup h3.geography {margin-bottom:5px;font-size:16px;}

#divHotelPopup #divHotelPopup_ScrollingContent {max-height:400px;overflow-y:scroll;margin-top:20px;}
#divHotelPopup #divHotelPopup_ScrollingContent div.left {float:left;width:480px;margin-right:20px;}
#divHotelPopup #divHotelPopup_ScrollingContent #imgStaticMap {width:480px;height:200px;margin-top:10px;}
#divHotelPopup #divHotelPopup_ScrollingContent div.right {float:left;width:210px;}
#divHotelPopup #divHotelPopup_ScrollingContent div.right img {width:210px;height:140px;}
#divHotelPopup #divHotelPopup_EmailForm {padding-top:20px;}
#divHotelPopup #divHotelPopup_EmailForm p {margin-bottom:5px;}
#divHotelPopup #divHotelPopup_EmailForm input.textbox {display:block;width:466px;margin-bottom:10px;}
#divHotelPopup #divHotelPopup_EmailForm input.button {float:right;margin-bottom:20px;}

#divHotelPopup input.button.multiroom {float:right;margin:10px 10px 0 0;}

/*#endregion*/

/*#region 3. Hotel filter */

#divHotelFilter #divMinMaxPrice{display:none;}
#divHotelFilter div.filter {margin-top:10px;}
#divHotelFilter #txtFilterHotelName {width:230px;}
#divHotelFilter div.boxTitle {left:0;}
#divHotelFilter h2 {font-size:17px;}
#divHotelFilter h4 {margin-bottom:10px;font-size:15px;}
#divHotelFilter div.filter {border-bottom:solid 1px #d7d7d7;padding-bottom:10px;}
#divHotelFilter div.filter:last-child {border-bottom:0;padding-bottom:0px;}
#divHotelFilter div.filter div {margin-bottom:2px;}
#divHotelFilter div.filter span{max-width:45px;}
#divHotelFilter div.filter div:last-child {margin-bottom:0;}
#divHotelFilter div.filter input.checkbox {margin-right:10px;padding-left:0;}
#divHotelFilter div.filter p + input.textbox {margin-top:10px;}
#divHotelFilter #divFilterFacility {border:none;}



/*#endregion*/

/*#region 4. News items */

#divNewsItems div.column {float:left;width:232px;margin-right:10px;}
#divNewsItems div.end {margin-right:0px;}
#divNewsItems div.column div.box {padding:10px;border:1px solid #ddd;margin-bottom:10px;}
#divNewsItems div.column div.box:hover {cursor:pointer;border-color:#c91129;}
#divNewsItems div.column div.box a {text-decoration:none;}
#divNewsItems div.column div.box h3 {color:#c91129;margin-top:0px;}
#divNewsItems div.column div.box img {width:212px;}

/*#endregion*/

/*#region 5. Login */


/*#endregion*/

/*#endregion*/

/*#region 6. trade bookings */


#divTradeBookings {padding-top:80px;}
#divTradeBookings div.boxTitle {width:938px;}
#divTradeBookings table.standardTable {width:100%;border-collapse:collapse;}

#divTradeBookings table.standardTable th {font-size:12px;vertical-align:top;text-align:left;padding:8px;color:#fff;}
#divTradeBookings table.standardTable thead {background-color:#bdcb3a;}
#divTradeBookings table.standardTable th.sort {padding-right:24px;position:relative;}
#divTradeBookings table.standardTable th.sort div.sort {position:absolute;top:9px;right:8px;}
#divTradeBookings table.standardTable th.sort div.sort a.sort {height:5px;width:9px;cursor:pointer;display:block;outline:none;border:none;
                                                               background:url(/Themes/Basic/Images/arrows.png) no-repeat;text-indent:-10000px;}
#divTradeBookings table.standardTable th.sort div.sort a.sort.ascending {background-position:0 -2px;margin-bottom:5px;}
#divTradeBookings table.standardTable th.sort div.sort a.sort.descending {background-position:0 -11px;}                                                               
#divTradeBookings table.standardTable th.sort div.sort a:hover {cursor:pointer;}
#divTradeBookings table.standardTable th.cancelBooking {display:none;}
#divTradeBookings table.standardTable td.cancel {display:none;}
#divTradeBookings table.standardTable td {text-align:left;padding:8px;}
#divTradeBookings table.standardTable td.resort {max-width:135px;}

#divTradeBookings table.standardTable tr.even {background-color:#ddd;}
#divTradeBookings #tblBookingsTable tr.myBooking td a {height:14px;width:13px;cursor:pointer;display:block;outline:none;border:none;text-indent:-10000px;
                                                       float:left;padding:1px;}
#divTradeBookings #tblBookingsTable tr.myBooking td a.cancelBooking {background:url(/Themes/Basic/Images/cross.png) no-repeat;display:none;}
#divTradeBookings #tblBookingsTable tr.myBooking td.documents a.agent {background:url(/Themes/Basic/Images/page_white_agent.png) no-repeat;}
#divTradeBookings #tblBookingsTable tr.myBooking td.documents a.customer {background:url(/Themes/Basic/Images/page_white_client.png) no-repeat;}
#divTradeBookings #tblBookingsTable tr.myBooking td.documents a.sendDocs {width:23px;background:url(/Themes/Basic/Images/email.png) no-repeat;}
#divDocumentationWaitMessage {line-height:31px;}
#divDocumentationWaitMessage #spnWaitImage {text-indent:-10000px;display:block;background:url(/Themes/BedBank/Images/loader.gif) no-repeat;height:31px;width:31px;
                                            display:inline-block;margin-right:10px;}
#divDocumentationWaitMessage p {display:inline-block;padding-top:10px;}                                           

/*#endregion*/

/*#region 7. find bookings */

#divFindBooking {margin-top:10px;}
#divFindBooking div.boxTitle {width:938px;}
#divFindBooking #aSearch {position:absolute;right:10px;bottom:10px;}
#divFindBooking div.date {position:relative;margin:2px 2px 2px 0px;}
#divFindBooking div.date img {position:absolute;right:210px;top:2px;cursor:pointer;}
label.checkboxLabel.error {background-color:#ecd0d0 !important;}
p.error{background-color:#ecd0d0 !important;}


/*#endregion*/


/*#region 19. Terms and conditions */    
#divTermsAndConditions{padding-top:50px;}
#divAll #divTermsAndConditions label{padding-left:10px;}
#divTermsAndConditions div.boxTitle{height:40px;}
#divTermsAndConditions div.boxTitle h2{font-size:16px;line-height:40px;}


/*#endregion*/


/*#region 15.  Cancellation charges */
#divCancellationCharges {margin-top:20px;padding-top:50px;padding-bottom:20px;}
#divCancellationCharges div.boxTitle{width:618px;height:40px;}
#divCancellationCharges div.boxTitle h2 {font-size:16px;line-height:40px;}
#divCancellationCharges h3 {margin-top:0px;font-size:16px}
#divCancellationCharges h4 {font-size:16px}
#divCancellationCharges #tblCancellationCosts td {padding:5px 5px 5px 0px;width:160px;}
#divCancellationCharges label {padding:5px 5px 4px 5px;}

#divCancellationCharges div.flight, #divCancellationCharges div.hotel{padding-top:10px;}

#divCancellationCharges div.hotel td.charge{color:#e24d38;}

#divCancellationCharges #divCancellationAccept{margin-top:15px;}
#divCancellationCharges #divCancellationAccept div.form{margin-top:10px;}
#divCancellationCharges #divCancellationAccept div.form label{padding-left:10px;}
/*#endregion*/


/*#region 16 GeographyList page */
#divGeographyListMainImage{margin-bottom:-95px;}
#divGeographyListMainImage img{width:100%;height:467px;}
#divGeographyListMainImage #hGeographyListMainTitle{position:relative;bottom:93px;color:#fff;font-size:80px;left:353px;text-transform:uppercase}
#divGeographyListMainDescription #hGeographyListDescriptionHeading{color:#c91129;margin-bottom:20px;}
/*#endregion*/

/*#region 17 Region page */
#divRegionLandingImage{margin-bottom:-95px;}
#divRegionLandingImage #hRegionMainTitle{position:relative;bottom:93px;color:#fff;font-size:80px;left:353px;text-transform:uppercase}
#divRegionLandingNoImage #hRegionMainTitleNoImage{position:relative;color:#000;font-size:80px;left:353px;text-transform:uppercase}
#divRegionTagLine h3 p{color:#000000}
#divRegionTagLine h3 em{font-style:normal; color:#c91129;}
div.regionFeatures h5{margin-bottom:20px;color:#c91129;margin-bottom:10px;}
#divSelectedHotels h3 span{color:#c91129;}

/*#region 18 Property Page */
#divRegionLandingImage img {height: 467px;width: 100%;}
#divPropertyContent span.red{color:#c91129;}
#divPropertyContent #divContentLeft{float:left;width:75%;}
#divPropertyContent #divContentRight{float:left;width:25%;text-align:right;}
#divPropertyContent #divContentLeft div{margin-bottom:25px;width:50px;width: 470px;}
#divPropertyContent #divContentLeft #divMainImage img{width:470px;height:294px;}
#divPropertyContent #divContentRight #divHotelRating{margin-bottom:10px;}
#divPropertyContent #divContentRight #pTownCity{font-size:16px;padding-right: 4px;margin-bottom:15px;}
#divPropertyContent #divContentRight #divOtherImages img{margin-bottom:10px;}