a {
        color: blue;
        background-color: transparent;
        text-decoration: none;
}

a.black {
	color: black;
}

html,body {
	height: 100%;
}

html {
	font-family: verdana,arial,sans-serif;
	font-size: 100%;
	/*opacity: 1.0;*/
}

body {
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
}

img.newWindow {
	height: 16px;
        padding-left: 5px;
        vertical-align: text-bottom;
}

li.body li.make:last-child, li.price li.make:last-child {
	margin-bottom: 16px;
}

li.make, li.model, li.body, li.price {
	margin-top: 8px;
	font-weight: bold;
}

li.make:first-child, li.model:first-child, li.body:first-child, li.price:first-child {
	margin-top: 5px;
	/*margin-top: 8px;*/
}

li.make li.model:last-child {
	margin-bottom: 16px;
}

/*li.model {
	margin-top: 4px;
	/*font-weight: normal;*/
	font-weight: bold;
}*/

li.model:last-child {
	margin-bottom: 16px;
}

li.make:last-child li.model:last-child {
	margin-bottom: 16px;
}

li.model .collapse {
	/*font-size: 0.75rem;*/
	font-size: 0.875rem;
	text-align: center;
	font-weight: normal;
}

span.body {
	padding-right: 10px;
}

span.count {
	/*color: rgb(169,169,169);*/
	color: black;
	font-size: 0.75rem;
	font-weight: normal;
}

span.make {
	padding-right: 10px;
}

ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

ul.listing {
	margin-top: 1%;
	/*margin-left: 2.5%;*/
	margin-left: 4px;
	margin-right: 4%;
	margin-bottom: 1.5%;
	border: thin solid gray;
        background-color: white;
	font-weight: normal;
	font-size: 0.9375rem;
}

ul.listing li {
	padding-top: 2%;
	padding-left: 2%;
	padding-bottom: 2%;
	border-top: thin solid gray;
}

ul.listing li:first-child {
	border-top: none;
}

ul.listing .dealer {
	font-style: italic;
}

ul.makes, ul.models, ul.bodys, ul.prices {
	margin-left: 10px;
	/*font-size: 1.0rem;*/
	font-size: 1.0625rem;
}

#content {
	position: relative;
}

#database {
	margin-top: 7px;
	text-align: center;
	font-size: 0.875rem;
}

#database input {
	vertical-align: middle;
}

#database input[value="new"] {
	margin-left: 20px;
}

#database label {
	vertical-align: middle;
	font-weight: bold;
}

#dealers {
	text-align: center;
	margin: 0 auto;
}

#dealersWrapper {
	position: relative;
	/*margin-top: 0.3125em;*/
	margin-top: 7px;
}

#dealers select {
	margin: 0px;
	padding: 0px;
	font-size: 1.0rem;
}

#footer {
	position: absolute;
	width: 100%;
	right: 0px;
	bottom: 10px;
	padding-right: 10px;
	vertical-align: bottom;
	text-align: right;
	font-size: 0.8125rem;
	font-style: italic;
	color: gray;
}

#footer img.gcada {
	width: 70px;
	vertical-align: middle;
}

#footer img.swimmeet {
        width: 80px;
        vertical-align: middle;
}

#footer p.gcada {
	margin: 0;
	margin-top: 10px;
}

#infowindow {
	1.0rem;
}

#logo {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 45%;
}

#logo img {
	width: 100%;
}

#menu {
	margin-top: 5px;
	text-align: center;
	font-size: 0.875rem;
}

#navButton {
	display: none;
        position: absolute;
        top: 0px;
	width: 10px;
        right: 5px;
        background-color: white;
        z-index: 100;
}

#navButton img {
	/*object-fit: contain;*/
	float: right;
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
}

#navButton .dot {
	width: 6px;
	height: 6px;
	margin-top: 2px;
	background: gray;
	-moz-border-radius: 3px;
	webkit-border-radius: 3px;
	border-radius: 3px;
}

#navButton .dot:first-child {
        margin-top: 0px;
}

#navContent {
        display: none;
        background-color: white;
}

#navContent h1 {
	margin: 0;
	padding: 0;
	font-size: 0.875rem;
}

#navContent dl {
	margin: 0;
	padding: 0;
	margin-left: 7px;
}

#navContent dt {
	font-size: 0.8125rem;
	font-weight: bold;
}

#navContent dd {
	font-size: 0.8125rem;
	margin-left: 7px;
}

#navList {
        display: none;
	margin: 0px 5px 0px 7px;
	width: 100%;
	padding-top: 20px;
	overflow: auto;
}

#page {
	position: relative;
	width: 100%;
	margin: 0px auto 0px auto;
	background-color: white;
}

#pageControl {
	display: none;
	text-align: center;
	padding: 4px;
	font-size: 0.875rem;
	z-index: 9999;
	
}

#slogan {
	margin-top: 2px;
	margin-bottom: 5px;
	/*font-family: arial, sans-serif;*/
	font-size: 0.8125rem;
	font-style: italic;
	text-align: center;
}

