/** eXplorer WebApp body and major container styles **/

body{
	margin: 0px;
	padding: 0px;
	font-size: 0.9em;
	text-align: center;
	/*font-family: courier;*/ 						/* basic fixed width font for testing */
	font-family: Helvetica, Arial;				/* basic variable width font for testing */
	/*font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;*/
}

.mandatory{color: #ff0000 }
p.groupby {padding-left:10px;}
.error {
  	margin: 0px;
  	padding: 0px;
 		color: red;
		font-style: italic;
}

#container{
	width:998px;
	margin:0px auto;
	padding:0px;
	text-align:left;
	border:1px solid #cccccc;
}

div.container-half-lhs{
	width:49%;
	text-align:left;
	float:left;
	border:0px solid blue;
	margin-bottom:15px;
}
div.container-half-rhs{
	width:49%;
	text-align:left;
	float:right;
	border:0px solid green;
	margin-bottom:15px;
}
div.container-half-lhs p, div.container-half-rhs p { margin:1px; }

#container h1, #container h2, #container h3  { 
	font-family: inherit;
	font-weight: bold;
	width: 100%;
	margin: 5px 0 5px 0px;
	padding: 0px;
}

#container h1 { font-size:1.3em; clear: both; }
#container h2 { font-size:1.2em; padding:10px 0 10px 0; clear: both; }
#container h3 { font-size:1.1em; padding:10px 0 10px 0; text-align: left; clear: both; }

#container a, #container a:link, #container a:visited {
	color: #0066ff;
	text-decoration:none;
}

#container a:hover {
	color: #0066ff;
	text-decoration:underline;
}

/** xpl_wa WebApp Content containers **/
#content{
	float:left;
 	width:978px;
	padding: 10px;
    /*border: 0px solid #000000;
    clear: left;                    25AUG08 PCS Causes havoc with side menu layouts*/
}

#content-inner{	padding: 0px; }

#content.home, #content .home									{ width: 718px; }
#content.destinations-content, #content .destinations-content, .destinations-content { width: 710px; }
#content #content-inner 											 { width: 978px; }
#content.home #content-inner									{ width: 698px; }
#content.destinations #content-inner					{ width: 698px; }

/* PCS 23JUL08 Fix menus sticking */
#nav li:hover, #nav li.hover {position: static;}

/** xpl_wa WebApp Specials containers **/
#specials{
	float:left;
	margin: 0 0 10px 0;
	padding: 5px;
	background-color: inherit;
	border: 0px solid #cccccc;
}
#specials-inner { padding: 0px; }

/** widths for specifc page implementations **/
#specials.home, #specials .home					{ width: 240px; }
#specials.search-page, #specials .search-page	{ width: 226px; }
#specials.specials-page                         { width: 550px; }
#specials.specials, #specials .specials            { width: 708px; }
#specials.destinations-page, #specials .destinations-page	{ width: 226px; }

#specials.home #specials-inner 	{ width: 238px; border: 0px solid #cccccc; }

#specials-inner img{ 
	vertical-align: top;
	margin:0 5px 5px 0; 
}

#specials-inner p{ 
	margin: 2px 0 2px 0;
    text-align: justify; 
}
#specials-inner br { clear:left; }

/** xpl_wa WebApp sidebar containers **/
#sidebar {
	float:right;
	padding:10px 0px 0 0;
	margin:0px;
	background-color: transparent;
	border: 0px solid #cccccc;
}
#sidebar-inner {
	padding: 10px 0px 10px 10px;
}

/* widths for specifc page implementations */
#sidebar.home									{ width: 245px; margin:0px; padding:0px; }
#sidebar.home #sidebar-inner 	{ width: 195px; border: 0px solid #cccccc; padding-top:0px; text-align:left; margin:0px; padding:0px; }

/** xpl_wa WebApp Destinations containers **/
#destinations{
	margin: 0px;
	padding: 5px;
	background-color: inherit;
	border: 0px solid #cccccc;
}
#destinations-inner 	{ padding: 0px;}
#destinations-detail	{ border: 1px solid #cccccc; padding: 10px;}
/* widths for specifc page implementations */
#destinations.home											{ width: 215px; border: 0px solid #cccccc; }
#destinations.home #destinations-inner,
#destinations.home #destinations-foot 	{ width: 100%; border: 0px solid #cccccc; }

#destinations-inner ul.destlist{
	margin-left:20px;
	padding-left:0px;
}
#destinations p.details-support { 
	text-align:center;
	line-height:1.1em;
	font-size:0.8em
}

/** Home page WelcomeMsg styles **/

div#welcomemsg { 
  float: right;
  width: 432px;
  margin: 0px;
  padding: 5px 10px 10px 10px;
  color: inherit;
  background-color: inherit;
  border: 1px solid #cccccc;
}


div.welcometext { 
  margin: 0 auto; 
  width: 450px;
  text-align: justify;
}

img.product-images{
	clear: right; 
	margin: 0 5px 10px 5px;
}

div.product table.rates-result, #resultsdetail table.rates-result, #resultsdetail table.childinfo { 
	margin-top: 10px; 
	padding-bottom: 10px; 
	border: 1px solid #CCCCCC; 
	width: 100%;
}

table.passenger-selection { width: 50%; }
table.passenger-selection #selectlabel { width: 10%; }

/* Search Results styles */
div.product table.rates-result .daterange, #resultsdetail table.rates-result .daterange { background-color: #CCCCCC }
div.product img { padding-right: 5px; }
/*div.product*/ table.rates-result .typecol { width: 30%; }
/*div.product*/ table.rates-result .typebook { width: 15%; text-align: left; }
/*div.product*/ table.rates-result .typetotal { width: 15%; text-align: right;}

