/* ---------------------------------- RESET ------------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, 
del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, 
section, summary, time, mark, audio, video {margin: 0;padding: 0;	border: 0;	font-size: 100%; font: inherit;	vertical-align: baseline;}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {	display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';	content: none;}
table {border-collapse: collapse;	border-spacing: 0;}
/* ---------------------------------- LAYOUT ------------------------------------- */
.timelink {
	position: absolute; background: transparent url(/html/img/time/intro-start.png) 0 0; display: block; width: 168px; height: 28px; left: 31px; top: 245px; outline: none;
}
html{
	font-family : 'Arial'; font-size : 16px; color : #555555;
	overflow-y : scroll;
	height : 100%;
}
body{ height : 100%;}
.lst {margin-right : 0!important;}

.clear {clear : both;}
#layoutContainer {width : 1041px; margin : 0 auto; position : relative; min-height:100%; }
/*#bckg {position : absolute; top : 50px; background : url('img/bckg1.jpg') 50% 0% transparent no-repeat; height : 551px; width : 1041px;}*/
#bckg1 {position : absolute; top : 50px; width : 992px;}
#layoutHead {height : 150px;}
#layoutContent {position : relative; overflow:auto;
	padding-bottom: 122px;}
#layoutMainContent {min-height : 451px; position : relative; padding-bottom: 122px;}
/*#layoutFooterMain {height : 120px;}*/

#layoutFooter {
	height : 90px;
	padding : 32px 0 0 27px; 
	color : #797979; font-size : 10px; line-height : 12px;
	max-width : 3000px; margin : 0 auto;
	margin-top : -122px;
	position : relative; z-index : 100;
	width : 1041px; 
	clear : both;
	
	
}
.mainfooter { width : auto!important; }
input:focus {outline : none!important;}
/* --------------------------------- MAIN CONTENT ----------------------------------*/
/* MainContent */

#layoutMainContent {width : 450px; padding-left : 73px;}
.tblock {position : absolute!important; top : 0; left : 0; padding : 0; margin : 0; margin-left : -73px; height : 100%;}
#t1 {position : absolute; bottom : 0px; left : 0px;}

.socimg {position : absolute; top : 106px; right : 0;}
#mainimage {width : 100%; position : absolute; top : 50px; left : 0;  min-width : 1135px; overflow-x : hidden;}
#mainimage img{max-width : 3000px!important; margin : 0 auto; min-width : 1135px;}
.layoutMainContainer1 {width : 100%!important;  margin : 0 auto;}
.layoutMainContent1 {width : 100%!important; padding-left : 0!important; position : relative;  margin : 0 auto;}
#timeline1 {position : absolute!important; bottom : 143px!important; left : 73px;}
.mainsizable {position : absolute!important; left: 73px; position : relative; height : 180px;}
.mainsizable h1{padding-top : 0!important;}
.minimal {min-height : 748px!important; min-width : 1135px!important;}
.menu1 {
	width : 100%!important; margin : 0 auto; min-width : 1135px; /*overflow : hidden!important; */
	/*background-color: #AD0000!important; opacity: 0.85!important;*/
}
.maintransparent{
	width : 100%!important; margin : 0 auto; min-width : 1135px; overflow : hidden;
	background-color: #AD0000!important; opacity: 0.85!important; 
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=85)!important;
	filter: alpha(opacity=85);
	height : 100px;
	position : absolute;
	z-index: 2;
	zoom : 1;
}
.menu1inner {width : 1041px; margin : 0 auto; min-width : 1135px; }
.searchlong {width : 100%;}
.menuhover {width : 990px!important; margin : 0 auto;}
#layoutMainContent h1 {
	padding : 50px 0 18px 0; 
	font-size : 38px; color : #12c2e9;
}
#layoutMainContent p {
	padding : 0 0 22px 0; 
	font-size : 15px; color : #0e8ba6;
	line-height : 17px;
}
#layoutMainContent .playhref {
	text-decoration : none;
	color : #387384;
	background : url('img/search/play1.png') 100% 60% transparent no-repeat;
	padding-right : 28px;
}
#layoutMainContent a.playhref:hover{
	background : url('img/search/play1_hover.png') 100% 60% transparent no-repeat;
}

/*#layoutMainContent .timeline {
	margin-top : 11px;
	background-color : #eeeded;
	width : 274px;
	zoom: 1;
	position: relative;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	display: inline-block;
	vertical-align: top;
	behavior: url(PIE.htc);
	padding : 12px 5px 31px 5px;
}*/
#layoutMainContent .timeline {
	margin-top : 11px;
	background-color : #eeeded;
	width : 274px;
	zoom: 1;
	position: relative;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	display: inline-block;
	vertical-align: top;
	padding : 12px 5px 31px 5px;
	z-index : 999;
}

