/*  universal reset
---------------------------------------------------------*/

*{
	font-size:100%;
	margin:0;
	padding:0;
	list-style: none;
}

img{ border: 0px;}
/*  miscellaneous bits
---------------------------------------------------------*/

.clearboth { clear: both; }
.bullets li{
	display:list-item;
	list-style-type: disc;
	margin-left:12px;
	padding: 0 0 2px 0;
}
textarea{
	font-family:Arial, Helvetica, sans-serif;
}
.pagination{
	text-align: right;
	margin-right:0;
}
* html .pagination { margin-right:3px; } /* star html hack, show to IE */

.mapnav
{
    padding: 40px 0px 0px 0px !important;
}
.mapNav ul li a {
	color: #233261!important;

} 

#map a.getguide {
color: #000000;
}

#map .current {
background-color: #fc6; color: #000 !important;
}

.map_key {
color: #AAAAAA;
padding-top:15px;
padding-bottom:15px;
}

.map_key img{
vertical-align: middle;
}

.map_key strong{
color: #777777;
}
/*New map styles START*/

.mapContent
{
  
    width: 948px;
    float: right;
    background-color: #99b3cc;
    overflow: hidden;
    margin: 0px 3px 0px 3px;
    
}
.mapNav
{
    text-align: right;
    width: 100px;
    position: absolute;
    left: 30px;
    top: 140px;
}
.mapPlaceholder
{
    float: right;
    margin: 62px 0px 0px 0px;
}
.mapIcon
{
    position: absolute;
    top: 340px;
    left:50px;
     behavior: url("/iepngfix.htc");
}
#mapBottom
{
  
    width: 948px;
    overflow: hidden;
    margin: 0px 3px 0px 3px;
    background: url("../_images/map-curve.jpg");
    background-repeat: no-repeat;
    
    background-position: left top;
    
}
#mapBottom ul
{
    width: 720px;
    margin: 40px 0px 0px 230px;

}
#mapBottom ul li
{
    width: 300px;
    position: relative;
    float:left;
    margin: 20px 50px 10px 0px;
    padding: 10px 0px 10px 0px;
   border-top: 1px solid #C8CCCF;
    border-bottom: 1px solid #C8CCCF;

}
#mapBottom ul li h2
{
    margin: 0px 0px 10px 20px;
    color: #ea651e;
    font-size: 100%;
    display: block;
    height: 38px;
    font-weight: 600;
}
#mapBottom ul li span
{
    float: left;
    clear: left;
        width:180px;
        margin: 0px 0px 0px 30px;

}
#mapBottom ul li a
{
    float: left;
    clear: left;
    color: #ea651e;
	padding-left: 19px;
	background: url("../_images/details_icon.gif") no-repeat 0px 3px;
}

.mapContactFlag
{
    position: absolute;
    top: -18px;
    left: -27px; behavior: url("/iepngfix.htc");
}
.mapContactImg
{
position: absolute;
top: 40px;
right: 0px;

}
.mapHidden
{
display:none;
}
.mapContactDetails
{
            margin: 0px 0px 0px 30px;
}








.list_arrow li{
	padding-left: 15px !important;
	padding-bottom: 5px !important;
	background: url("../_images/arrow_icon.gif") no-repeat 0px 4px;
}

.link_arrow{
	padding-left: 12px !important;
	padding-bottom: 5px !important;
	background: url("../_images/arrow_icon.gif") no-repeat 0px 1px;
}

.garden_pic{margin: 7px 8px 7px 0; padding:4px !important; border: 1px solid #C8CCCF;}

#accommodation #find_form{margin-left:0px;}
/*#accommodation .formwant-title-white2{margin-left:-3px;}
#accommodation_details .formwant-title-white2{margin-left:9px;}*/
#search_field_1{float:left; margin-right:10px;}
#search_field_2{float:left; margin-right:10px;}
#search_field_3{float:left;}
#search_field_4{float:left; margin-top:11px; margin-left:10px;}
#search_field_4{float:left; margin-top:18px; margin-left:10px;}
html>#accommodation #search_field_4{float:left; margin-top:11px; margin-left:10px;}

.search_field_small{
width: 125px
}

/*  document body
---------------------------------------------------------*/

body {
	font:75%/150% Arial, Helvetica, sans-serif;
	color:#000;
	background-color: #666;

}
#shadow {
	width:980px;
	margin: 20px auto;
	position:relative;
	    background: url("../_images/bg.gif") center repeat-y;

}
#canvas {
	display:block;
	position:relative;
	width:954px;
	margin: auto;
	text-align:left;
}
p {
	padding: 0.5em 0 0.5em 0;
}


/*  excluding or including browser versions
---------------------------------------------------------*/

.onlytext { display: none; }
	/* Extra backslash in this comment starts hide from IE-Mac \*/
.onlyiemac { display: none; }
	/* End hide from IE-Mac */


/*  hidden accessibility navigation
---------------------------------------------------------*/

#NAV-accessibility { margin-left:-10000px; }
#NAV-accessibility ul li { display: inline; }


/*  floating navigation
---------------------------------------------------------*/

#NAV-float { 
	width:954px;
	height: 2.3em;
	text-align:right;
	font-size: 90%;
	position:absolute;
	top: -20px;
	background-color: #666;
	color: #aaa;


}
#NAV-float ul { padding: 0 45px 0 0; }
#NAV-float ul li {
	display: inline;
	margin: 0 0.4em 0 0.4em;
}
#NAV-float ul li a {
	color: #ccc;
	text-decoration: none;
	padding: 1px 4px 0 4px;
}
#NAV-float ul li a:hover {
	color: #fff;
}


/*  main navigation
---------------------------------------------------------*/

#NAV-main-container  
{
    width: 964px;
    position: absolute;
    left:-3px;
    background: #000 url("../_images/corner.gif") right top no-repeat;
	
                       }
