/* Campervans New Zealand main style sheet */

/* ------ Global styles --------*/


html {
	font-size: 100%;
}

body { 
	margin:0;
	padding:0;
	font: 62.5%/1.6 Verdana, Geneva, Arial, Helvetica, sans-serif;
	min-width: 760px;
	}


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

#header {
background: #336699 url(../../images/topright.jpg) top right no-repeat;
    height: 81px;  /* set to height of exterior.jpg  */
    margin: 0 0 0 0;
    padding: 0 0 6px 0;
    width: 100%;	 
}


#header h1 {
	margin: 0 0 0 0;  
	padding: 0 0 1px 0;
	border-bottom: 5px solid #000;
	border-color: #99cc66;
	background: url(../../images/logo.jpg) no-repeat;
	width: 100%; /* dimensions of the image, logo2.gif */
	height: 80px; /* dimensions of the image, logo2.gif */
	text-indent: -9000px;
	overflow: hidden;  /* needed for I*/
}

#header h1 a{
	display: block;  /* so the link will work */
	height: 80px;
	width: 501px;
	}

/* ---------- block elements below ---------- */

#sidebar {
	margin: 0;
	padding: 0;
	min-width: 178px;
	width: 15%;
	float: left;
	}

#navigation {
	background: #fff url(../../images/bottomcurve.gif) bottom left no-repeat;
	padding-top: 14px;
	}

#middle {
	float: right;
	width: 65%;
	margin-right: 10%;
}

#topcurve{
	margin: 0;
	padding: 0;	
	background: #336699 url(../../images/topcurve.gif) top left no-repeat;
	width: 178px; 
	height: 8px;
	}

#middlebox {
	margin: 0;
	/*border-left: 2px solid #000;
	border-right: 2px solid #000;*/
	padding: 10px;
	float: left;
	width: 90%;
	}


#rightbox {
    float: right;
	width: 5%;
	}

#footer {
	clear: both;
	background: #fff url(../../images/footer.gif) bottom left repeat-x;
	margin: 15px 0 0 0;
	width: 100%;
	height: 40px;
	text-align: center;
	}
#attention {
	border: 3px solid #FF6600;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	margin-left: -1em;
	padding: 1em;
}

/* ---------- middlebox content formatting below ---------- */

h2{ 
	font-size: 120%; 
	color: #ff6600;
	font-weight: bold;
	}
	

	

h3{
	padding: 14px 0 0 0;
	font-size: 100%; 
	
	}
	
p.ok {
	padding-left: 36px;
	background: url('/images/tick.png') no-repeat left center;
	line-height: 2.5;
}

/* ------------------- Main Navigation ul style below ---------------- */

#navigation ul{ 
	margin:0;
	padding:0;
	border-top: 1px solid #ccc;
	width: 170px;
	list-style: none;
	font-size:  1.2em;
	line-height: 1.0;
	}
	
#navigation ul a {
	color: #fff;
	text-decoration: none;
	padding:2px 0 2px 4px;
	display: block;
	border-bottom: 1px solid #ccc;
	}
#navigation a:link, #navlist a:visited {
	color: #fff;
	text-decoration: none;
}

#navigation a:hover {
	background-color: #ccc;
	color: #336699;
}

#navigation .active a:link, #navigation .active a:visited, #navigation .active a:hover {
	background-color: #99CC66;
	color: #336699;
}

#navigation p {
	margin: 20px 0 20px 2px; 
	color: #fff;
	}
	
/* ------------------- Sub navigation -----------------------------*/
ul.subnav {
	list-style-type: none;
	margin-left: 0;
	padding-left: 4px;	
}

#sidebar h3, #sidebar p {
	padding-left: 4px;	
}

#middlebox {
	font-size: 1.2em;
}

#middlebox a:link, #termsnav li a, #campernav li a{
	color: #003399;
	text-decoration: underline;
	/*background:url(../../images/arrow.png)  0 4px no-repeat;*/
	padding: 0;
	margin: 0;
	background-color: #fff;
	display: inline;
	}
	
