* {
	font-family: Verdana, Tahoma, Helvetica, Arial, Sans-serif;
	font-size: 11px;
	line-height: 14px;
}

html, body {
	margin: 0;
	padding: 0;
}

body {
	padding-bottom: 12px;
}

/* 
	the Wrapper class is important, since some objects will need to be
	aligned to the "right" of the page, and the document window will be too big (based on
	the header-size).  It also gives a convenient place to add left-padding (if required).
	
	If the page is to be centered at a later point, the header can be put into the wrapper,
	and the margins set to 0 auto; (at this point, we would probably not need any padding)
	
	The template's aren't clear with the header to wrapper placement always, so a body ID and
	descendant selectors are available to tweak the wrapper padding from page to page.
*/


#wrapper {
	border: 0px solid red;
	margin: 0;
	padding: 0 10px;
    padding-top:10px;
    width: 759px;
}

#flightinfo #wrapper {
 padding: 0;
 padding-top:8px;
}

#staticAd {
    margin-top: 10px;
    /*border: 1px solid black;*/
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
}

#footer {
    border-top: 1px dotted #303030;
    padding-top: 15px;
    color: #666666;
    text-align: center;
    margin-top: 40px;
    width: 759px;
}

#footer a {
    color: #666666;
}

#login_greeting {
    padding-left: 24px;
    font-weight: bold;
    background: transparent url(/images/redHeaderArrow.gif) bottom left no-repeat;
    font-size: 12px;   
}



#search #wrapper {
 padding: 0 10px;
 width: 739px;
}

#header {
	width: 759px;
	margin: 0;
	padding: 0;
	text-align: right;
}

#header a {
    color: #CC0000;  
}

#banner {
	background: transparent url(/images/header.jpg) no-repeat 0% 0%;
	position: relative;
	height: 58px;
}

#menu {
	height: 20px;
    background: #3E6C97 url(/images/menuBackground.jpg) bottom left repeat-x;
    background-color: #3E6C97;
	text-align: left;
	color: #FFF;
	font-weight: bold;
	border-bottom: 2px solid #D7D7D7;
}

#menu a {
    color: #FFF;
    text-decoration: none;
    display: inline-block;
    width: 142px;
    padding-left: 2px;
    background: transparent url(/images/menuDivider.gif) bottom right no-repeat;
    text-align: center;
}

#submenu {
	font-weight: bold;
}


#loginDetails {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 730px;
    color: #31618E;
    padding: 0 10px 5px;
	text-align: right;
	font-weight: bold;
}

a.link {
	color: #CC0000;
}

a.selected {
	color: #000;
    font-weight: bold;
    text-decoration: none;
}

a.disabled {
	color: #EEE;
    font-weight: bold;
    text-decoration: none;
}

a.link span.selected {
	color: #000;
    font-weight: bold;
    text-decoration: none;
    padding-right: 12px;
}

a.link span.ascending {
    background: transparent url(/images/sortUp.png) no-repeat right 4px;
}

a.link span.descending {
    background: transparent url(/images/sortDown.png) no-repeat right 4px;
}

/*
//////////////////////////////////////////////////
	Boxes
	
	The boxes below use the "sliding doors" technique to work.  The is an outer div that
	sets the top and tiled image, and a interior div (added with jQuery) that sets the bottom image.  Note that there
	is a maximum height for this technique of approx. 2000px.  It can be modified by adjusting one image.
//////////////////////////////////////////////////
*/

div.bigBox {
	background: transparent url(/images/bigbox_727_top.png) no-repeat 0% 0%;
	width: 727px;
	padding: 0;
	margin:0 0;
}

div.wideBox {
    width: 750px;
    background: transparent url(/images/bigboxwide_top.png) no-repeat 0% 0%;
}

div.thinBox {
    width: 568px;
    background: #97c3db url(/images/bigbox_568_top.png) no-repeat 0% 0%;
}

