/* Copyright ©2021 Altaser.com - All Rights Reserved */
@charset "UTF-8";
footer,header,main,menu,nav,article,section{display:block;}
*{
padding:0;
margin:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
box-sizing:border-box;
}
html{
position:relative;
min-height:100%;
}
body{
background-color:#000033;
color:#222222;
font:normal normal normal 100%/normal "Open Sans",Arial,"Nimbus Sans L","Liberation Sans",FreeSans,Sans-serif;
margin:0 auto 300px auto;
}
img{
max-width:100%;
width:auto;
height:auto;
vertical-align:bottom;
}
ul,ol{
list-style:none;
}
a{
color:#000066;
text-decoration:none;
}
a:hover{
text-decoration:underline;
}
a[href^="tel"]{
color:inherit;
}
header{
position:fixed;
top:0;
z-index:15;
width:100%;
transition:top 600ms;
}
main,#header{
position:relative;
max-width:1280px;
width:100%;
margin:0 auto 0 auto;
}
noscript{
display:block;
padding:5px;
font-size:90%;
background-color:#dd0000;
color:#ffffff;
}
noscript a{
color:inherit;
}
#header{
z-index:1;
}
#subheader{
background:url("../images/h-bg.png") transparent no-repeat;
}
main{
transition:margin-top 2000ms;
display:flow-root;
margin-top:125px;
background-color:#ffffff;
}
section:first-of-type{
margin:0;
}
article{
max-width:1280px;
margin:0 auto 0 auto;
padding:0;
position:relative;
z-index:0;
}
aside{
background-color:#ffffff;
height:200px;
border:1px solid #cccccc;
overflow-y:scroll;
padding:1em;
margin:1em 0 1em 0;
font-size:80%;
}
aside p{
margin:0;
}
#headlinks{
float:right;
margin:18px 20px 0 0;
transition:margin-top 2000ms;
}
#headlinks img{
max-height:50px;
cursor:pointer;
}
#btlang,#btcurr,#btsrch,#btmenu{
cursor:pointer;
}
#btlist{
float:right;
padding:9px 2% 0 1%;
font-weight:bold;
}
#total{
background:url("../images/h04.png") transparent no-repeat;
color:#ffffff;
padding:0 0 0 25px;
opacity:1;
transition:all .3s ease-in-out .1s;
}
#total:hover{
text-decoration:none;
}
#total.anim{
transform:scale(6);
display:block;
transition:all .3s ease-in-out .2s;
opacity:0;
}
#list{
position:absolute;
right:0;
padding:.5%;
border-radius:5px;
box-shadow:0 6px 8px 0 rgba(77,77,77,.75);
background-color:#f9f9f9;
border:1px solid #444444;
color:#000066;
z-index:10;
}
#send{
background-color:#f0f0f0;
margin:0 2px 0 2px;
text-align:center;
display:block;
padding:5px 0 5px 0;
color:#4444ff;
}
tr{
background-color:#f0f0f0;
}
td,th{
padding:5px;
vertical-align:middle;
}
td img{
display:block;
}
td.sm{
text-align:center;
}
td.tm{
text-align:center;
}
td.ar{
text-align:right;
}
td.tm a{
cursor:pointer;
}
.pages{
float:right;
text-align:center;
line-height:33px;
font-weight:bold;
}
.pages li{
background:transparent url("../images/page.png") no-repeat scroll left;
width:34px;
height:34px;
float:left;
}
.pages li.hot{
color:#994444;
}
.pages li a.cold{
color:#449944;
text-decoration:underline;
}
.pages li a.cold:hover{
color:#449944;
text-decoration:none;
}
#sort{
font-weight:bold;
text-align:right;
margin:0 2% 0 0;
float:right;
}
.sortcol{
vertical-align:middle;
display:inline-block;
}
nav{
font:normal normal bold 100%/normal Arial,"Nimbus Sans L","Liberation Sans",FreeSans,Sans-serif;
background:rgb(0,0,177);
background-color:rgba(0,0,177,.8);
background:linear-gradient(to bottom,rgba(0,0,177,.8) 0%,rgba(0,0,157,.8) 100%);
margin:0 auto 0 auto;
color:#ffffff;
}
nav td{
padding:5px;
}
nav img{
vertical-align:baseline;
margin:0 4px 0 0;
max-height:50px;
}
nav ul:after{
content:"";
clear:both;
display:block;
}
nav ul li{
float:left;
min-height:35px;
padding:10px 2% 5px 2%;
transition:400ms;
cursor:pointer;
}
nav ul li:hover{
background:rgb(70,70,250);
color:#ffd57c;
}
nav ul li span{
position:relative;
display:block;
}
nav ul li a{
display:block;
color:#ffffff;
}
nav ul li a:hover{
text-decoration:none;
}
nav ul ul{
z-index:1;
white-space:nowrap;
min-width:225px;
background-color:rgba(70,70,250,.9);
position:absolute;
top:100%;
box-shadow:0 6px 8px 0 rgba(0,0,0,.7);
}
nav ul ul li{
float:none;
border-bottom:1px solid #ffffff;
padding:10px 0 10px 5%;
position:relative;
}
nav ul ul li a{
color:#ffffff;
}
nav ul ul li:hover{
background:#4b545f;
}
p{
margin:1% 0 1% 0;
line-height:1.3em;
}
p.imp{
font-weight:bold;
color:#cc3333;
}
pre{
background-color:#eeeeee;
font-family:Consolas,Menlo,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace,serif;
word-wrap:break-word;
white-space:pre-wrap;
}
h1,h4{
background-color:#f9f9f9;
color:#000088;
width:96%;
margin:0 2% 10px 2%;
padding:10px 0 10px 0;
overflow:hidden;
text-align:center;
font-size:150%;
}
h2{
color:#444444;
margin:0 0 10px 0;
font-size:120%;
}
hr{
width:95%;
display:block;
margin:20px auto 20px auto;
border-style:inset;
border-top:1px solid #cccccc;
}
hr.tall{
border-style:none;
background:#ffcc99;
background:linear-gradient(90deg,rgba(255,204,68,1) 0%,rgba(215,10,132,1) 50%,rgba(255,204,68,1) 100%);
height:8px;
}
hr.black{
background:linear-gradient(to right,rgba(192,0,0,1) 0%,rgba(200,0,0,1) 25%,rgba(255,204,68,1) 50%,rgba(200,0,0,1) 75%,rgba(192,0,0,1) 100%);
}
hr.xmas{
background:linear-gradient(90deg,rgb(255 150 0) 0%,rgb(255,0,0) 20%,rgb(255,255,70) 50%,rgb(255,0,0) 80%,rgb(255,150,0) 100%);
}
hr.jan{
background:linear-gradient(90deg,rgb(255 190 190) 0%,rgb(255,0,0) 20%,rgb(255,255,255) 50%,rgb(255,0,0) 80%,rgb(255,190,190) 100%);
}
.semi{
width:47%;
display:inline-block;
vertical-align:top;
}
.semi p img{
display:inline;
margin:0;
}
.semi table{
width:100%;
}
.semi p a{
text-decoration:underline;
}
.semi ul{
padding:5px 0 10px 0;
}
.semi form label{
max-width:49.5%;
}
.semi ul li{
background:url("../images/bullet02.png") no-repeat top left;
padding:0 0 0 20px;
}
ul.tick li{
background:url("../images/bullet01.png") no-repeat top left;
}
ul li.review{
background:url("../images/rate.png") no-repeat top left;
padding:0 0 0 20px;
}
.semi li img{
margin:0;
padding-top:4px;
}
.full{
box-sizing:content-box;
width:96%;
margin:0 2% 2% 2%;
}
.full h3{
padding:10px 0 0 0;
}
.hide{
display:none;
}
.bordered{
border-top:1px solid #cccccc;
border-bottom:1px solid #cccccc;
}
.margined{
margin-top:15px;
}
.info{
max-width:96%;
margin:2%;
padding:1rem;
background:linear-gradient(140deg,#eeeeff 0%,#ffeee0 100%);
box-shadow:3px 3px 5px 0 rgba(0,0,0,.1);
text-align:center;
}
.info h3{
margin:.3rem;
font-size:120%;
}
.shadow{
box-shadow:2px 2px 5px 0 rgba(0,0,0,.3);
}
.padded{
padding:1%;
margin:10px 1% 10px 1%;
}
.encircle{
border-radius:50%;
display:inline-block;
margin:0 10px 0 0;
box-sizing:content-box;
vertical-align:middle;
width:1.5em;
height:1.5em;
line-height:1.5em;
background-color:#ffffff;
border:1px solid #990000;
text-align:center;
font-weight:bold;
color:#990000;
}
.encircle:hover{
box-shadow:1px 1px 4px 0 rgb(0 0 0 / 50%);;
text-decoration:none;
background-color:#990000;
border:2px solid #ffffff;
color:#ffffff;
}
a.encircle{
border:2px solid #990000;
margin:5px 10px 5px 10px;
}
[data-copy]{
cursor:pointer;
}
[data-copy]:before{
content:"";
display:inline-block;
margin-left:5px;
width:24px;
height:24px;
background-image:url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='24px' height='24px' viewBox='0 0 24 24' enable-background='new 0 0 24 24' xml:space='preserve'%3E%3Cimage id='image0' width='24' height='24' x='0' y='0' href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYBAMAAAASWSDLAAAABGdBTUEAALGPC/xhBQAAACBjSFJN%0AAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAJFBMVEUAAI4AAI4AAI4AAI4A%0AAI4AAI4AAI4AAI4AAI4AAI4AAI7///+Cos1DAAAACnRSTlMABpHukIjtPDuJjU20egAAAAFiS0dE%0ACx/XxMAAAAAHdElNRQflCxgGLjE2dBtUAAAATUlEQVQY02NgIBowKq8CAiMBMIdlFRgEgDlsy0Fk%0AVQKSYq4FSDrAHJgOMAemA8wBE0CSHE5XAhJn1QQkDtihMA6SM7sSkD0wAdNrRAEAJWotVkWqPwMA%0AAAAldEVYdGRhdGU6Y3JlYXRlADIwMjEtMTEtMjRUMDM6NDY6NDkrMDM6MDCqVu6gAAAAJXRFWHRk%0AYXRlOm1vZGlmeQAyMDIxLTExLTI0VDAzOjQ2OjQ5KzAzOjAw2wtWHAAAABl0RVh0U29mdHdhcmUA%0AQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAAASUVORK5CYII=' /%3E%3C/svg%3E%0A");
background-repeat:no-repeat;
vertical-align:top;
cursor:pointer;
}
.copied:before{
background-image:url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='24px' height='24px' viewBox='0 0 24 24' enable-background='new 0 0 24 24' xml:space='preserve'%3E%3Cimage id='image0' width='24' height='24' x='0' y='0' href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAABGdBTUEAALGPC/xhBQAAACBjSFJN%0AAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAolBMVEUiuwAiuwAiuwAiuwAi%0AuwAiuwAiuwAiuwAiuwAiuwAiuwAiuwAiuwAiuwAiuwAiuwAiuwAiuwAiuwAiuwAiuwAiuwAiuwAi%0AuwAiuwAiuwAiuwAiuwAiuwAiuwAiuwAiuwAiuwAiuwAiuwAiuwAiuwAiuwAiuwAiuwAiuwAiuwAi%0AuwAiuwAiuwAiuwAiuwAiuwAiuwAiuwAiuwAiuwAiuwD////Z5E2mAAAANHRSTlMAQoF9/Y0Bj3iQ%0AaWRxN/mYDNvdpRpeJSz7bCe+o7z8WQiARf6CxTLVY58KzAbvIXNarpkeaRqxDQAAAAFiS0dENd62%0A2WsAAAAHdElNRQflCxgGOhBUs9xfAAAAmklEQVQoz7WRxxLCMAxElWAIhF5CCZDQIfSy//9tSLng%0AicUxOsgzbzXrtUxUanm+ziumquFaANQ1oQEgVHiTOVoub3dE6Dq81xeOgSMEOR+OrCzRmPtkytjM%0ArMl4jgUfS+ZJ+sOrNV+ZxLRhvo2s+Z3JnWmP4tsOR/E+ccsKac6ZKMDl6gT1xe12V3bxYOGpbxuv%0AP//z/lA59QVaghJU/ci6+QAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAyMS0xMS0yNFQwMzo1ODoxNisw%0AMzowMMu5f14AAAAldEVYdGRhdGU6bW9kaWZ5ADIwMjEtMTEtMjRUMDM6NTg6MTYrMDM6MDC65Mfi%0AAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAABJRU5ErkJggg==' /%3E%3C/svg%3E%0A");
}
.notcopied:before{
background-image:url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='24px' height='24px' viewBox='0 0 24 24' enable-background='new 0 0 24 24' xml:space='preserve'%3E%3Cimage id='image0' width='24' height='24' x='0' y='0' href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAABGdBTUEAALGPC/xhBQAAACBjSFJN%0AAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAflBMVEWqAACqAACqAACqAACq%0AAACqAACqAACqAACqAACqAACqAACqAACqAACqAACqAACqAACqAACqAACqAACqAACqAACqAACqAACq%0AAACqAACqAACqAACqAACqAACqAACqAACqAACqAACqAACqAACqAACqAACqAACqAACqAACqAAD////E%0AFQ7VAAAAKHRSTlMAiUiSFvTXBNb2GotubZD17BMSjJEX+ygYjbe2j7q4OjwpvT3tPr9JwyhhyQAA%0AAAFiS0dEKcq3hSQAAAAHdElNRQflCxgHFxECXNwRAAAArklEQVQoz62S2xKCMAxEIyKIooBCURRB%0AFMz/f6HdWqAZX9mHzuZy2kyAaFGtWMv7eQ9+bQv+RgdBCBtutY12I7JHWwx3gDtOd/mJDtOM6JQK%0AgOiMxpwolwBRAUSVpQJwcQe7orW64byLiYuIrSRgb7cvCdVj4SHzDU9q/oGqwlm7+RYZ9TTjcusU%0AOrs6M0I351+I33olGVbCvQTMEmOB9DyvPXCRAcHH+VDDsj/CF78eHC6MLV/ZAAAAJXRFWHRkYXRl%0AOmNyZWF0ZQAyMDIxLTExLTI0VDA0OjIzOjE3KzAzOjAwwWacxgAAACV0RVh0ZGF0ZTptb2RpZnkA%0AMjAyMS0xMS0yNFQwNDoyMzoxNyswMzowMLA7JHoAAAAZdEVYdFNvZnR3YXJlAEFkb2JlIEltYWdl%0AUmVhZHlxyWU8AAAAAElFTkSuQmCC' /%3E%3C/svg%3E");
}
.grn{
border:1px solid #88bb88;
background-color:#f1f9f1;
}
/*-----*/
form{
font-family:Arial,"MS Sans Serif","Deja Vu Sans","Bitstream Vera Sans",sans-serif;
background-color:#f9f9f9;
color:#444444;
border:1px solid #e0e0e0;
padding:10px;
}
form fieldset:last-of-type{
margin:0;
text-align:center;
}
form fieldset{
margin:0 0 10px 0;
}
form legend{
width:100%;
font-weight:bold;
font-size:110%;
color:#6699dd;
}
form i{
display:block;
margin:10px 0 0 0;
}
form label{
margin:15px 0 0 0;
padding:.3rem;
color:#000000;
display:inline-block;
max-width:24.5%;
width:100%;
vertical-align:top;
text-align:left;
}
form label.full{
width:100%;
max-width:100%;
margin:15px 0 0 0;
}
form label a{
color:inherit;
text-decoration:underline;
cursor:pointer;
}
form label .tel{
display:block;
width:100%;
max-width:100%;
}
form input{
background-color:#fcfcfc;
margin:3px 0 0 0;
padding:5px;
border:1px solid #e0e0e0;
border-radius:3px;
width:100%;
}
form input[type="date"]{
/*Safari nonsense*/
min-width:95%;
min-height:1rem;
appearance:textfield;
}
form input[type="tel-country-code"]{
width:20%;
}
form input[type="tel-national"]{
width:73%;
}
form input[type="submit"]{
cursor:pointer;
margin:0 auto 0 auto;
padding:10px;
line-height:1em;
background-color:#0046b4;
color:#ffffff;
display:block;
border-radius:3px;
width:100%;
}
form input[type="submit"]:hover{
background-color:#dfe9ec;
color:#0046b4;
border:1px solid #0046b4;
}
form input[type="checkbox"]{
border:0 none transparent;
display:inline;
width:auto;
margin:5px;
}
form select{
background-color:#fcfcfc;
max-width:100%;
width:100%;
border-radius:3px;
border:1px solid #e0e0e0;
margin:3px 0 0 0;
padding:5px;
}
form textarea{
width:100%;
min-height:150px;
margin:3px 0 0 0;
padding:5px;
border:1px solid #e0e0e0;
border-radius:3px;
}
.optform{
display:none;
}
.optform label{
width:auto;
}
.optform select{
margin:5px auto 5px auto;
}
.limit{
text-align:right;
font-size:10px;
line-height:10px;
margin:-10px 2px 0 0;
padding:0;
}
.limit.exceed{
color:#cc3333;
}
/*
.limit{
text-align:right;
font-size:10px;
line-height:10px;
}
.limit strong{
color:#cc3333;
}
*/
form label[for="Message"],form label[for="PXExtras"]{
max-width:100%;
}
form label.chk{
max-width:100%;
background-color:#fcfcfc;
display:inline-block;
padding:15px;
border-radius:3px;
border:1px solid #e0e0e0;
}
.centre{
text-align:center;
}
.centre img{
margin:10px auto 20px auto;
}
.full form fieldset:nth-child(1){
max-width:49%;
display:inline-block;
vertical-align:top;
margin-right:1%;
}
.full form fieldset:nth-child(2){
max-width:49%;
display:inline-block;
vertical-align:top;
margin-left:1%;
}
.full form label{
max-width:49%
}
.full form label[for="Message"]{
max-width:100%;
}
.inset{
border:1px solid #cccccc;
}
.flowing{
display:inline;
}
#pxc{
background-color:#f0f0f0;
border:1px solid #bbbbbb;
border-radius:3px;
padding:0 2% 0 2%;
}
#promos{
text-align:center;
font:normal normal normal 100%/normal Arial,"Nimbus Sans L","Liberation Sans",FreeSans,Sans-serif;
}
.promo{
width:220px;
display:inline-block;
margin:0 1% 2% 1%;
height:130px;
vertical-align:top;
text-align:center;
border-radius:5px;
}
.promo h2{
text-shadow:1px 1px 1px rgba(255,255,255,.7),1px 1px 1px rgba(255,255,255,.7);
position:relative;
top:50%;
transform:translateY(-50%);
line-height:1.1em;
border:0 none transparent;
padding:0;
}
.promo.war{
background:url("../images/promow.png") no-repeat top left;
}
.promo.fin{
background:url("../images/promof.png") no-repeat top left;
}
.promo.cnt{
background:url("../images/promoc.png") no-repeat top left;
}
.promo.hot{
background:url("../images/promoh.png") no-repeat top left;
}
.promo .sub{
font-size:50%;
clear:both;
display:block;
line-height:1em;
color:#ffffff;
text-shadow:1px 1px 3px rgba(0,0,0,.9);
}
.promo.war h2{
font-size:210%;
color:#ff6600;
}
.promo.war .sub{
font-size:50%;
}
.promo.fin h2{
font-size:180%;
color:#005500;
}
.promo.cnt h2{
font-size:230%;
color:#000066;
}
.promo.hot h2{
font-size:210%;
color:#ffdd33;
}
.promo.hot h2 span{
font-size:70%;
}
.map{
margin-bottom:15px;
}
.map img{
height:100%;
object-fit:none;
}
#parking{
font:normal normal normal 100%/normal Arial,"Nimbus Sans L","Liberation Sans",FreeSans,Sans-serif;
background:url("../images/a01.jpg") no-repeat top left;
background-size:100%;
position:relative;
padding-bottom:67%;
}
#parking h2{
text-shadow:1px 1px 4px rgb(0 0 0 / 80%);
position:absolute;
top:30%;
padding:0;
font-size:190%;
color:#ffffff;
text-align:center;
width:100%;
}
.options{
display:flow-root;
width:96%;
margin:0 auto 0 auto;
}
#show{
float:left;
margin-left:1%;
}
.card{
background:#f9f9f9;
width:96%;
margin:0 auto 20px auto;
padding:10px 2% 0 2%;
border:1px solid #cccccc;
box-shadow:3px 3px 5px 0 rgba(0,0,0,.3);
}
.card h2{
display:inline-block;
margin:0;
min-width:50%;
}
.card h3{
color:#444488;
font-size:110%;
}
.card ul{
margin:10px 0 0 0;
}
.card strong{
float:right;
font-size:120%;
}
.card .struck{
font-size:90%;
color:#888888;
text-decoration:line-through;
vertical-align:top;
margin-right:5px;
}
.card .saleprice{
color:#cc0000;
}
.card .reserve{
background-color:#cc0000;
background:linear-gradient(to right,#aa0000 0%,#dd0000 50%,#aa0000 100%);
margin-top:5px;
line-height:1;
clear:both;
color:#ffffff;
font-size:150%;
font-weight:bold;
text-align:center;
}
.card .reserve p{
margin:0;
font-size:80%;
}
.card .button{
margin:1% 0 1% 0;
padding:1% 0 1.5% 0;
width:48%;
display:inline-block;
border-radius:5px;
color:#ffffff;
font-weight:bold;
text-align:center;
cursor:pointer;
}
.card .red{
background-color:rgb(200,0,0);
background:linear-gradient(to bottom,rgba(225,0,0,1) 0%,rgba(200,0,0,.9) 50%);
}
.card .blue{
background-color:rgb(0,0,200);
background:linear-gradient(to bottom,rgba(0,0,255,1) 0%,rgba(0,0,200,.9) 50%);
}
.card .green{
background-color:rgb(0,160,0);
background:linear-gradient(to bottom,rgba(0,160,0,1) 0%,rgba(0,140,0,.9) 50%);
}
.card .button:hover{
text-decoration:underline;
}
.card .button a{
color:#ffffff;
}
.pulsing.button{
animation:pulsing 3s infinite ease-in-out;
}
@keyframes pulsing{
0%{transform:scale(.95);opacity:.8;}
50%{transform:scale(1);opacity:1;}
100%{transform:scale(.95);opacity:.8;}
}
.card figure.specifications.wide{
max-width:100%;
}
.card .finance.wide{
margin:10px 0 10px 0;
max-width:100%;
text-align:center;
}
.card .comment.wide{
margin:10px 0 10px 0;
max-width:100%;
}
.card figure{
max-width:49.5%;
width:100%;
padding:2% 0 0 0;
margin:0 .25% 0 .25%;
display:inline-block;
vertical-align:top;
}
.card figure:nth-of-type(even){
margin:0 .5% 0 0;
}
.card figure:nth-of-type(odd){
margin:0 0 0 .5%;
}
.card figure.specifications{
margin:0 .5% 0 0;
padding:1% 0 0 0;
}
.card figure.miscellaneous{
max-width:100%;
margin:0;
}
.card figure.miscellaneous ol li{
width:49.5%;
vertical-align:top;
}
.card figure.miscellaneous ol li:nth-of-type(odd){
margin:.25% .5% 0 0;
}
.card figure.miscellaneous ol li:nth-of-type(even){
margin:.25% 0 0 .5%;
}
.card figure figcaption{
background-color:#dddddd;
border-bottom:#999999 1px solid;
text-align:left;
font-weight:bold;
padding:.3em;
}
.card figure dt{
background-color:#f0f0f0;
display:inline-block;
width:49.5%;
padding:.5%;
margin:.5% .5% 0 0;
font-weight:normal;
vertical-align:top;
text-align:right;
}
.card figure dd{
background-color:#f0f0f0;
display:inline-block;
width:49.5%;
padding:.5%;
margin:.5% 0 0 .5%;
font-weight:bold;
vertical-align:top;
}
.card figure li{
background-color:#f0f0f0;
display:inline-block;
width:100%;
padding:.5%;
margin:.5% .5% 0 0;
}
.card .finance{
margin:10px 0 0 0;
max-width:49.5%;
width:auto;
padding:1%;
background-color:#eeeeff;
}
.card .comment{
position:relative;
width:auto;
max-width:49.5%;
margin:10px 0 0 0;
padding:1%;
background-color:#f9f0f0;
border-radius:1em;
border:2px solid #666666;
font-weight:bold;
color:#bb0000;
}
.card .comment::after{
content:'';
position:absolute;
left:0;
top:50%;
width:0;
height:0;
border:0.625em solid transparent;
border-right-color:#666666;
border-left:0;
border-bottom:0;
margin-top:-0.312em;
margin-left:-0.625em;
}
.card .foot{
margin:10px 0 0 0;
text-align:right;
font-size:90%;
height:20px;
clear:both;
color:#000066;
font-weight:bold;
}
.card .foot strong{
float:left;
font-size:100%;
font-weight:normal;
padding:0;
width:auto;
}
.card .foot strong a{
color:inherit;
}
.photos{
position:relative;
margin:0 auto 0 auto;
background:rgb(240,240,240);
background-color:rgba(240,240,240,.7);
}
.photo{
max-width:49.5%;
width:100%;
float:right;
transition:all 400ms ease;
position:relative;
margin:10px auto 0 auto;
text-align:center;
clear:right;
}
.photo.wide{
max-width:fit-content;
float:none;
}
.photo #thumbs{
padding:10px 0 10px 0;
background-color:rgba(0,0,0,.2);
}
#gallery{
max-width:96%;
margin:0 2% 2% 2%;
width:100%;
}
#gallery li div{
font-family:Verdana,"Bitstream Vera Sans","DejaVu Sans",Tahoma,Geneva,Arial,Sans-serif;
font-weight:normal;
font-size:130%;
color:#ffffff;
line-height:45px;
position:absolute;
bottom:0;
left:0;
background-color:rgba(0,0,0,.4);
width:100%;
height:45px;
padding:0 15px 0 15px;
}
.card .photos h5{
line-height:335px;
color:#cccccc;
}
.ems{
position:absolute;
z-index:1;
top:5px;
left:5px;
}
.qr{
position:absolute;
z-index:1;
top:1px;
right:1px;
}
.banner{
padding:2%;
text-align:center;
width:96%;
margin:1.5em auto 1.5em auto;
border:1px solid #cccccc;
box-shadow:3px 3px 5px 0 rgba(0,0,0,.3);
}
.banner img{
margin:0 .1em 0 .0em;
}
.banner img:last-child{
margin:0 0 0 .1em;
}
.banner img.nomargin{
margin:0;
}
.banner h2{
display:inline-block;
position:relative;
min-width:50%;
margin:0 0 5px 0;
text-shadow:1px 1px 1px #800000;
color:#ffffff;
font-size:170%;
}
.banner h3{
position:relative;
margin:0 0 10px 0;
text-shadow:1px 1px 1px #800000;
color:#ffdd00;
font-size:140%;
}
.banner h4{
position:relative;
margin:0 0 10px 0;
text-shadow:1px 1px 1px #800000;
color:#ffff00;
font-size:130%;
width:100%;
padding:0;
border:0 none transparent;
}
.banner p{
position:relative;
text-shadow:1px 1px 1px #000000;
font-weight:bold;
color:#ffffff;
}
.banner a{
color:#ffffa0;
}
.splash{
background:url("../images/bb934x250.jpg") no-repeat top left;
}
.sale{
background:linear-gradient(to right,rgba(170,0,0,1) 0%,rgba(65,0,0,1) 25%,rgba(180,40,0,1) 50%,rgba(150,0,0,1) 75%,rgba(90,0,0,1) 100%);
}
.black{
background:linear-gradient(to right,rgba(0,0,0,1) 0%,rgba(132,0,0,1) 25%,rgba(192,0,0,1) 50%,rgba(132,0,0,1) 75%,rgba(0,0,0,1) 100%);
}
.large{
background:rgb(55,0,100);
background:linear-gradient(140deg,rgba(55,0,100,1) 0%,rgba(215,10,132,1) 100%);
}
#xmas{
overflow:hidden;
position:relative;
}
.light{
position:absolute;
width:5%;
padding-bottom:5%;
border-radius:50%;
background:rgba(80,0,0,.5);
box-shadow:0 0 10px 5px rgba(80,0,0,.6);
}
.light.a{
background:rgba(160,0,0,.5);
box-shadow:0 0 10px 5px rgba(160,0,0,.6);
}
.light.b{
background:rgba(230,20,10,.5);
box-shadow:0 0 10px 5px rgba(230,20,10,.6);
}
.light.c{
background:rgba(255,150,200,.5);
box-shadow:0 0 10px 5px rgba(255,150,200,.6);
}
.light.d{
background:rgba(255,0,0,.5);
box-shadow:0 0 10px 5px rgba(255,0,0,.6);
}
.light.e{
background:rgba(170,170,170,.5);
box-shadow:0 0 10px 5px rgba(170,170,170,.6);
}
footer{
position:absolute;
bottom:0;
width:100%;
}
#footer{
background:linear-gradient(to bottom,rgba(0,10,125,1) 0%,rgba(0,0,75,.9) 50%);
color:#ffffff;
}
footer ul{
padding:.9em 0 .9em 0;
}
footer li{
padding:0 0 .9em 0;
}
footer li a{
display:inline-block;
color:#ffffff;
}
footer li a:hover{
color:#ffaa00;
text-decoration:underline;
}
footer img{
margin-top:15px;
}
#footer li img{
max-height:40px;
margin:0 .5em 0 0;
}
.footcol{
display:inline-block;
margin:0 0 0 2%;
width:48%;
}
.footcol.rhs{
font-size:80%;
text-align:right;
margin:0 2% 0 0;
}
.ribbon-wrap{
width:130px;
height:130px;
overflow:hidden;
position:absolute;
}
.ribbon-wrap.rhs{
right:-1px;
}
.ribbon{
display:inline-block;
position:relative;
padding:5px 0;
width:180px;
box-shadow:0 0 3px rgba(0,0,0,.3);
font-weight:bold;
}
.ribbon.lhs{
background-color:#006600;
background:linear-gradient(to bottom,rgba(0,85,10,.9) 0%,rgba(0,125,0,.9) 75%);
color:#ffffff;
transform:rotate(-45deg);
z-index:2;
top:37px;
left:-37px;
}
.ribbon.rhs{
background-color:#ffbb11;
background:linear-gradient(to bottom,rgba(255,175,10,.9) 0%,rgba(255,200,0,.9) 75%);
color:#003366;
transform:rotate(45deg);
z-index:3;
top:37px;
left:-13px;
}
#deliveries h2{
margin:1rem 0 .5rem 0;
padding:.5rem 0 .5rem 1rem;
background-color:#f0f0f0;
}
#deliveries ul{
display:flex;
flex-wrap:wrap;
}
#deliveries li{
background-color:#eeeeee;
margin:.5rem;
padding:.3rem;
}
#sheet{
display:flex;
flex-flow:row wrap;
justify-content:space-between;
align-items:stretch;
gap:1rem .5rem;
}
#sheet .entry{
display:flex;
flex-wrap:wrap;
max-width:32%;
width:100%;
flex:1 1 auto;
align-items:end;
justify-content:center;
background:#f9f9f9;
}
#sheet .entry .image{
min-height:271px;
display:flex;
justify-content:center;
align-items:center;
}
#sheet .entry .make{
overflow:hidden;
text-align:center;
text-overflow:ellipsis;
padding:.5rem;
}
#sheet .entry a{
width:100%;
white-space:nowrap;
overflow:hidden;
}
#sheet .entry ul{
width:100%;
text-align:right;
font-size:85%;
}
#sheet .entry ul li{
padding:.5rem;
display:inline-block;
width:24%;
margin:.5%;
background-color:#f0f0f0;
border:1px solid #eeeeee;
text-align:center;
}
/**/
.reviews{
background-color:#ffffff;
}
.reviews a{
display:block;
}
.reviews a.review-link{
margin:10px 0 15px 0;
}
.google-reviews{
display:flex;
flex-wrap:wrap;
row-gap:1em;
justify-content:space-between;
}
.review-item{
flex-basis:24%;
border:1px solid #cccccc;
box-shadow:3px 3px 3px 0 rgb(0 0 0 / 10%);
}
.review-item.visible{
opacity:1;
}
.review-meta{
background-color:rgba(249,249,249,.6);
padding:1%;
}
.review-photo{
float:left;
max-width:50px;
margin:0 10px 0 0;
}
.review-photo img{
margin:0;
width:auto;
max-width:100%;
box-shadow:unset;
border:unset;
float:unset;
}
.review-stars{
}
.review-stars ul{
display:inline-block;
line-height:1em;
padding:0;
}
.review-stars ul li{
float:left;
background:unset;
padding:0;
margin:0 .1em 0 0;
}
.review-stars ul li span.star{
color:#febe10;
font-size:130%;
}
.review-stars ul li span.star.inactive{
color:#c6c6c6;
}
.review-stars ul li span.star:after{
content:"\2605";
}
.review-author a{
}
.review-date{
font-size:70%;
font-weight:bold;
line-height:150%;
}
.review-text{
margin:1em;
}
/**/
@media (min-width:1024px){
.semi:nth-of-type(even){
margin:0 2% 2% 1%;
}
.semi:nth-of-type(odd){
margin:0 1% 2% 2%;
}
}
/**/
@media (max-width:1024px){
.semi{
width:96%;
margin:0 2% 2% 2%;
}
.semi h1,.semi h4{
width:100%;
margin:0 0 10px 0;
}
.semi,.photo{
float:none;
}
.collapsing{
display:none;
}
#psz{
display:none;
}
.photo{
max-width:fit-content;
width:auto;
}
#parking{
margin-top:0;
}
.card .photos h5{
line-height:200px;
}
.card strong{
width:100%;
display:block;
padding:0 0 10px 0;
}
.card .finance{
max-width:100%;
text-align:center;
}
.card figure{
max-width:100%;
}
.card .comment{
max-width:100%;
}
.card figure.specifications{
max-width:100%;
}
.card figure.miscellaneous ol li{
width:100%
}
form label{
max-width:49.4%;
}
.full form label{
max-width:100%;
}
#sheet .entry{
max-width:49%;
}
}
@media (max-width:768px){
.hidden{
display:none !important;
}
#headlinks{
margin:0;
}
nav{
max-width:769px;
}
nav img{
vertical-align:bottom;
margin:0;
}
nav ul li{
width:100%;
border-top:1px solid #ffffff;
padding:0;
}
nav ul li span{
padding:10px;
}
nav ul li:last-child{
border-bottom:0 none;
}
nav ul ul{
top:auto;
width:100%;
box-shadow:0 0 0 0 transparent;
}
main{
margin-top:140px;
}
#btmenu{
display:inline-block;
}
#btlist{
float:none;
display:inline;
text-align:center;
}
#total{
background:url("../images/h04-b.png") transparent no-repeat;
width:50px;
height:50px;
position:absolute;
font-weight:bold;
text-shadow:-1px 1px 3px #999999;
padding:16px 0 0 0;
}
#list{
left:50px;
right:auto;
}
.options{
margin:0 auto 0 auto;
}
form label{
max-width:100%;
text-align:left;
}
form input{
max-width:100%;
}
.full form fieldset:nth-child(n){
max-width:100%;
}
.semi form label{
max-width:100%;
}
#show{
float:none;
}
.pages,#sort{
float:none;
margin:15px 0 0 0;
clear:both;
}
#sort{
text-align:left;
}
.card h2{
width:100%;
padding:0 0 5px 0;
}
.banner h2{
width:100%;
padding:0 0 5px 0;
}
#sheet .entry{
max-width:100%;
}
.review-item{
flex-basis:49%;
}
}
@media (max-width:600px){
body{
margin:0 auto 425px auto;
}
.card .button{
width:100%;
}
.footcol{
width:90%;
margin:0 5% 0 5%;
}
.footcol.rhs{
text-align:left;
margin:0 5% 0 5%;
}
}
@media (max-width:425px){
#gallery{
display:none;
}
.google-reviews{
display:block;
}
}
@media (max-width:320px){
main{
margin-top:105px;
}
#parking h2{
font-size:150%;
}
}
/**/
.dlg{
background-color:rgba(0,0,0,.9);
position:fixed;
top:0;
right:0;
bottom:0;
left:0;
z-index:999;
display:none;
}
.dlg>div{
min-width:300px;
max-height:75%;
position:absolute;
overflow:auto;
border-radius:5px;
top:50%;
left:50%;
transform:translate(-50%,-50%);
padding:15px;
background-color:#ffffff;
border:2px solid #0022ff;
}
form.dlg legend{
width:100%;
margin-bottom:3%;
font-weight:bold;
font-size:110%;
}
form.dlg label{
display:block;
max-width:100%;
margin-top:3%;
color:#444444;
}
form.dlg input{
background-color:#f9f9f9;
padding:7px;
border:1px solid #e0e0e0;
border-radius:3px;
width:100%;
}
form.dlg select{
display:block;
border-radius:3px;
border:1px solid #aaaaaa;
padding:7px;
max-width:100%;
width:100%;
}
form.dlg select option[value]:checked{
background-color:#fff3ba;
}
form.dlg input[type="checkbox"]{
border:0 none transparent;
display:inline;
width:auto;
}
form.dlg input[type="submit"]{
background-color:#3333ba;
color:#ffffff;
transition:all 500ms ease;
cursor:pointer;
margin:0 auto 0 auto;
padding:10px;
display:inline-block;
}
form.dlg input[type="submit"]:hover{
background-color:#0022ff;
color:#ffffff;
border:1px solid #3333ba;
}
.dlg b{
font-size:120%;
}
.dlg button{
width:auto;
min-height:40px;
margin:.5em 0 0 .5em;
padding:0 1em 0 1em;
background-color:#3333ba;
color:#ffffff;
transition:all 500ms ease;
font-family:Verdana,sans-serif;
font-size:120%;
border:2px solid #3333ba;
border-radius:15px;
float:right;
line-height:1rem;
cursor:pointer;
}
.dlg button:hover{
background-color:#0022ff;
color:#ffffff;
text-decoration:none;
}
.dlg button.cls:hover{
background-color:#ee1111;
color:#ffffff;
border:2px solid #aa0000;
}
/**/
.splide__container{
box-sizing:border-box;
position:relative
}
.splide__list{
backface-visibility:hidden;
display:flex;
height:100%;
margin:0!important;
padding:0!important
}
.splide.is-initialized:not(.is-active) .splide__list{
display:block
}
.splide__pagination{
align-items:center;
display:flex;
flex-wrap:wrap;
justify-content:center;
margin:0;
pointer-events:none
}
.splide__pagination li{
display:inline-block;
line-height:1;
list-style-type:none;
margin:0;
pointer-events:auto
}
.splide:not(.is-overflow) .splide__pagination{
display:none
}
.splide__progress__bar{
width:0
}
.splide{
position:relative;
visibility:hidden
}
.splide.is-initialized,.splide.is-rendered{
visibility:visible
}
.splide__slide{
backface-visibility:hidden;
box-sizing:border-box;
flex-shrink:0;
list-style-type:none!important;
margin:0;
position:relative
}
.splide__slide img{
vertical-align:bottom
}
.splide__spinner{
animation:splide-loading 1s linear infinite;
border:2px solid #999;
border-left-color:transparent;
border-radius:50%;
bottom:0;
contain:strict;
display:inline-block;
height:20px;
left:0;
margin:auto;
position:absolute;
right:0;
top:0;
width:20px
}
.splide__sr{
clip:rect(0 0 0 0);
border:0;
height:1px;
margin:-1px;
overflow:hidden;
padding:0;
position:absolute;
width:1px
}
.splide__toggle.is-active .splide__toggle__play,.splide__toggle__pause{
display:none
}
.splide__toggle.is-active .splide__toggle__pause{
display:inline
}
.splide__track{
overflow:hidden;
position:relative;
z-index:0
}
@keyframes splide-loading{
0%{
transform:rotate(0)
}
to{
transform:rotate(1turn)
}
}
.splide__track--draggable{
user-select:none
}
.splide__track--fade >.splide__list >.splide__slide{
margin:0!important;
opacity:0;
z-index:0
}
.splide__track--fade >.splide__list >.splide__slide.is-active{
opacity:1;
z-index:1
}
.splide--rtl{
direction:rtl
}
.splide__track--ttb >.splide__list{
display:block
}
.splide__arrow{
align-items:center;
background:#ccc;
border:0;
border-radius:50%;
cursor:pointer;
display:flex;
height:2em;
justify-content:center;
opacity:.7;
padding:0;
position:absolute;
top:50%;
transform:translateY(-50%);
width:2em;
z-index:1
}
.splide__arrow svg{
fill:#000;
height:1.2em;
width:1.2em
}
.splide__arrow:hover:not(:disabled){
opacity:.9
}
.splide__arrow:disabled{
opacity:.3
}
.splide__arrow:focus-visible{
outline:3px solid #0bf;
outline-offset:3px
}
.splide__arrow--prev{
left:1em
}
.splide__arrow--prev svg{
transform:scaleX(-1)
}
.splide__arrow--next{
right:1em
}
.splide.is-focus-in .splide__arrow:focus{
outline:3px solid #0bf;
outline-offset:3px
}
.splide__pagination{
bottom:.5em;
left:0;
padding:0 1em;
position:absolute;
right:0;
z-index:1
}
.splide__pagination__page{
background:#ccc;
border:0;
border-radius:50%;
display:inline-block;
height:8px;
margin:3px;
opacity:.7;
padding:0;
position:relative;
transition:transform .2s linear;
width:8px
}
.splide__pagination__page.is-active{
background:#fff;
transform:scale(1.4);
z-index:1
}
.splide__pagination__page:hover{
cursor:pointer;
opacity:.9
}
.splide__pagination__page:focus-visible{
outline:3px solid #0bf;
outline-offset:3px
}
.splide.is-focus-in .splide__pagination__page:focus{
outline:3px solid #0bf;
outline-offset:3px
}
.splide__progress__bar{
background:#cccccc;
height:3px
}
.splide__slide:focus{
outline:0
}
@supports(outline-offset:-3px){
.splide__slide:focus-visible{
outline:3px solid #0bf;
outline-offset:-3px
}
}
@supports(outline-offset:-3px){
.splide.is-focus-in .splide__slide:focus{
outline:3px solid #0bf;
outline-offset:-3px
}
}
.splide__toggle{
cursor:pointer
}
.splide__toggle:focus-visible{
outline:3px solid #0bf;
outline-offset:3px
}
.splide.is-focus-in .splide__toggle:focus{
outline:3px solid #0bf;
outline-offset:3px
}
.splide__track--nav >.splide__list >.splide__slide{
border:3px solid transparent;
cursor:pointer
}
.splide__track--nav >.splide__list >.splide__slide.is-active{
border:3px solid #000
}
.splide__arrows--rtl .splide__arrow--prev{
left:auto;
right:1em
}
.splide__arrows--rtl .splide__arrow--prev svg{
transform:scaleX(1)
}
.splide__arrows--rtl .splide__arrow--next{
left:1em;
right:auto
}
.splide__arrows--rtl .splide__arrow--next svg{
transform:scaleX(-1)
}
.splide__arrows--ttb .splide__arrow{
left:50%;
transform:translate(-50%)
}
.splide__arrows--ttb .splide__arrow--prev{
top:1em
}
.splide__arrows--ttb .splide__arrow--prev svg{
transform:rotate(-90deg)
}
.splide__arrows--ttb .splide__arrow--next{
bottom:1em;
top:auto
}
.splide__arrows--ttb .splide__arrow--next svg{
transform:rotate(90deg)
}
.splide__pagination--ttb{
bottom:0;
display:flex;
flex-direction:column;
left:auto;
padding:1em 0;
right:.5em;
top:0
}
/**/
.splide__slide{
opacity:.5;
}
.splide__slide.is-active{
opacity:1;
}
.splide__track{
background-color:#000000;
}