h3 {
	font-family:Segoe UI Light, Verdana, Geneva, sans-serif;
	color:#FFF;
	font-size:1.8em;
}
div[role="main"] a.btn-header-What-Can-Elertus-Do {
	display:block;
	width:200px;
	height:50px;
	margin:20px auto;
	background: url(/content/assets/Btn-What-Can-Elertus-Do.png) repeat top left;
}
div[role="main"] a.btn-header-What-Can-Elertus-Do:hover {
	background: url(/content/assets/Btn-What-Can-Elertus-Do.png) repeat top right;
}

.stage {
	display:block;
	min-height:100px;
	width: 70%;
	position:relative;
	top: 200px;
	/*left: 50%;*/
  margin:0 auto;
	color:#FFF;
	clear:both;
}

.call-to-action {
	width: 80%;
  margin:0 auto;
}

@media (max-width: 768px) and (min-width: 481px) {
  .stage {
    top: 150px;
  }
}

@media (max-width: 480px) {
  .stage {
    top: 100px;
  }
}

.stage h1 {
  font-weight:bold;
	font-size:2.2em;
	line-height:1.4em;
	margin-bottom:0.8em;
}
.stage p {
	font-size:1.1em;
	line-height:1.4em;
}

.white {
  color:#FFFFFF;
}

header[role="elertus-smart-sensor-products"]#products-head {
	position: relative;
	background: #FFF url(/content/images/ElertusSmartSensorHeader2BG.jpg) no-repeat 0 0;
	background-size: cover;
}

a.btn-solution-water {
	display:block;
	width: 160px; height: 50px;
	padding:0px;
	margin:0 10px 0 0;
	float:right;
	background: url(/content/assets/Btn-Solution-Water.png) top left no-repeat;
	cursor: pointer;
}
a.btn-solution-water:hover {
	background: url(/content/assets/Btn-Solution-Water.png) top right no-repeat;
}

a.btn-solution-door {
	display:block;
	width: 160px; height: 50px;
	padding:0px;
	margin:0 10px 0 0;
	float:left;
	background: url(/content/assets/Btn-Solution-Door.png) top left no-repeat;
	cursor: pointer;
}
a.btn-solution-door:hover {
	background: url(/content/assets/Btn-Solution-Door.png) top right no-repeat;
}

@media (max-width: 480px) {
  a.btn-solution-door, a.btn-solution-water {
    float:none;
    margin:10px auto;
  }
}

a.btn-where-to-buy, a.btn-where-to-buy-dark {
	display:block;
	width: 200px;
	height: 50px;
	padding:0px;
	margin:0 10px 0 0; /* was 30px auto */
	float:left;
	background: url(/content/assets/Btn-Where_to_Buy.png) top left no-repeat;
	cursor: pointer;
}
a.btn-where-to-buy:hover {
	background: url(/content/assets/Btn-Where_to_Buy.png) top right no-repeat;
}
a.btn-where-to-buy-dark {
	background: url(/content/assets/Btn-Where_to_Buy-dark_grey.png) top left no-repeat;
}
a.btn-where-to-buy-dark:hover {
	background: url(/content/assets/Btn-Where_to_Buy-dark_grey.png) top right no-repeat;
}


/* Where to Buy button and Details buttons together break the mobile display mode */
a.btn-details {
	display:block;
	width: 100px;
	height: 50px;
	padding:0px;
	margin:0; /* was 30px auto */
	float:right;
	background: url(/content/assets/Btn-Details-2.png) top left no-repeat;
	cursor: pointer;
}
a.btn-details:hover {
	background: url(/content/assets/Btn-Details-2.png) top right no-repeat;
}

div.productButtons {
	width:310px;
	margin:0 auto;
}


.where-to-buy {
	width:100%;
	border:1px solid #333333;
	background:#ffffff;
	float:left;
	padding:30px 10px;
	margin:10px auto;
}
.where-to-buy-link {
	margin:0px 10px 30px 0px;
	float:left;
}


img.subject-right {
	display:block;
	max-width:90%;
}
img.subject-left {
	display:block;
	max-width:90%;
}



.solutionsBoxContainer {
	/*background:#f0f0f0;*/
	/*padding:30px;*/
	float:right;
}
.solutionsBoxContainer .row {
	clear:both;
}
.solutionsBoxLeft, .solutionsBoxRight {
	background:#333333;
	width:25%; /* was 150px */
	height:150px;
	margin:0 10px 30px 0px;
}
.solutionsBoxLeft {
	float:left;
}
.solutionsBoxRight {
	float:right;
}
.sbProperty {
	background:url(/content/images/Elertus_Solutions_Box-Property.jpg) top left no-repeat;
}
.sbSheds {
	background:url(/content/images/Elertus_Solutions_Box-Sheds.jpg) top left no-repeat;
}
.sbMedical {
	background:url(/content/images/Elertus_Solutions_Box-Medical.jpg) top left no-repeat;
}
.sbServerRooms {
	background:url(/content/images/Elertus_Solutions_Box-Server_Rooms.jpg) top left no-repeat;
}
.sbHumidors {
	background:url(/content/images/Elertus_Solutions_Box-Humidor.jpg) top left no-repeat;
}
.sbWine {
	background:url(/content/images/Elertus_Solutions_Box-Wine.jpg) top left no-repeat;
}


.solutionsBoxContainer .last {
	margin-right:0px;
}
div.solutionsBoxContainer p, div.solutionsBoxContainer h3 {
	/*color:#333333;*/
	padding:0 10px 10px 10px;
	/*float:right;*/
	width:70%;
}
div.solutionsBoxContainer p.sbLeft, div.solutionsBoxContainer h3.sbLeft {
	float:left;
}
div.solutionsBoxContainer p.sbRight, div.solutionsBoxContainer h3.sbRight {
	float:right;
}


@media (max-width: 480px) {
	a.btn-where-to-buy, a.btn-where-to-buy-dark {
		float:none;
	}
	
	a.btn-details {
		float:none;
		margin:10px auto;
	}
	
	
	div.productButtons {
		width:200px;
	}
	
	.solutionsBoxContainer {
		padding:10px;
		float:none;
	}
	.solutionsBoxLeft, .solutionsBoxRight, .solutionsBoxContainer .last {
		width:100%; /* was 80% */
		height:100px;
		margin:0 auto 10px auto;
		float:none;
	}
	.solutionsBoxLeft, solutionsBoxRight {
		float:none;
	}
	div.solutionsBoxContainer p, div.solutionsBoxContainer h3 {
		width:100%;
		margin:10px auto 10px auto;
		float:none;
	}
	div.solutionsBoxContainer p.sbLeft, div.solutionsBoxContainer h3.sbLeft {
		float:none;
	}
	div.solutionsBoxContainer p.sbRight, div.solutionsBoxContainer h3.sbRight {
		float:none;
	}
	
	
	img.subject-right {
		float:none;
	}
}