/*
 *  Stylesheet for The Heart Truth
 *	@author: Jay Morrow <Jay.Morrow@ogilvypr.com>
 *	@date: 01/080/09
 */
ul li {
	padding: 0
}

/*-------- Layout -------------------*/
#wrapper, #wrapper #inner-wrapper { clear: both; }
#wrapper { width: 1000px; }
#wrapper #inner-wrapper { padding-top: 10px; display: inline-block; }
#wrapper div { font-family : Verdana, Arial, sans-serif; line-height: normal; }
#wrapper .column { float: left; display: inline; padding-bottom: 50px; }
#wrapper .sidebar { width: 180px; }
#wrapper #content { width: 567px; padding: 0 27px 50px 40px; }
#wrapper #content.wide { width: 747px !important; }
* html #wrapper #content { padding-left: 30px; }

/* Interior Pages */
#wrapper h1 span { position: absolute; left: -99999px; }
#wrapper #Date a { padding: 0 10px;  color: #301A61; font-weight: bold; text-decoration: none; border-right:1px solid #E1E1F6; border-left:1px solid #E1E1F6; }
#wrapper #Date a:hover { color: #F00; background-color: #FBF5F4; }
#wrapper #content .red { font-weight: bold; color: #D11423; }
#wrapper #content .showslide { color: #D11423; }

#wrapper #content .inset-left { float: left; display: inline; margin: 0 10px 10px 0; }
#wrapper #content .extraBottom {margin-bottom: 40px;}
#wrapper #content .inset-right { float: right; display: inline; margin: 0 0 10px 10px; }
#wrapper #content #pin-inset { border: 1px solid #D6D5FD; width: 140px; }
#wrapper #content #pin-inset p { font-size: .9em !important; padding: 0 5px; line-height: 1.3em; }
#wrapper #content #am-quote { width: 151px; color: #d11423; font-weight: bold; border-top: 1px solid #D6D5FD; border-bottom: 1px solid #D6D5FD; padding: 10px 15px; }
#wrapper #content #am-quote cite { display: block; padding-top: 5px; color: #333; font-size: .8em; }
#wrapper #content .inset-lefttop { float: left; display: inline; margin: 15px 10px 10px 0px; }

#wrapper #content .box { float: left; display: inline; overflow: hidden; width: 262px; padding: 15px 0 0 8px; }
#wrapper #content .box img { float: left; display: inline; }
#wrapper #content .box .text { float: right; display: inline; width: 162px; }
#wrapper #content .box .text p { word-spacing: -1px; margin-top: 0; font-size: 10.8px !important; line-height: 1.3em; }

#wrapper #content .gal-photo { text-align: center; float: left; display: inline; overflow: hidden; width: 250px; padding: 15px 8px 0; }
#wrapper #content .gal-photo p { text-align: left; }

#wrapper #content #story-nav { float: left; width: 152px; margin-right: 10px; }
#wrapper #content #story-nav #story-inner { padding-left: 15px; }
#wrapper #content #story-nav ul { margin: 0; padding: 0; }
#wrapper #content #story-nav ul li { margin: 0; padding: 0 0 5px; list-style: none; }
#wrapper #content #story-nav ul li a { color: #66C; font-weight: bold; text-decoration: none; }
#wrapper #content #story-nav ul li a:hover,
#wrapper #content #story-nav ul li .current { color: #000; background: none; }
#wrapper #content #story-nav ul li a span { font-weight: normal; }

#wrapper #content .next-page { list-style: none; margin: 0; padding: 0 0 10px; }
#wrapper #content .next-page li { display: inline; padding: 0 5px; }

#wrapper #content .sponsor td { padding: 3px 3px 15px; vertical-align: top; text-align: center; }
#wrapper #content .sponsor td img {  padding-top: 10px; }
#wrapper #content .sponsor td p { text-align: left; }

#wrapper #content .champion td img {  padding: 3px 10px 15px 0; }

#wrapper #content .advisory dt { font-weight: bold; text-align: right; float: left; clear: left; display: inline; width: 120px; }
#wrapper #content .advisory dd { float: left; display: inline; margin: 0 0 0 10px; width: 390px; }
#wrapper #content .advisory dd p { margin: 0 0 15px; }

#wrapper #content .sp-link { padding: 0 10px;  color: #301A61; font-weight: bold; text-decoration: none; border-right:1px solid #E1E1F6; border-left:1px solid #E1E1F6; }
#wrapper #content .sp-link:hover { color: #F00; background-color: #FBF5F4; }

#wrapper #content .press-header { border-bottom: 1px solid #000; overflow: hidden; padding-bottom: 10px; }
#wrapper #content .press-header img { float: left; display: inline; }
#wrapper #content .press-header div { float: right; display: inline; width: 220px; padding-top: 15px; }

