@import url("css/menu.css");

/* CSS Document */

/*-------- Default Style --------*/
th,td,div{color:#000; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:normal; }
a,a:link,a:visited,a:active{color:#4F839F; text-decoration:none; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:normal; }
a:hover{color:#C00; text-decoration:none; }

/*-------- EG design style --------*/

body 
{
	padding: 0px;
	margin: 0px;
	background-color:#f89827;
	font-family:Arial, Helvetica, sans-serif;
}

.egheaderback {
	height: 248px;
	/*height: 220px; (Use this height if top h1 needs to be deleted) */
	background-color: #f88724;
	background: url(images/eg/egheaderback.gif) center bottom no-repeat;
	margin: 0px;
	padding: 0px;
}


.template_style 
{
	width:100%;
	margin:0px auto;
}

.ContentPane {
	width: 698px;
}

.RightPane {
	width: 270px;
}

.egframe 
{
	margin: 0px auto;
	width: 984px;
}

.toph1 {
	width: 984px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 8px;
	font-family: Arial, Verdana, Helvatica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #414141;
}

.egheader {
	width:984px;
	height: 185px;     
	background-color: #fff;
	margin-top: 5px;
	/*margin-top: 0px; (Use this if top h1 needs to be deleted*/
	margin-bottom: 0px;
}


.eglogo {
	width: 248px;
	/*height: 182px; (Use this if top h1 needs to be deleted */
	height: 177px;
	/*margin: -5px 0px 0px 0px; (Use this if top h1 needs to be deleted) */
	margin: 0px;
	float:left;
	display:inline;
    	background-color: #fff;
}


.egbyline {
	vertical-align: top;
	/*width:736px;*/
	height: 185px;
	width: 729px;
	float:right;
	display:inline;
	/*background-image: url(images/eg/headerRightBg.gif);
	background-image: url(images/eg/search-back.gif);
	background-repeat: no-repeat;
	background-position: right top;*/
	background-color: #fff; 
	padding-top: 0px;
}


.egbyline .firstpara {
	margin-left: 80px;
	padding-top: 30px;
	font-family: Arial, Verdana, Helvatica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #414141;
	text-transform: uppercase;
}

.egbyline p {
	margin-left: 80px;
	padding-top: 10px;
	font-family: Arial, Verdana, Helvatica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #414141;
	text-transform: uppercase;
}

.egbyline p .img {
	vertical-align: top;
	margin-right: 5px;
	border: 0px;
}


.egbyline p .nzimg {
	vertical-align: top;
	margin-right: 2px;
	border: 0px;
}

.egtopnav {
	float: left;
	width:984px;
	height:35px;
	background: url(images/eg/1px-menuBack.gif) repeat-x;
	margin: 0px; 
	padding: 0px;
}


.menulinks {
	float: left;
	padding-left: 20px;
	padding-top: 10px;
}


.egbanner 
{
	height: 326px;
	width: 991px;
	/*padding: 0px;
	margin-left: 150px;*/
}

.searchbox{
    background: transparent url(images/eg/search-back.gif) no-repeat;
    width: 154px;
    height: 185px;
    margin-top: -164px;
    margin-left: 575px;

}
.searchtext {
	color:#232323; 
	font-family: Arial, Verdana, Helvatica, sans-serif;
	font-size: 12px;
	font-weight: bold; 
	padding-top: 10px;
	margin-left: 35px;
}


/*------------ Breadcrumb Style --------------*/
.breadcrumbarea
{
	margin-top: 35px;
	*margin-top: 0px;
	background-color: #ffffff;
 	width: 983px;
	height: 30px;
}

.breadcrumbleft
{
	width: 968px;
	float: left;
	display:inline;
	padding-left: 15px;
	padding-bottom: 5px;
	margin-top: 5px;
	background-color: #ffffff;
	font-family: Arial, Verdana, Helvatica, sans-serif;
	font-size: 12px;
	color: #25251e;
}

.Breadcrumb,a.Breadcrumb:link,a.Breadcrumb:active,a.Breadcrumb:visited
{
	font-family: Arial, Verdana, Helvatica,sans-serif; 
	font-size: 12px; 
	color: #fa5f01;
}

a.Breadcrumb:hover
{
	color:#28251e;
}

.breadcrumb_text
{
	font-family: Arial, Verdana, Helvatica,sans-serif; 
	font-size: 12px; 	
	color: #28251e;
	padding-left: 5px;
	
}

/*------------ eof Breadcrumb Style --------------*/



/*------------ Content Area Style --------------*/


.egcontentarea 
{
	width: 983px;
	height: auto;
	background-color: #ffffff;
	/*margin-top: 20px;*/
	overflow: hidden;
	float: left;
}

.egcontentleft 
{
	/*width: 718px;*/
	width: 686px;
	float: left;
	background-color: #ffffff;
	margin-top: -10px;
	margin-bottom: -2000px; 
	padding-bottom: 2000px;
}

.egcontentleft p {
	/*width: 698px;*/
	width: 686px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #393838;
	padding-left: 20px;
	/*margin-top: -10px;*/
}

.egcontentleft .nospace {
	margin-top: 0px;
	padding-top: 0px;
}

.egcontentleft .heading {
	/*width: 698px;*/
	width: 686px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #fa9826;
	padding-left: 0px;
	margin-left: 20px;
	margin-top: 5px;
	border-bottom: solid 1px #fa9826;
}

.egcontentleft a {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #fa5f01;
	text-decoration: none;
}

.egcontentleft a:hover {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #393838;
	text-decoration: none;
}

.egcontentleft .hTwo {
	/*width: 698px;*/
	width: 686px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #fa5d00;
	padding-top: 15px;
	padding-bottom: 3px;
	margin-left: 20px;
	/*margin-bottom: 20px;*/
	border-bottom: dotted 1px #fa5f01;
}


.egcontentleft .hThree {
	/*width: 698px;*/
	width: 686px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #fa9826;
	font-weight: bold;
	padding-left: 20px;
	/*margin-bottom: 15px;*/
}


.egcontentleft .hFour {
	/*width: 698px;*/
	width: 686px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #c73c0c;
	font-weight: bold;
	padding-left: 20px;
	padding-top: 20px;
	/*margin-bottom: 15px;*/
}

.egcontentleft .smlinfoboxouter {
	float: left;
	margin-top: 30px;
	width: 328px;
	height: 167px;
	border: solid 1px #ffc383;
	margin-bottom: 20px;
	margin-left: 20px;
	background-color: #fef0e1;
}

.egcontentleft .smlinfoboxleft {
	float: left;
	/*width: 210px;
	height: 160px;*/
	margin: 0px;
	padding: 0px;	
}


.egcontentleft .smlinfoboxright {
	float: left;
	display: inline;
	/*width: 300px;*/ 
	margin-top: -160px;
	/*margin-left: 247px;*/
}


.egcontentleft .smlinfoboxright p {
	width: 190px;
	font-family: Arial, Verdana, sans-serif;
	font-size: 10pt;
	margin-top: 0px;
	margin-left: 110px;
}


.egcontentleft .lgeinfobox {
	margin-top: 30px;
	width: 677px;
	height: 160px;
	border: solid 1px #bacbf2;
	margin-bottom: 20px;
	background-color: #e4ebfb;
}

.egcontentleft .lgeinfoboxleft {
	float: left;
	width: 210px;
	height: 160px;
	margin: 0px;
	padding: 0px;
}


.egcontentleft .lgeinfoboxright {
	float: left;
	display: inline;
	width: 440px; 
	margin-top: -160px;
	margin-left: 247px;
}


.egcontentleft .lgeinfoboxright p {
	width: 390px;
	font-family: Arial, Verdana, sans-serif;
	font-size: 10pt;
	margin-top: 10px;
	margin-left: 3px;
}

.egcontentleft .termsheadingcontainer {
	width: 350px;
	margin-left: 20px;
	margin-top: 25px;
}

.egcontentleft .termsheading {
	width: 350px;
	border-bottom: solid 1px #fa5d00;
}

.egcontentleft .termsheading div {
	width: 350px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #393838;
	font-weight: bold;
	padding-bottom: 3px;
}

.egcontentleft .termssubheading {
	/*width: 698px;*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #487e0c;
	font-weight: bold;
	margin-top: 10px;
	margin-left: 20px;
}

.egcontentleft .rentaltermspara {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #393838;
	font-weight: normal;
	margin-bottom: 10px;
	margin-top: 0px;
}

.egcontentleft ul {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #393838;
	margin-top: 3px;
}


.egcontentleft li {
	/*background: url(images/eg/specs-bullet.jpg) left  no-repeat; 
	list-style-type: none; */
	list-style: url(images/eg/specs-bullet.jpg) outside;
	padding: 0px;
	margin-left: -10px;
	/*margin-top: 8px;*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #393838;
}



/* class for adding extra 10px left spacing on list items */
.egcontentleft .listmargin {
	margin-left: 20px;
}


.egcontentleft .boldtxt {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #393838;
	font-weight: bold;
}

.egcontentright 
{
	width: 260px;
	float: right;
	display:inline;	
	background-color: #ffffff;
	vertical-align: top;
	margin-top: 0px;
	padding-top: 0px;
	color: #393838;
	margin-bottom: -2000px; 
	padding-bottom: 2000px;
}

.egcontentrighttext {
	margin-top: 15px; 
	/*margin-left: 18px;*/
	padding-left: 18px;
	border: 0px;
}

.egcontentrightbuttons {
 	margin-bottom: 10px;
}

.rightvehicleimages {
	margin-top: 8px;
}

.rightvehicleimages .heading {
	margin-top: 8px; 
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 14px;
	color: #fa5f01; 
	font-weight: bold;
	
}

.rightvehicleimages .subheading {
	width: 220px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #393838; 
	font-weight: bold;
	text-decoration: underline;
	
}

#quicklinks
{
	
	margin: 0px;
	padding: 0px;
	max-width: 218px;
	/*float: left;*/
}

.quicklinksback {
	background: url(images/eg/quicklinks-bottom.gif);
	background-repeat:  repeat-x;
	/*height: 200px;*/
	width: 218px;
	max-width: 218px;
	height: 87px;
	margin-left: 5px;
	padding: 0px;
}

.quicklinksline
{
	
	background: url(images/eg/quicklinks-bullet.gif) left no-repeat;
	padding: 4px 2px 2px 10px;
	color: #221e1f;
	border-bottom: 1px dashed #4c3e1b;
	text-align: left;
}

.quicklinkstable
{
	margin-left: 20px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;	
	color: #221e1f;
}

.quicklinkstable a
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #221e1f;
}

.quicklinkstable a:hover {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;	
	color: #fa5f01;
	font-weight: bold;
	text-decoration: none;
}

.phad {
	margin-top: 10px;
	margin-left: 5px;
	width: 222px;	
}



.egbottombox
{
	float: left;
	width: 982px;
	margin-top: 10px;
	padding-top: 10px;
}


.egbottom {
	height: 70px;
	border: 0px;
}

.egbottomleft {
	width: 702px;
	padding-left: 20px;
}

.egbottomright {
	width: 280px;
	text-align: right;
	padding-right: 25px;
}

.egfooterbox
{
	width: 982px;	
}

.egfooterlinks
{
	margin-top: 0px;
	float: left;
	display:inline;
	width: 982px;
	height: 30px;
	/*background: url(images/eg/footer_egicon.gif) top left no-repeat;*/
}

.egfooterlinks p {
	margin-top: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #f0eade;
	padding-left: 20px;
}

.egfooterlinks p a {
	color: #f0eade;
}

.egfooterlinks p a:hover {
	color: #fa5f01;
}

.egfootertextpane
{
	float: left;
	display:inline;
	width: 884px;	
	margin-top: 10px;
}

.egfooterloginlink
{
	float: left;
	display:inline;
	width: 50px;	
	margin-top: 10px;
}


div.SearchIcon {
    display:none;
}

input.SearchTextBox {
    width:84px; 
    margin-left:20px;
    margin-top: 5px;
}

/* Motorhomes Page Style */
#motorhomes{
width: 668px;
padding:0px;
margin:0px;
display:inline;
}

#vehicles{
float:left;
width:158px;
/*background-color:#c7d5df;*/
background: url(images/eg/motorhomes-back.gif) left no-repeat; 
padding:10px 0px 10px 4px;
margin:0px 8px 15px 20px;
height:400px;
}

#vehicles h3{
font:14px Arial, Helvetica, sans-serif;
color:#c73c0c;
font-weight: bold;
border:0px;
margin-top: 0px;
padding-top: 10px;
padding-left: 20px;
/*margin:10px 6px 10px 6px*/
}

