@charset "UTF-8";
/* CSS Document */
/* Rebecca Esler */
/* 25/06/08 */

body{
margin:0;
padding:0;
background-color:#0188ce;}

img{
border:0;}

.right-img {
	margin: 0px 0px 20px 20px;
	border: 1px solid #ebe8e0;
}

a{
text-decoration:none;
margin:0;
padding:0;
color:#0188ce;}

/* ---centres site and dark blue edges--- */
#frame{
margin:0 auto;
padding:0;
width:984px;
background:url(../images/bg.jpg) top left repeat-y;}

#frameInside{
padding:10px 45px 38px 26px;
margin:0;
width:913px;}

/* ---header image--- */
#header{
margin:0;
padding:0;
background:url(../images/header.gif) top left no-repeat;
width:913px;
height:102px;}

#headerMembers{
margin:0;
padding:0;
background:url(../images/header_members.gif) top left no-repeat;
width:913px;
height:102px;}

/* ---link on logo--- */
#logo{
margin:0;
padding:0;
float:left;
display:inline;
width:350px;}

/* ---navigation/search--- */
#navigation{
float:right;
display:inline;
margin: 33px 0px 0 0;
padding:0;
width:515px;}


#navigationForm{
float:right;
display:inline;
margin: 33px 0px 0 0;
padding:0;
width:451px;
}

#navigationMembers{
float:right;
display:inline;
margin: 33px 0px 0 0;
padding:0;
width:545px;
}

#nav{
margin: 7px 10px 0 0;
padding:0;
float:left;
display:inline;
font:13px Helvetica, Arial, sans-serif;
color:#ffffff;
text-align:left;}

#nav ul{
margin:0;
padding:0 0 0 5px;
display:inline;}

#nav li{
display:inline;
margin:0;
padding:0 5px;
list-style:none;
border-right:1px solid #ffffff;}

#nav a{
margin:0;
padding:0;
text-decoration:none;
color:#ffffff;}

#navForm{
margin: 7px 10px 0 0;
padding:0;
float:right;
display:inline;
font:13px Helvetica, Arial, sans-serif;
color:#ffffff;
text-align:left;}

#navForm ul{
margin:0;
padding:0 0 0 5px;
display:inline;}

#navForm li{
display:inline;
margin:0;
padding:0 5px;
list-style:none;
border-right:1px solid #ffffff;}

#navForm a{
margin:0;
padding:0;
text-decoration:none;
color:#ffffff;}

#navForm li.end{
border:0;}


#navMembers{
margin: 7px 10px 0 0;
padding:0;
float:right;
display:inline;
font:12px Helvetica, Arial, sans-serif;
color:#ffffff;
text-align:left;}

#navMembers ul{
margin:0;
padding:0 0 0 5px;
display:inline;}

#navMembers li{
display:inline;
margin:0;
padding:0 5px;
list-style:none;
border-right:1px solid #ffffff;}

#navMembers a{
margin:0;
padding:0;
text-decoration:none;
color:#ffffff;}

#navMembers li.end{
border:0;}

.search{
padding:0 0 0 5px;
margin:0;}

.search{
border:1px solid #999999;
padding:3px;
width:125px;
background:#ffffff;}

.goButton{
background:url(../images/btn_go.gif) top left no-repeat;
padding:4px;
margin:2px 0 0 0;
width:30px;
height:22px;
color:#ffffff;
border:0;}

#flash{
margin:0;
padding:15px 5px 15px 25px;
background:url(../images/flash_bg.jpg) top left no-repeat;
height:269px;}

/*  Added by: Jay Darnell
	Date: November 2008
	Purpose: Main Map Page */
#mapCanvasAll{
padding:0;
margin:0;
/*float:left;*/
/*width:725px;*/
height:725px;
}

#map_canvas {
	/*margin-top: 2em;*/
	
}
#geosmartLogo {
	/*border: 1px solid red;*/
}
.contentContainer {
	/*display: none;*/
}

#mapHeader{
margin:5px 0px 7px 0px;
padding:0px 0px 0px 0px;

}

#mapHeader h2{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
font:18px Helvetica, Arial, sans-serif;
}

.prevBox{
border:medium;
width:300px;
height:350px;
padding:0px;
margin:0px;
}

.prevRegion {
padding:0px;
margin:0px;
color: #FFFFFF;
font-size:13px;
font-weight: normal;
text-align:center;
background:url(../images/orange_bg.jpg) top left repeat-x;
}

.prevName{
font-size:16px;
font-weight:bold;
}

.prevRating{
float:right;
padding:0px;
margin:0px;
}

