/* SynviscOne/Genzyme: CSS classes in chrome for master pg css (no longer in iframes) adapted from main site  */
    
/*----- site exit pop up - this just sets up the basic positioning; please customize them for indiv sites ----- */

#exitconfirm {
	background: #fff;
	border: 1px solid #060;
	margin-left: -180px;
	max-width: 400px;
	padding: 10px;
	position: fixed;
	top: 25%;
	left: 50%;
	width: 360px;
	z-index: 3000;
	}

	* html #exitconfirm { position:absolute; }

/* /sites/Synvisc-One/_resources/css/global.css */ 

body,div,h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dd,dt,blockquote,button,fieldset,legend,label,input,textarea,form { margin:0;padding:0;border:0; }

html,input,textarea,select { font-size: 100% } /*keep ie happy*/

h1, h2, h3, h4, h5, h6	{ font-weight: normal; margin: 0 0 .25em 0;}

h1	{ font-size: 2em; } 	/* 24px */
h2	{ font-size: 1.665em; } /* 20px */
h3	{ font-size: 1.415em; } /* 17px */
h4	{ font-size: 1.25em; } 	/* 15px */
h5	{ font-size: 1em; } 	/* 12px; */
h6	{ font-size: .9175em; } /* 11px; */

p	{ margin-bottom: 1em; }

input, textarea { border: 1px solid #242323; } 

ul, ol 	{ margin: 0 0 1em 18px; }

table	{ border-collapse: collapse; }

td		{ border: 1px solid #ccc; padding: .5em;  }

body 
{
    background: #fff url(../images/backgrounds/bg_body.gif) 0 0 repeat-x;
	color: #333;
	font: 75%/1.5 Arial, Helvetica;
	}

/*---------------------- Site Structure --------------------*/

#wrapper {
	margin: auto;
	position: relative;
    width: 969px;
	}

.wrapper {
	margin: auto;
	padding-left: 28px;
	width: 941px;
	}

#header {
    height: 123px;
	}
	
#important_safety_information {
/*	background: #ebf4fa url(../images/backgrounds/bg_bottom.gif) 0 0 repeat-x; */
background-color:#fff;
	clear: both;
	padding: 60px 0 20px 0;
	width: 100%;
    
    margin:0;
}


#footer { 
	border-top: 1px solid #999;
	margin-top: 20px;
	padding-top: 20px;
	position: relative;
	width: 941px;
	}

#content {
	float: left;
	width: 969px;
	margin-top:20px;
	}

#lead {
	background: url(../img/css/bg_lead.jpg) right bottom no-repeat;
	border-bottom: 1px solid #173e5c;
	float: left;
	margin-left: 28px;
	padding: 20px 0 32px 0;
	width: 941px;
	}

	* html #lead { margin-left: 14px; margin-top: 20px; }

#breadcrumbs {
	color: #666;
	float: left;
	font-size: .9175em;
	height: 28px;
	margin-left: 30px;
	overflow: hidden;
	padding: 12px 0 10px 13px;
	width: 450px;
	}

* html #breadcrumbs { margin-left: 22px; overflow: hidden; padding-left: 0; width: 450px; }

#primary {
	display: inline;
	float: left;
    margin-left: 264px;
	/*width: 460px;*/
	width:690px;
	}
		
	.wide #primary { width:690px; }

	.full #primary {
        margin-left:27px;
        width:927px;
        }

	.full #features { margin-left:0; }

/* landing body class turns off main nav, print + email links, text sizer, HCP link and search */

.landing #nav, .landing #hcp, .landing #search, .landing #breadcrumbs, .landing #nav-page-utility, .landing #text-size { display:none; }

.landing #header { background:transparent url(../images/backgrounds/bg_nav-landing.gif) 252px 76px no-repeat; }

#primary .column {
	float: left;
	padding: 0 15px 0 0;
	width: 215px;
	}

.home #primary {
	background: url(../img/css/bg_home-primary.gif) 0 0 repeat-x;
	float: left;
	margin: 2px 0 0 28px;
	padding: 30px 0 0 0;
	width: 941px;
	}

