/* print only styles */
.printonly {  display: block; visibility: visible;  }
.noprint { display: none; visibility: hidden; position: absolute; top: -1000em; left: -1000em;  }

/* flash text replacement (sifr) - REMOVE IF NOT USING */
.sIFR-flash {  display: none !important;  height: 0;  width: 0;  position: absolute;  overflow: hidden;}
.sIFR-alternate {  visibility: visible !important;  display: block !important;  position: static !important;  left: auto !important;  top: auto !important;}

/* common styles */
body {font-size: 62.5%; font-family: arial,verdana,sans; padding:0; margin:0; background:#ffffff url(/images/backgrounds/hr-dropshadow.gif) repeat-x left 120px; color:#000000;}
form,ul,dl,dd,dt,h1,h2,h3,h4 {padding:0; margin:0;}
h1 {font-size:2.2em; padding: 0 0 0.4em 0;  font-family:arial,verdana,sans;  }
h2 {font-size: 1.6em; color:#8c9d26; padding: 0.7em 0 1.3em 0;  font-family:arial,verdana,sans;}
h3 {font-size: 1.4em; padding: 0.7em 0 1.3em 0; }
h4 {font-size: 1.1em; padding: 0 0 1em 0; }
h1,h2,h3,h4 {line-height:1em;}
h1.paging { float:left; width:300px;}
p {margin: 0 0 0.5em 0; padding: 0; font-size:1.2em; line-height:1.5em;}
.scp p {margin:0 0 2.0em 0;}

table {border-collapse:collapse;}
th {text-align:right;font-weight:normal;vertical-align:top;}

hr {background:#ffffff url(/images/backgrounds/bg_hr.png) no-repeat left top; color:#ffffff; height:15px; border:0; margin:0; padding:0; display:block; border-collapse:collapse;}
.hr {background:url(/images/backgrounds/bg_hr.png) repeat-x left top; height:15px;}
.hr hr {display:none;}

/* other styles*/
.hr {background:none;}
body {background:none;}

/* Checkout print version*/
.checkout {float: left; position: relative; width: 100%;}
.checkout span {font-size: 0.9em}
.checkout span.required {color: red}
.checkout span.sublabel {float: right; font-weight: normal; font-size:0.765em;}
.checkout div.pagetabs { width: 100%; font-size: 0.8em; height: 33px;}
.checkout div.pagetabs li a {padding-left: 14px !important}
.checkout h1 {float: left; line-height: 1.4em}
.checkout h3 {color: #8C9D26; margin: 1em 0 0; padding:0;}
.checkout h3 span {color: #000; font-size: 0.8em; font-weight: normal}
.checkout p {font-size: 1.0em; margin: 1.0em 0}
.checkout div.steps {color: #000; font-size: 1.6em; font-weight: bold; float: right; margin-right: 10px}
.checkout div.steps span {color: #fff; line-height: 30px; padding: 0 12px; display: inline-block; width: 7px; height: 30px; background: url(/images/backgrounds/bg_checkoutStepOff.png) no-repeat 0 0; margin: 1px}
.checkout div.steps span.on {color: #000; background-image: url(/images/backgrounds/bg_checkoutStepOn.png) }
.checkout div.inline-selection {width: 100%}
.checkout div.inline-selection select {margin: 0 20px}
.checkout div.hr {background-image: url(/images/backgrounds/bg_hr2.png)}
.checkout div.cards {background: white; border: solid 1px #abadb3; width: 220px; height: 120px; padding: 10px; font-size: 0.8em; font-weight: bold}
.checkout div.address p {float: left; margin:8px 0 10px 0; font-size: 1.0em}
.checkout div.address label {float: left; margin: 8px 0 10px 0; font-weight: normal}/**/
.checkout div.summary label {width: 115px}
.checkout p.terms label {font-size: 0.75em; font-weight:normal}

.checkout .innerform {position: relative; padding-top: 20px; width: 240px; float: left; margin-right: 92px}
.checkout .innerform label {font-weight: bold;}
.checkout .innerform .checkbox label {font-weight: normal;}
.checkout .innerform input.text, .checkout-mid .innerform select, .checkout-mid .innerform textarea {width: 240px; border: solid 1px #abadb3; }
.checkout .innerform input.checkbox {clear: both; width: 20px; margin-bottom: 14px; display: block}
* + html .checkout .innerform span.sublabel {float: none; position: absolute; right: 0}
.checkout .innerform input.tiny {width: 63px; float: left}
.checkout .innerform select.tiny {width: 60px; margin-right: 10px; float: left}
.checkout .innerform select.small {width: 90px; margin-right: 10px; float: left}
.checkout .innerform select.medium {width: 165px; margin-right: 10px; float: left}
.checkout .innerform textarea {height: 60px}
.checkout .innerform span.info {position: absolute; right: -20px; display: block; padding-top:5px;}
.checkout .innerarea {margin: 0 0 10px 0; width: 45%; float: left; background: #f9f9f9; padding: 10px 5px 10px 5px;} /**/
.checkout .address label {width:25px !important;} /**/
.checkout .innerarea label { display: inline-block; line-height: 20px}
.checkout .innerarea span {font-weight: bold; display: inline; line-height: 2.5em; font-size: 1.0em}
.checkout .innerarea p {font-weight: normal; display: block; float: left; line-height: normal}

.checkout div.paymentmethod {float: left !important; border: solid 1px red; background: #f2f2f2; padding: 10px; width: 100%; margin: 4px}
.checkout div.paymentmethod h4 {font-size: 1.0em; color: #cd2525; font-weight: bold; margin: 0; padding: 0}
.checkout div.paymentmethod p {font-size: 0.9em; margin: 2px 0 0 0; padding: 0}
.checkout div.total {float: right; text-align: left; margin-left: 15px; padding-right:10px; width: 215px; font-size: 1.1em}
.checkout div.total label {font-weight: bold; display: inline-block; width: 110px; text-align:left; line-height: 2.0em}
.checkout div.total span {display: inline-block; width: 100px; text-align: right}
.checkout div.note {float: none; clear: both; border: solid 1px red; background: #f2f2f2; padding: 10px; width: auto; margin: 4px}
.checkout div.note h4 {font-size: 1.0em; color: #cd2525; font-weight: bold; margin: 0; padding: 0}
.checkout div.note p {font-size: 0.9em; margin: 2px 0 0 0; padding: 0}

.checkout div.travellers {border-top: solid 1px #c9c9c9;}
.checkout div.travellers table {width: 100%; border-bottom:solid 1px #c9c9c9; margin-bottom:10px;}
.checkout div.travellers table tr td {line-height: 2.0em;}
.checkout div.travellers table .last {text-align: right}
.checkout-top {float: left; border: solid 1px #8C9D26; width: 100%;}
.checkout-top .content {border: 0; padding: 0 5px; font-size: 1.2em; width:100%; clear:both; overflow:hidden;} /**/
.checkout-top .content h2 {color:#8C9D26; font-size: 1.4em; margin: 0; padding: 0.8em 0}

#travellers {position:relative; clear:both;}
.checkout-mid {float: left; position: relative; z-index: 100; width: 100%; background:#f8f8f8 url(/images/backgrounds/bg_checkoutGreyTop.png) repeat-x 0 0;}

.checkout-bot {float: left;position: relative; z-index: 100; background: url(/images/backgrounds/bg_checkoutBot.png) no-repeat 0 0; width: 100%; height: 76px}
.checkout-bot .content {display: inline; width:100%; border: 0; padding: 37px 15px 0 15px; font-size: 1.2em; font-weight: bold}
.checkout-bot .content .btn {float: right; display: inline-block }
.checkout-bot .content .btn .btn-red {padding-left: 25px; padding-right: 15px}

.checkout.step3 .checkout-mid .content {border: 0; margin-top: 10px; padding: 0 15px; font-size: 12px}
.checkout.step2 div.inline-selection {height: 40px; padding-top: 20px}
.checkout.step3 div.inline-selection {height: 40px}
.checkout.step3 div.checkout-top div.innerarea {min-height: 95px}
.checkout.step3 div.paymentmethod {line-height: 2em; background: none; width: 214px; clear:none;}
.checkout.step3 div.total {line-height: 2em; font-size: 1.3em; width: 235px}
.checkout.step3 div.total label {width: 130px}
.checkout.step3 div.breakdown {background: none}
.checkout.step3 div.breakdown h4 {margin: 2em 0 0 0}
.checkout.step3 div.breakdown label {width: 150px}
.checkout.step3 div.hr { margin:0 1px; width:100%;background-image: url(/images/backgrounds/bg_hr.png)}

.tourspotlight {clear:both; width:100%; padding:0 10px;}
.tourspotlight ul {padding-left:25px;}