.hcvtInteractive {
    position: relative;
    padding: 0;
    background-color: transparent;
    color: #000;
    margin: 1em auto 2em;
    clear: both;
    
}

.hcvtInteractive * {position: relative;}

.hcvtInteractive img {max-width: 100%;}

.hcvtInteractive .hcvtFade {
    opacity: 1;
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
}

.hcvtInteractive .hcvtFade:hover {
    opacity: 0.5;
}

.hcvtLeft {float:left;}
.hcvtRight {float:right;}
.hcvtClear {clear:both;}
.hcvtHidden {visibility: hidden; display: none; height:0px; width: 0px;}


.hcvtInteractive header {
	/*padding: 1em;
	padding-bottom: 1.5em;
	overflow: hidden;
	padding-left: 5%;*/
	z-index: 1;
	margin: 20px 0;
}

	.hcvtInteractive header img {
		float: left;
		margin-right: 2%;
		width: 10%;
	}

	.hcvtInteractive header h1, .hcvtInteractive header h2 {
		color: #000;
		font-weight: bold;
		background-color: transparent;
		margin: 0;
		border: none;
		font-size: 1.5em;
		float:left;
		padding-top: 10px;
		width: 85%
	}

		.hcvtInteractive header h1 span.sub, .hcvtInteractive header p.sub{
			color: #000;
			font-weight: bold;
			font-style: italic;
			font-size: 0.8em;
		}
		
		.hcvtInteractive header h2{
			border-bottom-color:#000;
			border-bottom-width: 1px;
			border-bottom-style: solid;
			box-sizing: border-box;
			margin-top: 0px;
			margin-bottom: 5px;
			padding: 0px;
		}


.hcvtInteractive footer {
	padding: 1em;
	clear: both;
	float: none;
	background-color: transparent;
	width:90%;
	margin: auto;
}

.hcvtInteractive footer.hcvtHomeFooter {
	padding-top: 75px;
	background-image: url('../../alt/hazard-check/images/quiz/homeFooter.png');
	background-repeat: repeat-x;
	background-position: top;
	top: -1em;
}

	.hcvtInteractive footer img {
		float: left;
		margin-right: .8em;
	}

	.hcvtInteractive footer p {
		color: #000;
		font-weight: bold;
		background-color: transparent;
		margin: 0;
		font-size: 1em;
		float: left;
		width: auto;
		padding-top: 35px;
	}
	

	.hcvtInteractive footer .copyright {
		text-align:right;
		font-size: .8em;
		float: right;
		width: auto;
		padding-top: 35px;
	}


.hcvtInteractive .hcvtMain {
	padding: 0;
	margin: 1em auto;
	border-bottom: 1px solid #000;
}

.hcvtInteractive .hcvtMain.start{
	border-bottom: none;
}

.hcvtInteractive .hcvtMain.start .hcvtRoom.start{
	border:none;
}


	.hcvtInteractive .hcvtMain .hcvtTinyIcon {
	}

	.hcvtInteractive .hcvtMain img.hcvtBG {
	        width: 100%;
	        position: relative;
		z-index: 1;
	    }



	.hcvtInteractive .hcvtMain .hcvtRoom {
		/*max-width: 757px;*/
		padding: 0;
		border: 1px solid #000;
		min-height: 400px;
		background-color: #fff;
	}

	.hcvtInteractive .hcvtMain .hcvtRoom .hcvtHoverDiv {
		z-index: 5;
		position: absolute;
	}
	
	.hcvtInteractive .hcvtMain .hcvtRoom a {
        	display: block;
    	}


.hcvtLargeIconCorrect {
	margin-right: 5%;
	margin-bottom: 10%;
	max-width: 40%;
}


.hcvtInteractive .hcvtMain .hcvtRoom .hcvtRoomCounterWrap {
	position: absolute;
	padding: .5em;
	background-color: #fff;
	color: #000;
	cursor: default;
	font-size: .8em;
	text-align:center;
	text-decoration: none;
	font-weight: bold;
}

