﻿.mod-customofferview
{
    float: none;
    width: 668px;
}
.mod-customofferview h1
{
    font-size: 18px;		
    font-weight: normal;
    margin-bottom: 10px;
}
.mod-customofferview #PnlSocialIcons
{
    float: right;
    margin-bottom: 10px;
}
.mod-customofferview .custoffer-rating
{
    margin-bottom:16px;
}
.mod-customofferview .custoffer-description
{
    margin-bottom: 16px;
}
.mod-customofferview .custoffer-section
{
    margin-bottom: 16px;
}
.mod-customofferview .custoffer-section h2
{
    color: #3F3F3F;
    font-size: 14px;
    margin-bottom: 5px;
    font-weight:bold;
}

/*Offer Tabs*/
.mod-customofferview #offerTabs
{    
    color: #3F3F3F;
    margin-bottom: 16px;
}
.mod-customofferview #offerTabs ul li
{   
    float: left;        
    font-size: 14px;
    height: 36px;
    line-height: 36px;
    padding: 2px 10px;
    background-color: #E6E6E6;
    margin-right:5px;
}
.mod-customofferview #offerTabs ul li:hover, .mod-customofferview #offerTabs ul li.current
{
    background: url("/assets/images/sprites/spritesheet-boxes.png") no-repeat scroll -242px 0 transparent;        
}
.mod-customofferview #offerTabs ul li a
{
    display: block;
    outline: none;
    text-decoration: none;
    color:#3F3F3F;
}
.mod-customofferview #offerTabs ul li:hover a, .mod-customofferview #offerTabs ul li.current a
{
    color:White;
}

/*Offer Enquiry Form*/
.mod-customofferview #enquiryForm .form-row input
{
    width: 270px;
}
.mod-customofferview #enquiryForm .form-row textarea
{    
    margin: 0px;
    padding: 3px;
    resize: none;
    width: 530px;
}
.mod-customofferview #enquiryForm .valFldErr
{
    background-color: #FC7B7F;
    border-color: #CA252B;
    color: #FFF;
    padding: 2px;
}
.mod-customofferview #enquiryForm .valError
{
    color: #CA252B;
    display: none;
    font-weight: bold;
    text-align: center;
}
.mod-customofferview #enquiryForm .enquiryform-thankyou
{
    font-weight: bold;
    padding: 10px;
}
.mod-customofferview #enquiryForm #prcinfo
{
    display: block;
    font-weight: bold;
    padding-top: 3px;
}
.mod-customofferview #enquiryForm select
{
    border: 1px solid #D6D6D6;
    margin: 0px 12px 0px 0px;
    padding: 3px;
}
.mod-customofferview #enquiryForm .florigin
{
    width: 278px;
}

.mod-customofferview #enquiryForm .btn-submit
{
    background: url("/assets/images/sprites/spritesheet-buttons.png") no-repeat scroll -100px 0 transparent; 
    margin: 0 13px 8px;
    width: 100px;
}

/*Offer Image Gallery*/
.mod-customofferview #offerImageGallery
{
    margin-bottom: 16px;
}
.mod-customofferview #offerImageGallery .nivo-thumbs-enabled
{
    padding: 0px;
    position:static;
}
.mod-customofferview #offerImageGallery .nivo-thumbs-enabled img
{
    height: 65px;
    margin: 10px 5px 0px 5px;
    opacity: .55;
    width: 120px;
}
.mod-customofferview #offerImageGallery .nivo-thumbs-enabled a:hover img,
.mod-customofferview #offerImageGallery .nivo-thumbs-enabled a.active img
{
    opacity: .99;
}
.mod-customofferview #offerImageGallery #offerImages img
{
    height: 255px !important;
    width: 668px !important;
}

/*Offer Flight Grid*/
.mod-customofferview .custoffer-flightgrid
{
    background-color: #E6E6E6;
    color: #3F3F3F;
    border-collapse: collapse;
    width: 100%;
}
.mod-customofferview .custoffer-flightgrid th
{
    background-color: #D62427;
    color: #FFF;
    font-weight: bold;
    padding: 4px;
    text-align: left;
}
.mod-customofferview .custoffer-flightgrid .flightgrid-hdrsupp
{
    text-align: right;
}
.mod-customofferview .custoffer-flightgrid .flightgrid-colsupp
{    
    font-size: 14px;
    font-weight: bold;
    text-align: right;
}
.mod-customofferview .custoffer-flightgrid td
{
    border-bottom: 1px solid #FFF;
    border-top: 1px solid #CCC;
    padding: 8px 4px;
}

