body 
{
	width:100%;
	margin:0px;
	padding:0px;
	font-family:Arial;
	font-size:14px;	
}

img
{
	border:0;
}

p
{
	line-height: 18px;
}

#container
{
	width:1152px;
	margin:0 auto;
}

.popupTitle
{
	font-size:32px;
	color:#28889f;
	font-weight:bold;
	padding-left:145px;
}

#popupChxBox
{
	padding-left:170px;
	padding-bottom:50px;
}

#popupChxBox label
{
	padding-left:15px;
	font-size:24px;
	font-weight:bold;
	color:#28889f;
}

#popupChxBox .chxBox
{
	padding-bottom:20px;
}

.browsernotification
{	
	background: url(../images/ie6BannerBG.gif) top left repeat-x; 
	width: 100%;
	padding: 0;
	
}
.browsernotification img
{
	padding: 0px;
	margin: 0px auto;
		
}
.browsernotification div
{
	width: 820px; 
	margin: 0 auto;
}
/******************************************
				   HEADER
*******************************************/
#fontsizing
{
	position:relative;
	display:block;
	left:935px;
	top:20px;
	width:120px;
	height:20px;
}

#fontsizing div
{
	float:left;
	margin-right: 3px;
	color:#28889f;
	font-weight:bold;
	vertical-align:bottom;
}

#headerWrapper
{
	height: 545px;
	width:100%;
	position:relative;
	text-align:center;
	background: #000000;
}

#header
{
	position:relative;
	text-align:left;
	width:1152px;
	margin-left:auto;
	margin-right:auto;
	background-color: #000000;
}

#headerContent
{
	width: 1152px;
	height: 540px;
	
}

#homeVideoContainer
{	
	position: absolute;
	left: 361px;
	top: 125px;
	z-index: 1;
}

#homeVideos
{
	float: left;
	overflow: hidden;	
}

#thumbnailContainer
{
	padding: 0px 0px 0px 20px;
	float: left;
}

#logo
{
	float:left;
	z-index:1000;
	position:relative;
}


#search
{
	background: url(../images/header/search-bg.gif) no-repeat left;
	width:232px;
	height:41px;
}

.searchBox
{
	padding: 0;
	margin-top:5px;
	margin-left:32px;
	background:transparent;
	border: 0;
	color:#246fa5;
}

.searchBtn
{
	vertical-align:top;
	margin-left:18px;
}

.navName
{
	display:none;
}

#headerLinks
{
	width: 350px;
	text-align:center;
	position:relative;
	float:right;
	right:100px;
}

#noFlash
{
	left: 280px;
	top: 280px;
	position: absolute;
}

#logo
{
	position:relative;
	left:95px;
}
.clear
{
	clear: both;
	height: 1px;
	font-size: 0;	
}

#headerLinks div
{
	float: left;
}

#searchContainer
{
	background: transparent url(../images/Header/search-bg-on.gif) no-repeat top left;
}

/******************************************
				  NAVIGATION
*******************************************/
#navigationWrapper
{	
	width: 100%;
	background: url(../images/nav/nav-bg.gif) repeat-x;
	border-bottom: 1px solid #868686;
	border-top: 0px;
}
#navigation
{
	margin: 0 auto;
	height: 41px;
	width: 1152px;
	z-index: 900;
	height:41px;
	width:980px;

}
/*
#navigation
{
	border:1px solid #868686;
	height:41px;
	border-top:0px;
	width:100%;
	padding-left:86px;
	background: url(../images/nav/nav-bg.gif) repeat-x;
	position:absolute;
	top:300px;
	z-index:900;

}
*/

.nav
{
	position:relative;
	font-size:1px;
}
#subTitle
{
	font-weight:bold;
	color:#aa0812;
	margin-top:0px;
}


.topNav
{
	float:left;
	border-right:1px solid #868686;
	height:41px;
	position:relative;
	z-index:100;
}

#topNav
{
	height:41px;
	width:980px;
}

