/*@import url('rya-home.css');*/
@import url('rya-hub.css');
@import url('rya-article.css');
.audio
{
	display: none;
}
body
{
	voice-family: female;
}
body
{
	background: #01143C url(images/main-background.jpg) top left repeat-x;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 72%;
	margin: 0;
}

#wrapper
{
	background: #1C2C50 url(images/wrap-background.jpg) top left repeat-x;
	margin: auto;
	width: 950px;
}

#header
{
	border-bottom: solid 1px #0E4071;
	float: left;
	position: relative;
	width: 950px;
	z-index: 90;
}
#footer
{
	clear: both;
	padding: 10px 17px;
	text-align: right;
	width: 916px;
}
#footer a
{
	color: #fff;
}
#footer a:visited
{
	color: #A4ABB9;
}
#footer ul
{
	list-style: none;
	margin: 0;
	padding: 0;
}
#footer ul li
{
	display: inline;
	margin-left: 5px;
}
.blue
{
	color: #2b5987;
}
a
{
	outline: none;
}
p
{
	line-height: 17px;
	margin: 12px 0 0 0;
	padding: 0;
}
h1
{
	font-size: 2em;
}
h1.home
{
	color: #2b5987;
	font-size: 1.45em;
	margin: 7px 0 0;
	padding: 0;
}
h1.article
{
	color: #00204f;
	font-size: 1.65em;
	line-height: 1.25em;
	margin: 0;
	padding: 0;
}
h1.header-image
{
	margin: -20px 0px 10px -20px !important;
}
h1.searchResults
{
	color: #00204f;
	float: left;
	font-size: 1.65em;
	margin: 0;
	padding: 0;
}
h2
{
	border-bottom: 1px solid #98d3e4;
	font-size: 1.45em;
	margin: 0;
	padding: 0;
}
h2.article
{
	border-bottom: 0;
	border-left: 3px solid #ABDBE9;
	color: #2b5987;
	font-size: 1em;
	font-style: italic;
	font-weight: normal;
	line-height: 1.5em;
	margin: 15px 0 0;
	padding: 0 0 0 7px;
}
h2.article-hub
{
	border-bottom: 0;
	color: #00204f;
	font-size: 1.20em;
	font-weight: bold;
	margin: 15px 0 0;
	padding: 0;
}
h3
{
	color: #98d3e4;
	font-size: 1em;
	font-weight: bold;
	margin: 16px 0 0;
	padding: 0;
	text-transform: uppercase;
}
h2 a, h3 a
{
	text-decoration: none;
}
h2 a:hover, h3 a:hover
{
	text-decoration: underline;
}
h3.article
{
	border-bottom: 1px solid #98d3e4;
	color: #fff;
	font-size: 1.45em;
	margin: 0;
	padding: 0;
	text-transform: none;
}
h3.common
{
	color: #2B5987;
	margin-bottom: 10px;
}
h3.darkblue
{
	color: #00204F;
	margin-bottom: -2px !important;
	text-transform: none;
}
h3.medium
{
	color: #2b5987 !important;
}
h4
{
	color: #fff;
	font-size: 1em;
	font-weight: bold;
	margin: 16px 0 0;
}
h4.article-right
{
	color: #98d3e4;
	font-size: 1em;
	font-weight: bold;
	margin: 16px 0 -12px;
	padding: 0;
	text-transform: uppercase;
}
h4.article-top
{
	color: #98d3e4;
	font-size: 1.1em;
	font-weight: bold;
	margin: 16px 0 16px;
	padding: 0;
	text-transform: uppercase;
	width: 145px;
}
h5.article
{
	border-bottom: 1px solid #98d3e4;
	color: #2b5987;
	font-size: 1.3em;
	font-weight: bold;
	font-weight: normal;
	margin: 1.2em 0 0;
	padding: 0;
	text-transform: none;
}
p.connect2h5
{
	font-size: 0.8em !important;
	left: 0;
	margin-bottom: -30px;
	position: relative;
	text-align: right;
	top: -30px;
}
.nav-personal
{
	color: #fff;
	margin-top: 12px;
	padding-right: 16px;
	text-align: right;
	float: right; /* Aligns the weather control next to the signin/register link */
}
.nav-personal em
{
	color: #98D3E3;
	font-style: normal;
	font-weight: bold;
}
.nav-personal a
{
	color: #fff;
}
.nav-utility
{
	float: right;
	margin-top: 10px;
	text-align: right;
	width: 100%;
}
.nav-utility ul
{
	display: inline;
	float: right;
	list-style: none;
	margin: 0;
	padding: 0;
}
.nav-utility ul li
{
	display: inline;
	float: left;
	list-style: none;
}
.nav-utility ul li a
{
	color: #FFF;
	float: left;
	font-weight: bold;
	margin: 4px 6px 3px;
	padding: 0 2px;
	text-decoration: none;
	white-space: nowrap;
	width: auto;
}
.nav-utility ul li.on a, .nav-utility ul li a:hover
{
	background-color: #00204F;
}
.sitesearch
{
	display: inline;
	float: right;
	margin-left: 5px;
	padding-right: 12px;
}
.sitesearch input[type=image]
{
	margin-left: 5px;
}
.sitesearch input[type=text]
{
	background-color: #05437C;
	border: 0;
	color: #A3D7E8;
	font-size: 1em;
	font-style: italic;
	padding: 3px;
	position: relative;
	top: -3px;
}
.nav-main
{
	display: inline;
	float: left;
	margin-top: 8px;
	width: 100%;
}
.nav-main ul
{
	border-bottom: 1px solid #fff;
	display: inline;
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
}
.nav-main ul li
{
	float: left;
	list-style: none;
}
.nav-main ul li
{
	border-right: 1px solid #d8dce3;
	position: relative;
}

.nav-main ul li a
{
	background: url(images/topnav.png) repeat-x 0 0;
	border-left: 1px solid #fff;
	color: #00204f;
	display: block;
	font: bold 12px Arial, sans-serif;
	height: 42px;
	padding: 22px 9px 0 0;
	text-align: right;
	text-decoration: none;
	text-transform: uppercase;
}

.nav-main ul li a:hover, .nav-main ul li.on a, .nav-main ul li.selected a
{
	background-position: 0 -65px;
}

.nav-main ul li:first-child a
{
	border: none;
}
.nav-main ul li a.nav-ident
{
	background: url(images/navLogo.png) no-repeat 0 0;
	height: 0;
	overflow: hidden;
	padding: 64px 0 0 0;
	width: 118px;
}
.nav-main ul li a.nav-ident:hover, li.on .nav-main ul li a.nav-ident
{
	background-position: 0 -65px;
}

.nav-main ul li.nav-shop a
{
	width:153px; 
	height:22px; 
	background:url(images/navShopBg.png) no-repeat 0 0;
}

.nav-main ul li.nav-shop a:hover
{
	background-position: 0 -44px;
}

.nav-main ul li.nav-shop, .nav-main ul li.nav-basket
{
	border-right: none;
}

/* IE7 -1 hover fix */
.nav-main ul li.nav-basket { z-index: 1; *z-index:-1 !important; }

.nav-main ul li a.nav-basket 
{ 
    width:153px; 
    height:20px; 
    padding-top:0; 
    line-height: 20px; 
    text-decoration:none; 
    text-align:right; 
    color:#1A3761; 
    font-weight:normal !important; 
    font-size:9px !important; 
    white-space:nowrap; 
    cursor:pointer; 
    background-position:0 -44px; 
}