.home #primary .column {
	float: left;
	margin: 0;
	padding: 0;
	width: 300px;
	}

	.home #primary .column.middle { padding: 0 15px 0 20px; }
	* html .home #primary .column { width: 300px; padding: 0 5px 0 0; }
	* html .home #primary .middle { padding: 0 5px 0 10px; }

#secondary {
	display: inline;
	float: left;
	/*margin-left: -700px;*/
	margin-left: -930px;
	padding-bottom: 18px;
	width: 231px;
	}

	.wide #secondary { margin-left: -930px; }

	* html .wide #secondary { margin-left:-954px; }

#tertiary {
    background:transparent url(../images/backgrounds/bg_tertiary.gif) left bottom no-repeat;
	float: left;
	margin-left: 10px;
	padding: 0 0 20px 0;
	width: 232px;
	}

	#tertiary-top, #features-top {
		background:transparent url(../images/backgrounds/bg_features-top.gif) left top no-repeat;
		height: 8px;
		width: 232px;
		}

	#features-top {
		margin:0 -17px;
		width: 184px;
		}

	#features {
		background:transparent url(../images/backgrounds/bg_features.gif) left bottom no-repeat;
		float:right;
		margin-left:10px;
		padding:0 17px 28px;
		width:150px;
		}

#secondary #nav {
    height: auto;
	position: relative;
	top: 0;
	}

#secondary #nav a, #secondary #nav li {
	float: none;
	padding: 0;
	}

/*----------------------------------- Type, Links and Lists----------*/

a, a:visited		{ color: #0066CC; text-decoration: none; }

a:hover, a:focus 	{ color: #000066; text-decoration: underline; }

a#brand {
    background: transparent url(../images/backgrounds/logo_synvisc.gif) 0 0 repeat;
	display: block;
	height: 72px;
	position: relative;
	text-indent: -9999em;
	top: 51px;
	width: 253px;
	}

a#genzyme {
	
	background: transparent url(../images/backgrounds/logo_genzyme.gif) 0 0 no-repeat;
	
	display: block;
	height: 38px;
	position: absolute;
	text-indent: -9999em;
	top: 20px; right: 0;
	width: 122px;
	}

#nav-utility a, #nav-utility a:visited {
	background: transparent url(../images/backgrounds/bg_nav-utility.gif) left center no-repeat;
	color: #fff;
	padding-left: 12px;
	text-decoration: none;
	}

	#nav-utility a:hover { text-decoration: underline; }



/* slightly darker color for header / breadcrumb links */

a#hcp, #nav-page-utility a, #text-size a, #breadcrumbs a { color: #0066CC; }

a:hover#hcp, #nav-page-utility a:hover, #text-size a:hover, #breadcrumbs a:hover { color: #000066;}

#footer a   { padding: 0 6px 0 0; }

#footer a+a { padding: 0 6px 0 6px; }

a.more, #find-doctors button, #primary button, #tertiary button, #TB_ajaxContent button {
	background: transparent url(../images/backgrounds/bg_buttons.gif) 0 0 repeat-x;
	color: #fff;
	display: inline-block;
	font-weight: bold;
	height: 26px;
	padding: 3px 8px 0 8px;
	}

	a.more:hover, #find-doctors button:hover, #primary button:hover, #TB_ajaxContent button:hover { 
		background-position: 0 -29px;
		color: #fff; 
		text-decoration: none;
		}

	* html button.over { background-position: 0 -29px; }
	* html #find-doctors button.over {
		background-position: 0 -29px;
		color: #fff; 
		text-decoration: none;
		}

	* html #TB_ajaxContent button.over { background-position: 0 -29px; }

	#primary button.link-continue { margin-bottom: 15px; }

	#tertiary button { margin: 10px 0 0 17px; }

	#lead a.more { height: 27px; padding-top: 2px; }	

	* html #lead a.more { color: #fff; }

	* html #primary a.more { color: #fff; }

	* html #tertiary a.more { color: #fff; }

#find-doctors button, #search button {
	font-size: 1em;
	font-weight: bold;
	padding: 0 3px 0 3px;
	}

