/*
[Global Style Sheet]
-----------------------------------------------------------------------------
	site:			caravan-camping.com.au
	version:		2.0
	Last change:    23/03/2010
	description:	Global layout CSS
	author:			Copticom Pty Ltd
	author email:	info@copticom.com
	author website:	http://www.copticom.com/

	Copyright © 2000-2010 Copticom. All Rights Reserved. 
-----------------------------------------------------------------------------
																			*/

/* Reset Browser Styles
-----------------------------------------------------------------------------*/
html, body, h1, h2, h3, h4, h5, h6, p, ul, ol, li, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, img {
	margin:0;
	padding:0;
	border:0;
}


/* Global Settings
-----------------------------------------------------------------------------*/
html, body {
	height: 100%;
}


body {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 100.01%; /*Eliminates an IE/Win problem with growing or shrinking fonts out of proportion if they are later set in ems in other elements*/
	color: #333333;
	line-height: 1;
	background-color: #dddddd;
}


/* Headings
-----------------------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
	font-weight:normal;
}
 
h1 {
	padding:30px 0 25px 0;
	letter-spacing:-1px;
	font-size:2em;
}
 

h2 {
	font-size: 1.65em;
	font-weight:normal;
	margin: 0;
	padding: 0.70em 0 0.40em 0;
	color: #54759C;
}

 
h3 {
	font-size:1.25em;
	font-weight:bold;
	padding: 0.88em 0 0.44em 0;
}

h4 {
	font-size:1.12em;
	font-weight:normal;
	padding: 0.88em 0 0.44em 0;
	color:#990000;
}

h5 {
	font-size:1.1em;
	font-weight:bold;
	padding: 0.88em 0 0.44em 0;
	line-height: 16px;
}

/* Introduction Headings Classes
-----------------------------------------------------------------------------*/
h2.introduction {
	color: #54759C;
	font-size: 1.56em;
	font-weight:bold;
	line-height: 22px;
	margin-bottom: 0;
	padding: 0;

}

h3.introduction {
	color: #54759C;
	font-weight: normal;
	font-size: 1.31em;
	line-height: 20px;
	margin-top: 0;
	padding-top: 0;
	margin-bottom: 1.0em;
}
 
 
/* Common Formatting
-----------------------------------------------------------------------------*/
p, ul, ol {
	margin:0;
	padding:0 0 0.90em 0;
	line-height: 1.25em;
	font-size: 0.95em;
}
 
ul, ol {
	padding:0 0 1.25em 2.5em;
}
 
blockquote {
	margin:1.25em;
	padding:1.25em 1.25em 0 1.25em;
}
 
small {
	font-size:0.85em;
}
 
img {
	border:0;
}
 
sup {
	position:relative;
	bottom:0.3em;
	vertical-align:baseline;
}
 
sub {
	position:relative;
	bottom:-0.2em;
	vertical-align:baseline;
}


