/*
td.formlabel {
 text-transform: capitalize;
}
*/
td.formlabel, td.formfld, td.form2col {
 font-size: 10pt;
 padding: 3px;
}
td.formlabel input.styled, td.formfld input.styled, td.form2col input.styled {
 font-size: 8pt;
 height: 18px;
}

input.ratingbox {

}

input.submit {
 cursor: hand;
 cursor: pointer;
 padding: 5px;
 background: #2DB030;
 background: #2DB030;
 color: white;
 font-weight: bold;
 border: none;
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px;
 border-radius: 5px;
}

input.submit:hover {
 background: #209B22;
}

#bookingform
 {
  margin: 10px 5px;
	font-size: 10pt;
 }
#bookingform fieldset
 {
  padding: 5px;
	border: 1px solid #B4B4B4;
	width: 242px;
	margin-right: 5px;
	float: left;
	margin-bottom: 5px;
 }
#bookingform fieldset.full_width
 {
	width: 500px;
 }
#content #bookingform fieldset.full_width p
 {
  width: 500px;
 }
#bookingform fieldset legend
 {
  color: #013469;
	color: #333333;
	font-size: 13pt;
	padding: 0 3px;
	font-weight: bold;
 }
 
#bookingform fieldset#package_details
 {
  max-height: 242px;
	overflow-y: auto;
 }
 
#bookingform fieldset.pricecalc
 {
  border: 1px solid #129900;
 }
#bookingform fieldset.pricecalc legend
 {
  color: #129900;
 }
#bookingform fieldset label, #bookingform label
 {
  width: 95%;
  display: block;
	clear: both;
	font-weight: bold;
	float: none;
	margin-top: 5px;
	color: #013469;
 }
#bookingform fieldset label.sameline
 {
  width: auto;
	float: left;
	clear: none;
	margin-right: 3px;
	margin-top: 0;
	height: 22px;
 }
#bookingform input, #bookingform select, #bookingform textarea
 {
  float: left; 
  border: 1px solid #999999;
	background: #eeeeee;
	margin-right: 5px;
	font-size: 10pt;
 }
#bookingform textarea
 {
  width: 236px;
 }
#bookingform .full_width textarea
 {
  box-sizing: border-box;
  width: 100%;
 }
#bookingform input, #bookingform select, #bookingform span.after_input
 {
  height: 22px;
 } 
 
#bookingform span.after_input
 {
  line-height: 22px;
 } 
 
input.noinput {
 border: none !important;
 background: transparent !important;
}

span.after_input {
 float: left;
 margin-right: 5px;
}
 
#bookingform select  optgroup
 {
  background: #003366;
	/*
	color: white;
	*/
 }  
#bookingform select > optgroup
 {
	color: white;
	color: #8e8e8e;
 }  
#bookingform select option, #bookingform select optgroup option
 {
  background: white;
	color: black !important;
 } 
 
#bookingform input.radio
 {
  border: none;
  background: transparent;
 }
#bookingform input.submit, .payment_option input.submit
 {
  font-size: 12pt;
	font-weight: bold;
	color: white;
	background: url('/newi/button14.gif') no-repeat;
	border: none;
	line-height: 30px;
	height: 31px;  
	width: 147px;
	padding: 0 5px;
	text-transform: uppercase;
 }
#bookingform input.submitmiddle, .payment_option input.submitmiddle
 {
  width: 192px;
  background: url('/newi/button15.gif') no-repeat;
 }
#bookingform input.submitlong, .payment_option input.submitlong
 {
  width: 234px;
  background: url('/newi/button16.gif') no-repeat;
 }
#bookingform input.submitlongest, .payment_option input.submitlongest
 {
  width: 370px;
  background: url('/newi/button18.gif') no-repeat;
 }
#bookingform hr
 {
  float: left;
	width: 100%;
  border: none;
	color: white;
	margin: 1px 0;
	padding: 1px 0;
	background: transparent;
  border-bottom: 1px solid #B4B4B4;
 } 

