/* 
-------------------------------------------------------------------
British Heart Foundation stylesheet: internal page styles
-------------------------------------------------------------------
*/

/* Left column (main menu)
--------------------------------------------------------------------------
*/

#leftcol { width: 17.4em; float: left; }
#leftcol .borderbotright { padding: 0 5px 4px 6px; }
#leftcol .menubackground1 { background: #e61a2d url('../../images/layout/internal-menubg1.gif') repeat-y scroll bottom left; }
#leftcol .menubackground2 { background: url('../../images/layout/internal-menubg2.gif') no-repeat scroll bottom left; }
#leftcol .menubackground3 { background: url('../../images/layout/internal-menubg3.gif') no-repeat scroll bottom right; }
#leftcol ul { margin: 0; padding: 1em .7em; list-style: none; }

#leftcol ul li a { font-size: 1.1em; padding: .64em .4em; display: block; text-transform: uppercase; text-decoration: none; color: #fff; border-bottom: 1px solid #ee6774; border-left: 3px solid #e61a2d; }
#leftcol ul li a:hover { background: url('../../images/layout/internal-menuselected.gif') right bottom no-repeat #eb4857; }
#leftcol ul li.last a { border-top: 0; }

#leftcol ul li.selected a, #leftcol ul li.on ul li.on ul li.selected a, #leftcol ul li.on ul li.on ul li.on ul li.selected a { font-weight: bold; background: #c32c3a url('../../images/layout/internal-menuselecteddark.gif') no-repeat scroll bottom right; }
#leftcol ul li.selected a:hover, #leftcol ul li.on ul li.on ul li.selected a:hover, #leftcol ul li.on ul li.on ul li.on ul li.selected a:hover { font-weight: bold; background: #c32c3a url('../../images/layout/internal-menuselecteddark.gif') no-repeat scroll bottom right; }

#leftcol ul li.on a, #leftcol ul li.on a:hover { font-weight: bold; background: #c32c3a; border-bottom: 1px solid #f2858f; }

#leftcol ul li.on ul li a, #leftcol ul li.on ul li a:hover { font-weight: normal; background: #c32c3a url('../../images/layout/menu2bgwhite.gif') no-repeat; background-position: .4em .8em; border-bottom: 1px dotted #f2858f; border-top: 0; padding-left: 1.5em;}
#leftcol ul li.on ul li a:hover { background: #e93647 url('../../images/layout/menu2bgwhite.gif') no-repeat; background-position: .4em .8em; }

#leftcol ul li.on ul li.on a, #leftcol ul li.on ul li.on a:hover { font-weight: bold; background: #ac1e2c url('../../images/layout/menu2bgwhite.gif') no-repeat; background-position: .4em .8em; border-bottom: 1px solid #f2858f; }
#leftcol ul li.on ul li.on ul li a, #leftcol ul li.on ul li.on ul li a:hover { font-weight: normal; background: #ac1e2c url('../../images/layout/menu2bgwhite.gif') no-repeat; background-position: 1em .8em; border-bottom: 1px dotted #f2858f; border-top: 0; padding-left: 2em;}
#leftcol ul li.on ul li.on ul li a:hover { background: #e93647 url('../../images/layout/menu2bgwhite.gif') no-repeat; background-position: 1em .8em; }

#leftcol ul li.on ul li.on ul li.on a, #leftcol ul li.on ul li.on ul li.on a:hover { font-weight: bold; background: #8f0d19 url('../../images/layout/menu2bgwhite.gif') no-repeat; background-position: 1em .8em; border-bottom: 1px solid #f2858f; }
#leftcol ul li.on ul li.on ul li.on ul li a, #leftcol ul li.on ul li.on ul li.on ul li a:hover { font-weight: normal; background: #8f0d19 url('../../images/layout/menu2bgwhite.gif') no-repeat; background-position: 1.5em .8em; border-bottom: 1px dotted #f2858f; border-top: 0; padding-left: 2.5em;}
#leftcol ul li.on ul li.on ul li.on ul li a:hover { background-color: #e93647; }