.dropDown
{
	position:absolute;
	top:41px;
	height:34px;
	z-index:1000;
	display: none;
}

.dropDown .navLink
{	
	position:relative;
	color:#FFFFFF !important;
	text-decoration:none;
	font-size:14px;
	z-index:1000;
	font-weight:bold;	
}
.active
{
	z-index: 0;	
}
.dropDown .navLink:hover, .dropDown .active a
{
	color:#000000 !important;
}

.dropDown div
{	
	
	background-color:#28889f;
}

.ddleft
{
	width:7px;
	height:34px;
	background:url(../images/nav/dropdown-left.gif) no-repeat;
	background-color:transparent !important;
}

.ddright
{
	width:7px;
	height:34px;
	background:url(../images/nav/dropdown-right.gif) no-repeat;
	background-color:transparent !important;
}
.subNav
{
	display:none;
	border-top: 1px solid #868686;
	border-bottom: 1px solid #868686;
	height:25px;
}
.subNav div
{
	float:left;
	margin-right:15px;
}

.subNav .navLink
{
	padding:5px 0px 5px 15px;
	position:relative;
	top:5px;
	color:#000000;
	text-decoration:none;
	z-index:1000;
	font-weight:bold;
	font-size:12px;
	background: url(../Images/Nav/subnav-arrow.gif) no-repeat left top;
}
#subNavigation
{
	padding:45px 0px 10px 0px;
}
#navHome
{
	background:url(../images/nav/home.gif) no-repeat;
	width:103px;
}
#navHome:hover, .active #navHome, #navHome.on
{
	background:url(../images/nav/home.gif) no-repeat 0 -41px !important;
}

#navLearn
{
	background:url(../images/nav/learn-about.gif) no-repeat;
	width:193px;
}
#navLearn:hover, .active #navLearn, #navLearn.on
{
	background:url(../images/nav/learn-about.gif) no-repeat 0 -41px !important;
}

#navHear
{
	background:url(../images/nav/hear-others.gif) no-repeat;
	width:173px;
}
#navHear:hover, .active #navHear, #navHear.on
{
	background:url(../images/nav/hear-others.gif) no-repeat 0 -41px !important;
}

#navAssessment
{
	background:url(../images/nav/take-the-angina-assessment.gif) no-repeat;
	width:254px;
}
#navAssessment:hover, .active #navAssessment, #navAssessment.on
{
	background:url(../images/nav/take-the-angina-assessment.gif) no-repeat 0 -41px !important;
}

#navRegisterForUpdates
{
	background:url(../images/nav/register-for-updates.gif) no-repeat;
	width:247px;
}
#navRegisterForUpdates:hover, .active #navRegisterForUpdates, #navRegisterForUpdates.on
{
	background:url(../images/nav/register-for-updates.gif) no-repeat 0 -41px !important;
}

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

#navWhatIsAngina, .active #navWhatIsAngina
{
	background:url(../images/nav/what-is-angina.gif) no-repeat;
	width:290px;
	height: 30px;
}
#navWhatIsAngina:hover, #navWhatIsAngina.on
{
	background:url(../images/nav/what-is-angina.gif) no-repeat 0 -30px !important;
}

#navWhatAnginaFeelLike, .active #navWhatAnginaFeelLike
{
	background:url(../images/nav/what-does-angina-feel-like.gif) no-repeat;
	width:290px;
	height: 20px;
}
#navWhatAnginaFeelLike:hover, #navWhatAnginaFeelLike.on
{
	background:url(../images/nav/what-does-angina-feel-like.gif) no-repeat 0 -20px !important;
}

#navWhoGetsAngina, .active #navWhoGetsAngina
{
	background:url(../images/nav/who-gets-angina.gif) no-repeat;
	width:290px;
	height: 20px;
}
#navWhoGetsAngina:hover, #navWhoGetsAngina.on
{
	background:url(../images/nav/who-gets-angina.gif) no-repeat 0 -20px !important;
}

