.roomIntro {
	width: 700px;
}
.roomIntro p {
	line-height: 19px;
	margin: 0 0 15px 0;
}
.roomSelector {
	float: left;
	margin: 20px 0 50px 0;
}
.quarter {
	width: 338px;
	float: left;
	height: 200px;
	margin: 0 0 24px 0;
}
.marginRight {
	margin: 0 24px 0 0;
}
.csfade:hover {
	opacity: .5;
	transition: .4s ease;
}
.or {
	background-image: url('/media/mkt/products/central-sterile/roomselector/roomselector-or.png');
}
.decontamination {
	background-image: url('/media/mkt/products/central-sterile/roomselector/roomselector-decontamination.png');
}
.sterileStorage {
	background-image: url('/media/mkt/products/central-sterile/roomselector/roomselector-sterileStorage.png');
}
.assembly {
	background: url('/media/mkt/products/central-sterile/roomselector/roomselector-assembly.png');
}
.orProd {
	width: 175px;
	border: 5px solid #f16b55;
	height: 190px;
	display: none;
	background: #fff;
}
.deconProd {
	width: 175px;
	border: 5px solid #69b6e5;
	height: 190px;
	display: none;
	float: right;
	background: #fff;
}
.ssProd {
	width: 175px;
	border: 5px solid #005386;
	height: 190px;
	display: none;
	background: #fff;
}
.assemblyProd {
	width: 175px;
	border: 5px solid #82ced3;
	height: 190px;
	display: none;
	float: right;
	background: #fff;
}
.roomTitleOr {
	background: #f16b55;
	width: 160px;
	padding: 5px 10px 10px 10px;
	color: #fff;
}
.roomTitleDecon {
	background: #69b6e5;
	width: 160px;
	padding: 5px 10px 10px 10px;
	color: #fff;
}
.roomTitleSS {
	background: #005386;
	width: 160px;
	padding: 5px 10px 10px 10px;
	color: #fff;
}
.roomTitleAssembly {
	background: #82ced3;
	width: 160px;
	padding: 5px 10px 10px 10px;
	color: #fff;
}
.roomSelector ul {
	padding: 10px;
	width: 160px;
	margin: 0;
	list-style-type: none !important;
}
.roomSelector ul li {
	padding: 0 0 10px 0;
	margin: 0;
	list-style-type: none !important;
}
.or:hover .orProd {
	display: block;
}
.or:hover .deconProd {
	display: block;
}
.or:hover .ssProd {
	display: block;
}
.or:hover .assemblyProd {
	display: block;
}
.rooms {
	width: 700px;
	padding: 35px 0px;
	float: left;
	overflow: hidden;
}
.roomQuarter {
	width: 338px;
	float: left;
	margin-bottom: 24px;
}
.roomQuarter h3 {
	font-size: 16px;
	padding: 10px 0px 10px 10px;
	color: #666;

}
.roomOr {
	width: 338px;
	float: left;
	height: 224px;
	margin: 0 24px 0 24px;
	background-image: url('/media/mkt/products/central-sterile/roomselector/room-or.png');
}
.operatingRoom {
	width: 700px;
	height: 385px;
	float: left;
	position: relative;
	overflow: hidden;
	opacity: .6;
	background-image: url('/media/mkt/products/central-sterile/roomselector/operatingRoom.png');
}
.decontaminationRoom {
	width: 700px;
	height: 385px;
	float: left;
	position: relative;
	opacity: .6;
	overflow: hidden;
	background-image: url('/media/mkt/products/central-sterile/roomselector/decontamination.jpg');
}
.assemblyRoom {
	width: 700px;
	height: 385px;
	float: left;
	position: relative;
	overflow: hidden;
	opacity: .6;
	background-image: url('/media/mkt/products/central-sterile/roomselector/assembly.jpg');
}
.sterileStorageRoom {
	width: 700px;
	height: 385px;
	float: left;
	position: relative;
	opacity: .6;
	overflow: hidden;
	background-image: url('/media/mkt/products/central-sterile/roomselector/sterileStorage.png');
}
.assemblyRoom:hover {opacity: 1; transition: .3s ease;}
.operatingRoom:hover {opacity: 1; transition: .3s ease;}
.decontaminationRoom:hover {opacity: 1; transition: .3s ease;}
.sterileStorageRoom:hover {opacity: 1; transition: .3s ease;}