#leftcol ul li.on ul li.selected a, #leftcol ul li.on ul li.on ul li.selected a, #leftcol ul li.on ul li.on ul li.on ul li.on a {font-weight: bold; background: #8f0d19 url('../../images/layout/menu2bgwhite.gif') no-repeat; background-position: 1.5em .8em; }
#leftcol ul li.on ul li.selected a:hover, #leftcol ul li.on ul li.on ul li.selected a:hover, #leftcol ul li.on ul li.on ul li.on ul li.selected a:hover {font-weight: bold; background: #70020d url('../../images/layout/menu2bgwhite.gif') no-repeat; background-position: 1.5em .8em; }
#leftcol ul li ul { margin: 0; padding: 0; }
#leftcol ul li ul li a { padding: .4em .5em; display: block; text-transform: none; text-decoration: none; color: #fff; border-bottom: 1px dashed #f2858f; } 
#leftcol ul li.top a { border-top: 1px solid #ee6774; }

#leftcol ul li.on ul li.on ul li.on ul li.selected a { background: #70020d;}

/* Right column (header, content)
--------------------------------------------------------------------------
*/

#rightcol { width: 79.6em; float: left; }

#rightcol #mainlogo { width: 80.1em; height: 19.6em; position: relative; left: -.5em; margin-right: -.5em; }
#rightcol #CampaignMainLogo { width: 80.1em; position: relative; left: -.5em; margin-right: -.5em; }
#rightcol #CampaignMainLogo img { width: 79.6em; vertical-align: bottom; }
#rightcol #mainlogo img { width: 79.6em; height: 19.6em; vertical-align: bottom; }
#rightcol #mainlogo img.getinvolved { width: 13.9em !important; height: 3.1em !important; position: absolute; bottom: 6.8em; right: 1.8em; }
#rightcol #mainlogo img.donatenow { width: 13.9em !important; height: 3.1em !important; position: absolute; bottom: 2.8em; right: 1.8em; }

#rightcol #mainlogo.internal { xheight: 9.6em;}
#rightcol #mainlogo.internal img { xheight: 9.6em; }
#rightcol #mainlogo.internal img.getinvolved { bottom: 5.2em; }
#rightcol #mainlogo.internal img.donatenow { bottom: 1.2em; }

#rightcol #breadcrumb { left: -4px; margin-right: 0 !important; margin-right: -4px; }
#rightcol #breadcrumb .borderbotright { padding: .8em 1.4em 1.4em 1.4em; }
#rightcol #breadcrumb strong { font-size: 1.1em; margin: .4em 0 0 0; text-transform: uppercase; float: left; }
#rightcol #breadcrumb ol { margin: .4em 0 0 1em; padding: 0; list-style: none; float: left; width: 50%; }
#rightcol #breadcrumb ol li { font-size: 1.1em; display: inline; }
#rightcol #breadcrumb ol li .slashes { margin: 0 .3em 0 .2em; color: #bbb; }
#rightcol #breadcrumb ul { margin: 0; padding: 0 .5em 0 0; list-style: none; float: right; }
#rightcol #breadcrumb ul li { display: inline; }

#maincontent { padding: 1em 0 1em 1em; }

#maincontent .landingleft { width: 28em; float: left; }
#maincontent .landingleft h1 { margin: 0 0 1em 0; font-size: 1.6em; color: #e72335; }
#maincontent .landingleft p { font-size: 1.1em; }
#maincontent ul, #maincontent ol {font-size: 1.1em }
#maincontent .landingleft .borderbotright { padding: 1.8em; }

