/*MAIN STYLE SHEET*/
/*RESET ALL DEFAULT STYLES*/
html, body, h1, h2, h3, h4, h5, h6, p, ul, ol, dt, dl, li, blockquote, img, table, th, tr, td, form{
	margin: 0px;
	padding: 0px;
}
img{
	border: 0px;
}
ul, ol, li{
	list-style-type: none;
}
sup a
{
	text-decoration: none;
		
}

/*APPLY GLOBAL STYLES*/
html, body{
	font-size: 8px;
	font-family: arial;
    margin-bottom: 60px;
}
body{
	background-image: url(../Images/bg_cloud.jpg);
	background-repeat: repeat-x;
}
a{
	color: #277ed7;
}
/*IDs*/
div#wrap{
}
div#topbar{
	width: auto;
	height: 38px;
	background-image: url(../Images/bg_topbar.gif);
	background-repeat: repeat-x;
	background-color: #234283;
	position: relative;
	z-index: 999;
}
div#body{
	background-image: url(../Images/bg_shadow_body.png);
	background-repeat: repeat-x;
}
div#left_col{
	width: 218px;
	float: left;
}
/*left navigation styles begin*/

/*left navigation styles end*/
h1#logo_naglazyme{
	margin: 26px 0px 0px 39px;	
}
div#left_col h1#logo_naglazyme span{
	width: 1px;
	height: 1px;
	overflow: hidden;
	display: block;
}
div#right_col{
	width: 777px;
	float: left;
}
div#footer{
	background-image: url(../Images/bg_footer.gif);
	background-repeat: repeat-x;
	margin-top: 45px;
	height: 100%;
}
div#footer div#pi{
	float: left;
	border-bottom: solid 1px #cddff2;
	width: 926px;
	margin: 0px 0px 0px 40px;
}
div#footer div#pi h3{
	font-size: 11px;
	color: #1365b9;
	margin: 22px 0px 25px 0px;
}
div#footer div#pi p{
	font-size: 11px;
	margin: 25px 0px;
}
div#footer_nav{
	float: left;
	font-size: 11px;
	width: 816px;
	margin: 22px 0px 0px 38px;
}
div#footer_nav ul{
	margin-left: -5px !important;
	float: left;
}
div#footer_nav ul li{
	float: left;
	padding: 0px 7px;
	background-image: url(../Images/bg_bar_footernav.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
}
div#footer_nav ul li a{
	color: #000;
}
p#copyright{
	color: #234283;
	margin: 10px 0px 0px 2px;
}
div#footer_logo{
	float: left;
	margin: 22px 0px 0px 0px;
}
/*Classes*/
div.clear{
	clear: both !important;
}
div.center_block{
	width: 995px;
	margin-left: auto;
	margin-right: auto;
}
/*Drop down and top bar styles */
ul.ddlist{
	width: auto;
	height: 20px;
	float: left;
	display: block;
	background-color: #d3dae8;
	background-image: url(../Images/bg_select.gif);
	background-repeat: no-repeat;
	background-position: top right;
	border: solid 1px #1a3972;
	font-size: 11px;
	margin:7px 0px 0px 0px;
	overflow: hidden;
}
ul#ddlist_country{
	width: 201px;
	position: relative;
	
}
ul#ddlist_lang{
	width: 127px;
}
ul.ddlist li{
	padding: 2px;
	border-bottom: solid 1px #b7c1d6;
	height: 14px;
	background-color: #d3dae8;
}
ul.ddlist li.list1
{
	margin-right: 28px;
}
ul.ddlist li img{
	vertical-align: text-bottom;
}
.ddlist_head{
	color: #fff;
	float: left;
	margin:9px 3px 0px 30px;
	font-size: 11px;
}
h3.textsize{
	color: #fff;
	font-size: 11px;
	float: left;
	margin: 9px 0px 0px 79px;
}
ul.textsize li{
	float: left;
	margin: 10px 0px 0px 0px;
}
input.searchbox{
	width: 159px;
	height: 20px;
	background-image: url(../Images/bg_searchbox.gif);
	background-repeat: no-repeat;
	background-color: Transparent;
	border: none;
	float: left;
	margin: 8px 7px 0px 70px;
}
input.searchbutton{
	float: left;
	margin: 8px -50px 0px 0px;
}
.sup
{
	text-decoration:none;
	font-size:8px;
	
}
textarea, input, select{font-family: Arial, Helvetica, sans-serif; font-size: 10px;}

