/*

	- APP DEFAULTS
	- HEADER
	- FOOTER
	- SEARCHBAR
	- MAIN MENU
	- SECTION BOX
	- SECTION HEAD
	- SECTION TOOLS
	- ITEM SELECTION PATH
	- TABLE: BASIC
	- TABLE: SORTABLE
	- AUTOCOMPLETE
	- POPOVER: BASIC
	- POPOVER: STOCK
	- VEHICLE
	- CATEGORIES
	- LOGIN
	- SLIDESHOW
	- SYNC PANEL
	- BRANDS PANEL
	- DELIVERY NOTES and ORDER ARCHIVE
	- ENGINE
	- CART
	- PLACE ORDER
	- HOMEPAGE
	- RESULTS WIDE
	- ARTICLE DETAIL VIEW
	- ARTICLE PARTSLIST
	- FONTS
	- ICONS
	- LIGHTBOX
	
*/

/* ============================================================================================================== */
/* ---------------------------------------------------------------------------------------------- APP DEFAULTS -- */
/* ============================================================================================================== */

html {
	overflow-y: scroll;
}

body {
	font-family: 'Roboto Condensed', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: 400;
	padding-top: 80px;
}

.container {
	width: 100%;
	max-width: 1170px;
}

.row.small-gutters {
	padding-left: 12px;
	padding-right: 12px;
}

.row.small-gutters > [class^="col-"],
.row.small-gutters > [class*=" col-"] {
	padding-left: 3px;
	padding-right: 3px;
}

.btn {
	font-family: 'Roboto Condensed', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: 400;
}

.btn-default {
	/* http://colorzilla.com/gradient-editor/#000000+0,dbdbdb+100&0+92,0.65+100 */
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(201,201,201,0) 92%, rgba(219,219,219,0.65) 100%);
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(201,201,201,0) 92%,rgba(219,219,219,0.65) 100%);
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(201,201,201,0) 92%,rgba(219,219,219,0.65) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6dbdbdb',GradientType=0 );
}

.btn-default:hover {
	/* http://colorzilla.com/gradient-editor/#f9f9f9+0,f9f9f9+94,ededed+100 */
	background: rgb(249,249,249);
	background: -moz-linear-gradient(top, rgba(249,249,249,1) 0%, rgba(249,249,249,1) 94%, rgba(237,237,237,1) 100%);
	background: -webkit-linear-gradient(top, rgba(249,249,249,1) 0%,rgba(249,249,249,1) 94%,rgba(237,237,237,1) 100%);
	background: linear-gradient(to bottom, rgba(249,249,249,1) 0%,rgba(249,249,249,1) 94%,rgba(237,237,237,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#ededed',GradientType=0 );
}

.btn-primary {
	/* http://colorzilla.com/gradient-editor/#007cc1+0,007cc1+93,0056b2+100 */
	background: rgb(0,124,193);
	background: -moz-linear-gradient(top, rgba(0,124,193,1) 0%, rgba(0,124,193,1) 93%, rgba(0,86,178,1) 100%);
	background: -webkit-linear-gradient(top, rgba(0,124,193,1) 0%,rgba(0,124,193,1) 93%,rgba(0,86,178,1) 100%);
	background: linear-gradient(to bottom, rgba(0,124,193,1) 0%,rgba(0,124,193,1) 93%,rgba(0,86,178,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007cc1', endColorstr='#0056b2',GradientType=0 );
}

.btn-primary:hover {
	/* http://colorzilla.com/gradient-editor/#005b8e+0,005b8e+94,00446a+100 */
	background: rgb(0,91,142);
	background: -moz-linear-gradient(top, rgba(0,91,142,1) 0%, rgba(0,91,142,1) 94%, rgba(0,68,106,1) 100%);
	background: -webkit-linear-gradient(top, rgba(0,91,142,1) 0%,rgba(0,91,142,1) 94%,rgba(0,68,106,1) 100%);
	background: linear-gradient(to bottom, rgba(0,91,142,1) 0%,rgba(0,91,142,1) 94%,rgba(0,68,106,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005b8e', endColorstr='#00446a',GradientType=0 );
}

.pagination > li > a {
	/* http://colorzilla.com/gradient-editor/#000000+0,dbdbdb+100&0+92,0.65+100 */
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(201,201,201,0) 92%, rgba(219,219,219,0.65) 100%);
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(201,201,201,0) 92%,rgba(219,219,219,0.65) 100%);
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(201,201,201,0) 92%,rgba(219,219,219,0.65) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6dbdbdb',GradientType=0 );
}

.pagination > li.active > a {
	/* http://colorzilla.com/gradient-editor/#007cc1+0,007cc1+93,0056b2+100 */
	background: rgb(0,124,193);
	background: -moz-linear-gradient(top, rgba(0,124,193,1) 0%, rgba(0,124,193,1) 93%, rgba(0,86,178,1) 100%);
	background: -webkit-linear-gradient(top, rgba(0,124,193,1) 0%,rgba(0,124,193,1) 93%,rgba(0,86,178,1) 100%);
	background: linear-gradient(to bottom, rgba(0,124,193,1) 0%,rgba(0,124,193,1) 93%,rgba(0,86,178,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007cc1', endColorstr='#0056b2',GradientType=0 );
}

.tooltip {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

select.form-control option {
	padding: 4px 6px;
}

.msg {
	font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	padding: 10px 5px;
	text-align: center;
	color: #FFFFFF;
	font-size: 16px;
	max-width: 1140px;
	margin: 0 auto 15px auto;
	border-radius: 3px;
}

@media (max-width: 1170px) {

	.msg {
		font-size: 15px;
		margin: 0 15px 15px 15px;
	}

}

.msg-success {
	background-color: #65b125;
	border: 3px solid #86d148;
}

.msg-error {
	background-color: #d31700;
	border: 3px solid #f0412c;
}

.msg-info {
	background-color: #549bc8;
	border: 3px solid #7fc1eb;
}

.error-box-basic .inner {
	font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 18px;
	color: #858585;
	font-weight: 400;
	text-align: center;
	padding: 140px 0;
	border: 1px solid #cccccc;
	border-radius: 3px;
}

@media (max-width: 500px) {

	.error-box-basic .inner {
		font-size: 16px;
		font-weight: 400;
		padding: 70px 20px;
	}

}

.error-box-basic .tip {
	padding: 30px 0 0 0;
	font-size: 14px;
	color: #999999;
}

.error-box-basic .tip .icon {
	font-size: 16px;
	vertical-align: top;
}

noscript {
	position: fixed;
	z-index: 999;
	right: 20px;
	bottom: 20px;
	padding: 5px 10px 7px 10px;
	color: #FFFFFF;
	background-color: #d7190f;
	border-radius: 5px;
}

#splash-screen {
	display: none;
	z-index: 9999999;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	background-color: #FFFFFF;
	text-align: center;
	padding: 0 100px;
}

#splash-screen img {
	margin-top: 18%;
	margin-left: auto;
	margin-right: auto;
}

/* ============================================================================================================== */
/* ---------------------------------------------------------------------------------------------------- HEADER -- */
/* ============================================================================================================== */

.appheader {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 80px;
	background-color: #202326;
	color: #e6e6e6;
	z-index: 999;
}

.appheader-nosearch {
	margin-bottom: 15px;
}

.appheader a.logo {
	float: left;
	height: 80px;
	line-height: 80px;
}

.appheader a.logo img {
	vertical-align: middle;
}

.appheader a.back-to-top {
	float: left;
	height: 80px;
	line-height: 80px;
	margin-left: 20px;
	padding: 2px 10px 0 10px;
	color: #FFFFFF;
	font-size: 16px;
}

.appheader a.back-to-top:hover {
	color: #d7d7d7;
}

.appheader ul.menu {
	float: right;
	list-style-type: none;
	margin: 20px 0 0 0;
	padding: 0;
	height: 40px;
}

.appheader ul.menu > li {
	position: relative;
	float: left;
	margin-left: 24px;
	border-radius: 2px;
}

.appheader ul.menu > li > a {
	border-radius: 2px;
}

.appheader ul.menu > li > a span.link-text {
	font-size: 16px;
}

.appheader ul.menu > li > .partner-name {
	color: #acacac;
	line-height: 44px;
	margin-right: 20px;
	font-size: 13px;
}

@media (max-width: 500px) {

	.appheader ul.menu > li {
		margin-left: 8px;
	}
	
}

.appheader ul.menu > li span.bubble {
	position: absolute;
	top: -7px;
	right: -7px;
	background-color: #007cc1;
	color: #ffffff;
	font-weight: normal;
	padding: 2px 6px 3px 7px;
}

.appheader ul.menu > li > a {
	color: #e6e6e6;
	float: left;
	height: 40px;
	line-height: 36px;
	padding: 0 10px;
	font-size: 25px;
	text-decoration: none;
}

@media (max-width: 500px) {

	.appheader ul.menu > li > a {
		font-size: 24px;
	}
	
}

.appheader ul.menu > li > a:hover,
.appheader ul.menu > li > a:active {
	color: #FFFFFF;
	text-decoration: none;
}

.appheader ul.menu > li > a:active {
	background-color: #2e3134;
}

.appheader ul.menu > li.dropdown.open {
	background-color: #2e3134;
}

.appheader ul.menu > li.dropdown.open > a {
	color: #FFFFFF;
}

.appheader ul.menu > li.dropdown .dropdown-menu {
	padding: 2px 0;
	min-width: 190px;
}

.appheader ul.menu > li.dropdown .dropdown-menu li {
	margin: 4px;
}

.appheader ul.menu > li.dropdown .dropdown-menu li a {
	padding: 4px 20px;
	line-height: 22px;
	border-radius: 3px;
}

.appheader ul.menu > li.dropdown .dropdown-menu li a:active {
	background-color: #007cc1;
	color: #FFFFFF;
}

/* ============================================================================================================== */
/* ---------------------------------------------------------------------------------------------------- FOOTER -- */
/* ============================================================================================================== */

.footer {
	padding: 40px 0 0 0;
	margin: 0 0 40px 0;
}

.footer .inner {
	padding: 20px 30px;
	background-color: #f7f6f6;
	border-top: 1px solid #e0dfdf;
}

.footer .meta,
.footer .company,
.footer .contact {
	border-bottom: 1px solid #e7e6e6;
}

@media (min-width: 767px) {

	.footer .meta,
	.footer .company,
	.footer .contact {
		border-bottom: 0;
	}

}

.footer .meta > span {
	font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	display: block;
	text-align: center;
	font-size: 12px;
	color: #666666;
	margin: 0 0 15px 0;
}

.footer .meta {
	padding-bottom: 10px;
}

.footer .meta ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.footer .meta ul li {
	float: left;
	width: 50%;
	text-align: center;
	margin-bottom: 3px;
	vertical-align: middle;
}

.footer .meta ul li a {
	display: block;
	line-height: 20px;
	color: #333333;
	font-size: 13px;
}

.footer .meta ul li a:hover,
.footer .meta ul li a:active,
.footer .meta ul li a.active {
	color: #006ba4;
	text-decoration: none;
}

.footer .meta ul li a img {
	max-height: 16px;
	margin-right: 3px;
}

.footer .meta ul li a span {
	vertical-align: middle;
}

@media (min-width: 767px) {
	
	.footer .meta > span {
		text-align: left;
	}
	
	.footer .meta ul li {
		float: none;
		width: 100%;
		text-align: left;
	}

}

.footer h4 {
	font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: 400;
	margin: 0;
	padding: 20px 10px 10px 10px;
	font-size: 15px;
}

.footer .company {
	padding-bottom: 15px;
}

.footer .company ul {
	list-style-type: none;
	margin: 0 10px 10px 10px;
	padding: 0;
}

.footer .company ul li {
	line-height: 28px;
	float: left;
	width: 50%;
	text-align: left;
}

.footer .company ul li a {
	font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	display: block;
}

.footer .company ul li a:hover,
.footer .company ul li a:active {
	text-decoration: none;
}

@media (min-width: 767px) {

	.footer h4 {
		margin: 0;
		padding: 0 0 10px 0;
	}
	
	.footer .company ul {
		margin: 0;
	}
	
	.footer .company ul li {
		float: none;
		width: 100%;
		line-height: 22px;
	}

}

.footer .contact h4 {
	padding-bottom: 15px;
}

.footer .contact {
	padding-bottom: 15px;
}

.footer .contact ul {
	list-style-type: none;
	margin: 0 10px 15px 10px;
	padding: 0;
}

.footer .contact ul li {
	font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	color: #007cc1;
	line-height: 22px;
	font-size: 14px;
	margin: 0 0 10px 0;
	text-align: right;
}

.footer .contact ul li a {
	font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	color: #007cc1;
}

.footer .contact ul li span {
	font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 13px;
	float: left;
	padding: 5px 0;
	clear: both;
	color: #797979;
	line-height: 12px;
}

@media (min-width: 767px) {

	.footer .contact ul {
		margin: 0;
	}
	
	.footer .contact ul li {
		line-height: 14px;
	}
	
	.footer .contact ul li span {
		line-height: 8px;
	}

}

.footer .signature {
	padding: 20px 0 0 0;
}

.footer .signature img {
	float: right;
	max-width: 140px;
}

@media (max-width: 370px) {
	
	.footer .signature img {
		max-width: 100px;
	}
	
}

.footer .signature a {
	font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	color: #999999;
	font-size: 13px;
}

@media (min-width: 767px) {
	
	.footer .signature {
		padding: 30px 0 0 0;
	}
	
	.footer .signature a {
		float: right;
		clear: both;
	}
	
	.footer .signature img {
		margin-bottom: 20px;
	}

}

.spletko {
	text-align: center;
	margin: 0 0 300px 0;
}

/* ============================================================================================================== */
/* ------------------------------------------------------------------------------------------------- SEARCHBAR -- */
/* ============================================================================================================== */

.searchbar {
	background-color: #efefef;
	border-bottom: 1px solid #e0dfdf;
	margin-bottom: 20px;
}

.searchbar .container {
	padding-top: 22px;
	padding-bottom: 22px;
}

.searchbar .nav-pills {
	margin-bottom: 16px;
}

.searchbar .nav-pills > li > a {
	font-size: 15px;
	color: #525252;
	padding: 4px 16px 6px 13px;
}

@media (max-width: 500px) {

	.searchbar .nav-pills > li > a {
		padding-right: 13px;
	}
	
}

.searchbar .nav-pills > li > a span {
	vertical-align: middle;
}

.searchbar .nav-pills > li > a:hover {
	color: #000000;
}

.searchbar .nav-pills > li > a span.icon {
	margin-right: 4px;
}

@media (max-width: 500px) {
	
	.searchbar .nav-pills > li > a span.icon {
		margin-right: 0;
		font-size: 18px;
	}
	
	.searchbar .nav-pills > li > a span.title {
		display: none;
	}
	
	.searchbar .nav-pills > li > a {
		padding-bottom: 8px;
	}
	
}

.searchbar .nav-pills > li.active > a, 
.searchbar .nav-pills > li.active > a:focus, 
.searchbar .nav-pills > li.active > a:hover {
	background-color: #007cc1;
	color: #FFFFFF;
}

.searchbar .tab-content .form-control,
.searchbar .tab-content .btn {
	font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	height: 40px;
}

.searchbar .tab-content .input-sm {
	height: 30px;
}

.searchbar .tab-content .btn {
	font-weight: 600;
}

@media (max-width: 767px) {

	.searchbar .tab-content .form-control {
		margin-bottom: 6px;
	}

}

.searchbar .checbox-in-texfield {
	position: relative;
}

.searchbar .checbox-holder {
	position: absolute;
	top: 11px;
	right: 20px;
}

.searchbar .checbox-holder input {
	float: left;
	margin: 3px 6px 0 0;
	padding: 0;
}

.searchbar .checbox-holder label {
	float: left;
	margin: 0;
	padding: 0;
	font-size: 13px;
	font-weight: 400;
	color: #999999;
	cursor: pointer;
}

.searchbar .checbox-holder label:hover {
	color: #666666;
}

.searchbar .shortcuts {
	margin: 16px 1px -4px 1px;
}

.searchbar .tab-pane .shortcuts a {
	color: #6c6b6b;
	margin-right: 20px;
	text-decoration: none;
	vertical-align: middle;
}

.searchbar .tab-pane .shortcuts a span {
	margin-right: 2px;
}

.searchbar .tab-pane .shortcuts a.active {
	color: #016aa4;
}

.searchbar .tab-pane .shortcuts a:hover {
	text-decoration: none;
	color: #016aa4;
}

.searchbar .tab-pane .shortcuts a:active {
	text-decoration: none;
	color: #016aa4;
}

.searchbar .tab-pane .shortcuts a:active {
	color: #000000;
}

@media (max-width: 570px) {
	.searchbar .tab-pane .shortcuts a {
		float: left;
		width: 50%;
		margin: 5px 0 5px 0;
	}
}

#history .item {
	margin-bottom: 5px;
	min-height: 334px;
	background-color: #f8f8f8;
}

#history .item h3 {
	color: #777777;
	padding: 10px 15px;
	margin: 0;
	font-size: 16px;
	font-weight: 400;
	background-color: #ffffff;
	border-radius: 3px 3px 0 0;
}

#history .item h3 span.icon {
	margin-right: 6px;
}

#history .item ul {
	margin: 0;
	padding: 5px 15px;
	list-style-type: none;
}

#history .item ul li {
	padding: 4px 0;
	line-height: 20px;
}