#maincontent .landingfeatureholder { width: 50em; float: left; }
#maincontent .landingfeature { width: 24em; margin: 0 0 1em 1em !important; margin: 0 0 1em .7em; float: left; }
#maincontent .landingfeature p{margin:0;font-size:1.1em;}
#maincontent .landingfeature h2 { font-size: 1em; margin: 0; }
#maincontent .landingfeature .intro { margin: 0 0 .5em 0; font-size: 1.3em; font-weight: bold; color: #e72335; }
#maincontent .landingfeature .text { font-size: 1.1em; }
#maincontent .landingfeature .continue { margin: .5em 0 0 0; text-align: right; }
#maincontent .landingfeature a.special { font-size: 1.1em; margin: 0 0 .5em 0; padding: 0 2em 0 0; color: #000; text-decoration: none; display: block; background: url('../../images/layout/homepage-speciallink.gif') no-repeat scroll center right; }
#maincontent .landingfeature .bordertopRed { background-color: #db192a; }
#maincontent .landingfeature .bordertoprightRed { text-align: center; padding: 1.1em 1.0em .4em 1.0em; }
#maincontent .landingfeature .padder { min-height: 11.3em; padding: .8em 1.8em; }
#maincontent .landingfeature .image { padding: .8em; }
#maincontent .landingfeature img.promobox { width: 23.5em; height: 17.3em; }

#maincontent .left { width: 68em; float: left; margin: 0 0 1em 0; }
#maincontent .left h1 { margin: 0 0 1em 0; font-size: 1.6em; }
#maincontent .left h2 { margin: 0 0 .5em 0; font-size: 1.3em; font-weight: bold; color: #e72335; }
#maincontent .left p { margin: 1em 0; font-size: 1.1em; }
#maincontent .left .bordertop { background-color: #ececec; }
#maincontent .left .borderbotright { padding: 1.8em; }

#maincontent .leftKit { width: 80em; float: left; margin: 0 0 1em 0; }
#maincontent .leftKit h1 { margin: 0 0 1em 0; font-size: 1.6em; }
#maincontent .leftKit h2 { margin: 0 0 .5em 0; font-size: 1.3em; font-weight: bold; color: #e72335; }
#maincontent .leftKit p { margin: 1em 0; font-size: 1.1em; }
#maincontent .leftKit .bordertop { background-color: #ececec; }
#maincontent .leftKit .borderbotright { padding: 1.8em; }

#maincontent .LeftContent { width: 53.5em; float: left; margin: 1em 0 1em 1em; }
#maincontent .LeftContent h1 { margin: 0 0 1em 0; font-size: 1.6em; }
#maincontent .LeftContent h2 { margin: 0 0 .5em 0; font-size: 1.3em; font-weight: bold; color: #e72335; }
#maincontent .LeftContent p { margin: 1em 0; font-size: 1.1em; }
#maincontent .LeftContent .bordertop { background-color: #ececec; }
#maincontent .LeftContent .borderbotright { padding: 1.8em; }

#maincontent .full { width: 78em; float: left; margin-bottom: 1em; }
#maincontent .full p { margin: 1em 0; font-size: 1.1em; }
#maincontent .full .bordertop { background-color: #ececec; }
#maincontent .full .borderbotright { padding: 1.8em; }
#maincontent .full .item { }


#maincontent .right { width: 23.5em; margin: 0 0 0 1em; float: left; }

#maincontent .right .feature { margin: 0 0 1em 0; }
#maincontent .right .feature h2 { font-size: 1.4em; margin: 0; color: #ffffff; }
#maincontent .right .feature .intro { margin: 0 0 1em 0; font-size: 1.2em; font-weight: bold; color: #e72335; }
#maincontent .right .feature .text { font-size: 1.1em; }
#maincontent .right .feature .continue { margin: 1em 0 0 0; text-align: right; }
#maincontent .right .feature a.special { font-size: 1.1em; margin: 0 0 1em 0; padding: 0 2em 0 0; color: #000; text-decoration: none; display: block; background: url('../../images/layout/homepage-speciallink.gif') no-repeat scroll center right; }
#maincontent .right .feature .bordertopRed { background-color: #db192a; }
#maincontent .right .feature .bordertoprightRed { text-align: center; padding: 1.1em 1em .4em 1em; }
#maincontent .right .feature .padder { padding: .8em 1.8em 1.8em 1.8em; }
#maincontent .right .feature .padder1 { padding:0 0.5em 0.5em; }