td.typebook img.indicator { margin: 0 5px; }

.resultspanel .container-button { text-align: right; }

.ratetotal { text-align: center; }
                                 
div.rates { clear: both; }

table.rates th.ratetype, table.rates td.ratestxt { width: 100px; text-align: right; }
table.rates td.curr, table.rates td.ratevalue { text-align: right; }
table.rates th.ratevalue, table.rates td.ratevalue { width: 50px; text-align: right; }
table.rates-result td.dates { width: 100px; }
table.rates-result td.childname, table.rates-result td.seasondesc { width: 100px; }

label#groupby { width: 70px;}

#component-overview label { margin: 0; padding: 0; width: 130px; }
#component-passengers { width: 100%; }

.extras-summary { border: 1px solid #CCCCCC; }
.extras-summary td { padding: 10px; }

.component-extra { padding: 5px; background-color: #DDDDDD; clear: both; }

#disclaimer { border: 1px solid #CCCCCC; padding: 10px; } 
#terms { border: 1px solid #CCCCCC; padding: 10px; }
#terms p { margin: 0 0 0 20px; }

div.facility {
    width: 180px;
    vertical-align: top;
    padding: 0 20px 0 0;
    margin: 0;
}

div.facility p { display: inline; padding-left: 5px; }



#Xcontent.search{
	width:500px;
}
#Xcontent.searchresults, #content.downloads{
	width:738px;
}


/** eXplorer WebApp image styles **/
a img.checkbox-image { border:none; margin: -1px 0px 0px 0px; padding: 0px; vertical-align: middle; }

a img{ border:none; margin: 1px 0px 0px 0px; padding: 0px; vertical-align: top; }

img.left, img.center, img.right{
 	padding:4px;
	/*border:1px solid #a0a0a0;*/
}

img.left{
	float:left;
	margin:0 10px 5px 0;
}

img.center{
 	display:block;
	margin:0 auto 5px auto;
}

img.right{
	float:right;
	margin:0 0 5px 12px;
}

.optionalsearch {
    float:  left;
    border:0px solid purple;
    width: 173px;
    vertical-align: top;
    padding: 0 10px 0 0;
    margin: 0;
}

.float-left{
	float:left;
	margin:0px;
	padding:0px;
	border:0px solid purple;
}

.float-right{
	float:right;
	margin:0px;
	padding:0px;
	border:0px solid purple;
}

label{
	display:block;
	clear:left;
	float: left;
	/*font-size:0.9em;  13AUG08 PCS*/
	width:200px;
	/*font-weight:bold; 13AUG08 PCS*/
	margin:2px;
	padding:0px;
	vertical-align:top;
}

div.user-details,
div.agency-details-lhs,
div.agency-details-rhs,
div.amend-agent-details,
div.edit-login-details,
div.contactadmin{
	display:block;
	float:left;
	width:97%;
	border:1px solid #cccccc;
	padding:5px;
	margin:5px 0px 5px 0px;
}

div.user-details label,
div.agency-details-lhs label,
div.agency-details-rhs label,
div.amend-agent-details label,
div.edit-login-details label,
div.contactadmin label{
	width:145px;
}

div.pax-scrollable { width:370px; /*height: 100px;*/ overflow:auto; }

div.pax-scrollable label { width: 75px !important; }
div.pax-scrollable table { border: 0 !important; }
/*div.pax-scrollable span.caption { font-size: 0.8em !important; }    22AUG08 PCS */
div.pax-scrollable select, div.pax-search select { width: 40px; }

div.product .rate-value { width: 35px; text-align: right; padding-right: 5px; }
div.product .rate-error, div.productDetail .rate-error { color: red; font-style: italic; text-align: right; }

.inpage-H2 { font-size:1.2em; font-weight:bold; width:auto; padding:10px 0 10px 0; }

#product-contact-details table{	width:auto; }
#product-contact-details table td, #product-contact-details table th { padding:2px 5px 2px 5px; vertical-align:top;}

.searchpanel p { text-align: justify; }

/** google map style **/
#google-map { float:right; border: 1px solid #00436a; margin:10px 0; }

#viewPrices { padding-left:20px; }

/** please wait/load style **/
#pleasewait{
	position:absolute;
	top:400px;
	left:400px;
	width:200px;
	height:200px;
	display:none;
	text-align:center;
	vertical-align:middle;
	border:1px solid #999999;
}

/** eXplorer Web App breadcrumb styles **/
#breadcrumbs {
/*    clear: both;                       25AUG08 PCS Causes havoc with side menu layouts*/
    padding-left:10px;
}

#breadcrumbs ul {
    list-style:none;
    margin: 10px 0 10px 0;
    padding: 0 0 15px 0;
/*    clear: both;                       25AUG08 PCS Causes havoc with side menu layouts*/
    display: block;
}

#breadcrumbs ul li {
	color:#bbbbbb;
	float: left;
	padding:0 15px 0 0;
}

#breadcrumbs ul li a{
	color:#333333 !important;
	font-weight:bold;
	text-decoration:none;
}

#breadcrumbs ul li a:hover{
	color:#cccccc;
	text-decoration:underline;
}

.hide{
	display:none;
}

/**************** eXplorer Header and Masthead styles ****************/

div#header{
	display: block;
	margin: 0px;
	padding: 0px;
	height: 85px;
	color: #000000;
	background-color: #ffffff;
	background-image: url(../images/logo_xpl.gif);
	background-repeat: no-repeat;
}

div#welcome{
	margin: 0;
	padding: 6px 6px 0 0;
	background-color: transparent;
	text-align: right;
}

div#welcome a{
	color: #0000ff;	
}

div#welcome a:hover{
	text-decoration:underline;
}