/* OR */
.careHandling {
	position: absolute;
	z-index: 999;
	top: 140px;
	left: 62px;
}

.careHandlingHover {
	width: 250px;
	padding: 2%;
	position: absolute;
	z-index: 1000;
	top: 20px;
	right: 20px;
	display: none;
	background: #fff;
	border: 3px solid #f16b55;
	line-height: 23px;
}
.konig {
	position: absolute;
	z-index: 999;
	top: 225px;
	left: 220px;
}
.konigHover {
	width: 250px;
	padding: 2%;
	position: absolute;
	z-index: 1000;
	top: 20px;
	right: 20px;
	display: none;
	background: #fff;
	border: 3px solid #f16b55;
	line-height: 23px;
}
.gemini {
	position: absolute;
	z-index: 999;
	top: 95px;
	left: 440px;
}
.geminiHover {
	width: 250px;
	padding: 2%;
	position: absolute;
	z-index: 1000;
	top: 20px;
	left: 20px;
	display: none;
	background: #fff;
	border: 3px solid #f16b55;
	line-height: 23px;
}
.deconCareHandling {
	position: absolute;
	z-index: 999;
	top: 59px;
	left: 470px;
}
.deconCareHandlingHover {
	width: 250px;
	padding: 2%;
	position: absolute;
	z-index: 1000;
	top: 20px;
	left: 20px;
	display: none;
	background: #fff;
	border: 3px solid #69b6e5;
	line-height: 23px;
}
.closeDeconCare {
	width: 100%;
	margin: 0 0 20px 0;
	text-align: right;
	height: 30px;
	color: #fff;
	font-weight: bold;
	text-align: center;
	float: right;
}.closeDeconCare img {
	float: right;
}
.closeDeconKonig {
	width: 100%;
	margin: 0 0 20px 0;
	text-align: right;
	height: 30px;
	color: #fff;
	font-weight: bold;
	text-align: center;
	float: right;
}.closeDeconKonig img {
	float: right;
}

.deconKonig {
	position: absolute;
	z-index: 999;
	top: 243px;
	left: 421px;
}
.deconKonigHover {
	width: 250px;
	padding: 2%;
	position: absolute;
	z-index: 1000;
	top: 20px;
	left: 20px;
	display: none;
	background: #fff;
	border: 3px solid #69b6e5;
	line-height: 23px;
}
#close1 {
	width: 100%;
	margin: 0 0 20px 0;
	text-align: right;
	height: 30px;
	color: #fff;
	font-weight: bold;
	text-align: center;
	float: right;
}
#close2 {
	width: 100%;
	margin: 0 0 20px 0;
	text-align: right;
	height: 30px;
	color: #fff;
	font-weight: bold;
	text-align: center;
	float: right;
}
#close3 {
	width: 100%;
	margin: 0 0 20px 0;
	text-align: right;
	height: 30px;
	color: #fff;
	font-weight: bold;
	text-align: center;
	float: right;
}
#close1 img {
	float: right;
}
#close2 img {
	float: right;
}
#close3 img {
	float: right;
}
.closeKonig {
	width: 100%;
	margin: 0 0 20px 0;
	text-align: right;
	height: 30px;
	color: #fff;
	font-weight: bold;
	text-align: center;
	float: right;
}.closeKonig img {
	float: right;
}
.closeGemini {
	width: 100%;
	margin: 0 0 20px 0;
	text-align: right;
	height: 30px;
	color: #fff;
	font-weight: bold;
	text-align: center;
	float: right;
}
.closeGemini img {
	float: right;
}
.hoverHeader {
	font-size: 16px;
	padding: 0 0 15px 0;
}
.orButton {
	width: 40%;
	padding: 5px 15px;
	background: #f16b55;
	color: #fff;
	text-align: center;
	font-size: 14px;
	margin: 15px 0;
}
.deconButton {
	width: 40%;
	padding: 5px 15px;
	background: #69b6e5;
	color: #fff;
	text-align: center;
	font-size: 14px;
	margin: 15px 0;
}
.deconButton a {
	color: #fff;
}
.ssButton {
	width: 40%;
	padding: 5px 15px;
	background: #005386;
	color: #fff;
	text-align: center;
	font-size: 14px;
	margin: 15px 0;
}
.ssButton a {
	color: #fff;
}

