/* 

---- dark colour: #1D773D
---- light colour: #57A132

---- font styles
---- cross browser styles
---- website styles
---- table styles
---- calendar styles
---- responsive styles 
---- media query styles

*/


/* font imports --------------------------------------------------------------------------------------------------------------------------------------------------------- */

@font-face {
	font-family: 'Conv_Bango';
	src: url('../../fonts/Bango.eot');
	src: url('../../fonts/Bango.eot?#iefix') format('embedded-opentype'), url('../../fonts/Bango.woff') format('woff'), url('../../fonts/Bango.ttf') format('truetype'), url('../../fonts/Bango.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700');

/* end font imports ----------------------------------------------------------------------------------------------------------------------------------------------------- */


/* cross browser default styles ----------------------------------------------------------------------------------------------------------------------------------------- */

*{
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-o-font-smoothing: antialiased;
	font-smoothing: antialiased;
}	

img{
	border: 0px;
}

body{
	margin: 0px;
	padding: 0px;
	min-width: 320px;
	font-family: 'Open Sans', sans-serif;
	color: #333;
	-webkit-text-size-adjust: 100%;	
}

/* end cross browser default styles ------------------------------------------------------------------------------------------------------------------------------------- */


/* website styles ------------------------------------------------------------------------------------------------------------------------------------------------------- */

.container{
	max-width: 1100px;
	margin: 0px auto;
	padding: 0px;
}

.container-padding{
	max-width: 1100px;
	margin: 0px auto;
	padding: 0px 20px;
	position: relative;
}

#header{
	width: 100%;
	padding: 0px 0px 40px 0px;
}

#header-top{
	width: 100%;
	padding: 0px;
	background: #2970ca;
	/*background: -webkit-linear-gradient(top,rgba(35,110,205,1) 0,rgba(27,82,153,1) 100%);
	background: -moz-linear-gradient(top,rgba(35,110,205,1) 0,rgba(27,82,153,1) 100%);
	background: linear-gradient(to bottom,rgba(35,110,205,1) 0,rgba(27,82,153,1) 100%);*/
	height: 114px;
}

#header-bottom{
	width: 100%;
	margin: 0px;
	padding: 0px;
	background: #f99500;
	background: -webkit-linear-gradient(top,rgba(249,149,0,1) 0,rgba(255,201,0,1) 20px,rgba(255,201,0,1) 100%);
	background: linear-gradient(to bottom,rgba(249,149,0,1) 0,rgba(255,201,0,1) 20px,rgba(255,201,0,1) 100%);
	background: -moz-linear-gradient(top,rgba(249,149,0,1) 0,rgba(255,201,0,1) 20px,rgba(255,201,0,1) 100%);
	height: 19px;
}

.logo{
	position: relative;
	transition: all .25s ease-in-out;
	margin: 11px 0px 0px 0px;
	width: 100%;
	max-width: 245px;
}

#header-left{
	float: left;
	width: 269px;
}

#header-middle{
	float: left;
	padding: 32px 0px;	
}

#header-right{
	float: right;
	padding: 32px 0px;	
}

#header h1{
	font-family: 'Conv_Bango';
	font-weight: 400;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	color: #fff;
	font-size: 25px;
}

#header-middle p{
	font-size: 14px;
	color: #fff;
	line-height: 24px;
	font-weight: 600;
	margin: 0px;
	padding: 0px;
}

#header-right p{
	font-size: 14px;
	color: #fff;
	line-height: 16px;
	font-weight: 600;
	margin: 0px;
	padding: 0px;
}

#header-contact{
	display: none;
	width: 100%;
	margin: 0px;
	padding: 0px;
	text-align: center;
}

#main-container{
	width: 100%;
	margin: 0px;
	padding: 20px 0px;
}

#breadcrumb{
	width: 100%;
	margin: 0px;
	padding: 0px 0px 40px 0px;
}

.breadcrumb-container{
	width: 80%;
	text-align: center;
	margin: 0px auto;
}

