/* global styles for standard elements */
body, h1, h2, h3, h4, h5, h6, p, form, table, tr, td, blockquote, ul, li {
 margin: 0px;
 padding: 0px;
}

body {
 text-align: center;
 font-family: arial, sans-serif;
 font-size: 12px;
 font-weight: normal;
 color: #333333;
 background-color: #f6efe5;
}

body.regular {
 font-size: 12px;
}

body.large {
 font-size: 14px;
}

div {
 position: relative;
}

h1 {
 font-size: 2.5em;
 font-weight: bold;
 color: #003466;
 border-bottom: 1px solid #dee0df;
 margin-bottom: 25px;
 padding-bottom: 19px;
}

h1.doubleline {
 font-size: 2.5em;
 font-weight: bold;
 color: #003466;
 margin-bottom: 0px;
 padding-bottom: 12px;
 border:none;
}

hr
{
	color: #dee0df;
	height: 1px;
	margin-bottom: 25px;
}

h2 {
 font-size: 1.5em;
 font-weight: bold;
 color: #003466;
 margin-bottom: 18px;
}

h2 sup
{
	font-weight:normal;
	font-size: 60%;
}

h3 {
 font-size: 1.3em;
 font-weight: bold;
 color: #003466;
 margin-bottom: 15px;
}

h3 sup {
 font-size: .8em;
 font-weight: normal;
 color: #003466;
 margin-bottom: 15px;
}


p {
 line-height: 1.4167em;
 margin-bottom: 18px;
}

a {
 color: #D54A0B;
 text-decoration: underline;
}

a:hover {
 color: #942303;
 text-decoration: underline;
}

h2 a {
 color: #003466;
 text-decoration: none;
}

img {
 border: 0px;
}

table {
 position: relative;
 font-size: 1em;
 border: 0px;
 border-style: none;
 border-width: 0px;
 border-collapse: collapse;
 border-spacing: 0px;
}

tr {
 vertical-align: top;
}

td {
 vertical-align: top;
 font-size: 1em;
}

/* global styles for common template elements */
.skip_to_content {
 position: absolute;
 display: none;
}


#container {
 text-align: left;
 width: 978px;
 background-color: #ffffff;
 margin: 0px auto;
}

#container #left {
 width: 15px;
 background: url(images/shadow_left.jpg) repeat-y left top;
}

#container #right {
 width: 15px;
 background: url(images/shadow_right.jpg) repeat-y right top;
}

#masthead {
 height: 130px;
 padding: 0px 10px 0px 20px;
}

#logo {
 margin-top: 23px;
}

#home_logo {
 margin-top: 0px;
}


#toolbar {
 float: right;
 list-style-type: none;
 list-style-image: none;
 font-size: .9167em;
 font-weight: bold;
 margin-top: 10px;
}

#toolbar li {
 float: left;
 display: block;
 height: 28px;
 line-height: 28px;
 margin-right: 20px;
}

#toolbar li.last {
 margin-right: 0px;
}

#toolbar a {
 color: #e2610e;
 text-decoration: none;
}

.patient_link
{
	display: block;
	background: url(images/patient_link_but.gif) no-repeat left 6px;
	padding-left: 20px;
}

.print {
 display: block;
 background: url(images/printPage_but.jpg) no-repeat left 6px;
 padding-left: 20px;
}

.bookmark {
 display: block;
 background: url(images/bookmark_but.jpg) no-repeat left 6px;
 padding-left: 17px;
}

.text_size {
 position: relative;
 width: 131px;
 height: 28px;
}

.text_regular {
 position: absolute;
 z-index: 1;
 left: 80px;
 top: 5px;
 width: 18px;
 height: 19px;
}

.text_large {
 position: absolute;
 z-index: 1;
 left: 104px;
 top: 5px;
 width: 17px;
 height: 19px;
}

#primarynav ul {
 list-style-type: none;
 list-style-image: none;
}

#primarynav li {
 float: left;
 display: block;
 height: 40px;
 background-color: #e2610e;
}

#primarynav .left {
 width: 12px;
 background-image: url(images/nav_leftMargin.jpg);
}

#primarynav .right {
 width: 11px;
 background-image: url(images/nav_rightMargin.jpg);
}

