body {
	background-color: #F1F1F5;
	margin: 0px;
	padding: 0px;
	}
	

.BodyBkg{
	background-image: url('images/bkg_wendek2013-1900.jpg');
	background-repeat:no-repeat;
	background-position:center top;
	}

div   {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px; color: #3F3E3D;
	line-height: 1.4em;
}

p   {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px; color: #3F3E3D;
	line-height: 1.4em;
}

tr   {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px; color: #3F3E3D;
	line-height: 1.4em;
}

table   {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px; color: #3F3E3D;
	line-height: 1.4em;
}

th   {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px; color: #3F3E3D;
	line-height: 1.4em;
}

body   {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px; color: #3F3E3D;
	line-height: 1.4em;
}

/* Headings / Text */
/**************************/

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #272775;
	font-weight: bold;
	margin-bottom:0px;
	margin-top:0px;
	display:inline
}

h2 {
	color: #BA7000;
	font-size: 14px;
	font-weight: bold;
	padding-top: 15px;
	border-bottom: 1px dotted #CECECE;
}

h3 {
	color: #026D7A;
	font-weight: bold;
	font-size: 12px;
	padding-top: 10px;
	margin-bottom: -10px;
}

p.small {
	font-size: 10px;
	color: #999999;
}

/* Images */
/**************************/

img {
	border: 0;
}

.imgBorderCurved {
	border:#c3c3c3 1px solid!important;
	border-radius: 5px;
	padding:8px;
}

img.right {
	float: right;
	margin-left: 20px;
	margin-bottom: 10px;
}

div.Cell{
    border-bottom: 1px solid #cdcdcd;
    border-right: 1px solid #cdcdcd;
    color: #4F4F4F;
    padding: 6px;
	display:table-cell;
	vertical-align:middle;
}
.Cell p{margin:0;}
.Cell textarea{font-family:Verdana, Geneva, sans-serif;font-size:12px;}

/* Links */
/******************************/