#NAV-main { overflow:hidden; }
#NAV-main ul {
	margin: 0 ;
	padding: 8px 0px 0 156px;
	float: left;
	font: bold 99%/100% Arial, Helvetica, sans-serif;
	text-transform: uppercase;
width:780px;

}
#NAV-main ul li { display: inline; }
#NAV-main ul li a,  #NAV-main ul li span {
	background: url("../_images/white3x3.gif") repeat-x;
	padding:3em 0em 0.5em 0em;
	/* Extra backslash in this comment starts hide from IE-Mac \*/
	padding:3em 0.7em 0.5em 0.6em;
	/* End hide from IE-Mac*/
	background-color: #000;
	color: #fff;
	text-decoration: none;
	float: left;

}
#toggleable a, #top-right-1 a, #fullwidth a {
	color: #f60 !important;
}
#toggleable a:hover, #top-right-1 a:hover, #fullwidth a:hover, a:hover {
	background-color: #f90 !important;
	color: #000 !important;
}

.current {
background-color: #fc6; color: #000;
}
#NAV-main ul li span, #NAV-main ul li a.current { background-color: #fc6; color: #000;
                                                 }


#logo {
	position: absolute;
top:15px;
left:15px;

}

#logo_print {
	display:none;
}



/*  activity navigation
---------------------------------------------------------*/



#NAV-activity {
	width: 162px;
	display: block; 
	text-align: right;
	float:left;
	margin: -50px 0px 0 0px;
	padding: 0 0px 0 15px;


	}	

/* ___________________________________________ */
.getguidebg
{

    width: 140px;
    float:right;
    height:90px;
    position: relative;
    margin: 0px 0px 0px 0px;

}

a.getguide {
color: #fff;
	background: url("../_images/guide.gif") no-repeat right top;
	display:block;
	height:80px;
	text-decoration: none;
	font-weight: bold;
 	width: 142px;
}
a.getguide span{
    padding: 40px 50px 0px 0px;	
    display: block;
}
/*a.getguide {
	color: #fff;
	background: url("../_images/guide.gif") no-repeat right top;
	display:block;
	width: 70px;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
	padding: 40px 57px 6px 5px;
	margin-right: 2px;
	}*/

/* ___________________________________________ */		
	
#NAV-activity ul { margin: 10px 0 0 0; display: block; }

.mapnav{
border :1px solid c5e5fc; }

#NAV-activity ul li a, .mapNav ul li a {
	color: #FFF;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	padding: 1px 0px 0 0px;
	clear: both;

	height:15px;
}
#toolkit {
	border-top: 1px solid #f90;
	padding: 10px 0 0 0;
	clear: both;
}
#tooltitle {
	color: #c60;
	font-weight: bold;
	font-size: 110%;
	text-transform: uppercase;
	text-decoration: none;
	padding: 0 4px 5px 4px;
}

/*  h1 and h2 logo replacements 
---------------------------------------------------------*/
#canvas #logo {
	display: block;
	padding: 0;
	margin: 0;
}
#canvas #logo a{
	display:block;
	width:113px;
	height:70px;
	float:left;
	overflow:hidden;
	z-index: 10;
	background: url("../_images/logo.gif") 0 0 no-repeat;
	background-position:bottom right;
	text-indent:-9999px;
}

#logo a:hover{
	background-color:Transparent !important;
}
/*
#canvas h1 {
	display: block;
	padding: 0;
	margin: 0;
}
#canvas h1 a{
	display:block;
	width:108px;
	height:63px;
	float:left;
	overflow:hidden;
	background: url("../_images/logo.gif") 0 0 no-repeat;
	text-indent:-9999px;
}
*/
h1 a:hover {
	background-color: transparent !important;
}

html>body #canvas h1 a {
	margin: 0 0 0 5px;
}

#toggleable h1 {
	padding: 0;
	margin: 22px 0 5px 0;
	display:block;
	width:515px;
	/*height:40px;*/
	float:left;
	overflow:hidden;
	font-size:1.5em;
	/*text-indent:-9999px;*/
	color:#FAB416;
	text-transform:uppercase;
}

#home #toggleable h1 {
	padding: 0;
	margin: 0px 0 5px 0;
	display:block;
	width:500px;
	height:40px;
	float:left;
	overflow:hidden;
	color:#000000;
	font-size:1.5em;
	/*text-indent:-9999px;*/
	text-transform:uppercase;
}


#operator #toggleable h1 {
	padding: 0;
	margin: 23px 0 5px 0;
	width:342px;
	height:auto;
	float:none;
	overflow:visible;
	text-indent:0px;
	color: #FAB416;
	font-size: 2em;
	line-height: 1em;
}

#accommodation #toggleable h1 {
	padding: 0;
	margin: 5px 0 0 0;
	display:inline;
	width:auto;
	float:none;
	overflow:visible;
	text-indent:0px;
	color: #CC9900;
	font-size: 1.2em;
	height: auto;
}

#map #toggleable h1 {
	padding: 0;
	margin: 5px 0 0 0;
	display:inline;
	width:auto;
	float:left;
	overflow:visible;
	text-indent:0px;
	color: #CC9900;
	font-size: 1.2em;
	height: auto;
}


#event #toggleable h1 {
	padding: 0;
	margin: 23px 0 0px 0;
	display:inline;
	width:500px;
	height:40px;
	float:left;
	overflow:visible;
	text-indent:0px;
	color: #FAB416;
	font-size: 2em;
}

