@charset "utf-8";
/* CSS Document */

body{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.8em;
	background-image:url(../images/body-back.jpg);
	background-repeat:repeat-x;
	background-color:#ebf5fe;
}

.highlighted-text{
	font-weight:bold;
}

#inner-body{
	background-image:url(../images/christchuch-bay.jpg);
	background-repeat:no-repeat;
	position:absolute;
	margin-left:-35px;
	margin-top:160px;
	width:35px;
	height:394px;
}

h1{
	background-image:url(../images/logo.jpg);
	background-repeat:no-repeat;
	width:763px;
	height:74px;
	text-indent:-999em;
	margin:25px 0 0 6px;
	float:left;
}

h1 a{
	display:block;
	width:763px;
	height:74px;
}


#container{
	width:990px;
	margin:0 auto;
}

#header{
	background-color:#0094d8;
	height:152px;
}

#top-nav{
	width:670px;
	height:30px;
	background-image:url(../images/top-nav-back.jpg);
	background-repeat:no-repeat;
	margin-left:7px;
	padding:7px 0 0 84px;
	float:left;
}

#top-nav li{
	float:left;
	text-transform:uppercase;
	height:22px;
	text-align:center;
	padding-top:4px;
	margin-right:20px;
}

#top-nav li a{
	color:#FFFFFF;
	text-decoration:none;
}


#share-icons{
	float:right;
	margin-top:10px;
	width:200px;
}

#share-icons p{
	float:left;
	color:#595959;
	font-size:0.8em;
	margin:3px 5px 0 0;
}

#share-icons img{
	margin:0 3px 0 0;
	display:block;
	float:left;
}
.home-nav{
	width:57px;
}

.information-nav{
	width:114px;
}

.location-nav{
	width:88px;
}

.maps-nav{
	width:55px;
}

.feedback-nav{
	width:89px;
}

.contact-nav{
	width:83px;
}

#home-selected{
	background-image:url(../images/home-selected.jpg);
	background-repeat:no-repeat;
}
#information-selected{
	background-image:url(../images/information-selected.jpg);
	background-repeat:no-repeat;
}
#location-selected{
	background-image:url(../images/location-selected.jpg);
	background-repeat:no-repeat;
}
#maps-selected{
	background-image:url(../images/maps-selected.jpg);
	background-repeat:no-repeat;
}
#feedback-selected{
	background-image:url(../images/feedback-selected.jpg);
	background-repeat:no-repeat;
}
#contact-selected{
	background-image:url(../images/contact-selected.jpg);
	background-repeat:no-repeat;
}

#home-selected a, #information-selected a, #location-selected a, #maps-selected a, #feedback-selected a, #contact-selected a{
	color:#42758d !important;
}


#header-join-directory-button{
	float:right;
	margin:30px 11px 0 0;
}

#left-content{
	background-color:#ffffff;
	width:768px;
	float:left;
}

#home-left{
	padding:0 7px;
}

#search-bar{
	background-color:#24587d;
	margin:7px 0 7px 0;
	height:35px;
	padding:4px 8px 0 20px;
}

#search-bar-title{
	float:left;
	
}

#search-form{
	float:right;
	margin-top:2px;	
	width:370px;
}

#search-form #keywords{
	background-image:url(../images/search-box.jpg);
	background-repeat:no-repeat;
	border:0;
	width:287px;
	height:27px;
	float:left;
	color:#767676;
	padding:0 5px 0 10px;
}

#search-form #search-button{
	width:66px;
	height:27px;
}

#home-scroller img{
	display:block;
	padding-bottom:7px;
}

#home-sub-cats{
	padding:7px 7px 0 7px;
}

.home-subcat{
	width:176px;
	border:3px solid #0190d2;
	float:left;
	margin:0 8px 7px 0;
}

.home-subcat-right{
	margin-right:0;
}

.home-subcat img{
	border-bottom:3px solid #0190d2;
	display:block;
}

.home-subcat .home-subcats-info{
	height:56px;
	background-color:#f1f1f1;
	background-repeat:no-repeat;
}

