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

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

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

a:link, a:visited { color:#000099; }
a:hover { color:#990000; }
a:active { color:#009900; }

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:0; margin:0;} 
.ar_pgdesc {text-align:left; font-size:1em; padding:0 0 1em 0; font-weight:normal; margin:0;} 

.footer-links .ar,
.footer-links .ar:link,
.footer-links .ar:visited {display:inline-block; color:#ccc; font-weight:normal; font-size:.5em; text-decoration:none; margin:0; padding:.5em;}

.footer-links .ar:hover,
.footer-links .ar:active {color:#fff; background-color:#000;}

.special-message-container {background:transparent; margin-top:15px;}
.special-message-container h1  {margin:0;}

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

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

.header-wrap{background:#fff;}
.header-wrap .container{text-align:center;}
.header{}
.logo{}

.logo-desk{display:block;}
.logo-resp{display:none;}
.header-info {position:absolute; bottom:12px; left:15.5%; text-align:center;}

@media (max-width:812px) {
.logo-desk{display:none;}
.logo-resp{display:block;}
.logo-resp img {margin:0 auto; padding:15px;}
.header-info {position:relative; left:auto; bottom:auto; padding:0 15px 15px;}
}

.header-wrap *{text-align:center;}
.header h1{margin:0;}

.nav-wrap{background:#222; padding:0;}
.nav-wrap .container{}

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

.footer-wrap{background:#505050;}
.footer-wrap .container{}

.footer{}
.footer-links{text-align:center;}
.footer-links h5{margin:0; padding:0; text-align:left;}

.footer a{text-decoration:none;}
.footer h2{font-size:30px; margin:0; text-decoration:none; line-height:auto; color:#fff; text-align:left;}
.footer h3, .footer p{margin:0; color:#fff;}
.footer h3 {border-bottom:5px solid #A1A1A1; padding:0 0 .5em 0; margin: .5em 0;}
.footer ul.footer-nav{list-style:none; margin:0; padding:0; }
.footer ul.footer-nav li{float:left; margin:0; padding:0; width:50%;}
.footer ul.footer-nav li a{color:#f1f1f1; text-decoration:none; font-size:14px;}
.footer ul.footer-nav li a:hover{color:#cc0000;} 

.footer .footer-phone{font-size:22px}
.footer .footer-address{font-size:14px;}

.socialcontainer {float:none;}


.ar_confidence {font-size:0;}

.ar_confidence div {float:none;}

/*****************************************
                     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
*****************************************/

.social-imgs{float:left; margin:0 3px 0 0;}

.special-message-container{width:100%;}
.special-message-div{margin:0 auto; max-width:1020px}

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:-1px;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%;}


/*****************************************
                  Resp. Navigation Styles
*****************************************/

.menu-link {display: none;}
.icon-css {padding-left:20px;}
.icon-css:before {content:''; position:absolute; top: 12px; left:15px; width:2em; height:.3em; border-top: 1em double #fff; border-bottom: .41em solid #fff;}
.menu {z-index:9998; float: left; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; width:100%;}
.menu ul {padding: 0px; margin: 0px; list-style: none; position: relative; display: inline-table;width:100%;}
.menu > li > ul.sub-menu {min-width: 10em; padding: 4px 0; background-color: #f4f4f4; border: 1px solid #CCC;}
.menu > ul > li {display: table-cell; padding: 0px;}
.menu ul li a {display: block; text-decoration: none; color:#000; font-size:1em; font-family:'Open Sans',helvetica, arial, serif;  font-weight: bold; padding: 1em 1em; text-transform: uppercase;}
.menu ul ul {display: none; position: absolute; top:100%; min-width: 220px; background-color: #f4f4f4; border: 1px solid #CCC; z-index:9999;}
.menu ul li:hover > ul {display: block;}
.menu ul ul > li {position: relative; 
-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75);
box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75);
}
.menu ul ul > li a {padding: .8em 1em; height:auto; color:#333; background: #f1f1f1;}
.menu ul ul ul { position: absolute; left: 100%; top:0;}

.menu ul li > a:hover {color:#fff; background:#0b8fd0;}
.menu ul ul > li a:hover {color:#fff; background:#333;}


@media (max-width:975px){
.menu ul li a {font-size:.9em;}
}
@media (max-width:880px){
.menu ul li a {font-size:.8em;}
}

/*****************************************
   CROWNLESS NON-PRINCE PADRAIGS STYLES
*****************************************/

.herotext {width:100%; text-shadow:2px 2px 20px #000; text-align:center; color:#fff;}
.herotext h1 {text-transform:uppercase; font-size:7em; margin-bottom:0px; font-family: 'Oswald', sans-serif; color:#fff; line-height: 1.1em;}
.herotext p {letter-spacing:2px;font-size:1.4em; font-weight:100; margin:0 0 .5em; margin-bottom:3em;}

.section-4 {text-align:center;}
.section-4 h1 {margin-bottom:0;}
.section-4 h3 {margin:0; padding:0;}
a.button {display:block; padding:.6em; text-decoration:none; margin:25px auto; width:50%; border-radius:4px;}


.section-2 {text-align:center;}
.section-2 h1 {margin-bottom:0;}
.box h2 {color:#333; margin:0 auto;}
.box p {margin-top:0;}
.box {border:1px solid #ccc; text-align:center; margin:1%; width:31%;}
.box img {margin:0 auto; width:25%;}


.section-3 * {color:#fff; text-align:center; text-shadow:1px 1px 3px #333;}
.section-3 {padding:45px; margin:2em 0;}
.section-3 h1 {margin:0;}
.section-3 p {line-height:1.6em; font-size:1.2em; margin:0 15%;}


.sec-6 {border-bottom:2px solid #fff;}
.side-nav a {color:#fff; text-decoration:none; padding:24px; display:block; text-transform:uppercase; font-style:italic; font-weight:bold;}
.sec-6 .side-nav {margin:0px;  background:#333; border-bottom:2px solid #333; text-align:center;}
.sec-6 .side-nav:last-child {border-bottom:0px solid;}
.side-nav:hover {background:#fff;}


.section-1 h1 {color:#333; padding-bottom:10px; margin-bottom:4px; border-bottom:4px solid #333;}
.section-1 p {line-height:1.6em;}
.ar6 img {padding:20px;}



.site-wrap{width:100%; max-width:960px; margin:10px auto 0; padding-bottom:30px; border-top:8px solid #0b8fd0;}

.header-wrap{z-index: 999; border-bottom: 1px solid #000; padding:0; 
-webkit-box-shadow: 0px 5px 21px 0px rgba(0,0,0,0.5); -moz-box-shadow: 0px 5px 21px 0px rgba(0,0,0,0.5); box-shadow: 0px 5px 21px 0px rgba(0,0,0,0.5);}
.nav-wrap{z-index: 998; border-bottom: 1px solid #000;
-webkit-box-shadow: 0px 5px 21px 0px rgba(0,0,0,0.37); -moz-box-shadow: 0px 5px 21px 0px rgba(0,0,0,0.37); box-shadow: 0px 5px 21px 0px rgba(0,0,0,0.37);
background: rgb(237,237,237);
background: -moz-linear-gradient(top,  rgba(237,237,237,1) 0%, rgba(198,198,198,1) 41%, rgba(198,198,198,1) 63%, rgba(237,237,237,1) 100%);
background: -webkit-linear-gradient(top,  rgba(237,237,237,1) 0%,rgba(198,198,198,1) 41%,rgba(198,198,198,1) 63%,rgba(237,237,237,1) 100%);
background: linear-gradient(to bottom,  rgba(237,237,237,1) 0%,rgba(198,198,198,1) 41%,rgba(198,198,198,1) 63%,rgba(237,237,237,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#ededed',GradientType=0 );
}
.content-wrap{padding: 1.5em 1em; background:#d7d7d7;}

.fp-slider{border-top:6px solid #0b8fd0; display:block;}
.fp-button, .fp-slider{display:block; width:100%; margin-bottom: 15px;
-webkit-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.4);
-moz-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.4);
box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.4);
}

.fp-slider a, .fp-button a{display:block; width:100%; text-decoration:none;}

.fp-button a .img-hover-on{display:none;}
.fp-button a .img-hover-off{display:block;}
.fp-button a:hover .img-hover-on{display:block;}
.fp-button a:hover .img-hover-off{display:none;}

.fp-slider a img, .fp-button a img{display:block; width:100%;}
.fp-button a div{display:block; padding:1em; text-align:center; background: #0b8fd0; border-top: 2px solid #06567d; color:#fff; font-weight:bold; background:#}
.fp-button a:hover div{background: rgb(8,99,160);
background: -moz-linear-gradient(top, rgba(8,99,160,1) 0%, rgba(11,143,208,1) 100%);
background: -webkit-linear-gradient(top, rgba(8,99,160,1) 0%,rgba(11,143,208,1) 100%);
background: linear-gradient(to bottom, rgba(8,99,160,1) 0%,rgba(11,143,208,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0863a0', endColorstr='#0b8fd0',GradientType=0 );
}


.footer-wrap .container{}

.footer{}
.footer-links{text-align:center;}
.footer-links h5{margin:0; padding:0; text-align:left;}

.footer-links .ar,
.footer-links .ar:link,
.footer-links .ar:visited {display:inline-block; font-weight:normal; font-size:1em; text-decoration:none; margin:0; padding:.5em .5em 0;}

.footer-wrap{background:#313131;}


.footer ul.footer-nav li a {color:#f1f1f1;}
.footer ul.footer-nav li a:hover {color:#cc0000;}

.footer p,
.footer h3,
.footer h2 {color:#fff;}

.footer h3 {}

.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:transparent;}

.f-01 .footer a{text-decoration:none;}
.f-01 .footer h2{font-size:35px; margin:0; text-decoration:none; line-height:normal; text-align:left;}
.f-01 .footer h3, .footer p{margin:0;}
.f-01 .footer h3 {border-bottom-width:2px; border-bottom-style:solid; padding:0 0 .5em 0; margin:0 0 .3em; font-weight:normal; font-style:oblique; text-transform:uppercase;    font-size: 15px;}
.f-01 .footer ul.footer-nav{list-style:none; margin:0; padding:0; }
.f-01 .footer ul.footer-nav li{float:left; margin:0; padding:0; width:50%;}
.f-01 .footer ul.footer-nav li a{text-decoration:none; font-size:14px;}


.f-01 .footer .footer-phone{font-size:20px}
.f-01 .footer .footer-address{font-size:14px;}

.f-01 .footer-links .ar,
.f-01 .footer-links .ar:link,
.f-01 .footer-links .ar:visited {font-size:.8em;}

.f-02 .footer{text-align:center;}
.f-02 .footer ul.footer-nav{list-style:none; margin:0; padding:0; }
.f-02 .footer ul.footer-nav li{margin:0; padding:0; list-style:none; width:auto; float:none; display:inline-block;}
.f-02 .footer ul.footer-nav li a{display:inline-block; text-decoration:none; font-size:1em; padding:1em;}

.f-02 .footer-links h5{text-align:center;}

.f-03 .company-name{float:left;}
.f-03 .sitemap{float:right;}

.yelp {position:absolute; bottom:19px; right:300px;}


html, body{background:#505050}

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

a:link, a:visited { color:#333; }
a:hover { color:#333; }
a:active { color:#333; }

a.button{ color:#0b8fd0 }

.ar_pgtitle, .ar_prod_title1, .ar_prod_title2, .locations-info h2, .locations-left h3, .store-hours-row h3, .store-contact-name h3, .fp-address, .fp-phone, h2.forms-heading {color:#333} 

body,td,.ar_text, .ar_pgdesc, .ar_prod_data, .ar_prod_desc, .inv-div-invkey p, .invtablein,  .ar_form_sub h3, form label, .arform_thanks, .arform_thanks b {color:#222;} 

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

.footer-links .ar:hover,
.footer-links .ar:active {color:#0b8fd0; background_color:#333;}

.herotext {color:#0b8fd0;}
.herotext h1 {color:#0b8fd0;}
.herotext p {}


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


.section-2 {}
.section-2 h1 {color:#333;}
.box h2 {color:#333;}
.box p {}
.box {border:1px solid #333;}
.box img {}


.section-3 * {color:#0b8fd0; text_shadow:1px 1px 3px #333;}
.section-3 {}
.section-3 h1 {}
.section-3 p {}


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

.section-1 h1 {color:#textcolor_dark#; border-bottom:4px solid #333;}
.section-1 p {}
.ar6 img {}


.forms-container .ar_form_sub h3 {color: #000;background: #e0e0e0;font-weight: 600;}
.forms-container .arform_button {background:#f00; border-radius: 10px; border: 1px solid #f00;}

.container{max-width:1050px; width:100% !important;}

/* =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 (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{ margin-bottom:0 !important; }
.locations-info{float:left; width:100%;}
.locations-hours{float:right; width:100%}
.locations-right{width:100% !important; position:relative !important; padding:0; border:none; border-top:1px solid ##ccc; height:350px !important; margin:0; max-height:350px !important; 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: 812px) {
.yelp {display:block; margin:.5em; position:initial;}
.menu > ul > li {float:none;}
.menu ul li > a {padding: 10px 23px;}
.menu ul li a {font-size: .8em;}
a.menu-link { display: block; color: #fff; background-color: #0b8fd0; float: right; text-decoration: none; padding:1em .8em;width: 100%; text-align: center;}
.menu { clear: both; min-width: inherit; float: none;}
.menu, .menu > ul ul { overflow: hidden; max-height: 0; background-color: #f4f4f4;}
.menu > li > ul.sub-menu { padding: 0px; border: none;}
.menu.active, .menu > ul ul.active { max-height: 55em;}
.menu ul { display: inline;}
.menu > ul { border-top: 1px solid #808080;}
.menu li, .menu > ul > li { display: block;}
.menu li a { color: #000; display: block; padding: 0.8em; border-bottom: 1px solid #808080; position: relative;}
.menu li.has-submenu > a:after {content: '+'; position: absolute; top: 0; right: 0; display: block; font-size: .9em; padding: 0.8em 0.5em;}
.menu li.has-submenu > a.active:after {content: "-";}
.menu ul ul > li a {background-color: #e4e4e4; padding: .8em 2em;}
.menu ul ul ul > li a {background-color: #f1f1f1; padding: .8em 3em;}
.menu ul ul, .menu ul ul ul { display: inherit; position: relative; left: auto; top:auto; border:none;}
}

@media (max-width: 667px) {
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:10px}
.ars7{margin-left:0%}
}

@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: 599px){
.fp-slider {display:none;}
}


@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;}
}