#wrapper #content .toolkit { width: 202px !important; }

#wrapper #content #wrd-box { margin: 0 0 15px; font-size: 10px; width: 180px; padding: 10px; border: 1px solid #F00; }

#wrapper #content .container { border: 1px solid #A1B8E2; width: 183px; }
#wrapper #content .container p, #wrapper #content .container h4 { margin: 0; padding: 10px; }

#wrapper #content #badge-list { overflow: hidden; margin: 0; padding: 0; }
#wrapper #content #badge-list li {  float: left; display: inline; width: 350px; margin: 2px 0; list-style: disc outside; }

#wrapper #content ul.space li { padding: 2px 0; }

#wrapper #content .caption {padding-left: 15px; padding-top: 5px; padding-right:44px;font-size: .8em; line-height: 9pt;}

#wrapper #content #banners img { margin: 0 10px; }

#wrapper #content .banner-embed { border-bottom: 1px solid #D6D5FD; margin-bottom: 20px; padding-bottom: 20px; }
#wrapper #content .banner-embed a:hover { background: none; }
#wrapper #content .banner-embed img { margin-bottom: 10px; }

#wrapper #content .item-links { clear: both; padding-top: 5px; }
#wrapper #content .download-link { display: inline-block; font-size:.8em; border-right: 1px solid #666; padding-right: 7px; margin-right: 3px; }
#wrapper #content .jpg { border-right: none; }
#wrapper #content .twitter-share-button { width: 90px !important; }

#wrapper #content .tht-fb-button { float:left;}
#wrapper #content .tht-tweet-button { margin-left:10px; float:left;}
#wrapper #content .tht-pin-it-button { margin-left:15px; float:left;}

#wrapper #cs-policy p,
#wrapper #cs-policy ul li { font-size: .8em; }
#wrapper #cs-policy ul { padding-left: 12px;  }
#wrapper #cs-policy ul li { list-style: outside disc; margin: 2px 0; }

.widget-block { padding: 0 30px 25px 0; float: left; display: inline; }
.widget-block p { font-weight: bold; }
.widget-block input { width: 315px; }
.widget { width: 325px; position: relative; height: 300px; margin-bottom: 10px; }


/*-------- Navigation -------------------*/

/* Primary Nav */
#wrapper #heart-nav { border-top: 1px solid #e1e1f6; }
#wrapper #heart-nav li { width: 180px; border-bottom: 1px solid #e1e1f6; }
#wrapper #heart-nav li a { font-weight: bold; color: #40398D !important; background: #fff; text-decoration: none !important; padding: 11px 9px; display: block; width: 162px; }
#wrapper #heart-nav li a:hover,
#wrapper #heart-nav .current a { color: #fff !important; background: #40398D !important;}

/* Secoondary Nav */
#wrapper #heart-nav ul { display: none; }
#wrapper #heart-nav .current ul { display: block; }
#wrapper #heart-nav .current ul li a { background-color: #D6D5FD !important; color: #301A61 !important; font-weight: normal; font-size: .9em; }
#wrapper #heart-nav .current ul li a:hover, #wrapper #heart-nav .current ul .current a { background-color: #D6D5FD !important; color: #301A61 !important; font-weight: bold; }

/* Tertiary Nav */
#wrapper #heart-nav .current ul ul { display: none; }
#wrapper #heart-nav .current .current ul { display: block; }
#wrapper #heart-nav .current .current li a { background-color: #ebeafe !important; padding-left: 24px; width: 147px; font-weight: normal !important;}
#wrapper #heart-nav .current .current li a:hover,
#wrapper #heart-nav ul ul .current a { color: #301A61 !important; background: #ebeafe url(/health/educational/hearttruth/images/bg-tert-nav.gif) no-repeat 0 3px !important; text-decoration: underline !important; }

/* Wear Red Nav */
#wrapper #wear-red-nav { margin: 5px auto; padding: 0; overflow: hidden; width: 525px; }
#wrapper #wear-red-nav li { border-left:1px solid #E1E1F6; text-align: center; list-style: none; display: inline; float: left; margin: 0; padding: 0; }
#wrapper #wear-red-nav li a { text-decoration: none; text-transform: uppercase; color: #301A61 !important; font-weight: bold; font-size:0.8em; padding: 5px; display: block; }
#wrapper #wear-red-nav li a:hover,
#wrapper #wear-red-nav .current a { color: #F00; background-color: #FBF5F4; }
#wrapper #wear-red-nav .last { border-right:1px solid #E1E1F6; }