/* Links
-----------------------------------------------------------------------------*/
a:link			{ text-decoration: underline; color:#000099 }
a:visited 		{ text-decoration: underline; }
a:hover 		{ text-decoration:underline; }
a:active 		{ text-decoration: underline; }


/* Forms
-----------------------------------------------------------------------------*/
form {
	margin:0;
	padding:0;
	display:inline;
} 
 
fieldset {
	padding: 0;
	margin: 0;
	width: 43em;
}
						
legend {
	font-weight: bold;
	margin-left: 0.20em;
	color: #006634;
}
						
						
fieldset ul {
	margin: 0px;
	padding: 0.80em;
	list-style-type: none;
}
fieldset li {
	background-image: none;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0.80em;
	margin-left: 0px;
}


 
input, select, textarea {
	color: #333333;
}
 
textarea {
	line-height:1.25;
}
 
label {
	cursor:pointer;
	color:#333333;
}

input.btn1 {
	font-weight:bold;
	color: #0099CC;
	text-align:center;
	margin-left: 0.06em;
	border: #0099CC 1px solid;
	background-color: #f3f3f3;
	font-size: 0.95em;
	width: 5.85em;
	padding-left: 3px;
	height: 22px;
}


.btn2 {
	font-weight:bold;
	color: #0099CC;
	text-align:center;
	margin-left: 8.95em;
	margin-top: 8px;
	border: #0099CC 1px solid;
	background-color: #f3f3f3;
	font-size: 0.95em;
	width: 5.55em;
	height: 22px;
	display: block;
}


.btn3 { /* wider*/
	font-weight:bold;
	color: #0099CC;
	text-align:center;
	margin-left: 8.95em;
	margin-top: 8px;
	border: #0099CC 1px solid;
	background-color: #f3f3f3;
	font-size: 0.95em;
	height: 22px;
	display: block;
}

.btn3b { /* wider*/
	font-weight:bold;
	color: #0099CC;
	text-align:center;
	margin-left: 21.65em;
	margin-top: 8px;
	border: #0099CC 1px solid;
	background-color: #f3f3f3;
	font-size: 1.2em;
	height: 28px;
	display: block;
}

.btn4 { /* member*/
	font-weight:bold;
	color: #0099CC;
	text-align:center;
	border: #0099CC 1px solid;
	background-color: #f3f3f3;
	font-size: 1.00em;
	height: 22px;
	display: block;
}

.btn5 { /* wider*/
	font-weight:bold;
	color: #0099CC;
	text-align:center;
	margin-top: 8px;
	border: #0099CC 1px solid;
	background-color: #f3f3f3;
	font-size: 1.20em;
	height: 28px;
	display: block;
	margin: auto;
}


input.txtf2 { /* normal */
		width: 13.50em;
}


input.txtf3 { /* wide */
		width: 25.00em;
}

input.txtf4, select.txtf4 { /* medium */
	margin-left: 3px;
	width: 17em;
	font-size: 0.94em;
	color: #666666;
}

input.txtf5, select.txtf5 { /*short*/
	margin-left: 3px;
	width: 75px;;
	font-size: 0.94em;
	color: #666666;
}

input.txtf6, select.txtf6 { /*wide*/
	margin-left: 3px;
	width: 32em;
	font-size: 0.94em;
	color: #666666;
}

#contactForm label {
	text-align: right;
	font-size: 0.90em;
	font-weight: bold;
	float: left;
	width: 8em;
	padding-right: 0.5em;
}

#contactForm .address1 {
	float:left;
}

#contactForm .address2 {
	float:left;
	margin-left: 2.65em;
}


#fuelcalcForm fieldset {
	padding-top: 13px;
	margin-left: 30px;
	width: 37em;
}

#fuelcalcForm label {
	text-align: right;
	font-size: 0.90em;
	font-weight: bold;
	float: left;
	width: 12em;
	padding-right: 0.5em;
	margin-top: 3px;
}

#fuelcalcForm .dispData {
	border: 0;
	background-color:#f7fbfd;
	color: #184884;
	text-align: center;
	font-size: 2.0em;
	font-weight: normal;
	width: 5em;
}

#fuelcalcForm .tableDisplay {
	font-size: 0.84em;
	border: #2193c9 1px solid;
	border-collapse:collapse;
	background-color:#f7fbfd;
	width: 24em;
	margin-left: 54px;
}

#fuelcalcForm .tableDisplay th {
	background-color: #e7f6fd;
	text-align:left;
	height: 26px;
	padding-left:8px;
	font-size: 1.31em;
	color:#067ab1;
}


#fuelcalcForm .tableDisplay td {
	padding: 5px 8px;
	border-bottom: #EEEEEE 1px dotted;
	text-align:left;
	font-size: 1.12em;
}



#genericform fieldset {
	padding-top: 13px;
	margin-left: 30px;
	width: 50em;
}

#genericform label {
	text-align: right;
	font-size: 0.90em;
	font-weight: bold;
	float: left;
	width: 12em;
	padding-right: 0.5em;
	margin-top: 3px;
}

#genericform .tableDisplay {
	font-size: 0.84em;
	border: #2193c9 1px solid;
	border-collapse:collapse;
	background-color:#f7fbfd;
	width: 34em;
	margin-left: 54px;
}

#genericform .tableDisplay th {
	background-color: #e7f6fd;
	text-align:left;
	height: 26px;
	padding-left:8px;
	font-size: 1.31em;
	color:#067ab1;
}


#genericform .tableDisplay td {
	padding: 5px 8px;
	border-bottom: #EEEEEE 1px dotted;
	text-align:center;
	font-size: 1.12em;
}