#history .item ul li span {
	color: #999999;
	font-size: 12px;
	margin-left: 10px;
}

#history .none {
	font-size: 16px;
	color: #777777;
	text-align: center;
	padding: 30px;
	border: 1px dashed #9d9d9d;
	border-radius: 3px;
}

/* ============================================================================================================== */
/* ------------------------------------------------------------------------------------------------- MAIN MENU -- */
/* ============================================================================================================== */

.mainmenu {
	background-color: #47494a;
}

.mainmenu ul {
	z-index: 9999;
}

.mainmenu .fourth-level-menu {
	position: absolute;
	top: 0;
	right: -200px;
	min-width: 200px;
	list-style: none;
	padding: 0;
	margin: 0;
	display: none;
}

.mainmenu .fourth-level-menu > li {
	height: 30px;
	padding: 0 10px;
	background-color: #47494a;
}

.mainmenu .fourth-level-menu > li:hover {
	color: #eeeeee;
}

.mainmenu .third-level-menu {
	position: absolute;
	top: 0;
	right: -200px;
	min-width: 200px;
	list-style: none;
	padding: 0;
	margin: 0;
	display: none;
}

.mainmenu .third-level-menu > li {
	height: 30px;
	padding: 0 10px;
	background-color: #47494a;
}

.mainmenu .third-level-menu > li:hover {
	color: #eeeeee;
}

.mainmenu .second-level-menu {
	position: absolute;
	top: 30px;
	left: 0;
	min-width: 200px;
	list-style: none;
	padding: 5px 10px 10px 10px;
	margin: 0;
	display: none;
	background-color: #47494a;
}

.mainmenu .second-level-menu > li {
	position: relative;
	height: 30px;
	background: #47494a;
}

.mainmenu .second-level-menu > li:hover {
	color: #eeeeee;
}

.mainmenu .top-level-menu {
	list-style: none;
	padding: 0;
	margin: 0;
}

.mainmenu .top-level-menu > li {
	position: relative;
	float: left;
	height: 34px;
	margin-right: 20px;
	background-color: #47494a;
}

.mainmenu .top-level-menu li:hover > ul {
	display: inline;
}

.mainmenu .top-level-menu a {
	font-family: 'Roboto Condensed', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 14px;
	color: #a2a2a2;
	text-decoration: none;
	display: block;
	line-height: 32px;
}

.mainmenu .top-level-menu a:hover {
	color: #eeeeee;
}

/* ============================================================================================================== */
/* ----------------------------------------------------------------------------------------------- SECTION BOX -- */
/* ============================================================================================================== */

.section-box .inner {
	padding: 20px;
	margin: 0 0 30px 0;
	border: 1px solid #cccccc;
	border-radius: 3px;
}

/* ============================================================================================================== */
/* ---------------------------------------------------------------------------------------------- SECTION HEAD -- */
/* ============================================================================================================== */

.section-head .container {
	padding-top: 2px;
	padding-bottom: 22px;
}

.section-head h1 {
	float: left;
	margin: 0;
	padding: 0;
	line-height: 34px;
	height: 34px;
	font-size: 24px;
	color: #5f5f5f;
}

.section-head .sep-arrow {
	padding: 0 3px;
	font-size: 14px;
	color: #999999;
}

.section-head h1 a {
	color: #515050;
	font-size: 24px;
}

.section-head h1 a:hover {
	color: #000000;
	text-decoration: none;
}

.section-head h1 a:active {
	color: #006ca8;
	text-decoration: none;
}

.section-head .secondary-links {
	float: right;
	margin: 0;
	padding: 0;
	line-height: 34px;
	list-style-type: none;
}

.section-head .secondary-links li {
	float: left;
	margin-left: 10px;
}

.section-head .secondary-links li a {
	display: block;
	color: #999999;
}

.section-head .secondary-links li a:hover {
	color: #007cc1;
}

.section-head .secondary-links li a:active {
	color: #000000;
}

.section-head .secondary-links li.active a {
	color: #007cc1;
	font-weight: bold;
}

.section-head .selected-target {
	float: right;
	line-height: 22px;
	margin-top: 5px;
}

.section-head .selected-target span.selection-card {
	float: left;
	color: #007cc1;
	font-size: 18px;
	margin-right: 10px;
	vertical-align: middle;
	cursor: help;
}

