@charset "UTF-8";

/* CSS Document */



body { font: 100%/1.4 Arial, Helvetica, sans-serif; font-size: 14px; background:#0FF; margin: 0; padding: 0; background-image: linear-gradient(bottom, #f0f0f0 18%, #ccc 69%); background-image: -o-linear-gradient(bottom, #f0f0f0 18%, #ccc 69%); background-image: -moz-linear-gradient(bottom, #f0f0f0 18%, #ccc 69%); background-image: -webkit-linear-gradient(bottom, #f0f0f0 18%, #ccc 69%);background-image: -ms-linear-gradient(bottom, #f0f0f0 18%, #ccc 69%);background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.18, #f0f0f0), color-stop(0.69, #ccc) );background-repeat:no-repeat;background-color: #f0f0f0;}



h1 {font-size:24px;}

h2 {font-size: 1.5em;}
h2 {font-size: 1.5em;}

h3 {color:#666;}

h5 {font-size:20px;}

p {margin-top: 0;padding-right: 15px;padding-left: 15px;color: #666;font-size: 1.3em;letter-spacing:.2;}

a img {border: none;}

a:link, a:active, a:focus, a:visited  {color: #cc3333;text-decoration: none;}

a:hover {color: #cc3333;text-decoration: underline;}

/*.container {width: 982px;background: #FFF;margin: 20px auto;-webkit-box-shadow: 0px 7px 10px 5px rgba(20, 20, 20, .5);-moz-box-shadow: 0px 7px 10px 5px rgba(20, 20, 20, .5);box-shadow: 0px 7px 10px 5px rgba(20, 20, 20, .5);o-box-shadow: 0px 7px 10px 5px rgba(20, 20, 20, .5);}*/

#subjectContainer {width: 95%;overflow:hidden;margin: 40px 30px 30px 30px;position:relative;}

.subjectLeft {width:73%;float:left;border-right: solid thin #000;}

.sidebarRight {width: 26%;float:right;position:relative;}

.egAd {margin: 0px auto 20px auto;}
.iconRow {margin: 15px 0px;}
.ez_icons {
	text-align:center;
	font-size:14px;
}
.ez_icons .custom_color {
	padding:20px 0px;
	text-align: center;
	background-color:#3a7cb8;
	border-radius: 20px;
}
.ez_icons a b {
	display:block;
	font-size:14px;
	color:#666;
	text-decoration:none;
}
.eg_icons .custom_color {
	padding:10px 0px;
	text-align: center;
	background-color:#3a7cb8;
	border:2px solid #fff;
}
.eg_icons .custom_color:hover { box-shadow: 2px 2px 2px #333 inset;}
.eg_icons a {
	display:block;
	font-size:14px;
	color:#FFF;
	text-decoration:none;
}

.panel-heading {background-color:#000; color:#fff;font-size: 28px; padding:18px 15px;}
.panel-body {font-size:14px;}
.panel-footer {font-size: 12px; font-weight: bold;}
.navmenu-fixed-left, .navmenu-fixed-right, .navbar-offcanvas {overflow-x:hidden;}
.off-canvas {
  width: 75%;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  background-color: #333;
  transform: translateX(-100%);
  transition: .4s ease-in-out;
  z-index: 1060;
}
.off-canvas-close {
	color: #fff;
    font-size: 4rem;
    text-align: right;
    padding: 5px 20px;
}
.off-canvas-close:hover {cursor: pointer;}
.off-canvas-active .off-canvas {
  transform: translateX(0);
}
.page-wrapper {
  padding-top: 50px;
  transition: .4s ease-in-out;
}
.off-canvas-active .page-wrapper,
.off-canvas-active .navbar-fixed-top {
  transform: translateX(300px);
}
.list-group {
  padding: 20px;
}
.off-canvas-overlay {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .5);
  z-index: 1050;
  visibility: hidden;
  opacity: 0;
  transition: .4s ease-in-out;
}
.off-canvas-active .off-canvas-overlay {
  opacity: 1;
  visibility: visible;
}
.accordionMenu input[type=checkbox]{
    display: none;
}
.accordionMenu label{
    display: block;
    height: 50px;
    line-height: 47px;
    padding: 0 25px 0 10px;
    background: #3a7cb8;
    font-size: 18px;
    color: #fff;
    position: relative;
    cursor: pointer;
    border-bottom: 1px solid #e6e6e6;
}
.accordionMenu label::after{
    display: block;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 0 5px 10px;
    border-color: transparent transparent transparent #ffffff;
    position: absolute;
    right: 10px;
    top: 20px;
    z-index: 10;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition:all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.accordionMenu .accContent{
    max-height: 0;
    height: 0;
    overflow: hidden;
    -webkit-transition: all 2s ease-in-out;
    -moz-transition: all 2s ease-in-out;
    -o-transition: all 2s ease-in-out;
    transition: all 2s ease-in-out;
}
.accordionMenu .accContent .inner{
    font-size: 1.2rem;
    color: #2c97de;
    line-height: 1.5;
    background: white;
    padding: 20px 10px;
}
.accordionMenu input[type=checkbox]:checked + label:after{
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}
.accordionMenu input[type=checkbox]:checked + label + .accContent{
    max-height: 100%;
    height: auto;
}
.discountRow {border-top:2px solid #CCC;padding:7px 0px;}
.blueRow {background-color:#3a7cb8; color:#fff;text-align: center; padding:10px 0px; margin:15px 0px 15px 0px;}
.vehicles {font-size: 18px;}
.row.center {
       display: flex;
       align-items: center;
    }
.panel-default>.panel-heading {
    color: #FFF;
   -moz-box-shadow: inset 0 0 0.3em rgba(0, 0, 0, 0.8);
    -webkit-box-shadow: inset 0 0 0.3em rgb(0 0 0 / 80%);
    -o-box-shadow: inset 0 0 0.3em rgba(0, 0, 0, 0.8);
    box-shadow: inset 0 0 0.3em rgb(0 0 0 / 80%);
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #333333), color-stop(40%, #333333), color-stop(60%, #101010), color-stop(80%, #333333), color-stop(100%, #333333));
    background-image: -webkit-linear-gradient(top, #333333 0%, #333333 40%, #101010 60%, #333333 80%, #333333 100%);
    background-image: -moz-linear-gradient(top, #333333 0%, #333333 40%, #101010 60%, #333333 80%, #333333 100%);
    background-image: -o-linear-gradient(top, #333333 0%, #333333 40%, #101010 60%, #333333 80%, #333333 100%);
    background-image: -ms-linear-gradient(top, #333333 0%, #333333 40%, #101010 60%, #333333 80%, #333333 100%);
    background-image: linear-gradient(top, #333333 0%, #333333 40%, #101010 60%, #333333 80%, #333333 100%);
    border-color: #000;
}
.panel-default {border:none;}
.panel-footer {
	background-color:#000;
	color:#fff;
	font-size: 14px;
}
.panel-body {
	background-color:#f0f0f0;
}
.EGtopNav {
	padding:10px 5px;
	text-align: right;
}


#couponContainer {background-color:#c00;margin: 0 auto;padding:0;height: 154px;width:936px;border-right: thin solid #c00;}

h2.coupon, p.coupon, h3.coupon {color:#000;}

couponLeft {background-color:#c00;width: 312px;margin:0;padding:0;display: block;float:left;overflow:hidden;}

couponCenter {background-color: #c00;width: 311px;margin:0;padding:0;display: block;float: right;overflow:hidden;}

couponRight {background-color:#c00;width: 312px;margin:0;padding:0;display:block;float: right;overflow:hidden;}

#couponPhoto1 {float:left;width:77px;background:#CCC;overflow:hidden;height:175px;margin-right: 10px;}

#couponPhoto2 {float:left;width:77px;background:#CCC;overflow:hidden;height:175px;margin-right: 10px;}

#couponPhoto3 {float:left;width:77px;background:#CCC;overflow:hidden;height:175px;margin-right: 10px;}

#focusContainer {width: 100%;overflow:hidden;margin-bottom: 30px}

.focusLeft {background-image: url(../images/corner-shdw.png);background-repeat: no-repeat;background-position: bottom right;width: 46%;float: left;padding-right: 15px;padding-bottom: 50px;padding-left: 15px;}

.focusRight {background-image: url(../images/corner-shdw.png);background-repeat: no-repeat;background-position: bottom right;width: 46%;float:right;padding-right: 20px;padding-bottom: 50px;padding-left: 15px;}

.topNav {background: #666;height: 40px;margin: 0;line-height: 40px;text-align: right;font-size: 65%;color:#CCC;vertical-align: middle;padding:0 12px 0 12px;}

.social {width: 120px;height: 35px;float:left;margin:0;}

.social_icon {margin: 3px 5px 0 0; display:inline; }

.header {height: auto;margin: 0 0 0 0;vertical-align:middle;text-align:center;z-index:200;position:relative;background-color:#f0f0f0;}

#crossslide {width: 982px;height: 280px;position:relative;margin-top:0;margin-left:0;}

.over_slide {position:absolute;top:0;left:0;z-index:1200;}

.mainNav {background:  #006699 url(../images/nav-shdw.png) repeat-x;margin: 0;line-height:40px;text-align: left;color:#FFF;vertical-align: middle;padding: 0 20px 0 20px;}

ul {margin: 0 30px 0 60px;color:#666;list-style-position: outside;list-style-image: url(../images/ez-bullet.png);}

ul li li{margin: 0 0 0 -3em;list-style-position: outside;list-style-image:none;list-style-type: square;}

li.first, li.current, li.current_sub, li.sub, li.last, li.left {list-style: none;margin:0 15px 0 15px;}

.footer {padding: 10px 0;background: #f0f0f0;margin: 20px 8px 0 8px;font-size: 70%;color:#CCC;text-align: center;}

.fltrt { float: right;margin-left: 8px;}.fltlft {float: left;margin-right: 8px;}

.clearfloat {clear:both;height:0;font-size: 1px;line-height: 0px;}

input.SearchInputField{border:none;background:none;color:#333;margin-left:5px;margin-top:2px;margin-bottom:0px;padding:1px;height:12px;width:120px;text-align:left;vertical-align:middle;float:left;background-color:#CCC;}

input.SearchInputField:hover{border:none;background:none;color:#000;margin-left:5px;margin-top:2px;margin-bottom:0px;padding:1px;height:12px;width:100px;text-align:left;vertical-align:middle;}

.find_sp_cont {margin:7px 0 7px 2px;border:#900 1px solid;height:18px;width:145px;background-color:#CCC;float:right;}

#top_text {margin:0px;height:26px;width:60px;}

input.formInputField {border: solid 1px #c00;background-color: #f1f2f6;color:#333;margin-right: 2px;margin-bottom: 2px;height:15px;padding: 3px;height: 12px;}

.card-number {border: solid 1px #c00;background-color: #f1f2f6;color:#333;margin-right: 2px;margin-bottom: 2px;height:15px;padding: 3px;height: 12px;}

.card-cvc {border: solid 1px #c00;background-color: #f1f2f6;color:#333;margin-right: 2px;margin-bottom: 2px;height:15px;padding: 3px;height: 12px;}

.card-expiry-month {border: solid 1px #c00;background-color: #f1f2f6;color:#333;margin-right: 2px;margin-bottom: 2px;height:15px;padding: 3px;height: 12px;}

.card-expiry-year {border: solid 1px #c00;background-color: #f1f2f6;color:#333;margin-right: 2px;margin-bottom: 2px;height:15px;padding: 3px;height: 12px;}

.card-name {border: solid 1px #c00;background-color: #f1f2f6;color:#333;margin-right: 2px;margin-bottom: 2px;height:15px;padding: 3px;height: 12px;}

.card-address {border: solid 1px #c00;background-color: #f1f2f6;color:#333;margin-right: 2px;margin-bottom: 2px;height:15px;padding: 3px;height: 12px;	}

.card-state {border: solid 1px #c00;background-color: #f1f2f6;color:#333;margin-right: 2px;margin-bottom: 2px;height:15px;padding: 3px;height: 12px;	}

.card-zip {border: solid 1px #c00;background-color: #f1f2f6;color:#333;margin-right: 2px;margin-bottom: 2px;height:15px;padding: 3px;height: 12px;	}

.card-country {border: solid 1px #c00;background-color: #f1f2f6;color:#333;margin-right: 2px;margin-bottom: 2px;height:15px;padding: 3px;height: 12px;}

.text_image {vertical-align:text-top;margin:-6px;margin-right:5px;}

.top_link a, .top_link a:visited {margin: 0 6px 0 6px;color:#CCC;font-size:12px;font-weight:bold;}

.messages {width:90%;padding:5px;color:#427d3f;}

.error {width:90%;padding:5px;color:#900;}

#add_vehicle label, #add_insurance label,#mpg label, #warranty label, #edit_remind label {font-size: 14px;}

input.egBoxButton {text-decoration:none;color:#FFF;border: solid 1px #295c86;cursor: pointer;font-size: 10px;font-weight:bold;padding: 3px;text-align:center;margin-right:10px;margin-left:5px;vertical-align:middle;-moz-border-radius: 5px;-webkit-border-radius: 5px;-o-border-radius: 5px;border-radius: 5px;background-color:#4c85b4;background-image: linear-gradient(bottom, #2a608d 38%, #4c85b4 69%);background-image: -o-linear-gradient(bottom, #2a608d 38%, #4c85b4 69%);background-image: -moz-linear-gradient(bottom, #2a608d 38%, #4c85b4 69%);background-image: -webkit-linear-gradient(bottom, #2a608d 38%, #4c85b4 69%);background-image: -ms-linear-gradient(bottom, #2a608d 38%, #4c85b4 69%);background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.38, #2a608d), color-stop(0.69, #4c85b4))}

input.egBoxInputField {border: solid 1px #999;background-color: #ccc;color:#069;font-size:17px;font-weight:bold;margin-right: 2px;margin-bottom: 2px;padding: 3px;height: 18px;width:90px;}

/*display members, service providers and clients table*/

.list {border: #999 1px solid;}

.feature {border: #c00 1px solid;background:#c00;margin:0;padding:0;}

.rb {margin-right:1px;padding:0;}

tr.menubar th {color: #CCC;border-bottom: 1px #999 solid;background-image: linear-gradient(bottom, #606062 38%, #423f40 69%);background-image: -o-linear-gradient(bottom, #606062 38%, #423f40 69%);background-image: -moz-linear-gradient(bottom, #606062 38%, #423f40 69%);background-image: -webkit-linear-gradient(bottom, #606062 38%, #423f40 69%);background-image: -ms-linear-gradient(bottom, #606062 38%, #423f40 69%);background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.38, #606062), color-stop(0.69, #423f40));font-size:11px;}

tr.d0 td {color: black;background:#FFF;border-bottom: 1px #999 solid;font-size:11px;}

tr.d1 td {color: black;background:#e0e0e0;border-bottom: 1px #999 solid;font-size:11px;}

/*display member drop revealing member cars.  Link gets you to the vehicle details page where you can add records and reminders*/

#drop{padding:0;margin:0;}

#drop ul{padding:0;margin:0;}

#drop li{position: relative;float: left;list-style: none;margin: 0;padding:0;} 

#drop li a{width:125px;height: 30px;display: block;text-decoration:none;text-align: center;color: #333;} 

#drop li a:hover{background-color: #FFF;} 

#drop ul ul{position: absolute;width:125px;padding:2px;text-align:left;top:0px;left:125px;visibility: hidden;background-image: linear-gradient(bottom, #CCC 38%, #FFF 69%);background-image: -o-linear-gradient(bottom, #CCC 38%, #FFF 69%);background-image: -moz-linear-gradient(bottom, #CCC 38%, #FFF 69%);background-image: -webkit-linear-gradient(bottom, #CCC 38%, #FFF 69%);background-image: -ms-linear-gradient(bottom, #CCC 38%, #FFF 69%);background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.38, #CCC), color-stop(0.69, #FFF));border: 1px #333 solid;z-index:200;} 

#drop ul li:hover ul{visibility:visible;} 

#veh_box {padding: 5px;width:90%;border: #999 1px solid;margin: auto 5px;position:relative;color:#666; background-color:#fff; padding:2rem 1rem;}

.record_button a:link {text-decoration:none;color:#FFF;border: solid 1px #295c86;cursor: pointer;font-size: 12px;font-weight:bold;padding: 8px;text-align:center;margin-right:10px;margin-left:5px;vertical-align:middle;-moz-border-radius: 5px;-webkit-border-radius: 5px;-o-border-radius: 5px;border-radius: 5px;float:left;background-color:#4c85b4;background-image: linear-gradient(bottom, #2a608d 38%, #4c85b4 69%);background-image: -o-linear-gradient(bottom, #2a608d 38%, #4c85b4 69%);background-image: -moz-linear-gradient(bottom, #2a608d 38%, #4c85b4 69%);background-image: -webkit-linear-gradient(bottom, #2a608d 38%, #4c85b4 69%);background-image: -ms-linear-gradient(bottom, #2a608d 38%, #4c85b4 69%);background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.38, #2a608d), color-stop(0.69, #4c85b4))}

.record_button a:visited {text-decoration:none;color:#FFF;border: solid 1px #295c86;cursor: pointer;font-size: 12px;font-weight:bold;padding: 8px;text-align:center;margin-right:10px;margin-left:5px;vertical-align:middle;-moz-border-radius: 5px;-webkit-border-radius: 5px;-o-border-radius: 5px;border-radius: 5px;float:left;background-color:#4c85b4;background-image: linear-gradient(bottom, #2a608d 38%, #4c85b4 69%);background-image: -o-linear-gradient(bottom, #2a608d 38%, #4c85b4 69%);background-image: -moz-linear-gradient(bottom, #2a608d 38%, #4c85b4 69%);background-image: -webkit-linear-gradient(bottom, #2a608d 38%, #4c85b4 69%);background-image: -ms-linear-gradient(bottom, #2a608d 38%, #4c85b4 69%);background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.38, #2a608d), color-stop(0.69, #4c85b4))}

.record_button a:hover {text-decoration:none;color:#eeecec;border: solid 1px #295c86;cursor: pointer;font-size: 12px;font-weight:bold;padding: 8px;text-align:center;	margin-right:10px;margin-left:5px;vertical-align:middle;-moz-border-radius: 5px;-webkit-border-radius: 5px;-o-border-radius: 5px;border-radius: 5px;float:left;background-image: linear-gradient(bottom, #2a608d 38%, #4c85b4 69%);background-image: -o-linear-gradient(bottom, #2a608d 38%, #4c85b4 69%);background-image: -moz-linear-gradient(bottom, #2a608d 38%, #4c85b4 69%);background-image: -webkit-linear-gradient(bottom, #2a608d 38%, #4c85b4 69%);background-image: -ms-linear-gradient(bottom, #2a608d 38%, #4c85b4 69%);background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.38, #2a608d), color-stop(0.69, #4c85b4))}

.general_button a:link {text-decoration:none;color:#666;border: solid 1px #999;cursor: pointer;font-size: 12px;font-weight:bold;padding: 8px;text-align:center;margin:10px;vertical-align:middle;-moz-border-radius: 5px;-webkit-border-radius: 5px;-o-border-radius: 5px;border-radius: 5px;float:right;background-image: linear-gradient(bottom, #c4c6c4 38%, #d9dcd9 69%);background-image: -o-linear-gradient(bottom, #c4c6c4 38%, #d9dcd9 69%);background-image: -moz-linear-gradient(bottom, #c4c6c4 38%, #d9dcd9 69%);background-image: -webkit-linear-gradient(bottom, #c4c6c4 38%, #d9dcd9 69%);background-image: -ms-linear-gradient(bottom, #c4c6c4 38%, #d9dcd9 69%);background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.38, #c4c6c4), color-stop(0.69, #d9dcd9));}

.general_button a:visited {text-decoration:none;color:#666;border: solid 1px #999;cursor: pointer;font-size: 12px;font-weight:bold;padding: 8px;text-align:center;margin:10px;vertical-align:middle;-moz-border-radius: 5px;-webkit-border-radius: 5px;-o-border-radius: 5px;border-radius: 5px;float:right;background-image: linear-gradient(bottom, #c4c6c4 38%, #d9dcd9 69%);background-image: -o-linear-gradient(bottom, #c4c6c4 38%, #d9dcd9 69%);background-image: -moz-linear-gradient(bottom, #c4c6c4 38%, #d9dcd9 69%);background-image: -webkit-linear-gradient(bottom, #c4c6c4 38%, #d9dcd9 69%);background-image: -ms-linear-gradient(bottom, #c4c6c4 38%, #d9dcd9 69%);background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.38, #c4c6c4), color-stop(0.69, #d9dcd9));}

.general_button a:hover {text-decoration:none;color:#999;border: solid 1px #999;cursor: pointer;font-size: 12px;font-weight:bold;padding: 8px;text-align:center;margin:10px;vertical-align:middle;-moz-border-radius: 5px;-webkit-border-radius: 5px;-o-border-radius: 5px;border-radius: 5px;float:right;background-image: linear-gradient(bottom, #c4c6c4 38%, #d9dcd9 69%);background-image: -o-linear-gradient(bottom, #c4c6c4 38%, #d9dcd9 69%);background-image: -moz-linear-gradient(bottom, #c4c6c4 38%, #d9dcd9 69%);background-image: -webkit-linear-gradient(bottom, #c4c6c4 38%, #d9dcd9 69%);background-image: -ms-linear-gradient(bottom, #c4c6c4 38%, #d9dcd9 69%);background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.38, #c4c6c4), color-stop(0.69, #d9dcd9));}

.delete_button a:link {text-decoration:none;color:#FFF;border: solid 1px #900;background-color:#c00;cursor: pointer;font-size: 11px;font-weight:bold;padding: 3px;text-align:center;margin-right: 5px;margin-left:246px;vertical-align:middle;-moz-border-radius: 5px;-webkit-border-radius: 5px;-o-border-radius: 5px;border-radius: 5px;}

.delete_button a:visited {text-decoration: none;color: #333;border: solid 1px #900;background-color:#c00;cursor: pointer;font-size: 11px;font-weight:bold;padding: 3px;text-align:center;margin-right: 5px;margin-left:246px;vertical-align:middle;-moz-border-radius: 5px;-webkit-border-radius: 5px;-o-border-radius: 5px;border-radius: 5px;}

.delete_button a:hover {text-decoration: underline;color: #999;border: solid 1px #900;background-color:#900;cursor: pointer;font-size: 11px;font-weight:bold;padding: 3px;text-align:center;margin-right: 5px;margin-left:246px;vertical-align:middle;-moz-border-radius: 5px;-webkit-border-radius: 5px;-o-border-radius: 5px;border-radius: 5px;}

.delete_button a:active {text-decoration: none;color: #F03;border: solid 1px #900;background-color:#c00;cursor: pointer;font-size: 11px;font-weight:bold;padding: 3px;text-align:center;margin-right: 5px;margin-left:246px;vertical-align:middle;-moz-border-radius: 5px;-webkit-border-radius: 5px;-o-border-radius: 5px;border-radius: 5px;}

.egBoxIcon {float:left;margin-right:15px;}

.odom_header {display:block;padding:0;color:#666;margin:1;font-size:14px;}

.odom_box {display:relative;margin: 5px auto;width:310px;height:auto;}

.custom_field {margin-left:260px;}

label.fieldLabel {display: inline;float: none;}

form {width:83%; margin: 0 auto 10px auto;}

#subjectContainer label {font-weight: bold;line-height: normal;text-align: right;display: block;margin-right: 10px;position: relative;width: 250px;float: left;font-size:12px;

}

input.formInputField {border: solid 1px #666;background-color: #f1f2f6;color:#333;margin-right: 2px;margin-bottom: 2px;height:15px;padding: 3px;height: 12px;}

input.formInputField:hover {background-color:#FFFFFF;color:#333;cursor: pointer;}

input.formInputButton {color:#FFF;border: solid 1px #900;background-color:#c00;cursor: pointer;font-size: 11px;font-weight:bold;padding: 1px;text-align:center;margin-top:20px;margin-right: 5px;margin-left:260px;vertical-align:middle;-moz-border-radius: 5px;-webkit-border-radius: 5px;-o-border-radius: 5px;border-radius: 5px;}

.submit-button {color:#FFF;border: solid 1px #900;background-color:#c00;cursor: pointer;font-size: 11px;font-weight:bold;padding: 1px;text-align:center;margin-top:20px;margin-right: 5px;margin-left:260px;vertical-align:middle;-moz-border-radius: 5px;-webkit-border-radius: 5px;-o-border-radius: 5px;border-radius: 5px;}

.payment-errors {color:#F00;text-align:center;font-size:14px;position:relative;margin-right: 260px;width:auto;padding:10px;}

input.searchInputButton {color:#FFF;border: solid 1px #900;background-color:#c00;cursor: pointer;font-size: 11px;font-weight:bold;padding: 1px;text-align:center;margin-right: 5px;margin-left:10px;vertical-align:middle;-moz-border-radius: 5px;-webkit-border-radius: 5px;-o-border-radius: 5px;border-radius: 5px;}

input.searchButton {color:#FFF;border: solid 1px #900;background-color:#c00;cursor: pointer;font-size: 11px;font-weight:bold;padding: 1px;vertical-align:middle;margin-right:10px;}

/* reveal navigation*/

.menuOption {font-size:14px;margin-left:20px;padding:2px;display:block;}

.col-menu-head {background-color:#ccc;border-top: solid 1px #F00;border-bottom: solid 1px #F00;margin: 0px;padding:2px 2px 2px 40px;vertical-align:text-bottom;cursor: pointer;font-size: 10pt;font-weight:bold;color:#000;height: 23px;width:200px;}

.col-header a:link{font-size:16px;font-weight:bold;text-decoration:none;color:#000;}

.col-header a:hover{text-decoration:none;}

.dis-menu-head{background-color:#666;border-top: solid 1px #F00;border-bottom: solid 1px #F00;margin: 0px;padding:2px 2px 2px 40px;vertical-align:text-bottom;cursor: pointer;font-size: 10pt;font-weight:bold;color:#000;height: 23px;width:200px;}

.dis-header a:link{font-size:16px;font-weight:bold;text-decoration:none;color:#FFF;}

.dis-header a:hover{text-decoration:none;}

#menu1 {display: none; }

#menu2 {display: none; }

#menu3 {display: none; }

#menu4 {display: none; }

#menu5 {display: none; }

#menu6 {display: none; }

#menu7 {display: none; }

#menu10 {display: none; }

#at {display:none;}

#on {display:none;}

#on1 { display:none; }

#on2 { display:none; }

#every {display:none;}

#info {visibility:hidden;display: none;}

.member_form_instructions {width:645px;position:relative;margin: 10px auto;padding: 3px;font-size: 12px;color:#333;}

.payment_instructions {width:645px;position:relative;margin: 10px auto;padding: 3px;font-size: 14px;color:#333;text-align:left;}

.foot a:link {color:#666;text-decoration:none;}

.foot a:hover {color:#c00;text-decoration:underline;}

.foot a:visited {color:#999;	text-decoration:underline;}

.custom_field {margin-left:260px;}

.styled-select select {height:22px;padding:0;display:block;}

.styled-date select {float:left; margin-right:10px;}

.check {float:left;margin-right:20px;}

.mileage_box {width:100px;float:right;height:auto;font-size:14px;padding:5px;margin:5px 10px 10px 10px;text-align:center;border: solid 1px #999;background-color: #ccc;color:#069;-moz-border-radius: 5px;-webkit-border-radius: 5px;-o-border-radius: 5px;border-radius: 5px;}

.form_message {margin-left:260px;padding:0px;display:block;}

.form_text {margin-left:260px;padding:0px;display:block;}

textarea {color:#666;border: solid 1px #666;background-color: #f1f2f6;cursor: pointer;font-size: 11px;font-weight:bold;padding: 1px;text-align:left;vertical-align:middle;}

.odom {padding:2px;color:#666;margin: 5px;width: 100px;font-size:14px;float:left;}

.egbContainer {background-image:url(images/egb-images/egb-dashboard-bg_03.png);background-repeat:no-repeat;width:643px;height:384px;}

.egbDisplay_A {width:360px;height:95px;padding:10px 10px 10px 10px;margin:50px 0px 10px 55px;vertical-align:top;float:left;}

.egbDisplay_MPG {width:75px;height:35px;padding:5px;margin:0px 3px 10px 5px;float:right;vertical-align:text-bottom;font-family:Verdana, Geneva, sans-serif;font-size:27px;line-height:46px;text-align:center;color:#000;}

.egbButtons_rgt {width:160px;height:310px;padding:0px;margin:40px 30px 10px 15px;float:right;}

.egbButtons_recall {width:365px;height:35px;padding:5px 5px 5px 6px;margin:0px 00px 5px 60px;float:left;}

.egbBttmLeft{width:215px;height:120px;padding:5px 5px 5px 6px;margin:8px 00px 5px 50px;float:left;}

.egbOdometer {width:170px;height:35px;padding:5px 5px 5px 6px;margin:0px 00px 5px 40px;float:left;font-family:Verdana, Geneva, sans-serif;font-size:26px;letter-spacing:12px;line-height:24px;text-align:center;color:#FFF;font-weight:bold;}

.egbButtons_center {width:130px;height:120px;padding:5px 5px 5px 6px;margin:5px 00px 5px 20px;float:right;}

.egbLogo {padding:20px 5px 5px 5px;position: relative;text-align:center;vertical-align: middle;}

.dpDiv {background-color: #535153;}

.dpTable {font-family: Arial, Helvetica, sans-serif;;font-size: 12px;text-align: center;color: #FFF;background-color: #535153;border: 1px solid #8a8b78;}

.dpTR {}

.dpTitleTR {}

.dpDayTR {}

.dpTodayButtonTR {}

.dpTD {}

.dpDayHighlightTD {background-color: #CCCCCC;}

.dpTDHover {background-color: #aca998;cursor: pointer;color: red;}

.dpTitleTD {}

.dpButtonTD {}

.dpTodayButtonTD {}

.dpDayTD {background-color: #ccc;border: 1px solid #AAAAAA;color: white;}

.dpTitleText {font-size: 12px;color: #FFF;font-weight: bold;}

.dpDayHighlight {color: 4060ff;font-weight: bold;}

.dpButton {font-family: Arial, Helvetica, sans-serif;font-size: 10px;color: gray;background: #d8e8ff;font-weight: bold;padding: 0px;}

.dpTodayButton {	font-family: Arial, Helvetica, sans-serif;font-size: 10px;color: gray;background: #d8e8ff;font-weight: bold;}

.search_form {width:96%;}

.search_text {float:left;font-size:12px;font-weight:bold;margin-right:5px;}

.safety {color:#333;font-size:10px;}

.message_count {position:absolute;top:60px;right:42px;height:25px;width:25px;background-image:url(images/num_message.png);background-repeat:no-repeat;padding:1px 0 0 8px;color:white;}

.clearfix ul { display: inline; margin: 0; padding: 0;}

.clearfix li { display: inline; margin: 0; padding: 0;}

#inline-list ul, #inline-list li {display: inline;margin: 0;padding: 0;}

#side_dash_bar { width:200px; position:relative; margin:0 auto;	}

#side_dash1 {display:block;margin:0;}

#side_dash2 {display:block;margin:0;}

#side_dash3 {display:block;margin:0;}

#side_dash4 {display:block;margin:0;}

#side_dash5 {display:block;margin:0;}

#side_dash6 {display:block;margin:0;}

#side_dash7 {display:block;margin:0;}

#side_dash8 {display:block;margin:0;}

#dropDash1 {display: none; background-image:url(images/egbs-sidebar/EGB-Dash_03.jpg); font-size:12px; width:225px;margin:0 0 -10px 0;}

#dropDash2 {display: none; background-image:url(images/egbs-sidebar/EGB-Dash_03.jpg); font-size:12px; width:225px;margin:0 0 -10px 0;}

#dropDash3 {display: none; background-image:url(images/egbs-sidebar/EGB-Dash_03.jpg); font-size:12px; width:225px;margin:0 0 -10px 0;}

#dropDash4 {display: none; background-image:url(images/egbs-sidebar/EGB-Dash_03.jpg); font-size:12px; width:225px;margin:0 0 -10px 0;}

#dropDash5 {display: none; background-image:url(images/egbs-sidebar/EGB-Dash_03.jpg); font-size:12px; width:225px;margin:0 0 -10px 0;}

#dropDash6 {display: none; background-image:url(images/egbs-sidebar/EGB-Dash_03.jpg); font-size:12px; width:225px;margin:0 0 -10px 0;}

#dropDash7 {display: none; background-image:url(images/egbs-sidebar/EGB-Dash_03.jpg); font-size:12px;width:225px;margin:0 0 -10px 0;}

#dropDash8 {display: none; background-image:url(images/egbs-sidebar/EGB-Dash_03.jpg); font-size:12px;width:225px;margin:0 0 -10px 0;}

.dash a:link {color:#000;text-decoration:none;}

.dash a:hover {color:#000;text-decoration:underline;}

.dash a:visited {color:#000;text-decoration:none;}

#messagepop { background-image:url(images/video_pop.png);background-repeat:no-repeat;font-size:14px;cursor:pointer;font-weight:bold;position:absolute;display:none;top:15px;right:155px;text-align:left;width:283px;height:320px;z-index:50;padding: 20px 20px 20px;}

#messagepop p {padding:5px 20px 0 0;margin-right:47px;}

#close {width:69px;height:18px;padding:5px;}

#join_message {position:fixed;top:30%;left:32%;width:540px;overflow:scroll;padding:20px;background:#FFF;-webkit-box-shadow: 0px 7px 10px 5px rgba(20, 20, 20, .5);-moz-box-shadow: 0px 7px 10px 5px rgba(20, 20, 20, .5);box-shadow: 0px 7px 10px 5px rgba(20, 20, 20, .5);o-box-shadow: 0px 7px 10px 5px rgba(20, 20, 20, .5);z-index:5000;font-size:12px;}

#join_message h1 {color:#c00;font-size:17px;font-weight:bold;}

#close_join {position:absolute;top:5px;right:5px;cursor:pointer;z-index:6000;}

.joinPrices {float:left;margin-right:15px;}

.joinButton {color:#FFF;background:#c00;-moz-border-radius: 5px;-webkit-border-radius: 5px;-o-border-radius: 5px;border-radius: 5px;cursor:pointer;}

.tableJoin {background:#FFF;border:#999 1px solid;-moz-border-radius: 5px;-webkit-border-radius: 5px;-o-border-radius: 5px;border-radius: 5px;-webkit-box-shadow: 0px 5px 8px 3px rgba(20, 20, 20, .5);-moz-box-shadow: 0px 5px 8px 3px rgba(20, 20, 20, .5);box-shadow: 0px 5px 8px 3px rgba(20, 20, 20, .5);o-box-shadow: 0px 5px 8px 3px rgba(20, 20, 20, .5);}

.trJoin td, .trJoin th { border-bottom: 1px solid #999 !important; border-right:#999 1px solid;}

.trJoinTop td, .trJoinTop th { border-bottom: 1px solid #999 !important; border-right:#999 1px solid;background:#069;color:#FFF}

.sponsor_text {margin:-30px 0 20px 20px;font-size:10px;color:#666;font-weight:bold;}

.client_text {font-size:16;}

#login_form {width:250px;position:relative;margin:10px auto;}

#login_form label {display:block;text-align: left;float:none;font-size:16px;}

input.loginSubmit {color:#FFF;border: solid 1px #900;background-color:#c00;cursor: pointer;font-weight:bold;padding: 5px;}

.banner_ad {width:728px;height:90px;position:relative;margin:5px auto 0 auto;border:#333 1px solid;}

.content { padding: 20px 10px;}

#message_alert_box {

	position: fixed;

	width: 500px;

	height: 200px;

	top: 50%;

	left: 50%;

	margin-top: -100px; /* Negative half of height. */

	margin-left: -250px;

	border-radius: 10px 10px 10px 10px;

	-moz-border-radius: 10px 10px 10px 10px;

	-webkit-border-radius: 10px 10px 10px 10px;

	background-color:#FFF;

	border: 2px solid #c00;

	z-index:20000;

	text-align:center;

}

.vip_card {
	width:300px;
	height: 200px;
	margin: 0 auto;
	position:relative;
	background-image: URL(https://https://no-proxy.ezcarcare.com/egBox/img/card_blank_hor.png);
	background-size: 300px 200px;
	background-repeat:no-repeat;
    text-align:left;

	
}

.vip_text {
	padding: 70px 0px 0px 10px;
	
}

.vip_name {
	margin-top:2px;
	color:#069;
	text-align:center;
	height:25px;
	font-weight:bold;
	
}

.app_vip_logo {
	position:absolute;
	top:15px;
	left:9px;
}



@media (min-width:1130px) {
	.off-canvas {width: 55%;}
	.off-canvas-close {font-size: 2.5rem;}
}
@media (min-width:1970px) {
	.off-canvas {width: 45%;}
}

/* styles for the new messages */

.message_box {
	width:600px;margin:10px auto;position:relative;border: 1px solid #FFF;
}

.new_message {
	width:570px;padding:15px;
}

.mess_headline {
	margin-left:50px;font-weight:bold;font-size:200%;cursor:pointer;display:inline-block;color:#c00;
}


#mess_indicator {
	position:relative;
	width:16px;
	height:16px;
	display:inline-block
}


.viewed {
	color:#000;
	background-color:#FFF;
	background-image:none;
}

.not_viewed {
	color:#000;
	background-color:#63cd4b;
	background-image:url(../images/new-email.jpg);
	position:relative;
	float:left;
	width:16px;
	height:16px;
}

#new_message_body {
	width:90%;margin:30px 50px;position:relative;font-weight:normal;font-size:100%;display:none;
}

.delete_message {
	position:absolute;
	bottom:-25px;
	right:-20px;
}

.delete_message a:link {
	
	color:#FFF;
	font-weight:bold;
}

.mess_circle {
	border-radius: 50%;
	width: 10px;
	height: 10px;
	position:absolute;
	top:2px;
	left:10px;
	text-align:center;
	
	/* width and height can be anything, as long as they're equal */
}

#message_alert_box {
	
	position: fixed;
	width: 500px;
	height: 200px;
	top: 50%;
	left: 50%;
	margin-top: -100px; /* Negative half of height. */
	margin-left: -250px;
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	background-color:#FFF;
	border: 2px solid #c00;
}

.header_align {
    vertical-align: middle;
    align-items: center;
    display: flex;
    flex-wrap: wrap;
}

.client_logos {
    padding: 1rem 0;
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) { 
	.container {
		width: 100%;
	}
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) { 
	.container {
		width: 970px;
	}
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	.container {
		width: 1170px;
	}
}


@media only screen and (max-width: 767px) {  
	/*h1 {font-size:48px;}
	h2 {font-size: 42px;}
	h3 {font-size: 38px;}
	h4 {font-size: 32px;}
	h5 {font-size:40px;}
	p {font-size: 2em;}
	.sponsor_text {font-size: 20px;}
	.general_button a:link{font-size: 22px;}
	.error {font-size: 20px;}
	.ez_icons a b, .ez_icons {font-size: 22px;}*/
	.accordionMenu label {font-size: 20px; height: 75px;}
	.discountRow .btn {font-size: 18px;}
    .client_logos {
        display: block;
        margin: 10px auto;
    }
}


.contact_error {
	display:none;
}

.contact_message {
	display:none;
}