#layoutMainContent .timeline .picture {
	width : 274px;
	height : 124px;
	position: relative;
	display: inline-block;
}
#layoutMainContent .timeline .morehlink{
	position : absolute; bottom : 12px; left : 16px;
	color : #12c2e9; font-size : 12px;
}
 #layoutMainContent .timeline .redline {
	color : white; font-size : 16px; font-family : 'Arial'; line-height : 17px;
	background : url('img/hidden_bckg.png') transparent;
	position : absolute; width : 258px; margin-left : -5px;
	padding : 10px; padding-top : 18px; padding-bottom : 18px;
	padding-left : 16px;
	margin-top : 31px;
	opacity: 0.9;
    -moz-opacity: 0.9; 
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);
	zoom: 1;
 }
 
#layoutMainContent .timeline .btn {margin-top : 11px; margin-left : 5px; display : inline-block;}
/* Content */
#layoutContent .side {width : 162px; float : left; margin-left : 30px; margin-top : 170px; line-height : 16px; /*min-height : 697px;*/ }
#layoutContent .side a {font-size : 14px; color : #387384; text-decoration : none; font-weight : bold; margin-bottom : 11px; display : inline-block;}  
#layoutContent .side a:first-child { margin-left : -12px;}
#layoutContent .side a.active {color : #12c2e9;}
#layoutContent .main {float : left; width : 790px; margin-left : 29px; margin-top : 206px; position : relative; text-align : justify;}
#layoutContent .main h1 {	font-size : 24px; color : #12c2e9; margin-bottom : 21px;}
#layoutContent .mainabout h1 {margin-bottom : 21px;}
#layoutContent .mainprivacy {line-height : 16px;}
#layoutContent .mainprivacy a { color : #26c7ea; text-decoration : underline;}
#layoutContent .mainprivacy h1 {margin-bottom : 21px;}
#layoutContent .mainprivacy ul {font-size : 12px; margin-left : 20px;}
#layoutContent .mainprivacy ul li{background : url('img/uldot.png') 0% 7px transparent no-repeat; text-indent : 10px; width : 748px;}
#layoutContent .main p {margin-bottom : 9px; font-size : 12px; line-height : 16px; width : 568px;}
#layoutContent .main p.short {margin-bottom : 9px; font-size : 12px; line-height : 16px; width : 400px;}
#layoutContent .mainprivacy p {width : 768px;}
#layoutContent .imgline {margin-top : 22px; margin-bottom : 18px;}
#layoutContent .imgline p{ width : 458px;}
#layoutContent .imgline .left {
	float : left; margin-right : 10px;
	zoom: 1;
	position: relative;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	display: inline-block;
	vertical-align: top;
	behavior: url('PIE.htc');
	height : 70px; width : 100px;	
}
#layoutContent .imgline:first-child {margin-top : 22px;}
#layoutContent .imgline .right {float : left; width : 458px;}
#layoutContent .imgline .right .title {font-size : 14px; line-height : 16px; color : #0e8ba6;}
#layoutContent a.noa {font-size : 14px; line-height : 16px; color : #0e8ba6!important; text-decoration : none; margin-bottom : 0!important;}
#layoutContent .imgline .right .title a {color : #12c2e9; margin-bottom : 5px; display : inline-block;}
#layoutContent .imgline .right p {margin-bottom : 0;}

/* ---------------------------------- FOOTER ------------------------------------- */
#layoutFooter .top {width : 650px;}
#layoutFooter .top a {
	color : #797979; font-size : 13px; line-height : 19px; 
	text-decoration : none;
	padding-right : 15px;
	padding-bottom : 13px;
}
#layoutFooter .bottom { width : 650px; padding-top : 10px; padding-bottom : margin-bottom : 13px;}
	#layoutFooter .bottom a{ 
		color : #26c7ea;
	}
#layoutFooter .inner {padding-top : 10px;}
/* --------------------------- CONTAINERS ---------------------------------*/
/* TIMELINE */
#timeline {height : 457px; width : 768px; position : relative; font-size : 22px; color : #fff; font-family : 'Georgia'; font-weight : normal;}
#timeline .side {width : 82px; float : left; margin : 0!important; position : relative; z-index : 10;}
#timeline .side a {
	font-size : 22px!important; font-weight : normal!important; line-height : 21px; padding-top : 15px;
	float : left;
	margin-left : 0!important;
	margin-bottom : 4px;
	color : #fff; text-decoration : none; 
	display : inline-block; height : 73px; width : 82px; 
	background : url('img/side_bckg_nonactive.jpg') transparent no-repeat;
	text-align : center;
}
.hslides {height :  460px;}