/* Assembly */
.assuranceOne {
	position: absolute;
	z-index: 999;
	top: 10px;
	right: 225px;
}
.assuranceTwo {
	position: absolute;
	z-index: 999;
	top: 114px;
	right: 110px;
}

.assuranceHover {
	width: 250px;
	padding: 2%;
	position: absolute;
	z-index: 1000;
	top: 20px;
	left: 20px;
	display: none;
	background: #fff;
	border: 3px solid #82ced3;
	line-height: 23px;
}
.closeAssurance {
	width: 100%;
	margin: 0 0 20px 0;
	text-align: right;
	height: 30px;
	color: #fff;
	font-weight: bold;
	text-align: center;
	float: right;
}
.closeAssurance img {
	float: right;
}
.assuranceTwoHover {
	width: 250px;
	padding: 2%;
	position: absolute;
	z-index: 1000;
	top: 20px;
	left: 20px;
	display: none;
	background: #fff;
	border: 3px solid #82ced3;
	line-height: 23px;
}
.closeAssuranceTwo {
	width: 100%;
	margin: 0 0 20px 0;
	text-align: right;
	height: 30px;
	color: #fff;
	font-weight: bold;
	text-align: center;
	float: right;
}
.closeAssuranceTwo img {
	float: right;
}

.pouches {
	position: absolute;
	z-index: 999;
	top: 217px;
	right: 50px;
}
.pouchesHover {
	width: 250px;
	padding: 2%;
	position: absolute;
	z-index: 1000;
	top: 20px;
	left: 20px;
	display: none;
	background: #fff;
	border: 3px solid #82ced3;
	line-height: 23px;
}
.closePouches {
	width: 100%;
	margin: 0 0 20px 0;
	text-align: right;
	height: 30px;
	color: #fff;
	font-weight: bold;
	text-align: center;
	float: right;
}.closePouches img {
	float: right;
}
.assemblyGemini {
	position: absolute;
	z-index: 999;
	top: 297px;
	right: 220px;
}
.assemblyGeminiHover {
	width: 250px;
	padding: 2%;
	position: absolute;
	z-index: 1000;
	top: 20px;
	left: 20px;
	display: none;
	background: #fff;
	border: 3px solid #82ced3;
	line-height: 23px;
}
.closeAssGemini {
	width: 100%;
	margin: 0 0 20px 0;
	text-align: right;
	height: 30px;
	color: #fff;
	font-weight: bold;
	text-align: center;
	float: right;
}
.closeAssGemini img {
	float: right;
}
.assemblyKonig {
	position: absolute;
	z-index: 999;
	top: 236px;
	right: 345px;
}
.assemblyKonigHover {
	width: 250px;
	padding: 2%;
	position: absolute;
	z-index: 1000;
	top: 20px;
	right: 20px;
	display: none;
	background: #fff;
	border: 3px solid #82ced3;
	line-height: 23px;
}
.closeAssKonig {
	width: 100%;
	margin: 0 0 20px 0;
	text-align: right;
	height: 30px;
	color: #fff;
	font-weight: bold;
	text-align: center;
	float: right;
}
.closeAssKonig img {
	float: right;
}
.steriKit {
	position: absolute;
	z-index: 999;
	top: 150px;
	right: 286px;
}
.steriKitHover {
	width: 250px;
	padding: 2%;
	position: absolute;
	z-index: 1000;
	top: 20px;
	left: 20px;
	display: none;
	background: #fff;
	border: 3px solid #82ced3;
	line-height: 23px;
}
.closeSteriKit {
	width: 100%;
	margin: 0 0 20px 0;
	text-align: right;
	height: 30px;
	color: #fff;
	font-weight: bold;
	text-align: center;
	float: right;
}
.closeSteriKit img {
	float: right;
}
.accessories {
	position: absolute;
	z-index: 999;
	top: 196px;
	left: 163px;
}
.accessoriesHover {
	width: 250px;
	padding: 2%;
	position: absolute;
	z-index: 1000;
	top: 20px;
	right: 20px;
	display: none;
	background: #fff;
	border: 3px solid #82ced3;
	line-height: 23px;
}
.closeAccessories {
	width: 100%;
	margin: 0 0 20px 0;
	text-align: right;
	height: 30px;
	color: #fff;
	font-weight: bold;
	text-align: center;
	float: right;
}
.closeAccessories img {
	float: right;
}

