.info {
	text-align: center;
}

#flights, #accoms, #payment, #summary, #order, #contactus {
	width: 764px;
	margin: 0 auto;
	background-color: #fff;
}

.header  {
	width: 764px;
	height: 127px;
	margin: 0 auto;
}

#flights .header  {
	background: #000 url("/images/headers/flight.jpg?20080502") no-repeat;
}

#accoms .header  {
	background: #000 url("/images/headers/accom.jpg?20080502") no-repeat;
}

#payment .header, #order .header  {
	background: #000 url("/images/headers/payment.jpg?20080502") no-repeat;
}

#summary .header  {
	background: #000 url("/images/headers/summary.jpg?20080502") no-repeat;
}

#contactus .header  {
	background: #000 url("/images/headers/contact.jpg?20080502") no-repeat;
}

#faq .header  {
	background: #000 url("/images/headers/faq.jpg?20080502") no-repeat;
}

.header .heading {
	display:inline;
	float: left;
	color: #8F8F8F;
	margin-left: 100px;
	line-height: 127px;
	font-size: 21px;
	vertical-align:bottom;
	letter-spacing: -0.5px;
}

.header .call  {
	display:inline;
	float: right;
	font-size: 20px;
	letter-spacing: -1px;
	color: #fff;
	margin-right: 5px;
	line-height: 24px;
	margin-top: 70px;
}

.header .call .number  {
	font-size: 30px;
	letter-spacing: -1px;
	font-weight: bold;
}

.top  {
	background-color: #00f;
	width: 764px;
	height: 9px;
	background: url(/images/offer_top.png) no-repeat;
	margin-top: 5px;
}

.middle {
	padding: 5px 0;
	width: 764px;
	background: url(/images/offer_mid_upper.png) repeat-y;
}

.middle .inner {
	margin: 0 10px;
}

.bottom {
	width: 764px;
	height: 9px;
	background: url(/images/offer_bottom.png) no-repeat;
}

/* dates */
#flights .dates-container {
	width: 744px;
}

#flights #dates-label {
	float: left;
	width: 214px; /* 770px - #dates width */
}

#flights #dates-label .info {
	margin-right: 15px;
	line-height: 42px;
	font-size: 10px;
	color: #686868;
	text-align: right;
}

#flights #dates {
	height: 43px;
	width: 530px; /* (770px / 2)  + (datewidth / 2) */
	float: right;
}

#flights #dates ul {
	padding:0pt;
	margin: 0 auto;
}

#flights #dates li {
	float:left;
	margin:0;
	width:auto;
}

#flights #dates li.lastLi {
	background: none;
	border: none;
	border-right: 1px solid #fff;
}

#flights #dates ul li a {
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #686868;
	height: 43px;
	width: 45px;
	padding: 0;
	display: block;
	float: left;
	text-align: center;
	overflow: hidden;
}

#flights #dates ul li.selected, #flights #dates ul li.selected a, #flights #dates ul li a:hover {
	background-color: #000;
	background-position: -45px 0px;
	color: #fff;
}

#flights #dates ul li, #flights #dates ul li a {
	background: #fff url("/images/buttons/flightdate.png") no-repeat;
	margin: 0;
	vertical-align:middle;
}

#flights #dates ul img {
	margin: 0 10px;
	float: left;
}

#flights #dates ul li div.container {
	width: 45px;
	height:43px;
	display:table-cell;
	vertical-align:middle;
	* margin: 2px 0;
}

#flights #dates ul li div.container, #flights #dates ul li div.container * {
	cursor: hand;
	cursor: pointer;
}

#flights #dates ul a .day, #flights #dates ul a .month  {
	font-size: 9px;
	text-align: center;
}

#flights #dates ul a .dayno  {
	font-size: 22px;
	margin: -5px;
	font-weight: bold;
}

/* flights */
.flightRow table {
	border: 0;
	margin: 0;
	padding: 0;
}

.flightRow td {
	padding: 5px;
	font-size: 11px;
}

.flightRow th {
	padding: 0 5px;
}

.flightRow span {
	font-size: 12px;
	font-weight: bold;
}

.flightRow .odd {
	background-color: #E8E8E8;
}

.flightRow .logo {
	width: 88px;
	text-align: center;
}

.flightRow .select {
	width: 1%;
}

.flightRow .info .direction {
	text-align: right;
	width: 1%;
}

.flightRow .info .text {
	width: 100%;
	font-size: 12px;
	text-align: left;
}

.flightRow .info .pricing {
	text-align: right;
}

.flightRow tr.outbound td, .flightRow tr.inbound td {
	background-color: #eee;
}

.flightRow .odd tr.outbound td, .flightRow .odd tr.inbound td {
	background-color: #ddd;
}

#flights #results a.submit, a.flightsubmit {
	display: block;
	margin: 0;
	padding: 0;
	background: url("/images/buttons/bigorange.png") no-repeat;
	background-position: 0px 0px;
	color: #393939;
	font-family: sans-serif;
	font-weight: bold;
	font-size: 11px;
	width: 80px;
	height: 29px;
	text-align: center;
	line-height: 29px;
	text-decoration: none;
}

