@charset "utf-8";
/* Set Google Font */
@import url(//fonts.googleapis.com/css?family=Roboto:400,100,300,300italic,100italic,400italic,500,500italic,700,700italic,900,900italic);

/* CSS Document */
* {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-family: 'Roboto', sans-serif; font-weight:300;font-size:1em }
body { }
#wrapper {}
.main {max-width:1200px; margin:0 auto }

/* Input Styles */
input	{ cursor:pointer; border-collapse:collapse; border-spacing:0; font-size:1em; }

input[type=text], textarea, input[type=password]{
  -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
  outline: none;

}
 
input[type=text]:focus, textarea:focus, input[type=password]:focus {
  box-shadow: 0 0 5px rgba(81, 203, 238, 1);
}

input[type=text], input[type=password], textarea { background:#efefef; border:1px solid #a8adb3; padding:7px; margin:0; border-collapse:collapse; border-spacing:0; width:100%; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius:3px; height:40px;}
select { background:#efefef; border:1px solid #a8adb3; padding:6px 7px 6px 7px; margin:0; border-collapse:collapse; border-spacing:0; width:100%; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;font-size:1em; }
input[type=submit], input[type=button], a.newbutton { border:0; border-collapse:collapse; padding:15px; border-spacing:0; background:#333a47; color:#FFF; text-decoration:none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
input[type=submit]:hover, input[type=button]:hover, a.newbutton:hover { background-color:#a1764c; color:#FFF; text-decoration:none}

input[type=submit].buttonsm, input[type=button].buttonsm {padding:8px 10px; font-size:.8em; height:auto; vertical-align:top}
input[type=submit].h50, input[type=button].h50 { height:40px;}

select.anytime {width: 50%; padding: 0 0 0 30px; height:40px; background: url(/Images/icons/time.png) left #fff no-repeat; margin: 0; border-collapse:collapse; border-spacing:none }

input[type="text"].anydate { width: 47%; padding: 0 0 0 35px; background: url(/Images/icons/date.png) left #fff no-repeat; margin: 0% 1% 0 0; vertical-align:top;  height:40px; display:inline;border-collapse:collapse; border-spacing:none}
input[type="text"].anydate2,
input[type="text"].anydate3 { width: 100%; padding: 0 0 0 35px; background: url(/Images/icons/date.png) left #fff no-repeat; margin: 0; vertical-align:top; height:40px; display:inline; border-collapse:collapse; border-spacing:none}

input[type="text"].qinput { height:40px; background-color:#fff; width:100%;}
a.newbutton:link, a.newbutton:visited { display: inline-block; vertical-align:top; padding:15px; width:auto; color:#FFF}

input[type="checkbox"], checkbox { display:inline; height:auto; width:auto}

.anyreserve { width:100%; font-weight:normal; color: #FFF; padding:8px!important; border:0;}
.anyreserve:hover { background: #000;}

h1 { font-size:2em; padding:0; margin:0; font-weight:normal;}
h2 { font-size:1.1em; font-weight:normal; padding:0; margin:0; }
h3 { font-size:1.1em; padding:0; margin:0; font-weight:normal; line-height:normal}
h4 { font-size:1em; padding:0; margin:0; font-weight:normal;}
a:link {color:#333a47;  }
a:visited { color: #333a47;}
a:hover { color: #a1764c;}


.nobord { border:none; width:100%; margin:0px;}
.nobord th {padding:6px 4px 6px 6px; background:#e8e8e8; border:0px; }
.nobord td { padding:2px; border:0; }
.nobord2 { border:none; width:100%; margin:10px 0px 0px 0px;}
.nobord2 th { padding:4px 0px 4px 0px; }
.nobord2 td { padding:4px 0px 4px 0px; }

.copyright { clear:both;}


.reservewrap { margin: 0 auto 0 auto; padding: 10px; }
.reservebg { background: #fff; width: 100%;}

.headaddress { display:none;}
.headreserve { width: 100%; position: relative; display: table; margin-bottom: 25px;vertical-align: middle; }

.locationname { font-size:1.2em; font-weight:700;}
.locationaddress { font-size:1em;}

.heading { color: #333; padding: 0px; margin: 0 0 5px 0; font-size: 1.5em; font-weight: normal; position:relative }

.listrate { padding: 0; margin: 0; font-size: 2.2em; text-align:center;  }
.listremain { padding: 0; margin: 0; font-size: .8em; line-height:.9em; font-weight: normal; text-align:center;}

.toprow {  display:none!important }

.anyprice { padding: 8px 15px 0px 15px; background: #333; color: #FFF; width:100%; height:40px; text-align:center; -webkit-border-radius: 4px;  -moz-border-radius: 4px; border-radius: 4px; text-decoration:none; font-size:1.1em; display:inline-block; width:auto ; margin:0 auto; text-align:center}
.anyprice span {color:#FFF;}
.anyprice:link { color:#fff;}
.anyprice:hover { background: #000; color:#FFF;}

.purchasenow { padding:20px 40px; font-size:1.3em;background-color:#a1764c; color:#fff; width:100%; text-align:center; -webkit-border-radius: 3px;  -moz-border-radius: 3px; border-radius: 3px; text-decoration:none; display:inline-block; width:auto ; margin:0 auto 15px auto; text-align:center}
.purchasenow  span {color:#FFF;}
.purchasenow:link { color:#fff;}
.purchasenow:hover { background: #00cc00; color:#FFF;}

.mobilecc { text-align:center}

i {color:#a1764c}

/* All CSS Table Layout */
#tablecontain, .tablecontain {display: table; width:100%; border-top:1px dotted #ccc; border-left:1px dotted #ccc; border-right:1px dotted #ccc;}
.tablerows  {display: table-row; margin-bottom:15px; padding-bottom:15px;  }
.tabledate, .tabletitle, .tabletime, .tablelimit, .tableavail, .tablereserve { display: table-cell; vertical-align:middle; padding:15px;border-bottom:1px dotted #ccc;}
.tabledate { white-space:nowrap; text-align:center; border-right:1px dotted #ccc;}
.tabletitle {border-right:1px dotted #ccc;}
.tabletime {white-space:nowrap; padding-right:5px;}
.tableavail {text-align:center; border-right:1px dotted #ccc;}
.tablereserve {white-space:nowrap; text-align:center}
.tablelimit {white-space:nowrap; border-right:1px dotted #ccc; padding-left:5px;}
.tablerow .tabledate:last-child { border-bottom:0px;}





/* Column Alignment */
.center300	{ width:350px; margin:auto;}
.csstable	{ width:100%; display:table}
.q80 {width:80%; display: table-cell; position:relative; margin:0; vertical-align:top }
.q75 {width:75%; display: table-cell; position:relative; margin:0; vertical-align:top }
.q66 {width:66%; display: table-cell; position:relative; margin:0 }
.q60 {width:60%; display: table-cell; position:relative; margin:0 }
.q55 {width:55%; display: table-cell; position:relative; margin:0; vertical-align:top  }
.q50 {width:50%; display: table-cell; position:relative; margin:0; vertical-align:top  }
.q45 {width:45%; display: table-cell; position:relative; margin:0 }
.q40 {width:40%; display: table-cell; position:relative; margin:0 }
.q35 {width:35%; display: table-cell; position:relative; margin:0 }
.q33 {width:33%; display: table-cell; position:relative; margin:0; vertical-align:top }
.q30 {width:30%; display: table-cell; position:relative; margin:0; }
.q25 {width:25%; display: table-cell; position:relative; margin:0; vertical-align:top }
.q20 {width:20%; display: table-cell; position:relative; margin:0 }
.q15 {width:15%; display: table-cell; position:relative; margin:0;vertical-align:top }
.q10 {width:10%; display: table-cell; position:relative;  margin:0; vertical-align:top }
.q05 {width:5%; display: table-cell; position:relative; margin:0; vertical-align:middle }
.pad1r { padding-right:1px;}
.pad5r { padding-right:5px;}
.pad5l { padding-left:5px;}
.pad15r { padding-right:15px;}
.pad10r { padding-right:10px;}
.pad10l { padding-left:10px;}
.pad30r { padding-right:30px;}
.pad50r { padding-right:50px;}
.pad5lr { padding-right:5px; padding-left:5px;}
.mpad5r { padding-right:5px;}
input[type=submit].buttonpad15lr, input[type=button].buttonpad15lr { }
.fleft { float:left; width:49%}
.fright { float:right; width:50%}


/* Box Styles */
.box	{ padding:15px; width:100%; border:1px solid #a8adb3; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;  
   -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 2s; /* Firefox < 16 */
        -ms-animation: fadein 2s; /* Internet Explorer */
         -o-animation: fadein 2s; /* Opera < 12.1 */
            animation: fadein 2s;
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
    
.box h3	{ text-align:center}
.minh200 { min-height:200px; height:100%}
.minh250 { min-height:250px; height:100%}
.minh400 { min-height:400px; height:100%;}
.vbottom { vertical-align:bottom}
.vmiddle { vertical-align: middle}
.vdivider { background: url(/Images/vdivider.png) top center repeat-y; }
.clear { clear:both; display:block;}
.clear05 { clear:both; display:block; margin-bottom:5px;}
.clear10 { clear:both; display:block; margin-bottom:10px;}
.clear15 { clear:both; display:block; margin-bottom:15px;}
.clear25 { clear:both; display:block; margin-bottom:25px;}
.clear50 { clear:both; display:block; margin-bottom:50px;}
.mclear	 {}
.mshow	{ display:none}
.mclear25 { display:none;}
.w100	{ width:100%}
.w50	{ width:50%}
.w100px	{ width:100px;}
.h50	{ height:40px;}



/* Text Styles */
.smtext {color:#a1764c; font-size:0.9em}
.termsagree a {color:#a1764c; text-decoration:underline}
strong, strong span	{ font-weight:600; color:#333}
sup { color:#F00; line-height:normal; font-size:0.8em; vertical-align:text-top;}
.nodec { text-decoration:none}



/* Garge Detail Elements */
#map_canvas { width:100%; height:auto; max-height:400px; background-color:#efefef; }
.gallerytable { display:table; width:100%;}
.gallerytable .q33 { display: table-cell;}
.gallerytable .q33 img	{ width:100%; height:auto; border:0; padding:10px;}

ul#tabs { padding: 0; border: 0; margin:0; list-style: none; height:40px; /*display:table;*/ width:auto; }
#tabs li { list-style: none; border-top: 1px solid #ccc; display:table-cell; border-right: 1px solid #ccc; margin: 0; width:auto; text-align:center; vertical-align:middle; border-bottom: 0; z-index: 100; padding: 0px; }
#tabs li img { vertical-align: middle; border: 0; height: 20px;}
#tabs li a {height:40px; vertical-align:middle; width:100%; display: block; padding: 10px 20px 0px 20px;}
#tabs li:first-child {border-left: 1px solid #ccc;}
#tabs li a.inactive  {}
#tabs li a:hover, #tabs li a.inactive:hover { background:#333; color:#fff; text-decoration:none}
.container	{ width:100%; display:table}
.containerwrap { clear: both; padding: 20px; width: 100%; text-align: left; z-index: 100000;  border:1px solid #a8adb3; display:table }


/* Toggle Items */
.iframehide {}
.tabrow { display:none}
.garageheaderhide { }
.termsagree { font-size:0.8em;}
.parkonectpoweredwh { display:none;}
.stepbystep	{ padding:10px; background-color:#a1764c; color:#fff; margin-bottom:15px;  -webkit-border-radius: 3px;  -moz-border-radius: 3px; border-radius: 3px}


/* User Navigaiton */
.navbg	{ width:100%; -webkit-border-radius: 3px;  -moz-border-radius: 3px; border-radius: 3px; margin:0 0 15px 0;}
ul#usernav { padding: 0; border: 0; margin:0; list-style: none; height:40px; display:table; width:auto; }
ul#usernav li { list-style: none; display:table-cell; border-right: 1px solid #ccc; border-top:1px solid #ccc; border-bottom:1px solid #ccc; margin: 0; text-align:center; vertical-align:middle; z-index: 100; }
ul#usernav li a {height:40px; vertical-align:middle; width:100%; padding: 10px 20px 0px 20px; display:block}
ul#usernav li:first-child {border-left: 1px solid #ccc;}
ul#usernav li a.inactive  {}
ul#usernav li a:hover, ul#usernav li a.inactive:hover { background:#333; color:#fff; text-decoration:none; height:40px;}
ul#usernav li#nanyday {}
ul#usernav li#nspecials {}
ul#usernav li#nevent {}
ul#usernav li#nmultiday {}


/* Misc Elements */

img.locimage  { width:100%; height:auto;}
.toicon	{ display: table; text-align:center; font-size:13px; width:100%;}
.toicon .fa { text-align:center; display:block; width:100% }
.mtoicon	{ display:none; height:40px;}
.creditcards { position:absolute; width:auto; right:0; top:0;}
.ccard		{ width:100%; height:auto; max-width:50px; border:0; margin-left:3px;}
.reqred	{ color:#F00; font-size:.9em;}
.mapcontain { width:100%; height:100%}
.tleft { text-align:left}
.tright { text-align:right}
.tcenter { text-align:center}

#reportframe	{ }

/* Mobile/Tablet Device */
@media screen and (max-width:800px) {
body {}
p, h2, h3, h4	{ text-align:center}
#wrapper {}
.arrival, .departure, .reservebutton  {width:100%; display: block; margin-right:0; clear:both; float:left; }
.left50, .right50 { width:100%; clear:both}
#tablecontain, .tablecontain {display: table; width:100%; border-top:0; border-left:0; border-right:0;}

.tabledate, .tabletitle, .tabletime, .tablelimit, .tableavail, .tablereserve { display: table-cell; vertical-align:middle; padding:8px; border-bottom:1px dotted #ccc;}

.tablerows  {margin-bottom:0px; padding-bottom:0px; display: inline-block; width:100%; border:1px solid #a8adb3; -webkit-border-radius: 4px;  -moz-border-radius: 4px; border-radius: 4px}
.tabletitle {width:100%;display:block; text-align:center; border-right:0;}
.tabledate { width:100%; display:block; border-right:0; background-color:#666; color:#fff; font-size:1.1em; border-bottom:1px solid #ccc; -webkit-border-radius: 4px 4px 0 0;  -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; }
.tabletime { width:49%; display:inline-block; text-align:center }
.tablelimit { width:49%; display: inline-block; border-right:0; text-align:center}
.tableavail { width:100%;  display:block; border-right:0; }
.tablereserve {width:100%;  display:block; border-right:0; border-bottom:0;}

select	{ height:50px;}

.m100 {width:100%; display: inline; float:left; margin:0 0 10px 0; }
.m75 {width:75%; display: inline-block; margin:0 0 10px 0; position:relative; float:left;}
.m70 {width:70%; display: inline-block; margin:0 0 10px 0; position:relative; float:left}
.m50 {width:50%; display: inline-block; margin:0 0 10px 0; position:relative; float:left}
.m35 {width:35%; display: inline-block; margin:0 0 10px 0; position:relative; float:left}
.m40 {width:40%; display: inline-block; margin:0 0 10px 0; position:relative; float:left}
.m30 {width:30%; display: inline-block; margin:0 0 10px 0; position:relative; float:left}
.m25 {width:25%; display: inline-block; margin:0 0 10px 0; position:relative; float:left}
.m05 {width:5%; display: inline-block;  margin:0 0 10px 0; position:relative; float:left;text-align:center }

.pad1r { padding-right:0px;}
.pad5r { padding-right:0px;}
.pad5l { padding-left:5px;}
.pad15r { padding-right:0px;}
.pad30r { padding-right:0px;}
.pad50r { padding-right:0px;}
.pad5lr { padding-right:0px; padding-left:0px;}
.pad10r { padding-right:0px;}
.pad10l { padding-left:0px;}
.box	{ margin-bottom:25px;}
.minh250, .minh200 { min-height:0;}


input[type="text"].anydate 	{width: 48%; margin-right:1%; height:50px;}
select.anytime { width: 49%; padding: 0 6px 0 30px;  margin: 0; height:50px; }
.nomargin	{ margin-bottom:0;}
.mtoicon	{ display:block; text-align:center; height: auto; vertical-align:middle}
.toicon	{ }
.toicon .fa {line-height:50px; }
.mclear	 { clear:both; display:block}
.mclear25	{clear:both; display:block; margin-bottom:25px;}
.mhide	{ display:none}
.mshow	{ display:block;}
.w100	{ width:100%}

input[type=text], input[type=password], textarea { height:50px;}
input[type="text"].anydate2 { height:50px;}
input[type="text"].anydate3 { height:50px; padding:0 0 0 7px; background-image:none;}
input[type="text"].qinput { height:50px; width:100%;}
.creditcards { display:none;}
.stepbystep	{ text-align:center}
.heading { text-align:center}
span.reqred  { text-align:center; margin:0 auto; width:100%}

ul#usernav { padding: 0; border: 0; margin:0; list-style: none; height:40px; display:table; width:100%; }
ul#usernav li { list-style: none; display:table-cell; border-right: 1px solid #ccc; margin: 0; text-align:center; vertical-align:middle; z-index: 100; }
ul#usernav li a {height:40px; vertical-align:middle; width:100%; padding:10px 0 0 0; }
#usernav li:last-child { }

input[type=submit].h50, input[type=button].h50 { height:50px;}
}


p {
    padding: 10px;
}


.reqred {color:#a7cf40}
	
.bcol1, .box { padding:25px; text-align:center; margin-top:25px; vertical-align:top; line-height:normal; border:1px solid #a8adb3; -webkit-border-radius: 3px;  -moz-border-radius: 3px; border-radius: 3px;}

.bcol1 input[type=text].anydate, .bcol1 select.anytime{ width:100%!important; clear:both; margin:3px 0px;-webkit-appearance: none; padding-left:35px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing:  border-box;}
.bcol2 input[type=text].anydate, .bcol2 select.anytime{ width:100%!important; clear:both; margin:3px 0px;-webkit-appearance: none; padding-left:35px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing:  border-box;}
.box { text-align:left;}


select.anytime {padding-left:38px!important; }

@-moz-document url-prefix() {
    select.anytime {padding-left:32px!important;}
}

.bcol2 { padding:25px 50px; text-align:center; margin-top:25px; border:1px solid #a8adb3; -webkit-border-radius: 3px;  -moz-border-radius: 3px; border-radius: 3px; vertical-align:top; line-height:normal}
.bcol3 { padding:25px 50px; text-align:center; margin-top:25px; border:1px solid #a8adb3; -webkit-border-radius: 3px;  -moz-border-radius: 3px; border-radius: 3px; display:table-cell; vertical-align:top; line-height:normal}

.bcol1 .mshow, .bcol2 .mshow, .bcol3 .mshow { display:block}

.clear25 { clear:both}

.heading {color:#fff; text-align:center!important; clear:both}



.clearfix:after {
	display: block;
	clear: both;
}
 


@media only screen and (max-width: 568px),
only screen and (max-device-width: 568px)
{

.prepend-nav {
top:5px;
}

}

.bcol1 .brandedhide,
.bcol2 .brandedhide,
.bcol3 .brandedhide { display:none;}
div.show103 { display: inline-block;}

.show103 h1 {text-align:center; width:100%; padding-bottom:25px!important; margin-top:25px;}
.show103 h2 {  font-weight:bold; text-align:center; font-size:22px; line-height:22px; margin-top:0px; padding-bottom:20px;}
.show103 h3 {  text-align:center; font-size:70px; line-height:22px; font-weight:700; padding-bottom:20px; }

.ajax__calendar_container {width:180px!important; padding:0; margin:0;}

#ctl00_ContentPlaceHolder1_lbl_rate2 { margin:0px auto 15px 0; padding:0; float:left; position:relative; line-height:1}
.heading { display:none;}

.bcol1, .bcol2, .bcol3 {
-webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 2s; /* Firefox < 16 */
        -ms-animation: fadein 2s; /* Internet Explorer */
         -o-animation: fadein 2s; /* Opera < 12.1 */
            animation: fadein 2s;}

@media only screen and (min-width: 801px){
.bcol1, .bcol2, .bcol3 {height:250px;}
.box {height:100%; min-height:300px;}
}

@media only screen and (max-width: 800px) {

.bcol1, .bcol2, .bcol3, .box {min-height:0; height:auto; margin:0px auto 25px auto;}
.center300	{ width:100%; margin:auto;}
}

span.noparkonect {display:none;}

#ctl00_ContentPlaceHolder1_html_div_user_links { display:none}
img.eventimg {max-width: 300px;}