@import url('rya-forms.css');
/*@import url('rya-basket.css');*/
@import url('rya-maps.css');
/*@import url('rya-tabs.css');*/
@import url('rya-tables.css');

#publishingconsole{
	float:left;
	width:100%;
}

#siteactions
{
    width: 97px;
	float:right;
}

.errormessage
{
	color:Red;
}

.advertcontainer
{
	margin: 0 auto;
	width:100%;
}

.advertcontainer img, .advertcontainer object, .advertcontainer embed
{
	border:1px solid black;
	margin-top: 20px;
}

.article-right-advert-pod
{
    width: 237px;/*237*/
    border-bottom: 1px solid #01143C;
    float: left;
    /*padding: 15px;*/
    padding-bottom:20px;
}

.propertygrouppanel
{
	float:left;
	clear:both;
	width:100%;
	color:#00204F;
	margin-bottom:5px;
}

.propertygrouppanel select
{	
	/* Added by Tarek Baba to style the controls within FormSelectorControl class. 10/03/2009 */
	background-color:#D1EBF3; /* Faint blue */
    border: 1px solid #98D3E4; /* RYA Brand Sky blue */
    margin-right:3px;
    color: #00204F;
}

.propertygrouppanel div.label
{
	float:left;
	width:200px;
}

#article-centre-1col .ms-formfieldcontainer
{
	color:#00204F
}

dl.searchResult-data 
{
	width:688px;
}

.article-pagination
{
	border-bottom: 1px solid #D5EDF4;
	border-top: 1px solid #D5EDF4;
	float:left;
	margin-bottom: 20px;
	padding: 0 15px 0 0;
	text-align: right;
	width:465px;
}

.article-pagination a.visited
{
    color: #667995;
}

.article-pagination .paginationFirst a
{
    color: #06437C;
    text-decoration: none;
    font-size: 1.1em;
    padding: 5px 7px 5px 7px;
    border-left: 1px solid #D5EDF4;
    border-right: 1px solid #D5EDF4;
    float: left;
    display: block;
}

.article-pagination .paginationFirst a:hover
{
    text-decoration: underline;
    background-color: #98D3E4;
}

.article-pagination .paginationNos a
{
    color: #06437C;
    text-decoration: none;
    font-size: 1.1em;
    padding: 5px 7px 5px 7px;
    border-right: 1px solid #D5EDF4;
    float: left;
    display: block;
}

.article-pagination .paginationNos a:hover
{
    text-decoration: underline;
    background-color: #98D3E4;
}


.article-pagination img
{
    border: none;
    margin: 6px;
    vertical-align: middle;
    float: left;
}

div.rade_editorModes ul, div.rade_editorModes ul li 
{
	float:left !important;
	margin:0 !important;
	padding:0 !important;
	background-image: none !important;
}
div.rade_editorModes ul, div.rade_editorModes ul
{
	width: 100% !important;
}


.customise-2 select
{
	background-color: #d5eef5;
    border: 1px solid #98def3;	
}
.customise-2 a
{
	color: White;
}
.splitcenter-margin input[type=Password]
{
	border: #98D3E4 1px solid; /* feint blue */
	background-color: #D1EBF3; /* feint blue */
	color:#00204F; /* navy blue */
	font-size: 1em;
	padding:2px;
	font-family: Arial, Helvetica, sans-serif;
}

input[type="password"]
{
	background-color:#D1EBF3;
	border:1px solid #98D3E4;
	color:#00204F;
	font-family:Arial,Helvetica,sans-serif;
	font-size:1em;
	padding:2px;
}

table.BasketTable input.ProductDelete
{
    float:right;   
    margin-top:-18px;
}
/* FirstProduct changed from id to class to allow using hte id in asp.net code behind */
dl.ProductList dd.FirstProduct
{
    border:solid 1px #D5EDF4;
}
.FirstProduct .ProductImage
{
    width:221px;
    height:245px;
    /**height:250px;*/
    padding-top:12px;
    border:none;
    border-bottom:solid 1px #D5EDF4;
}
dl.ProductList dd.FirstProduct .ProductImage img
{
    max-width:none;
    max-height:none;
    /*_height:208px;*/
}
dl.ProductList dd.FirstProduct span
{
    float:left;
    clear:left;
    margin:5px;
}
dl.ProductList dd.FirstProduct span.ProductTitle,
dl.ProductList dd.FirstProduct span.ProductText
{
    width:160px;
    margin-right:0px;
}
dl.ProductList dd.FirstProduct span.ProductPrice
{
    float:right;
    clear:none;
    width:50px;
    margin-top:-34px;
    /*margin-top:5px;*/
    text-align:right;
}

.ShopPromoBoxWide {	
	width:448px;
}