div.bigBox > div {
	width: 707px;
	background: transparent url(/images/bigbox_727_bottom.png) bottom left no-repeat;
	margin: 0;
	padding: 10px 10px 74px;
}

div.wideBox > div {
    width: 730px;
    background: transparent url(/images/bigboxwide_bottom.png) bottom left no-repeat;
}

div.thinBox > div {
    background: transparent url(/images/bigbox_568_bottom.png) bottom left no-repeat;
    width: 548px;
    margin: 0 auto;
}

div.smallBox {
    background: #f0f5f8 url(/images/smallbox_697_top.png) top left no-repeat;
	width: 697px;
    padding-top: 14px;
    margin: 0 auto;
}

div.narrowBox {
    background: #f0f5f8 url(/images/smallbox_549_top.png) top left no-repeat;
	width: 549px;
    padding-top: 10px;
    margin: 0 auto;
}

div.smallBox > div {
	background: transparent url(/images/smallbox_697_bottom.png) bottom left no-repeat;
	margin: 0;
	padding: 0 20px 24px 10px;
}

div.narrowBox > div {
	background: transparent url(/images/smallbox_549_bottom.png) bottom left no-repeat;
	margin: 0;
	padding: 0 20px 24px 10px;
}


div.wideSmallBox {
    display: inline-block;
    width: 551px;
    background: #f0f5f8 url(/images/boxwide_top.png) top left no-repeat;
    float: left;
}

div.wideSmallBox > div {
    width: 531px;
    background: transparent url(/images/boxwide_bottom.png) bottom left no-repeat;
}

img#concierge {
    float: right;
    margin-right: 55px;
    margin-top: 12px;
}

/*
//////////////////////////////////////////////////
	END of Boxes
//////////////////////////////////////////////////
*/

div.bookingBaseInfo {
	margin: 0;
	padding: 0 10px 0 0;
}

div.bookingBaseInfo > div.fRight {
	text-align: right;
}

div.bookingBaseInfo > div.fRight > div.fLeft:first-child + div.fLeft {
	text-align: left;
	margin-left: 5px;
}


#policyAndSearch {
	margin-top: 18px;
}

#policyAndSearch #policy {
	margin-right: 30px;
}

/*
//////////////////////////////////////////////////
	Buttons
	
	The button styles below use the "sliding doors" technique to work.  Because of similarities,
	there is a generic class "button" and specific classes for finer detail.
//////////////////////////////////////////////////
*/

a.button {
	/*
		un comment this section and extend the button sliding door images if there needs to be
		a minimum width on buttons
		min-width: 300px;
	*/
	display: block;
	float: left;
	height: 18px;
	margin-right: 8px;
	padding-right: 4px;

    color: #FFF;
	font-weight: bold;
	font-size: 10px;
	text-decoration: none;
}

a.button > span {
	display: block;
	padding: 0 9px 0 10px;
}

a.button > span > span{
	position: relative;
    background: none;
    padding: 0;
    margin: 0;
    line-height: 18px !important;
    font-size: 10px;
}

a.greyButton {
    background: transparent url('/images/grey_right.png') no-repeat scroll top right;
}

a.greyButton > span {
	background: #555 url('/images/grey_left.png') no-repeat;
} 

a.redButton {
	background: transparent url('/images/red_right.png') no-repeat scroll top right;
}

a.redButton > span {
	background: #FF0000 url('/images/red_left.png') no-repeat;
} 

/*
//////////////////////////////////////////////////
	END of Buttons
	
	The button styles below use the "sliding doors" technique to work.  Because of similarities,
	there is a generic class "button" and specific classes for finer detail.
//////////////////////////////////////////////////
*/


/* this is the class that is used to display the flight booking reference number */
.reference {
	display: inline-block;
	border: 1px solid #C5C5D1;
	background-color: #FFF;
	font-weight: bold;
    font-size: 11px;
    color: #FE020C;
	padding: 1px 4px;
}


table.flightDetails {
	text-align: left;
	width: 600px;
	margin: 0 auto;
}

