h1 {
  font-weight: bold;
  font-size: 2.2em;
  line-height: 1.4em;
  margin-bottom: 0.8em;
  font-family: Segoe UI Light, Verdana, Geneva, sans-serif;
}
section.elertus_blue h1 {
	color:#FFF;
}

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;
}

div.intro {
	
}

header[role="elertus-smart-sensor-solutions"] {
	position: relative;
	background: #FFF url(/content/images/ElertusSmartSensorHeaderBG.jpg) no-repeat 0 0;
	background-size: cover;
}


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;
	}
}