#find-doctors button {
margin: 17px 0 0 0;
	}

button span {
	position: relative;
	top: -3px;
	}

* html button span { top: -2px; }

.wide button { margin: 15px 0 15px 0; }

/* make button look nice in Safari */

body:nth-of-type(1) button span { top: 0; }

#search button, button.go {
background: transparent url(../images/backgrounds/bg_buttons.gif) 0 -58px repeat-x;
color: #fff;
	display: inline;
	height: 29px;
	margin-top: 0;
	text-transform: uppercase;
	}

	#search button:hover, button.go:hover       { background-position: 0 -87px; }

	* html #search button.over { background-position: 0 -87px; }

	* html button.go.over      { background-position: 0 -87px; }

.all-caps { text-transform: uppercase; }

h1 {color: #6ca2cb;
	font-size: 2.335em;
	margin-top: 2px;
	}

.home #primary h2 {
	color: #3f8fcd;
	font-size: 1.665em;
	font-weight: normal;
	margin-top: 0;
	text-transform: uppercase;
	}

h2 {color: #2b669c;
	font-size: 1.25em;
	font-weight: bold;
	}
h3 {
	color: #2b669c;
	font-size: 1.25em;
	font-weight: bold;
	}

h4 {font-size: 1em;
font-weight: bold;
	}
	

#primary #arthritis-foundation h2 {
	background: url(../img/css/bg_arthritis-top.gif) 0 0 no-repeat;
	color: #333;
	font-size: 1em;
	line-height: normal;
	padding: 20px 15px 0 15px;
	text-transform: none;
	width: 283px;
	}

	#primary #arthritis-foundation h2 img {
		display: inline;
		float: left;
		margin-right: 5px;
		}

#arthritis-foundation p {
	border-bottom: 1px solid #999;
	clear: both;
	margin: 10px 0 0 20px;
	padding: 0 0 10px 0;
	width: 271px;
	}

#arthritis-foundation p+p+p { border: none; padding-bottom: 0; }

#lead h1 {
	color:#20507A;
	font-size:2.33em;
	letter-spacing:1px;
	line-height:1.2;
	margin: .7em 0;
	width: 516px;
	}

	* html #lead h1 { margin-bottom: 0; padding-bottom: 0;}

#lead p { width: 420px; }

#lead ul {
	list-style: none;
	margin: 0 0 1em 0;
	}

#lead ul li {
	background: transparent url(../img/css/arrow.gif) 0 6px no-repeat;
	font-weight: bold;
	margin: 0 0 .5em 0;
	padding-left: 10px;
	}

.home .middle .callout {
	border-bottom: 1px solid #b3b3b3;
	margin: 0 0 1.25em;
	padding: 0 0 1em;
	}

.home .middle .bottom, .home .middle .assesment {
    border-bottom:0;
    margin:0;
    }

.home .middle .callout img {
	display: block;
	float: left;
	margin: 3px 10px 20px 0;
	padding: 0;
	}

.home .middle .callout p, .home .middle .callout .calltoaction { display: block; margin:0 0 1em 70px; }

.home .middle .callout .calltoaction { margin:0 0 0 70px; }

.assessment h1 { display:none; } /* hide the title on the knee pain assessment tool page */

span.arrows-double { background: transparent url(../img/css/bg_arrows-double.gif) right center no-repeat; padding-right: 16px; }

* html span.arrows-double { background-position: 103px 22px; }
* html a.synvisc-email span.arrows-double { background-position: 42px 40px; }
*+html span.arrows-double { background-position: 103px 22px; }
*+html a.synvisc-email span.arrows-double { background-position: 42px 40px; }

/* secondary callouts */

#secondary p {
	background: transparent url(../img/css/bg_callout-top.gif) 0 0 no-repeat;
	margin-top: 1em;
	}

#secondary p:hover 		 { background-position: -231px 0; }

* html #secondary p.over { background-position: -231px 0; }

#secondary a.synvisc-provider {
	background: transparent url(../img/css/bg_callout-provider.gif) left bottom no-repeat;
	display: block;
	font-weight: bold;
	margin: 0;
	padding: 33px 10px 15px 82px;
	width: 139px;
	}