#titlebar {
	color: white;
	background-color: rgb(198,33,33);
	font-weight: bold;
	font-size: 0.9375rem;
	padding-top: 1px;
	padding-bottom: 3px;
	text-align: center;
}

#vehicles {
	position: relative;
	overflow: auto;
	background-size: 160px;
	background-position: right 50%;
	background-repeat: no-repeat;
	z-index: 10;
	-webkit-overflow-scrolling: touch;
}

#vehiclesWrapper {
	position: relative;
}

#wrapper {
	padding: 0;
}

.aqua {
	background-color: rgb(222,236,236);
}

.arrowDown {
	display: inline-block;
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 9px solid black;
}

.arrowRight {
	display: inline-block;
	width: 0;
	height: 0;
	border-top: 5px solid transparent;
	border-left: 9px solid black;
	border-bottom: 5px solid transparent;
}

.bold {
	font-weight: bold;
}

.checkmark {
	height: 15px;
	padding-left: 6px;
}

.close {
	height: 12px;
}

.dot:first-child {
	margin-top: 0px;
}

.map {
	display: none;
	height: 250px;
	margin-top: 3px;
	margin-right: 2%;
	border: thin solid gray;
	background-color: white;
}

.mapIcon {
	height: 16px;
	padding-left: 5px;
	vertical-align: text-bottom;
}

.paleyellow {
	background-color: rgb(255,255,238);
}

.photoIcon {
	height: 16px;
	padding-left: 5px;
	vertical-align: text-bottom;
}

.qrcode img {
	width: 80px;
}

.vda {
	margin-top: 3px;
	margin-right: 8px;
	margin-left: 3px;
	margin-bottom: 3px;
	border: thin solid gray;
	background-color: white;
	/*border-top: none;*/
}

.vda li.detail {
	border-top: none;
}

.vda li.detail.borderTop {
        border-top: thin solid gray;
}

.vda li.photo {
	padding: 0;
}

.vda li.photo img {
	display: block;
	width: 100%;
}

.vda li.vdpIframe {
	margin: 0;
	padding: 0;
}

.vda .vdpIframe iframe {
	visibility: hidden;
	position: absolute;
	left: 0;
	top: 0;
	height:0;
	width:0;
	border: none;
}

.vda .detail {
	font-size: 0.875rem;
	text-align: center;
}

.vda .detail .vdp {
	padding-top: 3px;
	font-size: 0.8125rem;
}

.vdpSource {
	display: none;
}

@media (orientation: portrait) {
	body {
		background-position: center center;
	}
}

@media (min-width: 501px) {
	li.body li.make {
		font-size: 0.9375rem;
	}

	li.body li.make li.model {
		font-size: 0.9375rem;
	}

	li.model .collapse {
		/*font-size: 0.875rem;*/
		font-size: 0.8125rem;
	}

	li.price li.make {
		font-size: 0.9375rem;
	}
	
	li.price li.make:last-child {
		margin-bottom: 20px;
	}

        li.price li.make li.model {
                font-size: 0.9375rem;
        }

	ul.makes,ul.bodys,ul.prices {
		font-size: 1.0rem;
	}

	ul.models {
		/*font-size: 0.875rem;*/
		font-size: 0.9375rem;
	}

	ul.listing {
		/*margin-left: 2.0%;*/
		margin-left: 4px;
		margin-bottom: 1.0%;
		/*font-size: 0.9375rem;*/
		font-size: 0.875rem;
		line-height: 1.3;
	}

	#dealers select {
		/*font-size: 0.8125em;*/
		font-size: 0.9375em;
	}

	#footer {
		bottom: 10px;
		padding-right: 25px;
		/*font-size: .75rem;*/
		font-size: 0.875em;
	}

	#logo {
		/*top: 1.0em;*/
		top: 10px;
		right: 20px;
		/*width: 50%;*/
	}
	
	#menu {
		/*font-size: 0.8125rem;*/
		font-size: 0.875rem;
	}

	#navButton .dot{
		width: 4px;
		height: 4px;
		margin-top: 2px;
		background: gray;
		-moz-border-radius: 2px;
		webkit-border-radius: 2px;
		border-radius: 2px;
	}

	#page {
		width: 400px;
		border: thin solid black;
	}

	#pageControl {
		display: block;
		font-size: 0.875rem;
	}

	#titlebar {
		/*font-size: 0.875rem;*/
		font-size: 1.0em;s
	}

	#vehicles {
		background-size: 190px;
	}

	#wrapper {
		padding-top: 20px;
		padding-bottom: 20px;
	}

	.count {
		font-size: 0.8125rem;
	}

	.level1 {
		font-size: 1.0 rem;
	}

	.level2 {
		font-size: 0.9375rem;
	}

	.level3 {
		font-size: 0.9375rem;
		font-style: italic;
	}

	.mapIcon {
        	height: 18px;
	}

	.photoIcon {
        	height: 18px;
	}

	.vda .detail {
        	/*font-size: 0.9375rem;*/
		font-size: 0.875rem;
	}

	.vda .detail .vdp {
		/*font-size: 0.9375rem;*/
		font-size: 0.875rem;
	}
}