/* ============================================================================================================================================================ Progress Line  */
ol, ol.progress-line {
margin: 0;
padding: 0px 0px 15px;
list-style-type: none;
height: 100%;
background-color: #fff;
}

.lt-ie9 ol.progress-line {
margin-left: -2.5%;
width: 110%;
}

ol.progress-line li {
display: inline-block;
text-align: center;
line-height: 3.5em;
font-size: 16px;
position:relative;
}
ol.progress-line li .progress-bar{
	position:absolute;
	left:50%;
	right:auto;
	width:100%;
	height:1px;
	bottom:0;
	border-bottom: 2px dotted #ccc;
}
/*ol li, ol.progress li {display: inline; }*/

ol.progress-line[data-progress-steps="2"] li { width: 49%; }
ol.progress-line[data-progress-steps="3"] li { width: 33%; }
ol.progress-line[data-progress-steps="4"] li { width: 24%; }
ol.progress-line[data-progress-steps="5"] li { width: 19%; }
ol.progress-line[data-progress-steps="6"] li { width: 16%; }
ol.progress-line[data-progress-steps="7"] li { width: 14%; }
ol.progress-line[data-progress-steps="8"] li { width: 12%; }
ol.progress-line[data-progress-steps="9"] li { width: 11%; }

ol.progress-line li.progress-done {
/*color: red;*/
/*counter-increment: step-counter;*/
/*
border-bottom: 2px solid #ccc;
*/
color:#333;
}
ol.progress-line li.progress-done .progress-bar{
border-bottom: 2px solid #ccc;
}
ol.progress-line li.progress-done.inprogress .progress-bar{
	border-bottom: 2px dotted #ccc;
}
ol.progress-line li:last-child .progress-bar{
border-bottom: none !important;
display: none;
}

/* to support browsers not supporting :last-child */
ol.progress-line li.last-step .progress-bar{
border-bottom: none !important;
display: none;
}
ol.progress-line li.progress-done:before {
/*color: red;*/
/*content: counter(step-counter);*/
/*margin-right: 5px;*/
}


ol.progress-line li.progress-todo {
color: #333;
/*
border-bottom: 2px dotted #ccc;
*/
}

ol.progress-line li:after {
/*content: "\00a0\00a0";*/
content: '';
}
ol.progress-line li:before {
position: absolute;
bottom: -10px;
/*
float: left;
*/
right:50%;
left: 50%;
margin:0 auto;
line-height: 1em;
z-index:1;
}
ol.progress-line li.progress-done:before {
/*content: "\2713";*/
/*content: '';*/
content: '\f00c';
font-family: arial, helvetica, sans-serif;
color: white;
background-color: #0061aa;
border: 2px solid #0061aa;
height: 1.2em;
width: 1.2em;
line-height: 1.2em;/*border: none;*/
border-radius: 1.2em;
}
ol.progress-line li.progress-done.inprogress{
	font-weight:700;
}
ol.progress-line li.progress-done.inprogress:before {
content: '';
}

ol.progress-line li.progress-todo:before {
/*content: "\039F";*/
content: '';
color: black;
background-color: #FFF;
border: 2px solid #0061aa;
font-size: 1.2em;
/*
bottom: -2em;
*/
height: 1.2em;
width: 1.2em;
line-height: 1.2em;
/*border: none;*/
border-radius: 1.2em;
}

/* ============================================================================================================================================================ Duration Bar */
#duration-bar{
	width:100%;
	height:3em;
	box-sizing:border-box;
	border:2px solid #0061aa;	
	text-align:center;
	margin-bottom:1em;
}
#duration-bar li{
	display:block;
	width:20%;
	border-right:2px solid #0061aa;
	box-sizing:border-box;
	height:100%;
	position:relative;
	float:left;
}

#duration-bar li:last-child{ border-right:none; }

#duration-bar li.current{
	background-color:#c2dcf0;
}

