body{ background:url('/resources/img/shattered.png');font-family: sans-serif;}
#loginBody{
	background: url('../img/loginBG.jpg') no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position: relative;
}
div{box-sizing: border-box;-moz-box-sizing:border-box;}

#properties{
	left:50%;
	margin-left: -300px;
	width:600px;
	background-color: #fff;
	border-radius: 3px;
	padding:10px 0px;
	min-height:100px;
	position: absolute;
	top: 100px;
	display: none;
}
.property{
	
	background-color: #efefef;
	padding:10px;
	margin: 3px 0px;
	cursor: pointer;
	color: #444;
	
}
.property:hover{
	background-color: #dedede;
}

#pageWrapper{
	
	min-height:400px;
	
}
#outterWrapper{width: 100%; overflow: hidden; position: relative;}
#innerWrapper{max-width: 1200px; margin: 0 auto; position: relative; transition: all 1s ease;}
li.menuToggle{display: none;}

.full{width: 100%;}
.half{width: 50%;}
.oneThird{width: 33%;}
.twoThirds{width: 66%;}
.oneQuarter{width: 25%;}
.threeQuarters{width: 75%;}
.oneFifth{width: 20%;}
.fourFifths{width: 80%;}

.left{float: left;}
.right{float: right;}

#lastSchedule.last{border-right:none;}

.clear{clear: both;}

a {text-decoration: none;}

#hotCorner{position: absolute; height: 150px; width: 150px; top: 0; left:0; cursor: none;}
.starHover{color:steelblue !important;}
.starSet{color:#FFA500 !important;}

/* GLOBAL RULES */
h1,h2,h3,h4,h5,h6{color:darkgreen; font-weight: bold; margin-bottom: 5px;}
h1{}
h2{margin-bottom: 10px; border-bottom: 1px solid #999; font-size: 26px; font-weight: normal; padding-bottom:5px;}
h3{font-weight: normal; color: #333; font-size: 18px; margin-bottom:10px; border-bottom: 1px solid #999; padding-bottom: 5px;}
h5{font-size: 30px; color: #555; text-align: center; padding: 25px 0; font-weight: normal;}
h6{font-size: 12px; font-weight: normal; color:darkgreen; margin-bottom: 3px;}
h2#h2One{margin-top: 16px;}

.buttonWrapper {
	width: 100%;
	position: relative;
	margin-top: 25px;
}
.button2 {
	background: #ededed; /* Old browsers */
	background: -moz-linear-gradient(top,  #ededed 0%, #ababab 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ededed), color-stop(100%,#ababab)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ededed 0%,#ababab 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ededed 0%,#ababab 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ededed 0%,#ababab 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ededed 0%,#ababab 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#ababab',GradientType=0 ); /* IE6-9 */
	border: 1px solid #ededed;
	border-bottom: 1px solid #ababab;
	border-radius: 3px;
	-webkit-box-shadow: inset 0 1px 0 0 #96ca6d;
	box-shadow: inset 0 1px 0 0 #0DBF0D;
	color: #222;
	font: bold 11px/1 "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
	padding: 7px 0 8px 0;
	text-align: center;
	text-shadow: 0 -1px 0 #4c9021;
	width: 150px; }
	
.button {
	background: #3498db;
	padding: 12px 25px;
	border-radius: 5px;
	color: white;
	border: none;
	transition: .2s all ease;
	-webkit-transition: .2s all ease;
	font-weight: 400;
}
.button:hover, .button2:hover { cursor: pointer; }
.button:disabled{
	background: #CCC;
	color: #999;
}

.smallButton {
	background: #098e09; /* Old browsers */
	background: -moz-linear-gradient(top,  #098e09 0%, #076807 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#098e09), color-stop(100%,#076807)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #098e09 0%,#076807 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #098e09 0%,#076807 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #098e09 0%,#076807 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #098e09 0%,#076807 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#098e09', endColorstr='#076807',GradientType=0 ); /* IE6-9 */
	border: 1px solid #098E09;
	border-bottom: 1px solid #076807;
	border-radius: 3px;
	-webkit-box-shadow: inset 0 1px 0 0 #96ca6d;
	box-shadow: inset 0 1px 0 0 #0DBF0D;
	color: #fff;
	font: bold 9px/1 "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
	padding: 2px 4px;
	line-height: 13px;
}
.smallButton:hover {
	background: #12ba12; /* Old browsers */
	background: -moz-linear-gradient(top,  #12ba12 0%, #0a990a 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#12ba12), color-stop(100%,#0a990a)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #12ba12 0%,#0a990a 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #12ba12 0%,#0a990a 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #12ba12 0%,#0a990a 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #12ba12 0%,#0a990a 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#12ba12', endColorstr='#0a990a',GradientType=0 ); /* IE6-9 */
    -webkit-box-shadow: inset 0 1px 0 0 #8dbf67;
    box-shadow: inset 0 1px 0 0 #8dbf67;
    cursor: pointer; }
.smallButton:active {
    border: 1px solid #5b992b;
    border-bottom: 1px solid #538c27;
    -webkit-box-shadow: inset 0 0 8px 4px #098e09, 0 1px 0 0 #eee;
    box-shadow: inset 0 0 8px 4px #098e09, 0 1px 0 0 #eee; }

.styledSelect {
	background: url(https://www.antroutes.com/resources/img/common/arrowLBC.png) no-repeat right center;
	background-size: 15px 15px;
	height: 25px;
	display: block;
	float: left;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	margin: 3px 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #cdcdcd;
	background-color: #eee;
	-webkit-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, .3);
	-moz-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, .3);
	box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, .3);
}
.styledSelect2 {
	background: url(https://www.antroutes.com/resources/img/common/arrowLBC.png) no-repeat right center;
	background-size: 15px 15px;
	height: 25px;
	display: block;
	float: right;
	clear:right;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	margin: 3px 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #cdcdcd;
	background-color: #eee;
	-webkit-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, .3);
	-moz-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, .3);
	box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, .3);
}
select{
	background: transparent;
	font-size: 12px;
	line-height: 25px;
	height: 25px;
	-webkit-appearance: none;
	border: none;
	padding-right: 20px;
	padding-left: 5px;
}

.section{padding: 25px;}
.sectionDetails{padding-left: 10px;}

.subSection{padding: 10px; position:relative;}
.subSection h6{}
.subSection p{color: #333; font-size: 14px; margin-left: 10px;}
.subSection ul {margin: 10px 10px 0;}
.subSection li {
	font-size: 14px;
	color: darkgreen;
	line-height: 24px;
	float: left;
	width: 50%;
}
#home{top:10px; position: relative;}
#homeStars{}
.leaveFeedbackButton{position: absolute;top: 100px;right: -6px;}
.moreDetailsButton{position: absolute; top:45px; right:15px;}
#cpw{width: 45%;}

/* LOGIN PAGE */

#custList,
#custHeader{
	margin: 0 auto;
	width: 300px;
}

#custHeader{
	background-color: rgb(238, 238, 238);
	font-weight: bold;
	font-size: 10px;
	padding: 5px 0px 5px 10px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	border-bottom: none;
	list-style: none;
}

#custList{
	margin-bottom: 10px;
}

#custList .chooseCust{
	text-align:left;
	cursor:pointer;
}

#custList .list-group-item:first-child{
	border-radius: 0;
}