/*
#home #toggleable h1 { background: url("../_images/title_wild_about.gif") 0 0 no-repeat; }
#thingstodo #toggleable h1 { background: url("../_images/title_get_paddling.gif") 0 0 no-repeat; }
#event #toggleable h1 { background: url("") 0 0 no-repeat;}
#whatson #toggleable h1 { background: url("../_images/title_whats_on.gif") 0 0 no-repeat; }
.register #toggleable h1 { background: url("../_images/title_register.gif") 0 0 no-repeat; }

#guide #toggleable h1 { background: url("../_images/title_brochurerequests.gif") 0 0 no-repeat; }
#adventure #toggleable h1 { background: url("../_images/title_adventure.gif") 0 0 no-repeat; }
#specialoffers #toggleable h1 { background: url("../_images/title_special_offers.gif") 0 0 no-repeat; }
*/
#movies-title{
	width:342px;
	height:40px;
	top: -50px;
	position: relative;
	margin-bottom: -35px;

	}
.movies-container{
	width:342px;
	clear: both;
	position: relative;
	top: 0px;
}
.movies-intro{
	position: relative;
	float: left;
	width: 320px;
	display: block;
	left: 0px;
	padding-bottom: 25px;
	
}
.movies-text{
	position: relative;
	float: left;
	width: 160px;
	display: block;
	left: 0px;
	padding-bottom: 25px;
	
}
.movies-pic{
	float: left;
	position: relative;
	padding-left: 10px;
	width: 150px;
	padding-top: 8px;
}

/*
#act_canoeing #toggleable h1 { background: url("../_images/title_act_canoeing.gif") 0 0 no-repeat; }
#act_coasteering #toggleable h1 { background: url("../_images/title_act_coasteering.gif") 0 0 no-repeat; }
#act_diving #toggleable h1 { background: url("../_images/title_act_diving.gif") 0 0 no-repeat; }
#act_kayaking #toggleable h1 { background: url("../_images/title_act_kayaking.gif") 0 0 no-repeat; }
#act_kitesurfing #toggleable h1 { background: url("../_images/title_act_kitesurfing.gif") 0 0 no-repeat; }
#act_mountain_biking #toggleable h1 { background: url("../_images/title_act_mountain_biking.gif") 0 0 no-repeat; }
#act_sailing #toggleable h1 { background: url("../_images/title_act_sailing.gif") 0 0 no-repeat; }
#act_surfing #toggleable h1 { background: url("../_images/title_act_surfing.gif") 0 0 no-repeat; }
#act_windsurfing #toggleable h1 { background: url("../_images/title_act_windsurfing.gif") 0 0 no-repeat; }

#act_getwet #toggleable h1 { background: url("../_images/title_act_getwet.gif") 0 0 no-repeat; }
#act_gethigh #toggleable h1 { background: url("../_images/title_act_gethigh.gif") 0 0 no-repeat; }
#act_getmuddy #toggleable h1 { background: url("../_images/title_act_getmuddy.gif") 0 0 no-repeat; }
#act_getblownabout #toggleable h1 { background: url("../_images/title_act_getblownabout.gif") 0 0 no-repeat; }
#act_getpaddling #toggleable h1 { background: url("../_images/title_act_getpaddling.gif") 0 0 no-repeat; }

#region #toggleable h1 { background: url("../_images/title_about_the_region.gif") 0 0 no-repeat; }

#reg_swanseabay #toggleable h1 { background: url("../_images/title_reg_swansea.gif") 0 0 no-repeat; }
#reg_carmarthenshire #toggleable h1 { background: url("../_images/title_reg_carmarthenshire.gif") 0 0 no-repeat; }
#reg_pembrokeshire #toggleable h1 { background: url("../_images/title_reg_pembrokeshire.gif") 0 0 no-repeat; }

#tripplanner #toggleable h1 { background: url("../_images/title_tripplanner.gif") 0 0 no-repeat; }

#operator #toggleable h1 { background: url("") 0 0 no-repeat; }

#contact #toggleable h1 { background: url("../_images/title_contact.gif") 0 0 no-repeat; }
#accessibility #toggleable h1 { background: url("../_images/title_accessibility.gif") 0 0 no-repeat; }
#environment #toggleable h1 { background: url("../_images/title_environment.gif") 0 0 no-repeat; }
#sitemap #toggleable h1 { background: url("../_images/title_sitemap.gif") 0 0 no-repeat; }
#terms #toggleable h1 { background: url("../_images/title_termsofuse.gif") 0 0 no-repeat; }
#privacy #toggleable h1 { background: url("../_images/title_privacypolicy.gif") 0 0 no-repeat; }
#board #toggleable h1 { background: url("../_images/title_bulletinboard.gif") 0 0 no-repeat; }
#links #toggleable h1 { background: url("../_images/title_usefullinks.gif") 0 0 no-repeat; }
#enquiries #toggleable h1 { background: url("../_images/title_enquiries.gif") 0 0 no-repeat; }

#about #toggleable h1 { background: url("../_images/title_about_the_region.gif") 0 0 no-repeat; }
#none #toggleable h1 { background: url("../_images/title_placeholder.gif") 0 0 no-repeat; }
*/
						
/* content topleft 
---------------------------------------------------------*/

#content {
	overflow: hidden;
	font-size: 90%;
	width: 954px;
	  background-image: url(../_images/bg-home-left-bg.gif);
  background-repeat: repeat-y;
	


	
}
#content.homebot
{
    	padding: 0px 0px 0px 0px!important;

    
}
#thingstodo #content {
	background: url("../_images/bg-content-owo.gif") 0 -520px repeat-y ;

					overflow:hidden;



}

#generic #content {
	background: #FFF url("../_images/bg-content-owo.gif") 0 -520px repeat-y ;

						overflow:hidden;


}

#whatson #content {
	background: #FFF url("../_images/bg-content-owo.gif") 0 -520px repeat-y ;
	overflow:hidden;
	
}

#event #content {
	background: #FFF url("../_images/bg-content-owo.gif") 0 -520px repeat-y ;

	overflow:hidden;
}

