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


/* GENERAL STYLES __________________________________________________________________*/


body{ margin:0; font-family:Arial, Helvetica, sans-serif; color:#292828; font-size:70%}
table{ font-size:1em;}

#wrapper{ text-align:left; margin:0 auto; width:1004px; position:relative;}

#printlogo{ display:none}
#header{ position:relative; margin-bottom:1px;}
.headerhome{ height:316px}
.headerinside{ height:232px;}
.headeradmin{ height:150px;}

#flash{ position:absolute; top:0; left:0; z-index:1}
#navwrap{ position:absolute; top:57px; left:17px; z-index:10; background:url(images/tile_nav.gif) repeat-x; border-bottom:1px solid #ffc05a; width:773px}
#nav{ background:url(images/bg_nav.gif) no-repeat; float:left; height:35px; position:relative; z-index:1;}
#search{ float:left; padding:6px 0 0 16px}
.searchinput{ width:108px; border:none; background:url(images/bg_search.gif) no-repeat; color:#606060; font-size:.9em; float:left; padding:4px 0 6px 7px}
.searchbtn{ float:left}
#search br{ display:none}

#page{ margin:0 17px; background:url(images/tile_page.jpg) repeat-y; border-top:1px solid #bcb6b6;}
.pageadmin{ padding-bottom:40px}
#pagebot{ background:url(images/tile_bottom.gif) bottom left repeat-x}
#pagecorner{ background:url(images/bg_corner.gif) bottom right no-repeat; padding:0 1px 30px 1px;}
#pagecornerhome{ background:url(images/bg_corner.gif) bottom right no-repeat; padding:0 1px 27px 1px;}

#footer{ text-align:center; font-size:.9em; color:#7b7e83; margin:20px 0 0 0; padding-bottom:60px }
#footer a{ color:#7b7e83; text-decoration:none}
#footer a:hover, #footer a:active{ text-decoration:underline}

#footer p{ margin:0; padding:0}


/* HOME PAGE STYLES __________________________________________________________________*/


#homepanels{ }
#homepanels h3{ margin:0; padding:0 0 3px 0; font-size:1.1em; color:#386cb0}
#homepanels p{ margin-top:0; padding-top:0}
.pnl-blue{ float:left; background:url(images/bg_bluefade.jpg) no-repeat; height:185px;}
.pnl-line{ background:url(images/bg_greyline_h.jpg) top right no-repeat; padding:15px 10px 0 20px; height:185px}
.pnl-end{ padding:15px 0 0 20px;}
.pnl-content{ padding-top:15px}
#partners{ width:222px}
#lookingfor{ width:264px; float:left; background: url(images/bg_lookingfor.jpg) no-repeat; height:185px}
#lookingfor .pnl-content{ padding-left:74px}
#whatsnew{ width:270px;  height:185px}
#whatsnew a{ color:#ff5c55; text-decoration:underline}
#whatsnew a:hover, #whatsnew a:active{ text-decoration:none}
#dnn_membersonline h2{ margin-bottom:10px}

#dnn_ContentPane { margin:0; padding:0;}
#dnn_ContentPane .tagline {position:absolute; top:13px; right:0px; width:500px; height:40px; margin:0; padding:5px 0px 0px 500px; text-align:right; z-index:999;}


/* INSIDE PAGE STYLES __________________________________________________________________*/


#left{ float:left; width:215px; padding-right:1px; background:url(images/bg_greyline_inside.gif) bottom right no-repeat}
#left h2{ margin-bottom:10px}
.pnl-blue-inside{ background:url(images/bg_bluefade.jpg) no-repeat; border-bottom:1px solid #bcb6b6; padding:15px 0 20px 22px}
.pnl-blue-inside-last{ background:url(images/bg_bluefade.jpg) no-repeat; padding:15px 0 20px 22px}
#subnav{}
#quicklinks{ background:url(images/bg_bluefade.jpg) no-repeat;  }
#quick-beccy{ background:url(images/bg_quicklinks.jpg) bottom right no-repeat; border-bottom:1px solid #bcb6b6; padding:15px 40px 20px 22px;}

#right{ float:left; background:url(images/bg_bluefade.jpg) no-repeat}
.rightnarrow{ width:545px}
.rightwide{ width:685px}
#content{ margin:10px 22px 0 24px}

#breadcrumbs{ margin:12px 0 0 24px; font-size:.9em;}
.breadcrumbs-home a{ margin-right:4px; color:#3ba6ee; text-decoration:none; }
#breadcrumbs a:hover, #breadcrumbs a:active{ text-decoration:underline}
.breadcrumb, .breadcrumbs a{ margin-right:4px; padding-left:9px; color:#3ba6ee; text-decoration:none; background:url(images/bg_breadlight.gif) left center no-repeat }
.breadcrumbs a:last-child{ color:#2661aa; background-image: url(images/bg_breaddark.gif)}

#col3-bg{ background:url(images/bg_col3.jpg) top right no-repeat; height:1%}
#col3{ float:left; width:207px; text-align:center}
#col3-title{ margin:45px 0 15px 14px; text-align:left}
#whitebox{ background:url(images/bg_whitebox.gif) top left no-repeat; width:196px; height:301px; margin:0 auto; text-align:left}


/* SITEMAP STYLES __________________________________________________________________*/


.sitemap ul{ margin-left:0; padding-left:15px}

.sitemap li{ list-style:none; padding-left:10px; background:url(images/bg_sitemap_li.gif) left 5px no-repeat; font-weight:bold}
.sitemap li li{ background:url(images/bg_sitemap_li_li.gif) left 5px no-repeat; font-weight:normal}
.sitemap li li li{ background:url(images/bg_sitemap_li_li_li.gif) left 5px no-repeat}

.sitemap li a:link, .sitemap li a:visited{ color:#21529c}
.sitemap li li a:link, .sitemap li li a:visited{ color:#3193d6}


/* POSTCODE SEARCH  __________________________________________________________________*/


.postcoderadio{ margin-bottom:4px; display:block}
.dots{ background:url(images/bg_dots.gif) bottom left repeat-x; padding:3px 0; margin-bottom:15px}
.partner{ margin-top:8px}

#mapwrap{ border:1px solid #bcb6b6; background:url(images/bg_bluefade.jpg) no-repeat; width:502px; margin:15px; position:relative;}
#maptitle{ padding:25px 0 15px 20px}
#map{ width:500px; height:300px; border:1px solid #fff}
.infotitle{ color:#20569f; font-size:1.2em; font-weight:bold}
#beccymap{ width:62px; height:145px; position:absolute; bottom:1px; right:1px; background:url(images/beccymap.png) no-repeat; z-index:9999999999999999999999999}
#partnersearch a{ text-decoration:underline; color:#3ba6ee}

.findapartner{ margin-top:30px}


/* TEXT, LINKS, CLASSES _____________________________________________________________________________________*/


h1{ color:#1f569e; font-size:1.5em; margin:0; padding:0 }
h2{ margin:0; padding:0; font-size:1.4em; color:#3ba6ee}
h3{font-size:1.2em; }

.Head{ color:#2661aa; font-size:1.3em}
.SubHead{ }

a, a:link, a:visited{ color:#3793d6; text-decoration:none}
a:hover, a:active{ text-decoration:underline}
a img{ border:none}

.pink{ color: #ff5c55}

.clear{ clear:both}


/* STRUCTURAL NAV MENU STYLES___________________________________________________________*/


#nav ul {padding: 0; margin: 0; border: 0; list-style: none; list-style-type:none; white-space: nowrap; position: relative; z-index: 999999;}
#nav li { position: relative; display: inline; float: left; margin: 0; border: 0; padding: 0; list-style:none; list-style-type:none}
#nav a{ display:block; white-space:nowrap; text-decoration:none; position:relative}
#nav li li { z-index: 11113;}
#nav li ul{position: absolute; margin: 0; border: 0; padding: 0; z-index: 11112;left: -9999px;}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul { left: -9999px;}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul,
#nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
left: auto; z-index: 99999;}

#nav iframe { position: absolute; left: 0; top: 0; z-index: 0; display: block; filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0); }


/* CUSTOM NAV MENU STYLES_______________________________________________________________________________*/


#nav ul{ }
#nav li{ border-right:1px solid #fb9e12; height:35px; line-height:35px }
#nav a{ padding:0 12px 0 12px; color:#2661aa; font-weight:bold; line-height:35px; height:35px  }
#nav a:hover, #nav a:active, #nav a#HouseMenuNavCurrentLink,
#nav li:hover, #nav li.sfhover, #nav li:hover a, #nav li.sfhover a{ background:#fb9e12; color:#fff}
#nav li#HouseMenuNavItemHome a{ padding:0 12px 0 14px}
#nav li#HouseMenuNavItemHome:hover, #nav li#HouseMenuNavItemHome a:hover{ background:url(images/bg_home_r.gif) no-repeat}

#nav li ul{ background:#ffc05a; width:175px; border:1px solid #fb9e12; border-bottom:none; margin-left:-1px;  }
#nav li li{ border-right:none; border-bottom:1px solid #fb9e12; height:auto; line-height:1em; width:175px}
#nav li li a, #nav li li a:hover, #nav li li a:active{ padding:7px 10px 7px 10px; height:auto; line-height:1em;  }
#nav li:hover li, #nav li.sfhover li, #nav li:hover li a, #nav li.sfhover li a{ background:#ffc05a; color:#2661aa; }
#nav li li a:hover, #nav li li a:active, #nav li li a#HouseMenuNavCurrentLink,
#nav li li:hover, #nav li li.sfhover, #nav li li:hover a, #nav li li.sfhover a{ background:#fb9e12; color:#fff; }

#nav li li ul{ margin:-26px 0 0 175px; width:185px}
#nav li li li{ width:185px}
#nav li li:hover li, #nav li li.sfhover li, #nav li li:hover li a, #nav li li.sfhover li a{ background:#ffc05a; color:#2661aa; }
#nav li li:hover li a:hover, #nav li li.sfhover li a:hover{ background:#fb9e12; color:#fff; }

#nav li li a#HouseMenuNavLink305,
#nav li li a#HouseMenuNavLink315,
#nav li li a#HouseMenuNavLink306,
#nav li li a#HouseMenuNavLink308,
#nav li li a#HouseMenuNavLink89,
#nav li li a#HouseMenuNavLink185,
#nav li li a#HouseMenuNavLink179,
#nav li li a#HouseMenuNavLink305{
background:#ffc05a url(images/bg_navarrow-blue.gif) right center no-repeat;}

#nav li li a#HouseMenuNavLink305:hover, #nav li li:hover a#HouseMenuNavLink305, #nav li li.sfhover a#HouseMenuNavLink305,
#nav li li a#HouseMenuNavLink315:hover, #nav li li:hover a#HouseMenuNavLink315, #nav li li.sfhover a#HouseMenuNavLink315,
#nav li li a#HouseMenuNavLink306:hover, #nav li li:hover a#HouseMenuNavLink306, #nav li li.sfhover a#HouseMenuNavLink306,
#nav li li a#HouseMenuNavLink308:hover, #nav li li:hover a#HouseMenuNavLink308, #nav li li.sfhover a#HouseMenuNavLink308,
#nav li li a#HouseMenuNavLink89:hover, #nav li li:hover a#HouseMenuNavLink89, #nav li li.sfhover a#HouseMenuNavLink89,
#nav li li a#HouseMenuNavLink185:hover, #nav li li:hover a#HouseMenuNavLink185, #nav li li.sfhover a#HouseMenuNavLink185,
#nav li li a#HouseMenuNavLink179:hover, #nav li li:hover a#HouseMenuNavLink179, #nav li li.sfhover a#HouseMenuNavLink179,
#nav li li a#HouseMenuNavLink305:hover, #nav li li:hover a#HouseMenuNavLink305, #nav li li.sfhover a#HouseMenuNavLink305{
background:#fb9e12 url(images/bg_navarrow-white.gif) right center no-repeat;}


/* SUBNAV STYLES _____________________________________________________________________________________*/


#subnav ul{ margin:0; padding:0; list-style:none}
#subnav li{ margin:0; padding:0; list-style:none; }
#subnav ul li div{ padding-left:15px; background:url(images/arrow_lightblue.gif) left 5px no-repeat; }
#subnav ul li a{ color:#2661aa; text-decoration:none; font-weight:bold}
#dnn_subnav ul li div:hover, #dnn_subnav ul li div.hover{  padding-left:15px; background:url(images/arrow_darkblue.gif) left 5px no-repeat; }


/* FORM STYLES ________________________________________________________________________________*/


.NormalTextBox{ font-size:1em; font-family:Arial, Helvetica, sans-serif}

.formlabel{ font-weight:bold; margin-top:10px; display:block}

.joinnow td{ text-align:left; padding-bottom:10px}


h2.formh{/*border-bottom:1px solid #c4c9cd;display:block;*/padding-top:20px;margin-bottom:5px}
#ticketpurchase td{padding:3px }
#ticketpurchase label, #ticketpurchase input, #ticketpurchase textarea{font-size:1em; font-family:Arial, Helvetica, sans-serif}
#ticketpurchase input, #ticketpurchase textarea{width:250px;border:1px solid #ccc}
#ticketpurchase .short input{width:203px}
#ticketpurchase label{font-weight:bold}

#ticketpurchase input#dnn_ctr1075_PurchaseDetails_btnSave{width:auto;}


/* ADMIN STYLES ________________________________________________________________________________*/


.admin_container{background:#fff; border: 1px solid #2661aa; width:auto; margin-top:20px}
.line, hr{border:none; background-color:transparent; border-bottom:1px solid #2661aa; width:100%}
.admintitle{background:#ffc05a; border-bottom:1px solid #005796; color:#2661aa}





/* These are standard sIFR styles... do not modify */

/*---- sIFR ---*/
.sIFR-flash {visibility: visible !important;margin: 0;padding: 0;}
.sIFR-unloading .sIFR-flash {visibility: hidden !important;}
.sIFR-replaced, .sIFR-ignore {visibility: visible !important;}
.sIFR-alternate {position: absolute;left: 0;top: 0;width: 0;height: 0;display: block;overflow: hidden;}
.sIFR-replaced div.sIFR-fixfocus {margin: 0pt; padding: 0pt; overflow: auto; letter-spacing: 0px; float: none;}




.sIFR-active h1, .sIFR-active h2, /*.sIFR-active h3,*/ .sIFR-active .darkblue, .sIFR-active .lightblue, .sIFR-active .darkbluelrg, .sIFR-active .lightbluelrg,
.sIFR-active .darkbluesml, .sIFR-active .lightbluesml, .sIFR-active .subnav, .sIFR-active .partner, .sIFR-active .maptitle, .sIFR-active h2.tagline {
font-family:Verdana; line-height:1em; visibility:hidden}


.sIFR-active h1{ font-size: 23px;}
.sIFR-active h2.tagline {font-size:18px;}
.sIFR-active h2, .sIFR-active .maptitle{ font-size: 16px;}
.sIFR-active h3.partner{ font-size: 14px;}
.sIFR-active .partner{ font-size: 13px;}
/*.sIFR-active h3{ font-size: 12px;}*/

.sIFR-active .darkblue, .sIFR-active .lightblue{ font-size: 13px;margin:-2px 0 0 0;}
.darkblue, .lightblue{ padding-left:12px; background:url(images/arrow_lightblue.gif) left 5px no-repeat; margin-top:-2px;}
.darkblue:hover, .lightblue:hover, #darkblue .hover{ padding-left:12px; background:url(images/arrow_darkblue.gif) left 5px no-repeat; margin-top:-2px;}

.sIFR-active .darkbluelrg, .sIFR-active .lightbluelrg{ font-size: 15px; margin:-2px 0 0 0;}
.darkbluelrg, .lightbluelrg{ margin-top:-4px}
.darkbluelrg{ padding-left:23px; background:url(images/circle_pink.gif) left center no-repeat}
.lightbluelrg{ padding-left:23px; background:url(images/circle_lightblue.gif) left 4px no-repeat}
.darkbluelrg:hover, #darkbluelrg .hover{ padding-left:23px; background:url(images/circle_darkblue.gif) left center no-repeat}
.lightbluelrg:hover, #lightbluelrg .hover{ padding-left:23px; background:url(images/circle_darkblue.gif) left 4px no-repeat}



.sIFR-active .darkbluesml, .sIFR-active .lightbluesml{ font-size: 13px;margin-top:-2px; padding-bottom: 0px}
.darkbluesml, .lightbluesml{ margin-bottom:4px; padding-bottom: 3px}
.darkbluesml{ padding-left:22px; background:url(images/circle_pink.gif) left 3px no-repeat}
.lightbluesml{ padding-left:22px; background:url(images/circle_lightblue.gif) left 3px no-repeat}
.darkbluesml:hover, #darkbluesml .hover{ padding-left:22px; background:url(images/circle_darkblue.gif) left 3px no-repeat}
.lightbluesml:hover, #lightbluesml .hover{ padding-left:22px; background:url(images/circle_darkblue.gif) left 3px no-repeat}

.sIFR-active .subnav {font-size:13px; margin-bottom:-2px}






/*---sifr fix 17-02-09 ---------*/


#dnn_partners h2, #dnn_lookingfor h2, #dnn_whatsnew h2{color:#ff565b;}
.darkblue a{font-size: 13px; color: #2661aa; font-weight: bold; text-decoration:none; padding:5px;}
.lightblue a{font-size: 13px; color: #51adf0; font-weight: bold; text-decoration:none; padding:5px;}

.darkbluelrg a{font-size: 13px; color: #2661aa; font-weight: bold; text-decoration:none; padding:5px;}
.lightbluelrg a{font-size: 13px; color: #51adf0; font-weight: bold; text-decoration:none; padding:5px;}

.lightbluelrg, .darkbluelrg, .lightblue, .darkblue {margin-bottom:3px;}

#subnav h2, #quicklinks h2 {color:#ff565b;}


/*--STATIC BANNER STYLES --------*/



.noBeckyBanner{
	background:url("/Portals/0/Skins/HP/images/header_static_no_becky.jpg") no-repeat scroll 0 0 transparent;
	height:316px;
	left:17px;
	position:absolute;
	top:12px;
	width:1004px;
}
.noBeckyBanner .myBanner {
	height:150px;
	left:250px;
	overflow:hidden;
	position:absolute;
	top:140px;
	width:600px;
}


.beckyBanner{
	background:url("/Portals/0/Skins/HP/images/header_static_becky.jpg") no-repeat scroll 0 0 transparent;
	height:316px;
	left:17px;
	position:absolute;
	top:12px;
	width:1004px;
}
.beckyBanner .myBanner {
	height:250px;
	left:250px;
	overflow:hidden;
	position:absolute;
	top:140px;
	width:400px;
}


a .bannerLink,
.bannerLink a {
	font-size:12px;
	color:#64b2f4;
	margin-right:5px;
	background:url("/Portals/0/Skins/HP/images/banner_link_bg.gif") no-repeat scroll 0 3px transparent;
	font-weight:bold;
	padding-left:10px;
}
a:hover .bannerLink,
.bannerLink a:hover {
	color:#ffffff;
	text-decoration:none;
}
.bannerTitle {
	color:#FFFFFF;
	font-family:Verdana;
	font-size:35px;
	font-weight:bold;
	margin:0;
}
.bannerText p{
	color:#FFFFFF;
	font-size:15px;
	font-weight:bold;
	margin:0;
	padding:0;
}