#flights #results a.submit:hover, a.flightsubmit:hover {
	background-position: -83px 0px;
}

/* accoms */
#rating img {
	margin-right: 2px;
}

#accoms .accomRow {
	background-color: #F5F5F5;
	border: 2px solid #EDEDED;
	border-right: 0;
	border-left: 0;
	margin-bottom: 10px;
}

#accoms .accomRow .rooms {
	background-color: #FFF;
}

#accoms .accomRow .rooms td {
	background-color: #EFF6FF;
}

#accoms .accomRow .rooms .odd td {
	background-color: #E2EEFE;
}

#accoms .accomRow table {
	border: 0;
	margin: 0;
	padding: 0;
	width: 100%;
}

#accoms .accomRow td {
	padding: 5px;
	font-size: 11px;
}

#accoms #results #filters {
	float: left;
}

#accoms #results #filters span {
	margin: 0 2px;
}

#results #pages_t {
	float: right;
}

#flights #results #pages_t {
	float: none;
	text-align: center;
}

#results #pages_b {
	text-align: center;
}

#results #pages_t a, #results #pages_b a {
	color: #000;
}

#results .bar {
	background-color: #E4F1FF;
	padding: 5px;
	margin: 0;
}

#results  #offers {
	margin: 10px 0;
}

#accoms .accomRow .image {
	text-align: left;
	width: 1%;
	vertical-align: top;
}

#accoms .accomRow .image img.hotel {
	/*min-width: 80px;
	max-width: 150px;*/
	width: 150px;
	margin-bottom: 5px;
}

#accoms .accomRow .image .moreinfo {
	float: right;
}

#accoms .accomRow .image .moreinfo a {
	display: block;
	margin: 0;
	padding: 0;
	background: url("/images/buttons/grey.gif") no-repeat;
	background-position: 0px 0px;
	color: #393939;
	font-family: sans-serif;
	font-weight: bold;
	font-size: 10px;
	width: 56px;
	height: 12px;
	text-align: center;
	line-height: 10px;
	text-decoration: none;
}

#accoms .accomRow .image .moreinfo a:hover {
	background-position: -57px 0px;
	color: #fff;
}

#accoms .accomRow .name {
	text-align: left;
	font-size: 15px;
	font-weight: bold;
}

#accoms .accomRow .rooms {
	vertical-align: top;
}

#accoms .accomRow .rooms .name {
	font-size: 11px;
	width: 100%;
}

#accoms .accomRow .rooms .prices {
	text-align: left;
	font-weight: bold;
}

#accoms .accomRow .rooms .select {
	width: 1%;
}

#accoms .accomRow .area {
	width: 100%;
	text-align: left;
	font-size: 10px;
	font-weight: bold;
}

#accoms .accomRow .rating {
	vertical-align: middle;
}

#rating {
	width: 115px;
}

#accoms .accomRow .rooms #rooms
{
	height:177px; /* 5 rooms * 33px height each (5 + 25 + 5) + 12px padding */

	/* ie6 hack */
	* overflow-x:hidden;
	* overflow-y:auto;
	* margin-right:16px;
}

/* ie7 hack */
html>body #accoms .accomRow .rooms #rooms
{
	* margin: 0;
	* padding-right:16px;
}

/* unhack */
html>/**/body #accoms .accomRow .rooms #rooms
{
    overflow:auto;
}

#accoms #results a.submit {
	display: block;
	margin: 0;
	padding: 0;
	background: url("/images/buttons/smallorange.png") no-repeat;
	background-position: 0px 0px;
	color: #393939;
	font-family: sans-serif;
	font-weight: bold;
	font-size: 10px;
	letter-spacing: -1px;
	width: 60px;
	height: 23px;
	text-align: center;
	line-height: 23px;
	text-decoration: none;
}

#accoms #results a.submit:hover {
	background-position: -61px 0px;
}

/* payment */
#payment .left {
	width: 370px;
	float: left;
}

#payment h1 {
	margin: 0;
	font-size: 12px;
	background-color: #C8ECFF;
	font-weight: bold;
	padding: 3px 5px;
	display: block;
	margin-bottom: 5px;
	margin-top: 20px;
	color: #7F7F7F;
}

#payment .left h3 {
	margin: 0;
	margin-bottom: 5px;
	margin-left: 5px;
}

#payment .left .box {
	padding: 5px;
	margin-left: 5px;
	font-size: 10px;
}

#payment .left .box input, #payment .left .box select {
	border: 1px solid #C9C9C9;
	margin: 1px;
}

#payment .left .box .field {
	display: block;
	width: 70px;
	text-align: right;
	float: left;
	margin-right: 10px;
	clear:left;
}

#payment .left .submit {
	float: right;
	margin-top: 10px;
}

#payment .left .submit input {
	cursor: hand;
	cursor: pointer;
}

#payment .left .box .fieldframe {
	margin: 2px 0;
}

#payment .left .box .fieldframe .note {
	margin-left: 5px;
}