table.flightDetails th {
	font-weight: bold;
    font-size: 10px;
    color: #0F365D;
    border-bottom: 1px dotted #5989A0;
}

table.flightDetails td {
    font-size: 11px;
    color: #0F365D;
}


/* 
	a "stopover" div is one that contains the search criteria for the stopover search (number 
	of rooms, adults per room, children per room
*/

div.stopover {
    background: #97c3db url(/images/stopover_top.gif) no-repeat 0% 0%;
    font-size: 12px;
	width: 614px;
	background-color: #FFF;
	margin: 0 auto 20px;
    padding-top: 10px;
    padding-bottom: 0;
}

div.stopover > div {
    background: transparent url(/images/stopover_bottom.gif) bottom left no-repeat;
    padding: 0px 8px 12px;
    margin-bottom: 0;
}

div.stopover > div > table {
	margin: 8px;
}

/*div.stopover > div > div {
	padding: 2px 6px;
}*/

div.stopover > div > div > input {
	vertical-align: bottom;
}

#modifyOccupancy div.innerBorder > div:first-child + div {
	padding: 12px;
}

/*
//////////////////////////////////////////////////
	Occupancy Table (form)
//////////////////////////////////////////////////
*/

table.occupancy td, table.occupancy th {
	padding: 1px;
	font-weight: normal;
	text-align: left;
}

table.occupancy th {
	width: 130px;
}

table.occupancy th + th + th {
	width: 100px;
}

table.occupancy th + th, table.occupancy th + th + th + th {
	width: auto;
}

/*
//////////////////////////////////////////////////
	END of Occupancy Table (form)
//////////////////////////////////////////////////
*/

.errorMessage {
    width: 641px; /* used to be 100% -45px;*/
	margin: 8px 0px 12px -9px;
	padding: 4px 0 10px 45px;
	background: #FCF1D5 url(/images/errorLogo.gif) 3px 3px no-repeat;
	border-top: 2px solid #E89E51;
	border-bottom: 2px solid #E89E51;
	color: #E80000;
    font-size: 11px;
    line-height: 14px;
}

.warningMessage {
    width: 567px;
	margin: 0 0 10px -7px;
	padding: 4px 0 10px 45px;
	background: #FCF1D5 url(/images/warningLogo.gif) 3px 3px no-repeat;
	border-top: 2px solid #E89E51;
	border-bottom: 2px solid #E89E51;
	color: #000;
    font-size: 11px;
}

#main .errorMessage {
    width: 518px;
    margin: 14px auto;
}

.wideSmallBox .errorMessage {
    width: 498px;
    clear: both;
}

div.hdivider {
	width: 100% - 45px;
	height: 2px;
	margin: 2px -10px 2px -8px;
	background: transparent url(/images/hr.gif) 0 0 repeat-x;
	padding: 0 0 10px 45px;
}

div.loginhdivider {
    width: 497px;
	height: 2px;
	margin: 2px -6px 2px -8px;
	background: transparent url(/images/hr.gif) 0 0 repeat-x;
	padding: 0 0 10px 45px;
	border: 0px dotted red;
}




#flightInfo {
	width: 186px;
	float: left;
	padding: 0;
    overflow: hidden;
}

#flightInfoHeader {
	width: 100%;
	height: 29px;
	background: transparent url(/images/flightInfoHeader.gif) 0 0 no-repeat;
}

#flightInfoHeader h3 {
	margin: 0;
	padding: 7px;
	font-size: 12px;
	color: #0F365D;
}

#flightInfo div.plain {
	padding: 7px;
	background: transparent url(/images/flightInfoPlainBack.gif) 0 0 repeat-y;
}

#flightInfo div.topBorder {
	border-top: 1px groove #C5C5D0;
}

#flightInfo div.selected {
	padding: 7px;
	border: 2px solid #31618E;
	background-color: #FFF;
}

div.indent * {
    line-height:14px;
}

div.indent p {
    padding: 4px;
    margin: 0;
}