div#stripMenu{
	float:right;
	margin: 15px 0px 0px 0px;
	padding: 12px 0 0 0;
	background-color: transparent;
}

div#stripMenu a{
	padding: 5px;
    text-transform: uppercase;
}

div#stripMenu a:hover{
	text-decoration:underline;
    text-transform: uppercase;
}
    /* CSS for for initial vertical and then horizontal <ul> list */
/* <ul><li><ul><li> ... </ul></li></ul></li> style navigation */

#navigation, #nav, #nav ul, #nav li a{
	color: #ffffff !important;
	background-color: #666666;
}

#nav li a:hover, #nav li ul li a:hover{
	color: #000000 !important;
	background-color: #888888;
}


#navigation{
	height: 25px;
	color: #FFFFFF;
	margin: 0px;
}

#nav, #nav ul { /* all lists */
	display:block;
	padding: 0px;
	margin: 0px;
	font-size:11px;
	list-style: none;
	text-decoration: none;
	width: 998px;
}

#nav li { /* all list items */
	float: left;
	position: relative;
	padding: 0px;
	margin: 0px;
	width: auto;
}

#nav li ul { /* second-level lists */
	position: absolute;
	left: -10000px;
	width: 1px;
	display: block;
}

#nav li ul ul { /* third-and-above-level lists */
	left: -10000px;
	margin-left: 150px;
	margin-top: -25px;	/* This value must equal the negative height of the navbar */
	display: block;
	border-left: 1px solid #999999;
}
#nav li a {
	width: auto;
	display: block;
	font-weight: normal;
	text-decoration: none;
	text-transform: uppercase;
	padding: 5px 10px 5px 10px;
	border-right: 1px solid #999999;
}	

#nav li a:hover {
	text-decoration: none;
	display: block;
}

#nav li ul li a {
	background-image:url(images/spacer.gif);
	border-top: 1px solid #999999;
	width: 130px;
	padding-top:5px;
	padding-bottom:5px;
}

#nav li ul li a:hover {
	border-top: 1px solid #999999;
	background-image:url(images/spacer.gif);
	width: 130px;
}

#nav li:hover ul ul,
#nav li:hover ul ul ul,
#nav li:hover ul ul ul ul,
#nav li.iehover ul ul,
#nav li.iehover ul ul ul,
#nav li.iehover ul ul ul ul {
    left: -10000px;
    display: block;
}

/* lists nested under hovered list items */
#nav li:hover ul,
#nav li li:hover ul,
#nav li li li:hover ul,
#nav li li li li:hover ul,
#nav li.iehover ul,
#nav li li.iehover ul,
#nav li li li.iehover ul,
#nav li li li li.iehover ul { 
    left: auto;
    display: block;
    z-index:1;
}

#nav a.subMenu {
	background-image: url(images/arrow_hi.gif);
	background-position: top right;
	background-repeat: no-repeat;
}

#nav a.subMenu:hover {
	background-image: url(images/arrow_lo.gif);
	background-position: top right;
	background-repeat: no-repeat;
}

/** start support for the "iehover-fix.js" **/
#nav iframe {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
}
/** end support for the "iehover-fix.js" **/


/* end */


/** eXplorer WebApp input styles **/
#container input.button,#container a.button {
    width: auto;
    font-size: 0.8em;
    line-height: 1.3em;
    background-color: #777777;
    color: #FFFFFF;
    text-decoration: none;
    padding: 0 10px 0 10px;
    margin: 0 10px 0 0;
    border: 1px solid #666666;
}

#container input.button:hover,#container a.button:hover {
    background-color: #999999;
    color: #000000;
    text-decoration: none;
    border: 1px solid #666666;
}

/** disabled buttons **/
#container.disabled,#container a.disabled:hover,#container.disabled:hover
    {
    background-color: #cccccc;
    color: #999999;
    border: 1px solid #999999;
}

/** block level container to display horizontal row of buttons **/
.container-button {
    display: block;
    margin: 5px 0 5px 0;
    padding: 5px 0 5px 0;
    text-align: left;
    border: 0px solid #ff0000;
}

#container input.text,#container select, #container textarea {
    /*font-size: 0.8em;*/
    background-color: #ffffff;
    color: inherit;
    border: 1px solid #999999;
    margin: 0 0 2px 0;
}

#container select option:hover {
    background-color: #0066ff;
    color: white;
}

.container-label-input {
    width: auto;
    margin: 0;
    padding: 3px;
    color: inherit;
    background-color: inherit;
}

#container-label-input .label {
    font-weight: bold;
}

#error_feedback textarea {
    font-size: 1em;
}

div.searchpanel span.hide {
    display: none;
}

/* Fieldset styles for "Sort By" options and results */
fieldset.sort-results {
    margin: 5px 0 5px 0;
    padding: 5px;
    text-align: left;
    border: 1px solid #cccccc;
    vertical-align: bottom;
}

#RsltFrm fieldset.sort-results {
    width: 746px; 
}

fieldset.sort-results input {
    margin: 0 5px 0 5px;
    text-align: left;
}

fieldset.sort-results label {
    width: auto;    /* fixed width doesn't work in firefox for inline tags such as label */
    display: inline;
    text-decoration: none;
    cursor: pointer;
    float: none;
    margin: 0 5px 0 0;
    vertical-align: bottom;
}

fieldset.sort-results img {
    vertical-align: bottom;
}

fieldset.sort-results label:hover {
    text-decoration: underline;   /* firefox only  */
    cursor: pointer;
}

/*******************************/
/** style a listbox           **/
/*******************************/
/* 11AUG08 PCS Use colours for as IE doesn't recognize font-wight, padding or margins... */
option.L {
    display :block;
    font-weight: bold;
    color : blue;
/*    background-color: yellow;   */
}
option.LL {
    padding-left: 5px;
    margin-left: 5px;
    color : navy;
/*    background-color: #99CC99;*/
    
/*    font-style: italic;*/
}
option.LLL {
    padding-left: 10px;
    margin-left: 10px;
    color : black;
}