.CourseDropDown
{
	width:auto;
}

#article-left-mpu-pod 
{
	float:left;
	width:100%;
}

/* Checkout Styles */
.ProcessForm fieldset
{
	border: 0 none;
	margin:0;
	padding:0;
}
.ProcessForm .row
{
	float:left;
	padding: 0.5em 0;
	width:670px;
}
.ProcessForm .label
{
	line-height:20px;
	float:left;
	padding: 0 5px 0 0;
	text-align:right;
	width:140px;
}
.ProcessForm .field
{
	line-height:20px;
	float:left;
	width:380px;
	padding: 0 5px 0 0;
}
.ProcessForm .buttons
{
	line-height:20px;
	float:left;
	width:80px;
}
.ProcessForm .selected
{
	background-color:#98D3E4;
}
.ProcessForm .select
{
	float:left;
	padding:0 5px 0 0;
	line-height: 20px;
	width:35px;
}

.ProcessForm .validation
{    
    width: 90px;
    padding: 0 5px;
    float: right;
    font-size: .9em;
}

.ProcessForm .feedback
{
    background-color: #C10538;    
    color: #fff;
}



.two-col-deflist-container
{
	float:left;
}

#basket-left-main {
	color:#2B5987;
}

.CalendarExtender .ajax__calendar_container {
    border:1px solid #646464;
    background-color: #D1EBF3;
    color: #01427C;
}
.CalendarExtender .ajax__calendar_other .ajax__calendar_day,
.CalendarExtender .ajax__calendar_other .ajax__calendar_year {
    color: White;
    font-weight: normal;
}
.CalendarExtender .ajax__calendar_hover .ajax__calendar_day,
.CalendarExtender .ajax__calendar_hover .ajax__calendar_month,
.CalendarExtender .ajax__calendar_hover .ajax__calendar_year {
    color: Black;
    background-color: White;
}
.CalendarExtender .ajax__calendar_active .ajax__calendar_day,
.CalendarExtender .ajax__calendar_active .ajax__calendar_month,
.CalendarExtender .ajax__calendar_active .ajax__calendar_year {
    color: Black;
    background-color: White;
    font-weight: bold;
}

.article-region-image
{
	border: 1px solid #D5EDF4;
	margin-bottom: 10px;
}

.CategoryDropDown
{
    margin-bottom:-2px;
}

.search-popup
{
    top:315.75px;
}

#SearchResults 
{
	height:auto;
}

.center
{
	text-align:center;
}

#CourseSearchLarge input[type="image"], #CourseSearch input[type="image"]
{
	float:right;
	margin: 0 5px 10px;
}

.article-right-pod-top input[type="image"]
{
	margin: 5px 0;
	float: right;
	padding: 0;
}

.brochure-list dd input[type="image"] {
	border:1px solid #ABDBE9;
	margin-bottom:5px;
	width:105px;
}


.formContainer .rowErrorValidator
{    
    float: left;
    padding: .5em 0;
    width: 480px;
    color:#C10538;
}
.news-filter
{
    position:relative;
    width:353px;
    padding-left:0px
}

.news-filter p
{
	width:353px;
}

#home-R1-left-news-main
{
	height:294px;
}

#rss 
{
	padding:20px 0 0 20px;
}

/* ISSUE: SEE ALSO IMAGES
*/
.article-right-pod p
{
	float: left;
	width: 207px;
	margin-bottom: 1em;
}
.seeAlsoImage
{
	float:right;
	border:0px;
	border:1px solid #98D3E4;
	padding:0px;
	margin: 0 0 0 .5em;
}

/* Join and Renew Form */
.YourInterestContent 
{
	float:left;
	min-height:280px;
	padding:0 10px !important;
	width:460px;
	clear:both;
	height:160px;
}
.ErrorMessageBottom
{
	background-color:#C10538;
	color:White;
	float: left;
    padding: .5em 0;
    width: 480px;
}


.article-left-pod
{
    width: 161px;/*191*/
    border-bottom: 0px solid #01143C;
    float: left;
    padding: 15px;
}

textarea
{
	width:290px;
}

.darkblue
{
	color: #00204F;/*rya dark blue brand*/
}

.icon-padlock-seealso
{
    float:right;
    clear:none;
    margin-top:0px;
    border: 0px solid !important;
}
.article-hub-pod-feature .icon-padlock-seealso
{
	float:right;
	margin-top: 2px;
}

.title-tenreasons-membership
{
	height:48px;
    text-indent:-9999px;
    background:url(images/title-10reasons-membership.gif) no-repeat left top;
    margin:17px 12px 10px 12px;
    padding-bottom:10px;
    border-bottom:solid 1px #d5edf4;
}

