/********************************************

PAGE LAYOUT

**********************************************/
#right_col, .main_col {
	margin-top: 30px !important;
}
#right_col {	
	float: right !important; 
	clear: none !important;
	width: 275px; 
	padding-right: 10px;
	padding-left: 7px;
	background: none;
}
.main_col { /* margins create col on right side only */ 
	margin: 0; 
	width: 585px;
	padding: 0 0 0 30px; 
	float: left;
} 


/********************************************

MAIN COLUMN CONTENT

**********************************************/
ul.best-prices li {
	margin-top: 0.8em;
	list-style-type: none;
}
.main_col ul {
	margin-top: 5px;
}
.list-of-destinations-serviced {
	float: left;
	width: 99%; /* can't be 100% or knocks the sidebar down in IE6. Luckily, it doesn't need to be! :) */
	display: inline-block !important;
	clear: both;
	margin-bottom: 30px;
}
ul#destination-sorter, ul.suboptions {
	float: left;
	width: auto;
	margin: 5px 0 0 0;
	padding: 0;
	padding-right: 36px;
	list-style: none;
	background: url("../images/design_elements/tab-ul-background2.gif") no-repeat right bottom;
	line-height: normal;
}
#destination-sorter li, ul.suboptions li {
	cursor: pointer;
	float: left;
	margin: 0;
	padding: 0;
	background: url("../images/design_elements/tab-li-right-background.gif") bottom right no-repeat;
}
#destination-sorter li span, ul.suboptions li span {
	padding: 0 8px;
	display: block;
	float: left;
	background: url("../images/design_elements/tab-li-left-background.gif") bottom left no-repeat;
	line-height: 26px;
	height: 26px;
}
#destination-sorter li.tab_selected, ul.suboptions li.tab_selected { /* Generic selected tab */
	background: url("../images/design_elements/tab-li-selected-right-background.gif") bottom right no-repeat;
}
#destination-sorter li.tab_selected span, ul.suboptions li.tab_selected span { /* Span within generic selected tab */
	background: url("../images/design_elements/tab-li-selected-left-background.gif") bottom left no-repeat;
}
#destination-sorter li#tab1, ul.suboptions li#tab1 { /* Varied treatment of first tab in list, which fades out to the left so needs different images */
	background: url("../images/design_elements/tab1-li-right-background.gif") bottom right no-repeat;	
}
#destination-sorter li#tab1 span, ul.suboptions li#tab1 span { /* Varied treatment of span within first tab in list, which fades out to the left so needs different images */
	background: url("../images/design_elements/tab1-li-selected-left-background.gif") bottom left no-repeat;
	padding: 0 8px 0 1px; /* Less padding on the left side keept tab text in line with all left-aligned text in content section */
}
#destination-sorter li a, ul.suboptions li a { /* In some instances I've used these tabs NOT combined with JavaScript, in which case there's links on the text and these shouldn't be underlined */
	text-decoration: none;
}
#destination-sorter li.tab_selected#tab1, ul.suboptions li.tab_selected#tab1 { /* Varied treatment of selected tab li when it's the first tab in list, which fades out to the left */
	background: url("../images/design_elements/tab1-li-selected-right-background.gif") bottom right no-repeat;	
}
#destination-sorter li.tab_selected#tab1 span, ul.suboptions li.tab_selected#tab1 span { /* Varied treatment of selected tab's span when it's the first tab in list, which fades out to the left */
	background: url("../images/design_elements/tab1-li-left-background.gif") bottom left no-repeat;
}
#destination-sorter li span.greyed-out, ul.suboptions li span.greyed-out {
	color: gray;
}
.list-container {
	min-height: 100px;
	float: left;
	width: 100%;
	padding: 8px 10px 0 10px;
}
.list-container ul {
	list-style: none;
}
.list-container ul li {
	float: left;
	clear: none;
	width: 30%;
	display: block;
}
	
/* Commented Backslash Hack
    hides rule from IE5-Mac \*/
#header a { float:none; }
/* End IE5-Mac hack */

#destination-sorter li.tab_selected {
	font-weight: bold;
}

/********************************************

RIGHT COLUMN SPECIALS

**********************************************/