.hcvtInteractive .hcvtMain .hcvtRoom .hcvtRoomCounterWrap2 {
	position: relative;
	padding: .5em;
	background-color: #fff;
	color: #000;
	cursor: default;
	font-size: .8em;
	text-align:center;
	text-decoration: none;
	font-weight: bold;
	width: auto;
	float:right;
}


.hcvtInteractive .hcvtMain .hcvtRoom .hcvtRoomCounterWrap img { 
	float: left;
}

.hcvtInteractive .hcvtMain .hcvtRoom .hcvtRoomCounterWrap p { 
	margin: 0;
	width: 9em;
}

.hcvtScoreOf, .hcvtScoreCount {
	color: #793301;
}


.hcvtCheckmark {
	margin-right: 5%;
	margin-bottom: 10%;
	max-width: 40%;
}

.hcvtWinMsgLink {
	margin: .5em;
}


.hcvtResetBtn {
	background-color: #e4701d;
	color: #000 !important;
	font-size: .8em;
	position: absolute;
	clear: both;
	display: block;
	float: left;
	padding: 1em;
	text-align:center;
	margin: 1em 0;
	text-decoration: none;
	z-index: 100;
	border: 2px solid #9c4d12;
  border-radius: 10px;
}

.hcvtResetBtn a:visited {
	color: #000 !important;
}

.hcvtResetBtn2 {
	background-color: #e4701d;
	color: #000;
	font-size: .8em;
	position: relative;
	clear: both;
	display: block;
	float: left;
	padding: 1em;
	text-align:center;
	margin: 1em 0;
	text-decoration: none;
}

.basement .hcvtResetBtn {
	bottom: 1em;
	left: 1em;
}

.bathroom .hcvtResetBtn {
	bottom: 0em;
	right: 1em;
}

.bedroom .hcvtResetBtn {
	bottom: 0px;
	left: 5px;
}

.garage .hcvtResetBtn {
	top: 1em;
	left: 1em;
}

.kitchen .hcvtResetBtn {
	bottom: 1em;
	right: 1em;
}

.livingRoom .hcvtResetBtn {
	top: 1em;
	left: 1em;
}

	.hcvtResetBtn:hover {
		text-decoration: none;
		color: #000;
		background-color: #eb9656;
	}

	.hcvtResetBtn p {
		margin: 0;
		float:left;
		
	}
	

#hcvtBasement:active, #hcvtBathroom:active, #hcvtBedroom:active, #hcvtGarage:active, #hcvtKitchen:active, #hcvtLivingRoom:active {
	outline: none;
	border: none;
}
	
#hcvtBasement:focus, #hcvtBathroom:focus, #hcvtBedroom:focus, #hcvtGarage:focus, #hcvtKitchen:focus, #hcvtLivingRoom:focus {
	outline: none;
	border: none;
}

.hcvtBanner {
	background-color: #fadd86;
	padding: 5px;
	padding-left: 5%; 
	clear:both;
	margin-top: 1em;
	border: 2px solid #be9107;
  border-radius: 10px;
}

.hcvtBanner:visited {
	color: #000;	
}

.hcvtBanner:hover {
	background-color: #fcedbe;
}
	.hcvtBanner img {
		float: left;
		width: 8%;
		margin-right: 2%;
	}
	
	.hcvtBanner p {
		float: left;
		width:80%;
	}

	.hcvtInteractive .hcvtH1style {
		color: #000;
		font-weight: bold;
		margin: 0;
		border: none;
		font-size: 1.1em;
		padding-top:3%;
	}

	p.hcvtBannertext {
		color: #000;	
		font-size: .8em;
		font-weight: normal;
		line-height: 1.3em;
	}