a:link { font-family: verdana, helvetica; text-decoration: underline; color: #345789;}
a:active { font-family: verdana, helvetica; text-decoration: underline; color: #345789; } 
a:visited { font-family: verdana, helvetica; text-decoration: underline; color: #345789;} 
a:hover { font-family: verdana, helvetica; text-decoration: underline; color: #A9AF00;}

a.subFooterLinks:link { font-family:verdana, helvetica; text-decoration: underline; color: #345789; font-size:10px;}
a.subFooterLinks:active { font-family:verdana, helvetica; text-decoration: underline; color: #345789; font-size: 10px; } 
a.subFooterLinks:visited { font-family: verdana, helvetica; text-decoration: underline; color: #345789; font-size: 10px;} 
a.subFooterLinks:hover { font-family: verdana, helvetica; text-decoration: underline; color: #A9AF00; font-size: 10px;}

a.nav:link { font-family: verdana, helvetica; font-size: 11px; text-decoration: none; color: #ffffff }
a.nav:active { font-family: verdana, helvetica;  font-size: 11px; text-decoration: none; color: #ffffff} 
a.nav:visited { font-family: verdana, helvetica;  font-size: 11px; text-decoration: none; color: #ffffff} 
a.nav:hover { font-family: verdana, helvetica;  font-size: 11px; text-decoration: none; color: #ffffff }

a.footer:link { font-family: verdana, helvetica; font-size: 10px; text-decoration: underline; color: #ffffff;}
a.footer:active { font-family: verdana, helvetica;  font-size: 10px; text-decoration: underline; color: #ffffff;} 
a.footer:visited { font-family: verdana, helvetica;  font-size: 10px; text-decoration: underline; color: #ffffff;} 
a.footer:hover { font-family: verdana, helvetica;  font-size: 10px; text-decoration: none; color: #ffffff }

a.specials:link { font-family: verdana, helvetica; font-size: 12px; text-decoration:none; color: #8d8dd6;}
a.specials:active { font-family: verdana, helvetica;  font-size: 12px; text-decoration: none; color: #8d8dd6;} 
a.specials:visited { font-family: verdana, helvetica;  font-size: 12px; text-decoration: none; color: #8d8dd6;} 
a.specials:hover { font-family: verdana, helvetica;  font-size: 12px; text-decoration: none; color: #ba7000; background-color:#fafafa; }



.btn_blue{
	background: #1f78da; /* Old browsers */
	background: -moz-linear-gradient(top,  #1f78da 0%, #0057b8 99%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #1f78da 0%,#0057b8 99%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #1f78da 0%,#0057b8 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f78da', endColorstr='#0057b8',GradientType=0 ); /* IE6-9 */
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px; 
	-khtml-border-radius: 5px;
	border:1px solid #0059bc;
	padding: 3px 8px 5px 8px;
	display:inline-block;
	}
a.btn_blue:link, a.btn_blue:visited{color:#fff;font-weight:bold;text-decoration:none; }
a.priceCal{padding: 0 14px;font-size:10px;}

.btn_orange{
	background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0, #FEC300),
	color-stop(1, #F05C00),
	color-stop(1, #F37100)
);
background-image: -o-linear-gradient(bottom, #FEC300 0%, #F05C00 100%, #F37100 100%);
background-image: -moz-linear-gradient(bottom, #FEC300 0%, #F05C00 100%, #F37100 100%);
background-image: -webkit-linear-gradient(bottom, #FEC300 0%, #F05C00 100%, #F37100 100%);
background-image: -ms-linear-gradient(bottom, #FEC300 0%, #F05C00 100%, #F37100 100%);
background-image: linear-gradient(to bottom, #FEC300 0%, #F05C00 100%, #F37100 100%);
	color:#fff;
	padding: 3px 18px 8px 18px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px; 
	-khtml-border-radius: 6px;
	border:1px solid #c67400;
	font-family:Verdana, Geneva, sans-serif;
	display: inline-block;
}

a.btn_orange:link, a.btn_orange:visited{color:#fff;font-weight:bold;text-decoration:none;}

.btn_orange2{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#da9147+0,da9147+50,cc6600+51,cc6600+100 */
background: #da9147; /* Old browsers */
background: -moz-linear-gradient(top,  #da9147 0%, #da9147 50%, #cc6600 51%, #cc6600 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #da9147 0%,#da9147 50%,#cc6600 51%,#cc6600 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #da9147 0%,#da9147 50%,#cc6600 51%,#cc6600 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#da9147', endColorstr='#cc6600',GradientType=0 ); /* IE6-9 */
	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px; 
	-khtml-border-radius: 5px;
	border:1px solid #c67400;
	display:inline-block;
	
	
	
}
input.btn_orange2{
	color:#fff;
	font-weight:bold;
	letter-spacing:1px;
	font-family:Verdana, Geneva, sans-serif;
	font-size: 11px;
    padding: 2px 6px 4px;
	text-decoration:none;
	cursor:pointer;
	}
a.btn_orange2:link, a.btn_orange2:visited{
	color:#fff;
	font-weight:bold;
	letter-spacing:1px;
	font-family:Verdana, Geneva, sans-serif;
	font-size: 11px;
    padding: 2px 6px 4px;
	text-decoration:none;
}
.btnPriceCal{font-size:10px;padding:1px 5px 2px 5px; line-height:12px;}
.btnBookingEnqForm{font-size:10px;padding:1px 5px 2px 5px;line-height:12px;}
.btnMoreinfo{font-size:10px;padding:3px 6px 4px 6px}
.btnEnqnow{font-size:10px;padding:1px 5px 2px 5px;}
.btn_enquire{font-size:11px;padding:7px 33px 8px 32px;}
.btn_pricelist{font-size:11px;padding: 7px 48px 8px 48px;}


.btn_enquire_ger{font-size:11px;padding:7px 25px 8px 25px}
.btn_pricelist_ger{font-size:11px;padding: 7px 40px 8px 40px;}

.btn_enquire_fre{font-size:11px;padding:7px 5px 8px 5px}
.btn_pricelist_fre{font-size:11px;padding: 7px 13px 8px 14px;}

.btn_enquire_spa{font-size: 10px;padding: 8px 2px 8px 2px;}
.btn_pricelist_spa{font-size:10px;  padding: 7px 6px 8px 7px;}

/* Tables */
/*****************************/

table {
	margin-top: 15px;
	margin-bottom: 15px;	
}

tr {
	border-left: 1px solid #cdcdcd;
}

th {
	background-image: url('images/bkg-th.gif');
	background-repeat: repeat-x;
	color: #ffffff;
	/* font-weight: bold; */
	background-color: #046B77;
	border-top: 1px solid #6D6D6D;
	border-left: 1px solid #6D6D6D;
	border-right: 1px solid #6D6D6D;
	border-bottom: 1px solid #157580;
	height: 18px;
	padding: 4px;
	padding-top: 4px;
	font-size: 11px;
	text-align: left;
}

td.grey {
	border-bottom: 1px solid #cdcdcd;
	border-right: 1px solid #cdcdcd;
	color: #4F4F4F;
	font-size: 11px;
	text-align: left;
	padding: 4px;
	background-color: #EFF5F5;	
}

td {
	border-bottom: 1px solid #cdcdcd;
	border-right: 1px solid #cdcdcd;
	color: #4F4F4F;
	font-size: 11px;
	text-align: left;
	padding: 4px;
}

td.top {
	border-bottom: 1px solid #cdcdcd;
	border-right: 1px solid #cdcdcd;
	border-top: 1px solid #cdcdcd;
	color: #4F4F4F;
	font-size: 11px;
	text-align: left;
	padding: 4px;
}

td.topleft {
	border: 1px solid #cdcdcd;
	color: #4F4F4F;
	font-size: 11px;
	text-align: left;
	padding: 4px;
}

td.simple {
	color: #4F4F4F;
	font-size: 11px;
	text-align: left;
	padding: 4px;
}

.survey td {
	border-bottom: 0px;
	border-right: 0px;
	color: #3F3E3D;
	font-size: 12px !important;
	text-align: left;
	padding: 4px;s
}

.surveybkg td{
	background-color:#F0F7F9; 
	border-bottom:solid 1px #B1C3CA; 
	border-top:solid 1px #B1C3CA;
}

.surveybkgtop td{
	background-color:#F0F7F9; 
	border-top:solid 1px #B1C3CA;
	padding-top:15px;
}

.surveybkgtopRes td{
	background-color:#F0F7F9; 
	border-top:solid 1px #B1C3CA;
}

.surveybkgbottom td{
	background-color:#F0F7F9; 
	border-bottom:solid 1px #B1C3CA; 
	padding-bottom:15px;
}

.surveybkgmid td{
	background-color:#F0F7F9; 
}

.surveypadtop td{
	padding-top:15px;
}


.surveypadbot td{
	padding-bottom:15px !important;
}

/* Forms */
/*****************************/

textarea.search {
background-color: #EFEFCD;
color: black;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 10pt
} 

.changedField { color:black; 
background: #D6DDE7; border: #99ABC4; border-style: solid; 
border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; 
border-left-width: 1px; }


/* Layout */
/*************************/

#maintopwrap {
	padding:0;
	margin:0;
	padding-top: 14px;
	/*background-image: url('images/bkg-top.gif');
	background-repeat: repeat-x;
	height: 128px;*/
	margin: auto;
	
}

#maintop {
	margin: auto;
	width: 981px;
	height: 107px;
}

#mainbot {
	width: 981px;
	margin: auto;
	height: 21px;
}

#mainwrap {
	width: 981px;
	/*background-color: #f1f1f5;
	background-color: #ffffff;*/
	margin: auto;
	overflow: auto;	
}

#mainleftside {
	float: left;
	width: 15px;
	/*background-color: #F1F1F5;*/
}

#mainrightside {
	float: right;
	width: 15px;
	/*background-color: #F1F1F5;*/
}

#mainleft {
	padding-left: 12px;
	width: 204px;
	float: left;
	background-color: #ffffff;
	overflow: auto;	
}

.MenuDiv{
	background-color:#ffffff;
	overflow:auto;
	float:left;
	}

#mainright {
	float: left;
	/*width: 688px;  altered by anda nov 2010 - used to be 691*/
	width: 691px;
	padding: 10px 22px 152px 22px;
	background-image: url('images/bkg-swirl.gif');
	background-repeat: no-repeat;
	background-position: right bottom;
	background-color: #ffffff;
	/*overflow:hidden; added by anda nov 2010*/
}

#menuwrap {
	background-color: #406476;
	color: #ffffff;
}

div.menuitem {
	height: 21px;
	background-image: url('images/bkg-menuitem.gif');
	background-repeat: repeat-x;
	color: #ffffff;
	margin-left: 10px;
	margin-right: 10px;
	padding-top: 11px;
	font-size: 11px;
}

div.menuitemon {
	height: 21px;
	background-image: url('images/bkg-menuitem-on.gif');
	background-repeat: repeat-x;
	color: #ffffff;
	margin-left: 10px;
	margin-right: 10px;
	padding-top: 11px;
	font-size: 11px;
}


#language {
	text-align: right;
	padding: 0px 20px 20px 5px;
}

#featurewrap{
	padding: 10px;
}

#featureleft {
	float: left;
	width: 210px;
}

#featureright {
	float: right;
	width: 452px;
	color: #272775;
}

#featureright p {
	color: #272775;
}
#featureright li {
	
}

#triplewrap {
	padding: 10px;
	padding-top: 20px;
	clear: both;
}

#triple1 {
	width: 207px;
	float: left;
	font-size: 11px;
}

#triple2 {
	width: 207px;
	float: left;
	padding-left: 20px;
}

#triple3 {
	width: 207px;
	float: left;
	padding-left: 21px;
}

#triple1 p, #triple2 p, #triple3 p {
	font-size: 11px;
}

div.readmore {
	padding-right: 5px;
	text-align: right;
}

.tripletext {
	font-weight: bold;
	color: #272775;
}

#contleft {
	float: left;
	width: 376px;
	padding-right: 20px;
}

#contright {
	float: right;
	width: 295px;
}

div.carwrap {
	/* padding: 10px; */
	margin-top: 15px;
}

div.carleft {
	float: left;
	width: 376px;
	padding-right: 20px;
}

div.carright {
	float: right;
	width: 295px;
}

div.clear {
	clear: both;
}


/* https://www.wendekreisen.co.nz/campervans/specials-current.aspx */
/******************************/

.sp_icon{
	float:left;
	width:140px;
	margin-top:24px;
	}
.sp_content{
	float:left;
	width:500px;
	}
.sp_content h2{
	padding-bottom:10px;
	margin-bottom:0;
	}
.sp_text{
	float:left;
	width:380px;
	display:inline;
	}
.sp_button{
	float:right;
	display:inline;
	padding-top: 20px;
	}
.sp_button a{
	border:1px solid #cecece; 
	padding:6px 15px; 
	border-radius:5px; 
	color:#8d8dd6; 
	font-family:Verdana, Geneva, sans-serif; 
	font-weight:bold;
	cursor:pointer;
	text-decoration:none;
	}
.sp_button a:hover{
	color:#ba7000;
	background:#fafafa;
	}


/* Footer */
/******************************/

#footerwrap {
	padding-top: 14px;
	background-image: url('images/bkg-footer.gif');
	background-repeat: repeat-x;
	height: 58px;
}

#footer {
	width: 951px;
	color: #ffffff;
	padding-top: 10px;
	padding-right: 10px;
	margin: auto;
	text-align: right;
	font-size: 10px;
}






/*---------CamperVan Info table------------*/
.Camper_BudgetInfoTable, .Camper_PriceTable .Rental_CafinfoTable{
	width: 691px;
	}
.Camper_BudgetInfoTable a, .Camper_PriceTable a, .Rental_CafinfoTable a{
	text-decoration:none;
	font-size:10px;
}
.Camper_BudgetInfoTable ul{
	clear:both;margin:0;padding:0;padding-left:15px;
}
.Camper_BudgetInfoTable .bedUL{
	list-style:none;
	padding:0;
}



/*------------Thank you page--------*/
#Thankyou td{border:none} /*remove all existing, before create a one...*/
#Thankyou {width:100%}
#Thankyou .rowEven{background-color:#EFF5F5;}
#Thankyou .rowOdd{background-color:#FFFFFF;}
#Thankyou .lastRowEven{background-color:#EFF5F5;border-bottom:1px solid #406476}/*color for bottom border,use to seperate group items..*/
#Thankyou .lastRowOdd{background-color:#FFFFFF;border-bottom:1px solid #406476}/*color for bottom border,use to seperate group items..*/
#Thankyou .bottomTotalPrice,#Thankyou .finalDiscount,#Thankyou .grandTotal{background-color:#EFF5F5;}
#Thankyou .grandTotal{border-bottom:1px solid #406476;}

/*------------Contact page--------*/
#ContactPg,#SendEmail {width:450px;}
#ContactPg .rowOdd{background-color:#eff5f5;}
#ContactPg td{padding-left:7px}
.Contactlable{
	font-size: 11px;
	width:159px;
	padding:0;
	margin:0;
	}
div.CellBtn{
	border-bottom: 1px solid #cdcdcd;
    border-right: 1px solid #cdcdcd;
    color: #4F4F4F;
    padding: 6px;
	display:table-cell;
}
.Contacttext{
	font-size: 11px;
	width:269px;
	padding:0;
	margin:0;}
	
.ContactFromField{
	font-size: 11px;
	width:359px;
	padding:0;
	margin:0;
	}
.ContactFromLabel{
	font-size: 11px;
	width:69px;
	padding:0;
	margin:0;
	}


/*------------Booking page--------*/
#ClientDetail{width: 450px;}
.rowEven{background-color:#EFF5F5;}
.rowOdd{background-color:#fafdfd;}
.HireDetails tr{background-color:#EFF5F5;}

/*------------FerryBooking page--------*/
#Divferrybooking{width:640px; font-size:11px;}
#Divferrybooking input[type=text]{width:160px;}
.ferrybookingLable {width:60px; text-align:right; font-size:11px;}
#ferryYourDetail input[type=text]{width:230px;}

/*------------survey page--------*/
.surveybkgbottom textarea{width:355px;}
.surveypadbot textarea{width:355px;}


/*------------Cheapair fare page--------*/

#tblCheapair{ width:600px;}

/*#btnBkSubmit{background-image:url("~/images/but-send-enquiry.gif");border:1px solid red;}*/

.displaynone {display:none;}

.like { 
position:absolute;
width:180px;
height: 22px;
padding-top: 12px;
}

#pad{
	height:35px;}

.displayblock{
	display:block;
}

.SelfContImgBdr {
	margin:10px 0px 10px 10px;
	border: 1px solid #CCC;
	padding:2px;
	float:right;

}

/*#midText{
	background:url(images/bgmidtext.gif) top left no-repeat;
	width: 670px;
	height: 164px;
	}*/

#midText{
	float:left;
	background:#f7eed4 url(images/bgmidLeftCnr.gif) bottom left no-repeat;
	width: 670px;
	border-radius: 11px; 
	-moz-border-radius: 9px; 
	-webkit-border-radius: 7px; 
	padding-bottom:5px;
	padding-right:10px;
	
	}
p.midTextTitle{
	padding:0px;
	margin:0px;
	padding-top:15px;
	padding-left:20px;
	color:#a43c23;
	font-size:16px;
	
}
.homeBnrCol1{
	float:left;
	/*width:46%;*/
	width:330px;
	padding-left:0px;
	
	}
.homeBnrCol2, .homeBnrCol3{
	float:left;
	/*width:29%;*/
	width:170px;
	
	}
.homeBnrlistType1{
	list-style-image:url(images/tick.gif);
	line-height:20px;
	font-size:16px;
	color:#e39e5b;
	margin-top:10px;
	}
.homeBnrlistType2{
	list-style-image:url(images/arrow.gif);
	font-size:11px;
	color:#69799a;
	margin-top:10px;
	}



#campervandiv{
	float:left;
	
	background:url(images/iconcampervan.gif) left 5px no-repeat;
	padding-left: 90px;
}

#ferrydiv{
	float:left;
	
	background:url(images/iconferry.gif) left 10px no-repeat;
	padding-left: 90px;
	}
	
#flightdiv{
	float:left;
	
	background:url(images/iconflight.gif) left 9px no-repeat;
	padding-left: 90px;
	}
#campervandiv h2, #ferrydiv h2, #flightdiv h2{padding:0; border:none;}

.content_r{
	float:right;
	padding-left:10px;
	}
#mainmobtop{
	display:none;
	}	

/* responive related code */
.resp_mobile{display:none;}
.resp_pc{display:block;}
.resp_tablet {
	display:none;
	}	

.txtNote{font-size:11px;}

.afterMsg{color:Red;font-size:12px;font-weight:bold;}

#mobmenu0{
	display:block;}

#mobmenu{
	display:none;}
@viewport{
	font-size:14px;
	}
.span1{width:165px;}
.span2{width:197px;}
.span3{width:375px;}
.span4{width:441px;}
.span5{width:553px;}
.span6{width:600px;}
.span7{width:626px;}


.textcenter{text-align:center;}
.textLeft{text-align:left;}

.textLeft a:link{float:left;}
/* For IPAD normal screen devices */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px){ 
/* and (-webkit-min-device-pixel-ratio: 1)  */  

.resp_mobile{display:none;}
.resp_pc{display:block;}
#divImg5{
	visibility:hidden;
	}
