/************************************ DESKTOP ************************************/
@font-face {
  font-family: 'HelveticaNeue';
  src:  url('/font/HelveticaNeueLTStd-Lt/HelveticaNeueLTStd-Lt.eot?#iefix') format('embedded-opentype'),  
        url('/font/HelveticaNeueLTStd-Lt/HelveticaNeueLTStd-Lt.otf')  format('opentype'),
	url('/font/HelveticaNeueLTStd-Lt/HelveticaNeueLTStd-Lt.woff') format('woff'), 
        url('/font/HelveticaNeueLTStd-Lt/HelveticaNeueLTStd-Lt.ttf')  format('truetype'), 
        url('/font/HelveticaNeueLTStd-Lt/HelveticaNeueLTStd-Lt.svg#HelveticaNeueLTStd-Lt') format('svg');
  font-weight: normal;
  font-style: normal;
}

/* GENERAL */
html {
    background: #fff;
}

body {
    height: 100%;
    color: #747474;
    font: 14px/30px 'HelveticaNeue', Arial, Helvetica, sans-serif
}

.absolute{
    position: absolute;
}

.relative{
    position: relative;
}
/* CONTENT */
a {
    color: #085dad;
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}

a.read-more, .read-more {
/*    background: #ccc;
    color: #fff;*/
}

a.read-more:hover, 
.read-more:hover{
    text-decoration: underline;
}

h1 {
    text-transform: uppercase;    
    color: #01a25e;
}

h2 {
    text-transform: uppercase;
    color: #01a25e;
}

h3 {
    color: #085dad;
}

/* INPUT */
input[type="text"]{
    padding: 7px;
}

input[type="text"]::-webkit-input-placeholder{
    color: #b2b2b2;
    font-style:  italic;
}

/* Internet explorer*/
input[type="text"]:-moz-placeholder{
    color: #b2b2b2;
    font-style:  italic;
}

/* Mozilla */
input[type="text"]:-ms-input-placeholder{
    color: #b2b2b2;
    font-style:  italic;
}

/* Place holder */
input[type="text"].placeholder{ 
    color: #b2b2b2;
    font-style: italic;
}


input[type="submit"]{
    right: 10px;
    background: none;
    border: none;
    top: 0;
    bottom: 0;
    color: #085dad;
}

/* END INPUT */
.general-color {
    color: #747474;
}

.main-color {
    color: #085dad;
}
.main-second-color {
    color: #01a25e;
}
.newsitem-content h3 {
    color: #ccc;
}

.images img {
    background: #ccc;
}

.image-title{
    color: #000;
}

.newsitem-content {
    border-top: 3px solid #ccc
}

/* NAVIGATION */

.mobile-menu{
    background:#c2c2c2;
}

nav#main-menu a {
    color: #ccc;
}

nav#main-menu a.active {
    background: #085dad;
    color: #fff;
}

nav#main-menu li a {
    display: block;
    padding: 0 7px;
    color: #085dad;
    
}

nav#main-menu li:hover a,
nav#main-menu li a.active
{
    background: none;
    color: #085dad;
    text-decoration: underline;
}

nav#main-menu ul > li > ul {
    margin-bottom: 0;
}


.sub-navigation a {
    color: #fff;
    background-color: #ccc;
}

.sub-navigation a:hover {
    background-color: #085dad;
}
.sub-navigation a.active {
    background-color: #085dad;
    display: block;
}

/* CONTACT */
.contactForm input[type=submit]:hover {
    background: #085dad;
}

.contactForm input[type=submit] {
    background: #ccc;
}

.errorBox {
    background: #fff;
    border: 5px solid #a61814;
    color: #000;
}

select{
    border: 1px solid #ccc;
}

/* Pagination */

.pagination .pageLink, .pagination .lastPage, .pagination .nextPage, .pagination .prevPage, .pagination .firstPage, .pagination .dotSep{
    background: #ccc;
    color: #fff;
}

.pagination .currPage{
    background: #085dad;
    color: #fff;
}

/* FOOTER */
.footer-background-color {
    background: #ccc;
}

footer a{
    color: #fff;
}

#sticky-footer {
    color: #fff;
}

/* Webshop */

.shopping-cart{
    background:#fff;
    border: 1px solid #ccc;
}
.shopping-cart-head{
    background:#ccc;
}

.shopping-cart-content{
    color: #000;
}

.shopping-cart-content a{
    color: #000;
}

.shopping-cart-price{
    border-top: 1px solid #ccc;
}

.shopping-cart-head a{
    color: #fff;
}

/* Product overview*/

.product-block{
    background: #fff;
    border: 1px solid #ccc;
    color: #000;
}

.products-overview .product-price, .home .product-price{
    color: #fff;
    background: #085dad;
}

.products-overview-description{
    border: 1px solid #ccc;
    background: #fff;
    color: #000;
}

.products-overview .product-image, .home .product-image{
    border: 1px solid #ccc;
}

.products-overview .product-name, .home .product-name{
    border-bottom: 3px solid #ccc;
}

/* Product detail */
.product-detail .product-original-price{
    font-size: 14px;
    color: #f00;
    text-decoration: line-through;
}
.product-detail .product-price{
    color: #085dad;
}

.product-detail-column{
    border: 1px solid #ccc;
    background: #fff;
    color: #000;
}

.product-detail-image{
    border: 1px solid #ccc;
}
.product-detail-image-small{
    border: 1px solid #ccc;
}

.statusUpdate{
    color: #f00;
}

