/* Styles have been processed by StyleManager ( www.gStyleManager.com ). */
/* Register StyleManager to remove these comments. */

/* ============== [ Reset ] ==============
/*
   http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video 
{
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align:baseline;
}
strong 
{
    font-weight:bold;
}
html 
{
    overflow-y:scroll;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section 
{
    display: block;
}
ol, ul 
{
    list-style: none;
}
blockquote, q 
{
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after 
{
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
em
{
    font-style:italic;
}


/* ============== [ Grid Layout ] ==============

File:           grid.css
Main Authors:   Sean Jones, Bryan Kerr @ Equator
Created:        21/03/12

Notes:          Defines the grid structure for page layout.

Index
---------------------------------------------------
    - Reusable column setup

*/

/* 
--------------------------------------------------- 
Reusable column setup
---------------------------------------------------
*/

/* Rows /// */
/* Clearing Floats */
.row:before,
.row:after 
{
    content:"";
    display:table;
}
.row:after 
{
    clear:both;
}
/* For IE 6/7 */
.row {
    zoom:1;
}


.mainContent,.mainContentWithSubNav,.pageCol
{
    min-height:20px;
    margin-left:5px;
    margin-right:5px;
    margin-bottom:1em;
}
.pageCol .pageCol,
.mainContent .pageCol,
.mainContentWithSubNav .pageCol
{
    margin:0;
}

.spanCol1,.spanCol2,.spanCol3,.spanCol4,.spanCol5
{
    float:left;
}
.spanCol1 
{
    width:182px;
}
.spanCol2 
{
    width: 374px;
}
.spanCol3 
{
    width: 566px;
}
.spanCol4 
{
    width: 758px;
}
.spanCol5 
{
    float:none;
    clear:both;
}

/* Page Columns */
.span5.mainContent,.mainContent,
.span5.subContent,.subContent  
{
    float:none;
    clear:both;
}
.span4.mainContent,.span3.mainContent,
.span2.mainContent,.span1.mainContent 
{
    float:right;
    clear:none;
} 
.span4.subContent,.span3.subContent,
.span2.subContent,.span1.subContent
{
    float:left;
    clear:none;
}


/* Nested grid structure */

/* Use the amended grid stucture to group together components */
.nestedGrid {
    margin-right: -20px;
    font-size: 0;
}
.nestedGrid .spanCol1,
.nestedGrid .spanCol2,
.nestedGrid .spanCol3,
.nestedGrid .spanCol4 {
    margin: 0 10px 0 0;
    display: inline-block;
    vertical-align: top;
    float: none;
    font-size:10px; 
}


/* ============== [ Site Template ] ==============

File:           template-mainsite.css
Main Authors:   Sean Jones, Bryan Kerr @ Equator
Created:        21/03/12

Notes:          Styles for the page templates used throughout the mainsite.

Index
---------------------------------------------------
    - Common HTML
    - Site width
    - Header
    - Page layout (inc. variations)
    - Footer
    - Helper classes
    - Generic content styles
    - Links and buttons
    - Homepage sectors
    - CSS3 enhancements

*/

/* 
--------------------------------------------------- 
Common HTML
---------------------------------------------------
*/

html 
{
    background:#F9FCFE;
}
body 
{
    color:#515151;
    font-family: Arial, sans serif;
    font-size:62.5%; /* = 10px */
    /*text-rendering: optimizeLegibility;*/
}
#skipLink 
{
	position:absolute;
	left:-5000px;
	overflow:hidden;
}

/* 
--------------------------------------------------- 
Site width
---------------------------------------------------
*/

.groupNav .groupListing,
.headerContent,
.pageContent,
.footer .siteLinksContainer
{
    width:950px; /* Set the page width of site */
    padding:0 20px; /* Padding and width equals actual width */
    margin:0 auto;
}

/* 
--------------------------------------------------- 
Header
---------------------------------------------------
*/
.header 
{
    background:#fff;
}

.headerContent 
{
    position:relative; 
    padding-top:20px;
    min-height:90px;
}

/* Brand */
.header .brand 
{
    padding:30px 20px 20px 0;
    float:left;
}

.header .schemeBrand 
{
    padding:0 0 20px 0;
    float:right;
}

/* 
--------------------------------------------------- 
Page layout (inc. variations)
---------------------------------------------------
*/
/* Main content area */
.mainContentArea 
{
    background:#F9FCFE;
}
/* Page content */
.pageContentWrapper
{
    /* no swirl */
}

/* Used to change background image on Business Health Centre page */
.pageContentWrapperBhc
{
    background:url(/uploadedImages/Resources/Images/pageContent-swirl-purple.png) no-repeat 50% 15px;    
}

/* Used to change background image on campaign page */
.campaign-bg .pageContentWrapper
{
    background:url(/uploadedImages/Resources/Images/pageContent-campaign.png) no-repeat 50% 15px;
    background-attachment: local;
}

.pageContent 
{
    padding:15px 15px 20px;
    width:960px;
}

/* Main content */
.mainContent 
{
}
.mainContentWithSubNav 
{
    float:right;
}
.subNav 
{
    float:left;
}
.aside 
{
    float:right;
    width:182px;
    margin-left: 0;
    margin-right: 0;
}
.asideSpanCol2
{
    width:374px;
    float:right;
    margin-left: 0;
    margin-right: 0;
}



/* 
--------------------------------------------------- 
Footer
---------------------------------------------------
*/

.footer {
    position: relative;
    z-index: 1;
    overflow: hidden;
    border-top: 3px solid #00519b
}
.footerLinks 
{
    position:relative;  
}
.footerLinks:after 
{
    width:50%;
    height:100%;
    position:absolute;
    top:0;
    right:0;
    background-position:bottom left;
    background-repeat: repeat-x;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAB1CAIAAAAAxBwJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAD1JREFUeNrMj0EKADAIw4L/f/M6ZGXK7sIOQatBEEkBjKFEiWK1epAp5/o4q93Aue+bz5vdQ80nf/2ELcAAXuRFnllUjLAAAAAASUVORK5CYII=);
    content:"";
}
.footer .siteLinksContainer {
    position: relative;
    z-index:1;
    background:#fff url(/Source/Images/cssimages/template/footer-links.png) 100% 100% no-repeat;
    background-size: auto;
    width:950px;
    padding:0 20px; /* Padding and width equals actual width */
}

/* 
--------------------------------------------------- 
Helper classes
---------------------------------------------------
*/
/* Clearing floats */
.section:before,
.section:after,
.componentGroup:before,
.componentGroup:after,
.component:before,
.component:after,
.clear:before,
.clear:after 
{
    content:"";
    display:table;
}
.section:after,
.component:after,
.componentGroup:after,
.clear:after 
{
    clear:both;
}
/* For IE 6/7 */
.section,
.component,
.componentGroup,
.clear 
{
    zoom:1;
}

/* Clearing Floats */
.pageCol:before,
.pageCol:after
{
    content:"";
    display:table;
}
.pageCol:after 
{
    clear:both;
}
/* For IE 6/7 */
.pageCol
{
    zoom:1;
}

/*
--------------------------------------------------- 
Generic content styles
---------------------------------------------------
*/
.pageHeading 
{
    font-size:3.6em;
    font-family:"proxima-nova", sans-serif; 
    font-weight:100; 
    color:#103184;
    line-height:1em;
    margin-bottom:0.4em;
}
.wf-loading .pageHeading {
    /* Hide while web fonts are loading */
    visibility: hidden; 
}
.sectionHeading 
{
    font-size:4.2em;
    font-family:"proxima-nova", sans-serif;
    color:#103184;
    line-height:1em;
    letter-spacing: -1px;
    margin-bottom:0.65em;
}
.wf-loading .sectionHeading {
    /* Hide while web fonts are loading */
    visibility: hidden; 
}

/*
--------------------------------------------------- 
Links and buttons
---------------------------------------------------
*/

/* Defult links --------------- */
a
{
   color:#103184; 
}
a, a:link,
a:visited
{
    text-decoration:underline;
    -webkit-transition:color 0.25s;
    -moz-transition:color 0.25s;
    -o-transition:color 0.25s;
    transition:color 0.25s;
}
a:hover, a:active, a:focus 
{
    color:#526AA6;
}

/* Secondary links --------------- */
a.secondaryLink,
a.secondaryLink:link,
a.secondaryLink:visited
{
    color:#CA1531;
}
a.secondaryLink:link,
a.secondaryLink:visited 
{
}
a.secondaryLink:hover,
a.secondaryLink:active,
a.secondaryLink:focus 
{
    color:#DD6C7C;
}

a.overlayLink
{
    text-decoration:none;
}

/* Arrow links --------------- */
a.arrowLink,
a.arrowLink:link,
a.arrowLink:visited
{
    background:url(/Source/Images/cssimages/components/arrow-list.png) 0 4px no-repeat;
    padding-left:8px;
}
a.arrowLink:hover,
a.arrowLink:active,
a.arrowLink:focus 
{
    color:#526AA6;
}

/* Plus links --------------- */
a.plusLink,
a.plusLink:link,
a.plusLink:visited
{
    color:#009BCF;
    background:url(/Source/Images/cssimages/template/plus-light-blue.gif) 0 5px no-repeat;
    padding-left:10px;
}
a.plusLink:hover,
a.plusLink:active,
a.plusLink:focus 
{
    color: #5ec0e0;
}

/* Heading links --------------- */
h1 a, h1 a:link, h1 a:visited,
h2 a, h2 a:link, h2 a:visited,
h3 a, h3 a:link, h3 a:visited,
h4 a, h4 a:link, h4 a:visited,
h5 a, h5 a:link, h5 a:visited,
h6 a, h6 a:link, h6 a:visited
{
    text-decoration:none;
}
h1 a:hover, h1 a:active, h1 a:focus,
h2 a:hover, h2 a:active, h2 a:focus, 
h3 a:hover, h3 a:active, h3 a:focus, 
h4 a:hover, h4 a:active, h4 a:focus, 
h5 a:hover, h5 a:active, h5 a:focus, 
h6 a:hover, h6 a:active, h6 a:focus 
{
    text-decoration:underline;
}

/* Link buttons (inc. icon variations) --------------- */
/* Default link button */
.linkBtn,
.formSubmit,
.carouselBtn
{
    display: inline-block;
    line-height: normal;
    font-weight: normal;
    background: #0D2B77;
    overflow: visible;
    border: 1px solid #fff;
    font-family: Arial, sans serif;
}

.linkBtn a:link,
.linkBtn a:visited,
.linkBtn span,
.formSubmit input,
.carouselBtn span
{
    display: inline-block;
    background: url(/Source/Images/cssimages/template/linkBtn.png) no-repeat 100% 50%;
    border: 0;
    color: #FFF!important;
    text-decoration: none;
    font-size: 1.4em;
    padding: 8px 40px 8px 10px;
    margin: 0;
    overflow: visible;
}

.itemAnchor 
{
    text-decoration: none!important;
}

/* Icon variations /// */
/* Update (refresh) button */
.updateBtn a:link,
.updateBtn a:visited,
.updateBtn input
{
    background: url(/Source/Images/cssimages/template/linkBtn.png) no-repeat 100% 50%;
}
/* Save button */
.saveBtn a:link,
.saveBtn a:visited,
.saveBtn input
{
    background: url(/Source/Images/cssimages/template/saveBtn.png) no-repeat 100% 50%;
}
/* Update button */
.updateBtn a:link,
.updateBtn a:visited,
.updateBtn input
{
    background: url(/Source/Images/cssimages/template/updateBtn.png) no-repeat 100% 50%;
}

/*
--------------------------------------------------- 
Homepage sectors
---------------------------------------------------
*/
.homepageSector
{
    background:#F9FCFE;
}
.productSector
{
    background:#F9FCFE;
}
.js .productSector .pageContent {
    margin-top: -60px;
}
.js .productSector .aside {
    margin-bottom: -70px;
}
/* Sector variations */
.homepageSector .beHealthySectorInner
{
    background:url(/Source/Images/cssimages/template/pageContent-swirl.png) center top no-repeat;    
}
.productSector .mainContent {
    /*margin-top: -53px;*/
}
.productSector .productBanner {
    margin-bottom: 1em;
}
.js .productSector .productBanner {
    margin-top: 70px;
}
.productSector .spanCol4
{
    /*padding-bottom: 140px;*/
}
.beHealthySector {
    /*margin-top:-140px    */
}

/* Homepage banners /// */
/* Product banner */
.homepageSector .productBanner h2
{
    font-size: 3.6em;
    color: #0B276D;
    font-family: "proxima-nova", Helvetica, Arial, sans-serif;
}
.wf-loading .homepageSector .productBanner h2 {
    /* Hide while web fonts are loading */
    visibility: hidden; 
}
.js .homepageSector .productBanner h2
{
    margin-top: 1.75em;
}
.homepageSector .productBanner h3
{
    font-size: 1.7em;
    color: #0B276D;
}
/* Be healthy banner */
.homepageSector .beHealthyBanner 
{
    /*background: url(/Source/Images/cssimages/components/logoHomeBeHealthy.png) 0 0 no-repeat;
    height: 134px;
    margin: 10px 0 -25px;*/
    margin: 10px 0 0;
    position: relative;
    
}
.homepageSector .beHealthyBannerInner
{
    padding: 0 0 0;
    /*padding: 75px 0 0 140px;*/
}
.homepageSector .beHealthyBanner h2 {
    font-size: 3.6em;
    color: #0B276D;
    font-family: "proxima-nova", Helvetica, Arial, sans-serif;
}
.wf-loading .homepageSector .beHealthyBanner h2 {
    /* Hide while web fonts are loading */
    visibility: hidden; 
}
.homepageSector .beHealthyBanner h3
{
    font-size: 1.7em;
    color: #0B276D;
    float: left;
}
.homepageSector .beHealthyBanner .linkBtn
{
    float: right;
    position: relative;
    margin-right: 1.75em;
    margin-top: -15px;
}
.homepageSector .beHealthyBanner .linkBtn:before {
    content: "";
    position: absolute;
    /*top: -26px;
    left: -126px;*/
    top: -31px;
    left: -142px;
    width: 122px;
    height: 35px;
    background: url(/Source/Images/cssimages/components/behealthySector-arrow.png) top left no-repeat;
}

/* Fact banner */
.factSector {
    padding-bottom: 2em;
}
.homepageSector .factBanner
{
    padding: 10px 0 2px;
}
.homepageSector .factBanner h2
{
    font-size: 3.6em;
    color: #0B276D;
    font-family: "proxima-nova", Helvetica, Arial, sans-serif;
}
.wf-loading .homepageSector .factBanner h2 {
    /* Hide while web fonts are loading */
    visibility: hidden; 
}
.homepageSector .factBanner h3
{
    font-size: 1.7em;
    color: #0B276D;
}
.factSector p {
   font-size: 1.3em;
} 


/*
--------------------------------------------------- 
CSS3 Enhancements
---------------------------------------------------
*/

/* Box Shadow --------------- */
.groupNav .group {
    -webkit-box-shadow: inset 0px 0px 2px #00519b, 0px 0px 2px #00519b;
    -moz-box-shadow: inset 0px 0px 2px #00519b, 0px 0px 2px #00519b;
    box-shadow: inset 0px 0px 2px #00519b, 0px 0px 2px #00519b;
}
.linkBtn,
.submitBtn,
.carouselBtn
{
    -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
}
.linkBtn:active,
.carouselBtn:active
{
    -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
}

/* Border Radius --------------- */

/* Text Shadow --------------- */

/* Gradients --------------- */