#loginContainer{
	margin: 0 auto;
	margin-top: 200px;
	width:350px;
	background: rgba(255,255,255,.75);
	border: 2px solid rgba(255,255,255,.25);
	border-radius: 10px;
	font-family: sans-serif;
	-webkit-box-shadow:  2px 2px 2px 0px rgba(0, 0, 0, .5);
    box-shadow:  2px 2px 2px 0px rgba(0, 0, 0, .5);
}
#loginContainer p {
	margin: 0 0 10px 0;
	padding:0 25px;
	text-align: center;
}
#loginContainer p.loginInstruction{
	color: #555;
	font-size:12px;
}
#loginInputs {width: 65%;margin: 0 auto;position: relative; overflow: hidden;}
#loginInputs label{font-size: 16px;	color: #333;padding: 11px 0;float: left;}
#loginInputs input,
#loginInputs select{
	margin: 8px auto;
	width: 100%;
	padding-left: 5px;
	float: right;
	height: 25px;
	font-size: 14px;
	line-height: 25px;
	border-radius: 5px;
	border: 2px solid #ccc;
	-webkit-box-shadow: none;
	box-shadow: none;
}
a#forgot, a#forgot:active, a#forgot:visited{font-size: 10px; color: #555; display: block; text-align: center; margin: 10px}
a#forgot:hover{color:#222;}

#forgotDelivery {
	-webkit-appearance: menulist;
	box-sizing: border-box;
	-webkit-align-items: center;
	border: 2px solid #ccc;
	border-image-source: initial;
	border-image-slice: initial;
	border-image-width: initial;
	border-image-outset: initial;
	border-image-repeat: initial;
	white-space: pre;
	-webkit-rtl-ordering: logical;
	color: black;
	background-color: white;
	cursor: default;
	float: none;
	margin: 0 auto;
	display: block;
	width: 100%;
}

.big-logo {
	margin: 10px auto;
	display: block;
	max-width: 300px;
	max-height: 140px;
}
#errorMessage {
	text-align: center;
	width: 90%;
	margin: 0 auto;
	padding: 3px;
	background: red;
	color: white;
	border-radius: 2px;
}
/* NAVIGATION */
#navigationBar{
	height: 70px;
	width: 100%;
	background: rgba(255,255,255,.9);
	box-sizing: border-box;
	padding: 20px;
	position: fixed;
	-webkit-box-shadow:  3px 3px 3px 0px rgba(0, 0, 0, .3);
    box-shadow:  3px 3px 3px 0px rgba(0, 0, 0, .3);
    z-index: 999;
}

#logo{height: 50px; margin-top:-10px;}
#logo img{max-height: 50px;}

#navigationBar ul{float: right}
#navigationBar ul li{ float: left;}
#navigationBar ul li a {
	color: darkgreen;
	text-decoration: none;
	padding: 0 10px;
	font-size: 18px;
	line-height: 50px;
	font-weight: bold;
}

#login {
	font-size: 12px;
	color: #555;
	position: absolute;
	top: 10px;
	right: 30px;
}
#login a{text-decoration: none; color: #000;}

#locations {width: 100%;background: darkgreen; display: none;}
.serviceAddress {
	float: left;
	width: 25%;
	padding: 10px;
	font-size: 12px;
	color: white;
	line-height: 16px;
	border-right: 1px solid rgba(255,255,255,.2);
}
.addressTitle {font-weight: bold;}