table.flightInfoDetails tr td{
	padding: 0 10px 0 0;
}

#flightInfo div.indent {
	padding-left: 4px;
	background: transparent url(/images/indentArrow.gif) 0px 6px no-repeat;
}

.status {
    font-size: 11px;
    color: #E80000;
}

#flightInfo div.selected > span {
	display: block;
	float: left;
	clear: left;
	width: 35px;
	border: 1px solid red;
	padding: 0;
	margin: 0;
}


#flightInfo div.bottom {
	border-top: 1px groove #C5C5D0;
	padding: 7px;
	background: transparent url(/images/flightInfoBottom.gif) 100% 100% no-repeat;
}

#flightInfo div.selected + div.bottom {
	border-top: 0px;
}

#main {
	float: left;
	width: 563px;
	margin: 0;
	padding: 0 0 0 10px;
}

.smallNoImage {
    width:190px;
    height: 132px;
    background: #ACACAC url(/images/noImage.gif) center center no-repeat;
}

div.resultsBar {
	background-color: #D4D9DD;
	padding: 1px 8px;
}

div.resultsBar span.selected {
	font-weight: bold;
}

div.resultsBar span.disabled {
	font-weight: bold;
	color: #7B7B7B;
}


.resultsBar .paginationPages, .resultsBar .paginationPages a.link, .resultsBar .paginationPages .selected {
	padding: 0 2px;
}

div.hotelResult {
	padding-bottom: 12px;
	border-bottom: 1px dotted #54738A;
	margin-bottom: 8px;
}

/*
//////////////////////////////////////////////////
	Small Image Browser
//////////////////////////////////////////////////
*/

div.hotelResult .smallImageBrowser {
	float: left;
	position: relative;
	width: 190px;
	padding: 0;
	margin: 0;
}

div.hotelResult .smallImageBrowser div {
	widtH: 176px;
	height: 18px;
	padding: 0 7px;
	background: #d4d9dd;
	line-height:18px;
	margin: 0;
}

div.hotelResult .smallImageBrowser div a {
	font-weight:bold; 
	color:#0d61a2; 
}

div.hotelResult .smallImageBrowser span img { 
	padding:2px 4px; 
}

div.hotelResult .smallImageBrowser div span a {
	margin:2px 4px 0px 4px;
	position:relative;
	width:13px; height:13px;
	display:block;
	line-height:normal;
}

div.hotelResult .smallImageBrowser div span a.photoArrowLeft {background: url(/images/arrowPhotoLeft.gif) top left ; }
div.hotelResult .smallImageBrowser div span a.photoArrowRight {background: url(/images/arrowPhotoRight.gif) top left; }
div.hotelResult .smallImageBrowser div span a.photoArrowRight:hover {background: url(/images/arrowPhotoRight_hover.gif) top left; }
div.hotelResult .smallImageBrowser div span a.photoArrowLeft:hover {background: url(/images/arrowPhotoLeft_hover.gif) top left; }


div.hotelResult div.smallImageBrowser ul {
	width: 190px; 
	height: 132px;
	list-style: none;
	overflow: hidden;
	position: relative;
	margin: 0;
	padding: 0;
}

div.hotelResult div.smallImageBrowser ul li { 
	margin: 0; 
}

div.hotelResult .photoBrowser {
	float:right;
	width:150px;
}

/*
//////////////////////////////////////////////////
	END of small image browser
//////////////////////////////////////////////////
*/

/*
//////////////////////////////////////////////////
	Big Image Browser
//////////////////////////////////////////////////
*/

.imageBrowser {
	position:relative;
	float:left;
	width:355px;
	padding: 0px 10px 0 0;
	margin: 0 0 30px 0;
}

.imageBrowser a.plusPhoto{
	position:absolute;
	top:6px;
	right:15px;
	background: url(/images/plusPhotoOff.png) top left no-repeat;
	width:13px; height:13px;
	text-decoration: none;
}