/* Search options don't do anything when clicked */
#SrchFrm fieldset.sort-results label:hover {
    text-decoration: none;   /* firefox only  */
    cursor: default;
}

input.durationText {
    width: 40px;
}

select.twotwentywd{ width: 185px; }
input.twotwentywd { width: 180px; margin-bottom:2px; }/** eXplorer WebApp footer / copyright / powered styles ****************/
#footer{
	clear:both;
	width: 100%;
	height: 28px;
	padding: 0;
	margin: 0;
	font-size:0.9em;
	color:inherit;
	background-color:inherit;
	text-align:center;
	border-top: 1px solid #cccccc;
}

#footer a:hover{ text-decoration: underline; }

p.copyright-xpl-wa{
	float:left;
	border: 0px solid red;
	height:23px;
	padding:5px 0 0 270px;
	margin: 0 auto;
}

p.copyright-xpl-wa a{ font-weight:bold; }

/** eXplorer WebAPP powered by styles **/
p.eXplorer-powered{
	color:#e98b23 !important;
 	float:right;
 	margin:0;
 	line-height:20px;
	padding: 0;
	border:0px solid red;
	height:28px;
}

p.eXplorer-powered a{
	color:#e98b23 !important;
	font-weight:bold;
	vertical-align:middle;
}

p.eXplorer-powered img.middle{
	vertical-align:middle;
	padding: 0px 6px 0px 4px;
}/** styles to override for ausOne implementation **/

/***********************************************/
/** major body and container styles and sizes **/
/***********************************************/

body{ 
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;		/* base font style for all pages 			*/
	font-size: 12px;																							/* base font size for all pages 			*/
	background-color: #333333;																		/* base background-colour for all pages 	*/
	padding:10px;																									/* content padding from browser window		*/
}

.component-pax-selection p.label { width: 60px; text-align: right; }
.component-pax-selection p.select { width: 50px; text-align: right; }
.component-pax-selection p.price { width: 80px; text-align: right; }

#loginpage #loginform label { width: 165px; }

.resultspanel #RsltFrm { padding-bottom: 20px !important; }

table.childinfo td.description { width: 350px; }
table.childinfo td.total { width: 250px; }

#resultsdetail .primary { margin-right: 5px !important; }
#resultsdetail .blurb { margin-top: 0px !important; padding-top: 0px !important; }

#signuppage h2 { padding-left: 27px !important; }

#component-inner-rhs table { border: 0px !important; }
#component-inner-rhs label { width: 130px; }

/* 21AUG08 PCS Now in xpl_wa.css (note height 100px is commented out)
div.pax-scrollable {
	width:370px;
	height: 100px;
	overflow:auto;
}

div.product .rate-value { width: 35px; text-align: right; padding-right: 5px; }
div.product .rate-error { color: red; font-style: italic; text-align: center; }

div.pax-scrollable label { width: 75px !important; }
div.pax-scrollable table { border: 0 !important; }
div.pax-scrollable span.caption { font-size: 0.8em !important; }
div.pax-scrollable select { width: 40px; }
*/

* html .container-button, * html div.product, * html div.component { height: 1%; } /* Fixes Peek-a-boo text in IE */

.container-button .float-right, .container-button .float-left { padding: 2px 0 2px 0; margin: 0; width: auto; }
.container-button select { vertical-align: middle; }

div.product-header-lhs{ padding:8px 0 8px 5px;}
div.product-header-rhs{ float:right; text-align:right; padding:10px 0 8px 5px;}

div.component div.dates table { border: 0px !important; }
div.component div.dates table th {text-align: right !important; } 

p.clearer { clear: both; height: 1px; line-height: 1px; margin: 0px; padding: 0px; }

.component-pax-selection { text-align: right; margin-left: 10px; }

#component-outer {background-color: #cedfef; padding: 5px; border: 1px solid #7fb0cc; }
#component-outer #component-inner-lhs { width: 400px; float: left; margin: 0; padding: 0;}
#component-outer #component-inner-lhs div { height: 23px; } 
#component-outer #component-inner-rhs { width: 280px; float: right; margin: 0; padding: 0; }
#component-outer #component-inner-rhs table { width: 280px; }

#component-outer #component-inner-rhs table td#component-price, 
#component-outer #component-inner-rhs table td#extras-price,
#component-outer #component-inner-rhs table td#total-price { text-align: right; width: 70px; }

#CompRevFrm #component-outer #component-inner-lhs { width: 410px; }
#CompRevFrm #component-outer #component-inner-rhs { width: 310px; }

select.fortywd{ width: 42px; margin: 0; padding: 0; }
select.fiftywd{ width: 50px; margin: 0; padding: 0; }
select.sixtywd{ width: 60px; margin: 0; padding: 0; }
/*select.twotwentywd{ width: 200px; }         21AUG08 PCS */
select.dtninetywd{ width: 84px; margin: 0; padding: 0; }
select.dteightywd{ width: 74px; margin: 0; padding: 0; }
/*input.twotwentywd{ width: 195px; margin-bottom:2px; }     21AUG08 PCS */

table.rates-result td.typebook{ height:28px; }

.searchresults .container-button { margin-bottom: 0px !important; padding-bottom: 0px !important; }
.searchpanel .container-button { text-align: right; }
.searchpanel .left-button { text-align: left !important; }

label { height: 18px; }
.searchresults label, .resultspanel label, .ratespanel label { width: 120px; }
#resultsdetail label { width: 100px; }
table.passenger-selection { width: 100%; padding: 5px; }
.component-content label { width: 170px; }

