* {
	border: 0px solid;
	font-family: var(--main-font);
}

.ekko-lightbox-nav-overlay span{
  color: #000000;
  font-size: 50px;
}
.product-gallery{
  cursor: pointer;
}

body {  
  background: #f6f6f6;
}
h1, h2, h3, h4, h5 {
  color: #777;
  font-weight: 100;
}
h3{
  margin-top: 5px;
}
a {
  color: var(--main-color);
}
p {font-size: 16px!important;}

hr {
  border-color: #e5e5e5;
}

.navbar {
  min-height: 80px;
  margin-bottom: 0;
  background-color: transparent;
  border: 0;
  border-radius: 0;
}
.navbar-brand {
  height: auto!important;
}
.navbar-brand img {
  max-height: 70px;
}
.navbar-nav > li > a {
  color: #000000!important;
}
.navbar-nav > li > a:hover {
  color: var(--main-color)!important;
}
.navbar-nav > li.open > a{
  color: #FFFFFF!important;
  background-color: var(--main-color)!important;
}
.navbar-nav > li.open > a:hover{
  color: #FFFFFF!important;
}
.navbar-toggle{
  padding: 12px 10px;
  margin-top: 18px;
  background-color: transparent;
}

.navbar-inverse .navbar-toggle:focus .icon-bar{
  background-color: #FFFFFF;
}
.navbar-inverse .navbar-toggle .icon-bar {
  background-color: var(--main-color);
}
.navbar-nav > li > a:hover {
  color: var(--main-color)!important;
}

.topmenu {
  padding-top: 20px;
  text-transform: uppercase;
}

.phonenumber {
  position: absolute; 
  top: 0px; 
  right: 15px; 
  font-size: 12px; 
  padding: 2px 5px; 
  border-radius: 0px 3px 3px 0px; 
  color: #ffffff; 
  letter-spacing: 1px;
  background: var(--main-color);
}

.product-search-container {
  padding: 0px;
  background: var(--main-color);
}
.product-search-container>div>div.row {
  padding: 10px 0;
}
.product-search-container input, select{
  border-radius: 0px!important;
  border: 0px!important;
  border-left: 1px solid #505050!important;
}
.control-search{
  float: right;
}
.container_homesearch_inputs {
  min-height: 345px!important;
  background-position: center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}





.maincategory-container div a{
  position: relative;
  min-height: 250px;
  margin: 10px 0;
  background: #ffffff;
  border: 1px solid #ffffff;
  display: inline-block;
  border-bottom: 3px solid var(--main-color);
  -webkit-box-shadow: 0px 0px 15px -5px rgba(0,0,0,0.58);
  -moz-box-shadow: 0px 0px 15px -5px rgba(0,0,0,0.58);
  box-shadow: 0px 0px 15px -5px rgba(0,0,0,0.58);
}
.maincategory-container div a:hover{
  border: 1px solid var(--main-color);
  border-bottom: 3px solid var(--main-color);
  -webkit-box-shadow: 0px 24px 33px -22px rgba(0,0,0,0.29);
  -moz-box-shadow: 0px 24px 33px -22px rgba(0,0,0,0.29);
  box-shadow: 0px 24px 33px -22px rgba(0,0,0,0.29);
}
.maincategory-container div a span{
  background: #ffffff;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 50px;
  text-align: center;
  text-transform: uppercase;
  padding: 0 10px;
}




.footercols {
  -webkit-box-shadow: 0px 24px 33px -22px rgba(0,0,0,0.29);
  -moz-box-shadow: 0px 24px 33px -22px rgba(0,0,0,0.29);
  box-shadow: 0px 24px 33px -22px rgba(0,0,0,0.29);
}
.footercols ul{
  padding: 0px;
}
.footercols ul li{
  list-style-type: none;
}
.footercols ul li a{
  list-style-type: none;
}
.footercols h3{
  color: #000000!important;
}
.footercols_content a{
  color: #0a5dac;
}
.arrow {
  position: absolute;
  top: 0px;
  border-style: solid;
  border-width: 10px 5px 0 5px;
  border-color: #0a5dac transparent transparent transparent;  
}