li.on .nav-main ul li.nav-basket a, .nav-main ul li.nav-basket a:hover
{
	background-position: 0 -109px;
}
.n1 a
{
	padding-left: 10px;
	width: 115px;
}
.n2 a
{
	width: 85px;
}
.n3 a
{
	width: 95px;
}
.n4 a
{
	width: 97px;
}
.n5 a
{
	width: 66px;
}
.n6 a
{
	width: 66px;
}
.n7 a
{
	width: 66px;
}
.nav-basket a img
{
	border: 0;
	cursor: pointer;
	float: left;
	margin: -51px 0 0 9px;
	position: relative;
}
.nav-basket a em
{
	font-style: normal;
	text-decoration: underline;
}
.nav-basket a span
{
	cursor: pointer;
	float: right;
	margin: 0 -10px 0 0;
	padding: 0 5px 0 0;
	width: 117px;
}
.nav-main ul li .subnav
{
	display: none;
	padding: 20px 0 10px;
	position: absolute;
	top: 50px;
	z-index: 10;
}
.nav-main ul li .subnav ul
{
	background: #f6fbfd url(images/subnavs/subnavBg.png) repeat-x 0 100%;
	border: 3px solid #fdfefe;
	display: block;
	float: none;
	padding: 12px 12px 0;
	position: relative;
}
.nav-main ul li .subnav ul li
{
	border: none;
	display: block;
	float: none;
	margin-bottom: 12px;
}
.nav-main ul li .subnav ul li a
{
	background: none;
	border: none;
	display: inline;
	font-weight: normal !important;
	padding-top: 0;
	text-decoration: underline !important;
	text-transform: none !important;
}
.nav-main ul li .subnav ul li a:hover
{
	color: #1c70ea;
}
.nav-main ul li .subsubnav
{
	background: #f6fbfd url(images/subnavs/subnavBg.png) repeat-x 0 100%;
	border-bottom: 3px solid #fdfefe;
	float: left;
	left: 19px;
	position: relative;
}
.nav-main ul li .subsubnav ul
{
	background: none;
}
.nav-main ul li .subnav .inner
{
	position: relative;
}
.nav-main ul li .subnav .inner:after
{
	clear: both;
	content: "";
	display: block;
	height: 0;
	visibility: hidden;
	width: 100%;
}
.nav-main ul li .subsubnav h3, .nav-main ul li.nav-shop .inner h3
{
	background: url(images/subnavs/headingBg.png) repeat-x 0 0;
	color: #c80c30;
	font-weight: bold;
	height: 30px;
	margin-top: 0;
	padding-top: 13px;
	text-indent: 6px;
	text-transform: capitalize;
	width: 100%;
}
.nav-main ul li .subnav .bottom
{
	bottom: 0;
	height: 10px;
	position: absolute;
}
.n1 .subnav
{
	background: url(images/subnavs/top_n1.png) no-repeat 0 0;
	width: 179px;
}
.n1 .subnav .bottom
{
	background: url(images/subnavs/bottom_n1.png) no-repeat;
	width: 179px;
}
.n1 .subnav .inner
{
	background: url(images/subnavs/bg_n1.png) repeat-y 0 0;
}
.n1 .subnav ul
{
	left: 10px;
	width: 129px;
}

.n2 .subnav
{
	background: url(images/subnavs/top_n2.png) no-repeat 10px 0px;
	left: -230px !important;
	width: 439px;
}

.n2 .bottom
{
	background: url(images/subnavs/bottom_n2.png) no-repeat;
	left: 9px;
	width: 439px;
}

.n2 .subnav .inner
{
	background: url(images/subnavs/bg_n2.png) repeat-y 0 0;
	width: 410px;
}

.n2 .subnav .inner ul
{
    border-left: 0px;
    border-right: 0px;
    width: 136px;
}

.n2 .subnav ul
{
	border: none !important;
	min-height: 249px;
	min-height: 260px;
	padding: 12px 7px 0 !important;
}

.n2 .subnav ul.middle
{
	padding-right: 4px !important;
}

.n2 .first
{
	border-left: 3px solid #fdfefe;
	width: 125px;
}

.n2 .last
{
	border-right: 3px solid #fdfefe;
	width: 125px;
}

.n2 .middle
{
	width: 132px;
}

.n2 .subnav .inner .middle ul
{
	width: 136px;
}

.n3 .subnav
{
	background: url(images/subnavs/top_n3.png) no-repeat 0 0;
	left: 0 !important;
	width: 321px;
}

.n3 .subsubnav
{
	background-position: 0 20%;
	border-bottom: 1px solid #a9cadb !important;
	left: 10px !important;
}

.n3 .bottom
{
	background: url(images/subnavs/bottom_n3.png) no-repeat;
	width: 321px;
}

.n3 .subnav .inner
{
	background: url(images/subnavs/bg_n3.png) repeat-y 0 0;
	width: 320px;
}

.n3 .subnav ul
{
	background-position: 0 20% !important;
	border: none !important;
	padding: 12px 6px 1px !important;
	width: 135px;
}

.n3 .first
{
	border-left: 3px solid #fdfefe;
	width: 145px;
}

.n3 .first ul
{
	width: 136px;
}

.n3 .last
{
	border-right: 3px solid #fdfefe;
	width: 150px;
}

.footer-link
{
	background: url(images/subnavs/bg_n3.png) repeat-y 0 0;
	width: 321px;
}

.footer-link a
{
	background: #d5f0f6 none !important;
	border: 3px solid #fdfefe !important;
	border-top: 1px solid #fdfefe;
	display: block;
	height: 24px !important;
	left: 10px;
	padding: 10px 0 0 !important;
	position: relative;
	text-align: center !important;
	width: 295px;
}

.footer-link a:hover
{
	color: #1c70ea;
}

.n4 .subnav
{
	background: url(images/subnavs/top_n4.png) no-repeat 0 0;
	left: -2px !important;
	width: 179px;
}
.n4 .bottom
{
	background: url(images/subnavs/bottom_n4.png) no-repeat;
	width: 179px;
}
.n4 .subnav .inner
{
	background: url(images/subnavs/bg_n4.png) repeat-y 0 0;
}
.n4 .subnav ul
{
	left: 10px;
	width: 129px;
}
.n5 .subnav
{
	background: url(images/subnavs/top_n5.png) no-repeat 0 0;
	left: -301px !important;
	width: 571px;
}
.n5 .bottom
{
	background: url(images/subnavs/bottom_n5.png) no-repeat;
	width: 571px;
}
.n5 .subnav .inner
{
	background: url(images/subnavs/bg_n5.png) repeat-y 0 0;
	width: 600px;
}
.n5 .first
{
	background: url("images/subnavs/subnavBg.png") repeat-x scroll 0 100% #F6FBFD;
	width: 246px;
}
.n5 .first h3
{
	margin-bottom: 12px;
}
.n5 .news-preview
{
	clear: both;
	margin-bottom: 10px;
	padding-left: 9px;
	width: 205px;
	height: 65px;
}
.n5 .news-preview img
{
	border: 1px solid #0f5184;
	display: block;
	float: left;
	margin-right: 9px;
}
.n5 .news-preview h2
{
	border: none;
	color: #002b4c;
	position: relative;
	top: -3px;
}
.n5 .subnav a
{
	background: none;
	border-left: none;
	display: inline;
	font-weight: normal;
	height: auto;
	padding-top: 0;
	text-decoration: underline;
	text-transform: none;
	width: auto;
}
.n5 .subnav a:hover
{
	color: #1c70ea;
}
.n5 .news-preview h2 a
{
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
}
.n5 a.read-all
{
	bottom: 10px;
	left: 9px;
	position: absolute;
}
.n5 .subnav ul
{
	border: none !important;
	height: auto;
	padding: 12px 6px 0 !important;
	width: 142px;
}
.n5 .subsubnav
{
	left: 10px !important;
	min-height: 225px;
}
.n5 .subnav .more
{
	bottom: 10px;
	margin-bottom: 0;
	margin-left: 5px;
	position: absolute;
}
.n5 .first
{
	border-left: 3px solid #fdfefe;
}
.n5 .last
{
	border-right: 3px solid #fdfefe;
}
.n5 .middle, .n5 .last
{
	width: 150px;
}
.n6 .subnav
{
	background: url(images/subnavs/top_n6.png) no-repeat 0 0;
	left: -17px !important;
	width: 179px;
}
.n6 .bottom
{
	background: url(images/subnavs/bottom_n6.png) no-repeat;
	width: 179px;
}
.n6 .subnav .inner
{
	background: url(images/subnavs/bg_n6.png) repeat-y 0 0;
	position: relative;
}
.n6 .subnav ul
{
	left: 10px;
	width: 129px;
}
.n7 .subnav
{
	background: url(images/subnavs/top_n7.png) no-repeat 0 0;
	left: -206px !important;
	width: 299px;
}
.n7 .bottom
{
	background: url(images/subnavs/bottom_n7.png) no-repeat;
	width: 299px;
}
.n7 .subnav .inner
{
	background: url(images/subnavs/bg_n7.png) repeat-y 0 0;
	width: 300px;
}
.n7 .subsubnav
{
	border-bottom: none !important;
	left: 10px !important;
}
.n7 .subsubnav ul
{
	border: none !important;
	width: 110px;
}
.n7 .first ul
{
	min-height: 295px;
	min-height: 283px \0/;
	width: 130px;
}