.hcvtBackToStart {
	color: #000;	
	margin-top: .65em;
}

	.hcvtBackToStart p {
		text-align: center;
		width:100%;
		margin: .4em auto;
		background-color: #e4701d;
		width: auto;
		float:left;
		border: 2px solid #9c4d12;
  	border-radius: 10px;
	}

	.hcvtBackToStart a, .hcvtBackToStart a:link, .hcvtBackToStart a:visited, .hcvtBackToStart a:hover, .hcvtBackToStart a:active {
		font-size: .8em;
		padding: 10px 2%;
		color: #000;
		text-decoration: none;
		width: 96%;
		display: block;
	}
	
	.hcvtBackToStart p:hover {		
		background-color: #eb9656;
	}

.hcvtInstructions {
	background-color: #f6dbc6;
	color: #000;
	padding: 1em;
	border:1px solid #000;
	margin: 20px 0;
	font-size: .6em;
	margin-right: -15px;
}

.hcvtInstructionsHome {
	background-color: #f6dbc6;
	color: #000;
	padding: 1em;
	border:1px solid #000;
	margin: 1em 0;
	font-size: .6em;
}

.hcvtInstructions p, .hcvtInstructionsHome p {
	margin-bottom: 0;
	float: left;
	width:79%;
}

	.hcvtInstructions img, .hcvtInstructionsHome img {
		float: left;
		margin-right:5%;
		width:15%;
	}



/*******************************************************************************************/
/**************    BEGIN: STYLING SPECIFIC TO START MENU (and side menus)   ***************/

.hcvtInteractive .hcvtMain {
	border-bottom: 1px solid #000;
}

.hcvtInteractive .hcvtMain #hcvtStartMenu, .hcvtInteractive .hcvtMain .hcvtSideMenu {
	list-style-type: none;
}

.hcvtInteractive .hcvtMain #hcvtStartMenu {
	margin-bottom: -25px;
}

	.hcvtInteractive .hcvtMain #hcvtStartMenu li {
		display: block;
		margin-bottom: 2em;
	}
	
		.hcvtInteractive .hcvtMain #hcvtStartMenu li a {
			display: block;
			padding: 0;
			border: 1px solid #000;
			text-decoration: none;
			font-weight: bold;
			cursor: pointer;
			overflow: hidden;
			min-height: 100px;
		}
		
			.hcvtInteractive .hcvtMain #hcvtStartMenu li a img {
				z-index: 1;
				width: 100%;
			}
		
		.hcvtInteractive .hcvtMain #hcvtStartMenu li a span{
			display: block;
			background-color: #e4701d;
			color: #000;
			text-align: center;
			margin: 0;
			padding: .2em 0;
			width: 100%;
			border: 3px solid #fff;
			position: absolute;
			bottom: 0px;
			z-index: 5;
		}
		
		/****  SIDE MENUS ****/
	
		.hcvtInteractive .hcvtMain .hcvtSideMenu {
			display: block;
			margin-bottom: 0;
			padding: 0;
			/*border-bottom: 1px solid #000;*/
			background-color: #fff;
		}
	
		.hcvtInteractive .hcvtMain .hcvtSideMenu li {
			display: block;
			margin-bottom: 0;
			padding: 0;
		}
	
		.hcvtInteractive .hcvtMain .hcvtSideMenu li a {
			display: block;
			padding: 0;
			border: 1px solid #000;
			border-bottom: none;
			border-left: none;
			text-decoration: none;
			font-weight: normal;
			/*max-height: 4.3em;
			max-height: 20%;*/
			overflow: hidden;
			min-height: 80px;
		}
		
		.hcvtInteractive .hcvtMain .hcvtSideMenu li.last a {
			padding-bottom: 3px;
		}
		
			.hcvtInteractive .hcvtMain .hcvtSideMenu li a img {
				z-index: 1;
			}
		
		.hcvtInteractive .hcvtMain .hcvtSideMenu li a span{
			display: block;
			background-color: #fff;
			color: #000;
			text-align: center;
			margin: 0;
			padding: 0;
			font-size: .8em;
			width: 100%;
			position: absolute;
			bottom: 0px;
			z-index: 5;
		}		

