/* @override 
	http://www.sundive.com.au/client/css/master2.2.css
	https://www.sundive.com.au/client/css/master2.2.css
*/

/*
	Sun Dive CSS
	Created February 2010
	
	Update these files when renaming:
	index.php
	/client/includes/client/enewsletter-modalbox.php
	
	Version 2.2
	- booking form styling
	
*/

html {
	min-height: 100%;
	padding-bottom: 1px;
}

body {
	background: #FFF;
	color: #000;
	font: 100%/1.5 Arial, Helvetica, sans-serif;
	margin: 0;
}

.wrap {
	width: 956px;
	margin: 0 auto;
	padding: 0 10px;
	font-size: 75%
}

.clear {
	clear: both;
}

#content {
	clear: both;
	margin: 0 auto;
	overflow: hidden;
	width: 891px
}

.col-wrap {
	background: url(/images/divider_h.png) 590px 0 repeat-y;
	overflow: hidden;
	width: 891px
}

.left {
	float: left;
	width: 580px;
}

#news .left {
	width: 100%
}

.article {
	overflow: hidden;
	width: 100%
}

.right {
	float: right;
	width: 290px;
}

/*------ general styles ------*/

a {
	text-decoration: underline;
	color: #0094D6;
}

a:hover, a:focus, a:active {
	color: #1E71B8;
}

h1, h2, h3 {
	line-height: 1.2;
	margin: 1em 0 .5em;
	clear: both;
}

h1 {
	color: #59595B;
	font-size: 166.73%;
	font-weight: normal;
	line-height: 1;
	margin: 0 0 .8em;
}

h2 {
	font-size: 130%;
	color: #FFF;
	margin-top: 30px;
	padding: 10px;
	background: #4BB8EF;
}

h3 {
	color: #2072B5;
	font-size: 116.66%;
	clear: left;
}

h3 a {
	color: #2072B5;
	text-decoration: underline;
}

h4 {
	font-size: 110%;
}

p {
	line-height: 1.5;
	margin: 0 0 1em;
	color: #000;
}

ul, ol {
	margin: 0 0 1em 1.5em;
	padding-left: 1.5em;
}

li {
	margin-bottom: .5em
}

ul {
	list-style: disc
}

ul ul {
	list-style: circle
}

ol {
	list-style: decimal
}

img {
	border: 0
}

abbr {
	border-bottom: 1px dotted
}

abbr:hover {
	cursor: help
}

strong {
	font-weight: bold
}

em {
	font-style: italic
}

.em em {
	font-style: normal
}

input {
	padding: 2px
}

button {
	background: none;
	border: 0;
	margin: 0;
	padding: 0;
}

.offset {
	left: -999em;
	position: absolute;
	overflow: hidden;
}

.nav {
	list-style: none;
	margin: 0;
	padding: 0;
}

/* IE6 and below */

* html .nav {
	list-style: none;
	margin-left: 50px;
	padding: 0;
}

/* EVOLVED CSS OVERRIDES */

a.text-image {
	text-decoration: none;
}

.left .text-image {
	margin: 0;
}

#one_column h3 {
	clear: right;
}

#one_column .text-image {
	margin: 8px 13px 0 0;
}

/* Dive Sites page */

#one_column.p61 .text-image {
	margin: 4px 2px 30px 0;
}

#two_column .left .text-image {
	margin: 0 7px 0em 0;
}

/* EW Form */

.ev_form fieldset {
	width: 500px;
	margin-bottom: 30px;
}

.ev_form .form-box label {
	float: left;
	width: 130px;
	margin-right: 20px;
	padding: 4px 5px 4px 0;
}

.ev_form .form-box label.nosize {
	float: none;
	width: auto;
	margin: 0;
}

.ev_form .form-label, .ev_form p {
	font-size: 100%;
	margin-left: 0;
}

.ev_form input, .ev_form textarea {
	width: 63%;
}

.ev_form input.btn, input.btn {
	font-size: 100%;
	padding: 0.5em 0;
	color: #fff;
	background: #4BB8EF;
}

.ev_form input.btn:hover, input.btn:hover {
	color: #fff;
	background: #3d9bcb;
}

.booking_form {
	width: 55%;
}

#booking .ev_form input, .ev_form textarea {
	width: 55%;
}

.booking_form .form-box .form-label {
	width: 150px !important;
}

label.wide {
	width: 300px !important;
}

#booking .ev_form .small {
	width: 10%;
}

#booking div.note {
	margin-left: 155px;
}

#booking .small_note {
	margin-left: 140px !important;
	color: #666666 !important;
}

#booking .short_note {
	width: 250px;
	color: #666666;
	float: right;
}

#booking .divers_notification {
	margin-left: 155px;
	display: none;
	font-weight: bold;
}