.n7 .subnav .inner .first h3
{
	display: none;
}

.n7 div.last
{
	background: url(images/subnavs/menu-shadow.png) repeat-y 0 0 !important;
	left: 1px !important;
	padding-bottom: 12px;
}
.n7 div.last ul
{
	background: none !important;
}
.n7 li.last
{
	margin-bottom: 0 !important;
}
.nav-main ul li.n7 .subsubnav h3
{
	background: #fff none;
	left: 4px;
	position: relative;
	text-indent: 8px;
	width: 130px;
}
.nav-main ul li.n7 .subnav .last ul
{
	padding-top: 0;
}

/*Fix for Chrome Issue*/
.n7 .subnav .inner .first { position: absolute; top: 0px; right: 125px; bottom: 0px; left: 0px; }
.n7 .subnav .inner { position: relative; }
.n7 .subnav .inner div.last { float: right; margin-right: 12px;}

.nav-shop .subnav
{
	background: url(images/subnavs/top_shop.png) no-repeat 0 0;
	left: -302px !important;
	top: 33px !important;
	width: 449px;
}
.nav-shop .bottom
{
	background: url(images/subnavs/bottom_shop.png) no-repeat 0 0;
	width: 449px;
}
.nav-shop .subnav .inner
{
	background: url(images/subnavs/bg_shop.png) repeat-y 0 0;
	width: 450px;
}
.nav-shop .subsubnav
{
	left: 10px !important;
}
.nav-shop .subsubnav ul
{
	border: none !important;
	min-height: 308px;
	width: 119px;
}
.nav-shop .first ul
{
	width: 113px;
}
.nav-shop .first
{
	border-left: 3px solid #fdfefe;
}
.nav-shop .last
{
	border-right: 3px solid #fdfefe;
}
.nav-shop h3
{
	left: 10px;
	position: relative;
	text-indent: 12px !important;
	width: 429px !important;
}
.clear
{
	clear: both;
}
hr.nav-section-divider
{
	background: none;
	border: 0;
	border-bottom: 1px solid #01143C;
	color: #01143C !important;
	display: inline;
	float: left;
	height: 1px !important;
	margin: 0;
	padding: 0;
	width: 191px;
}
ul.nav-section
{
	padding-bottom: 10px !important;
}
h3.nav-title
{
	display: inline;
	float: left;
	margin-bottom: 3px;
	margin-left: 15px;
	padding-right: 3px;
	width: 173px;
}
ul.nav-section, ul.nav-section ul
{
	border: none;
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
}
ul.nav-section li
{
	border: none;
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
}
ul.nav-section li a
{
	background: transparent url('images/bullet-arrow.gif') no-repeat 5px 5px;
	color: #fff;
	display: block;
	padding: 4px 5px 4px 15px;
	text-decoration: none;
	width: 171px;
}
ul.nav-section li a:hover
{
	text-decoration: underline;
}
ul.nav-section>li
{
	font-size: 1.1em;
	padding-right: 3px;
	width: 189px;
}
ul.nav-section>li>ul>li
{
	font-size: 1em;
	margin-left: 16px;
	width: 173px;
}
ul.nav-section>li>ul>li>a
{
	width: 155px;
}
ul.nav-section li>ul>li>ul>li
{
	font-size: 0.9em;
	margin-left: 10px;
	width: 163px;
}
ul.nav-section>li>ul>li>ul>li>a
{
	background-position: 6px 2px;
	padding-bottom: 3px;
	padding-top: 3px;
	width: 140px;
}
ul.nav-section li>ul>li>ul>li>ul>li
{
	font-size: 0.9em;
	margin-left: 10px;
	width: 148px;
}
ul.nav-section>li>ul>li>ul>li>ul>li>a
{
	background-position: 6px 2px;
	padding-bottom: 3px;
	padding-top: 3px;
	width: 130px;
}
ul.nav-section>li.on>a
{
	background: #A9DAE9 url('images/left-nav-selected-gradient-blue.jpg') 0 0 repeat-x;
	border-top: 1px solid #1b4679;
	color: #00204F;
}
ul.nav-section>li.on>ul
{
	background: transparent url('images/left-nav-selected-arrow.png') 0 0 no-repeat;
	padding-top: 4px;
	width: 191px;
}
ul.nav-section>li>ul>li.on>a
{
	background: #A9DAE9 url('images/left-nav-selected-gradient-blue.jpg') 0 0 repeat-x;
	border-top: 1px solid #1b4679;
	color: #00204F;
}
ul.nav-section>li>ul>li.on
{
	margin-left: 16px;
	width: 173px;
}
ul.nav-section>li>ul>li.on>ul
{
	background: transparent url('images/left-nav-selected-arrow.png') 0 0 no-repeat;
	padding-top: 4px;
	width: 175px;
}
ul.nav-section>li>ul>li>ul>li.on
{
	padding-left: 5px;
	width: 158px;
}
ul.nav-section>li>ul>li>ul>li.on>a
{
	background: #A9DAE9 url('images/left-nav-selected-gradient-blue.jpg') 0 0 repeat-x;
	border-top: 1px solid #022C5C;
	color: #00204F;
	padding-left: 11px;
	width: 144px;
}
ul.nav-section>li>ul>li.on>ul>li>ul
{
	background: transparent url('images/left-nav-selected-arrow.png') 0 0 no-repeat;
	padding-top: 4px;
	width: 160px;
}
ul.nav-section>li>ul>li>ul>li>ul>li.on
{
	padding-left: 5px;
	width: 143px;
}
ul.nav-section>li>ul>li>ul>li>ul>li.on>a
{
	background: #D5EEF5 url('images/left-nav-selected-gradient-white.jpg') 0 0 repeat-x;
	border: 1px solid #022C5C;
	border-width: 1px 0;
	color: #00204F;
	padding-left: 11px;
	width: 129px;
}
ul.nav-section li.end>a
{
	background: #D5EEF5 url('images/left-nav-selected-gradient-white.jpg') 0 0 repeat-x !important;
}
ul.nav-section>li.end>ul, ul.nav-section>li>ul>li.end>ul
{
	background: transparent url('images/left-nav-selected-arrow-white.png') 0 0 no-repeat;
	padding-top: 4px;
	width: 175px;
}
ul.nav-section>li.end>ul
{
	width: 191px;
}
ul.nav-section>li>ul>li.end>ul
{
	width: 175px;
}
ul.nav-section>li>ul>li>ul>li.end>ul
{
	width: 160px;
}
.mpu-spacing
{
	border: 1px solid black;
	margin-top: 20px;
}
#article-left-mpu-pod
{
	border-bottom: 0 solid #01143C;
	text-align: center;
}
#dhLink
{
	background: transparent url('images/design-haus-logo.gif') 0 0 no-repeat;
	float: left;
	font-size: 0;
	height: 18px;
	text-align: left;
	text-indent: -5000px;
	width: 19px;
}
#article-left-noNav
{
	border-right: solid 1px #0E4071;
	float: left;
	text-align: center;
	width: 191px;
}
#article-centre-2col-searchResults
{
	background: #fff;
	border-right: solid 1px #0E4071;
	float: left;
	padding: 20px;
	width: 718px;
}
.sitesearch-results
{
	float: left;
	margin: 0 0 0 15px;
	padding-right: 12px;
}
.sitesearch-results input[type=image]
{
	float: left;
	margin: 0 0 3px 5px;
}
.sitesearch-results input[type=text]
{
	background-color: #D1EBF3;
	border: 1px solid #98D3E4;
	color: #00204F;
	float: left;
	font-size: 1em;
	font-style: italic;
	padding: 5px;
}
#article-centre-2col-searchResults ul.topFilter
{
	background: transparent url('images/search-filter-background.jpg') 0 0 repeat-x;
	float: left;
	height: 34px;
	list-style: none;
	margin: 25px 0 0;
	padding: 0;
	width: 100%;
}
#article-centre-2col-searchResults ul.topFilter li
{
	display: inline;
	float: left;
	margin: 0 0 0 10px;
	padding: 0;
}
#article-centre-2col-searchResults ul.topFilter li a
{
	color: #D5EDF4;
	float: left;
	font-weight: bold;
	margin: 0;
	padding: 4px 4px 2px;
	text-decoration: none;
	text-transform: uppercase;
}
#article-centre-2col-searchResults ul.topFilter li a:hover
{
	color: #fff;
	text-decoration: underline;
}
#article-centre-2col-searchResults ul.topFilter li a.on
{
	background: #D5EDF4 url('images/search-filter-tab-background.jpg') 0 1px repeat-x;
	border: 1px solid #98D3E4;
	border-bottom: 1px solid #A3D6E7;
	color: #01143C;
	text-decoration: none;
}
#sitesearch-results-wrapper
{
	background: transparent url('images/search-results-background.jpg') 0 0 repeat-x;
	float: left;
	min-height: 280px;
	width: 100%;
}
.search-pagination
{
	border-bottom: 1px solid #D5EDF4;
	border-top: 1px solid #D5EDF4;
	float: left;
	margin-bottom: 20px;
	padding: 0 15px 0;
	text-align: right;
	width: 703px;
}
.nosResults
{
	color: #06437C;
	float: left;
	font-size: 1.1em;
	padding: 5px;
}
.showAll
{
	color: #06437C;
	float: left;
	font-size: 1.1em;
	padding: 5px;
}
.search-pagination a.visited
{
	color: #667995;
}
.search-pagination .paginationFirst a
{
	border-left: 1px solid #D5EDF4;
	border-right: 1px solid #D5EDF4;
	color: #06437C;
	display: block;
	float: left;
	font-size: 1.1em;
	padding: 5px 7px;
	text-decoration: none;
}
.search-pagination .paginationFirst a:hover
{
	background-color: #98D3E4;
	text-decoration: underline;
}
.search-pagination .paginationNos a
{
	border-right: 1px solid #D5EDF4;
	color: #06437C;
	display: block;
	float: left;
	font-size: 1.1em;
	padding: 5px 7px;
	text-decoration: none;
}
.search-pagination .paginationNos a:hover
{
	background-color: #98D3E4;
	text-decoration: underline;
}
.search-pagination img
{
	border: none;
	float: left;
	margin: 6px;
	vertical-align: middle;
}
.search-pagination-content
{
	float: right;
}
dl.searchResult-data
{
	float: left;
	margin: 0 15px 15px;
	padding: 0;
}
dl.searchResult-data a
{
	color: #00204F;
	text-decoration: none;
}
dl.searchResult-data a:hover
{
	text-decoration: underline !important;
}
dl.searchResult-data strong
{
	color: #c10538;
}
.searchResult-data dt
{
	border-bottom: 1px solid #98d3e4;
	font-size: 1.45em;
	font-weight: bold;
	margin: 0 0 15px;
	padding: 0;
}
.member-show
{
	display: inline;
	margin: 0 0 0 7px;
}
.member-hide
{
	display: none;
}
.pdf-show
{
	color: #00204F;
	display: inline;
	font-size: 0.80em;
	font-weight: normal;
	margin: 0 0 0 7px;
}
.pdf-hide
{
	display: none;
}
.searchResult-data dd.intro
{
	clear: both;
	color: #00204F;
	float: left;
	margin: 0 35px 5px 0;
	padding: 0;
	width: 653px;
}
.searchResult-data dd.intro img.image
{
	border: 1px solid #ABDBE9;
	float: right;
}
.searchResult-data dd.sub
{
	border: 1px solid #98D3E4;
	float: left;
	margin: 0 10px 0;
	padding: 1px 3px;
}
.searchResult-data dd.sub a
{
	color: #2b5987;
}
.searchResult-data dd.url
{
	float: left;
	margin: 3px 0 0 0;
	padding: 0px;
}
.searchResult-data dd.url a
{
	color: #2b5987;
}
#searchResults-footer
{
	float: left;
	text-align: right;
	width: 100%;
}
dl.searchResult-members
{
	color: #00204F;
	float: left;
	margin: 0;
	padding: 0;
}
.searchResult-members dt
{
	float: left;
	margin: 0;
	padding: 0;
}
.searchResult-members dd
{
	clear: both;
	margin: 0;
	padding: 0;
}
#three-col-indicator
{
	_width: 90%;
}
ul.indicator
{
	border-bottom: 1px solid #EAF6F9;
	border-top: 1px solid #EAF6F9;
	color: #98D3E4;
	display: inline;
	float: left;
	font-weight: bold;
	margin: 14px 0 !important;
	padding: 0 !important;
	padding: 4px 0;
	text-transform: uppercase;
	width: 100%;
}
ul.indicator li
{
	display: inline;
	float: left;
	margin: 0 !important;
	margin-right: 17px !important;
	padding: 0 !important;
	padding-left: 24px !important;
}
ul.indicator li strong
{
	color: #01427C;
}
ul.indicator li.one
{
	background: transparent url(images/indicator-1.gif) center left no-repeat !important;
}
ul.indicator li.two
{
	background: transparent url(images/indicator-2.gif) center left no-repeat !important;
}
ul.indicator li.three
{
	background: transparent url(images/indicator-3.gif) center left no-repeat !important;
}
ul.indicator li.four
{
	background: transparent url(images/indicator-4.gif) center left no-repeat !important;
}
ul.indicator li.five
{
	background: transparent url(images/indicator-5.gif) center left no-repeat !important;
}
#tab-results-wrapper
{
	background: transparent url('images/search-results-background.jpg') 0 0 repeat-x;
	float: left;
	min-height: 280px;
	padding: 0 10px !important;
	width: 460px;
}
#tab-results-wrapper p
{
	display: block;
	margin-bottom: 15px;
	margin-top: 0;
}
.counties-map
{
	background-image: url('images/regions-counties-maps.gif');
	background-repeat: no-repeat;
	border: 1px solid #D5EDF4;
	height: 232px;
	margin-bottom: 10px;
	width: 232px;
}
.reposition-eastern
{
	background-position: -550px -800px;
}
.reposition-eastmidlands
{
	background-position: -430px -730px;
}
.reposition-northeast
{
	background-position: -390px -440px;
}
.reposition-northireland
{
	background-position: 0px -460px;
}
.reposition-northwest
{
	background-position: -300px -580px;
}
.reposition-scotland
{
	background-position: -200px -280px;
}
.reposition-southern
{
	background-position: -370px -980px;
}
.reposition-southeast
{
	background-position: -480px -950px;
}
.reposition-southwest
{
	background-position: -230px -930px;
}
.reposition-thames
{
	background-position: -455px -860px;
}
.reposition-wales
{
	background-position: -165px -780px;
}
.reposition-westmidlands
{
	background-position: -315px -780px;
}
.reposition-yorkshire
{
	background-position: -400px -600px;
}
.floatedrightcol
{
	display: inline;
	float: right;
	margin-bottom: 10px;
	margin-left: 10px;
	width: 234px;
}
#article-centre-3col h1
{
	margin: 0px 0px 10px;
}