/*Offer Date Grid*/
.mod-customofferview .custoffer-dategrid
{
    background-color: #E6E6E6;
    color: #3F3F3F;
    border-collapse: collapse;
    width: 100%;
}
.mod-customofferview .custoffer-dategrid th
{
    background-color: #D62427;
    color: #FFF;
    font-weight: bold;
    padding: 4px;
    text-align: left;
}
.mod-customofferview .custoffer-dategrid td
{
    border-bottom: 1px solid #FFF;
    border-top: 1px solid #CCC;
    padding: 8px 4px;
}
.mod-customofferview .custoffer-dategrid .custoffer-hdrprice
{
    text-align: right;
}
.mod-customofferview .custoffer-dategrid .custoffer-colprice
{    
    font-size: 14px;
    font-weight: bold;
    text-align: right;
}



/* CUSTOM OFFER DISPLAY */
	/*CUSTOM OFFER*/
/*Welcome*/
.offerWelcome
{
	margin-bottom: 16px;
}
	.offerWelcome h1
	{		
		font-size: 18px;		
		padding-bottom: 10px;
		font-weight: normal;
		display: block;
		margin-bottom: 16px;
		text-transform:uppercase;
	}
	
	.offerWelcome .geoHotelRating
	{
	    margin-left:10px;
	}
	
	.offerWelcome .geoHotelRating img
	{
	    vertical-align:middle;	    
	}
	
	.offerWelcome .description
	{
		color: #414141;
		font-size: 11px;
	}
/*End Welcome*/

/*Image Gallery*/
#imageGalleryWrapper
{
    margin-bottom: 10px;
}
#offerImgMainWrapper
{
    display: inline;
	float: left;
	width: 458px;
	height: 270px;
	overflow: hidden;
}
#offerImgMain
{
	width: 458px;
	height: 270px;
	overflow: hidden;
}
#offerImgThumbnails
{
    display: inline;
	float: left;
	width: 200px;
}
#offerImgThumbnails ul
{
    float: left;

}
#offerImgThumbnails li
{
    display: inline;
	margin-bottom: 10px;
	margin-left: 10px;
	float: left;
	width: 90px;
	height: 60px;
}
#offerImgThumbnails li a
{
    display: block;
	outline:none;
}
#offerImgThumbnails li img
{
	/*width: 102px;
	height: 64px;*/
	opacity: .55;
}
#offerImgThumbnails li a:hover img, #offerImgThumbnails li a.thumbActive img
{
	opacity: .99;
}
/*End Image Gallery*/



/*Offer Categories*/
.offerCategory h4
{
    color:#000;
    font-size:14px;    
    margin-bottom:5px;
    padding-bottom:4px;
}

/*End Offer Categories*/

/*END CUSTOM OFFER*/


#specialOffers
	{
		width: 614px;
	}


/*Dates of travel*/
.offerCategory, .divOfferDetails
{
	margin-top: 10px;
	padding-top: 10px;
}
.divOfferDetails1M ul#availableDates
{
	width: 646px;
}

.divOfferDetails1M ul#availableDates .btn-booknow
{
    width:80px;
}

.customoffer-form-main
{
    padding:10px 0 0 10px;
}

.divOfferDetails1M ul#availableDates li
{
	padding: 5px 0px 12px 0px;
	width: 641px;
	background: transparent url(Images/Backgrounds/Offers/offerDetails1Divider.jpg) no-repeat left top;
}
.divOfferDetails1M ul#availableDates li .offerContactSelector .offerPhone
{
    font-size: 25px;
}
.divOfferDetails1M ul#availableDates li .offerContactSelector .offerPhone h3
{
    color: #4B4B4B;
}
.divOfferDetails1M ul#availableDates li .offerContactSelector .offerPhone span
{
    color: #003466;
}

.divOfferDetails1M ul#availableDates li p
{
	margin: 3px 0px 3px 0px;
}
.divOfferDetails1M ul#availableDates li div.duration
{
	float: left;
	width: 100px;
	padding-top: 13px;
}
.divOfferDetails1M ul#availableDates li div.dates strong
{
	display: inline-block;
	width: 70px;
}
.divOfferDetails1M ul#availableDates li div.prices
{
	float: left;
	width: 300px;
	padding: 2px 0px 2px 0px;
}
.divOfferDetails1M ul#availableDates li div.prices strong
{
	display: inline-block;
	width: 45px;
}
.divOfferDetails1M ul#availableDates li div.enquire
{
	float: left;
	width: 148px;
}

