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

body {
	background-image: url(../images/body-background-tile.jpg);
	background-repeat: repeat;
}

h1, h2, h3, h4 {	
  font-family: "ff-cocon-web-pro", "Trebuchet MS", 'Helvetica Neue', Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;
  font-weight:700;
  font-style:normal;
}

.homecolumns h2,
.homecolumns h2 strong em {
	color:#666;
	font-size: 18px;
	line-height: 22px;
	margin-bottom:10px;
	font-style: normal;
}

.homecolumns p {
	margin-bottom:10px;
}

.extra-margin-5top {
	margin-top:5px;
}
.extra-margin-20top {
	margin-top:20px;
}
.extra-margin-20bottom {
	margin-bottom:20px;
}

.grid_3 .smaller-heading {
	font-size: 22px;
	margin-bottom:5px;
	line-height:30px;
}

.mainsite h1,
.discovering h1,
.staying h1 {
	font-size:30px;
	line-height:34px;
}

.mainsite h1,
.mainsite h2,
.mainsite p {
	margin-bottom:15px;
}

.mainsite h2 em{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	line-height:24px;
}

.mainsite p,
.discovering p {
	font-size:14px;
}


.breadcrumbs {
	position: absolute;
	top: 50px;
	right: 10px;
	font-size:11px;
	color: #993300;
}
.breadcrumbs a{
	color: #003366;
	text-decoration: none;
}
.breadcrumbs a:hover{
	text-decoration: underline;
}
.home .breadcrumbs {
	display:none;
}

.round-corners {
  -webkit-border-radius: 5px; 
     -moz-border-radius: 5px; 
          border-radius: 5px; 
  -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
}

.shadow {
  -webkit-box-shadow: 0px 0px 5px #333; 
     -moz-box-shadow: 0px 0px 5px #333; 
          box-shadow: 0px 0px 5px #333; 
}

.body-content a,
.footer a {
	color: #1C6F99;
	text-decoration: none;
}

.body-content .subcategory a,
.footer a {
	background-image: url(ddmenu/arrowsub.png);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 10px;
}

.arrow-link {
	background-image: url(ddmenu/arrowsub.png);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 10px;
}

#map {
	margin-top:5px;
	margin-bottom:40px;
}

#locationinformation #map {
	margin-top:5px;
	margin-bottom:0px;
}

.grid_6.alpha.address-information {
	background-color: #FFF;
	width:418px;
	margin-top:0;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	background-image: url(../images/header-background-tile.jpg);
	background-repeat: repeat;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #666;
	border-bottom-color: #666;
	border-left-color: #666;
}

.grid_6.alpha.address-information h3{
	display: block;
	width:438px;
	margin-left:-20px;
	margin-top:-20px;
	padding-left:20px;
	background-image: url(../images/drop-shadow.png);
	padding-top:20px;
}

#map a {
	background-image: none;
}

.your-business p {
	font-size: 12px;
	font-style: italic;
	line-height: 16px;
}

.grid_4 .contact-details p{
	margin: 0px;
	padding: 0px;
}

.body-content a:hover,
.footer a:hover {
	text-decoration:underline;
}

#banner {
	width:100%;
	background-image:url(../images/banner-top-tile.jpg);
	background-repeat: repeat-x;
}

#bannerfoot {
	width:100%;
	background-image:url(../images/footer-background-tile.jpg);
	background-repeat: repeat;
}

.header {
	background-image: url(../images/header-background-image.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 150px;
	width:960px;
	position:relative;
}

.grid_3.logo {
	background-image: url(../images/new-forest-tourist-logo-header.png);
	background-repeat: no-repeat;
	background-position: center top;
	width:260px;
	height:230px;
	position:absolute;
	left:-10px;
}

.navigation {
	height:50px;
	margin-bottom:30px;
	position:relative;
}

#home-slides-container {
	position: relative;
}