#primarynav a {
 display: block;
 height: 32px;
 text-align: center;
 font-size: 1.1667em;
 color: #ffffff;
 text-decoration: none;
 padding: 4px 0px;
}

body.large #primarynav a {
 height: 36px;
 padding: 2px 0px;
}

#primarynav .super {
 font-size: .8em;
}

#primarynav .home {
 width: 84px;
 line-height: 32px;
 background-image: url(images/nav_home.jpg);
}

#primarynav .home_f2, #primarynav .home:hover {
 background-image: url(images/nav_home_on.jpg);
}

#primarynav .about {
 width: 149px;
 background-image: url(images/nav_aboutBystolic.jpg);
}

#primarynav .about_f2, #primarynav .about:hover {
 background-image: url(images/nav_aboutBystolic_on.jpg);
}

#primarynav .beta {
 width: 130px;
 background-image: url(images/nav_howBBWorks.jpg);
}

#primarynav .beta_f2, #primarynav .beta:hover {
 background-image: url(images/nav_howBBWorks_on.jpg);
}
          

#primarynav .understanding {
 width: 134px;
 background-image: url(images/nav_understandingHypertension.jpg);
}

#primarynav .understanding_f2, #primarynav .understanding:hover {
 background-image: url(images/nav_understandingHypertension_on.jpg);
}

#primarynav .doctor {
 width: 179px;
 background-image: url(images/nav_talkToYourDoc.jpg);
}

#primarynav .doctor_f2, #primarynav .doctor:hover {
 background-image: url(images/nav_talkToYourDoc_on.jpg);
}

#primarynav .lifestyle {
 width: 150px;
 background-image: url(images/nav_healthyLifestyle.jpg);
}

#primarynav .lifestyle_f2, #primarynav .lifestyle:hover {
 background-image: url(images/nav_healthyLifestyle_on.jpg);
}

#primarynav .glossary {
 width: 99px;
 line-height: 32px;
 background-image: url(images/nav_glossary.jpg);
}

#primarynav .glossary_f2, #primarynav .glossary:hover {
 background-image: url(images/nav_glossary_on.jpg);
}

#primarynav .home_f2, #primarynav .about_f2, #primarynav .beta_f2, #primarynav .understanding_f2, 
#primarynav .doctor_f2, #primarynav .lifestyle_f2, #primarynav .glossary_f2 {
 background-color: #a63a0b;
}

.clear {
 clear: both;
}

#maincontent
{
	background-color: #FFFFFF; 
	width: 948px
}

#homecontent
{
	background-color: #C4D5E5; 
	height: 211px;
}

#homecopy
{
	width: 355px; 
	float: left; 
	padding-left:30px; 
	padding-top:30px; 
	padding-right:5px; 
	padding-bottom: 20px;
}

#homecopy h3
{
	 font-size: 1.25em;
 font-weight: bold;
 color: #003466;
 margin-bottom: 15px;
}

body.large #homecopy h3
{
	font-size: 16px;
	font-weight: bold;
	color: #003466;
	margin-bottom: 15px;
}

#homecopy span
{
	line-height:22px; 
	font-size: 13px
}

body.large #homecopy span
{
	line-height:22px; 
	font-size: 14px
}

#homeflash
{
	width: 554px; 
	float: right;
}

#home_callouts
{
	background-color: #FFFFFF; 
	background-image: url(images/callouts_background.gif); 
	background-repeat:no-repeat; 
	background-position: left top; 
	width:100%;	
	height: 200px
}

#home_callouts table
{
	padding-left:10px;
	padding-right: 10px;
}

#home_callouts h2
{
	font-size: 16px;
	font-weight: bold;
 color: #003466;
 margin-bottom: 18px;
}

#home_callouts td.callout
{
	padding-bottom: 10px;
	padding-top:40px;
	padding-left:20px;
	width: 310px;
	font-size: 12px;	
}

#home_callouts p.copy
{	
	padding-right:10px;
}

#home_callouts p.link
{
	PADDING-LEFT: 170px; 
	PADDING-TOP: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}
#home_callouts h2 a
{
	 text-decoration:none;
}
#home_callouts p.link a
{
	background-image: url(images/home_callout_link.gif);
	background-position: right bottom;
	background-repeat:no-repeat;
	padding-right: 20px;
	padding-left: 30px;
	color: #FFFFFF; 
	text-decoration: none;
}

