/* /sites/GaucherCare/_resources/css/global.css */ @media all {           /*
--=.._/(       Genzyme Disease template GLOBAL STYLES      )\_..=--
    	  */


/*
ISITE Design


--------- Notes -----------

* html {anything} addresses IE < 6 browser bugs
*+html {anything} addresses IE 7 browser bugs

------- typography ---------

font-sizes are set in em for resizable goodness.  Here's a basic guide for the stylesheet.
font-size: .75em; 	= 9px
font-size: 0.835em; = 10px
font-size: .9175em; = 11px
font-size: 1em; 	= 12px
font-size: 1.085em; = 13px
font-size: 1.165em; = 14px
font-size: 1.25em;  = 15px
font-size: 1.335em; = 16px
font-size: 1.415em; = 17px
font-size: 1.5em;	= 18px
font-size: 1.585em; = 19px
font-size: 1.665em; = 20px
font-size: 1.75em; = 21px
font-size: 1.835em; = 22px
font-size: 1.915em; = 23px
font-size: 2em; = 24px

font colors:
	base body color: #333333;

link colors:
	main content a: #0000ff;
	main content hover: #999999;

*/

/* Basic browser reset  */
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*/

body 					{ color:  #4d4d4f; font: 75%/1.5 Arial, Helvetica, sans-serif; }
h1, h2, h3, h4, h5, h6	{ font-weight: normal; margin: 0 0 .25em 0; color: #0079c1; text-transform: capitalize;}

h1	{ font-size: 2.166em; letter-spacing: .05em; } 	/* 26px */
h2	{ font-size: 1.165em; } /* 14px */
h3	{ font-size: 1em; } /* 17px */
h4	{ font-size: 1em; color:#4d4d4f; font-weight: bold; } 	/* 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 3em; }
table	{ border-collapse: collapse; }
td		{ border: 1px solid #ccc; padding: .5em;  }

/*temp for layout purposes
div		{ border: 1px solid #ccc; }
body {background: url(../img/css/grid.gif) center 0 repeat-y	;}*/

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

body { background-color:#008b94;}
body.RadEContentBordered { background-color:#fff; }

#outer {
	background:#fff url("../img/css/bg_body.gif") 0 3em repeat-x;
	min-width:980px; /*prevents green background from showing through on screens smaller than width */
	_width: 100%; /*same as above but for ie6*/
	margin:2em 0 0;
	padding-top:3em;
	position:relative;
	z-index: 10;

	}
#wrapper {
	margin: auto;
	position: relative;
    width: 970px;
	/*z-index: 1; puts grey bar across the logo in ff3.  left in incase it provides a clue to whats about with other browsers. */
}
#header {
    height:40px;
	margin:0 0 0 14px;
	position:relative;
	width:956px;
	z-index:90;
}
	#header #brand {
		background:transparent url(../img/css/logo.png) 0 0 no-repeat;
		border-top-width:0;
		height:105px;
		overflow: hidden;
		position: absolute;
		top:-5em; left:-5px;
		text-indent:-9999em;
		width:235px;
		z-index:100;
		}
	* html #header #brand {background:transparent url(../img/css/logo.gif) 0 0 no-repeat; left: 0; }
#content {
	float: left;
	padding:26px 0 0 14px;
	width: 956px;
}

#footer {
	background:#008B94 url(../img/css/bg_footer.gif) 0 3em repeat-x;
	clear: both;
	color:#fff;
	min-width:980px; /*prevents green background from showing through on screens smaller than width */
	_width:980px; /*same as above but for ie6*/
	_width: 100%;
	}
#footer a { color:#ffd478; }
	#footer a:hover { color:#ccc; }
	#footer .copyright {
		background:#3d3d3d url(../img/css/bg_copyright.gif) 0 0 repeat-x;
		padding:4px 0 0;
		}
	#footer .copyright ul {
		font-size:.83em;
		height:3.2em;
		line-height:3.2;
		list-style:none;
		margin:0 auto;
		padding:0 0 0 16px;
		width:956px;
		}
	#footer .copyright li { display:inline; }

	#footer .content {
		margin:0 auto;
		overflow:hidden;
		padding:0 0 0 16px;
		width:956px;
		}

	#footer .about-genzyme {
		float:left;
		margin-right:80px;
		width:408px;
		}
		#footer .about-genzyme h3 {
			background: url('../img/css/logo-genzyme-footer.gif') no-repeat;
			height:32px;
			margin:34px 0 12px;
			overflow: hidden;
			text-indent: -9999px;
			width: 148px;
			}
	#footer .contact-genzyme {
		float:left;
		margin:42px 40px 0 0;
		}
	#footer #international-genzyme {
		float:left;
		margin-top:42px;
		}
		#footer .contact-genzyme h4, #footer #international-genzyme h4 {
			border-bottom: 1px solid #fff;
			color:#fff;
			font-size:1em;
			}
	#international-genzyme ul {
		float:left;
		list-style:none;
		margin:0 20px 0 0;
		padding:0;
		}