.home-slide01,.home-slide02, .home-slide03, .home-slide04, .home-slide05, .home-slide06, .home-slide07, .home-slide08, .home-slide09, .home-slide10, .home-slide11 {
	background-repeat: no-repeat;
	background-position: center center;
	height: 345px;
	width: 940px;
	position:absolute;
	top:20px;
	z-index:1;
}

.home-slide01 {
	background-image: url(../images/home-slide-01-picket-post.jpg);
}

.home-slide02 {
	background-image: url(../images/home-slide-02-new-forest-show.jpg);
}

.home-slide03 {
	background-image: url(../images/home-slide-03-avon-valley.jpg);
}

.home-slide04 {
	background-image: url(../images/home-slide-04-keyhaven.jpg);
}
.home-slide06 {
	background-image: url(../images/home-slide-06-salterns.jpg);
}

.home-slide07 {
	background-image: url(../images/home-slide-07-hurst.jpg);
}

.home-slide08 {
	background-image: url(../images/home-slide-08-hurst.jpg);
}

.home-slide09 {
	background-image: url(../images/home-slide-09-sign.jpg);
}

.home-slide10 {
	background-image: url(../images/home-slide-10-gold-letterbox-lymington.jpg);
}
.home-slide11 {
	background-image: url(../images/home-slide-11-horseshoe-bottom-snow.jpg);
}
.home-slides.inner-shadow {
	height: 345px;
	width: 940px;
	background-image: url(../images/home-slides-inner-shadow.png);
	background-position: center center;
	position: relative;
	margin-top:20px;
	margin-bottom:45px;
	z-index:2;
}

.home-slides h1,
.home-slides p{
	background-image: url(../images/body-background-tile.jpg);
	background-repeat: repeat;
	padding:10px;
	-webkit-box-shadow: 0px 0px 4px #000;
	-moz-box-shadow: 0px 0px 4px #000;
	box-shadow: 0px 0px 4px #000;
	margin-left:auto;
	margin-right:auto;
	
	-webkit-border-radius: 5px; /* Saf3-4, iOS 1-3.2, Android ≤1.6 */
     -moz-border-radius: 5px; /* FF1-3.6 */
          border-radius: 5px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */
}


.home-slides h1{
	top:-30px;
	z-index:4;
	text-align:center;
	width:430px;
	position:relative;
}


#home-slides-container .home-slides.inner-shadow h1{
	font-size:26px;
	}

.leaf-left {
	background-image:url(../images/decorative-divider-leaf-01.gif);
	background-position: right bottom;
	left:0;
}

.leaf-right {
	background-image:url(../images/decorative-divider-leaf-02.gif);
	background-position: left bottom;
	right:0;
}

.leaf-left, .leaf-right {
	position:absolute;
	top:0;
	width:50px;
	height:45px;
	background-repeat:no-repeat;
}

.home-slides p{
	bottom:-20px;
	left:100px;
	width:740px;
	z-index:3;
	position:absolute;
  font-size:16px;
  text-align:center;
}

.round-tab-topleft,
.round-tab-topright,
.round-tab-bottomleft,
.round-tab-bottomright {
	background-image: url(../images/round-photo-tabs-all.png);
	background-repeat: no-repeat;
	position: absolute;
	z-index:4;
	height:25px;
	width:25px;
}

.round-tab-topleft {
	left: 0px;
	top: 0px;
	background-position: -25px -25px;
}

.round-tab-topright {
	right: 0px;
	top: 0px;
	background-position: 0px -25px;
}

.round-tab-bottomleft {
	left: 0px;
	bottom: 0px;
	background-position: -25px 0px;
}

.round-tab-bottomright {
	right: 0px;
	bottom: 0px;
	background-position: 0px 0px;
}

.category01-panel {
	background-repeat: no-repeat;
	background-position: center center;
	height: 160px;
	width: 300px;
	position: relative;
	margin-bottom:85px;
}

.subcategory.inner-shadow {
	height: 160px;
	width: 300px;
	background-image: url(../images/subcategory-inner-shadow.png);
	background-position: center center;
	position: relative;
	z-index:2;
	margin-bottom:65px;
}


