/* CSS Document */
body {
	font-family: 'OpenSansRegular', Arial, sans-serif;
	background: #fcfcfc url(../img/backgrounds/noise_lines.png) repeat;
}

@media print {
  a[href]:after {
    content: none;
  }
body.more-details h1 {
color: #0088cc;
}
}

/*STOP IMAGES RESIZING TO 100% WIDTH
		img {
    max-width: auto;
}*/
.container {
	background-color: #fcfcfc;
}
header {
	min-height: 200px;
}
.searchcontainer input, .searchcontainer select, .searchcontainer button {
	border: 1px solid #ffffff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
	/*behavior: url(/assets/plugins/pie/PIE.htc);*/
}
.main {
padding-bottom: 60px;
}
ul.mainnav {
	font-size: 12px;/*margin-top: 23px;*/
}
.bold, strong, bold {
	font-family: 'OpenSansSemibold';
}
small {
    line-height: 15px;	
}
a.brand {
	display: block;
	font-family: 'starbabehmkregular';
	letter-spacing: 0;
	font-size: 35px;
	font-weight: bold;
	color: #73bf44;
	line-height: 39px;
	text-align:center;
}
a:hover.brand {
	text-decoration: none;
}
.maintitle {
	margin: 0 0 2px 0;
	min-width: 250px;
}
.strapline h2 {
	font-size: 20px; 
	line-height: 25px; 
    margin-top: 5px;
	font-family: 'starbabehmkregular';  
	color:#000 !important;
	margin-bottom: 10px;
}
ul.mainnav {
	margin-bottom: 10px;
}
ul.mainnav a {
	color: #999999;
}
ul.mainnav a:hover {
	color: #000000;
	text-decoration: none;
}
#book-cover {
	margin-left: -5px;
}
.anchor-adjust {
position: relative;
top: -80px;
height: 1px;
display: block;
}
h1, h2, h3 {
	font-family: 'starbabehmkregular';
	font-weight: bold;
	color: #000000;
	letter-spacing: 0;
}
h1 {
	text-align: center;
	font-size: 35px;
	line-height: 37px;
	color: #73bf44;
	margin-bottom: 0;
}
h1.non-directory {
margin: 20px 0 10px;	
}
h1 a {
color: #73BF44 !important;	
}
body.more-details h1 {
	font-size: 35px;
	line-height: 37px;
	margin-top:15px;
	margin-bottom: 5px; 
	color:#0088cc;	
}
.btn-primary a {
	text-decoration:none;
	color:#ffffff;	
	border:none;
}


h2 {
	font-size: 35px;
	line-height: 37px;
	color: #73bf44;
	margin-bottom: 5px;
}
h2 a, h2 a:hover {
color: #73bf44;	
text-decoration:none;
}
h2.maintitle {
color: #000;
text-align: center;
font-size: 30px;
line-height: 35px;
margin-top: 20px;
margin-bottom: 10px;
}
.general-page h2 {
font-size: 26px;
line-height: 28px;
color:#0088cc;
}

body.more-details h2 {
	font-size: 26px;
	line-height: 32px;
	margin-top:15px;
	margin-bottom: 5px; 
	color:#73bf44;	
}
body.more-details .voucher h2 {
	margin-top:5px;
	margin-bottom: 10px; 
}


h3 {
	font-size: 20px;
	line-height: 23px;
	color: #73bf44;
	margin-bottom: 0;
}
.inner-shadow {
	border: 1px solid red;
	-moz-box-shadow: inset 0 0 10px #000000 !important;
	-webkit-box-shadow: inset 0 0 10px #000000 !important;
	box-shadow: inset 0 0 10px #000000 !important;
}
/*Display Profile Badges of Organisations*/
#profile-badges .left-org-badge {
	padding-left: 20px;
}

#profile-badges .right-org-badge {
	padding-right: 20px;
}
#profile-badges h3 {
	color: #666;
	margin-bottom: 6px;
}
#profile-badges h3 a {
	border-bottom:1px solid #0088cc;
}
#profile-badges h3 a:hover {
	text-decoration:none;	
	border-bottom:1px solid #f3f3f1;	
}
#profile-badge-inner, .profile-badge {
	text-align:center;
	background-color:#f3f3f3; 
	padding:15px 15px; 
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	word-wrap: break-word;
	border:5px solid #e2e2e2;	
}
.voucher h2 {
	font-size:25px;	
	line-height: 25px;
	margin-bottom: 0;
	margin-top: 0px;
}
#profile-badge-inner div.title {
font-family: 'starbabehmkregular'; 
font-size: 25px; 
line-height:27px; 
padding: 5px 0;
color:#666; 
text-align:center;
}
#profile-badge-inner div.company {
 margin-bottom:0; 
 color:#E80C7A;
  }