#genericform .dispData {
	border: 0;
	color: #184884;
	text-align: center;
	font-size: 1.0em;
	font-weight: normal;
	width: 5em;
}


/* Main Wrapper & Header Containers
-----------------------------------------------------------------------------*/
#wrapper { /* Main bounding wrapper */
	width: 60.75em; /* Approx for 972 wide (use for 1024 x 768 resolution)*/
	margin: 0 auto; /* Centers the design */
	background-color:#FFFFFF;
}

#masthd {
	height: auto;
}

#hd1 { /* Logo */
	width: 15.56em;
	height: 9.13em;
	float:left;
	position: relative;
}

#hd1 img {
	width:15.56em;
}

#hd1b { /* Creative below logo */
/*	background:url(../images/gn/logo/caravan-camping_hd-logo-creative.gif) top left no-repeat;
*/	position: absolute;
	top: 6.50em;
	left: 0;
/*	width: 15.56em;
	min-height: 2.63em;
*/}

#hd1b img { /* Creative below logo */
	width: 15.56em;
	min-height: 2.63em;
}

#hd2 { /* Main Header Photo !!! */
/*	background:url(../images/gn/hd/hd-photos/hd_photo01.jpg) top no-repeat;
*/	width: 45.19em;
	height: 9.13em;
	float:right;
}

#hd2 img { /* Main Header Photo !!! */
	width: 45.19em;
}


#pageContainer {
	min-height: 100%;
	margin: 0;
	padding: 0;
	position: relative;

}

#mainContent {
/*	width:54.25em;*/
	width:55.25em;
	height: auto;
	margin: 0 0.31em 0.50em 0.63em;
	float:left;
	font-size: 0.81em;	
}

#mainContent li {
	padding:0.09em 0 0.26em 0;
}


/* Global-Main Navigation
-----------------------------------------------------------------------------*/
#mainNav {
	color: #FFFFFF;
	font-size: 0.69em;
	font-weight: bold;
	text-align:center;
	text-transform: uppercase;
	background-color: #379907;
	width: 100%;
	float:left;
	height: 3.13em;
}


#mainNav ul {
	margin: 0.19em 1.0em;
	padding: 0;
	list-style-type: none;
	
}


#mainNav li  {
	background-image: url(../images/gn/main-nav/main-nav-div.gif);
	background-repeat: no-repeat;
	background-position: right top;
	float: left;
	margin: 0;
	vertical-align:middle;
}


#mainNav li.lastmainNav {
	border-right: 0;
	background-image: none;
}


#mainNav a {
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	padding: 0.31em 1.65em 0.31em 2.19em;
	margin-right: 0.06em; /*Makes the green background move to the right to make nav divider visible on the right. The left doesn't need adjustments*/
}


#mainNav a:hover, #mainNav a:focus, #mainNav a:active {
	text-decoration:underline;
}

#mainNav .currentmainNav {
	background-color: #066800;
	text-decoration:none;
}

#mainNav a.currentmainNav:hover {
	text-decoration: none;
}

#mainNav .singleLine {
	margin-top: 0.63em;
}


/* Section (Sub) Navigation
-----------------------------------------------------------------------------*/
#secNav {
	width:17.50em;
	height: auto;
	margin: 0 0.31em 0.50em 0.63em;
	float:left;
	color:#FFFFFF;
	font-size: 0.81em;
/*	border-top: #466d9d 4px solid;*/
}

#secNav ul {
	list-style-type: none;
	padding: 0;

}

#secNav li {
	padding: 0 0 0.08em 0;
}


#secNav li ul li {
	padding: 0 0 1px 0;
}

#secNav h2 {
	font-size: 1.00em;
	font-weight:bold;
	margin: 0.13em 0 0.31em 0;
	padding: 0.38em 0;
	padding-left: 1.00em;
	color: #FFFFFF;
	background-color: #466d9d;
}


#secNav h3 { 
	font-size: 0.94em;
	font-weight:bold;
	padding: 0.50em 0.13em 0.25em 1.88em;
	height: 1.44em;
	background: url(../images/gn/bullets-icons/bullets/arrow-right-blue.gif) left no-repeat; /*Section Nav bullet*/
	background-color: #e7ecf2; /* Blue */
	color: #000000;
}

