@import url('init.css');

html{
}
body{
	background: #e9f1fa url(../images/body_bg.gif) top left repeat-x;
	font-family: Marietta, Verdana, Geneva, sans-serif;
	color: #000;
	width: 100%;
}
#wrapper, #header, #nav, #nav a#home, #nav ul, #nav ul li, #nav ul li a, #nav ul li a span, #content, #footer, #footer a#sub{
	display: inline; position: relative; float: left; overflow: hidden; height: auto; width: auto; margin: 0px; padding: 0px; clear: none;
}
#wrapper{
	background: url(../images/wrapper_bg.png) top left repeat-y;
	display: block;
	float: none;
	margin: 0px auto;
	padding: 0px;
	width: 925px;
}
#header_isi {
	background: #fff url(../images/header_isi_bg.jpg) repeat-y;
	width: 901px;
	margin: 0px 0px 0px 12px;
}
#header_isi_shadow{
	background: #fff url(../images/header_isi_shadow.jpg) no-repeat;
	width: 901px;
	padding: 0px;
	margin: 0px 0px 0px 12px;
	height: 14px;
	font-size: .1em;
}
#header_isi #nLogo {
	float:left;
	width:265px;
	margin:46px 0px 34px 20px;
}
#header_isi #bLogo {
	float:left;
	width:67px;
	margin:46px 0px 0px 10px;
}
#header_isi #hdISI {
	float:left;
	width:470px;
	margin:10px 0px 0px 14px;	
	color: #575757;
	font-size: .92em;	
}
#header_isi h3 {
	font-size: .76em;
	color: #61210f;
	padding-bottom: 6px;
	line-height:1.4em;
}
#header_isi a{
	color: #132f54;
}
#header_isi p{
	font-size: .75em;
	color: #575757;
	padding: 0px 0px 2px 0px;
	line-height: 1.4em;
	font-weight: bold;
}
#nav{
	background: url(../images/header_nav.jpg) top left no-repeat;
	margin: 0px 0px 0px 12px;
	width: 197px;
	font-family: Arial, Helvetica, sans-serif;
	padding-top: 134px;
}
#nav a img{
	display: block;
	position: relative;
	float: left;
}
#nav a#home{
	width: 197px;
	height: 135px;
	margin: 0px;
	padding: 0px;
	
}
#nav ul{
	background: url(../images/nav_list_bg.jpg) top left no-repeat;
	width: 197px;
	height: 1200px;
	list-style: none;
}
#nav ul li{
	padding: 0px;
	clear: both;
	width: 186px;
}
#nav ul li a{
	color: #132f54;
	font-size: 1em;
	text-decoration: none;
	width: 186px;
	font-weight: bold;
	cursor: pointer;
	border-bottom: 1px solid #8cbbcc;
}
#nav ul li a span{
	background: #e3effb url(../images/nav_a_bg.gif) 0px 100px repeat-x;
	padding: 14px 0px 12px 20px;
	width: 166px;
	letter-spacing: -.15px;
}
#nav ul li a.currentNavFirst span{
	background-color: transparent;
	/*background-image: url(../images/nav_a_first_bg.gif);*/
	padding-top: 18px;
	height: 23px;
}
#nav ul li a.navFirst span{
	background-color: transparent;
	background-image: url(../images/nav_a_first_bg.gif);
	padding-top: 18px;
	height: 23px;
}
#nav ul li a:hover{
	display: block;
}
#nav ul li a:hover span{
	background-position: top left;
}
#nav ul li a.currentNavFirst span, #nav ul li a.currentNavFirst:hover span{
	background-image: url(../images/nav_a_first_on_bg.gif);
	background-position: top left;
	color: #7c351f;
}
#nav ul li a.current span, #nav ul li a.current:hover span{
	background-position: bottom left;
	color: #7c351f;
}
#header{
	background: #fff;
	width: 704px;
	height: 178px;
}
#header img{
	position: relative;
	float: left;
	display: block;
}
#content{
	width: 704px;
	padding-bottom: 100px;
	color: #575757;
	font-size: .85em;
	overflow: visible;	
}
#content h1, #content h1 a, #content h2, #content h2 a, #content h3, #content h4{
	color: #61210f;
}
#content h1{
	margin: 0px 60px 0px 16px;
}
#content h2, #content h3, #content h4, #content p, #content li{
	margin: 18px 60px 0px 16px;
}
#content #isiPage h2 {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 1.7em;
	margin: 0px 60px 0px 16px;
}
#content h1{
	font-family: Tahoma, Geneva, sans-serif;
}
#content p, #content ul, #content li, #content .long{
	margin-top: 12px;
	list-style-position: outside;
}
#content p.answer, #content p.question{
	margin: 0px 16px 0px 0px;
	padding: 12px 16px 5px 16px;
}
#content p.question{
	margin-top: 12px;
	background: #fff6f3;
	background: none;
	font-weight: bold;
	padding-bottom: 0px;
}
#content p.backtotop{
	font-size:.9em;
	margin-top: 14px;
	/*margin-bottom: 20px;*/
}
#content p.answer{
	background: #eff7ff;
	background: none;
}
#content p strong.brn{
	color: #61210F;
}
#content .border, #flashwrap_content .border{
	border: 1px #000 solid;
	font-weight: bold;
	padding: 3px 5px;
	margin-left: 10px;
	margin-right: 20px;
	display: block;
}
#content span.border, #flashwrap_content span.border{
	margin: 0px;
}