/**MAIN AREA PAGE*/
.area-home #main-left-col {
	padding: 20px 20px;
-webkit-box-shadow: 7px 0px 5px -2px #e7e7e7; 
box-shadow: 7px 0px 5px -2px #e7e7e7; 
border-top:solid 1px #f1f1f1; 
border-left: 1px solid #f1f1f1; 
background-color:#ffffff; 
padding-bottom:30px;
}
.area-home #main-right-col {
	padding-top:10px; 
	padding-right:10px; 
	background-color:#f8f8f8; 
}
.area-home #main-right-col img.town-photo {
margin: 10px 0px;
}
.area-home .thingstodo {
	 padding: 20px 40px 30px 60px;
	 color:#fff;
	  border-right: 1px solid #e0e0e0;
}
.area-home .thingstodo a {
color:#fff;	
}
.area-home .thingstodo a:hover {
	border-bottom:1px solid #fff;
	text-decoration:none;
}
.area-home .thingstodo a.underline {
	border-bottom:1px solid #fff;
	text-decoration:none;
}
.area-home .thingstodo a:hover.underline {
	border-bottom:1px solid transparent;
	text-decoration:none;
}
.area-home .thingstodo h2 {
	 color:#fff;	
}
.area-home .thingstodo h2 a:hover {
	border-bottom:1px solid transparent;
	text-decoration:none;	
}
.area-home .thingstodo .event p {
	 margin: 0 0 3px;
	 font-size: 14px;
line-height: 16px;
}
.area-home .thingstodo .event p.event-title {
	 
	 font-size: 16px;
line-height: 21px;

}
.area-home .thingstodo .event p.event-title a {
	color:#000;
	text-decoration:none;
}
.area-home .thingstodo .event p.event-title a:hover {
	border-bottom:1px solid #000;
	text-decoration:none;
}
.area-home .thingstodo .event {
padding: 10px 0;
border-top: 2px dashed #ccc;
}

.area-home .thingstodo a.btn {
color:#000;
}
.area-home .about-town-text p.map-description {
font-size:12px; 
margin: 0 60px 10px 60px;
}

/***MAPS********/
section#map {
padding-top: 10px;	
}

.map-buttons .btn {
	margin-left:3px;
	margin-right:3px;
	margin-bottom:5px;
}
#mapTabs .choosemaps {
font-family: "starbabehmkregular";
font-size: 20px;
font-weight: bold;
margin-right: 15px;
}
#mapTabs > li {
margin-right: 10px;
}
#mapTabs > li > a {
	
    padding-top: 9px;
    padding-bottom: 10px;
    margin-top: 12px;
    font-size: 16px;
	background-color:#f6f6f6;
}
#mapTabs > li.active > a {
font-family: "OpenSansRegular" !important;
}
#mapTabs > li > a:hover {
	background-color: #c8e4a2;
	color: #000000;
}
#myResponsiveDivID .zoomContainer {
    background-color: #FFF !important;
}
/****Boxes*******/
.warningbox {
padding-top: 14px;
padding-bottom: 14px;
text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5);
background-color: #FCF8E3;
border: 1px solid #FBEED5;
border-radius: 4px;
}
 .warningbox h4 {
    color: #C09853;
}
/****Modal Windows*******/
.modal {
display:none;
}
/****Images*******/
.rounded-corners {
border-radius: 7px;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
}


@media (max-width: 767px) {

#profile-badges .left-org-badge {
	padding-left: 40px;
	padding-right: 40px;
	text-align:center;
}

#profile-badges .middle-org-badge {
	padding-left: 40px;
	padding-right: 40px;
	text-align:center;
}

#profile-badges .right-org-badge {
	padding-left: 40px;
	padding-right: 40px;
	text-align:center;	
}
	
}
/*End of Profile Badges of Organisations*/

/*BREADCRUMBS*/
.breadcrumb {
	margin:0;
}
/*DIRECTORY NAV*/
.directory-nav > li, .nav-pills > li {
	float: none;
	display: inline-block;
 *display:inline; /* ie7 fix */
	zoom: 1; /* hasLayout ie7 trigger */
}
.main .affix-top {
}
.main .affix {
	top: 0;
}
#directory-nav-wrapper {
	margin-top:10px;
}
#directory-nav {
	z-index: 9999;
	background-color: #fcfcfc;
	margin-left: 0;
	/*margin-bottom: 7px;*/
	height:auto;
}
#directory-nav ul.nav-tabs {
	height:auto;
