/*
	dark blue: #4a6e90
	light blue: #7094b6
	light blue-grey: #e2eaf0
	green: #78904a
	gold: #b88548->b88548
	grey: #444444
	red: #980a00
	grey border: #b1b2b2
*/

html {
	background-color:#4a6e90;
	width:auto;
}

body {
	margin:auto;
	background-color:#4a6e90;
	font-family:Arial, Helvetica, sans-serif;
	max-width:900px;
}

p {
	color:#444444;
	line-height:22px;
	font-size:14px;
	margin-top:10px;
}

h1 {
	margin-top:10px;
	font-size:24px;
	font-weight:normal;
	line-height:38px;
	color:#444444;	
}

h2 {
	font-size:18px;
	color:#444444;
	margin-top:10px;
	font-weight:normal;
	line-height:24px;
}

h3 {
	font-size:18px;
	color:#444444;
	margin-top:10px;
	font-weight:normal;
	line-height:24px;
}

h4 {
	font-size:14px;
	font-weight:bold;
	margin-top:10px;
	color:#444444;
}

ul, ol {
	margin-top:10px;
	font-size:14px;
	color:#444444;
	list-style-type:square;
	margin-left:20px;
}

ol {
	list-style-type:decimal;
}

li {
	margin-top:0px;
	line-height:22px;
}

td {
	font-size:14px;
}

th {
	white-space:nowrap;
}

fieldset {
	border:1px solid #999;
	padding:10px;
	margin-bottom:10px;
	
}

legend {
	font-size:18px;
	color:#444444;
}


blockquote {
	margin-left:10px;
	margin-top:10px;
}

address {
	font-size:14px;
	line-height:normal;
	font-weight:normal;
	color:#444444;
	line-height:22px;
}

strong {
	font-weight:bold;
}

em {
	font-style:italic;
}

big {
	font-size:130%;
}

hr {
	background-color:#FFFFFF;
	color:#FFFFFF;
	border:none;
	border-top:1px solid #b88548;
	clear:both;
	margin:20px;
	padding:0;
}

sup {
	font-size:xx-small; 
	vertical-align:top;
}

cite {
	color:#444444;
	font-size:14px;
	font-style:italic;
	text-align:left;
	display:block;
}



a:link, a:visited, a:hover {
	color:#444444;
	text-decoration:underline;
}

a:hover {
	text-decoration:none;
}

input, label {
	
}

label {
	display:block;
	font-size:14px;
	color:#444444;
	margin-top:10px;
}

.error {
	color:#FF0000;
}

.error-box {
	background-color:#980a00;
	border:1px solid #b1b2b2;
	color:#fff;
	padding:5px;
	line-height:normal;
	text-align:center;
}

small {
	font-size:70%;
	color:#444444;
}

img {
	padding:5px;
}

br.clear {
	clear:both;
	background-color:#FFFFFF;
	color:#FFFFFF;
	border:none;
	margin:0px;
	padding:0;
	height:1px;
}

div.clear {
	clear:both;
	
}

ul.big-checks {
	list-style-type:none;
}

ul.big-checks li {
	background-image:url('/images/big-check.gif');
	background-repeat:no-repeat;
	background-position:left top;
	padding-left:45px;
	padding-bottom:15px;
	font-size:18px;
}

ul.little-checks {
	list-style-type:none;
	margin-left:5px;
}

ul.little-checks li {
	background-image:url('/images/little-check.gif');
	background-repeat:no-repeat;
	background-position:left 3px;
	padding-left:25px;
	padding-bottom:5px;
	font-size:14px;
}


ul.little-checks li ul li {
	background-image:none;
	padding-left:0;
	padding-bottom:0px;
	font-size:14px;
}

.option {
	float:left;
	width:280px;
	margin-top:10px;
}

.option li {
	margin-top:0px;
}

.big-option {
	float:left;
	width:400px;
	margin-top:10px;
}

.big-option-right {
	margin-left:20px;
}

.big-option li {
	margin-top:0px;
}


.clear {
	clear:both;
}

.important {
	color:#980a00;
}

a:link.annoy-red, a:visited.annoy-red, a:hover.annoy-red {
	color:#980a00;
}

.book-link {
	font-weight:bold;
}

.book-link a:link, .book-link a:visited, .book-link a:hover {
	color:#980a00;
}

.important a:link, .important a:visited, .important a:hover{
	color:#980a00;
}