#specialoffers #content {
	background: #FFF url("../_images/bg-content-owo.gif") 0 -520px repeat-y ;

	overflow:hidden;
}

#about #content {
	background: #FFF url("../_images/bg-content-owo.gif") 0 -520px repeat-y ;

	overflow:hidden;
}
#activity #content {
	background: #FFF url("../_images/bg-content-owl.gif") 0 -520px repeat-y ;
	overflow:hidden;


}
#region #content {
	background: #FFF url("../_images/bg-content-owl.gif") 0 -520px repeat-y ;

	overflow:hidden;

}
#accommodation #content {
	background: #FFF url("../_images/bg-content-ow.gif") 0 -520px repeat-y ;
	overflow:hidden;
}
#map #content {
	background: #FFF ;
	
}
#accommodation_details #content {
	background: #FFF url("../_images/bg-content-owl.gif") 0 -520px repeat-y ;

}
#none #content {
	background: #FFF url("../_images/bg-content-ow.gif") 0 -520px repeat-y ;

}
#top-left-1-2 {
	margin:0;
	width: 733px;
	float: left;
	
 /* the box model hack*/
	padding:250px 0 0 0px;
	border-left: 3px solid #fff;

}

/* Operator styles to move text up  */
#operator #top-left-1-2 { padding-top: 115px}
#generic #top-left-1-2 { padding-top: 168px}
#activity #top-left-1-2 { padding-top: 168px}
#thingstodo #top-left-1-2 { padding-top: 168px}
#region #top-left-1-2 { padding-top: 168px}
#about #top-left-1-2 { padding-top: 168px}
#whatson #top-left-1-2 { padding-top: 168px}
#event #top-left-1-2 { padding-top: 168px}
#specialoffers #top-left-1-2 { padding-top: 168px}
#accommodation_details #top-left-1-2 { padding-top: 168px}

/* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% CODE NEEDS FIXING this defines a set height for the frontpage */
#home #top-left-1-2  
{

  overflow: hidden;
  padding:280px 0px 10px 0px;

}




/* _____ acomidation styles _______ */

#accommodation #top-left-1-2 {
	margin:0;
	float: left;
 /* the box model hack*/
 padding:168px 0 0 0px;
 width:948px;
}


/* _____ accomadation styles ______ */

/* _____ map styles _______ */

#map #top-left-1-2 {
margin:0;
 padding:95px 0 0 0px;
 width: 956px;
 float:right;



}

/* _____ accomadation styles ______ */
	

#home #top-left-1-2 { background: #FCB415 url("../_images/pic-left-01.jpg") no-repeat top right; }
#thingstodo #top-left-1-2 { background: url("../_images/pic-left-generic.jpg") no-repeat top right; margin-top:60px;   }
/*#activity #top-left-1-2 { background: url("../_images/pic-left-02.jpg") no-repeat top right; }*/
#act_surfing #top-left-1-2 { background: url("../_images/pic-left-surfing.jpg") no-repeat top right;  margin-top:60px; }
#act_kitesurfing #top-left-1-2 { background: url("../_images/pic-left-kitesurfing.jpg") no-repeat top right;  margin-top:60px; }
#act_coasteering #top-left-1-2 { background: url("../_images/pic-left-coasteering.jpg") no-repeat top right;  margin-top:60px; }
#act_windsurfing #top-left-1-2 { background: url("../_images/pic-left-windsurfing.jpg") no-repeat top right; margin-top:60px;  }
#act_diving #top-left-1-2 { background: url("../_images/pic-left-diving.jpg") no-repeat top right; margin-top:60px; }
#act_sailing #top-left-1-2 { background: url("../_images/pic-left-sailing.jpg") no-repeat top right; margin-top:60px;  }
#act_kayaking #top-left-1-2 { background: url("../_images/pic-left-kayaking.jpg") no-repeat top right; margin-top:60px;  }
#act_mountain_biking #top-left-1-2 { background: url("../_images/pic-left-mountain-biking.jpg") no-repeat top right; margin-top:60px;  }
#act_canoeing #top-left-1-2 { background: url("../_images/pic-left-canoeing.jpg") no-repeat top right; margin-top:60px;  }

#act_getwet #top-left-1-2 { background: url("../_images/pic-left-diving.jpg") no-repeat top right;  margin-top:60px; }
#act_gethigh #top-left-1-2 { background: url("../_images/pic-left-coasteering.jpg") no-repeat top right;  margin-top:60px; }
#act_getmuddy #top-left-1-2 { background: url("../_images/pic-left-mountain-biking.jpg") no-repeat top right;  margin-top:60px; }
#act_getblownabout #top-left-1-2 { background: url("../_images/pic-left-windsurfing.jpg") no-repeat top right;  margin-top:60px; }
#act_getpaddling #top-left-1-2 { background: url("../_images/pic-left-kayaking.jpg") no-repeat top right;  margin-top:60px; }

#act_mountain_biking #operator #top-left-1-2 { background: url("../_images/pic-left-mountain-biking.jpg") no-repeat top right; margin-top:60px;  }


#whatson #top-left-1-2 { background: url("../_images/pic-left-whatson.jpg") no-repeat top right; margin-top:60px; }
#event #top-left-1-2 { background: url("../_images/pic-left-whatson.jpg") no-repeat top right; margin-top:60px; }
#specialoffers #top-left-1-2 { background: url("../_images/pic-left-specialoffers.jpg") no-repeat top right; margin-top:60px; }