.btn-default,.btn-default:focus {
  text-transform: uppercase;
  border: 1px solid var(--main-color-light);
  background: var(--main-color);
  color: #FFFFFF;
  border-radius: 0;
}
.btn-default:hover,.btn-default:active {
  text-transform: uppercase;
  border: 1px solid var(--main-color);
  background: var(--main-color-light)!important;
  color: var(--main-color);
  border-radius: 0;
}






table.listatable{
  background: #FFFFFF;
}
table.listatable{
  width: 100%;
  margin-bottom: 10px;
  border: 1px solid #ffffff;  
}
table.listatable:hover{
  background: #f9f9f9;
  border: 1px solid #f2f2f2;
  -webkit-box-shadow: 0px 24px 33px -22px rgba(0,0,0,0.29);
  -moz-box-shadow: 0px 24px 33px -22px rgba(0,0,0,0.29);
  box-shadow: 0px 24px 33px -22px rgba(0,0,0,0.29);
}
table.listatable tr td:nth-child(1){
  text-align: center;
  width: 15%;
  min-width: 100px;
}

table.listatable tr td{
  border-left: 1px solid #e4e4e4;
  padding: 10px;
}





.FilterContainer {
  display: visible!important;
}
.FilterContainer h3 {
  background: var(--main-color);
  padding: 10px;
  color: #ffffff;
  margin: 0px 0;
}
.FilterContainer h4 {
  color: var(--main-color);
  padding: 10px;
  border-left: 2px solid var(--main-color);
  background: var(--main-color-light);
  margin: 0;
}
.FilterContainer-content {
  background: #ffffff;
  padding: 20px 10px 5px 10px;
  overflow: hidden;
}

.FilterContainer-content input[type=text] {
  border: 1px solid #e2e2e2;
  width: 90%!important;
  padding: 7px;
}
.FilterContainer-content label {
  cursor: pointer;
  font-size: 11px;
  font-weight: normal; 
  margin-bottom: 0px;
  margin-top: 0px;
  display: block;
}
.FilterContainer-content input[type=checkbox], input[type=radio] {
  vertical-align: middle;
  position: relative;
  bottom: 4px;
}
.FilterContainer-content input[type=radio] {
  bottom: 4px;
}

.detaliiprodus span{
  color: #0a5dac;
  font-weight: bold;
}
.detaliiprodus hr {
  margin: 5px 0px;
}

.input-group-addon{
  background: var(--main-color-light);    
}
.add2basket button,.add2basket button:focus{
  font-size: 15px!important;
  text-decoration: none;
  background: var(--main-color);
  color: #ffffff;
  padding: 0px 15px 0px 0px!important;
  border: 0px!important;
  border-radius: 0px!important;
}
.add2basket i{
  font-family: FontAwesome;
  font-size: 15px;
  background: #e12631;
  padding: 10px;
  margin: 0px;
  border-right: 2px solid #ffffff;
}
.add2basket button:active,.add2basket button:hover{
  background: #e12631!important;
  color: #ffffff!important;
}
.add2basket span{
  padding-left: 15px;
}


.detaliimage img{
  border: 1px solid #e4e4e4!important;
  width: 100%;
}
.detaliiprodus table{
  width: 100%;
  font-size: 12px;
  border-top: 1px solid #e12631;
}
.detaliiprodus table tr{
  border-bottom: 1px solid #e4e4e4;
  padding: 10px 0!important;
  background: #fff;
}
.detaliiprodus table tr:hover{
  background: #f6f6f6;
}
.detaliiprodus table tr td{
  padding: 3px 5px!important;
}
.detaliiprodus table tr td i{
  font-size: 17px;
}
.detaliiprodus table tr td a{
  text-decoration: none;
  color: #e12631;
}
.detaliiprodus table tr td strong{
  font-size: 14px;
  font-weight: bold;
  color: #e12631!important;
}
.detaliitabletitle {
  background: #e12631;
  display: inline-block!important;
  padding: 0px 15px;
  color: #fff;
}
.detaliitabletitle h4{
  color: #ffffff;
  padding: 0px!important;
}
.parallaxSubHeader { 
  height: 200px; 
  background-attachment: fixed; 
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: cover;
  border-top: 3px solid #0a5dac;
  border-bottom: 1px solid #ffffff;
  -webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.19);
  -moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.19);
  box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.19);
}