a:link small.important, a:visited small.important, a:hover small.important {
	text-decoration:none;
	font-weight:bold;
	
}

.map {
	clear:both;
	padding-top:20px;
	display:block;
	margin:auto;
}

.products {
	font-size:14px;
	color:#444444;
	margin:auto;
	margin-top:20px;
}

.products thead tr th {
	font-size:16px;
	font-weight:bold;
	border-top:1px solid #b1b2b2;
	border-bottom:1px solid #b1b2b2;
	padding:5px;
	text-align:center;
	vertical-align:middle;
}

.products tr.even td {
	background-color:#e2eaf0;
}

.products tbody tr td {
	padding:5px;
	line-height:normal;
	vertical-align:middle;
}

.products tfoot tr th {
	text-align:right;
	font-weight:bold;
	padding:3px;
}

tr.buttons td {
	padding-top:20px;
	text-align:center;
}

tr.buttons td input {
	display:inline;
}

.price {
	text-align:right;
}

.center {
	text-align:center;
}

.right {
	text-align:right;
}

.form-row2 label {
    display:block;
}

.form-row2 input {
    display:block;
}

.form-row2 {
    margin-top:5px;
    margin-bottom:5px;
    display:flex;
    align-items:center;
}

#header {
    display:flex;
    justify-content:space-between;
    align-items:center;
}

.login-link {
    display:none;
}

#header h1 span {
	display:none;
}

#header h1 {
	padding-top:0px;
	padding:0;
    margin-right:20px;
}

#header h1 a:link, #header h1 a:visited, #header h1 a:hover {
	color:#FFFFFF;
	text-decoration:none;
/*	font-family:Georgia, "Times New Roman", Times, serif;*/
	font-family:Arial Black, Helvetica, sans-serif;
	font-size:18px;
}

#login {
	padding-top:20px;
    margin-right:20px;
}

#login label {
	color:#FFFFFF;
	font-size:12px;
	text-align:left;
	width:65px;
	margin-top:0px;
}

#login h4 {
	color:#FFFFFF;
	text-align:center;
}

#login a {
    color:white;
    font-size:12px;
}

#login input {
	border:none;
    width:150px;
}

#nav-background {
	background-color:#7094b6;
	height:37px;
	margin-top:0px;
    clear:both;
}

input#submit {
	width:75px;
	margin:auto;
	display:block;

}


#nav {
	background-color:#7094b6;
    display:flex;
    /*margin-left:20px;
    margin-right:20px;*/
    padding-left:20px;
    padding-right:20px;
    align-items:center;
    flex-wrap:wrap;
}

.cart-tab {
    margin-left:auto;
}

#nav > div {
    /*border-top:5px solid #4a6e90;*/
}

#nav a:link, #nav a:visited, #nev a:hover {
	color:#FFFFFF;
	font-size:18px;
	display:block;
    padding:10px 15px;
}

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

div#active {
	background-color:#FFFFFF;
    border-top:5px solid #ffffff;
    margin-top:-5px;
}


#footer {
	background-color:#7094b6;
	padding:20px;
	padding-top:5px;
	clear:both;
    display:flex;

}
#footer h3 {
	margin-top:0px;
	color:#FFFFFF;
}

#footer a:link, #footer  a:visited, #footer a:hover {
	color:#ffffff;
}

#footer ul {
	list-style-type:none;
	margin-left:0px;
	color:#FFFFFF;
}

#footer ul.links {
	margin-top:20px;
}

#footer ul.links li {
	line-height:40px;
	font-size:18px;
}

#footer .call-us {
	margin-left:110px;
	
}
#footer .email-us {
	margin-left:80px;
}

#side-nav {
	border-right:1px solid #b1b2b2;
	padding-right:10px;
	width:220px;
	background-color:#FFFFFF;
	padding-left:10px;
	margin-top:20px;
}

#more-nav {
	margin-top:30px;
}

#tablist{
	padding: 0 0 5px 0;
	margin:20px 0 0 0;
}

#tablist li{
	list-style: none;
	display: inline;
	margin: 0;
}

#tablist li a{
	text-decoration: none;
	margin-right: 3px;
	padding:5px;
	border: 1px solid #b1b2b2;
	border-bottom: none;
	background: white;
	font-size:18px;
	color:#444444;
}

#tablist li a:link, #tablist li a:visited{
	color:#444444;
	
}

#tablist li a:hover{
	border: 1px solid #980a00;
	border-bottom: none;
}