span#sortby, span#groupby { font-weight: bold; }
span#groupby { padding-left: 20px; }
fieldset.sort-results img { margin-left: 5px; }
input.checkbox { margin-left: 0px; padding-left: 0px; }

#breadcrumbs { margin:0px; }
#breadcrumbs ul li a { color:#105279 !important; }
#breadcrumbs ul li a:hover { color:#00436a !important; }

.redalert { color: red; }

hr { border-top: 1px solid #7fb0cc; margin-top: 10px; }

div#header {
	font-family: tahoma, sans-serif;
	font-size:11px !important;
	font-weight:bold;
	color: #ffffff !important;
	height:100px;
	background-image: url(../images/bkg_head_water.jpg);
}

div#header div#stripMenu a, div#header div#welcome a {
	font-size:11px !important;
	color: #ffffff !important;
	text-decoration: none;
}

div#header div#stripMenu a:hover, div#header div#welcome a:hover	{ text-decoration: underline; }
div#header div#welcome a		{	
	text-decoration:none;
	font-size:15px !important;
}

div#welcome{
	font-size:15px !important;
	margin-right:8px;	
}
div#stripMenu{
	margin: 40px 5px 0 0;
	font-weight:bold;
}

/** xpl_wa WebApp containers **/
#container { 
	width:778px;									/* content container width 									*/
	border:1px solid #cfcfcf;			/* content container border									*/
	background-color: #ffffff; 		/* base background-colour for all content 	*/
}

#content {
 	width:758px;
 	padding-top: 5px;
 	margin-top:0px;
}


/*#content.home                                { width: 555px; padding:0px 5px 0px 5px; }*/
#content.home                                { width: 550px; padding:0px 5px 0px 5px; }
#content #content-inner 					{ width: 758px; margin: 0 auto; padding: 0;}
.search-content						 		{ width: 565px !important; margin-left: 5px; padding: 0px !important; }

#content.destinations-content,
#content.home #content-inner, 
#content.destinations-content #content-inner,
#content.search-content #content-inner 	{ width: 560px; }

.destinations-content { width: 500px; padding-top: 0px !important; margin-top: 0px !important; }
#destinations-detail { padding-top: 0px !important; border: 1px solid #7fb0cc; width: 530px }

#content.destinations #destinations-inner	{
	margin:0px!important;
	padding:0px !important;
}

#SrchFrm { background-color: #cedfef; padding: 5px 5px 0 5px; border: 1px solid #7fb0cc; }
div.ratespanel #SrchFrm { margin-top:0px; }
div.ratespanel { margin-bottom: 0px; }
div.searchpage { margin-bottom:10px; }
div.mini-search #SrchFrm, .component-content #SrchFrm { background-color: transparent; }

#content.search-content	#SrchFrm { width: 550px; margin: 10px 0 0 0 !important; }

fieldset.sort-results { border: 1px solid #7fb0cc; background-color:#cedfef;}

#resultsdetail table.childinfo {
	border: 0px;	
}

#specials {
	float:left;
	margin: 0 0 10px 0;
	padding: 5px;
	background-color: inherit;
	width: inherit;
	border: 1px solid #7fb0cc !important; /*#bdd3e8 ;*/
}
#specials-inner { padding: 5px; }
#specials-inner .special-item a {
	font-size: 14px !important;
	font-weight: bold;
	color: #467aa7 !important;
}
/** widths for specifc page implementations **/

#specials.home{ width: 238px; padding: 10px 10px !important; margin-bottom:10px;}
#specials.search-page { width: 170px; padding: 5px 10px !important;}
#specials.destinations-page { width: 170px; padding: 5px 10px !important;}

#specials.specials, #specials .specials				{ width: 550px; }

#specials.home #specials-inner 			{ width: 225px; border: 0px !important;}
#sidebar.home												{ width: 205px; padding:10px 0 0 0; margin:0px;}
#sidebar.specials										{ width: 205px; padding:5px 0 0 0; margin:0px;}
.search-page-sidebar								{ width: 200px; padding:0 0px 0 0 !important; margin:0px !important;}
#sidebar.destinations-page-sidebar	{ width: 195px; padding:0 5px 0 0 !important; margin:0px;}

#specials #specials-inner { width: 170px; }
#specials.specials-page #specials-inner { width: auto; }

#specials-inner h2 { padding-top: 0px; margin-top: 0px; }

#destinations.home,
#sidebar.home #sidebar-inner {
	width: 200px;
	padding:0;
	margin:0;
	text-align:left;
}

/** Home page WelcomeMsg styles **/
div#welcomemsg { 
  width: 240px;
  margin: 0px;
  padding: 8px 20px 150px 20px;
  color: #ffffff;
  background-color: #2E5274;
	background-image: url(../images/bkg_home_content.jpg);
  background-position: right bottom;
  background-repeat: no-repeat;
  border: 0px;
  line-height:22px;
}

div#welcomemsg p{
		margin:15px 0 35px 0;
}
div.welcometext { width: 240px; border:0px solid purple; padding:0 !important;}

#container h1, #container h2, #container h3, #container .inpage-H2  { color: #00436a; }	/* base header font colour for all pages 	*/

#container h1 { font-size: 18px !important; margin: 0px; padding:0px;}
#container h2 { font-size: 16px !important; margin:10px 0 2px 0; padding:0; }
#container h3 { font-size: 15px !important; margin:10px 0 2px 0; padding:0; }

#container h1.panel{
	width:530px;
	color: #FFFFFF;
	background-color: #1DAAD7;
	padding: 4px 10px 4px 14px;
	font-size: 20px;
	height: 30px;
	text-align: left;	
	letter-spacing: -1px;
	margin:10px 0;
}