#home_callouts p.link_a
{
	PADDING-LEFT: 170px; 
	PADDING-TOP: 34px;
	padding-right: 0px;
	padding-bottom: 0px;
}

#home_callouts p.link_a a
{
	background-image: url(images/home_callout_link.gif);
	background-position: right bottom;
	background-repeat:no-repeat;
	padding-right: 20px;
	padding-left: 30px;
	color: #FFFFFF; 
	text-decoration: none;
}

#content {
 padding: 1px 0px;
}

#footer {
 font-size: .9167em;
 border-top: 40px solid #e2610e;
 padding: 20px 18px 20px 18px;
}


#footer .safety{
 font-size: 1em;
 margin-top: 5px;
}

#footer .safety h2 {
 font-size: 1em;
 font-weight: bold;
 color: #333333;
 margin-bottom: 16px;
}

.footer_links {
 list-style-type: none;
 list-style-image: none;
 height: 1.25em;
 line-height: 1.25em;
 font-weight: bold;
 margin-bottom: 20px;
}

.footer_links li {
 float: left;
 display: block;
 border-right: 1px solid #333333;
 margin-right: 8px;
 padding-right: 8px;
}

.footer_links li.last {
 border-right: none;
 margin-right: 0px;
 padding-right: 0px;
}

.footer_links a {
 color: #e2610e;
 text-decoration: none;
}

#footer .note {
 font-size: 1em;
 margin-top: 5px;
}

#footer .note h2 {
 font-size: 1em;
 font-weight: bold;
 color: #333333;
 margin-bottom: 16px;
}

#footer .safety-print {
 display: none;
}

.homeflash {
 position: absolute;
 z-index: 999;
}

/*Start Patient Flash Image setting*/

div.css-degradation {
 width: 554px;
 height: 433px;
 position: relative;
 overflow: hidden;
}

div.css-degradation img {
 position: absolute;
 z-index: 2;
}

div.css-degradation img.white {
 z-index: 1;
}

div.css-degradation a.left_callout {
 position: absolute;
 z-index: 3;
 left: 11px;
}

div.css-degradation a.lc_1 {
 top: 58px;
}

div.css-degradation a.lc_2 {
 top: 141px;
}

div.css-degradation a.lc_3 {
 top: 224px;
}

div.css-degradation a.lc_4 {
 top: 308px;
}

div.css-degradation a.rc_1, div.css-degradation a.rc_2, 
div.css-degradation a.rc_3, 
div.css-degradation a.rc_4 {
 position: absolute;
 z-index: 3;
}

div.css-degradation a.rc_1 {
 left: 649px;
 top: 20px;
}

div.css-degradation a.rc_2 {
 left: 649px;
 top: 275px;
}

div.css-degradation a.rc_3 {
 left: 649px;
 top: 275px;
}

div.css-degradation a.rc_4 {
 left: 649px;
 top: 20px;
}

/*End Patient Flash Image setting*/