/*Home page styles*/
div#right_col div#banner_home{
	width: 788px;
	height: 417px;
	background-image: url(../Images/bg_header_home_patient.png);
	background-repeat: no-repeat;
	position: relative;
	float: left;
	z-index: 0;
}
div#right_col div#banner_home div#signup{
	width: 313px;
	height: 27px;
	position: absolute;
	top: 0px;
	left: 400px;
	background-image: url(../Images/bg_signup.png);
	background-repeat: no-repeat;
	padding: 3px 0px 0px 73px;
	font-size: 11px;
	color: #fff;
	font-weight: bold;
}
div#right_col div#banner_home div#signup a{
	color: #faaa2a;
	text-decoration: none;
}
div#right_col div#banner_home div#flash{
	width: 211px;
	height: 409px;
	position: absolute;
	top: 0px;
	left: 42px;
}

div#right_col div#banner_home div#heading{
	width: 270px;
	height: 146px;
	position: absolute;
	top: 61px;
	left: 252px;
}
div#right_col div#banner_home div#country_select{
	width: 237px;
	height: 123px;
	position: absolute;
	top: 61px;
	left: 521px;
	background-image: url(../Images/bg_callout_selectcountry.png);
	background-repeat: no-repeat;
}
div#right_col div#banner_home div#country_select h3{
	font-size: 17px;
	color: #135190;
	background-image: url(../Images/bullet_countryselect_home.png);
	background-repeat: no-repeat;
	margin: 17px 0px 0px 25px;
	padding: 0px 0px 0px 20px;
}
div#right_col div#banner_home div#country_select p{
	font-size: 12px;
	color: #000;
	margin: 5px 0px 10px 25px;
	padding: 0px 0px 0px 0px;
}
div#right_col div#banner_home div#country_select p.select{
	background-image: url(../Images/bg_option_selectcountry.png);
	background-repeat: no-repeat;
	width: 171px;
	height: 30px;
	margin: 0px 0px 4px 25px;
	padding: 1px 0px 1px 14px;
}
div#right_col div#banner_home div#country_select p.select img{
	vertical-align:middle;
}
div#right_col div#banner_home div#text{
	width: 380px;
	height: 95px;
	font-size: 13px;
	top: 225px;
	left: 275px;
	position: absolute;
}
div#bottombar{
	margin: 40px 0px 0px 25px;
    float: left;
}
div#bottombar div.callout{
	width: 300px;
	height: 170px;
	float: left;
	margin: 0px 15px 0px 0px;
	position: relative;
}
div#bottombar div.callout img{
	float: left;
}
div#bottombar div.callout div.text{
	float: left;
	width: 190px;
}
div#bottombar div.callout div.text h3{
	font-weight: bold;
	font-size: 15px;
	color: #135190;
	margin: 25px 0px 15px 5px;
}
div#bottombar div.callout div.text p{
	font-size: 12px;
	margin: 0px 0px 15px 5px;
}
div#bottombar div.callout div.text a.more{
	width: 62px;
	height: 25px;
	position: absolute;
	bottom: -20px;
	left: 102px;
}
/*Content page styles*/
div#right_col div#banner{
	width: 770px;
	height: 136px;
	background-image: url(../Images/bg_header_content_patient.png);
	background-repeat: no-repeat;
	position: relative;
}
div#right_col div#banner div#signup{
	width: 313px;
	height: 27px;
	position: absolute;
	top: 0px;
	left: 400px;
	background-image: url(../Images/bg_signup.png);
	background-repeat: no-repeat;
	padding: 3px 0px 0px 73px;
	font-size: 13px;
	color: #fff;
	font-weight: bold;
}
div#right_col div#banner div#signup a{
	color: #faaa2a;
	text-decoration: none;
}
div#right_col div#banner img{
	position: absolute;
	left: 90px;
	bottom: 6px;
}
div#right_col div#banner h1{
	position: absolute;
	right: 120px;
	top: 66px;
	font-size: 22px;
	color: #234283;
	width: auto; 
}
div#right_col div#banner h1 img{
	margin: 0px;
	padding: 0px;
	top: 0px;
	right: 0px;
	position: static;
}
div#right_col div#content{
	width: 450px;
	float: left;
	margin: 30px 0px 0px 40px;
}
div#right_col div#content h2{
	font-size: 23px;
	color: #135190;
	font-weight: normal;
	margin: 0px 0px 22px 0px;
}
div#right_col div#content h3{
	font-size: 17px;
	color: #2e84db;
	font-weight: normal;
	margin: 0px 0px -10px 0px;
}
div#right_col div#content h3.caption
{
	margin: 25px 0px 0px 0px;
}
div#right_col div#content p{
	font-size: 13px;
	color: #000;
	margin:22px 0px;
}
div#right_col div#content td{
	font-size: 13px;
}
div#right_col div#content td table td
{
	font-size: 13px;
}
div#right_col div#content ul{
	margin: 0px 0px 15px 20px;
}
div#right_col div#content ul li{
	font-size: 13px;
	margin:0px 0px 5px 0px;
	background-image: url(../Images/bullet_blue.gif);
	background-repeat: no-repeat;
	background-position: 0px 12px;
	line-height: 190%;
	padding: 0px 0px 0px 10px;
}
div#right_col div#content ul li ul{
	margin-top: 5px;
}
div#right_col div#content ul li ul li{
	font-size: 13px;
	background-image: url(../Images/bullet_blue_circle.gif);
}