.section-head .selected-target span.target-icon {
	display: none;
	float: left;
	color: #8c8c8c;
	font-size: 16px;
	margin-right: 8px;
}

.section-head .selected-target a {
	float: left;
	color: #333333;
	font-size: 16px;
}

/* ============================================================================================================== */
/* --------------------------------------------------------------------------------------------- SECTION TOOLS -- */
/* ============================================================================================================== */

.section-tools .container {
	padding-bottom: 30px;
}

.section-tools .pagination {
	float: right;
	margin: 0;
}

@media (max-width: 767px) {
	
	.section-tools .pagination {
		float: left;
	}
	
}

.section-tools .distance-right {
	margin-right: 20px;
}

.section-tools .checkbox-switch {
	height: 34px;
}

.section-tools .checkbox-switch input {
	float: left;
	margin: 11px 6px 0 0;
}

.section-tools .checkbox-switch label {
	float: left;
	font-weight: 400;
	cursor: pointer;
	line-height: 34px;
	font-size: 13px;
	color: #999999;
}

/* ============================================================================================================== */
/* --------------------------------------------------------------------------------------- ITEM SELECTION PATH -- */
/* ============================================================================================================== */

.item-selection-path .container {
	padding-top: 2px;
	padding-bottom: 20px;
}

.item-selection-path .inner {
	line-height: 34px;
}

.item-selection-path ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.item-selection-path ul li {
	float: left;
	overflow: hidden;
	line-height: 34px;
}

.item-selection-path ul li span.separator {
	vertical-align: middle;
	line-height: 34px;
	font-size: 9px;
	padding: 0 6px 0 10px;
	color: #aaaaaa;
}

.item-selection-path ul li a {
	font-size: 18px;
	color: #515050;
	vertical-align: middle;
}

.item-selection-path ul li a:hover {
	color: #007cc1;
}

.item-selection-path ul li a:active {
	color: #000000;
}

.item-selection-path ul li a > span.icon {
	padding-left: 1px;
}

@media (max-width: 800px) {
	
	.item-selection-path ul li {
		clear: both;
		line-height: 26px;
		height: 26px;
	}
	
	.item-selection-path ul li:nth-child(2) {
		clear: none;
	}
	
	.item-selection-path ul li:nth-child(3),
	.item-selection-path ul li:nth-child(4),
	.item-selection-path ul li:nth-child(5) {
		margin-left: 17px;
	}
	
	.item-selection-path ul li a > span.icon {
	}
	
	.item-selection-path ul li a {
		font-size: 16px;
	}

}

/* ============================================================================================================== */
/* ---------------------------------------------------------------------------------------------- TABLE: BASIC -- */
/* ============================================================================================================== */

.table-basic {
	margin: 0;
	padding: 0;
	width: 100%;
	border-collapse: separate;
}

.table-basic tr th {
	padding: 10px;
	font-weight: normal;
	color: #5b5b5b;
	background-color: #f2f2f2;
	border-bottom: 3px solid #FFFFFF;
}

.table-basic tr td {
	padding: 8px 10px;
	vertical-align: top;
	border-bottom: 1px solid #e4e4e4;
}

.table-basic tr:last-child td {
	border-bottom: 0;
}

.table-basic.last-border > tr:last-child td {
	border-bottom: 1px solid #e4e4e4;
}

.table-basic-odd tr:nth-child(odd) td {
	background-color: #fafafa;
}

.table-basic-even tr:nth-child(even) td {
	background-color: #fafafa;
}

.table-basic tr th:first-child,
.table-basic tr td:first-child {
	padding-left: 10px;
}

.table-basic tr th:last-child,
.table-basic tr td:last-child {
	padding-right: 10px;
}

.table-basic tr:hover td {
	color: #000000;
	background-color: #ecf5fd;
}

.table-basic tr td a.primary-action {
	display: block;
	color: #333333;
	text-decoration: none;
}

.table-basic tr td a.primary-action:hover {
	color: #000000;
	text-decoration: underline;
}

.table-basic tr td.text-secondary,
.table-basic tr td span.text-secondary {
	color: #7a7a7a;
}

.table-basic tr:hover td.text-secondary {
	color: #333333;
}

.table-basic tr td ul.secondary {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.table-basic tr td ul.secondary li {
	float: left;
	margin-right: 10px;
	font-size: 12px;
	color: #666666;
	padding: 5px 0 2px 0;
}

@media (max-width: 767px) {

	.table-basic.mobile-expand tr td ul.secondary li {
		display: block;
		width: 100%;
		text-align: right;
	}
	
	.table-basic.mobile-expand tr td ul.secondary li span {
		float: left;
	}
	
}

/* ============================================================================================================== */
/* ------------------------------------------------------------------------------------------- TABLE: SORTABLE -- */
/* ============================================================================================================== */

table.sortable span.sign {
    display: block;
    position: absolute;
    top: 50%;
    right: 5px;
    font-size: 12px;
    margin-top: -10px;
    color: #bfbfc1;
}

table.sortable th:after {
    display: block;
    position: absolute;
    top: 50%;
    right: 5px;
    font-size: 12px;
    margin-top: -10px;
    color: #bfbfc1;
}

table.sortable th.arrow:after {
    content: '';
}

table.sortable span.arrow, span.reversed, th.arrow.down:after, th.reversedarrow.down:after, th.arrow.up:after, th.reversedarrow.up:after {
    border-style: solid;
    border-width: 5px;
    font-size: 0;
    border-color: #bdbdbd transparent transparent transparent;
    line-height: 0;
    height: 0;
    width: 0;
    margin-top: -2px;
}

table.sortable span.arrow.up, th.arrow.up:after {
	border-color: transparent transparent #bdbdbd transparent;
	margin-top: -7px;
}

table.sortable span.reversed, th.reversedarrow.down:after {
    border-color: transparent transparent #bdbdbd transparent;
    margin-top: -7px;
}

table.sortable span.reversed.up, th.reversedarrow.up:after {
	border-color: #bdbdbd transparent transparent transparent;
	margin-top: -2px;
}

table.sortable span.az:before, th.az.down:after {
    content: "a .. z";
}

table.sortable span.az.up:before, th.az.up:after {
    content: "z .. a";
}

table.sortable th.az.nosort:after, th.AZ.nosort:after, th._19.nosort:after, th.month.nosort:after {
    content: "..";
}

table.sortable span.AZ:before, th.AZ.down:after {
    content: "A .. Z";
}

table.sortable span.AZ.up:before, th.AZ.up:after {
    content: "Z .. A";
}

table.sortable span._19:before, th._19.down:after {
    content: "1 .. 9";
}

table.sortable span._19.up:before, th._19.up:after {
    content: "9 .. 1";
}

table.sortable span.month:before, th.month.down:after {
    content: "jan .. dec";
}

table.sortable span.month.up:before, th.month.up:after {
    content: "dec .. jan";
}

table.sortable thead th:not([data-defaultsort=disabled]) {
    cursor: pointer;
    position: relative;
    top: 0;
    left: 0;
}

table.sortable thead th:hover:not([data-defaultsort=disabled]) {
    background: #e9e9e9;
}

table.sortable thead th div.mozilla {
    position: relative;
}

/* ============================================================================================================== */
/* ---------------------------------------------------------------------------------------------- AUTOCOMPLETE -- */
/* ============================================================================================================== */

.ui-autocomplete {
	position: absolute;
	top: 0;
	left: 0;
	cursor: default;
	z-index: 500;
}

.ui-helper-hidden-accessible {
	display: none;
}

.ui-menu {
	list-style-type: none;
	margin: 0;
	padding: 0;
	border: 1px solid #cccccc;
	border-top: 0;
	-webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, .25);
	-moz-box-shadow: 0 3px 8px rgba(0, 0, 0, .25);
	box-shadow: 0 3px 8px rgba(0, 0, 0, .25);
}

.ui-menu .ui-menu-item {
	border-bottom: 1px solid #dbdbdb;
}

.ui-menu .ui-menu-item:last-child {
	border-bottom: 0;
}

.ui-menu .ui-menu-item a {
	display: block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	background-color: #ffffff;
	line-height: 18px;
	padding: 8px 10px;
	text-transform: uppercase;
}

.ui-menu .ui-menu-item a:hover {
	text-decoration: none;
}

.ui-menu .ui-menu-divider {
	display: none;
}

.ui-menu .ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item a.ui-state-active {
	background-color: #007cc1;
	color: #ffffff;
}

/* ============================================================================================================== */
/* -------------------------------------------------------------------------------------------- POPOVER: BASIC -- */
/* ============================================================================================================== */

span.popover-basic-trigger {
	font-size: 17px;
	color: #007cc1;
	cursor: help;
}

span.popover-basic-trigger:hover {
	color: #004f7c;
}

.popover-basic {
	width: 245px;
}

.popover-basic .holder {
	font-family: 'Roboto Condensed', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height: 16px;
	padding: 5px 0;
	border-bottom: 1px solid #eaeaea;
}

.popover-basic .holder-last {
	border-bottom: 0;
}

.popover-basic .details-label {
	float: left;
	width: 50%;
	color: #999999;
}

.popover-basic .details-value {
	float: right;
	text-align: right;
	width: 50%;
	color: #333333;
}

/* ============================================================================================================== */
/* -------------------------------------------------------------------------------------------- POPOVER: STOCK -- */
/* ============================================================================================================== */

.popover-stock table {
	margin-bottom: 8px;
}

.popover-stock table tr td {
	font-family: 'Roboto Condensed', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 14px;
	padding: 5px 0;
	border-bottom: 1px solid #eeeded;
}

.popover-stock table.no-last-line tr:last-child td {
	border-bottom: 0;
}

.popover-stock table tr td.name {
	color: #333333;
}

.popover-stock table tr td.value {
	font-size: 15px;
	width: 30px;
	text-align: center;
	color: #CC0000;
}

.popover-stock table tr td.active {
	color: #339900;
}

.popover-stock table tr td.value.active {
	background-color: #f4fff8;
}

.popover-stock .value {
	font-family: 'Roboto Condensed', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #808080;
}
	
.popover-stock .value span {
	color: #555555;
}

.popover-stock .none {
	font-family: 'Roboto Condensed', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	width: 240px;
	padding: 30px 0;
	text-align: center;
	color: #666666;
}

/* ============================================================================================================== */
/* --------------------------------------------------------------------------------------------------- VEHICLE -- */
/* ============================================================================================================== */

.vehicle-brands-grid a.brand {
	display: block;
	line-height: 37px;
	height: 50px;
	padding: 7px 15px;
	margin: 0 0 0 0;
	text-align: left;
	font-size: 16px;
	text-transform: uppercase;
	color: #333333;
	text-decoration: none;
	border-radius: 3px;
}

.vehicle-brands-grid a.brand:hover {
	background-color: #e3f1fd;
}

.vehicle-brands-grid a.brand:active {
	background-color: #007cc1;
	color: #FFFFFF;
}