margin:0;
}
/*Directory Main Nav*/
.directory-nav {
	margin-top: 5px;
	margin-bottom: 0;
	border-bottom: 1px solid #292929;
	background-color: #fcfcfc;
}
.directory-nav li a {
	color: #000;
	font-size:12px;
	line-height:16px;
	padding-right: 16px;
padding-left: 16px;
	background-color: #eeeeee;
	border-bottom: 1px solid #292929;
}
.directory-nav li a img {
	width:25px;
	margin-bottom:2px;
}
.directory-nav li a.orgs img {
width: 48px;
}
.directory-nav li.active a {
	border: 1px solid #292929;
	border-bottom: 1px solid #ffffff;
}
.directory-nav li a:hover {
	border-bottom: 1px solid #292929;
	background-color: #E5E5E5;
}
.directory-nav li.active a:hover {
	background-color: #ffffff;
	border: 1px solid #292929;
	border-bottom: 1px solid #ffffff;
}
/*GREEN TAB*/				
.directory-nav li a.green {
	background-color: #9fce66;
	color: black;
	font-family: 'OpenSansSemibold';
	border-bottom: 1px solid #292929;
}
.directory-nav li.active a.green {
	border: 1px solid #292929;
	border-bottom: 1px solid #9fce66;
}
.directory-nav li.active a:hover.green {
	background-color: #9fce66;
	color: #000000;
	border: 1px solid #000000;
	border-bottom: 1px solid #cddfb8;
}
/*GREY TAB*/							
.directory-nav li a.grey {
	background-color: #eaeaea;
	color: black;
	font-family: 'OpenSansSemibold';
	border-bottom: 1px solid #292929;
}
.directory-nav li.active a.grey {
	border-bottom: 1px solid #eaeaea;
}
.directory-nav li.active a:hover.grey {
	background-color: #eaeaea;
	color: #000000;
	border: 1px solid #292929;
	border-bottom: 1px solid #cddfb8;
}
/*ORANGE TAB*/							
.directory-nav li a.orange {
	background-color: #FFB347;
	color: #000;
	font-family: 'OpenSansSemibold';
	border-bottom: 1px solid #292929;
}
.directory-nav li.active a.orange {
	border-bottom: 1px solid #FFB347;
}
.directory-nav li.active a:hover.orange {
	background-color: #FFB347;
	color: #000;
	border-bottom: 1px solid #FFB347;
}
/*GREY TAB*/							
.directory-nav li a.grey {
	background-color: #eeeeee;
	color: #000;
	font-family: 'OpenSansSemibold';
	border-bottom: 1px solid #292929;
}
.directory-nav li.active a.grey {
	border-bottom: 1px solid #eeeeee;
}
.directory-nav li.active a:hover.grey {
	background-color: #eeeeee;
	color: #000;
	border-bottom: 1px solid #eeeeee;
}

/*PINK TAB*/							
.directory-nav li a.pink {
	background-color: #e4579d;
	color: #000;
	font-family: 'OpenSansSemibold';
	border-bottom: 1px solid #292929;
}
.directory-nav li.active a.pink {
	border-bottom: 1px solid #e4579d;
}
.directory-nav li.active a:hover.pink {
	background-color: #e4579d;
	color: #000;
	border-bottom: 1px solid #e4579d;
}



/*YELLOW TAB*/							
.directory-nav li a.yellow {
	background-color: #f9f160 ;
	color: black;
	font-family: 'OpenSansSemibold';
	border-bottom: 1px solid #292929;
}
.directory-nav li.active a.yellow {
	border-bottom: 1px solid #f9f160 ;
}
.directory-nav li.active a:hover.yellow {
	background-color: #f9f160 ;
	color: #000000;
	border: 1px solid #292929;
	border-bottom: 1px solid #cddfb8;
}
/*BLUE TAB*/					
.directory-nav li a.blue {
	background-color: #b4cfec;
	color: black;
	font-family: 'OpenSansSemibold';
	border-bottom: 1px solid #292929;
}
.directory-nav li.active a.blue {
	border-bottom: 1px solid #b4cfec;
}
.directory-nav li.active a:hover.blue {
	background-color: #b4cfec;
	color: #000000;
	border: 1px solid #292929;
	border-bottom: 1px solid #cddfb8;
}
/*NAV PILLS*/
#directory-headings {
	padding-top: 25px;
	padding-bottom: 20px;
	background-color: #ffffff;
}
.nav-tabs > li {
    float:none;
    display:inline-block;
    *display:inline; /* ie7 fix */
     zoom:1; /* hasLayout ie7 trigger */
}