.divOfferDetails1M ul#availableDates li div.enquire a.BtnOfferEnquire
{
	background: url(images/buttons/button-sprite.png) no-repeat 0 -448px;
	display: block;
	width: 105px;
	height: 30px;
	float: right;
	line-height: 0;
	text-indent: -9999px;
	font-size: 0;
}	
.divOfferDetails1M ul#availableDates li div.bookable a.BtnOfferBook
{
	background: url(images/buttons/button-sprite.png) no-repeat 0 -180px;
	display: block;
	width: 123px;
	height: 30px;
	float: right;
	text-indent: -9999px;
	font-size: 0;
	line-height: 0;
}
/*End Dates of travel*/

/*Whats Included*/
.divOfferDetails2S
{
}

.divOfferDetails2S p
{
	padding:5px 15px 12px 0;
	color: #3F3F3F;
}

.divOfferDetails2S h4 span
{
	display: block;
	/*padding-bottom: 3px;*/
}
/*End Whats Included*/

/*Activities*/
.divOfferDetails3M
{
}
.divOfferDetails3S h4 span
{
	display: block;
	/*padding-bottom: 3px;*/
}
.divOfferDetails3M p
{
	padding:5px 15px 12px 0;
	color: #3F3F3F;
}
/*End Activities*/

/*Additional Info*/
.divOfferDetails4S
{
}

.divOfferDetails4S p
{
	padding:5px 15px 12px 0;
	color: #3F3F3F;
}

.divOfferDetails4S h4 span
{
 
}
/*End Additional Info*/

/*Supplements & Extras*/

.divOfferDetails5M
{
}

.divOfferDetails5M ul li
{
	padding-bottom: 2px;
}
.divOfferDetails5S
{
    margin-bottom: 16px;
}
.divOfferDetails5S h4 span
{
}
.divOfferDetails5S p.supExtraItem
{
	margin: 10px 0px 10px 0px;
}
.divOfferDetails5S p.supExtraItem strong
{
	display: inline-block;
	width: 115px;
	float: left;
}

.divOfferDetails5S p.supExtraItem span
{
	float: left;
	width: 450px;
}
/*End Supplements & Extras*/



/*Generic Offers*/

.divOfferDetailsGenericM p
{
	padding:5px 15px 12px 0px;
}

.divOfferDetailsGenericS h4 span
{
	display: block;
	/*padding-bottom: 3px;*/
}
.divOfferDetailsGenericM p.genericInfo
{
	margin: 3px 0px 3px 0px;
}
.divOfferDetailsGenericM p.genericInfo strong
{
	display: inline-block;
	width: 70px;
}
/*End Sup/Extras*/

.customoffer-form .customoffer-form-top h2 
{
    color: #333;
    font-size: 14px;
    font-weight: normal;
    height: 33px;
    line-height: 28px;
    overflow: hidden;    
    text-align: left;
}

.customoffer-form .customoffer-form-main p
{
    margin-bottom: 10px;
}
.customoffer-form .cms-button
{
    float: right;
}

/*Offer Enquiry*/

#divEnquiryForm .divEnquiryFormInner, #divEnquiryForm .CustomOfferOnlineBookableInner
{
    padding: 10px 0;
    color: #3F3F3F;
}
#divEnquiryForm .CustomOfferOnlineBookableInner strong
{
	font-weight: normal;
}
.divEnquiryFormInner label
{
	float: left;
    padding-top:5px;
	width: 100px;
	color: #999;
}
.divEnquiryFormInner .row
{    
    padding:8px;
}

.divEnquiryFormInner input, .divEnquiryFormInner select, .divEnquiryFormInner textarea
{
	width: 535px;
	float: left;
}
#divEnquiryForm input.btn-submit
{
    float: none;
    width: auto;
}
#divEnquiryForm .boxInput
{
	border: 1px solid #B3B3B3;
}

#divEnquiryForm #enquiryComments textarea
{    
    height: 180px;
    margin: 0px;
}

#ctl00_ContentPlaceHolderMaster_ctl00_ctl00_PnlOfferThankyou strong
{
    background: url("Images/Backgrounds/Info/pageHeadBg.png") no-repeat scroll left top transparent;
    color: #FFF;
    display: block;
    font-size: 15px;
    font-weight: bold;
    height: 32px;
    line-height: 32px;
    padding: 0px 10px;
    margin-top: 12px;
}

#btnSendEnquiryWrapper .Btn
{
    background: url("Images/Buttons/btnSubmit.png") no-repeat scroll right bottom transparent;
    border: 0px;
    cursor: pointer;
    overflow: hidden;
    padding: 0px;
    color: #FFFFFF;
    display: block;
    float: right;
    font-size: 15px;
    height: 28px;
    width: 120px;
    margin-top: 12px;
}  
#btnSendEnquiryWrapper .Btn:hover
{
    background: url(Images/Buttons/btnSubmit_Hover.png) no-repeat right bottom;
}

#divEnquiryForm .offerError
{
	color: #ED2377 !important;
	padding:0 0 10px 10px;
}
 