.vehicle-brands-grid .brand-logo {
	display: inline-block;
	width: 60px;
	height: 37px;
	overflow: hidden;
	background-image: url(../images/brand-logo.png);
	background-repeat: no-repeat;
	background-position: -306px -153px;
}

.vehicle-brands-grid .brand-name {
	display: inline-block;
	vertical-align: top;
}

.vehicle-brands-grid a.more {
	padding-left: 30px;
	padding-right: 30px;
}

.vehicle-brands-grid a.more:active {
	color: #333333;
}

.vehicle-brands-grid .brand-logo.alfa-romeo { background-position: -1px -1px; }
.vehicle-brands-grid .brand-logo.audi { background-position: -62px -1px; }
.vehicle-brands-grid .brand-logo.bmw { background-position: -1px -39px; }
.vehicle-brands-grid .brand-logo.cadillac { background-position: -62px -39px; }
.vehicle-brands-grid .brand-logo.chevrolet { background-position: -1px -77px; }
.vehicle-brands-grid .brand-logo.chrysler { background-position: -62px -77px; }
.vehicle-brands-grid .brand-logo.citroen { background-position: -1px -115px; }
.vehicle-brands-grid .brand-logo.dacia { background-position: -62px -115px; }
.vehicle-brands-grid .brand-logo.daewoo { background-position: -123px -1px; }

.vehicle-brands-grid .brand-logo.daihatsu { background-position: -123px -39px; }
.vehicle-brands-grid .brand-logo.dodge { background-position: -184px -1px; }
.vehicle-brands-grid .brand-logo.fiat { background-position: -245px -1px; }
.vehicle-brands-grid .brand-logo.ford { background-position: -306px -1px; }
.vehicle-brands-grid .brand-logo.honda { background-position: -306px -39px; }
.vehicle-brands-grid .brand-logo.hyundai { background-position: -245px -39px; }
.vehicle-brands-grid .brand-logo.isuzu { background-position: -184px -39px; }
.vehicle-brands-grid .brand-logo.iveco { background-position: -184px -77px; }
.vehicle-brands-grid .brand-logo.jaguar { background-position: -245px -77px; }

.vehicle-brands-grid .brand-logo.jeep { background-position: -306px -77px; }
.vehicle-brands-grid .brand-logo.kia { background-position: -306px -115px; }
.vehicle-brands-grid .brand-logo.lada { background-position: -245px -115px; }
.vehicle-brands-grid .brand-logo.lancia { background-position: -184px -115px; }
.vehicle-brands-grid .brand-logo.land-rover { background-position: -184px -153px; }
.vehicle-brands-grid .brand-logo.lexus { background-position: -245px -153px; }
.vehicle-brands-grid .brand-logo.mazda { background-position: -306px -153px; }
.vehicle-brands-grid .brand-logo.mercedes-benz { background-position: -306px -191px; }
.vehicle-brands-grid .brand-logo.mini { background-position: -245px -191px; }

.vehicle-brands-grid .brand-logo.mitsubishi { background-position: -184px -191px; }
.vehicle-brands-grid .brand-logo.nissan { background-position: -184px -229px; }
.vehicle-brands-grid .brand-logo.opel { background-position: -245px -229px; }
.vehicle-brands-grid .brand-logo.peugeot { background-position: -306px -229px; }
.vehicle-brands-grid .brand-logo.porsche { background-position: -1px -191px; }
.vehicle-brands-grid .brand-logo.renault { background-position: -62px -267px; }
.vehicle-brands-grid .brand-logo.rover { background-position: -1px -267px; }
.vehicle-brands-grid .brand-logo.saab { background-position: -1px -229px; }
.vehicle-brands-grid .brand-logo.seat { background-position: -62px -229px; }

.vehicle-brands-grid .brand-logo.skoda { background-position: -123px -229px; }
.vehicle-brands-grid .brand-logo.smart { background-position: -123px -77px; }
.vehicle-brands-grid .brand-logo.subaru { background-position: -123px -115px; }
.vehicle-brands-grid .brand-logo.suzuki { background-position: -1px -153px; }
.vehicle-brands-grid .brand-logo.toyota { background-position: -62px -153px; }
.vehicle-brands-grid .brand-logo.volvo { background-position: -123px -153px; }
.vehicle-brands-grid .brand-logo.vw { background-position: -123px -191px; }
.vehicle-brands-grid .brand-logo.zastava { background-position: -62px -191px; }
.vehicle-brands-grid .brand-logo.man { background-position: -184px -267px; }
.vehicle-brands-grid .brand-logo.scania { background-position: -123px -267px; }

.vehicle-brands-all .inner span.letter {
	float: right;
	line-height: 25px;
	padding: 1px 7px;
	background-color: #eeeeee;
	color: #3d3d3d;
	font-size: 16px;
	text-align: right;
	border-radius: 3px;
}

.vehicle-brands-all .inner a {
	display: block;
	line-height: 25px;
	color: #333333;
	padding: 1px 5px;
	border-radius: 3px;
}

.vehicle-brands-all .inner a:hover {
	text-decoration: none;
	background-color: #e3f1fd;
}

.vehicle-brands-all .inner a:active {
	background-color: #007cc1;
	color: #FFFFFF;
	text-decoration: none;
}

.vehicle-models .inner {
	border-radius: 3px;
	border: 1px solid #cccccc;
	padding: 20px;
}

.vehicle-models a {
	display: block;
	color: #333333;
	padding: 4px 0 4px 5px;
	border-radius: 3px;
}

.vehicle-models a span.name {
	float: left;
}

.vehicle-models a span.date {
	float: right;
	width: 105px;
	color: #999999;
}

.vehicle-models a:hover {
	background-color: #e3f1fd;
	text-decoration: none;
}

.vehicle-models a:hover span.name {
	color: #000000;
}

.vehicle-models a:hover span.date {
	color: #5f5f5f;
}

.vehicle-models a:active {
	background-color: #007cc1;
	text-decoration: none;
}

.vehicle-models a:active span.name,
.vehicle-models a:active span.date {
	color: #FFFFFF;
}

@media (max-width: 500px) {
	
	.vehicle-models a {
		padding: 10px 0 10px 5px;
		border-bottom: 1px solid #ededed;
	}
	
	.vehicle-models a span.name {
		display: block;
		float: none;
		font-size: 15px;
	}
	
	.vehicle-models a span.date {
		display: block;
		float: none;
		text-align: left;
		font-size: 14px;
	}
	
	.vehicle-models a.item-last {
		border-bottom: 0;
	}
	
}

/* ============================================================================================================== */
/* ------------------------------------------------------------------------------------------------ CATEGORIES -- */
/* ============================================================================================================== */

.categories .groups {
	border-radius: 3px;
	border: 1px solid #dbdada;
	padding: 20px;
}

.categories .groups .shortcuts > a {
	display: block;
	margin-bottom: 15px;
}

.categories .groups .shortcuts > a:hover,
.categories .groups .shortcuts > a:active {
	text-decoration: none;
}

.categories .groups .shortcuts > a span {
	font-size: 12px;
}

.categories .groups .shortcuts ul {
	list-style-type: none;
	margin: 0 0 20px 0;
	padding: 0 0 0 0;
	display: none;
}

.categories .groups .shortcuts ul:after {
	content: '';
	display: block;
	clear: both;
}

.categories .groups .shortcuts ul li {
	float: left;
	width: 100%;
	height: 45px;
	overflow: hidden;
	margin-bottom: 7px;
}

.categories .groups .shortcuts ul li a {
	display: block;
	
}

.categories .groups .shortcuts ul li a:hover {
	text-decoration: none;
}

.categories .groups .shortcuts ul li a:active {
	color: #000000;
	text-decoration: none;
}

.categories .groups .shortcuts ul li a img {
	width: 45px;
	margin-right: 5px;
	border-radius: 3px;
}


@media (min-width: 500px) {
	.categories .groups .shortcuts ul li {
		width: 50%;
	}
}

@media (min-width: 768px) and (max-width: 1050px) {
	.categories .groups .shortcuts ul li {
		width: 100%;
	}
}

.categories .brands_and_generics {
	border-radius: 3px;
	border: 1px solid #dbdada;
	padding: 20px;
}

.categories .brands_and_generics .none {
	text-align: center;
	padding: 44px 40px 45px 40px;
	font-size: 16px;
	font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	color: #999999;
}

.categories .brands_and_generics h3 {
	font-family: 'Roboto Condensed', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 20px;
	margin: 0;
	padding: 10px 10px 20px 10px;
	color: #007cc1;
	border-bottom: 1px solid #ededed;
}

.categories .brands_and_generics button {
	float: right;
}

.categories .brands_and_generics table tbody tr td {
	padding: 10px;
}

.categories .brands_and_generics table tbody tr td > a {
	font-size: 15px;
}

.categories .brands_and_generics table tbody tr td ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.categories .brands_and_generics table tbody tr td ul li a {
	color: #666666;
}

.categories .brands_and_generics table tbody tr:last-child td {
	border-bottom: 0;
}

.categories .target-table {
	width: 100%;
	margin: 0;
	padding: 0;
}

.categories .target-table tr th {
	height: 34px;
	line-height: 34px;
	padding: 0 10px;
	font-weight: 400;
	color: #515151;
	background-color: #eeeeee;
}

.categories .target-table tr td {
	padding: 6px 10px;
	color: #7a7a7a;
	border-bottom: 1px solid #ededed;
	line-height: 22px;
}

.categories .target-table tr:first-child td {
	padding-top: 10px;
}

.categories .target-table tbody tr:hover td {
	color: #333333;
	background-color: #e3f1fd;
}

.categories .target-table tr td a {
	display: block;
	color: #333333;
}

.categories .target-table tbody tr:hover td a.link-primary {
	color: #000000;
}

.categories .target-table tr td .more-info {
	font-size: 17px;
	color: #007cc1;
	vertical-align: top;
	margin: 1px 0 0 0;
	cursor: help;
}

.categories .target-table tr td .show-all-secondary {
	display: block;
	padding: 5px 0;
	font-size: 13px;
	color: #999999;
}

.categories .tree-wrapper {
	padding: 20px 0 0 0;
}

.categories .tree-wrapper .none {
	font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	padding: 20px 10px;
	text-align: center;
	color: #999999;
}

ul.tree,
ul.tree ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

ul.tree ul {
	padding-left: 24px;
}

ul.tree li {
	display: block;
	line-height: 30px;
	overflow: visible;
}

ul.tree li > .switch {
	float: left;
	width: 26px;
	line-height: 23px;
}

ul.tree li > .switch span {
	vertical-align: middle;
}

ul.tree li.open > .switch > span.icon {
	font-size: 20px;
	color: #007cc1;
}

ul.tree li.open > .switch > span.icon:hover {
	color: #333333;
	cursor: pointer;
}

ul.tree li.closed > .switch > span.icon {
	font-size: 20px;
	color: #cccccc;
}