#content p.box {
	border:medium black solid;
	display:block ;
}

#flashwrap_content p.border{
	border-color: #5c443d;
}
p.center{
	text-align: center;
}
p.title{
	font-size: 1.1em;
	font-weight: bold;
	text-align: center;
}
#content a{
	color: #157B9E;
}
#content li{
    display: list-item;
    margin-bottom: 12px;
    margin-left: 30px;
    margin-top: 10px;
    padding-left: 15px;
    
	/* margin-left: 16px;
	margin-bottom: 12px;
	margin-top: 10px;
	padding-left: 15px;
	list-style: disc inside none;
	width: 400px;
	background: url(../images/content_list_disc.gif) 0px 5px no-repeat; */
}
#content li li{
	padding-left: 25px;
	margin-left: 0px;
	background: url(../images/content_list_list_disc.gif) 0px 5px no-repeat;
}
#content h1{
	font-size: 1.7em;
}
#content h2{
	font-size: 1.3em;
	font-weight: normal;
	letter-spacing: .05em;
	padding-bottom: 10px;
	margin-right: 0px;
}
#content h2 a{
}
#content nomar{
	margin: 0px;
}
br{
	clear: both;
}

/* =footer
----------------------------------------------- */
#footer{
	text-align: center;
	margin:40px 0px 20px 0px;
	width: 696px; /*width of footer is offset due left nav margin right shadow*/
}
#footer p{
	font-size: .85em;
	margin: 15px 16px;
}
#footer a{
	height: 16px;
	text-decoration: none;
	color: #2b4d61;
}
#footer a:hover{
	text-decoration: underline;
}

/* =callouts
----------------------------------------------- */
#content #calloutWrapperDiv{
 margin:35px 0px;
}
#content #calloutWrapperDiv img.gradient01{
	margin:25px 0px;
}
#content div.contentCalloutDiv{
	margin-top:0px;
	margin-left:16px;
}
#content div.contentCalloutThumbnail{
	float:left;
	width:182px;
}
#content div.contentCalloutDescript{
	float:left;
	width:440px;
}
#content div.contentCalloutDescript h2{
	color:#c65e04;
	font-size:1.6em;
	margin:-3px 0px 10px 0px;
	padding-top:0px;
}
#content div.contentCalloutDescript p{
	margin:0px 0px 10px 0px;
	float:left;
	width:125px;
	font-size:.87em;
	line-height:1.4em;
}
#content div.contentCalloutDescript img{
	margin-left:5px;
}