#about #top-left-1-2 { background: url("../_images/pic-left-region.jpg") no-repeat top right; margin-top:60px; }
#reg_swanseabay #top-left-1-2 { background: url("../_images/pic-left-swanseabay.jpg") no-repeat top right; margin-top:60px; }
#reg_carmarthenshire #top-left-1-2 { background: url("../_images/pic-left-carmarthenshire.jpg") no-repeat top right; margin-top:60px; }
#reg_pembrokeshire #top-left-1-2 { background: url("../_images/pic-left-pembrokeshire.jpg") no-repeat top right; margin-top:60px; }

#none #top-left-1-2 { background: url("../_images/pic-left-02.jpg") no-repeat top right;  margin-top:60px;  }

#generic #top-left-1-2 { background: url("../_images/pic-left-coasteering2.jpg") no-repeat top right;  margin-top:60px;  }

#accommodation #top-left-1-2 { background: url("../_images/pic-accommodation-small.jpg") no-repeat top left;  margin-top:60px;  }
#map #top-left-1-2 { background: url("../_images/map_bg.jpg") no-repeat top left;  margin-top:60px;}
#accommodation_details #top-left-1-2 { background: url("../_images/pic-left-coasteering.jpg") no-repeat top right;  margin-top:60px;}

/*  homepage content switcher
---------------------------------------------------------*/
/*#toggleable {
	padding: 0 20px 0 18px;
	width: 329px;
	overflow:hidden;
	min-height: 20em;
}*/

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#toggleable {
	overflow:hidden;
	min-height: 20em;
	margin: 0px 0px 0px 0px;
 	padding: 0 10px 0 25px;
 	width: 505px;
}

html:lang(en)>body #toggleable {width: 520px;} /*  hack style ignored by all including safari  but not firefox*/ /*was 342px but have changed to 380*/

html:lang(en)>#accommodation_details #toggleable {width: 520px;} /*  hack style ignored by all including safari  but not firefox*/ /*was 342px but have changed to 380*/


/* acommadation layout styles */

#accommodation #toggleable {
	overflow:hidden;
	min-height: 20em;
	 /* the box model hack*/
 	padding: 0 20px 0 18px;
 	width: 758px;
	voice-family: "\"}\" ";
	voice-family: inherit;
	width: 720px;
}
html>#accommodation #toggleable {
	width: 720px;
}

/* end acommadation layout styles */

/* map layout styles */

#map #toggleable {
	overflow:hidden;
	min-height: 20em;
 	padding: 0 0px 5px 18px;
    float:right;
 	width: 734px;
 	margin:-95px 4px 0px 0px;



}



/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */


#toggleable p {
	width: 510px;

}
#toggleable img {
	padding: 0 0 0 0;
}

.nolinkblack {
	text-decoration: none;
	color: #000;
}
#fullwidth {
	padding: 0 20px 0 18px;
	width: 329px;
	overflow:hidden;
	min-height: 20em;     /* doesn't work in IE */
}

#fullwidth span {
	background: url("../_images/stars3.gif") no-repeat top right;
}

/* -------------------------------- site map ---------------------------------- */
ul.sitemap_parent{
	clear:both;
	display:list-item;
}
ul.sitemap_parent ul
{
     padding: 0px 0px 0px 20px;
     margin: 0px;
}
ul.sitemap_parent ul ul
{
      padding: 0px 0px 0px 40px;
     margin: 0px;
}
ul.sitemap_parent ul ul ul
{
      padding: 0px 0px 0px 60px;
     margin: 0px;
}

ul.sitemap_parent li li li{
	padding-bottom:0px;
}
ul.sitemap_child li{
	padding-bottom:0px;
}
/*  extended content
---------------------------------------------------------*/

#extendedcontent-4cols {

	width:954px;
	background-color: #fff;

				min-height:450px;
  height:auto !important;
  height:450px;

	

}
#extendedcontent-4cols .col {
	width: 212px;
	font-size: 90%;
	padding: 15px 0px 15px 0px;
	float: left;
	margin: 0px 0px 0px 22px;
	
}
.col h2 {
	text-transform: uppercase;
	color: #333;
}
#extendedcontent-4cols #col4 {
	width: 184px;
	font-size: 90%;
	margin: 15px 0px 0 0px;
	padding: 0 15px 15px 15px;
	border-left: 1px solid #ccc;
	float: right;
	background-color: #fff;
}
#col4 h2 {
	text-transform: uppercase;
	color: #333;
}
#col4 h2 a{
	text-transform: uppercase;
	text-decoration: none;
	color: #f90;
	padding: 1px 4px 0 4px;
	margin: 0 -4px 0 -4px;
}
#col4 h2 a:hover {
	text-decoration: none;
}
.col img {
	padding: 5px 0;
}
#col4 img {
	margin: 7px 0 -1px 0;
}
#extendedcontent-4cols .col p
{
    display: block;
    min-height:220px;
    height:auto !important;
    height:220px;

}


html>#home #col4 img { margin: 7px 0 0px 0;} /* overrides previous style for FF only */
.img:hover {
	background-color:#fff !important;
}
a.more {
	color:#F90;
	padding: 1px 4px 0 4px;
	margin: 0 -4px 0 -4px;
}
#calmini {
	background: #fff url("../_images/calmini.gif") no-repeat 0px 4px;
	padding: 4px 0 4px 25px;
}			
.botpadding {
	padding: 0 0 6px 0;
}
.hoz_divider{
	border-bottom: 1px solid #cccccc;
	margin-bottom: 5px;
}
						
/* topright forms
---------------------------------------------------------*/

#top-right-1 {
 background: url("../_images/pic-right-01_aut.jpg") no-repeat top left;
 margin: 0;
 float: right;
 color: #fff; 
 position: relative;
 border-right: 3px solid #fff;
 /* the box model hack*/
 padding: 250px 0px 0px 0px;
 width: 215px;
  margin-top: 60px;
 

}
html>body #top-right-1 {
 width:215px;
}

/*  */
#operator #top-right-1 {
 color: #000000; 
}
/*  */