ul.tree li.closed > .switch > span.icon:hover {
	color: #007cc1;
	cursor: pointer;
}

ul.tree li.deadend > .switch > span.icon {
	font-size: 11px;
	color: #cccccc;
	margin: 0 0 0 4px;
}

ul.tree li > .link {
	float: left;
	line-height: 28px;
}

ul.tree li > .link > a {
	color: #4f4f4f;
}

ul.tree li > .link > a:hover,
ul.tree li > .link > a.active {
	color: #007cc1;
}

ul.tree li > .link > a:active {
	color: #333333;
}

ul.tree li > .loading {
	padding: 0 0 0 24px;
}

/* ============================================================================================================== */
/* ----------------------------------------------------------------------------------------------------- LOGIN -- */
/* ============================================================================================================== */

.login h1 {
	padding: 0;
	margin: 0 0 26px 0;
	font-size: 24px;
	color: #5f5f5f;
}

.login .checkbox {
	margin-bottom: 15px;
}

.login .checkbox label {
	font-size: 15px;
	margin-top: 12px;
}

.login .btn {
	font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.login .inner {
	padding: 30px 15px;
}

@media (min-width: 767px) {

	.login .inner {
		margin: 100px auto 80px auto;
		width: 480px;
		border-radius: 3px;
		border: 1px solid #dbdada;
		padding: 25px;
	}

}

/* ============================================================================================================== */
/* ------------------------------------------------------------------------------------------------- SLIDESHOW -- */
/* ============================================================================================================== */

.slideshow {
	margin-bottom: 30px;
}

.slideshow img {
	border-radius: 3px;
}

.slideshow .carousel-control {
	position: absolute;
	top: 44%;
	font-size: 26px;
	width: 40px;
	height: 32px;
	line-height: 35px;
	background-color: #202326;
}

.slideshow .carousel-control.left {
	left: 0;
	border-radius: 0 3px 3px 0;
}

.slideshow .carousel-control.right {
	right: 0;
	border-radius: 3px 0 0 3px;
}

.slideshow .carousel-indicators {
	bottom: 10px;
}

/* ============================================================================================================== */
/* ------------------------------------------------------------------------------------------------ SYNC PANEL -- */
/* ============================================================================================================== */

.sync-panel .process-list {
	padding: 20px;
	margin: 0 0 30px 0;
	border: 1px solid #cccccc;
	border-radius: 3px;
}

.sync-panel .process-list .status {
	float: left;
	width: 14px;
	height: 14px;
	border-radius: 50%;
	margin: 11px 0 0 5px;
	background-color: #999999;
}

.sync-panel .process-list .status-on {
	background-color: #449a36;
}

.sync-panel .process-list .status-off {
	background-color: #d03c3c;
}

.sync-panel .process-list .name {
	font-size: 15px;
}

.sync-panel .process-list .name span {
	display: block;
	font-size: 13px;
	color: #999999;
}

.sync-panel .process-log {
	padding: 20px;
	margin: 0 0 30px 0;
	border: 1px solid #cccccc;
	border-radius: 3px;
}

.sync-panel .process-log .table-basic tr:last-child td {
	border-bottom: 0;
}

.sync-panel .process-log .icon-info {
	font-size: 17px;
	color: #007cc1;
	vertical-align: top;
	margin: 1px 0 0 0;
	cursor: help;
}

.sync-panel .process-log img.spinner {
	margin: 4px 2px 0 0;
	vertical-align: top;
	max-width: 14px;
}

/* ============================================================================================================== */
/* ---------------------------------------------------------------------------------------------- BRANDS PANEL -- */
/* ============================================================================================================== */

.brands-panel .item {
	padding: 15px;
	border: 1px solid #cccccc;
	border-radius: 3px;
	margin-bottom: 20px;
}

.brands-panel .item:hover {
	border: 1px solid #007cc1;
}

.brands-panel .item img {
	float: right;
	max-height: 42px;
}

/* ============================================================================================================== */
/* -------------------------------------------------------------------------- DELIVERY NOTES and ORDER ARCHIVE -- */
/* ============================================================================================================== */

.orders-archive .item {
	padding: 15px 20px 20px 20px;
	margin: 0 0 30px 0;
	border: 1px solid #cccccc;
	border-radius: 3px;
}

.orders-archive .item-head {
	border-bottom: 1px dashed #cccccc;
	padding-bottom: 15px;
	margin-bottom: 20px;
}

.orders-archive .item-head h3 {
	margin: 0;
	padding: 0;
	line-height: 34px;
	height: 34px;
	font-size: 18px;
}

.orders-archive .item-head h3 span.icon {
	color: #333333;
}

.orders-archive .item-head h3 span.flag {
	font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	margin: 0 0 0 10px;
	padding: 1px 4px 2px 4px;
	font-size: 10px;
	text-transform: uppercase;
	border-radius: 5px;
	background-color: #efc818;
	color: #000000;
	vertical-align: top;
}

@media (max-width: 767px) {

	.orders-archive .item .row span.flag {
		float: left;
		margin: 0 0 10px 0;
		padding: 1px 4px 2px 4px;
		font-size: 10px;
		text-transform: uppercase;
		border-radius: 5px;
		background-color: #efc818;
		color: #000000;
		vertical-align: top;
	}

}

.orders-archive .item-separator {
	height: 10px;
	line-height: 10px;
}

.orders-archive .item-label {
	margin: 0 0 4px 0;
}

.orders-archive .item-label span {
	font-size: 14px;
	color: #878787;
	border-bottom: 2px solid #eee;
	text-transform: uppercase;
}

.orders-archive ul.totals {
	float: right;
	margin: 0 10px 10px 0;
	padding: 0;
	list-style-type: none;
}

.orders-archive ul.totals li {
	text-align: right;
	line-height: 24px;
	color: #666666;
}

.orders-archive ul.totals li span {
	float: right;
	width: 110px;
	font-size: 15px;
}

.orders-archive ul.totals li.final {
	color: #333333;
	font-size: 15px;
	padding: 5px 0;
}

.orders-archive ul.totals li.final span {
	font-size: 16px;
	color: #333333;
}

/* ============================================================================================================== */
/* ---------------------------------------------------------------------------------------------------- ENGINE -- */
/* ============================================================================================================== */

.engine-search .inner {
	border-radius: 3px;
	border: 1px solid #cccccc;
	padding: 20px 20px 5px 20px;
}

.engine-search .control-label {
	font-weight: 400;
}

.engine-search .none {
	height: 377px;
	text-align: center;
	border: 0;
	border-left: 1px dashed #cccccc;
}

.engine-search .none span {
	display: block;
	padding: 150px 0 0 0;
	font-size: 16px;
	font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	color: #999999;
}

.engine-search .target-table {
	margin-bottom: 15px;
}

.engine-search .more {
	margin-bottom: 15px;
	font-size: 13px;
	color: #7a7a7a;
	padding: 10px 0 0 10px;
}

@media (max-width: 991px) {

	.engine-search label.control-label {
		padding-top: 0;
		margin-bottom: 5px;
	}
	
	.engine-search .checkbox-inline,
	.engine-search .radio-inline {
		color: #7a7a7a;
	}
	
	.engine-search .none {
		height: 687px;
	}
	
	.engine-search .none span {
		padding-top: 150px;
	}

}

@media (max-width: 767px) {
	
	.engine-search input[type=submit] {
		width: 100%;
	}
	
	.engine-search .none {
		border: 0;
		height: auto;
		border-top: 1px solid #e1e1e1;
	}
	
	.engine-search .none span {
		padding: 15px 0 15px 0;
	}
	
}

/* ============================================================================================================== */
/* ------------------------------------------------------------------------------------------------------ CART -- */
/* ============================================================================================================== */

.cart .inner {
	border-radius: 3px;
	border: 1px solid #cccccc;
	padding: 15px;
}

.cart .item {
	padding: 15px 10px;
	border-bottom: 1px solid #ededed;
}

.cart .item:last-child {
	border-bottom: 0;
}

.cart .remove {
	float: right;
	margin-top: 8px;
}

.cart .quantity {
	max-width: 90px;
	float: right;
	margin-right: 20px;
	margin-top: 8px;
}

.cart .quantity .form-control {
	font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	text-align: center;
	font-size: 15px;
}

.cart .picker {
	float: right;
	margin-top: 8px;
	margin-right: 10px;
	line-height: 34px;
	text-align: center;
	width: 16px;
}

.cart .picker input {
	margin: 6px 0 0 0;
}

.cart .info {
	float: left;
}

.cart .info h3 {
	margin: 0;
	padding: 0;
	font-size: 16px;
	margin-bottom: 6px;
	margin-top: 3px;
	line-height: 20px;
}

.cart .info h3 span.stock-status {
	background-color: #CCCCCC;
	width: 4px;
	height: 14px;
	vertical-align: top;
	margin-right: 7px;
	margin-top: 3px;
	float: left;
	border-radius: 0%;
}

.cart .info h3 span.stock-status-0 {
	background-color: #f2564f;
}

.cart .info h3 span.stock-status-1 {
	background-color: #91be00;
}

.cart .info h3 span.stock-status-2 {
	background-color: #deb600;
}

.cart .info h3 span.stock-status-3 {
	background-color: #00adee;
}

.cart .info .params {
	font-size: 13px;
	margin-bottom: 2px;
	color: #818181;
}

.cart .info .params .omid {
	margin-right: 10px;
}

.cart .info .ref {
	font-size: 12px;
	color: #999999;
}

.cart .prices {
	float: right;
	margin-right: 30px;
	width: 200px;
	line-height: 18px;
	border-right: 1px solid #ededed;
	padding: 5px 30px 0 0;
}

.cart .prices .price {
	text-align: right;
	font-size: 13px;
	color: #999999;
}

.cart .prices .price span {
	float: right;
	width: 80px;
	font-size: 14px;
	color: #666666;
}

.cart .prices .total {
	line-height: 30px;
	font-size: 14px;
	color: #333333;
}

.cart .prices .total span {
	font-size: 15px;
	color: #007cc1;
}

.cart .prices .deposit,
.cart .prices .deposit span {
	color: #c43232;
}

.cart-subtotals {
	line-height: 28px;
	padding: 20px 30px;
}

.cart-subtotals .subtotal {
	text-align: right;
	color: #666666;
}

.cart-subtotals .subtotal span {
	float: right;
	width: 180px;
	font-size: 16px;
}

.cart-total {
	padding: 10px 30px;
	text-align: right;
	color: #007cc1;
	font-size: 18px;
	text-transform: uppercase;
	margin-bottom: 30px;
	border: 1px solid #ededed;
}

.cart-total span {
	float: right;
	width: 180px;
	font-size: 20px;
}

.cart-total-deposit {
	padding: 0 30px;
	text-align: right;
	color: #c43232;
	font-size: 16px;
	text-transform: uppercase;
	margin-bottom: 30px;
}

.cart-total-deposit span {
	float: right;
	width: 180px;
	font-size: 16px;
}

/* ============================================================================================================== */
/* ----------------------------------------------------------------------------------------------- PLACE ORDER -- */
/* ============================================================================================================== */

.place-order .inner {
	border-radius: 3px;
	border: 1px solid #cccccc;
	padding: 30px;
	margin-bottom: 30px;
}

.place-order .box {
	margin-bottom: 30px;
}

.place-order .box h3 {
	margin: 0;
	padding: 0 10px 15px 10px;
	background-color: #eeeeee;
	font-size: 14px;
	font-weight: 400;
	color: #515151;
	
	color: #007cc1;
	background-color: white;
	font-size: 18px;
	border-bottom: 1px solid #eeeeee;
}

.place-order .box .contents {
	padding: 20px 10px 0 10px;
}


.place-order .box address {
	font-size: 15px;
	line-height: 24px;
}

.place-order .box .note {
	color: #999999;
}

.place-order .box .gdpr-note {
	padding: 30px 0 0 0;
	font-style: italic;
}

.place-order .box select {
	margin-bottom: 20px;
}

.place-order .box textarea {
	min-height: 140px;
}

.place-order .success {
	font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 22px;
	color: #006633;
	text-align: center;
	padding: 80px 20px;
}

.place-order .success span {
	font-size: 16px;
	color: #999999;
}

/* ============================================================================================================== */
/* -------------------------------------------------------------------------------------------------- HOMEPAGE -- */
/* ============================================================================================================== */

.homepage .item {
	position: relative;
	margin-bottom: 30px;
	transition: box-shadow .4s;
}

.homepage .item:hover {
	box-shadow: 0 0 10px #007cc1; 
}

.homepage .item .flag {
	font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 1.6rem;
	line-height: 1.1;
	letter-spacing: 1px;
	position: absolute;
	left: 10px;
	top: 10px;
	padding: 2px 6px;
	background-color: #000000;
	border-radius: 3px;
}

.homepage .item .flag-red {
	background-color: #FF0000;
	color: #ffffff;
}

.homepage .item .flag-orange {
	background-color: #FFCC00;
	color: #333333;
}

.homepage .item .flag-green {
	background-color: #0fab03;
	color: #ffffff;
}

.homepage .item .flag-grey {
	background-color: #7c7c7c;
	color: #ffffff;
}

.homepage .item .flag-blue {
	background-color: #2065ce;
	color: #ffffff;
}

.homepage .item .flag-violet {
	background-color: #8a00ad;
	color: #ffffff;
}

.homepage .item .flag-yellow {
	background-color: #efe101;
	color: #333333;
}

.homepage .item-title:hover {
	box-shadow: none;
}

.homepage .item-title h4 {
	font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 130%;
	font-weight: 400;
	margin: 0 0 20px 0;
	text-align: center;
	padding: 5px 16px;
	border-radius: 3px;
	text-transform: uppercase;
	background-image: url(../images/dash-horizontal.png);
	background-position: left center;
	background-repeat: repeat-x;
}

.homepage .item-title h4 span {
	padding: 2px 6px;
	border-left: 15px solid #ffffff;
	border-right: 15px solid #ffffff;
}

.homepage .item-title h4.red span {
	background-color: #FF0000;
	color: #ffffff;
}

.homepage .item-title h4.orange span {
	background-color: #FFCC00;
	color: #333333;
}

.homepage .item-title h4.green span {
	background-color: #0fab03;
	color: #ffffff;
}

.homepage .item-title h4.grey span {
	background-color: #7c7c7c;
	color: #ffffff;
}

.homepage .item-title h4.blue span {
	background-color: #2065ce;
	color: #ffffff;
}

.homepage .item-title h4.violet span {
	background-color: #8a00ad;
	color: #ffffff;
}

.homepage .item-title h4.yellow span {
	background-color: #efe101;
	color: #333333;
}

.homepage .item-product {
	padding: 10px;
	border: 1px solid #cccccc;
	min-height: 260px;
	border-radius: 3px;
}

.homepage .item-product .photo {
	width: 100%;
	min-height: 135px;
	text-align: center;
	padding: 16px 0;
	border-bottom: 1px solid #efefef;
	color: #999999;
}

.homepage .item-product .photo img {
	vertical-align: middle;
	max-height: 100px;
}

.homepage .item-product .name {
	font-family: 'Roboto Condensed', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 1.7rem;
	line-height: 1.3;
	padding: 10px 0 15px 0;
	min-height: 2.6;
}

.homepage .item-product .price {
	font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 1.8rem;
	line-height: 2;
	color: #007cc1;
}

.homepage .item-product .price span {
	font-size: 1.3rem;
	color: #999999;
}

.homepage .item-text {
	padding: 20px;
	border: 1px solid #cccccc;
	min-height: 260px;
	border-radius: 3px;
	overflow-x: auto;
}

.homepage .item-text h4 {
	font-size: 1.7rem;
	margin: 0 0 24px 0;
	padding: 0;
}

.homepage .item-text h4.red {
	color: #FF0000;
}

.homepage .item-text h4.orange {
	color: #FFCC00;
}

.homepage .item-text h4.green {
	color: #0fab03;
}

.homepage .item-text h4.grey {
	color: #7c7c7c;
}

.homepage .item-text h4.blue {
	color: #2065ce;
}

.homepage .item-text h4.violet {
	color: #8a00ad;
}

.homepage .item-text h4.yellow {
	color: #efe101;
}

.homepage .item-text .contents {
	font-size: 1.44rem;
	line-height: 1.4;
}

.homepage .item-text .contents p {
	margin-bottom: 0;
}

.homepage-panel .inner {
	border-radius: 3px;
	border: 1px solid #cccccc;
	padding: 30px;
	margin-bottom: 30px;
}

.homepage-panel table.table-basic tr.is_last_slide td {
	border-bottom-style: dashed;
	border-bottom-color: #b4b4b4;
}

.homepage-panel a.edit {
	font-size: 15px;
	color: #333333;
	text-decoration: underline;
}

.homepage-panel .status {
	float: left;
	width: 14px;
	height: 14px;
	border-radius: 50%;
	margin: 11px 0 0 5px;
	background-color: #999999;
	cursor: pointer;
}

.homepage-panel .status-on {
	background-color: #449a36;
}

.homepage-panel .status-off {
	background-color: #d03c3c;
}

.homepage-panel .sorting {
	text-align: center;
}

/* ============================================================================================================== */
/* ---------------------------------------------------------------------------------------------- RESULTS WIDE -- */
/* ============================================================================================================== */

.results-wide .generic-group-title {
	display: block;
	padding: 10px 20px;
	font-size: 16px;
	background-color: #f8f8f8;
	color: #666666;
	margin-bottom: 26px;
	border-bottom: 1px solid #dadada;
	border-top: 1px solid #dadada;
}

.results-wide .separator {
	height: 1px;
	line-height: 1px;
	width: 100%;
	margin: 24px 0;
	background-color: #ccc;
}

.results-wide .row {
	position: relative;
	margin-bottom: 20px;
}

.results-wide .basic {
	position: relative;
}

.results-wide .basic .photo {
	width: 100%;
	height: 180px;
	line-height: 180px;
	overflow: hidden;
	text-align: center;
}

.results-slim .basic .photo {
	height: 171px;
	line-height: 171px;
}

.results-wide .basic .photo span {
	color: #bebebe;
	font-size: 16px;
}

.results-wide .basic .symbolic {
	position: absolute;
	right: 0;
	bottom: 10px;
	font-size: 14px;
	color: #b4b4b4;
	width: 100%;
	text-align: center;
}

@media (min-width: 767px) {

	.results-wide .basic .photo {
		border-right: 1px solid #e5e5e5;
	}

}

@media (max-width: 767px) {

	.results-wide .basic .photo {
		margin-bottom: 20px;
	}

}

.results-wide .basic .photo a {
	display: block;
	width: 100%;
	height: 180px;
	line-height: 180px;
}

.results-slim .basic .photo a {
	height: 171px;
	line-height: 171px;
}

.results-wide .basic .photo img {
	vertical-align: middle;
	max-width: 165px;
	max-height: 165px;
	margin-left: 10px;
}

.results-slim .basic .photo img {
	max-width: 135px;
	max-height: 135px;
}

.results-wide .basic .stock > a {
	position: absolute;
	left: 0;
	top: 0;
	padding: 5px;
	cursor: help;
}

.results-wide .basic .stock > a span {
	display: block;
	width: 17px;
	height: 46px;
	overflow: hidden;
	background-image: url(../images/stock.png);
	background-position: 0 0;
	background-repeat: no-repeat;
}

.results-wide .basic .stock > a span.status-1 {
	background-position: -34px 0;
}

.results-wide .basic .stock > a span.status-2 {
	background-position: -17px 0;
}

.results-wide .basic .stock > a span.status-3 {
	background-position: -51px 0;
}

.results-wide .basic .favorites-toggle {
	position: absolute;
	color: #d0cfcf;
	font-size: 19px;
	line-height: 19px;
	width: 27px;
	text-align: center;
}

.results-wide .basic .favorites-toggle:hover {
	color: #666666;
	cursor: pointer;
}

.results-wide .basic .favorites-toggle .icon-star-full {
	color: #ecc718;
}

@media (min-width: 767px) {

	.results-wide .basic .favorites-toggle {
		left: 0;
		bottom: 8px;
	}

}

@media (max-width: 767px) {

	.results-wide .basic .favorites-toggle {
		right: 0;
		top: 0;
	}

}

.results-wide .advanced {
	position: relative;
	width: 100%;
	min-height: 180px;
	padding-bottom: 52px;
}

.results-slim .advanced {
	min-height: 171px;
}

.results-wide .advanced h3 {
	font-size: 15px;
	font-weight: 400;
	color: #007cc1;
	margin: 0 0 6px 0;
	padding: 0;
	line-height: 20px;
	font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.results-wide .advanced h3 a, 
.results-wide .advanced h3 span {
	margin-right: 15px;
}

.results-wide .advanced h3 span.internal {
	font-size: 15px;
	font-weight: 400;
	color: #a6a6a6;
	margin-bottom: 6px;
	padding: 0;
	line-height: 20px;
	font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.results-wide .advanced h3 span.flag {
	font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-family: 'Roboto Condensed', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: 400;
	color: #FFFFFF;
	margin-bottom: 6px;
	padding: 0 5px;
	line-height: 20px;
	border-radius: 3px;
	background-color: #00adee;
	vertical-align: top;
}

.results-wide .advanced h4 {
	font-size: 19px;
	font-weight: 400;
	margin: 0 0 10px 0;
	padding: 0;
	line-height: 22px;
}

.results-slim .advanced h4 {
	margin-bottom: 6px;
}

@media (max-width: 767px) {

	.results-wide .advanced h4 {
		margin: 0 0 10px 0;
	}

}

.results-wide .advanced .summary {
	font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	color: #666666;
	font-size: 13px;
	line-height: 22px;
}

.results-wide .advanced .summary span {
	color: #999999;
}

.results-wide .advanced .peak {
	font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	line-height: 18px;
	padding: -3px 0 0 0;
}

.results-wide .advanced .peak .holder {
	border-bottom: 1px solid #e8e8e8;
}

.results-wide .advanced .peak .holder:last-child {
	border-bottom: 0;
}

.results-wide .advanced .peak .key,
.results-wide .advanced .peak .value,
.results-wide .advanced .peak .value-preview {
	float: left;
	width: 50%;
	font-size: 13px;
	padding: 4px 0;
}

.results-wide .advanced .peak .key {
	color: #999999;
}

.results-wide .advanced .peak .value {
	color: #333333;
}

.results-wide .advanced .peak .sep {
	height: 8px;
	line-height: 8px;
	width: 100%;
}

.results-wide .advanced .peak .value-preview .show-all {
	display: block;
	padding: 5px 0;
	font-size: 12px;
	color: #666666;
}

.results-wide .advanced .badges {
	padding: 15px 0 5px 0;
}

.results-wide .advanced .badges .item {
	float: left;
	line-height: 24px;
	height: 24px;
	margin-right: 20px;
	font-size: 15px;
	color: #666666;
	cursor: help;
}

.results-wide .advanced .badges .item img {
	float: left;
	vertical-align: middle;
	max-height: 24px;
	margin-right: 4px;
}

.results-wide .advanced .bottom-toolbar {
	position: absolute;
	left: 0;
	bottom: 0;
}

.results-wide .advanced .product-logo {
	height: 53px;
	position: absolute;
	right: 0;
	bottom: -10px;
}

.results-wide .advanced .product-logo img {
	max-height: 53px;
}

.results-wide .action {
	width: 100%;
	height: 171px;
}

.results-slim .action {
	height: 171px;
}

.results-wide .buy {
	position: absolute;
	right: 15px;
	bottom: 0;
	z-index: 500;
}

.results-wide .buy .input-group {
	max-width: 139px;
}

.results-wide .buy input.form-control,
.results-wide .buy .input-group-btn {
	float: left;
}

.results-wide .buy .deposit {
	color: #CC0000;
}

.results-wide .buy input.form-control {
	width: 60px;
	text-align: center;
	font-size: 16px;
	font-weight: 400;
	font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.results-wide .action .pricing {
	padding: 0 0 0 30px;
}

.results-wide .action .pricing .item {
	margin-bottom: 8px;
}

.results-wide .action .pricing .key {
	float: left;
	width: 50%;
}

.results-wide .action .pricing .value {
	float: right;
	width: 50%;
	text-align: right;
}

.results-wide .action .pricing .primary {
	color: #333333;
	line-height: 26px;
}

.results-wide .action .pricing .secondary {
	color: #999999;
	font-size: 15px;
	line-height: 20px;
}

.results-wide .action .pricing .primary .key {
	font-size: 12px;
	font-weight: 400;
	color: #575757;
	text-transform: uppercase;
	margin-top: 2px;
}

.results-wide .action .pricing .primary .key em {
	font-style: normal;
	border-bottom: 2px solid #eee;
}

.results-wide .action .pricing .primary .value {
	font-size: 18px;
	font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.results-wide .action .pricing .secondary .key {
	font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight: 400;
	padding-top: 2px;
}

.results-wide .action .pricing .secondary .value {
	font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 13px;
}

.results-wide .action .pricing .secondary .key span {
	font-size: 10px;
	text-transform: uppercase;
	border-radius: 3px;
	background-color: #a9f2ab;
	color: #333333;
	padding: 1px 4px 2px 4px;
}


@media (min-width: 767px) {

	.results-wide .action {
		border-left: 1px solid #e5e5e5;
	}

}

@media (max-width: 991px) {

	.results-wide .action {
		border-left: 0;
		border-top: 1px dashed #e5e5e5;
		margin-top: 20px;
		height: auto;
		padding: 0;
	}
	
	.results-wide .action .pricing {
		padding: 10px 0 0 0;
	}
	
	.results-wide .action .pricing .item {
		float: left;
		width: 200px;
		margin: 0 60px 0 0;
	}
	
	.results-wide .buy {
		bottom: 3px;
	}

}

@media (max-width: 767px) {
	
	.results-wide .advanced {
		min-height: 0;
	}

	.results-wide .action {
		border-top: 0;
	}
	
	.results-wide .action .pricing .item {
		float: none;
		width: 100%;
	}
	
	.results-wide .buy {
		position: relative;
		float: right;
		margin-top: 20px;
	}

}

@media (max-width: 767px) {

	.results-wide .buy {
		width: 100%;
	}
	
	.results-wide .buy .mini-enquire {
		margin-left: 30px;
	}

}

@media (max-width: 991px) {

	.results-wide .buy .mini-enquire {
		margin-right: 40px;
	}

}

@media (min-width: 991px) {

	.results-wide .buy {
		width: 20%;
	}

}

.results-wide .buy input.error {
	border: 1px solid #FF0000;
} 

.results-wide .buy .popover {
	width: 200px;
	text-align: center;
	border: 1px solid #FF0000;
}

.results-wide .buy .popover.top > .arrow {
	border-top-color: #FF0000;
}

.results-wide .buy .popover-content {
	padding: 10px 5px;
	font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 13px;
	
}

.results-wide .buy .item-in-cart,
.results-wide .buy .item-in-cart a {
	float: right;
	width: 40px;
	text-align: center;
	border-radius: 3px;
	background-color: #91be00;
	color: #FFFFFF;
	height: 34px;
	line-height: 34px;
	font-size: 16px;
}

.results-wide .buy .item-in-cart a span {
	color: #FFFFFF;
}

.results-wide .buy .loading {
	float: right;
	width: 40px;
	text-align: center;
	height: 34px;
	line-height: 34px;
}

.results-full a.toggle-peak {
	display: none;
}

/* ============================================================================================================== */
/* --------------------------------------------------------------------------------------- ARTICLE DETAIL VIEW -- */
/* ============================================================================================================== */

.article-detail-view .row {
	position: relative;
	padding: 25px 0;
}

.article-detail-view .symbolic {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	font-size: 14px;
	color: #b4b4b4;
	text-align: center;
}

.article-detail-view .photo {
	width: 100%;
	height: 280px;
	line-height: 280px;
	overflow: hidden;
	text-align: center;
}

.article-detail-view .photo span {
	color: #D1D1D1;
	font-size: 16px;
}

@media (min-width: 767px) {

	.article-detail-view .photo {
		border-right: 1px solid #efeeee;
	}

}

@media (max-width: 767px) {

	.article-detail-view .photo {
		margin-bottom: 20px;
	}

}

.article-detail-view .photo a {
	display: block;
	width: 100%;
	height: 280px;
	line-height: 280px;
}

.article-detail-view .photo img {
	vertical-align: middle;
	max-width: 240px;
	max-height: 240px;
	margin-left: 10px;
}

.article-detail-view .stock > a {
	position: absolute;
	left: 15px;
	top: 0;
	padding: 5px;
	cursor: help;
}

.article-detail-view .stock > a span {
	display: block;
	width: 17px;
	height: 46px;
	overflow: hidden;
	background-image: url(../images/stock.png);
	background-position: 0 0;
	background-repeat: no-repeat;
}

.article-detail-view .stock > a span.status-1 {
	background-position: -34px 0;
}

.article-detail-view .stock > a span.status-2 {
	background-position: -17px 0;
}

.article-detail-view .stock > a span.status-3 {
	background-position: -51px 0;
}

.article-detail-view .toggle-hidden-stock {
	position: absolute;
	left: 20px;
	top: 68px;
	vertical-align: top;
	color: #dddddd;
	font-size: 14px;
	line-height: 14px;
}

.article-detail-view .toggle-hidden-stock span {
	vertical-align: top;
	padding: 1px;
}

.article-detail-view .favorites-toggle {
	position: absolute;
	left: 0;
	bottom: 0;
	color: #dadada;
	font-size: 19px;
	line-height: 19px;
	width: 27px;
	text-align: center;
}

.article-detail-view .favorites-toggle:hover {
	color: #666666;
	cursor: pointer;
}

.article-detail-view .favorites-toggle .icon-star-full {
	color: #ecc718;
}

.article-detail-view h3 {
	font-size: 16px;
	font-weight: 400;
	color: #007cc1;
	margin: 0 0 6px 0;
	padding: 0;
	line-height: 20px;
	font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.article-detail-view h3 a, 
.article-detail-view h3 span {
	margin-right: 18px;
}

.article-detail-view h3 span.internal {
	font-size: 16px;
	font-weight: 400;
	color: #a6a6a6;
	margin-bottom: 6px;
	padding: 0;
	line-height: 20px;
	font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.article-detail-view h3 span.flag {
	font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-family: 'Roboto Condensed', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: 400;
	color: #FFFFFF;
	margin-bottom: 6px;
	padding: 0 5px;
	line-height: 20px;
	border-radius: 3px;
	background-color: #00adee;
	vertical-align: top;
}

.article-detail-view h4 {
	font-size: 22px;
	font-weight: 400;
	margin: 0 0 10px 0;
	padding: 0;
	line-height: 22px;
}

.article-detail-view h4 {
	margin-bottom: 5px;
}


.article-detail-view .summary {
	font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	color: #666666;
	font-size: 13px;
	line-height: 22px;
}

.article-detail-view .summary span {
	color: #999999;
}

.article-detail-view .badges {
	padding: 10px 0 0 0;
}

.article-detail-view .badges .item {
	float: left;
	line-height: 20px;
	height: 20px;
	margin-right: 20px;
	font-size: 15px;
	color: #666666;
	cursor: help;
}

.article-detail-view .badges .item img {
	float: left;
	vertical-align: middle;
	max-height: 20px;
	margin-right: 4px;
}

.article-detail-view .pricing {
	position: absolute;
	right: 15px;
	bottom: 40px;
	width: 200px;
}

.article-detail-view .pricing .item {
	margin-bottom: 14px;
}

.article-detail-view .pricing .key {
	float: left;
	width: 50%;
}

.article-detail-view .pricing .value {
	float: right;
	width: 50%;
	text-align: right;
}

.article-detail-view .pricing .primary {
	color: #333333;
	line-height: 22px;
}

.article-detail-view .pricing .secondary {
	color: #999999;
	font-size: 15px;
	line-height: 18px;
}

.article-detail-view .pricing .primary .key {
	font-size: 12px;
	font-weight: 400;
	color: #575757;
	text-transform: uppercase;
	margin-top: 2px;
}

.article-detail-view .pricing .primary .key em {
	font-style: normal;
	border-bottom: 2px solid #eee;
}

.article-detail-view .pricing .primary .value {
	font-size: 16px;
	font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.article-detail-view .pricing .secondary .key {
	font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight: 400;
	padding-top: 2px;
}

.article-detail-view .pricing .secondary .value {
	font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 13px;
}

.article-detail-view .buy {
	position: absolute;
	right: 15px;
	bottom: 0;
	z-index: 500;
	width: 100%;
}

.article-detail-view .buy .input-group {
	max-width: 139px;
}

.article-detail-view .buy .mini-enquire {
	margin-left: 30px;
}

.article-detail-view .buy input.form-control,
.article-detail-view .buy .input-group-btn {
	float: left;
}

.article-detail-view .buy .deposit {
	color: #CC0000;
}

.article-detail-view .buy input.form-control {
	width: 60px;
	text-align: center;
	font-size: 16px;
	font-weight: 400;
	font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.article-detail-view .buy input.error {
	border: 1px solid #FF0000;
} 

.article-detail-view .buy .popover {
	width: 200px;
	text-align: center;
	border: 1px solid #FF0000;
}

.article-detail-view .buy .popover.top > .arrow {
	border-top-color: #FF0000;
}

.article-detail-view .buy .popover-content {
	padding: 10px 5px;
	font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 13px;
	
}

.article-detail-view .buy .item-in-cart,
.article-detail-view .buy .item-in-cart a {
	float: right;
	width: 40px;
	text-align: center;
	border-radius: 3px;
	background-color: #91be00;
	color: #FFFFFF;
	height: 34px;
	line-height: 34px;
	font-size: 16px;
}

.article-detail-view .buy .loading {
	float: right;
	width: 40px;
	text-align: center;
	height: 34px;
	line-height: 34px;
}

.article-detail-view .tab-list {
	font-family: "Open Sans";
	line-height: 18px;
	padding: 15px 5px;
}

.article-detail-view .tab-list .holder {
	border-bottom: 1px solid #e8e8e8;
}

.article-detail-view .tab-list .holder:last-child {
	border-bottom: 0;
}

.article-detail-view .tab-list .key,
.article-detail-view .tab-list .value,
.article-detail-view .tab-list .value-preview {
	float: left;
	width: 50%;
	font-size: 13px;
	padding: 8px 0;
}

.article-detail-view .tab-list .key {
	color: #999999;
	width: 20%;
}

.article-detail-view .tab-list .value {
	color: #333333;
}

.article-detail-view .tab-list .sep {
	height: 8px;
	line-height: 8px;
	width: 100%;
}

.article-detail-view .tab-list .value-preview .show-all {
	display: block;
	padding: 8px 0;
	font-size: 12px;
	color: #666666;
}

.article-detail-view .tab-photos img {
	display: block;
	padding-top: 15px;
}

.article-detail-view .tab-pane .loading {
	padding: 20px;
}

.article-detail-view .tab-pane .vehicle-list table tr td a.select-vehicle {
	padding-left: 0;
}

/* ============================================================================================================== */
/* ----------------------------------------------------------------------------------------- ARTICLE PARTSLIST -- */
/* ============================================================================================================== */

.article-detail-view .tab-partslist .stock {
	position: relative;
}

.article-detail-view .tab-partslist .stock > a {
	position: absolute;
	left: -11px;
	top: 0;
	padding: 5px;
}

.article-detail-view .tab-partslist .stock > a span {
	height: 17px;
	background-position: 0 0;
}

.article-detail-view .tab-partslist .stock > a span.status-0 {
	background-image: url(../images/stock-0.png);
}

.article-detail-view .tab-partslist .stock > a span.status-1 {
	background-image: url(../images/stock-1.png);
}

.article-detail-view .tab-partslist .stock > a span.status-2 {
	background-image: url(../images/stock-2.png);
}

.article-detail-view .tab-partslist .stock > a span.status-3 {
	background-image: url(../images/stock-3.png);
}

.article-detail-view .tab-partslist h3 {
	font-size: 15px;
	line-height: 17px;
	padding-top: 4px;
}

.article-detail-view .tab-partslist h3 a, 
.article-detail-view .tab-partslist h3 span {
	margin-right: 14px;
}

.article-detail-view .tab-partslist h3 span.internal {
	font-size: 15px;
	line-height: 17px;
}

.article-detail-view .tab-partslist h4 {
	font-size: 16px;
	line-height: 18px;
}

.article-detail-view .tab-partslist .buy {
	position: relative;
	right: 0;
	top: 6px;
}

.article-detail-view .tab-partslist .pricing {
	position: relative;
	right: 0;
	top: 0;
}

.article-detail-view .tab-partslist .pricing .item {
	margin-bottom: 0;
}

.article-detail-view .tab-partslist .pricing .item .primary .key {
	font-size: 11px;
}

.article-detail-view .tab-partslist .pricing .item .primary .value {
	font-size: 14px;
}

.article-detail-view .table-partslist {
	margin: 0;
	padding: 0;
	width: 100%;
	border-collapse: separate;
}

.article-detail-view .table-partslist > tbody > tr > td {
	padding: 8px 10px;
	vertical-align: top;
	border-bottom: 1px solid #e4e4e4;
}

/* ============================================================================================================== */
/* ----------------------------------------------------------------------------------------------------- FONTS -- */
/* ============================================================================================================== */

@font-face {
	font-family: 'Roboto Condensed';
	src: local('Roboto Condensed'), local('RobotoCondensed-Regular'), url('../fonts/robotocondensed/robotocondensed-regular-latin.woff') format('woff');
	font-style: normal;
	font-weight: 400;
}

@font-face {
	font-family: 'Roboto';
	src: local('Roboto'), local('Roboto-Regular'), url('../fonts/roboto/roboto-regular-latin.woff') format('woff');
	font-style: normal;
	font-weight: 400;
}

@font-face {
	font-family: 'Open Sans';
	src: local('Open Sans Regular'), local('OpenSans-Regular'), url('../fonts/opensans/opensans-regular-latin.woff') format('woff');
	font-style: normal;
	font-weight: 400;
}

/* ============================================================================================================== */
/* ----------------------------------------------------------------------------------------------------- ICONS -- */
/* ============================================================================================================== */

@font-face {
	font-family: 'tec2-icons';
	src: url("../fonts/tec2-icons/tec2-icons.eot");
	src: url("../fonts/tec2-icons/tec2-icons.eot?#iefix") format("embedded-opentype"),
		 url("../fonts/tec2-icons/tec2-icons.woff") format("woff"),
		 url("../fonts/tec2-icons/tec2-icons.ttf") format("truetype"),
		 url("../fonts/tec2-icons/tec2-icons.svg#untitled-font-1") format("svg");
	font-style: normal;
	font-weight: normal;
}

.icon {
	display: inline-block;
	font: normal normal normal 14px/1 'tec2-icons';
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	vertical-align: baseline;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
	font-family: 'tec2-icons' !important;
	font-style: normal !important;
	font-weight: normal !important;
	font-variant: normal !important;
	text-transform: none !important;
	speak: none;
	line-height: 1;
	vertical-align: middle;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-wrench:before {
  content: "\61";
}
.icon-history:before {
  content: "\62";
}
.icon-user:before {
  content: "\64";
}
.icon-tyre:before {
  content: "\68";
}
.icon-search:before {
  content: "\63";
}
.icon-arrow-up:before {
  content: "\6b";
}
.icon-arrow-down:before {
  content: "\6c";
}
.icon-shopping-basket:before {
  content: "\65";
}
.icon-arrow-left:before {
  content: "\69";
}
.icon-arrow-right:before {
  content: "\6a";
}
.icon-motor:before {
  content: "\6e";
}
.icon-axle:before {
  content: "\6f";
}
.icon-universal:before {
  content: "\71";
}
.icon-star-full:before {
  content: "\72";
}
.icon-star:before {
  content: "\73";
}
.icon-stack:before {
  content: "\74";
}
.icon-car2:before {
  content: "\75";
}
.icon-filter:before {
  content: "\76";
}
.icon-info:before {
  content: "\78";
}
.icon-plus:before {
  content: "\41";
}
.icon-minus:before {
  content: "\42";
}
.icon-switch:before {
  content: "\7a";
}
.icon-tick:before {
  content: "\43";
}
.icon-cross:before {
  content: "\44";
}
.icon-reload:before {
  content: "\46";
}
.icon-list-large:before {
  content: "\47";
}
.icon-list-slim:before {
  content: "\48";
}
.icon-arrow-circle-up:before {
  content: "\49";
}
.icon-sort-az-asc:before {
  content: "\4a";
}
.icon-mask:before {
  content: "\4b";
}
.icon-mail:before {
  content: "\4f";
}
.icon-trashcan:before {
  content: "\51";
}
.icon-printer:before {
  content: "\52";
}
.icon-thumbnails:before {
  content: "\54";
}
.icon-sort:before {
  content: "\56";
}
.icon-sort-num-asc:before {
  content: "\57";
}
.icon-sort-desc:before {
  content: "\58";
}
.icon-sort-asc:before {
  content: "\59";
}

/* ============================================================================================================== */
/* -------------------------------------------------------------------------------------------------- LIGHTBOX -- */
/* ============================================================================================================== */

.ekko-lightbox-container{position:relative}.ekko-lightbox-container>div.ekko-lightbox-item{position:absolute;top:0;left:0;bottom:0;right:0;width:100%}.ekko-lightbox iframe{width:100%;height:100%}.ekko-lightbox-nav-overlay{z-index:1;position:absolute;top:0;left:0;width:100%;height:100%;display:-ms-flexbox;display:flex}.ekko-lightbox-nav-overlay a{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;opacity:0;transition:opacity .5s;color:#fff;font-size:30px;z-index:1}.ekko-lightbox-nav-overlay a>*{-ms-flex-positive:1;flex-grow:1}.ekko-lightbox-nav-overlay a>:focus{outline:none}.ekko-lightbox-nav-overlay a span{padding:0 30px}.ekko-lightbox-nav-overlay a:last-child span{text-align:right}.ekko-lightbox-nav-overlay a:hover{text-decoration:none}.ekko-lightbox-nav-overlay a:focus{outline:none}.ekko-lightbox a:hover{opacity:1;text-decoration:none}.ekko-lightbox .modal-dialog{display:none}.ekko-lightbox .modal-footer{text-align:left}.ekko-lightbox-loader{position:absolute;top:0;left:0;bottom:0;right:0;width:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.ekko-lightbox-loader>div{width:40px;height:40px;position:relative;text-align:center}.ekko-lightbox-loader>div>div{width:100%;height:100%;border-radius:50%;background-color:#fff;opacity:.6;position:absolute;top:0;left:0;animation:a 2s infinite ease-in-out}.ekko-lightbox-loader>div>div:last-child{animation-delay:-1s}.modal-dialog .ekko-lightbox-loader>div>div{background-color:#333}@keyframes a{0%,to{transform:scale(0);-webkit-transform:scale(0)}50%{transform:scale(1);-webkit-transform:scale(1)}}