.breadcrumb-table-desktop{
	width: 100%; 
	border: 1px #DDDDDD solid; 
	border-collapse: collapse;
	cursor: pointer;
}

.breadcrumb-table-mobile{
	width: 100%; 
	display: none;
	cursor: pointer;
}

.breadcrumb-not-complete{
	width: 20%; 
	border: 1px #DDDDDD solid; 
	background-color: #E7E7E7;
	font-size: 14px;
	font-weight: 400;
	padding: 16px 15px;
}

.breadcrumb-complete{
	width: 20%; 
	border: 1px #DDDDDD solid; 
	background-color: #E7E7E7;
	font-size: 14px;
	font-weight: 400;
	padding: 16px 15px;
}

.breadcrumb-complete:hover{
	background-color: #f1f1f1;
}

.breadcrumb-step-desktop{
	display: block;
	display: inline-block;
}

.breadcrumb-step-mobile{
	display: none;
}

.breadcrumb-current{
	width: 20%; 
	border: 1px #DDDDDD solid; 
	border-bottom: 1px solid #fff;
	font-size: 14px;
	font-weight: 600;
	padding: 16px 15px;
}

#left-col{
	overflow-x: hidden;
	margin: 0px;
	padding: 0px;	
}

#right-col{
	float: right;
	width: 35%;
	padding: 0px 0px 40px 0px;
	margin: 0px 0px 0px 50px;
}

#left-col h1, #right-col h1, #full-col h1{
	font-family: 'Conv_Bango';
	font-weight: 400;
	margin: 0px;
	padding: 0px 0px 20px 0px;
	color: #333333;
	font-size: 25px;
}

#right-col h2{
	font-size: 14px;
	font-weight: 700;
	color: #333333;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#right-col p{
	font-size: 14px;
	color: #333333;
	line-height: 24px;
	font-weight: 400;
}

#left-col h2, #full-col h2{
	font-size: 18px;
	font-weight: 700;
	color: #333333;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#left-col p, #left-col li, #full-col p{
	font-size: 14px;
	color: #333333;
	line-height: 24px;
	font-weight: 400;
}

#left-col a{
	font-size: 14px;
	line-height: 24px;
	font-weight: 400;
}

#footer{
	width: 100%;
	background-color: #FEAC00;
	padding: 20px 0px;
}

#footer p, #footer a{
	font-size: 12px;
	font-weight: 400;
	text-decoration: none;
	color: #333;
	margin: 0px;
	padding: 0px;
}

.footer-left-col{
	width: 66.66%;
	float: left;
}

.footer-right-col{
	width: 33.33%;
	float: left;
	text-align: right;
}

/* end website styles --------------------------------------------------------------------------------------------------------------------------------------------------- */

		
/* table styles --------------------------------------------------------------------------------------------------------------------------------------------------------- */

.PricingDate {
	width: 110px;
	background: #1C56A0;
	text-align: center;
	color: #FFFFFF;
	font-size: 14px;
}

.PricingDateDuration {
	width: 120px;
	color: #444444;
	background-color: #F3F3F3;
	cursor: pointer;
	font-size: 14px;
	vertical-align: top
}

.PricingDateDurationNoAvailability {
	width: 120px;
	color: #C0C0C0;
	background-color: #F3F3F3;
	cursor: default;
	font-size: 14px;
	vertical-align: top
}

.PricingDateDurationMatch {
	width: 120px;
	color: #FFFFFF;
	background-color: #2970CA;
	cursor: pointer;
	font-size: 14px;
}

.PricingDateDuration:hover, .PricingDateDurationMatch:hover {
	color: #FFFFFF;
	background: #1C56A0;
	cursor: pointer;
}