/* .interior-page: three col, secondary on left, tertiary on right
widths, left to right:
gutter:14px; (provided by padding on #wrapper)
tetriary: no left spacing.  220px wide
gutter: 18px wide
primary: 509px wide
gutter: 20px wide
secondary: 1px border, 12px padding, 160px wide
gutter:16px
=970px
*/
#primary {
	display: inline;
	float: left;
    margin-left: 238px;
	width: 509px;
}
#secondary {
	border-left:1px solid #ccc;
	display: inline;
	float: left;
	margin-left: 20px;
	margin-top: 3.4em;
	padding-left:12px;
	width: 160px;
}
#tertiary {
    float: left;
	margin-left: -940px;
	width: 219px;
}



/* .landing-page: #leader above #primary above #secondary.  tertiary full height on right. */

.landing-page #content { background:transparent url(../img/css/bg_landing-content.jpg) 14px bottom no-repeat; }
.landing-page #leader {
	background:transparent url(../img/css/bg_gray-gradient.gif) left bottom repeat-x;
	float:right;
	margin:-62px 0 0 0;
	padding:0 0 20px 20px;
	width:716px;
	}
	.landing-page #lead {
		background: transparent url('../img/css/leader-landing.gif') 110px bottom no-repeat;
		min-height:95px;
		padding: 45px 30px 30px 330px;
		}
		* html .landing-page #lead {height: 95px; padding-top: 41px}
		.landing-page #lead p {color: #005a93; font-size: 1.4em;}
	.landing-page.patients #lead {padding:45px 20px 30px 280px;}
	
.landing-page #main {
	float:right;
	position: relative;
	width:716px;
	}
.landing-page #primary {
	border:1px solid #ccc;
	border-width:0 0 1px 0;
	margin:0 0 18px;
	padding:0 0 18px;
	width:100%;
	}
	* html .landing-page #primary {padding-bottom: 9px;}
	*+html .landing-page #primary {padding-bottom: 9px;}

	.landing-page #primary .callouts {
		background:transparent url(../img/css/bg_home-callouts.gif) 0 0 repeat-y;
		overflow:hidden;
		margin-top: 1em;
		float: left;
		}
		.landing-page #primary .callout {
			float:left;
			margin:0 26px 0 0;
			width:216px;
			}
			.landing-page #primary div.last { margin-right:0; }
.landing-page #secondary {
	border:1px solid #ccc;
	border-width:0 0 0 1px;
	float:right;
	min-height:340px;
	_height:340px;
	margin-top: 0;
	padding:0 0 0 12px;
	width: 476px;
	}
	.landing-page #secondary .callout {border-bottom: 1px solid #ccc; margin-bottom: 1em; padding-bottom: 1em; float: left;}
	.landing-page #secondary div.last {border: none; margin: 0;}

.landing-page #tertiary { float:none; margin:0;  }
	* html .landing-page #tertiary { margin-top: -14em;  }
	*+html .landing-page #tertiary { margin-top: -13em;  }

/* home page */
#leader {overflow:hidden;}
.home-page #lead {
	background: transparent url(../img/css/lead-home.jpg) 0 0 no-repeat;
	border-bottom: 3px solid #676868;
	float:left;
	height: auto;
	min-height: 258px;
	width:644px;
	}

	.home-page #lead p {
        font-size: 1.835em;
		line-height: 1.235;
		margin: 0;
        padding: 52px 243px 42px 37px;
		text-indent: -.3em; /* hanging indent for the quote.  sorta janky. */
		   }


.home-page #leader .callout {
	background:url(../img/css/bg_callout.gif) -5px 2.7em no-repeat;
	clear:right;
	float:right;
	width:282px;
	overflow:hidden;
		
	}
	
	.home-page #leader .callout h2, .home-page #leader .callout p {width:140px;}
	.home-page #leader .callout h2 { 
		background:#fff;
		line-height:1.2;
		margin-left:10px;
		margin-bottom:0;
		min-height: 36px;
	}
		* html .home-page #leader .callout h2 { height: 36px; }	
	.home-page #leader .callout p {
		background:url(../img/css/bg_callout-bottom.gif) no-repeat -5px bottom;
		clear:both;
		color:#fff;
		float:left; 
		font-size:1em;
		font-weight:bold;
		margin-bottom:0;
		min-height:80px;
		padding:7px 10px;
		position:relative;
		width:285px;
	}
	/* html .home-page #leader .callout p {margin-bottom:-15px;}*/
	
	.home-page #leader #callout-professionials.callout {background-position:-5px 3em;}
	.home-page #leader .callout p span.text {display:block;width:170px;}
	.home-page #leader .callout img {
		bottom:1px;
		position:absolute;
		right:21px;
	}

	.home-page #leader #callout-patients{margin-bottom:1em;}
	.home-page #callout-professionials{padding-top:5px;}
	
	