#vehicles_text p{
width: 138px;
font:12px Arial, Helvetica, sans-serif;
color:#393838;
margin:10px 0px 10px 0px;
padding-left: 10px;
height:220px;
text-align: left;
}


#vehicles img{
border:0px;
padding-left: 7px;
}

#vehicles_1{
float:left;
width:158px;
background: url(images/eg/motorhomes-back.gif) left no-repeat; 
padding:10px 0px 10px 4px;
margin:0px 8px 15px 0px;
height:400px;
}

#vehicles_1 h3{
font:14px Arial, Helvetica, sans-serif;
color:#c73c0c;
font-weight: bold;
width: 158px;
border:0px;
margin-top: 0px;
padding-top: 10px;
padding-left: 20px;
/*margin:10px 6px 10px 6px;*/
}

#vehicles_text_1 p{
width: 138px;
font:12px Arial, Helvetica, sans-serif;
color:#393838;
margin:10px 0px 10px 0px;
padding-left: 10px;
height:220px;
text-align: left;
}


#vehicles_1 img{
border:0px;
padding-left: 7px;
}

#vehicles_2{
float:left;
width:158px;
background: url(images/eg/motorhomes-back.gif) left no-repeat; 
padding:10px 0px 10px 4px;
margin:0px 8px 15px 0px;
height:400px;
}

