/* $Header: /Websites/immediacy/internet/templates/RBS/css/blue.css 16    24/10/11 14:50 Kennedo $ */
/*User Selectable Styles*/

.Heading1, H1
{
}

.Heading2, H2
{
}

.Heading3, H3
{
}

.Heading4, H4
{
}

.table tr th p
{
    color: #FFFFFF;
}

.accent
{
    color: #002a66;
    font-weight: bold;
}

.Normal, P, DIV
{
    color: #002a66;
    font-family: Tahoma, Geneva, Arial, Helvetica, Sans-Serif;
    font-size: small;
}

.Caption1
{
    color: #002a66;
    font-family: Tahoma, Geneva, Arial, Helvetica, Sans-Serif;
    font-size: small;
    font-weight: bold;
}

.Caption2
{
    color: #002a66;
    font-family: Tahoma, Geneva, Arial, Helvetica, Sans-Serif;
    font-size: small;
    font-weight: normal;
    font-style: italic;
}

.Caption3
{
    color: #002a66;
    font-family: Tahoma, Geneva, Arial, Helvetica, Sans-Serif;
    font-size: small;
}

.Caption4
{
    color: #002a66;
    font-family: Tahoma, Geneva, Arial, Helvetica, Sans-Serif;
    font-size: small;
    font-weight: bold;
}

/* General hyperlink colour - AMG 29/02/2008 */
A, A:link
{
    color: #002A66;
    text-decoration: none;
}

/* Coloured bullet for selected item in left menu bar - AMG 29/02/2008 */
#left DIV LI.on
{
    background: url(../../../images/rbs/arrowhead_blue.gif) 0 5px no-repeat;
}

/* Selected menu item colour in left menu bar - AMG 29/02/2008 */
#left DIV LI.on A
{
    font-weight: bold;
    color: #002A66;
}

/* Buttons */
A.login_button
{
    clear: none;
    background: url(../../../images/rbs/btn/r_login.gif) no-repeat 0 0;
    float: right;
    width: 79px;
    height: 19px;
}
A.forgot_password_button
{
    clear: both;
    background: url(../../../images/rbs/btn/r_forgot_password.gif) no-repeat 0 0;
    float: left;
    width: 154px;
    height: 19px;
    margin-top: 15px;
    margin-bottom: 5px;
}
A.change_password_button
{
    clear: both;
    background: url(../../../images/rbs/btn/r_change_password.gif) no-repeat 0 0;
    float: left;
    width: 154px;
    height: 19px;
    margin-top: 15px;
    margin-bottom: 5px;
}
A.reset_button
{
    clear: both;
    background: url(../../../images/rbs/btn/reset.gif) no-repeat 0 0;
    float: left;
    width: 65px;
    height: 19px;
}
A.submit_button
{
    clear: both;
    background: url(../../../images/rbs/btn/submit.gif) no-repeat 0 0;
    float: right;
    width: 67px;
    height: 19px;
}
A.cancel_button
{
    clear: both;
    background: url(../../../images/rbs/btn/cancel.gif) no-repeat 0 0;
    float: left;
    width: 65px;
    height: 19px;
}
A.save_button
{
    clear: both;
    background: url(../../../images/rbs/btn/save.gif) no-repeat 0 0;
    float: right;
    width: 55px;
    height: 19px;
}
A.back_button
{
    clear: both;
    background: url(../../../images/rbs/btn/back.gif) no-repeat 0 0;
    float: left;
    width: 65px;
    height: 19px;
}
A.confirm_button
{
    clear: both;
    background: url(../../../images/rbs/btn/confirm.gif) no-repeat 0 0;
    float: right;
    width: 79px;
    height: 19px;
}
A.next_button
{
    clear: both;
    background: url(../../../images/rbs/btn/next.gif) no-repeat 0 0;
    float: left;
    width: 55px;
    height: 19px;
    margin-top: 15px;
    margin-bottom: 5px;
}