.home-page #main {
	background:transparent url(../img/css/bg_gray-gradient.gif) left top repeat-x;
	clear: left;
	margin:26px 0 0 -14px;
	overflow:hidden;
	padding:22px 0 0 14px;
	}


	.home-page #primary {
		color: #6db33f;
		font-size: 1.3em;
		font-weight: bold;
		margin:0;
		padding-top: .3em;
		width:220px;
		}
	.home-page #secondary {
		border-left: 1px dashed #b1b3b5;
		margin:0 0 0 22px;
		padding:.3em 0 0 22px;
		width:363px;
		}
	.home-page #tertiary {
		border-left: 1px dashed #b1b3b5;
		margin:0 0 0 21px;
		padding:.3em 0 0 20px;
		width:278px;
		}





/*----------------------------------- Type, Links and Lists----------*/
.landing-page h1{margin-top: .3em;}


a, a:visited		{ color: #00f; }
a:hover, a:focus 	{ color: #999; }

/* link list class - no bullets or indent */
.link-list {
	list-style:none;
	margin-left:0;
	}

/* image captions */
.caption { font-size: .83em; font-style:italic; }
.caption .caption { font-size:1.2em; font-style:normal; }

/* button links */
.btn {float:left; display:inline; }
	a.btn:visited  		{ color: #fff;}
	/*.btn:hover			{ background-position: 0 -100px; background-color: #092d51;}*/
	button.btn			{ font-family:Arial, Helvetica, sans-serif; margin-top: -3px; }
	* html button.btn 	{ padding: 2px 4px;}
	*+html button.btn 	{ padding: 2px 0;}
	.callouts .callout .btn { float: right; }

a.tl, a.tl:visited, a.tl:hover, a.tl:focus {
	color:#fff;
	float:left;
	margin-bottom:10px;
	text-decoration:none;
	/*float: right;*/
	}
	.btn span {display:block;}
	.btn span.tl {background:transparent url(../img/css/btn_tl.gif) left top no-repeat;}
	.btn span.br {background:transparent url(../img/css/btn_br.gif) right bottom no-repeat;}
	.btn span.tr {background:transparent url(../img/css/btn_tr.gif) right top no-repeat;}
	.btn span.bl {background:transparent url(../img/css/btn_bl.gif) left bottom no-repeat; padding:4px 8px;}
	#wrapper #content .btn:hover span.tl, #wrapper #content a.btn:hover span.tl, #content .over span.tl { background-position: left -300px; }

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

/* Navigation - assumed to be in #tertiary */
#nav {
	background: #888 url('../img/css/bg-nav-bottom.png') left bottom no-repeat;
	margin-bottom: 1em;
	padding-bottom: 20px;
}
	* html #nav {	background: #888 url('../img/css/bg-nav-bottom.gif') left bottom no-repeat;}
	#nav ul {
		background: transparent url('../img/css/bg-nav-top.png')  left top no-repeat;
		clear:left;
		display: block;
		list-style:none;
		margin:0;
		overflow:hidden;
		padding: 10px 0 0 0;
		position: relative;
	}
	* html #nav ul {background: transparent url('../img/css/bg-nav-top.gif')  left 1px no-repeat;  border-top: 1px solid #fff; height:1%;}
	*+html #nav ul {border-top: 1px solid #fff;}
	#nav li {
		padding: 0 15px 0 16px;
		overflow:hidden;
		text-indent: 4px;
	}
	* html #nav li { height:1%; padding-bottom:.2em; padding-top:.2em; }
	*+html #nav li { padding-bottom:.2em; padding-top:.2em; }
	#nav li li {padding-left: 11px; margin-left: 4px;}
	#nav li.active		  		{ background: transparent url('../img/css/bg_active-nav-top.png') left .3em no-repeat;}
	#nav li.active .active		{ background:transparent url('../img/css/bg_active-nav-inner.png') left center no-repeat;}
	* html #nav li.active		{ background: transparent url('../img/css/bg_active-nav-top.gif') left .3em no-repeat; }
	* html #nav li.active .active { background:transparent url('../img/css/bg_active-nav-inner.gif') left center no-repeat;}


	#nav li ul {
		background: none;
		border:1px solid #B5D89D;
		border-width:1px 0;
		margin:0 0 .5em;
		padding:.7em 0 .2em;
	}
		#nav li a {
			color: #fff;
			float:left;
			margin:0 0 .5em;
			text-decoration: none;
			}
		*+html #nav li a { margin:0 0 .7em; }
		#nav li a:hover, #nav .active li a:hover {
			color: #002F56;
			}

/* gray bar nav across top */