.prevContact{
clear:both;
padding:0px;
margin:0px;
}

.prevR{
text-align:right;
}

/*
.callout{
background: transparent url(../images/GeoSmart/callout.gif) no-repeat scroll 0% 0% !important;
}

.iw-strut{
background: transparent url(../images/GeoSmart/mid.gif) repeat-x scroll center bottom !important;
}
*/
/* end main map page */

#logout{
text-align:right;
widows:913px;
margin: 0 2px 0 0;
padding:0;
color:ffb400;
font:12px Helvetica, Arial, sans-serif;}

#logout a{
color:#004086;}

/* ---content area on left--- */
#contentLeft{
margin:5px 0 0 0;
padding:0;
float:right;
display:inline;
width:740px;
text-align:left;
color:#002f73;
font:13px/17px Arial, Helvetica, sans-serif;
}
#contentLeft1{
margin:5px 0 20px 0;
padding:0;
float:left;
display:inline;
width:740px;
font:13px/15px Arial, Helvetica, sans-serif;
color:#002f73;
text-align:left;}
.feedbackForm {
		margin: 2px 0px 2px 0px;
		border:1px solid #999999;
		padding:4px;
		color:#333333;
		background:url(../images/form.gif) repeat-x top left;
		width: 250px;
	}

#contentLeft ul{
margin:10px 0 0 15px;
padding:0;}

#contentLeft li{
margin:0 0 0 20px;
padding:0;}

#sitemap li ul{
margin:10px 0 0 10px;
width:220px;
border:1px solid #fff;
float:left;}

#sitemap li{
margin:8px 0 0 0;
width:740px;
clear:both;
list-style:none;}

#sitemap li li{
width:220px;
clear:none;
margin:0;
font-size:10px;}

#sitemap a{
margin:0;
padding:0;
text-decoration:none;
color: #002f73;}

#sitemap a:hover{
margin:0;
padding:0;
text-decoration:none;
color: #0188ce;}

#contentLeft td p.club{
margin:5px 0 0 0;}

#contentLeft p{
padding:0 10px 0 0;
margin:10px 0 0 15px;
line-height: 17px;}

#contentLeft table.feedback{
padding:0 10px 0 0;
margin:10px 0 0 15px;}


#contentLeft h1{
margin:0 0 0 10px;
padding:10px 0 5px 5px;
font:24px Helvetica, Arial, sans-serif;}

#contentLeft h2{
margin:0 0 0 10px;
padding:10px 0 0px 5px;
font:24px Helvetica, Arial, sans-serif;}

#contentLeft h3{
margin:0 0 0 10px;
padding:9px 9px 0px 5px;
font-size:13px;
font-weight: bold;
font-family: Helvetica, Arial, sans-serif; }

#contentLeft h3 a:link, #contentLeft h3 a:visited, #contentLeft h3 a:active {
color:#002F73;
text-decoration:underline; }

#contentLeft h3 a:hover {
color:#002F73;
text-decoration:none; }

#contentForm{
clear:both;
margin:15px auto 0 auto;
padding:0 0 0 20px;
width:700px;
font:12px/14px Helvetica, Arial, sans-serif;
color:#002f73;
text-align:left;}

#contentForm a{
margin:0;
padding:0;
text-decoration:none;
color: #ffa600;}

#contentForm p{
padding:0;
margin:10px 10px 0 0px;}

#contentForm h1{
margin:0;
padding:0;
font:14px/14px Helvetica, Arial, sans-serif;
color:#002f73;
font-weight:bold;}

.warning{
color:red;}

#btnSubmit{
	margin:0px;
	padding:5px;}

/* ---main call to action boxes--- */
#boxes{
clear:both;
width:937px;
margin:0;
padding:10px 0 0 5px;}

#boxes ul{
margin:0;
padding:0;}

#boxes li{
text-align:center;
padding:0;
margin:0 4px 0 5px;
display:inline;
float:left;
list-style:none;}

#boxes li.locate{
background:url(../images/box_locate.jpg) no-repeat top left;
width:132px;
height:165px;
padding:0px 20px 0 20px;}

#boxes li.specials{
background:url(../images/box_specials.jpg) no-repeat top left;
width:162px;
height:165px;
padding:0px 5px 0 5px;}

#boxes li.gift{
background:url(../images/box_gift.jpg) no-repeat top left;
width:162px;
height:165px;
padding:0px 5px 0 5px;}

.little{
font:11px/12px Helvetica, Arial, sans-serif;
border:0;}

#boxes li.club{
background:url(../images/box_club.jpg) no-repeat top left;
width:133px;
height:165px;
padding:0px 20px 0 20px;}