#subNavShow, #mainNavShow {
	border-radius: 5px;
	position: absolute;
	width: 80px;
	text-align: center;
	padding: 10px 5px;
	background: #009b1c;
	background: -moz-linear-gradient(top, #009b1c 0%, #087f00 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#009b1c), color-stop(100%,#087f00));
	background: -webkit-linear-gradient(top, #009b1c 0%,#087f00 100%);
	background: -o-linear-gradient(top, #009b1c 0%,#087f00 100%);
	background: -ms-linear-gradient(top, #009b1c 0%,#087f00 100%);
	background: linear-gradient(to bottom, #009b1c 0%,#087f00 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009b1c', endColorstr='#087f00',GradientType=0 );
	-webkit-box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, .6);
	box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, .6);
	color: white;
	font-size: 12px;
	display: none;
}
#subNavShow{ left: 15px; top:30px}
#mainNavShow{ right: 15px; top:30px}

/* MAIN CONTENT */
#main {
	width: 100%;
	position: relative;
	z-index: 1;
	min-height: 900px;
}
/* SUMMARY TAB */
#accountSummary{ min-height: 350px;}
.balance {}
.balance a{color: darkgreen; text-align: center; text-decoration: none; font-size: 10px; width: 100%; display: block;}
.balance p{color: #555; font-size: 10px; text-align: center;}
#balanceTotal h5{color: darkred;}
#payBalance{margin: 0 auto;}

.balanceAlert {
	float: left;
	background: white;
	border-radius: 3px;
	border: 1px solid #999;
	color: #1b1b1b;
}
.alertText {
	font-size: 10px;
	padding: 3px;
	float: left;
	border-radius: 3px;
	line-height: 15px;
}
.alertClose {
	font-size: 10px;
	line-height: 15px;
	padding: 3px;
	background: #ccc;
	float: left;
}

#accountAlerts{}
.alertMsg, .promptMsg {
	font-size: 16px;
	font-weight: 500;
	margin: 4px 0;
	background: #ff6767;
	color:#fff;
	padding: 5px;
	border-radius: 2px;
	border: 2px solid #c00;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	position: relative;
	padding-bottom: 30px;
}
.alertMsg span a, .promptMsg span a {
	font-size: 12px;
	background: white;
	border-radius: 2px;
	float: right;
	position: absolute;
	text-decoration: none;
	font-weight: normal;
	padding: 3px;
	right: 3px;
	bottom: 5px;
	color: #555;
}
p.promptMsg{background: #efefef; border-color: #ccc;}
p.alertMsg {color:#fff; background: #dd0000;}

#balanceDetails{}
#balanceDetailsHeader{font-size: 12px; color: #999;height:20px;}
.bd1{width: 70%; float: left;}
.bd2{width: 15%; float: left;}
.bd3{width: 15%; float: left;}
.detailLine {
	font-size: 14px;
	color: #333;
	height: 25px;
	line-height: 25px;
	position: relative;
	border-bottom: 1px solid #ccc;
}
.detailLine a{color: darkgreen; text-decoration: none; margin-left: 10px;}
.detailLine a:hover{color: #333; text-decoration: underline;}

#viewmore {width: 100px;text-align: center;}
.sectionDetails a{text-decoration: none;}

#appointmentSummary{min-height: 350px;}
#balanceSummary{
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.appointmentHolder {
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;	position: relative;
	padding: 15px;
	border-radius: 3px;
}
.activeAppointment{
	box-shadow: 1px 1px 6px rgba(0,0,0,.3);
	background: #fff;
}

.ratingArea{margin-top:10px;}
.noRating{}
.feedbackEdit {width: 90%;height: 45px;}
.appointmentMoreInfo{display: none;}
#recentAppointments{position: relative;}

#appointmentBanner{
	color: white;
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}


#appointmentBanner.unconfirmed{background: orangered;}
#appointmentBanner.confirmed{background: darkgreen;}


#confirmMsg {text-align: center; font-size: 24px;font-weight: bold;}
#confirmMsg span{font-style: italic;}




/*
.recentLine {font-size: 14px;color: #333;height: 20px;line-height: 20px;}
.recentLine:nth-child(odd), .detailLine:nth-child(odd) {background: #ededed;}
*/
#scheduleWrapper{
	border-radius: 4px;
	overflow: hidden;
	color: white;
	background: #009b1c; /* Old browsers */
	background: -moz-linear-gradient(top,  #009b1c 0%, #087f00 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#009b1c), color-stop(100%,#087f00)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #009b1c 0%,#087f00 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #009b1c 0%,#087f00 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #009b1c 0%,#087f00 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #009b1c 0%,#087f00 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009b1c', endColorstr='#087f00',GradientType=0 ); /* IE6-9 */
}
.schedule {
	width: 16.6%;
	text-align: center;
	box-sizing: border-box;
	border-right:1px solid darkgreen;
	min-height: 110px;
}
.scheduleHead {
	padding: 15px 0 5px;
	color: white;
	font-size: 14px;
}
.schedulePrice {padding: 10px; font-weight: bold; font-size: 32px;}
.schedulePrice p {
	font-size: 10px;
	font-weight: normal;
	line-height: 12px;
	color: white;
	text-align: center;
	margin: 0;
}
#upcomingAppointments {
	padding: 10px;
	position: relative;
	display: none;
	background: #fff;
	margin-top: 10px;
	border-radius: 3px;
}
#subscriptionSummary{}
.subscriptionWrapper{}
.subscriptionBox{ font-size: 14px; color: #333; padding: 10px; position: relative; min-height: 220px;}
#contract{ width: 200px; margin: 10px auto;}

/* BILLING TAB */
#billingInfo, #paymentOptions {position: relative;min-height: 250px;padding-bottom: 80px;}
#billingInfo p, #paymentOptions p, #paymentOptions label{color: #555; padding: 2px 0; font-size: 13px;}
#paymentOptions input[type="text"] {
	width: 45px;
	margin-left: 5px;
}
#paymentOptions input[type="radio"] {
	position: relative;
	float: left;
	clear: left;
}
#paymentButtons{position: absolute; bottom: 0;}
.button.payment {
	float: right;
	font-size: 12px;
	clear: right;
	margin: 5px 0 5px;
}

.newCard {
	background: darkgreen;
	border-radius: 4px;
	display: none;
	padding: 5px;
	margin: 10px 0;
	color: #fff;
}
.newCard h3{color:white;}
.newCard p, #paymentOptions .newCard p {font-size: 10px; color: #fff; margin-left: 0; margin-bottom: 20px;}
.newCard span{color: white; font-size: 12px;}
.newCard input {
	width: 100%;
	height: 25px;
	margin: 3px 0;
	box-sizing: border-box;
	border-radius: 4px;
	border: none;
	line-height: 25px;
	padding: 0px 5px;
	float: left;
}
.newCard input#newCity{width: 40%; margin-right: 2%;}
.newCard input#newState, .newCard input#newZip{width: 20%; margin-left: 2%;}
.newCard input#newExpDate{width: 24%;}
.newCard input#newSecCode{width: 24%; margin-left: 2%;}
.newCard input#check{width: 10%;}
p#checkLabel{top: 9px;position: relative;left: -5px;}
#checkLabel2 {position: relative;top: -18px;left: 10px;}
#space{width: 2%; height: 1px; float: left;}

.ih1{width: 25%; float: left;}
.ih2{width: 25%; float: left;}
.ih3{width: 25%; float: left;}
.ih4{width: 10%; float: left;}
.ih5{width: 10%; float: left;}
.ih6{width: 10%; float: left;}
.ih7{width: 50%; float: left;}
.docIcon {height: 16px;position: relative;top: 3px;}



.ah1{width: 10%; float: left; clear: left;}
.ah2{width: 10%; float: left;}
.ah3{width: 35%; float: left;}
.ah4{width: 10%; float: left;}
.ah5 {
	width: 20%;
	font-size: 10px;
	color: #555;
	position: absolute;
	top: 0;
	right: -118px;
}
.ah6{width: 15%; float: left;}
.ah5 a, .ah6 a{text-decoration: none; color: darkgreen; padding: 0 5px;}
.ah5 a:hover, .ah6 a:hover{color: black; text-decoration: underline;}

.ph1{width: 20%; float: left;}
.ph2{width: 20%; float: left;}
.ph3{width: 20%; float: left;}
.ph4{width: 40%; float: left;}
.ph4 a{text-decoration: none; color: darkgreen; padding: 0 5px;}
.ph4 a:hover{color: black; text-decoration: underline;}

/* HISTORY TAB */

.historySection{padding-right: 10px;}
.historySection h4{border-bottom: 1px solid #333;}

.appointmentDetails{
	position: relative;
	display: none;
}
.appointmentDetails div{margin:10px 0 5px;}
.appointmentDetails p span{font-weight: bold;}
.appointmentDetails p{font-size: 14px; margin: 5px 0;}
.appointmentInfo{float: left; padding:0 10px;}

.appointmentDocuments a{margin-right: 10px; color: #333; text-decoration: none;}

.feedbackArea {position: relative;}
textarea.feedback {height: 41px; position: relative; top:-10px; width: 98%;}

.techInfo{float: left;}
.appointmentNotes{float: left;}
.insectsTargeted{float: left;}
.insectsTargeted li, .chemicalsUsed li{
	list-style-type: none;
	color: darkgreen;
	margin: 5px 0 5px 5px;
	font-size: 12px;
}
.techPic {
	float: left;
	overflow: hidden;
	height: 100px;
	width: 100px;
	border: 4px solid #ddd;
	border-radius: 2px;
	-webkit-box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, .2);
	box-shadow: 2px 2px 1px 0px rgba(0, 0, 0, .2);
}
.techPic img{max-width: 100%;}
.appointmentInfo img {max-width: 100%;}
.feedback textarea{width: 98%; height:125px;}
.close{position: absolute; top:10px; right:10px;}

/* SETTINGS TAB */
label {
	height: 22px;
	line-height: 22px;
	clear:left;
}
label.notifications{line-height: 31px;}

select{float: right; clear:right;}
.edit {width: 30%;float: right;margin-left: 10px;}

footer{
	height: 90px;
	width: 100%;
	padding: 20px;
	background: #1b1b1b;
	box-sizing: border-box;
	color: #999;
	font-size: 12px;
}
#companyInformation {text-align: right;}
#companyInformation a {color: #777; text-decoration: none;}
#printStatement{margin: 0 auto;}

.overlay{
	position: absolute;
	top:0;
	right:0;
	left:0;
	bottom:0;
	background: rgba(0,0,0,.25);
	z-index: 500;
	display: none;
}
.whiteBG{background: white;}
.darkBG{background: #ccc;}

#pestRoutes{width: 75px; text-align: center;}
#pestRoutes img{width:50px; margin: 0 auto;}
#pestRoutes a{text-decoration: none; color: white;}
#pestRoutes a:hover{cursor: pointer; color: #999;}
.tag{font-size: 8px;}

.error{color: darkred !important; font-style: italic;}
.errorBG{background: #f66;}

.subscriptionBox a {color: darkgreen;text-decoration: none;margin-left: 10px;}

#socialWrapper {float: right;margin-top: 7.5px;margin-right: 20px; text-align: right;}
#socialWrapper a img {height: 35px;}

h3.insectList {
	text-decoration: none;
	float: right;
	font-weight: bold;
	color: darkgreen;
	border-bottom: none;
	position: absolute;
	right: 5px;
}
.insectLink {
	box-sizing: border-box;
	width: 19%;
	position: relative;
	display: block;
	float: left;
	background: #fff;
	margin: .5%;
	padding: 1%;
	min-width: 180px;
	max-width: 225px;
	-webkit-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, .3);
	box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, .3);
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
.insectLink:hover {
	-webkit-box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, .5);
	box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, .5);
	background: #efefef;
}
.insectLink:hover h3.insectList{color:#333;}
.img img {max-width: 100%;}
.list1 .img {height: 50px;width: 60px;}
.seeMore{}
.seeMore a{
	color: #333;
	font-size: 12px;
	text-align: right;
	text-decoration: none;
	position: relative;
	line-height: 31px;
	position: absolute;
	left: 0;
	background: #fff;
	padding: 5px;
	-webkit-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, .3);
	box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, .3);
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
#nextInsect {}
#nextInsect a {
	color: #333;
	font-size: 12px;
	text-align: right;
	text-decoration: none;
	position: absolute;
	right: 0;
	background: #fff;
	padding: 5px;
	-webkit-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, .3);
	box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, .3);
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
#nextInsect img {
	height: 29px;
	position: relative;
}
#nextInsect span {position: relative;top: -9px;}
.chemicalLine span
{
	font-size: 10px;
	line-height: 12px;
	color:#ababab;
	font-style: italic;
	top: -9px;
	left:5px;
	position: relative;
}