/* Acommodation layout style */
#accommodation #top-right-1 {
 background: url("../_images/pic-right-01_aut.jpg") no-repeat top left;
/* margin: 0;*/
 float:none;
 color: #CCCCCC; 
 /* the box model hack*/
 padding: 250px 0px 10px 0px;
 width: 215px;
}
html>#accommodation #top-right-1 {
 width:215px;
}

/* ___________________________ */

/* Operator styles to move text up  */
#operator #top-right-1 { padding-top: 160px}
#generic #top-right-1 { padding-top: 175px}
#activity #top-right-1 { padding-top: 175px}
#thingstodo #top-right-1 { padding-top: 175px}
#region #top-right-1 { padding-top: 175px}
#about #top-right-1 { padding-top: 175px}
#whatson #top-right-1 { padding-top: 175px}
#event #top-right-1 { padding-top: 175px}
#specialoffers #top-right-1 { padding-top: 175px}
#accommodation_details #top-right-1 { padding-top: 175px}

/* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% CODE NEEDS FIXING this defines a set height for the frontpage */
#home #top-right-1 	
{
    /*height: 21.8em;*/
       min-height:275px;
  height:auto !important;
  height:275px;
    overflow: hidden;
      padding:0px 0px 0px 0px;

      
      }



.white { color: #000; }
.white { color: #000; }
#home #top-right-1, #about #top-right-1  { background: #F90 url("../_images/how-wild-flash-bg.jpg") no-repeat top left; }
/*#home #top-right-1, #about #top-right-1  { background: #F90 url("../_images/pic-right-01.gif") no-repeat top left; }*/
#thingstodo #top-right-1 { background: #F90 url("../_images/pic-right-generic.jpg") no-repeat top left; }
#whatson #top-right-1 { background: #F90 url("../_images/pic-right-whatson.jpg") no-repeat top left; }
#event #top-right-1 { background: #F90 url("../_images/pic-right-whatson.jpg") no-repeat top left; }
#specialoffers #top-right-1 { background: #F90 url("../_images/pic-right-specialoffers_ov.jpg") no-repeat top left; }
/*#activity #top-right-1 { background: #F7FBFE url("../_images/pic-right-02.jpg") no-repeat top left; }*/
#act_surfing #top-right-1 { background: url("../_images/pic-right-surfing.jpg") no-repeat top right; }
#act_kitesurfing #top-right-1 { background: url("../_images/pic-right-kitesurfing.jpg") no-repeat top right; }
#act_coasteering #top-right-1 { background: url("../_images/pic-right-coasteering.jpg") no-repeat top right; }
#act_windsurfing #top-right-1 { background: url("../_images/pic-right-windsurfing.jpg") no-repeat top right; }
#act_diving #top-right-1 { background: url("../_images/pic-right-diving.jpg") no-repeat top right; }
#act_sailing #top-right-1 { background: url("../_images/pic-right-sailing.jpg") no-repeat top right; }
#act_kayaking #top-right-1 { background: url("../_images/pic-right-kayaking.jpg") no-repeat top right; }
#act_mountain_biking #top-right-1 { background: url("../_images/pic-right-mountain-biking.jpg") no-repeat top right; }
#act_canoeing #top-right-1 { background: url("../_images/pic-right-canoeing.jpg") no-repeat top right; }

#act_getwet #top-right-1 { background: url("../_images/pic-right-kayaking_ov.jpg") no-repeat top right; }
#act_gethigh #top-right-1 { background: url("../_images/pic-right-kitesurfing_ov.jpg") no-repeat top right; }
#act_getmuddy #top-right-1 { background: url("../_images/pic-right-coasteering_ov.jpg") no-repeat top right; }
#act_getblownabout #top-right-1 { background: url("../_images/pic-right-sailing_ov.jpg") no-repeat top right; }
#act_getpaddling #top-right-1 { background: url("../_images/pic-right-canoeing_ov.jpg") no-repeat top right; }

#act_mountain_biking #operator #top-right-1 { background: url("../_images/pic-right-mountain-biking.jpg") no-repeat top right; }

#about #top-right-1 {  background: url("../_images/pic-right-region.jpg") no-repeat top right; }
#reg_swanseabay #top-right-1 {  background: url("../_images/pic-right-swanseabay.jpg") no-repeat top right; }
#reg_carmarthenshire #top-right-1 {  background: url("../_images/pic-right-carmarthenshire.jpg") no-repeat top right; }
#reg_pembrokeshire #top-right-1 {  background: url("../_images/pic-right-pembrokeshire.jpg") no-repeat top right; }

#none #top-right-1 { background: #FFF url("../_images/pic-right-03.jpg") no-repeat top left; }

#generic #top-right-1 { background: #F90 url("../_images/pic-right-generic-small.jpg") no-repeat top left; }
#accommodation_details #top-right-1 { background: url("../_images/pic-right-surfing.jpg") no-repeat top right; }


	/* formwant
	---------------------------------------------------------*/
	
	.formwant, #formwant {
		font-size: 100%;
		padding: 11px 0 12px 10px;
	}
	#formwant-title {
		color: #fff;
		font-weight: bold;
		text-transform: uppercase;
		padding: 5px 10px;
		margin: -51px -10px 0 0px;
	}
	.formwant-title-white {
		color: #000;
		font-weight: bold;
		text-transform: uppercase;
		padding: 5px 10px;
		/*margin: -51px -10px 0 -10px;*/
		margin: -13px -10px 0 -10px;
	}
	
	.formwant-drop {
		width: 150px;
	}
	html>body .formwant-drop {
		padding: 1px;
	}
	html>body .submitbutton_want {
		margin: 0 0 0 5px;
		padding: 2px;
	}

	/* formwhere
	---------------------------------------------------------*/
	
	#formwhere {
		font-size: 100%;
		padding: 11px 0 10px 10px;
	}
	
	