#secondary a.synvisc-provider:hover { 
	background-position: -231px bottom; 
	text-decoration: none;
	}		

#secondary a.synvisc-email {
	background: transparent url(../img/css/bg_callout-email.gif) left bottom no-repeat;
	display: block;
	font-weight: bold;
	margin: 0;
	padding: 20px 10px 15px 120px;
	width: 101px;
	}

	#secondary a.synvisc-email:hover {
		background-position: -231px bottom;
		text-decoration: none;
		}

#tertiary h3, #tertiary p, #tertiary img, #tertiary a.more, #tertiary div.control, #tertiary span { margin: 0 17px 0 17px; }
#tertiary a.more { margin: 14px 0 0 14px; height: 22px; }
#tertiary h3 { margin: 1em 17px .5em 17px; }
#tertiary h4 { margin: .5em 17px .5em 17px; }
#tertiary img { border: 1px solid #999; padding: 1px; }

#features h3, #features h4 { line-height: 1.2; margin:.7em 0 .5em; }
#features p { margin:0; }

#features a.more { margin: 14px 0 0; height: 22px; }

#features img { border: 1px solid #999; padding: 1px; }

#primary hr, #tertiary hr {
	background-color: #b3b3b3;
	border: none;
	clear: both;
	height: 1px;
	margin: 20px 0 20px 0;
	padding: 0;
	}

	#tertiary hr { margin: 15px 17px 0 17px; }

	#primary hr { clear:left; }

	#primary #features hr { clear:both; margin:15px 0 0; }
	
	* html #primary hr { margin: 0; }

div.featured-question {
	background-color: #f0e2d9;
	padding: 12px;
	}

dl#faq dt {
	background: #fff url(../img/css/bg_faq_q.gif) 0 2px no-repeat;
	color: #b56c4b;
	cursor:pointer;
	margin-bottom: 1em;
	padding-left: 18px;
	}

	dl#faq dt strong, dl#faq dd strong { display: none; }


dl#faq dd {
	background: #fff url(../img/css/bg_faq_a.gif) 0 1px no-repeat;
	margin: 0 0 1em 0;
	padding-left: 18px;
	}

dl#faq+p, #primary p.disclaimer { font-size: 0.917em; }

#diagrams {
	float: right;
	padding-bottom: 20px;
	width: 330px;
	}

#diagrams p {
	float: left;
	margin-left: 15px;
	width: 150px;
	}

	#diagrams p img { display: block; }

	* html #diagrams p { margin-left: 0; }

	* html #diagrams p img { display: inline; }

/* article icons */

p.diet, p.exercise, p.lifestyle {
	background: transparent url(../img/css/icon_diet.gif) 0 0 no-repeat;
	height: 50px;
	padding-left: 60px;
	}

	p.exercise  { background: transparent url(../img/css/icon_exercise.gif) 0 0 no-repeat; }

	p.lifestyle { background: transparent url(../img/css/icon_lifestyle.gif) 0 0 no-repeat; }

/*---------------------------------- Navigation --------------------*/

ul#nav, ul.nav {
    list-style-type: none;
    margin: 0;
    padding: 0;
	}

#nav {
	height: 41px;
    overflow: hidden;
	position: absolute;
	top: 76px; left: 252px;
	}

#nav a, #nav li {
	display: block;
	float: left;
	padding: 0;
	text-decoration: none;
	width: auto;
	}