#boxes li.finalgift{
background:url(../images/box_gift1.jpg) no-repeat top left;
width:162px;
height:165px;
padding:0px 5px 0 5px;}


#boxes li.summerpack{
background:url(../images/pack4summerlargebutton.jpg) no-repeat top left;
width:165px;
height:165px;
padding:0px 5px 0 5px;}


#boxes a{
display:block;
text-align:center;
font:14px/15px Helvetica, Arial, sans-serif;
margin:0;
padding:115px 0 0 0px;
text-decoration:none;
color:#ffffff;}

#boxes a:hover{
margin:0;
text-decoration:none;
color:#002f73;}

#boxes li.seeanddo{
background:url(../images/box_seeanddo.jpg) no-repeat top left;
width:152px;
height:165px;
padding:0px 10px 0 10px;}



/* ---content area on right--- */
#contentRight{
margin:0;
padding:10px 0 0 0;
float:left;
display:inline;
width:173px;
font:12px Helvetica, Arial, sans-serif;
height: 253px;}

#contentRight1{
margin:0;
padding:10px 0 0 0;
float:right;
display:inline;
width:173px;}

/* ---booking box--- */
#book{
width:161px;
background: #ebe8e0 url(../images/findapark.gif) top left no-repeat;
margin:5px 0 0 0;
padding:45px 0 0 10px;
color:#a49a91;
font:13px/14px Helvetica, Arial, sans-serif;
font-weight:bold;
border:1px solid #707070;}

#book td{
padding:0;
margin:0;}

#book select, #book option{
background:#ffffff;
}

.location{
border:1px solid #999999;
padding:2px;
margin:3px 0 10px 0;
width:155px;}

.small{
padding:2px;
margin:0px 0 0px 0;
width:45px;}


/* ---locations box map page--- */
#locations{
width:173px;
background: #ebe8e0 url(../images/btn_48locations.gif) top left no-repeat;
margin: 0;
padding:35px 0 10px 0px;
color:#000000;
font:12px Helvetica, Arial, sans-serif;}

#locations h1{
color:#000000;
font:18px Helvetica, Arial, sans-serif;
padding:0 0 0 10px;}

#locations a{
margin:0;
padding: 2px 0 2px 10px;
display:block;
width:163px;
color:#000000;
text-decoration:none;}

#locations a:hover{
background-color:#ffa600;
color:#000000;
text-decoration:none;}


/* ---text links at bottom right--- */
#RightText{
margin:5px 0 0 0;
padding:0;
font:11px/12px Helvetica, Arial, sans-serif;
color:#002f73;
text-align:left;}

#RightText ul{
margin:0;
padding:0;}

#RightText li{
margin:0;
padding:5px 0;
list-style:none;
border-bottom:1px solid#002f73; }

#RightText a{
margin:0;
padding:0;
text-decoration:none;
color:#002f73;}

/* ---top row of footer links--- */
#footer{
clear:both;
padding:40px 0 0 0;
margin:0;
text-align:center;
font:11px Helvetica, Arial, sans-serif;
color:#828282;
}

#footer ul{
margin:0;
padding:0;}

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

#footer a{
margin:0;
padding:0;
text-decoration:none;
color:#828282;
font-weight:bold;}

#footer a:hover{
margin:0;
padding:0;
text-decoration:none;
color:#444444;}

#footer li.end{
border:0;
}

/* ---bottom 2 rows of footer links--- */
.footerBtm{
margin: 0;
padding:5px 0 0 0;
text-align:center;
font:10px Helvetica, Arial, sans-serif;
color:#828282;
}

.footerBtm ul{
margin:0;
padding:0;}

.footerBtm li{
margin:0;
padding:0 5px;
border-right: 1px solid #828282;
list-style:none;
display:inline;
}

