/* 
-------------------------------------------------------------------
British Heart Foundation stylesheet: homepage-specific styles
-------------------------------------------------------------------
*/

/* Header / main menu
--------------------------------------------------------------------------
*/

#header { width: 97em; }
#header ul { width: 15.1em; margin: 0 0 0 5px !important; margin: 0 0 0 3px; padding: 1em .7em !important; padding: 1.1em .7em; list-style: none; float: left; background: #e61a2d; }
#header ul li { border-top: 1px solid #ee6774; }
#header ul li.last { border-bottom: 1px solid #ee6774;}
#header ul li a { font-size: 1.1em; padding: .66em .6em; display: block; text-transform: uppercase; text-decoration: none; color: #fff; }
#header ul li a:hover { background:url(../../../../images/internal-menuselected.gif) right bottom no-repeat #eb4857; }
#header .borderleft { padding: 0; }

/* Main logo
--------------------------------------------------------------------------
*/
/* the commented out line doesn't properly work with IE7 added the width to fix LH
#mainlogo { position: relative; border-top: 1px solid #c1c1c1; border-bottom: 1px solid #c1c1c1; float: left; }
*/
#mainlogo { position: relative; border-top: 1px solid #c1c1c1; border-bottom: 1px solid #c1c1c1; float: left; width: 79.4em; }
#mainlogo { position: relative; border-top: 1px solid #c1c1c1; border-bottom: 1px solid #c1c1c1; }
#mainlogo img { width: 79.4em; height: 31em; vertical-align: bottom;}
#mainlogo img.getinvolved { width: 15.4em; height: 3.5em; position: absolute; bottom: 8.4em; right: 1.3em; }
#mainlogo img.donatenow { width: 15.4em; height: 3.5em; position: absolute; bottom: 3.4em; right: 1.3em; }
#flashContent { background-color:#000; } 

/* Latest news bar
--------------------------------------------------------------------------
*/

#latestnews { width: 97em; color: #424242; }
#latestnews .news { font-size: 1.1em; line-height: 1.6em; padding-top: 3px; float: left; }
#latestnews .date { color: #e83747; }
#latestnews .slashes { color: #a4a4a4; }
#latestnews .borderbottom { background-color: #ececec; }
#latestnews .borderbotright { padding: 1.1em 1.8em 1.9em 1.8em; }
#latestnews a { text-decoration: none; }
#latestnews a:hover { text-decoration: underline; }

/* Homepage content
--------------------------------------------------------------------------
*/

#homepage { margin: 1em 0; }

#homepage #groupLeft { width: 64.2em; float:left; }
#homepage #groupLeft .left { width: 31.8em; margin: 0 1em 0 0; float: left; }
#homepage #groupLeft .middle { width: 31.4em; float: left; }

#homepage .left { width: 31.8em; margin: 0 1em 0 0; float: left; }
#homepage .middle { width: 31.4em; float: left; }
#homepage .right { width: 31.8em; margin: 0 0 0 1em; float: left; }

#homepage h2 { margin: 0; padding: 0; font-size: 1em; }
#homepage .continue { margin: 10px 0 0 0 !important; margin: 5px 0 0 0; text-align: right; }
#homepage .bordertopRed { background-color: #db192a; }
#homepage .bordertoprightRed { text-align: center; padding: 14px 10px 6px 10px; }
#homepage .padder { min-height: 10.0em; padding: 1.0em 1.6em 1.6em 1.6em; }
#homepage .text { font-size: 1.1em; min-height: 65px; }
#homepage 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/homepage-speciallink.gif) no-repeat scroll center right; }
#homepage .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/homepage-speciallink.gif) no-repeat scroll center right; }

#homepage .bordertopleftSpan { background: url(../../../../images/smlborder-topleft.gif) top left no-repeat; }
#homepage .bordertoprightSpan { background: url(../../../../images/smlborder-topright.gif) top right no-repeat; }
#homepage .borderbotleftSpan { background: url(../../../../images/smlborder-botleft.gif) bottom left no-repeat; }
#homepage .borderbotrightSpan { background: url(../../../../images/smlborder-botright.gif) right bottom no-repeat; padding:1.8em;}

/* Main Content
--------------------------------------------------------------------------
*/
#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/homepage-speciallink.gif) no-repeat scroll center 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/homepage-speciallink.gif) no-repeat scroll center right; }

/* ie mac fixes */
/*\*//*/
#header ul { width: 130px; }
#homepage .right { width: 312px; }
/**/