body,td,.ar_text {color:#222;}
h1, h2, h3, h4, h5, h6{ color:#016A9C; }

a:link, a:visited { color:#016A9C; }
a:hover { color:#134779; }
a:active { color:#016A9C; }

a.button{ color:#fff }

.bold {color:#016A9C; }

.ar_pgtitle {} 
.ar_pgdesc {} 

.footer-links .ar,
.footer-links .ar:link,
.footer-links .ar:visited {color:#ccc;}

.footer-links .ar:hover,
.footer-links .ar:active {color:#fff; background_color:#016A9C;}




.section-4 h1 {color:#016A9C}
.section-4 h3 {}
a.button {background:#016A9C;}
a.button:hover {background:#134779;}

.section-2 h1 {color:#016A9C;}
.box h2 {color:#016A9C;}
.box {border:1px solid #016A9C;}

.section-3 * {color:#fff; text_shadow:1px 1px 3px #016A9C;}

.sec-6 {border-bottom:2px solid #016A9C;}
.side-nav a {color:#fff; }
.sec-6 .side-nav {background:#016A9C; border-bottom:2px solid #134779;}
.sec-6 .side-nav:last-child {border-bottom:0px solid; margin-bottom:0;}
.side-nav:hover {background:#134779;}
.side-nav a:hover {background:#134779;}

.section-1 h1 {color:#222; border-bottom:4px solid #134779;}









/* =Media query for 960 Screens - sets nested grids to 100%
-------------------------------------------------------------- */
@media only screen and (max-width:960px){
.row .row .ar1,.row .row .ar2,.row .row .ar3,.row .row .ar4,.row .row .ar5,.row .row .ar6,.row .row .ar7,.row .row .ar8,.row .row .ar9,.row .row .ar10,.row .row .ar11,.row .row .ar12{width:100%; margin-bottom:20px}
.row .row > div:last-child{margin-bottom:0 !important}
}

/* =Media query for iPad and tablets
-------------------------------------------------------------- */
@media handheld, only screen and (max-width: 812px), only screen and (max-device-width: 812px) and (orientation:portrait){
body{font-size:90%}
.row{margin-bottom:0!important}
.ar1,.ar2,.ar3,.ar4,.ar5,.ar6,.ar7,.ar8,.ar9,.ar10,.ar11,.ar12{width:100%;margin-right:0;margin-left:0;padding:0 10px; margin-bottom:20px}
.ars7{margin-left:0%}
}

@media (max-width: 910px) {
.locations-container{
background: rgb(255,255,255);
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(237,237,237,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(237,237,237,1)));
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(237,237,237,1) 100%);
background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(237,237,237,1) 100%);
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(237,237,237,1) 100%);
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(237,237,237,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 );
}

.locations-left{width:100%; float:none; padding:1em;}
.locations-info{float:left; width:50%}
.locations-hours{float:right; width:50%}
.locations-right{width:100%; padding:0; border:none; height:350px; margin:0; position:relative; max-height:300px; clear:both !important;right: inherit;}
}

@media (max-width:877px){
.form-page-left{width:100%;}
.form-page-left img{max-width:100% !important;}
.form-page-right {width:100%;}
}

@media (max-width: 750px) {
.locations-hours .arform_surround{margin:0 !important;}
.locations-info{width:100%; float:none;}
.locations-hours{float:left; width:100%; float:none;}
}


@media (max-width: 640px){
.modfourpiccell{width:48%;}
.ar_prod_image_div{width:100% !important;}
.ar_prod_data{width:100% !important;}
}

@media (max-width: 630px){
form .ar_form_sub div > label, legend {line-height: 15px;}
form .ar_form_sub input[type=radio] {margin-LEFT: 0PX;}
}

@media (max-width: 480px){
.modfourpiccell{width:98%;}
.ar_prod_image_div, .ar_prod_data{display:block;}
}

@media (max-width: 439px){
form .ar_form_sub div > label, legend {line-height: 10px;}
form .ar_form_sub label::after, form .ar_form_sub legend::after {line-height:1.5; vertical-align: bottom;}
form .ar_form_sub div {margin:0;}
}

@media (max-width:400px){
.store-contact-container .store-contact-address, .store-contact-container .store-contact-email{font-size:.9em;}
.store-hours-col-left, .store-hours-col-right, .store-hours-row h4{width:100%; text-align:left;}
.store-hours-row h3{padding:0 0 .6em 0;}
.store-hours-col-right{padding:0 0 .5em 0}
}