#middlebox a:active, #termsnav li a:active, #campernav li a:active{
	
	color: #003399;
	text-decoration: underline;
	/*background:url(../../images/arrow.png)  0 4px no-repeat;*/
	padding: 0;
	margin: 0;
	background-color: #fff;
	display: inline;
	}

#middlebox a:visited, #termsnav li a:visited, #campernav li a:visited{
	
	color: #666666;
	text-decoration: underline;
	/*background:url(../../images/arrow.png)  0 4px no-repeat;*/
	padding: 0;
	margin: 0;
	background-color: #fff;
	display: inline;
	}
	
#middlebox a:hover, #termsnav li a:hover, #campernav li a:hover{
	
	color: #003399;
	text-decoration: underline;
	/*background:url(../../images/arrow_red.png)  0 4px no-repeat;*/
	padding: 0;
	margin: 0;
	background-color: #99cc66;
	display: inline;
	}
	
#middlebox a.imagelink {
	background: none;
	text-decoration: none;
}

#middlebox a.imagelink img {
	border: none;
}
	
#middlebox tr a:link{
	
	background-color: #fff;
	
	}
	
#middlebox tr a:active{
	
	background-color: #fff;
	
	}

#middlebox tr a:visited{
	
	background-color: #fff;
	}
	
#middlebox tr a:hover{
	
	background-color: #fff;
	
	}
	
#middlebox ol{
	list-style-type: lower-alpha
	}
	

	
/* ------------------- Footer Navigation ul style below ---------------- */

#footer ul{ 
	margin:0 0 0 0;
	padding:0;
	text-align: center;
	float: none;
	height: 6px;
	
	}

#footer ul li {
	list-style-type: none;
	padding:0 5px 0 3px;
	margin:0px 0 0px 0;
	display: inline;
	border-right: 1px solid #000;
	
	}
	

	
#footer ul li a:link, #footer ul li a:active, #footer ul li a:visited{
	color: #666666;
	text-decoration: underline;
	/*background:url(../../images/arrow.png)  0 4px no-repeat;*/
	padding: 0;
	margin: 0;
	background-color: #fff;
	display: inline;
	
	}
	
#footer ul li a:hover{
	color: #336699;
	text-decoration: underline;
	/*background:url(../../images/arrow_red.png)  0 4px no-repeat;*/
	padding: 0;
	margin: 0;
	background-color: #99cc66;
	display: inline;
	
	}


	
/* ---------- class rules---------- */

#contact {
	padding: 10px 0 10px 0;
	clear: left;
	color: #336699;
	font-weight: bold;
	font-size: 120%;
	}
	
#contact a:link, #contact a:active, #contact a:visited{
	color: #ff6600;
	text-decoration: none;
	background: none;
	padding: 0;
	margin: 0;
	}
	
#contact a:hover{ 
	color: #ff6600;
	text-decoration: underline;
	background: none;
	padding: 0;
	margin: 0;
	}

.cont{ 

	padding: 0px 0px 60px 0px;
	margin: 0;
	}
	
.green{ 
	color: #5fa819;
	}

.orange { 
	color: #ff6600;
	}
	
/* ---------- next prev links ---------- */

p.paging {
	font-size: 1.4em;
}

p.paging a img {
	border: none;	
}

p.paging a:visited {
	color: #003399!important;
}

#pagination em {
	font-weight: normal;
	font-style: normal;
}

p.paging span {
	opacity: .3;
}

#pagination a span {
	opacity: 1!important;
	background: none!important;
}

/* ---------- homepage boxes ---------- */

#boxwrapper { 
	margin:0 0 10px 0;
	padding:16px 0px 0px 0px;
	}

#orangeboxwrapper { 
	margin:0;
	padding:0;
	float: left;
	width: 172px;
	}

#orangeboxtop { 
	margin:0;
	padding:2px 2px 2px 6px;
	background: #ff6600 url(../../images/homebox_top_orange.gif)  top left no-repeat;
	}

#orangeboxcontent { 
	margin:0;
	padding:6px 0px 6px 6px;
	background: #f0ffff url(../../images/homebox_background_orange.gif)  bottom left no-repeat;
	line-height: 1.1;
	}
	