#subFooterLinks{
	visibility:hidden;
	}
.resp_tablet {
	display:block;
	}
#midText {
	float:left;
    width:98%;
	height:auto;
	margin:auto;
    border-radius: 11px;
   }

#mainmobtop{
	display:block;
	width:100%;
	margin:auto;
	text-align:center;
	}
#mainleft{left: -190px;}

#mainwrap{
	width:97%;
	background-color:#FFFFFF;}

#menuwrap{
	display:block;
	width:80%;
	margin-top:3%;
	background-color: #406476;
	color: #ffffff;
	padding: 10px;
	min-width:299px;
	-moz-border-radius-bottomright: 25px;
	-moz-border-radius-bottomleft: 25px;
	border-bottom-right-radius: 25px;
	border-bottom-left-radius: 25px;
	}*/
#menuwrapmob a{
	padding-left:3%;
}
#mainright {
    float: none;
    width:90%;
    padding: 10px 24px 152px;
    background-image: url('images/bkg-swirl.gif');
    background-repeat: no-repeat;
    background-position: right bottom;
    background-color: #FFF;
	margin:auto;
}
.MenuDiv{width:100%;}
#mainrightside{ width:90%;}


.std, #maintop, #mainbot{
	display:none;
	}

/*.like, #fb-root, #rankers_badge,  #twitter, #pad, #maintop, #mainbot{
	display:none;
	}*/
.homeBnrCol1{
	width:40%;
	}
.homeBnrCol2, .homeBnrCol3{
	width:25%
	}
	
/* overide for tablet pages : table width 
   campervans/rentals.aspx, campervans/prices.aspx
*/
.Camper_BudgetInfoTable, .Camper_PriceTable, .Rental_CafinfoTable{
	width: 100%;
	}
	
	
/* For tablet devices layout.
   bigger font size/layout
 */
#mainright textarea{font-size:1.2em; font-weight:normal;}
#mainright h1{font-size:2em; line-height:2em;}
#mainright h2{font-size:1.6em;line-height:1.6em;}
#mainright h3{font-size:1.4em;line-height:1.4em;}
#mainright p{font-size:1.4em; font-weight:normal;line-height:1.4em;}
#mainright li{font-size:1.4em; font-weight:normal; line-height:1.4em}
#mainright table li{font-size:1em; font-weight:normal; line-height:1em;}

a.linkBtnFontTablet{font-size:1.6em; font-weight:normal;}

.imgBtnSizeResp{
	width:20%;
	height:auto;
	}


/* these cover contact */
.imgBtnContact{
	width:30%;
	height:auto;
	}
/* these cover survey */
.survey td{font-size:1.4em !important; line-height:1.6em; font-weight:normal;}
.survey td strong{font-size:1em; line-height:1.2em;}
#mainright table.survey img{width:100%; height:auto;}	

.Camper_BudgetInfoTable a, .Camper_PriceTable a, .Rental_CafinfoTable a{font-size:1em;}


/* these cover campervan price */
.Camper_BudgetInfoTable th, .Camper_PriceTable th, .Rental_CafinfoTable th{font-size:1.2em;}
.txtNote{font-size:1.2em;line-height:1.2em;}

.tblimgBtnSizeResp{
	width:50%;
	margin-bottom:10px;
	height:auto;
	}
.CarRentalimgBtnSizeResp {width:35%; height:auto;}


/* these cover booking */
#mainright #ClientDetail{width:80%;}
#mainright table td{font-size:1.4em; line-height:2em; font-weight:normal;}
#mainright table td input{font-size:1.0em;  font-weight:normal;}
#mainright table select{font-size:1em; font-weight:normal;}
#mainright select{font-size:1em; font-weight:normal;}


/* these cover chekin */
#ctl00_cphMainRight_litselfgreeting table td {font-size:1em;}
#ctl00_cphMainRight_litselfgreeting h4, #ctl00_cphMainRight_divMainInputFields h4{font-size:1.4em; line-height:1.4em;}