/* User Table Colour Styles */
/* These styles define the basic properties for tables in the Immediacy Editor */

/* Default Table */
table.ImmTS_Default
{
    background-color: #eeffee;
}
/* Overall table style */

table.ImmTS_Default th, table.ImmTS_Default td
{
    padding: 2px;
    margin: 2px;
}
/* Cell padding and spacing styles */

table.ImmTS_Default, table.ImmTS_Default th, table.ImmTS_Default td
{
    border: 1px solid black;
}

table.ImmTS_Default th
{
    background-color: #bbFFbb;
    color: black;
}
table.ImmTS_Default tr
{
}
table.ImmTS_Default td
{
    color: black;
}

/* Template Colour Styles */
/* Changes the colour of sections of the page dependant on the style sheet in use */

#header
{
    /* Immediacy formatting removed */
}
#left
{
    /* Immediacy formatting removed */
}

/*Side Menu Color Selection Styles */

/* All Level Styles*/
#sidemenu
{
    background-color: #eeeeee;
}
#sidemenu .head
{
    color: #ffffff;
    background-color: #42A454;
}
#sidemenu a
{
}
#sidemenu a:hover
{
}

/* Level 0 Styles */
#sidemenu a.L0
{
    color: #000000;
    background: #eeeeee;
}
#sidemenu a.L0 DIV.hc
{
    background-image: url(../../../images/rtArwGrey.gif);
}
#sidemenu a.L0 DIV.nc
{
    background-image: url(../../../images/sqBltGrey.gif);
}

#sidemenu a.L0sel
{
    color: #000000;
    background: #a5a5a5;
}
#sidemenu a.L0sel DIV.hc
{
    background-image: url(../../../images/rtArwWhite.gif);
}
#sidemenu a.L0sel DIV.nc
{
    background-image: url(../../../images/sqBltWhite.gif);
}
#sidemenu a.L0sel:hover
{
    color: #000000;
    background: #a5a5a5;
}

#sidemenu a.L0:hover
{
    color: #000000;
    background: #A1DDA1;
}
#sidemenu a.L0:hover DIV.hc
{
    background-image: url(../../../images/rtArwGrey.gif);
}
#sidemenu a.L0:hover DIV.nc
{
    background-image: url(../../../images/sqBltGrey.gif);
}

/* Level 1 Styles */
#sidemenu a.L1
{
    color: #000000;
    background: #E0E0E0;
}
#sidemenu a.L1 DIV.hc
{
    background-image: url(../../../images/rtArwGrey.gif);
}
#sidemenu a.L1 DIV.nc
{
    background-image: url(../../../images/sqBltGrey.gif);
}

#sidemenu a.L1sel
{
    color: #000000;
    background: #a5a5a5;
}
#sidemenu a.L1sel DIV.hc
{
    background-image: url(../../../images/rtArwWhite.gif);
}
#sidemenu a.L1sel DIV.nc
{
    background-image: url(../../../images/sqBltWhite.gif);
}
#sidemenu a.L1sel:hover
{
    color: #000000;
    background: #a5a5a5;
}

#sidemenu a.L1:hover
{
    color: #000000;
    background: #A1DDA1;
}
#sidemenu a.L1:hover DIV.hc
{
    background-image: url(../../../images/rtArwGrey.gif);
}
#sidemenu a.L1:hover DIV.nc
{
    background-image: url(../../../images/sqBltGrey.gif);
}

/* Level 2 Styles */
#sidemenu a.L2
{
    color: #000000;
    background: #E7E7E7;
}
#sidemenu a.L2 DIV.hc
{
    background-image: url(../../../images/rtArwGrey.gif);
}
#sidemenu a.L2 DIV.nc
{
    background-image: url(../../../images/sqBltGrey.gif);
}

#sidemenu a.L2sel
{
    color: #000000;
    background: #a5a5a5;
}
#sidemenu a.L2sel DIV.hc
{
    background-image: url(../../../images/rtArwWhite.gif);
}
#sidemenu a.L2sel DIV.nc
{
    background-image: url(../../../images/sqBltWhite.gif);
}
#sidemenu a.L2sel:hover
{
    color: #000000;
    background: #a5a5a5;
}