#tablist li a:link.current, #tablist li a:visited.current, #tablist li a:hover.current{
	background: #980a00;
	color:#FFFFFF;
	border:1px solid #980a00;
}

#wrapper, .wrapper {
	background-color:#FFFFFF;
    display:flex;
    width:100%;
    padding-bottom:20px;
}

.button-list {
    display:flex;
    margin-top:20px;
    text-align:center;
    margin-bottom:25px;
    justify-content:center;
    align-items:center;
}

.button-list a {
    display:block;
    margin-left:20px;
    margin-right:20px;
}

#content, #content-big {
	background-color:#FFFFFF;
	padding-top:10px;
	padding-left:10px;
	padding-right:15px;
	padding-bottom:0px;
	max-width:620px;
}

#content {
    flex:1;
}

#content-big {
    width:100%;
    max-width:none;
}

#content-big {
	float:none;
	width:auto;
	padding-left:20px;
}

#headline {
	margin-top:10px;
	background-color:#e2eaf0;
	border:1px solid #b1b2b2;
	padding:10px 20px 40px 20px;

}

#headline h1 {
	margin-top:30px;
	border:none;
}

#headline p {
	margin-top:20px;
	font-size:16px;
}

#headline img {
	float:right;
	margin-left:10px;
	padding:0px;
}

#headline a:link img, #headline a:visited img, #headline a:hover img{
	border:0px solid #b1b2b2;
}

#headline a:hover img{
	border:0px solid #7094b6;
}



#interest {
    flex:1;
	margin-top:10px;
	margin-bottom:25px;
}

#interest table {
	width:100%;
	margin-top:10px;
}

#interest td {
	text-align:center;
}

#interest td a {
	margin:auto;
}

#interest h1 {
	text-align:center;
}

#side-bar {
	width:350px;
	padding-left:30px;
}

#content-big blockquote, #side-bar blockquote {
	margin-left:0;
}




#banner {
	background-color:#e2eaf0;
	border:1px solid #b1b2b2;
	width:515px;
	margin-top:10px;
	padding:10px;
	float:left;
}

#banner h1 {
	text-align:center;
	
}

#banner table {
	margin:auto;
	margin-top:10px;
}

#banner td {
	padding:10px;
	vertical-align:middle;
}

.button {
	background-image:url('https://intellipass.com/images/button-bg.gif');
	height:42px;
	border:1px solid #b1b2b2;
	width:165px;
}

.button a:link, .button a:visited, .button a:hover {
	color:#FFFFFF;
	font-size:18px;
	text-align:center;
	display:block;
	padding-top:10px;
	text-decoration:none;
}
.button a:hover {
	text-decoration:underline;
}

#index-checks {
	float:right;
	width:305px;
}

#more-links {
	float:left;
	font-weight:bold;
}

#select-location {
	margin:auto;
	margin-top:30px;
	margin-bottom:30px;
	border:1px solid #b1b2b2;
	background-color:#980a00;
	padding:10px;
	width:500px;
}

#select-location p {
	font-size:14px;
	font-weight:bold;
	text-align:center;
	color:#FFFFFF;
	margin-top:0;
}

#select-location label {
	color:#FFFFFF;
}

#select-federal-way {
	float:left;
	margin-left:20px;
}

#select-vancouver {
	float:right;
	margin-right:20px;
}

#select-location li {
	color:#FFFFFF;
}

#select-location h2 {
	color:#FFFFFF;
	margin-top:0;
}

#select-location a:link, #select-location a:visited, #select-location a:hover {
	color:#FFFFFF;
}

a.select-location {
	border:1px solid #b1b2b2;
	background-color:#980a00;
	padding:5px;
	
	margin-left:10px;
	color:#fff;
	text-align:center;
	font-weight:bold;
	font-size:14px;
}



h2.title {
	background-color:#b88548;
	border:1px solid #b1b2b2;
	color:#FFFFFF;
	padding:5px;
}

.weekday {
	color:#980a00;
}

.weekend {
	color:#b88548;
} 

#weekday, #weekend {
	clear:both;
	border:1px solid #980a00;
	padding:10px;
}

.left-dates {
	padding-left:80px;
	float:left;
	list-style-type:none;
	font-weight:bold;
	padding-right:20px;
}

.right-dates {
	float:left;
	list-style-type:none;	
	font-weight:bold;
	padding-bottom:10px;	
}