.BtnSizeResp{font-size:1.6em;}
.FerryBtnSizeResp{width:35%;height:auto;}
.imgSizeResp{width:100%;height:auto;}


.CamperInfoBtn{width: 261px; height:auto;}
.CamperInfoBtn2{width: 183px; height:auto;}
.CamperInfoBtn3{width: 450px; height:auto;}

/* these cover download */
blockquote a{font-size:1.8em; line-height:1.6em; font-weight:normal;}

/* these cover paymentmade top text */
.afterMsg{color:Red;font-size:1.2em;}

/* these cover campervan details */
#mainright #contleft li{font-size:1.4em; line-height:2em; }

/* these cover rental car details */
.carleft table th{font-size:1.4em; line-height:2em;}

a.nav:link { font-family: verdana, helvetica; font-size: 1.6em; text-decoration: none; color: #ffffff }
a.nav:active { font-family: verdana, helvetica; font-size: 1.6em;  text-decoration: none; color: #ffffff} 
a.nav:visited { font-family: verdana, helvetica; font-size: 1.6em;   text-decoration: none; color: #ffffff} 



.button{	
	width:5%; 
	padding-top:5px;
	padding-bottom:5px;
	padding-left:15px; 
	padding-right:15px; 
	font-size:1em; 
	-moz-border-radius: 3px;
	border-radius: 3px;
	background:#c5650e;
	color:#ffffff;
	text-decoration:none; 
	cursor:pointer;
	vertical-align:top;
	}
.button:visited{		
	color:#ffffff;	
	text-decoration:none;
	cursor:pointer;
	}
.button:hover{		
	color:#ffffff;
	text-decoration:none; 	
	cursor:pointer;
	}
#ContactPg, #SendEmail{width:80%;}

div.mobitm{
	display: none;
}
}


/* For tablet devices portrait layout.
   bigger font size/layout
 */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {

/*these cover all pages*/
#mainright h1{font-size:2.2em;}
#mainright h2{font-size:1.8em;}
#mainright h3{font-size:1.8em;}
#mainright p{font-size:1.8em; font-weight:normal;}

/* these cover booking */
#mainright #ClientDetail{width:80%;}
#mainright table td{font-size:1.6em; line-height:2em; font-weight:normal;}
#mainright table td input{font-size:1.2em;  font-weight:normal;}
#mainright table select{font-size:1em; font-weight:normal;}
#mainright select{font-size:0.8em; font-weight:normal;}



/* these cover survey */
.survey td{font-size:1.3em !important; line-height:1.6em; font-weight:normal;}
.survey td strong{font-size:1.2em; line-height:1.2em;}

/* these cover campervan price */
.txtNote{font-size:1.4em; line-height:1.4em;}
}


/* For mobile only devices 
@media only screen 
(max-width : 768px) { */
/*@media (min-width: 50em) and (max-width: 61.250em) {
@media (max-width: 61.250em) {*/
@media screen and (max-device-width: 640px){
.resp_pc{display:none;}
.resp_mobile{display:block;}

#mobmenu{
	display:block;}
#mobmenu0{
	display:none;
	}

.BodyBkg {
	background:none;
	}
.MenuDiv{
	min-width:299px;
	width:90%;
	margin:0 auto;
	float:none;
	background-color:#ffffff;
	overflow:auto;
	}

body {
	/*background-color: #F1F1F5;*/
	background:#fff;
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px; color: #3F3E3D;
	line-height: 14px;
	display:block;
	}
#mainwrap {
	width: 100%;
	/*background-color: #f1f1f5;
	background-color: #ffffff;*/
	margin: auto;
	overflow: none;	
}


div   {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 18px; color: #3F3E3D;
	line-height: 22px;
}

p   {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px; color: #3F3E3D;
	line-height: 22px;
}

#Thankyou {
	margin-bottom: 30px;}

td {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 24px; color: #3F3E3D;
	line-height: 30px;
}

tr   {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 24px; color: #3F3E3D;
	line-height: 30px;
}



table   {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 24px; color: #3F3E3D;
	line-height: 30px;
}

table td select,  table td.simple{
	font-size:30px;
	line-height:34px;
	}



table td input{font-size:24px;}
table td input[type=radio]{font-size:24px; width:30px; height:30px;}

table{width:100%!important;}




#SR, #WP, #PW {font-size:26px; line-height:32px;}

textarea{font-size:24px; width:100%;}
select{
	font-size:1.6em;
	}

th   {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px; color: #3F3E3D;
	line-height: 14px
}
table.Camper_PriceTable th{
	color:#fff;
	font-size:24px;
	line-height:24px;
	font-weight:normal;
	padding-top:10px;
	padding-bottom:10px;
	}

/* Headings / Text */
/**************************/

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 34px;
	color: #272775;
	font-weight: bold;
	margin-bottom:0px;
	margin-top:0px;
	display:inline;
	line-height:36px;
}

h2 {
	color: #BA7000;
	font-size: 28px;
	font-weight: bold;
	padding-top: 15px;
	border-bottom: 1px dotted #CECECE;
	line-height:32px;
}

h3 {
	color: #026D7A;
	font-weight: bold;
	font-size: 26px;
	padding-top: 10px;
	margin-bottom: -10px;
	line-height:28px;
}

p.small {
	font-size: 14px;
	color: #999999;
}

/* Images */
/**************************/

img {
	border: 0;
	
}

img.right {
	float: right;
	margin-left: 20px;
	margin-bottom: 10px;
}


/* Links */
/******************************/