#sidemenu a.L2:hover
{
    color: #000000;
    background: #A1DDA1;
}
#sidemenu a.L2:hover DIV.hc
{
    background-image: url(../../../images/rtArwGrey.gif);
}
#sidemenu a.L2:hover DIV.nc
{
    background-image: url(../../../images/sqBltGrey.gif);
}

/*Top Drop Down Menu Color Selection Styles */

/* All Level Styles*/
#topdropmenu
{
    border-top: 1px solid #71C383;
    background: #A1DDA1;
}
#topdropmenu a
{
}
#topdropmenu a:hover
{
}

/* Level 0 Styles */
#topdropmenu UL UL.L0
{
}
#topdropmenu a.L0hc
{
    color: #2D7C40;
    border-right: 1px solid #71C383;
    background: #D5F5DC url(../../../images/dnArwGrey.gif) right center no-repeat;
}
#topdropmenu a.L0nc
{
    color: #2D7C40;
    border-right: 1px solid #71C383;
    background: #D5F5DC;
}

#topdropmenu a.L0hc:hover
{
    color: #000000;
    background: #ffffff url(../../../images/dnArwGrey.gif) right center no-repeat;
}
#topdropmenu a.L0nc:hover
{
    color: #000000;
    background: #ffffff;
}


/* Level 1 Styles */
#topdropmenu UL UL.L1
{
    border: 1px solid black;
}
#topdropmenu a.L1hc
{
    color: #000000;
    background: #e5e5e5 url(../../../images/rtArwGrey.gif) right center no-repeat;
}
#topdropmenu a.L1nc
{
    color: #000000;
    background: #e5e5e5;
}

#topdropmenu a.L1hc:hover
{
    color: #000000;
    background: #ffffff url(../../../images/rtArwGrey.gif) right center no-repeat;
}
#topdropmenu a.L1nc:hover
{
    color: #000000;
    background: #ffffff;
}

/* Level 2 Styles */
#topdropmenu UL UL.L2
{
    border: 1px solid black;
}
#topdropmenu a.L2hc
{
    color: #000000;
    background: #d8d8d8 url(../../../images/rtArwGrey.gif) right center no-repeat;
}
#topdropmenu a.L2nc
{
    color: #000000;
    background: #d8d8d8;
}

#topdropmenu a.L2hc:hover
{
    color: #000000;
    background: #ffffff url(../../../images/rtArwGrey.gif) right center no-repeat;
}
#topdropmenu a.L2nc:hover
{
    color: #000000;
    background: #ffffff;
}

.SelectedDateStyle
{
    background: white;
    font: Verdana,Helvetica,Tahoma,Arial;
    font-size: Small;
}

.WeekendStyle
{
    background: Lavender;
    font: Verdana,Helvetica,Tahoma,Arial;
    font-size: Small;
}

.GoToTodayStyle
{
    background: white;
    font: Verdana,Helvetica,Tahoma,Arial;
    font-size: Small;
}

.DayHeaderStyle
{
    background: white;
    font: Verdana,Helvetica,Tahoma,Arial;
    font-size: Small;
}

.MonthHeaderStyle
{
    background: white;
    font: Verdana,Helvetica,Tahoma,Arial;
    font-size: Small;
}

.WeekdayStyle
{
    background: white;
    font: Verdana,Helvetica,Tahoma,Arial;
    font-size: Small;
}

.OffMonthStyle
{
    background: antiquewhite;
    font: Verdana,Helvetica,Tahoma,Arial;
    font-size: Small;
}

.ClearDateStyle
{
    background: white;
    font: Verdana,Helvetica,Tahoma,Arial;
    font-size: Small;
}

.TodayDayStyle
{
    background: gold;
    font: Verdana,Helvetica,Tahoma,Arial;
    font-size: Small;
}