#vehicles_2 h3{
font:14px Arial, Helvetica, sans-serif;
color:#c73c0c;
font-weight: bold;
border:0px;
margin-top: 0px;
padding-top: 10px;
padding-left: 15px;
/*margin:10px 6px 10px 6px;*/
}

#vehicles_text_2 p{
width: 138px;
font:12px Arial, Helvetica, sans-serif;
color:#393838;
margin:10px 0px 10px 0px;
padding-left: 10px;
height:220px;
text-align: left;
}


#vehicles_2 img{
border:0px;
padding-left: 7px;
}

#vehicles_3{
float:left;
width:158px;
background: url(images/eg/motorhomes-back.gif) left no-repeat; 
padding:10px 0px 10px 4px;
margin:0px 8px 15px 0px;
height:400px;
}

#vehicles_3 h3{
font:14px Arial, Helvetica, sans-serif;
color:#c73c0c;
font-weight: bold;
border:0px;
margin-left: -2px;
margin-top: 0px;
padding-top: 10px;
padding-left: 22px;
/*margin:10px 6px 10px 6px*/
}

#vehicles_text_3 p{
width: 138px;
font:12px Arial, Helvetica, sans-serif;
color:#393838;
margin:10px 0px 10px 0px;
padding-left: 10px;
height:220px;
text-align: left;
}


