@charset "utf-8";
/* CSS Document */
/*
==========================================================================
	
	STYLE.CSS | CSS FRAMEWORK
	--------------------------
 	Experience Travel styles
	
	- Southern Travel Holdings Ltd -
	
	author: Simon Hertnon [simon.hertnon@experiencetravel.com]
	version: - 2 Febuary 2010 -

	Contents:
	--------------------------
	1  -  Generic Reset
	2  -  Global Styles
	3  -  Structure / Col Styles 
	4  -  STH Header Styles
	5  -  STH Footer Styles
	6  -  Content Styles
	6a -  Naviagtion & Content Breadcrumb (CB) Styles
	6b -  Main Content Styles
	6d -  Table Styles
	6d -  Content Other (CO) Styles
	
	Edits Trail
	--------------------------
	08 Jul 2009 : IE8 Fix - right-col -20px margin removed / COC-COB -20px margin added position relative
	25 Jan 2010 : Changes for new squashed-up header
	02 Feb 2010 : Australian colours added

==========================================================================
1 - Generic Reset
==========================================================================
*/

/* CLEAR OUT STYLES - FRESH'N IT UP */ 
body, html, div, blockquote, label, p, h1, h2, h3, h4, h5, h6, pre, ul, ol, li, dl, dt, dd, form, a, fieldset, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: none;
	font-family: Arial, Helvetica, sans-serif;
	color: #535353;
}
a:hover {
	text-decoration: underline;
}
.floatLeft {
	float: left;
}
.floatRight {
	float: right;
}
img {
	border: none;
}
p {

}
table {
background-color: #EBEBEB;
border: 0px;
border-collapse: collapse;
}
td {
padding: 5px;
}
tr {
background-color: #FFFFFF;
}
input[type=text] {
	border: 1px solid #CCCCCC;
	margin: 0px;
	color: #666666;
}

/*
==========================================================================
2 - Global Styles - New Zealand
==========================================================================
*/
body {
	height: 100%;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.3em;
}
a {
	/* AU */ color: #EA7C1D;
	/* NZ color: #50A142; */
	text-decoration: underline;
}
a:hover {
	/* AU */ color: #D0690E;
	/* NZ color: #3F7D33; */
}

h1 {
	/* AU */ color: #EA7C1D;
	/* NZ color: #3F7D33; */
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 22px;
	font-weight: normal;
	padding-top: 6px;
	padding-bottom: 6px;
	line-height:56px;
	margin:0px;
}
h2 {
	color: #2F7DA4;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	font-weight: normal;
	line-height: 1.3em;
	margin-top: 18px;
	margin-bottom: 4px;
}
h3 {
	color: #2F7DA4;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	font-weight: normal;
	line-height: 1.3em;
	margin-top: 14px;
}
h4 {
	color: #535353;
	font-size: 12px;
	font-weight: bold;
	font-family: Georgia, "Times New Roman", Times, serif;
}

hr {
	height: 1px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	margin-top: 6px;
	margin-right: 0;
	margin-bottom: 6px;
	margin-left: 0;
}

ul {
	list-style-type : square;
	}

ol {
	margin-left: 20px;
}
.button {
	background-color: #E2E2E2;
	color: #333333;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #CCCCCC;
	margin-top: 0.4em;
	margin-bottom: 0.4em;
	padding: 4px;
}
.photo-border {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #CCCCCC;
}
.note { font-size:80%; line-height:1.1em; }
.large { font-size:150%; line-height:1.4em; }
.whiteonred { background-color:#cc0000; color:#ffffff; font-size:90%; font-weight:bold; }
.red { color: #FF0000; }
.blue { color: #4cA8D5; }
.compulsory { background-color: #4cA8D5; color: #fff; }
.compulsory-field { background-color: #b9e0f5; }
/* AU */ .special { color:#5A1912; }
/* NZ */ .special { color:#EA7C1D; }
/* NZ ferries */ .faqs { background-color:#ecf8da; }
/*
==========================================================================
3 - Main Structural Divisions
==========================================================================
*/
/* MAIN COLUMN(S) */
#STH-body {
	background-image: url(../images/bck-middle-wrapper.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	background-color: #EFEFEF;
	height: 100%;
}
#STH-body #wrapper {
	width: 968px;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFFFFF;
}
#main-col {
	height: auto;
	width: 720px;
}
#main-col ul {
	margin-left: 20px;
	}
#content-1-col {
	font-size: 12px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
#content-1-col em {
	color: #333333;
	background-color: #F3F3F3;
	padding: 14px;
	border: 1px solid #E5E5E5;
	margin: 6px;
	display: block;
}
#content-2-col {
	width: 280px;
	background-color: #E4E4E4;
	margin-left: 10px;
}

/* RIGHT COLUMN */
#right-col {
	width: 248px;
	font-size: 12px;
	text-align: left;
}
/* COC-COB */
#right-col #COC-COB {
	color: #FFFFFF;
	background-image: url(../images/coc-cob-bck.png);
	background-repeat: no-repeat;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 24px;
	padding-bottom: 10px;
	background-color: #AD744A;
	background-position: top;
	margin-top: -20px;
	position: relative;
}
#right-col #COC-COB p {
	color: #FFFFFF;
}
#right-col #COC-COB hr {
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #5A1912;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	display: block;
	height: 1px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