#orangeboxcontent p{ 
	margin:0;
	padding:14px 0px 14px 9px;
	}
	
#orangeboxcontent ul{ 
	margin:0 0 0 0;
	padding:6px 0px 0px 0px;
	
	
	
	}
	
#orangeboxcontent ul li{ 
	margin:0;
	padding:6px 0px 6px 0px;
	list-style-type:none;
	padding:7px 3px 0px 10px;
	line-height: 1.1;
	}
	
#orangeboxcontent a:link, #orangeboxcontent a:active, #orangeboxcontent a:visited{
	
	font-size: 90%; 
	font-weight: bold; 
	color: #ff6600;
	text-decoration: none;
	background: none;
	padding: 0;
	margin: 0;
	}
	
#orangeboxcontent a:hover{
	
	font-size: 90%; 
	font-weight: bold; 
	color: #ff6600;
	text-decoration: underline;
	background: none;
	padding: 0;
	margin: 0;
	}
	
#orangeboxcontent p a:link, #orangeboxcontent p a:active, #orangeboxcontent p a:visited, #orangeboxcontent p a:hover{
	
	font-size: 90%; 
	font-weight: bold; 
	color: #ff6600;
	text-decoration: underline;
	background: none;
	padding: 0;
	margin: 0;
	}
	

	
#orangeboxcontent ul li a:link, #orangeboxcontent ul li a:active, #orangeboxcontent ul li a:visited{
	
	font-size: 90%; 
	font-weight: bold; 
	color: brown;
	text-decoration: none;
	background:url(../../images/arrow.gif)  0px 2px no-repeat;
	padding: 0px 0px 0px 10px;
	margin: 0;
	}
	
#orangeboxcontent ul li a:hover{
	
	font-size: 90%; 
	font-weight: bold; 
	color: brown;
	text-decoration: underline;
	background:url(../../images/arrow.gif)  0 2px no-repeat;
	padding: 0px 0px 0px 10px;
	margin: 0;
	}
	
#orangeboxtop a:link, #orangeboxtop a:active, #orangeboxtop a:visited, #orangeboxtop a:hover{
	
	font-size: 120%; 
	font-weight: bold; 
	color: #fff;
	text-decoration: none;
	background: none;
	padding: 0px 0px 0px 0px;
	margin: 0;
	}

#blueboxwrapper { 
	margin:0px 0px 0px 5%;
	padding:0;
	float: left;
	width: 172px;
	height:auto;
	}

#blueboxtop { 
	margin:0;
	padding:2px 2px 2px 6px;
	background: #336699 url(../../images/homebox_top_blue.gif)  top left no-repeat;
	}

#blueboxcontent { 
	margin:0;
	padding:6px 0px 6px 6px;
	background:  #f0ffff url(../../images/homebox_background_blue.gif)  bottom left no-repeat;
	line-height: 1.1;
	}
	
#blueboxcontent a:link, #blueboxcontent a:active, #blueboxcontent a:visited{
	
	font-size: 90%; 
	font-weight: bold; 
	color: #336699;
	text-decoration: none;
	background: none;
	padding: 0;
	margin: 0;
	}
	
#blueboxcontent a:hover{
	
	font-size: 90%; 
	font-weight: bold; 
	color: #336699;
	text-decoration: underline;
	background: none;
	padding: 0;
	margin: 0;
	}

#blueboximg { 
	margin:0;
	padding:0;
	/*height: 115px;
	background: url(../../images/homebox_img_blue.gif)  bottom left no-repeat;*/
	}
	
#blueboxtop a:link, #blueboxtop a:active, #blueboxtop a:visited, #blueboxtop a:hover{
	
	font-size: 120%; 
	font-weight: bold; 
	color: #fff;
	text-decoration: none;
	background: none;
	padding: 0px 0px 0px 0px;
	margin: 0;
	}
	
	
#greenboxwrapper { 
	margin:0px 0px 0px 5%;
	padding:0;
	float: left;
	width: 172px;
	height:auto;
	}