#secNav h3.selected { /* Select SecNav Item */
	color:#FFFFFF;
	background-color: #6b8ab0; /* Dark Blue */
}


#secNav h3 a {
	color:#000000;
	text-decoration: none;
}

#secNav h3 a:hover {
	color:#000000;
	text-decoration: underline;	
}

#secNav h3.selected a { /* MUST appear after h3 a and h3 a:hover to work */
	color:#FFFFFF;
	text-decoration: none;
}



#secNav h4 { 
	font-size: 0.96em;
	font-weight:normal;
	padding: 0.44em 0.13em 0.25em 4.00em;
	min-height: 1.44em;
	background: url(../images/gn/bullets-icons/bullets/arrow-right-blue2.gif) left no-repeat; /*Section Nav bullet*/
	background-color: #f2f5f9; /* Blue */
}

#secNav h4.selected { /* Select SecNav Item */
	color:#CC0000;
	font-weight:bold;
	background: url(../images/gn/bullets-icons/bullets/arrow-right-red2.gif) left no-repeat; /*Section Nav bullet*/
	background-color: #f2f5f9;
}


#secNav h4 a {
	color:#000000;
	text-decoration: none;
}

#secNav h4 a:hover {
	color:#000000;
	text-decoration: underline;	
}

#secNav h4.selected a { /* MUST appear after h3 a and h3 a:hover to work */
	color:#CC0000;
	text-decoration: none;
}


/* Page Panels - Titles - Breadcrumps - Backlink {INTERNAL PAGES}
-----------------------------------------------------------------------------*/
#intPageTitlePanel { /* Generic Blue Panel */
	background: url(../images/gn/hd/hd-divs/int_hd-divider.gif) top left no-repeat; /*Green/Blue Wavey Divider*/
	height: auto/*3.69em*/;
	width: 100%;
	float:left;
	background-color: #184884; /* Blue */
	padding-top: 1.31em;
	padding-bottom: 0.50em;
	margin-bottom: 0.50em;
}


.intPageTitle {
	font-size: 1.88em;
	color:#FFFFFF;
	margin: 0;
	padding: 0 0 0 8.20em;
	letter-spacing: 0.04em;
}

.intBreadCrumps {
	font-size: 0.715em;
	color:#FFFFFF;
	margin: 0 0 0 22em;
	padding: 0 0 0.31em 0;
}

.intBreadCrumps a {
	color:#FFFFFF;
	text-decoration: none;
}

#backlinkPanel {
	font-size: 0.75em;
	color:#FFFFFF;
	margin: 0;
	padding: 1.25em 0 0 1.50em;
	width: auto;
	float:left;
	display:inline;
}

#backlinkPanel a {
	text-decoration: underline;
	color:#FFFFFF;
}


/* Footer & Footer Nav
-----------------------------------------------------------------------------*/
#footer {
	font-size: 0.69em;
	background:url(../images/gn/footer-bk.gif) top no-repeat;
	background-color: #066800;
	width:100%;
	float:left;
	text-align:center;
	height-min: 6.25em;
}

#footer a {
	color: #FFFFFF;
	text-decoration: underline;
	font-weight: normal;
}


#footer a:hover, #footer a:focus, #footer a:active, #footer .currentNav {
	text-decoration: underline;
}

#footer p {
	color: #FFFFFF;
	font-weight: normal;
	margin:0.13em 0;
	padding:0;
	display:block;
}

#footer_twitter {
	width: 13.8em;
	min-height: 2.00em;
	margin: -24px 0.2em 0.44em 0;
	float:right;
		text-align:center;
		background-color:#066800;

}

#footer_twitter a {
	font-size: 0.90em;
}

#footer_facebook {
	width: 13.8em;
	min-height: 2.00em;
	margin: -24px 0.2em 0.44em 0;
	float:left;
		text-align:center;
		background-color:#066800;
}

#footer_facebook a {
	font-size: 0.90em;
}



#footerNav ul {
	margin: 2.25em 0 0.94em 4.0em;
	list-style-type: none;
}


#footerNav li  {
	padding: 0 0.63em;
	float: left;
	border-right: 1px #CCCCCC solid;
}


#footerNav li.lastNav {
	border-right: 0;
	background-image: none;
}