#right-col #COC-COB em {
	margin: 0px;
	padding: 2px;
	color: #DCC3AE;
	font-size: 98%;
}
#right-col #COC-COB #links {
	color: #5A1912;
}
#right-col #COC-COB a {
	color: #5A1912;
}
#right-col #COC-COB a:hover {
}
#right-col #COC-COB ul li {
	list-style-position: inside;
	color: #5A1912;
	margin: 0px;
}
#right-col #COC-COB a:hover {
	color: #3F1F14;
}
#COC-COB .thumbnail {
	border: 1px solid #5A1912;
	float: left;
	margin: 4px;
}
/* COS-COA*/
#right-col #COS-COA {
	background-color: #ecf8da;
	padding: 8px;
}
#right-col #COS-COA ul li {
	list-style-position: outside;
	margin-left: 16px;
}
/* COS*/
#right-col #COS {
	background-color: #ecf8da;
	padding: 8px;
}
#right-col #COS ul li {
	list-style-position: outside;
	margin-left: 16px;
}
#right-col #COS a {
	color: #50A142;
}
/*.special-offer { display: block; background-color: #ecf8da; border: 1px solid #BADAAA; padding: 8px; }*/
/* COA*/
#right-col #COA {
	border: 1px solid #e5e5e5;
	background-color: #ffffff;
	padding: 10px;
	text-align: centre;
}
/*COD-COR*/
#right-col #COD-COR {
	background-color: #b9e0f5;
	background-image: url(../images/cod-cor-bck.png);
	padding: 10px;
	background-repeat: no-repeat;
	background-position: top;
}
#right-col #COD-COR em {
	color: #184A65;
	background-color: #E3F8FD;
}
#right-col #COD-COR ul {
	margin: 0px;
	padding: 0px;
}
#right-col #COD-COR ul li {
	color: #2778A3;
	list-style-position: inside;
	margin: 0px;
}
#right-col #COD-COR a {
	color: #2F7DA4;
}
#right-col #COD-COR a:hover {
	color: #29537C;
}
#right-col #COD-COR hr {
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #2778A3;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	display: block;
	height: 1px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
#right-col #COD-COR p {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #2778A3;
	margin-bottom: 8px;
	padding-bottom: 8px;
}
#right-col .COD-COR-FOOTER {
	background-image: url(../images/cod-cor-base.png);
	background-repeat: no-repeat;
	display: block;
	height: 22px;
}
/*
==========================================================================
4 - STH Header Styles
==========================================================================
*/
#STH-header {
	background-image: url(../images/et-hdr-background-compact.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 40px;
	margin-right: auto;
	margin-left: auto;
	width: auto;
}
#header-content {
	width: 968px;
	margin-right: auto;
	margin-left: auto;
	font-size: 12px;
	height: 40px;
}
/*
==========================================================================
5 - STH Footer Styles
==========================================================================
*/
#footer {
	height: 80px;
	font-size: 11px;
	text-align: center;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	padding-top: 2.6em;
	padding-bottom: 0.4em;
}
/*
==========================================================================
6 - Container Styles
==========================================================================
*/

/* 6a. CB (breadcrumb) styles */
#breadcrumb {
	background-image: url(../images/breadcrumb-bck.png);
	background-repeat: repeat-x;
	background-position: top;
	height: 30px;
	/* AU */ background-color: #EA7C1d;
	/* NZ background-color: #50A142; */
	color: #FFFFFF;
	font-size: 12px;
	line-height: 30px;
	/* AU */ border-bottom: 2px #F9D7B9 solid;
	/* NZ border-bottom: 2px #C3D898 solid; */
}
#breadcrumb a {
	color: #FFFFFF;
}
#breadcrumb a:hover {
	/* AU */ color: #D0690E;
	/* NZ color: #3F7D33; */
	text-decoration: none;
}
.arrow {
	background-image: url(../images/breadcrumb-arrow.png);
	background-repeat: no-repeat;
	background-position: left center;
	display: block;
	height: 32px;
	margin-left: 10px;
	padding-left: 20px;
	width: 32px;
}
/* 6b. CB (navigation ) styles */
#nav {
	float:right;
	/*margin-right:28px;
	margin-top:126px;*/
	margin-right:46px;
	margin-top:17px;
}
#nav a {
	font-size: 12px;
	color: #535353;
	text-decoration: underline;
	text-align: left;
	padding-left: 1px;
	padding-right: 1px;
}
#nav a:hover {
	color: #000000;
}
#subnav {
	/* AU */ color: #F9D7B9;
	/* NZ color: #C3D898; */
	width: 720px;
	height: 31px;
	border-top: 1px #fff solid;
	border-bottom: 1px #666 solid;
}
#subnav td {
	padding : 0px;
}
.table-subnav {
	margin:0px;
	padding:0px;
	width:720px;
	height:31px;
	line-height:1.0;
}