#duration-bar li.current a{
	color:#333;
	font-weight:bold;
}

#duration-bar li a{
	line-height:41px;	
	text-decoration:none;
	color:#333;
}

#duration-bar li a:hover{
	font-weight:bold;
	color:#0061aa;
	background-color:transparent;
}

/* ============================================================================================================================================================ Search Results */
.show,
a.show,
a.seefeatures {
background-image: url(../images/icons/arrow-down.png);
background-repeat: no-repeat;
background-position: right center;
padding-right: 20px;
/*text-decoration: none;*/
}

.moreresults > a {
background-color: #e5f2f9;
display: block;
padding: 10px 0;
text-align: center;
}

.moreresults > a:after { 
background: #e5f2f9 url(../images/icons/arrow-down.png) no-repeat center center;
content: ''; 
padding-right: 20px;
}

.moreresults { margin-bottom: 30px; }

.searchresults {
float: left;
color: #0061aa;
font-size: 24px;
}

#resultsrow .edit {
float: left;
margin: 6px 10px; 
}

/* formcompare */
#formcompare { 
float: right; 
/*width: 37.5%;*/
margin-top: -10px;
width: 430px;
}

#formcompare .checkboxes { 
float: left;
margin-top: 0; 
} 

#formcompare input[type="submit"],
#formcompare button { float: right; } 

#formcompare label[for=pricewithtaxes] { margin-right: 0; }

#formcompare input[type="submit"] {
width: 216px;
height: 53px;
}

#formcompare label[for=pricewithtaxes] {
width: 200px;
height: 53px;
line-height: 30px;
}


#formcompare .checkboxes label:before {
left: 5px;
top: 16px;
}

/* arrow box */
#editsearchform,
.features-show {
background: #FFF;
border: 2px solid #396582;
clear: both;
height: 100px;
padding: 15px 8px;
position: relative;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5);
-moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5);
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5);
}

.features-show { 
height: auto; 
}

#editsearchform:after, #editsearchform:before,
.features-show:after, .features-show:before {
bottom: 100%;
left: 50%; /* arrow position */
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}

.features-show.one:after,
.features-show.one:before { left: 25%; }
.features-show.two:after,
.features-show.two:before { left: 75%; }



#editsearchform:after,
.features-show:after {
border-color: rgba(255, 255, 255, 0);
border-bottom-color: #FFFFFF;
border-width: 10px;
margin-left: -10px;
}

#editsearchform:before,
.features-show:before {
border-color: rgba(57, 101, 130, 0);
border-bottom-color: #396582;
border-width: 13px;
margin-left: -13px;
}
#editsearchform select{
	background-color:#fff;
	border:1px solid #A9A9A9;
}

#editsearch .form-group {
float: left;
margin-right: 10px; 
}

#editsearch .form-group:first-of-type,
#editsearch .form-group:nth-of-type(2),
#editsearch .form-group:nth-of-type(3) { width: 16%; }

#editsearch .form-group:nth-of-type(4) { width: 8%;} 
#editsearch .form-group:nth-of-type(5),
#editsearch .form-group:nth-of-type(6),
#editsearch .form-group:nth-of-type(7) { width: 6%;} 

#editsearch .form-group select,
#editsearch .form-group input[type="text"] { width: 100%; }

#editsearch input[type="submit"] {
float: right;
width: 16%;
}
#editsearch label{
	font-size:18px;
}
label[for=editdeparturecity],
label[for=editdestination],
label[for=editdepartdate],
label[for=editnumberofdays],
label[for=editnumberofrooms] { margin-top: 15px; }
#editsearch input[type="submit"] { margin-top: 30px; }

.hide { display: none; }

.edit .show.andhide, { background-image: url(../images/icons/arrow-up.png); }

/* ============================================================================================================================================================ Vertical Booking Box */


#shopping {
    font-size: 14px;
}