#loadingWrapper{
	position: absolute;
	height: 160px;
	width: 160px;
	margin-left: -160px;
	margin-top: -160px;
	top:50%;
	left:50%;
	background:rgba(0,0,0,.35);
	border-radius: 5px;
}

#loadingWrapper img {
position: absolute;
margin-left: -64px;
margin-top: -64px;
top: 50%;
left: 50%;
}
.loadingOverlay
{
	position: absolute;
	width:110%;
	height:1000px;
	background:rgba(92, 92, 92, 0.25);
	top:-5%;
	z-index: 9999999999;
}

.grayGradientBG
{
	background: rgb(238,238,238);
background: -moz-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(204,204,204,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(238,238,238,1)), color-stop(100%,rgba(204,204,204,1)));
background: -webkit-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%);
background: -o-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%);
background: -ms-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%);
background: linear-gradient(to bottom, rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 );
}
.whiteGradientBG
{
	background: rgb(238,238,238);
background: -moz-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(238,238,238,1)), color-stop(100%,rgba(255,255,255,1)));
background: -webkit-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(255,255,255,1) 100%);
background: -o-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom, rgba(238,238,238,1) 0%,rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#fff',GradientType=0 );
}
.greenGradientBG
{
	background-color: #005600;
	color: #fff;
	background: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(1, rgb(45,195,45)),
    color-stop(0, rgb(33,153,33))
	);
	background: -moz-linear-gradient(
		center top,
		rgb(45,195,45),
		rgb(33,153,33)
	);
}