#maincontent .image-box-container-left { position: relative; float: left; margin: 0 1em 2em 0; }
#maincontent .image-box-container-right { position: relative; float: right; margin: 0 1em 2em 1em; }

#maincontent table { width: 100%; border-collapse: collapse; margin: 0 0 2em 0; }
#maincontent table caption { text-align: left; margin: 1em 0 0.5em 0; font-size: 1.3em; font-weight: bold; color: #e72335; }
#maincontent table th { padding: 0.5em; background: #e61a2d; color: #ffffff; width: 25%; }
#maincontent table td { padding: 0.5em; vertical-align:top; border-bottom: 1px solid #adadad; }
#maincontent table tr { }
#maincontent table tr.last td { border-bottom: none; }
#maincontent table td.viewAll { text-align: right; }
#maincontent table #multimap { width: 500px; border-collapse: collapse; margin: 0 9em 0 9em; }
#maincontent table .noborder { border: none; }
#maincontent table td .multimap { padding: 0.5em; vertical-align:middle; text-align:center; }


ul.inpage-links { margin: 0; padding: 0; list-style: none; display: inline;  }
ul.inpage-links li { float: left; margin: 0 .5em 1em 0; }
ul.inpage-links2 { margin: 0; padding: 0; list-style: none; display: inline;  }
ul.inpage-links2 li { float: right; margin: 0 .5em 1em 0; }

p.impact { padding: 0 0 0 0; }
p.impact span { font-weight: bold; }
  
/*\*//*/
#leftcol { width: 174px; }
/**/


.imgHolder {text-align:center}