.nav-tabs, .nav-pills {
	text-align: center;
}
.nav-pills li a {
	background-color: #ebebeb;
	color: #000000;
}
.nav-pills li a:hover {
	background-color: #eee;
	color: #000000;
}
.local-business-nav li a:hover {
	background-color: #c8e4a2;
}
.clubs-orgs-nav li a:hover {
	background-color: #fff89a;
}
.public-services li a:hover {
	background-color: #d4e7f8;
}
.alpha-nav li a {
	font-weight:bold !important;
}
#directory-headings h1 {
	margin-top:0;
	/*font-size: 30px;
color: #000;*/	
}
.maps-page #directory-headings {
padding-top: 20px;
}
.maps-page #directory-headings h1 {
	width:100%; 
}
#directory-headings .nav-pills li.active a {
	background-color: #9fce66;
	color: #000;
	font-family: 'OpenSansSemibold';
}
#directory-headings .tab-content li {
	font-size: 19px;
	margin: 10px 0;
}
#directory-headings .tab-content li a {
	color: #000;
}
#directory-headings .tab-content li a:hover {
text-decoration: none;
border-bottom: 1px solid #5ba745;
color: #5ba745;
}

#directory-headings .tab-content .tab-pane {
	margin-bottom: 10px;
}
#directory-headings .tab-content.span12 {
margin-left:0;	
}
#directory-headings .popover-content li a {
		text-decoration: none;
	border-bottom: 1px solid transparent;
	color: #5ba745;
}
#directory-headings .popover-content li a:hover {
		text-decoration: none;
	
	border-bottom: 1px solid #5ba745;
}
/*Show more category headings button*/

 div#home-and-garden .category-headings {
 	height:155px;
	overflow:hidden;
}
 div#home-and-garden .toggle-catlinks {
	overflow:hidden;
}
 div#home-and-garden .toggle-open {
    height:auto !important;
}
 div#home-and-garden #bottom-fade {
background:transparent url(../img/backgrounds/fade-white-reveal-bg.png) left bottom repeat-x; margin-top:-47px; height:45px;	
}
 div#home-and-garden .bottom-fade-off, .hide {
	display:none !important;
}

/*End of Show more category headings button*/

.thumbnails {
	text-align: center;
}
.row-fluid ul.thumbnails {
margin-bottom: 10px;
}
.thumbnails>li {
	margin-bottom: 7px;
}
.thumbnails > .thumbnail {
	display: inline-block;
	float: none;
	margin: 5px;
}
a.thumbnail:hover, a.thumbnail:focus {
	border-color: #9fce66;
	-webkit-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
	-moz-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
	box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
}
.headercontainerdiv {
	float: left;
	position: relative;
	width: 100%;
}
.cornerimage {
	position: absolute;
	top: 10%;
	left: 10%;
	height: auto;
	max-width: 100%;
	max-width: 25%;
}
.searchcontainer {
	margin: 0 auto;
	background-color: #000000;
	/*position: absolute;
	top: 20%;
	left: 30%;*/
	-moz-border-radius: 15px;
	border-radius: 15px;
	padding: 15px 15px 1px;
	margin-top: 3%;
}
.searchcontainer h2 {
	font-family: 'OpenSansSemibold';
	font-size: 16px;
	color: #ffffff;
}
.mainnav {
	min-height: 20px !important;
	margin-bottom: 0;
	margin-top: 4px;
}
.about-town-text {
	text-align:center;
	padding: 20px 60px 20px 20px;
}
header form {
	margin: 0 0 5px;
	}
.searchcontainer {
/*margin-top: 40px;
left: 350px;*/
}
.header-image {
	min-height: 157px;
}
.top-green-book {
	position: absolute;
	margin-left: -15px;
	top: 130px;
}

.thumbnails .caption p {
	font-size:13px;
	}

#footer {
	color: #ffffff;
	background-color: #5d9b42;
	padding: 10px;
}
#footer h2 {
	text-align: center;
	font-size: 28px;
	color: #ffffff;
}
#footer h2 + p {
	text-align: center;
	font-size: 18px;
}
#footer ul {
	text-align: center;
}
#footer .nav-pills li a {
	background-color: #68aa4d;
	color: #ffffff;
}
#footer .nav-pills li a:hover {
	background-color: #eee;
	color: #000000;
}
.popover-content li {
	font-size: 12px !important;
margin-bottom: 5px !important;
line-height: 15px !important;
}
h3.popover-title {
font-size: 18px;
text-align: center;
padding: 8px 14px 6px;
}