div#welcomemsg h2{ font-size: 18px !important; text-align:left;}
div#welcomemsg h2, div.welcometext a { color: #ffffff !important; }
#content.home #specials h2,
#specials.home h2 { font-size: 20px !important; padding:1px 0 6px 0 !important; margin: 0; }
#sidebar-inner div.booking-search h2,
#sidebar-inner div.mini-search h2,
#destinations.home h2 { font-size: 20px !important; padding:10px 0 10px 0px !important; margin:0 0 0 10px; width:90%; }

div.booking-search h2 { font-size: 20px !important; color: #ffffff !important; }
#specials h2, #sidebar.specials h2, #userdetailsform h2, #contact-details-form h2 { font-size: 16px !important; }
#container h2.product,
#container div#bookinginfo h2 { font-size: 14px !important; background-color: #86b3d0; margin: 10px 0  0 0 !important; padding: 5px; width:748px; }

.destinations-content { width: 500px !important; }

#destinations-detail table { width: 90%; text-align: left;}

div.component { background-color: #cedfef; padding: 5px; border-top: none; border-right:1px solid #7fb0cc; border-bottom:1px solid #7fb0cc; border-left:1px solid #7fb0cc;}
div.component-error, div.component-error div.component-details * { background-color: #FCB0B0 !important; }

div.no-address table { border:none !important; }
#content.component-content form#SrchFrm { border:none; }
.component-content h2.product { width: 743px !important; }
.component-content h2 { width: 738px !important; }
table.passenger-details { background-color: #cedfef !important; padding-left:0px;}
div.contact-details { background-color: #cedfef !important; padding: 5px; }
table#component-passengers { background-color: #cedfef; border: 1px solid #7fb0cc !important; padding: 5px; }
table.bkoverview { background-color: #cedfef !important; border: 1px solid #7fb0cc !important;}
table.bkpricing { background-color: #cedfef !important; border: 1px solid #7fb0cc !important;}

div.apperror { border: 1px solid #D97575; background-color: #FCB0B0; padding: 10px; }

/************************************/
/** ausOne navigation style/colors **/
/************************************/
#navigation, #nav, #nav ul, #nav li a{
	color: #ffffff !important;															/* navbar font colour 			*/
	background-color: #00436A;															/* navbar background-colour 	*/
}

#nav li a {
	font-size:10px;																					/* navbar font size 			*/
	padding: 4px 8px;																				/* navbar padding 				*/
	border-right: 1px solid #ffffff;												/* navbar separator colour 		*/
	font-family: Tahoma, Arial, Helvetica;
}
#nav li ul li a {
	border-top:  1px solid #3b678d;													/* sub-menu border-top colour 	*/
	border-right:none;																			/* sub-menu border-left removal 	*/
}				
#nav li ul ul 	{ border-left: none;	}										/* sub-menu border-left colour 	*/

#nav li a:hover, #nav li ul li a:hover{
	color: #00436A !important;															/* sub-menu mouse-over font colour 			*/
	background-color: #cdd91c;															/* sub-menu mouse-over background-colour 	*/
}

#nav, #nav ul 				{ width: 758px; }
#navigation						{ height: 21px; }										/* navbar height	*/
#nav li ul ul 				{ margin-top: -23px; }							/* sub-menu offset (should equal negative height of the navbar) */
#nav li ul li a,
#nav li ul li a:hover { width: 130px; }										/* sub-menu width 	*/
#nav li ul ul 				{ margin-left: 146px; }							/* third level sub-menu offset (must be adjusted = (li ul li a width + (li a padding)))*/

#container input.text, #container select, #container textarea {	font-size: 1.1em !important; }

/** button styles to override **/
#container input.button, #container a.button {
	padding:1px 10px 1px 10px!important;
	margin:3px 10px 3px 10px!important;
	line-height:13px;
	font-size:11px;
	font-weight:bold;
	color:#ffffff !important;
	background-color:#6699bb;
	border: 1px outset #00436A;
}

#container input.button:hover, #container a.button:hover {
	color:#00436A !important;
	background-color:#cdd91c;
	border: 1px inset #00436A;
}

/** a (href link) styles to override **/
#container a, #container a:link, #container a:visited {
	color: #4889c4;
	text-decoration:none;
}

#container a:hover {
	color: #00416b;
	text-decoration:underline;
}

/** disabled button styles to override **/
#container.disabled, #container a.disabled, #container a.disabled:hover, #container.disabled:hover, select.disabled {
	color:#c7c7c7;
	background-color:#999999;
	border: 1px solid #999999;
}

select.disabled { color: #979797 !important; }

div.mini-search {
	background-image: url(../images/xpl_flyingdocbanner.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	background-position: 0px 0px;
	margin-bottom: 10px; 
}

div.mini-search form#SrchFrm,
div.booking-search form#BookFrm   { margin: 0px; padding:0px; border: 0px !important }

div.mini-search,
div.booking-search   { padding-bottom:10px; }

div.mini-search form#SrchFrm  select,
div.mini-search form#SrchFrm  input.text,
div.booking-search form#BookFrm input.text {
	font-family: tahoma;
	font-size: 11px !important;
	width: 160px;
	margin: 3px 0;
}

div.booking-search form#BookFrm input.button {
	width:120px;
}

div.mini-search .container-button, div.booking-search .container-button { text-align: center; }
div.ratespanel div.container-button, div.ratespanel div.searchpanel div.container-button {padding:2px 0 2px 0; }
div.booking-search { 
	background-color: #5180a8;;
	margin-bottom: 10px; 
}

/*************************************/
/** Destination list within sidebar **/
/*************************************/
#destinations{
	background-image: url(../images/bkg_right.jpg);
	background-position: top center;
	text-decoration:none!important;
}