.hcp_home_background
{
	background-image: url(images/pic_background.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	width:948px;
	height:470px;
}

.MOA_callout
{	
	text-align: right;
	vertical-align: bottom;
	width:430px;
	height:112px;
	padding: 0px;
	margin: 0px;
}

.moa_image
{
	padding:0px;
	margin:0px;
}

.hcp_homeflash {
 position: absolute;
 z-index: 999;
 padding: 20px 10px 10px 10px;
}

/*Start HCP Flash Image setting*/

div.hcp-css-degradation {
 width: 434px;
 height: 433px;
 padding: 20px 10px 10px 10px;
 position: relative;
 overflow: hidden;
}

/*div.hcp-css-degradation img {
 position: absolute;
 z-index: 2;
}

div.hcp-css-degradation img.white {
 z-index: 1;
}

div.hcp-css-degradation a.left_callout {
 position: absolute;
 z-index: 3;
 left: 11px;
}

div.hcp-css-degradation a.lc_1 {
 top: 58px;
}

div.hcp-css-degradation a.lc_2 {
 top: 141px;
}

div.hcp-css-degradation a.lc_3 {
 top: 224px;
}

div.hcp-css-degradation a.lc_4 {
 top: 308px;
}

div.hcp-css-degradation a.rc_1, div.hcp-css-degradation a.rc_2, 
div.hcp-css-degradation a.rc_3, 
div.hcp-css-degradation a.rc_4 {
 position: absolute;
 z-index: 3;
}

div.hcp-css-degradation a.rc_1 {
 left: 249px;
 top: 20px;
}

div.hcp-css-degradation a.rc_2 {
 left: 249px;
 top: 275px;
}

div.hcp-css-degradation a.rc_3 {
 left: 249px;
 top: 275px;
}

div.hcp-css-degradation a.rc_4 {
 left: 249px;
 top: 20px;
}*/

/*End HCP Flash Image setting*/

#hcp_home_right
{
	padding-left: 20px;
	padding-top:20px;
	padding-bottom: 10px;
	padding-right:10px;
}

#hcp_home_right ul li {
	/*background: none;
	list-style-image: url(images/orange_square.gif);
	list-style-position: outside;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;*/
	line-height: 1.35em;
 background: url(images/orange_square.gif) no-repeat left .5em;
 margin-bottom: 9px;
}

.beta_text
{
	height: 58px;
	border: none;
	margin: 3px 0px 0px 0px;
	padding:0px;
	width: 440px;
	color: #E86617;
	font-size: 24px;
	line-height: 26px;
}


.hyper_text
{
	height: 20px;
	border: none;
	margin: 0px;
	padding: 0px;
	width: 300px; 
	color: #002A5C;
	font-size: 18px;
	line-height: 24px;	
}

.single_column {
 width: 948px;
}

.triple_column
{
	width:948px;
}

.single_column .left {
 width: 173px;
 background: #efebe2 url(images/center_shadow_lt.jpg) repeat-y right top;
}

.single_column .right {
 width: 173px;
 background: #efebe2 url(images/center_shadow_rt.jpg) repeat-y left top;
}

.single_column .content {
 padding: 29px 52px 36px 51px;
}

.triple_column .leftNav 
{
	width: 160px;
 padding: 29px 10px 20px 20px;
}

.triple_column .copyContent 
{	
 padding: 29px 5px 20px 5px;
}

.triple_column .rightCallout 
{
	width: 200px;
 padding: 29px 10px 20px 10px;
}

p.last 
{
	padding-left: 10px;
 margin-bottom: 0px;
}

.super {
 position: relative;
 top: -.6em;
 line-height: 100%;
 font-size: .7em;
}

#content ul {
 list-style-image: none;
 list-style-type: none;
 padding-left: 15px;
}

#content li {
 line-height: 1.4167em;
 background: url(images/blue_square.jpg) no-repeat left .5833em;
 margin-bottom: 18px;
 padding-left: 9px;
}

#content li.last {
 margin-bottom: 0px;
}

.callout_box {
 color: #003466;
 background: url(images/blue_box_mid.jpg) repeat-y left top;
 border-bottom: 1px solid #ffffff;
 margin: 27px 0px 20px 0px;
}

.callout_box div {
 background: url(images/blue_box_top.jpg) no-repeat left top;
 padding-top: 16px;
}

.callout_box div div {
 background: url(images/blue_box_bot.jpg) no-repeat left bottom;
 padding: 0px 8px 18px 8px;
}

.callout_box h3 {
 font-size: 1em;
 font-weight: bold;
 margin-bottom: 15px;
}

.callout_box p {
 line-height: 1.25em;
 margin-bottom: 15px;
}

.callout_box p.last {
 margin-bottom: 0px;
}

#blueTable
{
	width: 480px;
	background-color: #DFE8F6;
}

#blueTable tr td
{	
	border: Solid 1px #002A5C;
	padding: 10px;
}

#content .callout_box li {
 line-height: 1.25em;
 background: url(images/orange_square.jpg) no-repeat left .5em;
 margin-bottom: 15px;
}

.references {
 line-height: 1.5455em;
 font-size: .9167em;
 padding: 29px 0px 20px 0px;
}

.hcp_home_references 
{
	padding: 20px 25px 20px 10px;
	line-height: 1.5455em;
	font-size: .9167em;
}

