@font-face {
  font-family: 'Gesta';
  src: url("http://medicaldevices.bsigroup.com//ui/fonts/bsigesta-light-webfont.eot");
  src: url("http://medicaldevices.bsigroup.com//ui/fonts/bsigesta-light-webfont.eot?#iefix") format("embedded-opentype"), url("http://medicaldevices.bsigroup.com//ui/fonts/bsigesta-light-webfont.woff") format("woff"), url("http://medicaldevices.bsigroup.com//ui/fonts/bsigesta-light-webfont.ttf") format("truetype"), url("http://medicaldevices.bsigroup.com//ui/fonts/bsigesta-light-webfont.svg#GestaLtRegular") format("svg");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Gesta';
  src: url("http://medicaldevices.bsigroup.com//ui/fonts/bsigesta-webfont.eot");
  src: url("http://medicaldevices.bsigroup.com//ui/fonts/bsigesta-webfont.eot?#iefix") format("embedded-opentype"), url("http://medicaldevices.bsigroup.com//ui/fonts/bsigesta-webfont.woff") format("woff"), url("http://medicaldevices.bsigroup.com//ui/fonts/bsigesta-webfont.ttf") format("truetype"), url("http://medicaldevices.bsigroup.com//ui/fonts/bsigesta-webfont.svg#GestaRegular") format("svg");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Gesta';
  src: url("http://medicaldevices.bsigroup.com//ui/fonts/bsigesta-medium-webfont.eot");
  src: url("http://medicaldevices.bsigroup.com//ui/fonts/bsigesta-medium-webfont.eot?#iefix") format("embedded-opentype"), url("http://medicaldevices.bsigroup.com//ui/fonts/bsigesta-medium-webfont.woff") format("woff"), url("http://medicaldevices.bsigroup.com//ui/fonts/bsigesta-medium-webfont.ttf") format("truetype"), url("http://medicaldevices.bsigroup.com//ui/fonts/bsigesta-medium-webfont.svg#GestaMdRegular") format("svg");
  font-weight: 500;
  font-style: normal;
}


body{
	margin: 0;
	font-family: 'Gesta', Tahoma, arial;
}

div#cycle{
	width: 590px!important;
	display: block;
	max-width: 590px;
	min-width: 590px;
	height: 100%;
	display: block;
	background: white;
	min-height: 5px;
	float: left;
	padding: 20px 0;

}

#cycle .row{
	width: 100%;
	position: relative;
	display: block;
	float: left;
}

#cycle .row:after{
	clear: both;
}

#cycle .col{
	float: left;
	width: 50%;
	position: relative;
}

#cycle .colLeft{
	width: 300px;
}

#cycle .colRight{
	width: 290px;  /* 580 / 960 */
}

#cycle .inner{
	padding: 15px;
	position: relative;
}

#cycle .colLeft .inner.background{
	background: rgb(231,244,250);
}

#cycle .imageHolder{
	display: block;
	width: 300px;
	height: 300px;
	position: relative;
	z-index: 11;
}

#cycle .imageHolder img{
	position: absolute;
	top: 0;
	left: 0;
}

#cycle .buttons{
	position: absolute;
	top: 0px;
	width: 300px;
	height: 300px;
	left: 0px;
	z-index: 9999999;
}

#cycle .btn{
	display: block;
	position: absolute;
	z-index: 99999;
	height: 60px;
	width: 60px;
	background: url(/img/btn-background.png);
}

#cycle .btn span{
	position: absolute;
  left: 85%;
  width:140px;
  padding: 6px;
  margin-left: -76px;
  background: #000;
  color: #fff;
  text-align: center;
	display: none;
  border-radius: 5px;
	z-index: 99999999;
	width: 100px;
	text-align: center;
	font-size: 13px;
	font-family: 'Gesta', Tahoma, arial, sans-serif;
	bottom: 60px;
}

#cycle .btn.org span{
	bottom: 50px;
	left: 43px;
}

#cycle .btn.env span{
	bottom: 50px;
	left: 43px;
}

#cycle .btn span:after {
	content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -8px;
  width: 0; height: 0;
  border-top: 8px solid #000;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
}