#nav a { 
		background: #fff url(../images/backgrounds/bg_nav.gif) 0 -82px no-repeat; 
		height: 41px; 
		text-indent: -9999em; 
		}

	#nav a.nav-home { width: 82px; }
	#nav a.nav-about-synvisc { background-position: -82px -82px; width: 184px; }
	#nav a.nav-about-osteoarthritis { background-position: -266px -82px; width: 206px; }
	#nav a.nav-managing { background-position: -472px -82px; width: 232px; }
	#nav a.nav-home:hover { background-position: 0 -41px; width: 82px; }
	#nav a.nav-about-synvisc:hover { background-position: -82px -41px; width: 184px; }
	#nav a.nav-about-osteoarthritis:hover { background-position: -266px -41px; width: 206px; }
	#nav a.nav-managing:hover { background-position: -472px -41px; width: 232px; }
	#nav a.nav-home.on { background-position: 0 0; width: 82px; }
	#nav a.nav-about-synvisc.on { background-position: -82px 0; width: 184px; }
	#nav a.nav-about-osteoarthritis.on { background-position: -266px 0; width: 206px; }
	#nav a.nav-managing.on { background-position: -472px 0; width: 232px; }

	* html #nav li#home a.on 			{ background-position: 0 0; width: 82px; }
	* html #nav li#about a.on 			{ background-position: -82px 0; width: 184px; }
	* html #nav li#osteoarthritis a.on  { background-position: -266px 0; width: 206px; }
	* html #nav li#managing a.on 		{ background-position: -472px 0; width: 232px; }

#nav-utility {
	font-size: .9175em;
	list-style: none;
	position: absolute;
	top: 3px; right: 12px;
	}

#nav-utility li {
	display: inline;
	float: left;
	margin-left: 20px;
	}

#nav-page-utility {
	font-size: 0.9175em;
	list-style: none;
	margin: 0;
	position: absolute;
	right: 245px;
	top: 135px;
	}

	* html #nav-page-utility { right: 125px; width: 350px !important; }

#primary #nav-page-utility li {
	display: inline;
	margin-left: 25px;
	}

	#nav-page-utility li.email a { background: url(../img/css/bg_page-nav-utilities.gif) 0 3px no-repeat; padding-left: 23px; }

	#nav-page-utility li.print a { background: url(../img/css/bg_page-nav-utilities.gif) 0 -39px no-repeat; padding-left: 18px;}

#text-size {
	color: #666;
	font-size: 0.9175em;
	position: absolute;
	top: 129px; right: 12px;
	}

#text-size a#regular	{ font-size: 1.25em; }
#text-size a#large		{ font-size: 1.5em; }

#subnav-top { background: url(../img/css/bg_subnav-top.gif) left top no-repeat; height: 10px; width: 231px; }

#subnav {
	background: transparent url(../img/css/bg_subnav.gif) left bottom no-repeat;
	list-style: none;
	padding: 0 5px 18px 4px;
	width: 222px;
	}

#subnav li {
	background: url(../img/css/bg_subnav-arrow.gif) 15px 11px no-repeat;
	display: block;
	padding: 0;
	margin: 0 0 4px 0;
	}

#subnav li a {
	color: #fff;
	display: block;
	font-weight: bold;
	line-height: normal;
	padding: 6px 15px 6px 25px;
	}

	#subnav li a.on       { background: #2d699e url(../img/css/bg_subnav-anchor.gif) left bottom repeat-x; padding-left: 15px; }
	#subnav li a.on:hover { color: #fff; }
	#subnav li a:hover    { color: #0b2e4d; text-decoration: none; }
	* html #subnav { margin-top: -5px; }
	* html #subnav li { margin: 0; }
	* html #subnav li a { padding: 3px 15px 3px 25px; }

#subnav li ul {
	list-style-type: none;
	margin: 0 0 0 15px;
	}
	
	* html #subnav li ul { margin-top: 10px; }

	#subnav li ul li {
		background: transparent url(../img/css/bg_subnav-square.gif) left 11px no-repeat;
		list-style-type: none;
		padding: 0;
		}
	*+html #subnav li ul li { background-position: left 13px; }		
	#subnav li ul li a { padding-left: 12px; }
	#subnav li ul li a.on { background: none; color: #0b2e4d; padding-left: 12px; }


/*----------------------------------- Forms -------------------------*/

form ul {
    list-style-type: none;
	margin: 0;
	}

form li {
    margin-bottom: 1em;
	}
	
input, select, textarea, label, button {
    display: block;
	}

input[type=hidden] {
    border: none;
	display: none;
	}