.product-info h1{
    color: #f32626;
}

/* Tabs on product detail*/

.tabs .tabsHolder ul li.active span.label{
    background-color: #085dad;
    border-bottom: 1px solid #085dad;
    color: #fff;
}

.tabs .tabsHolder ul{
    background-color: #CCC;
    color: #fff;
}

.tabs .tabsHolder ul li span.label:hover{
    background: #085dad;
    border-bottom: 1px solid #085dad;
}

.tabs .tabDetails .tabLabel.active{
    background: url(/images/layout/closed.png) no-repeat #085dad;
    background-position: 95% 50%;
}

.tabs .tabsHolder ul{
    background-color: #CCC;
}

.tabs .tabDetails .tabContent.opened{
    border: 1px solid #c4c4c4;
    background: #fff;
    color: #000;
}

.tabs .tabDetails .tabContent p:last-child{
    margin-bottom: 0;
}

/* Product navigation */

.product-categories{
    border: 1px solid #ccc;
    background: #fff;
}

.product-categorie-active{
    background: #ccc;
    color: #fff;
}

.product-categorie-active a{
    color:#f00;
}

.product-categorie-column a{
    color:#000;
}
.product-categorie-column a:hover{
    color:#085dad;
}

#product-filter{
    border: 1px solid #ccc;
    background: #fff;
}
.product-filter-head{
    background: #ccc;
    color: #fff;
}

.product-filter-head-mobile{
    background: url(/images/layout/opened.png) no-repeat #ccc;
    background-position: 95% 50%;
}
.opened{
    background: url(/images/layout/closed.png) no-repeat #ccc;
    background-position: 95% 50%;
}
.product-filter-column{
    color: #000;
}

/* Shopping cart Page */

.basket .product{
    border-bottom: 1px solid #ccc;
    background: #fff;
    color: #000;
    overflow: hidden;
}

.basket .head, .order .head, .bike .head, .page .head{
    border-bottom: 1px solid #ccc;

}

.step{
    color: #fff;
    background-color: #ccc;
}

.step-active{
    color: #fff;
    background-color: #085dad;
}
.step-amount{
    background: #ccc;
    color: #fff;
}
.step-sep{
    background: url(/images/layout/step-sep.png) no-repeat center center;
}
.delete-button{
    background: url(/images/layout/delete-button.png) #ccc no-repeat;
}
.refresh-button{
    background: url(/images/layout/refresh-icon.png) no-repeat;
}
.refresh-button-small{
    background: url(/images/layout/refresh-icon-small.png) no-repeat;
}
.delete-button-small{
    background: url(/images/layout/delete-button-small.png) #ccc no-repeat;
}

.basket .basket-order-details-column{
    background: #fff;
    color: #000;
}


.basket .underline{
    border-bottom: 1px solid #ccc;
}
.basket .upperline{
    border-top: 1px solid #ccc;
}

/* Order Page */
.order select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
    color: #000;
}

.order-column{
    background: #fff;
    color: #000;
}

/* Shopping cart column header*/


.cart-button-amount{
    color: #ccc;
}

.shopping-cart{
    background:#fff;
    border: 1px solid #ccc;
}
.shopping-cart-head{
    background:#ccc;
}

.shopping-cart-content{
    color: #000;
    background: #fff;
}

.shopping-cart-content a{
    color: #000;
}

.shopping-cart-price{
    border-top: 1px solid #ccc;
    background: #fff;
}

/*Login column header*/


.inlog-button {
    color: #085dad;
}

.login-column{
    background:#fff;
    border: 1px solid #ccc;
    color: #000;
}
.login-column-head{
    background:#ccc;
    color: #fff;
}

.login-column-content{
    color: #000;
}

.login-column-content a{
    color: #085dad;
}

.login-column-head a{
    color: #fff;
}

/* Image zoom */

.image-zoom {
    background: #ccc;
}

a:hover .image-zoom {
    background: #f32626;
}

/* Producten on Home*/

.module-producten{
    border-bottom: 3px solid #ccc; 
}

.module-container-title a{
    color: #085dad;
}


/* Motoren */

.bike-column{
    border-top: 3px solid #ccc;
}

.bike-column-title{
    color: #ccc;
}

.bike-overview-column-title a{
    color: #ccc;
}

.bike-overview-column{
    background: #fff;
    color: #000;
    border: 1px solid #ccc;
}

.bike-overview-column-title{
    border-bottom: 3px solid #ccc;
}

.bike-overview-column-image{
    border: 1px solid #ccc;
}

.bike-detail-title{
    border-bottom: 3px solid #ccc;
}

.bike-detail-column{
    background: #fff;
    color: #000;
    border: 1px solid #ccc;
}

.bike-detail-image{
    border: 1px solid #ccc;
}
.bike-detail-thumb{
    border: 1px solid #ccc;
}

/* Style Special for Client*/
/* Faq module */
.faq-question{
    font-weight: bold;
    cursor: pointer;
}

/* Search module */
.search-item{
    border-bottom: 1px dotted #085dad;
    margin-bottom: 10px;
}

.search-item a{
}


/* Header */
header#main-header{
    position: relative;
    z-index: 100;
    top: 20px;
    margin-bottom: 20px;

}


/* Search bar */
#search-form input[type='text']{
    width: 292px;
    padding-right: 60px;
    box-sizing: border-box;
    height: 35px;
}

@media (max-width: 576px) {
    body {
        font-size: 16px;
    }
}
