/* TECHNOLOGIES CONTENT*/
#uv-information {
	font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size:10px;
	line-height:14px !important;
	width:788px !important;
	display:block !important;
	margin:0 0 0 175px !important;
}
#technologies {
	background:#ebebeb !important;
	width:788px !important;
	height:auto !important;
	display:block !important;
	margin:0 0 0 175px !important;
	padding:73px 0 0 0;
	z-index:1 !important;
	color:#333333;
}

#breadcrumbs {
	height:30px; 
	padding:0 15px;
	/*width:755px;*/
}
	
	#breadcrumbs div#extra-components-nohead {
		display:inline !important;
		float:right !important;
		margin:0 !important;
		padding:0 !important;
		_padding-top:0 !important;
		width:85px !important;
	}

#header-technologies {
	height:105px;
	background:url(/images/technologies/background/line-header.gif) no-repeat center 90px;
	padding:0 15px;
}
	#header-technologies h3 { margin:0 0 0 -1px; }
	#header-technologies p {
		padding:0px;
		margin:0px;
	}
/* VIDEO PLAYER */
#video-player {
	width:788px;
	height:433px;
	margin:0px;
	z-index:99 !important;
	display:block;
}
/* VIDEO PREVIEW */
.video-player-preview-01 { background:url(/video-player/placeholders/technologies-01.png) no-repeat 0 0; }
.video-player-preview-02 { background:url(/video-player/placeholders/technologies-02.png) no-repeat 0 0; }
.video-player-preview-03 { background:url(/video-player/placeholders/technologies-03.png) no-repeat 0 0; }
.video-player-preview-04 { background:url(/video-player/placeholders/technologies-04.png) no-repeat 0 0; }
.video-player-preview-05 { background:url(/video-player/placeholders/technologies-05.png) no-repeat 0 0; }
.video-player-preview-06 { background:url(/video-player/placeholders/technologies-06.png) no-repeat 0 0; }
.video-player-preview-07 { background:url(/video-player/placeholders/technologies-07.png) no-repeat 0 0; }
/* PLAYLIST */
#playlist {
	width:778px;
	margin:0 auto;
	background:url(/images/technologies/background/line-player.gif) 0 10px no-repeat #ebebeb !important;
	height:250px;
	display:block;
	padding:30px 0 0 10px;
	position:relative;
	z-index:99 !important;
}
#comfort, #optical-design, #contact-lens, #handling {
	float:left !important;
	padding:0px;
	margin:0px !important;
}
#comfort, #optical-design, #contact-lens { width:220px !important; }
#handling { width:110px !important; }
/* PLAYLIST */
#playlist h3 {
	text-indent:-9999px;
	display:block;
	height:30px;
	clear:both;
	padding:0px;
	margin:0px;
}
#comfort h3 { background:url(/images/technologies/background/title-comfort.gif) no-repeat 0 0; }
#optical-design h3 { background:url(/images/technologies/background/title-optical-designs.gif) no-repeat 0 0; }
#contact-lens h3 { background:url(/images/technologies/background/title-contact-lens-materials.gif) no-repeat 0 0; }
#handling h3 { background:url(/images/technologies/background/title-handling.gif) no-repeat 0 0; }
.handling { height: 98px !important; }
/* PLAYLIST VIDEOS*/
.panel {
	width:105px;
	padding:0px;
	margin:0px;
	display:block;
	float:left;
}
.inside { display:block; }
.inside a {
	text-indent:-9999px;
	display:block;
	clear:both;
	width:105px;
	height:65px;
}
.inside h2 {
	font-size:11px;
	padding:0px;
	line-height:14px;
	margin:0 0 0 4px;
}
.inside p {
	font-size:11px;
	line-height:12px;
	width:80px;
	margin:0 0 0 4px;
}
/* THUMBNAILS */
.technologies-01 { background:url(/video-player/thumbs/technologies/thumb-01.gif) no-repeat center; }
.technologies-02 { background:url(/video-player/thumbs/technologies/thumb-02.gif) no-repeat center; }
.technologies-03 { background:url(/video-player/thumbs/technologies/thumb-03.gif) no-repeat center; }
.technologies-04 { background:url(/video-player/thumbs/technologies/thumb-04.gif) no-repeat center; }
.technologies-05 { background:url(/video-player/thumbs/technologies/thumb-05.gif) no-repeat center; }
.technologies-06 { background:url(/video-player/thumbs/technologies/thumb-06.gif) no-repeat center; }
.technologies-07 { background:url(/video-player/thumbs/technologies/thumb-07.gif) no-repeat center; }
/* ACTIVE HOVER */
.technologies-01:hover { background:url(/video-player/thumbs/technologies/thumb-01-hover.gif) no-repeat !important; }
.technologies-02:hover { background:url(/video-player/thumbs/technologies/thumb-02-hover.gif) no-repeat !important; }
.technologies-03:hover { background:url(/video-player/thumbs/technologies/thumb-03-hover.gif) no-repeat !important; }
.technologies-04:hover { background:url(/video-player/thumbs/technologies/thumb-04-hover.gif) no-repeat !important; }
.technologies-05:hover { background:url(/video-player/thumbs/technologies/thumb-05-hover.gif) no-repeat !important; }
.technologies-06:hover { background:url(/video-player/thumbs/technologies/thumb-06-hover.gif) no-repeat !important; }
.technologies-07:hover { background:url(/video-player/thumbs/technologies/thumb-07-hover.gif) no-repeat !important; }
/* ACTIVE THUMBNAILS */
.technologies-01-over { background:url(/video-player/thumbs/technologies/thumb-01-hover.gif) no-repeat !important; }
.technologies-02-over { background:url(/video-player/thumbs/technologies/thumb-02-hover.gif) no-repeat !important; }
.technologies-03-over { background:url(/video-player/thumbs/technologies/thumb-03-hover.gif) no-repeat !important; }
.technologies-04-over { background:url(/video-player/thumbs/technologies/thumb-04-hover.gif) no-repeat !important; }
.technologies-05-over { background:url(/video-player/thumbs/technologies/thumb-05-hover.gif) no-repeat !important; }
.technologies-06-over { background:url(/video-player/thumbs/technologies/thumb-06-hover.gif) no-repeat !important; }
.technologies-07-over { background:url(/video-player/thumbs/technologies/thumb-07-hover.gif) no-repeat !important; }
/* MORE INFO */
.more-info {
	clear:both;
	padding:15px 15px 0;
	display:none;
	z-index:99 !important;
	position:relative;
}
.more-info h3 {
	display:block;
	text-indent:-9999px;
	height:40px;
	width:530px;
	margin:0px;
	padding:0px;
	clear:both;
	z-index:99 !important;
	position:relative;
}
.hydraclear h3 { background:url(/images/technologies/background/title-hydraclear.gif) -12px 0 no-repeat !important; }
.lacreon h3 { background:url(/images/technologies/background/title-lacreon.gif) -12px 0 no-repeat !important; }
.asd h3 { background:url(/images/technologies/background/title-asd.gif) -12px 0 no-repeat !important; }
.spt h3 { background:url(/images/technologies/background/title-spt.gif) -12px 0 no-repeat !important; }
.hsh h3 { background:url(/images/technologies/background/title-hydrogel.gif) -12px 0 no-repeat !important; }
.uv h3 { background:url(/images/technologies/background/title-uv-protection.gif) -12px 0 no-repeat !important; }
.handling h3 { background:url(/images/technologies/background/title-handling-contacts.gif) -12px 0 no-repeat !important; }
/* MORE and HIDE BUTTONS */
.more-hydraclear, .more-lacreon, .more-asd, .more-spt, .more-hsh, .more-uv, .hide-hydraclear, .hide-lacreon, .hide-asd, .hide-spt, .hide-hsh, .hide-uv {
	font-weight:bold;
	clear:both;
	width:100px;
	z-index:99 !important;
	position:relative;
}
.hide-hydraclear, .hide-lacreon, .hide-asd, .hide-spt, .hide-hsh, .hide-uv { display:none; }
/* EXTRA FEATURES */
.extra-features-hydraclear, .extra-features-lacreon, .extra-features-asd, .extra-features-spt, .extra-features-hsh, .extra-features-uv {
	clear:both;
	width:758px;
	padding:5px 0;
	margin: 0px;
	display:none;
	z-index:1!important;
}
.extra-features-hydraclear { height:240px !important; }
.extra-features-lacreon { height:120px !important; }
.extra-features-asd { height:200px !important; }
.extra-features-spt { height:100px !important; }
.extra-features-hsh { height:550px !important; }
.extra-features-uv { height:520px !important; }
.extra-features-handling { height:240px !important; }
/* PRODUCTS AND CHARTS */
.products, .charts {
	width:360px;
	padding:5px;
	height:auto;
	display:block;
}
.products { float:left !important; }
.charts { float:right !important; }
.products ul, .charts ul {
	margin:0px;
	padding:0px;
}
.products ul { color:#3991cd; }
.products ul li {
	list-style:none;
	margin:3px 0;
	padding:0 0 0 57px;
	line-height:14px !important;
	height:37px;
}
.products ul li em { font-weight:normal !important; }
.products ul li.thumb-acuvue { background: url(/images/technologies/products/thumb-acuvue.gif) 0 0 no-repeat; }
.products ul li.thumb-acuvue-2 { background: url(/images/technologies/products/thumb-acuvue-2.gif) 0 0 no-repeat; }
.products ul li.thumb-acuvue-advance { background: url(/images/technologies/products/thumb-acuvue-advance.gif) 0 0 no-repeat; }
.products ul li.thumb-acuvue-2-colours { background: url(/images/technologies/products/thumb-acuvue-2-colours.gif) 0 0 no-repeat; }
.products ul li.thumb-acuvue-advance-astigmatism { background: url(/images/technologies/products/thumb-acuvue-advance-astigmatism.gif) 0 0 no-repeat; }
.products ul li.thumb-acuvue-bifocal { background: url(/images/technologies/products/thumb-acuvue-bifocal.gif) 0 0 no-repeat; }
.products ul li.thumb-acuvue-oasys { background: url(/images/technologies/products/thumb-acuvue-oasys.gif) 0 0 no-repeat; }
.products ul li.thumb-oasys-astigmatism { background: url(/images/technologies/products/thumb-oasys-astigmatism.gif) 0 0 no-repeat; }
.products ul li.thumb-oasys-presbyopia { background: url(/images/technologies/products/thumb-oasys-presbyopia.gif) 0 0 no-repeat; }
.products ul li.thumb-one-day-acuvue { background: url(/images/technologies/products/thumb-one-day-acuvue.gif) 0 0 no-repeat; }
.products ul li.thumb-one-day-astigmatism { background: url(/images/technologies/products/thumb-one-day-astigmatism.gif) 0 0 no-repeat; }
.products ul li.thumb-one-day-moist { background: url(/images/technologies/products/thumb-one-day-moist.gif) 0 0 no-repeat; }
.products ul li.thumb-acuvue-oasys-hydraclear { background: url(/images/technologies/products/thumb-acuvue-oasys-hydraclear.gif) 0 0 no-repeat; }
.products ul li.thumb-acuvue-advance-oasys { background: url(/images/technologies/products/thumb-acuvue-advance-oasys.gif) 0 0 no-repeat; }
.products ul li.nobackground {
	list-style:none;
	background:none !important;
	margin:0 !important;
	padding:0 !important;
	line-height:14px !important;
	height:20px;
}
.charts ul li {
	list-style:none;
	background:url(/images/technologies/background/thumb-chart.gif) 0 0 no-repeat;
	margin:3px 0;
	padding:11px 0 0 47px;
	line-height:14px !important;
	height:26px;
	font-weight:bold;
}
.charts ul li a {
	color:#333333 !important;
	background:url(/images/technologies/background/chart.gif) bottom right no-repeat;
	padding:0 16px 0 0;
}
.productsTitle {
	font-size:14px !important;
	font-weight:normal !important;
	clear:both !important;
	width:330px;
}
.products h4, .charts h4 {
	height:38px;
	clear:both;
	margin:0 0 10px 0;
	padding:0px;
	text-indent:-9999px;
	display:block;
}
.products h4 {
	background:url(/images/technologies/background/title-products.gif) 0 0 no-repeat;
	width:300px;
}
.charts h4 {
	background:url(/images/technologies/background/title-charts.gif) 0 0 no-repeat;
	width:350px;
}
/* OVERLAY */
#overlay {
	width: 786px;
	height: 280px;
	position: absolute;
	left: 50%;
	top:690px;
	margin:0 0 0 -305px;
}
.simple_overlay {
	display:none;
	width:558px !important;
	padding:20px;
	overflow:hidden;
	position:relative !important;
	left: 50px !important;
	top: 0px !important;
	height:275px !important;
	background-image:url(/images/technologies/background/overlay.png);
}
.simple_overlay .close { display:none !important; }
.close {
	background:url(/images/technologies/buttons/close-overlay.gif) 0 0 no-repeat;
	cursor:pointer;
	height:20px;
	width:20px;
	padding: 0px;
	display:none;
	z-index: 1001;
	position:absolute !important;
	margin: 12px 0 0 610px;
}
.simple_overlay h3 {
	color:#3991cd;
	font-size:15px;
	margin:0 0 10px 0;
	clear:both;
	display:block;
	text-transform:uppercase;
}
.simple_overlay .graphic {
	width: 360px;
	height: 270px;
	float:left;
}
.simple_overlay .details {
	position:absolute;
	top:50px;
	right:25px;
	font-size:11px;
	color:#333;
	width:190px;
	z-index:200;
	line-height: 13px;
}
.getHigher { z-index: 9999 !important; }
.getLower { z-index: 1 !important; }