.footerBtm a{
margin:0;
padding:0;
text-decoration:none;
color:#828282;}

.footerBtm a:hover{
margin:0;
padding:0;
text-decoration:none;
color:#444444;}

.footerBtm li.end{
border:0;}

form .button {
	background:url(../images/btn_price_availability.gif) no-repeat top left;
		border: 0px;
		padding: 0px;
		margin: 0px 0 5px 0;
		width:147px;
		height:46px;
		color:#ffffff;
		font-size:15px;
		/*background-color: #1F3873;
		color: #FFFFFF;*/
		text-transform:uppercase;
	}
	
form .submitbutton {
	background:url(../images/btn_submit.gif) no-repeat top left;
		border: 0px;
		padding: 0px;
		margin: 0px 0 5px 0;
		width:147px;
		height:46px;
		color:#ffffff;
		font-size:15px;
		/*background-color: #1F3873;
		color: #FFFFFF;*/
		text-transform:uppercase;
		text-indent:-9999px;
		cursor:pointer;
		display:block;
	}

form .buttonBig {
	background:url(../images/btn_booknowBig.gif) no-repeat top left;
		border: 0px;
		text-transform:uppercase;
		padding: 0px;
		margin: 0px 0 5px 0;
		width:300px;
		height:30px;
		color:#ffffff;
		font-size:15px;
		/*background-color: #1F3873;
		color: #FFFFFF;*/
	}
	
form .buttonBig1 {
	background:url(../images/btn_booknow2.gif) no-repeat top left;
		border: 0px;
		text-transform:uppercase;
		padding: 0px;
		margin: 0px 0 5px 0;
		width:400px;
		height:30px;
		color:#ffffff;
		font-size:12px;
		/*background-color: #1F3873;
		color: #FFFFFF;*/
	}
	
	form .login {
	background:url(../images/btn_booknow.gif) no-repeat top left;
		border: 0px;
		padding: 0px;
		margin: 0px 0 5px 0;
		width:147px;
		height:30px;
		color:#ffffff;
		font-size:15px;
		/*background-color: #1F3873;
		color: #FFFFFF;*/
	}
	
	/* ---GIFT VOUCHER STYLES 25/11/08--- */
	
	#giftvouchers{
	background-image:url(../images/top10-gift-vouchers-bg.jpg);
	background-repeat:no-repeat;
	float:left;
	width:690px;
	height:108px;
	padding:0px;
	margin:0px;
	font:12px Helvetica, Arial, sans-serif;
	color:#0b2f73;
	}
	
	#giftvouchersContent{
	font:12px Helvetica, Arial, sans-serif;
	color:#0b2f73;
	padding:40px 10px 0px 10px;
	margin:0px;
	width:670px
	}
	
	#steps{
	float:left;
	padding:10px 0px 0px 0px;
	margin:0px;
	width:690px;
	height:68px;
	}
	
	#purchasersDetails{
	background-image:url(../images/purchasers-contact-bg.gif);
	background-repeat:no-repeat;
	float:left;
	width:687px;
	padding:0px 0px 0px 0px;
	margin:10px 0px 0px 0px;
	border: solid #3495c0 1px;
	height:200px}
	
	#purchasersDetailsContent{
	font:12px Helvetica, Arial, sans-serif;
	color:#0b2f73;
	padding:40px 10px 0px 10px;
	margin:0px;
	width:667px
	}
	
	#purchasersContactDetails{
	background-image:url(../images/purchasers-contact-bg.gif);
	background-repeat:no-repeat;
	float:left;
	width:687px;
	padding:0px 0px 0px 0px;
	margin:10px 0px 0px 0px;
	border: solid #3495c0 1px;
	height:400px}
	
	#purchasersContactDetailsContent{
	font:12px Helvetica, Arial, sans-serif;
	color:#0b2f73;
	padding:40px 10px 0px 10px;
	margin:0px;
	width:667px
	}
	
		#recipientstDetails{
	background-image:url(../images/recipients-details.gif);
	background-repeat:no-repeat;
	float:left;
	width:687px;
	padding:0px 0px 0px 0px;
	margin:10px 0px 0px 0px;
	border: solid #3495c0 1px;
	height:600px}
	
	#recipientstDetailsContent{
	font:12px Helvetica, Arial, sans-serif;
	color:#0b2f73;
	padding:40px 10px 0px 10px;
	margin:0px;
	width:667px
	}
	
	#payment{
	background-image:url(../images/payment-header.gif);
	background-repeat:no-repeat;
	float:left;
	width:687px;
	padding:0px 0px 0px 0px;
	margin:10px 0px 0px 0px;
	border: solid #3495c0 1px;
	height:600px}
	
	#paymentContent{
	font:12px Helvetica, Arial, sans-serif;
	color:#0b2f73;
	padding:40px 10px 0px 10px;
	margin:0px;
	width:667px
	}
	
	#confirmation{
	background-image:url(../images/confirmation-header.gif);
	background-repeat:no-repeat;
	float:left;
	width:687px;
	padding:0px 0px 0px 0px;
	margin:10px 0px 0px 0px;
	border: solid #3495c0 1px;
	height:600px}
	
	#confirmationContent{
	font:12px Helvetica, Arial, sans-serif;
	color:#0b2f73;
	padding:40px 10px 0px 10px;
	margin:0px;
	width:667px
	}
	
	#button{
	padding:10px 0px 0px 0px;
	margin:0px;
	float:left;
	width:500px;
	height:30px;
	}