.yellowGradientBG
{
	background-color: #ffff00;
	color: #343434;
	background: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(1, rgb(255,255,0)),
    color-stop(0, rgb(255,225,0))
	);
	background: -moz-linear-gradient(
		center top,
		rgb(255,255,0),
		rgb(255,225,0)
	);
}

.orangeGradientBG
{
	background-color: #ffa500;
	color: #fff;
	background: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(1, rgb(255,165,0)),
    color-stop(0, rgb(255,115,0))
	);
	background: -moz-linear-gradient(
		center top,
		rgb(255,165,0),
		rgb(255,115,0)
	);
}

.redGradientBG
{
	background-color: #560000;
	color: #fff;
	background: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(1, rgb(195,45,45)),
    color-stop(0, rgb(153,33,33))
	);
	background: -moz-linear-gradient(
		center top,
		rgb(195,45,45),
		rgb(153,33,33)
	);
}

.red{ color: #770000; }
.green{ color: #007700; }
.blue{ color: #000077; }
.bold { font-weight: bold; };
.alignC{text-align:center;}
.alignL{text-align:left;}
.alignR{text-align:right;}


.companyOptions .companyOption:hover
{
	background:-webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(249,249,249,1)), color-stop(100%, rgba(220,220,220,1)));
	background:-webkit-linear-gradient(top, rgba(249,249,249,1) 50%, rgba(220,220,220,1) 100%);
	background:   -moz-linear-gradient(top, rgba(249,249,249,1) 50%, rgba(220,220,220,1) 100%);
	background:    -ms-linear-gradient(top, rgba(249,249,249,1) 50%, rgba(220,220,220,1) 100%);
	background:     -o-linear-gradient(top, rgba(249,249,249,1) 50%, rgba(220,220,220,1) 100%);
	background:        linear-gradient(top, rgba(249,249,249,1) 50%, rgba(220,220,220,1) 100%);
}

.companyOptions .companyOption .optionLogo img
{
	height:100%;
	max-width: 100%;
	margin: 0px auto;
	display: inline-table;
}

.companyOptions .companyOption .optionLogo
{
	position: absolute;
	height:50px;
	top:8px;
	width: 90%;
	left:5%;
	text-align: center;
	float: none;
}

.loginButton
{
	width:50%;
	margin:0 auto;
	display: block;
}

.aside
{
	text-align: center;
	width:100%;
	margin-top:-10px;
	font-size: 9pt;
}
.tableButton:hover
{
	background-color: #898989;
	color: #fff;
	font-weight: bold;
	background: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(1, rgb(129, 171, 212)),
    color-stop(0, rgb(89, 131, 172))
	);
	background: -moz-linear-gradient(
		center top,
		rgb(129, 171, 212),
		rgb(89, 131, 172)
	);
}
.tableButton
{
	-webkit-box-shadow:rgba(0,0,0,.15) 0 1px 3px;
	   -moz-box-shadow:rgba(0,0,0,.15) 0 1px 3px;
	        box-shadow:rgba(0,0,0,.15) 0 1px 3px;
	        box-shadow:rgba(0,0,0,.15) 0 1px 6px \0/IE9;
	-webkit-border-radius:4px;
	   -moz-border-radius:4px;
	        border-radius:4px;
	        
	font-weight: normal;
	font-size: 12px;
	background-color: #898989;
	color: #343434;
	background: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(1, rgb(255, 255, 255)),
    color-stop(0, rgb(225, 225, 225))
	);
	background: -moz-linear-gradient(
		center top,
		rgb(255, 255, 255),
		rgb(225, 225, 225)
	);
	cursor: pointer;
	
	border:1px solid #898989;
	font-weight: normal;
	width:80%;
	margin-left:10%;
	text-align:center;
	line-height:20px;
	padding:0px 10px;
	height:20px;
}
#loginBody h1 {
	text-align: center;
	color: #fff;
	font-size: 18pt;
	width: 330px;
	padding: 10px;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	margin: 0 auto;
}
.companyOptions {padding: 1%;}
.companyOptions .companyOption h3
{
	font-size: 12px;
	font-weight: bold;
	position: absolute;
	bottom: 5px;
	width:100%;
	left:0px;
	margin:0px;
	line-height: 14px;
	text-align: center;
	border: none;
}

.companyOptions .companyOption {
	width: 18%;
	border: 1px solid #adadad;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	height: 100px;
	position: relative;
	cursor: pointer;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(249,249,249,1)), color-stop(100%, rgba(240,240,240,1)));
	background: -webkit-linear-gradient(top, rgba(249,249,249,1) 50%, rgba(240,240,240,1) 100%);
	background: -moz-linear-gradient(top, rgba(249,249,249,1) 50%, rgba(240,240,240,1) 100%);
	background: -ms-linear-gradient(top, rgba(249,249,249,1) 50%, rgba(240,240,240,1) 100%);
	background: -o-linear-gradient(top, rgba(249,249,249,1) 50%, rgba(240,240,240,1) 100%);
	background: linear-gradient(top, rgba(249,249,249,1) 50%, rgba(240,240,240,1) 100%);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-box-shadow: inset 0 2px 1px rgba(255,255,255,.97), 0 0 3px -1px rgba(0,0,0,.7);
	-moz-box-shadow: inset 0 2px 1px rgba(255,255,255,.97), 0 0 3px -1px rgba(0,0,0,.7);
	box-shadow: inset 0 2px 1px rgba(255,255,255,.97), 0 0 3px -1px rgba(0,0,0,.7);
	padding: 1%;
	float: left;
	margin: 1%;
}
.loginCompanySelect {
	z-index: 10;
	color: #343434;
	-moz-border-top-left-radius: 5px;
	border-top-left-radius: 5px;
	-moz-border-bottom-left-radius: 5px;
	border-bottom-left-radius: 5px;
	float: left;
	width: 40%;
	height:150px;
}
.insectLabel
{
	float:left; clear:both; font-weight:bold; margin-top:5px;
}

.insectValue
{
	float:left; margin-top:5px;
}
.insectwrapper {
	left: 1%;
	position: relative;
	margin: 0;
	width: 65%;
	float: left;
}
.left30
{
	float:left;
	width:28%;
	padding:1%;
	margin:1%;
}

.imgFit
{
	width: 100%;
}

.left50
{
	float:left;
	width:46%;
	padding:2%;
}