.innercol
{
	display: inline;
	float: right;
	margin-bottom: 10px;
	margin-left: 10px;
	width: 234px;
}
.left-column, .right-column
{
	float: left;
	margin: 10px 10px 10px 0px;
	width: 235px;
}
.right-column
{
	margin-right: 0px;
}
.left-column h3, .right-column h3
{
	color: #04437C;
	font-size: 15px;
	margin: 10px 0px;
	text-transform: none;
}
.half-right
{
	float: right;
	margin-left: 10px;
	width: 340px;
}
.courses-data
{
	float: left;
	padding-bottom: 20px;
	width: 100%;
}
.panel, .panel-small
{
	border: solid 1px #ABDBE9;
	float: left;
	margin: 10px 0px;
	overflow: hidden;
	padding: 12px;
}
.racing-divide
{
	border-top: solid 1px #ABDBE9;
	clear: both;
	float: left;
	margin: 18px 0px 0px;
	width: 100%;
}
.racing-footer
{
	background: url(images/racing-footer.jpg) no-repeat left top;
	clear: both;
	color: #fff;
	float: left;
	height: 71px;
	margin: 20px 0 -20px -20px;
	width: 520px;
}
.racing-footer strong
{
	text-transform: uppercase;
}
.racing-footer p
{
	clear: left;
	float: left;
	margin: 12px 0px 0px 20px;
	width: 300px;
}
.racing-footer a
{
	float: right;
	margin: 10px 25px 0px 0px;
	margin: 40px 25px 0px 0px;
}
.racing-footer a img
{
	border: 0px;
}
.intro-text
{
	border-left: solid 4px #ABDBE9;
	padding-left: 8px;
}
.racing-panel
{
	background: url(images/racing-panel.gif) no-repeat 2px top;
	border: solid 0px #ABDBE9!important;
	margin-top: 0px!important;
	padding: 0px 2px!important;
}
.racing-panel h3
{
	color: #c10538!important;
	margin: 67px 0px 2px 9px!important;
}
.racing-panel p
{
	padding: 0px 10px 13px !important;
}
.racing-panel p.racing-intro
{
	margin-top: 0px;
}
.racing-panel p.racing-section
{
	background: url(images/racing-panel-mid.gif) repeat left top;
	height: auto!important;
	margin: 0px!important;
}
.racing-panel p.racing-section a
{
	color: #c10538!important;
}
.racing-panel .racing-panel-bottom
{
	background: url(images/racing-panel-bottom.gif) repeat left bottom;
	clear: both;
	height: 12px;
	width: 232px;
}
.racing-header
{
	margin: -20px 0px 10px -20px;
}
.panel-no-border
{
	border: solid 0px;
	padding: 0px;
	width: 232px!important;
}
.panel h3, .panel-small h3
{
	color: #2b5987;
	margin-top: 0px;
}
.panel p
{
	width: auto;
}
.panel-small
{
	clear: none;
	float: left;
	font-size: 11px;
	height: 100px;
	height: 110px;
	margin-top: 0px;
	width: 151px;
}
.panel a.right-link
{
	float: right;
	margin-bottom: -5px;
	margin-top: 5px;
}
.panel img
{
	border: 0px;
	margin-right: 4px;
}
.panel .panel-normal-article
{
	height: 55px;
}
.racing-event-wrap
{
	border-bottom: solid 1px #abdbe9;
	border-top: solid 1px #abdbe9;
	clear: both;
	float: left;
	margin-top: -10px;
	padding-top: 10px;
}
.racing-event-wrap h2, .panel-no-border h3 a
{
	border-bottom: 0px!important;
	color: #c10538!important;
	font-size: 16px;
	text-decoration: underline;
}
.racing-event
{
	clear: none;
	float: left;
	height: 220px;
	width: 153px;
}
.racing-event.middle
{
	margin: 12px 10px 0px;
}
.racing-event img
{
	border: solid 1px #abdbe9;
	height: 125px;
	margin-bottom: 5px;
	width: 151px;
}
.panel-no-border img
{
	border: solid 1px #abdbe9;
	margin-bottom: 5px;
}
.panel-large
{
	border: solid 1px #D5EDF4;
	clear: both;
	margin: 10px 0px 20px;
	overflow: hidden;
	padding: 0px;
}
.panel-large h3
{
	background: #2b5987;
	clear: both;
	color: #fff;
	float: left;
	font-size: 14px;
	margin: 0px;
	padding: 8px 20px;
	text-transform: none;
	width: auto;
}
.panel-large p
{
	clear: both;
	float: left;
	margin: 10px 20px;
}
h3.racingarticle
{
	border-bottom: solid 1px #ABDBE9;
	clear: both;
	color: #c10538 !important;
	float: left;
	font-size: 1.2em;
	text-transform: none;
	width: 100%;
}
.panel-large p, .panel-large h3
{
	display: inline;
	width: 680px;
}
.find-course
{
	height: auto;
}
.find-course img
{
	margin: 5px 0px;
}
#CourseSearchLarge .CheckLabel, .find-course .CheckLabel
{
	float: left;
	font-size: 11px;
	width: 100%;
}
#CourseSearchLarge .CheckLabel
{
	width: 200px;
}
#CourseSearchLarge .CheckLabel input, .find-course .CheckLabel input
{
	clear: none;
	float: left;
}
#CourseSearchLarge .CheckLabel span, .find-course .CheckLabel span
{
	clear: none;
	float: left;
	margin-left: 5px;
	/*width: 140px;*/
}
.DropDown
{
	background-color: #D1EBF3;
	border: 1px solid #98D3E4;
	color: #00204F;
}
.book-search p
{
	height: 75px;
}
.book-search .DropDown
{
	width: 178px;
}
#CourseSearchLarge .search-list, #CourseSearch .search-list, .search-list
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#CourseSearchLarge .search-list li, #CourseSearch .search-list li, .search-list li
{
	background: none;
	clear: both;
	float: left;
	margin: 2px 0;
	padding: 0;
}
#CourseSearchLarge .search-list li label, #CourseSearch .search-list li label, .search-list li label
{
	float: left;
	line-height: 20px;
	width: 60px;
}
#CourseSearchLarge .search-list li input, #CourseSearch .search-list li input, .search-list li input
{
	_width: 136px;
	width: 140px;
}
#CourseSearchLarge .search-list li select, #CourseSearch .search-list li select, .search-list li select
{
	_width: 142px;
	width: 146px;
}
#BookSearch .book-search, #CourseSearch .find-course
{
	background: #98D3E4;
	color: #2B5987;
	height:210px;
	min-height:210px !important;
	padding: 13px;
}
#CourseSearchLarge h3, #BookSearch .book-search h3, #CourseSearch .find-course h3
{
	color: #2B5987;
	margin-bottom: 8px;
}
#CourseSearchLarge a, #CourseSearch a
{
	float: right;
	margin: 0 0 5px;
}
.find-course-large
{
	background: #98D3E4;
	float: left;
	margin-bottom: 20px;
	padding: 12px;
	width: 320px;
}
.find-course-large span
{
	font-size: 11px;
}
.on-page-navigation
{
	border-bottom: solid 1px #98D3E4;
	border-top: solid 1px #98D3E4;
	float: right;
	margin: 15px 0 60px;
	padding: 3px 0;
	width: 470px;
}
.on-page-navigation dt, .on-page-navigation dd
{
	display: inline;
}
.on-page-navigation dt
{
	font-weight: bold;
	text-transform: uppercase;
}
.on-page-navigation dd
{
	margin: 0;
	padding: 0 3px;
}
.brochure-title
{
	clear: both;
}
.brochure-list
{
	clear: both;
	float: left;
}
.brochure-list dt
{
	font-weight: bold;
	margin: 10px 0;
	text-transform: uppercase;
}
.brochure-list dd
{
	clear: none;
	float: left;
	margin: 0 8px 8px 0;
	padding: 0;
	text-align: center;
	width: 112px;
}
.brochure-list dd img
{
	border: 1px solid #ABDBE9;
	margin-bottom: 5px;
	width: 105px;
}
.border
{
	border: 1px solid #ABDBE9;
}
#SearchResults
{
	clear: both;
	color: #00204F;
	float: left;
	margin-top: 20px;
	width: 670px;
}
#SearchResults h1
{
	margin-top: 20px;
}
.results-location
{
	font-size: 12px;
}
.results-list
{
	clear: none;
	float: left;
	width: 190px;
}
.results-map
{
	clear: none;
	float: left;
	width: 480px;
}