.Input {
	border: 1px solid #DDDDDD;
	padding: 5px 5px 5px 10px;
	height: 32px;
	border-radius: 5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.Select {
	border: 1px #2970CA solid;
	padding: 5px 5px 5px 10px;
	height: 32px;
}

.NavigationSummary h1 {
	font-size: 14px;
	color: #1C56A0;
	margin: 0px;
	padding: 0px 0px 0px 0px;
}

.NavigationSummary h2 {
	font-size: 14px;
	color: #1C56A0;
	margin: 0px;
	padding: 0px 0px 0px 0px;
}

.NavigationSummary h3 {

}

.NavigationSummary p, .NavigationSummary p a {
	font-size: 14px;
	color: #666666;
	margin: 0px;
	padding: 0px;
}

.Table {
	line-height: 22px;
	padding: 10px 0px 10px 0px;
	margin: 0px;
	text-decoration: none;
	cursor: default;
	font-size: 14px;
	color: #333;
	font-weight: 400;
	line-height: 20px;
}

.Table a {
	color: #5F6A25;
	text-decoration: none;
}

.Table th {
	text-decoration: none;
	text-align: left;
	white-space: nowrap;
	font-size: 14px;
	color: #1C56A0;
}

.TableColour {
	border: 1px #1C56A0 solid;
	border-collapse: collapse;
	font-size: 14px;
	cursor: default;
}

.TableColour th {
	background: #1C56A0;
	border: 1px #1C56A0 solid;
	text-decoration: none;
	text-align: left;
	font-size: 14px;
	color: #fff;
}

.TableColour td {
	border: 1px #1C56A0 solid;
	font-size: 14px;
	text-decoration: none;
}

.GroupFeatures {
	margin: 0px;
	padding: 0px;
}

h2.SubGroupName {
}

p.SubGroupDescription {
	padding: 0px;
	margin: 0px 0px 10px 0px;
}

p.SubGroupFeatures {
	margin: 0px;
	padding: 0px;
	font-weight: 600!important;	
}

p.SubGroupSuitableFor {
}

h4.CurrentAvailabilityWas {
	text-decoration: line-through;
	text-align: right;
	color: #D9B9C6;
	font-size: 22px;
	margin: 10px 0px 0px 0px;
	padding: 15px 0px 0px 0px;
}

h4.CurrentAvailabilityNow {
	text-align: right;
	color: #1C56A0;
	font-size: 22px;
	margin: 10px 0px 0px 0px;
	padding: 10px 0px 15px 0px;
}

h4.CurrentAvailabilityPrice {
	text-align: right;
	color: #1C56A0;
	font-size: 22px;
	margin: 10px 0px 0px 0px;
	padding: 15px 0px 15px 0px;
}

p.UnitsRemaining {
	margin: 0px;
	padding: 0px;
	color: #CC3300;
}

.ErrorBoxOuter {
	width: 100%; 
	background-color: #236ECD; 
	margin: 0px 0px 20px 0px;
}

.ErrorBoxInner{
	width: 100%; 
	text-indent: 0; 
	word-spacing: 0;
}

.ErrorTitle{
	color: #fff!important;
	line-height: 20px;
	padding: 0px!important;;
	margin: 0px!important;;
	font-size: 14px;
	font-weight: bold!important;
}

.ErrorDescription{
	color: #fff!important;;
	font-size: 13px;
	line-height: 20px;
	padding: 0px!important;;
	margin: 0px!important;;
}

.Button a {
	background: -webkit-linear-gradient(top,rgba(255,201,0,1) 0,rgba(249,149,0,1) 100%);
	background: linear-gradient(to bottom,rgba(255,201,0,1) 0,rgba(249,149,0,1) 100%);
	background: -moz-linear-gradient(top,rgba(255,201,0,1) 0,rgba(249,149,0,1) 100%);
	color: #fff;
	text-decoration: none;
	text-align: center;
	display: block;
	padding: 8px 20px;
	font-size: 14px;
	font-weight: 600;
	border-radius: 5px;
	cursor: pointer;
}

.Button a:hover {
	background: #333;
}

.Note, .Note a {
	color: #C0C0C0;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
}

/* end table styles ----------------------------------------------------------------------------------------------------------------------------------------------------- */


/* calendar styles ------------------------------------------------------------------------------------------------------------------------------------------------------ */

.CallendarTop {
	font-family: "Muli", sans-serif;
	border-bottom: 1px solid #2970CA;
	border-top: 1px solid #2970CA;
	border-left: 1px solid #2970CA;
	border-right: 1px solid #2970CA;
	box-shadow: inset 0 1px 0 0 #2970CA;
	border-top-left-radius: 1px;
	border-top-right-radius: 1px;
	color: white;
	font-size: 13pt;
	font-weight: bold;
	background-color: #2970CA;
	padding: 8px 0px;
	text-align: center;
	text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.2);
}