.category01-panel.nf-pubs {
	background-image: url(../images/subcategory-01-pubs.jpg);
}
.category01-panel.nf-campsites {
	background-image: url(../images/subcategory-01-campsites.jpg);
}
.category01-panel.nf-hotels {
	background-image: url(../images/subcategory-01-hotels.jpg);
}
.category01-panel.nf-restaurants {
	background-image: url(../images/subcategory-01-restaurants.jpg);
}
.category01-panel.nf-bandb {
	background-image: url(../images/subcategory-01-bandb.jpg);
}
.category01-panel.nf-boundary {
	background-image: url(../images/subcategory-01-boundary.jpg);
}
.category01-panel.nf-playgrounds {
	background-image: url(../images/subcategory-01-playgrounds.jpg);
}
.category01-panel.nf-walks {
	background-image: url(../images/subcategory-01-walks.jpg);
}
.category01-panel.nf-events {
	background-image: url(../images/subcategory-01-events.jpg);
}

.subcategory h2,
.subcategory h3,
.subcategory p{
	background-image: url(../images/body-background-tile.jpg);
	background-repeat: repeat;
	position: absolute;
	z-index:3;
	padding:10px;
	-webkit-box-shadow: 0px 0px 4px #000;
	-moz-box-shadow: 0px 0px 4px #000;
	box-shadow: 0px 0px 4px #000;
	margin-left:auto;
	margin-right:auto;
	
	-webkit-border-radius: 5px; /* Saf3-4, iOS 1-3.2, Android ≤1.6 */
     -moz-border-radius: 5px; /* FF1-3.6 */
          border-radius: 5px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */
}


.subcategory.inner-shadow h2,
.subcategory.inner-shadow h3{
	top:-20px;
	line-height:20px;
	z-index:4;
	text-align:center;
	max-width:60%;
	position:relative;
	font-size:16px;
}

.subcategory.inner-shadow p{
	bottom:-65px;
	left:25px;
	width:230px;
	z-index:3;
	position:absolute;
	font-size:13px;

}

.image_460, .image_460x600, .image_460x345 {
	background-repeat: no-repeat;
	background-position: left top;
	width: 460px;
}

.image_460x600 {
	height: 600px;
}

.image_460x345 {
	height: 345px;
}

.inner-shadow_460, .inner-shadow_460x600, .inner-shadow_460x345 {
	width: 460px;
	background-position: center center;
	position: relative;
	background-repeat: no-repeat;
}

.inner-shadow_460 {
	background-image: url(../images/460x460-inner-shadow-01.png);
	height: 460px;
}

.inner-shadow_460x600 {
	height: 600px;
	background-image: url(../images/460x600-inner-shadow-01.png);
}

.inner-shadow_460x345 {
	height: 345px;
	background-image: url(../images/460x345-inner-shadow-01.png);
}

.clear.nft-banner, .clear.nft-banner-small {
	background-repeat: no-repeat;
	background-position: center 0px;
	height: 40px;
	width:960px;
	margin-bottom:60px;
	overflow: visible;
	visibility: visible;
	position:relative;
	padding-top:10px;
}

.clear.nft-banner.homemargin {
	margin-bottom:25px;
}


.clear.nft-banner-small {
	background-image: url(../images/decorative-divider-small-02.gif);
	margin-bottom:45px;
}

.clear.nft-banner-small.homemargin {
	margin-top:25px;
}

.clear.nft-banner-small.text {
	padding-top:20px;
	margin-bottom:30px;
	background-position: center bottom;
}

.clear.nft-banner.text {
	padding-top:25px;
	margin-bottom:60px;
	background-position: center bottom;
}

.last.clear.nft-banner-small {
	margin-bottom:25px;
}

.clear.nft-banner {
	background-image: url(../images/decorative-divider-01.gif);
}

#locationinformation .clear.nft-banner-small.text {
	margin-bottom:20px;
}

/* INFOCARDS */

