@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url('roboto/Pru33qjShpZSmG3z6VYwnVtXRa8TVwTICgirnJhmVJw.woff2') format('woff2');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url('roboto/fIKu7GwZTy_12XzG_jt8eA.woff2') format('woff2');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'), url('roboto/oOeFwZNlrTefzLYmlVV1UFtXRa8TVwTICgirnJhmVJw.woff2') format('woff2');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url('roboto/97uahxiqZRoncBaCEI3aW1tXRa8TVwTICgirnJhmVJw.woff2') format('woff2');
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'), url('roboto/t6Nd4cfPRhZP44Q5QAjcC6g5eI2G47JWe0-AuFtD150.woff2') format('woff2');
}

@import url("css/template.css");
@import url("css/form.css");
@import url("css/infobox.css");
@import url("css/contentbox.css");
@import url("css/popup.css");
@import url("css/calender.css");
@import url("css/errors_messages.css");

#demo-header-container {
  width: 100%;
  height: 75px;
  background: url("../../images/demo-header-background.png") repeat-x top;
  font-family: Arial, sans-serif;
  font-size: 18px;
  color: white;
  line-height: 60px;
}
#demo-footer-container {
  width: 100%;
  height: 58px;
  background: url("../../images/demo-footer-background.png") repeat-x top;
  font-family: Arial, sans-serif;
  font-size: 16px;
  color: white;
  font-weight: bold;
  line-height: 40px;
}

.boxText {
  font-size: 11px; color: #5E5E5E;
}
.productsNotifications {
  background: #f2fff7;
}
.orderEdit {
  font-size : 10px;
  color: #70d250;
  text-decoration: underline;
}

