/* main vertical scroll */
	#main {
	position:relative;
	overflow:hidden;
	height: 250px;
	margin: 0;
	background: #FFFFFF;
	width:620px
	}
	
	/* root element for pages */
	#pages {
		position:absolute;
		height:20000em;
		top:0; right:0
	}
	
	/* single page */
	.page {
	padding:0px;
	height: 250px;
	width:380px;
	position:relative;
	border-top: 0px none;
	border-right: 0px none;
	border-bottom: 0px none;
	border-left: 0px none;
	float: right;
	z-index:1000
	}
	
	/* root element for horizontal scrollables */
	.scrollable {
	position:relative;
	overflow:hidden;
	width: 380px;
	height: 250px;
	}
	
	/* root element for scrollable items */
	.scrollable .items {
		width:20000em;
		position:absolute;
	}
	
	/* single scrollable item */
	.item {
		float:right;
		cursor:pointer;
		width:380px;
		height:250px;
		padding:0;
		position:relative
	}
.item p {
	font-size: 18px;
	line-height: 25px;
	padding: 20px;
}
	
	/* main navigator */
	#main_navi {
	padding:0px !important;
	margin:0px !important;
	height:250px;
	z-index:3000;
	position: absolute;
	}
	
	#main_navi li {
	color:#FFFFFF;
	height:40px;
	list-style-type:none;
	padding:0 0 0 15px;
	width:230px;
	cursor:pointer;
	display: block;
	clear: both;
	line-height: 40px;
	margin: 0px 0px 2px;
	font-size: 15px;
	font-weight: normal;
	border-bottom: none;
	background: url(../verticals/healthcare/images/panels.png) no-repeat 0px 0px;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	}
#main_navi  li.last {
	border-bottom-style: none;
}
	
	#main_navi li:hover {
	background: url(../verticals/healthcare/images/panels.png) 0px -40px;
	}
	
	#main_navi li.active {
	background: url(../verticals/healthcare/images/panels.png) 0px -40px;
	}
	
	#main_navi img {
		float:left;
		margin-right:10px;
	}
	
	#main_navi strong {
		display:block;
	}
	
	#main div.navi {
	cursor:pointer;
	height:250px;
	width: 245px;
	float: left;
	}


/* this makes it possible to add next button beside scrollable */
.scrollable {
	float:left;	
}

/* prev, next, prevPage and nextPage buttons */
a.prev, a.next, a.prevPage, a.nextPage {
	display:block;
	width:18px;
	height:40px;
	background: url(../verticals/healthcare/images/slider-buttons.png) no-repeat;
	float:left;
	margin:43px 10px;
	cursor:pointer;
	font-size:1px;
}

/* mouseover state */
a.prev:hover, a.next:hover, a.prevPage:hover, a.nextPage:hover {
	background-position:0px -18px;		
}

/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
}

/* next button uses another background image */
a.next, a.nextPage {
	background-image:url(../img/scrollable/arrow/right.png);
	clear:right;	
}



/*********** navigator ***********/




p#link_text {
	position: absolute;
	z-index: 4000;
	left: 135px;
	bottom: 8px;
	color: #FFFFFF;
}
.mediabar {
	background: url(../verticals/healthcare/images/media-bar-new.jpg) no-repeat 0px 0px;
	height: 40px;
	width: 620px;
	position: absolute;
	z-index: 2000;
	left: 0px;
	bottom: 0px;
}
.media-container {
	height: 250px;
	width: 620px;
	position: relative;
	z-index: 2000;
}
.media-container  p.social {
	font-size: 14px;
	line-height: 40px;
	color: #FFFFFF;
	padding-left: 250px;
	width: 120px;
	float: left;
}
ul.media-icons {
	margin: 0px;
	padding: 0;
	width: 235px;
	position: absolute;
	z-index:9000;
	bottom:5px;
	left: 378px
}
ul.media-icons li {
	list-style: none;
	margin: 0px;
	padding: 0px;
	float: left;
}
ul.media-icons li a {
	text-indent: -9999em;
	display: block;
	height: 32px;
	width: 32px;
	background: url(../verticals/healthcare/images/social-icons.png);
}
ul.media-icons li.pdf a {
	background: url(../verticals/healthcare/images/social-icons.png) -32px 0px;
}
ul.media-icons li.video a {
	background: url(../verticals/healthcare/images/social-icons.png) -64px 0px;
}
ul.media-icons li a:hover {
	position: relative;
	z-index: 6000;
}

ul.media-icons li a span {
	display:none;
	text-indent: 0px;
}

ul.media-icons li a:hover span {
	display:block;
	position:absolute;
	top:-45px;
	left:-40px;
	background:url(../verticals/healthcare/images/tooltip.png) no-repeat 0px 0px;
	color:#FFFFFF;
	padding:5px 5px 5px 2px;
	z-index:6000;
	height: 40px;
	width: 112px;
	font-size: 12px;
	line-height: 22px;
	text-align: center;
	}