body { background-color: rgb(246, 247, 249); }
.background1 { background: url('../images/background2.jpg') left top repeat-y; background-size: cover; }

img { max-width: 100%; }
h4 { font-size: 22px; }

/* Header */
.headerbg { height: 70px; background-color: rgb(51, 51, 51); }
.leftlogocontainer { float:left; max-width: 48%; padding-top:2px;  }
.ezodlogocontainer { float:right; max-width: 48%; text-align:right; padding-top:15px; }
.leftlogocontainer img { /* max-height:60px; */ }
.ezodlogocontainer img { max-height:35px; }

@media all and (max-width:479px) {
	.headerbg { height: 50px; }
	.contlogocontainer img { max-height:35px; }
.ezodlogocontainer img { max-height:25px; }
.contlogocontainer { padding-top: 3px; }
.ezodlogocontainer { padding-top:7px; }

}

/* Section 1 */
.section1bg {  background: #FFFFFF url('../images/slide1triangle.png') no-repeat center center;  }
.section1bginner { background: url('../images/slide1background-min.png') repeat-x center center;  padding-top:20px; padding-bottom:20px; }
.section1outer { display: table; width: 100%; table-layout:fixed; }
.section1text {  text-align:center; display:table-cell; vertical-align:middle; height: 500px; width: 100%;  }
.section1text1 { color: white; font-weight: bold; font-size: 32px; line-height: 37px; }
.section1text2 { color: #28297c; font-weight: normal; font-size: 32px; line-height: 37px; }

@media all and (max-width:767px) {
	.section1text1, .section1text2 { font-size: 26px; line-height: 30px; }
	.section1text { height: 300px; }
}


/* Section 2 */
.section2bg { background-color: #FFFFFF;  padding-top:40px; padding-bottom:45px; } 
.section2bg h4 { color: #28297c; font-weight: 500; }
.section2bg ul { padding-top: 0px; padding-bottom: 0px; margin-top: 15px; margin-bottom: 25px; }

/* Section 3 */
.section3bg {  background: #FFFFFF url('../images/slide3background-min.png') no-repeat center center;  padding-top:40px; padding-bottom:45px; } 
.section3bg h4 { color: #28297c; font-weight: 500; }
.section3bg ul { padding-top: 0px; padding-bottom: 0px; margin-top: 15px; margin-bottom: 25px; }

/* Section 4 */
.section4bg {  background: rgb(246, 247, 249);  padding-top:40px; padding-bottom:40px;  }
.section4outer { display: table; width: 100%; table-layout:fixed; }
.section4text {  font-size: 20px; color: white; text-align:left; display:table-cell; vertical-align:middle; height: 300px; width: 100%; line-height: 25px;  }
.section4text sup { font-size: 60%; top: -0.75em; }
.upgradesimagediv { text-align:center; padding: 25px 10px 0px 10px; }
.upgradesimagecaptiondiv { padding-top: 5px; }
.upgradesimagecaptiondiv a, .upgradesimagecaptiondiv a:visited { color: white; }

/* Coming soon section (uses some of section 4) */
.sectioncomingsoontext {  font-size: 22px; color: white; text-align:center; display:table-cell; vertical-align:middle; height: 300px; width: 100%; line-height: 32px;  }

@media all and (max-width:767px) {
	h4 { font-size: 20px; }
	.section4text { font-size: 18px; line-height: 22px; }
}

ul.blue-bullet { 
list-style-type: none;
padding: 0;
margin: 0;
}

ul.blue-bullet li { 
background: url('../images/imagebullet_blue.png') no-repeat left top; 
padding-left: 44px;
padding-top: 0px;
}

ul.green-bullet {
list-style-type: none;
padding: 0;
margin: 0;
}

ul.green-bullet li { 
background: url('../images/imagebullet_green.png') no-repeat left top; 
padding-left: 34px;
padding-top: 0px;
padding-bottom:15px;
}

.compliancepackage { background-color: white; padding: 3px 10px 5px 10px; }
.devicescaption { text-align:center; font-size:18px; padding-top:15px; }

/* Contact Us Section */
	.sectioncontactbg { background: #FFFFFF url('../images/trianglebg.png') no-repeat left -40px; padding-top:20px; padding-bottom:20px; min-height:180px;  }
	.sectioncontactbg, .sectioncontactbg h2 { color: #28297c; }
	.sectioncontactbg h2 { font-weight: bold; }
	.contactusdetails td { padding-bottom:10px; font-size:18px; font-weight:600; }
	.contactusdetails { width: 320px; }
	.contactusdetails a, .contactusdetails a:hover, .contactusdetails a:visited { color: #28297c; }

@media all and (max-width:767px) {
	.sectioncontactbg h2 { font-size: 28px; }
}	

@media all and (max-width:340px) {
	.contactusdetails { width: 300px; }
	.contactusdetails td { font-size: 16px; }
}



/* Footer */
.footerbg { color: #000000; border-top: 0px solid #1e1e1e; font-size:12px; padding-top:10px; padding-bottom:20px; text-align: center; }
.footerbg a, .footerbg a:hover, .footerbg a:visited { color: white; }