#navFAQ, .active #navFAQ
{
	background:url(../images/nav/faq.gif) no-repeat;
	width:290px;
	height: 22px;
}
#navFAQ:hover, #navFAQ.on
{
	background:url(../images/nav/faq.gif) no-repeat 0 -22px !important;
}

#navSpacerSection1
{
	background:url(../images/nav/nav-spacer-section1.gif) no-repeat;
	width:290px;
	height: 9px;
}

#navSpacerSection2
{
	background:url(../images/nav/nav-spacer-section2.gif) no-repeat;
	width:290px;
	height: 6px;
}

#navAnginaMythsFacts, .active #navAnginaMythsFacts
{
	background:url(../images/nav/angina-myth-vs-facts.gif) no-repeat;
	width:290px;
	height: 39px;
}
#navAnginaMythsFacts:hover, #navAnginaMythsFacts.on
{
	background:url(../images/nav/angina-myth-vs-facts.gif) no-repeat 0 -39px !important;
}

#navDontLetAnginaInterrupt, .active #navDontLetAnginaInterrupt
{
	background:url(../images/nav/dont-let-angina-interrupt.gif) no-repeat;
	width:290px;
	height: 24px;
}
#navDontLetAnginaInterrupt:hover, #navDontLetAnginaInterrupt.on
{
	background:url(../images/nav/dont-let-angina-interrupt.gif) no-repeat 0 -24px !important;
}

#navSpeakToYourCardiologist, .active #navSpeakToYourCardiologist
{
	background:url(../images/nav/speak-to-your-cardiologist.gif) no-repeat;
	width:290px;
	height: 21px;
}
#navSpeakToYourCardiologist:hover, #navSpeakToYourCardiologist.on
{
	background:url(../images/nav/speak-to-your-cardiologist.gif) no-repeat 0 -21px !important;
}

#navSpacerSection3
{
	background:url(../images/nav/nav-spacer-section3.gif) no-repeat;
	width:290px;
	height: 17px;
}

#navReducingAnginaSymptoms, .active #navReducingAnginaSymptoms
{
	background:url(../images/nav/reducing-angina-symptoms.gif) no-repeat;
	width:290px;
	height: 23px;
}
#navReducingAnginaSymptoms:hover, #navReducingAnginaSymptoms.on
{
	background:url(../images/nav/reducing-angina-symptoms.gif) no-repeat  0 -23px !important;
}

#navLifestyleChanges, .active #navLifestyleChanges
{
	background:url(../images/nav/lifestyle-changes.gif) no-repeat;
	width:290px;
	height: 19px;
}
#navLifestyleChanges:hover, #navLifestyleChanges.on
{
	background:url(../images/nav/lifestyle-changes.gif) no-repeat 0 -19px !important;
}

#navTreatmentOptions, .active #navTreatmentOptions
{
	background:url(../images/nav/treatment-options.gif) no-repeat;
	width:290px;
	height: 20px;
}
#navTreatmentOptions:hover, #navTreatmentOptions.on
{
	background:url(../images/nav/treatment-options.gif) no-repeat 0 -20px !important;
}

#navReducingTreatmentSideEffects, .active #navReducingTreatmentSideEffects
{
	background:url(../images/nav/reducing-treatment-side-effects.gif) no-repeat;
	width:290px;
	height: 19px;
}
#navReducingTreatmentSideEffects:hover, #navReducingTreatmentSideEffects.on
{
	background:url(../images/nav/reducing-treatment-side-effects.gif) no-repeat 0 -19px !important;
}

#navSpacerSection4
{
	background:url(../images/nav/nav-spacer-section4.gif) no-repeat;
	width:290px;
	height: 11px;
}

#navHelpfulLinks, .active #navHelpfulLinks
{
	background:url(../images/nav/helpful-links.gif) no-repeat;
	width:290px;
	height: 38px;
}
#navHelpfulLinks:hover, #navHelpfulLinks.on
{
	background:url(../images/nav/helpful-links.gif) no-repeat 0 -38px !important;
}