.healthcheck, .healthContactDetails, .AnswerPanel, .AllAnswersYes, .AtLeast1No
{
    line-height: 1.5;
}

.AnswerPanel th
{
    color: Red;
}

/* Added as part of the Home Page redesign */
#CallToActionHolder
{
    height: 750px;
    width: 200px;
    border: 1px solid #000000;
    float: right;
}

#MainBanner
{
    height: 200px;
    width: 720px;
    border: 1px solid #000000;
}

#CaseStudyHolder
{
    height: 250px;
    float: left;
    border: 1px solid #000000;
    width: 359px;
}

#LatestNewsHolder
{
    height: 250px;
    width: 359px;
    float: left;
    border: 1px solid #000000;
    overflow: hidden;
}

#ServicesHolder
{
    height: 300px;
    width: 720px;
    border: 1px solid #000000;
}

/* Added by Daryl Kennedy 22/06/2010 Home Page redesign */
DIV.HighlightArea
{
    float: left;
    height: 601px;
}

DIV.ServicesArea
{
    background-image: url(../../../images/rbs/RHL/Services_Box.png);
    background-repeat: no-repeat;
    float: left;
    margin-left: 20px;
    width: 189px;
    height: 601px;
    _margin-top: -50px; /* IE6 Fix - large space between subMenu and the ServicesArea */
}

DIV.NewsArea
{
    background-image: url(../../../images/rbs/RHL/News_Box.png);
    background-repeat: no-repeat;
    height: 258px;
    width: 189px;
    float: left;
    margin-left: 20px;
    _margin-top: -50px; /* IE6 Fix - large space between subMenu and the NewsArea */
}

DIV.CallToActionContainer
{
    float: left;
    margin: 0px; /*width: 189px; */
   /* height: 601px;*/
    margin-left: 18px;
}

DIV.FreeTrialBox
{
    background-image: url(../../../images/rbs/rhl/Purple_Offer_Box.png);
    width: 189px;
    height: 110px;
    float: left;
    margin-top: 12px;
    margin-left: 0px;
}

DIV.FreeHealthCheckBox
{
    background-image: url(../../../images/rbs/rhl/Blue_Offer_Box.png);
    background-repeat: no-repeat;
    width: 189px;
    height: 98px;
    float: left;
    margin-top: 12px;
    margin-left: 0px;
}
DIV.TrainingBox
{
    background-image: url(../../../images/rbs/rhl/Green_Offer_Box.png);
    width: 189px;
    height: 98px;
    float: left;
    margin-top: 12px;
    margin-left: 0px;
}

DIV.ContactUsBox
{
    background-image: url(../../../images/rbs/rhl/Orange_Offer_Box.png);
    width: 189px;
    height: 98px;
    float: left;
    margin-top: 12px;
    margin-left: 0px;
}

IMG.FindOutMoreFT
{
    margin-left: 60px;
    margin-top: -15px; 
    *margin-top:-18px;

}

P.CallToActionHeadingFT
{
    color: #FFFFFF;
    padding-top: 4px;
    padding-left: 6px;
    font-size: 16pt;
    /*line-height: 5px;*/
    margin-top: 1px;
    margin-bottom: -1px;
    *margin-bottom: 3px;
}


P.CallToActionHeading
{
    color: #FFFFFF;
    padding-top: 4px;
    padding-left: 6px;
    font-size: 16pt;
    /*line-height: 5px;*/
    margin-top: 1px;
    margin-bottom: 0px;
}


P.CallToActionSubHeading
{
    color: #FFFFFF;
    padding-left: 6px;
    font-size: 10pt;
    margin-top: -2px; 
    *margin-top:-8px;
    margin-bottom:0px;

}
P.CallToActionBodyFT
{
    color: #FFFFFF;
    padding-left: 6px;
    margin-top: 1px;
    font-size: 10pt;
    /*line-height: 1px;*/
}
P.CallToActionBody
{
    color: #FFFFFF;
    padding-left: 6px;
    margin-top: 3px;
    font-size: 10pt;
    /*line-height: 1px; */
    *margin-top:0px;

}