#formwhere span{
	font-size: 95%;
    line-height: 10px;
 margin: 0px 0px 10px 0px;

}
#formwhere p{
clear: both;

}
	#formwhere-title {
		color: #fff;
		background-color: #e68000;
		font-weight: bold;
		text-transform: uppercase;
		padding: 5px 10px;
		margin: 0 0px 0 0px;
	}
	#formwhere-title-white {
		color: #000;
		font-weight: bold;
		text-transform: uppercase;
		padding: 5px 10px;
		margin: 0 -10px 0 -10px;
	}
	.formwhere-region {
		margin: 0 0 5px 0;
		width: 150px;
	}
	
	html>body .formwhere-region {
		padding: 1px;
	}
	.formwhere-accomtype {
		margin: 0 0 5px 0;
		width: 150px;
	}
	html>body .formwhere-accomtype {
		padding: 1px;
	}
	.formwhere-budget {
		margin: 0 0 5px 0;
		width: 150px;
	}
	html>body .formwhere-budget {
		padding: 1px;
	}
	.submitbutton {
		margin: 5px 0 5px 0;
	}
	html>body .submitbutton {
		margin: 5px 0 5px 0px;
		padding: 2px;
	}
	
	#accommodation .submitbutton{
		margin: 0 0 5px 5px;
		padding: 2px;
	}

	html>#accommodation .submitbutton{
		margin: 5px 0 5px 5px;
		padding: 2px;
	}

/* footer
---------------------------------------------------------*/

#footer {
	display: block;
	width: 954px;
	height: 150px;
	margin: auto;
	padding:20px 0 20px 0;
    overflow: hidden;
    background-color: #fff;
text-align: center;
	font-size: 90%;
}

.footline {
	display:block;
	width: 650px;
	height: 1px;
	background: #ccc;
	margin: 0 auto 10px auto;
	}
	
#footer ul li {
	display: inline;
	margin: 0 0.4em 0 0.4em;
	color: #777;
}
#footer a {
	color: #aaa;
	text-decoration: none;
	padding: 1px 4px 0 4px;
}
#footer a:hover {
	color: #777;
}
#footer .onlyfull li { color: #aaa; }

h3 {
	padding: 20px 0 0 0;
}

.promo {
	margin: 10px 0;
	background-color: #F6FAFD;
	border: 1px solid #C8CCCF;
	padding: 10px;
	width: 300px;
}

.tppromo {
	margin: 10px 0;
	/*background-color: #FAFAFA;
	border: 2px dotted #CCCCCC;*/
	background-color: #F6FAFD;
	border: 1px solid #C8CCCF;
	padding: 10px;
	width: 300px;
}

/* accommodation layout styles  */
#accommodation .tppromo {
	margin: 10px 0;
	background-color: #F6FAFD;
	border: 1px solid #C8CCCF;
	padding: 10px;
	width: auto;
}
/* accommodation layout styles  */

#top-right-1 .promo {
	width: 175px;
}
.formwant-title-white2 {
		color: #000;
		font-weight: bold;
		text-transform: uppercase;
		margin: 20px 0 0 0;
	}

.promo h3 { padding: 0; }
.promo p { max-width: 270px; }

.tripplanner-add {
	font-weight: bold;
	padding-left: 20px !important;
	padding-bottom:8px;
	background: url("../_images/add_icon.gif") no-repeat 0px 0px;
}

#enquiry a {
	color: #FFFFFF !important;
	margin: 10px 10px 10px 0;
	float: left;
	background-color: #FAB416;
	padding: 4px 8px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
}

#accommodation .tpplace{
	margin: 10px 30px 10px 10px;
	min-height:130px;
  height:auto !important;
  height:130px;
  border-top: 1px solid #C8CCCF;
	border-bottom: 1px solid #C8CCCF;
	padding: 10px 0 10px 0;
	width: 320px;
	float: left;

}

#pageselector
{
    clear: both;
    display: block;
    margin: 10px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}




.accomleft { float: left; padding-right: 20px; }
.accommiddle { float: left;}
.accomright { float: left; }
.accomrightpic { float: right; padding:4px !important; border: 1px solid #C8CCCF; margin-bottom:20px; }
#accommodation .accomleft { float: left; clear:left; padding-right: 10px; }

/* Star Ratings */
.stars5 {background: url("../_images/stars5.gif") 0 0 no-repeat; margin: 0px 0 0px -3px !important; display:block !important; width:54px !important; height:16px !important; float:none !important; overflow:hidden !important; text-indent:-9999px !important;}
.stars4 {background: url("../_images/stars4.gif") 0 0 no-repeat; margin: 0px 0 0px -3px !important; display:block !important; width:54px !important; height:16px !important; float:none !important; overflow:hidden !important; text-indent:-9999px !important;}
.stars3 {background: url("../_images/stars3.gif") 0 0 no-repeat; margin: 0px 0 0px -3px !important; display:block !important; width:54px !important; height:16px !important; float:none !important; overflow:hidden !important; text-indent:-9999px !important;}
.stars2 {background: url("../_images/stars2.gif") 0 0 no-repeat; margin: 0px 0 0px -3px !important; display:block !important; width:54px !important; height:16px !important; float:none !important; overflow:hidden !important; text-indent:-9999px !important;}
.stars1 {background: url("../_images/stars1.gif") 0 0 no-repeat; margin: 0px 0 0px -3px !important; display:block !important; width:54px !important; height:16px !important; float:none !important; overflow:hidden !important; text-indent:-9999px !important;}
.stars0 {background: url("../_images/stars0.gif") 0 0 no-repeat; margin: 0px 0 0px -3px !important; display:block !important; width:54px !important; height:16px !important; float:none !important; overflow:hidden !important; text-indent:-9999px !important;}



.stars5, .stars4, .stars3, .stars2, .stars1, .stars0 {
		padding: 0;
		margin: 10px 0 5px 5px;
		display:block;
		width:54px;
		height:16px;
		float:left;
		overflow:hidden;
		text-indent:-9999px;
}

#operator .stars5, #operator .stars4, #operator .stars3, #operator .stars2, #operator .stars1, #operator .stars0{ 
		margin: 0px 0 5px -2px;
}
/* End Star Ratings */