.home-subcat .home-subcats-info h3{
	color:#767676;
	text-align:center;
	font-size:1.4em;
	padding:7px 0 10px 0;
	font-weight:normal;
}
.home-subcat .home-subcats-info h3 a{
	color:#51859c;
	text-decoration:none;
}

.home-subcat .home-subcats-info p{
	color:#767676;
	text-align:center;
	font-size:0.85em;
}
.home-subcat .home-subcats-info p a{
	color:#51859c;
	text-decoration:none;
}

.home-subcat-rollovers{
	width:176px;
	height:119px;
	position:absolute;
	display:none;
	cursor:pointer;
}

.home-subcat-rollovers p{
	width:156px;
	height:69px;
	margin:21px 0 0 0;
	padding:10px 0 0 8px;
	line-height:1.3em;
	font-size:1.1em;
	color:#ffffff;
	background-color:#0190d2;
}

.home-subcat-rollovers a{
	color:#ffffff;
	text-decoration:none;
}

#join-directory-patch{
	margin:7px 0 0 7px;
}

#alphabetical-search{
	background-color:#ecebe6;
	height:28px;
	float:left;
	width:723px;
	margin:14px 0 0 0;
	font-size:1.2em;
	text-transform:uppercase;
	padding:11px 0 0 45px;
}

#alphabetical-search ul li{
	float:left;
	color:#a8a8a8;
	margin-right:7px;
}
#alphabetical-search ul li a{
	font-weight:bold;
	text-decoration:none;
	color:#51859c;
}

#alphabetical-heading{
	color:#24587d !important;
	text-transform:none;
	margin-right:15px;
}

#alphabetical-view-all-button a{
	text-transform:none;
	font-weight:normal !important;
	font-size:0.8em;
}

#join-directory-patch-box{
	background-color:#0094d8;
	float:left;
	width:718px;
	height:89px;
	color:#ffffff;
	font-size:1.2em;
	padding:25px 25px 0 25px;
}

#join-directory-patch-box p{
	width:445px;
	float:left;
	line-height:1.5em;
	margin-top:10px;
}

#right-adverts{
	width:208px;
	float:right;
	padding-top:10px;
}

#right-adverts img{
	display:block;
	margin-bottom:14px;
}

#advertise-here-heading a{
	color:#b00000 !important;
}

#inner-content{
	padding:0 7px;
}

/* Catalogue Page*/

#join-business-container{
	clear:both;
}

#left-nav{
	width:185px;
	float:left;
}

#left-nav li{
	background-image:url(../images/left-nav-back.jpg);
	background-repeat:no-repeat;
	width:185px;
	margin-bottom:2px;
	position: relative;
}

#left-nav li a{
	color:#467d96;
	text-decoration:none;
	font-size:1.2em;
	display:block;
	width:175px;
	height:28px;
	padding:11px 0 0 10px;
	background-image:url(../images/left-nav-arrow.jpg);
	background-repeat:no-repeat;
	background-position:160px 13px;
}

.left-nav-no-arrow a{
	background-image:none !important;
}

#left-nav-selected{
	background-image:url(../images/left-nav-back-selected.jpg) !important;	
}

#left-nav-selected-no-arrow{
	background-image:url(../images/left-nav-back-selected.jpg) !important;	
}
#left-nav-selected-no-arrow a{
	color:#feffff !important;
}

#left-nav-selected a{
	color:#feffff !important;
	background-image:url(../images/left-nav-selected-arrow.jpg) !important;
}



#sub-menu{
	border:1px solid #128bc2;
	border-top:0;
	background-color:#ebf5ff;
	padding:0 0 0 10px;
	display:none;
}
#sub-menu li{
	margin:0 !important;
	background-image:none !important;
	display: block !important;
	text-decoration: none;
	width:170px !important;
}
#sub-menu li a{
	background-image:url(../images/sub-menu-arrows.png) !important;
	background-position:left 15px !important;
	display: block !important;
	font-size:1em;
	text-decoration: none;
	width:153px !important;
	color:#467d96 !important;
	padding-left:15px !important;
	height:20px !important;
}