.CallendarTop tr td.Previous a, .CallendarTop tr td.Next a {
	text-align: center;
	text-decoration: none;
	color: #FFFFFF;
	font-size: 12px;
	vertical-align: middle;
}

.CallendarTop tr td.NoPrevious, .CallendarTop tr td.NoNext{
	text-align: center;
	text-decoration: none;
	color: #1C56A0;
	font-size: 12px;
	vertical-align: middle;	
}


.CallendarTop tr td {
	text-align: center;
	vertical-align: middle;
}

.Callendar {
	position: absolute;
	vertical-align: top;
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4);
	padding: 0px;
	margin: 20px 0px 0px -150px;
	background-color: #EFEFEF;
	-moz-border-radius: 2px;
	border-radius: 2px;
	cursor: default;
	z-index:2;
}

.CallendarDays {
	font-family: "Muli", sans-serif;
	font-size: 12px;
	padding: 2px;
	margin: 0px;
	border-left: 1px #B1B1B1 solid;
	border-right: 1px #B1B1B1 solid;
	border-bottom: 1px #B1B1B1 solid;
	border-collapse: collapse;
}

.CallendarDays tr th {
	border: 0px #B1B1B1 solid;
	padding: 3px;
	margin: 0px;
	text-align: center;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 10px;
	color: #666666;
	background: -webkit-linear-gradient(#F5F5F4, #E8E8E8); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#F5F5F4, #E8E8E8); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#F5F5F4, #E8E8E8); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#F5F5F4, #E8E8E8); /* Standard syntax */
}

.CallendarDays tr td {
	border: 1px #B1B1B1 solid;
	padding: 0px;
	margin: 0px;
	text-align: center;
	background-color: #FFFFFF;
}

.CallendarDays tr td a {
	font-weight: normal;
	text-decoration: none;
	color: #333333;
	padding: 5px;
	margin: 0px;
	display: block;
}

.CallendarDays tr td a:hover, .CallendarDays tr td.Current a:hover, .CallendarDays tr td.Weekend a:hover, .CallendarDays tr td.NotMonth a:hover {
	text-decoration: none;
	font-weight: normal;
	color: #FFFFFF;
	
	background: -webkit-linear-gradient(#2970CA, #2970CA); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#2970CA, #2970CA); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#2970CA, #2970CA); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#2970CA, #2970CA); /* Standard syntax */
}
.CallendarDays tr td.Weekend a {
	font-weight: normal;
	background: -webkit-linear-gradient(#F5F5F4, #E8E8E8); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#F5F5F4, #E8E8E8); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#F5F5F4, #E8E8E8); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#F5F5F4, #E8E8E8); /* Standard syntax */
}
.CallendarDays tr td.Current a {
	font-weight: normal;
	color: #FFFFFF;
	background: -webkit-linear-gradient(#2970CA, #2970CA); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#2970CA, #2970CA); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#2970CA, #2970CA); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#2970CA, #2970CA); /* Standard syntax */
}

.CallendarDays tr td.NotMonth a {
	font-weight: normal;
	background-color: #FFFFFF;
	color: #C0C0C0;
}

.CallendarDays tr td.Closed a {
	font-weight: normal;
	background: -webkit-linear-gradient(#F4F4F4, #F4F4F4); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#F4F4F4, #F4F4F4); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#F4F4F4, #F4F4F4); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#F4F4F4, #F4F4F4); /* Standard syntax */
	font-weight: normal;
	color: #C0C0C0;
}

/* end calendar styles -------------------------------------------------------------------------------------------------------------------------------------------------- */


/* responsive styles ---------------------------------------------------------------------------------------------------------------------------------------------------- */


.sub-group-container{
	width: 100%;
	margin: 0px 0px 40px 0px;
	padding: 0px;
}

.sub-group-left-col{
	float: left; 
	width: 450px;
}

.sub-group-right-col{
	overflow-x: hidden; 
}

.sub-group-left-col-inner{
	padding: 0px 0px 0px 0px;	
}

.sub-group-left-col-inner h2{
	font-weight: 600!important;
	font-size: 18px!important;
	color: #678C00!important;
}

#main-container-subtitle h2{
	font-weight: 600!important;
	font-size: 18px!important;
	color: #678C00!important;
	text-align: center;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 40px 0px;
}

.sub-group-right-col-inner{
	padding: 0px 0px 0px 50px;	
}

.sub-group-right-col-summary{
	margin: 0px 0px 40px 0px;
	padding: 0px;	
}

.sub-group-right-col-summary p{
	margin: 0px!important;
	padding: 0px!important;
	line-height: 50px!important;
	border-bottom: 1px dotted #333;
}

.input-label{
	float: left;
	text-align: right;
	width: 180px;
	margin: 0px 10px 0px 0px;	
	padding-top: 4px;
}

.input-field{
	text-align: left;
	overflow-x: hidden;
	margin: 0px;
}

.input-field-size{
	width: 100%; 
	max-width: 325px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: #555;
}












#ExtrasDescription{
	float: right;
	width: calc( 98% - 200px);
	width: -moz-calc ( 98% - 200px);
}

#ExtrasImage{
	float: left;
	margin-right: 2%;
	width: 200px;
}

.ExtrasImageLarge{
	width: 180px; 
	padding: 4px; 
	border: 1px solid #c1c1c1; 
	margin-bottom: 20px;
}

#BookingSummaryYourDetails{
	width: 48%;
	margin-right: 2%;
	float: left;
}

#BookingSummaryHolidayDetails{
	width: 50%;
	margin-right: 0px;
	float: left;	
	overflow-x: auto;
}