/* Training Centre */
.voucherSquare
{
	float: right;
	margin: 2px;
	vertical-align: bottom;
}
.distanceLCircle
{
	float: right;
	margin: 2px;
	vertical-align: bottom;
}
.WhatIsThisPositionV
{
	margin-top: -2px;
	margin-right: 13px;
}
.WhatIsThisPositionD
{
	float: left;
	margin-top: 8px;
}

.tclogoContainer
{
	float:left;
	width:100%;
}

.iconContainer
{
	float: right;
	margin-left:10px;
}

.ttinfo a 
{
	border-bottom: 1px dashed #00204F;
	text-decoration: none;
}
.ttinfo a:hover
{
	position:relative;
}
.ttinfo a span
{
	display:none;
}
.ttinfo a:hover span
{
	display: block;
	position: absolute;
	top: -5px;
	left: 70px;
	width: 200px;
	padding: 5px;
	margin: 10px;
	z-index: 200;
	background: #D1EBF3;
	border: 1px solid #98D3E4;
}

#centre-name input
{
    width: 260px;
}

.DrpCourses
{
	margin-bottom: 5px;
	margin-top: 5px;
}

.DrpCourses span
{
    width: 93px;
    display: inline-block;
}

.DrpCourses input
{
    margin-left: 0px !important;
}

.formContainer .TabContent .fullrow
{
	width:448px;
}
.training_tickBoxLogoPosition
{
	float:left;
	width:100%;
	height:35px;
}
.training_tickBoxLogoPosition_checkbox
{
	float:left;
	width:400px;
}
.training_tickBoxLogoPosition_logo
{
	float:left;
	width:75px;
}
.training_tickBoxLogoPosition_link
{
	margin:0pt;
}

/*  */

.wheresmynearest_tickBoxLogoPosition
{
	float:left;
	width:100%;
}
.wheresmynearest_tickBoxLogoPosition_checkbox
{
	float:left;
	width:330px;
}
.wheresmynearest_tickBoxLogoPosition_logo
{
	float:left;
	width:80px;
}

.article-right-pod-noborder {
	border-bottom:0px solid #01143C;
	float:left;
	padding:15px;
	width:207px;
}

.weather-header-ddl .weather-header-filter-outer
{
	float:right;
}

.weather-header-ddl .weather-header-filter-container
{
	float:right;
	clear:both;
	margin-bottom:5px;
}

.weather-header-filter-container span
{
	float:left;
	margin-right:0.5em;
}

.weather-header-filter-container input
{
	margin-right:0.5em;
}

/* ISSUE 905
   Skandia sponsors layout
   Edit the <table> in the live content to add this class, trim the cellpadding etc and also add a </td><td> between each pair of links ..</a></td><td><a...
*/

table.sponsor-control
{
	border-collapse: collapse;
	background-color: white;
}


.article-right-pod-bottom 
{
    width: 207px;/*237*/
    height: 145px;/*175*/
    border-bottom: 1px solid #01143c;
    float: left;
    padding: 15px;
}

.SFG_HomePage-footer
{
    float:left;
    clear:both;
    width:520px;
    height:71px;
    margin:0px 0px -20px -20px;
    background:url(images/SFG-footer.jpg) no-repeat left top;
    color:#fff;
}

.mediaPlayers
{
	max-width:480px;
	padding:5px 0;
}




.formContainer .TabContentJoinRenew
{
    min-height: 280px;
    float: left;
    width: 460px;
    padding: 0px 10px!important;
}
.formContainer .TabContentJoinRenew .row
{
    _width:455px!important;
}
.formContainer .TabContentJoinRenew h3
{
    float:left;
    width:448px;
}
.formContainer .TabContentJoinRenew .label,
.formContainer .TabContentJoinRenew .field
{
    line-height:20px;
}
.formContainer .TabContentJoinRenew .label a
{
    font-size:11px;
}
.formContainer .TabContentJoinRenew select
{
    width:120px;
}
.formContainer .TabContentJoinRenew #DeliveryAddressSection,
.formContainer .TabContentJoinRenew #BillingAddressSection
{
    float:left;
    width:456px;
    padding:10px 0px;
    border:dotted 1px #98D3E4;
}
.formContainer .TabContentJoinRenew .shortfield
{
    width:130px;
}
.formContainer .TabContentJoinRenew .longerfield
{
    width:285px;
}
.formContainer .TabContentJoinRenew .longerfield a img
{
    border:none;
    margin-bottom:-4px;
}
.formContainer .TabContentJoinRenew .notes
{
    float:left;
    width:200px;
    _width:180px;
    font-size:11px;
}
.formContainer .TabContentJoinRenew .notes label
{
    float:left;
    clear:none;
    width:160px;
    margin-top:2px;
}