div#right_col div#content ol li{
	font-size: 13px;
	margin:0px 0px 0px 20px;
	list-style-type: decimal;
}
div#right_col div#content p img.image_wrap
{
	float: left;
	margin: 0px 5px 5px 0px;
}
div#right_col div#content ol.num_list_doc li
{
	margin: 0px 0px 5px 30px;
	list-style-type: upper-roman;
	font-size: 13px;
}
div#right_col div#content ol.num_list_doc li ol{
	margin-top: 5px;
}
div#right_col div#content ol.num_list_doc li ol li
{
	margin-top:5px;
	list-style-type: decimal;
	font-size: 13px;
}
div#right_col div#content ol.num_list_doc li ol li ol li
{
	list-style-type: lower-alpha;
	font-size: inherit;
	margin-top:5px;
}
div#right_col div#content ol.num_list_doc li span.para
{
	display: block;
	padding: 5px 0px;
}
div#right_col div#content sup{
    font-size: 80%;
	vertical-align:super;
	line-height:0px;
}
div#right_col div#content sup
{
	text-decoration:none;
}
div#right_col div#content .button_video{
    margin: 32px 0px 0px 0px;
}
div#right_col div#content .button_video span{
   display: none; 
}
div#right_col div#content .button_next{
    display: block;
    width: auto;
    padding: 0px 0px 0px 20px;
    background-image: url(../Images/bullet_next.gif);
    background-position: center left;
    background-repeat: no-repeat;
    color: #234283;
    font-weight: bold;
    font-size: 13px;
    margin: 32px 0px 0px 0px;
}
div#right_col div#content .button_next span{
   display: none; 
}
div#right_col div#content .button_next a{
    font-weight: normal;
}
div#right_col div#content{
}
div#right_col div#sidebar{
	width: 246px;
	float: left;
	margin: 25px 0px 0px 25px;
}
/*classes*/
div#sidebar div.callout{
	width: 225px;
	margin: 0px 0px 35px 20px;
}
div#sidebar div.callout img{
	float: left;
}
div#sidebar div.callout h3{
	float: left;
	font-size: 15px;
	width: 130px;
	color: #135190;
	margin: 20px 0px 15px 5px;
}
div#sidebar div.callout p{
	font-size: 13px;
	width: 200px;
	margin: 0px 0px 0px 5px;
}
.hide_text{
	display: none;
}
div.reference{
    margin: 40px 0px 0px 40px;
	padding-bottom: 25px;
	display: none;
}
div.reference h3{
    color: #1365b9;
    font-size: 11px;
    margin-left: 0px;
	margin-bottom: 15px;
}
div.reference ol{
    margin: 0px 0px 5px 0px;
    float: left;
    width: 800px;
}
div.reference ol li{
    list-style-type: decimal;
    margin: 0px 0px 5px 30px;
    font-size: 11px;
}
sup
{
	font-size:11px;
		
}
.caption
{
	font-size:11px;
		
}
div#right_col div#content div.callout_para
{
	background-image: url(../images/bg_callout_para_mid.gif);
	background-repeat: repeat-y;
	margin: 20px 0px;
}
div#right_col div#content div.callout_para div
{
	background-image: url(../images/bg_callout_para_top.gif);
	background-repeat: no-repeat;

}
div#right_col div#content div.callout_para div div 
{
	background-image: url(../images/bg_callout_para_bot.gif);
	background-repeat: no-repeat;
	width: 350px;
	padding: 5px 5px 5px 4px;
	background-position: left bottom;

}
div#right_col div#content div.callout_para h3
{
	color: #000 !important;
	font-size: 11px !important;
	margin: 20px 0px 0px 25px !important;
	font-weight: bold;
}
div#right_col div#content div.callout_para div div ul li
{
	list-style-type: none;
	background-image: url(../images/bullet_next.gif);
	background-repeat: no-repeat;

	background-position: left 5px;
	padding-left: 25px;
}
/*NAVIGATION*/
ul#left_nav{
	margin: 30px 0px 0px 25px;
	font-size: 11px;
	font-weight: bold;
}
ul#left_nav li.first{
	background-image: url(../Images/bg_first_leftnav.png);
	background-repeat: no-repeat;
	width: 187px;
	min-height: 43px;
	padding: 14px 0px 0px 15px;
	margin: 0px 0px -12px 0px;
}
ul#left_nav li.first a{
	color: #FFF;
	text-decoration: none;
}
ul#left_nav li.active
{
	margin-left: 0px !important;
}
ul#left_nav li.active_parent
{
	margin-left: 0px !important;
}
ul#left_nav li.active a
{
    display: block;
    padding: 0px 0px;
    min-height: 5px;
    margin: 0px 0px 0px 15px;
}