#nav-corporate {
	background-color:#3d3d3d;
	min-height:2em;
	min-width:980px;
	_width:100%;
	position:absolute;
	top:0; left:0;
	width:100%;
	z-index:1;
	}
	#nav-corporate .nav {
		margin:0 auto;
		text-align:right;
		width:960px;
		}
	#nav-corporate li {
		display:inline;
		font-size: .9em;
		line-height:2.1em;
		padding: 0 0 0 2em;
		}
	#nav-corporate li a {
		background:transparent url('../img/css/bullet-nav-corporate.gif') left center no-repeat;
		color: #fff;
		padding-left: 12px;
		text-decoration: none;
	}
	#nav-corporate li a:hover{color: #ddd}
/* "Information for Patients" etc. */
#nav-mode {
	height:3em;
	line-height:3em;
	padding-left: 175px;
	position:absolute; top:-3em; right:0;
	text-transform:uppercase;

	}
	#nav-mode .nav { font-size:1.08em; }
	#nav-mode li {
		display:inline;
		padding-left: 1em;
		text-align: right;
		}
	#nav-mode li a {
		background-color: #fff;
		color: #3D3D3D;
		font-size: .9em;
		padding: 5px 0;
		text-decoration: none;
		text-transform: uppercase;
	}
	#nav-mode li a:hover{
        color: #aeaeaf;
    }


/*---------------------------------- Widgets --------------------*/

/* language dropdown widget */
#lang {
	margin:3px 0 0;
	padding-bottom: 21px;
	position: absolute;
	right: 7px; top: 0;
	width: 122px;
	z-index: 400;
}
	#lang-select{
		background: transparent url(../img/css/bg-lang-selector-full.gif) left bottom no-repeat;
		color: #fff;
		display: block;
		font-size: .9em;
		height: 21px;
		line-height: 20px;
		padding: 0 24px 0 33px;
		position: absolute;
		left: 0; bottom: 0;
		text-decoration: none;
		text-transform: uppercase;
		width: 64px;
	}
	#lang-select:hover{ cursor: pointer;  background-position: -121px bottom; }
	#lang-list{
		background: #939598;
		display:none;
		list-style:none;
		margin:0;
		padding:0;
	}
	#lang-list li{margin: 0; padding: 0;}
		* html #lang-list li { display:inline; }
	#lang-list a{
		background-color: #939598;
		color: #fff;
		display: block;
		font-size: 12px;
		margin: 5px 0;
		padding: 2px 10px;
	}
	#lang-list a:hover{
		color: #ffd16a;
		text-decoration: none;
	}
	#lang-list{padding: 5px;}
	#lang-list .last{border-bottom: 1px solid #c5c6c8;}


#search-box{
	background: #525355 url('../img/css/bg-search-top.gif') left top no-repeat;
	margin: 0 0 1em 0;
}
	* html #search-box {zoom:1;}
	#search-box .content {
		background: transparent url('../img/css/bg-search-bottom.gif') left bottom no-repeat;
		min-height: 25px;
		padding: 1.8em .5em 1.5em 1em;
	}

		.home-page #search-box{
			background: #525355 url('../img/css/bg-search-home-top.gif') left top no-repeat;
            border-bottom: 1px solid #b1b3b5;
			margin-bottom: 2em;
		}
		.home-page #search-box .content {
			background: transparent url('../img/css/bg-search-home-bottom.gif') left bottom no-repeat;
			border-bottom: 2em solid #fff;
		}

		* html .home-page #search-box .content {
            position: relative;
			background-position: left 5em; /* hackerific. works for default font size. breaks reasonably. */
        }
	#search-box input {
		border: none;
		float: left;
		margin-right: 6px;
		padding: 3px 2px;
		width: 120px;
		}
		.home-page #search-box input {width: 175px;}

.callout.video {
	overflow: hidden;
}
	.callout .video-thumb{
		float: right;
		padding: 0 0 1em 1em;
		width: 160px;
	}
	.callout .video-thumb a img, .interior-page #secondary .section a img {
        border: 1px solid #ccc;
		padding: 1px;
    }

	#secondary .section {border-bottom:1px solid #ccc; margin-bottom:14px; padding:0 0 5px 5px;}
	#secondary .section.last {border:0;}
	
	
#page-functions {
	position: absolute;
	right: 10px;
	text-align: right;
	top: 40px;
	z-index: 300;

}
	#main #page-functions 	{ top: 0; }
	#content #page-functions h3{
		color: #8a8788;
		float: left;
		font-size: 90%;
		text-transform: uppercase;
	}
	#page-functions ul, #page-functions li{margin: 0; padding: 0; list-style-type: none;}
	#page-functions .text-size {margin: -.7em 0 0 -5px;}
	#page-functions .text-size li {padding-left: 7px;}
	#page-functions li {display: inline; }
	#small-text, #regular-text, #large-text { font-family: Georgia, Times, "Times New Roman", serif; }
	#regular-text{font-size: 1.25em;}
	#large-text{font-size: 1.55em;}

	#print-page, #email-link {
		background: url(../img/css/icon-email.gif) no-repeat left center;
		font-size: .85em;
		padding-left: 15px;
	}
	#print-page{background-image: url(../img/css/icon-print.gif); margin-left: 10px;}

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