#vehicles_3 img{
border:0px;
padding-left: 7px;
}

.vehicles_links {
	margin-top: -110px;
	margin-left: 5px;	
}

.PopBoxImageSmall
{
	border: none 0px #ffffff;
	cursor: url("/Portals/0/Images/popups/magplus.cur"), pointer;
}
.PopBoxImageLarge
{
	border: solid 1px #999999;
	cursor: url("/Portals/0/Images/popups/magminus.cur"), pointer;
}
.PopBoxImageShrink
{
	cursor: url("/Portals/0/Images/popups/magminus.cur"), pointer;
}
.PopBoxImageLink
{
	cursor: pointer;
}
.PopBoxImageMove
{
	border: none 0px #ffffff;
	cursor: pointer;
}



/* eof Motorhomes styles */


/* Vehicle Specifications Table Styles */

#vehiclespecs {
	
	margin-left: 20px;
	width: 681px;
}


#vehiclespecs .title {
	width: 681px;
	background: url(images/eg/1px-vehiclespecsBack.gif);
	height: 30px;
	border: solid 1px #9c9c9c;
}

#vehiclespecs .title div {
	width: 673px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #343028;
	font-weight: bold;
	/*margin: 0px 0px 0px -8px;*/
	margin: 0px 0px 0px 20px;
	padding-top: 6px;
}

#vehiclespecs .specsleft {
	width: 70%;
	padding-top: 5px;
}


#vehiclespecs .specsleft ul {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #393838;
	margin-top: 3px;
}

#vehiclespecs .specsleft li {
	/*background: url(images/eg/specs-bullet.jpg) left  no-repeat; 
	list-style-type: none; */
	list-style: url(images/eg/specs-bullet.jpg) outside;
	padding: 0px;
	margin-left: -10px;
	/*margin-top: 8px;*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #393838;
}

#vehiclespecs .specsright {
	/*width: 281px;*/
	width: 30%;
	padding-top: 5px;
}

#vehiclespecs .specsright div {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #393838;
	margin-top: 2px;
}


#vehiclespecs .stocklist {
	width: 681px;
	background: url(images/eg/1px-vehiclespecsBack.gif);
	height: 30px;
	border: solid 1px #9c9c9c;
}

#vehiclespecs .stocklist div {
	width: 110px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #343028;
	font-weight: bold;
	/*margin: 0px 0px 0px -8px;*/
	margin-left: 10px;
	padding: 0px;
	border: 0px;
}