/*-------- Carousel -------------------*/
#wrapper #carousel .item img { border: 1px solid #d9d9e9; }
#wrapper #carousel .items-wrapper { width: 567px; height: 182px; position: relative; overflow: hidden; }
#wrapper #carousel .items { width: 22270px; position: absolute; left: 0; }
#wrapper #carousel .items .item { float: left; display: inline; }
#wrapper #carousel-links { margin: 0; padding: 1px 8px 5px; width: 551px; overflow: hidden; background: #fff url(/health/educational/hearttruth/images/carousel-bg.gif) no-repeat left top; }
#wrapper #carousel-links li { list-style: none; margin: 0; float: left; display: inline; font-family: Arial, Helvetica, sans-serif; }
#wrapper #carousel-links li a { color: #fff !important; background-color: #91182A; font-weight: bold;  font-size: 12px; text-decoration: none !important; display: block; width: 16px; height: 15px; text-align: center; }
#wrapper #carousel-links li .border { border-right: 1px solid #a25564; }
#wrapper #carousel-links li a:hover,
#wrapper #carousel-links .current a { background-color: #fff !important; color: #91182A !important; }

/*-------- Sidebar -------------------*/
#widget-carousel { width: 160px; overflow: hidden; position: relative; margin-bottom: 15px; }
#widget-carousel #w-wrapper img { margin-bottom: 0px; background-color: #a25564;}

#wrapper .promo { font-size: 12px; border: 1px solid #e1e1f6; margin-top: 28px; padding: 15px 5px; }
#wrapper .promo h4 { color: #D11423; font-size: 1em; margin: 0; }
#wrapper .promo ul { padding-top: 10px; }
/*#wrapper .promo a { font-size: 0.9em; }--*/
#wrapper .promo p { font-size: 1em !important; margin: 0; padding: 3px; }

#wrapper .promobtn { border-top: 1px solid #f0f0fb; border-bottom: 1px solid #f0f0fb; color:#55555b; padding:4px 0px 4px 0px; }

/*-------- General Styles -------------------*/
#wrapper a img, #wrapper img { border: 0; vertical-align: bottom;}
#wrapper a.external { background: url(/health/educational/hearttruth/images/external.gif) no-repeat right top; padding-right: 12px; display:inline-block;}
#wrapper a.external:hover { background: url(/health/educational/hearttruth/images/external.gif) no-repeat right top #FFF2B3; padding-right: 12px; display:inline-block; }

#wrapper .clear-float { clear: both; }


/*-------- Typography -------------------*/
#wrapper #content h1 { font-size: 1.2em; padding-bottom: 10px; }
#wrapper #content h2 { font-size: 1.2em !important;}
#wrapper #content li h4 { margin: 17px 0; }
#wrapper #content h4 { margin: 0 ; Font-style: normal ; }
#wrapper h4.no-margin { margin: 0 0 5px !important; }
#wrapper #content p { line-height: 18px; margin: 0 0 12px; }
#wrapper .sidebar ul { margin: 0; padding: 0; }
#wrapper .sidebar ul li { list-style: none; margin: 0; }

@media print {
	Body	{ width: auto; position:inherit; }
	#wrapper div { line-height: inherit; }
	#Header, #Footer, #Breadcrumbs, #Date, #carousel, #wrapper .sidebar { display: none !important; }
	#wrapper h1 span { position: inherit !important; }
	#wrapper ul li { margin: 0; padding: 0; }
	#wrapper dt { margin-top: 10px; }
	#wrapper dd { padding-top: 10px; }
}

#disclaimer { line-height : 22px; }

#wrapper #content { font-size: .75em; }
#wrapper #content p { font-size: 12px !important; }
#wrapper #content li p { font-size: 1em !important; }
#wrapper #content p { line-height : 135% !important; }
#wrapper #content div { line-height : 135% !important; }
#wrapper #content h4	{ font-family: Verdana, Arial, sans-serif; color: #104b7d; font-size: 14pt; font-weight: bold; line-height : 22px !important; }

#wrapper .example-code{background-color:#fff;border:1px solid #ccc;border-radius:15px;margin:0px;padding:3px;}
#wrapper textarea.example-code{height:80px;width:95%;min-width:100px;max-width:500px;font-size:11px;color:#333;}
#wrapper #lastmodified {position:relative; bottom:0; font-style: italic; padding-top:30px;}
#wrapper #chat-widget {position:relative; left:-3px; margin-top:15px;}



div.box {border: none; }
#Date {
	float: right;
	margin-top: 5px;

    color: #333333;
   
    font-family: Verdana,Arial,sans-serif;
    font-size: 10px;
    height: 14px;
    margin-right: 5px;
    padding: 5px 0 0 0;
    text-align: right;
    width: 190px;
}
#Breadcrumbs {
	width: 780px;
	float: left;
}