div#bookingform a.buttonlike, div#bookingform a.buttonlike:visited, 
div.payment_option a.buttonlike, div.payment_option a.buttonlike:visited,
input.bookingform
 {
  float: left;
  font-size: 12pt;
	font-weight: bold;
	color: white;
	background: #3dae3d;
	border: none; 
	padding: 5px;
	text-transform: uppercase;
	text-decoration: none;
	cursor: hand;
	cursor: pointer;
 }
 
input.bookingform
 {
  margin-right: 10px;
 } 
 
#calculatedprice
 {
  padding: 5px;
 }
#calculatedprice
 { 
  color: #129900;
	font-weight: bold;
  text-align: center;
	width: 100%;
	max-width: 283px;
	overflow: hidden;
	box-sizing: border-box;
 }
 
#calculatedprice hr
 { 
  width: 100% !important;
 }
/* 
#calculatedprice *
 { 
	font-size: 16pt;
 }
*/
 
#calculatedprice span, #calculatedprice div
 { 
	font-size: 16pt;
	float: left; 
	width: 100%;
	text-align: center;
 }
 
#calculatedprice span i, #calculatedprice div i
 { 
  font-size: 10pt;
 }
  
span#pricenote, 
span#pricenote i,
div#pricenote, 
div#pricenote i
 { 
	font-size: 10pt;
	color: #129900;
 }
 
span#pricenote .striken, 
div#pricenote .striken  
 {
  font-size: 10pt;
  text-decoration: line-through;
 }

div.alert
{
 float: left;
 width: 522px;
 color: red;
 padding: 5px;
 border: 1px dotted #cc3300;
 margin: 8px 0;
}

div.ok
{
 float: left;
 width: 100%;
 box-sizing: border-box;
 color: #00871f;
 background: #cbffd7;
 padding: 5px;
 padding-left: 10px;
 border-left: 3px solid #00871f;
 margin: 8px 0;
 line-height: 1.375em;
}

#text_area p.grey
 {
  float: left;
  color: #888888;
	width: 545px;
 }
 
#text_area p.after_button
 {
  margin-top: 5px;
 }

/*steps*/

#booking_steps
 {
  float: left;
	display: inline;
	width: 524px;
	margin-top: 4px;
	margin-bottom: 8px;
	margin-left: 5px;
 }
#booking_steps h1
 {
  float: left;
	width: 490px;
	display: inline;
	margin-top: 10px;
	margin-left: 10px;
	font: 13px 'Trebuchet MS';
	font-weight: bold;
	text-transform: uppercase;
	color: #03305f;
 }
#steps
 {
  float: left;
	margin-top: 10px;
 }
#steps div, #steps div b, #steps div a
 {
  margin: 0;
	padding: 0;
  color: white;
 }
#steps div.fs
 {
  float: left;
	width: 128px;
	height: 63px;
	background: url('/newi/1step.gif') no-repeat;
 }
#steps div.fa
 {
	background: url('/newi/1_active.gif') no-repeat;
 }
#steps div.fa a
 { 
  color: #252d39;
 }
#steps div.fs i
 {
  float: left;
	display: inline;
	margin-left: 15px;
	color: #374255;
	font: 11px 'Tahoma';
	font-weight: bold;
	width: 99px;
	margin-top: 3px;
 }
#steps div.fs i a
 {
	color: #374255;
	font: 11px 'Tahoma';
	text-decoration: none;
	font-weight: bold;
 }
#steps div.fs b
 {
  float: left;
	display: inline;
	margin-left: 15px;
	margin-top: 2px;
	color: #374255;
	font: 11px 'Tahoma';
	line-height: 13px;
	width: 99px;
 }
#steps div.fs b a
 {
  color: #374255;
	font: 11px 'Tahoma';
	text-decoration: none;
	line-height: 13px;
	margin: 0;
 }
#steps div.fa b, 
#steps div.fa b a
 {
  color: #2E4154;
 } 
#steps div.ms
 {
  float: left;
	width: 128px;
	height: 63px;
	background: url('/newi/mstep.gif') no-repeat;
 }
#steps div.ma
 {
	background: url('/newi/m_active.gif') no-repeat;
	
 }
#steps div.ma a
 { 
  color: #252d39;
 }
#steps div.ms i
 {
  float: left;
	display: inline;
	margin-left: 23px;
	color: #374255;
	font: 11px 'Tahoma';
	font-weight: bold;
	margin-top: 3px;
	width: 85px;
 }