.prev {left : 15px; background : url('img/slideleft.png') transparent no-repeat;  height : 33px; width : 22px; position : absolute; top : 213px; z-index : 999; cursor : pointer;}
.next {right : 15px; background : url('img/slideright.png') transparent no-repeat;  height : 33px; width : 22px; position : absolute; top : 213px; z-index : 999; cursor : pointer;}


#timeline .side a.activeSlide {
	background : url('img/side_bckg_active.jpg') transparent no-repeat;
	color : #fff!important;
}
#timeline .pict {
	width : 686px; height : 457px; position : absolute;
}
#timeline .pict .top {position : absolute; top : 0; text-align : center; width : 686px; z-index : 999;}
#timeline .pict .top a {
	margin-left : 3px; color : #fff; text-decoration : none;
	font-size : 17px; line-height : 32px; display : inline-block; height : 32px; padding : 0 11px 0 11px;
	background : url('img/top_bckg.png') transparent repeat-x;
}
#timeline .pict .top a.activeSlide {
	background : url('img/top_bckg_active.png') transparent repeat-x;
}

#timeline .popup {
	position : absolute; padding : 0 20px 25px 20px;
	right : 60px; top : 0;
	color : #555555!important;
	font-size : 13px; line-height : 22px; width : 281px; /*height : 182px;*/
	background : url('img/timeline_popup_bckg.png') transparent;
	line-height : 22px;
}
.hslide {position : relative;}
.hslide img { height : 460px;}
#timeline .left {
	left : 50px; 
}

#timeline .popup h1 {color : #b41601; font-size : 33px; margin : 25px 0 25px 0;}

/* SCHEME */
#scheme {position : absolute; width : 364px; right: 20px; top : 43px; line-height : 17px; padding-right : 25px;}

#scheme h3 {font-size : 13px; color : #12c2e9; margin-bottom : 29px;}
#schemea1, #schemea2 {color : #12c2e9; font-size : 13px; font-weight : normal; height : 19px; text-decoration : none; display : inline-block; margin-top : 21px; margin-bottom : 14px;}
#schemea1 {margin-right : 23px;}
#scheme p {width : 339px!important; color : #555555; margin-bottom : 14px;}

/* MENU */
.menutransparent {
	height : 100px;
	background-color: #AD0000; opacity: 0.85;
	filter: alpha(opacity=85);
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=85);
	position : absolute;
	z-index: 2;
	width : 992px;
	margin : 0 auto;
	zoom : 1;
}
#menu { 
	height : 100px;
	position : absolute;
	z-index: 3;
	width : 992px;
	margin : 0 auto;
}
#menudark {
	background-color: #AC0000; opacity: 0.7;
	filter: alpha(opacity=70);
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
	position : absolute; top : 50; left : 0;
	width : 100%; height : 100px;
}
#menu a { position : absolute; top : 0; left : 0;}
#menuback {
	position : absolute; top : 50px; width : 100%; height : 100px; 
	background-color: #B51601; opacity: 1;
}

.logo {display : inline-block; margin : 32px 88px 0 45px!important; position : absolute;}
.logomain {display : inline-block; margin : 32px 88px 0 92px!important; position : absolute;}
.menuLink {margin-top : 39px;}
#menu a {
	font-size : 19px;
	text-decoration : none;
	color : #fff;
	display : inline-block;
	position : relative;
	float : left;
	margin-right : 70px;
	z-index : 9999;
}
#menu a:hover {color : #37bde9!important;}

#hiddenMenuMain {
	position : absolute; width : 1041px;
	top : 50px; 
	margin-left : -24px;
}
#hiddenMenuMain .col{position : absolute;  font-size : 12px;  top : 22px; line-height : 19px; text-align : right; font-weight : bold;}
#hiddenMenuMain .col a{ display : inline-block; width : 100%; color : #fff; text-decoration : none; font-size : 12px; }
#hiddenMenuInner {
	position : absolute; width : 1041px;
	top : 50px; 
/*	margin-left : -47px;*/
}
#hiddenMenuInner .col{position : absolute;  font-size : 12px;  top : 22px; line-height : 19px;}
#hiddenMenuInner .col a{text-align : right; display : inline-block; width : 100%; color : #fff; text-decoration : none; font-size : 12px; font-weight : bold; }
.c1{width : 200px; left : 277px;}
.c2{width : 400px; left : 234px;}
.c3{width : 75px; left : 701px;}
.c4{width : 80px; left : 846px;}