#payment .right {
	width: 300px;
	float: right;
	/*border: 1px solid #A9A9A9;*/
}

#payment .right .subheading {
	background-color: #C8ECFF;
	font-weight: bold;
	padding: 3px 5px;
	display: block;
	color: #7F7F7F;
}

#payment .right .box {
	padding: 5px;
	padding-top: 20px;
	background-color: #F9F9F9;
}

#payment .right .box .details {
	font-weight: bold;
}

#payment .right .box table {
	border: 0;
	padding: 0;
	margin: 0;
}

#payment .right .box table td {
	border: 0;
	padding: 3px;
	margin: 0;
	font-size: 10px;
}

#payment .right .box table .name {
	width: 1%;
	text-align: center;
}

#payment .right .box table .value {
	width: 100%;
	text-align: right;
}

#payment .emphasis {
	font-weight: bold;
}

#payment .separator {
	width: 100%;
	border-bottom: 2px solid black;
	margin-bottom: 5px;
}

#payment .note {
	font-style: italic;
}

#payment .right .box table tr.outbound td {
	background-color: #DADADA;
}

#payment .right .box table tr.inbound td {
	background-color: #C5C5C5;
}

#payment .right .box table .price td {
	background-color: #8A8A8A;
	color: #FFF;
	font-weight: bold;
}

#payment .right .box .total {
	width: 100%;
}

#payment .right .box .total div {
	background-color: #494949;
	text-align: right;
	font-weight: bold;
	font-size: 14px;
	color: #FFF;
	margin: 10px 2px;
	margin-top: 20px;
	padding: 3px;
}

/* summary */
#summary h2 {
	margin: 0;
	padding: 0;
	font-weight: normal;
	color: #757575;
	font-size: 14px;
}

#summary .select .price {
	background: none;
	background-color: #2f2f2f;
	color: #fff;
	font-size: 13px;
	text-align: center;
	width: 74px;
	font-weight: bold;
}

#summary .select .price .info {
	font-size: 8px;
	font-weight: normal;
}

#summary .select .price .top {
	background: #2f2f2f url(/images/offer_price_top.png) no-repeat top;
	color: #fff;
	height: 19px;
	width: 74px;
	padding: 0;
	margin: 0;
}

#summary .select .price .middle {
	background-color: #2f2f2f;
	background: none;
	width: 74px;
	padding: 0;
}

#summary .select .price .bottom {
	background: #2f2f2f url(/images/offer_price_bottom.png) no-repeat bottom;
	height: 19px;
	width: 74px;
	padding: 0;
	margin: 0;
}

#summary a.changebtn {
	display: block;
	margin: 0;
	padding: 0;
	background: url("/images/buttons/big_grey.gif") no-repeat;
	background-position: 0px 0px;
	color: #555;
	font-family: sans-serif;
	font-weight: bold;
	font-size: 9px;
	width: 121px;
	height: 17px;
	text-align: center;
	line-height: 17px;
	text-decoration: none;
	text-transform: lowercase;
}

#summary a.changebtn:hover {
	background-position: -122px 0px;
	color: #fff;
}

#summary .accomRow, #summary .flightRow {
	color: #444;
}

#summary .accomRow .image, #summary .accomRow .select, #summary .accomRow .rating {
	width: 1%;
}

#summary .accomRow .image img{
	width: 100px;
}

#summary .accomRow td {
	font-size:11px;
	padding:5px;
	text-align: left;
}

#summary .accomRow .rating {
	padding: 0;
}

#summary .accomRow td.hotel {
	font-size: 16px;
	font-weight: bold;
}

#summary .accomRow td.hotel span {
	font-weight: normal;
	font-size: 14px;
}

#summary .flightRow tr.outbound td {
	background-color: #E2EEFE;
}

#summary .flightRow tr.inbound td {
	background-color: #EFF6FF;
}

#summary .accomRow tr.hotel td {
	background-color: #F6F6F6;
}

#summary .accomRow tr.room td {
	background-color: #EFF6FF;
}

#summary .accomRow td.room {
	font-size: 10px;
	font-weight: bold;
	padding-left: 20px;
}

#summary .accomRow td.room span {
	font-weight: normal;
	padding-left: 20px;
}

/* common */
#progress div {
	background: #fff url("/images/headers/progress.png?20080502") no-repeat;
	width: 494px;
	height: 27px;
	margin: 20px auto;
}

#progress .flights {
	background-position: 0px 0px;
}

#progress .accoms {
	background-position: 0px -28px;
}

#progress .summary {
	background-position: 0px -56px;
}

#progress .payment {
	background-position: 0px -84px;
}

/* faq page */
#faq a.question {
	font-weight: bold;
	color: #000;
	display: block;
	width: 732px;
	padding:10px 6px;
}
#faq a.question:hover{
	background-color: #000;
	color: #fff;
}
#faq .answer {
	display: none;
	padding: 5px 10px;
	padding-left: 25px;
	background-color: #EAEAEA;
}

#faq .header .heading {
	margin-left: 20px;
}