#greenboxtop { 
	margin:0;
	padding:2px 2px 2px 6px;
	background: #5fa819 url(../../images/homebox_top_green.gif)  top left no-repeat;
	}

#greenboxcontent { 
	margin:0;
	padding:6px 0px 6px 6px;
	background:  #f0ffff url(../../images/homebox_background_green.gif)  bottom left no-repeat;
	line-height: 1.1;
	}
	
#greenboxcontent a:link, #greenboxcontent a:active, #greenboxcontent a:visited{	
	font-size: 90%; 
	font-weight: bold; 
	color: #5fa819;
	text-decoration: none;
	background: none;
	padding: 0;
	margin: 0;
	}
	
#greenboxcontent a:hover{
	font-size: 90%; 
	font-weight: bold; 
	color: #5fa819;
	text-decoration: underline;
	background: none;
	padding: 0;
	margin: 0;
	}

#greenboximg { 
	margin:0;
	padding:0;
	height: 115px;
	background: url(../../images/homebox_img_green.gif)  bottom left no-repeat;
	}
	
	
#greenboxtop a:link, #greenboxtop a:active, #greenboxtop a:visited, #greenboxtop a:hover{
	font-size: 120%; 
	font-weight: bold; 
	color: #fff;
	text-decoration: none;
	background: none;
	padding: 0px 0px 0px 0px;
	margin: 0;
	}
	
	
#blueboximg h4 {
	font-family:verdana, Helvetica, sans-serif;
	margin: 0 0 0 0;  
	padding: 0 0 0 0;	
	background: url(../../images/homebox_img_blue.gif) bottom left no-repeat;
	width: 100%; /* dimensions of the image */
	height: 115px; /* dimensions of the image*/
	text-indent: -9000px;
	overflow: hidden;  /* needed for I*/
}

#blueboximg h4 a{
	display: block;  /* so the link will work */
	height: 115px;
	width: 172px;
	}
	
/* ------------------- lists -----------------------------*/


ul#camperview {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul#camperview li a img {
	border: 2px solid #A2B9D1;
	padding: 2px;
	float: left;
	clear: left;
	margin-right: 2em;
	background-color: #fff;
}

ul#camperview li a:hover img {
	border: 3px solid #99CC66;
	background-color: #fff;
	padding: 1px;
}

ul#camperview li   {
	float: left;
	width: 100%;
	padding-bottom: 2em;
}

ul#camperview li p {
	padding-top: 0;
	margin-top: 0;
}

/* ------------------- Tables -----------------------------*/

table#camperprices {
	width: 500px;
}

table#camperprices tr.odd {
	background-color: #eee;
}
table#camperprices td.date {
	width: 140px;
	font-weight: bold;
}
/* ------------------- Quote form -----------------------------*/
form#quote {
	color: #fff;
	font-size: 1em;
	margin: 0;
	padding: 10px 0px 5px 4px;
}
form#quote legend{
	color: #fff;
	font-weight: bold;
	margin: 0;
	padding: 0;
}
form#quote fieldset {
	border: none;
	margin: 0 1em 0 0;
	padding: 0;
}

form#quote input,form#quote select  {
	font-size: 1em;
}
select.form_error ,  form#quote input.form_error{
	border: 2px solid #ff6600;
}
form#quote p {
	margin: 0;
	padding: 0 0 .5em 0;
}
/* ------------------- form error messages -----------------------------*/
div.error_message {
	font-weight: bold;
	color: #ff6600;
}
div#error_wrapper {
	height: 250px;
}

/* ------------------- datechooser -----------------------------*/
.calendar *
{
	margin: 0px;
	padding: 0px;
	border: 0px;
	font-family: Tahoma, serif;
	font-weight: normal;
	color: #000;
}