#SearchResults .panel
{
	width: 480px;
}
.content-235
{
	float: left;
	width: 235px;
}
.content-232
{
	float: left;
	width: 232px;
}
.margin-right
{
	margin-right: 10px;
}
.content-480
{
	width: 480px;
}
#minus-margin
{
	_margin-top: -179px;
	margin-top: -176px;
}
.members-only, .icon-padlock
{
	clear: none;
	float: right;
	margin-top: -18px;
}
.members-only-marker-locked, .members-only-marker-unlocked
{
	background-color: white;
	background-position: 2px 1px;
	background-repeat: no-repeat;
	border: 1px solid #ABDBE9;
	float: right;
	height: 14px;
	left: -137px;
	position: relative;
	top: -16px;
	width: 14px;
}
.members-only-marker-locked
{
	background-image: url('images/icon-padlock2.gif');
}
.members-only-marker-unlocked
{
	background-image: url('images/icon-padlock-unlocked2.gif');
}
#article-centre-2col-outer.start-boat-bg-outer
{
	background: #fff url(images/start-boat-bg-top.jpg) no-repeat 0px 274px;
	float: left;
}
#article-centre-2col.start-boat-bg-inner
{
	background: url(images/start-boat-bg-btm.jpg) no-repeat left bottom;
	margin-right: 0 !important;
	padding: 0 33px 33px;
	padding-bottom: 280px;
	width: 692px;
}
.start-boat-bg-inner .start-boating-header
{
	border-bottom: solid 1px #093d6f;
	margin: 0 0 0 -33px;
}
.flash-wrap
{
	margin: 0 0 0 -33px;
}
#article-centre-2col.start-boat-bg-inner h1
{
	margin-top: 0px;
}
.left-feature-panel-wrap
{
	clear: none;
	float: left;
	margin-top: 30px;
	width: 475px;
}
.left-feature-panel-wrap p
{
	margin-right: 40px;
}
.left-feature-panel-wrap .racing-divide
{
	margin: -3px 0px 0px;
}
.left-feature-panel-wrap span
{
	color: #01909b;
	font-weight: bold;
}
.right-feature-panel-wrap
{
	clear: none;
	float: right;
	margin-top: 30px;
	width: 212px;
}
.right-feature-panel
{
	background: #abdbe9;
	border: solid 1px #fff;
	clear: both;
	float: left;
	width: 209px;
}
.title-tenreasons
{
	background: url(images/title-10reasons.gif) no-repeat left top;
	border-bottom: solid 1px #d5edf4;
	height: 48px;
	margin: 17px 12px 10px 12px;
	padding-bottom: 10px;
	text-indent: -9999px;
}
.right-feature-panel ul.white-bullet-list
{
	list-style-image: url(images/bullet-white.gif) !important;
	margin: 0;
	padding: 0 0 10px 30px !important;
}
.right-feature-panel ul.white-bullet-list li
{
	background: none!important;
	line-height: 17px !important;
	margin: 4px 0 0 !important;
	padding: 0 !important;
}
.start-boat-options-wrap
{
	clear: both;
	float: left;
	margin-top: 20px;
	width: 100%;
}
#start-boat-option-sail, #start-boat-option-power
{
	cursor: pointer;
}
.selection-indicator
{
	height: 13px;
}
#start-boat-indicator
{
	margin-left: 150px;
}
.start-boat-options-content
{
	background: url(images/gradient-background.gif) repeat-x left top;
	clear: both;
	float: left;
	padding: 25px;
}
.start-boat-options-column
{
	clear: none;
	float: left;
	margin: 10px 10px 10px 0;
	width: 150px;
}
.start-boat-options-column img
{
	border: solid 1px #fff;
}
.start-boat-options-column h3
{
	color: #1d5688;
	margin: 8px 0 8px !important;
}
.blue-bullet-list
{
	padding-bottom: 10px!important;
}
.blue-bullet-list li
{
	margin-top: 4px!important;
}
.btn-downloadinfo
{
	clear: both;
	float: left;
	margin: 12px 0 20px 1px;
}
.btn-downloadinfo img
{
	border: 0;
}
.feature-panel
{
	background: #324262;
	clear: none;
	float: left;
	height: 110px;
	margin-right: 2px;
	padding: 10px 15px;
	width: 314px;
}
.feature-panel .bluetext
{
	clear: both;
	color: #98d3e4;
	float: left;
	font-weight: bold;
	margin: 18px 2px;
	text-transform: uppercase;
	width: 220px;
}
.feature-panel .whitetext
{
	clear: none;
	color: #fff;
	float: left;
	width: 195px;
}
.feature-panel .bluetext a, .feature-panel .bluetext a:visited
{
	color: #98d3e4 !important;
}
.feature-panel .whitetext a, .feature-panel .whitetext a:visited
{
	color: #fff !important;
}
.feature-panel.right-feature .whitetext
{
	margin-top: 4px;
	width: 225px;
}
.feature-panel ul.NewProductsList
{
	clear: both;
	float: left;
	list-style-type: none;
	margin: 10px 0;
	margin-bottom: 5px;
	padding: 0 !important;
}
.feature-panel ul.NewProductsList li.NewProduct
{
	background: none !important;
	clear: both;
	float: left;
	margin: 10px 0 5px!important;
	padding: 0 !important;
	width: 315px;
}
.feature-panel .ProductImage
{
	background: #3D4B6A none repeat scroll 0 0;
	border: 0 none;
	clear: none;
	float: left;
	height: 49px;
	margin-right: 10px;
	padding-top: 1px;
	text-align: center;
	width: 49px;
}
.feature-panel .ProductImage img
{
	max-height: 47px;
	max-width: 47px;
}
span.ProductTitle, span.ProductPrice
{
	font-weight: bold;
	text-transform: uppercase;
}
.ProductPrice
{
	color: #98D3E4!important;
}
span.ProductTitle a
{
	color: #fff!important;
	font-size: 12px;
	text-decoration: none;
}
.feature-panel img
{
	border: 0;
}
a.external
{
	background: url(images/external.png) center right no-repeat;
	padding-right: 13px;
}
h1.article div.ms-formfieldcontainer
{
	text-indent: 0 !important;
}