#BookingSummaryCardDetails{
	width: 70%;
	float: left;
}

#BookingSummaryCardLogos{
	width: 30%;
	float: right;
	text-align: right;
	margin: 20px 0px 0px 0px;	
}

.BookingSummaryCardLogoTable{
	margin-left: auto;
	margin-right: 0px;
}

.card-icon{
	float: right;
	padding: 2px;
}

#ViewBookingInvoiceFullSize{
	display: block;
}

#ViewBookingInvoiceMobileSize{
	display: none;
}

#ViewBookingOutstandingBalance, #ViewInvoiceTable{
	width: 100%;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

.availability-map{
	display: none;
	width: 100%; 
	margin: 10px 0px 0px 0px;
	height: 400px; 
	overflow: scroll; 
	-webkit-overflow-scrolling: touch;
}

.availability-features-body{
	display: none;
	margin: -1px 0px 0px 0px;
	padding: 0px 0px 20px 0px;
	border: 1px solid #1C56A0;
}

.availability-features{
	cursor: pointer;
	background-color: #1C56A0;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	background-repeat: no-repeat;
	background-position: right 12px;
}

.availability-features-arrow-open{
	background-image: url('../Images/button-arrow-open.png');
}

.availability-features-arrow-close{
	background-image: url('../Images/button-arrow-close.png');
}

.availability-features-padding{
	padding: 10px 20px;
	font-weight: 700;
}

.availability-features h3{
	margin: 0px;
	padding: 0px 0px 20px 0px;
	font-size: 16px;
	font-weight: 400;	
	color: #fff;
}

.availability-select{
	display: block;
}

.Desktop-Only{
	display: block;
}

.Alternative-Dates-Desktop {
	display: block;
}

.Alternative-Dates-Mobile {
	display: none;
}

.Image-Desktop {
	display: block;
}

.Image-Mobile {
	display: none;
}

#breadcrumbs{
	width: 100%;
}

#breadcrumbs a, #breadcrumbs p{
	margin: 0px;
	padding: 10px 0px;
	text-decoration: none;
	color: #c0c0c0;
}