#destinations h2 { color: #416da3; }
/***** Destination List styles *****/

#destinations-inner ul.destlist{
	float: left;
	padding:0 0 15px 15px;
	margin:0;
	width: 170px;
	text-align:left;
	text-decoration:none;
}

ul.destlist li{
	list-style: none;
	color: #ffffff;
	font-size: 18px;
	line-height:1.5em;
	padding: 0px;
	margin-bottom: 0px;
	text-decoration:none;
}

ul.destlist li a{
	color: #ffffff !important;
	text-decoration:none;
}

ul.destlist li a:hover{
	color: #ffffff;
	text-decoration:underline!important;
}

ul.destlist li ul {
	margin:0px;
	padding:0px;
 	width: 170px;
}

ul.destlist li ul li {
	border-top: 1px solid #e6ff04;
	border-bottom: 1px solid #769d0d;
	margin: 0px 0px 0px 30px;
	padding: 1px 0px 1px 5px;
	color: #ffffff;
	font-size: 12px;
	letter-spacing: -1px;
}

ul.destlist li ul li ul{
	width: 135px;
}

ul.destlist li ul li ul li{
	border: none;
	margin: 0px 0px 0px 0px;
	padding: 1px 0px 0px 0px;
	color: #ffffff;
	font-size: 12px;
}

ul.destlist ul li a, ul.destlist ul li ul li a{
	color: #00436a !important;
}

ul.destlist ul li a:hover, ul.destlist ul li ul li a:hover{
	color: #ffffff !important;
	text-decoration:none !important;
}

ul.destlist ul li ul li a{
	padding-left: 0px;
}

#destinations-foot{
  	text-align: center;
  	background-image: url(../images/bkg_right_end.jpg);
  	background-repeat: no-repeat;
  	background-position: center bottom;
  	
}

#destinations-foot p.details-support{
		line-height: 15px;
  	color: #ffffff;
  	padding: 15px 0 20px 0;
		font-size: 12px !important;
		color: #333333;
}

/***********************************/
/** table/data styles to override **/
/***********************************/
#container table { 
	background-color: #cedfef !important;
	border: 1px solid #7fb0cc;
}

#container table.contacts,
#container table.tariff-downloads,
#container table.booking-list {border: 1px solid #7fb0cc !important;}

#container table.booking-list th,
#container table.booking-notes-list th,
#container table.tariff-downloads th,
#container table.contacts th{ 
	color: #d6e5ee !important;							/* table header font colour 		*/
	background-color: #5b8eab !important;				/* table header background-colour 	*/
	border-bottom: 1px solid #337eaa !important; 	    /* table header eunderlin colour 	*/
}

#product-contact-details table { 
    background-color: white !important;
    border: none !important; 
}

#container table.contactus { 
    background-color: white !important;
    border: none !important; 
}

table.booking-list tr:hover,
table.booking-notes-list tr:hover,
table.tariff-downloads tr:hover,
table.contacts tr:hover { 
	background-color: #c8daeb!important;				/* table row hover background-colour */
}

div.user-details,
div.agency-details-lhs,
div.agency-details-rhs,
div.amend-agent-details,
div.edit-login-details,
div.contactadmin{
	background-color: #cedfef !important;				/* table background-colour */
	border: 1px solid #7fb0cc !important;				/* table border-colour */
	margin-bottom: 0px;
}


div.edit-login-details input.input-text 				{ width:187px; height: 16px; margin-bottom:1px; }
div.edit-login-details input.input-password			{ width:187px; height: 16px; margin-bottom:1px; }

div.contactadmin input.input-text 							{ width:187px; height: 16px; margin-bottom:1px; }
div.contactadmin input.input-password						{ width:187px; height: 16px; margin-bottom:1px; }
div.contactadmin textarea.input-textarea				{ width:190px; margin-bottom:1px; }
#container div.contactadmin select							{ width:190px; height: 20px; margin-bottom:1px; }

div.amend-agent-details input.input-text 				{ width:187px; height: 16px; margin-bottom:1px; }
div.amend-agent-details input.input-password		{ width:187px; height: 16px; margin-bottom:1px; }
div.amend-agent-details textarea.input-textarea	{ width:190px; margin-bottom:1px; }
#container div.amend-agent-details select				{ width:190px; height: 18px; margin-bottom:1px; }

/*table.bkpricing td.lhs,*/
table.bkpricing td.redalert, 
/*table.bkpricing td.rhs, */
table.bkpricing td.extra,
table.userdetails th,
table.agency-details th,
table.agency-details table th,
table.logindetails th{
	width: 120px;	
}

table.bkoverview th.lhs,
table.bkoverview th.rhs,
table.bkpricing th.lhs,
table.bkpricing th.rhs {
	width: 130px;
}

table.bkoverview td.lhs,
table.bkoverview td.rhs,
table.agency-details td,
table.agency-details table td {
	width: 250px;
}