/* Link button colour variations */
/* Default */
.linkBtn,
.formSubmit,
.carouselBtn
{
    background: #314A8B0;
    background: -moz-linear-gradient(top, #314A8B 0%, #0D2B77 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#314A8B), color-stop(100%,#0D2B77)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #314A8B 0%,#0D2B77 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #314A8B 0%,#0D2B77 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #314A8B 0%,#0D2B77 100%); /* IE10+ */
    background: linear-gradient(top,  #314A8B 0%,#0D2B77 100%); /* W3C */
}
.linkBtn:hover,
.linkBtn:active,
.formSubmit:hover,
.formSubmit:active,
.carouselBtn:hover,
.carouselBtn:active
{
    background: #6b7dac;
    background: -moz-linear-gradient(top, #6b7dac 0%, #334c8c 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6b7dac), color-stop(100%,#334c8c)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #6b7dac 0%,#334c8c 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #6b7dac 0%,#334c8c 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #6b7dac 0%,#334c8c 100%); /* IE10+ */
    background: linear-gradient(top,  #6b7dac 0%,#334c8c 100%); /* W3C */
}
/* Turquoise */
.linkBtnTurquoise,
.formSubmitTurquoise
{
    background: #64C3D9;
    background: -moz-linear-gradient(top, #64C3D9 0%, #079FBC 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#64C3D9), color-stop(100%,#079FBC)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #64C3D9 0%,#079FBC 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #64C3D9 0%,#079FBC 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #64C3D9 0%,#079FBC 100%); /* IE10+ */
    background: linear-gradient(top,  #64C3D9 0%,#079FBC 100%); /* W3C */
}
.linkBtnTurquoise:hover,
.linkBtnTurquoise:active,
.formSubmitTurquoise:hover,
.formSubmitTurquoise:active
{
    background: #8fd4e3;
    background: -moz-linear-gradient(top, #8fd4e3 0%, #48b8ce 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8fd4e3), color-stop(100%,#48b8ce)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #8fd4e3 0%,#48b8ce 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #8fd4e3 0%,#48b8ce 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #8fd4e3 0%,#48b8ce 100%); /* IE10+ */
    background: linear-gradient(top,  #8fd4e3 0%,#48b8ce 100%); /* W3C */
}
/* Orange */
.linkBtnOrange,
.formSubmitOrange
{
    background: #F76301;
    background: -moz-linear-gradient(top, #F76301 0%, #DE4D01 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F76301), color-stop(100%,#DE4D01)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #F76301 0%,#DE4D01 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #F76301 0%,#DE4D01 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #F76301 0%,#DE4D01 100%); /* IE10+ */
    background: linear-gradient(top,  #F76301 0%,#DE4D01 100%); /* W3C */
}
.linkBtnOrange:hover,
.linkBtnOrange:active,
.formSubmitOrange:hover,
.formSubmitOrange:active
{
    background: #f87f2f;
    background: -moz-linear-gradient(top, #f87f2f 0%, #e2621f 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f87f2f), color-stop(100%,#e2621f)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #f87f2f 0%,#e2621f 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #f87f2f 0%,#e2621f 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #f87f2f 0%,#e2621f 100%); /* IE10+ */
    background: linear-gradient(top,  #f87f2f 0%,#e2621f 100%); /* W3C */
}
/* Red */
.linkBtnRed,
.formSubmitRed,
.carouselBtnRed
{
    background: #EC1A3B;
    background: -moz-linear-gradient(top, #EC1A3B 0%, #CF001C 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#EC1A3B), color-stop(100%,#CF001C)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #EC1A3B 0%,#CF001C 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #EC1A3B 0%,#CF001C 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #EC1A3B 0%,#CF001C 100%); /* IE10+ */
    background: linear-gradient(top,  #EC1A3B 0%,#CF001C 100%); /* W3C */
}
.linkBtnRed:hover,
.linkBtnRed:active,
.formSubmitRed:hover,
.formSubmitRed:active,
.carouselBtnRed:hover,
.carouselBtnRed:active
{
    background: #f04660;
    background: -moz-linear-gradient(top, #f04660 0%, #d72b42 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f04660), color-stop(100%,#d72b42)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #f04660 0%,#d72b42 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #f04660 0%,#d72b42 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #f04660 0%,#d72b42 100%); /* IE10+ */
    background: linear-gradient(top,  #f04660 0%,#d72b42 100%); /* W3C */
}
/* Green */
.linkBtnGreen,
.formSubmitRed
.carouselBtnGreen
{
    background: #2F8927;
    background: -moz-linear-gradient(top, #2F8927 0%, #009a00 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2F8927), color-stop(100%,#009a00)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #2F8927 0%,#009a00 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #2F8927 0%,#009a00 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #2F8927 0%,#009a00 100%); /* IE10+ */
    background: linear-gradient(top,  #2F8927 0%,#009a00 100%); /* W3C */
}
/* to align get a quote button center */
.alignQuote
{
    float: none!important;
    text-align: center!important;
}
.linkBtnGreen:hover,
.linkBtnGreen:active,
.formSubmitGreen:hover,
.formSubmitGreen:active
.carouselBtnGreen:hover,
.carouselBtnGreen:active
{
    background: #2b770d;
    background: -moz-linear-gradient(top, #60f046 0%, #004000 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#60f046), color-stop(100%,#004000)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #60f046 0%,#004000 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #60f046 0%,#004000 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #60f046 0%,#004000 100%); /* IE10+ */
    background: linear-gradient(top,  #60f046 0%,#004000 100%); /* W3C */
}

/* Login to YOU button */

.linkBtnLogin
{
    background: #64C3D9;
    background: -moz-linear-gradient(top, #64C3D9 0%, #079FBC 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#64C3D9), color-stop(100%,#079FBC)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #64C3D9 0%,#079FBC 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #64C3D9 0%,#079FBC 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #64C3D9 0%,#079FBC 100%); /* IE10+ */
    background: linear-gradient(top,  #64C3D9 0%,#079FBC 100%); /* W3C */
}
.linkBtnLogin:hover,
.linkBtnLogin:active
{
    background: #8fd4e3;
    background: -moz-linear-gradient(top, #8fd4e3 0%, #48b8ce 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8fd4e3), color-stop(100%,#48b8ce)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #8fd4e3 0%,#48b8ce 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #8fd4e3 0%,#48b8ce 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #8fd4e3 0%,#48b8ce 100%); /* IE10+ */
    background: linear-gradient(top,  #8fd4e3 0%,#48b8ce 100%); /* W3C */
}
/* ================ [ Forms ] ================

File:           forms.css
Main Authors:   Sean Jones, Bryan Kerr @ Equator
Created:        21/03/12

Notes:          Styles for the form elements used through out the site.

Index
---------------------------------------------------
    - Global Form Features
    - Generic Form
    - Profile register Form Styles
    - Secondary Form Styles
    - Process blocks
    - Site search
    - Comment stream
    - Profile login
    - Edit profile
    - CSS3 Enhancements

*/

/* 
--------------------------------------------------- 
Global Form Features
---------------------------------------------------
*/

/* Form resets --------------- */
fieldset 
{
    border:none;
}
legend 
{
    display:none;
}
button, input, select, textarea 
{
    vertical-align: baseline;
}
button, input
{
    line-height: normal;
    overflow: visible;
}
button, input[type="button"],
input[type="reset"], input[type="submit"] 
{
    cursor: pointer;
    -webkit-appearance: button;
}
input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
}
input[type="search"] 
{
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}
input[type="search"]::-webkit-search-decoration 
{
    -webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner 
{
    border: 0;
    padding: 0;
}
.hiddenLbl
{
    display: none!important;
}

/* Form Helper --------------- */
.formHelper
{
    width: 16px;
    height: 16px;
    float: left;
    background: url(/Source/Images/cssimages/template/iconHelperQuestionMark.png) 0 0 no-repeat;
}
.formHelper
{
	color: #7C98AE;
}
.formHelper.shown
{
	position: relative;
}
.formHelper div
{
	display: none
}
.formHelper.shown div
{
	display: block;
   	position: absolute; 
	top: -50%;
	left: 26px;
	width: 150px;
    padding-left: 7px;
}
.formHelper.shown .helpArrow 
{
    width: 8px;
    height: 22px;
    background: url(/Source/Images/cssimages/template/tooltipArrow.png) 0 50% no-repeat;
    display: block;
    position: absolute;
    left: 0;
    top:6px;
}
.formHelper.shown .helpMessge
{
	display: block;
    padding:10px 8px; 
    font-size: 1.2em;
    color: #000;
	z-index: 100;
    background: #FFF; 
	border: 1px solid #E54965;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
    border-radius: 5px;
}

/* Form navigation --------------- */
/* Generic Form Button */
.formSubmit 
{
    margin-top:1em;
}
.submitBtn
{
    display: inline-block;
    line-height: normal;
    font-size: 1.3em;
    font-weight: normal;
    text-decoration: none!important;
    color: white!important;
    background:#999;
    padding: 0.5em 1.2em;
    cursor: pointer;
    overflow: visible;
    border: 1px solid #fff;
    font-family: Arial, sans serif;
}

/*
--------------------------------------------------- 
Generic Form
---------------------------------------------------
*/
.genericForm
{
    background: #D5E7F7;
    margin-bottom: 10px;
    border: 1px solid #ACB6CD;
}
.genericForm .genericFormInner
{
    border: 1px solid #FFF;
    padding: 15px;
}
/* Component title */
.genericForm .componentTitle
{
    font-size: 3em;
    color: #0B276D;
    margin: -5px 0 8px 0;
    padding: 0;
    border: none;
    font-family: "proxima-nova", Helvetica, Arial, sans-serif;
    letter-spacing: -2px;
}
.wf-loading .genericForm .componentTitle {
    /* Hide while web fonts are loading */
    visibility: hidden; 
}
/* Form panel /// */
.genericForm .formPanel
{
    background: #EAF3FB;
    margin-bottom: 15px;
    border: 1px solid #FFF;
}
/* Form panel title */
.genericForm .formPanel .formPanelTitle
{
    font-size: 2.2em;
    color: #0B276D;
    border-bottom: 1px solid #CFD8E7;
    padding:8px 12px 
}

/* Form item group */
.genericForm .formItemGroup
{
    padding: 15px 15px 8px;
    border-top: 1px solid #FFF;
}
/* Form item */
.genericForm .formItem
{
    margin-bottom: 2em;
}

.formItemTitle {
    color: #103184;
    font-size: 1.8em;
    font-weight: normal;
    margin-bottom:0.5em;
}

/* Form split */
.genericForm .formSplit
{
    border-bottom: 1px solid #CFD8E7;
    padding-bottom: 2em;
}
/* Form item label */
.genericForm .formItem .formLabel
{
    zoom:1;
    margin-bottom: 3px;
}
.genericForm .formItem .formLabel:after
{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.genericForm .formItem .formLabel label,
.genericForm .formItem .formLabel h3,
.genericForm .formItem .formLabel h4,
.genericForm .formItem .formLabel h5
{
    font-size: 1.4em;
    font-weight: bold;
    color: #0B276D;
    margin-right: 5px;
    float: left;
}

/* Form item controls */
.genericForm .formItem .formControl select
{
    padding: 5px;
    margin-left: 0;
    width: 120px;
    border: 1px solid #A2ADC8;
    color: #6D6E71;
    font-family: Arial,sans serif;
    
}

/* Added by dan to shrink width of dob fields on register form */
.genericForm .formItem .formControl select.dob
{
    width:100px;
}

/* Form item controls */
.genericForm .formItem .formControl .text
{
    border: 1px solid #A2ADC8;
    height: 18px;
    padding: 5px;
    width: 180px;
}

/* Checkbox group */
.genericForm .formItem .checkboxGroup
{
}
.genericForm .formItem .checkboxGroup ul
{
    margin: 0;
}
.genericForm .formItem .checkboxGroup li
{
    font-size: 1.4em;
    color: #0B276D;
    line-height: 1.4em;
    margin-bottom: 3px;
    list-style: none;
}
.genericForm .formItem .checkboxGroup li input
{
    margin-left: 0;   
}
.genericForm .formItem .checkboxGroup li label
{
    margin-left: 2px;
}

/* radio button list */
.genericForm .formItem .rblList
{
}
.genericForm .formItem .rblList ul
{
    margin: 0;
}
.genericForm .formItem .rblList li
{
    font-size: 1.6em;
    color: #0B276D;
    line-height: 1.4em;
    margin-bottom: 3px;
    list-style: none;
    display: inline-block;
    padding-right: 14px;
}
.genericForm .formItem .rblList input {
    margin-left: 0;
    margin-right: 0;
}

.genericForm .formItem p
{
    font-size: 1.4em;
    color: #0B276D;
    line-height: 1.4em;
    margin-bottom:0.25em;
}
.genericForm .formItem ul {
    margin: 1em 1.5em;
}
.genericForm .formItem li
{
    font-size: 1.4em;
    color: #515151;
    line-height: 1.4em;
    margin-bottom:0.25em;
    list-style: disc;
}

/* Validation */
.error
{
    color: #EC1A3B;
}
.error .errorMessage
{
    font-size: 1.4em;
    display: block;
    margin-bottom: 3px;
}
.error .formControl .text,
.error .formControl select
{
    border:1px solid #EC1A3B!important;
}

/* Additional actions */
.genericForm .additionalActions {
    margin-bottom: 15px;
}

/* Navigation */
.genericForm .formSubmit
{
    margin: 0;    
}

/*
--------------------------------------------------- 
Competiton Form
---------------------------------------------------
*/
.competitonForm .formItem .rblList li
{
    display:block;
}

/*
--------------------------------------------------- 
Profile register Form Styles
---------------------------------------------------
*/
.youRegisterForm:before {
    content: "";
    width: 347px;
    height: 25px;
    top: -30px;
    left: 0;
    background: url(/Source/Images/cssimages/components/signupFormTitle.png) top left no-repeat;
    position: absolute;
}
.youRegisterForm {
    position: relative;
}


/*
--------------------------------------------------- 
Secondary Form Styles
---------------------------------------------------
*/
.secondaryForm {
    border: 1px solid #ACB6CD;
}
.secondaryFormInner {
    border: 1px solid #fff;
    padding: 10px;
    background: #D5E7F7 url(/Source/Images/cssimages/components/component-blue-bkg.png) 100% 100% repeat-x;
}
.secondaryForm .field {
    float: left;
    padding: 0;
    
}
.secondaryForm .field .text {
    height: 25px;
    padding: 5px;
    width: 260px;
    border: 1px solid #A2ADC8;
}
.secondaryForm .formSubmit {
    float: left;
    margin: 0 0 0 0.75em;
}

/*
--------------------------------------------------- 
Process blocks
---------------------------------------------------
*/

/* Non JavaScript and shared */
.processBlocksGroup .componentHeaderArea .componentTitle {
    
}
.processBlocksGroup li
{
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px dashed #C5D6E6;
}
.processBlocksGroup ul input
{
    float: left;
    margin-right: 5px;
}
.processBlocksGroup .blockProcessInfo
{
    display: block;
}
.processBlocksGroup .blockProcessHeader
{
    font-size: 1.8em;
    color: #103184;
    margin-bottom: 3px;
    display: block;
}
.processBlocksGroup .blockProcessSummary
{
    font-size: 1.4em;
    color: #515151;
    display: block;
}
.finishSelection {
    text-align: center;
}
.processBlocks.finishSelection {
    margin-bottom: 0;
}
.processBlocksGroup .formSubmit {
    margin:1em 0 0;
}
.finishSelection .formSubmit {
    margin: 0;
}

.personalHealthCareEnterMembership .processBlocksGroup .formControl .text {
    width: 400px;
}

.processBlocksGroup .formLabel {
    color: #103184;
    font-size: 1.3em;
    font-weight: bold;
}
.processBlocksGroup .formItemGroup .formControl .text {
    width: 70%;
}
.processBlocksGroup .formItemGroup {
    padding-bottom: 3em;
}
.processBlocksGroup .formItemTitle {
    margin-bottom: 1em;
}
.processBlocksGroup .formItemGroup .formItem {
    float: left;
    width: 50%;
}

/* JavaScript only */
.js .processBlocksGroup ul
{
    font-size: 0;
}
.js .processBlocksGroup li
{
    border: none;
    padding-bottom: 0;
    position: relative;
    width: 25%;
    font-size: 10px;
    margin: 0;
    display: inline-block;
    vertical-align: top;
}
.js .processBlocksGroup .block {
    margin: 2%;
}
.js .processBlocksGroup ul input
{
    width: 16px;
    height: 16px;
    margin: 2%;
}
.js .processBlocksGroup .blockProcessInfo 
{
    padding:20px 15px;
    border: 1px solid #E6F0FA;
    min-height: 59px;
}
.js .processBlocksGroup label { 
}
/* Checked false */
.js .processBlocksGroup .checked-false-blur,
.js .processBlocksGroup .checked-false-focus
{
    background: #089fbc url(/Source/Images/cssimages/components/processBlockSelectedFalse.png) 0 0 repeat-x;
    display: block;
    position: relative;
    z-index: 10;
    border: 1px solid #67C4DA;
    text-align: center;
}
/* Checked true */
.js .processBlocksGroup .checked-true-blur,
.js .processBlocksGroup .checked-true-focus
{
    background: #103183 url(/Source/Images/cssimages/components/processBlockSelectedTrue.png) 0 0 repeat-x;
    display: block;
    position: relative;
    z-index: 10;
    border: 1px solid #103183;
    text-align: center;
}
.js .processBlocksGroup .checked-true-blur .blockProcessInfo,
.js .processBlocksGroup .checked-true-focus .blockProcessInfo
{
    border: 1px solid #103183;
}
.js .processBlocksGroup label:hover
{
    cursor: pointer;
}
.js .processBlocksGroup .blockProcessHeader
{
    font-size: 1.8em;
    font-weight: bold;
    color: #FFF;
    margin-bottom: 5px;
}
.js .processBlocksGroup .blockProcessSummary
{
    font-size: 1.4em;
    color: #FFF;
}
.js .processBlocksGroup .updateResults
{
    display: none;
}

.processBlocksGroup .formControl .text
{
    padding: 5px;
    border: 1px solid #A2ADC8;
}

.js .processBlocksGroup .formSubmit
{
    display: none;
}
.js .finishSelection .formSubmit
{
    display: inline-block;
}

/*
--------------------------------------------------- 
Contact decision tree
---------------------------------------------------
*/

.contactDecisionTree select
{
    padding: 5px;
    border-color: #A2ADC8;  
}
.js .contactDecisionTree select
{
    display: none; 
}
.contactDecisionTree .contactPanel .item
{
    width: 23%;
    display: none;
    margin: 1%;
    text-align: center;
}
.js .contactDecisionTree .contactPanel .item
{
    display: inline-block;
    vertical-align: top;
    background: #64C3D9;
}
.js .contactDecisionTree .contactPanel .item:hover
{
    background: #079FBC;
}
.contactDecisionTree .contactPanel .itemInner
{
    color: #FFF;
    text-align: center;
    font-size: 1.4em;
    font-weight: bold;
    cursor: pointer;
    vertical-align: middle;
    padding: 15px 10px;
    line-height: 1.5;
    border: 1px solid #079FBC;
}
.contactDecisionTree .contactPanel .selected .itemInner
{
    background: #103183;
    border-color: #103183;
}

/* Inputs */
.contactDecisionTree input
{
    border: 1px solid #5EA4C2;
    font-size: 1.4em;
    font-weight: bold;
    color: #FFF;
    padding: 12px 20px;
    margin: 5px 2%;
    border-radius: 20px;
}
.contactDecisionTree input:active
{
    border-color: #103183;
}

/*
.contactDecisionTree select
{
    padding: 5px;
    border-color: #A2ADC8;  
}
.js .contactDecisionTree select
{
    display: none; 
}
.contactDecisionTree .contactPanel .item
{
    background: url(/Source/Images/cssimages/components/ContactQuoteBubbleSprite.gif) 0 0 no-repeat;
    float: left;
    margin: 10px 3%;
    display: none;
    width: 131px;
    height: 67px;
}
.js .contactDecisionTree .contactPanel .item
{
    display: block;
}
.contactDecisionTree .contactPanel .itemInner
{
    width: 89px;
    height: 47px;
    color: #FFF;
    text-align: center;
    font-size: 1.4em;
    font-weight: bold;
    padding: 7px 21px 13px;
    cursor: pointer;
    display: table-cell;
    vertical-align: middle;
}
.contactDecisionTree .contactPanel .selected
{
    background-position:0 -69px;
}
.contactDecisionTree input
{
    background: red;
    border: 1px solid #5EA4C2;
    font-size: 1.4em;
    font-weight: bold;
    color: #FFF;
    padding: 12px 20px;
    margin: 5px 2%;
    border-radius: 20px;
}
.contactDecisionTree input:active
{
    border-color: #103183
}

*/

/*
--------------------------------------------------- 
Site Search
---------------------------------------------------
*/
.siteSearch 
{
    border-radius: 4px;
    border: 1px solid #00519b;
    box-shadow: inset 1px 1px 2px 0 rgba(50, 50, 50, 0.25);
    padding: 3px 10px;
    background: #fff
}
.masthead__searchbox {
    display: none;
}
.siteSearch .searchText 
{
    padding: 6px 0px;
    height: 20px;
    font-size: 13px!important;
}
.siteSearch .button 
{
    background:transparent url(/Source/Images/cssimages/template/sprite.png) -57px -154px no-repeat;
    border: none;
    cursor: pointer;
    font-weight: bold;
    border-left: 1px solid #00519b;
    padding:0px 0px 8px 0px;
    width: 35px;
    height:28px;
    line-height: 28px;
    text-indent: -999px;
    overflow: hidden;
}
.siteSearch:hover,.siteSearch:focus 
{
    background-color:#FFF;
}


/*
--------------------------------------------------- 
Comment Stream
---------------------------------------------------
*/

/* Logged out comment */
.submitComment label
{
    font-size: 1.4em;
    font-weight: bold;
    color: #0B276D;
    margin-right: 5px;
    display: block;
    margin-bottom: 5px;
}
.submitComment .text {
    border: 1px solid #A2ADC8;
    margin-bottom: 10px;
    height: 18px;
    padding: 5px;
    width: 180px;
}

/* Logged in comment */
.loggedInComment 
{
    margin-top:15px;
}
.loggedInComment .commentTextArea
{
    width:98%;
    padding:1%;
    border:1px solid #ACB6CD;
    background:#FFF url(/Source/Images/cssimages/template/comment-textarea-bkg.png) 0 0 repeat-x;
    margin:0;
    font-family: Arial, sans serif;
    height:100px;
    line-height:1.5em;
    margin:10px 0;
    overflow: auto;
}

/*
--------------------------------------------------- 
Profile Login
---------------------------------------------------
*/

/* Non logged in /// */
/* Form item */
.profileLogin .formItem
{
    margin-bottom: 5px;
}
/* Form item label */
.profileLogin .formItem .formLabel
{
    margin-bottom: 2px;
}
.profileLogin .formItem .formLabel label
{
    font-size: 1.2em;
    color: #FFF;
}
.profileLogin .formItem .text
{
    width: 98%;    
}
/* Login button */
.profileLogin .formSubmit
{
    margin: 0;
}

/* Logged in /// */
.profileLogout
{
    border-top: 1px solid #5ABFD4;
    margin: 0 -10px;
    padding: 5px 10px 0;  
}
.profileLogout input
{
    background: none;
    border: none;
    padding: 0;
    color: #FFF;
    font-size: 1.4em;
}

/*
--------------------------------------------------- 
Quote and buy form
---------------------------------------------------
*/
.quoteAndBuy:before {
    position: absolute;
    top: -26px;
    left: 0;
    width: 344px;
    height: 24px;
    content: "";
    background: url(/Source/Images/cssimages/components/quoteAndBuyTitle.png) top left no-repeat;
}
.quoteAndBuy {
    position: relative;
    margin-top: 26px;
}

.quoteAndBuy .basicDetails .fullName .left
{
    float: left;
    margin-right: 1.5em;
}

/*
--------------------------------------------------- 
Edit profile
---------------------------------------------------
*/

/* Basic details /// */
.editProfile .formItem .formControl .text
{
    width: 150px;
}
/* Full name */
.editProfile .basicDetails .fullName
{
    width: 346px;
}
.basicDetails .fullName .left
{
    float: left;    
}
.basicDetails .fullName .right
{
    float: right;    
}
/* Email address */
.editProfile .basicDetails .email .formControl input
{
    width:335px;
}

/* Update password /// */
.editProfile .updatePassword .formItem .formControl input
{
    width:335px;
}

/* Tailored content /// */
.editProfile .tailoredContent .checkboxGroup li
{
    width: 19%;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 5px;
}
.editProfile .tailoredContent .checkboxGroup li input
{
    float: left;
    margin-right: 5px;
}
.editProfile .tailoredContent .checkboxGroup li label
{
    display: block;
    overflow: hidden;
    padding-right: 5px;
}

/*
--------------------------------------------------- 
CSS3 Enhancements
---------------------------------------------------
*/

/* Box Shadow --------------- */
.genericForm 
{
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .2);
    box-shadow: 0 0 5px rgba(0, 0, 0, .2);
}
.genericForm .formItem .formControl .text {
    -webkit-box-shadow: inset 0 1px 10px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset 0 1px 10px rgba(0,0,0,0.1);
    box-shadow: inset 0 1px 10px rgba(0, 0, 0, 0.1);
}

.js .processBlocksInner,
.js .processBlocksGroup .block
{
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .2);
    box-shadow: 0 0 5px rgba(0, 0, 0, .2);
}
.profileLogin
{
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .2);
    box-shadow: 0 0 5px rgba(0, 0, 0, .2);
}
.formSubmit
{
    -moz-box-shadow: 1px 2px 5px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 1px 2px 5px rgba(0, 0, 0, .2);
    box-shadow: 1px 2px 5px rgba(0, 0, 0, .2);
}

.processBlocksGroup .formControl .text
{
    -webkit-box-shadow: inset 0 1px 10px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset 0 1px 10px rgba(0,0,0,0.1);
    box-shadow: inset 0 1px 10px rgba(0, 0, 0, 0.1);
}
.submitComment .text {
    -webkit-box-shadow: inset 0 1px 10px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset 0 1px 10px rgba(0,0,0,0.1);
    box-shadow: inset 0 1px 10px rgba(0, 0, 0, 0.1);
}

/* Border Radius --------------- */
.processBlocksGroup .formControl .text
{
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
.profileLogin
{
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
}
.js .processBlocksGroup label,
.js .processBlocksGroup .block,
.js .processBlocksGroup .block label .blockProcessInfo
{
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
}

.genericForm .formItem .formControl .text,
.genericForm .formItem .formControl select,
.contactDecisionTree select
{
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.submitComment .text,
.js .contactDecisionTree .contactPanel .item,
.js .contactDecisionTree .contactPanel .itemInner
{
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.submitComment .text
{
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
.siteSearch 
{
    -webkit-appearance: textfield;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.siteSearch .button
{
    -webkit-appearance: none;
    -webkit-border-radius: 0px;
}
.siteSearch .searchText 
{
   -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.1);
    border: 0px;
}

/* Text Shadow --------------- */
.js .processBlocksGroup .checked-false-blur .blockProcessHeader,
.contactDecisionTree .contactPanel .itemInner,
.contactDecisionTree input
{
    text-shadow: 0 2px 0px #61A2B0;
}
.contactDecisionTree .contactPanel .selected .itemInner,
.contactDecisionTree input:active
{
    text-shadow: none;
}
.js .processBlocksGroup .checked-false-blur .blockProcessSummary
{
    text-shadow: 1px 1px 0px #61A2B0;
}

/* Gradients --------------- */
.js .processBlocksGroup label.checked-false-blur,
.js .processBlocksGroup label.checked-false-focus,
.js .contactDecisionTree .contactPanel .item,
.contactDecisionTree input
{
    background: #079FBC;
    background: -moz-linear-gradient(top, #64C3D9 0%, #079FBC 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#64C3D9), color-stop(100%,#079FBC)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #64C3D9 0%,#079FBC 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #64C3D9 0%,#079FBC 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #64C3D9 0%,#079FBC 100%); /* IE10+ */
    background: linear-gradient(top,  #64C3D9 0%,#079FBC 100%); /* W3C */
}
.js .processBlocksGroup label.checked-false-blur:hover,
.js .processBlocksGroup label.checked-false-focus:hover,
.js .processBlocksGroup label.checked-false-blur:active,
.js .processBlocksGroup label.checked-false-focus:active,
.js .contactDecisionTree .contactPanel .item:hover,
.contactDecisionTree input:hover
{
    background: #48b8ce;
    background: -moz-linear-gradient(top, #8fd4e3 0%, #48b8ce 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8fd4e3), color-stop(100%,#48b8ce)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #8fd4e3 0%,#48b8ce 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #8fd4e3 0%,#48b8ce 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #8fd4e3 0%,#48b8ce 100%); /* IE10+ */
    background: linear-gradient(top,  #8fd4e3 0%,#48b8ce 100%); /* W3C */
}
.js .processBlocksGroup label.checked-true-blur,
.js .processBlocksGroup label.checked-true-focus,
.contactDecisionTree .contactPanel .selected .itemInner
{
    background: #103183;
    background: -moz-linear-gradient(top,  #0b276d 0%, #103183 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0b276d), color-stop(100%,#103183)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #0b276d 0%,#103183 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #0b276d 0%,#103183 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #0b276d 0%,#103183 100%); /* IE10+ */
    background: linear-gradient(top,  #0b276d 0%,#103183 100%); /* W3C */
}
.contactDecisionTree input:active
{
    background: #0B276D;
    background: -moz-linear-gradient(top,  #0F2F80 0%, #0B276D 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0F2F80), color-stop(100%,#0B276D)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #0F2F80 0%,#0B276D 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #0F2F80 0%,#0B276D 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #0F2F80 0%,#0B276D 100%); /* IE10+ */
    background: linear-gradient(top,  #0F2F80 0%,#0B276D 100%); /* W3C */
}




/* ================ [ Navigation ] ================

File:           navigation.css
Main Authors:   Sean Jones, Bryan Kerr @ Equator
Created:        21/03/12

Notes:          Styles for the navigation elements used throughout the site - 
                (main nav, breadcrumbs, side sub nav, horizontal sub nav, footer nav)

Index
---------------------------------------------------
    - Primary Navigation (inc. Login to you)
    - Utility Navigation
    - Secondary Navigation
    - Section Navigation (Horizontal Nav)
    - AXA Groups Navigation
    - Footer Site Links
    - CSS3 Enhancements

*/

/* 
--------------------------------------------------- 
Primary Navigation (inc. Login to you)
---------------------------------------------------
*/

/* Primary site navigation /// */
.siteNavigation
{
    background:url(/source/images/cssimages/template/main_nav_back.gif) top left repeat-x;
    border-top:1px solid #E0E3EC;
}
.primary-nav
{
    width:990px;
    margin:0 auto;
    position: relative;
    margin-bottom: -5px;
    z-index: 10;
}
.primary-nav ul li 
{
    font-size:1.2em;
    display: inline-block;
    margin-left:-4px;
    z-index:300;
}
.primary-nav ul li.campaignTab 
{
    margin-left:    50px;
}

.primary-nav ul li.campaignTab a
{
    background-image: none;
    border-bottom:1px solid #ffffff;border-left:1px solid #ffffff;border-right:1px solid #ffffff;
}

.primary-nav ul li a,
.primary-nav ul li.active li a 
{
    text-decoration:none;
    color:#0B276D;
    display:block;
    padding:10px 15px;
    background:url(/source/images/cssimages/template/nav_tl_back.png) bottom left repeat-x #FFF;
    border:1px solid #ced4e2;
    position:relative;
    border-top:none;
}
.primary-nav a:hover
{
    text-decoration:none;
}
.primary-nav a:hover,
.primary-nav .active a,
.primary-nav .active a:hover
{
    display:block;
    color:#FFF;
    background:url(/source/images/cssimages/template/nav_tl_back_active.gif) bottom left repeat-x #103184;
    border: 1px solid #284690;
    border-top: none;
}

/* Profile Login --------------- */
/* Generic /// */
.profileLogin
{
    position: absolute;
    top: 0;
    background: #65C3D9;
    right: 20px;
    border: 2px solid #FFF;
    border-top: none;
    z-index: 1000;
    width: 175px;
}
.profileLoginContent
{
    border-top:1px solid #4DBAD2;
}
.js .profileLoginContent
{
    display: none;
}
.profileLoginContentInner
{
    padding:8px 10px;
    border-top:1px solid #8DD3E3;
}
/* Profile header */
.profileLoginHeader
{
    font-size: 1.2em;
    padding: 10px 10px 9px;
    color: #FFF;
    cursor: default;
    text-align: center;
}
.js .profileLoginHeader
{
    background: url(/source/images/cssimages/template/linkBtn.png) no-repeat 100% 50%;
    cursor: pointer;
    padding: 10px 32px 9px 0px;
}
.profileLogin .opened
{
    background: none;    
}
.js .profileLogin .opened
{
    background: url(/source/images/cssimages/template/hideBtn.png) no-repeat 100% 50%;
}
/* Non logged in /// */
/* Forgotten password */
.profileLogin .forgottenPassword
{
    margin-bottom: 8px;
}
.profileLogin .forgottenPassword a
{
    color: #FFF;
    text-decoration: underline;
    font-size: 1.3em;
}
.profileLogin .forgottenPassword a:hover {
    background: none;
    padding: 0;
    border: none;
}

.profileLogin .registerLink {
    display: none;
    margin-top: 5px;
}
.profileLogin .registerLink a:link,
.profileLogin .registerLink a:visited,
.profileLogin .registerLink a:hover,
.profileLogin .registerLink a:active,
.profileLogin .registerLink a:focus {
    color: #fff;
    font-size: 1.3em;
}


/* Logged in /// */
.primary-nav .profileLinks
{
    margin: 0 -10px;
    padding-bottom: 10px;
}
.primary-nav .profileLinks li
{
    float: none;
    padding: 3px 10px;
    font-size: 1.4em; 
}
.primary-nav .profileLinks li a
{
    display: block;
    padding: 0;
    margin: 0;
    background: none;
    border: none;
    color: #FFF;
}
.primary-nav .profileLinks li a:hover,
.primary-nav .profileLinks li a:active 
{
    text-decoration: underline;
}

/* 
--------------------------------------------------- 
Utility Navigation
---------------------------------------------------
*/
.utilityNavContainer 
{
    position:relative;
    width:990px;
    margin:0 auto;
}
.utilityNav 
{
    position:absolute;
    top:-186px;
    right:0;
    font-size: 11px;
}
.utilityNav .list,.groupsListingButton,.languageSelect
{
    float:left;    
}
.utilityNav .list 
{
   padding:0.5em 0 0.5em 0.5em; 
}
.utilityNav .listItem 
{
    float:left;
    font-size:1.1em;
}
.languageSelect
{
    margin: 0.2em 0.75em 0;
    padding: 0.1em;
    border-color: rgb(14, 14, 14);
    border-width: 1px;
    border-style: solid;
    border-color: initial;
}
.utilityNav .list a 
{
    display:block;
    padding:0 0.5em;
    color:#58595B;
    text-decoration:none;
}
.utilityNav .list a:hover 
{
    text-decoration:underline!important;
}
.utilityNav .last a
{
    border:none;
}

/* 
--------------------------------------------------- 
Secondary Navigation
---------------------------------------------------
*/
.secondaryNav
{
    border: 1px solid #ACB6CD;
    margin-top: 6px;
    margin-bottom:20px;
}
.secondaryNav ul
{
    
}
/* First level /// */
.secondaryNav li
{
    font-size:1.2em;
    background:url(/source/images/cssimages/template/secondary-nav-bg-first-level.png) 0 0 repeat-x #F5F5F5;
    
}
.secondaryNav li:last-child
{
    border-bottom:none;
}
.secondaryNav li a
{
    color:#666;
    display:block;
    text-decoration:none;
    padding:10px;
    border-bottom:1px solid #D6DCED;
    font-weight:bold;
}
.secondaryNav li.active a
{
    background:url(/source/images/cssimages/template/secondary-nav-active-first-level.png) 100% 100% no-repeat #ACC2DA;
    color:#103184;
    border-bottom: 1px solid #103184;
}
.secondaryNav li a:hover,
.secondaryNav li a:active,
.secondaryNav li a:focus
{
    background-color:#ACC2DA;
    color:#103184;
}

/* Second level /// */
.secondaryNav li li {
    font-size: 100%;
}
.secondaryNav li.active li a,
.secondaryNav li li a {
    border-bottom:1px solid #DADADA;
    font-weight:bold;
    color:#666;
    background-color: transparent;
    background-image: none;
}
.secondaryNav li.active li a:hover,
.secondaryNav li li a:hover,
.secondaryNav li.active li a:active,
.secondaryNav li li a:active,
.secondaryNav li.active li a:focus,
.secondaryNav li li a:focus
{
    background-color:#D6E1ED;
    color:#103184;
}


.secondaryNav li li.active a
{
    background:url(/source/images/cssimages/template/secondary-nav-active-first-level.png) 100% 100% no-repeat #D6E1ED;
    color:#103184;
    font-weight:bold;
    text-decoration:none;
    border-bottom: 1px solid #586699;
}

/* Third level /// */
.secondaryNav li li.active li a,
.secondaryNav li li li a {
    font-weight:normal;
    color:#666;
    background-color: #E7EDF2;
    background-image: none;
    border-bottom: 1px solid #D5DDE2;
    padding-left: 15px;
}

.secondaryNav li li.active li a:hover,
.secondaryNav li li li a:hover,
.secondaryNav li li.active li a:active,
.secondaryNav li li li a:active,
.secondaryNav li li.active li a:focus,
.secondaryNav li li li a:focus
{
    background-color:#D6E1ED;
    color:#103184;
}

.secondaryNav li li li.active a
{
    background:url(/source/images/cssimages/template/secondary-nav-active-first-level.png) 100% 100% no-repeat #E8EEF5;
    color:#103184;
    font-weight:bold;
    text-decoration:none;
    border-bottom: 1px solid #586699;
}

/* Forth level /// */
.secondaryNav li li li.active li a,
.secondaryNav li li li li a {
    border-bottom:1px solid #EDEDED;
    font-weight:normal;
    color:#666;
    background-color: #fff;
    background-image: none;
    padding-left: 20px;
}
.secondaryNav li li li.active li a:hover,
.secondaryNav li li li li a:hover,
.secondaryNav li li li.active li a:active,
.secondaryNav li li li li a:active,
.secondaryNav li li li.active li a:focus,
.secondaryNav li li li li a:focus
{
    background-color:#fff;
    color:#103184;
}

.secondaryNav li li li li.active a
{
    background:url(/source/images/cssimages/template/secondary-nav-active-first-level.png) 100% 100% no-repeat #fff;
    color:#103184;
    font-weight:bold;
    text-decoration:none;
    border-bottom: 1px solid #586699;
}

.secondaryNav ul ul ul ul {
    border-bottom: 1px solid #90AECF;
}

/* Fifth level /// */
.secondaryNav li li li li.active li a,
.secondaryNav li li li li li a {
    border-bottom:1px solid #EDEDED;
    font-weight:normal;
    color:#666;
    background-color: #fff;
    background-image: none;
    padding-left: 25px;
}
.secondaryNav li li li li.active li a:hover,
.secondaryNav li li li li li a:hover,
.secondaryNav li li li li.active li a:active,
.secondaryNav li li li li li a:active,
.secondaryNav li li li li.active li a:focus,
.secondaryNav li li li li li a:focus
{
    background-color:#fff;
    color:#103184;
}

.secondaryNav li li li li li.active a
{
    background:url(/source/images/cssimages/template/secondary-nav-active-first-level.png) 100% 100% no-repeat #fff;
    color:#103184;
    font-weight:bold;
    text-decoration:none;
    border-bottom: 1px solid #EDEDED;
}

.secondaryNav ul ul ul ul ul {
    border-bottom: 1px solid #90AECF;
}

/* 
--------------------------------------------------- 
Section Navigation (Horizontal Nav)
---------------------------------------------------
*/
.sectionNav 
{
    border-top:1px solid #C0D3E1;
    border-bottom:1px solid #F8FBFE;
    background:#D5E6F7;
}
.sectionNavInner 
{
    width:950px;
    padding:0 20px;
    margin:0 auto;
    min-height: 40px;
}
.sectionNavBar 
{
    float:left;
}
.topLevelNavList 
{
    float:left;
    border-left:1px solid #B5D3F1;
}
.topLevelNavList .navItem
{
    display:block;
    float:left;
    font-size:1.5em;
    line-height:1.4em;
    border-bottom: 1px solid #B5D3F1;
    border-right:1px solid #B5D3F1;
    height:40px;
}
.topLevelNavList .navItem a
{
    display:block;
    padding:10px;
    color:#103184;
    text-decoration:none;
}
.topLevelNavList .navItem a:hover
{
    text-decoration:underline;
}

.topLevelNavList .hasSubMenu 
{
    padding-right:8px;
    position:relative;
	z-index:4;
}

.topLevelNavList .hasSubMenu:hover {
    z-index: 5;
}

.topLevelNavList .hasSubMenu a
{
    padding-right:12px;
    background:url(/source/images/cssimages/template/down-arrow.gif) right center no-repeat;
}

.topLevelNavList .active
/*,
.topLevelNavList .navItem:hover,
.topLevelNavList .navItem:active,
.topLevelNavList .navItem:focus */
{
    background:#9FC8EC url(/source/cssimages/images/template/section-nav-active.png) top left repeat-x;
}
.topLevelNavList .active a
{
    font-weight:bold;
}

/* Show the submenu on :hover */
.topLevelNavList .hasSubMenu:hover .subMenu,
.topLevelNavList .hover .subMenu
{
    display:block;
}

/* Reset all the submenu list items */
/* We could have used the direct child selector '>' but this isn't supported in IE6 */
.topLevelNavList .subMenu 
{
    border:1px solid #D3E5F7;
    border-top:none;
    border-right:none;
    position:absolute;
    top:40px;
    left:-1px;
    z-index:4;
    background:#fff;
    display:none;
}
.topLevelNavList .subMenu,
.topLevelNavList .listContainer  
{
    width:195px;
} 
.topLevelNavList .subMenu ul 
{
    margin:0;
    padding:5px 0;
    border-right:1px solid #D3E5F7;
}
.topLevelNavList .subMenu li 
{
    font-size:0.85em;
	display:block;
	width:100%;
}
.topLevelNavList .subMenu a 
{
    padding:6px 10px;
    background-image:none;
    font-weight:normal;
}
.topLevelNavList .subMenu a:hover,
.topLevelNavList .subMenu a:active,
.topLevelNavList .subMenu a:focus
{
    background:#D5E6F7;
}
.topLevelNavList .listContainer 
{
    float:left;
}
.sectionSearch 
{
    float:right; 
    border:1px solid #A2ADC8;
    margin:5px 0 5px 10px;
    background:#EAEAEB;
}
.sectionSearch:hover,.sectionSearch:focus 
{
    background-color:#E4E4E7;
}
.sectionSearch .searchText:hover,.sectionSearch .searchText:focus 
{
    background-color:#F4F4F4;
}
.sectionSearch .searchText 
{
    float:left;
    display:block;
    width:150px;
    margin:0;
    padding:6px 3px;
    border:0;
    border-right:1px solid #F4F4F4;
}
.sectionSearch .button 
{
    float:left;
    display:block;
    margin:0;
    width: 30px;
    height: 28px;
    background: transparent url(/source/images/cssimages/components/iconsSprite.png) -66px -25px no-repeat;
    border:0;
    border-left: 1px solid #FCFCFC;
    text-indent: -9999px;
    overflow: hidden;
}

/* 
--------------------------------------------------- 
AXA Groups Navigation -- Changes according to International homepage refresh
---------------------------------------------------
*/
.footer .groupNav 
{
    width:990px;
    margin:0 auto;
}
.groupNav 
{
    border-top:6px solid #0B276D;
    background: #0B276D;
}
.groupNav .groupPanel 
{
    background:#00519b;
    color: #fff;
    display: none;
    padding-bottom:25px;
}
.js .groupPanel
{
    display:none;
}
.groupNav .groupListing 
{
    text-align:center;
}
.groupNav .group 
{
    width:15%;
    display:inline-block;
    text-align:left;
    margin-right:1%;
    padding:4px 10px;
    vertical-align:top;
}
.groupNav p {
    margin: 0;
    color: #D2D2D2;
    padding: 4px 0;
    font-weight:bold;
}

.icas p  {
   border-bottom: 3px solid #FFF;
} 
.axa p  {
    border-bottom: 3px solid #FFF;
}

.uk p  {
    border-bottom: 3px solid #FFF;
}

.insurance p {
	border-bottom:3px solid #FFF;
}

.wealth p {
	border-bottom:3px solid #FFF;
}

.ppp p {
	border-bottom:3px solid #FFF;
}

.self p {
	border-bottom:3px solid #FFF;
}

.groupNav ul 
{
    margin:10px 0;
}
.groupNav .listItem
{
    list-style:none;
}
.groupNav .listItem a 
{
    display:block;
    padding:3px 0px;
    color: #fff !important;
    font-size: 110%;
}
.groupNav .listItem a:hover
{
    text-decoration:none;
}
.groupNav .mainLink 
{
    background:url(/Source/Images/cssimages/template/sprite.png) -66px -223px no-repeat;
    padding:0 25px 4px 20px;
}
.groupNav a 
{
    color: #D2D2D2;
}
.groupNav a:link,.groupNav a:visited
{
    text-decoration:none;   
    color: #fff;
    font-size: 13px;
}
.groupNav a:hover,.groupNav a:active,
.groupNav a:focus
{
    text-decoration:underline;
    color: #D2D2D2;
}
.groupsListingButton 
{
    margin-right:20px;
}
.groupsListingButton p 
{
    margin:0;
    padding:0;
    position: relative;
    font-size:1.2em;
}

.groupsListingButton p:before {
	left:-4px;
	background-position: top left;
}
.groupsListingButton p:after {
	right:-4px;
	background-position: top right;
}
.groupsListingButton a 
{
    display:block;
    padding:0.5em 20px 0.75em 20px; 
    text-decoration:none;
    color: #ffffff !important;
    background: #00519b;
    font-size: 12px;
}
.groupsListingButton a:link,.groupsListingButton a:visited {
    color:#ddd;  
}
.groupsListingButton a:hover,.groupsListingButton a:active,.groupsListingButton a:focus {
    color:#ddd;  
}
.groupsListingButton a:hover,.groupsListingButton a.expanded
{
    text-decoration:underline;
}
.groupsListingButton a.expanded
{
    background-position:right 4px,bottom left;
}

/* 
--------------------------------------------------- 
Footer Site Links 
---------------------------------------------------
*/
.footer .siteLinks 
{
    float:left;
    padding:0 0 14px; 
    max-width:555px;
    border-right:1px solid #E5E5E5;
}
.footer .siteLinksContainer h4
{
    margin: 0.75em 0 1em;
    color: #103184;
    font-size: 1.5em;
    font-weight: bold;
}
.siteLinks .linkBlock 
{
    float:left;
    margin-right:2em;
}

.siteLinks .listItem 
{
    display:block;
    clear:both;
}
.siteLinks .listItem a 
{
    padding:3px 10px;
    background:url(/source/images/cssimages/template/bullet-arrow-blue.gif) left center no-repeat;
    text-decoration:none;
    display:block;
    float:left;
}
.siteLinks a:link,.siteLinks a:visited 
{
    color:#666;
}
.siteLinks a:hover,.siteLinks a:active,.siteLinks a:focus 
{
    color: #103184;
}

/* --- [ Footer Social Links ] --- */

.footer .socialLinks 
{
    float:left;
    padding:0 2em 0; 
} 
.socialLinks .listItem 
{
    display:block;
    clear:both;
    float:left;
}
.socialLinks a 
{
    padding:3px 10px 3px 20px;
    display:block;
}
.socialLinks a:link,.socialLinks a:visited 
{
    color:#666;
}
.socialLinks a:hover,.socialLinks a:active,.socialLinks a:focus 
{
    color: #103184;
}
.socialLinks .facebook,
.socialLinks .youtube,
.socialLinks .twitter {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    width: 13px;
    height: 14px;
    display: block;
    float: left;
    background-image: url(/source/images/cssimages/components/iconsSprite.png);
    background-repeat: no-repeat;
    margin-right: 4px;
}
.socialLinks .facebook 
{
    background-position:0 -24px;
}
.socialLinks .youtube 
{
    background-position:-13px -24px;
}
.socialLinks .twitter 
{
    background-position:-26px -24px;
}


/* --- [ Footer Badges ] --- */

.footerBadges 
{
    float:right;
}
.footerBadges li
{
    float:left;
    display:block;
    margin:18px 0 18px 4px;
}
.footerBadges .axaUk 
{
}

.footerBadges .axaCom 
{
}


/* --- [ Footer Nav ] --- */

.footer .footerNav 
{
    border:1px solid #E9EBE9;
    border-bottom:none;
    background:#E1E3E2 url(/source/images/cssimages/template/footer-nav-bkg.png) top left repeat-x;
    position:relative;
    z-index:2;
}

.footer .footerNav .footerNavContainer 
{
    width:990px;
    margin:0 auto;
}
.footer .footerNav .list 
{
    float:right;
    display:block;
}
.footer .footerNav .listItem
{
    float:left;
    border-left:1px solid #666;
    margin:0.45em 0;
    padding:0 0.5em;
}
.footer .footerNav .item:first-child,
.footer .footerNav .first 
{
    border-left:none;
}
.footerNav a 
{
    display:block;
    padding:0.15em 0.5em;
    text-decoration:none;
}
.footerNav a:link,.footerNav a:visited 
{
    color:#666;
}
.footerNav a:hover,.footerNav a:active,.footerNav a:focus 
{
    color:#666;
    text-decoration:underline;
}


/*
--------------------------------------------------- 
CSS3 Enhancements
---------------------------------------------------
*/

/* Box Shadow --------------- */

.secondaryNav
{
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, .1);
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .1);
    box-shadow: 0 0 5px rgba(0, 0, 0, .1);
}
.topLevelNavList .subMenu 
{
    box-shadow: 1px 2px 6px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 1px 2px 6px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 1px 2px 6px rgba(0, 0, 0, 0.2);
}
.searchText 
{
    -webkit-box-shadow: inset 0 1px 10px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset 0 1px 10px rgba(0,0,0,0.1);
    box-shadow:inset 0 1px 10px rgba(0, 0, 0, 0.1);
}

/* Border Radius --------------- */
.groupsListingButton a 
{
    -webkit-border-bottom-left-radius: 0px;
    -webkit-border-bottom-right-radius: 0px;
    -moz-border-radius-bottomleft: 0px;
    -moz-border-radius-bottomright: 0px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}
.primary-nav li a {
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
}
.sectionSearch 
{
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
}
.sectionSearch .searchText 
{
    -webkit-border-radius: 5px 0 0 5px;
    -moz-border-radius: 5px 0 0 5px;
    border-radius: 5px 0 0 5px;
}
.sectionSearch .button
{
    -webkit-border-radius: 0 5px 5px 0;
    -moz-border-radius: 0 5px 5px 0;
    border-radius: 0 5px 5px 0;
}

/* Text Shadow --------------- */

/* Gradients --------------- */
.profileLogin
{
    background: -moz-linear-gradient(top,  #67C4DA 0%, #079FBC 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#67C4DA), color-stop(100%,#079FBC)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #67C4DA 0%,#079FBC 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #67C4DA 0%,#079FBC 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #67C4DA 0%,#079FBC 100%); /* IE10+ */
    background: linear-gradient(top,  #67C4DA 0%,#079FBC 100%); /* W3C */
}






/* ================ [ Components ] ================

File:           components.css
Main Authors:   Sean Jones, Bryan Kerr @ Equator
Created:        21/03/12

Notes:          Styles for mainsite components.

Index
---------------------------------------------------
    - Global Component Features
    - Specific Components
    - CSS3 Enhancements

*/

/* 
--------------------------------------------------- 
Global Component Features
---------------------------------------------------
*/

/* Rich text --------------- */
.richTextPanel 
{
    
}

/* Headings */
.richTextPanel h2
{
    color:#103184;
    font-size:2.7em;
    font-weight:normal;
    margin-bottom:5px;
}
.richTextPanel h3
{
    color:#103184;
    font-size:2.3em;
    font-weight:normal;
    margin-bottom:5px;
}
.richTextPanel h4
{
    font-size:1.7em;
    color:#103184;
    font-weight:normal;
    margin-bottom:3px;
}
.richTextPanel h5
{
    font-size:1.6em;
    font-weight:bold;
    margin-bottom:2px;
}
.richTextPanel h6
{
    font-size:1.3em;
    font-weight:bold;
    margin-bottom:2px;
}

/* Paragraphs */
.richTextPanel p
{
    font-size: 1.3em;
    line-height: 1.5em;
    margin-bottom: 1em;
}

/* Images */
.richTextPanel img
{
    margin-bottom: 10px;
    max-width: 100%;
}
.richTextPanel img.left
{
    float:left;
    margin:0 15px 10px 0;
}
.richTextPanel img.right
{
    float:right;
    margin:0 0 10px 15px;
}
.aside .richTextPanel img
{
    float: none;
    margin: 0;
    display: block;
}

/* Lists */
.richTextPanel ul
{
    font-size:13px;
    line-height:1.5em;
    margin:0 0 15px 0;
    overflow: hidden;
}
.richTextPanel ul li
{
    margin:4px 0 4px 16px;
    list-style:disc;
}
.richTextPanel ul li ul {
    margin: 4px 0 4px 0;
}
.richTextPanel ul li ul li {
    list-style: circle;
}
.richTextPanel ol
{
    font-size:1.3em;
    line-height:1.5em;
    margin:0 0 15px 0;
    overflow: hidden;
}
.richTextPanel ol li
{
    list-style-type:decimal;
    margin:0 0 8px 24px;
}

/* Tables */
.richTextPanel table 
{
    border-width:1px!important;
    border-spacing:1px!important;
    border-color:#fff;
    width:100%;
}
.richTextPanel tr 
{
}
.richTextPanel tr:nth-of-type(odd)
{
}
.richTextPanel th 
{
    font-weight:bold;
    color:#0B276D;
}
.richTextPanel th,
.richTextPanel td
{
    border: 1px solid #F3F4F7;
    padding: 8px;
    font-size: 1.5em;
    line-height: 1.4em;
    text-align:left;
}
.richTextPanel td p
{
    font-size:100%;
}

/* Reset nested fonts */
.richTextPanel p li,.richTextPanel p select,.richTextPanel p textarea,
.richTextPanel p input,.richTextPanel li li,
.richTextPanel td p,.richTextPanel dd li,.richTextPanel td label,
.richTextPanel td select,.richTextPanel td td,.richTextPanel td th,
.richTextPanel td select,.richTextPanel td input,.richTextPanel li p
{
	font-size:100%;
}

/* Summary Panel --------------- /// */
.alertBox
{
    border: 1px solid;
    margin-bottom: 10px;
    padding: 10px;
    font-size: 1.3em;
    line-height: 1.5em;
    position: relative;
}
.alertBox a.close 
{
    width: 16px;
    height: 16px;
    display: block;
    position: absolute;
    right: 10px;
    top: 10px;
    font-weight: bold;
    text-decoration: none;
    font-size: 1.2em;
    color: #999;
}
.alertBox a.close:hover
{
    color: #666;
}
/* Success */
.alertSuccess
{
    background: #DFF0D8;
    border-color: #468847;
    color: #468847;
}
/* Error */
.alertError
{
    background: #F2DEDE;
    border-color: #B94A48;
    color: #B94A48;
}


/* Related Links list --------------- */
.relatedLinks {
    margin-bottom: 2em;
    overflow: hidden;
}
.relatedLinks dl {
    
}
.relatedLinks dt {
    color: #103184;
    font-size: 2.3em;
    font-weight: normal;
    margin-bottom: 0.5em;
}
.relatedLinks dd {
    font-size: 1.3em;
    line-height: 1.5em;
    margin-bottom: 0.7em;
}
.relatedLinks a {
    background: url(/Source/Images/cssimages/components/arrow-ow.gif) left center no-repeat;
    padding-left: 12px;
    display: block;
}

/* Pagination --------------- */
.pagination {
    font-size: 10px;
}
.js .contentWallContainer .pagination {
    display: none;
}
.pagination p {
    font-size: 1.3em;
    line-height: 1.5em;
    text-align: center;
}
.pagination .backPage,
.pagination .firstPage {
    margin-right: 5px;
}
.numberedPages .pageNumber {
    padding: 2px 6px;
    margin: 3px 1px;
    border: 1px solid #fff;
}
.numberedPages span.pageNumber {
    background: #73AFE4;
    color: #fff;
}
.numberedPages a.pageNumber {
    background: #F2F4F7;
}
.numberedPages a.pageNumber,
.numberedPages a.pageNumber:link,
.numberedPages a.pageNumber:visited {
    text-decoration: none;
}
.numberedPages a.pageNumber:active,
.numberedPages a.pageNumber:hover,
.numberedPages a.pageNumber:focus {
    background: #9FC8EC;
    color: #fff;
}
.pagination .forwardPage,
.pagination .lastPage {
    margin-left: 5px;
}
.pagination .pagesNum {
    display: none;
}

.pagination .firstPage a {
    background: url(/Source/Images/cssimages/components/arrow-double-back-ob.gif) left center no-repeat;
    padding-left: 12px;
}
.pagination .backPage a {
    background: url(/Source/Images/cssimages/components/arrow-back-ob.gif) left center no-repeat;
    padding-left: 10px;
}

.pagination .lastPage a {
    background: url(/Source/Images/cssimages/components/arrow-double-ob.gif) right center no-repeat;
    padding-right: 12px;
}
.pagination .forwardPage a {
    background: url(/Source/Images/cssimages/components/arrow-ob.gif) right center no-repeat;
    padding-right: 10px;
}


.mainContentPanel .pagination .firstPage a {
    background: url(/Source/Images/cssimages/components/arrow-double-back-ow.gif) left center no-repeat;
}
.mainContentPanel .pagination .backPage a {
    background: url(/Source/Images/cssimages/components/arrow-back-ow.gif) left center no-repeat;
}

.mainContentPanel .pagination .lastPage a {
    background: url(/Source/Images/cssimages/components/arrow-double-ow.gif) right center no-repeat;
}
.mainContentPanel .pagination .forwardPage a {
    background: url(/Source/Images/cssimages/components/arrow-ow.gif) right center no-repeat;
}

/* ----------[Content Wall] --------------- */

/* Make each item component the same height... */

.nestedGrid .componentContentInner,
.nestedGrid .linkList .componentContent {
    overflow: auto;    
}
.nestedGrid .genericPromo .componentContentInner {
    height: 155px; 
}
.nestedGrid .spanCol2 .genericPromo .componentContentInner {
    height: 155px; 
}
.nestedGrid .spanCol2 .videoPromo .componentContentInner {
    height: 50px; 
}
.nestedGrid .pollComponent .componentContentInner {
    height: 224px;  
}
.nestedGrid .linkList .componentContent {
    height: 256px;  
}
.nestedGrid .spanCol1 .genericPromo .image {
    height: 99px;
    overflow: hidden;
}

/* Scroll to top button */
.scrollToTop {
    position: fixed;
    width: 65px;
    height: 50px;
    background: #5B9BE6 url(/Source/Images/cssimages/components/scrollTop-btn.png) bottom left repeat-x;
    bottom: 0;
    right: 0;
    z-index: 400;
    padding: 0.6em;
    font-size: 1.8em;
    font-weight: bold;
    display: none;
    text-align: center;
}
.scrollToTop:link,.scrollToTop:visited {
    color: #fff;
    text-decoration: none;
}
.scrollToTop:hover,.scrollToTop:active,.scrollToTop:focus {
    color: #fff;
    text-decoration: none;
}


/* Filter Component --------------- */

.js .filterContainer,.js .contentWall,.js .behealthyDemo .pagination {
    display: none;
}
.js .dynamicContentPanel .filterContainer {
    display: block;
}

.js .behealthyDemo .filterContainer,
.js .behealthyDemo .contentWall {
    display: block;
}

.filterResults {
    margin-bottom: 10px;
    border: 1px solid #7788B0;
}
.filterResults .filterResultsInner {
    border: 1px solid #fff;
    background: #D5E7F7 url(/Source/Images/cssimages/components/filter-bkg.png) bottom left repeat-x;
}
.filterResults .componentTitle {
    padding: 6px 8px 8px;
    margin: 0;
    color: #103184;
    font-weight: normal;
    font-size: 1.5em;
    border-bottom: 1px solid #A2CAED;
}
.filterResults li {
    font-size: 1.3em;
    line-height: 1.5em;
    color: #103184;
    padding: 2px 5px;
    border-top: 1px solid #D6E8F7;
    border-bottom: 1px solid #A2CAED;
}
.filterResults li:first-child{
    border-top: 1px solid #F5F9FD;
}
.filterResults ul {
    margin: 0;
}
.filterResults li label {
    padding-left: 3px;
}
.filterResults .formSubmit {
    margin: 10px;
    display: none;
}


/* Isotope styles --------------- */

/**** Isotope Filtering ****/

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:         top, left, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}

/* End: Recommended Isotope styles */



/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling {
  -webkit-transition: none;
     -moz-transition: none;
      -ms-transition: none;
       -o-transition: none;
          transition: none;
}

/**** Infinite Scroll ****/

#infscr-loading {
  position: fixed;
  text-align: center;
  bottom: 30px;
  left: 42%;
  z-index: 100;
  background: white;
  background: hsla( 0, 0%, 100%, 0.9 );
  padding: 20px;
  color: #222;
  font-size: 15px;
  font-weight: bold;
  -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
          border-radius: 10px;
}

.loadMore {
    display: block;
    padding: 10px;
    background: white url(/Source/Images/cssimages/components/generic-component-sml-bkg.png) 0 50% repeat-x;
    border: 1px solid white;
    webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .2);
    box-shadow: 0 0 5px rgba(0, 0, 0, .2);
    font-size: 1.6em;
    font-weight: bold;
    text-align: center;
    margin: 0 auto;
    width: 546px;
}

/* ----------[Content Wall END] --------------- */

/* Section labels --------------- */
.sectionLabel
{
    background:#103184;
    color:#FFF;
    font-size:1.2em;
    padding:3px 10px;
    text-transform:uppercase;
    display:inline-block;
    margin-top:10px;
}

/* Section label (colour variations) */
.sectionLabelRed        {background: #bd030a !important; }
.sectionLabelPink       {background: #ab0036 !important; }
.sectionLabelOrange     {background: #de4d01 !important; }
.sectionLabelDarkGreen  {background: #1d413f !important; }
.sectionLabelGreen      {background: #2f8927 !important; }
.sectionLabelGold       {background: #B29201 !important; }
.sectionLabelPurple     {background: #64119c !important; }
.sectionLabelBlue       {background: #0061b0 !important; }
.sectionLabelLightBlue  {background: #0081D2 !important; }
.sectionLabelBrown      {background: #857D5C !important; }
.sectionLabelAppBrown   {background: #857D5C !important; }



/* Note: Position a section label differently within an image container */
.image .sectionLabel
{
    position:absolute;
    bottom:10px;
    left:0;
}
.image img {
    display: block;
}

/* Section label (size variations) */
.sectionLabelLarge
{
    background:#103184;
    color:#FFF;
    font-size:1.8em;
    padding:8px 15px;
    text-transform:none;
    display:inline-block;
    margin-top:10px;
}
.sectionLabelLarge span
{
    width: 5px;
    height: 5px;
    display: block;
    background: url(/Source/Images/cssimages/components/sectionLabelAngle.png) 0 0 no-repeat;
    position: absolute;
    top: -5px;
    left: 0;
}

/* Note: Position a section label differently within an image container */
.image .sectionLabelLarge
{
    position:absolute;
    bottom:10px;
    left:-5px;
}

/* Video promo control --------------- */
.videoPromo .videoPlayControl
{
    width: 67px;
    height: 51px;
    background:url(/Source/Images/cssimages/components/iconsSprite.png) -80px -129px no-repeat;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -33px;
    margin-top: -25px;
    text-indent: -9999em;
}
.videoPromo .image:hover .videoPlayControl
{
    background-position: -149px -129px;
}

/* Featured ribbons --------------- */
/* Size variations */
.featuredRibbonSml
{
    position: absolute;
    top: 0;
    right: 0;
    width: 80px;
    height: 80px;
    background: url(/Source/Images/cssimages/components/featuredRibbonSml.png) 0 0 no-repeat;
    text-indent: -9999em;
}
.featuredRibbonLrg
{
    position: absolute;
    top: 0;
    right: 0;
    width: 113px;
    height: 113px;
    background: url(/Source/Images/cssimages/components/featuredRibbonLrg.png) 0 0 no-repeat;
    text-indent: -9999em;
}
/* Product */
.featuredProductRibbonSml {
    position: absolute;
    top: 0;
    right: 0;
    width: 80px;
    height: 80px;
    background: url(/Source/Images/cssimages/components/featuredRibbonProductSml.png) 0 0 no-repeat;
    text-indent: -9999em;
}
.featuredProductRibbonLrg
{
    position: absolute;
    top: 0;
    right: 0;
    width: 113px;
    height: 113px;
    background: url(/Source/Images/cssimages/components/featuredRibbonProductLrg.png) 0 0 no-repeat;
    text-indent: -9999em;
}

.ribbon
{
    position: absolute;
    top: 0;
    right: 0;
    width: 80px;
    height: 80px;
    text-indent: -9999em;
}
.ribbonLrg 
{
    position: absolute;
    top: 0;
    right: 0;
    width: 113px;
    height: 113px;
    text-indent: -9999em;
}

.goldRibbon 
{
    background: url(/source/images/cssimages/components/goldRibbon.png) 0 0 no-repeat;
}
.silverRibbon 
{
    background: url(/source/images/cssimages/components/silverRibbon.png) 0 0 no-repeat;
}
.bronzeRibbon 
{
    background: url(/source/images/cssimages/components/bronzeRibbon.png) 0 0 no-repeat;
}


/* Check list --------------- */
.checkList
{
    font-size:1.3em;
}
.checkList li
{
    background:url(/Source/Images/cssimages/template/tick-green.png) 0 3px no-repeat;
    padding:0 0 10px 25px;
    line-height:1.5em;
}

/* Rating stars --------------- */
.rating
{
}
.ratingStars
{
    width:76px;
    height:12px;
    overflow:hidden;
    float:left;
    margin-top:2px;
}
.star1, .star2, .star3, .star4, .star5, .star0
{
    background-image:url(/Source/Images/cssimages/components/ratingSprite.png);
    background-repeat:no-repeat;
}
/* Sprite positioning */
.star0  {background-position:0 bottom;}
.star1  {background-position:0 0;}
.star2  {background-position:0 -12px;}
.star3  {background-position:0 -24px;}
.star4  {background-position:0 -36px;}
.star5  {background-position:0 -48px;}

/* Rating count */
.ratingCount
{
    font-size:12px;
    margin-left:5px;
}

/* Block links --------------- */
.blockLinkGroup
{
}
.blockLink
{
    background:#FFF url(/Source/Images/cssimages/components/block-link-bkg.png) 100% 100% repeat-x; 
    font-size:1.3em;
    padding:10px 15px;
    border-bottom:1px solid #ECECEC;
}
.aside .blockLink
{
    padding:10px;
}
.blockLink .title a
{
    background:url(/Source/Images/cssimages/components/arrow-list.png) 0 4px no-repeat;
    padding-left:8px;
}
.blockLink .actions
{
    float:right;
}
.blockLink .actions span
{
    margin-left:3px;
}

/* Additional actions --------------- */
/* Note: These are commonly used as additions to the "genericPromo" component */
.additionalActions
{
    font-size:1.3em;
}
.additionalActions .linkBtn a
{
    font-size:1em;
}

/* Page controls --------------- */
.pageControls 
{
    float:right;
    padding:4px 0;
    margin-bottom:1em;
}
.pageControls a 
{
    font-size:1.5em;
    margin-left:10px;
}
.print 
{
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    display:block;
    float:left;
    width:16px;
    height:13px;
    background:url(/Source/Images/cssimages/components/iconsSprite.png) -96px 0 no-repeat;
}
.hasPrintButton 
{
    border-left:1px solid #9DABCD;
}

/* Content tags /// */
.tags
{
    float:left;
    margin-bottom:1em;
}
.tags p 
{
}
.tags a 
{
}
.tags a:link,.tags a:visited 
{
    text-decoration:underline;
}
.tags a:hover,.tags a:active,.tags a:focus 
{
    text-decoration:underline;
}

/* Back to top /// */
.backToTop 
{
    text-align:right;
    clear:both;
    border-bottom:1px solid #EDEFF6;
    padding-bottom:10px;
}
.backToTop a
{
    background:url(/Source/Images/cssimages/template/back-top-arrow.png) center right no-repeat;
    padding-right:15px;
}
.backToTop a:link,.backToTop a:visited
{
    text-decoration:underline;
}
.backToTop a:hover,.backToTop a:active,.backToTop a:focus
{
}

/* Component controls --------------- */
.componentShareControls
{
    padding:6px 5px 1px;
}
.componentShareControls .shareTxt {
    font-size: 1.1em;
    line-height: 1.8em;
    color: #6D6E71;
    margin-right: 5px;
}
.componentShareControls .socialShareLinks,
.componentShareControls .shareTxt {
    float: left;
}

.componentShareControls .socialShareLinks {
    width: 60%;
    display: none;
}
.js .componentShareControls .socialShareLinks {
    display: block;
}
.componentShareControls .addthis_toolbox {
    float: left;
    margin-right: 4px;
}
.componentShareControls .shareLink {
    display: inline-block;
}

.componentShareControls .addthis_button,
.componentShareControls .addthis_button {
}

/* Unsaved */
.componentShareControls .save
{
    float:right;
    font-size:1.1em;
    color:#6D6E71;
    line-height:1.8em;
    position: relative;
    z-index: 1;
}
.componentShareControls .save a:link,
.componentShareControls .save a:visited
{
    color:#6D6E71;
    text-decoration:none;
}
.componentShareControls .save a:hover,
.componentShareControls .save a:active
{
    color:#A8A8A9;
    text-decoration:none;
}
.componentShareControls .save .saveIcon
{
    width:20px;
    height:20px;
    display:block;
    background:url(/Source/Images/cssimages/components/iconsSprite.png) -80px -88px no-repeat;
    float:left;
    overflow:hidden;
    margin-right:3px;
}
.componentShareControls .save:hover .saveIcon {
    opacity: 0.7;
}


/* Saved */
.componentShareControls .saved,
.componentShareControls .saved a
{
    color:#bdbdbd;
    cursor:default;
}
.componentShareControls .saved .saveIcon
{
    background:url(/Source/Images/cssimages/components/iconsSprite.png) -80px -108px no-repeat;
}

/* Popup modal window styles --------------- */
.modal 
{
    display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:500;
	background:#000;
}
.popupWindow 
{
    background:#fff;
    position:absolute;
	top:20%; /* To make Popup window center aligned - SR18849 */
	left:50%;
	z-index:501;
	transform:translate(-50%); /* To make Popup window center aligned - SR18849 */
}
.popupWindow .popupContent  
{
    position:relative;
    padding:2.75em 24px;
    min-height:100px;
}
.popupWindow .popupContent h3 
{
    margin-top:-18px;
    padding-right:32px;
}
.popupWindow .popupContent .title 
{
    border-bottom:1px solid #DBE0ED;
    margin-bottom:0.5em;
    line-height:1.5em;
    font-size:2.9em;
    color: #103184;
}
.popupContent .image 
{
    border:1px solid #DBE0ED;
} 
.popupWindow .popupContent img 
{
    margin:0 auto;
}
.popupWindow .popupContent ol 
{
}
.popupWindow .galleryControls 
{
    width:100%;
    overflow:hidden;
} 
.itemIndex 
{
    color:#6D6E71;
}
.popupWindow .galleryControls .button 
{
    width:36px;
    height:55px;
    overflow:hidden;
    text-indent:-9999px;
    background-image:url(/Source/Images/cssimages/components/iconsSprite.png);
    background-repeat:no-repeat;
    padding:0;
    margin:-26px 0 0;
    display:block;
    position:absolute;
    top:50%;
}
.popupWindow .galleryControls .prev 
{
    background-position:-2px -50px;
    left:0;
}
.popupWindow .galleryControls .next 
{
    background-position:-40px -50px;
    right:0;
}

.popupWindow #close
{
    cursor:pointer;
    width:35px;
    height:35px;
    position:absolute;
    top:0.77em;
    right:0.73em;
    text-indent:-9999px;
    overflow:hidden;
    z-index:1;
    background:url(/Source/Images/cssimages/components/iconsSprite.png) -79px -52px no-repeat;
}

/* Login Popup window */
.loginPopup 
{
    background:#67C4DA url(/Source/Images/cssimages/components/loginPopup-bkg.png) bottom left repeat-x;
    position:absolute;
	top:50%;
	left:50%;
	z-index:501;
    border: 2px solid #fff;
}
.loginPopup #close 
{
    cursor:pointer;
    width:30px;
    height:30px;
    position:absolute;
    top:0.75em;
    right:0.75em;
    text-indent:-9999px;
    overflow:hidden;
    z-index:1;
    background: url(/Source/Images/cssimages/components/iconsSprite.png) -159px -24px no-repeat;
}
.loginPopup .popupContent {
    padding: 12px 0 0;   
}
.loginPopup h4 {
    color: #fff;
    font-size: 2em;
    padding:0 48px 8px 15px;
    border-bottom: 1px solid #8DD3E3;
}
.loginPopup fieldset {
    padding: 15px;
}
.loginPopup .formLabel label {
    display: block;
    font-size: 1.5em;
    font-weight: bold;
    color: #fff;
    margin-bottom: 5px;
}
.loginPopup .text {
    height: 20px;
    padding: 5px;
    width: 260px;
    border: 1px solid #A2ADC8;
    margin-bottom: 5px;
}
.loginPopup .forgottenPassword {
    margin-bottom: 0.25em;
}

.loginPopup .registerLink {
    border-top: 1px solid #8DD3E3;
    margin: 1.5em -15px 0;
    padding: 5px 15px 0;
}
.loginPopup .registerLink a:link,
.loginPopup .registerLink a:visited,
.loginPopup .registerLink a:hover,
.loginPopup .registerLink a:active,
.loginPopup .registerLink a:focus,
.loginPopup .forgottenPassword a:link,
.loginPopup .forgottenPassword a:visited,
.loginPopup .forgottenPassword a:hover,
.loginPopup .forgottenPassword a:active,
.loginPopup .forgottenPassword a:focus {
    color: #fff;
    font-size: 1.3em;
}

/* Login/register tooltip */
.dialogueComponent {
    display: none;
    position: absolute;
    top: 120%;
    left: 50%;
    margin-left: -97px;
    background: #fff;
    padding: 1px;
    z-index: 3;
    border: 2px solid #CED4E2;
    width: 160px;
}
.genericPromo .dialogueComponent .componentContent,
.dialogueComponent .componentContent {
    border: none;
    padding: 0.65em;
    background: #67C4DA url(/Source/Images/cssimages/components/loginToolTip-bkg.png) bottom left repeat-x;
    position: relative;
    }
.dialogueComponent .loginArrow {
    position: absolute;
    top: -10px;
    left: 50%;
    margin-left: -15px;
    width: 30px;
    height: 11px;
    background: url(/Source/Images/cssimages/components/loginTooltip-arrow.png) top left no-repeat;
}    
.dialogueComponent .componentContent p {
    color: #fff;
    font-size: 1.2em;
    float: none;
}
.dialogueComponent .componentContent a:link,.dialogueComponent .componentContent a:visited {
    color: #fff;
    text-decoration: underline;
}
.dialogueComponent .componentContent a:hover,.dialogueComponent .componentContent a:active,
.dialogueComponent .componentContent a:focus {
    color: #fff;
    text-decoration: underline;
}


/* Aside component group --------------- */
.asideComponentGroup
{
    background:#F1F7FC url(/Source/Images/cssimages/components/aside-component-group.gif) 0 100% repeat-x;
    margin-bottom:10px;
    border:1px solid #ACB6CD;
    border-bottom:none;
}

/* Aside profile component group --------------- */
.asideProfileComponentGroup
{
    background:#fff url(/Source/Images/cssimages/template/contentPanel-gradient.png) bottom left repeat-x;
    margin-bottom:10px;
    border-bottom:none;
}

/* Call to action strip --------------- */
.callToAction 
{
    border:1px solid #F3F4F7;
    border-right:1px solid #F9F9FB;
    border-bottom:1px solid #EFF0F5;
    background:#F6F7F9;
    padding:10px;
    margin:1.75em 0;
}
.callToAction p {
    margin-bottom: 0;
}
/* PDF variation */
.pdfDownload 
{
    padding:10px 10px; 
}
.pdfDownload .callToActionInner 
{
    padding-left:40px;
    background:transparent url(/Source/Images/cssimages/components/pdfIcon_32x32.gif) left center no-repeat;
}
.pdfDownload h5 
{
    font-weight:normal;
}
.pdfDownload p {
    margin-bottom: 0;
}
.pdfDownload a:link,.pdfDownload a:visited
{
    text-decoration:underline;
}
.pdfDownload a:hover,.pdfDownload a:active,.pdfDownload a:focus
{
    text-decoration:underline;
}

/* Curl shadow --------------- */
.curlShadow
{
    width: 100%;
    height: 10px;
    margin-top: -10px;
}
.curlShadow span
{
    width: 80px;
    height: 10px;
    display: block;
    background: url(/Source/Images/cssimages/components/curlShadowSprite.png) no-repeat;
}
.curlShadow .shadowLeft
{
    float: left;
    background-position: 0 0;
}
.curlShadow .shadowRight
{
    float: right;
    background-position: -80px 0;
}

.genericPromoSplit .curlShadow,
.blockLinkPromo .curlShadow
{
    width: 100%;
    height: 10px;
    margin-top:0;
}

/* Component next arrow --------------- */
.componentNextArrow
{
    width: 40px;
    height: 20px;
    margin: -3px auto 15px;
    background:  url(/Source/Images/cssimages/components/iconsSprite.png) -158px 0 no-repeat;
}

/* Common Component styles --------------- */
.componentTitle     
{
    color: #103184;
    font-size: 2.3em;
    font-weight: normal;
    margin-bottom: 15px;
    border-bottom: 1px solid #E4E8F2;
    padding-bottom: 8px;
}

.componentHeaderArea .componentTitle  {
    display: inline-block;
    border: none;
    margin: 0;
    padding: 0;
}
.componentHeaderArea  {
    border: none;
    margin-bottom: 15px;
    border-bottom: 1px solid #E4E8F2;
    padding-bottom: 8px;
}
.componentHeaderArea .formHelper {
    display: inline-block;
    float: none;
    margin-left: 4px;
}

/* Misc /// */
/* Remove margins from last item */
.last
{
    margin-right: 0!important;
}


/* 
---------------------------------------------------
Specific Components
---------------------------------------------------
*/

/* Breadcrumbs --------------- */
.breadcrumbs 
{
    padding:0 5px 5px;
}
.breadcrumbs li
{
	display:block;
	float:left;
	font-size:1.1em;
	margin-right:5px;
}
.breadcrumbs a
{
	float:left;
	color:#6379af;
	text-decoration:none;
	padding-right:14px;
	background:url(/Source/Images/cssimages/template/arrow-blue.gif) right 50% no-repeat;
}
.breadcrumbs a:hover,.breadcrumbs a:active,.breadcrumbs a:focus
{
	color:#103184;
	text-decoration:underline;
}
.breadcrumbs .current a
{
	cursor:default;
	color:#888;
	background-image:none;
	text-decoration:none;
}

/* Dynamic Back Link --------------- */
.dynamicBackLink
{
    display: none;
    padding:1em 5px 2em;
}
.js .dynamicBackLink { display: block; }

.dynamicBackLink .dynamicBackLink { padding: 0;} /* accounting for ektrons implementation */

.dynamicBackLink a
{
    font-size:1.3em;
    color:#103184;
    padding-left:10px;
    background:url(/Source/Images/cssimages/template/arrow-back-blue.gif) left 50% no-repeat;
    text-decoration:underline;
}

/* Site section header --------------- */
.siteSectionHeader 
{
    background:#103184; /* Default background colour */
}
.siteSectionHeaderFixed 
{
    color: #fff;
    margin: 0 auto;
    font-size: 1.9em;
    padding-top: 30px;
    padding-left: 230px;
    padding-bottom: 22px;
}

.fixedBannerTitle {
     font-size: 1.7em;
     font-weight:bold;
}

/* Header colour variations */
.sectionHeaderPink      {background:#ab0036 url(/Source/Images/cssimages/components/sectionHeaderPink.png) top left repeat-x;}
.sectionHeaderOrange    {background:#de4d01 url(/Source/Images/cssimages/components/sectionHeaderOrange.png) top left repeat-x;}
.sectionHeaderDarkGreen {background:#1d413f url(/Source/Images/cssimages/components/sectionHeaderDarkGreen.png) top left repeat-x;}
.sectionHeaderGreen     {background: url(/Source/Images/cssimages/components/Green.jpg); }
.sectionHeaderBlue      {background: url(/Source/Images/cssimages/components/Blue.jpg); }
.sectionHeaderYellow    {background: url(/Source/Images/cssimages/components/Yellow.jpg); }
.sectionHeaderHealthGreen {background: url(/Source/Images/cssimages/components/HealthTechGreen.jpg); }
.sectionHeaderRed       {background: url(/Source/Images/cssimages/components/Red.jpg);}
.sectionHeaderGreen h2  { color: #ffffff !important;}
.sectionHeaderGold      {background:#957201 url(/Source/Images/cssimages/components/sectionHeaderGold.png) top left repeat-x;}
.sectionHeaderPurple    {background:#64119c url(/Source/Images/cssimages/components/sectionHeaderPurple.png) top left repeat-x;}
.sectionHeaderLightBlue {background:#009cba url(/Source/Images/cssimages/components/sectionHeaderLightBlue.png) top left repeat-x;}
.sectionHeaderLightGreen{background:#669C00 url(/Source/Images/cssimages/components/sectionHeaderLightGreen.png) top left repeat-x;}


/* layout */
.siteSectionHeaderInner
{
    background:url(/Source/Images/cssimages/template/sectionHeader-swirl.png) no-repeat 50% 0;
}
.siteSectionHeaderContent 
{
    margin:0 auto;
    width:950px;
    padding:0 20px;
}

/* Fonts */
.siteSectionHeading 
{
    padding-top:30px;
    font-size:6em;
    font-family:"proxima-nova", Helvetica, Arial, sans-serif;
    letter-spacing:-2px;
    color:#fff;
    line-height:1em;
    opacity: .95;
}
.wf-loading .siteSectionHeading {
    /* Hide while web fonts are loading */
    visibility: hidden; 
}
.siteSectionSubHeading 
{
    font-size:1.9em;
    padding-top: 5px;
    color:#fff;
    opacity: .95;
}

/* Section header additions */
/* Note: This is for the addional BeHealthy logo */
.sectionHeaderBeHealthy
{
    /*background:url(/Source/Images/components/sectionHeader-behealthyLogo.png) bottom right no-repeat;*/
}
.siteSectionHeaderContent .hgroup 
{
    padding-bottom:20px;
}

/* Banner carousel --------------- */
.carousel
{
	margin:0 auto;
	padding:0;
    max-width: 1600px;
}
.js .carousel
{
	overflow:hidden;
	white-space:nowrap;
	position:relative;
}
.carousel a img
{
    border:0;
}
.carouselScroller
{
	height:100%;	
}
.carousel .itemContent
{
    position: relative;
    background-position: top center;
    background-repeat: no-repeat;  
    min-height:350px;
}
.carousel.halfHeight .itemContent
{
    min-height:137px;
}
/* Image */
.carousel .bannerItem
{
	display:inline-block;
	width:100%;
	position: relative;
    vertical-align: top;  
    max-height:137px;/*Maneesha*/
}
.carousel .bannerItem img
{
	width:100%;
	display:block;
}

/* Text */
.carousel .itemText 
{
    margin: 0 auto;
    padding: 75px 4.5em 0;
    width: 960px;
}
.carousel.halfHeight .itemText 
{
    padding-top: 30px;
}
.carousel .itemText.right
{    
    padding-left: 670px;
}

/* White title & subtitle in carousel */
.carousel .itemText .subTitle
{
    color: #fff;
    font-size: 2.4em;
    font-weight: normal;
    margin-bottom: 0;
    width: 60%;
}
.carousel .itemText .mainTitle
{
    color: #fff;
    font-size: 4.4em;
    font-weight:bold;
    width: 60%;
}
.carousel.halfHeight .itemText .subTitle
{
    font-size: 2.0em;
}
.carousel.halfHeight .itemText .mainTitle
{
    font-size: 3.4em;
}

/* Blue title & subtitle in carousel */
.carousel .itemText .carouselTitleBlue
{
    color: #103184;
}


/* Navigation /// */
.carousel .bannerNavigation
{
	width:100%;
	line-height:1;
	text-align:center;
}
.carousel .bannerNavigation .bannerTitle
{
	display:block;
}

/* Next and previous */
.carousel .bannerNavigation .nextSlide,
.carousel .bannerNavigation .prevSlide
{
	position:absolute;
	top:50%;
    width: 38px;
    height: 38px;
    background:#183275 url(/Source/Images/cssimages/components/iconsSprite.png) no-repeat;
    z-index: 1;
    margin-top: -20px;
    display: none;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    border: 1px solid #6F7FA8;
}
/* Sprite positioning */
.carousel .bannerNavigation .prevSlide
{
    left: 0;
    background-position:0 -182px;
    border-left: none;
}

.carousel .bannerNavigation .nextSlide
{
	right: 0;
    background-position:-39px -182px;
    border-right: none;
}
.carousel .bannerNavigation .prevSlide:hover,
.carousel .bannerNavigation .prevSlide:active
{
    left: 0;
    background-position:-78px -182px;
}

.carousel .bannerNavigation .nextSlide:hover,
.carousel .bannerNavigation .nextSlide:active
{
	right: 0;
    background-position:-117px -182px;
}
.carousel .nextSlide:hover,
.carousel .prevSlide:hover
{
	text-decoration:underline;
}

/* Dot navigation */
.carousel .bannerDots
{
    position: absolute;
    bottom: 1em;
    left: 50%;
    width: 50%;
    text-align: left;
    z-index: 1;
}
.bannerDots li 
{
    display: inline-block;
    margin: 0.25em;
    padding: 0;
}
.bannerDots .bannerDot
{ 
    width: 16px;
    height: 16px;
    background:url(/Source/Images/cssimages/components/iconsSprite.png) -119px -89px no-repeat;
    display: block;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}
.bannerDots .bannerDotActive
{
    background-position: -102px -89px;
}

/* Smart content selector --------------- */
.smartContentSelector
{
    border-top: 1px solid #6577A3;
    border-bottom: 1px solid #A7B2C3;
    background: #fff;
    display: none;
}
.js .smartContentSelector
{
    display: block;
}
.smartContentSelector .componentContent
{
    margin: 0 auto;
    width: 760px;
    padding: 10px 210px 10px 20px;
    position: relative;
}
.smartContentSelector .componentContent:before 
{
    content: "";
    position: absolute;
    top: -34px;
    left: -10px;
    width: 346px;
    height: 68px;
    background: url(/Source/Images/cssimages/components/smartContentSelector-message.png) top left no-repeat;
}
.smartContentSelector .userSelection {
    background: #FDFDFD;
    display: inline-block;
    border: 1px solid #fff;
    padding: 0 2px;
}
.selectionItem .define,
.smartContentSelector li,
.smartContentSelector p
{
    font-size: 1.5em;
    color: #424143;  
}
.smartContentSelector .selectTxt a {
    color: #8F8E8F;
    text-decoration: none;
}
.smartContentSelector .selectTxt a:hover,
.smartContentSelector .selectTxt a:active {
    color: #424143;
}
.selectionItem,
.selectionItem .define,
.selectionItem .selectionList
{
    display: inline-block;
    vertical-align: top;
}
.selectionItem .define {
    padding: 6px;  
}
.selectionItem .selectionList
{
    vertical-align: top;
    position: relative;
    background:#D9DADB url(/Source/Images/cssimages/components/scs-selectionList-bkg.png) top left repeat-x;
    border: 1px solid #D9DBDA;
    border-right: none;
}
.selectionItem .selectionList .selectTxt a 
{
    display: block;
    padding: 5px 6px;
    background: url(/Source/Images/cssimages/components/scs-selectionList-arrow.gif) bottom center no-repeat;
}
.selectionItem .selectionList .selectTxt a:hover,
.selectionItem .selectionList .selectTxt a:visited {
    background: url(/Source/Images/cssimages/components/scs-selectionList-arrowSelected.gif) bottom center no-repeat;
}
.selectionItem .selectionList ul
{
    position: absolute;
    top: 30px;
    left: 0;
    width: 220px;
    background: #EFEFF0 url(/Source/Images/cssimages/components/scs-selectionListUL-bkg.png) bottom left repeat-x;
    border: 1px solid #fff;
    border-top: none;
    border-bottom: none;
    z-index: 2147483647;
    padding: 5px 0 0;
}
.selectionItem .selectionList li {
}

.selectionItem .selectionList li input {
    height: 20px;
    padding: 5px;
    border: 1px solid #D9DBDA;
    margin: 5px;
}

.selectionItem .selectionList li a {
    display: block;
    border-bottom: 1px solid #fff;
    padding: 6px;
    color: #424143;
    text-decoration: none;
}
.selectionItem .selectionList li a:hover,
.selectionItem .selectionList li a:active
{
    color: #6C6B6D;
    background: #F3F3F3;
}
.smartContentSelector .selectionItem,
.smartContentSelector ul
{
    display: none;   
}
.smartContentSelector .selectionItem .selectedList
{
}
.smartContentSelector .showItem,
.smartContentSelector .firstStep
{
    display: inline-block;   
}

.selectionItem .selectionList .selectTxt .itemSelected {
    color: #424143;
    background: url(/Source/Images/cssimages/components/scs-selectionList-arrowSelected.gif) bottom center no-repeat;
}
.smartContentSelector .button {
    display: inline-block;
    vertical-align: middle;
}
.smartContentSelector .button input 
{
    float: left;
    width: 32px;
    height: 32px;
    display: block;
    background: #263F7D url(/Source/Images/cssimages/components/smartContentSelector-arrow.png) center center no-repeat;
    margin-left: 4px;
    text-indent: 140%;
    white-space: nowrap;
    overflow: hidden;
    border: 1px solid #0B276D;
    border-right: 1px solid #506596; 
    border-bottom: 1px solid #506596; 
    line-height: normal;
    text-decoration: none!important;
    color: white!important;
    padding: 0;
    cursor: pointer;
    font-family: Arial, sans serif;
    position: relative;
}
.smartContentSelector .button input:hover {
    background-color: rgba(38,63,125,0.8);    
}

/* Page introduction panel --------------- */
.pageIntroduction 
{
    margin-bottom: 0.5em;
}

/* Link list --------------- */
.linkList
{
    margin-bottom:10px;
    background:#FFF url(/Source/Images/cssimages/components/generic-component-sml-bkg.png) 0 100% repeat-x;
}
.linkList .inner
{
    border:1px solid #FFF;   
}
.linkList .componentContent
{
    padding:12px 15px 15px;
    border-bottom:1px solid #ececec;
}
/* Title */
.linkList .componentContent .componentTitle
{
    color:#103184;
    font-weight:normal;
    font-size:2em;
    margin-bottom:5px;
    border: none;
    padding-bottom: 0;
}
/* List */
.linkList ul
{
    margin-top:8px;
}
.linkList li
{
    background:url(/Source/Images/cssimages/components/arrow-list.png) 0 4px no-repeat;
    font-size:1.3em;
    padding-left:10px;
    margin-bottom:10px;
}
.linkList li:last-child
{
    margin-bottom:0;
}
/* Optional ratings */
.linkList .rating
{
    margin-top:2px;
}

/* Focus bar --------------- */
.focusBar
{
    margin-bottom:2em;
    border:1px solid #ACB6CD;
}
.focusBarInner
{
    border:1px solid #FFF;
    padding:10px;
    background:#d5e7f7 url(/Source/Images/cssimages/components/component-blue-bkg.png) 100% 100% repeat-x;
}
.focusBar .componentTitle
{
    font-size:1.8em;
    color:#0B276D;
    float:left;
    line-height:1.8em;
    border-bottom: none;
    padding-bottom: 0;
    margin: 0;
}
.focusBarInner .action
{
    margin-left:10px;
    float:right;
}

/* Block title promo --------------- */
.blockTitlePromo
{
    margin-bottom:10px;
}
.blockTitlePromoInner
{
    border:1px solid #FFF;
    margin-bottom: 10px;
}
.blockTitlePromo .componentTitle
{
    padding: 10px 15px;
    color: #FFF;
    font-size: 2em;
    border: none;
    margin: 0;
}
.blockTitlePromo .componentTitle a
{
    color: #FFF;
}
.blockTitlePromo .additionalActions .linkBtn {
    margin-right: 0.5em;
}

/* Poll Component - Ektron Widget --------------- */
.pollComponent .genericPromoInner .componentContent .pollQuestion,
.pollComponent .genericPromoInner .componentContent .headreport {
    color: #103184;
    font-size: 1.8em;
    padding-bottom: 0.5em;
    text-align: left;
}
.pollComponent ol {
    padding: 0 6px;
}
.pollComponent ol li {
    margin-bottom: 0.65em;
}
.pollComponent ol label,
.pollComponent .optiontextcell {
    font-size: 1.3em;
}
.pollComponent ol input {
    margin: 0 4px 0 0;
}
.pollComponent .formSubmit {
    margin-bottom: 0.5em;
}
.pollComponent .viewResults,
.pollComponent .refreshlink {
    font-size: 1.2em;
}
.pollComponent span.refreshlink {
    margin: 0.15em 0;
    display: block
}

/* Poll results */
.pollComponent .resultbar {
    height: 70%;
    background-color: #0081D2;
    padding-left: 1px;
    vertical-align: middle;
}
.pollComponent .barcell {
    height: 18px;
    text-align: left;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

/* Fact promo --------------- */
.factPromo .factPromoInner
{
    border:1px solid #D1D6E3;
}
.factPromo .componentContent
{
    border:1px solid #FFF;
    background: #F0F7FC;
    padding: 15px;
    height:280px;
}
/* Image */
.factPromo .image img
{
    margin-bottom:5px;
}
/* Title */
.factPromo .componentTitle
{
    text-align: left;
    font-size: 2em;
    margin-bottom: 3px;
    font-weight: bold;
    border: none;
    padding-bottom: 0;
}

/* Compare plans table --------------- */
.comparePlans 
{
    margin:1.75em 0;
}
.comparePlans .componentTitle 
{
    color: #103184;
    font-size: 2.3em;
    font-weight: normal;
    margin-bottom: 1em;
}
.comparePlansTable 
{
    margin-bottom:3em;
    width: 100%;
}
.comparePlansTable th 
{
    color: #103184;
    font-size: 2em;
    font-weight: normal;
    margin-bottom: 1em;
    text-align:center;
    padding:0.75em;
    line-height: 1.4em;
    border:1px solid #EDEDED;
    background:#F6F6F6;
}
.comparePlansTable th span 
{
    display:block;
    font-size:0.7em;
    color:#515151;
}
.comparePlansTable .basicCoverCol,
.comparePlansTable .standardCoverCol,
.comparePlansTable .comprehensiveCoverCol  
{
    background:#F6F6F6 url(/Source/Images/cssimages/components/coverTable-bronzeCover.png) top right no-repeat;
}
.comparePlansTable .basicCoverCol 
{ 
}
.comparePlansTable .standardCoverCol 
{
    background-image:url(/Source/Images/cssimages/components/coverTable-silverCover.png);
}
.comparePlansTable .comprehensiveCoverCol 
{
    background-image:url(/Source/Images/cssimages/components/coverTable-goldCover.png);
}
.comparePlansTable td 
{
    text-align:center;
    padding:0.75em;
    color: #808184;
    font-size: 1.4em;
    line-height: 1.4em;
    vertical-align:top;
    border:none;
    border:1px solid #EDEDED;
}
.comparePlansTable .coverSelect
{
    font-size: 1em;
}
.comparePlansTable .coverSelect,
.comparePlansTable .ctaTitle  
{
    border:none;
}
.comparePlansTable tr:nth-of-type(even)
{
  background-color:#FDFDFD;
}
.comparePlansTable .yes,
.comparePlansTable .no 
{
    background:url(/Source/Images/cssimages/components/tickCross.gif) no-repeat;
    text-indent: -9999px;
    overflow: hidden;
    width:21px;
    height:20px;
    display:inline-block;
}
.comparePlansTable .yes 
{
    background-position:0 0;
}
.comparePlansTable .no 
{
    background-position:0 -20px;
}
.comparePlansTable .productCol .productColTitle,
.comparePlansTable .ctaTitle
{
    visibility:hidden;
}

/* Treatment Search Combo Box --------------- */
.treatmentsearchCombo
{  
}
.treatmentSearch
{
    border: 1px solid #ACB6CD;
    margin-bottom: 2em;
}
.treatmentsearchCombo .treatmentSearch
{
    width: 49%;
    float: left;
}
.treatmentSearchInner
{
    padding: 15px;
    background: #F1F7FC;
    
}
.treatmentSearch .image
{
    float: left;
    margin:0 15px 15px 0;
    background: #fff;
    padding: 2px;
}
.treatmentSearch img
{
    float: none;
    margin: 0;
    max-width: 100%;
    display: block;
}
.treatmentSearch p
{
    font-size: 1.3em;
    line-height: 1.5em;
    margin-bottom: 1em;
}
.hospitalSearch
{
}
.treatmentsearchCombo .specialistSearch
{
    float: right;
}
.treatmentSearch .treatmentSearchTitle
{
    color: #103184;
    font-size: 2em;
    font-weight: normal;
    margin:0 -15px 15px;
    border-bottom: 1px solid #DEE3ED;
    padding: 0 15px 8px;
}
.treatmentSearch .itemText {
    overflow: hidden;
}
.treatmentSearch .searchField
{
    float: left;
}
.treatmentSearch .field
{
    float: left;
    padding: 1px 0 0;
}
.treatmentSearch .field .text
{
    height: 25px;
    padding: 5px;
    width: 180px;
    border: 1px solid #A2ADC8;
}
.treatmentSearch .formSubmit
{
    float: left;
    margin: 0 0 0 0.75em;
}

/* Treatment search side component */
.aside .searchField .text {
    height: 20px;
    padding: 5px;
    width: 145px;
    border: 1px solid #A2ADC8;
}

/* Generic show/hide panels --------------- */
.showHideGroup 
{
    margin:0 0 1.75em;
    zoom: 1;
}
.showHideItem 
{
    background:#fff;
    margin-bottom:1em;
    border:1px solid #fff;
    zoom: 1;
}

.showHideGroupTitle 
{
    color: #103184;
    font-size: 2.3em;
    font-weight: normal;
    margin-bottom: 5px;
    zoom: 1;
}

.article .showHideItem,
.mainContentPanel .showHideItem,
.applicationFormList .showHideItem
{
    border:1px solid #E9ECF2;
    background:#F8F9FB;
    margin-bottom:0;
}
.showHideChildGroup {
   
}
.showHideItem .showHideItem
{
    border-bottom:1px solid #D6E0ED;
}
.article .showHideItem .showHideItem,
.mainContentPanel .showHideItem .showHideItem,
.applicationFormList .showHideItem .showHideItem
{
    border:none;
    border-bottom:1px solid #D0D7E1;
    margin-bottom:0;
}
.showHideItem .toggleHeading, .showHideItem .noToggleHeading {
    padding: 10px;
    border-bottom: 2px solid #EFF1F5;
    position: relative;
    zoom: 1;
}
.applicationFormList .showHideItem .toggleHeading,
.applicationFormList .showHideItem .noToggleHeading
{
    border-bottom:2px solid #EFF1F5;
    position:relative;
    display: table;
    width: 100%;
    padding: 0;
}
.showHideItem .toggleContent 
{
    padding:10px;
    border-top:1px solid #FDFEFE;
}
.js .showHideItem .toggleContent 
{
    display:none;
    zoom: 1;
}
.toggleHeading h2,
.toggleHeading h3,
.toggleHeading h4,
.toggleHeading h5,
.noToggleHeading h2,
.noToggleHeading h3,
.noToggleHeading h4,
.noToggleHeading h5
{
    font-weight:normal;
    padding:4px 70px 4px 0;
    margin:0;
    font-size:1.6em; 
}
.applicationFormList h4,
.applicationFormList h5 {
    display: table-cell;
    vertical-align: middle;
    padding:14px 70px 14px 10px;
}
.toggleHeading p,
.noToggleHeading p 
{
    padding:4px 70px 0 0;
    font-size: 1.3em;
    line-height: 1.5em;
    margin-bottom: 0.5em;
}
.toggleHeading .actions,
.noToggleHeading .actions
{
    float: right;
}
.toggleHeading .actions li,
.noToggleHeading .actions li
 {
    margin:15px 4px;
    display: inline-block;
    white-space: nowrap;
    vertical-align: middle;
    font-size: 1.3em;
}
.toggleHeading .actions a,
.noToggleHeading .actions a 
{
    color: #EC1A3B;
}
.noToggleHeading
{
  color: #103184;   
}
.clickableHeader 
{
    cursor:pointer;
}
.clickableHeader h4,
.clickableHeader h5 
{
    color: #103184;
}
.clickableHeader h4:hover,.clickableHeader h4:focus,
.clickableHeader h5:hover,.clickableHeader h5:focus
{
    text-decoration:underline;
}
.showHideItem .toggleContent p 
{
    color:#4D4D4D;
}
/* Toggle text */
.toggleTxt 
{
    position: absolute;
    top: 0;
    right: 0;
    padding: 8px;
}
.applicationFormList .toggleTxt
{
    display: table-cell;
    vertical-align: middle;
    padding:8px 8px 8px 0;
    width: 80px;
    position: static;
}
.toggleLink 
{
    font-size:1.3em;
    margin:0;
    padding:6px 0;
    display:block;
}
.toggleLink
{
    text-decoration: underline!important;
    color: #103184;
    padding-right:28px;
    text-align: right;
    background:url(/Source/Images/cssimages/components/showHideArrows.gif) right -26px no-repeat;
}
.toggleLink:link, .toggleLink:visited
{
}
.toggleLink:hover, .toggleLink:active,.toggleLink:focus
{
}
.open .toggleLink 
{
    background-position:right 5px;
}

/* What it covers showhide panels */
.whatItCovers .toggleHeading h4,
.whatItCovers .toggleHeading h5
{
    padding-left:26px;
    background:url(/Source/Images/cssimages/template/tick-green.gif) left center no-repeat;
} 
.whatItDoesntCover .toggleHeading h4,
.whatItDoesntCover .toggleHeading h5
{
    padding-left:30px;
    background:url(/Source/Images/cssimages/template/cross-icon.gif) left center no-repeat;
} 

/* Rewards showhide panels */
.rewards .toggleHeading h4,
.rewards .toggleHeading h5
{
    padding-left:32px;
    background:url(/Source/Images/cssimages/template/rewards-icon.gif) left center no-repeat;
}

/* Meet the experts showhide panels */
.expertProfiles {
    margin: 0;
}
.expertProfiles .showHideItem {
}
.expertProfiles .showHideItem .toggleHeading {

    color: #103184;
    border-bottom: none;
    
}
.expertProfiles .showHideItem .toggleContent {
    border-top: 1px solid #E4E8F2;
    padding: 10px 0;
    margin: 0 10px;
}
.expertProfiles .showHideChildGroup {
    border-top: 1px solid #D6E0ED;
}
.expertProfiles .showHideItem .showHideItem {
    border-bottom: 1px solid #D6E0ED;
    margin-bottom: 0;
}
/* Article post --------------- */
.article,
.mainContentPanel,
.standaloneRichText,
.userComments,
.docCollectionSummary,
.factsheetListComponent .componentContent,
.factsheetSearchComponent,
.recipeListComponent .componentContent,
.recipeSearchComponent  
{
    background:#fff url(/Source/Images/cssimages/template/contentPanel-gradient.png) bottom left repeat-x;
    padding:15px;
    border: 1px solid #fff;
    border-top:none;
    margin-bottom:2em!important;
}
.mainContentPanel .article 
{
    padding:0;
    border-bottom:none;
    margin-bottom:0!important;
}
.article .sectionHeading,
.mainContentPanel .sectionHeading 
{
    background:url(/Source/Images/cssimages/components/section-heading-bkg.gif) bottom left repeat-x;
    margin:-15px -16px 15px;
    padding:10px 15px 10px;
    line-height:normal;
    font-weight:normal;
    border-bottom:1px solid #D6E0ED;
}
.article .intro,
.mainContentPanel .intro {
    overflow: hidden;
}
.article .section,
.mainContentPanel .section 
{
}
.article .mediaPanel,
.mainContentPanel .mediaPanel 
{
    margin:0 -15px 1.75em;
}
.article .mediaPanel img,
.mainContentPanel .mediaPanel img 
{
    max-width:100%;
    margin:0 auto;
    float:none;
    display:block;
}
.article .mediaPanel .video-player,
.mainContentPanel .mediaPanel .video-player
{
	max-width:100%;
	position:relative;
	height:0;
	overflow:hidden;
	display:block;
    padding-bottom:56.25%;
	padding-top:30px;
	z-index:0;
}
.article .mediaPanel .video-player iframe,
.mainContentPanel .mediaPanel .video-player iframe
{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.tableOfContents 
{
    margin:1.85em 0 1.5em;
}
.tableOfContents h3
{
    color:#0B276D;
    font-size:1.6em;   
}
.richTextPanel .tableOfContents ul,
.tableOfContents ul 
{
    border: 1px solid #F3F4F7;
    border-right: 1px solid #F9F9FB;
    border-bottom: 1px solid #EFF0F5;
    background: #F6F7F9;
    margin:0;
    word-spacing:-4px;
    letter-spacing:-4px;
    padding:10px;
}
.richTextPanel .tableOfContents ul li,
.tableOfContents ul li 
{
    display:inline-block;
    width:50%;
    margin:0;
    padding:4px 0;
    word-spacing:normal;
    letter-spacing:normal;
}
.tableOfContents li a 
{
    margin-right:6px;
}
.tableOfContents a:link,.tableOfContents a:visited
{
    text-decoration:underline;
}

/* Basic promo --------------- /// */
.basicPromo
{
    margin-bottom:10px;
    position:relative;
}
.basicPromo .image
{
    position:relative;
}
.basicPromo .image img
{
    margin-bottom: 10px;
}
/* Title */
.basicPromo .componentContent .componentTitle
{
    color:#103184;
    font-weight:normal;
    font-size:2em;
    margin-bottom:5px;
    padding-bottom: 0;
    border: none;
}

.basicPromo .additionalActions {
    margin-top: 0.7em;
}

/* Multiple video list --------------- /// */
.multipleVideoList
{

}
.multipleVideoList .itemGroup
{
    margin-bottom: -2.5em;
}
.multipleVideoList .item
{
    margin-bottom: 2.5em;
}
/* Media */
.multipleVideoList .item .image
{
    float: left;
    background: #FFF;
    padding:3px;
    margin-right: 10px;
    position: relative;
}
.multipleVideoList .item .image img
{
    display: block;    
}
/* Desc */
.multipleVideoList .item .desc .itemTitle
{
    font-size: 1.8em;
    margin-bottom: 3px;   
}
.multipleVideoList .item .desc
{
    overflow: hidden;   
}

/* Generic promo --------------- /// */
.genericPromo
{
    margin-bottom:10px;
}
.genericPromoInner
{
    background:#FFF url(/Source/Images/cssimages/components/generic-component-sml-bkg.png) 0 100% repeat-x;
    border:1px solid #FFF;
}
.genericPromo .componentContent
{  
    border-bottom:1px solid #ececec;
}
.genericPromo .componentContentInner
{
    padding:12px 10px 17px;
}
.genericPromo .image a 
{
    text-decoration: none;    
}

/* Note: The following styles are used for content variations) */
/* Image */
.genericPromo .image
{
    position:relative;
}
.genericPromo .image img
{
    display:block;
    width:100%;
    float: none;
    max-width: 100%;
    margin: 0;
}

/* Title */
.genericPromo .componentContent .componentTitle
{
    color:#103184;
    font-weight:normal;
    font-size:2em;
    margin-bottom:7px;
    border-bottom: none;
    padding-bottom: 0;
}
.componentTitle a {
    text-decoration: none;
}
.componentTitle a:hover,.componentTitle a:active {
    text-decoration: underline;
} 
 
.genericPromo p em
{
    font-size: 1.6em;
    color: #103184;
    font-weight: bold;
    font-style: normal;
}

/* Rating */
.genericPromo .rating
{
    margin:-3px 0 5px;
}

/* Generic promo link list adjustments */
.genericPromo .linkList
{
    margin-top: 5px;
    background: none;
}

/* Generic promo check list adjustments */
.genericPromo .checkList
{
    margin-top: 5px;
}

/* Generic promo rich text adjustments */
.genericPromo .richTextPanel ul
{
    margin-bottom: 1em;
}
.genericPromo ul:last-child
{
    margin-bottom: 0;
}
.genericPromo .richTextPanel ul li
{
    margin: 0 0 3px 16px;
}
.genericPromo ul:last-child,
.genericPromo ol:last-child
{
    margin-bottom: 0;
}

.genericPromo .additionalActions {
    padding-top:10px;
}

/* Generic promo - location variations /// */
/* Common Aside component group */
.asideComponentGroup .genericPromo
{
    margin-bottom:0;
}
.asideComponentGroup .genericPromoInner
{
    background:none;
    border:none;
    border-bottom:1px solid #ACB6CD;
    margin-bottom: 0;
}
.asideComponentGroup .componentContentInner
{
    border: 1px solid #FFF;
    border-bottom: none;
}
.asideComponentGroup .genericPromoInner .image
{
    border: 1px solid #FFF;
    border-bottom: none;
}
.asideComponentGroup .genericPromoInner .componentContent
{
    border-bottom:none;
}
.aside .genericPromo .componentContent
{
    background-image:none;
}

/* Aside profile component group */
.asideProfileComponentGroup .genericPromo
{
    margin-bottom:0;
}
.asideProfileComponentGroup .genericPromoInner
{
    background:none;
    border:none;
    border-bottom:1px solid #E4E8F2;
    margin-bottom: 0;
}
.asideProfileComponentGroup .componentContentInner
{
    border: 1px solid #FFF;
}
.asideProfileComponentGroup .componentGroupTitle
{
    font-size: 2.2em;
    padding: 10px 12px;
    margin-bottom:0;
}
/* Amend content */
.asideProfileComponentGroup .amendContent
{
    position: relative;
}
.asideProfileComponentGroup .amendContent .amendControl
{
    position: absolute;
    right: 10px;
    top: 15px;
    font-size: 1.2em;
    background: url(/Source/Images/cssimages/components/arrow-ow.gif) left center no-repeat;
    padding-left: 8px;
}
.asideProfileComponentGroup .amendContent .componentTitle
{
    padding-right: 35px;
}
.asideProfileComponentGroup .genericPromoInner .image
{
    border: 1px solid #FFF;
    border-bottom: none;
}
.asideProfileComponentGroup .genericPromoInner .componentContent
{
    border-bottom:none;
}
/* Well */
.asideProfileComponentGroup .genericPromo .well
{
    padding: 10px;
    margin-top: 10px;
    background: #F2F6F9;
    border: 1px dashed #e3e8ec;
}
.asideProfileComponentGroup .genericPromo .well .richTextPanel h2,
.asideProfileComponentGroup .genericPromo .well .richTextPanel h3,
.asideProfileComponentGroup .genericPromo .well .richTextPanel h4
{
    font-size:2em;
    font-weight: normal;
    color: #103184;
}
.asideProfileComponentGroup .genericPromo .well .richTextPanel h2:last-child,
.asideProfileComponentGroup .genericPromo .well .richTextPanel h3:last-child,
.asideProfileComponentGroup .genericPromo .well .richTextPanel h4:last-child
{
    margin-bottom: 0;
}

/* Paragraphs */
.asideProfileComponentGroup .genericPromo .well .richTextPanel p
{
    line-height: 1.4em;
    margin-bottom: 3px;
}

/* Generic promo "split" */
.genericPromoSplit .genericPromoInner 
{
}
.genericPromoSplit .componentContent
{
    padding:0;
    width:50%;
    float:left;
    border:none;
}
.genericPromoSplit .blockLinkGroup
{
    width:50%;
    float:right;
}

/* Saved profile items --------------- /// */
.savedProfileItems
{
    background: #D5E7F7;
    margin-bottom: 10px;
    border: 1px solid #ACB6CD;
}
.savedProfileItems .savedProfileItemsInner
{
    border: 1px solid #FFF;
    padding: 15px;
}
/* Title */
.savedProfileItems .componentTitle
{
    font-size:1.8em;
    border: none;
    margin-bottom: 5px;
}
/* List */
.savedProfileItems .savedProductGroup li
{
    margin-bottom: 10px;
    border: 1px solid #FFF;
}
.savedProfileItems .savedProductGroup li .savedProduct
{
    background: #EAF3FB;
    padding:15px;
}
.savedProfileItems .savedProductGroup li .savedProductTitle
{
    font-size: 1.4em;
    float: left;
    background:url(/Source/Images/cssimages/template/tick-green.gif) 0 0 no-repeat;
    padding-left: 20px
}
.savedProfileItems .savedProductGroup li .savedProductTitle a
{
    text-decoration: underline;    
}
.savedProfileItems .savedProductGroup li:last-child
{
    margin-bottom: 0;
}
/* Controls */
.savedProfileItems .savedProductGroup li .controls
{
    float: right;
    font-size: 1.4em;
    text-align: right;
    position: relative;
}
.savedProfileItems .savedProductGroup li .controls a
{
    margin-left: 5px;    
}

/* Remove product */
.removeProduct {
    display: block;

}
.js .removeProduct {
    display: none;
    position: absolute;
    z-index: 10;
    top: -100px;
    left: -40px;
}
.removeMessage .confirm {
    display: none;
}
.js .removeMessage .confirm {
    display: block;
}
.removeMessage .noJavascriptconfirm {
    display: block;
    margin-top: 5px;
}
.js .removeMessage .noJavascriptconfirm {
    display: none;
}
.js .removeMessage {
    background: #FFF; 
	border: 1px solid #E54965;
    padding: 8px 5px 10px;
    width: 170px;
    text-align: center;
}
.js .removeMessage p {
    font-size: 12px;
    margin-bottom: 8px;
}
.js .removeMessage a {
    background: #0BA0BD;
    color: #FFF;
    padding: 7px 15px;
    display: inline-block;
    text-decoration: none;
    border: 1px solid #FFF;
}

.js .removeMessage a.text-link {
    color:#103184;
    display: inline;
    text-decoration: underline;
    border: none;
    padding: 0px;
    margin: 0px!important;
    background-color: #fff!important;
    border: 0px;
    background:none;
}


.js .removeMessage .toolTipArrow
{
    width: 22px;
    height: 8px;
    background: url(/Source/Images/cssimages/template/tooltipArrowBottom.png) 0 50% no-repeat;
    display: block;
    position: absolute;
    left: 85px;
    bottom:-7px;
}


/* Explore more --------------- /// */
.exploreMore
{
    margin-bottom: 10px;
}
.exploreMore .componentTitle
{
    font-size: 1.8em;
    margin-bottom: 10px;
    padding: 0;
    border-bottom: none;
}
/* Explore more buttons */
.exploreMore .btnWrapper
{
    margin:0 -5px 10px;
    letter-spacing: -4px;
    word-spacing: -4px;
}
.exploreMore .moreBtn
{
    width: 20%;
    margin-bottom: 10px;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    letter-spacing: normal;
    word-spacing: normal;

}
.exploreMore .moreBtn a
{
    background: url(/Source/Images/cssimages/components/moreBtnGlow.png) 50% 0 no-repeat;
    display: block;
    font-size: 1.2em;
    font-weight: bold;
    text-transform: uppercase;
    color: #FFF;
    text-decoration: none;
    margin: 0 5px;
    border: 1px solid rgba(255,255,255,.7);
    padding: 5px 8px;
    min-height: 30px;
}
.exploreMore .moreBtn a:hover,
.exploreMore .moreBtn a:active
{
    opacity: 0.85;
}

/* Explore more (colour variations) */
.exploreMore .moreBtn a.blueBtn         {background-color: #0063b2;}
.exploreMore .moreBtn a.orangeBtn       {background-color: #e04f01;}
.exploreMore .moreBtn a.purpleBtn       {background-color: #5f099d;}
.exploreMore .moreBtn a.greenBtn        {background-color: #036102;}
.exploreMore .moreBtn a.lightGreenBtn   {background-color: #679c00;}
.exploreMore .moreBtn a.pinkBtn         {background-color: #a21a25;}
.exploreMore .moreBtn a.goldBtn         {background-color: #967201;}
.exploreMore .moreBtn a.darkGreenBtn    {background-color: #1d413f;}
.exploreMore .moreBtn a.redBtn          {background-color: #bf040c;}
.exploreMore .moreBtn a.brownBtn        {background-color: #746b45;}

/* Profile summary --------------- /// */
.profileSummary
{
    position:relative;
}
/* Controls */
.profileSummary .controls
{
    position:absolute;
    top: 20px;
    right: 15px;
    font-size: 1.4em;
}
/* Profile summary group */
.profileSummary .profileSummaryGroup .summaryTitle
{
    font-size: 1.8em;
    color: #103184;
    margin-bottom: 10px;
}
/* Profile details */
.profileSummary .profileDetails
{
    float: left;
    width: 30%;
}
.profileSummary .profileDetails ul
{
    font-size:1.3em;
    line-height:1.5em;
    margin:0 0 15px 0;
    overflow: hidden;
}
.profileSummary .profileDetails li
{
    margin:0 0 5px 16px;
    list-style:disc;
}

/* Profile options */
.profileSummary .profileOptions
{
    float: right;
    width: 65%;
}
.profileSummary .profileOptions li
{
    width: 100%;
    padding-right: 3%;
    float: left;
    font-size: 1.3em;
    line-height:1.5em;
    margin-bottom: 5px;
}


/* Video Scroller --------------- /// */


.videoScroller p {
    font-size: 1.3em;
    line-height: 1.5em;
    margin-bottom: 1em;
}


.videoListContainer {
	width:100%;
	overflow:auto;
	margin-bottom:20px;
	position:relative;
}

/* scroll styles */

.videoListContainerScroll .viewport {
    overflow: hidden; 
    position: relative;
    padding-bottom:15px;
}

.videoListContainer .thumb { background-color:#3C528A; }

.videoListContainer .scrollbar {
     position: relative; 
     height:10px;
     background:#F5F6F9 url(/Source/Images/cssimages/components/scrollbar-bkg.gif) top left repeat-x;
     padding:2px;
}

.videoListContainer .track { width:13px; position: relative;height:100%;}

.videoListContainer .thumb { height: 100%; width: 13px; cursor: pointer; overflow: hidden; position: absolute; top: 0; }

.videoListContainer .thumb .end { display:none;}

.videoListContainer .disable{ display: none; }


/****************/

.videoListContainer .videoList {
	position:relative;
}
.videoListContainer .videoList li {
	float:left;
	display:inline;
	width:23.8%;
	margin:0 0.6%;
	vertical-align:top;
	position:relative;
}
.videoListContainer .videoList li a {
	text-decoration:none;
    color: #9BA7C4;
}

.videoListContainer .videoList li a:link,
.videoListContainer .videoList li a:visited {
    
}
.videoListContainer .videoList .current a,
.videoListContainer .videoList li a:hover,
.videoListContainer .videoList li a:active {
    color:#103184;
}


.videoListContainer .videoList .image {
	display:block;
	border:4px solid white;
	box-shadow:1px 1px 4px rgba(0,0,0,0.3);
	position:relative;
}
.videoListContainer .videoList .imageInner {
	display:block;
	overflow:hidden;
}
.videoListContainer .videoList img {
	width:100%;
	margin:-10% 0;
	display:block;
}
.videoListContainer .videoList .videoDetails {
	display:none;
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	background:#000;
	background:rgba(0,0,0,0.3);
    color: #fff;
}
.videoListContainer .videoList li.hover .videoDetails,
.videoListContainer .videoList .current .videoDetails {
	display:block;
}
.videoDetailsInner {
	display:table-cell;
	text-align:center;
	vertical-align:middle;
	font-size:1.3em;
}
.videoDetailsInner .nowPlaying {
	display:none;
	font-size:1.6em;
	font-weight:bold;
}
.videoList li.current .nowPlaying {
	display:block;
}
.video span {
	position: relative;
	width: 100%;
	padding-bottom: 56.25%;
	display: block;
	overflow: hidden;
	height: 0;
}
.video span iframe {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
.memberStoryVideos .videoTitle {
	font-size:1.2em;
	font-weight:normal;
    padding-bottom: 0.5em;
}
.memberStoryVideos .videoTitle span {
	float:left;
	color:#fff;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
	background:#9BA7C4;
	width:20px;
    line-height:20px;
	text-align:center;
	margin-right:5px;
}
.memberStoryVideos .videoContainer .videoTitle span {
    background: #394F89;
}
.memberStoryVideos .current .videoTitle span {
    background: #394F89;
}
.memberStoryVideos .videoTitle em {
	display:block;
	overflow:hidden;
	font-style:normal;
	padding-top:3px;
}


/* Twitter feed --------------- /// */
.twitterFeed
{
margin-bottom:10px;
position:relative;
}
.twitterFeedInner
{
background:#FFF url(/Source/Images/cssimages/components/generic-component-sml-bkg.png) 0 100% repeat-x;
border:1px solid #FFF;
margin-bottom: 10px;
}
.twitterFeed .componentTitle
{
margin: 0;
padding: 6px;
}

/* Clearing Floats */
.twitterFeed .componentTitle:before,
.twitterFeed .componentTitle:after
{
content:"";
display:table;
}
.twitterFeed .componentTitle:after
{
clear:both;
}
/* For IE 6/7 */
.twitterFeed .componentTitle {
zoom:1;
}

.twitterFeed .componentTitle img {
float: left;
margin-right: 3px;
}
.twitterFeed .componentTitle .userName,
.twitterFeed .componentTitle .screenName {
overflow: hidden;
display: block;
font-size: 0.5em;
}
.twitterFeed .componentTitle .userName
{
font-weight: bold;
margin-top: 8px;
}

.tweetActions {
font-size: 1.1em;
}
.tweetActions a {
margin: 0 3px 0 0;
color: #009CBA;
}

.twitterFeed .componentContent
{
border-bottom:1px solid #ececec;
}
.twitterFeed .twitterFeedItems
{
padding: 10px 8px 10px 10px;
}
.js .twitterFeed .twitterFeedItems
{
overflow-y: scroll;
height: 200px;
}
.twitterFeed .twitterFeedItems ul
{
display: none;
}
.js .twitterFeed .twitterFeedItems ul
{
display: block;
}
.twitterFeed .twitterFeedItems li
{
border-bottom: 1px solid #E4E8F2;
padding-bottom: 10px;
margin-bottom: 10px;
}
.twitterFeed .twitterFeedItems .date
{
display: block;
margin-top: 6px;
font-size:1.1em;
}
.twitterFeed .twitterFeedItems .enableJavascriptMessage
{
display: block;
}
.js .twitterFeed .twitterFeedItems .enableJavascriptMessage
{
display: none;
}
.twitterFeed .twitterFeedItems p
{
font-size: 1.2em;
line-height: 1.4em;
word-wrap: break-word;
}
.twitterFeed .twitterFeedItems p.tweet a {
color: #009CBA;
text-decoration: underline;
}


/* Feature list --------------- /// */
.featureList
{
    margin-bottom:2em;
}
.featureListInner
{
    background:#FFF url(/Source/Images/cssimages/components/generic-component-sml-bkg.png) 0 100% repeat-x;
    border:1px solid #FFF;
    padding:15px;
}

.featureList .action
{
    font-size:1.3em;
}
.featureListSplit .featureList
{
    width:49%;
    margin-right:2%;
    float:left;
    margin-bottom: 10px;
}

/* Comment stream --------------- /// */
.commentsStream
{
}

/* User comments */
.userComments .componentTitle {
    border: none;
    margin: 0;
}
.commentGroup {
    border-bottom:1px solid #DBE0ED;
    margin-bottom: 20px; 
}
/* Comment */
.comment 
{
    border-top:1px solid #DBE0ED;
    padding-top:15px;
    padding-bottom:15px;
    position:relative;
}
.comment .ratingStars
{
    position:absolute;
    top:15px;
    right:0;
}
.commentTextContainer 
{
    background:url(/Source/Images/cssimages/components/quotes-open.gif) top left no-repeat;
    padding:12px 0 0 34px;
}
.commentText 
{
    background:url(/Source/Images/cssimages/components/quotes-close.gif) bottom right no-repeat;
    padding:0 34px 6px 0;
}
.commentText p
{
    font-size: 1.3em;
    line-height: 1.5em;
    margin-bottom: 1em;
}
.commentText ul
{
    font-size:1.3em;
    line-height:1.5em;
    margin:0 0 15px 12px;
}
.commentText ul li
{
    margin-left:16px;
    list-style:disc;
}
.commentText ol
{
    font-size:1.3em;
    line-height:1.5em;
    margin:0 0 15px 30px;
}
.commentText ol li
{
    list-style-type:decimal;
}
.comment .commentAuthor
{
    font-size: 1.7em;
    margin-bottom: 0.5em;
    color: #103184;
    font-weight:bold;
}
.comment .metaData
{
    font-size: 1.3em;
    color: #103184;
}

/* Submit comment */
.submitComment .last
{
    float:right;
}

/* Login comment */
.loginComment
{
    border:1px solid #ACB6CD;
    background:#C9E1F4 url(/Source/Images/cssimages/components/component-blu-bkg.gif) top left repeat-x;
    width:48%;
    float:left;
}
.loginComment .componentContent
{
    border:1px solid #fff;
    padding:15px;
}
.loginComment .title
{
    border-bottom:1px solid #fff;
    margin:-15px -15px 15px;
}
.loginComment .titleInner
{
    font-size:2em;
    color:#103184;
    border-bottom:1px solid #CFD8E7;
    padding:10px;
}
.loginComment ul
{
    margin:0 0 10px 5px;
}
.loginComment li,
.richTextPanel .loginComment li
{
    color:#103184;
    font-size:1.5em;
    background:url(/Source/Images/cssimages/template/tick-green.gif) 0 3px no-repeat;
    padding:0 0 10px 30px;
    margin-left:0;
    list-style:none;
}
.loginComment .passwordRecovery
{
    display:block;
    text-decoration:underline;
    color:#0B276D;
}

/*Login widget & Protected area login widget */

.loginCommentWidget
{
    border:1px solid #ACB6CD;
    background:#C9E1F4 url(/Source/Images/cssimages/components/component-blu-bkg.gif) top left repeat-x;
    width:49%;
    float:left;
}
.loginCommentWidget .componentContent
{
    border:1px solid #fff;
    padding:15px;
}
.loginCommentWidget .title
{
    border-bottom:1px solid #fff;
    margin:-15px -15px 15px;
}
.loginCommentWidget .titleInner
{
    font-size:2em;
    color:#103184;
    border-bottom:1px solid #CFD8E7;
    padding:10px;
}
.loginCommentWidget ul
{
    margin:0 0 10px 5px;
}
.loginCommentWidget li, .richTextPanel .loginCommentWidget li
{
    color:#103184;
    font-size:1.5em;
    background:url(/Source/Images/cssimages/template/tick-green.gif) 0 3px no-repeat;
    padding:0 0 10px 30px;
    margin-left:0;
    list-style:none;
}
.loginCommentWidget .passwordRecovery
{
    display:block;
    text-decoration:underline;
    color:#0B276D;
}

.loginCommentWidget.protectedArea
{
    width:100% !important;
}


/* Answered Questions list --------------- /// */
.answerListGroup {
    padding-top: 15px;
}
.answerListItem 
{
    margin-bottom:15px;
    padding-bottom:15px;
    position:relative;
    border-bottom: 1px solid #DBE0ED;
}
.answerListItem .textContainer 
{
    background:url(/Source/Images/cssimages/components/quotes-open.gif) top left no-repeat;
    padding:12px 0 0 34px;
}
.answerListItem .text 
{
    background:url(/Source/Images/cssimages/components/quotes-close.gif) bottom right no-repeat;
    padding:0 34px 6px 0;
}
.answerListItem .text p
{
    font-size: 1.3em;
    line-height: 1.5em;
    margin-bottom: 0.2em;
}
.answerListItem .text ul
{
    font-size:1.3em;
    line-height:1.5em;
    margin:0 0 15px 12px;
}
.answerListItem .text ul li
{
    margin-left:16px;
    list-style:disc;
}
.answerListItem .text ol
{
    font-size:1.3em;
    line-height:1.5em;
    margin:0 0 15px 30px;
}
.answerListItem .text ol li
{
    list-style-type:decimal;
}

.readMore {
    background: url(/Source/Images/cssimages/components/arrow-ow.gif) left center no-repeat;
    padding-left: 12px;
    display: block;
}

.expertProfileTeaser h3 {
    font-size: 1.8em;    
}


/* Nutrition Info Table --------------- /// */
.nutritionInfo {
    float: right;
    width: 25%;
    background: #E0F3F8;
    margin: 0 0 1em 0.75em;
}
.nutritionInfo table {
    border-color: transparent;
    margin-bottom: 0.5em;
}
.nutritionInfo th, .nutritionInfo td {
    border: none;
    font-size: 1.5em;
    line-height: 1.4em;
    text-align: left;
}
.nutritionInfo th {
    font-weight: normal;
    color: #0B276D;
    padding: 8px;
}
.nutritionInfo td {
    padding: 4px 8px;
}

/* Sort and Filter --------------- /// */
.sortAndFilter {
    margin: 0 0 10px;
    padding: 0;  
    border: 1px solid #ACB6CD;
    background: #C9E1F4 url(/Source/Images/cssimages/components/component-blu-bkg.gif) bottom left repeat-x;
}
.sortAndFilter .componentContent {
    border: 1px solid white;
    padding: 8px;
}
.sortAndFilter .formSubmit {
    display: none;
    margin: 0;
}
.sortAndFilter .sort,
.sortAndFilter .filter,
.sortAndFilter .display {
    float: left;
    margin-right: 1.5em;
}
.sortAndFilter label {
    font-size: 1.3em;
}
.sortAndFilter select {
    padding: 5px;
    font-family: Arial, sans serif;
    color: #6D6E71;
    border: 1px solid #A2ADC8;
}
.questionsAnsweredList .sortAndFilter {
    margin: 0 -16px;
    padding: 16px;
    background-image: none;
    background-color: transparent;
    border: none;
    border-bottom:1px solid #DBE0ED;  
}
.questionsAnsweredList .sortAndFilter .componentContent {
    border: none;
    padding: 0;
}
.questionsAnsweredList .sortAndFilter .sort,
.questionsAnsweredList .sortAndFilter .filter {
    float: left;
    margin-right: 1.5em;
}
.questionsAnsweredList .sortAndFilter label {
    font-size: 1.3em;
}
.questionsAnsweredList .sortAndFilter select {
    padding: 5px;
    font-family: Arial, sans serif;
    color: #6D6E71;
    border: 1px solid #A2ADC8;
}

.questionsAnsweredList .sortAndFilter label,
.questionsAnsweredList .sortAndFilter select {
    cursor: pointer;
}

/* Document collection summary --------------- /// */
.docCollectionSummary ul
{
    margin-left:10px;
}
.docCollectionSummary li,
.richTextPanel .docCollectionSummary li
{
    font-size:1.2em;
    line-height:1.7em;
    list-style:none;
}
li.pdf
{
    background:url(/Source/Images/cssimages/components/pdfIcon_20x20.gif) 0 4px no-repeat;
    list-style:none!important;
    padding:4px 0 4px 30px!important;
    margin-left:0!important;
}
.docCollectionSummary li a
{
    text-decoration:underline;
}

/* Document collection detail --------------- /// */
.docCollectionDetail
{
    background: #C9E1F4;
    border-top: 1px solid #FFF;
}
.docCollectionDetail .componentTitle
{
    border-color: #C3CCE0;
}
.docCollectionDetail ul
{
    margin-left:10px;
}
.docCollectionDetail li
{
    list-style:none;
    margin-bottom: 5px;
}
.docCollectionDetail li.pdf
{
    background:url(/Source/Images/cssimages/components/pdfIcon_32x32.gif) 0 4px no-repeat;
    list-style:none!important;
    padding:4px 0 4px 40px!important;
    margin-left:0!important;
    min-height: 44px;
}
.docCollectionDetail li a
{
    font-size: 1.7em;
    text-decoration:underline;
}
.docCollectionDetail li p
{
    font-size: 1.3em;
    line-height: 1.5em;
    margin-bottom: 0;
}

/* Share footer --------------- /// */
.shareFooterComponent 
{
    background:#fff url(/Source/Images/cssimages/components/shareFooterComponent-bkg.png) bottom left repeat-x;
    border-bottom: 1px solid #D6E0ED;
}
.shareFooterComponent p 
{
    color:#414042;   
    font-size: 1.5em;
    float: left;
}
.shareFooterComponent .componentContent
{
    border:1px solid #fff;
    padding:10px 10px 3px;
}
.shareFooterComponent .controls
{
    float:right;
}
.shareFooterComponent .controls .addthis_toolbox 
{
    float: left;
}
.shareFooterComponent .controls .componentShareControls
{
    float: right;
    padding: 0 0 0 20px;
    display: inline;
}


/* BeHealthy Landing Page --------------- /// */

.beHealthyLanding h2 {
    font-size:3em;
    font-weight: normal;
    color: #103184;
    letter-spacing: -1px;
    margin: 0.2em 0 0.4em 0;
    line-height: 1em;
    position: relative;
    font-family: "proxima-nova", Helvetica, Arial, sans-serif;
}
.wf-loading .beHealthyLanding h2 {
    /* Hide while web fonts are loading */
    visibility: hidden; 
}
.beHealthyLanding h2:before {
    position: absolute;
    width: 32px;
    height: 81px;
    content: "";
    background: url(/Source/Images/cssimages/components/behealthTitle-arrow.png) top left no-repeat;
    top: 80%;
    left: -36px;
}

/* Numbered list (inc. alignment variations) --------------- /// */
/* Note: By default the numbered list will be stacked as horizontal items */
.numberedList 
{
    padding:0 0 0 22px;
}
.js .numberedList 
{
    padding:0 0 25px 0;
    display:inline-block;
}
.richTextPanel .numberedList ol,
.numberedList ol
{
    margin-left:0;
    margin-bottom:0;
}
.richTextPanel .numberedList li,
.numberedList li
{
    color: #103184;
    font-weight: bold;
    background-image:none;
    padding:10px 0 4px 0;
    position:relative;
    list-style:decimal;
}
.js .numberedList li 
{
    list-style:none;
    padding-left:30px;
    padding-bottom:6px;
    margin-left: 0;
}
.numberedList li h5
{
    color:#555141;
    font-size:1.5em;
    padding:0;
}
.numberedList li p
{
    color:#807D71;
    padding:0;
}
.numberedList .itemNumber 
{
    position:absolute;
    top:6px;
    left:0;
    width:26px;
    height:22px;
    padding-top:4px;
    font-weight:bold;
    color:#fff;
    text-align:center;
    background:#103184;
    z-index:0;
}
.numberedList .odd
{   
    left:-3px;
}

/* Alternating arrows */
.steppedProcess 
{
    margin:0 0 2em;
}
.steppedProcess .componentTitle
{
    margin-bottom: 20px;    
}
.alternatingArrows li
{
    position:relative;
}
.js .alternatingArrows 
{
    display:block;
    padding:0 10px;
    margin: 0;
}
.js .alternatingArrows ol {
    margin-bottom:-40px;
}
.js .alternatingArrows li
{
    padding:10px 0 26px;
    margin:0;
}
.steppedProcess .numberedList li h5
{
    color:#0B276D;
    font-size:1.4em;
    padding:0;
    font-weight:normal;
    margin-bottom: 2px;
}
.steppedProcess .numberedList li p
{
    color:#807D71;
    padding:0;
    font-weight:normal;
    line-height: 1.5em;
    margin-bottom: 1em;
}
.js .steppedProcess .numberedList li h5
{
    padding:0 0 0 62px;
}
.js .steppedProcess .numberedList li p
{
    padding:0 0 0 62px;
}
.steppedProcess .numberedList .itemNumber 
{
    position:absolute;
    top:0;
    left:0;
    width:52px;
    height:53px;
    font-size:2em;
    font-weight:bold;
    color:#fff;
    text-align:center;
    padding-top:17px;
    background:url(/Source/Images/cssimages/components/numberedListIcon.gif) center top no-repeat;
    z-index:0;
}
.steppedProcess .numberedList .itemArrow
{
    position:absolute;
    top:54px;
    left:0;
    z-index:1;
    border:none;
    float:none;
    margin:0;
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow:none;
}
.steppedProcess .numberedList .odd
{   
    left:40px;
}

/* Ask expert with share --------------- /// */
/* Ask expert panel /// */
.askExpertwithShare 
{
    margin-bottom:1.75em;
}
.askExpertwithShare .componentTitle 
{
    font-size:2.2em;
    margin-bottom:0.6em;
    color: #103184;
    font-weight:normal;
    line-height:1.3em;
    border: none;
    padding-bottom: 0;
}
.askExpertwithShare .askExpert
{
    float:left;
    margin-right:10px;
    width: 66%;
}
.askExpert
{
    border:1px solid #ACB6CD;
    background:#C9E1F4 url(/Source/Images/cssimages/components/component-blu-bkg.gif) top left repeat-x;
}
.askExpert .componentContent 
{
    border:1px solid #fff;
    padding:15px;
}
.askExpertwithShare .componentTxt 
{
    min-height:118px;
}
.askExpert .componentTxt 
{
    overflow: hidden;
} 
.askExpert .image 
{
    float:right;
    padding:2px;
    background:#fff;
}
.askExpert img 
{
    margin:0;
    max-width:100%;
    float:none;
    display:block;
}

/* Ask Expert Popup Form */
.js .askExpertFormWrapper 
{
    display:none;
}
.js .popupWindow .askExpertFormWrapper 
{
    display:block;
}
.askExpertFormWrapper 
{
    margin:1.5em 0;
}
.popupWindow .askExpertFormWrapper 
{
    margin:0;
}
.askExpertForm label 
{
    font-weight:bold;
    font-size: 1.5em;
    line-height: 1.5em;
    margin-bottom:0.5em;
    color:#103184;
    display:block;
    font-family: Arial, sans serif;
}
.askExpertForm .text 
{
    width:100%;
    padding:2px 0;
}

/* Share panel /// */
.askExpertwithShare .share
{
    float:right;
    width:31%
}
.share
{
    border:1px solid #ACB6CD;
    background:#C9E1F4 url(/Source/Images/cssimages/components/component-blu-bkg.gif) top left repeat-x;
}
.share .componentContent 
{
    border:1px solid #fff;
    padding:13px;
    min-height:122px;
}
.share .componentContentSmall {
    border:1px solid #fff;
    padding:13px;
}
.share h3 
{
    font-weight: normal;
    margin-bottom: 5px;
}

/* Factsheet List --------------- /// */
.factsheetListComponent .sectionControls li {
    display: inline-block;
    vertical-align: bottom;
    font-size:10px;
    margin-right: 2px;
}
.factsheetListComponent .sectionControls 
{
    font-size: 0;
}
.factsheetListComponent .sectionControls li:first-child a {
    padding-left: 10px;
    padding-right: 10px;
}
.factsheetListComponent .sectionControls a {
    display: block;
    padding: 3px 6px;
    background: #F5F6F9;
    border: 1px solid #fff;
    border-bottom: none;
    font-size: 1.4em;
}
.factsheetListComponent .sectionControls a:link,.factsheetListComponent .sectionControls a:visited {
    text-decoration: none;    
}
.factsheetListComponent .sectionControls a:hover,.factsheetListComponent .sectionControls a:active,
.factsheetListComponent .sectionControls a:focus {
    text-decoration: none;
}
.factsheetListComponent .sectionControls .selected a {
    padding-top: 5px;
    padding-bottom: 4px;
    background: #fff;
}

.factsheetListComponent .sectionTitle {
    color: #103184;
    font-weight: normal;
    font-size: 3.2em;
    margin-bottom: 5px;
}
.factsheetListComponent .resultsList li {
    background: url(/Source/Images/cssimages/components/arrow-list.png) 0 4px no-repeat;
    font-size: 1.3em;
    padding-left: 10px;
    margin-bottom: 10px;
}

/* Recipe List --------------- /// */
.recipeListComponent .sectionControls li {
    display: inline-block;
    vertical-align: bottom;
    font-size:10px;
    margin-right: 2px;
}
.recipeListComponent .sectionControls 
{
    font-size: 0;
}
.recipeListComponent .sectionControls li:first-child a {
    padding-left: 10px;
    padding-right: 10px;
}
.recipeListComponent .sectionControls a {
    display: block;
    padding: 3px 6px;
    background: #F5F6F9;
    border: 1px solid #fff;
    border-bottom: none;
    font-size: 1.4em;
}
.recipeListComponent .sectionControls a:link,.recipeListComponent .sectionControls a:visited {
    text-decoration: none;    
}
.recipeListComponent .sectionControls a:hover,.recipeListComponent .sectionControls a:active,
.recipeListComponent .sectionControls a:focus {
    text-decoration: none;
}
.recipeListComponent .sectionControls .selected a {
    padding-top: 5px;
    padding-bottom: 4px;
    background: #fff;
}

.recipeListComponent .sectionTitle {
    color: #103184;
    font-weight: normal;
    font-size: 3.2em;
    margin-bottom: 5px;
}
.recipeListComponent .resultsList li {
    background: url(/Source/Images/cssimages/components/arrow-list.png) 0 4px no-repeat;
    font-size: 1.3em;
    padding-left: 10px;
    margin-bottom: 10px;
}

/* Factsheet Search --------------- /// */
.factsheetSearchComponent .componentTitle {
    color: #103184;
    font-size: 2.3em;
    font-weight: normal;
    margin-bottom: 8px;
    padding-bottom: 0;
    border: none;
}
.factsheetSearchForm {
    margin-bottom: 2em;
}
.factsheetSearchForm .field .text {
    width: 500px;
}
.factsheetSearchForm .formSubmit {
    float: left;
    margin: 0 0 0 0.75em;
}
.factsheetSearchComponent .askExpert .componentTxt {
}
.factsheetSearchComponent .askExpert .componentContent {
    min-height: 0;
}

/* Recipe Search --------------- /// */
.recipeSearchComponent .componentTitle {
    color: #103184;
    font-size: 2.3em;
    font-weight: normal;
    margin-bottom: 8px;
    padding-bottom: 0;
    border: none;
}
.recipeSearchForm {
    margin-bottom: 2em;
}
.recipeSearchForm .field .text {
    width: 500px;
}
.recipeSearchForm .formSubmit {
    float: left;
    margin: 0 0 0 0.75em;
}
.recipeSearchComponent .askExpert .componentTxt {
}
.recipeSearchComponent .askExpert .componentContent {
    min-height: 0;
}

/* Ask Expert Form Component --------------- /// */
.expertFormComponent {
    
} 
.askExpertMainForm {
    margin-bottom: 2em; 
}
.askExpertMainForm .formItem {
    margin-bottom: 1.25em;
}
.askExpertMainForm .nameField,
.askExpertMainForm .emailField {
    float: left;
    width: 49%; 
}
.askExpertMainForm .nameField .formControl,
.askExpertMainForm .emailField .formControl {
    padding-right: 20px;
}
.askExpertMainForm .nameField {
    padding-right: 1%;
}
.askExpertMainForm .emailField {
    padding-left: 1%;
    float: right;
}
.askExpertMainForm .formLabel {
    padding-bottom: 4px;
}
.askExpertMainForm label {
    font-weight: bold;
    font-size: 1.5em;
    line-height: 1.5em;
    color: #103184;
    display: block;
    font-family: Arial, sans serif;
}
.askExpertMainForm .formLabel .instruction {
    font-size: 1.2em;
    color: #103184;
}

.askExpertMainForm .questionField .formControl {
    padding-right: 12px;
}
.askExpertMainForm .questionField textarea {
    width: 100%;
    font-family: Arial, sans serif;
    color: #6D6E71;
}

.askExpertMainForm .text {
    width: 100%;
}
.askExpertMainForm .text,
.askExpertMainForm select {
    border: 1px solid #A2ADC8;
    padding: 5px;
    font-family: Arial, sans serif;
    color: #6D6E71;
}
.askExpertMainForm .formSubmit {
    margin-top: 0;
}

.expertFormComponent .submittedMessage h2 {
    color: #103184;
    font-size: 2.3em;
    font-weight: normal;
    margin: 35px 0;
    padding-bottom: 8px;
    text-align: center;
}
.expertFormComponent .submittedMessage {
    margin-bottom: 2em;
}
.additionalLinks {
    border: 1px solid #ACB6CD;
    background: #C9E1F4 url(/Source/Images/cssimages/components/component-blu-bkg.gif) top left repeat-x;
}
.additionalLinks .componentContent {
    border: 1px solid #fff;
    padding: 15px;
}
.additionalLinks .title {
    border-bottom: 1px solid #fff;
    margin: -15px -15px 15px;
}
.additionalLinks .titleInner {
    font-size: 2em;
    color: #103184;
    border-bottom: 1px solid #CFD8E7;
    padding: 10px;
}
.additionalLinks li {
    background: url(/Source/Images/cssimages/components/arrow-list.png) 0 4px no-repeat;
    font-size: 1.3em;
    padding-left: 10px;
    margin-bottom: 10px;
}
.additionalLinks ul {
    margin-top: 8px;
}

/* Meet the Experts --------------- /// */
.meetTheExperts {
    border: 1px solid #ACB6CD;
    background: #C9E1F4 url(/Source/Images/cssimages/components/component-blu-bkg.gif) top left repeat-x;
}
.meetTheExperts .componentContent {
    border: 1px solid #fff;
    padding: 15px;
}
.meetTheExperts .componentTxt {
    overflow: hidden;
}
.meetTheExperts .componentTitle {
    margin-bottom: 8px;
    padding-bottom: 0;
    border: none;
}
.meetTheExperts .image {
    float: right;
    padding: 2px;
    background: #fff;
}

/* Question Search Form --------------- /// */
.questionSearch .field .text {
    width: 340px;
}


/* Ask the Expert - Question Answered --------------- /// */
.questionAnswer .askExpertQuestion {
    background: url(/Source/Images/cssimages/components/quotes-open.gif) top left no-repeat;
    padding: 12px 0 22px 38px;
    margin-bottom: 22px;
    border-bottom: 2px solid #E4E8F2; 
}
.questionAnswer .askExpertQuestion .text {
    background: url(/Source/Images/cssimages/components/quotes-close.gif) bottom right no-repeat;
    padding: 0 34px 6px 0; 
}
.questionAnswer .askExpertQuestion p {
    font-size: 1.6em;
}

.questionAnswer .askExpertQuestion h1 {
    font-size: 1.6em;
}

.questionAnswer .expertProfileTeaser {
    float: right;
    width: 236px;
    padding: 10px;
    background: #E6F0FA;
    margin: 0 0 0.5em 0.75em;
}
.questionAnswer .expertProfileTeaser .image {
    float: left;
    margin-right: 10px;
}
.questionAnswer .expertProfileTeaser .text {
    overflow: hidden;
}

.questionAnswer .askExpertAnswer {
    overflow: hidden;
    margin-bottom: 2em;
}
.questionAnswer .askExpertAnswer h2 {
    font-size: 3em;
}

.questionAnswer .questionAsked
{ 
 font-size: 4.2em !important;   
}

/* Autocomplete
----------------------------- */

/* jquery ui autocomplete */
.ui-autocomplete {
    background: white;
    border: 1px solid #ACB6CD;
    position: absolute;
    cursor: default;
    z-index: 11000 !important;
}
.ui-autocomplete a {
    display: block;
    padding: 5px;
    font-size: 1.3em;
}
.ui-autocomplete .ui-state-hover 
{
    background:#D5E6F7;
}



/* Timeline Component --------------- /// */
.timeline {
    
    background:#0C42A4 url(/Source/Images/cssimages/components/timeline-bkg.png) bottom left repeat-x;
    position: relative;
}
.timeline .fadeLeft,
.timeline .fadeRight 
{
    position: absolute;
    top: 0;
    height: 100%;
    width: 22px;
    z-index: 5;
}
.timeline .fadeLeft {
    left: 0;
    background:url(/Source/Images/cssimages/components/timelineGradientLeft.png) left top repeat-y;
}
.timeline .fadeRight {
    right: 0;
    background:url(/Source/Images/cssimages/components/timelineGradientRight.png) left top repeat-y;
}
.timelineInner {
    background:url(/Source/Images/cssimages/components/timelineInner-bkg.jpg) bottom left no-repeat;
    padding: 0;
}
.summaryBox 
{
    display: none;
	position:absolute;
	top:0;
	left:0;
    text-align:left;
    border: 1px solid #D1D6E3;
    width: 320px;
    white-space: normal;
    z-index: 4;
}
.summaryBox p
{
    font-size: 1.3em;
    line-height: 1.5em;
    margin-bottom: 0.5em;
    color: #515151;
}
.summaryBox .arrowLink {
    font-size: 1.3em;
}
.summaryBox .componentContent {
    padding: 10px;
    border:1px solid #fff;
    background: #D0E4F6 url(/Source/Images/cssimages/components/timelineSummaryBox-bkg.png) top left repeat-x;   
}
.summaryBox .summaryBoxInner {
    position: relative;
}
.summaryBox .componentArrow {
    position: absolute;
    top: -25px;
    left: 50%;
    margin-left: -19px;
    width: 38px;
    height: 26px;
    background: url(/Source/Images/cssimages/components/timelineSummaryBox-arrow.png) top left no-repeat;
}
.milestonesContainer {
	overflow:auto;
	padding:112px 0 0;  
}
.js .milestonesContainer {
    overflow:hidden;
}
.milestones {
    text-align: center;
    border-bottom: 2px solid #fff;
    margin: 0 0 160px;
    position:relative;
}
.milestones ul {
    white-space: nowrap;
    margin: 0;
    position: absolute;
    bottom:-14px;
    /*left:50%;*/
    padding: 0 120px;
}
.milestones li 
{
    white-space:normal;
    margin:0;
    width: 140px;
    display: inline-block;
    position: relative;
    text-align: center;
}

.milestone {
    color: #fff;
    text-shadow: 1px 1px #2D2F31;
    font-size: 2em;
    font-weight: bold;
}
.milestone:link,.milestone:visited {    
    color: #fff;
    text-decoration: none;
}
.milestone:hover,.milestone:active,.milestone:focus {
    color: #fff;
}

.milestones .summary {
    text-indent: -9999px;
    overflow: hidden;
    width: 20px;
    height: 20px;
    background: #0B276D;
    margin: 0 auto;
    border: 4px solid #B4D5F1;
}
.milestones .showSummary {
    display: block;
    position: absolute;
    bottom: -74px;
    left: 50%;
    margin-left: -120px;
    background: #fff;
    padding: 10px;
    width: 200px;
    height: 52px;
    z-index: 1;
}

/* Timeline page content */
.timelineList .itemTitle {
    font-weight: normal;
    font-size: 2em;
    margin-bottom: 7px;
    color: #103184;
    background: url(/Source/Images/cssimages/components/timelineItemTitle-bkg.gif) -33px 6px no-repeat;
    padding: 0 0 0 22px;
}
.timelineList p {
    font-size: 1.3em;
    line-height: 1.5em;
    margin-bottom: 1em;
}
.timelineList .item { 
    margin-bottom: 2em;
}
.timelineList .text {
    padding:10px 16px;
    border-left: 1px dotted #e4e4e4;
    margin-left:5px;
}
.timelineList .selectedItem .text {
    border-left: 1px dotted #E5E9EF;
    background: #F8F8F8;
    
}
.timelineList .selectedItem .itemTitle {
    background: url(/Source/Images/cssimages/components/timelineItemTitle-bkg.gif) 0 -28px no-repeat;  
}


/* Medical diagram --------------- /// */
.richTextPanel .imageAside 
{
    margin:0 0 10px;
}
.js .imageAside 
{
    margin:0 0 10px 10px;
}
.js .richTextPanel .imageAside 
{
    float:right;
}
.imageAside
{
    display: inline-block;
}
.js .diagramComponent .componentContent
{
    overflow:hidden;
}
.js .diagramComponent .figure 
{
    cursor:pointer;
    display:none;
}
.js .diagramComponent .first 
{
    display:block;
}
.figure .image 
{
    float:none;
    margin:0;
}
.figure img 
{
    max-width:100%;
    display:block;
    margin:0;
    float:none;
}
.js .diagramComponent .image 
{
    position:relative;
    display:inline-block;
}
.js .diagramComponent .image .diagramIcon 
{
    position:absolute;
    top:50%;
    left:50%;
    width:45px;
    height:44px;
    background:url(/Source/Images/cssimages/components/iconsSprite.png) -113px 0 no-repeat;
    margin:-22px 0 0 -22px;
}
.js .diagramComponent .image:hover .diagramIcon 
{
    background-position: -113px -44px;
}
/* Caption */
.figure .figcaption 
{

    font-size:1.3em; 
    line-height: 1.5em;
    display:block;
	clear:both;
    padding:3px 5px 5px;
    border-bottom:1px solid #EDEFF6;
}
.js .diagramPopup .figcaption 
{
    clear:none;
}
.figdetail 
{
}
.figtitle 
{
    color:#0B276D;
    font-size:2.9em; 
    line-height: 1.5em;
    border-bottom:1px solid #DBE0ED;
}
.js .figtitle 
{
    display:none;
}
.figtext 
{
    margin:1.25em 0 0;
}
.js .figtext 
{
    display:none;
}
/* Diagram popup */
.diagramPopup 
{
    width:880px;
    margin-left:-440px;
}
.diagramPopup .figtitle 
{
    display:block;
}
.diagramPopup .image 
{
    float:left;
    margin-right:16px;
}
.diagramPopup .figtext 
{
    display:block;
    padding-right:24px;
}
.popupWindow .figtitle 
{
    border-bottom:1px solid #DBE0ED;
    margin-bottom:0.5em;
}

/* Info panel --------------- /// */
.infoPanel
{
    background: #E0EDF9;
    border: 1px dashed #C5D6E6;
    text-align: center;
    margin-bottom: 20px;
    color: #758AB3;
    padding: 25px 30px;
}
.infoPanel .componentTitle
{
    font-size: 2.2em;
    font-weight: bold;
    margin-bottom: 5px;
}
.infoPanel .richTextPanel p
{
    font-size: 1.6em;
    margin-bottom: 0;
}


/* Blog styling --------------- /// */

/* Blog article */
.blogArticleMetaData {
    border-bottom: 1px solid #D6E0ED;
    margin:0 -15px 0;
    padding: 0 15px 15px;
}
.blogArticleMetaData .postedDate,
.blogArticleMetaData .category 
{
    float: left;
}
.blogArticleMetaData .postedDate p,
.blogArticleMetaData .category p {
    margin: 0;
}
.blogArticleMetaData .postedDate {
    padding-right: 15px;
    margin-right: 15px;
    border-right:1px solid #D6E0ED;
}

.blogArticleSummary .intro {
    margin-top: 1.5em;
}

.articleDetailLinks {
    margin: 1em 0 0;
}
.articleDetailLinks .arrowLink {
    float: left;
}
.articleDetailLinks .arrowLink {
    float: left;
    font-size: 1.5em;
    line-height: 1.3em;
    margin-bottom: 1em;
}
.articleDetailLinks .arrowLink, .articleDetailLinks .arrowLink:link, .articleDetailLinks .arrowLink:visited {
    background: url(/Source/Images/cssimages/components/arrow-list.png) 0 center no-repeat;
    padding-left: 8px;
}

.articleDetailLinks .commentsLink {
    float: right;
    font-size: 1.5em;
    line-height: 1.3em;
}
.articleDetailLinks .commentsLink {
    padding: 0 0 0 14px;
    background: url(/Source/Images/cssimages/components/comments-quotes-open.gif) top left no-repeat;
}
.articleDetailLinks .commentsLink span {
    display: block;
    padding: 0 14px 0 0;
    background: url(/Source/Images/cssimages/components/comments-quotes-close.gif) top right no-repeat;
}


.blogArticle .tags,
.blogArticleSummary .tags {
    float: none;
    border-top:1px solid #D6E0ED;
    border-bottom:1px solid #D6E0ED;
    padding: 1em 0;
    margin: 0;
}
.blogArticle .tags p,
.blogArticleSummary .tags p {
    margin-bottom: 0;
}

.blogArticle .tags {
    margin-top: 2em;
}
.blogArticle .relatedLinks {
    margin: 1.5em 0 0;
}

.blogArticleSummary .shareComponent {
    padding: 1em 0 0;
}
.blogArticleSummary .componentShareControls {
    padding: 5px 5px 0;    
}

/* Blog aside */
.blogAside .richTextPanel ul
{
    margin-bottom: 1em;   
}
.blogAside .richTextPanel ul li {
    list-style: none;
    margin-left: 0; 
}
.blogAside .richTextPanel dl dt {
    font-size: 1.3em;
    line-height: 1.5em;
    color: #515151;
    padding: 0.5em 0;
    border-top:1px solid #ACB6CD;
    
}
.blogAside .richTextPanel dl dd {
    border-top:1px solid #ACB6CD;
    padding: 0.75em 1em;
}
.blogAside .isToggle dd {
    display: none;
}
.blogAside .richTextPanel dl dd ul {
    margin-bottom: 0;
}
.blogAside .rss {
    text-indent: -9999px;
    overflow: hidden;
    width: 28px;
    height: 28px;
    background: url(/Source/Images/cssimages/components/feed-icon-22x22.png) top left no-repeat;
    display: inline-block;
}

.blogAside .genericPromo .componentContentInner {
    padding: 12px 10px 0px;
    overflow: hidden;
}

/* Blog Aside show/hide */
.blogAside .isToggle dt {
   position:relative
}
.blogAside .isToggle .toggleTxt {
    width: 20px;
    height: 20px;
    padding: 0;
    top: 0.5em;
    background-image: none;
}
.blogAside .isToggle .toggleLink {
    padding: 0;
    background-image: none;
    text-indent: -9999px;
    overflow: hidden;
    background: transparent url(/Source/Images/cssimages/components/blogArchive-showHide.gif) top left no-repeat;
    text-align: left;
    width: 10px;
    height: 5px;
    margin: 5px;
}
.blogAside .isToggle .open .toggleLink {
    background: transparent url(/Source/Images/cssimages/components/blogArchive-showHide.gif) bottom left no-repeat;
}


/* Process blocks --------------- /// */
.decisionTree .componentSummary {
    font-size:2em;
    color: #103184;
    font-weight: bold;
}
.processBlocks {
    margin-top: 1em;
    position: relative;
}
.processBlocks:first-child {
    margin-top: 0;
}
.js .processBlocks {
}
.processBlocks .componentNextArrow {
    margin-bottom: 0;
}
.processBlocksInner
{
    background:#fff;
    padding:15px;
    border-bottom:1px solid #D6E0ED;
}
.skipStepLink {
    font-size: 1.3em;    
}
.skipStepLink a {
    padding-left: 8px;
    background:url(/Source/Images/cssimages/template/arrow-blue.gif) left 50% no-repeat;
}

/* Search results --------------- /// */

.searchResults .controls
{
    margin-bottom: 15px;
}
/* Result group */
.searchResults .searchResultsGroup
{
    margin-bottom: 20px;
}
.searchResults .searchResultsGroupTitle
{
    font-size: 2.2em;
    color: #103184;
    margin-bottom: 10px;
    font-weight: normal;
}
.searchResults .searchResultsPanel
{
    margin:0 -5px;
    overflow: hidden;
    letter-spacing: -4px;
    word-spacing: -4px;
}
/* Result */
.searchResults .resultTitle
{
    font-size: 2em;
    font-weight: normal;
    color: #103184;
    margin-bottom: 5px;
    text-decoration:underline;
}
.searchResults .result
{
    background:#fff url(/Source/Images/cssimages/template/contentPanel-gradient.png) bottom left repeat-x;
    width: 182px;
    display: inline-block;
    margin: 0 5px 15px;
    word-spacing: normal;
    letter-spacing: normal;
    vertical-align: top;
}
.searchResults .resultInner
{
    border: 1px solid #FFF;
    padding:12px 10px;
    overflow: auto;
    
}
.searchResults .resultInner .sectionLabel
{
    margin: 0 0 10px -11px;   
}
/* Search layout variation (as a list) /// */
.searchResults .searchListed
{
    background:#fff url(/Source/Images/cssimages/template/contentPanel-gradient.png) bottom left repeat-x;
    padding:5px 15px 15px;
    margin:0;
}
/* Result */
.searchResults .searchListed .resultTitle
{
    font-size: 2em;
    color: #103184;
    margin-bottom: 5px;
}
.searchResults .searchListed .result
{
    background: none;
    width: 100%;
    margin:0;
   
    
}
.searchResults .searchListed .resultInner
{
    border: none;
    
    padding:12px 0px;
    margin: 0px 0px 0px 15px;  
}
.searchResults .searchListed .result:last-child .resultInner
{
    border-bottom: none;    
}
.searchResults .searchListed .sectionLabel
{
    display: none; 
}

/* 
--------------------------------------------------- 
Components // CSS3 Enhancements
---------------------------------------------------
*/

/* Box Shadow --------------- */
.blockTitlePromoInner,
.genericPromoInner,
.asideProfileComponentGroup,
.linkList,
.basicPromo .image img,
.article,
.mainContentPanel,
.commentsStream .userComments,
.docCollectionSummary,
.shareFooterComponent,
.focusBar,
.numberedPages .pageNumber,
.factsheetListComponent .componentContent,
.factsheetSearchComponent,
.recipeListComponent .componentContent,
.recipeListComponent,
.standaloneRichText,
.twitterFeedInner,
.askExpertwithShare .askExpert,
.askExpertwithShare .share,
.js .removeMessage a,
.searchResults .result,
.searchResults .searchListed,
.showHideItem,
.featureList
{
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .2);
    box-shadow: 0 0 5px rgba(0, 0, 0, .2);
}
.factPromoInner,
.asideComponentGroup,
.sortAndFilter
{
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, .1);
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .1);
    box-shadow: 0 0 5px rgba(0, 0, 0, .1);
}
.exploreMore .moreBtn a
{
    -moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .4);
    -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .4);
    box-shadow: 1px 1px 5px rgba(0, 0, 0, .4);
}
.exploreMore .moreBtn a:active
{
    -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, .3);
    -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, .3);
    box-shadow: 1px 1px 2px rgba(0, 0, 0, .3);
}
.savedProfileItems ,
.multipleVideoList .item .image
{
    -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.15);
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.15);
}
.asideComponentGroup .genericPromoInner,
.asideProfileComponentGroup .genericPromoInner 
{
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
    box-shadow:none;
}
.searchResults .searchListed .result
{
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none; 
}
.questionsAnsweredList .sortAndFilter
{
    -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0);
    -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0);
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0);
}
.carousel .bannerNavigation .nextSlide,
.carousel .bannerNavigation .prevSlide
{
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
}
.askExpertwithShare .askExpert .image,
.treatmentSearch .image
{ 
    -moz-box-shadow: 1px 2px 6px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 1px 2px 6px rgba(0, 0, 0, 0.4);
    box-shadow: 1px 2px 6px rgba(0, 0, 0, 0.4);
}

.showHideItem .showHideItem,
.article .showHideItem,
.mainContentPanel .showHideItem,
.applicationFormList .showHideItem
{
    -webkit-box-shadow: 0 0 0 0 rgba(206, 218, 234, 1);
    -moz-box-shadow: 0 0 0 0 rgba(206, 218, 234, 1);
    box-shadow: 0 0 0 0 rgba(206, 218, 234, 1);
}

.infoPanel
{
    -webkit-box-shadow: inset 0 0 30px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset 0 0 30px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 0 30px rgba(0, 0, 0, 0.1);
}

.secondaryForm .field .text,
.askExpertMainForm .text,
.askExpertMainForm select,
.sortAndFilter select,
.treatmentSearch .field .text,
.specialistFeeSearch .field .text,
.loginPopup .text,
.aside .searchField .text,
.selectionItem .selectionList li input {
    -webkit-box-shadow: inset 0 1px 10px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset 0 1px 10px rgba(0,0,0,0.1);
    box-shadow: inset 0 1px 10px rgba(0, 0, 0, 0.1);
}
.scrollToTop {
    -webkit-box-shadow: 0px 0px 7px -2px rgba(0, 0, 0, 0.7);
    -moz-box-shadow: 0px 0px 7px -2px rgba(0, 0, 0, 0.7);
    box-shadow: 0px 0px 7px -2px rgba(0, 0, 0, 0.7);
}

.summaryBox 
{
    -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.5);
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}
.milestones .summary {
    -moz-box-shadow: 0px 1px 6px 1px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 1px 6px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 1px 6px 1px rgba(0, 0, 0, 0.2);
}

.selectionItem .selectionList ul    {
    -moz-box-shadow: 0px 3px 2px 2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 3px 2px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 3px 2px 2px rgba(0, 0, 0, 0.2);
}

.videoListContainer .videoList .image 
{
    -moz-box-shadow:1px 1px 4px rgba(0,0,0,0.3);
	-webkit-box-shadow:1px 1px 4px rgba(0,0,0,0.3);
	box-shadow:1px 1px 4px rgba(0,0,0,0.3);
}

/* Border Radius --------------- */

.memberStoryVideos .videoTitle span {
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
}
.loginPopup,
.summaryPanel .alertBox {
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    border-radius:6px;
}
.numberedList .itemNumber 
{
    -webkit-border-radius:66px;
    -moz-border-radius:66px;
    border-radius:66px;
}
.secondaryForm .field .text,
.askExpertMainForm .text,
.askExpertMainForm select,
.sortAndFilter select,
.treatmentSearch .field .text,
.specialistFeeSearch .field .text,
.aside .searchField .text
{
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    border-radius:2px;
}

.smartContentSelector .userSelection,
.smartContentSelector .button input,
.numberedPages .pageNumber,
.exploreMore .moreBtn a,
.js .removeMessage,
.loginPopup .text,
.selectionItem .selectionList li input
{
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
}
.dialogueComponent,
.dialogueComponent .componentContent
{
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    border-radius:6px;
}
.videoListContainer .scrollbar,
.videoListContainer .thumb 
{
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    border-radius:8px;
}
.carousel .bannerNavigation .prevSlide
{
    -webkit-border-radius:0 4px 4px 0;
    -moz-border-radius:0 4px 4px 0;
    border-radius:0 4px 4px 0;  
}
.carousel .bannerNavigation .nextSlide
{
    -webkit-border-radius:4px 0 0 4px;
    -moz-border-radius:4px 0 0 4px;
    border-radius:4px 0 0 4px; 
}

.scrollToTop {
    -webkit-border-radius:4px 4px 0px 0px;
    -moz-border-radius:4px 4px 0px 0px;
    border-radius:4px 4px 0px 0px;
}

.milestones .summary {
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
}

/* Text Shadow --------------- */
.exploreMore .moreBtn a
{
    text-shadow: 1px 1px 0 rgba(0,0,0,.3);    
}

/* Gradients --------------- */
.treatmentSearchInner,
.specialistSearchInner,
.docCollectionDetail {
    background: -moz-linear-gradient(top,  #f1f7fc 0%, #c9e1f4 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1f7fc), color-stop(100%,#c9e1f4)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #f1f7fc 0%,#c9e1f4 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #f1f7fc 0%,#c9e1f4 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #f1f7fc 0%,#c9e1f4 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #f1f7fc 0%,#c9e1f4 100%); /* W3C */
}
.js .removeMessage a
{
    background: -moz-linear-gradient(top,  #7accdf 0%, #089fbc 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7accdf), color-stop(100%,#089fbc)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #7accdf 0%,#089fbc 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #7accdf 0%,#089fbc 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #7accdf 0%,#089fbc 100%); /* IE10+ */
    background: linear-gradient(top,  #7accdf 0%,#089fbc 100%); /* W3C */ 
}
.showHideItem,
.article .showHideItem .showHideItem,
.mainContentPanel .showHideItem .showHideItem,
.applicationFormList .showHideItem .showHideItem
{
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #f0f2f6 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f0f2f6)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#f0f2f6 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%,#f0f2f6 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#f0f2f6 100%); /* IE10+ */
    background: linear-gradient(top,  #ffffff 0%,#f0f2f6 100%); /* W3C */
}
.expertProfiles .showHideItem .showHideItem
{
    background: #F8F9FB; /* Old browsers */
    background: -moz-linear-gradient(top,  #F8F9FB 0%, #EBEEF3 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F8F9FB), color-stop(100%,#EBEEF3)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #F8F9FB 0%,#EBEEF3 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #F8F9FB 0%,#EBEEF3 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #F8F9FB 0%,#EBEEF3 100%); /* IE10+ */
    background: linear-gradient(top,  #F8F9FB 0%,#EBEEF3 100%); /* W3C */
}
.factsheetListComponent .sectionControls a {
    background: -moz-linear-gradient(top,  #ffffff 0%, #EDEFF5 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#EDEFF5)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#EDEFF5 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%,#EDEFF5 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#EDEFF5 100%); /* IE10+ */
    background: linear-gradient(top,  #ffffff 0%,#EDEFF5 100%); /* W3C */
}
.recipeListComponent .sectionControls a {
    background: -moz-linear-gradient(top,  #ffffff 0%, #EDEFF5 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#EDEFF5)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#EDEFF5 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%,#EDEFF5 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#EDEFF5 100%); /* IE10+ */
    background: linear-gradient(top,  #ffffff 0%,#EDEFF5 100%); /* W3C */
}
.article .showHideItem,
.mainContentPanel .showHideItem,
.applicationFormList .showHideItem,
.callToAction,
.richTextPanel .tableOfContents ul,
.tableOfContents ul 
{
    background: #f8f9fb; /* Old browsers */
    background: -moz-linear-gradient(top,  #f8f9fb 0%, #eaedf2 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f9fb), color-stop(100%,#eaedf2)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #f8f9fb 0%,#eaedf2 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #f8f9fb 0%,#eaedf2 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #f8f9fb 0%,#eaedf2 100%); /* IE10+ */
    background: linear-gradient(top,  #f8f9fb 0%,#eaedf2 100%); /* W3C */
}
.numberedPages a.pageNumber
{
    background: #F2F4F7; /* Old browsers */
    background: -moz-linear-gradient(top,  #fff 0%, #F2F4F7 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#F2F4F7)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #fff 0%,#F2F4F7 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #fff 0%,#F2F4F7 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #fff 0%,#F2F4F7 100%); /* IE10+ */
    background: linear-gradient(top,  #fff 0%,#F2F4F7 100%); /* W3C */
}
.sectionLabelLarge,
.blockTitlePromo .componentTitle
{
    background: #395089; /* Old browsers */
    background: -moz-linear-gradient(top,  #395089 0%, #0B276D 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#395089), color-stop(100%,#0B276D)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #395089 0%,#0B276D 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #395089 0%,#0B276D 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #395089 0%,#0B276D 100%); /* IE10+ */
    background: linear-gradient(top,  #395089 0%,#0B276D 100%); /* W3C */
}

.questionsAnsweredList .sortAndFilter {
    background: -moz-linear-gradient(top,  #ffffff 0%, #f4f6fa 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f4f6fa)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#f4f6fa 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%,#f4f6fa 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#f4f6fa 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffffff 0%,#f4f6fa 100%); /* W3C */
}
.factPromo .componentContent {
    background: -moz-linear-gradient(top,  #f1f7fc 0%, #cfe4f6 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1f7fc), color-stop(100%,#cfe4f6)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #f1f7fc 0%,#cfe4f6 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #f1f7fc 0%,#cfe4f6 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #f1f7fc 0%,#cfe4f6 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #f1f7fc 0%,#cfe4f6 100%); /* W3C */
}
.smartContentSelector .userSelection {
    background: -moz-linear-gradient(top,  #e0e1e2 0%, #f6f6f6 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e0e1e2), color-stop(100%,#f6f6f6)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #e0e1e2 0%,#f6f6f6 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #e0e1e2 0%,#f6f6f6 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #e0e1e2 0%,#f6f6f6 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #e0e1e2 0%,#f6f6f6 100%); /* W3C */
}


.componentShareControls .remove .saveIcon 
{
    background: url("/source/images/cssimages/components/iconsSprite.png") no-repeat scroll -101px -108px transparent;
}

.sitemap ul, .sitemap li {
    display: block;
    float: left;
    width: 100%;
}
.sitemap ul li {
    float: left;
    font-size: 2.4em;
    line-height: 1.5em;
    margin-bottom: 0.5em;
    padding-left: 15px;
    width: 98%;
}
.sitemap ul li li {
    font-size: 0.8em;
    padding-left: 0;
}
.sitemap ul ul {
    margin-bottom: 15px;
    margin-left: 15px;
}
.sitemap li li a {
    margin: 0 0 5px;
}
.sitemap ul li {
    border-left: 10px solid rgba(0, 0, 0, 0.05);
    margin: 5px 0;
}
.sitemap ul ul li {
    border: medium none;
}
.sitemap li li {
    border: medium none;
    float: left;
    font-size: 0.9em;
    font-weight: normal;
    margin: 0 2% 5px 0;
    width: 23%;
}
.sitemap li li li {
    margin: 0;
    width: auto;
}
.sitemap li li li li {
    font-size: 100%;
}

.micrositeNav
{ 
    top: -106px !important;
}

.profileLoginHeader1 h2
{
    font-size: 16px;
    font-weight: bold;
}

.profileLoginContentInner a
{
    font-size: 1.2em;     
}

.profileLoginHeader p
{
    font-size: 14px;
    font-weight: bold;
    text-align: left;
    margin-left: 10px;
}

.formLabel label
{
    width: 100%;
}

.password-info .instruction
{
    color: #0B276D;
    font-size: 14px;
}

.password-info-error .instruction
{
    color: #EC1A3B;
    font-size: 14px;
}

/* Bespoke Component (inherits styles from Generic Promo Component) --------------- /// 
*/
.bespokeComponent .genericPromoInner 
{
    height: 314px;
}

.bespokeComponent .richTextPanel 
{
    padding:5px 10px 10px;
}

.bespokeComponent h2,
.bespokeComponent h3 
{
    margin-bottom: 7px;
}

.bespokeComponent h2 
{
    font-size: 2em;
}

.bespokeComponent h3 
{
    font-size: 1.8em;
}

.bespokeComponent h4 
{
    font-size: 1.6em;
}

.SmallSearchBox
{
    display: inline-block; 
    width: 100%;
}

.loginRegisterLink
{
       display: inline-block;
       width: 54px;
       padding-left:5px;
}

.loginRegisterLink a
{
    color: #ffffff;   
}

.loginRegisterLink a:hover
{
    background-image: none !important;
    background-color: transparent;
    border: 0 none;
    text-decoration: underline;
}

.rhs-you-products p
{
    font-size: 12px;
}

.askexpert-share
{
    width: 500px;
}

.askexpert-share .componentShareControls
{
    width: 100%;
}

.TextBoxRefCode .formLabel label
{
    font-size: 1.2em !important; 
}

.contactPanel p
{
    font-size: 1.3em;
    line-height: 1.5em;
    margin-bottom: 1em;
}

.updatePassword .formItemGroup
{
      border-top: 0px none transparent !important;
}

.list-item-float
{
    width: 50%; 
    float: left;
}

.leftnav
{
    margin-right: 5px;
}

.micrositeListingLink 
{
    display:block;
    padding:0.5em 38px 0.75em 0.75em; 
    background-color:#0B276D;
    color:#ddd;
    text-decoration:none;
}

.micrositeTitle
{
    float:left; 
    margin-top: 11px; 
    height: 64px; 
    width: 552px;
}

.ExtranetFooter
{
    height: 116px;
}


/* 
-------------------------------------------------------- 
Cookie notification
MI:13052013 - Cookie Slider Change
--------------------------------------------------------
*/

.cookie-notification {
    background: #0B276D;
    padding: 10px 0;
    display: none;
}

/* Cookie notification wrapper */

.cookie-notification .cookie-wrapper {
    max-width:980px;
    margin: 0 auto;
}

/* Cookie content */

.cookie-notification .cookie-content {
    border: 1px solid #4B5F93;
    padding: 10px;
    position: relative;
    margin: 0 10px;
    background: #304783; /* Default */
    background: -webkit-linear-gradient(top, #304783 0%,#4B5F93 100%); /* Chrome10+,Safari5.1+ */
    background: -ms-linear-gradient(top, #304783 0%,#4B5F93 100%); /* IE10+ */
    background: linear-gradient(top, #304783 0%,#4B5F93 100%); /* W3C */
}

    .cookie-notification .cookie-content:after {
        clear: both;
        content: ".";
        display: block;
        font-size: 0;
        height: 0;
        visibility: hidden;
    }

/* Info roundel */

.cookie-notification .info-roundel {
    width: 24px;
    height: 24px;
    display: block;
    position: absolute;
    border-radius: 12px;
    top: 10px;
    left: 10px;
    color: #FFF;
    font-size: 16px;
    line-height: 1.5;
    font-family: Arial, sans-serif;
    font-weight: bold;
    background: #E31B38; /* Default */
    background: -webkit-linear-gradient(top, #E31B38 0%,#B61F27 100%); /* Chrome10+,Safari5.1+ */
    background: -ms-linear-gradient(top, #E31B38 0%,#B61F27 100%); /* IE10+ */
    background: linear-gradient(top, #E31B38 0%,#B61F27 100%); /* W3C */
    text-align: center;
}

/* Cookie message */

.cookie-notification .cookie-msg {
}

    .cookie-notification .cookie-msg p {
        color: #FFF;
        font-size: 12px;
        margin: 0;
        padding: 0;
        font-family: Arial, sans-serif;
        padding-left: 35px;
        padding-right:75px;
        line-height: 1.5;
    }

        .cookie-notification .cookie-msg p a {
            color: #FFF;
            text-decoration: underline;
        }

/* Cookie call to action */

.cookie-notification .cta {
    position:absolute;
    right:10px;
    top:10px;
}

    .cookie-notification .cta a {
        background: #0D2B77;
        background: -webkit-linear-gradient(top, #314A8B 0%,#0D2B77 100%); /* Chrome10+,Safari5.1+ */
        background: -ms-linear-gradient(top, #314A8B 0%,#0D2B77 100%); /* IE10+ */
        background: linear-gradient(top, #314A8B 0%,#0D2B77 100%); /* W3C */
        text-decoration: none;
        color: #FFF;
        border: 1px solid #FFF;
        font-size: 12px;
        font-family: Arial, sans-serif;
        padding: 5px 12px;
        display: inline-block;
    }

        .cookie-notification .cta a:hover {
            color: #EEE;
            background: #314A8B;
            background: -webkit-linear-gradient(top, #0D2B77 0%,#314A8B 100%); /* Chrome10+,Safari5.1+ */
            background: -ms-linear-gradient(top, #0D2B77 0%,#314A8B 100%); /* IE10+ */
            background: linear-gradient(top, #0D2B77 0%,#314A8B 100%); /* W3C */
        }

@media screen and (max-width:569px) {

    .cookie-notification .cookie-msg p {
        padding-right:0;
        padding-bottom:37px;
    }
    
    .cookie-notification .cta {
        right: 10px;
        bottom: 10px;
        top:auto;
    }

}


#sliderNav {
    overflow: hidden;
    position: relative;
    white-space: nowrap;
}
#sliderNav .topLevelNavList {
    border: medium none;
    float: none;
    margin: 0 18px;
    overflow: hidden;
}
#sliderNav .navItem {
    border-left: medium none;
    border-right: medium none;
    display: inline-block;
    float: none;
    vertical-align: top;
}
#sliderNav .navItem a {
    white-space: normal;
}
#sliderNav .prev, #sliderNav .next {
    background: none repeat scroll 0 0 #0E2C77;
    height: 100%;
    padding-left: 4px;
    position: absolute;
    top: 0;
    width: 14px;
    z-index: 100;
}
#sliderNav .prev {
    left: 0;
}
#sliderNav .next {
    right: 0;
}
#sliderNav .prev span, #sliderNav .next span {
    background: url("/source/images/cssimages/components/navSlider-arrow.gif") no-repeat scroll left top transparent;
    display: block;
    height: 10px;
    margin-top: 14px;
    overflow: hidden;
    text-indent: -9999px;
    width: 10px;
}
#sliderNav .next span {
    background-position: right top;
}
#sliderNav .disabled {
    background: none repeat scroll 0 0 #0E2C77;
}
#sliderNav .disabled span {
    background-image: none;
}
.subMenuHolder {
    left: 0;
    position: absolute;
    top: 0;
    z-index: 5;
}
#sliderNav .subMenu {
    display: none;
}
.subMenuHolder .subMenu {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 #FFFFFF;
    border-color: -moz-use-text-color -moz-use-text-color #D3E5F7 #D3E5F7;
    border-image: none;
    border-style: none none solid solid;
    border-width: medium medium 1px 1px;
}
.subMenuHolder .subMenu {
    float: left;
    font-size: 1.5em;
    line-height: 1.4em;
    border-left-width: 1px;
    border-left-color: #D3E5F7;
    border-bottom-width: 1px;
    border-bottom-color: #D3E5F7;
}
.subMenuHolder .subMenu, .subMenuHolder .listContainer {
    width: 195px;
}
.subMenuHolder .subMenu ul {
    border-right: 1px solid #D3E5F7;
    margin: 0;
    padding: 5px 0;
}
.subMenuHolder .subMenu li {
    display: block;
    font-size: 0.85em;
    width: 100%;
}
.subMenuHolder .subMenu a {
    background-image: none;
    color: #103184;
    display: block;
    font-weight: normal;
    padding: 6px 10px;
    text-decoration: none;
}
.subMenuHolder .subMenu a:hover, 
.subMenuHolder .subMenu a:active, 
.subMenuHolder .subMenu a:focus {
    background: none repeat scroll 0 0 #D5E6F7 !important;
}
.subMenuHolder .listContainer {
    float: left;
}
.subMenuHolder .subMenu {
    box-shadow: 1px 2px 6px rgba(0, 0, 0, 0.2);
}

.HideContentSelector
{
    margin-top:0px !important;
}

.profileLoginContentInner
{
    display: block !important;   
}

.SaveArticlePadding
{
    padding-top: 3px !important;
}

.utilityNavMicro
{
    top: -106px;
}

.hideBlueBar
{
      border-top-style: none !important;
      border-top-color: transparent !important;
      border-top-width: 0px !important;
}

.promoCarouselSpacer
{
    background-color:transparent; 
    border: 0 none; 
    font-size: 1.4em; 
    margin: 0;  
    padding: 8px 40px 8px 10px; 
    text-decoration: none; 
    float:right; 
    width:1px;    
}

.richTextPanel p.publishedDate {
    font-size: 1.1em;
}

.articleRegisterLink  
{
    margin-top: 1em;
    font-size: 1.2em;
    display: inline;
    width: 54px;
    padding-left:5px;
 }

/* Make font-size in Health A2Z search field a bit bigger */
input.autocomptag
{
    font-size: 1.2em !important;
    vertical-align: middle;
}


/*Promo Content styles for Crest COL and Actisure COL*/
/* aside infos */
.a-info-m1
{
    width: 192px;
    margin: 0 0 8px;
    background: url("/Source/Images/cssimages/middle-192.png") repeat-y;
}
.a-info-t1
{
    background: url("/Source/Images/cssimages/top-192.png") no-repeat;
}

.a-info-b1
{
    height: 1%;
    padding: 5px 4px 0 5px;
    background: url("/Source/Images/cssimages/down-192.png") no-repeat 0 100%;
}
.a-info-m2, .a-info-m3,.a-info-b4,.a-info-b5
{
    width: 182px;
}
.a-info-m5 {
    background: url("/Source/Images/cssimages/mid-5c.gif") repeat-y;
}

.a-info-m4 {
    background: url("/Source/Images/cssimages/mid-4c.png") repeat-y;
}
.a-info-m2
{
    background: url("/Source/Images/cssimages/mid-2c.png") repeat-y;
}
.a-info-m3
{
    background: url("/Source/Images/cssimages/mid-3c.gif") repeat-y;
}
.a-info-t2
{
    background: url("/Source/Images/cssimages/top-2c.png") no-repeat;
}
.a-info-t3
{
    background: url("/Source/Images/cssimages/top-3c.gif") no-repeat;
}
.a-info-t4
{
    background: url("/Source/Images/cssimages/top-4c.png") no-repeat;
}

.a-info-t5
{
     background: url("/Source/Images/cssimages/top-5c.gif") no-repeat;
}
.a-info-b2, .a-info-b3,.a-info-b4,.a-info-b5
{
    height: 1%;
}
.a-info-b2, .a-info-b3,.a-info-b4,.a-info-b5
{
    padding: 0 4px 0 5px;
}

.a-info-b2
{
    background: url("/Source/Images/cssimages/bot-2c.png") no-repeat 0 100%;
}
.a-info-b3
{
    background: url("/Source/Images/cssimages/bot-3c.gif") no-repeat 0 100%;
}
.a-info-b4
{
    background: url("/Source/Images/cssimages/bot-4c.png") no-repeat 0 100%;
}

.a-info-b5
{
     background: url("/Source/Images/cssimages/bot-5c.gif") no-repeat 0 100%;
}
/* aside hgroups */

.a-hgroup-1, .a-hgroup-2
{
    height: 1%;
}
.a-hgroup-1
{
    padding: 4px 16px 5px 5px;
}
.a-hgroup-2
{
    padding: 11px 16px 11px 5px;
}

.a-hgroup-1 h3, .a-hgroup-2 h3
{
    margin: 0;
    color: #fff;
    font-weight: bold;
    font-size: 1.2em;
    line-height: 1.33em;
    
}

.help, .brand, .network, .important, .free-cover
{
    height: 1%;
    color: #000;
    overflow: hidden;
}
.important
{
    padding: 4px;
}
.help
{
    padding: 4px 6px 0 7px;
    margin: 0px;
}
.help_img
{
    padding-left: 40px;
    
}
.brand
{
    padding: 2px 8px 11px;
}

.gap {
    width: 6px;
    float: left;
}
.gap_vertical
{
    line-height: 0.1em;
}
.network
{
    padding: 4px 7px 9px;
}
.free-cover
{
    padding: 4px 4px 5px 7px;
}

.network p, .free-cover p, .help .tel dd, .help .let dd
{
    margin: 0;
}

.help p, .help .tel
{
    margin: 0  0px 14px;
    font-family: Arial;
    font-size: 12px;
    color: #333333;
}



.help h4 {
    color: #333333;
    font-weight: bold;
    margin: 5px 0px 0px 0px;
    padding: 0px;
}


.help h3 
{
    margin: 0 4px 0px 10px;
    margin-bottom: 14px;
    font-family: Arial;
    font-size: 12px;
    color: #333333;
    font-weight: normal;
    
}

.helpDesk {
     padding: 4px 6px 0 7px;
    margin: 0px;
    width: 160px;
}
.helpDesk h1 {
   font-size: 20px;
    color: #0046ad;
    margin: 0px 5px;
    padding: 0px;
}

.helpDesk p
{
    margin: 0  0px 8px;
    font-family: Arial;
    font-size: 12px;
    color: #333333;
}
.helpDesk h4
{
   color: #333333;
    font-weight: bold;
    margin: 5px 0px 0px 0px;
    padding: 0px;
    font-size: 12px;
}
.help .let
{
    margin: 0 0 12px;
}

.help img
{
    float: left;
    margin: 5px 0 0;
}
.important p
{
    margin: 0 3px;
}
.brand p
{
    margin: 0 0 7px;
}

.brand-image
{
    width: 100%;
    overflow: hidden;
}
.brand-image img
{
    display: block;
}

.help1
{
    padding: 4px 6px 0 5px;
    margin: 0px;
}

.help1 p
{
    margin: 0  0px 14px;
    font-family: Arial;
    font-size: 12px;
    color: #333333;
}



.help1 h4 {
    color: #333333;
    font-weight: bold;
    margin: 5px 0px 0px 0px;
    padding: 0px;
}


.help1 h3 
{
    margin: 0 4px 0px 10px;
    margin-bottom: 14px;
    font-family: Arial;
    font-size: 12px;
    color: #333333;
    font-weight: normal;
    
}
.Health
{
    text-decoration: none;
    color: #FFF;
    width: 93px;
    height: 20px;
    border: 0;
    text-align: center;
    background: url("/UKCOL/Content/Images/Calculateyours.png") no-repeat;   
    font-weight: normal;
    display: block;
    font-size: 11px;
    padding-top: 4px;
}

.send-contact
{
    text-decoration: none;
    color: #FFF;
    width: 93px;
    height: 20px;
    border: 0;
    text-align: center;
    background: url("/UKCOL/Content/Images/green_button_small.png") no-repeat;   
    font-weight: normal;
    display: block;
    font-size: 11px;
    padding-top: 4px;    
    
}

.articleMainText
{
    background: #F9F9F9;
    border: 1px solid #EBEBEB;
}

.manageableStyle
{
    font-size:1.3em; 
    color:#fff; 
    text-align:left;
}

/* 
// 
// 
// 
// 
// NEW FOR INTERNATIONAL FROM EQUATOR
//
//
//
//
*/

.component.emi {
    background: #c9e1f4;
    background: url('/Source/Images/cssimages/template/backgroundgrad.gif') repeat-x top left;
    /*filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
    src='/Source/Images/cssimages/template/backgroundgrad.gif',
    sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(
    src='/Source/Images/cssimages/template/backgroundgrad.gif',
    sizingMethod='scale')";*/
    background-size: 1px 100%;
    background-position-x: 0px;
    background-position-y: 100%;
    background: -moz-linear-gradient(top,  #f1f7fc 0%, #c9e1f4 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1f7fc), color-stop(100%,#c9e1f4)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #f1f7fc 0%,#c9e1f4 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #f1f7fc 0%,#c9e1f4 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #f1f7fc 0%,#c9e1f4 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #f1f7fc 0%,#c9e1f4 100%); /* W3C */
    margin: 0 0 10px;
    border: 1px solid #D4E3F5;
}
.component.emi.clear {
    clear: both;
}
.component.emi.darkblue {
    background: #D2E2F4;
    background: #d2e2f4; /* Old browsers */
    background: -moz-linear-gradient(top,  #d2e2f4 0%, #b7d2ee 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d2e2f4), color-stop(100%,#b7d2ee)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #d2e2f4 0%,#b7d2ee 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #d2e2f4 0%,#b7d2ee 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #d2e2f4 0%,#b7d2ee 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #d2e2f4 0%,#b7d2ee 100%); /* W3C */
    border: 1px solid #98C3E7;
}
.component.emi .componentTitle {
    font-size: 16px;
    font-weight: normal;
    padding: 10px;
    border-bottom: 1px solid #D4E3F5;
    margin: 0;
    color: #113385;
}
.component.emi.darkblue .componentTitle {
    border-bottom: 1px solid #8BBBE4;
}
.component.emi .content {
    padding: 10px;
    border: 1px solid #E7F0FA;
}
.component.emi.darkblue .content {
    padding: 10px;
    border: 1px solid #D1E4F4;
}
.component.emi .content p {
    font-size: 12px;
    color: #58595B;
    line-height: 19px;
    margin: 0 0 13px 0;
}
.tickboxList {
    margin: 0 0 10px 0;
}
.tickboxList ul {
    margin: 0 0 14px -15px;
}
.col2 .tickboxList ul { /*  when used in a wider 2 column layout */    
   margin-left: 0px;       
}
.tickboxList li {
    margin: 0 0 7px 0;
    padding: 0 0 0 25px;
    line-height: 18px;
    font-size: 12px;
    list-style: none!important;
    background: url('/Source/Images/cssimages/template/tick-green.png') left 4px no-repeat;    
}
.component.emi .form label {
    font-size: 12px;
}
.component.emi .form input.text {
    margin: 8px 0;
    -webkit-box-shadow: inset 0 1px 10px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset 0 1px 10px rgba(0,0,0,0.1);
    box-shadow: inset 0 1px 10px rgba(0, 0, 0, 0.1);
    border: 1px solid #A2ADC8;
    height: 18px;
    padding: 5px;
   width: 150px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
.component.emi .action {
    margin-top: 10px;
    background: url('/Source/Images/cssimages/template/redbuttongrad.gif') repeat-x top left;
    background: -moz-linear-gradient(top,  #d72a28 0%, #ad2125 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d72a28), color-stop(100%,#ad2125)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #d72a28 0%,#ad2125 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #d72a28 0%,#ad2125 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #d72a28 0%,#ad2125 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #d72a28 0%,#ad2125 100%); /* W3C */
    border: 2px solid #fff;
    display: inline-block;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    box-shadow: 0 1px 3px rgba(0,0,0,0.5);
}
.component.emi .action a {
    display: block;
    padding: 6px 40px 6px 10px;
    margin: 0;
    overflow: visible;
    background: url('/Source/Images/cssimages/template/submitButton_red.gif') right center no-repeat;
    border: 0;
    color: white!important;
    text-decoration: none!important;
    border: none;
    cursor: pointer;
}
.submitButton {
    margin-top: 10px;
    background: #314A8B;
    background: url('/Source/Images/cssimages/template/bluebuttongrad.gif') repeat-x top left;
    background: -moz-linear-gradient(top,#314a8b 0%,#0d2b77 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#314a8b),color-stop(100%,#0d2b77));
    background: -webkit-linear-gradient(top,#314a8b 0%,#0d2b77 100%);
    background: -o-linear-gradient(top,#314a8b 0%,#0d2b77 100%);
    background: -ms-linear-gradient(top,#314a8b 0%,#0d2b77 100%);
    background: linear-gradient(top,#314a8b 0%,#0d2b77 100%);
    border: 2px solid #fff;
    display: inline-block;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    box-shadow: 0 1px 3px rgba(0,0,0,0.5);
}
.submitButton .button {
    display: inline-block;
    background: url('/Source/Images/cssimages/template/linkBtn.png') no-repeat 100% 50%;
    border: 0;
    color: #fff!important;
    text-decoration: none;
    font-size: 1.4em;
    padding: 8px 40px 8px 10px;
    margin: 0;
}

.instruction {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 180px;
    margin-left: 20px;
}

.instructionInner {
    background: #fff;
    margin-left: 20px;
    margin-right: 20px;
}
.instructionInner .instructionTitle {
    font-size: 20px;
    color: #0B276D;
    margin-bottom: 20px;
    padding-top: 20px;
}
.instructionInner .instructionContent {
    font-size: 14px;
    color: #515151;
    background: #EAF3FB;
    padding: 20px;
    margin-bottom: 20px;
}
.component.emi .instructionLink {
    display: inline-block;
    vertical-align: middle;
    width: 18px;
    height: 15px;
    background: url('/Source/Images/cssimages/template/instructionLinkIcon.png') top left no-repeat;
    overflow: hidden;
    text-indent: -9999px;
    margin-left: 4px;
    margin-top: -6px;
}
.component.emi.memberLoginComponent {
    position: relative;
}
.component.emi.memberLoginComponent .componentTitle {
    font-size: 22px;
    color: #103184;
    border-top: 1px solid #FFF;
    border-left: 1px solid #FFF;
    border-right: 1px solid #FFF;
    border-bottom: 1px solid #cfd8e7;
}
.component.emi.memberLoginComponent .content {
    border: 1px solid #FFF;
}
.component.emi.expander {
    border: none;
    -webkit-box-shadow: 0 0 0 0 rgba(206,218,234,1);
    -moz-box-shadow: 0 0 0 0 rgba(206,218,234,1);
    box-shadow: 0 0 0 0 rgba(206,218,234,1);
    /*background: #fff;
    background: -moz-linear-gradient(top,#fff 0%,#f0f2f6 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#fff),color-stop(100%,#f0f2f6));
    background: -webkit-linear-gradient(top,#fff 0%,#f0f2f6 100%);
    background: -o-linear-gradient(top,#fff 0%,#f0f2f6 100%);
    background: -ms-linear-gradient(top,#fff 0%,#f0f2f6 100%);
    background: linear-gradient(top,#fff 0%,#f0f2f6 100%);*/
}
.component.emi.expander .componentTitle {
    border-bottom: 2px solid #eff1f5;
    overflow: hidden;
    cursor: pointer;
}
.component.emi.expander .componentTitle h3 {
    float: left;
}
.component.emi.expander .componentTitle span {
    float: right;
    padding: 6px 28px 5px 0;
    text-decoration: underline;
    color: #103184;
    text-align: right;
    background: url('/Source/Images/cssimages/components/showHideArrows.gif') right -27px no-repeat;
    cursor: pointer;
    font-size: 14px;
}
.component.emi.expander.open .componentTitle span {
    background: url('/Source/Images/cssimages/components/showHideArrows.gif') right 4px no-repeat;
}
.component.emi.expander .componentTitle span:hover {
    text-decoration: underline;
}
.component.emi.expander .content {
    border-top: 1px solid #fdfefe;
    display: none;
}
.two-col {
    overflow: hidden;
}
.two-col .col1 {
    width: 49%;
    float: left;
}
.two-col .col2 {
    width: 49%;
    float: left;
}
.two-col .title {
    font-size: 15px;
    font-weight: bold;
    margin: 0;
}
.two-col .links a {
    font-size: 12px;
    margin: 0 0 17px 0;
    display: block;
}
.two-col .tickboxList li {
    margin: 0 0 12px 0;
}
@media only screen and (min-width: 520px) {
    
    .two-col .col1 {
        width: 49%;
        float: left;
    }
    .two-col .col2 {
        width: 49%;
        float: right;
    }
}

.component.emi.benifits-table {
    width: 99%;
    border-collapse: collapse;
    border: none;
    table-layout: fixed;
}
.component.emi.benifits-table th {
    color: #103184;
    font-size: 1.3em;
    font-weight: bold;
    margin-bottom: 1em;
    text-align: center;
    padding: 0.75em 0em;
    line-height: 1.4em;
    border: 1px solid #A7CCEB;
    word-wrap: break-word;
}
.component.emi.benifits-table td {
    padding: 0.75em;
    color: #103184;
    font-size: 1.2em;
    line-height: 1.2em;
    vertical-align: top;
    border: 1px solid #A7CCEB;
    vertical-align: middle;
    word-wrap: break-word;
    text-align: center;
}
.component.emi.benifits-table td:first-child {
    text-align:left;
}
.component.emi.benifits-table td span.tick {
    display: block;
    background: url('/Source/Images/cssimages/components/tickCross.gif') no-repeat top center;
    width: 25px;
    height: 22px;
    margin: 0 auto;
}
.component.emi.benifits-table td span.tick.yes {
    background: url('/Source/Images/cssimages/components/tickCross.gif') no-repeat top center;
    height: 22px;
}
.component.emi.benifits-table td span.tick.no {
    background: url('/Source/Images/cssimages/components/tickCross.gif') no-repeat bottom center;
    height: 20px;
}

/* changes included by Maneesha for INternation home page refresh*/
@media only screen and (min-width: 992px) {
    .groupNav .groupListing{
	    width:970px;
    }
    .groupNav .group {
        width:17%;
	    padding: 0px;
    }
}
@media only screen and (max-width: 680px){
    .groupNav a:link{
	    font-size:11px;
    }
}
@media only screen and (min-width: 1200px) {
    .groupNav .groupListing{
	    width:1170px;
    }
}
/*changes ends*/

@media only screen and (max-width: 519px) {

    .component.emi.benifits-table {
        /* display: block;*/
        width: 99%;
    }
    .component.emi.benifits-table tr th {
        display: none;
    }
    .component.emi.benifits-table tr {
        border: 1px solid #A7CCEB;
        text-align: center;
    }
    .component.emi.benifits-table td {
        //display: inline-block;
        border: none;
        vertical-align: top;
        float: left;
    }
    .component.emi.benifits-table td:first-child {
        display: block;
        text-align: left;
        color: #103184;
        font-size: 1.3em;
        font-weight: bold;
        word-wrap: break-word;
    }
    .component.emi.benifits-table td:nth-child(2) {
        clear: left;
    }
    .component.emi.benifits-table td[data-columntitle]:before {
        content: attr(data-columntitle);
        margin: 0 0 10px 0;
        display: block;
    }
    .component.emi.benifits-table td[data-columntitle="row-title"]:before {
        content: '';
        display: none;
    }
}
.component.emi.why-carousel {
    clear: both;
    /*border: none;
    background: #f5f9fd;
    background: -moz-linear-gradient(top,#f5f9fd 0%,#c9e0f4 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#f5f9fd),color-stop(100%,#c9e0f4));
    background: -webkit-linear-gradient(top,#f5f9fd 0%,#c9e0f4 100%);
    background: -o-linear-gradient(top,#f5f9fd 0%,#c9e0f4 100%);
    background: -ms-linear-gradient(top,#f5f9fd 0%,#c9e0f4 100%);
    background: linear-gradient(top,#f5f9fd 0%,#c9e0f4 100%);*/
    position: relative;
    padding: 0 35px;
    border: 1px solid #FFFFFF;
}

.aside .component.emi.why-carousel 
{    
  margin-left: 2px;
}

.component.emi.why-carousel .carousel-component-title {
    font-size: 23px;
    margin: 15px 0;
    color: #0b276d;
    display: block;
    line-height: 24px;
}
.aside .component.emi.why-carousel .carousel-component-title {
    font-size: 18px;
    margin: 10px 0 0 0;
    color: #0b276d;
    display: block;
}
.component.emi.why-carousel.whyCarousel-carousel-vertical .carousel-component-title {
    margin-bottom: 45px;
}
.aside .component.emi.why-carousel {
    padding: 0 20px;
}
.component.emi.why-carousel.whyCarousel-carousel-vertical {
    padding: 0 35px 20px;
}
.aside .component.emi.why-carousel.whyCarousel-carousel-vertical {
    padding: 0 20px 20px 20px;
}
.component.emi.why-carousel.whyCarousel-carousel-both {
    padding: 20px 40px;
}
.aside .component.emi.why-carousel.whyCarousel-carousel-both {
    padding: 20px;
}
.component.emi.why-carousel:hover .arrow {
    opacity: 1;
}
.component.emi.why-carousel .arrow {
    position: absolute;
    display: block;
    width: 40px;
    height: 40px;
    cursor: pointer;
    /*opacity: 0;*/
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    /*z-index: 400; changes done by Mnaeesha for international site refresh*/
    margin: -20px 0 0 0;
}
.component.emi.why-carousel .arrow.arrow-left {
    top: 50%;
    left: -35px;
    margin: -20px 0 0 0;
    background: url('/Source/Images/cssimages/components/carousel-horizontal-arrows.png') no-repeat left center;
}
.component.emi.why-carousel .arrow.arrow-right {
    top: 50%;
    right: -35px;
    margin: -20px 0 0 0;
    background: url('/Source/Images/cssimages/components/carousel-horizontal-arrows.png') no-repeat right center;
}
.aside .component.emi.why-carousel .arrow.arrow-left {
    left: -20px;
}
.aside .component.emi.why-carousel .arrow.arrow-right {
    right: -20px;
}
.component.emi.why-carousel .arrow.arrow-up {
    top: -30px;
    left: 50%;
    margin: 0 0 0 -20px;
    background: url('/Source/Images/cssimages/components/carousel-vertical-arrows.png') no-repeat top center;
}
.aside .component.emi.why-carousel .arrow.arrow-up {
    top: -35px;
}
.component.emi.why-carousel .arrow.arrow-down {
    bottom: -20px;
    left: 50%;
    margin: 0 0 0 -20px;
    background: url('/Source/Images/cssimages/components/carousel-vertical-arrows.png') no-repeat bottom center;
}
.component.emi.why-carousel .items-clip {
    margin: 20px 0 0 0;
    position: relative;
}
.component.emi.why-carousel.whyCarousel-carousel-vertical .items-clip {
    margin: 20px 0 0 0;
    position: relative;
}
.component.emi.why-carousel .items-wrapper {
    overflow: hidden;
    position: relative;
    padding: 5px 0;
}
.component.emi.why-carousel ul {
    position: relative;
    text-align: center !important;
    list-style-type: none;
    float:left;
}
.aside .component.emi.why-carousel ul {
    position: relative;
    text-align: center !important;
    list-style-type: none;
    float:left;
    margin-left: 5px;
}

.component.emi.why-carousel .carousel-container {
    position: relative;
}
.component.emi.why-carousel .carousel-clip {
    margin: 0 -5px;
}
/*.component.emi.why-carousel.whyCarousel-carousel-vertical li.item {
    margin: 0 0 20px 0;
}*/

.component.emi.why-carousel li.item {
    float: left;
    /*display: inline-block;*/
    text-align: left;
    margin: 0 5px 20px;
    border: 3px solid #D5E8F7;
    background: #FFF;
    width: 140px !important;
    position: relative;
    z-index:1;
    list-style: none;
}
.component.emi.why-carousel li.item:before {
    position: absolute;
    z-index: 200;
    bottom: -24px;
    width:100%;
    left: 0;
    height: 24px;
    background: url('/Source/Images/cssimages/components/component-shadow.png') no-repeat top left;
    background-size: 100% 24px;
    background-position-x: 0px;
    background-position-y: 100%;
    content: '';
}
.aside .component.emi.why-carousel li.item {
    margin: 0 10px 15px 10px;
    width: 120px !important;
}
.component.emi.why-carousel li.item:first-child {
}

/*.component.emi.why-carousel li.item.item-hover .item-inner:after {
    position: absolute;
    z-index: 1000;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    content: '';
    border: 5px solid #0b276d;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.aside .component.emi.why-carousel li.item:after {
    border: 4px solid #0b276d;
}*/
.component.emi.why-carousel li.item:hover:before {
}
/*.component.emi.why-carousel.whyCarousel-carousel-horizontal li.item {
    margin: 0 10px 0 0;
}
.component.emi.why-carousel.whyCarousel-carousel-horizontal li.item.last {
    margin-right: 0;
}
.component.emi.why-carousel.whyCarousel-carousel-horizontal li.item.first.last {
    margin-left: 0;
    margin-right: 0;
}*/
.component.emi.why-carousel.whyCarousel-carousel-horizontal li.item,
.component.emi.why-carousel.whyCarousel-carousel-vertical li.item {
    margin: 0 5px 20px !important;
}
.component.emi.why-carousel li.item:hover {
    border: 3px solid #0b276d;
    margin: -4px 1px 16px;
}
.aside .component.emi.why-carousel li.item:hover {
    border: 3px solid #0b276d;
    margin: -3px 7px 12px;
}
.component.emi.why-carousel li.item .item-inner {
}
.component.emi.why-carousel.whyCarousel-carousel-vertical li.item.last {
    margin-right: 0 !important;
}
.component.emi.why-carousel.whyCarousel-carousel-vertical li.item.first.last {
    margin-left: 0;
    margin-right: 0;
}
.component.emi.why-carousel.whyCarousel-carousel-vertical.whyCarousel-1-column-carousel li.item {
    margin: 0 0 20px 0;
}
.component.emi.why-carousel li.item img {
    width: 100%;
    height: 90px;
}
.aside .component.emi.why-carousel li.item img {
    width: 100%;
    height: 67px;
}
/*.component.emi.why-carousel li.item.last {
    margin: 0;
}*/
.component.emi.why-carousel li.item .item-bottom,
.component.emi.why-carousel li.item .item-bottom-centered {
    padding: 10px 10px 30px 5px;
    overflow: hidden;
}
.component.emi.why-carousel li.item .item-bottom span.tick {
    float: left;
    background: url('/Source/Images/cssimages/components/tickCross.gif') no-repeat top center;
    width: 25px;
    height: 22px;
    margin: 0 3px 0 0;
}
.component.emi.why-carousel li.item .item-bottom-centered span.tick {
    float: left;
    background: url('/Source/Images/cssimages/components/tickCross.gif') no-repeat top center;
    width: 25px;
    height: 22px;
    margin: 0 3px 0 60px;
}
.aside .component.emi.why-carousel li.item .item-bottom span.tick {
    margin: 0 3px 0 0;
}
.aside .component.emi.why-carousel li.item .item-bottom-centered span.tick {
    margin: 0 3px 0 40px;
}
.component.emi.why-carousel li.item .item-bottom span.tick.yes,
.component.emi.why-carousel li.item .item-bottom-centered span.tick.yes {
    background: url('/Source/Images/cssimages/components/tickCross.gif') no-repeat top center; 
    height: 22px;
}
.component.emi.why-carousel li.item .item-bottom span.tick.no,
.component.emi.why-carousel li.item .item-bottom-centered span.tick.no {
   background: url('/Source/Images/cssimages/components/tickCross.gif') no-repeat bottom center;
   height: 20px;
}
.component.emi.why-carousel li.item .item-bottom .text {
    width: 90px;
    float: left;
}
.component.emi.why-carousel li.item .item-bottom-centered .text {
    width: 130px;
    text-align:center;
    clear:both;
}
.component.emi.why-carousel li.item .item-bottom p,
.component.emi.why-carousel li.item .item-bottom-centered p {
    font-size: 14px;
    font-weight: bold;
    color: #103184; 
}
.aside .component.emi.why-carousel li.item .item-bottom .text {
    width: 70px;
    float: left;    
}
.aside .component.emi.why-carousel li.item .item-bottom-centered .text {
    width: 110px;
    text-align: center;   
}
.aside .component.emi.why-carousel li.item .item-bottom p,
.aside .component.emi.why-carousel li.item .item-bottom-centered p {
    font-size: 12px;
    font-weight: bold;
    color: #103184;
}

/* 
// 
// END Styles from Equator
//
*/

.EmailIcon,
.formSubmit,
.EmailIcon a:link,
.EmailIcon a:visited,
.EmailIcon span
.formSubmit input
{
    background-image: url(/Source/Images/template/email_icon.jpg)no-repeat 100% 50%;
    overflow: visible;
    display: inline-block;   
    margin:0;
}
  .emailStyle
{
   font-family: Arial;color:Blue;
	font-size: 15pt;
	border: 1px solid #67CFF5;
}
       
        
.shareGroup
{
   margin-left:550px;
   position:absolute;
    padding-top:0px;
    vertical-align:baseline;
    white-space: nowrap;
    margin-top:0px;
    text-decoration:none;
    width:128px;
}
.shareGroupEmail {
    float: right;
    top: -33.75px;
    position: relative;
    left: 94px;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
     .shareGroupEmail
    {
        top:-34.5px !important ;
    }
}
@-moz-document url-prefix() {
   .shareGroupEmail
    {
        top: -34.75px !important ;
    }
}
@media only screen and (max-width: 768px)
{
    .shareGroupEmail
    {
        top: -36px !important;
    }
}
.EmailIconResponsiveImage
{
    display:none;
    }
.addthis_toolbox 
{
   float:left;   
}

.js .EmailFormWrapper 
{
    display:none;
}
.js .popupWindow .EmailFormWrapper 
{
    display:block;
}
.EmailFormWrapper 
{   
    margin:.5em 0;
}
.popupWindow .EmailFormWrapper 
{
    margin:0;
}

.EmailForm label 
{
    font-weight:bold;
    font-size: 2.4em;
    line-height: 2.4em;
    word-spacing:0.8em;
    margin-bottom:0.5em;
    color:#103184;
    display:block;
    font-family: Arial, sans serif;
  
}
.EmailForm .text 
{
    width:100%;
    padding:2px 0;
}
.EmailPopUpTitle
{
    
    color:#103184;
    margin-top:15px;
     font-size:2.2em;
   border-bottom:1px solid #DBE0ED;
   
    line-height: 1.5em;
    margin-bottom:0.8em;
   
    display:block;
    font-family: Arial, sans serif;
}

/* Style for NHS logo in Factsheet */
.NHSlogo
{
  
}

.NHSWhitelogo 
{
    position: absolute;
    right: 5px;
    top: 47px;
}
@media only screen and (max-width: 667px)
{
    .NHSWhitelogo 
    {
        width: 148px;
        top:58px;
    }
    .NHSlogo
    {
      width:148px;
    }
}

/* Added to display the 'incorrect captcha entered' error in the share email feature */

.captchaAlert
{
    margin-top: -163px;
    position: absolute;
    color: #EC1A3B;
    font-size: 12px;
    margin-left: 20px;
    font-weight: 600;
}
/* Moved these here from the eqtr_handw.css, so that we can have different header images for .co.uk and .com */

.health-and-wellbeing .siteSectionHeaderContent  {
    background: url('https://www.axappphealthcare.co.uk/uploadedImages/Resources/Images/header-cards-intl.png') no-repeat 100% 0px;
}
.health-and-wellbeing-scrapbook .siteSectionHeaderContent  {
    background: url('https://www.axappphealthcare.co.uk/uploadedImages/Resources/Images/header-scrapbook-intl.png') no-repeat 100% 0px;
}

/*Style for reducing the height of social share window in devices SR18812*/
.at4m-menu
{   height: 45%;
    top : auto !important;
}
.at4m-menu-header
{
    top : auto !important;
}