#breadcrumbs a:hover{
	text-decoration: underline;
}

.extra-item-box{
	width: 100%;
	background-color: #f1f1f1;
	margin: 0px 0px 10px 0px;
}

.extra-item-box-photo{
	width: 250px;
	float: left;
	min-height: 100px;
	margin: 0px;
	padding: 0px;
}

.extra-item-box-photo-inner{
	padding: 10px;
	position: relative;
}

.extra-item-box-body{
	margin: 0px;
	padding: 0px;
	min-height: 100px;
	overflow: hidden;
}

.extra-item-box-body-left{
	float: left;
	width: calc(100% - 150px);
	width: -moz-calc(100% - 150px);
	margin: 0px;
	padding: 0px;	
}

.extra-item-box-body-left h1{
	font-family: 'Open Sans', sans-serif!important;
	font-size: 14px!important;
	font-weight: 700!important;
	color: #333333!important;
	margin: 0px 0px 0px 0px!important;
	padding: 0px 0px 10px 0px!important;

}

.extra-item-box-body-left p{
	font-size: 14px;
	color: #555!important;
	margin: 0px!important;
	padding: 0px!important;
}

.extra-item-box-body-left-inner{
	padding: 10px;
}

.extra-item-box-body-right{
	width: 150px;
	float: left;
	margin: 0px;
	padding: 0px;	
}

.extra-item-box-body-right p{
	color: #555;
	margin: 0px;
	padding: 10px 0px 0px 0px;
	font-size: 14px;
	font-weight: 400;
}

.extra-item-box-body-right h2{
	color: #1C56A0;
	margin: 0px;
	padding: 20px 0px 5px 0px;
	font-size: 26px;
	font-weight: 600;
}

.extra-item-box-body-right-inner{
	padding: 5px;	
}

.extras-button-left{
	background-color: #1C56A0;
	background-repeat: no-repeat;
	width: 29px;
	height: 27px;	
	border: 0px;
	color: #fff;
	outline: none;
	border:none !important;
	box-shadow:none !important;
	cursor: pointer;
	font-size: 16px;
	-webkit-border-radius: 4px 0px 0px 4px;
	-moz-border-radius: 4px 0px 0px 4px;
	border-radius: 4px 0px 0px 4px;
	margin: 0px 0px 0px 0px;	
	-webkit-appearance: none;
}

.extras-button-right{
	background-color: #1C56A0;
	background-repeat: no-repeat;
	border: 1px solid #1C56A0;
	width: 29px;
	height: 27px;	
	color: #fff;
	outline: none;
	border:none !important;
	box-shadow:none !important;
	cursor: pointer;
	font-size: 16px;
	-webkit-border-radius: 0px 4px 4px 0px;
	-moz-border-radius: 0px 4px 4px 0px;
	border-radius: 0px 4px 4px 0px;
	margin: 0px 0px 0px 0px;
	-webkit-appearance: none;	
}

.extras-button-left:hover, .extras-button-right:hover{
	background-color: #2970CA;
}

.extras-value{
	border: 1px solid #1C56A0;
	outline: none; 
	background-color: #fff;
	padding: 0px;
	outline: none;
	color: #333;
	font-size: 13px;
	font-weight: normal;
	line-height: 24px;
	text-align: center;
	-webkit-appearance: none;
	height: 25px;
	width: 40px;
	margin: 0px;
	-webkit-border-radius:0; 
    border-radius:0;
}

.extras-value-disabled{
	border: 1px solid #1C56A0;
	outline: none; 
	background-color: #f1f1f1;
	padding: 0px;
	outline: none;
	color: #333;
	font-size: 13px;
	font-weight: normal;
	line-height: 24px;
	text-align: center;
	-webkit-appearance: none;
	height: 25px;
	width: 40px;
	margin: 0px;
	-webkit-border-radius:0; 
    border-radius:0;
}