.imageBrowser a.plusPhoto:hover {
	background: url(/images/plusPhoto.png) top left no-repeat;
}

.imageBrowser ul li a img {
	border: 0px;
}


.imageBrowser div {
	float:left;
	width:341px; height:18px;
	padding:0 7px;
	background:#d4d9dd;
	line-height:18px;
}

.imageBrowser div a {
	font-weight:bold; 
	color:#0d61a2;
}

.imageBrowser div span img {
	padding:2px 4px;
}

.imageBrowser div span a {
	margin:2px 4px 0px 4px;
	position:relative;
	width:13px; height:13px; 
	display:block;
	line-height:normal;
}

.imageBrowser div span a.photoArrowLeft {
	background: url(/images/arrowPhotoLeft.gif) top left ;
}

.imageBrowser div span a.photoArrowRight {
	background: url(/images/arrowPhotoRight.gif) top left;
}

.imageBrowser div span a.photoArrowRight:hover {
	background: url(/images/arrowPhotoRightHover.gif) top left;
}
.imageBrowser div span a.photoArrowLeft:hover {
	background: url(/images/arrowPhotoLeftHover.gif) top left;
}

div.imageBrowser ul {
	height:250px;
	list-style:none;
	overflow:hidden;
	position:relative;
	margin:0;
	padding:0;
	width:355px;
}


/*
//////////////////////////////////////////////////
	END of Big Image Browser
//////////////////////////////////////////////////
*/
div.hotelResult > div.clearfix:first-child + div.clearfix > div.fLeft {
	width: 190px;
}

div.hotelResult > div.clearfix:first-child + div.clearfix > div.fLeft + div.fLeft {
	border: 0px solid red;
	width: 361px;
	padding-left: 10px;
}

div.hotelResultTitleBar {
	position: relative;
	margin: 12px 0 8px 0;
	background-color: #DFE9F0;
	padding: 1px 5px 2px 30px;
	font-weight: bold;
    font-size: 12px !important;
}

div.hotelResultTitleBar img {
	position: absolute; 
	bottom: 3px; 
	left: 3px;
}

div.hotelResultTitleBar div.starRating {
	margin: 2px 0 0 0;
}

/*
//////////////////////////////////////////////////
	Star Ratings
//////////////////////////////////////////////////
*/
div.starRating {
	width: 75px;
	height: 14px;
	background: transparent url(/images/stars.gif) 100% 0 repeat-x;
}

div.actualRating_2 {
	width: 15px;
	height: 14px;
	background: transparent url(/images/stars.gif) 0 100% repeat-x;
}

div.actualRating_3 {
	width: 22px;
	height: 14px;
	background: transparent url(/images/stars.gif) 0 100% repeat-x;
}

div.actualRating_4 {
	width: 30px;
	height: 14px;
	background: transparent url(/images/stars.gif) 0 100% repeat-x;
}

div.actualRating_5 {
	width: 37px;
	height: 14px;
	background: transparent url(/images/stars.gif) 0 100% repeat-x;
}

div.actualRating_6 {
	width: 45px;
	height: 14px;
	background: transparent url(/images/stars.gif) 0 100% repeat-x;
}

div.actualRating_7 {
	width: 52px;
	height: 14px;
	background: transparent url(/images/stars.gif) 0 100% repeat-x;
}

div.actualRating_8 {
	width: 60px;
	height: 14px;
	background: transparent url(/images/stars.gif) 0 100% repeat-x;
}

div.actualRating_9 {
	width: 67px;
	height: 14px;
	background: transparent url(/images/stars.gif) 0 100% repeat-x;
}

div.actualRating_10 {
	width: 75px;
	height: 14px;
	background: transparent url(/images/stars.gif) 0 100% repeat-x;
}

/*
//////////////////////////////////////////////////
	End of Star Ratings
//////////////////////////////////////////////////
*/

div.resultsAddress {
	text-align: right;
}

/*
//////////////////////////////////////////////////
	Hotel Results Table
//////////////////////////////////////////////////
*/