#shopping .form-group { margin-right: 0; margin-left: 0; }
#shopping .form-control-ages {
    padding-left: 0;
    width: 49%;
    display: inline;
}

#shopping .phone { font-size:2em; font-weight:bold; }
#shopping select { padding-left:0; }
#shopping .childrenAges { margin-bottom: 15px; }
            
.shoptype .glyphicons {font-size:2em;}
.shoptype a {
    font-size: 0.8em;
    padding: 10px 0 !important;
}

            
.aoshow .fa, .aohide .fa {padding-left:0.5em;}

#shopping .date {
    border-bottom-width: 0px;
}
#shopping label {
    font-weight:normal;
    margin-bottom: 1px;
}

#DepartureDateGroup, #ReturnDateGroup {
    font-weight: normal;
}

#shopping #gatewaySF, #departuredate, #returndate, #txthotelpref {
    padding-left: 3px !important;
}

/* ============================================================================================================================================================ Horizontal Booking Box */

#shopping .form-group { margin-right: 0; margin-left: 0; }
#shopping .phone {font-size:2em; font-weight:bold;}
            
#shopping select {padding-left:0;}
            

            
.form-control-ages-horiz { width: 3em; display: inline; }
            
.searchbox {border:1px solid #0061aa;}

            
i.fa {padding-left:0.5em;}


/* ============================================================================================================================================================ Signup Footer */
/* Use id to prevent that styles apply to other form elements on the page */
#boxSignupFooter .form-group { width: 44%; float: left; height: 65px; margin-bottom: 10px; }
#boxSignupFooter .form-group:nth-of-type(odd) { margin-right: 6%; }

#boxSignupFooter input[type="text"], 
#boxSignupFooter input[type="email"], 
#boxSignupFooter input[type="password"], 
#boxSignupFooter select 
{ 
	border: 1px solid #ccc; 
	width: 100%;
	font-family: 'PT Sans', Arial, sans-serif; 
	font-size: 16px; 
	padding: 10px 0; 
	text-indent: 10px;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	-ms-box-sizing: border-box; 
	box-sizing: border-box; 
}

#boxSignupFooter label { display: block; font-weight: 700; font-size:14px;}

#boxSignupFooter .checkbox {margin-top:0;}
#boxSignupFooter .checkbox label { font-weight:400; background-color: #ecebe6; border: 1px solid #ecebe6; padding: 5px 15px 10px 28px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
#boxSignupFooter .checkbox label:hover { background-color: #ecebe6; border: 1px solid #0061aa; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

#boxSignupFooter button { background: #0061aa; border: 2px solid #0061aa; color: #FFF; cursor: pointer; display: block; font-family: 'PT Sans', Arial, sans-serif; font-size: 18px; font-weight: 700; height: 42px; line-height: 21px; text-decoration: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none;}
#boxSignupFooter button:hover, input[type="submit"]:hover { background: #FFF; color: #0061aa; }
#boxSignupFooter button.arrow, input[type="submit"].arrow { background-image: url(/media/vacexpress/images/angle-right-white.png); background-position: 99% center; background-repeat: no-repeat; }
#boxSignupFooter button.arrow:hover, input[type="submit"].arrow:hover { background-image: url(/media/vacexpress/images/angle-right.png); }
#boxSignupFooter button { width: 200px; }

#boxSignupFooter button { -webkit-transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-out; -o-transition: all 0.25s ease-out; transition: all 0.25s ease-out; }

#errSignupFooter { background: url(/media/vacexpress/images/required-red.png) no-repeat center left; color: #646464; padding-left: 24px; }
#boxSignupFooter .requiredField { background-color:rgba(243, 111, 33, 0.55); }

/* */
.scrollup { position: fixed; bottom: 50px; right: 50px; display: none; color: #444; }
.scrollup .fa {padding-right:0.5em;}
.lnop {padding:0;}





.ui-autocomplete {font-size:14px; text-align:left;}