div.airline-page-specials {
	width: 100% !important;
	margin: 0;
	background: #e5edee url("../images/design_elements/right-col-box-bg-right.jpg") top right no-repeat;
	padding-bottom: 15px;
}
div.airline-page-specials .inner {
	width: 100% !important;
	background: url("../images/design_elements/right-col-box-bg-left.jpg") top left no-repeat;
}
div.airline-page-specials h2 {
	display: block;
	color: #FFF;
	padding: 10px 5px 5px 5px;
	font-size: 140%;	
	text-align: center;
}
div.airline-page-specials h2 {
	margin-bottom: 5px;
}
div.airline-page-specials table {
	width: 95%;
	margin: 0 5px;
	text-align: right; /* Aligns all the prices to the right of their cells; this is overridden using first-child pseudoclass for destination names */
	line-height: 130%;
	color: #be1600; /* red colour for prices; this is overridden using first-child pseudoclass for destination names */
	font-weight: bold;
}
div.airline-page-specials td:first-child, div.airline-page-specials th:first-child, td.place_name, th.place_name {
	text-align: left;
	text-indent: 8px;
	color: #000;
	font-weight: normal;
}
div.airline-page-specials th:first-child {
	text-indent: 0 !important; /* overrides the indent the th is inheriting with the leftalign/colour override above */
}
div.airline-page-specials th {
	white-space: nowrap;
	color: #000;
	text-indent: 10px;
	padding-bottom: 5px;
	font-weight: normal;
}
.airline-page-specials .odd { 
	background-color: none;
}
.airline-page-specials .even { 
	background-color: none; 
}
.airline-page-specials span.price {
	clear: none;
	padding-left: 3px;
	color: #ca2e15;
	font-weight: bold;
}
.airline-page-specials col.price { 
	min-width: 4em; 
}

/********************************************

RIGHT COLUMN SUPPLIER LOGO

**********************************************/
.airline-logos, .supplier-logos {
	margin-top: 10px !important;
	margin-bottom: 13px !important;
	height: auto;
	width: 243px;
}


/********************************************

ONLINE HELP PAGE

**********************************************/

/* Fold out list (FAQ page) */
.fold_out_list {
	margin-top: 10px;
}
.fold_out_list dt {
	/* invisible at first; this is set in html */
}
.fold_out_list dd {
	margin: 0.7em 1em;
}
.fold_out_list dd, .fold_out_list dt {
	clear: both !Important;
	display: block;
} 
.fold_out_list a {
	text-decoration: underline;
	cursor: pointer;
}

/*******************************************

ABOUT US PAGE

*******************************************/

.sign-off { /* eventually put a background on this and include a letter-style 'signature' (ie, the logo) */
	font-weight: bold;
}
.about-us-license-numbers {
	margin-top: 20px;
}



/********************************************

CONTACT US PAGE
 
*********************************************/
.googlemap {
	width: 240px;
	height: 200px;
	margin: 0
	clear: none;
	padding: 1px;
	clear: both;	
	padding-bottom: 18px;
	background: url(../images/design_elements/nav_menu_border_bottom.gif) repeat-x bottom;
}
.googlemap iframe {
	width: 240px;
	height: 200px;
	border: 1px solid #eeeff1;
	border-bottom: none !important;
	padding: 1px !important;
	margin: 0;
	margin-bottom: -36px;
}
.googlemap a {
	font-size: 11px;
	display: block !important;
	clear: both;
	position: relative;
	top: 20px;	
	float: right;
	background: #FFF;
	/*margin: 0;
	clear: both;
	border: 1px solid red;
	
	padding-bottom: 1px;*/
}
div.quotes-and-assistance, div.head-office-details, div.online-enquiry-form, div.feedback-form { /* all subsections on contact page are indented */
	margin-left: 0px;
	margin-bottom: 30px;
	display: inline-block;
}