.left65
{
	float:left;
	width:60%;
	padding:2%;
}

.insectgallery
{
	float: left;
	height: 240px;
    margin-top: 25px;
	width:15%;
	padding:2%;
	margin-left: 5px;
	margin-right: 5px;
}

.insectgallery img
{
	width: 95%;
}
.right35
{
	float:right;
	width:33%;
	padding:2% 1%;
}

.right50
{
	float:right;
	width:46%;
	padding:2%;
}

.list1
{
	float: left;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	width: 100%;
}
.list2
{
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.full100
{
	width:98%;
	padding:2%;
	float:left;
}

.article .img img
{
	width: 100%;
}

.article .img
{
	text-align: center;
	float:left;
	width:28%;
	padding:10px 0px;
	height:160px;
	overflow: hidden;
}

.article p
{
	float:right;
	width:63%;

}

.article p, .article2 p
{
	padding:0px 2%;
	font-size: 10pt;
}

.review
{
	position: relative;
	height:40px;
}

.article .button
{
	position: absolute;
	right:10px;
	height:10px;
	bottom:10px;
}

.article, article2
{
	margin-top: 25px;
	height: 240px;
}

.higher
{
	margin-top:-10px;
}

.higher2
{
	margin-top:-25px;
}

.legend
{
	width:100px;
	height:30px;
	margin-top:60px;
	text-align: center;
}

.legend img
{
	width:30px;
}

.legend span
{
	font-size: 10pt;
}

.insect
{
	float: right;
	width: 30%;
	overflow: hidden;
}
.insect img {max-width: 100%;max-height: 120px;}
.serviceimg
{
	text-align: center;
	overflow:hidden;
	position:relative;
}

.serviceimg img
{
	width:100%;
	min-height:100%;
	position: absolute;
	top:0px;
	left:0px;
}

.insectinfo
{
    float: left;
    height: auto;
    text-align: left;
    width: 65%;
    clear:left;
    margin-top:10px;
}


.insectinfo li
{
	font-size: 12px;
	list-style: none;
}

.insectinfo ul
{
	font-size: 12px;
    line-height: 26px;
    margin-left: -12%;
    margin-top: 0px;;

}

.insectinfo .info
{
    float: left;
    font-size: 11px;
    margin-left: 30%;
    margin-top: -5%;
    text-align: left;
    width: 100%;
}


.imglist
{
	float: left;
}

.about {
	font-size: 12px;
	padding: 0;
	line-height: 16px;
}
.type
{
    margin: -9% 0 0 17%;
    text-align: left;
    width: 25%;
    font-size: 12px;
    font-weight: bold;
}

.producttype
{
    float: left;
    font-size: 12px;
    width: 20%;
}

.specs
{
    float: left;
    font-size: 12px;
    text-align: left;
    width: 60%;
}

.insectspecs
{
    font-size: 12px;
    margin: -36% 0 0 36%;
    text-align: left;
    width: 100%;
}

.insecthabitat li
{
	padding: 15px;
	font-size: 12px;
	margin: 0 0 10px 0;
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 4px;
}
.insecthabitat .info
{
	float: left;
    font-size: 11px;
    margin-left: 10%;
    margin-top: -5%;
    text-align: left;
    width: 288px;
    height: auto;
}

.callout {
	border-radius: 4px;
	box-shadow: 1px 1px 4px #898989;
	width: 80%;
	padding: 10px;
	font-size: 15px;
	text-align: center;
	margin: 20px auto;
	color: #fff;
	background: rgb(0,100,0);
	background: -moz-linear-gradient(top, rgba(0,100,0,1) 0%, rgba(0,63,0,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,100,0,1)), color-stop(100%,rgba(0,63,0,1)));
	background: -webkit-linear-gradient(top, rgba(0,100,0,1) 0%,rgba(0,63,0,1) 100%);
	background: -o-linear-gradient(top, rgba(0,100,0,1) 0%,rgba(0,63,0,1) 100%);
	background: -ms-linear-gradient(top, rgba(0,100,0,1) 0%,rgba(0,63,0,1) 100%);
	background: linear-gradient(to bottom, rgba(0,100,0,1) 0%,rgba(0,63,0,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006400', endColorstr='#003f00',GradientType=0 );
}
.insectabout .callout
{

}




.loginCompanySelect {
	z-index: 10;
	color: #343434;
	-moz-border-top-left-radius: 5px;
	border-top-left-radius: 5px;
	-moz-border-bottom-left-radius: 5px;
	border-bottom-left-radius: 5px;
	float: left;
	width: 40%;
	height:150px;
	overflow: hidden;
}

#loginCompanySelect img{
	position: absolute;
	max-width: 100%;
	max-height: 100%;
	bottom: 20px;
}

.loginCompanyLogo
 {
	width: 90%;
	height: 90%;
	position: relative;
	margin-left: 5%;
}

.landing{background: #f3f3f3;}


#loginForm input {
	width:80%;
	margin-left: 10%;
	line-height: 20px;
}

#loginForm {
	text-align: center;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	overflow: hidden;
	float: right;
	width: 50%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-top: 20px;
}
#loginButton {
	clear: both;
	width: 80%;
	padding:0px;
	margin-top:20px;
	height:23px;
	line-height: 23px;
		font-size: 12px;
}

.callout p
{
	margin-left: 7%;
    margin-top: 7%;
    font-size: 12px;
    font-weight: bold;
}

.callouts {
	position: relative;
	width: 80%;
	margin: 0 auto;
}
.callouts ul { margin:0px; padding:0px; text-align: center;}
.callouts ul:after { content:'.'; display:block; height:0; clear:both; visibility:hidden; }
.callouts ul li {
	display: inline-block;
	position: relative;
	z-index: 1;
	width: 22%;
	margin: 1%;
	-webkit-box-shadow: rgba(0,0,0,.15) 0 1px 3px;
	-moz-box-shadow: rgba(0,0,0,.15) 0 1px 3px;
	box-shadow: rgba(0,0,0,.15) 0 1px 3px;
	box-shadow: rgba(0,0,0,.15) 0 1px 6px url(0/IE9);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	vertical-align: top;
}
.callouts ul li.oneUp{width: 50%; margin: 0 auto; float: none; display: block;}
.callouts ul li.twoUp{width: 40%;}
.callouts ul li.threeUp{width: 31%;}
.callouts ul li.loginCallout{ width: 50%; margin: 0 auto; float: none; display: block;}