ul#left_nav li.active_parent a
{
    display: block;
    padding: 0px 0px;
    min-height: 5px;
    margin: 0px 0px 0px 15px;
}
ul#left_nav li.active_parent a:hover{
color:#000;
}
ul#left_nav li.active ul li a
{
    margin: 0px 0px 0px 0px;
}
ul#left_nav li.active_parent ul li a
{
    margin: 0px 0px 0px 0px;
}
ul#left_nav a{
	color: #000;
	text-decoration: none;
}
ul#left_nav li.level1{
	border-bottom: solid 3px #ccdbf2;
	padding: 10px 0px 10px 0px;
	margin: 0px 0px 0px 10px;
	width: 185px;
}
ul#left_nav li.oneline_parent{
	padding: 17px 0px 10px 0px;
}
ul#left_nav li.oneline_parent>a
{
	min-height: 23px !important;
}
ul#left_nav li.active
{
    background-image: url(../Images/bg_parent_level2.gif);
    background-repeat: no-repeat;
    border-bottom: none;
}
ul#left_nav li.active_parent
{
    background-image: url(../Images/bg_parent_level2_arrow.gif);
    background-repeat: no-repeat;
    border-bottom: none;
}
ul#left_nav li.active>a
{
	display: block;
	margin-left: 35px;
	padding-top: 3px;
	padding-bottom: 5px;
	min-height: 30px;
}
ul#left_nav li.active_parent>a
{
	display: block;
	margin-left: 35px;
	padding-top: 3px;
	padding-bottom: 5px;
	min-height: 30px;
}
ul#left_nav li.level1 a:hover{
	color: #476cac;
}

ul#left_nav li.level1 ul.level2{
	background-image: url(../Images/bg_level2_leftnav.gif);
	background-repeat: repeat-y;
	width: 183px;
	padding: 0px 8px 0px 0px;
	display: none;
	
}
ul#left_nav li.level1 ul.level2 li{
	border-bottom: solid 1px #d8dde3;
	width: 182px;
	padding: 3px 0px 3px 0px;
}/**/
ul#left_nav li.level1 ul.level2 li.active2 a
{
    background-image: url(../Images/bullet_next.gif);
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: left 8px;

}
ul#left_nav li.level1 ul.level2 li.active2 a:hover{
color:#000;
}

ul#left_nav li.level1 ul.level2 li.oneline a
{
	padding-top: 10px;
	min-height: 5px;	
}