.formregistration h4 {
  border-bottom: 3px solid var(--main-color);
  padding: 0px 0px 10px 0; 
  margin-bottom: 20px;
  font-weight: 400;
}
.formregistration i{
  color: #e12631;
}
.formregistration label{
  font-size: 12px;
  padding-right: 0px!important;
  text-align: right!important;
  font-weight: normal;
}


.loginbox ul {
  min-width: 250px;
  background: #FFFFFF!important;
}
.loginbox label{
  font-weight: normal!important;
  font-size: 12px;
}
.loginbox ul a{
  font-size: 12px;
}






.categlinks a{
  border-bottom: 3px solid var(--main-color);
  margin-bottom: 20px;
}
.categlinks a:hover{
  border: 1px solid var(--main-color);
  border-bottom: 3px solid var(--main-color);
}
.footercols_content {
  background: #ffffff!important;  
  min-height: 300px;
  color: #505050;
  border-top: 4px solid var(--main-color);
}
.footercols_content a{
  color: var(--main-color);
}
.arrow {
  border-color: var(--main-color) transparent transparent transparent;  
}

.filtre h3 {
  background: var(--main-color);
}
.filtre h4 {
  color: var(--main-color);
  border-left: 2px solid var(--main-color);
  background: #d7e7da;
}
.detaliiprodus span{
  color: var(--main-color);
  font-weight: bold;
}
.main-color {
  color: var(--main-color)!important;
}


div.loggedin a {
  margin: 3px 0;
  display: inline-block;
  text-decoration: none;
  padding: 2px 10px;
  font-weight: normal;
  font-size: 13px;
  color: #ffffff;
  border-radius: 5px;  
  background: var(--main-color);  
}
div.loggedin a:hover{
  background: #CC0000;
}

#FilterToggleControl:before {
  content: "\f0b0";
  font-family: FontAwesome;
  display: inline-block;
  color: #ffffff!important;
  text-decoration: none;
  font-size: 24px;
}

.BrandModelTable tr.Hidden{
  border-bottom: 0px!important;
}
.ProductSubCodesTable{
  border-top: 0px!important;
}

.detaliiprodus table tr td.Hidden{
  padding: 0!important;
}
.ProductSubCodesTable{
  display: none;
}
#HeaderBasketInfo a{
  font-size: 18px;
}
#HeaderBasketInfo a span{
  display: inline-block;
  margin: 5px 0 0 0;
  font-size: 10px;
  line-height: 13px;
}


i.fa-trash-o{
  font-size: 20px!important;
  color: #CC0000;
}

i.fa-exclamation-circle{
  font-size: 20px!important;
  color: #FFCC00;
}


span.price{
  float: left;
  color: var(--main-color);
  background: var(--main-color-light);
  font-size: 15px;
  padding: 5px 10px;
  font-weight: normal;
  -webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.17);
  -moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.17);
  box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.17);  
}
span.pricememo{
  font-weight: normal; 
  margin: 10px 0 0 0;
  font-size: 12px;
  float: right;
}

span.stockstatus{
  float: left;
  margin: 6px 0 0 20px;
  text-transform: uppercase;  
  font-weight:  normal;
}

span.stockstatus img{
  margin: -2px 0 0 0;
}

.productDetailThumb{
  float: left;
  max-height: 50px;
  width: auto!important;
  margin: 5px 10px 0 0;
}

.ClientFieldError{
  border: 1px solid #CC0000!important;
}


.olBreadCrumbList{
	float: left;
	line-height: 140%;
	margin: 0 0 0 5px;
	padding: 0;
}
.olBreadCrumbList li{
	float: left;
	display: inline-block;
	margin: 0;
}
.olBreadCrumbList>a.fa-home{
		float: left;		
		margin: 2px 0 0 0;
		font-size: 16px;
}
.olBreadCrumbList>span{
		float: left;
		margin: 0 10px;
}