fieldset ul {
    list-style-type: none;
	margin: 0;
}
fieldset li {
    margin-bottom: 1em;
}
input, select, textarea, label, button {
    display: block;
}
input[type=hidden] {
    border: none;
	display:none;
}

button {
    cursor: pointer;
}


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

.accessibility { height:0;left:-9999em;line-height:0;position:absolute;text-indent:-9999em; }
.column {
    float: left;
	width: 45%;
	margin-right: 2%;
}

.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; }

.small 			{ width: 25%; }
.medium 		{ width: 48%; }
.large 			{ width: 90%; }
/* clearfix */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }
 /* for IE/Mac */
.clearfix {display: inline-block;}
/* for IE/Win */
.clearfix {
    zoom: 1;     /* triggers hasLayout */
    display: block;     /* resets display for IE/Win */
    } }
/* /sites/GaucherCare/_resources/css/gauchercare.css */ @media all { 
/*
	Gauchercare customization to base (global.css) template
	by Christoph Saxe, ISITE Design.
*/

/***********************************************************************************************
 base layout customization */
#header #brand { background-image:url(../img/css/logo.png); height:106px; width:236px; left:-8px; }
* html #header #brand { background-image:url(../img/css/logo.gif); height:106px; width:236px; left:-8px; }

#content {padding-bottom:1em;}
#tertiary { width:220px;}

#footer {padding-bottom:24px;}
#footer a { color:#fff; }
#footer .copyright {color:#a6a8ab;}
	#footer .copyright li { background:transparent url(../img/css/bg_copyright-divider.gif) center right no-repeat; float:left; padding: 0 1em 0 0; }
		#footer .copyright .last { background:none; }
#footer .about-genzyme {
    margin-right:60px;
    width:340px;
    }
#footer .contact-genzyme { width:320px; }
    #footer .contact-genzyme p { float:left; margin-right:30px; display:inline; }
    

/***********************************************************************************************
 navigation customization */
#nav li { font-weight: bold; }
#nav li li { font-weight:normal; }



/***********************************************************************************************
 home page customization */
* html .home-page #leader { height:1%; }
.home-page #lead {
	background:#dbdbdb url(../img/css/bg_home-lead.jpg) 0 0 no-repeat;
	border-width:0 0 3px 0;
	width:644px;
	}
	.home-page #lead p {
		color:#4c7178;
		font-size:1.67em;
		line-height:1.4;
		margin:46px 0 0 18px;
		padding:0;
		text-indent:0;
		width:350px;
		}

/*.home-page #leader .callout h2, .home-page #leader .callout p { position:absolute; left:-9999em;}*/
.home-page #leader .callout .btn { margin-bottom:0; margin-top:5px; position:relative;}
* html .home-page #leader .callout p { padding-bottom: 38px; }
* html .home-page #leader .callout .btn { /*margin-left:12px;*/ margin-top:5px; position: absolute; left: 10px; }
	/*.home-page #callout-patients { height:130px; }
	.home-page #callout-professionials {  height:135px; }*/

.home-page #lead { min-height: 272px; }
* html .home-page #lead { height:272px; }
.home-page #patients {
	background:transparent url(../img/css/bg_callout-patients.gif) 0 0 no-repeat;
	height:47px;
	margin-top:8px;
	padding-top:92px;
}
.home-page #professionals {
	background:transparent url(../img/css/bg_callout-professionals.gif) 0 0 no-repeat;
	height:40px;
	padding-top:96px;
	}
	
.home-page #search-box input { width:164px; }
* html .home-page #search-box .content { padding-bottom:1em; }
	
.home-page #main { margin-top:14px; }
.home-page #primary { color:#008c99; }
.home-page #search-box .btn span.tl { background-image: url(../img/css/btn_tl-home-search.gif); }
.home-page #search-box .btn span.bl { background-image: url(../img/css/btn_bl-home-search.gif); }
.home-page #search-box .btn span.tr { background-image: url(../img/css/btn_tr-home-search.gif); }
.home-page #search-box .btn span.br { background-image: url(../img/css/btn_br-home-search.gif); }

/***********************************************************************************************
 landing page customization */
.landing-page #outer { background-image:url(../img/css/bg_body-landing.gif); }

.landing-page #lead { background:transparent url(../img/css/bg_landing-lead-patients.jpg) -20px bottom no-repeat; padding: 45px 30px 30px 430px; }
	* html .landing-page #lead { height: 95px; padding:45px 30px 30px 280px; }
	*+html .landing-page #lead { padding-bottom:0; }
.landing-page #lead p { color: #008c99; font-size: 1.583em; line-height:1.3em; }

* html .landing-page #tertiary { margin-top: -12.6em;  }
* html .hcp-landing-page #tertiary { margin-top: -14.1em;  }
*+html .hcp-landing-page #tertiary { margin-top: -12em;  }