table.hotelResultData {
	width: 100%;
}

table.hotelResultData tr td {
	/*width: 130px;*/
	padding-right: 8px;
	text-align: right;
}

.hotelResultData * {
    line-height:12px;
    padding-bottom:4px;
}

/*
table.hotelResultData tr.last td:first-child {
	line-height: 0.5em;
}
*/

table.hotelResultData tr td + td {
	width: auto;
	padding-left: 8px;
	text-align: left;
}

table.hotelResultData td.topBorder {
	border-top: 1px solid #C4DEEF;
	border-left: 1px solid #C4DEEF;
	border-right: 1px solid #C4DEEF;
}

table.hotelResultData td.sideBorder {
	border-left: 1px solid #C4DEEF;
	border-right: 1px solid #C4DEEF;
}

table.hotelResultData td.bottomBorder {
	border-left: 1px solid #C4DEEF;
	border-right: 1px solid #C4DEEF;
	border-bottom: 1px solid #C4DEEF;
    padding-bottom: 6px;
}

/*
//////////////////////////////////////////////////
	END of Hotel Results Table
//////////////////////////////////////////////////
*/

div.resultPrice {
	width: 110px;
	font-size: 2em;
	font-weight: bold;
	text-align: right;
	background-color: #FCF1D5;
	padding: 6px;
    margin-top:10px;
}

div.resultPrice_free {
	width: 110px;
	font-size: 2em;
	font-weight: bold;
	text-align: center;
	background-color: #FCF1D5;
	padding: 5px;
}

div.overlay {
	background: #000;
	position: absolute; 
	top: 0; 
	left: 0;
	z-index: 0;
	width: 100%; height: 100%;
	display: none;
}

/*  just an example of a popup class, to be finalized later */
.popUp {
	width: 440px;
	background-color: #F2F2F2;
	border-top: 3px solid #2F74A8;
	border-bottom: 3px solid #2F74A8;
	border-left: 2px solid #2F74A8;
	border-right: 2px solid #2F74A8;
	z-index: 100;
	position: absolute;
	display: none;
}


/*.popUp > .innerBorder {
	border-left: 1px solid #808080;
	border-right: 1px solid #808080;
}*/

.popUp .innerBorder .popUpHeader {
	background-color: #F5F5F5;
	border-bottom: 1px solid #CCC;
	font-weight: bold;
	padding: 1px 4px;
}

h1 {
	font-size: 24px;
	color: #2B2C2C;
	padding-top: 2px;
	margin: 0;
    line-height:18px;
}

span.italic_text {
    font-style: italic;
    font-size: 100%;
}

h2 {
	color: #0F365D;
	font-size: 16px;
	margin: 2px auto 8px;
}

h2.flightDesc, h2.hotelTitle {
    font-size: 14px;  
}

/*
//////////////////////////////////////////////////
	Hotel Tabs
//////////////////////////////////////////////////
*/

.tabsContainer ul.tabs {
	position: relative; bottom: -1px;
	list-style: none;
	border-left: 1px solid #c5d3d9;
	padding: 0;
	margin: 10px 0 0 0;
}

.tabsContainer ul.tabs li {
	position:relative;
	float: left;
	border-top: 1px solid #c5d3d9;
	border-bottom: 1px solid #c5d3d9;
	padding: 0 0 0 5px;
	background:  url("/images/tabNotCurrentBg.gif") top left repeat-x;
}

.tabsContainer ul.tabs li.current { 
	position:relative; 
	z-index:1000;
	display:block; 
	border-bottom: 1px solid #fcfcfc; 
	background: #fcfcfc url("/images/tabCurrentBackground.gif") top left repeat-x;
}

.tabsContainer ul.tabs li span {
	position:relative;
	border-right: 1px solid #c5d3d9;
	padding: 5px 11px 6px 3px;
	font-weight: bold;
	display: block;
}

