article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
body{margin:0px; padding:0px; font-family:'open_sansregular'; background-color:#202020;color:#FFF;}
ol,ul{list-style:none}
blockquote,q{quotes:none}
img, fieldset{border:none; margin:0px; padding:0px;}
blockquote:before,blockquote:after,q:before,q:after{content:none}
table{border-collapse:collapse;border-spacing:0}
a{text-decoration:none; outline:none;}
h1,h2,h3,h4,h5,h6,ul,p,form,input{margin:0px; padding:0px; outline:none}
.clear:before,.clear:after{content:" "; display:table;}
.clear:after{clear:both;}
.clear{*zoom:1;}
input[type="submit"]{-webkit-appearance:none;}
a, .submit{-webkit-transition: all 200ms ease-in; -moz-transition: all 200ms ease-in; -ms-transition: all 200ms ease-in; -o-transition: all 200ms ease-in;transition: all 200ms ease-in;}
/*Add Placeholder opcity 1*/
::-moz-placeholder{opacity:1}
::-webkit-placeholder{opacity:1}
*{box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}

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

.content-area,.centerwrap{max-width:944px; margin:auto;}
.next_auction{background-color:#272727; height:35px;}
.next_auction p{font-size:15px; color:#fff; line-height:34px; float:left}
.next_auction p span{color:#fef200; font-family:Tahoma, Geneva, sans-serif; font-size:14px; font-weight:bold;}
a.customer_login{float:right; font-size:12px; color:#fefcfc; background-color:#19b15e; border-radius:3px; -webkit-border-radius:3px; margin-top:6px; line-height:22px; padding:0 5px 1px 5px; float:right; }
a:hover.customer_login{background-color:#e41b23;}
.header{background-color:#383838;}
.logo{float:left; padding-top:6px; padding-bottom:8px;}
.logo img{display:block;}
nav{float:right; padding-top:11px;}
nav ul li{float:left; font-size:14px; padding-left:1px;}
nav ul li a{color:#8e8e8e; line-height:58px; display:block; padding:0 18px;}
nav ul li a:hover, nav ul li a.active{color:#fff; background-color:#e41b23;}
/* Slider */
#banner-fade{overflow:hidden; margin-bottom:48px;}
ul.bjqs{position:relative; list-style:none;padding:0;margin:0;overflow:hidden; display:none;}
li.bjqs-slide{position:absolute; display:none;}
ul.bjqs-controls{list-style:none;margin:0;padding:0;z-index:9999; display:none;}
ul.bjqs-controls.v-centered li a{position:absolute;}
ul.bjqs-controls.v-centered li.bjqs-next a{right:0;}
ul.bjqs-controls.v-centered li.bjqs-prev a{left:0;}
ol.bjqs-markers{list-style: none; padding: 0; margin: 0; width:100%; position:relative; bottom:22px; left:0px!important}
ol.bjqs-markers.h-centered{text-align: center;}
ol.bjqs-markers li{display:inline; text-indent:-9999px; padding:0 3px;}
ol.bjqs-markers li a{display:inline-block; background:url(../images/bullet.png) no-repeat left top; width:13px; height:13px;}
ol.bjqs-markers li.active-marker a{background:url(../images/bullet.png) no-repeat left bottom;}
p.bjqs-caption{display:block;width:96%;margin:0;padding:2%;position:absolute;bottom:0;}
/* Slider Close*/
.blocks{padding-bottom:18px;}
.blocks article{float:left; width:300px; margin-right:22px; margin-bottom:22px;}
.blocks article h3{color:#e41b23; font-family:'robotoregular'; font-size:18px; font-weight:normal;}
.blocks article h3 a{color:#e41b23;}
.blocks article h3 a:hover{color:#02ad56;}
.blocks article p{color:#f5f5f5; font-family:'robotoregular'; font-size:13px; line-height:18px;}
.blocks article p a{color:#02ad56;}
.blocks article p a:hover{color:#e41b23;}
.blocks article.last{margin-right:0px;}
/* START- jo added this article4x4 for 4x4 on homepage of auction boxes under slider - DEC 17 2019 */
.blocks article4x4{float:left; width:300px; margin-right:22px; margin-left:12%; margin-bottom:48px;}
.blocks article4x4 h3{color:#e41b23; font-family:'robotoregular'; font-size:18px; font-weight:normal;}
.blocks article4x4 h3 a{color:#e41b23;}
.blocks article4x4 h3 a:hover{color:#02ad56;}
.blocks article4x4 p{color:#f5f5f5; font-family:'robotoregular'; font-size:13px; line-height:18px;}
.blocks article4x4 p a{color:#02ad56;}
.blocks article4x4 p a:hover{color:#e41b23;}
.blocks article4x4.last{margin-right:0px;}
/* END - jo added this article4x4 for 4x4 on homepage of auction boxes under slider - DEC 17 2019 */
.footer_links{background-color:#383838; padding-top:20px; padding-bottom:16px;}
.flinks{float:left; padding:0 45px; border-right:1px solid #2e2e2e; height:92px;}
.flinks:first-child{padding-left:0px;}
.flinks li{font-size:13px; line-height:23px; text-transform:uppercase;}
.flinks li a{color:#fff;}
.flinks li a:hover{color:#02ad56;}
.ftext{float:left; padding:0 35px; border-right:1px solid #2e2e2e; height:92px;}
.ftext p{font-size:13px; line-height:23px; text-transform:uppercase; color:#fff;}
.office p{line-height:19px;}
.newsletter{float:right; width:245px;}
.newsletter p{font-size:16px; color:#fff; text-transform:uppercase; text-align:center; border-bottom:1px solid #323232; line-height:17px; padding-bottom:8px; margin-bottom:9px;}
.newsletter p span{font-size:11px; display:block}
.add_email{position:relative;}
.enter_email{font-size:12px; color:#747272; background-color:#1b1b1b; width:100%; text-transform:uppercase; border:none; border-radius:3px; -webkit-border-radius:3px; height:30px; padding:0 82px 0 10px;}
.submit{background-color:#e41b23; height:23px; padding:0 10px; border-radius:3px; -webkit-border-radius:3px; border:none; color:#fefdfd; text-transform:uppercase; position:absolute; right:3px; top:3px; cursor:pointer; font-size:12px;}
.submit:hover{background-color:#02ad56;}
.copyright{background-color:#2e2e2e;}
.copyright p{float:left; color:#858585; font-size:13px; line-height:54px;}
.social{float:right; padding-top:11px;}
.social li{float:left; padding-left:7px;}
.social li a{width:32px; height:32px; display:block;}
.social li a.facebook{background:url(../images/social.png) no-repeat;}
.social li a.twitter{background:url(../images/social.png) no-repeat -39px 0;}
.social li a.youtube{background:url(../images/social.png) no-repeat -78px 0;}
.social li a.pinterest{background:url(../images/social.png) no-repeat -118px 0;}
.social li a.instagram{background:url(../images/social.png) no-repeat -158px 0;}
.social li a:hover{opacity:0.7}
/*Responsive menu*/
.responsive_menu{margin-bottom:15px;}
.responsive_menu select{display:block;width:250px;height:40px;padding:9px 12px;font-size:14px;line-height:normal;color:#fff;vertical-align:middle;border:none; text-align:center; cursor:pointer; border:1px solid #6A6A6A; background:#0A0A0A url(../images/dropdown.png) no-repeat 95% center; margin:auto}
.responsive_menu select option{padding:2px 0;}
/*Responsive menu close*/

/*Auctions*/
.left_banners{float:left; padding-top:32px;}
.auction_banner{padding-bottom:20px;}
.auction_banner img{display:block;}
.auction_details{float:right; width:548px; padding-top:24px;}
.auction_details h3{color:#e41b23; font-family:'robotoregular'; font-weight:normal; font-size:24px; padding-bottom:5px;}
.auction_details p{color:#f5f5f5; line-height:18px; font-size:14px; font-family:'robotoregular'; padding-bottom:16px;}
.auction_details ul{padding-bottom:12px;}
.auction_details ul li{font-family:'robotoregular'; color:#f5f5f5; line-height:18px; background-color:#333; border:1px solid #353535; padding:10px 14px; margin-bottom:3px; font-size:15px; border-radius:2px; -webkit-border-radius:2px;}
.auction_details ul.points{padding-top:5px;}
.auction_details ul.points li{font-size:14px; line-height:22px; border:none; padding:0px; color:#f5f5f5;}
.auction_details ul.points li a{color:#f5f5f5; text-decoration:underline;}
.auction_details ul.points li a:hover{text-decoration:none;}
.map{border:1px solid #353535; padding:15px; margin-bottom:36px;}
.map img{display:block;}

/*Car*/
.car_block{padding-top:22px;}
.car_block h3{color:#e41b23; font-family:'robotoregular'; font-weight:normal; font-size:24px; padding-bottom:12px;}
.filter{padding-bottom:22px;}
.filter p{font-family:'robotoregular'; font-size:18px; color:#e6e2e2; float:left; line-height:36px;}
.filter ul{float:right;}
.filter ul li{float:left; padding-left:6px;margin-top:5px;}
.filter ul li a:hover,.ahcodeselected{background-color:#383838 !important;}
.filter ul li a{border:1px solid #b9b7b7; background-color:#267c4d; border-radius:2px; -webkit-border-radius:2px; font-family:'robotoregular'; font-size:18px; color:#e6e2e2; line-height:36px; display:block; padding:0 11px;}

.search{float:left; margin-bottom:25px;}
.searchbox{float:left; background-color:#f0eeee; height:35px; padding:0 12px; border-radius:5px 0 0 5px; -webkit-border-radius:5px 0 0 5px; font-family:'robotoregular'; font-size:15px; color:#5f5d5d; border:none; width:430px;}
.submit_search{background:url(../images/search.png) no-repeat; width:36px; height:35px; border:none; float:left; cursor:pointer}
.reset_btn{float:left; color:#fefcfc; font-family:'robotoregular'; font-size:18px; background:none; border:none; margin-left:4px; margin-top:2px; cursor:pointer}
.reset_btn:hover{color:#e41b23}
.order{float:right;}
/*Dropdown Start*/
.selectricWrapper{position:relative; margin:0px; width:220px; cursor:pointer;}
.selectricDisabled{filter:alpha(opacity=50); opacity:0.5; cursor:default; -webkit-touch-callout:none; -webkit-user-select:none; -moz-user-select: none; -ms-user-select:none; user-select:none;}
.selectricOpen{z-index:9999;}
.selectricHideSelect{position:relative; overflow:hidden;}
.selectricHideSelect select{position:absolute; left:-100%;}
.selectric{background:#f0eeee; position:relative; border-radius:5px; -webkit-border-radius:5px;}
.selectricOpen .selectric{border-color:#CCC; background:#F0F0F0; z-index:9999;}
.selectric .label{display:block; white-space:nowrap; overflow:hidden; margin:0 30px 0 0; padding:6px 6px 6px 10px; font-size:15px; line-height:1.5; color:#5f5d5d; font-family:'robotoregular';}
.selectric .button{position:absolute; right:0; top:0; height:34px; width:30px; color:#000; text-align:center; font:normal 30px/38px sans-serif;}
.selectricHover .selectric{border-color:#CCC;}
.selectricHover .selectric .button{color:#888;}
.selectricTempShow{position:absolute!important; visibility:hidden!important; display:block!important;}
/* Items box */
.selectricItems ul,.selectricItems li{list-style:none; padding:0; margin:0; min-height:20px; line-height:20px; font-size:12px;}
.selectricItems{display:none; position:absolute; overflow:auto; top:100%; left:0; background:#F9F9F9; border:1px solid #CCC; z-index:9998; box-shadow:0 0 10px -6px;}
.selectricOpen .selectricItems{display:block;}
.selectricItems li{padding:5px; cursor:pointer; display: block; border-bottom:1px solid #EEE; color:#666; border-top:1px solid #FFF;}
.selectricItems li.selected{background:#EFEFEF; color:#444; border-top-color:#E0E0E0; }
.selectricItems li:hover{background:#F0F0F0; color:#444;}
/*Dropdown Close*/
.carsblock{clear:both}
.featured{border-bottom:1px solid #383838; margin-bottom:24px;}
.car_pic{position:relative;}
.car_pic a img {max-width:200px;max-height:150px;}
.car_pic p {max-height: 2em;overflow:hidden;}
.car_pic span{background:url(../images/feature.png) no-repeat; width:98px; height:31px; font-size:14px; text-transform:uppercase; line-height:30px;  display:block; position:absolute; left:0px; top:10px; color:#fefcfc; padding-left:7px;}
.auction_car{float:left; width:225px; margin-right:14px; margin-bottom:14px;}
.auction_car p{font-family:'robotoregular'; font-size:15px; line-height:20px; text-align:center;max-height:40px;max-width:200px;min-height:40px;}
.auction_car p a{color:#fefcfc;}
.auction_car p a:hover{color:#e41b23;position:relative;z-index:3;background-color:#383838;}
.auction_car.last{margin-right:0px;}
.pagination{ padding:20px 0 35px 0;}

.pagination ul{text-align:center;}

.pagination ul li{display:inline; font-family:'robotoregular'; font-size:20px;}

.pagination_key, .pagination_active, .pagination_far_left,.pagination_left,.pagination_far_right,.pagination_right,.pagination ul li a{display:inline-block; border:1px solid #383838; background-color:#267c4d; width:54px; height:46px; line-height:44px; text-align:center; color:#fefcfc; border-radius:5px; -webkit-border-radius:5px;margin:5px;}
.pagination_active,.pagination ul li a:hover, .pagination ul li.active a{background-color:#ad1016;}

/*Detail*/
.left_smallcar{float:left; width:221px;}
.smallcars{padding-top:60px;}
.smallcar{padding-bottom:20px;}
.smallcar img{display:block;}
.smallcar.last{margin-right:0px;}
.vehicle_price h3{font-family:'robotoregular'; font-size:15px; font-weight:normal; color:#f5f5f5; background-color:#565656; line-height:40px; text-align:center; margin-bottom:3px;}
.vehicle_price ul li{font-family:'robotoregular'; font-size:15px; color:#f5f5f5; border:1px solid #353535; background-color:#000; line-height:38px; padding-left:7px; margin-bottom:3px;}
.auction_detail{float:right; padding-top:18px; width:699px;}
/*pre FEB 5 2020 WAS: .auction_detail h2{font-size:24px; font-weight:normal; color:#fdfafa; font-family:'robotoregular'; padding-bottom:3px;} */
.auction_detail h2{font-size:24px; font-weight:normal; color:#fdfafa; font-family:'robotoregular'; padding-bottom:3px;line-height: 21px;}
.auction_pic{position:relative; margin-bottom:5px;}
.auction_pic span{position:absolute; right:0px; top:0px;}
.auction_pic img{display:block;}
.auction_detail h3{font-size:24px; font-weight:normal; color:#e41b23; font-family:'robotoregular'; padding-bottom:5px; }
.email_link{margin-bottom:16px;}
.email_link li{float:left; font-size:14px; padding-right:9px; text-transform:uppercase;}
.email_link li a{color:#fefcfc; background-color:#e41b23; line-height:30px; padding:0 15px; display:block}
.email_link li:last-child{float:right; padding-right:0px;}
.email_link li:last-child a{color:#161616; background-color:#161616;}
.email_link li a:hover{background-color:#02ad56; color:#fefcfc;}
.detail{float:left; margin-right:3px; width:348px;}
.detail li{font-family:'robotoregular'; font-size:15px; text-shadow: 2px 2px black; color:#f5f5f5; border:1px solid #353535; background-color:#333; line-height:38px; padding-left:18px; margin-bottom:3px;}
.detail.last{margin-right:0px;}
.car_detail{font-family:'robotoregular'; font-size:14px; color:#f5f5f5; border:1px solid #353535; line-height:18px; padding:14px 18px 18px 18px; margin-bottom:3px; clear:both}
/* .car_detail{font-family:'robotoregular'; font-size:14px; color:#f5f5f5; border:1px solid #353535; background-color:#333; line-height:18px; padding:14px 18px 18px 18px; margin-bottom:3px; clear:both} */
.information{padding-top:14px; padding-bottom:38px;}
#topnav{list-style: none;}
.information p{font-family:'robotoregular'; font-size:11px; color:#5a5a5a; line-height:18px;}

//.content-area { max-width: 1460px;
//margin-left: auto;
//margin-right: auto;
}


.css5transition (@time: .5s, @range: all, @ease: ease-out) {
  -moz-transition: @range @time @ease;
  -webkit-transition: @range @time @ease;
  -o-transition: @range @time @ease;
  transition: @range @time @ease;
}

.css5transition-delay (@time: .4s) {
	-webkit-transition-delay: @time;  
	-moz-transition-delay: @time;  
	-o-transition-delay: @time;  
	-transition-delay: @time; 
}

.css5border-radius(@radius) {
	-moz-border-radius:@radius;
	-webkit-border-radius:@radius; 
  border-radius: @radius;
}

.css5gradient (@coler1: #fff, @coler2: #ccc) {
    background: @coler1;
    background: -moz-linear-gradient(@coler1, @coler2);
    background: -webkit-linear-gradient(@coler1, @coler2);
    background: -o-linear-gradient(@coler1, @coler2);
}

.css5box-shadow(@dims:0 0 10px, @color:#000) {
	box-shadow: @dims @color; // Opera, FFX4
	-moz-box-shadow:@dims @color; // FFX3.5
	-webkit-box-shadow:@dims @color; // Safari/Chrome/WebKit
	.ie7 { filter: e(%("progid:DXImageTransform.Microsoft.Shadow(color='%d', Direction=135, Strength=3)", @color)); }
}

.css5inset(@dims:1px 1px 1px, @color:#fff) {
    box-shadow: @dims @color; // Opera, FFX4
    -moz-box-shadow:@dims @color; // FFX3.5
    -webkit-box-shadow:@dims @color; // Safari/Chrome/WebKit
}



.css5button {
  margin: 40px;
  font-size: 72px;
  font-family: 'Yanone Kaffeesatz', Arial, sans-serif;
  text-decoration: none;
  text-shadow: 1px 1px 0px #fff;
  font-weight: 400; 
  color: #666;
  border: 1px solid #ccc;
  cursor: pointer;
  padding: 20px 70px 30px;
  position: relative;
  top: 50px;
  left: 30%;
  background: #eee;
  .css5inset;
  .css5border-radius(5px);
  .css5transition;
  &:hover{ color: #333; background: #eeffff; .css5transition;}
}

.modalbg {
	position: fixed;
	font-family: Arial, Helvetica, sans-serif;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0);
	z-index: 99999;
	.css5transition(2s);
  .css5transition-delay(.2s);
	display: block;
	pointer-events: none;
  .css5dialog {
    width: 400px;
    position: relative;
    top: -1000px;
    margin: 10% auto;
    padding: 5px 20px 13px 20px;
    .css5border-radius(10px);
    .css5gradient;
    .css5box-shadow;
  }
}

.modalbg:target {
	display: block;
	pointer-events: auto;
  background: rgba(4, 10 ,30, .8);
  .css5transition();
  .css5dialog {
    top: -90px;
    .css5transition(.8s);
    .css5transition-delay;
  }
}



.css5close {
	background: #606061;
	color: #FFFFFF;
	line-height: 25px;
	position: absolute;
	right: -12px;
	text-align: center;
	top: -10px;
	width: 24px;
	text-decoration: none;
	font-weight: bold;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
  .box-shadow;
  .css5transition;
  .css5transition-delay(.2s);
  &:hover { background: #00d9ff; .css5transition; }
}

.css5fineprint {
  font-style: italic;
  font-size: 10px;
  color: #646;
}
a { color: #E41B23; text-decoration: none; }
.modala{
  .css5inset;
  .css5border-radius(5px);
  .css5transition;
  &:hover{ color: #333; background: #eeffff; .css5transition;}
}

.bpbutton.b-close, .bpbutton.bClose {

border-radius: 7px 7px 7px 7px;
box-shadow: none;
font: bold 131% sans-serif;
padding: 0 6px 2px;
position: absolute;
right: -15px;
top: -15px;
}
.bpbutton {
background-color: #383838;
border-radius: 10px;
box-shadow: 0 2px 3px rgba(0,0,0,0.3);
color: #fff;
cursor: pointer;
display: inline-block;
padding: 10px 20px;
text-align: center;
text-decoration: none;
}

/*** JO ADDED FOR STYLEING OF ADDED SUBMIT BUTTONS***/
input#gobutton{
cursor:pointer; /*forces the cursor to change to a hand when the button is hovered*/
padding:5px 25px; /*add some padding to the inside of the button*/
background:#35b128; /*the colour of the button*/
border:1px solid #33842a; /*required or the default border for the browser will appear*/
/*give the button curved corners, alter the size as required*/
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
/*give the button a drop shadow*/
-webkit-box-shadow: 0 0 4px rgba(0,0,0, .75);
-moz-box-shadow: 0 0 4px rgba(0,0,0, .75);
box-shadow: 0 0 4px rgba(0,0,0, .75);
/*style the text*/
color:#f3f3f3;
font-size:1.1em;
}
/***NOW STYLE THE BUTTON'S HOVER AND FOCUS STATES***/
input#gobutton:hover, input#gobutton:focus{
background-color :#399630; /*make the background a little darker*/
/*reduce the drop shadow size to give a pushed button effect*/
-webkit-box-shadow: 0 0 1px rgba(0,0,0, .75);
-moz-box-shadow: 0 0 1px rgba(0,0,0, .75);
box-shadow: 0 0 1px rgba(0,0,0, .75);
}
.auction_message{
  width:600px;
  overflow:hidden;
}