.sub-menu-selected{
	display:block !important;
}

#sub-menu-li-selected{
	font-weight:bold !important;
}

#sub-menu-li-selected a{
	color:#24587d !important;
}

#content{
	width:562px;
	float:right;
}

#content h2{
	font-weight:bold;
	color:#24587d;
	font-size:1.1em;
	line-height:1.3em;
	margin:7px 0 10px 0;
	
}

#description-heading{
	margin-top:0 !important;
}

#content a{
	color:#51859c;
	text-decoration:none;
}

#content p, #content ul li{
	color:#767676;
	line-height:1.4em;
	margin-bottom:10px;
	font-size:0.9em;
}

#join-directory-patch-short{
	margin-top:7px;
}

.catalogue-subcats-info{
	padding:0 3px 0 3px;
}

.catalogue-subcats-info h3{
	font-size:0.9em !important;
	font-weight:bold !important;
	line-height:1.3em !Important;
	padding:5px 0 5px 0 !Important;
}

.business-here-subcat{
	border:1px solid #0190d2;
	width:180px;
}

.business-here-subcat img{

	display:block;
}

.business-here-subcat .home-subcats-info{
	height:58px;
	background-image:url(../images/business-here-back.jpg);
	background-repeat:no-repeat;
}

.business-here-subcat .home-subcats-info .join-button{
	border:0;
	margin:0 0 0 43px;
}

#business-here-heading{
	font-weight:normal !important;
}

.page-numbers{
	width:562px;
	float:left;
	border-top:1px dashed #d9d6c5;
	border-bottom:1px dashed #d9d6c5;
	padding:7px 0;
	margin-bottom:7px;
	
}

.page-numbers p{
	font-weight:bold;
	float:left;
	margin-bottom:0 !important;
}

.page-numbers ul{
	float:right;
}

.page-numbers ul li{
	float:left;
	margin-bottom:0 !important;
	background-image:url(../images/page-number-back.jpg);
	background-repeat:no-repeat;
	margin-right:3px;
	text-align:center;
	font-size:0.85em;
	padding-top:1px;

}

.page-numbers .page{
	width:27px;
	height:19px;
}
.page-numbers .page a{
	display:block;
	width:27px;
	height:19px;
}

#previous-button a{
	background-image:url(../images/prev-arrows.jpg);
	background-repeat:no-repeat;
	background-position:0 3px;
	padding-left:13px;
	margin-right:15px;
	
}
#next-button a{
	background-image:url(../images/next-arrows.jpg);
	background-repeat:no-repeat;
	background-position:right 3px;
	padding-right:13px;
	margin-left:5px;
	
}

.no-background{
	background-image:none !important;
}

/* Description Page*/
#image-container{
	width:370px;
	float:left;
}

#image-container img{
	border:1px solid #1399d6;
	display:block;
}

#image-container .thumbnail-image{
	float:left;
	margin:5px 5px 0 0;
	cursor:pointer;
}

#bullet-points{
	width:187px;
	float:left;
}

#bullet-points img{
	margin:0 0 10px 0;
}

#bullet-points .highlighted-text{
	font-weight:bold;
	color:#24587d;
	font-size:1.1em;
	margin-bottom:5px;
}

#magnifying-glass{
	border:0 !important;
	position:absolute;
	margin-left:320px;
	margin-top:-25px;

}


#main-description{
	float:left;
	margin:7px 0 0 0;
}

#visit-website-button{
	margin-bottom:10px;
	float:left;
	margin-right:5px;
}

#description{
	clear:Both;
}

#icons-container{
	margin:20px 0 20px 0;
}

#icons-container img{
	margin-right:20px;
}

#download-vouchers-container p{
	margin-bottom:20px;
}

#download-vouchers-container p a{
	background-image:url(../images/download-icon.jpg);
	background-repeat:no-repeat;
	padding:3px 0 10px 30px;
	text-decoration:underline;
}