.calendar .invalidday a, .calendar .invalidday a:hover { color: #ccc; background: #fff; cursor: default; }

.calendar
{
	padding-bottom: 2px;
	border: 1px solid #aaa;
	font-size: 1.2em;
	background: #fff;
}

.calendar table
{
	border-collapse: collapse;
	font-size: 90%;
}

.calendar thead td
{
	border-bottom: 1px solid #aaa;
}

.calendar thead th
{
	padding: 2px 0px;
	vertical-align: middle;
	background: #ddd;
}

.calendar thead th a
{
	font-size: 95%;
	font-weight: bold;
}

.calendar a
{
	padding: 0px 2px;
	color: #000;
	text-decoration: none;
}

.calendar a:hover
{
	background: #888;
}

.calendar thead td
{
	font-weight: bold;
}

.calendar td, .calendar th
{
	padding: 1px;
	text-align: center;
}

.calendar tbody td
{
	width: 20px;
}

.calendar .selectedday
{
	background: #ddd;
}

.calendar .today
{
	font-weight: bold;
	color: #ff6600;
}

.calendarlink, .calendaricon
{
	margin: 0px 3px;
}

.calendaricon
{
	cursor: pointer;
}

/************ admin *************/
#user_status {
	margin-top:1em;
	font-size: 90%;
}
.message
{
    padding:1em 1em 1em 4em;
	font-size: 120%;
	font-weight:bold;
	margin-bottom: 1em;
}
#sessionFlash {
	background: url(/images/alert_32.gif) 10px 50% no-repeat;
} 

p.edit {
	padding:1em	 0em;
	margin-left:1em;
}

p.edit a img {
	border: none;
	text-decoration: none;	
	display: block;
	float:left;
	margin-top:-8px;
}

ul#camperview li  p.editshort a img {
	border: none;
	padding: 0;
	float: none;
	margin-right: 0;
	background-color: #fff;
	
}

ul#camperview li  p.editshort a {
	text-decoration: none;
}

.not_published {
	opacity: 0.5;
}
/* quotes tables */

table.quotes {
	border: 0; 
	background-color: #ccc; 
	margin-bottom: 1em;		
}

table.quotes th {
	padding: .5em 0;
	background-color: #369; 
	color: #fff; 
	font-weight: bold; 
    font-size: 0.8em;
}
table.quotes td {
	padding: 0 1em 0 0;
	background-color: #fff; 
	font-size: 0.8em;
}
table.quotes td.alt {
	background-color: #efefef;
}
table.quotes td img {
	border: none;
	margin-right: 5px;
	float: left;
}

/* specs tables */
table.specs {
	border-collapse: collapse;
	border: 1px solid #ccc;
	width: 100%;
}
table.specs td  {
	padding: 4px 8px;
	margin:0;
	border-bottom: 1px solid #ccc;
	font-size: 0.9em;
}
table.specs tr {
	background-color: #f9f9f9;
}

table.specs tr.heading td {
	font-weight: bold;
	padding-top: 10px;
	background-color: #6B90B5;
}
	
table.specs tr.alt {
	background-color: #efefef;
}

table.specs td p {
	padding: 0;
	margin:0;
}
/* order form */
/* fieldset styling */
form#order fieldset {
  margin: 1em 0; /*  space out the fieldsets a little*/
  padding: 1em;
  border : 1px solid #ccc;
}

/* legend styling */
form#order legend {
  font-weight: bold;
}


/* style for  labels */
form#order label {
  display: block;
}

/* style for required labels */
form#order label .required {
  font-size: 0.75em;
  color:#ff6600;
}

form#order input {
  width: 200px;
}


form#order input.submit {
  width: auto;
}

/* style form elements on focus */
form#order input:focus, form#order textarea:focus {
  background: #eee;
}

form#order input.radio {
  float: left;
  margin-right: 1em;
}

form#order textarea {
  width: 300px;
  height: 100px;
}

textarea#CampervanShortSpecs {
	width: 300px;
	height: 200px;
}


/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

html, body {
	min-height: 100%;
	height: auto !important;
	height: 100%
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: absolute;
	z-index:100;
	top: 0px;
	left: 0px;
	background-color:#000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}

#TB_window {
	position: absolute;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	display:none;
	border: 4px solid #525252;
	text-align:left;
}

#TB_window img {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:5px 10px 7px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: absolute;
	display:none;
	height:100px;
	width:100px;
	z-index:101;
}

#TB_HideSelect{
	z-index:99;
	position:absolute;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	margin-bottom:1px;
}