/* Sterile Storage */
.ss-gemini {
	position: absolute;
	z-index: 999;
	top: 169px;
	left: 172px;
}
.ss-geminiHover {
	width: 250px;
	padding: 2%;
	position: absolute;
	z-index: 1000;
	top: 20px;
	right: 20px;
	display: none;
	background: #fff;
	border: 3px solid #005386;
	line-height: 23px;
}
.closeSS-Gemini {
	width: 100%;
	margin: 0 0 20px 0;
	text-align: right;
	height: 30px;
	color: #fff;
	font-weight: bold;
	text-align: center;
	float: right;
}
.closeSS-Gemini img {
	float: right;
}


.ss-pouches {
	position: absolute;
	z-index: 999;
	top: 227px;
	right: 81px;
}
.ss-pouchesHover {
	width: 250px;
	padding: 2%;
	position: absolute;
	z-index: 1000;
	top: 20px;
	left: 20px;
	display: none;
	background: #fff;
	border: 3px solid #005386;
	line-height: 23px;
}
.closeSS-Pouches {
	width: 100%;
	margin: 0 0 20px 0;
	text-align: right;
	height: 30px;
	color: #fff;
	font-weight: bold;
	text-align: center;
	float: right;
}.closeSS-Pouches img {
	float: right;
}


.ss-steriKit {
	position: absolute;
	z-index: 999;
	top: 91px;
	right: 150px;
}
.ss-steriKitHover {
	width: 250px;
	padding: 2%;
	position: absolute;
	z-index: 1000;
	top: 20px;
	left: 20px;
	display: none;
	background: #fff;
	border: 3px solid #005386;
	line-height: 23px;
}
.closeSS-SteriKit {
	width: 100%;
	margin: 0 0 20px 0;
	text-align: right;
	height: 30px;
	color: #fff;
	font-weight: bold;
	text-align: center;
	float: right;
}.closeSS-SteriKit img {
	float: right;
}


.deconCareHandlingTwo {
	position: absolute;
	z-index: 999;
	top: 91px;
	right: 384px;
}
.deconCareHandlingTwoHover {
	width: 250px;
	padding: 2%;
	position: absolute;
	z-index: 1000;
	top: 20px;
	right: 20px;
	display: none;
	background: #fff;
	border: 3px solid #69B6E5;
	line-height: 23px;
}
.closeDeconCareTwo {
	width: 100%;
	margin: 0 0 20px 0;
	text-align: right;
	height: 30px;
	color: #fff;
	font-weight: bold;
	text-align: center;
	float: right;
}.closeDeconCareTwo img {
	float: right;
}

.instrumentCareHandling {
	position: absolute;
	z-index: 999;
	top: 165px;
	left: 137px;
}
.instrumentCareHandlingHover {
	width: 250px;
	padding: 2%;
	position: absolute;
	z-index: 1000;
	top: 20px;
	right: 20px;
	display: none;
	background: #fff;
	border: 3px solid #69B6E5;
	line-height: 23px;
}
.closeInstrumentCareHandling {
	width: 100%;
	margin: 0 0 20px 0;
	text-align: right;
	height: 30px;
	color: #fff;
	font-weight: bold;
	text-align: center;
	float: right;
}.closeInstrumentCareHandling img {
	float: right;
}

.hoverHeader {
	font-size: 22px;
	padding: 0 0 15px 0;
}
.assemblyButton {
	width: auto;
	padding: 15px 30px;
	background: #82ced3;
	color: #fff;
	text-align: center;
	font-size: 16px;
	margin: 15px 0;
}
.assemblyButton a {
	color: #fff;
}