.details-card,
.details-card-businesses,
.details-card-campsites {
	width: 400px;
	height: 160px;
	background-image: url(../images/header-background-tile.jpg);
	background-repeat: repeat;
	border: 10px double #DCCEC0;
	background-color: #003366;
	position:relative;
	padding: 20px;
	margin-bottom:20px;
}
.details-card-businesses {
	height: 200px;
}
.details-card-campsites {
	height: 250px;
}
.details-card img,
.details-card-businesses img,
.details-card-campsites img{
	border: 2px solid #CCC;
	display: inline;
	float: right;
	margin-left:10px;
}
.details-card h2,
.details-card-businesses h3,
.details-card-campsites h3 {
	font-size:20px;
	line-height:26px;
}
.details-card-businesses h3,
.details-card-campsites h3 {
	margin-bottom:10px;
}
.details-card-businesses h2,
.details-card-campsites h2 {
	font-size:26px;
	line-height:30px;
}
p.details-category{
	font-size:12px;
	font-style: italic;
	color: #F7E7D8;
	margin-bottom:0px;
	padding-bottom:0px;
	padding-left:10px;
}


.grid_12.review-form {
	margin-top: 0px;
	padding:20px;
	background-color:#FFF;
	width:900px;
}

.grid_12.review-form.results {
	margin-top: 20px;
}

.grid_12.review-form .grid_5.alpha {
width:360px;
}
.grid_12.review-form .grid_4.omega,
.grid_12.review-form.results .grid_4.alpha {
width:280px;
}
.grid_12.review-form.results .grid_8.omega {
width:600px;
}

.grid_12.review-form .grid_6.alpha,
.grid_12.review-form .grid_6.omega {
width:440px;
}

.grid_12.review-form.results .grid_8.omega p.round-corners {
	border: 1px solid #CCC;
	background-image: url(../images/body-background-tile.jpg);
	background-repeat: repeat;
	padding:20px;
	margin-bottom:0;
}

.review-form p {
	font-size:12px;
}
.review-form h3 {
	margin-bottom: 10px;
	line-height:24px;
}
.review-form h4 {
	font-size:16px;
	line-height:20px;
	margin-bottom: 10px;
}
.review-form form #name,
.review-form form #email {
	width:198px;
	border: 1px solid #CCC;
}
.review-form form #reviewcomments {
	width:278px;
	height:100px;
	border: 1px solid #CCC;
}
.review-form form #submitreviewbutton {
	float:right;
}



.gps-location {
	background-image: url(../images/location-compass.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 60px;
	color: #003366;
}
.gps-location strong, .gps-location em{
	display:block;
	margin-top:0px;
	margin-bottom:0px;
	font-size: 16px;
}
.gps-location em{
	display:inline-block;
	font-size: 11px;
	font-weight: bold;
	font-family: "Courier New", Courier, monospace;
}

.location-link {
	position: absolute;
	left: 20px;
	bottom: 20px;
}


.product-navigation {
	height: auto;
	width: auto;
}

.product-navigation p {
	display: block;
	float: left;
	margin-right:10px;
	margin-bottom:20px;
}


.footer {
	background-image: url(../images/footer-background-tile.jpg);
	background-repeat: repeat;
	color: #cccccc;
	padding-top:20px;
	padding-bottom:20px;
}
.footer a{
	color: #cccccc;
	text-decoration: none;
}
.footer a:hover{
	text-decoration: underline;
}
.footer ul{
	list-style-type: none;
}
.footer ul li{
	margin: 0px;
	padding: 0px;
	font-size: 11px;
	line-height:16px;
}
.footer ul li h3{
	font-size: 12px;
	margin-bottom:10px;
}
.footer ol li{
	font-size: 11px;
	list-style-type: none;
	margin-left: 0px;
	padding-left: 0px;
	text-align: left;
	color: #869EC7;
}
.container_12.footer .grid_12.extra-margin-20top li a {
	background-image: none;
	margin: 0px;
	padding: 0px;	
}