div.quotes-and-assistance h2, div.head-office-details h2, div.online-enquiry-form h2, div.feedback-form h2 {
	margin-bottom: 10px;
}
dl.contact-numbers, dl.big-phone-numbers {
	display: inline-block;
	width: 100%;
	clear: both;
}
dl.big-phone-numbers { /* For big phone numbers, text is, surprise, bigger and bolder! :P */
	font-weight: bold;	
	font-size: 15px;
}
dl.contact-numbers dt, dl.big-phone-numbers dt {
	margin-left: 0px !important;
	float: left;
	clear: left;
}
dl.big-phone-numbers dt { /* For big phone numbers, more space exists between the dt and dd in order to give the illusion of the number being right aligned. */
	width: 50%;
}
dl.contact-numbers dd, dl.big-phone-numbers dd {
	width: 30%;
	clear: right;
	margin-left: 0px !important;
	display: block;
	float: left;

}
dl.contact-numbers dd {
	display: block;
	float: none !important;
}
dl.contact-numbers dt {
	width: 4em;
}
dl.big-phone-numbers dd { /* For big phone numbers section, text is aligned to the right */
	text-align: right;
}
.contact_form {
	width: 470px;
	background: url(../images/search-bg.jpg) bottom right no-repeat;
	display: inline-block;
	padding-right: 30px;
}
.contact_form .note {
	display: block;
	background: none;
	font-size: 95%;
	clear: both;
	width: 70%;
	padding: 0 0 15px 15px;
}
.contact_form div {
	width: 100%;display: inline-block;
	padding: 0 0 3px 0;
}
.contact_form fieldset {
	border: 0 !important;
}
.contact_form label {
	width: 11em !important;
	display: block !important;
	float: left;
	clear: left;
	position: relative;
	line-height: 150%;
}
.contact_form label em {
	font-size: 110%;
	position: absolute;
	right: 5px;
	top: 3px;
	color: #ca2e15;
}
.contact_form input, .contact_form textarea {
	float: left;
	clear: right;
}
.contact_form .numbers {
	width: 300px;
	float: left;
	clear: none;
	padding: 0;
	margin-bottom: 5px;
	border: none;
}
.contact_form .numbers div {
	float: left !important;
	clear: none !important;
	width: auto !important;
}
.contact_form .numbers label {
	width: 4.5em !Important;
}
.contact_form .note, .contact_form .submitbutton, .contact_form .your_message_field {
	border: none;
}
.numbers label, .numbers input {
	clear: none;
}
.numbers label {
	width: auto !important;
	font-weight: normal;
	font-size: 11px;
	float: left;
	display: block !important;
	margin-right: 7px;
}
.numbers input {
	float: left;
}
.contact_form button {
	clear: both;
	display: block;
	float: right;
	width: auto;
}
.call_centre {
	clear: left;
}
.email_form {
	clear: both;
	padding-top: 20px;
}
.head-office-details dl, .head-office-details p {
	float: left;
	width: auto !Important;
	clear: none;
}
p.local-office-address {
	width: auto;
	float: left;
	margin-right: 30px;
	line-height: 120%;
}
p.local-office-address span {
	display: block;
	clear: both;
}
.submit_button {
	text-align: right;
	border: 0 !important;
}

.sidebar2 img {
	margin-bottom: 15px;
}

/*******************************************

SPECIALS PAGE

*******************************************/

body.specials .main_col {
	padding: 0 35px;
	width: 855px;
}
body.specials ul.suboptions {
	/* ...is all defined above, along with the destination-sorter styles for the airline info pages */
	margin-bottom: 30px;
}
body.specials h1 {
	clear: left;
}
label.currency {
	text-align: right;
	float: right;
	clear: right;
	position: relative;
	top: -45px;
	margin-bottom: -45px;
	width: 300px;
}