/* jTip (tooltip)
-----------------------------------------------------------------------------*/
#JT_starContainer {
	width: 30em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.95em;
	color: #333333;
}

#JT_starContainer h1 {
	font-size: 1.60em;
	color:#066800;
	font-weight: normal;
	padding: 0;
}

#JT_starContainer h2 {
	font-size: 1.13em;
	color:#72CF74;
	border-bottom: #009900 1px dotted;
	font-weight: normal;
	padding: 0;
	padding-top: 0.50em;
}

#JT_starContainer td img {
	border: 0;
}

#JT_starContainer td {
	font-size: 0.75em;
	padding: 0.30em 0.30em;
	border: 0;
}


#JT_starContainer p {
	font-size: 0.65em;
	padding: 0;
	padding-top: 0.65em;
	color: #999999;
}

#JT_starContainer p img {
	border: 0;
}


#JT_arrow_left{
	background-image: url(../images/gn/bullets-icons/jtip/arrow_left.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	left:-12px;
	height:23px;
	width:10px;
    top:-3px;
}

#JT_arrow_right{
	background-image: url(../images/gn/bullets-icons/jtip/arrow_right.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	height:23px;
	width:11px;
    top:-2px;
}

#JT {
	position: absolute;
	z-index:100;
	border: 2px solid #CCCCCC;
	background-color: #fff;
}

#JT_copy{
	padding:10px 10px 10px 10px;
	color:#333333;
}

.JT_loader{
	background-image: url(../images/gn/bullets-icons/jtip/loader.gif);
	background-repeat: no-repeat;
	background-position: center center;
	width:100%;
	height:12px;
}

#JT_close_left{
	background-color: #CCCCCC;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
}

#JT_close_right{
	background-color: #CCCCCC;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
}

#JT_copy p{
	margin:3px 0;
}

#JT_copy img{
	padding: 1px;
	border: 1px solid #CCCCCC;
}

.jTip{
	cursor:help;
	text-decoration: none;
}



/* Global Classes
-----------------------------------------------------------------------------*/
.clear			{ clear:both; }
.float-left		{ float:left; }
.float-right	{ float:right; }
.offleft 		{ margin-left: -9000px; position: absolute; }
 
.text-left		{ text-align:left; }
.text-right		{ text-align:right; }
.text-center	{ text-align:center; }
.text-justify	{ text-align:justify; }

.bold			{ font-weight:bold; }
.italic			{ font-style:italic; }
.underline		{ border-bottom:1px solid; }
.small			{ font-size: 0.90em; }
.highlight		{ background:#ffc; }
.alert			{ color:#CC0000; }
.notice			{ color:#184884; }
.advisory		{ color:#666666; font-size: 90%; }
.normal			{ color:#333333; }
.alternate		{ color:  #184884; }
.alternate2		{ color: #000; }
.alternate3 { color:#090;}
 
.img-left		{ float:left; margin-right: 0.63em; }
.img-right		{ float:right; margin-left: 0.63em; }

.bulleted		{ background:url(../images/gn/bullets-icons/bullets/arrow_right.gif) left no-repeat; padding-left: 0.63em; margin-left: 0.63em; }
.nobullet		{ list-style:none;list-style-image:none; }
.indent			{ padding-left: 0.63em; margin-left: 0.63em; }
.indent-dbl		{ padding-left: 1.5em; margin-left: 1.5em; }
.top			{ background: url(../images/gn/bullets-icons/bullets/arrow-top.gif) left no-repeat; float:right; padding-left: 0.90em; text-transform:uppercase; font-size: 0.90em; }
.border			{ border: #CCC 1px solid; }

.nopadding		{ padding:0; }
.noindent		{ margin-left:0;padding-left:0; }
.content-divider { border-top: 1px dotted #999999; width: 80%; height: 0.85em; padding-bottom: 0; margin: 10px 0; margin-bottom:0; }
.content-divider2 { border-top: 1px dotted #999999; width: 40%; height: 0.85em; padding-bottom: 0; margin: 10px 0; margin-bottom:0; }
.seperator 		{ padding-bottom: 0; margin: 10px 0; margin-bottom:0; }
.div-center 	{ margin: 10px auto; margin-bottom: 0;}
																					/*
##################################### END OF CSS ############################################
							-------------------------------
																					*/