body {font-family: verdana, arial, sans-serif; font-size:100%; margin:0px 0px; padding:0;background: inherit;}
* {margin:0; padding:0;}
h1 {font-size: 1em; margin: .6em 0; padding: .5em 10px; color: maroon; font-family: verdana, arial, sans-serif; padding: 1px;}
h3 {font-size: .9em; margin: .6em 0; padding: .4em 10px; color: maroon; font-family: verdana, arial, sans-serif; display: block; clear: both; background-color: #FCE5CF;}
h4 {font-size: .9em; margin: .6em 0; padding: .5em 10px; color: maroon; font-family: verdana, arial, sans-serif; padding: 1px;}
p {font-size:.8em;}
ol {font-size:.75em}
ul {font-size:.75em}
th {white-space: nowrap;}
td, th {text-align: left; vertical-align: top;}
a img {border: none;}


/*General Section*/
a.commonLink {color:#216A98;}
a.commonLink:hover {text-decoration: none;color: #224589;}

table.global {width: 100%}
table.global td#sideLeft {width: 25%}
table.global td#sideRight {width: 25%}
table.global td#center {}

div#header {width:780px; position: relative; height: auto;padding-bottom: 5px;}
/* A few more styles to help you see what's going on */
div.logo {}
div.links {}
div.links ul {display:inline; margin: 0;}
div.links ul li {display: inline;  font-size: 1em;}
div.links ul li a {
					color: #8EBAB9;
					text-decoration:none; 
					background:#F1EFEF; 
					font-size:1em; 
					font-weight:bold; 
					padding: 10px 5px 5px 5px;
					
}

a.links1 {
					color: #8EBAB9;
					text-decoration:none; 
					background:#F1EFEF; 
					font-size:.9em; 
					font-weight:bold; 
					padding: 10px 5px 7px 5px;
					
}
a.visited {color: red; text-decoration: none;background:#DEEFFF;}

div.links ul li a:hover {text-decoration: none; background:#DEEFFF; }
div.links ul li a.visited {color: red; text-decoration: none;background:#DEEFFF;}

table.links {width: auto;height: 100%;}
table.links td{padding: 10px 0px 5px 5px;vertical-align: text-bottom;}

div.personalbar {padding: 3px 10px; background-color: #F1EFEF; margin: 0px 0px; font-size: .9em;width: 760px;}
div.personalbar table { background-color: #F1EFEF;width: 760px;}
div.personalbar table td#right{text-align: right;width: 50%}
div.personalbar table td#left{text-align: left;width: 50%}
div.personalbar table td a {color:#DD604C}
div.personalbar table td a:hover {color: #224589; text-decoration: none;}
div.personalbar ul {margin: 3px 10px; }
div.personalbar ul li {list-style-type: none; display: inline; padding: 0 0 0 2px; font-size: 1em}
/*
div.loggedUserInfo {color: #216A98;margin: 0px 400px 0px 0px;display: inline-table;}
div.loggedUserInfo label {font-weight: bolder;}
div.loggedUserInfo a {color:#069}
div.loggedUserInfo a:hover {color: #CCC; text-decoration: none;}
div.functionlinks {margin: 0px 0px 0px 400px;display: inline-table;}
div.functionlinks li {padding: 0 1px 0 0}
div.functionlinks a {color:#069}
div.functionlinks a:hover {color: #CCC; text-decoration: none;}
div#infoLinks {text-align: left;width: 300px ;margin: 0 0 0 0;}
div#infoLinks  a {color:#DD604C}
div#infoLinks  a:hover {color:#224589; text-decoration:none;}
div#agentLogin {text-align: right; width:480px;  margin: 0 0 0 305px;}
div#agentLogin a {color:#DD604C}
div#agentLogin a:hover {color:#224589; text-decoration:none;}
*/
div#contentarea {width:780px;}
div#searchFormColumn { padding:.5em 10px; background-color: #DEEFFF; margin: 10px 0} /* <--to be deleted? */
div#column1 {width:180px; background-color:#FCC; float:left; margin:.5em 10px .5em 0; background-color: #FCE5CF; padding: 1em 5px;}
div#column1 p {font-size: .75em;}
div#column1 label {font-size:.75em; color: #003366; display: block; padding: 0 0 .2em 0;}
div#column1 input[type="submit"] {display:block; margin-left:auto; margin-right:10px;}
div#column1 select {min-width: 30px;}
div#column2 {width:570px; float:left; margin:.5em 0;}
div#singlecolumn {width:780px; float:left; margin: .5em 0;  background-color: #DEEFFF;}
div#singlecolumn {float:left; margin: .5em 0;  }
div#singlecolumnblue {float:left; margin: .5em 0;  background-color: #DEEFFF;}
div#footer {width:780px; border-top: 1px solid #CCCCCC; margin: .5em 0 0 0; padding: .5em 0}
div#pleaseWaitContainer img {vertical-align: middle; padding: 0 10px 0 0}
div#pleaseWaitContainer p {font-size: 1em}
div#criteria {padding: 6px 10px; background-color: #DEEFFF; margin: 0; font-size: .9em;}
/*div#criteria table td {padding: 0 20px 0 0}*/
div#criteria li {list-style-type: none;}
div#criteria table caption {text-align:left; font-weight: bold; color: #216A98;}
div#criteria table td {font-weight: bold; color: #216A98; padding: 0 3px;font-size: .7em;}
div#searchReservation img {float: left; padding: 0 10px 0 0}

/* A few more styles to help you see what's going on 
   old from production 
div.logo {width: 250px;padding-top: 0px;margin-left: 5px;margin-bottom: 0px;position: relative;}
div.links {margin-left:280px; padding: 0px;height: auto; width: auto;}
div.links ul {display:inline; margin: 0; padding: 0px;}
div.links ul li {display: inline; padding: 0 0 0 0; font-size: 1em;}
div.links ul li a {
					color: #8EBAB9;
					text-decoration:none; 
					background:#F1EFEF; 
					font-size:1em; 
					font-weight:bold; 
					padding: 10px 5px 5px 5px;
					
}
div.links ul li a:hover {text-decoration: none; background:#DEEFFF; }
div.links ul li a.visited {color: red; text-decoration: none;background:#DEEFFF;}
*/



div#footer ul {text-align: center;}
div#footer ul li {display: inline; font-size: .8em; padding: 0 4px 0 0}

div.errors {position:relative; background-color: #FFFFFF; padding: .7em 10px 1.2em 10px; margin: 1em 0 1em 0}
div.erroricon {position: absolute; left:0; top:0; padding: .5em 10px}
div.actualerrors {margin:0 0 0 0px;}
div.actualerrors ul li {padding-left: 10px;list-style-position: inside;list-style-image: url("../assets/list_1.gif");}
div.actualerrors p {margin: 0 0 .3em 5px; color: #DB2A4E; font-size: .9em}

div#xmlerrors {position: relative; height: 100px;}
div#xmlerrors img {padding: .4em 0 0 0}
div#xmlerrors div.errors {position: absolute; left:50px; top: 0;}
div#xmlerrors h1 {padding: 0 0 .5em 0; color: #DB2A4E; font-weight: normal;}
div#xmlerrors ul {margin: 0; padding: 0}
div#xmlerrors ul li {list-style-type: none;}

/* Start of form's styling */
div#formcontainer {width:auto; margin: .5em 0; font-size: .75em;background-color: #DEEFFF;padding: 10px 10px;float: inherit;}
div#formcontainer h3 {font-size: inherit;}
div#formcontainer p {font-size: inherit;}
div#formcontainer label {font-size:0.9em; color: #003366; display: block; padding: 0 0 .2em 0;font-weight: bolder;margin: 0 10px 0 0;}
div#formcontainer label#radios {font-size:1em; color: #003366; display: inline; padding: 0 0 .2em 0;}
div#formcontainer ul#radios li {list-style-type: none; color: #a00;display: inline;padding-left: 10pt;}
div#formcontainer input[type="submit"] {display:block; margin-left:auto; margin-right:10px;}
div#formcontainer select {min-width: 30px;}
div#formcontainer table td {padding: 0 0 .5em 0;vertical-align: middle;}
div#formcontainer table caption {text-align: left; padding: .5em 0; color: maroon; font-family: verdana, arial, sans-serif; font-size: 1.2em}
div#formcontainer ul {font-size: 1.1em;}
div#formcontainer ul {margin:0; padding: 0}
div#formcontainer ul li {list-style-type: none; color: #a00;}
div#formcontainer fieldset.roomRequest {border: 1px dashed}

table.reservationSearch table td {margin: 0; padding: 0;}
table.reservationSearch table table td {margin: 0; padding: 0}

div#column1 div#formcontainer {margin: 1em 0 0 0;}
div#column1 div#formcontainer div.clearfix {padding: .2em 0}

div#column1  a {color:#DD604C}
div#column1  a:hover {color:#224589; text-decoration:none;}

/* End of form's styling */

ul.links li {list-style-type: none; display: inline; padding: 0 10px 0 0; float: right;}

div#sort {border: 1px solid #CCCCCC; background-color: #FCE5CF; width: auto; padding: .3em 5px}
div#sort label {font-size:.8em; color: #003366;}
div#sort ul {display: inline; margin-left: 10px}
div#sort ul li {font-size:1em; color: #003366; display: inline; padding: 0 5px}

span#numbering {font-size:.75em; font-weight:bold; text-decoration:none; color:#224589; text-align: right; margin: .5em 0; display: block}
span#numbering a {color:#DD604C}
span#numbering a:hover {color:#224589; text-decoration:none;}

/* Hotels results formatting */
div.result {background-color: #DEEFFF; padding: 0; margin: .1em 0; padding: 3px 3px; width: auto;}
div.result ul {text-align: right; margin: 0 8px .5em 0;}
div.result ul li {display: inline; width: 9em; margin-right: 5px}
div.result ul li a {color: #666;}
div.result ul li a:hover {color: #1833CC; text-decoration: none;}
div.result img {border: none;}
div.mainInformation {float:left;width: 380px;}
div.rate {float: right; color: maroon; text-decoration: underline; font-style: italic;}
table.hotel {font-size: .8em;width: 100%;}
table.hotel tr#asta {background-color: #FFFFFF;}
table.hotel p {line-height: 130%; font-size: .8em;text-align: justify;}
table.hotel td, table.hotel th {padding: .2em 0 .2em 5px; vertical-align: top;}
table.hotel th {font-weight: normal; font-style: italic; text-align: left}
/*TO REMOVE THIS*/
table.hotel ul {text-align: right; margin: 0 8px .5em 0;}
table.hotel ul li {display: inline; padding: 0 0 0 5px}
table.hotel ul li img {vertical-align: bottom; margin: 0 0 -2px 0}
table.hotel ul li a {color: #009DE6}
table.hotel ul li a:hover {color: #666; text-decoration: none;}
/*TO REMOVE THIS*/
table.hotel table td, table.hotel table th {background-color: #EEEEEE; border: 1px solid #CCCCCC; padding: .2em 5px;}
table.hotel table th {white-space: nowrap;}

div.reservationInfoContainer {border: 0px solid #C1DAD7;}
div.reservationInfoContainer p{font-size: .8em;margin-left: 5px;}
div.rooms {border: none;margin: 1em 0em 1em 2em;}
div.reservationInfoContainer table {font-size: .7em; margin: 1em 1em;border: 1px solid black;width: 90%;text-align: left}
div.reservationInfoContainer table table { font-size: 1em; margin: 1em 1em;border: 1px solid black;width: 90%;text-align: left}
div.reservationInfoContainer table table table{ font-size: 1em; margin: 1em 1em;border: 1px solid black;width: 90%;text-align: left}
div.reservationInfoContainer th {border: 0px solid black; padding: .2em 3px;width: 25%;font-weight: bolder;}
div.reservationInfoContainer td {border: 0px solid black; padding: .2em 3px;}
div.reservationInfoContainer h4 {margin: 0 12px; font-size: .8em;}
div.reservationInfoContainer h3 {margin: 0 12px 0 0; font-size: .9em;}
div.reservationInfoContainer table#ammend td {border: 0px solid #C1DAD7; padding: .2em 3px;text-align: center;}
div.reservationInfoContainer table#ammend th {border: 0px solid #C1DAD7; padding: .2em 3px;width: auto;font-weight: bolder;text-align: center;}
div.reservationInfoContainer ul {margin-left: 12px;padding: 5px 5px;font-size: .8em;text-align: justify;margin-right: 10px;}
div.reservationInfoContainer li {padding: 2px 0;}
tr#important {color: red;}

/* End of Hotels results formatting */

/* Start of Transfer results formatting */
div.transferResult {background-color: #DEEFFF; width: 550px; margin: 0 0 .5em 0; padding: .5em 10px}
img.photo {display: inline; float: left; width: 100px;}
div.rate {float: right; font-size: .9em}
div.transferResult ul {float: right; padding: .3em 5px}
div.transferResult ul li {list-style-type: none; display: inline; padding: 0 5px}
div.transferResult ul.information {float: left; margin-left: 5px;}
div.transferResult ul.information li {list-style-type: none; display: block; padding: 2px 0}
/* End of Transfer results formatting */

/* Start of packages results formatting */
div.packageResult { padding: 0 0 0 0; margin: .4em 0;  width: auto; font-size: .7em;border: solid 0px grey;}
div.packageResult table {border: none; padding: 14px 14px ;margin: 0 0;border-collapse:collapse;}
div.packageResult table td {border-bottom-color:#DEEFFF;padding: 0;margin: 0 0 0 0;border:20px red; }
div.packageResult table tr {}
div.packageResult ul {text-align: right; margin: 0 5px .5em 0; font-size: 1em;}
div.packageResult ul li {display: inline; width: 9em; margin-right: 5px}
div.packageResult ul li a {color: #009DE6}
div.packageResult ul li a:hover {color: #666; text-decoration: none;}
div.packageResult img {border: none; vertical-align: bottom;}

div.total {float:right; font-weight: bolder;text-align: right; 
	color: maroon; font-size: 1.2em; font-style: normal; width: 100%; white-space: nowrap; background-color: #FCE5CF;}
	
div.packagesHotelResults {border: 1px;background-color: #DEEFFF;margin: 0 0 0 0;}
div.packagesHotelResults div.img {float:left; margin-left: 10px; width: 75px}
div.packagesHotelResults div.hotel {float:left; margin-left: 0px; ; width: 140px; white-space: normal;}
div.packagesHotelResults div.otherInfo {float:left; margin-left: 0px; width: 185px;}
div.packagesHotelResults div.otherInfo ul {padding: 0; margin: 0; font-size: 1em; text-align: left}
div.packagesHotelResults div.otherInfo ul li {list-style-type: disc; text-align: left;}

table.selectPackage {margin: 0 0; width: 100%;height:10px ;border-top: 0px solid grey;background-color: #DEEFFF;}
table.selectPackage td {height: 10px}
table.selectPackage ul {text-align: right; margin: 0em 8px 0em 0;vertical-align: middle;}
table.selectPackage ul li {display: inline; padding: 0 0 0 0;}

div.packagesFlightResults {border: none;background-color: #DEEFFF;margin: 0 0 0 0;}
table.flight {margin: 0 0 0 0; width: 100%; border-top: 1px solid grey;background-color: #DEEFFF;}
table.flight td {vertical-align: top; padding: 0 2px 0 0;}
table.flight ul {text-align: right; margin: 1em 8px .5em 0;}
table.flight ul li {display: inline; padding: 0 0 0 5px}
table.flight ul li img {vertical-align: bottom; margin: 0 0 0 0}
table.flight ul li a {color: #009DE6}
table.flight ul li a:hover {color: #666; text-decoration: none;}
table.flight table table {margin: 0 0 0 5px;}
table.flight table table td {padding: 0 0 .3em 15px; margin:0;}
table.flight table table td.marketingAirlineName {padding: 0 15px .5em 0; width: 130px;}
table.flight table table td span {color: #999999; font-style: normal;}
/* End of packages results formatting */

.img-wrapper {background: url(../assets/shadow.gif) no-repeat right bottom; float: left;}
.img-wrapper .img-outer {background: url(../assets/bottom-left2.gif) no-repeat left bottom; float: left;}
.img-wrapper .img-inner {background: url(../assets/top-right2.gif) no-repeat top right; padding: 0 5px 5px 0; float: left;}
.img-wrapper img {background-color: #fff; border: 1px solid #a9a9a9; padding: 4px; display: block;}

.img-wrapper-small {background: url(../assets/shadow.gif) no-repeat right bottom; float: left;}
.img-wrapper-small .img-outer {background: url(../assets/bottom-left2.gif) no-repeat left bottom; float: left;}
.img-wrapper-small .img-inner {background: url(../assets/top-right2.gif) no-repeat top right; padding: 0 5px 5px 0; float: left;}
.img-wrapper-small img {background-color: #fff; padding: 4px; display: block; width: 27px}

.img-wrapper-big {background: url(../assets/shadow.gif) no-repeat right bottom; float:right; width: 103px; margin-right: 5px}
.img-outer-big {background: url(../assets/bottom-left2.gif) no-repeat left bottom; float: left;}
.img-inner-big {background: url(../assets/top-right2.gif) no-repeat top right; padding: 0 5px 5px 0; float: left;}
.img-wrapper-big img {background-color: #fff; border: 1px solid #a9a9a9; padding: 4px; display: block;}

/* Buttons */
.btn {font-family: verdana, arial, sans-serif; position: static; background: #aaa; padding: 5px; float: left; color: #fff; text-decoration: none; cursor: pointer; margin-right: 10px;}
.btn * { font-style: normal; background-image: url(../assets/btn2.png); background-repeat: no-repeat; display: block; position: static; }
.btn i { background-position: top left; position: absolute; margin-bottom: -5px;  top: 0; left: 0; width: 5px; height: 5px; }
.btn span { background-position: bottom left; left: -5px; padding: 0 0 5px 10px; margin-bottom: -5px; }
.btn span i { background-position: bottom right; margin-bottom: 0; position: absolute; left: 100%; width: 10px; height: 100%; top: 0; }
.btn span span { background-position: top right; position: absolute; right: -10px; margin-left: 10px; top: -5px; height: 0; }

* html .btn span,
* html .btn i { float: left; width: auto; background-image: none; cursor: pointer; }


.btn.blue { background: #2ae; }
.btn.green { background: #9d4; }
.btn.pink { background: #e1a; }
.btn:hover { background-color: #a00; }
.btn:active { background-color: #444; }
.btn[class] {  background-image: url(../assets/shade.png); background-position: bottom; }

* html .btn { border: 3px double #aaa; }
* html .btn.blue { border-color: #2ae; }
* html .btn.green { border-color: #9d4; }
* html .btn.pink { border-color: #e1a; }
* html .btn:hover { border-color: #a00; }

.btn.red { color: red;}

/* Right aligned button */
.btnR {font-family: verdana, arial, sans-serif; display: block; position: static; background: #aaa; padding: 5px; float: right; color: #fff; text-decoration: none; cursor: pointer; }
.btnR * { font-style: normal; background-image: url('../assets/btn2.png'); background-repeat: no-repeat; display: block; position: static; }
.btnR i { background-position: top left; position: absolute; margin-bottom: -5px;  top: 0; left: 0; width: 5px; height: 5px; }
.btnR span { background-position: bottom left; left: -5px; padding: 0 0 5px 10px; margin-bottom: -5px; }
.btnR span i { background-position: bottom right; margin-bottom: 0; position: absolute; left: 100%; width: 10px; height: 100%; top: 0; }
.btnR span span { background-position: top right; position: absolute; right: -10px; margin-left: 10px; top: -5px; height: 0; }

* html .btnR span,
* html .btnR i { float: right; width: auto; background-image: none; cursor: pointer; }

.btnR.blue { background: #2ae; }
.btnR.green { background: #9d4; }
.btnR.lime { background: #bbce00; }
.btnR.pink { background: #e1a; }
.btnR:hover { background-color: #a00; color: #fff; }
.btnR:active { background-color: #444; color: #fff; }
.btnR[class] {  background-image: url('../assets/shade.png'); background-position: bottom; }

* html .btnR { border: 3px double #aaa; }
* html .btnR.blue { border-color: #2ae; }
* html .btnR.green { border-color: #9d4; }
* html .btnR.lime { border-color: #bbce00; }
* html .btnR.pink { border-color: #e1a; }
* html .btnR:hover { border-color: #a00; }

/* Start of Hotel details pop-up window */
div#demo {width: 600px; margin: 0 0 20px 0; font-size: 1.2em}
div#demo th {font-weight: normal; font-style: italic;}
ul#demo-nav {margin: 0; padding: 0; list-style-type: none; float: left; background: url(../assets/pixel.gif) bottom left repeat-x;}
ul#demo-nav li {margin: 0 2px 0 0; padding: 0; float: left;}
ul#demo-nav a {float: left; display: block; padding: 4px 8px; border: 1px solid #ccc; border-bottom: 0; color: #666; background: #eee;}
ul#demo-nav a:hover {background: #fff;}
ul#demo-nav a.active {background: #fff; padding-bottom: 5px; cursor: default;}
#demo-tabs {clear: left; border: 1px solid #ccc; border-top: 0; padding-top: 8px;}
#demo .tab {padding: 0 8px 8px 8px;}
div.tab{font-size: .9em;}
div.tab table{font-size: .7em;}
div.overview {position: relative;font-size: .9em;}
div.overview p {text-align: justify;padding: 2pt 2pt;}
div.overview img {float: left} 
div.overview ul {float: left; margin-left: 20px}
div#demo div.img-wrapper img {background-color: #fff; border: 1px solid #a9a9a9; padding: 4px; display: block;}
div#demo .tab ul.imagegallery li {display: inline; float: left}
div#demo div.img-wrapper {background: url(../assets/shadow.gif) no-repeat right bottom; float: left;}
div#demo div.img-outer {background: url(../assets/bottom-left2.gif) no-repeat left bottom; float: left;}
div#demo div.img-inner {background: url(../assets/top-right2.gif) no-repeat top right; padding: 0 5px 5px 0; float: left; text-align: center}
ul.twocolumns {float: left; width: 500px; margin: .5em 0 0 0; padding: 0; list-style: none;}
ul.twocolumns li {float: left; width: 650px; margin: 0; padding: 0;}
ul#amenities {width: 650px; margin: 0 0 0 20px; padding: 0;}
ul#amenities li {padding: 0px 16px 2px 0; float: left; list-style-type: disc;}
html>body ul#amenities li {width: 150px}
div#demo .img-wrapper {width: auto;}
div#demo .img-wrapper span {font-style: italic; padding-left: 5px}
/* End of Hotel details pop-up window */ 

/* Display information table */
table.tabularData {font-size: .8em; padding: 1em 0;}
table.tabularData th, table.tabularData td {text-align: left; vertical-align: top; padding: 0.4em 5px; border: 1px solid #DDDDDD;}
table.tabularData th {font-weight: normal; font-style: italic;}
table.tabularData table th, table.tabularData table td {padding: 0; margin: 0; border: none; white-space: normal;}

table.dispayData {font-size: 1em; padding: 1em 0;}
table.dispayData th, table.dispayData td {text-align: left; vertical-align: middle; padding: 0.4em 5px; border: 1px solid #DDDDDD;}
table.dispayData th {font-weight: bolder; font-style: italic;}
table.dispayData table th, table.dispayData table td {padding: 0; margin: 0; border: none; white-space: normal;}

div.displayData {padding: .5em 15px .8em 10px;}
div.displayData img.floatimage {float:left; width: 90px; height: 90px; padding: .5em 15px 0 0; border:solid}
div.displayData p {margin: .5em 10px}
div.displayData p#total {float: right;color: maroon;font-weight: bold;}
div.displayData p#description {font-size: .8em;text-align: justify;}
div.displayData span {font-size: .8em}

div.hotelDetails div.hotel {float: left; width: 240px; text-align: right; border-right: 1px solid black;}
div.hotelDetails div.hotel img.hotelimage {border: 1px solid; padding: .1em 1px; margin-right: 10px}
div.hotelDetails div.hotel p {float: right} 
div.hotelDetails div.hotel b {color: maroon; font-weight: normal; font-style: italic; text-decoration: underline;}
div.hotelDetails div.description {float: left; margin-left: 5px; width: 460px; padding-left: 10px;text-align: justify;}
div.hotelDetails div.description p {line-height: 140%; padding: 0; margin: 0; font-size: .7em;}
table.flightDetails {font-size: .75em}
table.flightDetails td {padding: 0 15px 0 0}

div.description2 p {line-height: 140%; padding: 0; margin: 0; font-size: .7em;text-align: justify;}

div#selectSearchTypeFormcontainer {padding: 1em 0;}
div#selectSearchTypeFormcontainer form label {width:90px; float:left; color: #003366; margin:0 0 0 5px; font-size: .9em}
div#selectSearchTypeFormcontainer table {padding: 0 1em 0 0;}
div#selectSearchTypeFormcontainer div.buttongroup {float:left; margin:0px; padding:0px;}
div#selectSearchTypeFormcontainer div.buttongroup div {margin-bottom:5px; font-size: .8em;}
div#selectSearchTypeFormcontainer div.searchFor {margin:-20px 0 0 200px;}

div.print {float: right;}
div.print link{ cursor: pointer;}

table.rateBreakdown {border: 0px solid ; padding: .5em 0 0 10px; margin: 0 0 .1em 0; width:100%}
table.rateBreakdown table {font-size: 1em; padding: 1em 0 1em 0; margin: 0;width: 250px;}
table.rateBreakdown table td {margin: 0; padding: 0}
table.rateBreakdown table table {font-size: 0.85em; padding: 0; margin: 0; border: 1px solid #CCC;}
table.rateBreakdown table table td {padding: 0 10px 0 0;}
table.deadlines {border: 0px solid ;padding: .5em 0 0 10px; margin: 0 0 .1em 0;}
table.deadlines td, table.deadlines th {text-align: left; vertical-align: top; padding: .2em 8px .2em 2px; margin: 0; font-size: .9em;}
table.reservationTotalAmount {border: 1px solid #CCC;}
table.reservationTotalAmount font {color: maroon; font-weight: bolder;}

span.specialOffer {font-weight: bolder; font-style: italic; color: red;}

fieldset#customerInfo {border: 1pt black; padding: 1em 10px; font-size: .8em; width: inherit; margin: 1em 10px}
fieldset#customerInfo label {font-style: italic;}
fieldset#customerInfo legend {font-weight: bold;}
fieldset#customerInfo table td {padding: .2em 5px;}

/* Login Section */
div#loginFormcontainer {width:300px; background-color: #E4F0FA; padding: 20px 10px ; margin: .5em 0;}
div#loginFormcontainer input {font-size: .8em}
div#loginFormcontainer select {font-size: .8em; max-width: 280px; overflow: hidden;}
div#loginFormcontainer div.clearfix {padding:0 0 1em 0}
div#loginFormcontainer label {width:100px; float:left; color: #003366; margin-left:9px; font-size: .75em;}

div#loginMainwrap {margin:2em auto 0 auto; width:370px; text-align:left;}

div.bottomlinks * {border:none;}
div.bottomlinks {position:relative; height:45px; padding-top:10px; float: right;}
div.bottomlinks ul {position:absolute; right:5px;}
div.bottomlinks ul li {display:inline; list-style-type:none; border:none; padding:0 0 0 1px}
div.bottomlinks ul li img {cursor:pointer;}

div.buttonLinks {float: right;border: none;margin: 15px 15px;}


/* end login section*/

/* here follows the brillant "no-extra-markup" clearing method devised by Tony Aslett - www.csscreator.com */
/* simply add the clearfix class to any containter that must enclose floated elements */
/* read the details of how and why this works at http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
    content: ".";              /* the period is placed on the page as the last thing before the div closes */
	display: block;          /* inline elements don't respond to the clear property */ 
    height: 0;                  /* ensure the period is not visible */
    clear: both;               /* make the container clear the period */
    visibility: hidden;	     /* further ensures the period is not visible */
}

.clearfix {display: inline-block;}   /* a fix for IE Mac */

/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */


/* Flight Section*/
table.flightResults {
	display:block;
	clear:both;
	padding:0;
	margin:0;
	background-color: #FFFFFF;
}



table.emphasis {
	border: 1px solid #DDDDDD; 
	padding: .3em 0;
	font-size: 1em;
	width: 750px;
	vertical-align: middle;
	background-color: #E4ECF5;
	color:#224589;
	margin: 0
}

table.emphasis td {text-align: right}
table.emphasis td.total {text-align: left; vertical-align: middle; padding: 0 0 0 10px; color:#DD604C; font-weight: bolder; font-size: .9em;}
table.emphasis td.notes {font-size: .8em; vertical-align: bottom; width: 505px; text-align: left}
table.emphasis td a {color:#DD604C; padding: 0 5px 0 0; font-size: .9em; font-weight: bolder}
table.emphasis td a:hover {color:#224589; text-decoration:none;}

table.originDestination {border:0px dashed #999;}

table.flightResult {padding:.2em 5px; font-size: .8em; border:1px solid #DDDDDD; margin:.2em 0; width: 700px;background-color: #FFFFFF;}
table.flightResult td {padding:.1em 2px; vertical-align: top}
table.flightResult td img {border:0px dotted #DDDDDD; padding: .2em 2px}
table.flightResult table {width: 685px;} 
table.flightResult table td {padding: 0 .5em 0 0; margin: 0; text-align: left; white-space: nowrap;}
table.flightResult table td.firstColumn {width: 120px; white-space: normal;}
table.flightResult table td.wrap {white-space: normal; width: 150px}
table.flightResult table td img {border:0; padding: 0 10px}

div.numbering {font-size:.9em; line-height:20px; font-weight:bold; text-decoration:none; color:#224589; width:750px;}
div.pagenumbers {float:left}
div.pagenumbering {float:right}
div.numbering a {color:#DD604C}
div.numbering a:hover {color:#224589; text-decoration:none;}

/* uparxei k pio katw
div.filters {width:600px; background-color: #DDFFCC; padding: .5em 10px; margin: 10px 0 0 0;}
div.filters input {font-size: .8em}
div.filters select {font-size: .8em;}
div.filters select option {font-size: .8em;}
div.filters div.clearfix {padding:0 25px 0 0; float: left;}
div.filters label {color: #003366; padding: 0 3px 0 0;font-size: .8em;}
div.filters div.buttongroup {padding:0; margin:0; display: inline; clear: both;}
div.filters div.buttongroup label {float: none; margin:0; padding:0; vertical-align: middle; display: inline; font-weight: normal;}
div.filters div.buttongroup input {margin:0px; vertical-align: middle; width: 25px}
*/

div.showRulesGlobal {border: dotted 2px; padding: 1em 1em;}
div.showRules a {color:#DD604C; cursor: pointer; font-weight: bolder;display: inline;}
div.showRules a:hover {color:#224589; text-decoration:none;}
div.showRules p {font-weight:bolder;font-style:italic;display: inline;}

div.formcontainer div.passenger {margin: 0 0 1em 0; padding:.5em 0 1em 0; border-top: 0px dashed black; display: block; clear: both; width: 740px}
div.formcontainer div.passenger h4 {padding:10px 10px 0 0; margin:10px 0 4px 8px; font-size: .9em; display: block; clear: both;}
div.formcontainer div.passenger div.fieldContainer {float:left; margin-right: 25px}
div.formcontainer div.passenger div.fieldContainer label {display: block; clear: both; float: none; margin:0; padding:0 0 .2em 0;font-size: .8em;}

div.formcontainer div.clearfixz {padding: .1em 7px; margin: 0; position: relative}
div.formcontainer div.clearfixz div.clearfix {padding:0 0 1.4em 0}
div.formcontainer div.firstColumn {top:.5em; left: 0}
div.formcontainer div.secondColumn {position:absolute; top:.5em; left:350px}
div.formcontainer div.firstColumn h2 {
	padding: .2em 0 1em 0; 
	margin: 0; 
	background: none; 
	border: none; 
	float: none;
	vertical-align: baseline;
	font-size: 1.2em
}

div.formcontainer div.secondColumn h2 {
	padding: .2em 0 1em 10px; 
	margin: 0; 
	background: none; 
	border: none; 
	float: none;
	vertical-align: baseline;
	font-size: 1.2em
}

div.formcontainer a {color:#FFFFFF; cursor: pointer}
div.formcontainer a:hover {color:#FFFFFF; text-decoration:none;}


table.rateBreakDownFlight {margin:1em 0 0 0; width: auto; font-size: .7em; clear: both; display: block;}
table.rateBreakDownFlight td, th {vertical-align:middle; font-weight:normal;}
table.rateBreakDownFlight th#totals,td#totals {font-weight: bold;font-style: italic;color:  maroon;}
table.rateBreakDownFlight thead {}
table.rateBreakDownFlight thead th {
	border: 1px solid #DDDDDD;
	padding: 0.4em 10px;	
}

table.rateBreakDownFlight tfoot td {
	border: 1px solid #DDDDDD;
	padding: 0.4em 10px;
}

table.rateBreakDownFlight tfoot th {
	border: 1px solid #DDDDDD;
	padding: 0.4em 0 .4em 0;
	text-align: right;
	border-left: 1px solid #DDDDDD;
}

table.rateBreakDownFlight tbody td, tbody th {border: 1px solid #DDDDDD; padding: 0.4em 10px;}
table.rateBreakDownFlight tbody th {font-weight: bold;}

div.reference {margin: .5em 0 0 0}
div.reference ul li {list-style-type: none; display: inline; padding: 0 10px 0 0}
div.reference ul li img {vertical-align: middle;}

div.warnings h1 img {vertical-align: middle; float: right}
div.warnings h1.warnings {background-color: #F8A4A4}


div.filters {width:inherit; background-color: #FCE5CF; padding: .5em 10px; margin: 5px 0;}
div.filters input {font-size: .8em}
div.filters select {font-size: .8em;}
div.filters div.clearfix {padding:0 25px 0 0; float: left;}
div.filters label {color: #003366; padding: 0 3px 0 0;font-size: .8em;}
div.filters div.buttongroup {padding:0; margin:0; display: inline; clear: both;}
div.filters div.buttongroup label {float: none; margin:0; padding:0; vertical-align: middle; display: inline; font-weight: normal;}
div.filters div.buttongroup input {margin:0px; vertical-align: middle; width: 25px}

.zebra {border-collapse: collapse; font-size: .7em; width: 570px; border: 1px solid #CCCCCC;}
.zebra th, .zebra td {padding: 0.3em; border: 1px solid #CCCCCC;}
.zebra th {font-weight: bolder;}
.zebra th.select {background-color: #FFFFFF; border: none;}
.scheme1 {background-color: rgb(249, 222, 183);}
.scheme1 .even {background-color: #FFFFFF}

.chris{padding: 1em 1em;border-style: dotted; border-color: grey;border-spacing: 2px;}
.chris  legend {font-weight: bolder;color: #003366;font-family: inherit;padding: 0 5px;}

.extraCriteria {padding:0 0 0 15px;font-weight: bolder;color: #003366;}

div.flightSegment {float: left;font-size: .8em;}

fieldset.flightDetails {padding: 1em 1em;border-style: dotted; border-color: grey;border-spacing: 2px;}
fieldset.flightDetails legend {font-weight: bolder;color: #003366;font-family: inherit;padding: 0 5px;}

div.pickUpDate {padding:0 0 1em 0; color: #003366;font-family: inherit;font-weight: bolder;}

/* Image gallery */
div#imagegallery ul {width: 650px;}
div#imagegallery ul li {
	width:120px;
	border: 1px solid #CCC;
	border-width:0 1px 1px 0;
	-moz-border-radius:20px;
	background:#FFF;
	padding: 1.2em 10px .5em 10px;
	text-align:center;
	position:static;
	float:left;
	display:inline;
	margin:5px;
}
div#imagegallery ul li span {display: block; font-size: 1.1em; font-style: italic;}
div#imagegallery ul li img {width: 100px; height: 100px}


div#crumb {text-align: center; width:780px; background-color: inherit; margin: .5em 0}
div#crumb ul {margin: .5em 15px; }
div#crumb ul li {list-style-type: none; display: inline; padding: 0 15px; font-size: 1em;font-weight: bolder; color: graytext;}
div#crumb ul li a {color:#DD604C}
div#crumb ul li a:hover {color:#224589; text-decoration:none;}


/*Hotel Search form */
form#hotelSearch table {padding: .7em 10px; font-size: .8em;}
form#hotelSearch table td {text-align: left; vertical-align: top; padding: .3em 0 .5em 0; color: #003366;}
form#hotelSearch table td.space {width: 70px}
form#hotelSearch label {font-size:1.1em; color: #003366; display: block; padding: 0 0 .2em 0;font-weight: bolder;}
form#hotelSearch select {} /*font-size: 1.1em;*/
form#hotelSearch div.submit {text-align: right; margin: .5em 0; margin-right: 20px}
table.childrenAges {text-align: right; padding: 0 0;font-size: 1.1em;}
table.childrenAges td {text-align: right; padding: 0 0 0 2px; font-size: 1em}
table.childrenAges select {font-size: 1.2em}
table.roomRequestContainer {border: 1px dashed #CCC; margin: 0 10px; padding: .5em 5px}

ul.roomRequest {padding: 1em 10px;}
ul.roomRequest li {list-style-type: none; display:inline; font-size: 1em; float: left}
ul.roomRequest li a {color:#216A98;}
ul.roomRequest li a:hover {text-decoration: none}

fieldset#hotelSearch {
	border-top: 1px solid #FFFFFF; 
	border-bottom: 2px solid #FFFFFF; 
	border-left: 1px solid #FFFFFF; 
	border-right: 2px solid #FFFFFF;
	
}
fieldset#hotelSearch legend {
	font-weight: bold;
	font-size: 1.2em;
	color: #216A98;
	margin: 6px 0px 6px 10px;
    padding: 2px 5px 0 2px;
}


#availabilitydetails {
	font-weight: bold;
	color: #216A98;
	margin: 0 0 1px 0;
	padding: .5em 0;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}



/* Hotel information */
/* Image gallery */
div.imagegallery ul {width: auto;}
div.imagegallery ul li {
	width:120px;
	border: 1px solid #CCC;
	border-width:0 1px 1px 0;
	-moz-border-radius:20px;
	background:#FFF;
	padding: 1.2em 10px .5em 10px;
	text-align:center;
	position:static;
	float:left;
	display:inline;
	margin:5px;
}
div.imagegallery ul li span {display: block; font-size: 1.1em; font-style: italic;}
div.imagegallery ul li img {width: 100px; height: 100px}

/*Javascript pop up with room information */
div.roomInformation {background-color: #F1EFEF;font-size: 1.2em;width: 500px;padding: 10px 10px;}
div.roomInformation ul {width: 300px;padding: 10px 10px;}
div.roomInformation li {list-style-type: disc; font-size: 1.2em;}

ul.searchCriteria {border: solid #CCC 0px; margin: 0 0; font-size: 1em; padding: 0 0}
ul.searchCriteria li {list-style-type: none; display: inline; padding: 0 20px 0 0}

/* Hotel Rate Info*/
div.resultsrates {display: none}
div.showavailable {float: left;}
div.showavailable a {text-decoration: underline; cursor: pointer; color: #216A98;}
div.showavailable a:hover {text-decoration: none; color: #216A98;}

/*ExpandCollapse Javascript*/
.posthidden {display:none}
.postshown {display:inline}

/*For Transfer Search Form (Selects)*/
select#from {width:300px;}
select#from option{width:auto;}
select#to {width:300px;}
select#to option{width:500px;}

tr#important {color: red;}

table.voucher_top {border: 0px;font-size: 12px;width: 90%;}
table.voucher_top td {width: 50%;}

/*Hotel process request page*/
div.pleaseWaitHotelSearch {padding: 60px 150px 100px 150px;font-size: .8em;}
table.search_criteria {width:400px; border-collapse:collapse; margin:0 0 20px;  border-top:3px solid #8ebab9;border-bottom:3px solid #8ebab9; margin: 10px 0 20px 0;}
table.search_criteria caption {margin-bottom:8px; font-size: 1em; font-weight: bold; color: #8ebab9;}	
table.search_criteria th {border-bottom:1px solid #8ebab9; color: #8ebab9;font-weight: bolder;}	
table.search_criteria td {border-bottom:1px solid #8ebab9; text-align: left;white-space: nowrap;padding:5px 3px;color: #7f7e7e;}