/***********************************************************************************************
 interior page customization */
.interior-page #secondary .section {
	border-bottom:1px solid #ccc;
	padding-bottom:5px;
	margin-bottom:1.1em;
	}
	.interior-page #secondary .last { border:none; }

/***********************************************************************************************
 navigation customizations */
#content #nav 		{ background: #008a93 url('../img/css/bg-nav-top.png') left top no-repeat; padding:0; }
	#nav ul 		{ background: transparent url('../img/css/bg-nav-bottom.png')  left bottom no-repeat; padding:10px 0 22px; }
	* html #nav ul 	{ background: transparent url('../img/css/bg-nav-bottom.png')  left bottom no-repeat; padding:10px 0 22px; }
	*+html #nav ul 	{ border:none; }
	
	#nav li { text-indent:0; }
	#nav a { padding-left:4px; }

	#nav li ul { border:1px solid #80c5ca; border-width:1px 0; }
	* html #nav li ul { background:none; padding:8px 0 4px; }
				#nav .active a, #nav li a:hover, #nav .active li a:hover { color:#fdb924; }
				#nav .active ul a { color: #fff; }
				#nav .active .active a { color:#fdb924; }
				
	#nav-mode .active a, #nav-mode .active a:hover {
		color:#008c99;
		cursor:default;
		}
		* html #search-box button { width:6em; }
		*+html #search-box button { width:5.5em; }


/***********************************************************************************************
 typography customization */