#navAnginaAnimation, .active #navAnginaAnimation
{
	background:url(../images/nav/angina-animation.gif) no-repeat;
	width:290px;
	height: 43px;		
}
#navAnginaAnimation:hover, #navAnginaAnimation.on
{
	background:url(../images/nav/angina-animation.gif) no-repeat 0 -43px !important;
}

#navAnginaAnimation a
{
	padding-bottom: 18px !important;
}

#navRealPatientStories, .active #navRealPatientStories
{
	background:url(../images/nav/real-patient-stories.gif) no-repeat;
	width:290px;
	height: 43px;		
}
#navRealPatientStories:hover, #navRealPatientStories.on
{
	background:url(../images/nav/real-patient-stories.gif) no-repeat 0 -43px !important;
}

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



/******************************************
				MAIN CONTENT
*******************************************/

#content
{
	margin-left:96px;
}

.section
{
	width:297px;
}

.sectionImg
{
	margin-right:15px;
	margin-bottom:5px;
}

.section, .divider
{
	float:left;
	margin-right:15px;
	margin-top:40px;
	margin-bottom:80px;
}

/******************************************
				   FOOTER
*******************************************/
.disclaimer
{
	padding-left: 100px;
}
.disclaimercontainer
{
	width: 850px;
	float: left;
}
#footerLinks
{
	font-size:14px;
}

#footerLinks a
{
	color:#000000;
	text-decoration:none;	
	font-weight:bold;
}

#footerLinks a:hover
{
	color:#28889F;
}

#footerWrapper
{
	padding:20px 0;
	background-color:#e9e9e9;
	width:100%;
	margin-top:50px;
}

 #footerContent
 {
	width:960px;
	margin-left:auto;
	margin-right:auto;
}

#footerLogo
{
	float:right;
}

#footerCopyright
{
	
}

#footerCopyright p
{
	font-size:11px;
	margin:10px 0px;
}

#staticDonnette .staticLink
{
	padding-left: 113px;
}

#staticClaudia .staticLink
{
	padding-left: 86px;
}

#staticDebbie .staticLink
{
	padding-left: 68px;
}

#staticTeddy .staticLink
{
	padding-left: 68px;
}
.headerStaticImage
{
	padding-top: 15px;
	padding-bottom: 5px;
}
#staticRalph
{
	padding-top: 3px;
}
#staticTeddy
{
	padding-top: 6px;
}
.overviewheader
{
	padding-left: 5px;	
}
.overview
{
	padding-top: 7px;	
}
.webbywinner
{
	float: right;	
	margin-right: 98px;
}
#headerSFTHCopy
{
	padding: 4px 0px 0px 23px;
}

#thumbnailScroller
{		
	width: 116px;	
	clear: both; 
	margin: 10px 0 10px;
}
#thumbnailScroller .viewport { height: 241px; width: 101px; overflow: hidden; position: relative; }
#thumbnailScroller .overview { list-style: none; position: absolute; left: 0; top: 0; }
#thumbnailScroller .scrollbar { background: url("../images/bg-scrollbar-track-y.png") no-repeat scroll 0 0 transparent; position: relative; float: right; width: 15px; }
#thumbnailScroller .track { background: url("../images/bg-scrollbar-trackend-y.png") no-repeat scroll 0 100% transparent; height: 100%; width:15px; position: relative; padding: 0 0px 0px 1px; }
#thumbnailScroller .thumb { background: url("../images/bg-scrollbar-thumb-end-y.png") no-repeat scroll 3px 0 transparent; height: 20px; padding-top: 5px; width: 13px; cursor: pointer; overflow: hidden; position: absolute; top: 0; }
#thumbnailScroller .thumb .end { background: url("../images/bg-scrollbar-thumb-y.png") no-repeat scroll 3px 100% transparent; height: 100%; width: 13px; }
#thumbnailScroller .disable{ display: none; }