.resources h2 {
 font-size: 1em;
 margin-bottom: 0px;
}

.resources h2 .super {
 font-size: .8em;
}

.resources p {
 margin-bottom: 0px;
}

.resources a {
 color: #003466;
}

.space
{
	background-image: url(images/spacer.gif);
	height:1px;
	width: 100%;
}

ul#secondary_nav
{
	/*width: 200px;*/
	margin: 0 0 0 0;
	float: left;
	padding: 0 0 0 0;
}

#secondary_nav li
{
	/*width: 200px;*/
	background-image: none;
	list-style: none;
	list-style-type: none;
	list-style-image: none;
	margin: 0 0 0 0;
	float: left;
	padding: 10px 0 0 0;
}

#secondary_nav li a 
{
	background-image: url(images/left_nav_background.gif);
	background-repeat: no-repeat;
	background-position: top left;
	display: block;
	color: #D54A0B;
	padding-left: 25px;
	line-height: 13px;
	font-size: 12px;
}

#secondary_nav li a:hover 
{
	background-image: url(images/left_nav_background_over.gif);
	background-repeat: no-repeat;
	background-position: top left;
	color: #942303;
}

#secondary_nav li.on 
{
	/*width: 200px;	*/
	background-image: none;
	list-style: none;
	list-style-type: none;
	list-style-image: none;
	margin: 0 0 0 0;
	float: left;
	padding: 10px 0 0 0;
}

#secondary_nav li.on a 
{
	background-image: url(images/left_nav_background_on.gif);
	background-repeat: no-repeat;
	background-position: top left;
	color: #002A5C;
}

#secondary_nav li.on a:hover 
{
	background-image: url(images/left_nav_background_on.gif);
	background-repeat: no-repeat;
	background-position: top left;
	color: #002A5C;
}

#secondary_nav li ul
{
	/*width: 200px;	*/
	margin: 0 0 0 0;
	float: left;
	padding: 0 0 0 0px;
}

#secondary_nav li ul li
{
	/*width: 200px;*/
	background-image: none;
	list-style: none;
	list-style-type: none;
	list-style-image: none;
	margin: 0 0 0 0;
	float: left;
	padding: 10px 0 0 25px;
}

#secondary_nav li.on ul li a 
{
	background-image: url(images/left_nav_background.gif);
	background-repeat: no-repeat;
	background-position: top left;
	color: #D54A0B;
}

#secondary_nav li.on ul li a:hover 
{
	background-image: url(images/left_nav_background_over.gif);
	background-repeat: no-repeat;
	background-position: top left;
	color: #942303;
}

#secondary_nav li.on ul li.on
{
	/*width: 200px;*/
	background-image: none;
	list-style: none;
	list-style-type: none;
	list-style-image: none;
	margin: 0 0 0 0;
	float: left;
	padding: 10px 0 0 25px;
}


#secondary_nav li.on ul li.on a 
{
	background-image: url(images/left_nav_background_on.gif);
	background-repeat: no-repeat;
	background-position: top left;
	color: #002A5C;
}

#secondary_nav li.on ul li.on a:hover 
{
	background-image: url(images/left_nav_background_on.gif);
	background-repeat: no-repeat;
	background-position: top left;
	color: #002A5C;
}

#callout
{
	background-image: url(images/callout_background.gif);
	background-repeat: no-repeat;
	background-position: center left;
	color: #002A5C;
	height: 179px;
	width: 226px;
}

#calloutHeaderCopy
{
	height: 130px;
}

.calloutHeader
{
	font-size: 18px;
	padding: 20px 10px 0px 25px;
	font-family: Arial;
	line-height: 20px;
}
.calloutHeader a,.calloutHeader a:hover
{
	text-decoration:none;
}
.calloutCopy
{
	font-size: 12px;
	padding: 5px 15px 5px 25px;
	color: #000000;
}

#link
{
	height: 30px;
	vertical-align: bottom;
	text-align: right;
}