.thirds {
	width: 30%;
	float: left;
	padding: 1.5%;
}
.thirds p {
	font-size: 15px;
	padding: 10px 0;
}
.arrowBord {
	border: 4px solid #fff;
}
.arrowBord.active {
	border: 4px solid #00a759 !important;
}
.arrowBord:hover {
	border: 4px solid #00a759;
	transition: .7s ease;
}
.hidden {
	display: none;
}
.other {
    opacity: 0.5; 
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    /* ...and now for the proper property */
    transition:.5s;
}





/* New Hover Style */


#img1 {position: absolute;}
.instrument1 {top: 140px; left: 62px;}
.gemini2 {top: 169px; left: 172px;}
.instrument2 {top: 59px; left: 470px;}
.assurance1 {top: 10px; right: 225px;}

#img2 {position: absolute;}
.konig1 {top: 225px; left: 220px;}
.pouches1 {top: 227px; right: 81px;}
.konig2 {top: 243px; left: 421px;}
.assurance2 {top: 114px; right: 110px;}

#img3 {position: absolute;}
.gemini1 {top: 95px; left: 440px;}
.steriset1 {top: 91px; right: 150px;}
.instrument3 {top: 91px; right: 384px;}
.pouches3 {top: 217px; right: 50px;}

#img4 {position: absolute;}
.instrument4 {top: 165px; left: 137px;}
.gemini3 {top: 297px; right: 220px;}

#img5 {position: absolute;}
.konig3 {top: 236px; right: 345px;}

#img6 {position: absolute;}
.steriset2 {top: 150px; right: 286px;}


#img1,#img3{background:#b00;}
#img2,#img4{background:#d00;}

.right {right: 20px;}
.left {left: 20px;}

#div1{
	width: 250px;
	padding: 2%;
	position: absolute;
	z-index: 1000;
	top: 20px;
	display: none;
	background: #fff;
	line-height: 23px;
}
#div2{
	width: 250px;
	padding: 2%;
	position: absolute;
	z-index: 1000;
	top: 20px;
	display: none;
	background: #fff;
	line-height: 23px;
}
#div3{
	width: 250px;
	padding: 2%;
	position: absolute;
	z-index: 1000;
	top: 20px;
	display: none;
	background: #fff;
	line-height: 23px;
}
#div4 {
	width: 250px;
	padding: 2%;
	position: absolute;
	z-index: 1000;
	top: 20px;
	display: none;
	background: #fff;
	line-height: 23px;
}
#div5{
	width: 250px;
	padding: 2%;
	position: absolute;
	z-index: 1000;
	top: 20px;
	display: none;
	background: #fff;
	line-height: 23px;
}
#div6 {
	width: 250px;
	padding: 2%;
	position: absolute;
	z-index: 1000;
	top: 20px;
	display: none;
	background: #fff;
	line-height: 23px;
}

#close1 {
	width: 100%;
	margin: 0 0 20px 0;
	text-align: right;
	height: 30px;
	color: #fff;
	font-weight: bold;
	text-align: center;
	float: right;
}
#close2 {
	width: 100%;
	margin: 0 0 20px 0;
	text-align: right;
	height: 30px;
	color: #fff;
	font-weight: bold;
	text-align: center;
	float: right;
}
#close3 {
	width: 100%;
	margin: 0 0 20px 0;
	text-align: right;
	height: 30px;
	color: #fff;
	font-weight: bold;
	text-align: center;
	float: right;
}
#close4 {
	width: 100%;
	margin: 0 0 20px 0;
	text-align: right;
	height: 30px;
	color: #fff;
	font-weight: bold;
	text-align: center;
	float: right;
}
#close5 {
	width: 100%;
	margin: 0 0 20px 0;
	text-align: right;
	height: 30px;
	color: #fff;
	font-weight: bold;
	text-align: center;
	float: right;
}
#close6 {
	width: 100%;
	margin: 0 0 20px 0;
	text-align: right;
	height: 30px;
	color: #fff;
	font-weight: bold;
	text-align: center;
	float: right;
}

#close1 img {
	float: right;
}
#close2 img {
	float: right;
}
#close3 img {
	float: right;
}
#close4 img {
	float: right;
}
#close5 img {
	float: right;
}
#close6 img {
	float: right;
}


.orangeBord {border: 3px solid #F16B55;}
.blueBord {border: 3px solid #005386;}
.lightBord {border: 3px solid #69B6E5;}
.teal {border: 3px solid #82ced3;}