a, a:visited		{ color: #003f45; }
a:active, a:hover	{ color: #999; }
	
h1 { color: #008c99; }
.landing-page h1{color:#666a6f; font-size:3em; font-weight:normal; text-transform:none; letter-spacing:0;}
h2 { color: #008c99; font-weight:bold; }
h3 { color: #008c99; font-size:1.083em; /* font size previously 1.265em = 14px */ font-weight:bold; text-transform:none; }
h4 { color:#008c99; font-size:1em; text-transform:none; }
h5 { color: #008c99; text-transform:none; }


dl { margin-bottom:1em; }
dt { font-weight: bold; }
dd { margin-bottom: .3em; }


/***********************************************************************************************
 list customization */
 
ul { margin-left:1em;}
* html ul {margin-left:1.5em;}
*+html ul {margin-left:1.5em;}
 
#international-genzyme ul {
    float:none;
    margin:0;
    width:16em;
    }
#international-genzyme li {
    display:inline;
    float:left;
    margin:0 1em 0 0;
    width:7em;
    }
 
 
/***********************************************************************************************
 buttons */
.btn{
	color: #00666d;
	float: left;
	font-size:.917em;
	font-weight:bold;
	text-decoration: none;
	text-transform:uppercase;
}
	button.tl { background:transparent none; border:none;}
* html .callouts .callout a.tl { float:right; }
* html #content span.over { background-position: left -300px; }


a.tl, a.tl:visited, a.tl:hover, a.tl:focus {
	color:#00666d;
	font-weight:bold;
	}
	.home-page #lead .btn { margin:2.4em 0 0 18px; }
	
	
	
	.home-page #lead .btn span.tl {background-image: url(../img/css/btn_tl-home-lead.gif);}
	.home-page #lead .btn span.br {background-image: url(../img/css/btn_br-home-lead.gif);}
	.home-page #lead .btn span.tr {background-image: url(../img/css/btn_tr-home-lead.gif);}
	.home-page #lead .btn span.bl {background-image: url(../img/css/btn_bl-home-lead.gif);}
	
	.home-page .callout .btn span.tl {background-image: url(../img/css/btn_tl-home-callout.gif);}
	.home-page .callout .btn span.br {background-image: url(../img/css/btn_br-home-callout.gif);}
	.home-page .callout .btn span.tr {background-image: url(../img/css/btn_tr-home-callout.gif);}
	.home-page .callout .btn span.bl {background-image: url(../img/css/btn_bl-home-callout.gif);}
	
	#search-box button { margin-top:-2px;}
	*+html #search-box button {margin-top:-3px;}
	* html #search-box button {margin-top:0;}
	#search-box .btn span.tl {background-image: url(../img/css/btn_tl-search.gif);}
	#search-box .btn span.br {background-image: url(../img/css/btn_br-search.gif);}
	#search-box .btn span.tr {background-image: url(../img/css/btn_tr-search.gif);}
	#search-box .btn span.bl {background-image: url(../img/css/btn_bl-search.gif);}
	
	fieldset.search button {
        float:left;
        margin:-1px 0 0 12px;
    }
	*+html fieldset.search button { margin-top: -4px; }
    fieldset.search .btn span.tl { background-image:url(../img/css/btn_tl-home-search.gif); }
    fieldset.search .btn span.br { background-image:url(../img/css/btn_br-home-search.gif); }
    fieldset.search .btn span.tr { background-image:url(../img/css/btn_tr-home-search.gif); }
    fieldset.search .btn span.bl { background-image:url(../img/css/btn_bl-home-search.gif); }


/***********************************************************************************************
 Tables */
table {
    margin: 1em 0;
}

table td, table th{
	border: none;
	text-align: left;
	padding: 1px;
}

table thead th{
	background-color: #0e8c94;
	color: #fff;
}

table tbody th, table tfoot th{
	background-color: #dcddde;
	color: #231f20;
}

/***********************************************************************************************
 Forms */

* html #search-box fieldset {height:2.63em;}

input, textarea{
    border:1px solid #adadad;
	font-family: Arial, Helvetica, sans-serif;
	margin:0 0 1em; 
    padding: 3px 2px;
	width: 90%;
}
input { width:45%; }
input:focus, textarea:focus{
    border: 1px solid #0E8C94;
}
input[type=button]{
    width: auto;
	padding: 3px;
}
button {
    background-color:#fedc99;
    border:2px solid #acacac;
    color:#00666d;
    }
hr{
	border: none;
	background-color: #ddd;
    border-bottom: 1px solid #ddd;
	padding: 0;
	height: 1px;
}

/* special classes */
/* red "required" astrisk and also error messages */
.required {color:Red;}

/* checkboxes and radio buttons: <fieldset class='checkwrap'><label><input type='checkbox' /></label></fieldset> */
.checkwrap { margin:0 0 1em; }
.checkwrap p { font-weight:bold; margin:0 0 .5em; }
.checkwrap label {margin:0 0 .5em; }
.checkwrap label input { float:left; margin:2px .5em 0 0; width:15px; }
.checkwrap input, .checkwrap input:focus { border:0; }


/* special forms */
/* search results */
fieldset.search {
	background: #525355 url('../img/css/bg-search-home-top.gif') left top no-repeat;
	padding:1.8em 6px 1.5em 12px;
	width:260px;
}
fieldset.search label { position:absolute; left:-9999em;}
fieldset.search input{
    background-color:#fff;
    border:none;
    float:left;
    margin-bottom:0;
    width:180px;
}
#search-box input { margin-bottom:0; }
* html fieldset.search input { margin:4px 0 0; }
* html #search-box input { margin:4px 12px 0 0; }

#searchresults {
    background: transparent url(../img/css/bg-search-home-bottom.gif) left top no-repeat;
    padding:6px 0 1em;
}
* html #searchresults { margin-top:-3px; }
*+html #searchresults { margin-top:-4px; }
    #searchresults p {
        border-top: 1px dashed #B1B3B5;
        margin-top:2em;
        padding-top:2em;
    }
    #searchresults ul p, #searchresults p.right {
        border:none;
        margin-top:1em;
        padding-top:0;
    }
    #searchresults p.right { float:none; }

/* "continue" pages */
button.link-continue { float:none; margin:0 0 1em;}

/***********************************************************************************************
 #exitconfirm customization */
 
#exitconfirm ul { margin-left:0; }
#exitconfirm li { display:inline; float:none; list-style:none; }
#exitconfirm a#confirm-goto { padding-right: 1em; }
#exitconfirm a { color:#00666D; display:inline; float: none; }
#exitconfirm a:hover { color:#999; } /* ie6 is getting link colors overridden somewhere.  this fixes. */
 


/***********************************************************************************************
 special interior layouts */

/*---- body.full maps to "base" */
.full #primary { margin-left:0; width:auto; }
.full #secondary { display:none; }
.full #tertiary { display: none; }

/*---- body.wide-left maps to "base w/ feature" */
.wide-left #primary {
    margin-left:0;
    width:747px;
    }
/* .wide-left #secondary{ display: none; }   is this #secondary ever used on wide? */
.wide-left #tertiary { display:none; }

/*---- body.wide-right maps to "interior" and "interior landing" */
.wide-right #primary { width:701px; }
.wide-right #secondary { display:none; }

/* if not content in right column, prevent border from showing in ie */
.no-secondary-content #secondary { height: 0; overflow: hidden; }


/***********************************************************************************************
 Healthcare Professionals Landing */

.hcp-landing-page #leader{
    margin-top: -50px;
	padding:0 0 20px 0;
	width: 736px;
}
.hcp-landing-page #leader #lead{
    background: transparent url(../img/css/bg_hcp-landing-lead.jpg) 0px bottom no-repeat;
	padding: 35px 30px 40px 430px;
}
* html .hcp-landing-page #lead { height: 125px !important; } /* fake min-height */
.hcp-landing-page #secondary{
	background: url(../img/css/bg_hcp_landing-secondary.gif) 226px 0 repeat-y;
    float: left;
	margin: 0 0 26px 0;
	min-height: 250px;
	padding: 0 0 15px 0;
	border-left: 0;
	width: 100%;
}
* html .hcp-landing-page #secondary{ height:250px; }
.hcp-landing-page #secondary .callout{
	border: none;
	margin: 0;
	clear: none;
    width: 216px;
	float: left;
}
.hcp-landing-page #content #secondary .last{
	margin-left: 13px;
	padding-left: 13px;
	padding-right: 65px;
	width: 401px;
}
.hcp-landing-page #content #secondary .last img{
	background-color: #fff;
	border: 1px solid #CCCCCC;
    float: right;
	margin-left: 13px;
	padding: 1px;
}
.hcp-landing-page #secondary .callout ul{
	list-style-type: none;
	margin:0 0 1em 0;
    padding:0;
}
.hcp-landing-page #wrapper #content {
    background-image: none;
	float: none;
}
/* .hcp-landing-page h1{ width: 450px } */
* html .hcp-landing-page #secondary { display:block; float:none; }
* html .hcp-landing-page #secondary .last { float:right; }