.external_link{
	padding-left: 18px;
	background: url("../_images/external_link.gif") no-repeat 0px 3px;
	margin: 10px 0 10px 0;
}
li.external_link{
	padding-left: 18px;
	background: url("../_images/external_link.gif") no-repeat 0px 5px;
	margin: 5px 0 5px 0;
}
.details_icon {
	padding-left: 19px;
	background: url("../_images/details_icon.gif") no-repeat 0px 3px;
}
.enquiry{
	font-weight: bold;
	padding-left: 20px !important;
	padding-bottom:8px;
	background: url("../_images/speech_icon.gif") no-repeat 0px 4px;
	margin-top:10px;
}
.audio{
	font-weight: bold;
	padding-left: 20px !important;
	background: url("../_images/audio_icon.gif") no-repeat 0px 4px;
	margin-top:10px;
}
.save_icon{
	padding-left: 20px;
	background: url("../_images/save_icon.gif") no-repeat 0px 3px;
	margin: 10px 0 10px 0;
}
.input_textfields_big{
	margin: 0 0 5px 0;
	width: 225px;
	padding: 2px;
}
.input_textfields_small{
	margin: 0 0 5px 0;
	width: 150px;
	padding: 1px;
}
.input_textarea_big{
	padding: 2px;
}

.no_line_height{
line-height:50px;
height:0px;
margin:0px;
padding:0px;
}

.padination_line{
	padding:10px 0px 10px 0px;
	border-bottom: 1px solid #cccccc;
border-top: 1px solid #cccccc;
	clear: both;
	 display: block;
	 margin: 10px 0px 0px 0px;
}
/* New css written by al stevens to fix bug in existing css where right hand panel renders labels as white, when they should be black*/

#blacken label
{
	color:#000000;
	}
	
/* EXTEME VIDEOS*/
#transparentbutt
{	position: absolute;
	left:720px;
	top:50px;
	height:227px;
	width:217px;
	}
#transparentbutt a {position: absolute; top: 0; left: 0; width: 100%; height: 200px;}
#transparentbutt a:hover
{	
	background-color:Transparent!important;}
	
	#xtremevideobox{
	
	background-color: #F6FAFD;
	border: 1px solid #C8CCCF;
	width: 100%;
	margin-top:12px;


	}
	
	#xtremevideobox p{
	padding: 10px;
	}
	
	.xtremevideo{
	width: 300px;
	height: 250px;
	margin: 0px;
	padding: 0px;
	}
/* New competition - added February 2006. Author Al Stevens 
#winaholiday
	{
	position:absolute;
	left:0px;
	margin:6px 0 0 520px;
	text-align:center;
	width:217px;
	color:#FFFFFF;
	font-weight:bold;
	z-index:1;
	}
#winaholiday img
	{
	margin-top:8px;
	}
.competition #content {
	background: #FFF url("../_images/win/bg-content-owo.gif") top repeat-y !important;
}
.competition #toggleable h2 { background: url("../_images/win/title-enter.gif") 0 0 no-repeat; }
.competition2 #toggleable h2 { background: url("../_images/win/title-triple.gif") 0 0 no-repeat; }
.competition #toggleable p, .competition #toggleable ul, .competition2 #toggleable p, .competition2 #toggleable ul
	{
	margin-bottom:6px;
	clear:both;
	}
.competition #pnSendMessage label, .competition #pnSendMessage input, .competition #pnSendMessage select
{
	display:block;
	float:left;
	clear:left;
}
.competition2 #pnSendMessage  label, .competition2 #pnSendMessage input, .competition2 #pnSendMessage select
{
	display:block;
	float:left;
	clear:left;
}
.c

*/

/* PAGING CONTROL - Andy Dennis - 2007-05-09 - START */

ul.pagecontrol {display: block;}
ul.pagecontrol li, ul.pagecontrol ul, ul.pagecontrol ul li {display: inline;}
ul.pagecontrol li {padding-right: 2px;}
ul.pagecontrol li.pagelist {padding-right: 0;}
ul.pagecontrol a {padding: 3px 5px; border: 1px solid #cccccc; text-decoration: none; background: #f5f5f5;}
ul.pagecontrol a:hover {border: 1px solid #808080; color: #808080; background: none !important;}
ul.pagecontrol li.button-active a {border: 1px solid #808080; color: #808080; background:#ffffff;}
ul.pagecontrol li.button-previous {padding-right: 6px;}
ul.pagecontrol li.button-next {padding-left: 3px;}
li.pagelist ul li {background: #ffffff;}

/* PAGING CONTROL - Andy Dennis - 2007-05-09 - END */

/* RSS Start - Alex Simmons */
#rss {margin-left:10px;}
#rss input {vertical-align:-3px;}
#rss a {padding-left: 3px;}

/* RSS End */

#googleMap
{
    width: 752px;
    height: 395px;
}

/********************FLASH CONTENT***********/
.flashCollapsedOutter{
    height:227px;
    display: block;
    background-color: #e78400;
}

#flashExpanded{
    position:absolute;
    top:60px;
    right: 3px;
    visibility: visible; 
        z-index: 5000

}

#formwant-titleHome{

   position:absolute;
    top:200px;
    left: 10px;
    z-index: 4000;
    font-weight: 600;
    text-transform: uppercase;
}