div.resultspanel div.product { background-color: #cedfef; }
#SrchFrm div.product { background-color: #cedfef; }
.component-extra { background-color: #cedfef; margin-top: 5px; border: 1px solid #7fb0cc; }

textarea#comptnotetext { width: 100%; }

.component-extras { background-color: #cedfef; margin-bottom: 5px; border: 1px solid #7fb0cc; padding: 5px; }
.component-extras table { float: right; padding: 2px 0 0 0; margin: 0; border: 0px;}

div.product table.rates-result .daterange, #resultsdetail table.rates-result .daterange { background-color: #c0d3e6; border-left-width:0 !important;}
div.product { margin-bottom: 20px; border: 1px solid #7fb0cc; margin: 0 0 20px 0; padding: 5px 5px 5px 5px; }
h2.product {  background-color: #86b3d0; padding: 5px 0 5px 5px !important; width:753px !important;}
h2.product img { margin: 2px 5px 0 5px; }
h2.product div.float-right img.indicator { margin: 10px 5px 0 5px; }

div.product table.rates-result { border-color: #71a0bf; border-style: solid; border-width: 1px; border-bottom-width: 0 !important; margin: 15px 0 0 0; padding: 0; }

.ratespanel div.product { background-color: #cedfef; }

.resultspanel div.product table.rates-result { border-bottom-width: 1px !important; border-color: #71a0bf; border-style: solid; }

.rates-result td {  border-top: 0px solid #71a0bf;  border-right: 0px solid #71a0bf; border-left: 1px solid #71a0bf;  border-bottom: 1px solid #71a0bf; }

.rates-result td.typecol { width: 300px; }

.rates-result td.rates table.rates td { border: 0px; }
.rates-result td.rates table.rates { border: 0px !important; }
table.rates-result td.childname {border-left:0; padding-left: 2px; vertical-align: top;}
table.rates-result td.seasondesc, table.rates-result td.dates { padding-left: 2px; }
table.rates th.ratetype, table.rates td.ratestxt { width: 70px; }
table.rates th.ratevalue, table.rates td.ratevalue { width: 45px; }
table.rates th.ratetype, table.rates th.ratevalue {font-size:0.9em; }

#resultsdetail .rates-result td { border: 0px; }
.searchresults .rates-result td { border: 0px; }
.searchresults .daterange { text-align: center; padding: 0; margin: 0; }
.searchresults .rates-result { border: 1px solid #7fb0cc !important; }

#terms { background-color: #cedfef; border: 1px solid #7fb0cc; }
#terms p {  }

/*******************************/
/** footer styles to override **/
/*******************************/
#footer{
	color:#ffffff;															/* footer font colour 			*/
	background-color:#00436A;										/* footer background colour */
	border-top: 1px solid #6a6496;							/* footer top line colour 	*/
}

#footer a { color:#ffffff!important; }				/* footer link colour */
/** eXplorer WebApp tabular data styles **/

#container table{
	color: inherit;
	background-color: inherit;
	border: 0px solid #0000FF;
}

#container table th, #container table td {
	margin: 0px;
	padding: 3px 0px 3px 4px;
	text-align: left;
	color: inherit;
	background-color: inherit;
}

#container table.bkoverview,
#container table.bkpricing,
#container table.booking-list,
#container table.booking-notes-list,
#container table.tariff-downloads,
#container table.contacts,
#container table.agency-details,
#container table.amend-agent-details,
#container table.logindetails,
#container table.passenger-details,
table.resultsdetail {
	width:100%;
	border:1px solid #cccccc;
	padding:5px;
	margin:5px 0px 5px 0px;
}

#container table.booking-list,
#container table.booking-notes-list,
#container table.tariff-downloads,
#container table.contacts{ 
	margin:0px; padding:0px;
}

#container table.booking-list th,
#container table.booking-notes-list th,
#container table.tariff-downloads th,
#container table.contacts th{ 
	background-color: #d9d9d9;
}

table.booking-list td,
table.booking-notes-list td,
table.tariff-downloads td,
table.contacts td{ 
	border-top: 1px solid #bdd3ef;;
}

table.booking-list tr:hover,
table.booking-notes-list tr:hover,
table.tariff-downloads tr:hover,
table.contacts tr:hover { 
	background-color: #b5cce9;
}

table.bkoverview th.lhs,
table.bkoverview th.rhs, 
table.bkpricing th.lhs, 
table.bkpricing th.rhs{
	width:200px;
}

table.bkoverview td.lhs, 
table.bkoverview td.rhs,
table.agency-details td,
table.agency-details table td{
	width:300px;
}

table.logindetails td{	
	width:800px;
}

table.amend-agent-details th 	{ width:200px; }
table.amend-agent-details td	{	width:600px; }

table.bkpricing td.lhs, 
table.bkpricing td.rhs {
    width: 90px;
    text-align: right !important; 
}

table.bkpricing td.redalert, 
table.bkpricing td.extra,
table.userdetails th,
table.agency-details th,
table.agency-details table th,
table.logindetails th {
	width:150px;
}

table.bkpricing td.redalert{ color:#ff0000; }

.component {
	display:block;
	width:auto;
	border-top:1px solid #cccccc;
	padding:10px 0px 10px 0px;
	margin:0;
	vertical-align:top;
}

.component img.component-image {
	float:left;
	width:	60px;
	height: 60px;
}

.component .component-details{
	border:0px solid red;
	padding:0px;
	margin-left:70px;
	/*width:695px;*/
	vertical-align:top;
}

.component-details p{
	margin:0;
	padding:0 0 10px 0;
}
	
.component .component-pricing{
	display:inline;
	width:300px;
	border:0px solid red;
	margin:10px;
}

.component .component-details .address{
	float:left;
}

.component .component-details .dates{
	float:right;
	width:65%;
}

.component .passenger-details{
	display:block; 
	clear:both;
	padding:5px 0 0 0;
}

.component .component-details .dates table th{
	text-align:right;
	width:110px;
}

.component-details table td, .component-details table th{
	padding:0 3px 3px 0;
	vertical-align:baseline;
	margin:0;
}

.component p.price, .component p.indicator, .component p.status{
	float:right;
	border:0px solid blue;
	margin:0px;
	padding:0px;
}

.component p.price		{ width:100px; text-align:left}
.component p.indicator	{ width:25px; text-align:center}
.component p.status		{ width:75px; text-align:right}

/* 10SEP08 PCS Right Align Component Price */
.comptprice{ text-align: right !important; padding-right: 20px !important; }