@font-face {
    font-family: 'ackbarregular';
    src: url('./fonts/ackbar-webfont.eot');
    src: url('./fonts/ackbar-webfont.eot?#iefix') format('embedded-opentype'),
         url('./fonts/ackbar-webfont.woff2') format('woff2'),
         url('./fonts/ackbar-webfont.woff') format('woff'),
         url('./fonts/ackbar-webfont.ttf') format('truetype'),
         url('./fonts/ackbar-webfont.svg#ackbarregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

html {margin:0; padding:0;}
body {margin:0; padding:0; font-size:80%; font-family:arial, sans-serif; color:#000; background:#fff;}
a {color:#f16869;}
a:focus, a:hover {background:#f16869; color:#fff; text-decoration:none;}
a:focus img, a:hover img {background:none !important;}

a.btn {display:block; border:1px solid #f16869; padding:15px 20px; font-size:100%; font-family:aria, sans-serif; width:20%; margin:20px auto;}

#flashMessage {background:#f7f7f7; padding:10px; text-align:center; border-bottom:1px solid #D2973D;}

.access-bar{
    background-color:#111111;
    color:#fff;
    font-size:100%;
}
#accessibility {
    height: 50px;
    left: 0;
    padding-left: 12px;
    padding-right: 10px;
    position: relative;
    right: 0;
    top: 0;
    z-index: 10;
}
#as_logo{
    float:left;
    font-size:24px;
    height:50px;
    line-height:50px;
    padding-right:5px;
}
.font-theme{float:right;}
#accessibility ul {
    float: left;
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
#accessibility ul li {
    float: left;
    height: 50px;
    line-height: 50px;
    margin-left:5px;
}
#accessibility ul li .invisible {
    display: none;
}
#accessibility ul li a {
    color: #fff;
    display: block;
    margin: 0 10px;
    text-decoration: none;
}
#accessibility ul li a:hover, #accessibility ul li a:focus {
    background: #F26869 none repeat scroll 0 0;
    color: #fff;
}
#accessibility ul li.label {
    margin-right: 5px;
}
#accessibility ul.theme a {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #000;
    display: block;
    margin: 8px 0 0;
    text-decoration: none;
}
#accessibility ul.theme li.contrast2 a {
    background: #ffde00 none repeat scroll 0 0;
}
#accessibility ul.theme li.contrast2 a:hover, #accessibility ul.theme li.contrast2 a:focus {
    background: #000 none repeat scroll 0 0;
}
#accessibility ul.theme li.contrast3 a {
    background: #cfe5fc none repeat scroll 0 0;
    border: 1px solid #000;
}
#accessibility ul.theme li.contrast3 a:hover, #accessibility ul.theme li.contrast3 a:focus {
    background: #21215f none repeat scroll 0 0;
}
#accessibility ul.theme li.contrast4 a {
    background: #f3e8b0 none repeat scroll 0 0;
    border: 1px solid #000;
}
#accessibility ul.theme li.contrast4 a:hover, #accessibility ul.theme li.contrast4 a:focus {
    background: #dfd179 none repeat scroll 0 0;
}
.c-inner{
    display:block;
    margin:8px;
    width:15px;
    height:15px;
}
.c1-inner{background-color:#F26869;}
.c1-inner:hover, .c1-inner:focus{background-color:#fff;}
.c2-inner{background-color:#000;}
.c2-inner:hover, .c2-inner:focus{background-color:#ffde00;}
.c3-inner{background-color:#21215f;}
.c3-inner:hover, .c3-inner:focus{background-color:#cfe5fc;}
.c4-inner{background-color:#dfd179;}
.c4-inner:hover, .c4-inner:focus{background-color:#f3e8b0;}
#accessibility ul.font-size {
    margin-right: 20px;
}
#accessibility ul.font-size li a {
    margin: 0;
    padding: 0;
}
#accessibility ul.font-size li.size1 a {
    font-size: 14px;
    padding: 0 5px;
    height:50px;
    line-height:50px;
}
#accessibility ul.font-size li.size2 a {
    font-size: 18px;
    padding: 0 5px;
    height:50px;
    line-height:50px;
}
#accessibility ul.font-size li.size3 a {
    font-size: 24px;
    padding: 0 5px;
    height:50px;
    line-height:50px;
}
.theme-letter, .font-letter {
    line-height: normal !important;
}
.font-letter {margin:0 !important;}
.mobile-access-bar {
    display: none;
}

h1 {position:absolute; left:-9999px;}
h2 {font-family:ackbarregular; font-weight:normal; font-size:250%;}

.tracker {display:none; border-bottom:1px solid #d15050; padding:20px 0;}
.tracker .btn-start-tracking {display:block; width:25%; margin:0 auto; text-align:center; background:#91CE75; padding:10px 0; color:#224F0E; border:1px solid #224F0E;}

.tracker .btn-stop-tracking {display:block; width:25%; margin:0 auto; text-align:center; background:#E06969; padding:10px 0; color:#ad1c1c; border:1px solid #ad1c1c;}

header {margin-top:0px; text-align:right; overflow:auto; border-bottom:1px solid #d15050;}
header .logo {float:left;}
header .logo a img {border:0; display:block; margin:10px; height:60px;}

.mobile-menu {display:none;}
#menu ul {margin:0; padding:0; list-style:none;}
#menu ul li {display:inline-block;}
#menu ul li a {display:block; padding:34px 20px; text-transform:uppercase;}

#status {display:block; padding:10px; background:#F8C884; border-bottom:1px solid #D2973D; text-align:center; font-weight:bold; color:#84581A;}

#mapcanvas {width:100% !important;}

.boxes {overflow:auto; border:1px solid #ddd; border-width:1px 0; margin-bottom:50px; background:#f7f7f7;}
.boxes .box {width:33%; float:left; padding:0; text-align:center;}
.boxes .box2 {border:1px solid #ddd; border-width:0 1px;}
.boxes .box a span.invisible {position:absolute; left:-9999px;}
.boxes .box h2 {margin:0; padding:0;}
.boxes .box a {display:block; background:#fff; color:#f16869; padding:60px 20px; text-decoration:none;}
.boxes .box a:focus, .boxes .box a:hover {background:#f16869; color:#fff; text-decoration:underline;}
.boxes .box3 ul {margin:0; padding:0; list-style:none;}
.boxes .box3 ul li a {padding:15px 2%; border-bottom:1px solid #ddd; text-align:left; width:98.5%;}
.boxes .box3 ul li a span.fa-angle-right {float:right; color:#888; margin-top:2px;}
.boxes .box3 ul li a span.distance {font-size:80%; color:#aaa; margin-left:5px;}
.boxes .box3 ul li a:focus span.fa, .boxes .box3 ul li a:focus span.distance, .boxes .box3 ul li a:hover span.fa, .boxes .box3 ul li a:hover span.distance {color:#fff;}
.boxes .box3-no-vans ul li {background:#fff; padding:15px 2%; width:98.5%; border-bottom:1px solid #ddd;}

.home-content {font-family:serifa; text-align:center; font-size:250%; padding:0 50px; margin-bottom:50px;}
.home-content a.btn {display:block; border:1px solid #f16869; margin-bottom:10px; padding:15px 20px; font-size:40%; font-family:aria, sans-serif; width:20%; margin:0 auto 10px auto;}

footer {text-align:center; padding:50px; background:#f7f7f7; border-top:1px solid #ddd; font-size:80%;text-transform:uppercase; color:#333;}
footer .site-links {margin:10px 0 0 0; }
footer .site-links a {color:#333; margin:0 5px;}
footer .site-links a:focus, footer .site-links a:hover {background:#333; color:#fff;}

.breadcrumbs {background:#F8C884; color:#84581A; border-bottom:1px solid #D2973D; padding:10px 20px; overflow:auto; font-size:80%; text-transform:uppercase;}
.breadcrumbs ul {margin:0; padding:0; list-style:none;}
.breadcrumbs ul li {float:left;}
.breadcrumbs ul li span {margin:0 10px;}
.breadcrumbs ul li:first-child  {margin-right:10px; font-weight:bold;}
.breadcrumbs ul li a {color:#84581A;}
.breadcrumbs ul li a:focus, .breadcrumbs ul li a:hover {background:#84581A; color:#fff;}

.content {padding:30px; text-align:center; min-height:300px;}
.content h2 {font-weight:normal; font-family:serifa; text-align:center; margin-top:0;}

.follow a {display:block; border:1px solid #f16869; margin-bottom:10px; padding:15px 20px; font-size:100%; font-family:aria, sans-serif; width:15%; margin:30px auto;}
.follow a span.invisible {position:absolute; left:-9999px;}
.btn-following {background:#f16869; color:#fff; text-transform:uppercase; font-size:80% !important;}
.btn-following:hover, .btn-following:active {background:#fff; color:#f16869; text-decoration:underline;}

.products ul {overflow:auto; margin:0; padding:0; list-style:none;}
.products ul li {width:15%; margin-right:1.5%; margin-bottom:20px; overflow:hidden; float:left; border:1px solid #ddd; padding-top:10px;}
.products ul li .image img {display:block; max-width:100px; max-height:100px; margin:0 auto;}
.products ul li .price {font-size:140%; margin-top:10px;}
.products ul li h3 {font-weight:normal; font-size:150%; padding:10px 5px;background:#f16869; color:#fff; font-family:serifa; margin:15px 0 0 0;}

.extras ul {padding:0; list-style:none; width:30%; margin:0 auto 30px auto; border:1px solid #ddd; border-bottom:0;}
.extras ul li {overflow:auto; padding:10px; border-bottom:1px solid #ddd; text-align:left;}
.extras ul li .price {float:right;}
.extras ul li:nth-child(even) {background:#f7f7f7;}

.social .invisible {position:absolute; left:-9999px;}
.social a {font-size:200%; margin:0 5px;}

.frmStd {width:40%; margin:20px auto 0 auto;}
.frmStd .input {margin-bottom:5px;}
.frmStd .input input, .frmStd .input select, .frmStd .input textarea {font-family:inherit; -webkit-appearance:none; border-radius:0; font-size:100%; border:1px solid #ddd; padding:20px 4%; width:92%;}
.frmStd .input select {width:100%;}
.frmStd .input label {position:absolute; left:-9999px;}
.frmStd .submit {margin-top:20px;}
.frmStd .submit input {-webkit-appearance:none; border-radius:0; font-size:100%; border:0; padding:20px; text-align:center; background:#91CE75; color:#224F0E;}
.frmStd .submit input:focus, .frmStd .submit input:hover {background:#224F0E; color:#fff;}
.frmStd .checkbox input[type=checkbox] {width:15px; height:15px; padding:0; margin:5px 0 0 0;}
.frmStd .checkbox label {position:static !important; left:0; width:auto; display:block;}
.frmStd .payment-errors {color:#f00;}

ul.txtList {margin:0; padding:0; list-style:none;}
ul.txtList li {padding:10px; border-bottom:1px dotted #ddd; overflow:auto; text-align:left;}
ul.txtList li strong {display:block; float:left; width:35%;}

ul.stdList {padding:0; list-style:none; width:30%; margin:0 auto 30px auto; border:1px solid #ddd; border-bottom:0;}
ul.stdList li {overflow:auto; padding:0px; border-bottom:1px solid #ddd; text-align:left;}
ul.stdList li a {display:block; padding:10px;}
ul.stdList li a span {float:right; color:#aaa;}
ul.stdList li a:focus, ul.stdList li a:hover {text-decoration:underline;}
ul.stdList li a:focus span, ul.stdList li a:hover span {color:#fff;}
ul.stdList li:nth-child(even) {background:#f7f7f7;}

.van-image img {display:block; margin:0 auto 20px auto; max-height:250px; max-width:100%;}
.products h2, .extras h2 {margin-top:30px;}

.btn span {margin-right:10px; }
.btn-delete {border-color:#ddd !important; color:#888; text-transform:uppercase;}

.countdown {padding:10px; color:#888; font-size:80%; text-align:center;}
.countdown a {display:block;}

@media only screen 
and (min-device-width : 200px) 
and (max-device-width : 1000px) {

body {font-size:80% !important;}

a.btn {width:80% !important;}

.mobile-access-bar{display:block;height:50px;width:100%;position:fixed;z-index:999;background-color:#000; color:#fff;font-size:130%;line-height:50px;padding:0 5%;text-decoration:none;}
    .mobile-access-bar:hover, .mobile-access-bar:focus{background-color:#000;}
    .access-bar{display:none; font-size:100%;}
    .access-bar{position:fixed;z-index:999;top:50px;left:0;right:0;}
    #as_logo{display:none;}
    #accessibility{height:auto;padding:0 5%;z-index:999;}
    #accessibility ul{float:none;}
    .font-theme{float:none;}
    .separator{display:none;}
    .accessibility li{float:none !important;height:auto !important;line-height:normal !important;padding:10px 0 0 0 !important;}
    .accessibility li a{margin:0 !important;padding:5px 0 !important;}
    #accessibility ul.font-size{height:50px;width:100%;}
    .theme{padding:0 0 10px 0 !important;height:50px;width:100%;}

.tracker {display:block; padding:0; border:0;}
.tracker .btn { padding:15px 0; width:100% !important; border-width:0 0 1px 0; text-transform:uppercase;}

header {margin-top:0px !important; padding:70px 0 0 0 !important;}
header .logo {width:70%;}
header .logo a img {width:100%; height:auto;}

nav .mobile-menu {display:block;  padding:28px 20px 45px 0; font-size:100%; text-transform:uppercase; text-decoration:none; color:#000;}
nav .mobile-menu span {margin-right:10px;}
nav .mobile-menu:focus, nav .mobile-menu:hover {background:#fff;}
nav #menu {display:none;}
nav #menu ul {display:block;}
nav #menu ul li {display:block; margin:0; padding:0; border:0;}
nav #menu ul li a {display:block; padding:15px 20px; border-top:1px solid #ddd; text-align:center;}
nav #menu ul li a:focus, nav #menu ul li a:hover {background:#f16869; color:#fff;}

#mapcanvas {height:250px !important;}

.boxes {border-bottom:0;}
.boxes .box { margin:0; padding:0; width:50%; border:0;}
.boxes .box .smalltext {font-size:60%;}
.boxes .box1 a, .boxes .box2 a {display:block; width:94%; padding:25px 3% 20px 3%; color:#f16869; background:#fff;border-bottom:1px solid #ddd;}
.boxes .box1 a:focus, .boxes .box2 a:focus, .boxes .box1 a:hover, .boxes .box2 a:hover {background:#f16869; color:#fff;}
.boxes .box2 a {border-right:0; border-left:1px solid #ddd;}
.boxes .box h2 {margin:0; padding:0; line-height:0.5em;}
.boxes .box span.fulltext {display:none;}
.boxes .box3 {border:1px solid #ddd; border-width:0; width:100%; padding:0;}
.boxes .box3 ul li a {padding:15px 4%; border-bottom:1px solid #ddd; text-align:left; width:92%;}

.home-content a {width:80%;}

footer {padding:50px 30px;}
footer .site-links {line-height:2em;}

.products ul li {width:45%; margin-right:6%;}
.products ul li:nth-child(even) {margin-right:0;}

.extras ul, ul.stdList {width:100%; border-width:1px 0 0 0;}
ul.stdList {margin-top:20px;}
ul.stdList li a span {float:right; color:#aaa;}
ul.stdList li a {display:block;text-decoration:none;}
ul.stdList li a:focus, ul.stdList li a:hover {text-decoration:underline;}
ul.stdList li a:focus span, ul.stdList li a:hover span {color:#fff;}

.frmStd {width:100%;}
.frmStd .input {margin-bottom:5px;}
.frmStd .input input {-webkit-appearance:none; border-radius:0; font-size:100%; border:1px solid #ddd; padding:20px 4%; width:92%;}
.frmStd .input label {position:absolute; left:-9999px;}
.frmStd .submit input {-webkit-appearance:none; border-radius:0; font-size:100%; border:0; padding:20px; text-align:center; background:#91CE75; color:#224F0E;}
.frmStd .submit input:focus, .frmStd .submit input:hover {background:#224F0E; color:#fff;}

}

/*iPad*/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)  {


}