td.headerNavigation, td.headerNavigation a:link, td.headerNavigation a:visited { color:#b3b3b3; text-decoration:none;}
td.headerNavigation a:hover { color:#f39800; text-decoration:underline;}

/* buttons if css buttons ebnabled */
.template-button-left, .template-button-middle, .template-button-right {
  height: 16px;
  font-family: Verdana;
  font-size: 11px;
  color: #fff;
  padding: 7px 0 5px 0;
  margin: 0;
  vertical-align: bottom;
  display: -moz-inline-box;
  display: inline-block;

  cursor: pointer;
}
.template-button-left {
  background: url(images/button-left.png) no-repeat;
  width: 8px;
}
.template-button-middle {
  background: url(images/button-middle.png) repeat-x;
  white-space: no-wrap;
}
.template-button-right {
  background: url(images/button-right.png) no-repeat;
  width: 8px;
}
.template-button-middle .submitButton{
  white-space: nowrap;
  vertical-align: top;
  border: 0px;
  color: #FFFFFF;
  font-family: Verdana;
  font-size: 11px;
  text-decoration: none;
  cursor: pointer;
  background: transparent;
}
/* buttons eof */

/* unsure on this, checking... */
.infoBoxContentsLeft_categ{
  color: #17426B;
}
.infoBoxContentsLeft_categ A:link, .infoBoxContentsLeft_categ A:active, .infoBoxContentsLeft_categ A:visited{
  font-size: 11px;
  font-weight: normal;
  color: #5E5E5E;
}
.infoBoxContentsLeft_categ A:hover {
  color: #17426B;
}
.infoBoxContentsLeft A:link, .infoBoxContentsLeft A:active, .infoBoxContentsLeft A:visited{
  font-size: 10px;
  font-weight: normal;
  color: #005EA7;
}
.infoBoxContentsLeft A:hover {
  color: #17426B;
}
.infoBoxContentsRight A:link, .infoBoxContentsRight A:active, .infoBoxContentsRight A:visited{
  font-size: 10px;
  font-weight: normal;
  color: #005EA7;
}
.infoBoxContentsRight A:hover {
  color: #17426B;
}
.infoBoxContentsCenter A:link, .infoBoxContentsCenter A:active, .infoBoxContentsCenter A:visited{
  font-size: 10px;
  font-weight: normal;
  color: #005EA7;
}
.infoBoxContentsCenter A:hover {
  color: #17426B;
}

.az_top_nav A:link, .az_top_nav A:active, .az_top_nav A:visited{
  font-size: 10px;
  color: #FFFFFF;
  font-weight: normal;
  text-decoration: none;
}
.az_top_nav A:hover{
  font-size: 10px;
  color: #17426B;
}

.az_pageheading_main{
  padding-left: 15px;
  padding-right: 10px;
}
td.infoBoxHeadingLeft_categ, td.infoBoxHeadingLeft {
  background-image: url("images/az_leftbox_top.gif");
  background-repeat:  no-repeat;
  height: 41px;
}
td.infoBoxContentsLeft_categ{
  background-image: url("images/az_leftbox_category.gif");
  background-repeat:  no-repeat;
  background-position: top left;
  height: 25px;
  padding-top: 3px;
  padding-left: 25px;
  font-size: 10px;
}
.infoBoxMBottomleft_az01, .infoBoxMBottomleft{
  background-image: url("images/az_leftbox_bottom.gif");
  background-repeat:  no-repeat;
  height: 5px;
  padding-bottom: 5px;
}
/* RIGHT bar css controls */

.main_page_promo{
  background-image: url("images/az_promo_box_mid.gif");
  background-repeat:  repeat-x;
  background-position: bottom left;
  height: 42px;
}

/* used in featured_products.php mainpage module*/
td.price_mainpage{
  color:#EF5502;
  font-weight: bold;
}
td.price_mainpage s{
  color:#5E5E5E;
  font-weight: bold;
}
td.price_mainpage span{
  color:#EF5502;
  font-weight: bold;
}

.blurbs {
  width:200px;
  /*background-color:#eeeeee;
  border: 1px #cccccc solid;*/
  margin-left:2px;
  margin-right:2px;
  margin-top:0.2em;
  margin-bottom:0;
  padding-right: 10px;
  padding-left: 10px;
}
.mypager {
  text-align: center;
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
  background:#f4f4f4;
}
.mypager ul{
  margin: 0;
  padding: 0;
}
.mypager ul li {
  list-style: none;
  float: left;
}
.mypager ul li a {
  display: block;
  padding: 11px 14px;
  margin-left: 2px;
  color: #007cca;
}
.mypager ul li a:hover {
  background-color: #b3b0b04d;
  color: #007cca;
  cursor: pointer;
}
.disabled {
 pointer-events: none;
 cursor: default;
 opacity: 0.6;
 color: gray !important;
}
.myactive {
  background-color: #b3b0b04d;
  color:#000 !important;
}
.filter-body {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  box-sizing: border-box;
}
.filter-tag {
  border: 1px solid #dcdcdc;
  padding: 5px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex: 0 0 auto;
  background-color: #f4f4f4;
  margin: 2px 4px 2px 0;
}
.filter-tag-label {
  vertical-align: baseline;
  padding: 4px 4px 4px 5px;
}
.filter-tag-close {
  display: flex;
  align-items: center;
  padding: 4px 8px 4px 4px;
  cursor: pointer;
  position: relative;
  vertical-align: baseline;
}
.filter-body a {
  display: block;
  cursor: pointer;
  padding: 2px 2px 2px 8px;
  vertical-align: baseline;
  color: #007cca;
}
/*custom css*/
#usedcar .navbar-toggle.res_menu{
	margin-top: 0px;
}
.btn_placeholder{max-width: 59% !important;}
.ser_placeholder_btn{max-width: 24% !important;}
.show_total {
    width: 40%;
    float: left;
    margin-top: 10px;
    margin-right: 10px;
    padding: 0px 10px;
}
.cart_order_btn {
    background-color: #ccc;
}
.account_drop_down.dropdown-menu{
	left:auto !important;
	right:0px !important;
}
#show_more{
	float: right;
	margin-top: 7px;
	margin-right: 10px;
}
.padding_left{padding-left:0px !important;}
#usedcar .logo_wrapper .branding-sps span.icon-bar {
    margin-right: 0px !important;
}
@media only screen and (max-width: 378px) and (min-width: 320px) {
	.show_total b{font-size:12px;}
	.show_total span{font-size:12px;padding-top: 3px;}
}
@media only screen and (max-width: 500px) {
	.padding_left{padding-left:5px !important;}
	.logo_display{display:block;}
	.small-margin-right.img-logo-responsive {
		display: none !important;
	}
	.mobile_no {
		display: none;
	} 
	.offer_new_main_content{padding:0px !important;}
	.no_padding{padding:0px !important;}
}
@media only screen and (min-width: 501px) {
	.logo_display {
		display: none;
	}
}
@media only screen and (max-width: 400px) and (min-width:320px) {
		.account{display:none;}
}
@media only screen and (max-width: 700px) and (min-width:501px) {
	.mobile_no {
		display: none;
	} 
}
@media only screen and (max-width: 767px) and (min-width:501px) {
	.padding_for_small{
		padding-top:8px !important;
		padding-left:5% !important;
		}
}
@media only screen and (max-width: 991px) and (min-width:768px) {
	.mobile_no{display:none;}
	body #usedcar .navbar-nav > li > a::after {
		top: 0px !important;
	}
	#bs-example-navbar-collapse-1 ul li a {
		padding-top: 0px !important;
	}
}
@media only screen and (max-width: 500px) and (min-width:320px) {
	.mobile_link{font-size:12px;}
	
	#usedcar .navbar-toggle.res_menu{
		margin-left:4px;
		margin-right:0px;
		padding: 4px 5px !important;
		margin-top: 0px;
	}
	#usedcar .logo_wrapper button span.icon-bar {
		margin-right: 2px !important;
	}

	#usedcar .navbar-toggle .icon-bar{
		width:15px;
	}
	.padding_for_small{padding-top:8px !important;}
}
@media only screen and (max-width: 767px){
	.dropdown-menu {
		position: absolute !important;
		background-color: #fff !important;
		top: 133% !important;
		left:auto;
	}
	.mobile_menu{
		position: absolute !important;
		top: 58px;
		z-index: 9;
		background-color: #ccc;
		left: 0;
	}
	.mobile_menu ul{float:left;}
	/*.mobile_menu ul li a{text-align:left;}*/
	.mobile_menu ul li.dropdown ul {
		position: relative !important;
		background-color:#ccc !important;
	}
	.mobile_menu ul li {
		text-align: left;
	}
}
@media only screen and (max-width: 767px){
	#usedcar .website_options{clear:none !important;}
}

.body_tab .offer h4::after{
  right: 0 !important;
  left: 150px !important;
}

div#eucookielaw {
	position: fixed;
	bottom: 0;
	width: 100%;
	background: darkgray;
	padding: 10px;
	z-index: 9;
	font-size:15px;
	color:#000;
}
#eucookielaw {
	animation-duration: 1s;
	animation-name: slideup;
}
a#seteucookie, a#more {
	background: #b20000;
	color: #fff;
	border-radius: 6px;
	padding: 3px 14px;
	cursor: pointer;
	margin-left: 10px;
}
.cokkie_btn {
	margin-top: 12px;
	text-align: center;
}
a.banner_logo {
    position: absolute;
    right: 15px;
    bottom: 0;
}
.text_banner .text_ul{
  position: relative;
}
@media screen and (max-width: 490px){
  .text_ul .banner_logo img {
      width: 50px !important;
  }
}
@media screen and (max-width: 490px) and (min-width: 350px){
   a.banner_logo {
    bottom: 71px;
  }
}
@media screen and (max-width: 349px){
   a.banner_logo {
    bottom: 0;
  }
}
.ad_logo{
  text-align: center;
}