@media (min-width: 768px) and (max-width: 992px) {

		img.hcvtBG{}

		.hcvtInteractive .hcvtMain {
			border-bottom: none;
		}

		.hcvtInteractive .hcvtMain .hcvtSideMenu {
			margin-top: 2em;
			border-bottom: 0;
		}
	
		.hcvtInteractive .hcvtMain .hcvtSideMenu li a {
			border-bottom: 1px solid #000;
			border-left: 1px solid #000;
			margin-bottom: 1em;
			width: 90%;
		}
		
		.hcvtInteractive .hcvtMain .hcvtSideMenu li a img {
			width: 100%;
		}
		
		.hcvtInteractive .hcvtMain .hcvtSideMenu li.last a {
			padding-bottom: 0px;
		}
		
		.hcvtInteractive header h1 .sub{
			border-top: none;
		}
		.hcvtInteractive .hcvtMain .hcvtSideMenu {
			background-color: transparent;
		}
/*
	.hcvtBackToStart {
		color: #000;	
	}

		.hcvtBackToStart p {
			text-align: center;
			width:98%;
			margin: .4em auto;
			background-color: #e4701d;
			width: auto;
			float:left;
		}

		.hcvtBackToStart a {
			font-size: .9em;
			padding: 10px 2%;
			color: #000;
			text-decoration: none;
			width: 96%;
			display: block;
		}
*/
}		


@media (max-width: 768px){

	.hcvtInteractive header h1 .sub{
		border-top: none;
	}
	
	.hcvtInteractive .hcvtMain #hcvtStartMenu li a {
	
	}
	
	.hcvtInteractive .hcvtMain .hcvtSideMenu {
		background-color: transparent;
	}

}

/**************     END: STYLING SPECIFIC TO BASEMENT    ***************/
/***********************************************************************/








/***********************************************************************/
/**************    BEGIN: STYLING SPECIFIC TO BASEMENT    ***************/


	.hcvtInteractive .hcvtMain .hcvtRoom.basement .hcvtRoomCounterWrap {
		position: absolute;
		right: 5%;
		top: 1em;
		z-index:100;
		
	}
	
	.hcvtInteractive .hcvtMain .hcvtRoom.basement .hcvtRoomCounterWrap2 {
		position: relative;
	}

	.hcvtInteractive .hcvtMain .hvctRoom.basement .hcvtHoverDiv {
		
	}
	
	
		.hcvtInteractive .hcvtMain .hcvtRoom.basement #hcvtBasementBoxes {
			right: 20%;
			top: 27%;
			width: 21.14%;
			z-index: 10;
		}
		
		.hcvtInteractive .hcvtMain .hcvtRoom.basement #hcvtBasementFurnace {
			left: 2%;
			top: 11%;
			width: 22.46%;
			z-index: 11;
		}
		
		.hcvtInteractive .hcvtMain .hcvtRoom.basement #hcvtBasementMould {
			right: 5.5%;
			bottom: 13%;
			width: 15.85%;
			z-index: 12;
		}
		
		.hcvtInteractive .hcvtMain .hcvtRoom.basement #hcvtBasementRadon {
			right: 1%;
			bottom: 1%;
			width: 9.91%;
			z-index: 13;
		}
		
		
	
/**************     END: STYLING SPECIFIC TO BASEMENT    ***************/
/***********************************************************************/