input[type=checkbox], .checkboxwrap #primary input {
	border: none;
	float: left;
	margin: 3px 5px 0 0;
	width: auto !important;
	}

.questionstoprint {
	display: block;
	float: left;
	margin: 0 0 15px 0;
	width: 460px;
	}

.questionstoprint label, .checkboxwrap #primary label {
	clear: both;
	float: left;
	margin-bottom: 10px;
	width:100%; /* fixes IE7 "why is my label so narrow" bug */
	}

	label.checkall {
		clear: both;
		display: block;
		float: left;
		}

.questionstoprint h2 { clear: both; display: block; float: left; width: 460px; }

.checkboxwrap #primary h3, .checkboxwrap #primary a.printquestions { clear: both; float: left; }

.checkboxwrap #primary a.printquestions:hover { cursor: pointer; }

* html .checkboxwrap #primary h3 { width: 460px; }

* html .checkboxwrap #primary a.printquestions { width: 460px; }

* html .checkboxwrap #primary input {
	border: none;
	display: inline;
	float: left;
	width: auto !important;
	}

* html .checkboxwrap #primary label {
	clear: none;
	display: block;
	float: left;
	width: 400px;
	}

button {
    cursor: pointer;
	}



#primary fieldset.checkwrap { margin-bottom: 1em; }

#primary fieldset.checkwrap input {
	border: none;
	clear: both;
	display: inline;
	float: left;
	margin: 3px 5px 10px 0;
	width: auto !important;
	}
	
#primary fieldset.checkwrap label {
	margin: 0 0 15px 0;
	}
	
*+html #primary fieldset.checkwrap input { margin-top: 0; }

*+html #primary fieldset.checkwrap label { margin-bottom: 0; }

fieldset#search {
	background: transparent url(../img/css/bg_search.gif) 0 0 no-repeat;
	height: 38px;
	padding: 7px 15px 0 15px;
	position: absolute;
	top: 23px; right: 8px;
	width: 212px;
	}

fieldset#search legend, fieldset#find-doctors legend, fieldset#find-a-doctor legend { display: none; }

fieldset#search input {
	border: 1px solid #c4c5c7;
	color: #333;
	display: inline;
	float: left;
	margin-right: 8px;
	padding: 3px;
	width: 154px;
	}
	
#primary fieldset#find-doctors label {
	font-weight: bold;
	}
	
#primary fieldset#find-doctors input {
	border: 1px solid #c4c5c7;
	padding: 3px;
	width: 55px;
	}
	
#primary fieldset#find-doctors select {
	border: 1px solid #c4c5c7;
	padding: 2px;
	}
	
#primary fieldset#find-doctors li {
	display: inline;
	float: left;
	width: 100px;
	}
	
	* html #primary fieldset#find-doctors li { width: 80px; }
	* html #primary fieldset#find-doctors li button { padding: 0; margin-left: 10px; }
	
#primary fieldset.phonenumber { margin-bottom: 15px; }
	
#primary fieldset.phonenumber input {
	display: inline;
	margin-bottom: 0;
	width: 45px;
	}

/* =find-a-doctor */

fieldset#find-a-doctor ol {margin-bottom:25px;overflow:hidden;}
fieldset#find-a-doctor select {padding:2px;}

#primary #find-a-doctor li input {width:350px;}

* html #primary #find-a-doctor li input {display:inline;}

#primary #find-a-doctor li label {width:290px;}
#primary fieldset#find-a-doctor li.state label, #primary fieldset#find-a-doctor li.zip input, #primary fieldset#find-a-doctor li.zip label {width:119px;}
#primary fieldset#find-a-doctor li.phonenumber {color: #C4C5C7; vertical-align:top;}
#primary fieldset#find-a-doctor li.phonenumber label {color:#333;}
#primary fieldset#find-a-doctor li.phonenumber label.required {color:red;}
#primary fieldset#find-a-doctor li.phonenumber .tel, #primary fieldset#find-a-doctor li.phonenumber .tel-long {display:inline;}
#primary fieldset#find-a-doctor li.phonenumber .tel {width:50px;}
#primary fieldset#find-a-doctor li.phonenumber .tel-long {width:70px;}
#primary fieldset#find-a-doctor li.checkbox  {width:680px; }
#primary fieldset#find-a-doctor li.checkbox label {display:inline;width:680px;}
#primary fieldset#find-a-doctor li.checkbox input {border:0; float:left; margin:1px 5px 0 0;width:auto;}

