/***********************************/
/**        BASE STYLES         **/
/***********************************/

body {margin: 0; padding: 0;}
h1, h2, h3, p {margin: 0; padding: 0;}
img {border: none;}

/*************/
/*   FONTS   */
/*************/
/* GLOBAL FONTS */

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: url(../../../fonts/roboto/v8/grlryt2bdKIyfMSOhzd1eA.woff) format('woff');
}
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    src: url(../../../fonts/roboto/v8/vxNK-E6B13CyehuDCmvQvw.woff) format('woff');
}
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    src: url(../../../fonts/roboto/v8/d-QWLnp4didxos_6urzFtg.woff) format('woff');
}

body {font-family: "Arial", "Roboto", "Book Antiqua3", Palatino, serif; font-size: 73%; font-style: normal; font-weight: normal;}

body{
	font-size /*\**/:70%\9;
}

/* FONT SIZE */
h1 {font-size: 1.7em;}
h2 {font-size: 1.3em;}
.column_title h2{font-size: 1em; padding: 4px 0 0 10px;}
.option_title h2{font-size: 1em; padding: 3px 0 0 10px; text-decoration: underline;}
h3, h4 {font-size: 1.1em;}
input, select, textarea {font-size: 1em; border: 1px solid #c0c0c0; font-family: inherit; }
textarea {font-size: 1.0em; font-family: Arial, Tahoma, Helvetica, sans-serif; }
.formfill input, .formfill select, .payments input, .payments select{padding-left: 3px;}
.radio input, .checkbox input{border: none; padding-left: 0;}
input[type=checkbox], input[type=radio] {border: none;}

/********/
/* TEXT */
/********/
body, a {color:#000;}

a.normal {color: #004080; font-weight: bold}

/* TEXT DECORATION */
a {text-decoration: none; outline: none;}
a:hover {text-decoration: underline;}

/* TEXT ALIGN */
table th, table td {text-align: left;}

/***********/
/*  LISTS  */
/***********/
ul {margin: 0; padding: 0; list-style: none;}

/***********/
/* BORDERS */
/***********/
h1 {border-color:#000;}
fieldset {border-color:transparent;}

#wrapper {margin:0 auto; text-align: left; position: relative; padding:10px; }

#col-two-three {text-align: left; /* ie4 fix needed due to float:right; */}

/******************/
/*     FORMS      */
/******************/
form {display: inline; margin: 0;}
input, select {vertical-align: middle;}
radio, checkbox {vertical-align: middle; float: left;}
legend {display: none;}
fieldset {margin: 0; border-style: solid; border-width: 0; margin-bottom: 1em; clear: both; padding: 0;}
fieldset label {float: left;}
fieldset div div {clear: none; float: left;}
fieldset div {clear: both;}

/******************/
/* COMMON CLASSES */
/******************/
.bold {font-weight: bold;}
.first {border-left: 0;}
.hide {display: none;}
.hidden {visibility: hidden;}
.show {visibility: visible;}
.left {float: left;}
.right {float: right;}
.red{color: #FF0000;}
.clear-all {clear: both; height: 0; line-height: 0; font-size: 0;}

/***********************************/
/**          PAGE STYLES          **/
/***********************************/
body {background-color: #FFF;}
#wrapper {width: 990px; margin-bottom: 10px;}
#popup{background: url(../../../frontend/images/bg_popup.png); padding: 10px;}
#popup h2{padding: 5px 10px; font-size: 1em;}
#popup .popup-detail{padding: 0 10px 10px 10px;}
#popup .popup-detail p{margin: 10px 0 0 0;}
#optional{width: 650px;}
#optional input{border: none;}
#optional #optlist{overflow-y: auto; overflow-x: hidden; background: transparent;}
#optional #optlist table{width: 605px; margin: 20px 15px;}
#optional #optlist table th{height: 50px; padding: 0 10px; vertical-align: top;}
#optional #optlist table th h3{margin: 7px 0 7px 0;}
#optional #optlist table th p{font-weight: normal; margin: 0;}
#optional #optlist table td{padding: 10px 5px; vertical-align: top;}
#optional #optlist table td h4{margin: 0 0 10px 0;}
#optional #optlist table td div.qty,#optional #optlist table td div.price{float: left; margin: 5px 10px 0 0; }
#optional #optlist table td div.qty p,#optional #optlist table td div.price p{margin: 5px 0 0 0;}
#optional #optlist table td label{font-weight: bold;}
#optional #buttons{text-align: right; margin: 25px 25px;}

/*div.optional input{border: none; }*/
/*div.optlist{height: 423px; overflow-y: auto; overflow-x: hidden; background: transparent; }*/
/*div.optlist table{width: 605px; margin: 20px 0px;}*/
/*div.optlist table th{height: 50px; padding: 0 10px; vertical-align: top;}*/
/*div.optlist table th h3{margin: 7px 0 7px 0;}*/
/*div.optlist table th p{font-weight: normal; margin: 0;}*/
/*div.optlist table td{padding: 10px 5px; vertical-align: top;}*/
/*div.optlist table td h4{margin: 0 0 10px 0;}*/
/*div.optlist table td div.qty,#optional #optlist table td div.price{float: left; margin: 5px 10px 0 0;}*/
/*div.optlist table td div.qty p,#optional #optlist table td div.price p{margin: 5px 0 0 0;}*/
/*div.optlist table td label{font-weight: bold;}*/
/*div.buttons{text-align: right; margin: 25px 25px;}*/

#header {width: 990px; margin: 10px 0; position: relative; min-height: 60px;}
#step-one #col-one{width: 330px; float: right;}
#step-one #col-one div.content-col1{padding: 10px;}
#step-one #col-two-three div.content-selectdate{height: auto;}
#step-one #col-two-three div.content-selectroom{padding-bottom: 2px;}
#step-one #col-two-three{width: 654px; float: left;}
#step-one #col-two-three #selectroom{margin-top: 5px;}
#step-one .content-cart #total-left{margin: 0;}
#step-one .content-cart #total-right{margin: 0; padding: 0 10px 0 10px;}

#step-two #col-one{width: 330px; float: right;}
#step-two #col-two-three{width: 656px; float: left;}

#step-two #col-one #summary{margin: 0;}
#step-two #col-two-three #returnguest{margin-bottom: 5px;}
#step-two #col-two-three #creditcard{margin: 5px 0 0 0;}
#step-two #col-two-three #optional{margin: 5px 0 0 0;}
#step-two #col-two-three #optional2{margin: 0;}

#step-two #col-one #summary div.content-summary{padding-bottom: 10px;}
#step-two #col-two-three #billing div.content-billing{}
#step-two #col-two-three #returnguest div.content-returnguest{}

#step-two #col-two-three #creditcard div.content-payments{}
#step-two #col-two-three #optional div.content-optional{}
#step-two #col-two-three #optional2 div.content-optional{}

#step-two #col-two-three .formfill .remark {float: none; text-align: right; padding-right: 20px;}
#step-two #special-request {width: 573px;}

#footer{width: 988px; height: 48px; margin: 5px 0 0 0;}

/***********************************/
/**        LAYOUT STYLES         **/
/***********************************/

/* HEADER */
.logo{width: 250px; float: left;}
.logo img{margin: 7px 0 0 0;}
.step{position: absolute; bottom: 0; left: 250px;}
.lang{position: absolute; bottom: 0; right: 0; }
.flag{padding-bottom: 10px;}
/*.lang ul li{float: right;}*/
.lang a{font-weight: bold; font-size: 0.9em; text-decoration: underline;}
/*.flag ul li{margin: 14px 0 8px 4px;}*/
/*.toplink ul li{padding: 2px 5px; height: 10px; line-height: 10px;}*/

/* STEP 1: Select date & Room */
.column_title{height: 22px; font-size: 1em;}
#col-two-three .content-col1{padding: 10px 0 0 10px;}
#col-two-three select.chain{width: 172px;}
#col-two-three select.chain, #col-two-three div.checkin, #col-two-three div.checkout, #col-two-three div.guestamt{margin-left: 2px;}
#col-two-three #slider{display: none;}
#col-two-three div.chain{padding: 15px 0 0 29px;}
#col-two-three div.chain span{font-weight: bold; margin: 0 2px;}
#col-two-three div.chain select{min-width: 280px;}
#col-two-three div.checkinout{padding: 15px 0 0 10px; float: left;}
#col-two-three div.checkinout span{font-weight: bold;  /*font-size: 11px;*/}
/*Overwrite By Nixava*/
#col-two-three div.checkinout input.checkindate, #col-two-three div.checkinout input.checkoutdate {width: 75px; height: 17px; padding: 0 5px;}
#col-two-three div.checkinout .calendar img{vertical-align: top; margin: 0 10px 0 0;}
#col-two-three div.checkavail{float: right; margin: 5px 5px 0 0;}
#col-two-three div.checkin h2, #col-two-three div.checkout h2{margin: 0 0 5px 0; font-size: 1.1em; text-transform: uppercase;}
#col-two-three .selectdate select, #col-two-three div.calendar{float: left; margin-right: 3px;}
#col-two-three .selectdate select.arriveday{width: 70px;}
#col-two-three .selectdate select.arrivemonth{width: 80px;}
#col-two-three div.guestamt{width: 172px; margin-top: 25px;}
#col-two-three div.guestamt table{border-spacing: 0; width: 100%;}
#col-two-three div.guestamt table th{padding-left: 10px;}
#col-two-three div.guestamt table td{width: 40px; height: 20px;}
#col-two-three div.guestamt table td span{margin-left: 5px;}
#col-two-three div.guestamt table select{width: 40px; height: 20px;}
#col-two-three div.chart{float: right; margin: 3px 10px 0 0;}
#col-two-three div.chart a{text-decoration: underline; font-size: 1em;}
/*#col-two-three div.chain{padding: 15px 0 0 85px;}*/
/*#col-two-three div.chain select{min-width: 280px;}*/

#col-two-three .number1 h2, #col-two-three .number2 h2{float: left;}
#col-two-three .number2 div.note{height: 20px; float: right; margin: 0 5px 0 0;}
#col-two-three .number2 div.note label{float: left; margin: 3px 0 0 0; font-weight: bold;}
#col-two-three .number2 div.note ul li{float: left; margin: 3px 0 5px 8px; height: 12px;}
#col-two-three .number2 div.note ul li img{margin-right: 3px; vertical-align: bottom;}
#col-two-three .number2 div.note ul li span{line-height: 12px;}
#col-two-three .number2 div.note ul li.avgrate{text-decoration: underline; margin-left: 10px;}
#col-two-three div.rmtype{width: 644px; margin: 2px 0 0 2px; padding: 0 2px 0 2px;}
#col-two-three div.rmtypeopen{padding-bottom: 2px;}
#col-two-three table.rmtypetable{width: 646px; height: 56px;}
#col-two-three div.rmtype table.rmtypetable td.maxguest{text-align: right; vertical-align: top; padding: 0 5px 0 0;}
#col-two-three div.rmlist{width: 644px; padding: 0;}
#col-two-three div.rmlist span.bestprice{margin-left: 10px;}
#col-two-three div.rmlist .bt_addroom {width: 102px; height: 17px; text-align: center; padding: 3px 0 3px 0; font-weight: bold;}
#col-two-three div.rmlist .bt_addroom .btnicon {float: left; display: block; margin: 0 0 0 3px;}
#col-two-three div.rmlist .bt_addroom .btnicon img{vertical-align: middle;}
#col-two-three div.rmlist .bt_addroom .btntxt{line-height: 16px; display: block; float: right; width: 80px;}
#col-two-three div.rmlist .bt_reqroom {width: 102px; height: 17px; text-align: center; padding: 3px 0 3px 0; font-weight: bold;}
#col-two-three div.rmlist .bt_reqroom .btnicon {float: left; display: block; margin: 0 0 0 3px;}
#col-two-three div.rmlist .bt_reqroom .btnicon img{vertical-align: middle;}
#col-two-three div.rmlist .bt_reqroom .btntxt{line-height: 16px; display: block; float: right; width: 80px;}
#col-two-three table.rmlisttable{width: 644px;}
#col-two-three div.rmtype table.rmtypetable td{font-size: 1.1em;}
#col-two-three div.rmtype table.rmlisttable td{padding: 8px 0;}
#col-two-three div.rmtype table.rmlisttable td.description{width: 330px; font-size: 1.1em; padding: 1px 0 1px 10px; height: 40px; vertical-align: middle;}
#col-two-three div.rmtype table.rmlisttable td.price{width: 120px; padding: 0 5px; font-size: 1.1em; text-align: center}
#col-two-three div.rmtype table.rmlisttable td.details{width: 95px; font-size: 1.1em; text-align: center;}
#col-two-three div.rmtype table.rmlisttable td.details a{text-decoration: underline; padding: 0 5px;}
#col-two-three table.rmlisttable .avgrate{font-size: 0.8em;}
#col-two-three div.rmtype table.rmlisttable td.btnadd{width: 105px; font-size: 1.1em;}
#col-two-three div.rmtype table.rmlisttable td.ratedetails{padding: 0;}
#col-two-three div.rmtype table.rmlisttable td.ratedetails h3{font-size: 1em;}
#col-two-three div.rmtype table.rmlisttable td.ratedetails div.ratesbd{margin: 10px 2px 5px 0;}
#col-two-three div.rmtype table.rmlisttable td.ratedetails div.ratesbd h3{text-align: center;}
#col-two-three div.rmtype table.rmlisttable td.ratedetails div.ratesbd table{width: 207px; margin: 5px 0 0 0;}
#col-two-three div.rmtype table.rmlisttable td.ratedetails div.ratesbd th, #col-two-three div.rmtype table.rmlisttable td.ratedetails div.ratesbd td{padding: 5px;}
#col-two-three div.rmtype table.rmlisttable td.ratedetails div.ratesbd td.date{width: 60px; text-align: left;}
#col-two-three div.rmtype table.rmlisttable td.ratedetails div.ratesbd td.abf{width: 35px; text-align: center;}
#col-two-three div.rmtype table.rmlisttable td.ratedetails div.policy{width: 380px; float: left; margin: 10px 0 0 20px;}
#col-two-three div.rmtype table.rmlisttable td.ratedetails div.policy p{margin: 0 0 10px 0;}
#col-two-three div.rmtype table.rmlisttable td.ratedetails div.ratesbd{width: 210px; float: right;}
#col-two-three div.rmtype table.rmlisttable td.ratedetails div.ratesbd th.rate, #col-two-three div.rmtype table.rmlisttable td.ratedetails div.ratesbd td.rate{text-align: right;}
#col-two-three div.rmtype table.rmlisttable td.ratedetails div.ratesbd th.abf{text-align: center;}
#col-two-three div.rmtype table.rmlisttable td.ratedetails div.ratesbd p.remark{margin: 5px; font-size: 0.9em;}
#col-two-three div.rmtype table.rmlisttable td.ratedetails div.ratesbd span.compul{color: #991111;}
#col-two-three div.rmtype table.rmlisttable td.ratedetails div.spot{color: #63bc43;}
#col-two-three div.rmtype table.rmlisttable td.ratedetails div.spot img{vertical-align: middle; margin-right: 5px;}
#col-two-three div.rmtype table td.rmadult{text-align: center; padding-top: 3px;}
#col-two-three div.rmtype table td.rmchild{text-align: center; padding-top: 3px;}
#col-two-three div.rmtype table td.rmstatus{width: 32px; padding-left: 30px;}

#col-two-three div.roomtype{height: 345px; overflow-y: auto; overflow-x: hidden; background: transparent;}
#col-two-three div.package{height: 341px; overflow-y: auto; overflow-x: hidden; background: transparent;}
#col-two-three div.roomtype table, #col-two-three div.package table, #col-two-three div.enhancement table{width: 100%; border-spacing: 0;}
#col-two-three div.roomtype table td{height: 40px; line-height: 15px;}
#col-two-three div.roomtype table td.radio{width: 25px; padding-left: 5px;}
#col-two-three div.roomtype table td.rmprice{width: 100px; text-decoration: underline;}
#col-two-three div.roomtype table td.rmstatus{width: 25px;}
#col-two-three div.roomtype span.promotion{font-weight: bold;}
#col-two-three div.roomtype span.promotion a:hover{text-decoration: none;}
#col-two-three div.roomtype span.promotion img{vertical-align: middle;}
#col-two-three div.package select{height: 20px;}
#col-two-three div.package table td{padding: 10px 0;}
#col-two-three div.package table td.radio{width: 20px; padding: 15px 5px; vertical-align: top;}
#col-two-three div.pkdetails{height: 70px;}
#col-two-three div.selection{height: 35px;}
#col-two-three div.pkdetails div, #col-two-three div.selection div{float: left;}
#col-two-three div.pkdetails .img{width: 60px; height: 60px; margin: 0 10px 5px 0;}
#col-two-three div.pkdetails .desc{height: 70px; padding-right: 15px;}
#col-two-three div.pkdetails .desc h2{font-size: 1em; font-weight: normal; margin-bottom: 5px;}
#col-two-three div.pkdetails .desc p{margin:1px 0 0 0; font-size: 0.9em;}
#col-two-three div.pkdetails .desc a{text-decoration: underline;}
#col-two-three div.pkdetails .pkstatus{padding: 4px 0 0 24px;}
#col-two-three div.selection .pkroom{width: 160px;}
#col-two-three div.selection .pkroom label{font-size: 0.9em; margin-bottom: 3px;}
#col-two-three div.selection .pkroom select{width: 150px; margin-top: 3px;}
#col-two-three div.selection .pkprice{width: 95px; font-size: 0.9em; padding-top: 10px;}
#col-two-three div.selection .notavail{padding-top: 17px;}
#col-two-three div.selection .qty{padding-top: 15px;}
#col-two-three div.selection .qty select{width: 40px;}
#col-two-three #enhance-body{}
#col-two-three div.enhance h2{padding: 5px 10px; font-weight: bold; font-size: 1em;}
#col-two-three div.enhancement{height: 120px; overflow-y: auto; overflow-x: hidden; background: transparent;}
#col-two-three div.enhancement table td{height: 40px;}
#col-two-three div.enhancement table td.qty{width: 50px; padding-left: 5px;}
#col-two-three div.enhancement table td.qty select{width: 40px; height: 20px;}
#col-two-three div.enhancement table td.enhtype{width: 260px; font-weight: bold; padding: 0 10px 0 0;}
#col-two-three div.enhancement table td.enhtype img{vertical-align: middle;}
#col-two-three div.enhancement table td.enhprice{width: 100px;}

#col-one .column_title{height: 22px; font-size: 1em;}
#col-one div.imgthumb ul li{margin: 5px 0 0 5px; float: left;}
#col-one div.imgthumb ul li.first{margin-left: 0px;}
#col-one .content-col3{padding: 15px 0 0 15px;}
#col-one .roomdesc, #col-one .roomfac, #col-one .pkgdesc{padding-top: 10px;}
#col-one .roomdesc h3, #col-one .roomfac h3, #col-one .pkgdesc h3{text-decoration: underline;}
#col-one .roomdesc p{margin-top: 5px; padding-right: 15px;}
#col-one .roomdesc a{text-decoration: underline;}
#col-one .roomdesc ul {list-style: disc inside}
#col-one .roomspec, #col-one .roomfac, #col-one .pkgdesc{padding-top: 10px;}
#col-one .roomspec h3, #col-one .roomfac h3, #col-one .pkgdesc h3{text-decoration: underline;}
#col-one .roomspec p{margin-top: 5px; padding-right: 15px;}
#col-one .roomspec a{text-decoration: underline;}
#col-one .roomfac ul{margin-top: 5px; padding-right: 15px;}
#col-one .roomfac ul li{margin: 3px 2px 0 15px; list-style: disc; float: left; width: 120px;}
#col-one .moreroominfo{margin: 0}
#col-one .moreroominfo a{text-decoration: underline;}
#col-one .pkgdesc{width: 370px; height: 320px; overflow-y: auto; overflow-x: hidden; background: transparent;}
#col-one .pkgdesc p.period{margin: 5px 0;}
#col-one .pkgdesc p.shortdesc{margin: 10px 0;}
#col-one .pkgdesc h4{margin: 20px 0 5px 0; text-decoration: underline;}
#col-one .pkgdesc ul li{margin: 5px 0; background: url(../../../frontend/images/bl_list.png) no-repeat left 4px; padding-left: 10px;}
#col-one .pkgdesc p.rmdetail{margin: 20px 0 0 0;}
#col-one .pkgdesc p.rmdetail a{text-decoration: underline; font-weight: bold;}

/* STEP 2: Payment details */
.option_title{height: 22px; font-size: 1em; width: 605px; margin-top: 10px;}
.guestdetails .option_title h2{float: left;}
.guestdetails span.samedetails{float: right; padding: 2px 10px 0 0;}
.guestdetails span.samedetails input{border: none;}
.content-guest, .content-specialreq, .content-flightinfo{width: 600px; padding: 10px 0 10px 20px;}
.content-specialreq textarea{width: 455px; height: 100px; font-size: 1.1em; font-family: Tahoma; margin: 0 0 10px 0;}
#col-one #login{height: 35px;}
#step-two #col-one #login h2{float: left; font-size: 1.2em; margin: 10px;}
#step-two #col-one #login div.btn_login{float: right; margin: 7px 10px 0 0; padding: 2px 15px 4px 15px;}
#step-two #col-one #login div.btn_login .gt{font-size: 0.8em;}
#col-one #summary #guestsum table{width: 100%;}
#col-one #summary #guestsum td{padding: 5px; font-weight: bold;}
#col-one #summary #guestsum td.room{text-align: right;}
#col-one #summary #guestsum span.period{font-weight: normal;}
#col-one #summary #guestsum span.guestamt{font-weight: normal; padding-left: 14px;}
#col-one #summary #guestsum span.price{font-weight: normal;}
#col-one #summary #changedate{margin: 10px; text-align: right;}
#col-one #summary #sumtabletotal th, #col-one #summary #sumtabletotal td{padding: 12px 10px; font-size: 1.6em; font-weight: bold; text-transform: uppercase;}
#col-one #summary #sumtabletotal table{width: 100%;}
#col-one #summary #sumtabletotal td.amount{text-align: right;}
#col-one #summary #sumtabletotal span.number{text-decoration: underline;}
#col-one #summary #sumtabletotal select{font-size: 0.8em;}
#col-one #summary #deposit{padding: 10px 10px 0 10px;}
#col-one #summary #remaining {padding: 10px 10px 0 10px;}
#col-one #summary #deposit label, #col-one #summary #remaining label{float: left; width: 200px;}
#col-one #summary #deposit span.depositamt, #col-one #summary #remaining span.remainamt{float: right;}
#col-one div.tandc{font-size: 1em; margin: 10px;}
#col-one div.tandc a{font-weight: bold; text-decoration: underline;}
#col-one div.verisign{width: 90px; float: left; font-size: 1em; font-weight: bold; margin: 0 0 0 10px;}
#col-one #buttons{float: right; margin: 5px 5px 0 0;}

#col-two-three #returnguest div.content-returnguest{padding: 10px 0 0 15px;}
#col-two-three #returnguest .yesno, #col-two #returnguest p{margin: 0 0 15px 0;}
#col-two-three #returnguest .yesno input{margin-left: 10px;}
#col-two-three #returnguest .returninfo label{width: 100px; float: left;}
#col-two-three #returnguest .returninfo input{width: 195px; margin: 0 0 5px 0;}
#col-two-three #returnguest .retbtn{float: right; margin: 10px 5px 0 0;}
#col-two-three #billing div.content-billing{padding: 10px 0 10px 15px;}
#col-two-three #billing p.title{float: left;}
#col-two-three #billing p.mandatory{float: right; margin: -10px 20px 0 0; padding-left: 8px; border-left: 2px solid #cc1818; height: 18px; line-height: 15px; font-style: italic;}
#col-two-three #billing .formfill div{float: left; margin: 0 5px 5px 0;}
#col-two-three #billing .formfill div.line1, #col-one .formfill div.line2, #col-one .formfill div.line3, #col-one .formfill div.line4{float: none; margin: 9px 0;}
#col-two-three #billing .formfill input{margin-top: 2px; height: 16px;}
#col-two-three #billing .formfill div.title{
    /*height:50px;*/
}
#col-two-three #billing .formfill select{margin-top: 2px; height: 20px;}
#col-two-three #billing .formfill div.firstname input, #col-two-three .formfill div.lastname input{width: 140px;}
#col-two-three #billing .formfill div.email input{width: 220px;}
#col-two-three #billing .formfill div.company input{width: 292px;}
#col-two-three #billing .formfill div.phone input{width: 140px;}
#col-two-three #billing .formfill div.cntry input{width: 180px;}
#col-two-three #billing .formfill div.ext input{width: 41px;}
#col-two-three #billing .formfill div.address input{width: 291px;}
#col-two-three #billing .formfill div.city input, #col-two-three .formfill div.state input{width: 90px;}
#col-two-three #billing .formfill div.zip input{width: 89px;}
#col-two-three #billing .formfill div.country select{width: 190px;}
#col-two-three #billing .formfill div.flight input{width: 90px;}
#col-two-three #billing .formfill div.date input{width: 60px;}
#col-two-three #billing .formfill div.time input{width: 50px;}
#col-two-three #billing .formfill div.depart{margin-left: 0}
#col-two-three #billing div.content-flightinfo div.add, #col-two-three #billing div.content-flightinfo div.remove{margin: 20px 0 0 3px;}

#col-two-three div.payments{padding: 15px 0 15px 15px;}
#col-two-three div.payments input{height: 16px; margin-top: 2px;}
#col-two-three div.payments select{height: 20px; margin-top: 2px;}
#col-two-three div.payments div{float: left; margin: 0 5px 5px 0;}
#col-two-three div.payments div.cardtype{float: left;}
#col-two-three div.payments div.cardtype select{width: 100px;}
#col-two-three div.payments div.expire{ margin-right: 0;}
#col-two-three div.payments div.cardname{margin-right: 0;}
#col-two-three div.payments div.cardname input{width: 188px;}
#col-two-three div.payments div.cardnum input{width: 183px;}
#col-two-three div.payments div.expire select.month{width: 50px; padding: 0;}
#col-two-three div.payments div.expire select.year{width: 60px; padding: 0; margin-right: 0;}
#col-two-three div.payments div.cvv{margin: 0 10px 0 10px;}
#col-two-three div.payments div.cvv input{width: 30px;}
#col-two-three div.payments div.cvvimg img{margin-top: 5px; vertical-align: top;}
#col-two-three div.payments div.cvvnote{font-size: 0.9em; margin-right: 0; margin-top: 10px;}
#col-two-three div.payments div.paypal{border-top:1px solid #b7b7b7;margin-top:10px;padding-top:10px;width:620px;}
#col-two-three div.optional{padding: 10px 0 0 15px;}
#col-two-three div.optional input{height: 16px; margin-top: 2px;}
#col-two-three div.optional select{height: 20px; margin-top: 2px;}
#col-two-three div.optional div{float: left; margin: 0 5px 5px 0;}
#col-two-three div.optional div.flight input{width: 188px;}
#col-two-three div.optional div.time input{width: 105px;}
#col-two-three div.optional div.request select{width: 151px; margin-bottom: 3px;}
#col-two-three div.optional div.remark textarea{width: 302px; height: 40px; font-size: 11px;}

/* SUBTOTAL */
#total{margin-top: 5px;}
#total-left div.cart{padding: 10px;}
#total-left .carttitle{margin: 0 20px 0 5px;}
#total-left td{padding: 5px 0 5px 0; font-size: 1.1em;}
#total-left #carttable{}
/*#total-left td.name{width: 405px; font-size: 12px;}*/
#total-left td.adult{width: 80px; text-align: right;}
#total-left td.child{width: 90px; text-align: right;}
#total-left td.price{width: 190px; text-align: right;}
#total-left td.status{width: 60px; text-align: center;}
#total-left td.remove{width: 30px; font-size: 1em;}
#total-left td.remove a{text-decoration: underline;}
#total select{font-size: 0.8em; margin: 0 0 0 10px;}
#promocode{margin: 0 0 2px 0; padding: 5px 0 0 0; float: left;}
#promocode label{font-weight: bold;} 
#promocode label img{vertical-align: middle;}
#promocode .txtcode{width: 150px; margin: 0 0 0 16px;}
#promocode .btapply{border: none; margin: 0 0 0 5px;}
#subtot{float: right; margin: 0;}
#subtot div.sublabel{float: left; font-size: 1.5em; font-weight: bold; text-transform: uppercase; padding-top: 2px;}
#subtot div.subprice{float: left; font-size: 1.7em; font-weight: bold;}
#subtot.number{text-decoration: underline;}
#subtot div.continue{text-align: right; margin: 0 0 0 22px; float: left;}


/* FOOTER */
#footer div.ftcards{float: left;}
#footer div.ftcards ul li{float: left; margin: 11px 0 0 15px;}
#footer div.xcaliber{float: right;}
#footer h3{margin: 10px 0 0 15px; font-style: italic;}
#footer p{margin: 3px 0 0 15px; font-size: 0.9em;}
#footer .xcaliber{margin: 15px;}

/* THANKYOU */
.thank_title{background: #a1a1a1; color: #FFF; padding: 3px 5px; margin: 5px 0;}
.thank_title h2{font-size: 0.9em;}
#thankyou{font-size: 1.2em;}
#thankyou #col-one{width: 850px; margin: 0 auto;}
#thankyou #col-one p{margin: 15px 0; line-height: 1.5em;}
#thankyou #col-one #banner{width: 100%; background-color:#F2F4F4;  margin: 20px 0 0 0;}
#thankyou #col-one #banner div.thank { float:left; font-size:20px; color:#527124; font-weight:bold; padding:60px 0 0 30px; text-align:center;}
#thankyou #col-one #banner div.thank span.header{ font-size:50px; font-weight:bold;}
#thankyou #col-one #banner div.subject{width: 500px; float: right; margin: 5px 0 0 0;}
#thankyou #col-one #banner div.subject ul li{width: 230px; float: left;}
#thankyou #col-one #banner div.subject a{text-decoration: underline;}
#thankyou #col-one #banner div.subject p{margin: 20px 0;}
#thankyou #col-one #banner div.subject p.note{font-size: 0.9em;}
#thankyou #dotline{height: 10px; border-bottom: 1px dotted #9f8852; margin: 0 0 10px 0;}
#detailsbody{width: 100%;}
/*#thankyou table td.contact div.bookid{margin: 0 7px;}*/
/*#thankyou table td.contact table th, #thankyou table td.guest table th.name, #thankyou table td.creditcard table th.cardtype, #thankyou table td.creditcard table th.cardno, #thankyou table td.hoteladd table th{width: 100px;}*/
/*#thankyou table td.guest table td.name{width: 250px;}*/
/*#thankyou table td.guest table th.cntry{width: 135px;}*/
/*#thankyou table td.creditcard table td, #thankyou table td.hoteladd table td{font-weight: bold;}*/
/*#thankyou table td.creditcard table td.cardno{width: 200px;}*/
/*#thankyou table td.flight table th.flight{width: 155px;}*/
/*#thankyou table td.flight table td.flight{width: 70px;}*/
/*#thankyou table td.flight table th.time{width: 45px;}*/
/*#thankyou table td.creditcard table th.exp{width: 35px;}*/
/*#thankyou table td.hoteladd, #thankyou table td.flight, #thankyou table td.special{width: 340px; padding-left: 8px;}*/
/*#thankyou table td.special ul li{width: 160px; float: left; padding: 0 0 0 10px;}*/
#thankyou #detailsbody th{font-weight: normal;}
/*#thankyou table table{margin: 0 0 0 7px;}*/
#orderitem{width: 100%; border-left: 1px solid #000; border-bottom: 1px solid #000; margin-top: 30px;}
#orderitem th{border-top: 1px solid #000; border-bottom: 1px solid #000; font-weight: bold; padding: 5px 10px;}
#orderitem th.date{width: 175px;}
#orderitem th.rate{width: 110px;}
#orderitem th.qty{width: 30px;}
#orderitem th.total{width: 110px;}
#orderitem td{padding: 0 10px 4px 10px; }
#orderitem th, #orderitem td{border-right: 1px solid #000;}
#orderitem .rate, #orderitem .total{text-align: right;}
#orderitem .total{font-weight: bold;}
#orderitem .qty{text-align: center;}
#orderitem .title{font-weight: bold; text-decoration: underline;}
#summary{width: 100%; margin: 5px 0 30px 0;}
#summary td.subtotal{text-align: right;}
#summary td.total{width: 130px; font-weight: bold; text-align: right; padding: 3px 10px 0 0;}
#condition{font-size: 0.8em; margin: 0 0 30px 0;}
#condition h4{margin: 20px 0 0 0;}
#condition table{margin: 10px 0 0 0;}
#condition table th{font-weight: normal; width: 110px;}
#condition table th, #condition table td{padding: 1px 0;}
#thankyou #col-one #condition p{margin: 10px 0 0 0;}

.tooltip {
    display:none;
    background-color:#FFFFFF;
    border-left:1px solid #555555;
    border-top:1px solid #555555;
    border-right:1px solid #000000;
    border-bottom:1px solid #000000;
    padding:10px;
    color: #000;
    font-size:1.05em;
    /*-moz-box-shadow: 2px 2px 11px #666;*/
    /*-webkit-box-shadow: 2px 2px 11px #666;*/
    width: 220px;
}

.ui-state-announce{margin: 5px 10px 10px 10px; font-style: italic; color: #A08A51;}
.ui-state-announce .note-title {font-weight: bold}

/* SPECIAL OFFERS */
h1.special{float: left; margin: 10px 0 0 0;}
div.availchart{float: right; margin-top: 10px;}
h1.special span{font-size: 1.5em;}
#special{padding: 5px 0;}
#special.first{border: none;}
#special div.special-left{width: 350px; float: left; margin-left:60px;}
#special div.special-left .img-special img{width: 250px;}
#special div.special-left p.btbook{margin: 20px 0; width: 250px; text-align: center;}
#special div.special-right{width: 550px; float: left; padding-bottom: 20px;}
#special div.special-right h2{margin: 0 0 10px 0; text-align: left; font-size:16px; font-style: italic;}
#special div.special-right p{font-size: 1.1em; line-height: 1.5em;}
#special div.special-right span.title{line-height:1.6em;}
#special div.special-right p.btbook{font-size:20px; margin: 10px 0 0 0;}

#special div.special-right p{font-size: 1.1em; line-height: 1.5em; color: #666;}
.backlink, .backlink a{color: #a2a2a2;}

div.dotline{ border-bottom-style: dashed ; border-bottom-color: #CCC; margin:10px 0; border-bottom-width: 1px; width:100% !important; }

#version {margin-top: -5px; margin-left: 95px; color: #cccccc; font-size: 0.9em; display: none}

/*Room Availability Chart*/
td.room-avai-navi-prev, td.room-avai-navi-next {height:30px; }
td.room-avai-navi-next {text-align:right}

#google_translate_element {height: 45px;}

/*div#room {min-height: 400px;}*/

div.special-coming-wrapper {text-align: center; vertical-align: middle; }
div.special-coming {margin: 165px auto 215px auto; font-size: 2.5em; font-weight: bold; font-style: italic;}

span.was-price {text-decoration: line-through; font-size:0.8em; padding-right:5px; }

div.message {font-size: 1.2em}
div.message p {padding: 10px 0 10px 0}
div.message ul {list-style: disc inside; }

#delPromoButton {text-decoration: underline; font-weight: bold}
span.promo-code-name {padding-top: 3px;font-weight: bold; }
span.promo-code-name div {color: #63BC43; padding-top: 0; }
span.promo-code-name a {text-decoration: underline; color: #63BC43}

div.instcomfirm {padding-top: 5px; text-align: center}