ul#left_nav li.level1 ul.level2 li.oneline_last a
{
	padding-top: 16px !important;
	min-height: 20px;	
}
ul#left_nav li.level1 ul.level2 li.last
{
    background-image: url(../Images/bg_last_level2.gif);
    background-repeat: no-repeat;
    background-position:bottom left;
    margin: 0px;
    border-bottom: none;
    padding-right: 3px;
    width: 183px;
}
ul#left_nav li.level1 ul.level2 li.last a
{
	background-position: left 7px;
}
ul#left_nav li.level1 ul.level2 li a{
	display: block;
	padding: 8px 8px 8px 30px;
	margin: 0px 1px 1px 5px;
}
ul#left_nav li.level1 ul.level2 li.last a{
	display: block;
	padding: 8px 8px 8px 30px;
	margin: 0px 1px 8px 5px;
}
ul#left_nav li.level1 ul.level2 li a:hover{
	background-color: #fff;
}
ul#left_nav li.last{
	border: none;
}
ul#left_nav li.hcp{
	margin:30px 0px 0px 0px;
}
div#footer_nav ul li.last{
	border: none;
	background-image: none;
}
ul#left_nav li.active ul.level2
{
	display: block;
}
ul#left_nav li.active_parent ul.level2
{
	display: block;
}
ul#left_nav li.active_home
{
	background-image: url(../Images/bg_first_leftnav_active.png) !important;
	padding-left: 30px;
}
/******************************************************
					SLIDER BOX
*****************************************************/
.stripViewer .panelContainer .panel ul {
	text-align: left;
	margin: 0 15px 0 30px;
}

.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
	margin: 10px 0px;
	position: relative;
	width: 479px;
	background-image: url(../images/slider/bg_main.gif);
	height: 287px;
}

/* These 2 lines specify style applied while slider is loading */
.csw {width: 100%; height: 287px;}
.csw .loading {margin: 100px 0 150px 0; text-align: center}

.stripViewer { /* This is the viewing window */
	position: absolute;
	overflow: hidden; 
	margin: auto;
	width: 470px; /* Also specified in  .stripViewer .panelContainer .panel  below */
	height: 260px;
	clear: both;
	top: 0px;
}

.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
	position: relative;
	left: 0; top: 0;
	width: 100%;
	list-style-type: none;
	/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
}

.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
	float:left;
	height: 245px;
	position: relative;
	width: 470px; /* Also specified in  .stripViewer  above */
}

.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
	padding: 3px 4px 0px 5px;
}
.stripViewer .panelContainer .panel .wrapper h2{
	font-size: 12px !important;
	font-weight: bold !important;
	color: #000 !important;
	margin: 15px 15px 15px 15px !important;
}
.stripViewer .panelContainer .panel .wrapper p{
	font-size: 11px !important;
	color: #008cb2 !important;
	font-style: italic;
	margin: 0px 15px 0px 15px !important;
}
.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
	margin: auto;
	position: absolute;
	top: 248px;
	width: 500px !important;
}

.stripNav ul { /* The auto-generated set of links */
	list-style: none !important;
	margin: 0px 0px 0px 5px !important;
	padding: 0px !important;
}

.stripNav ul li {
	float: left !important;
	list-style-type: none !important;
	width: 96px;
	background-image: none !important;
	margin: 0px 1px 0px 0px !important;
	padding: 0px !important;
}

.stripNav a { /* The nav links */
	font-size: 11px;
	font-weight: bold;
	line-height: 12px;
	color: #fff;
	text-decoration: none;
	display: block;
	padding: 3px 0px 3px 6px !important;
	margin: 0px !important;
	height: 28px;
}

.stripNav li.tab1 a { background: #9ec3eb; }
.stripNav li.tab2 a { background: #9ec3eb; }
.stripNav li.tab3 a { background: #9ec3eb; }
.stripNav li.tab4 a { background: #9ec3eb; }
.stripNav li.tab5 a { background: #9ec3eb; width: 76px; }

.stripNav li a:hover {
	background: #fff;
	color: #000000;
	border: solid 1px #9ec3eb;
	padding: 2px 0px 2px 5px !important;
}

.stripNav li a.current {
	background: #fff;
	color: #000;
	border: solid 1px #9ec3eb;
	padding: 2px 0px 2px 5px !important;
}

.stripNavL, .stripNavR { /* The left and right arrows */
	position: absolute;
	top: 230px;
	text-indent: -9000em;
}

.stripNavL a, .stripNavR a {
	display: block;
	height: 40px;
	width: 40px;
}

.stripNavL {
	left: 0;
}

.stripNavR {
	right: 0;
}

.stripNavL {
	background: url("images/arrow-left.gif") no-repeat center;
}

.stripNavR {
	background: url("images/arrow-right.gif") no-repeat center;
}