/*****************************************
                     Global Styles
*****************************************/

*{box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
html, body{margin:0; background:#fff;}
html{height:100%;}
body{font-size:1em; font-family: helvetica, arial, sans-serif !important;}

h1, h2, h3, h4, h5, h6{color:#444;}

a:link, a:visited { color:#0199ca; }
a:hover { color:#01bcfa; }
a:active { color:#0199ca; }

img{max-width:100%;height:auto;display:block;margin-left:auto;margin-right:auto}

body,td,.ar_text {color:#000000; text-align:left;}

.ar_pgtitle {text-align:left; font-size:1.3em; padding:.4em 0 0 0; margin:0;} 
.ar_pgdesc {text-align:left; font-size:1em; padding:0 0 1em 0; font-weight:normal; margin:0;} 


/*****************************************
                     Container Styles++
*****************************************/

.header-wrap, .nav-wrap, .content-wrap, .footer-wrap{width:100%; display:block; clear:both; position:relative; padding:1em 0; }
.container {max-width:1050px; width:100% !important; margin:0 auto; position:relative;}
.container:after{content: ""; display: block; height: 0; clear: both;}

.content-wrap{background:#fff; padding:0;}
.content-wrap .container{text-align:left;}


/*****************************************
                     Grid Styles
*****************************************/

.row:before,.row:after,.clearfix:before,.clearfix:after{content:'';display:table}
.row:after,.clearfix:after{clear:both}
.row,.clearfix{zoom:1}

.wfull{width:100%;max-width:100%}
.w320{max-width:320px}
.w640{max-width:640px}
.w960{max-width:960px}
.row{width:100%;}
.row .row{width:auto;margin:0 -20px}
.ar1{width:8.33%}
.ar2{width:16.66%}
.ar3{width:25%}
.ar4{width:33.33%}
.ar5{width:41.66%}
.ar6{width:50%}
.ar7{width:58.33%}
.ar8{width:66.66%}
.ar9{width:75%}
.ar10{width:83.33%}
.ar11{width:91.66%}
.ar12{width:100%}
.ar1,.ar2,.ar3,.ar4,.ar5,.ar6,.ar7,.ar8,.ar9,.ar10,.ar11,.ar12{min-height:1px;float:left;padding:0 10px; position:relative}
.ars1{margin-left:8.33%}
.ars2{margin-left:16.66%}
.ars3{margin-left:25%}
.ars4{margin-left:33.33%}
.ars5{margin-left:41.66%}
.ars6{margin-left:50%}
.ars7{margin-left:58.33%}
.ars8{margin-left:66.66%}
.ars9{margin-left:75%}
.ars10{margin-left:83.33%}
.ars11{margin-left:91.66%}
.last{float:right!important}


/*****************************************
                       Misc Styles
*****************************************/

sup {vertical-align:text-top;} 
.ticnt {}

.fp-counter{text-align:center; padding:3em 0 0 0;}
.counter {font-family:verdana,arial,geneva,helvetica,sans-serif; font-size:12px; color:#000; font-weight:bold; text-align:center; background-color:#fff; border:#000 solid 1px; height:22px;
letter-spacing:1px; line-height:12pt; padding:2px; padding-left:4px; text-decoration:none;} 

.pdframe{width:100% !important; height:400px !important;}
iframe.pdframe{width:100% !important; height:400px !important;}

/*****************************************
                         Form Styles
*****************************************/

.row .ar6 .arform_surround {width:100% !important;}
.row .ar6 .arform_surround * {color:#333 !important;}

.forms-container *{text-align:center;}

form .ar_form_sub label::after, form .ar_form_sub legend::after {line-height: inherit; vertical-align: inherit;}
form .ar_form_sub input[type=radio] {margin-LEFT: 6PX;}


/*****************************************
                  Locations-Map Styles
*****************************************/

.locations-outter{padding:.5em;}
.locations-container{width:100%; margin:0 0 30px 0; float:left; display:block; box-sizing: border-box; border:1px solid #bbb; background:#f1f1f1;position:relative;overflow:hidden;}
.locations-container .locations-infohours{padding:1em;}

.locations-container .locations-map{border-left:1px solid #ccc !important;}

.locations-container .store-contact-wrap{}
.locations-container .store-contact-container{width:100%; padding:1em; color:#333; box-sizing:border-box; background:#f1f1f1; border:1px solid #bbb; margin-bottom:1em; text-align:center;}
.locations-container .store-contact-wrap span{display:block; text-align:center;}
.locations-container .store-contact-container .store-contact-name h3{font-size:1.3em; text-align:center; padding:0; margin:0;}

.locations-container .store-hours-wrap{}
.locations-container  .store-hours-container{width:100%; color:#333; box-sizing:border-box; border:none; padding:0; background:transparent;}
.locations-container .store-hours-row{width:100%; font-size:1em;}
.locations-container .store-hours-col-left{float:left; width:50%; text-align:left; font-weight:bold;}
.locations-container .store-hours-col-right{float:right; width:50%; text-align:right;}
.locations-container .store-hours-row h3{font-size:1.3em; text-align:left; padding:0 0 .8em 0; margin:0;}
.locations-container .store-hours-row h4{font-size:1em; text-align:right; padding:.5em 0 0 0; clear:both; font-style: oblique;}

.locations-container .locations-info h2{margin:0;}
.locations-container .locations-right{width:50%;margin-right:0;box-sizing:border-box;margin-right: 0;position:absolute;right:0;height:100%;}

.store-hours-col-desc{font-weight: bold; clear: both; text-align: right; padding: 1em 0 0 0; display: block; font-style: oblique;}


/*****************************************
                  Editable Mods Styles
*****************************************/

.ar_prodtable *{box-sizing:border-box;}
.ar_prodtable{width:100% !important; margin:1em 0 !important; background: #f1f1f1;}
.ar_prod_data{vertical-align:top; color:#000099; width:60% !important; height:100%; background-color:transparent; padding:0 15px;}
.ar_prod_image_div{width:20% !important; height:auto; padding:0 !important;}
.ar_prod_image_div img{width:100%; max-width:100%; height:auto; padding:0 !important; }
.ar_prod_title1{font-size:1.5em;}
.ar_prod_desc{text-align:left;}
.ar_prod_title2{font-style:oblique;}

.fourpictable{width:100% !important; padding:0 !important;}
.modfourpiccell{width:23%; margin:1%; float:left;}
.modfourpic img{width:100%;}



/* =Media query for 960 Screens - sets nested grids to 100%
-------------------------------------------------------------- */
@media (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 (max-width: 812px) {
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-outter{padding:1em;}
.locations-container .locations-map{margin:0; padding:0;}
.locations-container .locations-map iframe{border:none; width:100.1% !important; border:none !important; border-top:1px solid #ccc !important;}
.locations-infohours{padding-bottom:0 !important;}
.locations-info{float:left; width:100%}
.locations-hours{float:right; width:100%}
.locations-right{width:100% !important; padding:0 !important; border:none !important; height:350px !important; margin:0; position:relative !important; max-height:300px; clear:both !important;right: inherit !important;}
.locations-map{height:350px;}
}

@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: 640px){
.modfourpiccell{width:48%;}
.ar_prod_image_div{width:40% !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{display:block; width:100% !important;}
.ar_prod_data{padding:15px; 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}
.store-hours-col-desc{text-align:left;}
}



.forms-container {background: #e9ebec; border:none;}
.store-contact-container, .store-hours-container, .locations-container {background:transparent; border:none;}
.locations-right {border:1px solid #ccc;}

.forms-container .forms-heading, .forms-container .forms-heading div {font-size: 20px !important; line-height:1.4em; text-align:center; margin: 0; padding: 0; border: 0;}
.forms-container form .ar_form_sub h3 {background:#31c160; color:#fff;}


form .ar_form_sub div > label, 
form .ar_form_sub div > legend {color:#666; font-weight:500; font-size:12px;}

.forms-container input[type=text], 
.forms-container input[type=email], 
.forms-container input[type=url], 
.forms-container input[type=password], 
.forms-container textarea, 
.forms-container select {background: #fff; border: 1px solid #DCDCDC;}


.forms-container .ar_form_submit, 
.forms-container .arform_button {background:#31c160; border: 1px solid #DCDCDC; color:#fff;}

.forms-container .ar_form_submit:hover, 
.forms-container .arform_button:hover {background:#0199ca;}

.forms-container .ar_form_fullwidth { color:#666;}





.ar_form_sub.ar_AdditionalInformation h3 a {color:#fff;}

.arform_thanks {min-height:250px;}

.forms-container input[type=text], .forms-container input[type=email], .forms-container input[type=url], .forms-container input[type=password], .forms-container textarea, .forms-container select {border:1px solid #eee;}

.forms-container input[type=text].arform_textfield_required, 
.forms-container input[type=email].arform_textfield_required, 
.forms-container input[type=url].arform_textfield_required, 
.forms-container input[type=password].arform_textfield_required, 
.forms-container textarea.arform_textfield_required, 
.forms-container select.arform_textfield_required {border:2px solid #710002; margin: 0 auto;}

.forms-container #birthmonth {width:34%;}
.forms-container #birthday {width:23%; margin:0 3%;}
.forms-container #birthyear {width:37%;}

.forms-container #ssn1 {width:30%;}
.forms-container #ssn2 {width:25%;}
.forms-container #ssn3 {width:35%;}

.forms-container #inqcity {width: 39%;}
.forms-container #inqstate {width: 30%; margin:0 3%;}
.forms-container #inqzip {width: 25%;}