H2.ServiceAreaHeading
{
    padding-left: 8px;
    font-family: tahoma, Geneva, sans-serif;
    font-size: 11pt;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-top: 3px;
}

P.ServiceAreaBody
{
    padding-left: 8px;
    padding-top: -2px;
    margin-bottom: 8px; 
    *margin-bottom:10px;/* IE7 Hack - Daryl Kennedy 22/10/2010 Home Page redesign */
}

DIV.split
{
    background: #ced6e1;
    height: 1px;
    margin-left: 8px;
    margin-right: 12px;
    margin-top: 2px;
    margin-bottom: 0px;
    _background: #FFFFFF;
    _display: none; /* Hide DIV for IE6 - causes problems when displayed */
    
}

IMG.FindOutMoreFT
{
    margin-left: 60px;
    margin-top: -20px; 
    *margin-top:-12px;
}

IMG.FindOutMore
{
    margin-left: 60px;
    margin-top: -6px; 
    *margin-top:-10px;
}

IMG.ServicesFindOutMore
{
    padding-left: 8px;
}

IMG.NewsFindOutMore
{
    float: right;
    padding-right: 8px;
    margin-top: 10px;
}

H2.NewsAreaHeading
{
    margin-left: 6px;
    margin-right: 6px;
    margin-top: 4px;
    font-size: 18pt;
}

SPAN.NewsMonthHeading
{
    font-size: 12pt;
}

DIV.newsScroller
{
    padding-left: 8px;
    padding-right: 8px;
    width: 189px;
}

A.SubMenuLink
{
    color: #002a66;
    font-size: 10pt;
    font-weight: bold;
}

.CallToActionContainer {
    width:189px;
    float:left;
    margin-left:20px;
}

/* Follow us on Twitter IE6 fix */
#subMenu LI.imgFollowUs {
	display: inline;
}

/* Homepage slider */
.jwrapper ul .iteminfo {
    width: 316px;
}

.jwrapper ul h4 {
    margin-bottom: 0;
    margin-top: 10px;
}

.jwrapper ul h5,
#h5Sub {
    font-size: 14px;
    margin-bottom: 0;
    margin-top: -5px;
}

.jwrapper ul p.casedetails {
    font-size: 14px;
    width: 170px;
}

.jwrapper ul li img,
.jwrapper ul li.video img {
    margin: 0 10px 5px 0;
}

.jwrapper ul li .iteminfo img,
.jwrapper ul li.video .iteminfo img {
    margin: 0 0 5px 0;
}

#podintro .podbut1 {
	margin-left: 0;
}

/* News box */
#NewsContainer {
   	background: url(../../../images/rbs/RHL/news_box.png) 0 0 no-repeat;
	height: 259px;
	padding: 0;
	width: 190px;
}

div.NewsArea {
	background: none;
}

.NewsItems {
	height: 225px;
	margin: 0;
	padding: 0;
}

.NewsItems span {
	padding: 0 10px;
	display: block;
}

.NewsArticleDesc {
	height: 66px;
	line-height: 1.2;
	margin-bottom: 20px;
	margin-top: 0;
	overflow: hidden;
}

.NewsHeading {
	margin: 0;
	padding: 5px 0 0 10px;
}

.NewsArticleDelim {
	display: none;
}

/* Call to action / RH boxes */
div.HSMentorLive,
div.FreeHealthCheckBox, 
div.FreeTrialBox, 
div.TrainingBox, 
div.ContactUsBox,
div.TrainingBox {
	position: relative;
	width: 190px;
}

div.FreeHealthCheckBox,
div.ContactUsBox,
div.TrainingBox {
	background: url(../../../images/rbs/RHL/purple_offer_box_97.png);
}

div.FreeTrialBox {
	background: url(../../../images/rbs/RHL/purple_offer_box_110.png);
}