/* weather drop-down */
.weather-pulldown { margin:5px 10px 0 0; float:right; position:relative; z-index:100; }
#open { display:block; width:153px; height:28px; text-decoration:none; background:url(images/buttons/weather.png) no-repeat; }
#open span { display:block; float:left; color:#fff; }
#open .icon { width:30px; height:24px; margin:4px 5px 0 6px; }
#open .temp { padding-top:7px; margin-right:7px; font-weight:bold; }
#open .wind-speed-small { width:30px; padding-right:2px; height:13px; margin-top:9px; position:relative; font-size:10px; }
#open .wind-speed-small .speed-number { width:12px; height:13px; position: absolute; top: 0px; right: 0px; background:url(images/weather/wind-speed.png) no-repeat 100% 0; text-align:center;}
#open .wind-speed-small .dir { width:13px; height:13px; position:absolute; top:0; left:0; }
.west-small { background:url(images/weather/small/west.png) no-repeat; }

.drop-down { display:none; width:475px; position:absolute; right:0; top:32px; z-index:99999; border:1px solid #122745; border-top:none; border-bottom:none; background-color:#293f5e; }
.drop-down .top { width:477px; height:7px; position:absolute; left:-1px; top:-7px; background:url(images/weather/weather-top.png) no-repeat; }
.drop-down .title { height:30px; padding:9px 0 0 141px; border-bottom:1px solid #122745; color:#fff; font-size:16px; }
.drop-down .weather-info { height:100px; border-top:1px solid #334f76; border-bottom:1px solid #122745; position:relative; }
.drop-down .weather-info div { height:100px; float:left; }
.drop-down .weather-info div.left { width:344px; border-right:1px solid #122745; }
.drop-down .weather-info div.left span { display:block; width:124px; height:20px; padding-top:114px; position:absolute; bottom:6px; color:#fff; font-weight:bold; font-size:16px; text-align:center; }
.drop-down .weather-info .weather { left:7px; }
.drop-down .weather-info div.left .windspeed { width:85px; left:131px; }
.drop-down .weather-info .rainfall { left:220px; }
.drop-down .weather-info div.right { width:126px; border-left:1px solid #334f76; }
.drop-down dl { margin-left:14px; *margin-top: 10px;}
.drop-down dt, .drop-down dd { margin:0 0 7px; float:left; color:#fff; font-size:11px; }
.drop-down dd { *float: none; }
.drop-down dt { margin-right:3px; clear:both; font-weight:bold; }
.drop-down .tidal-info { height:35px; padding:20px 19px 0 18px; border-top:1px solid #334f76; border-bottom:1px solid #122745; }
.drop-down .tidal-info .left { float:left; }
.drop-down .tidal-info .right { float:right; }
.drop-down .tidal-info h2 { border-bottom:none; font-size:14px; text-transform: capitalize;}
.drop-down .tidal-info table { margin-top:-14px; }
.drop-down .tidal-info td { padding:3px 18px; text-align:center; border-right:1px solid #334f76; border-bottom:1px solid #334f76; }
.drop-down .tidal-info td.right { border-right:none; }
.drop-down .tidal-info .bottom { position:static; background:none; }
.drop-down .tidal-info .bottom td { border-bottom:none; }
.drop-down .links { height:31px; border-top:1px solid #334f76; background:url(images/links-bg.png) repeat-x 0 0; }
.drop-down .links ul { list-style-type:none; padding:0; margin:0; }
.drop-down .links li { float:left; height:31px; }
.drop-down .links ul a { display:block; height:18px; padding-left:20px; margin:10px 0 0 45px; color:#fff; font-weight:bold; font-size:11px; background: url(images/link-icons.png) no-repeat 0 0; }
.drop-down .links ul a:hover { text-decoration:none; }
#location { width:237px; border-right:1px solid #0f1a29; position:relative; }
#prediction { width:236px; border-left:1px solid #1e3554; }
#prediction a { padding-left:24px; background-position:0 -18px; }
.drop-down .bottom { width:477px; height:8px; position:absolute; left:-1px; bottom:-8px; background:url(images/weather/weather-bottom.png) no-repeat; }

.location-menu { display:none; width:224px; height:223px; position:absolute; bottom:32px; left:6px; background: url(images/weather/locationbg.png) no-repeat top; }
.section { padding:13px 11px; }
.tides-location { padding-top:0; }
.location-menu h2 { border-bottom:none; font-size:12px; font-weight:bold; }
.location-menu p { margin:3px 0 5px; }
.location-menu .post-code { width:145px; padding:6px 8px 5px; margin-bottom:9px; border:1px solid #060f1b; background-color:#d2eff7; color:#142237; }
.location-menu .go { width:29px; height:27px; border:none; cursor:pointer; background:url(images/weather/go.png) no-repeat; }
.location-menu .save { width:56px; height:18px; border:none; cursor:pointer; background:url(images/buttons/btn-save-sml-blue.png) no-repeat; float: right; margin-right: 20px; }
.location-menu select { width:194px; margin-left:1px; }

/* Weather Errors */
.location-menu .errorDiv
{
    position: absolute; 
    top: 30px; 
    width: 198px; 
    height: 20px; 
    background-color: #1d314e;
}

.location-menu .errorDiv p
{
    text-align: center;
}

.location-menu .findLocation
{
    width: 222px;
    height: 31px;
    background-color: #293f5e;
    position: absolute; 
    top: 93px;
    border-top: 1px solid #345077;
    border-bottom: 1px solid #345077;
    border-left: 1px solid #132235;
    border-right: 1px solid #132235;
}

.location-menu .findLocation p
{
    text-align: center;
}

/* Weather Icons Background */
/* Weather Icons Background / Clouds Large*/
.medium-clouds-large { background:url(images/weather/large/cloud_BKN.png) no-repeat 50% 0; }
.light-clouds-large { background:url(images/weather/large/cloud_FEW.png) no-repeat 50% 0; }
.cloud-no-data-large { background:url(images/weather/large/cloud_NO_DATA.png) no-repeat 50% 0; }
.heavy-clouds-large { background:url(images/weather/large/cloud_OVC.png) no-repeat 50% 0; }
.scattered-clouds-large { background:url(images/weather/large/cloud_SCT.png) no-repeat 50% 0; }
.sunny-large { background:url(images/weather/large/cloud_SKC.png) no-repeat 50% 0; }

/* Weather Icons Background / Clouds Small */
.medium-clouds-small { background:url(images/weather/small/cloud_BKN.png) no-repeat; }
.light-clouds-small { background:url(images/weather/small/cloud_FEW.png) no-repeat; }
.cloud-no-data-small { background:url(images/weather/small/cloud_NO_DATA.png) no-repeat 50% 0; }
.heavy-clouds-small { background:url(images/weather/small/cloud_OVC.png) no-repeat; }
.scattered-clouds-small { background:url(images/weather/small/cloud_SCT.png) no-repeat 50% 0; }
.sunny-small { background:url(images/weather/small/cloud_SKC.png) no-repeat; }

.fog-small { background:url(images/weather/small/fog.png) no-repeat; }
.lightning-small { background:url(images/weather/small/lightning.png) no-repeat; }
.heavy-rain-small { background:url(images/weather/small/precipitation_HEAVY.png) no-repeat; }
.light-rain-small { background:url(images/weather/small/precipitation_LIGHT.png) no-repeat; }
.medium-rain-small { background:url(images/weather/small/precipitation_MED.png) no-repeat 50% 0; }
.precipitation-no-data-small { background:url(images/weather/small/precipitation_NO_DATA.png) no-repeat 50% 0; }
.precipitation-none-small { background:url(images/weather/small/precipitation_NONE.png) no-repeat 50% 0; }
.snow-small { background:url(images/weather/small/snow.png) no-repeat; }
.very-heavy-rain-small { background:url(images/weather/small/cloud_VHEAVY.png) no-repeat 50% 0; }

/* Weather Icons Background / Wind Direction Large */
.east-large { background:url(images/weather/large/wind_EAST.png) no-repeat 50% 50%; }
.north-east-large { background:url(images/weather/large/wind_NE.png) no-repeat 50% 50%; }
.south-east-large { background:url(images/weather/large/wind_SE.png) no-repeat 50% 50%; }
.north-large { background:url(images/weather/large/wind_NORTH.png) no-repeat 50% 50%; }
.south-large { background:url(images/weather/large/wind_SOUTH.png) no-repeat 50% 50%; }
.west-large { background:url(images/weather/large/wind_WEST.png) no-repeat 50% 50%; }
.south-west-large { background:url(images/weather/large/wind_SW.png) no-repeat 50% 50%; }
.north-west-large { background:url(images/weather/large/wind_NW.png) no-repeat 50% 50%; }
.ene-large { background:url(images/weather/large/wind_ENE.png) no-repeat 50% 50%; }
.ese-large { background:url(images/weather/large/wind_ESE.png) no-repeat 50% 50%; }
.nne-large { background:url(images/weather/large/wind_NNE.png) no-repeat 50% 50%; }
.nnw-large { background:url(images/weather/large/wind_NNW.png) no-repeat 50% 50%; }
.sse-large { background:url(images/weather/large/wind_SSE.png) no-repeat 50% 50%; }
.ssw-large { background:url(images/weather/large/wind_SSW.png) no-repeat 50% 50%; }
.wnw-large { background:url(images/weather/large/wind_WNW.png) no-repeat 50% 50%; } 
.wsw-large { background:url(images/weather/large/wind_WSW.png) no-repeat 50% 50%; }
.wind-no-data-large { background:url(images/weather/large/wind_NO_DATA.png) no-repeat 50% 50%; }

/* Weather Icons Background / Wind Direction Small */
.east-small { background:url(images/weather/small/wind_EAST.png) no-repeat 0 0; }
.north-east-small { background:url(images/weather/small/wind_NE.png) no-repeat 0 0; }
.north-small { background:url(images/weather/small/wind_NORTH.png) no-repeat 0 0; }
.north-west-small { background:url(images/weather/small/wind_NW.png) no-repeat 0 0; }
.west-small { background:url(images/weather/small/wind_WEST.png) no-repeat 0 0; }
.south-west-small { background:url(images/weather/small/wind_SW.png) no-repeat 0 0; }
.south-small { background:url(images/weather/small/wind_SOUTH.png) no-repeat 0 0; }
.south-east-small { background:url(images/weather/small/wind_SE.png) no-repeat 0 0; }
.ene-small { background:url(images/weather/small/wind_ENE.png) no-repeat 50% 50%; }
.ese-small { background:url(images/weather/small/wind_ESE.png) no-repeat 50% 50%; }
.nne-small { background:url(images/weather/small/wind_NNE.png) no-repeat 50% 50%; }
.nnw-small { background:url(images/weather/small/wind_NNW.png) no-repeat 50% 50%; }
.sse-small { background:url(images/weather/small/wind_SSE.png) no-repeat 50% 50%; }
.ssw-small { background:url(images/weather/small/wind_SSW.png) no-repeat 50% 50%; }
.wnw-small { background:url(images/weather/small/wind_WNW.png) no-repeat 50% 50%; } 
.wsw-small { background:url(images/weather/small/wind_WSW.png) no-repeat 50% 50%; }
.wind-no-data-small { background:url(images/weather/small/wind_NO_DATA.png) no-repeat 50% 50%; }

/* Weather Icons Background / Rain Large */
.no-rainfall-large { background:url(images/weather/large/precipitation_NONE.png) no-repeat 50% 0; }
.light-rainfall-large { background:url(images/weather/large/rainfall-light.png) no-repeat 50% 0; }
.medium-rainfall-large { background:url(images/weather/large/rainfall-medium.png) no-repeat 50% 0; }
.heavy-rainfall-large { background:url(images/weather/large/rainfall-heavy.png) no-repeat 50% 0; }
.very-heavy-rainfall-large { background:url(images/weather/large/rainfall-very-heavy.png) no-repeat 50% 0; }

.fog-large { background:url(images/weather/large/fog.png) no-repeat 50% 0; }
.lightning-large { background:url(images/weather/large/lightning.png) no-repeat 50% 0; }
.heavy-rain-large { background:url(images/weather/large/precipitation_HEAVY.png) no-repeat 50% 0; }
.light-rain-large { background:url(images/weather/large/precipitation_LIGHT.png) no-repeat 50% 0; }
.medium-rain-large { background:url(images/weather/large/precipitation_MED.png) no-repeat 50% 0; }
.precipitation-no-data-large { background:url(images/weather/large/precipitation_NO_DATA.png) no-repeat 50% 0; }
.precipitation-none-large { background:url(images/weather/large/precipitation_NONE.png) no-repeat 50% 0; }
.snow-large { background:url(images/weather/large/snow.png) no-repeat 50% 0; }
.very-heavy-rain-large { background:url(images/weather/large/cloud_VHEAVY.png) no-repeat 50% 0; }
.no-data-large { background:url(images/weather/large/precipitation_NO_DATA.png) no-repeat 50% 0; }

/* Customise Panel */

.customise
{
    float: left;
    width: 100%;
    text-align: right;
}
.customise-on
{
    background-color: #1e5687;
}

.customise a#customise-link
{
    float: right;
    text-align: left;
    width: 146px;
    margin: 8px;
    height: 12px;
    font-size: 0;
    text-indent: -5000px;
    background: transparent url('images/customise.gif') 0 0 no-repeat;
}
.customise a#customise-link:hover
{
    background-position: 0 -12px;
}
.customise-on a#customise-link
{
    background-position: 0 -24px !important;
}
.customise-on a#customise-link:hover
{
    background-position: 0 -36px !important;
}

.customise-wrap
{
    float:left;
    height:160px;  
    display:none;
}
.customise-inner
{
    padding: 15px 20px;
    text-align: left;
    float: left;
    width: 910px;
    border: 0;
    margin: 0;
}
.customise-inner legend
{
    display: none;
}
.customise-inner h2
{
    margin:0;
    padding: 0;
    border: 0;
}
.customise-inner p
{
    margin:0;
    padding: 5px 0;
}
.customise-1
{
    float: left;
    width: 425px;
    margin-right: 10px;    
    border-right: 1px solid #306493 !important;
}
.customise-1 select
{
    background-color: #d5eef5;
    border: 1px solid #98def3;
    font-size: 8pt;
}

.customise-2,
.customise-3
{
    padding-left: 15px !important;
    float: left;
    width: 231px;
    margin-right: 10px;    
    border-right: 1px solid #306493 !important;
}
.customise-3
{
    padding-left: 15px !important;
    padding-bottom: 5px;
    float: left;
    width: 191px;
    margin: 0;
    border: 0 !important;
}
.customise-2 select,
.customise-3 select
{
    background-color: #d5eef5;
    border: 1px solid #98def3;
    font-size: 8pt;
}


.customise-inner input[type=image]
{
    float: right;
}

/* Bing Maps API - 17.06.11 */
#results-map
{
    width: 100%; 
    height: 400px; 
    float: left; 
    position: relative;
    border: 1px solid #abdbe9;
}

#results-map .infobox
{
	width: 200px;
	height: 70px;
	position: relative;
	background: white;
	border: 1px solid #888888;
	padding: 10px;
	z-index: 1000;
}

#results-map .infobox h4
{
    text-transform: uppercase;
    padding: 0px;
    font-size: 1em;
    font-weight: bold;
    margin: 0px;
    color: #2b5987;
}

#results-map .infobox .arrow
{
	width: 35px;
	height: 37px;
	background: url(images/infobox-arrow.png) no-repeat;
	position: absolute;
	bottom: -37px;
	left: 10px;
}

#SearchResults #results-map
{
    width: 450px;
}
/*--------------------------*/

/* Active marina */
.active-marina-news {float:left;}
.active-marina-news H3 {float:none !important; width:313px;}
.whats-going-on {float:right;}
.whats-going-on H3 {float:none !important;width:152px;}

/* Flickr Gallery */
.image-gallery { margin-top: 5px; margin-bottom: 10px; display:inline-block; }
.imgContainer { width: 155px; height: 108px; text-align: center; margin: 0px 2px 2px 2px; float: left;}
.imgContainer img { width: auto; height: auto; margin: 0px; float: none; max-height: 98px; max-width: 155px; border: 1px solid #23435a; }

.blue-box { border: 1px solid #98d3e4; padding: 10px; background-color: #D1EBF3; float: left; }

/*Single Twitter Control*/
.single-twitter { width: 865px; height: 50px; background: transparent url(images/single-twitter-background.png) no-repeat; position: relative; padding-top: 18px; float: left; }
.single-twitter img { position: absolute; top: -15px; left: 15px; }
.single-twitter span { width: 770px; height: 33px; line-height: 33px; margin-left: 15px; float: left; 	padding: 0px 5px; border-left: 1px solid #c3c3c3; border-top: 1px solid #c3c3c3; background-color: white; overflow: hidden; }
.single-twitter span a { color: #be1212 !important; text-decoration: none; }
.single-twitter > a { width: 50px; height: 30px; border: 0px; background: #cbc9c9; float: left; font-size: 9pt; font-weight: bold; white-space: normal; padding-top: 4px; text-align: center; text-decoration: none; }

/* Facebook Button */
.facebook-button { width: 70px; height: 70px; float: left; background: url(images/facebook-button.png) no-repeat; border: 0px; margin-left: 10px; }

/* Generic */
.no-bg { background: none; }