.extras-select{
	font-size: 14px;
	color: #333;
	padding: 4px 10px;
	font-weight: normal;
	border: none;
	-webkit-appearance: none;
	width: calc(100% + 30px);
	width: -moz-calc(100% + 30px);
	background: transparent;
	margin: 0px;
	cursor: pointer;
}

.extras-select-box{
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background: #fff url('../Images/arrow.jpg') no-repeat right top;
	background-size: 30px 27px;
	overflow: hidden;
	cursor: pointer;
	margin: 0px;
	font-size: 13px;
	font-weight: normal;
	line-height: 24px;
	text-align: center;
	height: 25px;
	width: 100%;
	border-top: 1px solid #2970CA; 
	border-left: 1px solid #2970CA; 
	border-bottom: 1px solid #2970CA; 
}

.price-buttons{
	width: 100px; 
	margin: 10px 0px 0px 0px
}

.my-bookings-outer{
	width: 100%; 
	float: left;
}

.my-bookings-inner{
	padding: 0px;
	margin: 0px 0px 10px 0px;
	border: 1px solid #CCCCCC;
}

.my-bookings-inner:hover{
	border: 1px solid #1C56A0;
}

.my-bookings-box{
	width: 100%; 
}

.my-bookings-box-padding{
	padding: 10px;
}

.my-bookings-box-left{
	overflow: hidden;
	min-height: 100px;
	margin: 0px;
	padding: 0px;
}

.my-bookings-box p{
	margin: 0px;
	padding: 0px 0px 10px 0px;
}

.my-bookings-box h1{
	font-size: 14px;
	color: #1C56A0;
	margin: 0px;
	padding: 0px 0px 10px 0px;
}

.my-bookings-box h2{
	font-size: 30px;
	color: #999999;
	margin: 0px;
	padding: 0px;
}

.my-bookings-box h4{
	font-size: 13px;
	color: #999999;
	margin: 0px;
	padding: 0px;
}

.my-bookings-box-right{
	float: right;
	width: 300px;
	min-height: 50px;
}

.my-bookings-box-dates{
	float: right;
	width: 150px;
	min-height: 100px;
	text-align: center;
	margin: 0px;
	padding: 0px;
}

.my-bookings-box-buttons-right{
	float: right;	
}

.my-bookings-box-buttons-left{
	float: left;
	padding: 5px 20px 5px 0px;

}

/* end responsive styles ------------------------------------------------------------------------------------------------------------------------------------------------ */


/* media query styles --------------------------------------------------------------------------------------------------------------------------------------------------- */

@media screen and (max-width: 1260px) {
	
}


@media screen and (max-width: 980px) {
	#header-top{
		height: 195px;
	}
	#header-right{
		display: none;
	}
	#header-middle{
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
		text-align: center;
		padding: 20px 0px;
	}
	#header-left{
		width: 100%;
		text-align: center;
		margin-top: 80px;
	}
	#header-contact{
		display: block;
	}
	.logo{
		padding-left: 25px;
	}
	.breadcrumb-container{
		width: 100%;
	}
	#left-col{
		width: 100%;
		float: left;
	}
	#right-col{
		width: 100%;
		float: left;
		margin: 0px;
	}
	.footer-left-col{
		width: 100%;
		text-align: center;	
		padding-bottom: 20px;
	}
	.footer-right-col{
		width: 100%;
		text-align: center;	
	}

	
}

@media screen and (max-width: 900px) {
	.sub-group-left-col{
		float: left; 
		width: 100%;
	}
	.sub-group-right-col{
		float: left;
		width: 100%;
	}
	.sub-group-right-col-inner{
		padding: 0px 0px 0px 0px;	
	}
}
	

@media screen and (max-width: 600px) {
	.breadcrumb-not-complete{
		display: none;	
	}
	.breadcrumb-complete{
		display: none;
	}
	.breadcrumb-step-desktop{
		display: none;
	}
	.breadcrumb-step-mobile{
		display: inline-block;
	}
	.breadcrumb-table-desktop{
		display: none;
	}
	.breadcrumb-table-mobile{
		display: block;
	}

}

/* end media query styles ----------------------------------------------------------------------------------------------------------------------------------------------- */