#select-schedule .button {
	float:left;
	margin-left:90px;
	margin-top:10px;
}

.staff-wrapper {
	clear:both;
	padding-top:10px;
}

.staff-left {
	float:left;
	width:150px;
	padding-top:10px;
	padding-bottom:10px;
}

.staff-right {
}

.add-to-cart {
	float:right;
	background-image:url('https://intellipass.com/images/button-bg2.gif');
	padding:10px;
	border:1px solid #b1b2b2;
}

.add-to-cart a:link, .add-to-cart a:visited, .add-to-cart a:hover{
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
}

table#pick-method {
	display:block;
	margin:auto;
}

table#pick-method tr th {
	width:300px
}

table#pick-method tr th {
	padding-left:5px;
	padding-right:5px;	
}

table#pick-method tr th:hover {

}

#product {
	color:#444444;
	font-size:14px;
}

.totals-row td {
	background-color:#4a6e90;
	color:#FFFFFF;
	font-weight:bold;
}






#checkoutform {
	margin-top:15px;
}
#checkout-wrapper label {
	margin-top:5px;
}
#checkout-wrapper input, #checkout-wrapper select {
	margin-left:0px;
	margin-top:3px;
}

#bill-left {
	float:left;
	width:275px;
	margin-left:35px;
}


#ship-right {
	float:right;
	width:275px;
	margin-right:35px;
}

#checkout-rest {
	clear:both;
}

#credit-left {
	float:left;
}

#credit-right {
	float:right;
	margin-right:75px;
	margin-top:25px;
}

#login-left {
	float:left;
	width:223px;
}

#login-right {
	float:right;
	width:410px;
	margin-right:50px;
}

table.confirm-order {
	background-color:#4a6e90;
	border:0px;
}

.confirm-order th {
	color:#FFFFFF;
	background-color:#4a6e90;
	padding:5px;
}

.confirm-order tr {
	background-color:#FFFFFF;
}

.confirm-order td {
	border:0px;
	border-bottom:1px solid #444444;
	padding:5px;
	color:#444444;
}

th.classless  {
	padding:5px;
	border-bottom:1px solid #ffffff;
	background-color:#FFFFFF;
	color:#444444;
	text-align:right;
}

td.classless  {
	padding:5px;
	border-bottom:1px solid #ffffff;
	text-align:right;
}

#sitemap ol {
	margin-top:2px;
	margin-bottom:2px;
	list-style-type:square;
}

#master-schedule {
}

#master-schedule h2 {
	text-align:center;
}


#testimonials blockquote {
	display:none;
}

#tooltip{
	position:absolute;
	border:1px solid #333;
	background:#000;
	padding:2px 5px;
	color:#fff;
	display:none;
	max-width:300px;
	font-size:12px;
}

.warning {
	background-color:#b88548;
	border:1px solid #b1b2b2;
	color:#fff;
	padding:5px;
	line-height:normal;
}

.highlight {
	background-color:#ffff00;
}

a:link.blue, a:visited.blue, a:hover.blue {
	color:#7094b6;
	font-weight:bold;
}

.carols {
	color:#4a6e90;
}

.form-row {
    margin-top:15px;
}

.form-row label {
    display:inline;
    font-weight:bold;
}

.form-row label input {
    display:inline;
}

.form-row label span {
    display:block;
}

.payment-errors {
	color:red;
	margin-top:5px;
}

@media only screen and (max-width: 600px) {
    #wrapper, .wrapper {
        display:block;
    }

    #side-nav {
        border-right:none;
        width:auto;
        margin-top:0;
        padding-top:20px;
    }

    #side-bar {
        width:auto;
        padding-left:0;

    }

    #more-nav {
        display:none;
    }

    #nav {
        display:block;
        background-color:#7094b6;
        margin-top:20px;
        margin-left:0;
        margin-right:0;
        padding:0;
        margin:10px;
    }

    #nav > div, div#active {
        height:auto;
        margin-top:0;
        border-top:0;
    }

    #active a:link, #active a:visited, #active a:hover {
    }

    #nav-background {
        display:none;
    }

    .button-list {
        display:block;
    }

    .button-list a {
        margin-bottom:10px;

    }

    #footer {
        display:block;
    }

    #footer .call-us {
        margin-left:0;
    }

    .login-link {
        display:block;
    }

    #login {
        display:none;
    }

    #header h1 {
        margin-right:0;
    }
}