/* hippie.css: copyright for www.hippiecamper.co.nz */
 /* author: matt rosum */

h1,h2,h3,h4,p,ol,ul,li,div,td,th,address,blockquote,nobr,b,i,span { font-family:Arial,Verdana,Tahoma; font-size:8pt; color:#555555; 
  list-style-type:disc; list-style-position:outside; padding-top:0pt; padding-bottom:0pt; }
/* ol,ul.strich { color:#343434; list-style-type:decimal; }  */
/* li,ul.newslist { color:#ff7310; margin:0pt 0pt 5Pt 5Pt; padding-left:0pt;} */

h1 { font-size:12pt; font-weight:bold; padding:0 0 0 0px; color:#810A20; }
h2 { font-size:14pt; font-weight:bold; letter-spacing:2pt; padding:0 0 5 14pt; color:#810920; }
h3 { font-size:10pt; font-weight:bold; padding:10 0 0 14pt; color:#ffa000; }
h4 { font-size:12pt; font-weight:bold; text-align:left; padding:0 0 0 100px; color:#bd7e89; }

/* primrnavigation tables */

td.main-top { width:950px; height:375px; background: url(gfx-main/masthead2.jpg) left no-repeat; vertical-align:bottom; }
td.main-middle { width:821px; }
table.middle { border-right: 1px #cccccc solid; }
td.main-bottom { width:821px; height: 164px; background: url(gfx-main/hippie_06.jpg) left no-repeat; }

td.content-nav { width:114px; height:195px; background: url(gfx-main/hippie_02.png) left no-repeat; vertical-align:top; padding-top:15pt; }
td.content-nav p { margin:5pt; text-align:right; letter-spacing:0.5pt;}
td.content-nav p.bow { margin:5pt; text-align:right; padding-right:4pt; font-size:8pt;}
td.content-nav p a:link { color:#ffffff; font-weight:bold; text-decoration:none; font-size:8pt;}
td.content-nav p a:visited { color:#ffffff; font-weight:bold; text-decoration:none; font-size:8pt;}
td.content-nav p a:active { color:#cccccc; font-weight:italic; text-decoration:none; font-size:8pt; }
td.content-nav p a:hover { color:#fef716; text-decoration:none; font-size:8pt;}
#active { border-left:5px #ffb709 solid; color:#ffb709; font-weight:bold; text-decoration:none; font-size:8pt;}

td.content { width:707px; background-color:#ffffff; vertical-align:top; text-align:left; }
td.content p { margin:10 14 14 14pt; font-size:10pt; line-height:14pt; }
td.content p a:link { color:#810920; font-weight:bold; text-decoration:none; }
td.content p.slimlink a:link { color:#810920; font-weight:normal; text-decoration:none; }
td.content p a:visited { color:#810920; font-weight:bold; text-decoration:none; }
td.content p a:active { color:#cccccc; font-weight:italic; text-decoration:none;  }
td.content p a:hover { color:#851fe9; text-decoration:none; }
td.content p.slimlink a:hover { color:#851fe9; text-decoration:none; }
td.content ul,li { font-size:9pt; line-height:14pt; }

table.locations { margin-left:10pt; border-top:3px #bd7e89 solid; border-bottom:2px #bd7e89 solid; }
table.locations td { font-size:10pt; padding:2 20 2 5pt; border-bottom:1px #bd7e89 solid; }

td.content-subnav { width:114px; background: url(gfx-main/hippie_bgsubnav.jpg) left repeat-y; }

div.quote { width:124px; height:58px; background: url(gfx-main/quote.jpg) no-repeat; display:block; margin:-20 0 0 580px; position:absolute; }
div.quote a { width:124px; height:58px; display:block; }
div.quote a:hover { width:124px; height:58px; background: url(gfx-main/quote_tn.jpg) no-repeat; display:block; }

div.indicator 	{ width:125px; height:79px; background:url(images/step_01.jpg) no-repeat; display:block; margin:-17 0 0 580px; position:absolute; }
div.step2  			{ background:url(images/step_02.jpg) no-repeat; }
div.step3  			{ background:url(images/step_03.jpg) no-repeat; }
div.step4  			{ background:url(images/step_04.jpg) no-repeat; }
div.step5  			{ background:url(images/step_05.jpg) no-repeat; }

span.budget { position:absolute; left:50%; margin-left:-500px; width:950px; text-align:center; z-index:100; }

.conditions { margin:-35 0 0 600px; position:absolute; font-size:9pt; color:#555555; }
.conditions a:link { color:#555555; font-weight:bold; text-decoration:none; }
.conditions a:visited { color:#555555; font-weight:bold; text-decoration:none; }
.conditions a:active { color:#555555; font-weight:bold; text-decoration:none;  }
.conditions a:hover { color:#555555; font-weight:bold; text-decoration:underline;  }


.disclaimer { margin:-35 0 0 600px; position:absolute; font-size:7pt; color:#bbbbbb; }
.disclaimer a:link { color:#888888; font-weight:bold; text-decoration:none; }
.disclaimer a:visited { color:#dddddd; font-weight:bold; text-decoration:none; }
.disclaimer a:active { color:#cccccc; font-weight:italic; text-decoration:none;  }
.disclaimer a:hover { color:#555555; text-decoration:none; }

.booking-steps { margin:-70 0 0 450px; position:absolute; color:#bbbbbb; }


.textlink { color:#D0D0D0; font-weight:bold; }
.bold { font-weight:bold; }
.bigbold { font-weight:bold; font-size:12pt; letter-spacing:1.5pt;}
.smallbold { font-weight:bold; font-size:8pt; }
.italic { font-style:italic; }
.small { font-size:6pt; }

.white { color:#FFFFFF; }
.whitebold { color:#FFFFFF; font-weight:bold; }
.maroon { color:#810920; }
.maroonbold { color:#810920; font-weight:bold; }
.grey { color:#D0D0D0; }


body {
scrollbar-arrow-color: #810920;
scrollbar-base-color: #810920;
scrollbar-track-color: #810920;
scrollbar-face-color: #ffffff;
scrollbar-highlight-color: #810920;
scrollbar-3dlight-color: #810920;
scrollbar-darkshadow-color: #810920;
scrollbar-shadow-color: #810920;
background: url(gfx-main/hippie_bg.jpg) top repeat-x; 
background-color: #810920;
margin:0px;
padding:0px;
text-align:center;
}


/* START - image gallery */
/* URL: http://www.dynamicdrive.com/style/ */

.gallerycontainer {
position: relative;
text-align:center;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border:0;
margin: 1px;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border:0;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #bd7e89;
padding: 3px;
left: -1000px;
border:5px double #ffffff;
visibility: hidden;
color: white;
text-decoration: none;
text-align:center;
font-weight:bold;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: -490;
left: 46px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

* html .thumbnail:hover span{
visibility: visible;
top: -490;
left: 8px; 
z-index: 50;
}

.abe_instr
{
  	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #0000FF;
	border-left-color: #fdfd13;
}
/* END - image gallery */

/* Start Booking Engine Code */


.abe_step1Main
{
  width:580px;  
  background-color: #ffffff;
  	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #0000FF;
	border-bottom-color: #fe1101;
	border-left-color: #fdfd13;
  padding-left: 10px; 
  padding-top: 10px;
  padding-bottom: 10px;
}
.abe_step1Main td,span,p,i {    
	font-size: 12px;
    font-family: verdana, helvetica, Arial, Sans-Serif;
	vertical-align: middle;
	text-align: left;
}
.abe_step1Main strong {    
	font-size: 12px;
    font-family: verdana, helvetica, Arial, Sans-Serif;
	text-decoration: bold;
}


.abe_step2MainTop
{
  width:580px;  
  background-color: #ffffff;
  border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #0000FF;
	border-left-color: #fdfd13;
  padding-left: 10px; 
  padding-top: 10px;
}
.abe_step2MainTop td,span,p,i 
{    
	font-size: 12px;
    font-family: verdana, helvetica, Arial, Sans-Serif;
	vertical-align: middle;
	text-align: left;
}
.abe_step2MainTop strong 
{    
	font-size: 12px;
    font-family: verdana, helvetica, Arial, Sans-Serif;
	text-decoration: bold;
	
}

.abe_step2MainBot
{
  width:580px;  
  background-color: #ffffff;
  border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #0000FF;
	border-bottom-color: #fe1101;
	border-left-color: #fdfd13; 
 
}
.abe_step2MainBot td,span,p,i 
{    
	font-size: 12px;
    font-family: verdana, helvetica, Arial, Sans-Serif;
	vertical-align: middle;
	text-align: left;
}
.abe_step2MainBot strong 
{    
	font-size: 12px;
    font-family: verdana, helvetica, Arial, Sans-Serif;
	text-decoration: bold;
}
.abe_step2MainBotSub
{
  width:100%;  
}
.abe_step2MainBotSubLeft
{
  width:140px;  
}

.abe_step3MainConfigTop
{
  width:150px;  
}
.abe_step3Main
{
  width:580px;  
  background-color: #ffffff;
  	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #0000FF;
	border-bottom-color: #fe1101;
	border-left-color: #fdfd13;
}
.abe_step3Main td,span,p,i 
{    
	font-size: 12px;
    font-family: verdana, helvetica, Arial, Sans-Serif;
	vertical-align: middle;
	text-align: left;
}
.abe_step3Main strong 
{    
	font-size: 12px;
    font-family: verdana, helvetica, Arial, Sans-Serif;
	text-decoration: bold;
	
}

.abe_step3NameBG
{
    background-position: left center;
    padding-left: 22px;
    background-repeat: repeat-x;
    height: 26px;
    background-color: #f5f5f5;
    font-size: 12px;
	font-weight: bold;
    border-top: #cfcfcf 1px solid;
    border-bottom: #cfcfcf 1px solid;
}



.abe_step4Main
{
  width:580px;  
   	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #0000FF;
	border-bottom-color: #fe1101;
	border-left-color: #fdfd13;
  background-color: #ffffff;
}

.abe_step4MainTop
{
	vertical-align: top;
	text-align: left;
	border-left-width: 1px;

}
.abe_step4MainMiddle td,span,p,i 
{
	font-size: 12px;
    font-family: verdana, helvetica, Arial, Sans-Serif;
	vertical-align: top;
	text-align: left;
}

.abe_step4MainTop td,span,p,i 
{    
	font-size: 12px;
    font-family: verdana, helvetica, Arial, Sans-Serif;
	vertical-align: top;
	text-align: left;
}
.abe_step4Main strong 
{    
	font-size: 12px;
    font-family: verdana, helvetica, Arial, Sans-Serif;
	text-decoration: bold;
	
}

.abe_step4MainBot td,span,p,i 
{
	font-size: 12px;
    font-family: verdana, helvetica, Arial, Sans-Serif;
	vertical-align: top;
	text-align: left;
	
}


.abe_step5Main
{
  width:580px;  
  background-color: #ffffff;
 	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #0000FF;
	border-bottom-color: #fe1101;
	border-left-color: #fdfd13;
  padding-bottom: 10px;
  vertical-align: top;
  text-align: left;
}

.abe_step5MainPadd
{
  padding-left: 10px; 
  padding-bottom: 10px;
  padding-right: 10px;
}

.abe_step5Padding

{
   width:100px;
}

.abe_step5MainBot td,span,p,i 
{
	font-size: 12px;
    font-family: verdana, helvetica, Arial, Sans-Serif;
	vertical-align: top;
	text-align: left;
	
}


.abe_borderBottomLeft

{
    border-bottom: #cfcfcf 1px solid; 
   width: 105px;
   padding-left: 5px;
   	vertical-align: middle;
	text-align: left;

}
.abe_borderBottomMiddle

{
    border-bottom: #cfcfcf 1px solid; 
   
}
.abe_borderBottomRight

{
    border-bottom: #cfcfcf 1px solid; 
	padding-right: 15px;
   
}




/* Start Forms */

.abe_DDLs {}

.abe_Step1_Button {
	font-family: verdana, helvetica, Arial, Sans-Serif;
	font-size: 12px;
	height: 27px;
	width: 160px;
}

.abe_Step2_Button {
	font-family: verdana, helvetica, Arial, Sans-Serif;
	font-size: 12px;
	height: 27px;
	width: 160px;
}

.abe_Step3_Button {
	font-family: verdana, helvetica, Arial, Sans-Serif;
	font-size: 12px;
	height: 27px;
	width: 100px;
}
.abe_Step3_ButtonUpdate {
	font-family: verdana, helvetica, Arial, Sans-Serif;
	font-size: 12px;
	height: 27px;
	width: 140px;
}
.abe_topBottomPaddingPhOut
{
   padding-left: 16px;
   padding-bottom: 10px;
   padding-top: 10px;
}
.abe_Text_Field {}
/* End Forms */



.abe_greyBG
{
    border-right: #cfcfcf 1px solid;
    border-left: #cfcfcf 1px solid;
    
    border-bottom: #cfcfcf 1px solid;
    
    background-color: #f5f5f5;
    font-size: 11px;
    font-family: verdana, Arial, Sans-Serif;
}


.abe_step2AvailableVehicle
{
    background-color: #cccccc;
    font-size: 16pt;
    font-family: verdana;
}

.abe_setTableWidth

{
    width:580px;
}
.abe_placeHolder

{
    border-right: #cfcfcf 1px solid;
    border-left: #cfcfcf 1px solid;
    background-color: white;
    font-size: 11px;
    font-family: verdana, Arial, Sans-Serif;
}
a.abe_placeHolderLinks:link
{
    font-size: 12px;
    color: #810920;
    font-family: verdana, helvetica, Arial, Sans-Serif;
    text-decoration: none;
}
a.abe_placeHolderLinks:active
{
    font-size:  12px;
    color: #810920;
    font-family: verdana, helvetica, Arial, Sans-Serif;
    text-decoration: none;
}
a.abe_placeHolderLinks:visited
{
    font-size:  12px;
    color: #810920;
    font-family: verdana, helvetica, Arial, Sans-Serif;
    text-decoration: none;
}
a.abe_placeHolderLinks:hover
{
    font-size:  12px;
    color: #5a1cdf;
    font-family: verdana, helvetica, Arial, Sans-Serif;
    text-decoration: underline;
  
}

.abe_topBottomPadding
{
   padding-left: 20px;
   padding-bottom: 10px;
   padding-top: 10px;
}


.imgDestination { 
            border: 1px solid #999999;
            padding: 5px;
            padding-bottom: 20px;
			margin: 5px;
}
.vspecs-tbl
{
background: maroon;
}


/* start vehicle specifications tables_____________________________________________________________________*/
.vspecs-top
{
background: maroon;
color: white;
font-weight: bold;
padding:2px 0px 2px 5px;
font-weight: bold;
line-height:12pt;
}

.tx24OrBd
{
    font-size: 16px;
	font-weight: bold;
	color: maroon;
}
.tx16OrBd a
{
    font-size: 16px;
	font-weight: bold;
	color: maroon;
}
.tx16GrBd
{
    font-size: 16px;
	font-weight: bold;
	color: #333333;
}

.tx16GreyBd
{
    font-size: 16px;
	font-weight: bold;
	color: #666666;
}

.tx10 {font-size: 10px;}

.info-box{ background:url(images/info.png) no-repeat left; margin:10px 0; padding:5px 5px 5px 60px; border:1px dashed #999; border-width:1px 0}

.happy-link a{ display:block; text-align:center; font-size:14px; font-weight:bold; background:#830920; margin:10px 120px; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; padding:10px; color:#fff; text-decoration:none}
.happy-link a:hover{ background-color:#6d0619}

.clear{ clear:both}

.LineDotsTop { border-top: 1px dotted #666666}

.vspecs-table{ border-collapse:collapse; padding: 5px; margin:0 0 10px 0; line-height:12pt; border: 1px dotted #999999;}

.vspecs-table th{ font-weight:bold; padding:5px; background:#E5CFD2}
.vspecs-table td{ padding:5px; text-align:left}

.vspecs-table td.vspecs-top, .vspecs-top, p.vspecs-top{ font-weight: bold; color: #ffffff; padding:0px 5px; line-height:26px; background: url(../gfx-main/bk-header-vech-sepcs-red.png) repeat-x top #830920; margin:0}

#tooltip{ position:absolute; border:1px solid #333; border-width:1px 2px 2px 1px; background:#fff; padding:2px 5px; color:#333; display:none; width:200px; text-align:left; line-height:16px; font-size:11px; z-index:5000}	
#tooltip strong{ display:block; line-height:20px; font-weight:bold;}
#tooltip h3{ font-weight:normal; font-size:12px; letter-spacing:0; margin:0; line-height:18px;}