.calloutLink{	font-size: 12px;	font-weight: bold;	padding: 16px 10px 5px 17px;	color: #FFFFFF;	vertical-align: bottom;	}

.calloutLink a{	font-size: 12px;	font-weight: bold;	color: #FFFFFF;	text-decoration: none;}

.calloutLink a:hover
{
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}

/*RM Program*/

div.blueheader{color:#003366; background: url(images/rm/bluebk.gif)  no-repeat left top; height:28px;  font-size:17px; font-weight:bolder;padding:3px  0 0 10px;}
div.info{padding-bottom:15px; font-weight:bolder}
.textbox{margin-bottom:11px; display:block; width:250px;}
.errtxt{ border-color:#ca6523; color:#ca6523;border-style: solid; border-width:1px;}
.errlbl{color:#ca6523; display:block; font-weight:normal;}
span.rnotes{font-size:11px; font-weight:bold;padding-bottom:0px;margin-bottom:5px; display:block;}
span.orange{color:#ca6523;padding-right:5px; font-weight:normal}
span.qustion{font-weight:bolder;}
.radiobutton{margin-bottom:20px; }
.rb2{margin-bottom:0px; }
/*end of RM Program*/









@media print 
{
	body {
 text-align: center;
 font-family: arial, sans-serif;
 font-size: 12px;
 font-weight: normal;
 color: #333333;
 background-color: #FFFFFF;
}

#faqLinks
{
	display:none;
}

 #container {
  width: 520px;
	border:none;
 }
 
 #container #left, #container #right {
  display: none;
 }
 
 #masthead {
  height: 106px;
 }
 
 #logo {
  margin-top: 13px;
 }
 
 #toolbar {
  display: none;
 }
 
 #primarynav {
  display: none;
 }
 ul#secondary_nav
{
	display: none;
}

/*#footer {
 font-size: .9167em;
 border-top: 1px solid #e2610e;
 padding: 29px 5px 5px 5px;
 width: 520px;
}*/

 #footer
 {
	border:none;
	border-top: 1px solid #e2610e;
	padding: 29px 5px 5px 5px;
	width: 520px;
 }
 
#footer .safety {
  display: none;
 }
 
 #footer .safety-print {
  display: inline;
 }
 
 #homeflash
 {
	display:none;
	border:none;
 }
 
 #homecontent
{
	background-color: #FFFFFF; 
	height: 211px;
	border:none;
}

#homecopy
{
	padding-left:30px; 
	padding-top:30px; 
	padding-right:5px; 
	padding-bottom: 20px;
	border: none;
}

#homecopy a img
{
	display:none;
}

#home_callouts
{
	display: none;
	border: none;
}

#callout
{
	display:none;
}

 .homeflash {
  display: none;
  border:none;
 }
 
 /*div.css-degradation {
  width: auto;
  height: auto;
  padding-right: 18px;
  padding-left: 25px;
 }
 
 div.css-degradation img {
  display: none;
 }
 
 div.css-degradation h1 {
  display: none;
 }
 
 div.css-degradation h2 {
  font-size: 1em;
  margin-bottom: 0px;
 }
 
 div.css-degradation .flash-download {
  display: none;
 }*/
 
 .single_column {
  width: 520px;
  border: none;
 }
 
 .single_column .left, .single_column .right {
  display: none;
 }
 
 .triple_column .leftNav 
{
	display: none;
}

.triple_column .copyContent 
{	
	width: 520px;
 padding: 29px 5px 5px 5px;
}

.triple_column .rightCallout 
{
	display: none;
}

 
 .single_column .content {
  padding-top: 15px;
  padding-right: 18px;
  padding-left: 18px;
  border:none;
 }
 
 #content li {
  background-image: none;
  list-style: square url(images/blue_square.jpg) outside;
  margin-left: 9px;
  padding-left: 0px;
 }
 
 #content .callout_box li {
  background-image: none;
  list-style-image: url(images/orange_square.jpg);
 }
 
 .callout_box {
  color: #003466;
  background-image: none;
  background-color: #FFFFFF;
  border: none;
  margin: 27px 0px 20px 0px;
 }
 
 .callout_box div {
  background-image: none;
  padding-top: 16px;
 }
 
 .callout_box div div {
  background-image: none;
  padding: 0px 8px 18px 8px;
 }
img.space
{
	background-image: none;
	display:none;
	border:none;
}
#blueTable
{
	width: 480px;
	background-color: #FFFFFF;
}

#blueTable tr td
{	
	border: Solid 1pt #000000;
	padding: 10px;
}
}