/* iframe forms */

* html #primary iframe { float:left; }

/*----------------------------------- Randoms/dev utility styles ---*/

.accessibility { height:0;left:-9999em;line-height:0;position:absolute;text-indent:-9999em; }

.hide			{ display: none; }
.left 			{ float: left; margin: 10px 5px 10px 0; }
* html .left 	{ margin-right: 0; }
.right 			{ float: right; }
.clear 			{ clear: both; }
.clearleft 		{ clear: left; }
.clearright 	{ clear: right; }

.error, .red 	{ color: red; }
.required		{ color: red; }
.small 			{ width: 25%; }
.medium 		{ width: 48%; }
.large 			{ width: 90%; }
.alt {background:#EBF2F8;}

/* ---------->>> thickbox settings <<<----------------------*/

#TB_window h1 { margin-bottom: 1em; }

#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}

.TB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	display:none;
	border: 2px solid #005192;
	text-align:left;
	top:50%;
	left:50%;
}

* html #TB_window { /* ie6 hack */
	position: absolute;
	margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background: #fff url(../img/dev/bg_header_tb.gif) right 0 no-repeat;
	border-bottom: 1px solid #005192;
	height:27px;
	margin-bottom: 1em;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
	position: absolute;
	margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}

/* ----- show primary only for template inside a thickbox window ------- */

#TB_window #wrapper, #TB_window #content, #TB_window #primary, #TB_window #maincontent {
	width: auto;
	background: transparent none;
	border-top: 0;
	margin: 0;
	padding: 0;
}

#TB_window #header, #TB_window #footer, #TB_window #secondary, #TB_window .utilities, #TB_window #fin
{
	display:none;
}

/* testimonial player */
#v-wrap {
	background: transparent url(../img/dev/testimonials/bg_body.gif) left bottom no-repeat;
	padding: 0 0 23px 0;
	width: 784px;
}

	#v-wrap h1, #v-wrap h2,#v-wrap h3,#v-wrap h4 { color: #005192; font-weight: bold; } 

	#v-wrap h2 { font-size: 1.4em; margin-bottom: .7em; }

#v-head {
	background: transparent url(../img/dev/testimonials/bg_header.gif) 0 0 no-repeat;
	height: 95px;
	margin: 0 0 1em 0;
	text-align: right;
}
	#v-head h1 { padding: 1.3em 14px; }

#v-content {
	background: transparent url(../img/dev/testimonials/bg_content.gif) left bottom repeat-x;
	border-bottom: 1px solid #ffe38e;
	overflow: hidden;
	min-height: 363px;
}

	* html #v-content { height: 363px; overflow: auto; }

	#v-nav {
		display: inline;
		float: left;
		margin: 0 11px;
		padding: 0 0 2em 0;
		width: 190px;
	}

		#v-nav ul {
			border-top: 1px dotted #c60;
			list-style: none;
			margin: 0 0 2em 0;
		}

		#v-nav a.v-pdf, .testimonial-nav a.v-pdf {
			background: transparent url(../img/dev/testimonials/icon_pdf.gif) 0 3px no-repeat; 
			display: block;
			min-height: 45px;
			padding: 0 0 0 48px;
			width: auto;
		}

			* html #v-nav a.v-pdf { height: 45px; }

	#v-video {
		background: #fff url(../img/css/bg_video.gif) left bottom repeat-x;
		border:1px solid #005192;
		display: inline;
		float: left;
		height: 288px;
		margin: 0 0 2em 0;
		padding: 8px 7px;
		width: 346px;
	}

	* html #v-video { overflow: hidden; }

	#v-bio {
		display: inline;
		float: left;
		margin: 0 10px;
		padding: 0 0 2em 0;
		width: 190px;
	}

	#bio-select {
			border-bottom: 1px dotted #c60;
			list-style: none;
			margin: 1em 0 2em 0;
			overflow: hidden;
			padding: 4px 0;
		}
			#bio-select { height: 1%; }
			#bio-select li { display: inline; }
			#bio-select a {
				background: #999;
				border: 1px solid #a7ccf5;
				display: block;
				float: left;
				height: 51px;
				margin: 0 14px 0 0;
				outline: none;
				width: 51px;
			}

			* html #bio-select a { margin-right:8px; } /* setting display:inline; isn't fixing what appears to be double-margin bug */
				#bio-select .last a { margin-right: 0; }

				#bio-select a.on 	{ border-color: #005192;}