.glossary { float:left; width: 100%; margin: 1em 0; padding: .5em 0; background: #eee;}
.glossary ul {float:left; clear:both;  margin: 0; padding:0; list-style:none}
.glossary li {margin:0; padding:0; float:left; list-style:none; }
.glossary a {float:left; padding: .2em .5em;  }
.glossary a.on {background: #e31c18; color: #fff; font-weight: bold}

#glossaryList {clear:both;  }
#glossaryList h3 {margin-bottom:0; padding-bottom:0 }
#glossaryList ul, 
#glossaryList ul li {margin:0; padding:0; list-style:none}
#glossaryList ul li {padding: .2em 0 }
#glossaryList ul {margin-bottom: 1.5em}

#maincontent .googlePagination {float:left; width: 100%; }
#maincontent .googlePagination p {float:left; width: 48%; margin:0; padding:0} 
#maincontent .googlePagination ul{float:right; text-align:right; width: 48%; margin:0; padding:0 }
#maincontent .googlePagination p {padding-right: .5em}
#maincontent .googlePagination ul li {list-style:none; display:inline; }
#maincontent .googlePagination ul li.previous {margin-right: 1em;}
#maincontent .googlePagination ul li.next {margin-left: 1em}

#maincontent #searchListings ol, #maincontent #searchListings ul {clear:both; margin:0 1em 0 2.5em; padding:0;}
#maincontent #searchListings ol p, #maincontent #searchListings ul p {padding:0; margin:.2em 0}
#maincontent #searchListings ol li  {margin-bottom: 1.5em; font-size: .9em}
#maincontent #searchListings ul {list-style:none; margin-left:1em}
#maincontent #searchListings ul li a {font-size: 1.1em; font-weight: bold}
#maincontent #searchListings ul li {border-bottom: 1px solid #eee; font-size: .9em; padding: .5em 0}
#maincontent #searchListings .searchUrl {color: #0e91c2; width:750px; float:left; } 
#maincontent #searchListings .orderItem {float:right;}

#maincontent .pagination {float:left; width: 100%; clear:both; margin: .5em 0 1em 0; padding: 5px; background: #e61a2d; color: #fff}
#maincontent .pagination a {color: #fff;}
#maincontent .pagination p {float:left; width: 50%; text-align:center; }
#maincontent .pagination p, 
#maincontent .pagination p a {font-weight: bold; color: #fff; text-decoration: none;}
#maincontent .pagination p span { border: 1px solid #fff; }
#maincontent .pagination div.prev {float:left; width: 20%;}
#maincontent .pagination div.next {float:right; text-align:right; width: 19%;}

#maincontent .pagination p,
#maincontent .pagination div.prev,
#maincontent .pagination div.next 
 {padding:0 10px 0 10px; margin: .5em 0; font-size: 1.1em; line-height: 1.5em;}
 

/* FAQ styles */
#maincontent #faqListing ul.questions {color:#e31c18;list-style:none;padding-left:0;}
#maincontent #faqListing ul.questions li {margin-bottom: .5em}
#maincontent #faqListing h3 {margin-top:1.75em; border:1px solid #d1cbc4; font-size:1.1em; background:#f2f2f2; padding:.3em; margin-bottom:.5em; }

#maincontent .faqAnswers h3 {margin-bottom:0; padding-bottom:0; margin-top: 2em}
#maincontent .faqAnswers p {margin-top:0; padding-top:0; }

.rtFloat {float:right}



#maincontent .shopCart th,
#maincontent .myBhfTable th {width: auto}
.shopCart td {font-size: 1.1em;  }

.shopCart .price,
.shopCart .subTotal,
.myBhfTable .price,
.myBhfTable .subTotal {font-size: 1.2em; font-weight: bold; color: #e61a2d }

.shopCart .subTotal,
.myBhfTable .subTotal {text-align:right}
.shopCart .price {width: 10% }
.shopCart td strong {font-size: 1.1em }

#maincontent .processButtons {border-bottom:0; }
#maincontent .processButtons td {padding-top: 2em }

/* smlborderX must inherit same properties as borderX */

#leftcol .smlborderbotright { padding: 0 5px 4px 6px; }
#rightcol #breadcrumb .smlborderbotright { padding: .8em 1.4em 1.4em 1.4em; }
#maincontent .landingleft .smlborderbotright { padding: 1.8em; }
#maincontent .left .smlborderbotright { padding: 1.8em; }
#maincontent .full .smlborderbotright { padding: 1.8em; }

/* Landing Feature Boxes top borders */

.landingfeature div.bordertopRed { background: url('../../images/layout/border-top-red-feat.gif') top left repeat-x; }
.landingfeature div.borderleftRed { background: url('../../images/layout/border-left-red-feat.gif') top left repeat-y; }
.landingfeature div.borderrightRed { background: url('../../images/layout/border-right-red-feat.gif') top right repeat-y; }
.landingfeature div.bordertopleftRed { background: url('../../images/layout/border-topleft-red-feat.gif') top left no-repeat; }
.landingfeature div.bordertoprightRed { background: url('../../images/layout/border-topright-red-feat.gif') top right no-repeat; }

h1 {clear:left;}

/* Right column help text box */
#maincontent .helpbox { padding: 1em 0; margin-top:140px;}
#maincontent .helpbox h2 { height: 1.5em; background: url('../../images/layout/icon_questionmark.gif') no-repeat; padding-left: 2em; margin-bottom: 0px; color: #E61A2D;}
#maincontent .helpbox p { color: #666666;}

/*used by F4T templates */
ul.listcampaigns { list-style: none; padding: 0px; margin: 0px; color: #fff; margin-left: 10px; /*z-index: 10;*/ }
ul.listcampaigns a:link, ul.listcampaigns a:visited { color: #fff; text-decoration: none; font-weight: bold; font-size: 120%; }
ul.listcampaigns li { float: left; margin-right: 10px; background-color: #336699; display: inline; width: 160px; text-align: center; }
ul.listcampaigns li#Current { background-color: #D7192A; }
#CampaignsList { background-color: #E3E3E3; /*top: -5px; position: relative; z-index: -10;*/ }
.CampaignList { float: left; width: 53.5em; }

.MediaLink { width: 100%; float: left; padding: 3px; }
div.FeatureText { width: 90%; padding: 10px; }
#maincontent .left .borderbotright1 { padding: 5px; }
#maincontent .left .borderbotright1 p { padding: 0px; margin: 0px; overflow: hidden; }
* html #maincontent .left .borderbotright1 p {  margin-top: -0px; }
/*end F4T templates */