#vehiclespecs .stocklist div.first {
	width: 180px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #343028;
	font-weight: bold;
	/*margin: 0px 0px 0px -8px;*/
	margin: 0px 0px 0px 20px;
	border: 0px;
	
}

#vehiclespecs .stocklistparafirst  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #343028;
	padding: 5px 0px 5px 20px;

}

#vehiclespecs .stocklistparastd  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #343028;
	font-weight: bold;
	padding: 5px 0px 5px 12px;
}

#vehiclespecs .stocklistparaincl  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #343028;
	font-weight: bold;
	padding: 5px 0px 5px 15px;
}

#vehiclespecs .stocklistpara  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #343028;
	padding: 5px 0px 5px 0px;
}

#insurancetbl {
	margin-left: 20px;
	width: 675px;
}


#insurancetbl .insurance {
	width: 675px;
	background: url(images/eg/1px-vehiclespecsBack.gif);
	height: 30px;
	/*border: solid 1px #9c9c9c;*/
}

#insurancetbl .insurance div {
	width: 85px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #343028;
	font-weight: bold;
	/*margin: 0px 0px 0px -8px;*/
	margin-left: 10px;
	padding: 0px;
	border: 0px;
}

#insurancetbl .insurancepara  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #343028;
	padding: 5px 0px 5px 10px;
}


/*eof Vehicle Specifications Table Styles */

/* Styles for Specials Page */

.splheading {
	margin-left: 17px;
}

#spltable {
	width: 678px;
	border: solid 1px #9c9c9c;
	margin-left: 19px; 
}

#spltable .left {
	width: 270px;
}

#spltable .right {
	width: 410px;
	/*padding-left: 8px;*/
	border-left: rgb(102,102,102) 1px solid; 
	padding-left: 5px; 
	padding-right: 5px
}

#spltable p {
	width: 400px;
	margin: 0px;
	padding: 0px;
}

#spltable .spltitle {
	color: #487e0c;
	font-weight: bold;
	margin-top: 5px;
}

/* eof Specials Page styles */





/*-------- design style --------*/
.template_style{width:960px; margin:auto;}

.top_space{height:34px;}
.lang_pad{padding:7px 35px 0px 0px;}