/* =buttons
----------------------------------------------- */
div a.btn, div a.btn img, div .btn a{
	display: inline;
	position: relative;
	float: left;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
	height: 29px;
	clear: none;
}
div a.btn img{
	height: 58px;
}
div a.btn:hover{
	height: 29px;
	overflow: hidden;
	border: none;
}
div .btn:hover img{
	margin-top: -29px;
}
div a.ok{
	background: url(../images/btn_ok_bg.gif);
}
#leavingSiteDiv a.ok{
	margin-left: 10px;
}
div a.savings{
	background: url(../images/btn_activate_bayer_savings_card.gif);
}
#leavingSiteDiv a.savings{
	margin-left: 10px;
}
div a.cancel{
	background: url(../images/btn_cancel_bg.gif);
}
sup{
  font-size: .7em;
  vertical-align: top;
}
.req{
	color: #580100;
	font-size: .85em;
}

/* =flash popup
----------------------------------------------- */
#flashmask, #flashwrap{
	display: block;
	position: absolute;
	float: none;
	margin: 0px;
	padding: 0px;
	top: 0px;
	height: 100%;
	width: 100%;
	z-index: 400;
}
#flashmask{
	background: #2e3b4a;
}
#flashwrap h1, #flashwrap h2, #flashwrap p, #flashwrap ul{
	font-size: 20px;
	padding: 5px 40px 5px 20px;
	font-weight: normal;
}
#flashwrap h1, #flashwrap h2{
	color: #61210F;
	letter-spacing: 0em;
}
#flashwrap h1{
	font-size: 22px;
	font-weight: bold;
	padding: 20px 20px 12px 20px;
}
#flashwrap p, #flashwrap ul{
	font-size: .85em;
	color: #575757;	
}
#flashwrap p.box{
	margin: 5px 13px;
	padding: 10px;
	border: #5c443d 1px solid;
}
#flashwrap p.noflash{
	background: url(../images/flashwrap_noflash.gif) top left no-repeat;
	margin: 0px 20px;
	padding-left: 390px;
	padding-right: 10px;
}
#flashwrap p.noflash span{
	font-size: 18px;
	color: #6b230d;
}
#flashwrap li{
	margin-bottom: 10px;
	margin-top: 10px;
	padding-left: 12px;
	width: 710px;
	list-style: none;
	background: url(../images/content_list_disc.gif) 0px 5px no-repeat;
}
#flashwrap li li{
	padding-left: 25px;
	margin-left: 0px;
	background: url(../images/content_list_list_disc.gif) 0px 5px no-repeat;
}
#flashwrap sup{
  font-size:smaller;
  vertical-align: top;
	font-size: 9px;
}
#flashwrap_top, #flashwrap_headerisi, #flashwrap_header, #flashwrap_content, #flashwrap_footer{
	background: #fff url(../images/flashwrap_header_bg.gif) top left no-repeat;
	width: 764px;
	height: 221px;
	margin: 70px auto 0px auto;
	padding: 0px;
	clear: both;
}
#flashwrap_top{
	background: url(../images/flashwrap_top.gif) top left no-repeat;
	height: 15px;
	font-size: .1em;
}
#flashwrap_headerisi{
	position:relative;
	background: #fff;
	margin: 0px auto;
	height: auto;
}
#flashwrap_headerisi #nLogo {
	float:left;
	width:225px;
	margin:28px 0px 34px 13px;
}
#flashwrap_headerisi #bLogo {
	float:left;
	width:67px;
	margin:28px 0px 0px 10px;
}
#flashwrap_headerisi #hdISI {
	float:left;
	width:406px;
	margin:0px 0px 0px 14px;	
	color: #575757;
	font-size: .82em;	
}
#flashwrap_headerisi h3 {
	font-size: .76em;
	color: #61210f;
	padding-bottom: 6px;
	line-height:1.4em;
}
#flashwrap_headerisi a{
	color: #132f54;
}
#flashwrap_headerisi p{
	font-size: .75em;
	color: #575757;
	padding: 0px 0px 2px 0px;
	line-height: 1.4em;
	font-weight: bold;
}
a#flashwrap_close {
	display:block;
	position:absolute;
	top:-8px;
	right:-23px;
	width:45px;
	text-decoration:none;
	font-weight:bold;
	color:#a77c6a;
}



