@charset "utf-8";
/* CSS Document */

/*Reset CSS starts*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{
margin:0;
padding:0;
}
table{
border-collapse:collapse;
border-spacing:0;
}
fieldset,img{
border:0;
}
address,caption,cite,code,dfn,em,strong,th,var{
font-style:normal;
font-weight:normal;
}
li{
list-style:none;
}
caption,th{
text-align:left;
}
h1,h2,h3,h4,h5,h6{
font-size:100%;
font-weight:normal;
}
q:before,q:after{
content:'';
}
abbr,acronym {
border:0;
font-variant:normal;
}
/* to preserve line-height and selector appearance */
sup {
vertical-align:text-top;
}
sub {
vertical-align:text-bottom;
}
input,textarea,select{
font-family:inherit;
font-size:inherit;
font-weight:inherit;
}
/*to enable resizing for IE*/
input,textarea,select{
*font-size:100%;
}
/*because legend doesn't inherit in IE */
legend{
color:#000;
}
/*Reset CSS ends*/

h1{
font-size:22px;
color:#3399cc;
}
h2{
font-size:16px;
color:#3399cc;
}
h3{
font-size:22px;
color:#3399cc;
}
/*h1,h2,h3{
margin:1em 0;
}*/
h1,h2,h3,h4,h5,h6,strong{
font-weight:bold;
}
abbr,acronym{
border-bottom:1px dotted #000;
cursor:help;
}
em{
font-style:italic;
}
blockquote,ul,ol,dl{
margin:1em;
}
ol,ul,dl{
margin-left:2em;
}
ol li{
list-style:decimal outside;
}
ul li{
list-style:disc outside;
}
dl dd{
margin-left:1em;
}
th,td{
border:1px solid #000;
padding:.5em;
}
th{
font-weight:bold;
text-align:center;
}
caption{
margin-bottom:.5em;
text-align:center;
}
p,fieldset,table,pre{
margin-bottom:1em;
}
input[type=text],input[type=password],textarea{
width:12.25em;
*width:11.9em;
}

a.inlineLink{
color:#3399cc;
text-decoration:underline;
}

/*************************/

body
{
 background-color:#95caeb;
 background-image:url(/images/body_bg.gif);
 background-position:center;
 background-repeat:repeat-y;
 font-family:Arial, Helvetica, sans-serif;
 font-size:12px;
 /*Overflow-y:scroll;*/
}

#container{
width:789px;
margin:0 auto;
padding:10px 0;
background-color:#fff;
background-image:url(/images/grad_bg.gif);
background-position:0 104px;
background-repeat:no-repeat;
}

#header{
margin:0 29px;
height:227px;
}

#logoDiv{
height:74px;

}
.desferalLogo{
width:317px;
float:left;
}
.novartisOncoLogo{
width:128px;
float:right;
height:59px;
}
.novaLogo{
height:59px;}

.mBot24{
margin-bottom:24px;
}

.pRight8{
padding-right:8px;
}

#infoDiv{
height:34px;
clear:both;
}

#optionDiv{
height:84px;
padding:28px 10px 0 280px;
}
html>body #optionDiv {
padding:34px 10px 0 280px;
}

.hiddenTxt{
display:none;
}

#bodyTabs{
margin:0 29px;
height:78px;
padding:8px 10px;
}

.pRight34{
padding-right:34px;
}

#bodyContent{
margin:0 29px;
}

#footer{
background-image:url(/images/grad_bg.jpg);
background-position:center top;
background-repeat:no-repeat;
margin:20px 0 100px 0;
height:160px;
font-size:10px;
}
.footerLogo{
float:left;
padding:76px 30px 50px 37px;
}
.footerText{
padding-top:85px;
}
.footerText a:link, .footerText a:visited, .footerText a:hover, .footerText a:active{
color:#3399cc;
text-decoration:none;
}
.blueColor{
color:#3399cc;
}
.contentPad{
padding:0 60px 0 75px;
}

.contactEmail{
background:url(/images/email_icon.gif) no-repeat left top;
}
.contactPhone{
background:url(/images/phone_icon.gif) no-repeat left top;
}
.contactMail{
background:url(/images/mail_icon.gif) no-repeat left top;
}
a.greenLink{
color:#008c7d;
}
p.dottedLine{
background:url(/images/dotted_line.gif) repeat-x top;
padding-top:5px;
}
.pBot15{
padding-bottom:15px;
}
.pLeft55{
padding-left:55px;
}
.pTop5{
padding-top:5px;
}



/****************************newer css for second page starts 8 may**********************************************/
/* CSS Document */