.loginCallout input{
	
	width: 100%;
	height: 20px;
	font-size: 14px;
	text-align: center;
}

.callouts ul li a {
display: block;
cursor: pointer;
background: #f6f6f6;
height: 100%;
overflow: hidden;
background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(249,249,249,1)), color-stop(100%, rgba(240,240,240,1)));
background: -webkit-linear-gradient(top, rgba(249,249,249,1) 50%, rgba(240,240,240,1) 100%);
background: -moz-linear-gradient(top, rgba(249,249,249,1) 50%, rgba(240,240,240,1) 100%);
background: -ms-linear-gradient(top, rgba(249,249,249,1) 50%, rgba(240,240,240,1) 100%);
background: -o-linear-gradient(top, rgba(249,249,249,1) 50%, rgba(240,240,240,1) 100%);
background: linear-gradient(top, rgba(249,249,249,1) 50%, rgba(240,240,240,1) 100%);
}

.calloutMenu li a:hover, #testimonialChart li:hover {
	background:#f0f0f0;
	
	background:-webkit-gradient(linear,left top, left bottom, color-stop(50%, rgba(249,249,249,1)), color-stop(100%, rgba(224,224,224,1)));
	background:-webkit-linear-gradient(top, rgba(249,249,249,1) 50%, rgba(224,224,224,1) 100%);
	background:   -moz-linear-gradient(top, rgba(249,249,249,1) 50%, rgba(224,224,224,1) 100%);
	background:    -ms-linear-gradient(top, rgba(249,249,249,1) 50%, rgba(224,224,224,1) 100%);
	background:     -o-linear-gradient(top, rgba(249,249,249,1) 50%, rgba(224,224,224,1) 100%);
	background:        linear-gradient(top, rgba(249,249,249,1) 50%, rgba(224,224,224,1) 100%);
}

.callouts ul li .dropShadow { 
/* 	display:inline-block;  */
	height:101%; width:100%; _display:inline; _zoom:1; 
	border:1px solid #e0e0e0; border-top-color:#adadad; border-bottom-color:#ccc;
}

.callouts ul li .dropShadow:nth-child(1n) { border:none;
	-webkit-border-radius:100% / 33px;
	   -moz-border-radius:100% / 33px;
	        border-radius:100% / 33px;
    -webkit-box-shadow:0 8px 3px -5px rgba(0,0,0,.2);
       -moz-box-shadow:0 8px 3px -5px rgba(0,0,0,.2);
            box-shadow:0 8px 3px -5px rgba(0,0,0,.2);
}
.callouts ul li a img { display:block;
	-webkit-border-radius:5px;
	   -moz-border-radius:5px;
	        border-radius:5px;
}

.featureCallouts ul li
{
	width:31%;
	height:180px;
}
.packageHeader{ width: 65%; position: relative; margin: 0 auto;}
.packageHeader h1{text-align: center; color: #484848; margin-bottom: 20px; line-height: 1.2em;}
.packageHeader p{text-align: center; font-size: 12px; color: #898989; font-weight: normal; margin-top: 10px;}

.callouts .callOut {
	width: 90%;
	padding: 15px 5%;
	text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0 auto;
	min-height: 220px;
	position: relative;
}

.absicon
{
	position: absolute;
	top: 5px;
	right: 5px;
}
.icon {float: right;margin: -5px 10px;}
.insectfacts {position: relative;}
.areas {
	width: 48%;
	float: left;
	overflow: hidden;
	height: 50px;
	margin: 1%;
	position: relative;
}
.areaImg {
	top: -25%;
	position: relative;
	max-width: 100%;
}
.areaTitle {
	position: absolute;
	top: 0;
	height: 50px;
	width: 100%;
	background: rgba(0,0,0,.5);
	color: #fff;
	line-height: 50px;
	text-align: center;
}
.insectfacts ul
{
    font-size: 11px;
    margin-top: -4%;

}

.insectfacts div
{
/*
	float: left;
	width: 29%;
	margin-left: 4px;
*/
}
.bug
{
    float: left;
    margin-bottom: 15px;
    margin-right: 2%;
    padding-bottom: 10px;
    position: relative;
}

.bug div
{
	width:100%;
}

.bugtitle
{
	font-weight: bold;
	text-align: center;
	position: absolute;
	bottom:-5px;
	width:100%;
	height:20px;
}

.bug:hover .bugtitle
{
	text-decoration: underline;
}

.bug .imgDiv
{
	width:100%;
	height:100px;
}

.bug:hover img
{
	margin-top:-1px;
}

.bug img
{
	width: 95%;
	max-height:80px;
}
.locationsLinks {
	width: 48%;
	margin: 1%;
	float: left;
}
.locationImg {
	width: 200px;
	display: block;
	position: relative;
	float: left;
}
.locationImg img {max-width: 100%;}
p.locationBlurb {
	text-decoration: none;
	display: inline-block;
	color: #333;
	float: left;
	width: 63%;
	margin-left: 2%;
	font-size: 14px;
	line-height: 18px;
}
.button.locations {
	float: left;
	text-decoration: none;
	margin: 10px 2%;
}
#servicePhoto {	float: left; width: 30%; margin-right: 1%;}
#servicePhoto img {max-width: 100%;max-height: 200px;}
#serviceDetails {
	float: left;
	width: 68%;
	font-size: 14px;
	line-height: 18px;
}
.insectLink .img {
height: 50px;
width: 60px;
}
.productImg {
	float: right;
	width: 30%;
	overflow: hidden;
}
.productImg img{
	max-width: 100%;
	max-height: 120px;
}

.loginCallout input
{
	background-color: #ffffff;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0 );   
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #ffffff), color-stop(50%, #f6f6f6), color-stop(52%, #eeeeee), color-stop(100%, #f4f4f4));
	background-image: -webkit-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
	background-image: -moz-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
	background-image: -o-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
	background-image: -ms-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
	background-image: linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%); 
	-webkit-border-radius: 5px;
	-moz-border-radius   : 5px;
	border-radius        : 5px;
	-moz-background-clip   : padding;
	-webkit-background-clip: padding-box;
	background-clip        : padding-box;
	border: 1px solid #aaaaaa;
	display: block;
	overflow: hidden;
	padding: 2px 3px;
	color: #444444;
	text-decoration: none;
}