/*#cycle .btn span.above{
	left: 0;
	top: -70px;
}

#cycle .btn span.below{
	left: 0;
	top: 70px;
}*/

#cycle .btn:hover{
	cursor: pointer;
}

html.no-touch #cycle .btn:hover span{
	display: block;
	opacity: 0.9;
  z-index: 999;
}

.onHover, .onTouch{
	display: none;
}

html.touch .onTouch{
	display: block;
}

html.no-touch .onHover{
	display: block;
}

#cycle .btn#btn1{
	left: 174px;
	top: 31px;
}

#cycle .btn#btn2{
	left: 220px;
	top: 121px;
}

#cycle a.close{
	text-decoration: none;
	line-height: 26px;
	display: inline-block;
	color: #FFF;
	position: absolute;
	right: -10px;
	top: -10px;
	width: 32px;
	height: 32px;
	background: url(/img/close-btn.png);
}

#cycle .btn#btn3{
	left: 172px;
	top: 206px;
}

#cycle .btn#btn4{
	left: 70px;
	top: 210px;
}

#cycle .btn#btn5{
	left: 15px;
	top: 120px;
}

#cycle .btn#btn6{
	left: 71px;
	top: 29px;
}


#cycle .phase{
	margin-bottom: 10px;
}

#cycle .phase h2{
	font-size: 16px;
	margin-bottom: 10px;
	line-height: 16px;
}

#cycle .phase p{
	margin-top: 0px;
	margin-bottom: 0px;
}

#cycle .phase, #cycle .description{
	background: #e7e7e7;
	padding: 14px;
	font-family: 'Gesta', Tahoma, arial, sans-serif;
}

#cycle .description li{
	list-style: none;
	margin: 15px 0;
	padding: 0;
	font-size: 14px;
}

#cycle .phase h2{
	margin: 0;
	color: #ED3025;
}


#cycle .centerText{
	position: absolute;
	width: 210px;
	display: block;
	top: 186px;
	left: 181px;
	text-align: center;
	z-index: 999;
}

#cycle .centerText a{
	display: inline-block;
	clear: both;
	color: white;
	margin-bottom: 13px;
	font-family: arial;
	text-decoration: none;
	padding: 2px 4px;
}

#cycle .centerText a:hover, #cycle .centerText a.active{
	background: #039FDA;
}

#cycle .colLeft h1{
	color: white;
	background: #ED3025;
	padding: 10px;
	font-family: 'Gesta', Tahoma, arial, sans-serif;
	font-weight: normal;
	font-size: 18px;
	margin-top: 5px;
}

#cycle .colLeft p{
	color: #000;
	font-family: 'Gesta', Tahoma, arial, sans-serif;
	font-size: 14px;
	line-height: 24px;

}

#cycle .key{
	font-family: 'Gesta', Tahoma, arial, sans-serif;
}

#cycle p span{
	color: #039fda;
}

#cycle p span.purple{
	color: #962399;
}

#cycle div.links{
	width: 100%;
}

#cycle div.links a{
	display: block;
	background: rgb(3,159,218);
	padding: 10px 10px;
	color: white;
	margin-bottom: 10px;
	text-decoration: none;
	font-family: 'Gesta', Tahoma, arial, sans-serif;
	font-size: 16px;
}

#cycle div.links a:hover{
	opacity: 0.7;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}

#cycle .row.main{
	z-index: 1;
	position: relative;
	font-family: 'Gesta', Tahoma, arial, sans-serif;
}

#cycle .row.footer h1{
	margin: 0;
	font-weight: normal;
	font-size: 25px;
}

#cycle .row.footer p{
	font-size: 16px;
	line-height: 24px;
}

#cycle .row.footer{
	color: white;
	font-family: 'Gesta', Tahoma, arial, sans-serif;
	position: relative;
	background: #ED3025;
	min-height: 200px;
	margin-top: -15px;
	z-index: 0;
}


#cycle .links ul{
	margin: 0 0 20px 0;
	padding: 0;
	list-style: none;
}

#cycle .links ul li a{
	margin: 0;
	background: none;
	font-size: 15px;
	
}