a:link { font-family: verdana, helvetica; text-decoration: underline; color: #345789;}
a:active { font-family: verdana, helvetica; text-decoration: underline; color: #345789; } 
a:visited { font-family: verdana, helvetica; text-decoration: underline; color: #345789;} 
a:hover { font-family: verdana, helvetica; text-decoration: underline; color: #A9AF00;}


a.nav:link { font-family: verdana, helvetica; font-size: 80%; text-decoration: none; color: #ffffff }
a.nav:active { font-family: verdana, helvetica; font-size: 80%;  text-decoration: none; color: #ffffff} 
a.nav:visited { font-family: verdana, helvetica; font-size: 80%;   text-decoration: none; color: #ffffff} 
a.nav:hover { font-family: verdana, helvetica; font-size: 80%;  text-decoration: none; color: #ffffff }

a.footer:link { font-family: verdana, helvetica; font-size: 10px; text-decoration: underline; color: #ffffff;}
a.footer:active { font-family: verdana, helvetica;  font-size: 10px; text-decoration: underline; color: #ffffff;} 
a.footer:visited { font-family: verdana, helvetica;  font-size: 10px; text-decoration: underline; color: #ffffff;} 
a.footer:hover { font-family: verdana, helvetica;  font-size: 10px; text-decoration: none; color: #ffffff }


#maintop img{
	max-width:500px;
	max-height:309px;
	width:100%;
	height:auto;
	margin-top:3%;
	margin-bottom:3%;
	}

.mobilehome img{
	width:90%;
	height:auto;
	}
.mobilehome ul li.button{	
	width:80%; 
	margin: 5% auto;
	padding:5%; 
	font-size:1.4em; 
	-moz-border-radius: 45px;
	border-radius: 45px;
	}
li.button a{
	color:#ffffff;
	text-decoration:none; 
	font-weight:bold;
	text-transform:uppercase;
	}
	
.grn{background:#66820d;}
.org{background:#b47811;}
.dgrn{background:#0b735f;}


.mobtxt{
	font-size:26px;
	line-height:30px;
	text-transform:uppercase;
	color:#425e74;
	padding:0;
	margin:0;
	padding-top: 10%;
	}

.mobmenudiv{
	display:block;
	}
.mobtxtmaori{
	padding:0;
	margin:0;
	font-weight:bold;
	color:#425e74;
	padding-bottom: 8%;}
.langflag{
	width:46px;
	height:31px;}
	
#menuwrap {
	background-color: #406476;
	color: #ffffff;
	padding: 10px;
	/*margin:3% auto;*/
	margin:0 auto;
	min-width:299px;
	width:95%;
	-moz-border-radius-bottomright: 25px;
	-moz-border-radius-bottomleft: 25px;
	border-bottom-right-radius: 25px;
	border-bottom-left-radius: 25px;
	
}

div.menuitem {
	height: 60px;
	background-image: url('../images/bkg-menuitem.gif');
	background-repeat: repeat-x;
	color: #ffffff;
	margin-left:2%;
	padding-top: 11px;
	font-size: 32px;
}

div.menuitemon {
	height: 60px;
	background-image: url('../images/bkg-menuitem-on.gif');
	background-repeat: repeat-x;
	color: #ffffff;
	margin-left:2%;
	padding-top: 11px;
	font-size: 32px;
}



.displaynone{
	display:none;
}

#maintopwrap{
	min-width:299px;
	width:84%;
	margin:auto;
	border: 1px #ccc solid;
	margin-top:3%;
	padding:2%;
	-moz-border-radius-topright: 15px;
	-moz-border-radius-topleft: 15px;
	border-top-right-radius: 15px;
	border-top-left-radius: 15px;
	border-bottom:none;
	min-height:200px;
	}

#maintop{
	display:block;
	float:left;
	text-align:left;
	min-width:100px;
	width:34%;
	height:auto;
	}
#mainbot{
	display:block;
	float:right;
	min-width:199px;
	width:50%;
	height:auto;
	}
#mainright{
	min-width:279px;
	width:95%;
	padding: 10px;
	margin:2% auto;
	}
#mainright img{
	display:none;
	}
	
#mainright input[type="image"]{width:30%;height:auto;}	
#mainright input#ctl00_cphMainRight_btnBack.FerryBtnSizeResp{width:30%; height:auto;} /*button on ferry booking page*/
#mainright input#ctl00_cphMainRight_btnSendEmail.FerryBtnSizeResp{width:52%; height:auto;}
#mainright input#ctl00_cphMainRight_btnCalculate.FerryBtnSizeResp{width:52%; height:auto;}

#mainright input#ctl00_cphMainRight_btnSendEmail.imgBtnSizeResp{width:30%; height:auto;} 

#mainright a img{
	display:inline-block;
	width:30%;
	height:auto;
	}
#SendEmail img{display:inline-block; width:40px; height:40px;} /*ferry booking page - date picker img*/

/*#mainright  a:link{
	font-size:30px;
	line-height:32px;
	}*/

/*for campervan detail page*/
#mainright #contright, #mainright .imgSizeResp{display:none;}
#mainright #contleft {margin:0 auto; width:90%;}
#contleft img.CamperInfoBtn{width:50%; height:auto;}
#contleft img.CamperInfoBtn2{width:37%; height:auto;}
#contleft input[type="image"]{width:87%; height:auto;}
/**/

/* for contact us page*/
#ContactPg, #SendEmail{margin:0 auto;width:95%;
}
#ContactPg td, #SendEmail td {font-size:24px; line-height:30px;}

/* for rental - vehicle*/
div.carleft{
	width:100%;
	margin:auto;
	}

.carleft th{
	color:#fff;
	font-size:1.8em;
	line-height:1.8em;
	}
.carleft td{
	font-size:1.8em;
	line-height:1.8em;
	}
/* for rental - price*/
.Rental_CafinfoTable th{
	color:#fff;
	font-size:24px;
	line-height:24px;
	font-weight:normal;
	padding-top:10px;
	padding-bottom:10px;
	}
.Rental_CafinfoTable td{
	font-size:22px;
	line-height:22px;
	}
/**/
#mainright a img.twosizebig{
	width:80%;
	height:auto;
	margin-top:20px;
	}
.Camper_BudgetInfoTable th{
	color:#fff;
	font-size:24px;
	line-height:24px;
	font-weight:normal;
	padding-top:10px;
	padding-bottom:10px;
	}
.Camper_BudgetInfoTable td, .Camper_PriceTable td{
	border-right:none;
	}
#mainright .Rental_CafinfoTable td a:link{
	font-size:24px;
	}

#mainright ul li{margin-top:10px;}

#mainright .mobilehome img{display:inline-block; width:90%; height:auto;}
#mainright .Camper_BudgetInfoTable img{display:inline-block; width:30%; height:auto;}	
#mainright .Camper_PriceTable img{display:inline-block; width:30%; height:auto;}	

#language a img{display:inline-block;width:auto;height:auto;}
#mainleft {
	min-width:299px;
	width:100%;
	
	padding: 0px;
	float: none;
	overflow: none;
	}

.mobilehome {
	min-width:299px;
	width:100%;
	text-align:center;
	display:block;
	}
.mobilehome ul{
	min-width:299px;
	width:100%;	
	display:block;
	padding:0;
	}
.mobilehome li{
	display:block;
	width:100%;
	list-style:none;
	margin-top:20px;
	margin-bottom:20px;	
	}
.mobilehome li a{
	text-align:center;
	}
#footerwrap {
    padding-top: 1%;
	padding-bottom: 1%;
    background-image: url('../images/bkg-footer.gif');
    background-repeat: repeat-x;
	background-color:#2a4e64;
    height: 10%;
	min-width:299px;
	width:100%;
}



#footer {
    color: #FFF;
    margin: auto;
	width:80%;
    text-align: center;
    font-size: 24px;
}
#footer a{
	font-size: 14px;
}


#language{/*
	position:absolute;
	top:150px;
	left:50%;*/
	}
.btn_tablet {
	visibility:hidden;
	}	
.inputlable{
	width:100px;}

.txtNote, #mainright .txtNote a:link{font-size:18px;line-height:22px;}
}

@media screen and (max-device-width: 600px){
.resp_pc{display:none;}
.resp_mobile{display:block;}

#mobmenu{
	display:block;}
#mobmenu0{
	display:none;
	}

.BodyBkg {
	background:none;
	}
.MenuDiv{
	min-width:299px;
	width:90%;
	margin:0 auto;
	float:none;
	background-color:#ffffff;
	overflow:auto;
	}

body {
	/*background-color: #F1F1F5;*/
	background:#fff;
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px; color: #3F3E3D;
	line-height: 14px;
	display:block;
	}
#mainwrap {
	width: 100%;
	/*background-color: #f1f1f5;
	background-color: #ffffff;*/
	margin: auto;
	overflow: none;	
}


div   {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 18px; color: #3F3E3D;
	line-height: 22px;
}

p   {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px; color: #3F3E3D;
	line-height: 22px;
}

#Thankyou {
	margin-bottom: 30px;}

td {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 24px; color: #3F3E3D;
	line-height: 30px;
}

tr   {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 24px; color: #3F3E3D;
	line-height: 30px;
}



table   {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 24px; color: #3F3E3D;
	line-height: 30px;
}

table td select,  table td.simple{
	font-size:30px;
	line-height:34px;
	}



table td input{font-size:24px;}
table td input[type=radio]{font-size:24px; width:30px; height:30px;}

table{width:100%!important;}




#SR, #WP, #PW {font-size:26px; line-height:32px;}

textarea{font-size:24px; width:100%;}
select{
	font-size:1.6em;
	}

th   {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px; color: #3F3E3D;
	line-height: 14px
}
table.Camper_PriceTable th{
	color:#fff;
	font-size:24px;
	line-height:24px;
	font-weight:normal;
	padding-top:10px;
	padding-bottom:10px;
	}

/* Headings / Text */
/**************************/

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 34px;
	color: #272775;
	font-weight: bold;
	margin-bottom:0px;
	margin-top:0px;
	display:inline;
	line-height:36px;
}

h2 {
	color: #BA7000;
	font-size: 28px;
	font-weight: bold;
	padding-top: 15px;
	border-bottom: 1px dotted #CECECE;
	line-height:32px;
}

h3 {
	color: #026D7A;
	font-weight: bold;
	font-size: 26px;
	padding-top: 10px;
	margin-bottom: -10px;
	line-height:28px;
}

p.small {
	font-size: 14px;
	color: #999999;
}

/* Images */
/**************************/

img {
	border: 0;
	
}

img.right {
	float: right;
	margin-left: 20px;
	margin-bottom: 10px;
}


/* Links */
/******************************/