.tabsContainer ul.tabs li span a {
	position:relative;
	background: url("/images/rightDottedArrow.gif") 0px 3px no-repeat;
	padding: 0 0 0 12px;
	display: block;
	color: #5a7f98;
	text-decoration: none;
	font-size: 0.9em !important;
	line-height: 1.2;
}

.tabsContainer ul.tabs li.current span a {
	background: url("/images/downBlueArrow.gif") 0px 5px no-repeat;
	color: #3d5a6c;
}

.tabsContainer .tabContent {
	width: 506px;
	background: url("/images/tabContentBackground.gif") top left no-repeat;
	min-height: 92px;
	padding: 10px 12px;
	/* position:relative; BUG on IE (additional spacing between the tabs and the box )*/
	z-index:1;
}

/*
//////////////////////////////////////////////////
	END of Hotel Tabs
//////////////////////////////////////////////////
*/

/*
//////////////////////////////////////////////////
	Fare Summary
//////////////////////////////////////////////////
*/

ul {
    list-style-type: square;
}

ul.squareList {
    margin: 0;
    font-size: 12px !important;
    padding-left: 12px;
    font-weight: bold;
}

div.bigRounded {
    margin-top: 10px;
    background-color: #F0F5F8;
    border: 1px solid #98A8B8;
    padding: 10px;
}

div.bigRounded > div {
	padding: 2px 6px;
}

#fareSummary {
	width: 670px;
	margin: 2px -6px 12px -8px;
	padding: 10px 0 10px 15px;
	border-top: 1px dashed #0f365d;
	border-bottom: 1px dashed #0f365d;
	background-color: #FFF;
}

#fareSummaryTable {
	width: 440px;
}

#fareSummaryTable td {
    line-height: 18px;
}

#fareSummaryTable td.bottom-line {
	border-bottom: 1px dashed #5989a0;
}

#fareSummaryTable td.indent {
	padding-left: 14px;
}

#fareSummaryTable td + td {
	width: 100px;	
	text-align: right;
}

#fareSummaryTable td.solid {
    border-bottom: 1px solid #000;   
}

#fareSummaryTable td.thickSolid {
    border-bottom: 2px solid #000 !important;   
}

#fareSummaryTable tr.last td {
    border: 0px;
}

#fareSummaryTable tr.next-to-last td {
    padding-bottom: 8px;
}

#fareSummaryTable td.grandTotal {
	background-color: #FCF1D5;
	font-weight: bold;
	font-size: 12px;
	padding: 3px;
}

.hotelBox {
	background: url("/images/hotelIcon.gif") 0px 0px no-repeat;
	padding: 1px 3px 0px 28px;
}

.stopOverDetails {
	margin: 0 0;
	padding: 0 7px;
    width: 267px;
}

.simpleBorderTable {
	border: 1px solid #C4DEEF;
    width: 100%;
}

.simpleBorderTable * {
    line-height: 12px;
}

.simpleBorderTable tr td {
	padding-right: 5px;
}

.simpleBorderTable tr td.first{
	padding: 1px 5px;
    text-align: right;
}

/*
//////////////////////////////////////////////////
	FormDiv
//////////////////////////////////////////////////
*/

div#formDiv {
	border: 1px solid #7E9DBA;
	background-color: #FFF;
	padding: 10px;
}

div#formDiv fieldset {
	background-color: #F0F5F8;
	border: 0px;
	padding: 0;
	border-bottom: 2px solid #010101;
	margin: 0 0 12px 0;
}

div#formDiv h2 {
	font-size: 13px;
    color: #0F365D;
    border-bottom: 2px solid #010101;
	margin: 0px;
	padding: 4px;
    padding-left: 0;
    background-color: #FFF;
}

div#formDiv .content {
	padding: 8px;
}

div#formDiv .content table {
	width: 100%;
}

div#formDiv .content table tbody tr td {
	padding: 4px 0 0 0px;
    line-height:10px !important;
}

div#formDiv .content table tbody tr td:first-child {
	text-align: right;
	padding-right: 8px;
}