div.FreeHealthCheckBox img.FindOutMore, 
div.FreeTrialBox img.FindOutMoreFT, 
div.ContactUsBox img.FindOutMore,
div.TrainingBox img.FindOutMore {
	bottom: 9px;
    position: absolute;
    right: 9px;
}

#CallToActionContainer p,
p.CallToActionHeading,
p.CallToActionHeadingFT,
p.CallToActionSubHeading {
	line-height: 1;
	margin: 0;
    padding: 2px 8px 0;
}

p.CallToActionHeading,
p.CallToActionHeadingFT{
    font-size: 18px;
}

/* Internal pages */
.dynamictext embed {
	display: none;
}

#mid .doubleCol,
#mid .pod_left,
#mid .pod_right {
	background-color: #fff;
}

#mid .doubleCol {
	position: relative;
}

#mid .pod_left div,
#mid .pod_right div {
	padding-bottom: 20px;
}

#mid ul {
	padding-left: 0;
}

.contentPod ul.linklist {
	bottom: 3px;
	position: absolute;
}

ul.linklist li {
    background: url(../../../images/rbs/arrowhead_blue.png) 0 50% no-repeat;
    padding: 2px 0 2px 20px;
}

/* Sub menu */
#left div {
    background: url(../../../images/rbs/bg/left_t.png)  0 0 no-repeat;
	width: 211px;
}

#left div .leftnav_top, 
#left #leftPostcode .leftnav_top {
	display: none;
}

#left div h2 {
	background: none;
	border-bottom: none;
	color: #fff;
	line-height: 14px;
	margin: 0;
	padding: 10px;
}

#left div ul,
#left div ul ul,
#left div ul ul ul {
    display: block;
	margin: 0;
	width: 211px;
}

#left div ul {
	background: url(../../../images/rbs/bg/leftnav_b.png) 0 100% no-repeat;
    padding: 0 0 5px;
}

#left div ul ul,
#left div ul ul ul  {
    background: none;
    padding: 0;
}

#left div li {
    background: none;
	border-bottom: 1px solid #c8c7d9;
	border-top: 1px solid #fff;
    list-style-type: none;
    margin: 0 0 0 2px;
	padding: 0;
    overflow: hidden;
	width: 207px;
}

#left div li li,
#left div li li li {
	margin: 0;
}

#left div li.on {
    background: none;
}

#left div li.first {
	border-top: none;
}

#left div li.last {
	border-bottom: none;
}

#left div li a {
	background: url(../../../images/rbs/arrowhead_blue.gif) 97% 50% no-repeat;
	display: block;
	padding: 3px 15px 3px 10px;
}

#left div li.on a {
    background: url(../../../images/rbs/arrowhead_orange.gif) 97% 50% no-repeat;
}

#left div ul ul li a {
    padding-left: 20px;
}

#left div ul ul ul li a {
    padding-left: 30px;
}


.ImmControlAlign_Right {
	float: right;
}

a.next_button {
    background: url(../../../images/rbs/btn/next.png) no-repeat scroll 0 0 transparent;
    clear: both;
    float: left;
    height: 26px;
    margin-bottom: 5px;
    margin-top: 15px;
    width: 64px;
}

a.forgot_password_button {
    background: url(../../../images/rbs/btn/forgot_password.png) no-repeat scroll 0 0 transparent;
    clear: both;
    float: left;
    height: 26px;
    margin-bottom: 5px;
    margin-top: 15px;
    width: 157px;
}

a.back_button {
    background: url(../../../images/rbs/btn/back_button.png) no-repeat scroll 0 0 transparent;
    clear: both;
    float: left;
    height: 26px;
    margin-bottom: 5px;
    margin-top: 15px;
    width: 63px;
}

a.login_button {
    background: url(../../../images/rbs/btn/login_button.png) no-repeat scroll 0 0 transparent;
    height: 26px;
    margin-bottom: 5px;
    margin-top: 15px;
    width: 71px;
}