input.btnSendEnquiry, #divContact .btnContinue
{
	background: url(images/buttons/button-sprite.png) no-repeat 0 -150px;
    border: 0 none;
    color: #FFFFFF;
    cursor: pointer;
    display: block;
    float: right !important;
    font-size: 15px;
    margin-bottom: 0;
    margin-right: 7px;
    margin-top: 10px;
    width: 95px !important;
    height: 30px;
    text-indent: -9999px;
}

.CustomOfferOnlineBookable .selectXL
{
    border: 1px solid #d7d8d2;
    margin: 0px;
    padding: 3px;
    width: 400px;
}
#tblCustOfferBookable
{
    font-size: 12px;
    margin: 10px 0px;
    width: 400px;
}
#tblCustOfferBookable select
{
    border: 1px solid #d7d8d2;
    margin: 0px;
    padding: 3px;
}
#tblCustOfferBookable th
{
    font-size: 12px;
    text-align: left;    
}
#tblCustOfferPax
{
    margin-bottom: 10px;
}
#tblCustOfferBookable .custCol4
{
    text-align: right;
}
#tblCustOfferBookable .custCol4 strong
{
/*	color: #db292e;*/
}
#tblCustOfferBookable .custCol3 select
{
	width: 75px !important;
}
#tblCustOfferBookable .custColTotalRow .custCol4
{
    /*color: #db292e;*/
}
#tblCustOfferBookable td
{
    /*border-bottom: 1px solid #CCC;*/
}
.btnOfferCheckAvailability
{
	background: url(images/buttons/button-sprite.png) no-repeat 0 -270px;
	display: block;
	width: 177px !important;
	height: 30px;
	cursor: pointer;
	text-indent: -9999px;
	float: right !important;
	border: 0 none;
	margin-top: -4px;
}
.btnOfferAddToBasket
{
	background: url(images/buttons/button-sprite.png) no-repeat 0 -300px;
	display: block;
	cursor: pointer;
	text-indent: -9999px;
	float: right !important;
	border: 0 none;
	width: 150px !important;
	height: 30px;
}
.btnOfferContinue
{
    background: url(images/buttons/button-sprite.png) no-repeat 0 -90px;
    border: 0 none;
    cursor: pointer;
    float: right !important;  
    height: 30px;
    width: 177px !important;	
    text-indent: -9999px;
    display: block;
}
.CustomOfferOnlineBookableInner #tblCustOfferPax
{
    margin: 10px 0px;
    width: 480px;
}
#tblCustOfferPax select[id^="paxTitle"]
{
    min-width: 85px;
}
#tblCustOfferPax select[id^="paxDOBD"],
#tblCustOfferPax select[id^="paxDOBM"]
{
    min-width: 50px;
}
#tblCustOfferPax select[id^="paxDOBY"]
{
    min-width: 62px;
}
.CustomOfferOnlineBookableInner #tblCustOfferPax thead td
{
    color: #333;
}
.CustomOfferOnlineBookableInner #tblCustOfferPax select, .CustomOfferOnlineBookableInner #tblCustOfferPax input
{
    border: 1px solid #d7d8d2;
    margin: 0px;
    padding: 3px;
}

.CustomOfferOnlineBookableInner #tblCustOfferPax select
{
	width: 45px !important;
}
.CustomOfferOnlineBookableInner #tblCustOfferPax tbody tr td { padding: 3px 1px; }
.CustomOfferOnlineBookableInner #tblCustOfferPax input
{
	width: 75px !important;
}
.CustomOfferOnlineBookableInner #tblCustOfferPax #emailAddress { width: 205px !important; }
.CustomOfferOnlineBookableInner #tblCustOfferPax input.telNo { width: 170px !important; }
.CustomOfferOnlineBookableInner #hdrCustOfferStage1
{
    margin-bottom: 10px;
}
.basketXSLCustomOffer td.box2
{
    background-color: #F2F0EE;
}
.basketXSLCustomOffer .tdCustomOfferXSLDescription h4,
.basketXSLCustomOffer .tdCustomOfferXSLDescription h3,
.basketXSLCustomOffer .tdCustomOfferXSLDescription p
{
    margin-bottom: 5px;
}
.divOfferDetails .supExtraItemGroup
{    
    padding-bottom: 5px;
}
.divOfferDetails5S h4 span#hdrSupplements
{
    display: block;
    padding-top: 15px;
}

.CustomOfferEnquiryForm .divEnquiryFormInner
{
	width: 668px;
	float: left;
}

.CustomOfferEnquiryForm .enquiryOpeningHours
{
	float: left;
	width: 210px;
	margin-top: 15px;	
}