/* AU */ a#tab-a { background-image:url(../images/nav-personalised-itineraries.png); height: 31px; width:260px; display:block; }
/* NZ a#tab-a { background-image:url(../images/nav-personalised-itineraries.png); height: 31px; width:252px; display:block; } */
a#tab-a span { display:none; }
a#tab-a:hover { background-image:url(../images/nav-personalised-itineraries-selected.png); }

/* AU */ a#tab-b { background-image:url(../images/nav-recommended-tours.png); height: 31px; width:223px; display:block;}
/* NZ a#tab-b { background-image:url(../images/nav-recommended-tours.png); height: 31px; width:214px; display:block;} */
a#tab-b span { display:none; }
a#tab-b:hover { background-image:url(../images/nav-recommended-tours-selected.png); }

/* AU */ a#tab-c { background-image:url(../images/nav-australia-information.png); height: 31px; width:237px; display:block; }
/* NZ a#tab-c { background-image:url(../images/nav-new-zealand-information.png); height: 31px; width:254px; display:block; } */
a#tab-c span { display:none; }
/* AU */ a#tab-c:hover { background-image:url(../images/nav-australia-information-selected.png); }
/* NZ a#tab-c:hover { background-image:url(../images/nav-new-zealand-information-selected.png); } */

#sub-subnav {
	/* AU */ background-color: #F9D7B9;
	/* NZ background-color: #C3D898; */
	font-size: 12px;
	height: auto;
	font-weight: normal;
	float: left;
	display: block;
	width: 700px;
	border-top: 1px #fff solid;
	border-bottom: 1px #666 solid;
	padding: 10px;
}
#sub-subnav ul li {
	list-style-type: none;
	display: block;
	float: left;
	width: 33%;
}
#sub-subnav a {
	/* AU */ color: #D0690E;
	/* NZ color: #3F7D33; */
}
#sub-subnav a:hover {
	/* AU */ color: #EA7C1d;
	/* NZ color: #50A142; */
}
/* 6d. Table styles */

.tableheader {
	background-color: #D8D8D8;
	color: #535353;
	font-weight: bold;
	padding-left: 5px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 110%;
	padding-top: 5px;
	padding-bottom: 5px;
}
.tr-odd {
	background-color: #EBEBEB;
}
.table-generic {
	border: 1px solid #CCCCCC;
	background-color: #D8D8D8;
	text-align: left;
	width: 95%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 12px;
	margin-bottom: 12px;
	line-height: 1.4em;
}
.table-generic td {
	border-bottom: 1px solid #CCCCCC;
}
.table-generic-2-col {
	border: 1px solid #CCCCCC;
	background-color: #D8D8D8;
	text-align: left;
	width: 55%;
	margin-left: 15px;
	margin-right: auto;
	margin-top: 12px;
	margin-bottom: 12px;
	line-height: 1.4em;
}
.table-generic-2-col td {
	border-bottom: 1px solid #CCCCCC;
}
.table-generic input.text {
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	margin: 0px;
	padding: 0px;
}
.tble-cell-border {
	border: 1px dotted #999999;
}
.table-invisible {
	border: 0px solid #CCCCCC;
	text-align: left;
	width: 95%;
	line-height: 1.4em;
}
.table-accom {
	border: 0px solid #CCCCCC;
	text-align: left;
	width: 95%;
	padding: 0px;
	line-height: 1.0em;
}
.highlight {
	background-color: #ECF8DA;
}

/* 6d. CO (other) styles */
#search {
	display: block;
}
#search .header {
	color: #FFFFFF;
	padding-left: 10px;
	background-color: #2778A3;
	display: block;
}
.clear {
	height: 1px;
	width: 100%;
	padding: 0px;
	margin: 0px;
	clear: both;
}
.content-highlight-white {
	background-color: #FFFFFF;
	border: 6px solid #E5E5E5;
	padding: 10px;
}
.content-highlight-white h2 {
	color: #666666;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	margin-bottom: 10px;
	line-height: 1.3em;
}