.font8{ font-size: 8px; }
.font10{ font-size: 10px; }
.font12{ font-size: 12px; }
.font14{ font-size: 14px; }
.font16{ font-size: 16px; }

.aside{
	font-weight: normal;
	color:#999;
	font-style: italic;
}
.left{float: left;}
.right{float: right;}
.aRight{text-align: right;}
.aLeft{text-align: left;}
.aCenter{text-align: center;}
.clear{clear: both;}

#agreementContent{
	
	width: 1000px;
	background-color: #fff;
	padding:20px;
	position: relative;
	left:50%;
	margin-left: -500px;
	box-sizing: border-box;
	
}
.m-signature-pad--body{
	border: 2px solid;
	width: 400px;
	left:50%;
	position: relative;
	margin-left: -200px;
}
/* MEDIA QUERIES */

@media screen and (max-width:1024px){
	.oneQuarter{width: 50%;}
	.subscriptionBox{height:220px;}
	#detailHeader{clear: left;}
	.detailLine{clear: left;}
	
	.ph1{width: 25%}
	.ph2{width: 25%}
	.ph3{width: 25%}
	.ph4{width: 25%}
	
	.ah4{display: none;}
	.ah5{width: 25%}
	.ah6{width: 20%}
	
	.alertMsg, .promptMsg{font-size: 14px;}
	
	#agreementContent{
	
		width:80%;
		margin:10px 10%;
		left:auto;
	
	}
	
}

@media screen and (max-width:768px){
	
	#agreementContent{
	
		width:96%;
		margin:10px 2%;
	
	}
	
	li.menuToggle{display: none;}

	.alertMsg, .promptMsg{font-size: 12px;}
	.alertMsg span a, .promptMsg span a{font-size: 9px;}
	
	.ah1{width: 15%;}
	.ah2{width: 15%}
	.ah3{display: none;}
	.ah5{width: 35%;}
	.ah6{width: 35%;}
	
	.ih7{white-space: nowrap; text-overflow:ellipsis; overflow:hidden;}
	
	.detailLine{margin:10px;}

.callouts ul li{width:47%;}
	.callouts ul li.threeUp{width: 47%;}
	.callouts ul li.loginCallout{ width: 90%;}
	.loginCompanySelect{width: 100%;}
	.loginCompanyLogo{width: 60%; margin: 0 auto;}
	#loginForm{width:100%;}
	
}
@media screen and (max-width:625px){
	
	.half{
		width:100%;
	}
	
	#socialWrapper {margin: 0px; margin-top: 20px; width:100%; text-align: center; clear:both; float:none;}
	
	.m-signature-pad--body{
		width:90%;
		margin-left: 5%;
		left:auto;
	}
	
	#mainNavShow, #subNavShow{display: block;}
	li.menuToggle{display: block;}
	
	.menuOpenRight{right:200px;}
	.menuOpenLeft{left:200px;}
	#navigationBar{position: relative;}
	#main{padding-top: 0;}
	#navigationBar ul{
		transition: all .05s ease;
		position:absolute;
		margin: 0;
		top:0;
		right:-250px;
		left:auto;
		z-index: 1000;
		background: white;
		height:2000px;
		-webkit-box-shadow:0px 2px 5px rgba(0,0,0,0.5);
		box-shadow:0px 2px 5px rgba(0,0,0,0.5);
		width: 250px;
	}
	#navigationBar ul li {float: none;}
	#navigationBar ul li a{
		padding: 20px;
		top: 0;
		border-radius: 0;
		float: none;
	}
	#logo {width: 35%;margin: 0 auto;float: none; margin-top:-10px;}
	#login {
		position: relative;
		width: 100%;
		text-align: center;
		top: 60px;
		right:auto;
	}
	
	#companySocial{display: none;}
	#companyInfo{margin: 25px 0;}
	#main{width: 100%; padding-top: 35px;}
	#serviceAddresses.subMenuOpen{left:0;}
	#serviceAddresses{
		transition: all 1s ease;
		position:absolute;
		margin: 0;
		top:-90px;
		left:-200px;
		z-index: 1000;
		background: white;
		height:1000%;
		-webkit-box-shadow:2px 2px 5px rgba(0,0,0,0.5);
		box-shadow:2px 2px 5px rgba(0,0,0,0.5);
		width: 200px;
	}
	.serviceAddress{float: none; color: darkgreen; text-align: right; width: 100%;}
	.half{width: 100%;}
	.oneQuarter{width: 100%;}
	.threeQuarters{width: 100%;}
	.twoThirds{width: 100%;}
	
	.subSection{padding: 5px;}
	.detailLine{font-size: 12px; padding: 0; margin: 0;}
	
	.ah1{width: 20%;}
	.ah2{width: 20%;}
	.ah5{width:30%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
	.ah6{width:30%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

	.subSection{padding: 0px; margin-top: 20px;}
	.appointmentHolder{padding: 5px; margin-bottom: 15px;}
	.appointmentHolder h3 {font-size: 14px; margin-top: 10px;}
	.leaveFeedbackButton{right:5px; margin-top: 5px;}
	.moreDetailsButton {right: 5px;top: 10px;}
	.appointmentHolder .button{width: 135px;}
	.sectionDetails {padding-left: 0;padding-top: 10px;}
	.oneFifth, .oneThird{width: 100%;}
	.techPic.oneFifth{width: 100px;}
	.feedbackArea{padding-top:10px;}
	.newCard{padding:5px;}
	footer{font-size: 11px; height: 225px;}
	.mLeft{margin-left: 10px;}
	.mTop{margin-top: 10px;}
	.historySection h4{margin-top: 15px;}
	.mobileFloat {float: left;	margin-right: 10px;	position: relative;	left: 110px;}
	#socialWrapper {margin: 0px; width:100%; text-align: center; clear:both; float:none;}

	.insectwrapper{width: 100%;}
	.locationsLinks{width: 98%;}
	.topBuffer{margin-top: 10px;}
	.section{padding-top:45px;}
	.insect {float: none;width: 50%;margin: 0 auto;}
	.insectinfo{width: 100%;}
	#serviceDetails{width: 100%;margin-top: 10px;}
	#servicePhoto{width: 100%;}
}