div#formDiv .content table tbody tr.room td:first-child {
	font-weight: bold;
}

div#formDiv .content table tbody tr.room td:first-child + td select {
	width: 190px;
	padding: 2px;
	border: 1px solid #9AABB7;
}

div#formDiv .content table tbody tr td:first-child + td + td {
    line-height:12px !important;
    padding-left: 1px;
}

div#formDiv .content table tbody tr td:first-child + td + td input {
	margin-right: 8px;
}

div#formDiv .content table tbody tr td:first-child + td input.emailInput {
	width: 320px;
}

div#formDiv .content table tbody tr td input.text {
	width: 180px;
}

div#formDiv .content table tbody tr td input.longText {
	width: 190px;
}

div#formDiv .content table tbody tr td:first-child + td input.radio {
	vertical-align: top;
	padding: 0;
	margin: 2px 5px 0 0;
}

div#formDiv .content table tbody tr td .message {
	background: #FAFCFC url(/images/indentArrow.gif) 5px 9px no-repeat;
	border: 1px dashed #CAD8E1;
	padding: 4px 4px 4px 16px;
    text-align:left;
}

div#formDiv .content textarea {
	width: 100%;
	height: 103px;
	text-align: left;
}

div#formDiv .read_only_textarea {
	width: 95%;
	height: 150px;
	text-align: left;
    border:1px solid #ccc;
    background:#f2f2f2;
    padding:6px;
    overflow:auto;
}

div#formDiv .read_only_textarea h2 {
    background-color:#f2f2f2;
    border-bottom:none;
}

div#formDiv span.small {
    font-size:10px;
}

table.creditCards {
    text-align: left;
}

table.creditCards td + td {
    padding-right: 5px !important;    
}

/*
//////////////////////////////////////////////////
	END of FormDiv
//////////////////////////////////////////////////
*/



div.alertInfo {
	background: #e6e6e6 url(/images/iconInfo.gif) 10px 10px no-repeat;
	border: 1px solid #dcdcdc;
	margin: 10px 0 20px;
	padding: 10px 10px 0 50px;
	min-height: 50px;
}

ul.simpleList {
	list-style: none; 
	margin: 5px 0 0px 3px; 
	position:relative; 
	padding: 0;
}

ul.simpleList li {
	font-size: 0.9em !important;
	padding: 0 0 0 8px;
	margin: 0 0 3px 0;
    line-height: 1em;
    background: url(/images/bullet.gif) 0 5px no-repeat;
}

ul.simpleList li a { 
	color: #0d61a2; 
}

ul.stopOverDetails {
    list-style-position: inside;
}

ul.stopOverDetails li {
    line-height: 12px;
}

.colLeft {
	width:272px; 
	position:relative; 
	float:left;
}

.colRight {
	width:220px; 
	position:relative; 
	float:left;
}

.warning {
	font-weight: bold;
	color: #FE020C;
    font-size: 12px;
}

.popUpContent {
    padding: 24px 10px;   
}

h1.popUpHeader {
    background: transparent url(/images/popUpHeader.png) top right no-repeat;
    height: 37px;
    width: 100% - 6px;
    background-color: #DEDEDE;
    padding: 12px 0 0 6px;
}

/*
//////////////////////////////////////////////////
	Utility Classes
//////////////////////////////////////////////////
*/
.fLeft {
	float: left;
}

.fRight {
	float: right;
}

.cBoth, .cboth { clear: both;  }

.noMargins {
	margin: 0;
}

.noPadding {
	padding: 0;
}

.textAlignRight {
	text-align: right;
}

.blackText {
    color: #000;   
}

/*
//////////////////////////////////////////////////
	Clearfix
//////////////////////////////////////////////////
*/

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/*
//////////////////////////////////////////////////
	JTip
//////////////////////////////////////////////////
*/
.jTip {
    cursor:help;
    position:relative;
    margin: 0 0 0 3px;
    top: 2px;
    z-index: 20000;
}