/***********************************************************************************************
 Page edit */
 
.page-edit #aspnetForm, .preview #aspnetForm { position:relative; }
#scWebEditRibbon { background-color: #fff; }
.page-edit #nav-corporate, .preview #nav-corporate { top:-2em; }
.scWebEditFrameButtons { background-colKateway1
or:#fff; }

* html #primary .callouts .callout .scWebEditFrameButtons  {  width:86%; }

/* turn off background color in content editor pop out */
.RadEContentBordered, .RadEContent { background-color:#fff !important; }


 }
/* /sites/GaucherCare/_resources/css/print.css */ @media print {           /*
--=.._/(        GAUCHERCARE (GLOBAL) PRINT STYLES      )\_..=--
    	  */
#lead, #leader, #nav, #nav-sub, .nav, #page-functions, #site-utilities, #search-box, .copyright a, a.btn, #international-genzyme, #lang, .about-genzyme a, .accessibility, .search { display: none !important; }

body, div   {
	background: #fff !important;
	border:0 !important;
	display:block !important;
	color:#000 !important;
	float:none !important;
	height:auto !important;
	margin:0 !important;
	min-height:0 !important;
	min-width: 0 !important;
	overflow:visible !important;
	padding:0 !important;
	position: static !important;
	text-indent:0 !important;
	width:auto !important;
}
.callout { margin: 1em 0 !important; }
#header {
	border-bottom: 1px solid #000 !important;
	margin-bottom:1em !important;
	padding: 0 0 .5em 0 !important;
}
#secondary, #disclaimer, #footer {
	border-top: 1px solid #000 !important;
	margin:1em 0 0 !important;
	padding: 1em 0 0 !important;
}
.no-secondary-content #secondary { border: none !important; margin: 0 !important; padding: 0 !important; }
/* some specific typography */

body { font:100% serif; }

h1, h2, h3, h4, h5, h6, #about-genzyme h3, .home-page #primary p {
	border:0;
	color:#000;
	font-family:sans-serif;
	font-weight:bold;
	letter-spacing: 0;
	margin:0 0 .2em 0;
	padding:0;
	text-transform: none;
	}
h1 { font-size: 1.75em !important; color: #000 !important; }
h2 { font-size: 1.5em; }
	#secondary h2 { font-size: 1.15em; }
h3 { font-size: 1.25em; }
	#secondary h3, #tertiary h2 { font-size: 1em; }
h4 { font-size: 1em; }
h5 { font-size:1em; font-weight:normal; }
h6 { font-size:1em; font-weight:normal; font-style:italic; }
h3 b { font-weight: normal; }

a, a:visited, #footer a, #footer a:visited {
	color:#000;
	font-weight:normal;
	text-decoration:underline;
}
a:after 				{ content: " (http://gauchercare.com/" attr(href) ") "; }
a[href^="/"]:after		{ content: " (http://gauchercare.com" attr(href) ") "; }
a[href^="http:"]:after	{ content: " (" attr(href) ") "; }
sup a:after,
a[href^="#"]:after,
a[name]:after 			{ content: ""; }
sup a, a[href^="#"]		{ text-decoration: none; }

a#brand, #footer a#corporate-brand {
	font-size:1.083em;
	font-weight:bold;
	margin:0 0 .5em;
	text-decoration:none;
	}
a#brand:after { content:""; }

a.document { background:transparent none; padding:0; }
.product-info .document .meta { display: inline; }

/* custom */
#header #brand, #footer .about-genzyme h3 {
	background:#fff;
	color: #666 !important;
	font-family: sans-serif;
	font-size: 1.25em;
	height: auto;
	margin: 0;
	padding: 0;
	position: static; left: 0; top: 0;
	text-indent: 0;
	width: auto;
}
.home-page #primary p {  margin-bottom: 2em; }

#footer .copyright ul { padding: 0; }
#footer .copyright li { color: #000; }

#searchresults p {
	border: none;
	margin: 0 0 1em 0;
	padding: 0;
}
#searchresults p.right { display: none !important; } }