/***********************************************************************/
/**************    BEGIN: STYLING SPECIFIC TO BATHROOM    ***************/

	.hcvtInteractive .hcvtMain .hvctRoom.bathroom {
	
	
	}
	
	.hcvtInteractive .hcvtMain .hcvtRoom.bathroom .hcvtRoomCounterWrap {
		position: absolute;
		right: 5%;
		top: 1em;
		z-index:100;
	}
	
	.hcvtInteractive .hcvtMain .hcvtRoom.bathroom .hcvtRoomCounterWrap2 {
		position: relative;
	}

	.hcvtInteractive .hcvtMain .hvctRoom.bathroom .hcvtHoverDiv {
		
	}
		
		.hcvtInteractive .hcvtMain .hcvtRoom.bathroom #hcvtBathroomVent {
			left: 17.5%;
			top: 3%;
			width: 36%;
			z-index:10;
		}
		
		.hcvtInteractive .hcvtMain .hcvtRoom.bathroom #hcvtBathroomChems {
			left: 10%;
			bottom: 20%;
			width: 33.42%;
			z-index:11;
		}
		
		.hcvtInteractive .hcvtMain .hcvtRoom.bathroom #hcvtBathroomLeaks {
			left: 7.5%;
			bottom: 3%;
			width: 31.04%;
			z-index:12;
		}	
	
/**************    END: STYLING SPECIFIC TO BATHROOM    ***************/
/***********************************************************************/










/***********************************************************************/
/**************    BEGIN: STYLING SPECIFIC TO BEDROOM    ***************/

	.hcvtInteractive .hcvtMain .hvctRoom.bedroom {
	
	
	}
	
	.hcvtInteractive .hcvtMain .hcvtRoom.bedroom .hcvtRoomCounterWrap {
		position: absolute;
		left: 5%;
		top: 1em;
		z-index:100;
	}

	.hcvtInteractive .hcvtMain .hcvtRoom.bedroom .hcvtRoomCounterWrap2 {
		position: relative;
		left: 5%;
		top: 1em;
		z-index:100;
	}

	.hcvtInteractive .hcvtMain .hvctRoom.bedroom .hcvtHoverDiv {
		
	}
	
		.hcvtInteractive .hcvtMain .hcvtRoom.bedroom #hcvtBedroomCord {
			right: 8%;
			top: 12%;
			width: 3.17%;
			z-index:20;
		}
		
		.hcvtInteractive .hcvtMain .hcvtRoom.bedroom #hcvtBedroomPaint {
			right:.5%;
			top: 12%;
			width: 21.14%;
			z-index:10;
		}
		
		.hcvtInteractive .hcvtMain .hcvtRoom.bedroom #hcvtBedroomMp3 {
			left: .5%;
			bottom: 12%;
			width: 17.31%;
		}
		
		.hcvtInteractive .hcvtMain .hcvtRoom.bedroom #hcvtBedroomToy {
			left: 20%;
			bottom: 1%;
			width: 19.29%;
		}
		
		.hcvtInteractive .hcvtMain .hcvtRoom.bedroom #hcvtBedroomCarbon {
			left: 33%;
			bottom: 42%;
			width: 2.64%;
		}
		
		.hcvtInteractive .hcvtMain .hcvtRoom.bedroom #hcvtBedroomLeaks {
			right: 15%;
			top: 0%;
			width: 20.21%;
			
		}	
	

/**************    END: STYLING SPECIFIC TO BEDROOM    ****************/
/***********************************************************************/












/***********************************************************************/
/**************    BEGIN: STYLING SPECIFIC TO GARAGE    ***************/

	.hcvtInteractive .hcvtMain .hvctRoom.garage {
	
	}
	
	.hcvtInteractive .hcvtMain .hcvtRoom.garage .hcvtRoomCounterWrap {
		position: absolute;
		right: 5%;
		top: 1em;
		z-index:100;
	}
	
	.hcvtInteractive .hcvtMain .hcvtRoom.garage .hcvtRoomCounterWrap2 {
		position: relative;
	}

	.hcvtInteractive .hcvtMain .hvctRoom.garage .hcvtHoverDiv {
		
	}
	
		.hcvtInteractive .hcvtMain .hcvtRoom.garage #hcvtGarageExhaust {
			left: 0;
			bottom: 0;
			width: 43.46%;
		}
		
		.hcvtInteractive .hcvtMain .hcvtRoom.garage #hcvtGarageChemsSealed {
			right: 2%;
			bottom: 0;
			width: 24.17%;
		}
		
		.hcvtInteractive .hcvtMain .hcvtRoom.garage #hcvtGarageDoor {
			right: 44.5%;
			top: 0%;
			width: 14.80%;
		}
		
		.hcvtInteractive .hcvtMain .hcvtRoom.garage #hcvtGarageChemsStored {
			right: 30%;
			bottom: 30%;
			width: 19.02%;
		}	
	