body.specials ul, body.specials li {
	list-style-type: none;
	margin-left: 0;
}
div.specials-list-options {
	position: relative;
	display: inline-block;
	width: 100%;
	margin: 10px 0 0 0;
}
span.origin-selector {
	border: 1px solid #8bb1b3;
	padding: 5px 9px;
	font-weight: bold;
	font-size: 13px;
	clear: none;
	display: inline-block;
}
span.origin-selector select {
	margin: 0 0 0 10px;
	min-width: 150px;
}
label.origin-selector {
	border: 1px solid #8bb1b3;
	padding: 5px 9px;
	font-weight: bold;
	font-size: 13px;
	clear: none;
	display: inline-block;
}
label.origin-selector select {
	margin: 0 0 0 10px;
	min-width: 150px;
}
label.sorting-preference {
	clear: none;
	position: absolute; 
	bottom: 0;
	right: 0;
}
label.sorting-preference select {
	margin: 0 0 0 3px;
}
div.specials-list { 
	margin-top: 14px;
	padding: 0 4px;
}
div.specials-list div.special { 
	padding: 11px;
	display: block;
	float: left;
}
div.specials-list div.odd {
	background: #ecf3f3; 
}
div.specials-list div.even {
	background: #FFF;
}
div.special div.airline-logo, div.special div.blurb, div.special dl.dates-available, div.special button {
	display: block;
	vertical-align: middle;
	clear: none;
	margin: auto 0 auto 15px;
	float: left;
}
div.airline-logo { 
	margin-left: 4px !important; /* overriding 15px left margin on all main div blocks within the special as set above */
	border: 1px solid #d4e9eb; 
	width: 52px;
	height: 48px;
	background: #FFF;
	text-align: center;
}
div.airline-logo img {
	margin: 10px 0;
}
div.blurb { 
	width: 390px; 
	font-weight: bold;
}
div.blurb h2 { 
	color: #000; 
	font-size: 18px; 
	line-height: 95%;
}
div.blurb span { 
	color: #0c616b; 
	font-size: 12px; 
	margin-left: 1px;
}
div.blurb strong { 
	font-size: 125%; 
}
dl.dates-available { 
	display: inline-block; 
	width: 210px; 
}
dl.dates-available dt { 
	font-weight: bold; 
	line-height: 110%;
}
div.special .button-wrapper { 
	display: inline-block; 
	clear: none; 
}
div.link-betw-econ-and-business {
	margin-top: 40px;
	font-size: 11px;
	float: right;
}


/*******************

NEWS BLOG

**********************/

.main_col#news h1 {
	font-size: 150%;
}
.news-article {
	margin-bottom: 2em;
}
.main_col#news h2 {
	font-size: 180%;
}
.news-article .date {
	font-size: 97%;
	background: url("../images/design_elements/clock.gif") center left no-repeat;
	margin-bottom: 0.5em;
	text-indent: 16px;
	color: #acb5b4;
}
.main_col#news #news-navver {
	display: block;
	position: relative;
}
.main_col#news #news-navver .nextbtn, .main_col#news #news-navver .prevbtn {
	float: right;
	right: 0 !important;
	clear: none;	
	color: #0b606a;
	font-size: 13px;
	line-height: 21px;
	text-decoration: underline;
}
.main_col#news #news-navver .prevbtn {
	float: left;
	clear: none;
	margin: 0 0 8px 0px !Important;
}
#news-navver .disabled {
	color: #c8d6d9 !important;
	text-decoration: none !important;
}
a.linktotop {
	text-align: right;
	display: block;
	clear: both;
}


/*  The bit between these two comments should function fine as a generic button style all over the site if we decide to go with this style of button, too. */
div.special button {
	border: 0;	
	background: url("../images/button2-left.gif") no-repeat left 1px; /* This 1px drops background down inline with the span but there has to be an IE-compatible way to do this... sigh. Look at later.*/
	padding: 0;
	display: inline-block; 
	height: 28px;
	color: #FFF;
	cursor: pointer;
	padding-right: 5px;
}
div.special button span {
	background: url("../images/button2-right.gif") no-repeat top right;
	padding-right: 11px;
	margin-left: 11px;
	height: 28px;
	display: block;
	white-space: nowrap;
	line-height: 26px;
}
/* end of what to use as a generic button */

div.special button span { /* Extra padding provides a bit of space around the word 'Search' cuz it's a small word */
	padding-right: 20px;
	padding-left: 9px;
	font-weight: bold !important;
}

div.odd button {
	background: url("../images/button1-left.gif") no-repeat left 1px;  /* On a pale greenish bg for odd rows */
}
div.odd button span {
	background: url("../images/button1-right.gif") no-repeat top right;  /* On a pale greenish bg for odd rows */
}