body { font-family: 'open_sansregular', sans-serif; font-size:14px; color: #333; background: #e8e8e8; background: -moz-linear-gradient(left, #ebe9e3 0%, #f5f4f1 50%, #ebe9e3 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, #ebe9e3), color-stop(50%, #f5f4f1), color-stop(100%, #ebe9e3)); background: -webkit-linear-gradient(left, #ebe9e3 0%, #f5f4f1 50%, #ebe9e3 100%); background: -o-linear-gradient(left, #ebe9e3 0%, #f5f4f1 50%, #ebe9e3 100%); background: -ms-linear-gradient(left, #ebe9e3 0%, #f5f4f1 50%, #ebe9e3 100%); background: linear-gradient(to right, #ebe9e3 0%,#f5f4f1 50%,#ebe9e3 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebe9e3', endColorstr='#ebe9e3',GradientType=1 ); }

h1, h2, h3, h4, h5, h6 { font-family: 'open_sanssemibold'; color: #000; font-weight: normal; color:#54473a;}
h1,.h1 {font-size:30px; margin:0px 0px 10px 0px; }
h2,.h2 {font-size:24px; margin:0px 0px 10px 0px; }
h3,.h3 {font-size:18px; margin:20px 0px 0px;}
h5,.h5 {font-size:18px; margin:20px 0px 5px;}
h6 {font-size:14px; line-height:18px; font-weight:bold;   margin-top:10px; border-bottom:1px solid #DDD;}

a {text-decoration:none; color:#07c; cursor:pointer;}
a.dk-grey {color:#333;}
a.disabled {color:#999;}
a:hover, a:active, a:focus, a.active { text-decoration: underline; }
a.disabled:hover, a.disabled:active, a.disabled:focus, a.active.disabled { text-decoration: none; cursor:default; }

p {margin-bottom:15px;}
img {max-width:100%;}
hr {clear:both; height:1px; margin:20px 0px; border-top:1px solid #6B7F36;}
pre {display:block; border-left:5px solid #ccc;  margin:10px 0px; padding-left:10px; background:#F8F8F8;}

.button, button, input[type="submit"], input[type="reset"], input[type="button"] {white-space: pre; display:inline-block; vertical-align: middle; padding: 0px 20px; margin:0px; border-spacing: 0; border-radius: 0px; font-size: 16px; font-weight:normal; line-height:28px; height:28px; background:#cccccc; color:#000; border:0px; cursor:pointer; text-decoration: none; outline: none; transition: all 0.2s ease 0s;}
.button:hover,button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover {text-decoration: none;}
.button.primary, .button.red {background:#9d0d15; color:#FFF;}
.button.primary:hover, .button.red:hover {background:#7f0b12; color:#FFF;}
.button.green {background:#77AE2A; color:#FFF;}
.button.green:hover {background:#5d9d02; }
.button.blue {background:#2a648e; color:#FFF;}
.button.blue:hover {background:#1a5a88; }
.button.orange {background:#fc6400; color:#FFF;}
.button.orange:hover {background:#d3851f; }
.button.mini, button.mini, input[type="submit"].mini, input[type="reset"].mini, input[type="button"].mini {padding:0px 5px; font-size:12px; height:22px; line-height:22px;}
.button.large, button.large, input[type="submit"].large, input[type="reset"].large, input[type="button"].large {padding:0px 30px; font-size:22px; height:36px; line-height:36px;}
.button.fullwidth, button.fullwidth, input[type="submit"].fullwidth, input[type="reset"].fullwidth, input[type="button"].fullwidth {width:100%; text-align: center; padding-left:0px; padding-right:0px;}
.button.inline, button.inline, input[type="submit"].inline, input[type="reset"].inline, input[type="button"].inline {height:40px; line-height: 40px; border-radius:3px;}
.button.icon, button.icon, input[type="submit"].icon, input[type="reset"].icon, input[type="button"].icon {padding:5px 8px; height:inherit;}
.button.disabled {cursor: default; opacity: 0.6;}

.button.fileinput input { display: block; position: absolute; top: 0; right: 0; margin: 0; opacity: 0; -ms-filter: 'alpha(opacity=0)'; font-size: 200px; direction: ltr; cursor: pointer;}
.button.fileinput { position: relative; overflow: hidden; display: inline-block; }

.button-group {display:inline-block; border:1px solid #CCCCCC; border-radius:3px;}
.button-group .button {float:left; background:none; border-right:1px solid #CCCCCC; font-size:14px; font-family:"liberation_sansregular"; padding:0px 10px; position: relative;}
.button-group .button:last-child {border-right:0px;}
.button-group .button.active {background:#CCCCCC; color:#fff;}
.button-group .button.hidden {display: none;}

.toggle {display: none;}

#header {background:#f1f0eb url("../images/header-bg.jpg") repeat; }
#header #toprow {padding-top:15px; padding-bottom:15px;}
#header #toplogo a {display:block;}
#header #topsearch {padding-top:15px;}
#header #topsearch .linkedinputs input {width:85%; border:0px;}
#header #topsearch .linkedinputs .button {width:15%;}
#header #topmenu {text-align: right; padding-top:8px;}
#header #topmenu li a {color:#434343; border-right:1px solid #ccc; padding:6px 10px;}
#header #topmenu a.basket {border-right:0px; text-align: center; position: relative;}
#header #topmenu a.basket i {font-size:32px;}
#header #topmenu a.basket span.itemcount {display:block; padding:1px 6px; text-align: center; position: absolute; top:0px; right:0px; color:#fff; background:rgba(255, 158, 27,0.9); }

/* ==========================================================================
  Header 
========================================================================== */

#mobilenavheader {display: none; color:#fff; text-align: center; padding:12px; font-size:18px;}

.navwrapper { background: #54473a; box-shadow: 0px 2px 5px rgba(0,0,0,0.4); position: relative;}
#topnav {}
#topnav li {padding:0px; margin:0px;  border-left: 1px solid #695d52; border-right: 1px solid #473c31; float:left;}
#topnav > li.first {border-left:0px;}
#topnav > li.last {border-right:0px;}
#topnav a { display: block; padding: 2px 18px 0;  font-size: 15px; line-height: 48px; color: #fff;}
#topnav li:hover > a {color: #FFF; text-decoration: none; background-color: #fc6400;}
#topnav li ul.dropdown-menu { background:#fff; box-shadow: 1px 1px 1px rgba(33,33,33,0.6); border:0px;}
#topnav li ul.dropdown-menu li {display:block; float:none; border:0px;}
#topnav li ul.dropdown-menu li.last {border-bottom:1px solid #707070; border:0px;}
#topnav li ul.dropdown-menu li a {font-size:15px; color:#000;  font-weight: normal;}
#topnav li ul.dropdown-menu > li:hover {background:rgba(42, 100, 142,0.2);}
#topnav li ul.dropdown-menu > li:hover > a {color:rgba(42, 100, 142,1); background:rgba(42, 100, 142,0.2);}

#topnav .add-campsite {position: relative; float:right; border:0px; text-align:center;}
#topnav .add-campsite a {height:100%;}

#fullnav .fullnav_wrapper {position: absolute; width:90%; max-width:100%; min-height:200px; background:#fff; z-index:100; padding-bottom:10px; box-shadow: 1px 1px 1px rgba(33,33,33,0.6);}
#fullnav .fullnav_wrapper li {border:0px;}
#fullnav .fullnav_wrapper a { font-size:15px; color:#000;  font-weight: normal; }
#fullnav .fullnav_wrapper h5 { font-size:14px; text-transform: uppercase; margin-top:15px;  }

#fullnav .regions_wrapper {width:20%; float:left;}
#fullnav .regions_wrapper li {display:block; float:none;}
#fullnav .regions_wrapper li.active,#fullnav .regions_wrapper li:hover {background:rgba(42, 100, 142,0.2);}
#fullnav .regions_wrapper li.active a,#fullnav .regions_wrapper li:hover a {color:rgba(42, 100, 142,1); background:rgba(42, 100, 142,0.2);}
#fullnav .regions_wrapper li a {display:block; float:none; color:#000; line-height:34px; }
#fullnav .regions_wrapper li a i {float:right; line-height: 34px;}

#fullnav .categories_wrapper {padding-left:2%; width:74%; float:left; border-left:1px solid #ededed; }
#fullnav .categories_wrapper h6 {margin:5px 0px;}
#fullnav .categories_wrapper li {display:block; float:none; padding:0px;}
#fullnav .categories_wrapper li:hover a {background:inherit;}
#fullnav .categories_wrapper li a {display:block; float:none; padding:0px; line-height: inherit; margin-bottom:7px; }
#fullnav .categories_wrapper li a:hover {text-decoration: underline;}
#fullnav .categories_wrapper ul.children {margin-left:10px; display:none;}
#fullnav .categories_wrapper ul.children li a {font-size:12px;}
#fullnav .categories_wrapper .column {display:inline-block; vertical-align: top; width: 32%;}
#fullnav .categories_wrapper .column.no_header {padding-top:10px;}
#fullnav .categories_wrapper.secondary li a {font-size:12px;}

.subnavwrapper {clear:both; background:#7c6a57;}
.subnavwrapper li a {color:#fff;}

.viewingsiteowners #topsearch {text-align: right;}
.viewingsiteowners .navwrapper {box-shadow:none;}
.viewingsiteowners li.active {background:#7c6a57;}

#fullnav .menu_featured {float:right;}
#fullnav .menu_featured_site {position: relative; width:220px; height:120px; margin-bottom:20px; padding:0px; display: block;}
#fullnav .menu_featured_site .name {position: absolute; bottom:0px; width:100%; padding:5px 0px; line-height: 22px; background:rgba(33,33,33,0.5); color:#fff; text-align: center;}


#content_wrapper {padding-top:20px;}
#content_wrapper.withbanner,#content_wrapper.withbreadcrumbs {padding-top:0px;}
.light_bg {padding-top:20px; padding-bottom:20px; background: #f1f0eb; background: rgba(255,255,255,0.3); }


#breadcrumb, #breadcrumb a { color: #9f9e9e; font-weight: bold; margin-bottom:20px; }
#breadcrumb a.current { color: #54473a; }

/* Homepage */
.hero {min-height:330px; background:url('/images/hero_5.jpg') center top no-repeat; background-size: cover; position: relative;}
.hero form {text-align:center; margin:80px auto; }
.hero h1,.hero h2 {color:#fff; font-size:36px; max-width:90%; text-align: center; margin:0px auto 40px auto; text-shadow:1px 1px rgba(33,33,33,0.8);}
.hero .inputwrapper {display:block; width:55%; line-height:40px; height:40px; text-align:center; margin:0px auto; border-radius:3px; background:#fff; border:0px solid #777;}
.hero .searchinput {width:70%; line-height:40px; height:40px; float:left; padding-top:0px; padding-bottom:0px; border:0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;}
.hero .button {line-height:40px; height:40px; float:right; padding:0px 30px; border-top-right-radius: 3px; border-bottom-right-radius: 3px;}

.map-icon { border: 5px solid #f2f2f2; -webkit-border-radius: 50px; -moz-border-radius: 50px; -khtml-border-radius: 50px; border-radius: 50px; display: block; box-sizing: border-box; -webkit-box-shadow: inset 1px 1px 5px rgba(0,0,0,0.3); box-shadow: inset 1px 1px 5px rgba(0,0,0,0.3); }
.regions { margin-bottom:20px; padding-bottom:20px; border-bottom: 1px solid #e5e5e5;}
.regions h3 {margin-top:0px;}



/* Left hand nav */
#left-nav { margin-bottom: 12.5%; }
#left-nav .toggle { cursor: pointer; border-bottom: 1px solid #d5d5d5; border-top: 1px solid #fff; padding: 3% 0 3% 3%; -webkit-box-shadow: 0px 1px 0 #fff, 0px -1px #d5d5d5; box-shadow: 0px 1px 0 #fff, 0px -1px #d5d5d5; }
#left-nav .toggle .icon { height: 25px; width: 25px; background: transparent url('../images/sprite-filters.png') no-repeat; position: relative; float: right; right: 15px; bottom: 3px;}
#left-nav .toggle.expanded .icon { background-position: 0 -25px; }			
#left-nav ul { list-style-type: none; padding: 0; border-bottom: 1px solid #fff; border-top: 1px solid #d5d5d5; margin-top: -1px; }
#left-nav li { border-bottom: 1px solid #d5d5d5; border-top: 1px solid #fff; padding: 10px; }
#left-nav li.active { font-weight: bold; }
#left-nav a { color: #54473a; }
#left-nav a:hover { color: #6a7f36; text-decoration: none; }
#left-nav ul ul {margin-left:20px; border:none;}
#left-nav ul ul li {border:none; font-size:12px;}

.border-block {margin-bottom:20px; border-radius: 3px; border: 1px solid #cac8c8; padding: 10px; background: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px;}
.border-block h3 {margin:0px 0px 10px 0px;}

.side-block { text-align: center; margin-bottom: 6.25%; }
.side-block h4 {font-size:18px; margin:5px;}

.banner-ad { border-radius: 3px; border: 1px solid #cac8c8; background: #fff; display: block; margin: 0px 0px 20px 0px; max-width: 100%; padding: 10px; text-align:center; }
.banner-ad.in-content { border:0px; display: block; margin: 0px 0px 20px 0px; max-width: 100%; padding: 10px; }

.block-listings .block-listing {border-bottom:1px solid #ccc; padding-bottom:10px; margin-bottom:10px;}
.block-listings .block-listing.last {border:none; padding-bottom:0px; margin-bottom:0px;}

/* Tabs */
ul.tabs { border-bottom: 1px solid #cac8c8; margin-bottom:20px; }
ul.tabs li { list-style-type: none; display: inline; position: relative; top: -4px; }
ul.tabs li:first-child { margin-left: 15px; }
ul.tabs a { padding: 5px 10px; color: #54473a; text-decoration: none; background: #e8e8e8; border: 1px solid #cac8c8; -webkit-border-radius: 3px 3px 0px 0px; border-radius: 3px 3px 0px 0px; font-size: 0.8em;}
ul.tabs a:hover { background: #FFF; }
ul.tabs a.active { background: #FFF; color: #333333; font-size: 1em; padding-bottom: 4px; }



/* Campsite listings */
.intro_text {max-height:100px; overflow:hidden; position: relative; margin-bottom:20px;}
.intro_text .read_more { position: absolute;  bottom: 0; left: 0;width: 100%; text-align: center; margin: 0; padding: 40px 0 0px 0; background-image: linear-gradient(to bottom, transparent, white); }

.listing { padding: 20px 4%; border-bottom: 1px solid #e5e5e5; margin-top: 0; position: relative;}
.listing.featured { background: #f7f7f7; border-top: 1px solid #FFF; }
.listing.first-featured { box-shadow: 0 -1px #e5e5e5; }
.listing.last {border:0px;}

.thumbnail, .listing-details { float: left; }
.thumbnail { width:34%; margin-right:2%;}
.plain .thumbnail { width: 20%;}
.plain .listing-details { width:77%;}
		
.listing-details {width:63%;}
.listing-details h3 { margin: 0px 0px 7px !important; font-weight: normal !important; font-size: 1em; }
.listing-details p { font-size: 0.85em; margin: 0.8em 0; }
.listing-details p.details { color: #666666; } 	
.listing-details .distance {float:right; text-align: center; position:absolute; left:10px; top:10px; font-size:11px; line-height:15px; padding-top:8px; box-sizing:border-box; background:#54473a; color:#fff; width:44px; height:44px; border-radius: 50%;}
.listing-details .distance span {display:block; font-size:18px;}
	
#stamp { position: absolute; right:0px; color: #FFF; text-shadow: 1px 0 1px rgba(0,0,0,0.3); font-size:12px; font-style: italic; border-radius: 50%; text-align: center; width: 68px; height: 68px; margin-top: -4%; margin-right: -4%; box-shadow: 0px 2px 6px rgba(0,0,0,0.35); }
#stamp span {display:block; text-align: center; position: absolute; width:90%; top:16px; left:2px;}
#stamp.book { background: #6a7f36; }
#stamp.book span {}
#stamp.featured { background: #fc6400; }
#stamp.featured span {}
#stamp.site-partner {width:50px; height:50px; font-size:11px; background: #54473a; }
#stamp.site-partner span {top:6px;}
.stars, a.reviews { display: inline; color:#FC6400;}
a.reviews {	text-decoration: underline; color: #333333; font-size: 0.8em; margin-left: 10px; top: -2px; position: relative; }
a.book-now { background: #98ca42; border: none; display: inline-block; margin-top: 10px; }

.map-tab { display:none;}
#mapContainer {height:400px; width:100%; margin-top:20px;}
#mapContainer img{max-width:none}

/* POPUP WINDOW ON GOOGLE MAP */
.mapsiteinfo {width:200px; margin-bottom:5px;}
.mapsiteinfo:hover {background:#ededed;}
.mapsiteinfo .description {width:140px; float:left; font-size:10px;}
.mapsiteinfo .description h5 {margin:0px 0px 3px 0px; font-size:12px;}
.mapsiteinfo .description h5 a {color:#6a7f36;}
.mapsiteinfo .description a {color:#54473a; display:block;}
.mapsiteinfo .image {width:54px; height:42px; float:right; overflow:hidden; text-align:center;}
.mapsiteinfo .image img {border:1px solid #ccc; float:right; padding:1px; max-width:50px; max-height:38px;}



/* Narrow search filter */
#narrow-search-link { border-top: 1px solid #e5e5e5; padding-top:10px; text-align: right; }
#narrow-search-link a:after { content: " \00BB"; }
#narrow-search { padding: 0px; font-size: 0.9em; color: #54473a; margin-bottom:20px;}
#narrow-search h2 { margin: 10px; font-size:18px;}
#narrow-search p { margin: 0 10px 10px 10px; }
#narrow-search  .current-search { margin-left: 10px; }
#narrow-search .search-filter { cursor: pointer; padding: 10px 0 10px 30px; border-top: 1px solid #e5e5e5; margin: -1px 0 0 0; }
#narrow-search .search-filter div { height: 16px; width: 16px; background: transparent url('../images/sprites-plus-minus.png') no-repeat; float: left; position: relative; right: 12px; top: 1px; }
#narrow-search .search-filter div.minus { background: transparent url('../images/sprites-plus-minus.png') 0 -19px no-repeat; }
#narrow-search .search-filter .shadow { box-shadow: 0px 2px 5px rgba(0,0,0,0.1); -webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1); }


#narrow-search .filter-group {display:none;}
#narrow-search .filter-group ul { margin: 0px 10px 10px 20px; list-style-type: none;}
#narrow-search .filter-group a { color: #0077cc; }
#narrow-search .filter-group li:before {content: "+";  display:inline-block; margin-right:5px;}
#selected-filters {  padding: 10px 10px; list-style-type: none; background: #f7f7f7;}
#selected-filters a { color: #0077cc; }
#selected-filters li:before {content: "–"; display:inline-block; margin-right:5px;}




/* Campsite details page */

#details_column {position: relative;}
#slider {overflow:hidden; margin-bottom:20px;}
#slider li {display:none;}
#slider li.visible {display:block; text-align: center;}
#carousel {margin-bottom:10px; text-align: center;}
#carousel li {list-style-type:none; display:inline-block; cursor:pointer; padding:5px; border:1px solid #ccc; margin:0px 5px 8px 0px;}
#carousel li.active {border-color:#FC6400;}
.image_notice {text-align: center; color:#777; font-size: 11px; margin-bottom:20px;}

.campsite-description { margin-bottom: 30px; }
#book-now { border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; margin: -10px 0 15px; padding: 10px 0 20px; }
.campsite-review { font-size: 0.9em; border: 1px solid #cac8c8; border-radius: 3px; }
#write-review, #reviewform { padding: 3%; }
#write-review { background: #e8e8e8 url('../images/pen.png') 97% no-repeat; border-bottom: 1px solid #d5d5d5; padding-bottom: 2px; }
#write-review > div { width: 90%; }
#write-review p { font-size: 0.8em; color: #0077cc; cursor: pointer; margin-top: 0.5em; }


#review-form-wrapper { display:none; padding-top: 10px; }
#reviewform .notification { margin-top:15px; border:none;}
#reviewform ul#stars li { list-style-type: none; width: 16px; height: 16px; display: inline-block; cursor: pointer; background: url('../images/star-off.png') no-repeat; }
#reviewform small.notes { margin-top: 20px; padding-top: 15px; border-top: 1px solid #d5d5d5; display: block; font-size:12px; }


#current-reviews h3 { color: #54473a; padding-bottom: 20px; margin-bottom: 0; border-bottom: 1px solid #e5e5e5; }
#current-reviews .review {  background: #f7f7f7; padding: 3%; border-bottom: 1px solid #e5e5e5; border-top: 1px solid #fff; }
#current-reviews .review .review-response {margin-top:10px;  padding:10px; border:1px solid #fff; background:#E8E8E8; }
#current-reviews .review .review-response h5 {margin:0px 0px 10px 0px; font-size:14px;}
.review .review-meta { }
.review .review-meta .review-stars {float:left; }
.review .review-meta .reviewer-details {font-style: italic; font-weight: bold; float: right; }

#campsite-details a { text-decoration: none; }
#campsite-details a:hover { color: lighten(#333333, 50%); }
#campsite-details .label { font-size: 0.8em; }
#campsite-details .info { font-size: 0.9em; font-weight: bold; margin-bottom: 5px; }
#campsite-details .rating { padding: 15px 0; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; margin-bottom: 15px; }
#campsite-features h4 { font-size: 1.2em; color: #333333; margin-bottom: 5px; border-top: 1px solid #e5e5e5; padding-top: 15px; }

.campsite-closed-container { width:90%; height:80%; position:absolute; z-index:100; }
.campsite-closed-container .campsite-closed-mask {width:100%; height:100%; position:absolute; top:0px; z-index:100; background:#6a7f36; opacity:0.9;}
.campsite-closed-container span {display:block; text-align:center; position:absolute; width:90%; margin:30px auto; font-size:24px; z-index:101; color:#fff;}


/* Booking Form */
#booking_wrapper {margin-bottom:20px;}
#booking_wrapper #bookingform .fieldtitle {line-height: 27px;}
#booking_wrapper #bookingform .fieldhelp {font-size:11px;}
#booking_wrapper .notes {border:1px solid #999; color:#999; padding:10px; margin:10px 0px; font-size:13px; position: relative;}
#booking_wrapper .notes i {color:#fff; background:#999; width:20px; height:20px; text-align:center; border-radius:50%; font-size:14px; line-height: 20px; position: absolute; top:-5px; right:-5px;}
#booking_wrapper #booking_alert {border:1px solid #FC6400; color:#FC6400; padding:10px; margin:10px 0px; font-size:13px;}
#booking_wrapper #booking_alert li {margin-left:10px;}
#booking_wrapper .form .fieldtitle {font-size:12px;}
#booking_wrapper .form .cards {position: absolute; right:3px; top:9px;}
#booking_wrapper #paycard {margin-bottom:10px;}
#booking_wrapper .info {display:block; font-size:11px;}

#booking_extras .extra_row {margin-bottom:10px;}
#booking_extras .extra_row .extra_title {display:inline-block; vertical-align: top; width:68%;}
#booking_extras .extra_row .extra_title .extra_details {display:block; font-size:11px;}
#booking_extras .extra_row .extra_input {display:inline-block; vertical-align: top; max-width:30%; float:right;}

/* Towns */
.town-sidebar .block-listing .title {font-weight:bold; font-size:15px; margin:10px 0px;}


/* Add Campsites */
.whylist h5 {margin-top:0px;}
.whylist ul {margin:10px 10px 10px 20px;}
.featurescontainer p {margin:0px 0px 3px 0px; }


/* News */
.news-listing { border-top: #e5e5e5 1px solid; padding: 1em 0 1.4em; }
.news-listing:last-child { padding-bottom: 0; }
.news-listing h2 { color: #54473a; font-size: 1em; font-weight: 600; margin: 0 0 0.3em; }
.news-listing ul { list-style-type: none; font-size: 0.750em; font-weight: 600; font-style: italic; overflow: auto; margin: 0 0 0.5em; padding: 0; }
.news-listing ul li { float: left; padding: 0; margin-right:16px; }
.news-listing p { font-size: 0.875em; margin: 0.3em 0; }
.news-listing a { display: inline-block; white-space: nowrap; }

.news-aside { font-size: 0.750em; line-height: 1.5em; margin: 0 0 30px 0; padding:10px; border: 1px solid #cac8c8; border-radius:3px; background: #fff; }
.news-into { margin-top: 0; }

.news-archive { border-top: #e5e5e5 1px solid; padding-bottom: 1.5em; }
.news-archive:last-child { padding-bottom: 0; }
.news-archive h3 { color: #54473a; font-size: 1.333em; margin-bottom: 0; }
.news-archive ul { line-height: 2em; list-style-type: none; margin: 0.5em 0; padding: 0; }
.news-archive ul:last-child { margin-bottom: 0; }
.news-archive a { color: #333; }
.news-archive .news-more { color: #333; font-style: italic; font-weight: 600; }


/* news detail */
.news-article { }
.news-article h1 {  }
.news-article .article-meta { border-bottom: #e5e5e5 1px solid; list-style-type: none; font-size: 0.857em; font-weight: 600; font-style: italic; overflow: auto; margin: 0 0 2em; padding: 0 0 1.5em; }
.news-article ul { margin-left:20px; }
.news-article li.stars {position:relative; top:-1px;}
.news-article li.stars {position:relative; top:-1px;}
.news-article .introduction {font-weight:bold; margin-bottom:20px;}
.news-article .content { margin-bottom:20px;}
.news-article p:last-child { margin-bottom: 0; }


/* COMPETITIONS */
.competitionlisting {margin-top:5px; padding-bottom:5px; border-bottom:1px solid #ededed;}
.competitionlisting .imageholder {width:120px; height:90px; overflow:hidden; float:left; margin-right:10px;}
.competitionlisting .details {width:350px; float:left; margin-right:5px;}
.competitionlisting .details h5 {margin-top:0px;}
.competitionlisting .closes {width:130px; padding:5px 0px 5px 0px; float:right; background:#54453A; color:#fff; text-align:center;}
.competitionlisting.frontpage .imageholder {width:60px; height:45px;}
.competitionlisting.frontpage .imageholder img {max-width:60px;}
.competitionlisting.frontpage .details {width:150px; float:left; margin-right:5px;}
.question {background:#fff; border:1px dotted #53443A; margin-top:30px;}
.question div {padding:5px; background:#54473a; color:#fff; margin:2px; }
.question div h2 {color:#fff; margin:0px 0px 5px 0px; font-size:14px; font-weight:bold;}
.question div li {line-height:20px; list-style-type:square; list-style-position:inside;}
.captcha {position:relative; top:5px;}
.competitionimage {float:right; margin-left:10px;}

/* Directory */
.directory-listing {margin-bottom:10px;}



/************************************/
/*			 Site Owners Area 		*/
/************************************/
#password_feedback {float:right;}

.switchcampsite { float:right; background:#6a7f36; color:#fff; padding:5px; font-size:12px; }
.switchcampsite select { margin-top:4px; width:100%; }

.siteowners .actions {float:right; margin-top:12px;}
.siteownerimagescontainer .image {position:relative; display:inline-block; vertical-align:top; margin:10px; border:1px solid 54473a; background:54473a; color:#fff;}
.siteownerimagescontainer .image img {margin:2px; cursor:move;}
.siteownerimagescontainer .image .datetime {display:block; position:absolute; width:100%; top:2px; font-size:10px; background:#ededed; text-align:center; opacity:0.7;}
.siteownerimagescontainer .image .imagelinks {display:none; position:absolute; width:100%; bottom:70px; text-align:center;}
.siteownerimagescontainer .image .imagelinks a:first-child {border:0px; margin-right:10px; box-shadow:1px 1px 1px rgba(55,55,55,0.5);}
.siteownerimagescontainer .image .editcaption {display:none; text-align:center; padding:3px; position: absolute; bottom:20px;}
.siteownerimagescontainer .image .editcaption .textinput {width:80%;}
.siteownerimagescontainer .image .details {display:block; width:100%; font-size:12px; background:#ededed; text-align:center;}
.siteownerimagescontainer .image .caption {position:absolute; bottom:10px; background:rgba(255,255,255,0.8); color:#333; width:100%; text-align:center;}

.pagination { background:#6a7f36; color:#fff; padding:10px; margin-bottom:10px; border-radius:5px; position:relative; text-align:left; text-align:right;}
.pagination .topbuttons {float:right; margin-top:4px;}
.pagination .perpage,.pagination .pagejump,.pagination .selectboxcontainer {border:1px solid #F2D0D2; border-radius:5px; padding:3px; display:inline-block; float:right; margin-left:20px; position:relative; top:-4px;}
.pagination .search {border:1px solid #F2D0D2; border-radius:5px; padding:3px; display:inline-block; float:right; margin-left:20px; position:relative; top:-5px;}

.statsimage {text-align:center;}
.reportsummary { margin-top:30px; width:100%; }
.reportsummary td {text-align:center;}

.pm_is_connected {margin-bottom:10px; padding:10px; border-radius:3px; line-height:32px; border:1px solid #86bb5f;}
.pm_is_connected i {font-size:32px; margin-right: 10px; top:0px; float:left; color:#86bb5f;}

.fieldrow.passwordrow {display: none;}

#availability_table td,#availability_table th {padding:5px 0px; line-height: 30px;}
#availability_table td.datetd,#availability_table th.datetd {text-align: center;}
#availability_table td.pitch_name,#availability_table th.pitch_name {padding-left:10px;}
#availability_table td.o,#availability_table th.o {background:#eee;}
#availability_table td.e,#availability_table th.e {background:#fff;}
#availability_table td input.text {padding:0px; width:22px; text-align: center; height:30px; min-height: inherit;}
table.table tr.highlighted td {background:#fc6400; color:#fff;}
h3#availability_title {margin-bottom: 10px; text-align: center;}
h3#availability_title .button {margin:0px 20px;}

.pitch_title {display: block; font-size:22px; line-height: 40px;}
tr.cascading_row,tr.cascading_row_spacer,tr.additional_row {display:none;}
tr.cascading_row.active,tr.cascading_row_spacer.active,tr.additional_row.active {display:table-row;}
tr.cascading_row td,tr.cascading_row_spacer td {background:#fafafa; border-bottom:0px; padding:5px 15px;}
tr.cascading_row td.buttons,tr.cascading_row_spacer td.buttons {padding-top:13px;}

#pricing_table tr:hover td {background:#fff;}
#pricing_table tr.cascading_row:hover td {background:#f7f7f7;}
#pricing_table tr.spacing_row td {background:none; border-bottom: 2px solid #555; padding:20px 0px 10px 0px; vertical-align: bottom;}
#pricing_table tr.spacing_row td h1 {margin:0px;}

/* Extras */
#specific_pitches_wrapper {margin:10px 0px; background:#fff; padding:10px;}
.top-left-arrow {position: relative;}
.top-left-arrow:before {display:block; position: absolute; left:2px; top:-10px; content:' '; width: 0; height: 0; border-left: 10px solid transparent;border-right: 10px solid transparent; border-bottom: 10px solid #fff; }

tr.pitch_row td {border-top:3px solid #7C6A57;}
td.small_inputs {line-height:28px;}

.integration-tabs {border:3px solid #ECECEC;}
.integration-tabs .tabs-list {background:#ECECEC;}
.integration-tabs .tab {display:block; width:33.33%; float:left; background:#ECECEC; box-sizing: border-box; padding:10px 20px; font-weight: bold; font-size:16px; text-transform: uppercase; text-align: center; cursor: pointer;}
.integration-tabs .tab.active {background:#fff;}
.integration-tabs .tab-pane {display:none; padding:20px; }
.integration-tabs .tab-pane.active {display:block; background:#fff;}
#mainform .integration-tabs .tab-pane p {line-height: 22px;}

/* Reviews */
.reviews .review { margin-bottom:10px; padding-bottom:10px; }
.reviews .review .contents { border:1px solid #54473a; padding:10px; }
.reviews .review .response { margin-top:20px; padding:10px; background:#6a7f36; color:#fff; }
.reviews .review .response h5 {margin:0px 0px 5px 0px; color:#fff;}
.reviews .review .response .responsecontents {margin-bottom:5px;}
.reviews .review .response .responseform textarea {height:50px; width:100%; margin-bottom:5px;}
.reviews .review .contents .details { height:20px; line-height:20px; margin-top:5px; background:#54473a; color:#fff; padding:5px; }
.reviews .review .contents .details .postedby {float:left;}
.reviews .review .contents .details .rating {float:right;}


/* Contact forms */
.contactforms .contactform { margin-bottom:10px; padding-bottom:10px; }
.contactforms .contactform .contents { border:1px solid #54473a; padding:10px; }
.contactforms .contactform .details { height:20px; line-height:20px; margin-top:5px; background:#54473a; color:#fff; padding:5px; }
.contactforms .contactform .details .name a {color:#fc6400;}
.contactforms .contactform .details .datetime {float:right;}





.social {display:inline-block; width:60px; height:60px; border-radius: 30px; line-height: 55px; text-align:center; font-size:32px; background:#ccc; color:#fff;}
.social.facebook {background:#3A589B; color:#fff;}
.social.twitter {background:#598DCA; color:#fff;}
.social.email {background:#FC6400; color:#fff;}

.tag {display:inline-block; font-size:13px; padding:2px 4px; border:1px solid #777; color:#777;}
.tag.solid {display:inline-block; font-size:13px; padding:2px 4px; background:#777; border:1px solid #777; color:#FFF; text-shadow: 1px 1px rgba(33,33,33,0.8);}

.table {width:100%; border-top:2px solid #555; margin-bottom:40px;}
.table td,.table th {padding:15px; border-bottom:1px solid #cccccc; font-weight:normal; vertical-align: middle; position: relative;}
.table th.action,.table td.action {width:60px;}
.table th.total,.table td.total {text-align: right;}
.table th.buttons,.table td.buttons {text-align: right;}
.table td.noborder,.table th.noborder {border:none;}
.table td {background:#FFF; color:#121212;}
.table tbody tr:hover td {background:#fafafa;}
.table th {font-weight:bold;}
.table tfoot td {background:#eee;}
.table .highlight td {background:rgba(255, 158, 27,0.1);}
.table.basket th,.table.basket td {vertical-align: middle;}
.table.basket .basket_error td {background:#fff1f1;}
.table.basket span.organisation {display: block; color:#999; font-size:12px;}

input[type="text"], input[type="password"], input[type="email"], input[type="search"], input[type="url"], input[type="tel"], input[type="number"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="range"], input[type="color"], select, textarea { display: inline-block; width: 100%; height: 40px; min-height: 40px; padding: 0 10px; line-height: 18px; border: 1px solid #ddd; border-radius: 2px; outline: none; background: #fff; box-sizing: border-box; }
select { background: #FFF url('/images/dropdown-caret.png') no-repeat right; -webkit-appearance: none; -ms-appearance: none; -moz-appearance: none; -o-appearance: none; appearance: none; padding: 10px; }
textarea {min-height:90px; padding:10px; line-height: inherit;}
input[type="text"].small, input[type="password"].small, input[type="email"].small, input[type="search"].small, input[type="url"].small, input[type="tel"].small, input[type="number"].small, input[type="date"].small, input[type="month"].small, input[type="week"].small, input[type="time"].small, input[type="range"].small, input[type="color"].small, select.small {height: 20px; min-height: 20px; padding: 0 10px; line-height: 18px; }

input.medium,select.medium {width:160px;}
input.short,select.short {width:120px;}
input.veryshort,select.veryshort {width:80px;}
input.half,select.half {width:48%;}
input.fullwidth,select.fullwidth {width:100%;}


.checkbox input, .radio input { opacity: 0; position: absolute;   }
.checkbox input, .checkbox span, .radio input, .radio span { display: inline-block; vertical-align: middle; margin: 3px; cursor: pointer; }
.checkbox span, .radio span { position: relative; margin-right:5px; }
.checkbox input + span:before, .radio input + span:before { content: ''; background: #fff; border: 2px solid #ccc; display: inline-block; vertical-align: middle; margin-right:3px; width: 20px; height: 20px; padding: 2px; text-align: center; }
.checkbox input:checked + span:before { color: #6B7F36; box-shadow: inset 0px 0px 0px 4px #fff; content: "\f00c"; font-family: 'FontAwesome'; font-size:18px; line-height: 20px; }
.radio input + span:before { border-radius: 50%; position: relative; top:-2px;}
.radio input:checked + span:before { background: #6B7F36; box-shadow: inset 0px 0px 0px 4px #fff; }
.checkbox input:focus + span, .radio input:focus + .radio span { outline: 1px dotted #ccc; /* focus style */ }

.checkbox.mini input + span:before, .radio.mini input + span:before { content: ''; background: #fff; border: 2px solid #ccc; display: inline-block; vertical-align: middle; width: 10px; height: 10px; padding: 2px; text-align: center; }
.checkbox.mini input:checked + span:before { color: #6B7F36; box-shadow: inset 0px 0px 0px 4px #fff; content: "\f00c"; font-family: 'FontAwesome'; font-size:12px; line-height: 10px; }
.checkbox.mini span, .radio.mini span { font-size:14px;}

.input_error_highlight, input.input_error_highlight,.selectbox.input_error_highlight {border:1px solid #c82f1b !important;}
.input_error_inline {color:#fff; font-size:12px; position:absolute; margin-top:-7px; margin-left:7px; z-index:10; background-color:#c82f1b; padding:0px 5px; border-radius:5px;}
.input_warning_block {color:#fff; background-color:#0072C6; padding:10px; border-radius:5px;}
.input_warning_block a {color:#fff; text-decoration: underline;}
.form_error_inline {display:none; background-color:#fff1f1; border:1px solid #FFBABA; padding:5px 10px; font-size:13px; margin-bottom:10px;}
.form_success_inline {display:none; background-color:#d6f0d0; border:1px solid #77cc65; padding:5px 10px; font-size:13px; margin-bottom:10px;}


.linkedinputs input {width:70%; padding:0px; text-indent:5px; height:30px; min-height:30px; line-height: 30px; margin:0px; border-bottom-right-radius: 0px; border-top-right-radius: 0px; vertical-align:top; display:inline-block;}
.linkedinputs .button {width:30%; padding:0px;  height:30px; line-height: 30px; margin:0px; border-bottom-left-radius: 0px; border-top-left-radius: 0px; border-left:0px;  vertical-align:top; display:inline-block;}
.linkedinputs .button:hover,.linkedinputs .button:focus {border-color:transparent; top:0px;}

.quantity-controller { display:inline-block; line-height: 32px; height:32px; min-width:96px; vertical-align: middle; border: 1px solid  #d2d2d2; }
.quantity-controller span { display: inline-block; vertical-align: top; padding:0px 8px; cursor: pointer; background:#ededed;}
.quantity-controller span.plus {float:right;}
.quantity-controller .value {text-align:center; padding:0px;}
.quantity-controller .value input {border:0px; margin:0px; vertical-align: top; width:40px; min-height: 32px; height:32px; background:#fff; text-align:center; padding:0px;}


.uploadprogress {color:#fff; text-align:center; display:block; height:26px; line-height: 26px; background:#fefefe; border:1px solid #6B7F36; border-radius:3px; margin-bottom:10px;}
.uploadprogress .progress {float:left; height:26px; width:0%; background:#6B7F36;}

.upload_wrapper {margin:5px 0px 10px 0px; padding:5px; font-size:14px; border:1px solid #CCC; background:#f1f1f1;}
.uploaded {display: block; padding:3px 10px; color:#77AE2A; border:1px solid #77AE2A; }

.ajaxresults {text-align:left; position:absolute; background:rgba(70, 70, 70,0.95); z-index:100;}
.ajaxresults ul {padding:10px;}
.ajaxresults li {list-style-type:none; margin:0px 0px 6px 0px; color:#fff; cursor:pointer;}
.ajaxresults a {color:#fff; }

.hidden,div.hidden,input.hidden {display: none;}

/*** .Menus ***/
.menu.horizontal {padding:0px; position:relative;}
.menu.horizontal ul {list-style-type: none; margin:0px; width:100%; box-sizing:border-box;}
.menu.horizontal ul li {display:inline-block; vertical-align:middle; text-align: left; margin:0px;}
.menu.horizontal ul li a {display:block; padding:16px 16px; text-decoration: none; }
.menu.horizontal ul li.searchwrapper {display:inline-block; vertical-align:middle; float:right; text-align: right; margin-right:0px; margin-top:10px;}
.menu.horizontal ul li.top-menu-close {display:none; text-align: center; cursor:pointer; background:#ccc; color:#fff;}
.menu.horizontal ul li.top-menu-close span {display:block; padding:10px 0px; text-decoration: none;}

.menu.horizontal ul li ul.dropdown-menu {position: absolute; margin-left:-1px; opacity:0; visibility: hidden;  z-index:100; max-width:200px; background:#7C6A57; top:42px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
.menu.horizontal ul li ul.dropdown-menu li {display:block; }
.menu.horizontal ul li ul.dropdown-menu li a {display:block;}
.menu.horizontal ul li:hover ul.dropdown-menu {opacity:1; visibility: visible; top:50px; }
.menu.horizontal.purecss ul li:hover ul.dropdown-menu {opacity:1; visibility: visible; top:50px; }

.menu.vertical {padding:0px; position:relative;}
.menu.vertical h5 {text-align: center; margin:0px; padding:5px; background:#1B1B1B; color:#fff;}
.menu.vertical h5 a {color:#fff;}
.menu.vertical ul {list-style-type: none; margin:0px; width:100%; box-sizing:border-box; overflow: hidden; border-top:1px solid #ccc;}
.menu.vertical ul li {display:block; text-align: left; border-bottom:1px solid #ccc;}
.menu.vertical ul li a {display:block; padding:16px 12px; text-decoration: none; color:#000; }
.menu.vertical ul li a i {float:right;}
.menu.vertical ul li ul {margin-left:0px; }
.menu.vertical ul li ul li {font-size:13px; padding-left:20px;}
.menu.vertical > ul > li > a {}
.menu.vertical li.active > a {background:#eee;}
.menu.vertical li span {color:#6B7F36;}
.menu.vertical .button {margin-top:20px;}

/*.menu.vertical.dashboard {border:1px solid #1B1B1B;}
.menu.vertical.dashboard ul {border-color:#fff;}
.menu.vertical.dashboard ul li {border-color:#fff;}
.menu.vertical.dashboard > ul > li > a {background:#6B7F36;}*/


fieldset {border:1px solid #eee; padding:20px; margin-bottom: 40px;}
fieldset legend {text-align: right; color:#777; font-size:17px; }
fieldset fieldset {margin-top:20px; margin-bottom:20px; padding:10px; background:#fdfdfd;}
fieldset fieldset legend {font-size:13px; }
.form {clear:both;}
.form .section {margin-bottom:20px;}
.form .fieldrow {padding-bottom:18px;}
.form .fieldrow .fieldtitle { font-size:17px; width:25%; text-align:right; margin-right:1%; display:inline-block; vertical-align:top; line-height:38px;  position: relative;}
.form .fieldrow .fieldtitle .showtiptip {color:#999; font-size:14px;}
.form .fieldrow .fieldtitle .fieldhelp {color:#777; font-size:13px; line-height:15px; margin-top:-6px; }
.form .fieldrow .fieldinput {width:72%; text-align:left; display:inline-block; vertical-align:top; position:relative;}
.form .fieldrow .fieldinput.info {line-height:41px; color:#787b7e;}
.form .fieldrow .fieldinput.checkboxes {line-height:32px;}
.form .fieldrow .fieldinput p {line-height:38px;}
.form .fieldrow .fieldinput .redactor-box p {line-height:inherit;}
.form .fieldrow .fieldinput.textareacontainer p {line-height:inherit;}
.form .fieldrow .fieldinput .stacked {margin-bottom:5px;}
.form .fieldrow .fieldinput .textinput.short {width:28%;}
.form .fieldrow .fieldinput .textinput.half {width:48%;}
.form .fieldrow .fieldinput .textinput.half:first-of-type {margin-right:1%}
.form .fieldrow .fieldinput div[class^="grid-"] {padding-left:0px; position: relative;}
.form .fieldrow .fieldinput .character_counter {color:#ccc; float:left; margin-top: -5px; font-size: 14px;}
.form .inputwrapper {position: relative;}
.form .lost_password {display:block; font-size:12px; position: absolute; right:0px; bottom:-16px; }
.form .raty {font-size:24px; margin-top:3px;}
.form .image_wrapper .image,.form .image_wrapper .image_actions {display:inline-block; margin-right: 10px; vertical-align: bottom;}
.form .image_wrapper .image_actions .button {margin-top:10px;}

.form.vertical .fieldrow {padding-bottom: 10px;}
.form.vertical .fieldrow .fieldtitle {width:100%; margin:0px; text-align:left; line-height: 27px;}
.form.vertical .fieldrow .fieldtitle .fieldhelp {margin-bottom:5px; }
.form.vertical .fieldrow .fieldinput {width:100%;}
.form.vertical .fieldrow .fieldinput input,.form.vertical .fieldrow .fieldinput textarea,.form.vertical .fieldrow .fieldinput select {margin-bottom:5px;}
.form.vertical .buttons {margin-left:0px;}

.form.info .fieldrow {padding-bottom: 5px;}
.form.info .fieldrow .fieldinput.info {line-height:22px; padding-top:9px;}

.form.inline {display:inline; margin:0px; padding:0px;}
.form.inline .submit {background:none; border:0px;  padding:0px; font-weight: 300; font-size: 16px;color:#23605E; cursor:pointer; }

.form .redactor-box {margin-bottom:10px;}

.ajaxresults {text-align:left; position:absolute; background:rgba(70, 70, 70,0.95); z-index:100;}
.ajaxresults ul {padding:10px;}
.ajaxresults li {list-style-type:none; margin:0px 0px 6px 0px; color:#fff; cursor:pointer;}
.ajaxresults a {color:#fff; }

i.handle {display:block; float:left; margin:10px 10px 0px 5px; cursor:move; font-size:18px;}
.placeholder { background-color: #ccc; }
ol.sortablelist {padding:0px; margin:0px;}
ol.sortablelist li {list-style-type:none;margin:5px 0px 5px 0px; padding:0px; position: relative;}
ol.sortablelist li span.inner {display:block; height:32px; padding:2px 0px 2px 2px; border:1px solid #ddd;}
ol.sortablelist li span.inner.hidden {color:#ccc;}
ol.sortablelist li span.inner:hover {background:#f5f5f5;}
ol.sortablelist li span.inner span {display:inline-block; font-size:18px; line-height:32px;  margin:0px 10px 0px 5px;}
ol.sortablelist li span.inner span.meta {font-size:11px; color:#999; float:none; }
ol.sortablelist li span.inner span.links {float:right; text-align:right; margin:0px 10px 0px 0px;}
ol.sortablelist li .childtoggle {display:none}
ol.sortablelist li.haschildren > .childtoggle {display:inline-block; width:20px; height:20px; background:#333; color:#fff; position:absolute; left:-29px; top:8px; text-align:center; font-weight:bold; cursor:pointer;}
ol.sortablelist ol.sublist {position: relative;}
ol.sortablelist ol.sublist li {margin-left:20px;}

.pagination {text-align: right;}
.pagination .section {display:inline-block; vertical-align: top; min-width: 80px;}
.pagination .section.results {float:left; line-height: 62px;}
.pagination .section label {display:block; text-align: left; font-size:12px;}
.pagination .button {padding:6px 10px; height:inherit; vertical-align: bottom;}


/* Modal windows */
.rm-modal .modalmask { position:fixed; top:0px; left:0px; z-index:500; background-color:#000; display:none;}
.rm-modal .modalwindow { position:absolute; display:none; top:60px; width:580px; z-index:510; padding:0px; color:#333; background:#F1F1F1; border-radius:3px;}
.rm-modal .modalwindow .closemodal {position:absolute; right:10px; top:-20px; border-radius:3px 3px 0px 0px; display:block; background:#F1F1F1; color:#333; width:60px; text-align:center; height:20px; line-height:20px; font-size:13px; cursor:pointer;}

.rm-modal.rm-modal-2 .modalmask {z-index:520;}
.rm-modal.rm-modal-2 .modalwindow { width:640px; z-index:530;}
.rm-modal.sc-notify-modal .modalmask {z-index:540;}
.rm-modal.sc-notify-modal .modalwindow { z-index:550;}
.rm-modal.sc-confirm-modal .modalmask {z-index:560;}
.rm-modal.sc-confirm-modal .modalwindow { z-index:570; }
.rm-modal.sc-waiting-modal .modalmask {z-index:1200;}
.rm-modal.sc-waiting-modal .modalwindow { z-index:1210; }

.rm-modal .modalwindow .modalcontents {margin:30px;}
.rm-modal .modalwindow .modalcontents .title {font-family: "liberation_sansbold", sans-serif; font-size:32px; color: #000; font-weight: normal;}
.rm-modal .modalwindow .modalcontents .description {}
.rm-modal .modalwindow .modalcontents .close-notice { font-size:11px; font-style: italic; margin-top:10px; text-align: center;}
.rm-modal .modalwindow .modalcontents label {color:#787b7e;}
.rm-modal .modalwindow .modalcontents .buttons {margin-top:40px; }
.rm-modal .modalwindow .modalcontents .buttons .left {width:45%; float:left; text-align:left;}
.rm-modal .modalwindow .modalcontents .buttons .right {width:45%; float:right; text-align:right;}
.rm-modal .modalwindow .modalcontents .button.selectfile {margin-top:5px;}
.rm-modal .modalwindow .modalcontents .buttons form {margin:-5px 0px 0px 5px; vertical-align: top;}

.rm-modal.sc-notify-modal .notify-container {display:inline-block; width:450px; vertical-align: top; margin-left: 18px;}
.rm-modal.sc-notify-modal .notify-container li {list-style-type: none;}
.rm-modal.sc-waiting-modal .notify-container {display:inline-block; width:450px; vertical-align: top; margin-left: 18px;}

.rm-modal.sc-confirm-modal .buttons { margin:0px 30px 30px 30px;}
.rm-modal.sc-confirm-modal .buttons .rightbutton { float:right;}

.alert {margin:0px 0px 20px 0px; position:relative; border:1px solid #CCC; border-radius:0px;}
.alert i {font-size:32px; position:absolute; left:20px; top:15px;}
.alert ul {margin:20px 10px 20px 55px; list-style-type:none;}
.alert.alert-success {border-color:#77cc65; background:#d6f0d0; }
.alert.alert-success i {color:#77cc65;}
.alert.alert-error {border-color:#d38a2a; background:rgba(253, 230, 197,0.7); color:#d38a2a; }
.alert.alert-error i {color:#d38a2a;}
.alert.alert-error a {color:#d38a2a; text-decoration: underline;}
.alert.alert-info {border-color:#408EFA; background:#c5dbf8; color:#408EFA;}
.alert.alert-info i {color:#408EFA;}
.alert.alert-info a {color:#408EFA;}
.alert.alert-inline {display:inline-block; margin:0px 20px; padding:3px 10px 3px 25px;}
.alert.alert-inline i {font-size:16px; top:5px; left:5px;}

code,.code { margin: 5px 0; padding: 10px; text-align: left; display: block; overflow: auto; font: 12px 'Lucida Console', 'courier new', monospace; line-height: 18px; background: #FAFAFA; border: 1px solid #6a7f36; border-left: 4px solid #6a7f36; }

.saved_message {max-width:180px; padding:10px 10px 10px 46px; position: fixed; top:40px; right:40px; border:1px solid #408EFA; background:#c5dbf8; color:#408EFA;}
.saved_message .title {font-size:15px; font-weight:bold;}
.saved_message i {color:#408EFA; font-size:32px; position:absolute; left:10px; top:10px;}

#advertise-promo {margin-bottom:20px; border: 1px solid #cac8c8; border-radius: 3px; border-color: #81ac38; background: #98ca42 url('../images/green-texture.jpg'); text-align: center; padding-bottom: 20px; padding-top:20px; }
.not-front #advertise-promo { width: 100%; margin-left: 0; }
.ad-text { color: #fff; text-shadow: 1px 0 1px rgba(0,0,0,0.3); }
.ad-text.large { font-size: 1.6em; font-weight: bold; text-shadow: 1px 0 1px rgba(0,0,0,0.3); margin-bottom: 0; }
.ad-text.medium { margin-top: 0; }




/* Footer */
#footer { background: #54473a; color: #fff; padding-bottom: 30px; padding-top: 10px; margin-top: 80px; }
#footer ul li {list-style-type: none; margin-bottom: 0.5em; }
#footer ul li a { color: #d1ceca; }
#footer h4 { margin: 0px 0px 10px 0px; color: #fff; }
#footer-logo { position: relative; top: -25px; }

.campsitepagination {background: #f3f3f3 url("/images/beige-texture-hover.jpg"); text-align:center;}
.campsitepagination a {display:inline-block; margin:10px 5px; padding:5px 8px; text-decoration:none; color:#fff; background:#A8A4A5; border-radius:3px; text-shadow:1px 0 1px rgba(0, 0, 0, 0.3);}
.campsitepagination a.active {background:#54473A;}

/* Z-index of #mask must lower than #boxes .window */
.mask { position:fixed; top:0px; left:0px; z-index:1000; background-color:#000; display:none;}
.boxes .window { position:fixed; width:600px; height:500px; display:none; z-index:1100; padding:10px; background:#fff;}
.boxes .closebox {position:absolute; top:-14px; left:-14px; cursor:pointer; background:url('/images/closebox.png') no-repeat; width:30px; height:30px;}
.boxes .boxcontents {overflow:auto;}


#modalwindow.window_login {width:780px; height:600px;}
#window_edit {width:780px; height:600px;}
#window_edit .inner {height:570px; width:100%; overflow:auto;}
#window_edit .buttons {margin-top:10px; background:#ededed;}
#window_edit .left {width:340px; float:left;}
#window_edit .right {width:250px; float:right;}

/******** Checkout page ************/
.form.billingdetails #payment_cardnumber {width:60%; display:inline-block;}
.form.billingdetails select {width:40%; display:inline-block;}
.textinput.short {width:80px;}
.cards {overflow: hidden; list-style-type:none; display:inline-block; margin:0px 0px 0px 20px; vertical-align: middle; float:right;}
.cards li{-webkit-transition:all .2s;-moz-transition:all .2s;-ms-transition:all .2s;-o-transition:all .2s;transition:all .2s;background:url(/images/card_logos_2.png) 0px 0px no-repeat; float:left;height:32px;margin-right:8px;text-indent:-9999px;width:51px}
.cards li:last-child{margin-right:0}
.cards .mastercard{background-position:-51px 0}
.cards .amex{background-position:-102px 0}
.cards .visa.off{background-position:0 -32px}
.cards .mastercard.off{background-position:-51px -32px}
.cards .amex.off{background-position:-102px -32px}

.cards.small {}
.cards.small li{background:url(/images/card_logos_small.png) 0px 0px no-repeat; height:20px; margin-right:2px; width:32px}
.cards.small .mastercard{background-position:-32px 0}
.cards.small .amex{background-position:-64px 0}
.cards.small .visa.off{background-position:0 -20px}
.cards.small .mastercard.off{background-position:-32px -20px}
.cards.small .amex.off{background-position:-64px -20px}


/* WIDGET BUILDER */
.widgetbuilder_options .textinput {width:120px;}
.widgetbuilder_options .colourinput {display:none;}
.widgetbuilder_options table  {border:1px solid #6a7f36; width:100%;}
.widgetbuilder_options table td.header  {font-weight:bold; color:#fff; padding-left:20px; background:#6a7f36;}
.widgetbuilder_options table td.updateholder  {text-align:center; padding:20px 10px 10px 10px;}
.widgetbuilder_options table th, .widgetbuilder_options table td  {padding:5px 5px 5px 5px; text-align:left;}
.widgetbuilder_options table th  {padding:5px 5px 5px 5px; text-align:right;}
.widgetbuilder_options table tr.colourtr th, .widgetbuilder_options table tr.colourtr td {padding:10px 2px 10px 0px;}

#widgetbuilder_demo h5 {margin:20px 0px 10px 0px; border-bottom:1px dotted #757575;}

.colorpicker {z-index:100;}
.colorpickerholder {display:none; position:absolute;}
.colorselectorwrapper {position:relative; width:40px; float:left; cursor:pointer;}
.colorselector {background:url('/images/colour_background.png') no-repeat; z-index:11; float:left; position:absolute; top:-8px; height:36px; width:36px;}
.colorselectorinner {position:absolute; float:left; width:24px; height:25px; top:-3px; left:6px;  z-index:10;}
.resetcolour {margin-left:40px; cursor:pointer;}


.dateinput_wrapper {position: relative; display: inline-block; width:100%; cursor: pointer;}
.dateinput_wrapper.half {width:48%;}
.dateinput_wrapper.third {width:33%;}
.dateinput_wrapper:before {font-family: 'FontAwesome'; color:#777; position: absolute; left: 10px; top:10px; font-size:20px; content: "\f073"; }
.dateinput_wrapper input {text-indent: 26px; cursor: pointer;}


/* jqueryUI fixes */
.ui-widget {font-size:12px; box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25); border-radius: 0px;}
.ui-widget select {padding:0px; height:auto; min-height:0px;}
.ui-datepicker {background:#fff; padding:5px; min-width: 220px; display: none;}
.ui-datepicker .ui-datepicker-header {margin-bottom:10px;}
.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next {padding:2px; background:#ccc; color:#000; border-radius: 3px;}
.ui-datepicker .ui-datepicker-prev span:before,.ui-datepicker .ui-datepicker-next span:before {display:inline-block; margin-right:3px; position: relative; top:3px; float:left; font-family: 'FontAwesome'; content: "\f137";}
.ui-datepicker .ui-datepicker-next span:before {float:right; margin-left:3px; content: "\f138";}
.ui-datepicker .ui-datepicker-prev {float:left;}
.ui-datepicker .ui-datepicker-next {float:right;}
.ui-datepicker .ui-datepicker-title {text-align:center;}
.ui-datepicker td {text-align: center;}
.ui-datepicker a {text-decoration: none; display: block;}
.ui-datepicker table {width:100%;}
.ui-datepicker table a,.ui-datepicker table span {padding:5px; display: block;}
.ui-datepicker td a.ui-state-hover {background:#ccc;}
.ui-datepicker .ui-datepicker-current-day {background:#fc6400; color:#fff;}
.ui-datepicker .ui-datepicker-current-day a {background:#fc6400; color:#fff;}
.ui-datepicker-week-end {background:#f7f7f7;}

/* tiptip TOOLTIP */
.tiptip { padding: 5px; font-size: 10px; opacity: 0.8; filter: alpha(opacity=80); font-family:Arial, sans-serif; background-repeat: no-repeat; }
  .tiptip-inner { padding: 5px 8px 4px 8px; background-color: black; color: white; max-width: 200px; text-align: left; }
  .tiptip-inner { -moz-border-radius:3px; -webkit-border-radius:3px; }
  .tiptip-north { background-position: top center; }
  .tiptip-south { background-position: bottom center; }
  .tiptip-east { background-position: right center; }
  .tiptip-west { background-position: left center; }
  /* TipTip CSS - Version 1.2 */
#tiptip_holder {	display: none;	position: absolute;	top: 0;	left: 0;	z-index: 99999; }
#tiptip_holder.tip_top {	padding-bottom: 5px;}
#tiptip_holder.tip_bottom {	padding-top: 5px;}
#tiptip_holder.tip_right {	padding-left: 5px;}
#tiptip_holder.tip_left {	padding-right: 5px;}
#tiptip_content {	font-size: 11px;	color: #fff;	text-shadow: 0 0 2px #000;	padding: 4px 8px;	border: 1px solid rgba(255,255,255,0.25);	background-color: rgb(25,25,25);	background-color: rgba(25,25,25,0.92);	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#000));	border-radius: 3px;	-webkit-border-radius: 3px;	-moz-border-radius: 3px;	box-shadow: 0 0 3px #666;	-webkit-box-shadow: 0 0 3px #666;	-moz-box-shadow: 0 0 3px #666; }
#tiptip_arrow, #tiptip_arrow_inner {	position: absolute;	border-color: transparent;	border-style: solid;	border-width: 6px;	height: 0;	width: 0;}
#tiptip_holder.tip_top #tiptip_arrow {	border-top-color: #fff;	border-top-color: rgba(255,255,255,0.35);}
#tiptip_holder.tip_bottom #tiptip_arrow {	border-bottom-color: #fff;	border-bottom-color: rgba(255,255,255,0.35);}
#tiptip_holder.tip_right #tiptip_arrow {	border-right-color: #fff;	border-right-color: rgba(255,255,255,0.35);}
#tiptip_holder.tip_left #tiptip_arrow {	border-left-color: #fff;	border-left-color: rgba(255,255,255,0.35);}
#tiptip_holder.tip_top #tiptip_arrow_inner {	margin-top: -7px;	margin-left: -6px;	border-top-color: rgb(25,25,25);	border-top-color: rgba(25,25,25,0.92);}
#tiptip_holder.tip_bottom #tiptip_arrow_inner {	margin-top: -5px;	margin-left: -6px;	border-bottom-color: rgb(25,25,25);	border-bottom-color: rgba(25,25,25,0.92);}
#tiptip_holder.tip_right #tiptip_arrow_inner {	margin-top: -6px;	margin-left: -5px;	border-right-color: rgb(25,25,25);	border-right-color: rgba(25,25,25,0.92);}
#tiptip_holder.tip_left #tiptip_arrow_inner {	margin-top: -6px;	margin-left: -7px;	border-left-color: rgb(25,25,25);	border-left-color: rgba(25,25,25,0.92);}
/* Webkit Hacks  */
@media screen and (-webkit-min-device-pixel-ratio:0) {		#tiptip_content {		padding: 4px 8px 5px 8px;		background-color: rgba(45,45,45,0.88);	}
	#tiptip_holder.tip_bottom #tiptip_arrow_inner { 		border-bottom-color: rgba(45,45,45,0.88);	}
	#tiptip_holder.tip_top #tiptip_arrow_inner { 		border-top-color: rgba(20,20,20,0.92);	}
}




/********************************/
/*		Responsiveness		*/
/********************************/

/* Common to all smaller formats */
@media only screen and (max-width: 1180px) {

}

@media only screen and (max-width: 959px) {
	/*body {border-top:3px solid #f00;} /* Red */
	.navwrapper .grid-container,.navwrapper .grid-100 {padding-left:0px; padding-right:0px;} 
	#header #toprow #topmenu {display:none;}
	#topsearch {float:right; width:40%;}
	#fullnav .fullnav_wrapper {left:0px; width:100%;}
	#fullnav .regions_wrapper {width:31%;}
	#fullnav .categories_wrapper {width:67%;}

	.hero {min-height:200px;}
	.hero form {margin:20px auto;}
	.hero .inputwrapper {width:100%;}
	.hero .searchinput {width:66%;}
	.hero .button {padding:0px; width:33%;}

	.menu.vertical ul li a {padding:10px 5px; }

	#stamp {font-size:10px; width:50px; height:50px; margin-top: -1%; left:0%;}
	#stamp span {top:12px;}

	.loginpage .grid-50 {width:100%; margin-bottom: 20px;}

	.add_campsite .whylist  {display: none;}
	.add_campsite .form_wrapper  {width:100%;}
	.add_campsite .featurescontainer .checkbox.mini span {font-size:12px;}

	.form .fieldrow .fieldtitle {font-size:13px; line-height: 17px; padding-top:10px;}
	.form .fieldrow .fieldtitle .fieldhelp {font-size:11px; margin-top:-2px;}
}

/* All Mobile Widths */
@media only screen and (max-width: 767px) {
	/*body {border-top:3px solid #0f0;} /* Green */
	h1 {font-size:20px;}

	#toplogo {width:55%; display:inline-block; vertical-align: top;}
	#topsearch {padding-top:5px; float:right;}
	#topnav a {font-size:13px; padding:2px 10px 0px; line-height: 40px;}
	.menu.horizontal ul li.hover ul.dropdown-menu {top:42px;}
	#fullnav .regions_wrapper {width:38%;}
	#fullnav .categories_wrapper {width:60%;}

	.form .lost_password {bottom:2px;}

	.hero h1, .hero h2 {font-size:24px;}
	.toggle {display: block;}
	#left-nav {display: none; margin-bottom:40px;}
	#left-nav ul {display: none;}
	#sidebar-right {margin-top:20px;}
	#campsite-details {margin-bottom:40px;}
	#campsite-details h2 {display:none;}
	#campsite-details .rating {font-size:22px; border:0px; margin-bottom:0px;}


	.form .fieldrow .fieldtitle {font-size:15px; line-height: 22px; width:100%; display:block; margin:0px; text-align: left;}
	.form .fieldrow .fieldtitle.empty {display:none;}
	.form .fieldrow .fieldinput { width:100%; display:block; }
	.form .buttons {margin-left: 0px;}
	.form .buttons .button {font-size:14px; padding-left:10px; padding-right:10px;}
	
	table.table td, table.table th {font-size:90%; padding:8px;}


}
@media only screen and (max-width: 480px) {
	/*body {border-top:3px solid #00f;} /* blue */

	#toplogo,#topsearch {width:100%; display:block; }
	#header #toprow {padding-top:10px; padding-bottom: 10px;}
	#header #toprow #topsearch {float:none; padding-top:15px;}
	#topnav .add-campsite {display: none;}
	#topnav {display:table;}
	#topnav li {float:none; display:table-cell;}
	#topnav li a {padding-left:0px; padding-right:0px; text-align: center;}
	#topnav li a i {display:none;}


	.menu.vertical {margin-bottom:20px;}

	.pagination .section {width:100%; display:block; margin-bottom:10px;}
	.pagination .section select,.pagination .section input {width:100%;}
	.pagination .section #searchinput {width:88%; box-sizing: border-box;}
	.pagination .section #searchgo {width:12%; box-sizing: border-box; text-align: center;}


	.rm-modal .modalwindow .modalcontents {margin:10px;}

	.grid-5, .mobile-grid-5, .grid-10, .mobile-grid-10, .grid-15, .mobile-grid-15, .grid-20, .mobile-grid-20, .grid-25, .mobile-grid-25, .grid-30, .mobile-grid-30, .grid-35, .mobile-grid-35, .grid-40, .mobile-grid-40, .grid-45, .mobile-grid-45, .grid-50, .mobile-grid-50, .grid-55, .mobile-grid-55, .grid-60, .mobile-grid-60, .grid-65, .mobile-grid-65, .grid-70, .mobile-grid-70, .grid-75, .mobile-grid-75, .grid-80, .mobile-grid-80, .grid-85, .mobile-grid-85, .grid-90, .mobile-grid-90, .grid-95, .mobile-grid-95, .grid-100, .mobile-grid-100, .grid-33, .mobile-grid-33, .grid-66, .mobile-grid-66 {padding-left:0px; padding-right:0px;}
}