/**************    END: STYLING SPECIFIC TO GARAGE    ***************/
/***********************************************************************/












/***********************************************************************/
/**************    BEGIN: STYLING SPECIFIC TO KITCHEN    ***************/

	.hcvtInteractive .hcvtMain .hvctRoom.kitchen {
	
	}
	
	.hcvtInteractive .hcvtMain .hcvtRoom.kitchen .hcvtRoomCounterWrap {
		left: 5%;
		top: 1em;
		z-index:100;
	}
	
	.hcvtInteractive .hcvtMain .hcvtRoom.kitchen .hcvtRoomCounterWrap2 {
		position:relative;
	}

	.hcvtInteractive .hcvtMain .hvctRoom.kitchen .hcvtHoverDiv {
		
	}
	
		.hcvtInteractive .hcvtMain .hcvtRoom.kitchen #hcvtKitchenSteam {
			right: 18.5%;
			top: 0%;
			width: 22.45%;
		}
		
		.hcvtInteractive .hcvtMain .hcvtRoom.kitchen #hcvtKitchenChems {
			left: 18%;
			bottom: 6%;
			width: 24.97%;
		}
		
		.hcvtInteractive .hcvtMain .hcvtRoom.kitchen #hcvtKitchenKettle {
			left: 5%;
			bottom: 39%;
			width: 24.97%;
		}
		
	
/**************    END: STYLING SPECIFIC TO KITCHEN    ***************/
/***********************************************************************/












/***********************************************************************/
/**************    BEGIN: STYLING SPECIFIC TO LIVING ROOM    ***************/

	.hcvtInteractive .hcvtMain .hvctRoom.livingroom {
	
	}
	
	.hcvtInteractive .hcvtMain .hcvtRoom.livingRoom .hcvtRoomCounterWrap {
		position: absolute;
		right: 5%;
		top: 1em;
		z-index:100;
	}
	
	.hcvtInteractive .hcvtMain .hcvtRoom.livingRoom .hcvtRoomCounterWrap2 {
		position: relative;
	}

	.hcvtInteractive .hcvtMain .hvctRoom.livingRoom .hcvtHoverDiv {
		
	}
	
		.hcvtInteractive .hcvtMain .hcvtRoom.livingRoom #hcvtLivingRoomAshtray {
			left: 35%;
			bottom: 8%;
			width: 12.95%;
		}
		
		.hcvtInteractive .hcvtMain .hcvtRoom.livingRoom #hcvtLivingRoomPaint {
			left: 25%;
			bottom: 17%;
			width: 7.66%;
		}
		
		.hcvtInteractive .hcvtMain .hcvtRoom.livingRoom #hcvtLivingRoomRadon {
			left: 1%;
			bottom: .5%;
			width: 16.25%;
		}
		
		.hcvtInteractive .hcvtMain .hcvtRoom.livingRoom #hcvtLivingRoomBoots {
			right: 16%;
			bottom: 5%;
			width: 11.36%;
		}
		
		.hcvtInteractive .hcvtMain .hcvtRoom.livingRoom #hcvtLivingRoomFire {
			right: 2.3%;
			bottom: 6%;
			width: 13.47%;
		}	
	
	
/**************    END: STYLING SPECIFIC TO LIVING ROOM    ***************/
/***********************************************************************/

.shNoScript {
	display: block;
	position: relative !important;
	left: 0px !important;
	right:auto !important;
}
.imgText{
	position: relative;
	left: 0px;
	top: 100px;
	color:#000;
	background-color:#FFF; 
	white-space: nowrap;
}

.imgTextInv{
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	margin: 0;
	overflow: hidden;
	position: absolute;
	width: 1px;
}