/*#flashwrap_headerisi h3{
	clear: none;
	font-size: .75em;
	padding: 0px 0px 5px 20px ;
	height: 16px;
	width: 645px;
	float: left;
	position: relative;
	white-space: nowrap;
}
#flashwrap_headerisi h3 span{
	color: #61210f;
	display: inline;
	position: relative;
	float: left;
	clear: none;
	white-space: nowrap;
}
#flashwrap_headerisi h3 a{
	padding: 0px;
	margin: 0px;
	clear: none;
	float: right;
	display: inline;
	white-space: nowrap;
}
#flashwrap_headerisi a#flashwrap_close{
	padding: 0px 12px 5px 0px;
	color: #183358;
	font-size: .85em;
	text-decoration: none;
	font-weight: bold;
	display: inline;
	float: right;
}
#flashwrap_headerisi a{
	color: #132f54;
}
#flashwrap_headerisi p{
	font-size: .75em;
	line-height: 1.4em;
	clear: both;
	width: 704px;
	font-weight: bold;
}*/
#flashwrap_header{
	margin: 0px auto;
	height: 113px;
}
#flashwrap_header_nav{
	background: url(../images/flashwrap_header_nav_bg.gif) top left no-repeat;
	float: none;
	height: 38px;
	width: 511px;
	position: relative;
	float: right;
	display: inline;
	margin: 68px 3px 0px 0px;
}
#flashwrap .h_mpt{
	background-position: top left;
}
#flashwrap .h_isi{
	background-position: center left;
}
#flashwrap .h_pi{
	background-position: bottom left;
}
#flashwrap #c_pi{
	display: none;
}
#flashwrap_header_nav a{
	display: inline;
	position: relative;
	float: left;
	height: 38px;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
}
#flashwrap_header_nav a#mpt{
	width: 134px;
}
#flashwrap_header_nav a#isi{
	width: 203px;
}
#flashwrap_header_nav a#pi{
	width: 174px;
}
#flashwrap_content{
	width: 764px;
	padding-bottom: 50px;
	min-height: 545px;
	overflow: hidden;
}
#flashwrap_content, #flashwrap_footer{
	margin-top: 0px;
	height: auto;
	background: #f5faff url(../images/flashwrap_content_bg.gif) top left repeat-x;
}
#flashwrap_footer{
	background: url(../images/flashwrap_footer_bg.gif) top left no-repeat;
	height: 83px;
}
#flashcontent{
	height: 900px;
	width: 765px;
	display: inline;
	position: relative;
	float: left;
	overflow: hidden;
}

/* =action tag
----------------------------------------------- */
div.actionTag {
  position:absolute;
  height:1px;
  width:1px;
  top:0px;
  left:-1000px;
}

/* =dialogs
----------------------------------------------- */
#mask01Div {position:absolute; display:none; top:0px; left:0px; width:100px; height:100px; z-index:475;}
#mask01Iframe {position:absolute; display:none; top:0px; left:0px; height:100px; width:100px; z-index:476; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=35);}

#leavingSiteDiv {position:absolute; top:90px; left:-1500px; width:470px; background-color:#fff; border:3px solid #e28c02; padding:1px 1px 1px 1px; text-align:left; z-index:551;}
#leavingSiteDiv div.content {border:1px solid #440e0e; padding:0px; line-height:1.6em; color: #575757; font-size: .82em;}
#leavingSiteDiv p{ margin:20px;}

#leavingBayerDiv {position:absolute; top:90px; left:-1500px; background-color:#c7ced7; border:3px solid #132f54; padding: 1px; text-align:left; z-index:551;}
#leavingBayerDiv div.content {background: #fff; border:2px solid #a6bfda; padding:0px; line-height:1.6em; color: #575757; font-size: .82em; width:521px;}
#leavingBayerDiv p{padding: 8px 13px;color: #000; line-height:15px;}
#leavingBayerDiv h3{padding: 8px 13px;color: #132f54; font-size: 14px; font-weight:bold;}