.testimonials #maincontent {
	background: #faffc2 url(../img/dev/testimonials/bg_testimonials.jpg) 0 0 no-repeat;
	border-top: 5px solid #fff;
	padding-left: 0;
	margin: 0;
}

.testimonials .bottom { margin-top: 6px; }

.testimonials h1 {
	padding: 0 12px;
}

.testimonial-nav {
	list-style: none;
	margin: 1em 0 0 2px;
	overflow: hidden;
	padding: 0 0 10px 0;
}

	* html .testimonial-nav { height: 1%; }

	.testimonial-nav li {
		float: left;
		text-align: center;
		width: 183px;
	}
		.testimonial-nav h2 { margin: 0; }

		.testimonial-nav h2 a {
			color: #fff;
			display: block;
			text-decoration: none;
		}

			.testimonial-nav h2 img { display: block; margin: 0 auto; }

			.testimonial-nav h2 a span { 
				background: #3f8adc url(../img/dev/testimonials/btn_span.gif) 0 0 no-repeat;
				display: block;
				height: 26px;
				line-height: 24px;
				margin: 0 auto;
				width: 148px;
			}

.testimonial-nav h2 a:hover span { color: #bbddf7; }

	.testimonial-nav li p {
		border-bottom: 1px dotted #c60;
		padding: 0 14px 1em 14px;
		margin: 10px 20px;
	}	

	.testimonial-nav li a.story, .testimonial-nav li a.v-pdf {
		display: block;
		margin: 10px;
		text-decoration: none;
	}

		.testimonial-nav li a.v-pdf {
			background: transparent url(../img/dev/testimonials/icon_pdf_sm.gif) 0 3px no-repeat; 
			margin: 0 20px;
			padding: 0 0 0 28px;
			text-align: left;
		}

/* jquery tooltip */

#tooltip, #exitconfirm, #internal {
	background: #fff url(../img/dev/bg_header.gif) right -124px no-repeat;
	border: 2px solid #005192;
	max-width: 400px;
	padding: 10px;
	z-index: 3000;
}

#tooltip, #internal { position: absolute; }
	#tooltip.intb { width: 290px; }
	#internal { width: 360px; }

#tooltip h3, #tooltip div, #exitconfirm div, #internal div { margin: 0; }

#exitconfirm ul { list-style: none; margin: 0; }

	#exitconfirm li { display:inline; }

	#exitconfirm a.btn { margin-right: 10px; } 

/* /sites/Synvisc-One/_resources/css/print.css */ 

@media print {          

 /*  --=.._/(  Synvisc One PRINT STYLES  )\_..=-- */

#header, #nav, .nav, #secondary, #tertiary, #features, #breadcrumbs, #nav-page-utility, #nav-utility, #text-size, #hcp, #search, a#genzyme, #exitconfirm { display: none; }
body, body #wrapper *, #important_safety_information, #footer {background:none;}
#wrapper, #content, #important_safety_information .wrapper, #footer { width:auto; position:static; }

#content #primary {
	float: none;
	margin:0 !important;
	width: auto;
	}

#primary .questionstoprint {
	display: inline;
	float: none;
	margin: 0;
	width: 80%;
	}

.questionstoprint label 		{ display: none; }

.questionstoprint label.print 	{ display: block; }



    #important_safety_information .wrapper { padding:0; }

    #safety img {display:none; }

    #footer {
        border:none;
        padding:0;
        }