/* SEARCH  */
.searchlong #search {margin : 0 auto; width : 1041px;}
#search {height : 50px; }
#searchform {height : 50px; position : relative; width : 420px; float : right; margin-right : 50px; z-index : 1;}
#searchform .title {
	position: absolute;
	top : 13px; right : 360px;
	font-size : 15px; font-weight : bold;
	color : #37bde9; float : left; 
	display : inline-block;
}
#searchform .input {
	width : 306px; height : 40px;
	right : 45px; top : 3px; 
	position : absolute;
	background : url('img/search/search.png') transparent no-repeat; 
	text-align : center;
	padding : 12px 0 0 2px;
	position: absolute;
	z-index : 1;
	outline : none;
}

#searchform .input input {
	width : 280px; height : 14px;
	border : 0;
	font-size : 12px; color : #387384; text-align : left;
	background-color: transparent;
}
#searchform .input input:focus{outline:none!important;}
#searchform .submit {
	width : 33px; height : 32px;
	right : 5px; top : 5px; 
	position : absolute;
	border : 0;
	background : url('img/search/play.png') transparent no-repeat;
	cursor : pointer;
}

#searchform .fsearch {
	position : absolute;
	right : 45px; top : 3px; 
}
#searchform .fsearch .top {
	height : 63px; width : 306px;
	background : url('img/search/fsearch_top.png') transparent no-repeat;
}
	#searchform .fsearch .top span{
		color : #387384;
		font-size : 14px; 
		display : inline-block;
		margin-top : 45px; margin-left : 18px;
	}
#searchform .fsearch .main {border-left : 1px solid #b4b7b6; border-right : 1px solid #b4b7b6; width : 304px;}
#searchform .fsearch .row {
	background-color : #fff;
	padding : 11px 10px;
	color : #555555;
	font-size : 11px; line-height : 13px;
	border-top : 1px solid #b4b7b6;
}
#searchform .fsearch .row .left {float : left; width : 84px;}
#searchform .fsearch .row .right {float : right; width : 200px;}
#searchform .fsearch .row a{
	color : #12c2e9;
	font-size : 13px; text-decoration : none; padding-left : 15px;
	background : url('img/search/icon.png') 0% 50% transparent no-repeat;
}
#searchform .fsearch .bottom {
	width : 306px; height : 29px;
	background : url('img/search/fsearch_bot.png') transparent no-repeat;
	font-size : 12px;color : #387384;
	position : relative;
}
#searchform .fsearch .bottom span {font-size : 12px;  display : inline-block; position : absolute; top : 6px; left : 150px;}
#searchform .fsearch .bottom a {position : absolute; top : 3px; right : 7px;}

/* PRODUCT */
#products {margin-top : 25px;}
.medical .prtext {margin-left : 20px;}
.medical #product p {width : auto!important}
.medical #product .prtext {padding-right : 20px;}
.medical .pcol0 {margin-left : 0!important;}
.medical .plinks {margin-top : 18px!important;}
.medical .plinks a {text-transform : none!important;}
#product {
	margin-bottom : 11px;
	border : 1px solid #e9e9e9;
	background-color : #f9f9f9;
	width : 768px;
	zoom: 1;
	position: relative;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background: #f8f8f8; 
	-pie-background: linear-gradient(#ffffff, #f8f8f8);
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f8f8f8)); 
	background: -moz-linear-gradient(top,  #fff,  #f8f8f8); 
}
#product .primg {width : 170px; float : left; padding-top : 5px; padding-left : 15px; padding-right : 15px;}
#product .prtext{float : left; padding-bottom : 18px;}
#product p {font-style : italic; width : 218px; margin-bottom : 0!important;}
#product h1{margin-top : 18px!important; margin-bottom : 22px!important; font-size : 16px!important; color : #0e8ba6!important; font-weight : bold;}
#product .plinks {margin-top : 30px;}
#product .plinks a {color : #12c2e9; font-size : 12px; text-transform : uppercase;}
#product .plinks span {color : #12c2e9; font-size : 12px; text-transform : uppercase; text-decoration : underline;}
.pcol0, .pcol1, .pcol2, .pcol3 {float : left; line-height : 21px;}
.pcol0{ width : 180px; margin-left : 20px;}
.pcol1{ width : 200px;}
.pcol2{ width : 200px;}

#outerpopup {
	position : absolute;
	top : 50%; left : 50%;
	z-index : 9999; display : none;
	width : 255px;
	height : 140px;
	background : url('img/outerarr.png') 243px 20px transparent no-repeat;
	font-size : 12px; color : #fff; cursor : pointer;
}
#outerpopup .ptxt {margin-right : 10px; background : url('img/outerbckg.png') transparent; padding : 10px;
	zoom: 1;
	position: relative;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
#outerpopup .plink {color : #fff; padding-bottom : 10px; font-weight : bold;}