.logo_top_left{padding:0px; margin:0px; background:url(images/logo_top_left.png) no-repeat top left; height:23px;}
.logo_top_right{padding:0px; margin:0px; background:url(images/logo_top_right.png) no-repeat top right;}
.logo_top_bg{padding:0px; margin:0 39px 0 27px; background:#FFF url(images/logo_top_bg.png) repeat-x top;height:23px;}
.logo_left{padding:0px; background:url(images/logo_left.png) repeat-y top left;}
.logo_right{padding:0px; background:url(images/logo_right.png) repeat-y top right;}
.logo_pad{background:#FFF; margin: 0 19px 0 7px; padding:0 ;height:116px;}

.menu_bg{padding:0 0 0 6px;  margin: 0 19px 0 7px; height:40px; background:url(images/menu_bg.png) repeat-x top left;}
.menu_left{padding:0px; margin:0px; background:url(images/menu_left.png) no-repeat top left;}
.menu_right{margin:0px; background:url(images/menu_right.png) no-repeat top right; }

.search_style{float:right; padding:8px 0px 0px 0px;}
.search_bg{padding-right:2px;}
.search_bg Input{color: #43494D;}

.menu_style{float:left;}

.bread_bg{padding:0px; margin: 0 19px 0 7px; background:url(images/bread_bg_gray.png) repeat-x top left; height:34px;}
.bread_left{padding:0px; margin:0px; background:url(images/bread_left.png) no-repeat top left;}
.bread_right{padding:0px;  background:url(images/bread_right.png) no-repeat top right;}

#login_style{ float:right; padding:8px 17px 0px 10px; }
#bread_style{ float:left; padding:8px 0px 0px 17px; color:#000000; font-size:13px; }

.center_bg{padding:0px; margin:0px;}
.left_bg{padding:0px; margin:0px; background:url(images/left_bg.png) repeat-y top left;}
.right_bg{padding:0px; margin:0px; background:url(images/right_bg.png) repeat-y top right;}
.content_pad{padding:10px 22px 10px 22px; margin: 0 19px 0 7px; background:#FFF url(images/center_bg.png) repeat-x bottom left;}

.bot_left{padding:0px; margin:0px; background:url(images/bot_left.png) no-repeat top left;}
.bot_right{padding:0px; margin:0px; background:url(images/bot_right.png) no-repeat top right; padding:0px 39px 0px 27px;}
.bot_bg{padding:0px; margin:0px; background:url(images/bot_bg.png) repeat-x top left; height:41px;}

.bot_pad{margin-bottom:20px;padding:0 30px 0 20px;}
#terms_style{float:left;}
#copy_style{float:right;}

.clear_float{clear:both;}

/*--------- pane style ----------*/
.ContentPane, .TopPane, .BottomPane{ padding:0px; margin:0px;}
.LeftPane{ padding:0px 10px 0px 0px; width:10em; margin:0px; }
.RightPane{ padding:0px 0px 0px 0px; width:10em; margin:0px; }


/*-------------- Link Style --------------*/
.links {text-align:center;}
.links,a.links:link,a.links:active,a.links:visited{ font-weight:bold; color:#4F839F; font-size:11px; text-transform:uppercase; }
a.links:hover{color:#C00;}

/*-------------- User Style --------------*/
.user,a.user:link,a.user:active,a.user:visited { color:#f0eade; font-size:11px;}
a.user:hover{color:#C00;}

/*-------------- Footer Style --------------*/
.footer,a.footer:link,a.footer:active,a.footer:visited { color:#4F839F; font-size:12px;}
a.footer:hover{color:#C00;}



#SearchChoices{clear: both; display: none; border: solid 1px #C3D4DF; z-index: 2000; cursor: pointer; margin: 0; padding: 0; text-align:left; font-size:12px; background-color: #F3F7FA; position:absolute; top: 22px; left: 0px;}
#SearchChoices li{cursor: pointer; margin: 0; padding: 2px 2px 0 2px; padding-left: 25px; height: 18px; text-align:left; background-color: #F3F7FA; background-repeat: no-repeat; background-position: 2px center; list-style: none; list-style-image: none; border: none; display:block;}
#SearchChoices li.searchHilite{background-color: #CE0D0D;	color:#ffffff; border: none;}
#SearchChoices li.searchDefault{background-color: #F8FAFF; border: none;}


/*
 * CSS Skin file for the "Kiwicart Interactive Travelling Distance and Time Calculator"
 * 
 * Copyright Kiwicart Web Services Ltd (http://www.kiwicart.co.nz/)
 *  Author James McNeill, james # kiwicart . co . nz
 */

/* -----
 * Core rules
 * ----- */
.hidden
{
	display: none;
}

.visible
{
	display: block;
}

/* -----
 * The start and end flags (to save me drawing lines on the map)
 * - If you have a new flag image:
 *   - update the width and height of the element
 *   - change the urls
 *   - change the margins so that the highlight point meets the previous highlight point (saves having to recalculate the flag positions)
 * - Background images are used instead of normal images so that IE has a chance to render png images with transparencies  
 * - The urls for IE's alphaimageloader are relative to the web page, not the css file
 * - HTML>BODY is ignored by IE, so it's used by sensible browsers and doesn't confuse IE:-)
 * - The background urls are relative to the site root only during testing (using the interactive CSS editor), can be relative to the css file when it's taken live
 * - Anchor tags are used so that the :hover pseudo-class can work in IE to lower the flags behind the city labels
 * ----- */
#flag 
{
	position: absolute;
	width: 46px;
	height: 39px;
	z-index: 8;		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/flag.png', sizingMethod='scale');
}

HTML>BODY #flag
{
	background: url(../images/flag.png) no-repeat;
}

/* The destination flag has a negative margin so it's point matches the normal flag (doesn't that make things easy!) */
#flag-destination
{
	position: absolute;
	width: 57px;
	height: 44px;
	margin-left: -5px;
	margin-top: -5px;
	z-index: 9;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/flag-destination.png', sizingMethod='scale');
}

HTML>BODY #flag-destination
{
	background: url(../images/flag-destination.png) no-repeat;
}

#ferry
{
	position: absolute;
	width: 56px;
	height: 28px;
	top: 180px;
	left: 190px;
	z-index: 7;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/ferry.png', sizingMethod='scale');
}

HTML>BODY #ferry
{
	background: url(../images/ferry.png) no-repeat;
}

/* A quick hack here, if we hover on an image then drop it behind the city labels so we can interact with the cities. Not a perfect solutions (it could be a little flickery), but its better that the labels work and most of the time the flags are on top of them. */
#flag-destination:hover,
#flag:hover,
#ferry:hover
{
	z-index: 1;
}

/* -----
 * The map image
 * ----- */
#nz-map
{
	position: relative;
	width: 390px;
	height: 404px;
	background: url(images/eg/nz_map.gif) left no-repeat;
	margin-left: 120px;
}

/* -----
 * The city formatting setup
 * ----- */
#nz-map ul
{
	list-style: none;
	padding: 0px;
	margin: 0px;	
}

#nz-map li
{
	position: absolute;
	z-index: 5;
	font-size: 12px;
	list-style: none;
	background: none;
}

#nz-map li a
{
	text-decoration: none;
	font-size: 12px;
	font-family: sans-serif;
	margin-left: 16px;
	margin-right: 4px;
	/*padding: 0px 4px;
	background: white;*/
	/*
	-moz-opacity: 0.75;
	filter:alpha(opacity=25);
	*/
	z-index: 100;
	list-style: none;
	background: none;
}

/* -----
 * The city label highlights.
 */
#nz-map .start-city A
{
	/*
	background: yellow;
	-moz-opacity: 1.0;
	filter:alpha(opacity=100);
	*/
	color: #C0CE47;
}

#nz-map LI A:hover
{
	/*
	background: yellow;
	-moz-opacity: 1.0;
	filter:alpha(opacity=100);
	*/
	color: #232323;
}


/* -----
 * The cities 
 * - each city has a position for the label and the flag.
 * - the javascript has no idea where these labels are, and things just work :-)
 * ----- */

/* Akaroa */
#city-1 {left: 193px; top: 287px;}
.flag-1 {left: 175px; top: 248px;}

/* Auckland */
#city-2 {right: 188px; top: 77px;}
.flag-2 {left: 214px; top: 51px;}

/* Blenheim */
#city-3 {left: 209px; top: 225px;}
.flag-3 {left: 194px; top: 187px;}

/* Christchurch */
#city-4 {left: 197px; top: 272px;}
.flag-4 {left: 167px; top: 243px;}

/* Coromandel */
#city-5 {left: 245px; top: 65px;}
.flag-5 {left: 231px; top: 55px;}

/* Cromwell */
#city-6 {left: 157px; top: 342px;}
.flag-6 {left: 93px; top: 296px;}

/* Dargaville */
#city-7 {right: 207px; top: 50px;}
.flag-7 {left: 190px; top: 23px;}

/* Dunedin */
#city-8 {left: 125px; top: 357px;}
.flag-8 {left: 127px; top: 310px;}

/* Kaitaia */
#city-9 {left: 170px; top: -5px;}
.flag-9 {left: 180px; top: -5px;}

/* Fairlie */
#city-10 {left: 158px; top: 295px;}
.flag-10 {left: 140px; top: 258px;}

/* Franz Josef */
#city-11 {right: 284px; top: 255px;}
.flag-11 {left: 116px; top: 246px;}

/* Greymouth */
#city-12 {right: 265px; top: 242px;}
.flag-12 {left: 135px; top: 220px;}

/* Hanmer Springs */
#city-13 {left: 193px; top: 257px;}
.flag-13 {left: 167px; top: 213px;}

/* Hastings */
#city-14 {left: 285px; top: 161px;}
.flag-14 {left: 262px; top: 134px;}

/* Invercargill */
#city-15 {left: 125px; top: 373px;}
.flag-15 {left: 85px; top: 335px;}

/* Kaikoura */
#city-16 {left: 200px; top: 242px;}
.flag-16 {left: 187px; top: 210px;}

/* Kerikeri */
#city-17 {left: 205px; top: 10px;}
.flag-17 {left: 190px; top: 0px;}

/* Matakohe */
#city-18 {right: 200px; top: 65px;}
.flag-18 {left: 195px; top: 27px;}

/* Motueka */
#city-19 {right: 235px; top: 200px;}
.flag-19 {left: 174px; top: 172px;}

/* Napier */
#city-20 {left: 293px; top: 149px;}
.flag-20 {left: 260px; top: 125px;}

/* Nelson */
#city-21 {right: 255px; top: 212px;}
.flag-21 {left: 182px; top: 177px;}

/* New Plymouth */
#city-22 {right: 209px; top: 140px;}
.flag-22 {left: 193px; top: 118px;}

/* Ninety Mile Beach */
#city-23 {right: 224px; top: 20px;}
.flag-23 {left: 170px; top: -7px;}

/* Oamaru */
#city-24 {left: 157px; top: 331px;}
.flag-24 {left: 133px; top: 290px;}

/* Ohakune */
#city-25 {left: 260px; top: 185px;}
.flag-25 {left: 225px; top: 120px;}

/* Omarama */
#city-26 {left: 158px; top: 319px;}
.flag-26 {left: 123px; top: 273px;}

/* Orewa */
#city-27 {left: 242px; top: 54px;}
.flag-27 {left: 210px; top: 40px;}

/* Tauranga */
#city-28 {left: 250px; top: 87px;}
.flag-28 {left: 243px; top: 75px;}

/* Picton */
#city-29 {left: 160px; top: 173px;}
.flag-29 {left: 196px; top: 177px;}

/* Queenstown */
#city-30 {left: -12px; top: 305px;}
.flag-30 {left: 78px; top: 295px;}

/* Rotorua */
#city-31 {right: 185px; top: 105px;}
.flag-31 {left: 244px; top: 87px;}

/* Russell */
#city-32 {left: 215px; top: 30px;}
.flag-32 {left: 198px; top: 8px;}

/* Golden Bay */
#city-33 {right: 240px; top: 185px;}
.flag-33 {left: 168px; top: 165px;}

/* Te Anau */
#city-34 {left: -1px; top: 317px;}
.flag-34 {left: 64px; top: 310px;}

/* Timaru */
#city-35 {left: 156px; top: 308px;}
.flag-35 {left: 139px; top: 270px;}

/* Taupo */
#city-36 {left: 300px; top: 130px;}
.flag-36 {left: 242px; top: 106px;}

/* Waihi Beach */
#city-37 {right: 185px; top: 92px;}
.flag-37 {left: 238px; top: 65px;}

/* Waitomo */
#city-38 {right: 185px; top: 118px;}
.flag-38 {left: 218px; top: 91px;}

/* Wanaka */
#city-39 {right: 316px; top: 292px;}
.flag-39 {left: 91px; top: 282px;}

/* Wanganui */
#city-40 {right: 216px; top: 159px;}
.flag-40 {left: 206px; top: 134px;}

/* Wellington */
#city-41 {left: 252px; top: 210px;}
.flag-41 {left: 212px; top: 176px;}

/* Westport */
#city-42 {right: 255px; top: 227px;}
.flag-42 {left: 147px; top: 190px;}

/* Whangamata */
#city-43 {left: 253px; top: 80px;}
.flag-43 {left: 238px; top: 59px;}

/* Whangarei  */
#city-44 {left: 218px; top: 45px;}
.flag-44 {left: 200px; top: 19px;}

/* Ohope Beach */
#city-45 {left: 305px; top: 110px;}

/*	Mt Cook	*/
#city-46 {left: 12px; top: 268px;}

/*	Tekapo	*/
#city-47 {left: 28px; top: 280px;}





	/*
	=================
	Information Panel
	=================
	*/
	#panel {
		border: 1px solid #C0CE47;
		padding: 5px;
		width: 150px;
		margin: 20px 0px 0px 20px;
		float: right;
	}
	
	#panel p {
		width: 150px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #333;
		margin-left: -20px;
	}

	#panel h2 {
	     color:#fa5f01;
	     font-size: 14px;
	     font-weight: bold;
	}

	#panel h3 {
		font-size: 12px;
		padding: 0px;
		color: #333;
		font-weight: bold;
		margin-bottom: 3px;
	}

	#panel input, #panel textarea {
		width: 145px;
		border: 1px solid #CCC;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #333;
	}
	.label{
	font:  11px Verdana, Arial, Helvetica; 
	color: #000;
	text-decoration: none;
	font-weight: none;
	margin-top: 5px;
	}

/* eof */

/* Scrolling list styles */

#jump_base {
  /*overflow-y:hidden;*/
  width: 220px;
  height: 210px;
  margin-left: 0px;
  /*margin: 0px;
  padding: 0 10px 0 10px;
  font-size: .9em;
  font-family: Verdana, Arial, sans-serif;*/
}

#jump_base a {
  color: #014a7e;
  background-color: inherit;
  text-decoration: none;
  font-weight: bold;
}

.news {
  width:241px;
  background-color: #fff;
  color: inherit;   
  padding: 0px;
  margin: 0px;
}

.egcontentrightbuttons #marqueecontainer{
position: relative;
width: 220px; /*marquee width */
height: 210px; /*marquee height */
background-color: white;
overflow: hidden;
padding: 2px;
padding-left: 4px;
}

/* eof */