/* Styling for join and renew */

.formContainer .TabContentJoinRenew
{
    min-height: 200px;
    float: left;
    width: 460px;
    padding: 0px 10px!important;
}
.formContainer .TabContentJoinRenew .row
{
    _width:455px!important;
}
.formContainer .TabContentJoinRenew h3
{
    float:left;
    width:448px;
}
.formContainer .TabContentJoinRenew .label,
.formContainer .TabContentJoinRenew .field
{
    line-height:20px;
}
.formContainer .TabContentJoinRenew .label a
{
    font-size:11px;
}
.formContainer .TabContentJoinRenew select
{
    width:120px;
}
.formContainer .TabContentJoinRenew #DeliveryAddressSection,
.formContainer .TabContentJoinRenew #BillingAddressSection
{
    float:left;
    width:456px;
    padding:10px 0px;
    border:dotted 1px #98D3E4;
}
.formContainer .TabContentJoinRenew .shortfield
{
    width:130px;
}
.formContainer .TabContentJoinRenew .longerfield
{
    width:285px;
}
.formContainer .TabContentJoinRenew .longerfield a img
{
    border:none;
    margin-bottom:-4px;
}
.formContainer .TabContentJoinRenew .notes
{
    float:left;
    width:200px;
    _width:180px;
    font-size:11px;
}
.formContainer .TabContentJoinRenew .notes label
{
    float:left;
    clear:none;
    width:160px;
    margin-top:2px;
}
.formContainer .TabContentJoinRenew .notes input
{
    float:left;
    clear:none;
}

.update
{
	width:75px;
    margin:0px 0px 0px 2px;
    background:transparent url(images/buttons/btn-update-sml-blue.png) no-repeat left top;
}

.DDPromoContainer label
{
	width: 140px !important;
}

.ShopBanner
{
	float: left;
	clear: both;
	margin-bottom: 12px;
	width: 480px;
}

.ContentContainer
{
	width:100%;
	margin: 12px 0 12px 0;
}



.table-2-horizontal-titles-Affiliate
{
	border-collapse:collapse;
	float:left;
	text-align:left;
	width:100%;
}
.table-2-horizontal-titles-Affiliate td 
{
	background:none repeat scroll 0 0 #FFFFFF;
	border-bottom:1px solid #C9E8F1;
	border-left:1px solid #C9E8F1;
	border-right:1px solid #C9E8F1;
	padding:2px;
	vertical-align:top !important;
}
.search-options-placeholder
{
    height:380px;
}

/*RYA Schemes List*/
.panel .facilityBox
{
    width: 100%;
    height: 54px;
    margin-top: 5px;
}

.panel .facilityBox img.facilityLogo
{
    width: 76px;
    height: 54px;
    float: left;
    border: none;
}

.panel .facilityBox span
{
    display: block;
    line-height: 54px;
    text-decoration: underline;
}







.membershipBox
{
	width: 231px;
	height: 166px;
	float: left;
	border: 1px solid #a8dae8;
	margin-top: 10px;
	margin-right: 0px;
}

.memAlignRight
{
	float: right;
}

.topMembership
{
	width: 231px;
	height: 135px;
	border-bottom: 1px solid #a8dae8;
	float: left;
	background: url(images/topMembershipBackground.gif) bottom no-repeat;
}
.topMem
{
	width: 100%;
	height: 30px;
	line-height: 30px;
	float: left;
	padding-left: 8px;
	font-size:17px;
	font-weight:bold;
}
	
.middleMem
{
	width: 231px;
	height: 70px;
	float: left;
}
.middleMemLeft
{
	width: 119px;
	height: 70px;
	line-height: 70px;
	float: left;
			
	font-size: 46pt;
	vertical-align: middle;
	color: #bd0335;
	padding-left: 8px;
}
		
.middleMemRight
{
	width: 104px;
	height: 70px;
	line-height: 15px;
	float: left;
	font-size: 10pt;
	vertical-align: middle;
	padding-top: 20px;
	font-weight:bold;
}
	
.bottomMem
{
width: 100%;
height: 35px;
line-height: 35px;
float: left;
		
color: #bd0335;
text-align: right;
}

.bottoMembership
{
	width: 231px;
	height: 30px;
	float: left;
	background: url(images/bottomMembershipBackground.gif) no-repeat;
	color: white;
}

.bottoMembership p
{
	width: 120px;
	float: left;
	margin: 6px 0px 0px 8px;
	font-size:15px;
	font-weight:bold;
}

.bottoMembership input
{
	margin: 6px 8px 0px 0px;
	float: right;
}

/* Fixed Styling Error for basket pages with article right #2624*/
#basket-wrapper #article-right a.lightBlue
{
    color: #98D3E4;
}