a:link { font-family: verdana, helvetica; text-decoration: underline; color: #345789;}
a:active { font-family: verdana, helvetica; text-decoration: underline; color: #345789; } 
a:visited { font-family: verdana, helvetica; text-decoration: underline; color: #345789;} 
a:hover { font-family: verdana, helvetica; text-decoration: underline; color: #A9AF00;}


a.nav:link { font-family: verdana, helvetica; font-size: 80%; text-decoration: none; color: #ffffff }
a.nav:active { font-family: verdana, helvetica; font-size: 80%;  text-decoration: none; color: #ffffff} 
a.nav:visited { font-family: verdana, helvetica; font-size: 80%;   text-decoration: none; color: #ffffff} 
a.nav:hover { font-family: verdana, helvetica; font-size: 80%;  text-decoration: none; color: #ffffff }

a.footer:link { font-family: verdana, helvetica; font-size: 10px; text-decoration: underline; color: #ffffff;}
a.footer:active { font-family: verdana, helvetica;  font-size: 10px; text-decoration: underline; color: #ffffff;} 
a.footer:visited { font-family: verdana, helvetica;  font-size: 10px; text-decoration: underline; color: #ffffff;} 
a.footer:hover { font-family: verdana, helvetica;  font-size: 10px; text-decoration: none; color: #ffffff }

.btn_orange{
	background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0, #FEC300),
	color-stop(1, #F05C00),
	color-stop(1, #F37100)
);
background-image: -o-linear-gradient(bottom, #FEC300 0%, #F05C00 100%, #F37100 100%);
background-image: -moz-linear-gradient(bottom, #FEC300 0%, #F05C00 100%, #F37100 100%);
background-image: -webkit-linear-gradient(bottom, #FEC300 0%, #F05C00 100%, #F37100 100%);
background-image: -ms-linear-gradient(bottom, #FEC300 0%, #F05C00 100%, #F37100 100%);
background-image: linear-gradient(to bottom, #FEC300 0%, #F05C00 100%, #F37100 100%);
	color:#fff;
	font-size: 14px;
    padding: 3px 18px 8px 18px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px; 
	-khtml-border-radius: 6px;
	border:1px solid #c67400;
	font-family:Verdana, Geneva, sans-serif;
	display:inline-block;
}

.btn_orange2{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#da9147+0,da9147+50,cc6600+51,cc6600+100 */
background: #da9147; /* Old browsers */
background: -moz-linear-gradient(top,  #da9147 0%, #da9147 50%, #cc6600 51%, #cc6600 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #da9147 0%,#da9147 50%,#cc6600 51%,#cc6600 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #da9147 0%,#da9147 50%,#cc6600 51%,#cc6600 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#da9147', endColorstr='#cc6600',GradientType=0 ); /* IE6-9 */
	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px; 
	-khtml-border-radius: 5px;
	border:1px solid #c67400;
	display:inline-block;
	
}

a.btn_orange2:link {
	font-family:Verdana, Geneva, sans-serif;	
	font-weight:bold;
	font-size: 11px;
    padding: 2px 6px 4px;
	color:#fff;
	text-decoration:none;
	letter-spacing:1px;
	}
a.btn_orange2:visited
{
	color:#fff;
	
	}
.btnPriceCal{font-size:10px!important;padding:1px 5px 2px 5px;}
.btnBookingEnqForm{font-size:10px!important;padding:1px 5px 2px 5px;}
.btnMoreinfo{font-size:10px!important;width:80px; margin:10px 0;padding:0;}
.btnEnqnow{font-size:10px!important;width:80px;padding:0;}

#maintop img{
	max-width:500px;
	max-height:309px;
	width:100%;
	height:auto;
	margin-top:3%;
	margin-bottom:3%;
	}

.mobilehome img{
	width:90%;
	height:auto;
	}
.mobilehome ul li.button{	
	width:80%; 
	margin: 5% auto;
	padding:5%; 
	font-size:1.4em; 
	-moz-border-radius: 45px;
	border-radius: 45px;
	}
li.button a{
	color:#ffffff;
	text-decoration:none; 
	font-weight:bold;
	text-transform:uppercase;
	}
	
.grn{background:#66820d;}
.org{background:#b47811;}
.dgrn{background:#0b735f;}


.mobtxt{
	font-size:26px;
	line-height:30px;
	text-transform:uppercase;
	color:#425e74;
	padding:0;
	margin:0;
	padding-top: 10%;
	}

.mobmenudiv{
	display:block;
	}
.mobtxtmaori{
	padding:0;
	margin:0;
	font-weight:bold;
	color:#425e74;
	padding-bottom: 8%;}
.langflag{
	width:46px;
	height:31px;}
	
#menuwrap {
	background-color: #406476;
	color: #ffffff;
	padding: 10px;
	/*margin:3% auto;*/
	margin:0 auto;
	min-width:299px;
	width:95%;
	-moz-border-radius-bottomright: 25px;
	-moz-border-radius-bottomleft: 25px;
	border-bottom-right-radius: 25px;
	border-bottom-left-radius: 25px;
	
}

div.menuitem {
	height: 60px;
	background-image: url('../images/bkg-menuitem.gif');
	background-repeat: repeat-x;
	color: #ffffff;
	margin-left:2%;
	padding-top: 11px;
	font-size: 32px;
}

div.menuitemon {
	height: 60px;
	background-image: url('../images/bkg-menuitem-on.gif');
	background-repeat: repeat-x;
	color: #ffffff;
	margin-left:2%;
	padding-top: 11px;
	font-size: 32px;
}



.displaynone{
	display:none;
}

#maintopwrap{
	min-width:299px;
	width:84%;
	margin:auto;
	border: 1px #ccc solid;
	margin-top:3%;
	padding:2%;
	-moz-border-radius-topright: 15px;
	-moz-border-radius-topleft: 15px;
	border-top-right-radius: 15px;
	border-top-left-radius: 15px;
	border-bottom:none;
	min-height:200px;
	}

#maintop{
	display:block;
	float:left;
	text-align:left;
	min-width:100px;
	width:34%;
	height:auto;
	}
#mainbot{
	display:block;
	float:right;
	min-width:199px;
	width:50%;
	height:auto;
	}
#mainright{
	min-width:279px;
	width:95%;
	padding: 10px;
	margin:2% auto;
	}
#mainright img{
	display:none;
	}
	
#mainright input[type="image"]{width:30%;height:auto;}	
#mainright input#ctl00_cphMainRight_btnBack.FerryBtnSizeResp{width:30%; height:auto;} /*button on ferry booking page*/
#mainright input#ctl00_cphMainRight_btnSendEmail.FerryBtnSizeResp{width:52%; height:auto;}
#mainright input#ctl00_cphMainRight_btnCalculate.FerryBtnSizeResp{width:52%; height:auto;}

#mainright input#ctl00_cphMainRight_btnSendEmail.imgBtnSizeResp{width:30%; height:auto;} 

#mainright a img{
	display:inline-block;
	width:30%;
	height:auto;
	}
#SendEmail img{display:inline-block; width:40px; height:40px;} /*ferry booking page - date picker img*/

/*#mainright  a:link{
	font-size:30px;
	line-height:32px;
	}*/

/*for campervan detail page*/
#mainright #contright, #mainright .imgSizeResp{display:none;}
#mainright #contleft {margin:0 auto; width:90%;}
#contleft img.CamperInfoBtn{width:50%; height:auto;}
#contleft img.CamperInfoBtn2{width:37%; height:auto;}
#contleft input[type="image"]{width:87%; height:auto;}
/**/

/* for contact us page*/
#ContactPg, #SendEmail{margin:0 auto;width:95%;
}
#ContactPg td, #SendEmail td {font-size:24px; line-height:30px;}

/* for rental - vehicle*/
div.carleft{
	width:100%;
	margin:auto;
	}

.carleft th{
	color:#fff;
	font-size:1.8em;
	line-height:1.8em;
	}
.carleft td{
	font-size:1.8em;
	line-height:1.8em;
	}
/* for rental - price*/
.Rental_CafinfoTable th{
	color:#fff;
	font-size:24px;
	line-height:24px;
	font-weight:normal;
	padding-top:10px;
	padding-bottom:10px;
	}
.Rental_CafinfoTable td{
	font-size:22px;
	line-height:22px;
	}
/**/
#mainright a img.twosizebig{
	width:80%;
	height:auto;
	margin-top:20px;
	}
.Camper_BudgetInfoTable th{
	color:#fff;
	font-size:24px;
	line-height:24px;
	font-weight:normal;
	padding-top:10px;
	padding-bottom:10px;
	}
.Camper_BudgetInfoTable td, .Camper_PriceTable td{
	border-right:none;
	}
#mainright .Rental_CafinfoTable td a:link{
	font-size:24px;
	}



#mainright .mobilehome img{display:inline-block; width:90%; height:auto;}
#mainright .Camper_BudgetInfoTable img{display:inline-block; width:30%; height:auto;}	
#mainright .Camper_PriceTable img{display:inline-block; width:30%; height:auto;}	

#language a img{display:inline-block;width:auto;height:auto;}
#mainleft {
	min-width:299px;
	width:100%;
	
	padding: 0px;
	float: none;
	overflow: none;
	}

.mobilehome {
	min-width:299px;
	width:100%;
	text-align:center;
	display:block;
	}
.mobilehome ul{
	min-width:299px;
	width:100%;	
	display:block;
	padding:0;
	}
.mobilehome li{
	display:block;
	width:100%;
	list-style:none;
	margin-top:20px;
	margin-bottom:20px;	
	}
.mobilehome li a{
	text-align:center;
	}
#footerwrap {
    padding-top: 1%;
	padding-bottom: 1%;
    background-image: url('../images/bkg-footer.gif');
    background-repeat: repeat-x;
	background-color:#2a4e64;
    height: 10%;
	min-width:299px;
	width:100%;
}



#footer {
    color: #FFF;
    margin: auto;
	width:80%;
    text-align: center;
    font-size: 16px;
}
#footer a{
	font-size: 16px;
}


#language{/*
	position:absolute;
	top:150px;
	left:50%;*/
	}
.btn_tablet {
	visibility:hidden;
	}	
.inputlable{
	width:100px;}

.txtNote, #mainright .txtNote a:link{font-size:18px;line-height:22px;}
}

/*for very small screens - but also read by iphones running the wendek app*/
@media screen and (max-width: 420px){
.resp_pc{display:none;}
.resp_mobile{display:block;}


#mobmenu {
  display:block;
  position: relative;
  padding-left: 1.25em;
}
#mobmenu:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.15em;
  width: 1em;
  height: 0.15em;
  background: white;
  box-shadow: 
    0 0.25em 0 0 white,
    0 0.5em 0 0 white;
}
#mobmenu0{
	display:none;
	}

.BodyBkg {
	background:none;
	}
.MenuDiv{	
	width:90%;
	margin:0 auto;
	float:none;
	background-color:#ffffff;
	overflow:auto;
	height:auto;
	}

body {
	/*background-color: #F1F1F5;*/
	background:#fff;
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px; color: #3F3E3D;
	line-height: 14px;
	display:block;
	}
	
#mainwrap {
	width: 100%;
	/*background-color: #f1f1f5;
	background-color: #ffffff;*/
	margin: auto;
	overflow: none;	
	height:auto;
}


div   {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px; 
	color: #3F3E3D;
	line-height: 16px;
}

p   {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px; color: #3F3E3D;
	line-height: 18px;
}
div.rowOdd, div.rowEven{margin-bottom:10px;}
div.Cell{
    border: none;
    color: #4F4F4F;
    text-align: left;
    padding: 6px;
	display:inline-block;
}
.Cell textarea{padding:4px;font-size:14px;line-height:16px;}
div.CellBtn{
	width:50%;
	border:none;
	}
.Contactlable{
	font-size: 11px;
	font-weight:bold;
	padding:0;
	margin:0;
	}
.Contacttext{
	font-size: 11px;
	padding:0;
	margin:0;}
	
.ContactFromField{
	font-size: 11px;
	padding:0;
	margin:0;
	}
.ContactFromField input{ width:90%;}
.ContactFromLabel{	display:none!important;	}

#Divferrybooking{width:95%;font-size:14px; line-height:16px; overflow:hidden;}
#Divferrybooking img{margin-left:10px;display:inline-block!important;}
#Divferrybooking select{font-size:14px; line-height:16px; padding:4px; width:100%;}
#Divferrybooking input[type=text]{font-size:14px; line-height:16px; padding:4px; width:95%;}
.ferrybookingLable {
    width: 80%;
    text-align: left;
	font-weight:bold;
    font-size: 14px;
	line-height:16px;
}
#successf {float:left;}
#successf a{float:left;}
.span1{width:90%;}
.span2{width:90%;}
.span3{width:90%;}
.span4{width:90%;}
.span5{width:90%;}
.span6{width:90%;}
.span7{width:90%;}


#Thankyou {
	margin-bottom: 30px;}

td {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px; color: #3F3E3D;
	line-height: 16px;
}

tr   {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px; color: #3F3E3D;
	line-height: 16px;
}



table   {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px; color: #3F3E3D;
	line-height: 16px;
}

table td select,  table td.simple{
	font-size:14px;
	line-height:16px;
	}



table td input{font-size:16px;}
table td input[type=radio]{font-size:16px; width:16px; height:16px;}

table{width:100%!important;}


.surveybkgbottom textarea{width:90%;}
.surveypadbot textarea{width:90%;}
.survey img{width:100%;}


#SR, #WP, #PW {font-size:14px; line-height:16px;}
input[type=text]{padding:4px;font-size:14px; line-height:16px; }

textarea{font-size:14px; line-height:16px; }

select{
	font-size:1.6em;
	}

th   {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px; color: #3F3E3D;
	line-height: 14px
}
table.Camper_PriceTable th{
	color:#fff;
	font-size:14px;
	line-height:16px;
	font-weight:normal;
	padding-top:10px;
	padding-bottom:10px;
	}

/* Headings / Text */
/**************************/

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #272775;
	font-weight: bold;
	margin-bottom:0px;
	margin-top:0px;
	display:inline;
	line-height:26px;
}