#main-description h2{
	font-weight:bold;
	color:#24587d;
	font-size:1.1em;
	margin:20px 0 10px 0;
}

#email-contact-form{
	background-image:url(../images/email-contact-form-back.jpg);
	background-repeat:no-repeat;
	width:539px;
	height:300px;
	padding:0px 10px 0 12px;
}

#email-enquiry-container{
	padding-top:10px;
}

#email-contact-form #error-text{
	margin:5px 0;
	color:#c80000;	
}

#jd-error-text{
	color:#c80000 !important;
}


#email-contact-form label{
	color:#83414d;
	font-weight:bold;
	font-size:1.1em;
	text-transform:uppercase;
	float:left;
	margin-bottom:10px;
}

#email-contact-form #enquiry{
	border:1px solid #e3a717;
	width:528px;
	height:91px;
	padding:2px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.9em;
}

#email-contact-form input{
	border:1px solid #e3a717;
	width:256px;
	padding:2px;
}

#email-text-container{
	margin-left:8px;
}

.text-containers{
	width:260px;
	float:left;
	margin-top:5px;
}

#email-contact-form #captcha-code{
	float:left;
	border:1px solid #e3a717;
	margin-right:7px;
}

#email-contact-form #captcha-code-container{
	float:left;
	margin-top:8px;
}

#email-contact-form #captcha-code-container label{
	font-weight:normal;
	font-size:0.9em;
	text-transform:none;
}
#email-contact-form #captcha-code-container input{
	height:29px;
}

#email-contact-form span{
	color:#83414d;
	float:left;
	margin-top:13px;
}

#email-contact-form #submit-button{
	width:87px;
	height:27px;
	border:0;
	padding:0;
	float:right;
	margin:5px 9px 0 0;
}

.more-info-buttons{
	cursor:pointer;
}

#more-info-container{
	float:left;
	width:550px;
}

#more-info{
	margin-top:7px;
	display:none;
}

#open-more-info{
	margin-bottom:7px;
	
}
#close-more-info{
	display:none;
}

/*Join Directory Page */

#join-directory-form{
	background-image:url(../images/join-directory-back.jpg);
	background-repeat:no-repeat;
	width:540px;
	height:608px;
	color:#83414d;
	padding:10px 10px 0 12px;
}

#join-directory-form p{
	margin:0;
}

#join-directory-form label{
	color:#83414d;
	font-weight:bold;
	font-size:1em;
	text-transform:uppercase;
	float:left;
	margin-bottom:10px;
	width:265px;
}

#join-directory-form-title{
	font-size:1em;
	color:#83414d;
	font-weight:bold;
	margin:0 !Important
}

#join-directory-form  .text-containers input{
	width:257px;
	border:1px solid #e3a717;
	padding:2px;
}

#join-directory-form  .text-containers textarea{
	width:257px;
	height:70px;
	border:1px solid #e3a717;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.9em;
	padding:2px;
}

#left-join-directory-form{
	width:265px;
	float:left;
	margin-bottom:10px;
}

#right-join-directory-form{
	width:265px;
	float:right;
	margin-top:-5px;
}
.checkbox-containers{
	width:130px;
	float:left;

}
.checkbox-containers label{
	font-weight:normal !important;
	text-transform:none !important;
	float:left !important;
	font-size:0.85em !important;
	width:105px !important;
	margin-top:3px;
}

.checkbox-containers input{
	width:15px !important;
	float:left !important;
}

.location-images{
	margin-bottom:10px;
}

#join-directory-bottom{
	background-image:url(../images/join-directory-form-border.jpg);
	background-repeat:repeat-x;
	float:left;
	padding-top:5px;
}

#join-directory-form #captcha-label{
	width:300px;
}

#join-directory-form span{
	float:left;
	font-size:0.9em;
	margin-top:30px;
}

#join-directory-form #captcha-code-container{
	float:left;
	width:530px;
}

#join-directory-form #captcha-code-container img{
	float:left;
}

#join-directory-form #captcha-code-container label{
	float:left;
	font-size:0.9em !important;
	font-weight:normal;
	text-transform:none;
	float:right;
}