#booking .margin_right {
	margin-right: 20px;
}

#booking .form-box h3 {
	display: inline;
	margin: 0;
	clear: none;
}

#booking #discount {
	display: none;
}

#booking #right_hand .description {
	display: inline-block;
	float: none !important;
	margin-left: 55px !important;
	vertical-align: middle;
	width: 270px !important;
}

.suboptions {
	display: none;
	padding-left: 20px;
}

#booking #gears input {
	float: left;
}

.ev_form .empty_space {
	float: left;
	margin-right: 20px;
	padding: 4px 5px 4px 0;
	width: 130px;
}

/* Payment */
#ew_cart #pay_preview span.required {
	margin-right: 20%;
}

#ew_cart #cc_1, #ew_cart #cc_2, #ew_cart #cc_3, #ew_cart #cc_4 {
	width: 38px;
}

#ew_cart #cc_month, #ew_cart #cc_year {
	width: 38px;
}

#ew_cart span.helpful_hints {
	color: #555;
}

#ew_cart #cc_security {
	width: 38px;
}

#ew_cart .form-box.ssl {
	margin: 1.5em 0;
}

#ew_cart .form-box.order_amount p {
	font-size: 100%;
}

#ew_cart .form-box.ssl p {
	margin-left: 0;
	font-size: 1em;
	color: #555;
}

#pay_phone {
	margin-left: 155px;
}

#pay_cc p.ssl_image {
	margin: 10px 0;
	padding: 20px;
	border: 1px dotted #555;
	text-align: center;
}

.card_logos {
	float: right;
}

.form-box.order_amount {
	margin-left: 155px;
}



/* Bullet lists */

#content ul.nav {
	margin: 0;
	padding: 0;
}

#content ul.news li {
	list-style: none;
}

/*------ header ------*/

.header {
	background: #1E71B8;
	color: #FFF;
	margin-bottom: 20px;
	padding-top: 15px;
	position: relative;
	z-index: 100;
}

.header #slideshow_wrap {
	height: 200px;
	width: 890px;
	display: block;
	margin: 0 auto;
}

.header .nav {
	font-size: 92%;
	font-weight: bold;
	padding: 8px 0;
	text-align: center;
	text-transform: uppercase;
	width: 100%;
}

/* IE6 and below */

* html .header .nav {
	width: 861px;
}

.header .nav > li {
	display: inline;
	position: relative;
	padding: 9px 0;
}

/* IE6 and below */

* html .header .nav li {
	padding: 3px 0 0 0 !important;
}

.header .nav a {
	color: #FFF;
	display: -moz-inline-stack;
	display: inline-block;
	height: 23px;
	line-height: 23px;
	text-decoration: none;
	width: 141px;
}

.header .nav > li > a {
	position: relative;
	z-index: 100;
}

/* preload nav hover image, this div not shown so perfect! */

#slideshow_preload {
	background: url(/images/nav_bg.gif) 0 3px no-repeat;
}

.header .nav li:hover {
	background: url(/images/nav_bg.gif) 0 3px no-repeat;
}

/* IE6 and below */

* html .header .nav li:hover {
	background: none;
}

* html .header .nav li a:hover {
	background: none;
}

/* IE7 only */

*:first-child+html .header .nav li:hover {
	background: url(/images/nav_bg.png) 0 9px no-repeat;
}

* html .header .nav a:hover, * html .header .nav a:active, 
			* html .header .nav .sfHover > a, * html .header .nav ul {
	background: #00ACEC
}

.header .nav a:hover, .header .nav a:focus, 
			.header .nav a:active, .header .nav .active {
	color: #FF9
}

/* Submenu */

.header .nav ul {
	background: url(/images/subnav_bg2.png) 0 100% no-repeat;
	margin: 2px 0 0;
	padding: 15px 0 8px 0;
	position: absolute;
	top: -999em;
	width: 140px;
	z-index: 1;
	background-position: bottom center !important;
}

/* IE6 and below */

* html .header .nav ul {
	margin: 0;
	padding: 20px 0 8px 0;
	width: 140px !important;
	overflow: hidden;
}

/* IE7 only */

*:first-child+html .header .nav ul {
	margin: 10px 0 0;
}

.header .nav ul li {
	position: relative;
	width: 100%;
	list-style: none;
	margin: 0;
	padding: 0;
	z-index: 1;
}

/* IE6 and below */

* html .header .nav ul li {
	position: relative;
	width: 140px;
	list-style: none;
	margin: 0;
	padding: 0;
	z-index: 1;
}

.header .nav li li.on, .header .nav li li:hover, *:first-child+html .header .nav li li:hover, * html .header .nav li li:hover {
	background-image: none;
	background-color: #0096d0;
}