/* Top Polaroids */
	.polaroid-images span
{
	background: white;
	display: inline;
	float: left;
	margin: 0 15px 10px;
	padding: 5px 5px 17px;
	text-align: center;
	text-decoration: none;
	-webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, .3);
	-moz-box-shadow: 0 4px 6px rgba(0,0,0,.3);
	box-shadow: 0 4px 6px rgba(0,0,0,.3);
	-webkit-transition: all .15s linear;
	-moz-transition: all .15s linear;
	transition: all .15s linear;
	z-index:0;
        position:relative;
}
	.photo-left span {
-webkit-transform: rotate(-4deg);
	-moz-transform: rotate(-4deg);
	transform: rotate(-4deg);
}
	.photo-right span {
-webkit-transform: rotate(4deg);
	-moz-transform: rotate(4deg);
	transform: rotate(4deg);
}

.polaroid-images span:after {
	color: #333;
	font-size: 20px;
	/*content: attr(title);*/
	position: relative;
	top:15px;
}
.polaroid-images img {
	display: block;
	width: inherit;
}
ul.main-list li {
font-size: 18px;
line-height: 28px;
}


/* FORMS */
input[type="text"] {
	min-height: 33px;
}


/* Large desktop */
@media (min-width: 1200px) {
	

}

@media (min-width: 980px) and (max-width: 1199px) {
	
.area-home .thingstodo {
		padding: 20px 30px 30px 30px;
}
.area-home	.about-town-text {
padding: 20px 20px 20px 3px;
}	
}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
.top-green-book {
	top: 150px;
}
.searchcontainer {
	margin-left: 150px;
}
.mainnav {
	width: 100% !important;
}
#directory-headings .tab-content li {
	font-size: 15px;
	line-height: 18px;
}
.header-image {
	min-height: 122px;
}
.top-green-book {
	width: 180px;
}
.polaroid-images span {
	display:none;	
}
.area-home .thingstodo {
padding: 20px 20px 30px 25px;
}
.area-home .about-town-text {
padding: 20px 30px 20px 10px;
}	
}
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
	.main .affix {
	left:0;
}
.maintitle a.brand {
	font-size: 30px !important;
	line-height: 34px;
}
.top-left-logo {
	display:none;	
}
.strapline {
	font-size: 12px;
}
.category-headings ul, ul.main-list {
	text-align: center;
}
.about-town-img {
	text-align: center;
}
.about-town-text {
	padding-left: 70px;
}
.area-home .thingstodo {
padding: 20px 40px 30px 30px;
}
.area-home .about-town-text {
padding: 20px 0px 20px 0px;
}

/*
.searchcontainer {
	position: relative;
	top: 0;
	left: 0;
}*/
.cornerimage {
	position: absolute;
	top: 0%;
	left: 0%;
}
.header-image {
	min-height: 97px;
}
.searchcontainer {

	margin-top: 20% !important;/**/
}
.top-green-book {
	width: 160px;
}

.header-image .controls div, .header-image .controls button {
	margin-left:0 !important;	
}
#directory-nav ul.nav-tabs {
	margin-top: 0;	
}

.directory-nav li.active a, .directory-nav li a, .directory-nav {
border:none !important;	
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
#directory-nav ul.nav-tabs li {
	margin-top: 0;	
padding: 3px 0;
}
.area-home #main-left-col .thumbnail {
display: inline-block;
padding: 7px;
}
.area-home #main-right-col {
	padding: 10px 20px;
}
/*FORMS*/
#event_form .col1 {
text-align:center !important;	
}

}
 @media (max-width: 480px) {
body {	
background:none; 
padding-right: 0;
padding-left: 0;
 }
a.top-left-logo {
	display:none;
}
a.brand {
 font-size: 30px !important;
	line-height: 32px;
}
.mainnav {
	text-align: center;
}
.strapline {
	font-size: 12px;
}
.category-headings ul, ul.main-list {
	text-align: center;
}
.about-town-img {
	text-align: center;
}
.about-town-text {
	padding-left: 70px;
}

.header-image {
	min-height: 97px;
}
.searchcontainer {
	margin-top: 20% !important;
}
.top-green-book {
	width: 160px;
}

#directory-nav ul.nav-tabs {
	margin-top: 0;	
}

#directory-nav ul.nav-tabs li {
	margin-top: 0;	
}
.area-home .thingstodo {
padding: 20px 20px 30px 10px;
}
.area-home .about-town-text {
padding: 20px 10px 20px 10px;
}
.area-home .about-town-text p.map-description {
margin: 0 15px;
}

}