#steps div.ms i a
 {
	color: #374255;
	font: 11px 'Tahoma';
	font-weight: bold;
	text-decoration: none;
 }
#steps div.ms b
 {
  float: left;
	display: inline;
	margin-left: 23px;
	color: #374255;
	font: 11px 'Tahoma';
	width: 85px;
	margin-top: 2px;
 }
#steps div.ms b a
 {
  color: #374255;
	font: 11px 'Tahoma';
	text-decoration: none;
 }
#steps div.ls
 {
  float: left;
	width: 128px;
	height: 63px;
	background: url('/newi/lstep.gif') no-repeat;
 }
#steps div.la
 {
	background: url('/newi/l_active.gif') no-repeat;
 }
#steps div.ls b
 {
  float: left;
	display: inline;
	margin-left: 23px;
	color: #374255;
	font: 11px 'Tahoma';
	font-weight: bold;
	width: 99px;
	margin-top: 2px;
 }
#steps div.ls b a
 {
  color: #374255;
	font: 11px 'Tahoma';
	text-decoration: none;
 }
#steps div.ls i
 {
  float: left;
	display: inline;
	margin-left: 23px;
	color: #374255;
	font: 11px 'Tahoma';
	font-weight: bold;
	margin-top: 3px;
	width: 99px;
	
 }
#steps div.ls i a
 {
  color: #374255;
	font: 11px 'Tahoma';
	font-weight: bold;
	text-decoration: none;
 }

#travellers_list {
  padding: 0 !important; 
	margin: 0 !important; 
} 
 
.passenger_names .column_title {
  float: left; 
  margin: 8px 0 5px 0;
}
 
.passenger_row {
  float: left; 
	width: 100%; 
	height: 31px; 
	overflow: hidden;
} 

.passenger_section {
  font-weight: bold; 
	text-transform: uppercase; 
	font-size: 11.5pt;
	color: #082952;
}

.passenger_names .caption_holder,  
.passenger_row .caption_holder {
  float: left; 
	font-weight: bold; 
	text-transform: capitalize; 
	width: 91px; 
	height: 31px; 
	line-height: 22px;
}

.passenger_names .input_holder,  
.passenger_row .input_holder {
  float: left;  
	height: 31px;
}

.passenger_names .title_holder,  
.passenger_row .title_holder {
  width: 56px;
}

.passenger_names .name_holder,  
.passenger_row .name_holder {
  width: 134px;
	overflow: hidden;
}

.passenger_names .age_holder,  
.passenger_row .age_holder {
  width: 110px;
	width: 78px;
	overflow: hidden;
}

.passenger_addon_services {
  float: left; 
	width: 100%; 
	background: #f3f5f5;
	padding: 3px 0;
	margin-bottom: 8px;
}

.passenger_addon_title {
  float: left; 
	width: 100%;
	height: 26px;
	line-height: 26px;
	font-weight: bold;
	text-indent: 10px;
}

.passenger_addon_service {
  float: left; 
	width: 100%;
	height: 26px;
	line-height: 26px;
}

.passenger_addon_caption {
  float: left; 
	width: 220px;
	text-align: right;
	height: 26px;
	line-height: 26px;
	text-indent: 10px;
	margin-right: 10px;
}

.ski_travellers {
  float: left;
	width: 98%;
  background: #F9F9F9;
	background: #ffffff;
  padding: 8px 5px 0 5px;
	margin-bottom: 2px;
}

.passenger_notes_row {
  font-weight: bold;
	color: red;
  padding: 8px 5px 0 5px;
	margin-bottom: 8px;
}

div#bookingform .odd {
  background: #e7e7e7;
}

div#bookingform .even {
  background: #fafafa;
}

.clearfix {
 float: left;
 /* display: -webkit-box; */     /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;      /* TWEENER - IE 10 */
  /* display: -webkit-flex; */    /* NEW - Chrome */
  /* display: flex;*/             /* NEW, Spec - Opera 12.1, Firefox 20+ */
 width: 100%;
}

.clearfix2 {
 float: left;
 width: 100%;
}