.header .nav ul li a {
	height: auto;
	line-height: 1.5;
	width: 131px;
	padding: .4em 5px;
}

.header .nav ul li:first-child > a {
	border: 0
}

.header .nav li:hover ul,
	.header .nav li.sfHover ul {
	left: 0;
	top: 10px;
	z-index: 99;
}

.header .nav li:hover li ul,
	.header .nav li.sfHover li ul {
	top: -999em;
}

.header .nav li li:hover ul,
	.header .nav li li.sfHover ul {
	left: 141px;
	top: 0;
}

.header .nav li li:hover li ul,
	.header .nav li li.sfHover li ul {
	top: -999em
}

.header .nav li li li:hover ul,
	.header .nav li li li.sfHover ul {
	left: 141px;
	top: 0
}

/* Sub sub menu */

.header .nav ul ul {
	background: #0096d0 url(/images/nav_bg.png) 0 3px 100% no-repeat;
	margin: 2px 0 0;
	padding: 15px 0 8px 0;
	position: absolute;
	top: -999em;
	width: 140px;
	z-index: 1;
}

/*------ content ------*/

#content > h1 {
	color: #000;
	font-style: normal;
	font-weight: normal;
	margin-bottom: .2em;
}

#content > h1 + .em {
	margin-bottom: 2em
}

.em, th {
	color: #164698;
	font-size: 123.077%;
}

h2, .cnr {
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

h3 img {
	float: left;
	margin: 2px 15px 1em 0;
}

.tick {
	list-style: none;
	margin-left: 0;
	padding-left: 0;
}

.tick li {
	background: url(/images/tick.png) no-repeat;
	min-height: 25px;
	margin-bottom: 1em;
	padding: 8px 0 0 28px
}

table {
	border-collapse: collapse;
	margin: 1em 0;
}

th, td {
	padding: 2px 5px 2px 2px
}

th {
	font-weight: normal;
	text-align: left
}

/* News */

.news li, #home .article {
	margin-bottom: 1em;
	border-bottom: 1px dotted #4BB8EF;
}

#home .article img {
	padding-bottom: 15px;
}

.news li.last, #home .article.last {
	border-bottom: none;
}

.news li h3, #home .article h3 {
	margin-top: 0
}

.news li {
	overflow: hidden;
	position: relative;
	width: 100%;
}

#home .news li h3 {
	font-size: 100%
}

#news .news li h3 {
	font-size: 133.33%;
	font-weight: normal
}

#home .news .frame {
	top: 2px;
}

#news .news li a img {
	-webkit-border-radius: 6px;
}

.frame {
	background: url(/images/frame.png) no-repeat;
	height: 64px;
	left: 0;
	position: absolute;
	top: 5px;
	width: 64px;
	z-index: 10;
}

/* Home page */

#home h1, #home h2 {
	clear: none;
}

#home h2 {
	margin-bottom: 15px;
}

#home h3 {
	font-style: italic;
	clear: none;
}

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

.right_col {
	float: right;
	width: 420px;
	margin-top: 3px;
}

#home #video {
	display: inline;
	float: left;
	margin: 0 15px 1em 0;
}

.intro {
	color: #444;
}

.intro .em {
	color: #1E71B8;
	font-size: 116.67%;
	font-weight: bold;
}

.info {
	background: #FFF;
	border: 1px solid #D9EFFC;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	margin: 0 auto 20px;
	min-height: 60px;
	overflow: hidden;
	padding: 0 10px;
	width: 871px;
}

* html .info {
	height: 60px
}

.info > div {
	border-left: 1px solid #D9EFFC;
	float: left;
	display: inline;
	margin: 7px 0 0 10px;
	padding: 0 10px;
}

.info .weather {
	margin-left: 0;
	padding-left: 60px;
	border: none;
	background: url(/images/icon_clouds.png) 10px 50% no-repeat;
}

.info .social {
	background: url(/images/icon_fb.png) 10px 50% no-repeat;
	padding-left: 60px;
	width: 245px
}

.info .enews {
	background: url(/images/icon_enews.png) 10px 50% no-repeat;
	padding-left: 60px;
}

.info p {
	padding-top: 15px
}

/*------ footer ------*/

.footer {
	border-top: 1px dotted #4BB8EF;
	clear: both;
	font-size: 62.54%;
	margin: 1em auto;
	padding: 1em 0;
	position: relative;
	width: 891px;
}

.footer p {
	text-align: right;
	color: #555;
}

.footer span {
	float: left
}

.footer, .footer a {
	color: #555;
}

/*------- evolved.css customisations -------*/

.form-box {
	background-image: none;
}

/* Booking Form */

#content ul.error {
	width: 320px;
	margin: 2em;
	padding: 1.5em 3em;
	border-color: #4BB8EF;
}