#join-directory-form #captcha-code-container #security_code{
	height:29px;
	float:right;
}

#join-directory-form #submit-button{
	float:right;
	margin:15px 10px 0 0;
}

/* Search Page */
.search-container{
	height:131px;
	background-color:#fbf1da;
	padding:7px 9px 0 7px;
	margin-bottom:7px;
	clear:both;
}

.blue-search-container{
	background-color:#e8f4fe;
}
.search-container .search-image{
	border:3px solid #1097d6;
	float:left;
	margin:0 11px 0 0;
}

.search-container h3{
	font-size:1.1em;
	font-weight:bold;
	margin:5px 0 10px 0;
}

.search-container h3 a{
	text-decoration:underline !important;
	
}

.search-bullet-points{
	width:280px;
	float:left;
}

.search-bullet-points span{
	font-weight:bold;
	color:#24587d;
}

.view-button{
	float:right;
	margin-top:70px;
}

/* Prices Page */
#prices-table{
	font-size:1.2em;
	margin-bottom:10px;
	float:left;
}

#prices-table p{
		
}

#prices-headings{
	font-weight:bold;
}

#prices-headings p{
	float:left;
	background-color:#e8f4fe;
	height:30px;
	padding:12px 0 0 10px;
	margin-bottom:2px !important;
}

.left-column{
	width:333px;
	margin-right:2px;
}

.middle-column{
	width:113px;
	margin-right:2px;
}

.right-column{
	width:82px;
}

.price-details{
	height:27px;
	margin-top:2px;
}

.price-details p{
	height:22px;
	padding:5px 0 0 10px;
	float:left;
	background-color:#fbf1da;
	margin-bottom:2px !important;
}

/* Site Map */
#site-map-container h3{
	font-weight:bold;
	font-size:1.1em;
	margin-bottom:5px;
}

.sub-category-ul{
	margin:0 0 20px 10px;
}

#entry-ul{
	margin:5px 0 0 10px;
	font-size:1.1em;
}

.widget-containers{

}

#met-office-widget{
	margin-left:130px;
}

#magic-seaweed-widget{
	margin-left:80px;
}

/* Suggest to friend Page*/
.suggest-to-friend-form {
	background-image:url(../images/send-to-friend-back.jpg) !important;
	height:273px !important;
}
.suggest-to-friend-form label{
	float:left;
	clear:left;
	width:190px !important;
	margin-top:3px;
}

.suggest-to-friend-form input{
	border:1px solid #e3a717;
	width:300px !important;
	padding:2px;
	margin-bottom:5px;
}

.suggest-to-friend-form textarea{
	border:1px solid #e3a717;
	width:300px !important;
	height:100px;
	padding:2px;
	margin-bottom:5px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.9em;
}

.suggest-to-friend-form #send-button{
	width:87px !Important;
	height:27px !Important;
	border:0 !Important;
	padding:0 !important;
	float:right;
	margin-right:45px;
}



/* Footer */
#footer{
	float:left;
	color:#767676;
	margin:14px 0 20px 0;
	font-size:1.2em;
	width:768px;
}

#footer a{
	color:#51859c;
	text-decoration:none;
}

.footer-legal{
	font-size:0.6em;
	margin-bottom:5px;
}

#footer-left{
	width:650px;
	float:left;
}
#footer-right{
	float:right;
}

.contact-form{
	background-image:none !important;
	width:400px !important;
	padding:0 !important;
	margin-top:20px !important;
	height:360px !important;
}

.contact-form label{
	width:100px !Important;
	margin-top:3px;
}	

.contact-form input{
	width:250px !Important;
	padding:2px;
	margin-bottom:5px;
	
}	

.contact-form textarea{
	width:250px !Important;
	padding:2px;
	margin-bottom:5px;
	height:200px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.9em;	
}	

.contact-form div{
	float:left !important;
}

.contact-form #submit-button{
	width:87px !important;
	height:27px;
	padding:0 !Important;
	margin-left:270px !important;
}