h2 {
	color: #BA7000;
	font-size: 18px;
	font-weight: bold;
	border-bottom: 1px dotted #CECECE;
	line-height:22px;
}

h3 {
	color: #026D7A;
	font-weight: bold;
	font-size: 16px;
	padding-top: 10px;
	margin-bottom: -10px;
	line-height:18px;
}

h4{
	font-size: 14px;
	line-height:16px;
	}

p.small {
	font-size: 14px;
	color: #999999;
}

/* Images */
/**************************/

img {
	border: 0;
	
}

img.right {
	float: right;
	margin-left: 20px;
	margin-bottom: 10px;
}


/* Links */
/******************************/

a:link { font-family: verdana, helvetica; text-decoration: underline; color: #345789;}
a:active { font-family: verdana, helvetica; text-decoration: underline; color: #345789; } 
a:visited { font-family: verdana, helvetica; text-decoration: underline; color: #345789;} 
a:hover { font-family: verdana, helvetica; text-decoration: underline; color: #A9AF00;}


a.nav:link { font-family: verdana, helvetica; font-size: 80%; text-decoration: none; color: #ffffff }
a.nav:active { font-family: verdana, helvetica; font-size: 80%;  text-decoration: none; color: #ffffff} 
a.nav:visited { font-family: verdana, helvetica; font-size: 80%;   text-decoration: none; color: #ffffff} 
a.nav:hover { font-family: verdana, helvetica; font-size: 80%;  text-decoration: none; color: #ffffff }

a.footer:link { font-family: verdana, helvetica; font-size: 10px; text-decoration: underline; color: #ffffff;}
a.footer:active { font-family: verdana, helvetica;  font-size: 10px; text-decoration: underline; color: #ffffff;} 
a.footer:visited { font-family: verdana, helvetica;  font-size: 10px; text-decoration: underline; color: #ffffff;} 
a.footer:hover { font-family: verdana, helvetica;  font-size: 10px; text-decoration: none; color: #ffffff }


.btn_orange{
	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, #FEC300),
	color-stop(1, #F37100),
	color-stop(1, #F05C00)
	);
	background-image: -o-linear-gradient(top, #FEC300 0%, #F37100 100%, #F05C00 100%);
	background-image: -moz-linear-gradient(top, #FEC300 0%, #F37100 100%, #F05C00 100%);
	background-image: -webkit-linear-gradient(top, #FEC300 0%, #F37100 100%, #F05C00 100%);
	background-image: -ms-linear-gradient(top, #FEC300 0%, #F37100 100%, #F05C00 100%);
	background-image: linear-gradient(to top, #FEC300 0%, #F37100 100%, #F05C00 100%);
	display:inline-block;
}
.btnPriceCal{font-size:11px!important;padding:1px 5px 2px 5px;}
.btnBookingEnqForm{font-size:11px!important;padding:1px 5px 2px 5px;}
.btnMoreinfo{font-size:11px!important;width:80px; margin:10px 0;}
.btnEnqnow{font-size:11px!important;width:80px;}

.btn_enquire{font-size:10px!important;padding:7px 23px 8px 22px}
.btn_pricelist{font-size:10px!important;padding: 7px 40px 8px 40px;}

.btn_enquire_ger{font-size:10px!important;padding:7px 18px 8px 18px}
.btn_pricelist_ger{font-size:10px!important;padding: 7px 30px 8px 30px;}

.btn_enquire_fre{font-size:10px!important;padding:6px 2px 7px 2px}
.btn_pricelist_fre{font-size:10px!important;padding: 6px 3px 7px 4px;}

.btn_enquire_spa{font-size:9px!important;padding:6px 1px 7px 1px}
.btn_pricelist_spa{font-size:9px!important;padding: 6px 1px 7px 1px;}

input.btn_orange2{
	font-size:14px;
}



#maintop img{
	max-width:500px;
	max-height:309px;
	width:100%;
	height:auto;
	margin-top:3%;
	margin-bottom:3%;
	}

.mobilehome img{
	width:90%;
	height:auto;
	}
.mobilehome ul li.button{	
	width:80%; 
	margin: 5% auto;
	padding:5%; 
	font-size:1.4em; 
	-moz-border-radius: 45px;
	border-radius: 45px;
	}
li.button a{
	color:#ffffff;
	text-decoration:none; 
	font-weight:bold;
	text-transform:uppercase;
	}
	
.grn{background:#66820d;}
.org{background:#b47811;}
.dgrn{background:#0b735f;}


.mobtxt{
	font-size:12px;
	line-height:12px;
	text-transform:uppercase;
	color:#425e74;
	padding:0;
	margin:0;	
	}

.mobmenudiv{
	display:block;
	}
.mobtxtmaori{
	font-size:10px;
	line-height:13px;
	padding:0;
	margin:0;
	font-weight:bold;
	color:#425e74;
	}

	
#menuwrap {
	background-color: #406476;
	color: #ffffff;
	/*margin:3% auto;*/
	margin:0 auto;	
	width:92%;
	-moz-border-radius-bottomright: 15px;
	-moz-border-radius-bottomleft: 15px;
	border-bottom-right-radius: 15px;
	border-bottom-left-radius: 15px;
	
}

div.menuitem {
	height: 22px;
	background-image: url('../images/bkg-menuitem.gif');
	background-repeat: repeat-x;
	color: #ffffff;
	margin-left:2%;
	padding-top: 11px;
	font-size: 18px;
	margin:0;
	width:90%;
}

div.menuitemon {
	height: 22px;
	background-image: url('../images/bkg-menuitem-on.gif');
	background-repeat: repeat-x;
	color: #ffffff;
	margin-left:2%;
	padding-top: 11px;
	font-size: 18px;
	width:90%;
}



.displaynone{
	display:none;
}

#maintopwrap{	
	width:84%;
	margin:auto;
	border: 1px #ccc solid;
	margin-top:3%;
	-moz-border-radius-topright: 15px;
	-moz-border-radius-topleft: 15px;
	border-top-right-radius: 15px;
	border-top-left-radius: 15px;
	border-bottom:none;
	margin-bottom:-120px;
	}

#maintop{
	float:left;
	text-align:left;
	height:auto;
	}
#mainbot{
	width:59%;
	float:right;
	height:auto;
	margin:0;
	padding:20px 0 0 0;
	min-width:0;
	}
#mainright{
	width:95%;
	padding: 10px;
	margin:2% auto;
	background:none;
	}
#mainright img{
	display:none;
	}
	
#mainright input[type="image"]{width:30%;height:auto;}	
#mainright input#ctl00_cphMainRight_btnBack.FerryBtnSizeResp{width:30%; height:auto;} /*button on ferry booking page*/
#mainright input#ctl00_cphMainRight_btnSendEmail.FerryBtnSizeResp{width:52%; height:auto;}
#mainright input#ctl00_cphMainRight_btnCalculate.FerryBtnSizeResp{width:52%; height:auto;}

#mainright input#ctl00_cphMainRight_btnSendEmail.imgBtnSizeResp{width:30%; height:auto;} 

#mainright a img{
	display:inline-block;
	width:60%;
	height:auto;
	}
#SendEmail img{display:inline-block; width:20px; height:20px;} /*ferry booking page - date picker img*/

/*#mainright  a:link{
	font-size:30px;
	line-height:32px;
	}*/

/*for campervan detail page*/
#mainright #contright, #mainright .imgSizeResp{display:none;}
#mainright #contleft {margin:0 auto; width:90%;}
#contleft img.CamperInfoBtn{width:50%; height:auto;}
#contleft img.CamperInfoBtn2{width:37%; height:auto;}
#contleft input[type="image"]{width:87%; height:auto;}
/**/

/* for contact us page*/
#ContactPg, #SendEmail{
	margin:0 auto;width:95%;
}
#ContactPg td, #SendEmail td {
	font-size:14px; line-height:18px;
	}
#SendEmail input[type=text]{width:90%}
#SendEmail textarea{width:90%}
/* for rental - vehicle*/
div.carleft{
	width:100%;
	margin:auto;
	}

.carleft th{
	color:#fff;
	font-size:14px;
	line-height:16px;
	font-weight:bold;
	}
.carleft td{
	font-size:14px;
	line-height:16px;
	}
/* for rental - price*/
.Rental_CafinfoTable th{
	color:#fff;
	font-size:14px;
	line-height:16px;
	font-weight:normal;
	padding-top:10px;
	padding-bottom:10px;
	}
.Rental_CafinfoTable td{
	font-size:14px;
	line-height:16px;
	}
/**/
#mainright a img.twosizebig{
	width:80%;
	height:auto;
	margin-top:20px;
	}
.Camper_BudgetInfoTable th{
	color:#fff;
	font-size:14px;
	line-height:16px;
	font-weight:normal;
	padding-top:10px;
	padding-bottom:10px;
	}
.Camper_BudgetInfoTable td, .Camper_PriceTable td{
	border-right:none;
	font-size:14px;
	}
#mainright .Rental_CafinfoTable td a:link{
	font-size:14px;
	}



#mainright .mobilehome img{display:inline-block; width:90%; height:auto;}
#mainright .Camper_BudgetInfoTable img{display:inline-block; width:60%; height:auto;}	
#mainright .Camper_PriceTable img{display:inline-block; width:60%; height:auto;}	
#language {padding:0;margin:0;width:100%;/*float:left;margin-top:-90px;margin-left:-180px;*/}
#ctl00_ImgFlagSpn, #ctl00_Img010, #ctl00_Img9, #ctl00_Img8{display:inline;width:30px!important;height:auto;margin-right:0px!important;}
#ctl00_imgFAQ{width:20px!important;height:auto;}
#mainleft {
	min-width:299px;
	width:100%;
	
	padding: 0px;
	float: none;
	overflow: none;
	}

.mobilehome {
	min-width:299px;
	width:100%;
	text-align:center;
	display:block;
	}
.mobilehome ul{
	min-width:299px;
	width:100%;	
	display:block;
	padding:0;
	}
.mobilehome li{
	display:block;
	width:100%;
	list-style:none;
	margin-top:20px;
	margin-bottom:20px;	
	}
.mobilehome li a{
	text-align:center;
	}
#footerwrap {
    padding-top: 1%;
	padding-bottom: 1%;
    background-image: url('../images/bkg-footer.gif');
    background-repeat: repeat-x;
	background-color:#2a4e64;
    height: 10%;
	min-width:299px;
	width:100%;
}



#footer {
    color: #FFF;
    margin: auto;
	width:80%;
    text-align: center;
    font-size: 12px;
	line-height:14px;
}
#footer a{
	font-size: 12px;
}



.btn_tablet {
	visibility:hidden;
	}	
.inputlable{
	width:100px;}

.txtNote, #mainright .txtNote a:link{font-size:14px;line-height:18px;}
.HireDetails select{
	font-size: 12px;
	}
#mainright a:link{
	font-size:14px;
	}
#ddlNumberPeople{
	font-size:12px;line-height:14px;}
#ClientDetail .simple {
	font-size:12px;line-height:14px;
	}
#ClientDetail .simple input[type=text]{
	font-size:12px;line-height:14px;
	}
#ClientDetail textarea{
	width:90%;
	}
#tblCheapair{ width:95%;}
#tblCheapair td{ width:25%;text-overflow: ellipsis;overflow: hidden}

#tblCheapair input[type=text]{ width:80%!important;}
#tblCheapair textarea{width:90%;}
#tblCheapair img{display:block;}

a.priceCal{padding: 0 4px;font-size:11px!important; display:inline-block;line-height:14px!important;}

.HireDetails .topleft{width:95%;display:block;}
.HireDetails .top{display:block;}

#ClientDetail input[type=text]{width:80%;}

#txtStreet, #txtSuburb{ font-size:12px;line-height:14px;}

#Thankyou td{ font-size:14px;line-height:14px; display:block}

#Thankyou td input{ font-size:14px; width:120px;}


}