#inputField {
	margin:30px 0px 5px 0px;
}
#inputField ul{
	margin:5px 0px 5px 0px;
}
#inputField ul li{
	margin:7px 0px 5px 0px;
	list-style:none;
}
#inputField input{
	width:145px;
	margin:0px;
	padding:0px;
}
#inputField label{
	width:120px;
	margin:0px;
	padding-right:0px;
	float:left;
	overflow:auto;
}
#inputField select{
	width:150px;
	margin:0px;
}
.bold {
	font-weight:bold;
}
#comments {
	width:375px;
}
#comments textarea{
	width:300px;
	margin:15px 0px 10px 0px;
	height:75px;
}
#comments input{
	width:35px;
}
#comments label{
	width:120px;
	margin:0px;
	float:left;
}

.buttons {
	margin:10px 0px 0px 0px;
}
.height30px {
	height:30px;
}
/**************************third page css starts***********************************/
.cont_right_link {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-decoration:none;
	color:#01786a;
	padding-right:20px;
}
.blueColor_link {
	color:#3399cc;
	margin-left:14px;

}
.blueColor_link li{
	color:#3399cc;
	margin-left:0px;
}

#popup_cont {
	width:400px;
	height:300px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#000000;
	padding-top:80px;
}
#popup_cont p {
	width:270px;
}
.popup_cont_lnk{
	color:#3399cc;
	text-decoration:underline;
	font-size:14px;
	font-weight:bold;
}
.hor_line{
	height:20px;
	border-bottom:1px solid #000000;
}
.terms {
	margin:0px;
	padding:0px;
}
.terms ul{
	margin:5px 0px 15px 15px;
}
.terms ul li{
	margin:5px 0px 5px 0px;
}


.black {
	color:#000000;
}
#pres_info{
width:570px;
}
/*****************AJAX CSS Starts********************/

#tabDiv
{
 display:block;
 position:relative;
 left: 27px;
 top: -86px;
 _top: -89px;
}

.tabBody
{
 background:url(/images/tabBody.gif) no-repeat;
 height:331px;
  /*width:730px;  */
width:669px;
margin-bottom: 31px;
padding: 0 36px;
}
/*Added by Somak*/
.tabBody_chelation
{
 background:url(/images/tabBody-iron-chelation.jpg) no-repeat;
 height:218px;
  /*width:730px;  */
width:669px;
margin-bottom: 31px;
padding: 0 36px;
}
.tabBody_aboutDesferal
{
 background:url(/images/tabBody-about-desferal.jpg) no-repeat;
 height:264px;
  /*width:730px;  */
width:669px;
margin-bottom: 31px;
padding: 0 36px;
}
/*End:Added by Somak*/
.tab1Head
{
 margin-left:12px;
}

#imageTarget
{
 position:relative;
 height:40px;
 width:214px;
 display: block; left: 0px; margin-left: 39px; top: -86px;
}

#imageTargetTab2
{
	position:relative;
 	height:40px;
 	width:214px;
	display: block; left: 0px; margin-left: 285px; top: -86px;
}

#imageTargetTab3
{
	position:relative;
 	height:40px;
 	width:214px;
	display: block; left: 0px; margin-left: 527px; top: -86px;
}

.pRight32{
margin-right:29px;
}

.pRight28{
margin-right:25px;
}

/*****************AJAX CSS Ends********************/
/**************************third page css Ends***********************************/
/**************************************newer css ends 8 may************************************/



/*********************added by kanchan************************************************/

#bodyContent_Tab
{
margin:-12px 3px;
width:725px;
padding-top:0px;
}

.pRightTab3{
margin-right:2px;
}


/********* 12-05-08 Starts *********/

.tabBody h1{
color:#000000;
font-size:20px;
line-height:22px;
}
.tabBody p{
color:#000000;
font-size:12px;
font-weight:bold;
line-height:20px;
}

.tabBody a:link, .tabBody a:visited, .tabBody a:active{
color:#3399cc;
text-decoration:none;
}

/*.tabBody{
padding:25px 30px;
} */

.tabBody a:hover{
text-decoration:underline;
}

.tabBody ul{
padding:0;
margin:5px 0 0 0;
}

.tabBody ul li{
font-family: arial;
font-size:12px;
font-weight:normal;
line-height:16px;
list-style:none;
padding-left: 20px;
background: url(/images/tabBody_list_bullet.gif) no-repeat 0 3px;
margin-bottom: -2px;
}

.blueColorSpecial{
color:#3399cc;
text-decoration:none;
}
/***************************************added for video *******************/
#logoDiv{
height:74px;
}
.desferalLogovideo{
width:252px;
height:311px;
float:right;
background-image:url(/images/holder.jpg);
top:100px;
left:400px;
margin-left: 23px;
}

.style1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	width:220px;
	float:center;
	padding-left: 12px;
	padding-top: 10px;
	margin-left:2px;
	margin-top:4px;
	
}
#tabBodyContentVideo{
	margin-right: -7px;
}  
#addedContentkey{
background: none !important;
font-family: arial;
font-size:12px;
font-weight:normal;
line-height:16px;
list-style:none;
padding-left: 0px;
margin-top: -1px;
} 
.tabText{
font-weight: bold !important;
font-size:12px !important;
margin-left:19px;
}