@font-face{
	font-family:'dinlight';src:url("fonts/DINLightRegular.otf");
}

@font-face{
	font-family:'dinblack';
	src:url("fonts/DINBlackRegular.otf");
}

@font-face{
	font-family: 'myriadpro-black';
	src:url("fonts/MyriadPro-Black.otf");
}

@font-face{
	font-family: 'myriadpro-light';
	src:url("fonts/MyriadPro-Light.otf");
}
/* devanagari */
@font-face {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: local('Poppins Bold'), local('Poppins-Bold'), url(https://fonts.gstatic.com/s/poppins/v12/pxiByp8kv8JHgFVrLCz7Z11lFc-K.woff2) format('woff2');
	unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}
/* latin-ext */
@font-face {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: local('Poppins Bold'), local('Poppins-Bold'), url(https://fonts.gstatic.com/s/poppins/v12/pxiByp8kv8JHgFVrLCz7Z1JlFc-K.woff2) format('woff2');
	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: local('Poppins Bold'), local('Poppins-Bold'), url(https://fonts.gstatic.com/s/poppins/v12/pxiByp8kv8JHgFVrLCz7Z1xlFQ.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

body {
	/*background:linear-gradient(to bottom, #fff 0%, #f5f5f5 45%, #ccc 100% );
    background-attachment:fixed;
    cursor:default;
    -ms-overflow-style: scrollbar;
	font-family:myriadpro-light;
	font-size:15px;*/
	font-family: 'Roboto',sans-serif;
	font-size: 18px;
	line-height: 1.8;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	color: #333;
	background: linear-gradient(to bottom, #fff 0%, #f5f5f5 45%, #ccc 100% );
	background-attachment: fixed;
	cursor: default;
	-ms-overflow-style: scrollbar;
	/* font-family: dinlight; */
	font-size: 15px;
}
a.grey {
	background: #666 !important;
}

a.button, .btn-default, .btn-primary {
	font-family: "Poppins",sans-serif !important;
	background: #25aae1;
	border: 0 !important;
	font-weight: 700 !important;
	border-radius: 4px !important;
	display: inline-block !important;
	padding: 8px 20px !important;
	color: #fff !important;
	text-decoration: none;
	text-transform: uppercase !important;
	letter-spacing: inherit !important;
	line-height: inherit !important;
}

#header_nav_2 .navbar ul li a:hover, #header_nav_2 .navbar ul li a:active, #header_nav_2 .navbar ul li.active a {
	background: #25aae1 !important;
}

a:hover, a:focus {
	color: #25aae1;
	text-decoration: underline;
}

a:active, a:hover {
	outline: 0;
}
a {
	color: #11273c;
	text-decoration: none;
}

.text-primary {
	color: #C70212;
}


.bg-primary {
	color: #fff;
	background-color: #C70212;
}

#top {
	display: flex;
	justify-content: flex-end;
	font-size: 16px;
	margin-bottom: 10px;
	margin-top: 10px;
}

	#top div {
		align-self: center;
		padding: 10px;
		white-space: nowrap;
	}

	#top .vonex img {
		align-self: center;
		display: block;
	}

	#top img {
		height: 45px;
	}

/*
.btn-primary {
	color: #023057;
	background-color: #f2853f;
	border-color: #f2853f;
}*/
	.btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled.focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary.focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active {
		background-color: #C70212;
		border-color: #C70212;
	}

	.btn-primary .badge {
		color: #C70212;
		background-color: #ffffff;
	}

.btn-link {
	color: #C70212;
	font-weight: normal;
	border-radius: 0;
}

		.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
			text-decoration: none;
			color: #ffffff;
			background-color: #C70212;
		}

	.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
		color: #ffffff;
		text-decoration: none;
		outline: 0;
		background-color: #C70212;
	}

	.dropdown-menu li:hover{
		background:#555;
	}


	.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
		background-color: #eeeeee;
		border-color: #C70212;
	}

	.navbar-default {
	background-color: #C70212;
	border-color: #bf3e11;
}

		.pagination > li > a, .pagination > li > span {
			position: relative;
			float: left;
			padding: 8px 12px;
			line-height: 1.42857143;
			text-decoration: none;
			color: #C70212;
			background-color: #ffffff;
			border: 1px solid #dddddd;
			margin-left: -1px;
		}

.label-primary {
	background-color: #C70212;
}

.list-group-item.active > .badge, .nav-pills > .active > a > .badge {
	color: #C70212;
	background-color: #ffffff;
}

a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active {
	border-color: #C70212;
}

.ProductSpecialHeader{
	width:100%;
}

.header-content {
	padding-left: 0px;
	padding-right: 0px;
	max-width: 100%;
	position: relative;
	width: auto;
	max-width: 1600px;
	float: right;
}

.progress-bar {
	float: left;
	width: 0%;
	height: 100%;
	font-size: 12px;
	line-height: 20px;
	color: #ffffff;
	text-align: center;
	background-color: #C70212;
	-webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,0.15);
	box-shadow: inset 0 -1px 0 rgba(0,0,0,0.15);
	-webkit-transition: width 0.6s ease;
	-o-transition: width 0.6s ease;
	transition: width 0.6s ease;
}

.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
	z-index: 2;
	color: #ffffff;
	background-color: #C70212;
	border-color: #C70212;
}
.panel-primary {
	border-color: #C70212;
}

	.panel-primary > .panel-heading, .panel-heading {
		color: #11273c !important;
		background-color: #fcc70e !important;
		border-color: #fcc70e !important;
	}

		.panel-primary > .panel-heading + .panel-collapse > .panel-body {
			border-top-color: #C70212;
		}

		.panel-primary > .panel-heading .badge {
			color: #C70212;
			background-color: #ffffff;
		}

	.panel-primary > .panel-footer + .panel-collapse > .panel-body {
		border-bottom-color: #C70212;
	}

.navbar-default .badge {
	background-color: #fff;
	color: #C70212;
}

.page-spacer { padding:60px 0px 30px 0px;font-size:64px;color:#bbb; text-align:center;}

.container { width:auto; max-width: 1600px; }

.icon-16 { display:inline-block;width:18px;height:18px; background-image:url(../images/iconsprite-16.png);position:relative;top:3px;left:-5px; }
.icon-16.icon-key { background-position:0px 0px; }
.icon-16.icon-vcard { background-position:-18px 0px; }
.icon-16.icon-logout { background-position:0px -18px; }

.icon-16.icon-basket-full { background-position:-108px -0px; width:22px;}
.icon-16.icon-basket-empty { background-position:-108px -18px; width:22px;}

.icon-go-left { display:inline-block;width:18px;height:36px; background-image:url(./images/icon-16.png);background-position:-54px -18px; }
.icon-go-right { display:inline-block;width:18px;height:36px; background-image:url(../images/icon-16.png);background-position:-72px -18px; }

.panel-heading h2 { margin-top:4px;margin-bottom:0px; text-align:center;}
#header_logo {
    /*top:43px; left:15px;
    position:absolute;*/
    /*background-color:#fff;*/
    /*background-image:url(../images/logo-box-bkg-t.png);*/
    background-repeat:no-repeat;
    background-position:top center;
    /*width:155px; 
    text-align:center;*/
    /*padding:25px 0px 20px 0px;*/
    xborder-top:1px solid #ccc;
    /*border-bottom-left-radius:4px;
    border-bottom-right-radius:4px;
    box-shadow: 0px 4px 4px rgba(0,0,0,0.3);*/
    xz-index:1;
}
#header_slogan {
    top:8px; left:180px; width:377px;height:25px;
    position:absolute;
    background-color:transparent;
    /*background-image:url(../images/header-slogan.png);*/
    background-repeat:no-repeat;
    background-position:center center;
    z-index:1;
}
#header_phonenumbers_bkg {
    top:37px; left:171px;width:325px; height:40px;
    position:absolute;
    /*background-color:#444;
    opacity:0.2;*/
    border-bottom-right-radius:6px;
    xz-index:1;
}
#header_phonenumbers {
    top:45px; left:180px;width:315px; height:32px;
    position:absolute;
    background-color:transparent;
    /*background-image:url(../images/xit-text-phonenumbers~315x32.png);*/
    background-repeat:no-repeat;
    background-position:center center;
    xz-index:1;
}
#header_promo_banner{
	top:38px;
	max-height:60px;
	overflow:hidden;
	position:absolute;
	right:30px;
	width:450px;
	text-align:right;
}

@media (max-width: 1000px) {
	#header_promo_banner {
		width:300px;
	}
}

@media (max-width: 850px) {
	#header_promo_banner {
		width:200px;
	}
}

@media (max-width: 768px) {
	#header_promo_banner {
		display:none;
	}

	#header_logo {
		max-width: 90%;
	}

	#header-row-03 {
		display: none;
	}
}


#header_promo_banner img{
	height:auto;
	max-width:100%;
}

#header-row-banner {
    top:44px;right:16px;
    width:450px;height:80px;
    position:absolute;
    z-index:1;
    border:1px solid #bbb;
    box-shadow: 2px 2px 2px rgba(0,0,0,0.2);
}
#header_row_01 {
	height: 12px;
	background-color: #11273c;
	/*background-image:url(../images/bkg-hash-grey-64.png);*/
	background-repeat: repeat-x;
	background-position: top center;
}
#header_row_02 { 
    height:0px;
    background-color:#023057;
    /*background-image:url(../images/bkg-hash-header-glass-64.png);*/
    background-repeat:repeat-x;
    background-position:top center;
    /*border-top:1px solid rgba(59,99,132,1) !important;*/
}
#header-row-03 {
	height: 36px;
	background-color: #11273c; /*#bc0b19;*/
	/*background-image:url(../images/bkg-hash-red-64.png);*/
	background-repeat: repeat-x;
	background-position: top center;
	/*box-shadow: 0px 4px 6px rgba(0,0,0,0.3);*/
}

header .container { position:relative; }
header .navbar-collapse { z-index:1 }
#header_nav_1  {
    height: 36px;
    margin-left:160px;
}
#header_nav_1 .navbar {
    background: none;
    border:0;
}
#header_nav_1 .navbar ul li a { padding: 8px 15px; font-weight:normal;}
#header_nav_1 .navbar ul li a,
#header_nav_1 .navbar ul li a:link,
#header_nav_1 .navbar ul li a:visited, 
#header_nav_1 .navbar-collapse
 { color:#fff !important; 
   background-color: #1e84af;
   /*background-image:url(../images/bkg-hash-grey-64.png);*/
}
#header_nav_1 .navbar ul li a:hover,
#header_nav_1 .navbar ul li a:active,
#header_nav_1 .navbar ul li.active a
 { 
	background-image:url(../images/bkg-hash-grey-hover-64.png);
}

#header_nav_1 .navbar .navbar-header button { margin:0px; padding:7px 5px; z-index:2; zoom:2; background-color:#000; }
#header_nav_1 .navbar .navbar-header button:hover,
#header_nav_1 .navbar .navbar-header button:active { background-color:#444; }


#header_nav_1 .navbar ul li a { padding: 6px 12px; }
#header_nav_1 .navbar ul li.visible-xs a { padding: 10px 12px 6px 12px; }

#header_nav_2
{
    display:none;
    height: 36px;
    margin-left:188px;
	/*font-family:myriadpro-black;*/
}

#header_nav_2 .navbar {
    background: none;
    border:0;
}
#header_nav_2 .navbar ul li a { padding: 8px 15px; font-weight:bold;}
	#header_nav_2 .navbar ul li a,
	#header_nav_2 .navbar ul li a:link,
	#header_nav_2 .navbar ul li a:visited,
	#header_nav_2 .navbar-collapse {
		color: #fff !important;
		/*background-image:url(../images/bkg-red-64.png);*/
		background-color: #11273c;
	}
	#header_nav_2 .navbar ul li a:hover,
	#header_nav_2 .navbar ul li a:active,
	#header_nav_2 .navbar ul li.active a {
		/*background-image: url(../images/bkg-red-hover-64.png);*/
		background-color: #f2853f;
	}


header {
    zoom: 0.57;
}
header { position:fixed; min-height:72px; top:0px;left:0px;right:0px; z-index:1; } 
/*#header_logo { width: 95px; }*/
/*#header_logo img { width:80px; }*/
#header_slogan { left:140px; }
#header_phonenumbers { left:117px; }
#header_row_02 { height:0px; }
#header_phonenumbers_bkg { display:none; }
/*#header_logo { padding:12px 0px 12px 0px; border-top-width:0px; }*/
#header_phonenumbers { top:44px; }

#header_nav_1 ul li { zoom:2; float:none; }
@media (min-width: 395px) {
	header {
		zoom: 0.75;
		background: #11273c;
	}
   #header_nav_1  { margin-left:260px; }

    #header_nav_1 ul li { zoom:1.7; }
    #header_nav_1 .navbar .navbar-header button { zoom:1.5;top:0px; }

}

@media (min-width: 510px) {
	header {
		zoom: 1;
		background: #11273c;
	}
   #header_nav_1  { margin-left:260px; }

    #header_nav_1 ul li { zoom:1.4; }
    #header_nav_1 .navbar .navbar-header button { zoom:1;top:0px; }
}

@media (min-width: 768px) { 
   #header_nav_1  { margin-left:185px; }
    #header_nav_2 { display: block; }
    #header_nav_1 ul li { zoom:1; float:left; }
    header { position:absolute; }
    /*#header_logo { width: 185px; }
    #header_logo img { width:175px; }*/
    #header_slogan { left:221px; }
    #header_phonenumbers { left:180px; }
    #header_row_02 { height:0px; }
    #header_phonenumbers_bkg { display:block; }
    /*#header_logo { padding:15px 0px 10px 0px; }*/
    #header_phonenumbers { top:45px; }
	header {
		min-height: 134px;
		padding-top:10px;
		position: absolute;
		background: #11273c;
	}
    #header_nav_1 .navbar .navbar-header button { zoom:1; }
}

@media (min-width: 992px) { 

}

@media (min-width: 1200px) { 

}


/* CONTENT */
.panel-nopad-btm .panel-body { padding-bottom:0px !important; }
.selected img {
	opacity:0.5;
}

#sidebar_categories button { width:100%; }
#sidebar_social img { margin:0px auto; }

.content-page-carousel .panel { min-height:240px; height:240px !important; overflow:hidden;background-color:#444;background:linear-gradient(to bottom right, #333 0%, #777 100%); border-radius:5px; margin-bottom:15px; position:relative; color: white; border-color:#BBB; }
.content-page-carousel .panel img { height:240px;  float:left; }
@media (min-width: 1180px) {
    .content-page-carousel .panel img { width:100%;  float:left; }
}
#content-member-home-carousel
 { margin:0px 1px 17px 1px; height:240px !important; }
#content-member-home-carousel .carousel,
#content-member-home-carousel .carousel-inner
 { height:240px !important; }
#member_carousel img { max-width:none; }
#member_carousel .item { max-width:100%; overflow:hidden; }

.panel {    
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    box-shadow: 2px 3px 4px rgba(0,0,0,0.2);
    border-color:#E5E5E5;
}
.panel-heading {
    /*background-color:#c60012; color:#fff;*/
	background-color: #f2853f; color:#fff;
    /*background:linear-gradient(to bottom, #f5979f 0%, #ef0024 30%, #bc0b19 100% );*/
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
	/*font-family:myriadpro-black;*/
	font-weight:700;
}
#search_panel { min-height:56px; }
#search_panel .panel-body { padding:8px; position:relative; min-height:36px; }

/** 2016-10-11 Sami Chamoun: Commented out for the time being to test search bar. ***/
	/*#search_panel input {
		position: absolute;
		top: 8px;
		left: 8px;
		right: 200px;
		width: 97% !important;
	}*/

#search_panel .search-wrapper{
	overflow:hidden;
}

#search_panel .search-wrapper div{
	padding:10px;
}

#search_panel .search-wrapper #search-fields{
	float:left;
	width:660px;
	white-space:nowrap;
}

#search_panel .search-wrapper #search-buttons{
	overflow:hidden;
	float:right;
}

@media screen and (max-width: 1598px) {
	#search_panel .search-wrapper #search-fields {
		float:left;
		width:70%;
	}
}

@media screen and (max-width: 1256px) {
	#search_panel .search-wrapper #search-fields {
		float:left;
		width:65%;
	}
}

@media screen and (max-width: 1199px) {
	#search_panel .search-wrapper #search-fields {
		float:left;
		width:70%;
	}
}

@media screen and (max-width: 991px) {
	#search_panel .search-wrapper #search-fields {
		float:left;
		width:60%;
	}
}

@media screen and (max-width: 865px) {
	#search_panel .search-wrapper #search-fields {
		float:left;
		width:100%;
	}
}

#search_panel button.search-btn { position:absolute; top:8px; right:158px; width:40px;}
#search_panel button.advanced-search-btn { position:absolute; top:8px; right:8px; width:140px; }

#product_categories table { width:100%; }
#product_categories a { display:block; padding:5px; font-size:13px; border-bottom:1px solid #eee; }
#product_categories td.ModuleContent div a {
    display: inline-block;
    width: 100%;
	padding:10px!important;
	margin-bottom:4px;
	white-space:normal!important;

}

.subcategory-image{
	float:left;
    padding: 0px 0px 20px 20px;
	width:150px;
	height:100px;
	font-size:13px;
}

.subvendor{
	float: left;
	padding: 0px 10px 0px 0px;
	font-size: 13px;
}

.subvendor-image{
	float:left;
    padding: 0px 0px 20px 20px;
	width:150px;
	font-size:13px;
}

.product-special-wrapper{
	overflow:hidden;
    background-color: #eeeeee;
	padding:0px 5px 5px 5px;
	border:1px solid black;
}

.product-special{
	float:left;
	width: 50%;
    background-image: url(../images/productspecial_bg.gif);
    background-repeat: no-repeat;
    background-position: right 55%;
    background-color: #fff;
    border: 1px solid #b8b8b8;
    vertical-align: top;
    padding: 10px;
	margin-top:5px;
}

.product-special .title{
	height:110px;
}

.product-tile{
	/*float:left;*/
	/*width:245px;*/
	height:400px;

	overflow: visible;
    margin-bottom: 10px;
    padding-left: 4px;
    padding-right: 4px;
    text-align: center;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,.13),0 1px 5px 0 rgba(0,0,0,.08);
}

.product-tile .image{
	text-align:center;
	height:200px;
}

.product-tile .details{
	padding-top:15px;
	text-align:center;
	height:130px;
	overflow:hidden;
}

.product-tile .price{
	text-align:center;
}

.product-tile .details a{
	font-size:14px;
}

.product-tile .stock{
	text-align:center;
	font-size:12px;
}

ul.social-buttons{
	text-align:left;
	padding:0px;
}
ul.social-buttons li {
	list-style-type: none;
	display:inline;
}
ul.social-buttons li a {
	text-decoration:none;
}

#current-catalogue h3 {font-size:13px; font-weight:bold; }
#current-catalogue div.catalogue-item { height:310px !important; overflow:hidden; }

.news-item-sm a
{ 
display:block; min-height: 20px;
padding: 8px;
margin-bottom: 15px;
background-color: #f5f5f5;
border: 1px solid #e3e3e3;
border-radius: 4px;
box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
font-size:13px;
}
.news-item-sm a:visited { color: #909; }
.news-item-sm a:active,
.news-item-sm a:hover { color: #FFF;background-color:#978e83;text-decoration:none; }

.contract-item-sm a
{ 
display:block; min-height: 20px;
padding: 8px;
margin-bottom: 15px;
background-color: #f5f5f5;
border: 1px solid #e3e3e3;
border-radius: 4px;
box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
font-size:13px;
}
.contract-item-sm a:visited { color: #909; }
.contract-item-sm a:active,
.contract-item-sm a:hover { color: #FFF;background-color:#978e83;text-decoration:none; }


.quote-item-sm a
{ 
display:block; min-height: 20px;
padding: 8px;
margin-bottom: 15px;
background-color: #f5f5f5;
border: 1px solid #e3e3e3;
border-radius: 4px;
box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
font-size:13px;
}
.quote-item-sm a:visited { color: #909; }
.quote-item-sm a:active,
.quote-item-sm a:hover { color: #FFF;background-color:#978e83;text-decoration:none; }


input[type=submit],
input[type=button],
button { border:1px solid #CEC7BF; border-radius:3px; padding:6px 10px; font-size:16px; background-color:#CEC7BF; }
input[type=submit]:active,
input[type=button]:active,
button:active, button.btn:active,
input[type=submit]:hover,
input[type=button]:hover 
button:hover, button.btn:hover { color: #FFF !important;background-color:#978e83 !important;border-color:#978e83 !important;text-decoration:none; }

.icon-16.pull-right { top:0px;left:0px;}
.panel-heading .badge { background-color:white; color:#c00;margin-right:6px;}
#main_content { margin-top:42px; }

.home-brand-item { width:99%; height:50px; float:left; overflow:hidden; display:table-cell; vertical-align:middle;text-align:center; }
.home-brand-item:before {  
    content: ' ';
    display: inline-block;
    vertical-align: middle;  
    height: 100%;
}
#home_brands_list { height: 1000px; overflow:hidden; }
#home_brands_list img { zoom:50%; display: inline-block; vertical-align: middle;}

#content_breadcrumbs {
    border:1px solid #ccc;
    border-top-width:0px;
    border-bottom-left-radius:4px;  
    border-bottom-right-radius:4px;
    background-color:#eee;
    font-size:12px;
    padding:7px 8px 3px 8px;
    margin:0px 0px 1px 0px;
}

#message_box {
	width:100%;
	padding: 2px 8px;
	background-color: #fff;
	border: 1px solid #d0cfcf;
	font-weight: bold;
	color: #222;

    border-bottom-left-radius:4px;  
    border-bottom-right-radius:4px;
    border-top-left-radius:4px;  
    border-top-right-radius:4px;

}

#breadcrumb_wrapper{
	margin-bottom:12px;
}

#banner_ad_right div { margin:15px 0px; }

#slider-thumbs li { border:1px solid #ccc; margin-top:5px; margin-right:5px; }

.carousel h2 { margin:0px; }
.carousel .item { text-align:center; }
.carousel { position:relative; }
.carousel-caption { position:absolute; top:172px;left:0px;right:0px; }
.carousel .control-box a { font-size:60px; padding-top:75px; width:40px; }
.carousel-caption-bkg { position:absolute; top:175px; left:0px;right:0px;height:100px;background-color:#000;opacity:0.3; }
.carousel-caption-text { font-size:11px }
.carousel-caption-text h2 { font-size:18px }
.carousel-caption-text p {display:none;}

#product_carousel .carousel-control.left,
#product_carousel .carousel-control.right { background:none !important; }
.control-btn-box { display:none; /*inline-block; border-radius:3px; padding:0px 2px !important; background-color:#ccc;*/}

@media (min-width: 395px) {
    #main_content { margin-top:131px; }
    #home_brands_list { height: 800px; overflow:hidden; }
    #home_brands_list img { zoom:70%; }
    .carousel-caption-text p {display:block;}
}

@media (min-width: 510px) {
    #main_content { margin-top:143px; }
    #home_brands_list { height: 600px; overflow:hidden; }
    #home_brands_list img { zoom:90%; }
}

@media (min-width: 768px) { 
    

    #main_content { margin-top:143px; }
    #home_brands_list { height: 540px; overflow:hidden; }
    /*#content_breadcrumbs { margin-bottom:12px; }*/
	#content_breadcrumbs { margin-bottom:1px; }
    .home-brand-item { width:48%; height:60px; float:left; overflow:hidden; display:table-cell; vertical-align:middle;text-align:center; }
    .carousel-caption-text { font-size:13px }
    .carousel-caption-text h2 { font-size:24px }
    .carousel-caption { top: 166px; }

}

@media (min-width: 992px) { 
        #home_brands_list { height: auto; overflow:visible; }
            .carousel-caption-text { font-size:14px }
    .carousel-caption-text h2 { font-size:30px }
    #member_carousel .carousel-caption-text h2 { font-size:24px }
    .carousel-caption { top: 160px; }

}

@media (min-width: 1200px) { 
    #current-catalogue h3 {font-size:17px; font-weight:bold; }
    .home-brand-item { width:32%; height:70px; float:left; overflow:hidden; display:table-cell; vertical-align:middle;text-align:center; }
}



/* Footer styles */

footer { 
    min-height:101px;
    background-color:#444;
    /*background-image:url(../images/bkg-hash-grey-64.png);*/
    background-repeat:repeat;
    background-position:top center;
    color:#eee;
}
footer .container { 
    min-height:101px;
    color:#fff;
}
footer a,
footer a:link, 
footer a:visited  { color: #eee; }
footer a:hover, 
footer a:active  { color: #fff; }
footer #footer_logo img { width:100px; height:64px; margin-top:18px; }
footer #footer_copyright { padding-top: 20px; }
footer #footer_poweredby img { width:69px; height:81px; margin-top:11px; }




/* Main page table styles */

table.ShoppingBasket td,
table.ShoppingBasket th { padding: 5px; border-bottom:1px solid #ddd;}

table.TableBorder td {
	padding: 5px;
	font-size: 13px;
	/*border-bottom: 1px solid #ccc;*/
}
table.TableBorder td.row0 {background-color:#f8f8f8;border-bottom: 1px solid #ccc; }
table.TableBorder td.row1{border-bottom: 1px solid #ccc;}
table td.TableHeader,
table td.TableHeaderCont
 { background-color:#000; color:#fff;font-weight:bold; /*font-family:myriadpro-black;*/ }

table.ProductTableClassic{
	border: 1px solid #bebebe;
}

table.ProductTableClassic th {
	/*** 2016-10-12 Sami Chamoun: Removed the original themed styles and replaced with traditional styles. ***/
/*	padding: 5px;
	font-size: 12px;
	border-bottom: 1px solid #ccc;
	*/
    font-weight: bold;
    background-color: #f6f6f6;
    border-right: 1px solid #bebebe;
    padding: 3px 6px;
    text-align: right;
    font-size: 13px;
}
table.ProductTableClassic td {
	/*** 2016-10-12 Sami Chamoun: Removed the original themed styles and replaced with traditional styles. ***/
	/*padding: 5px;
	font-size: 13px;
	border-bottom: 1px solid #ccc;*/
    background-color: #fff;
    padding: 3px 6px;
    font-size: 13px;
}

/*** 2016-10-13 Sami Chamoun: 100% width should apply to all tables using this class, not just from the product_details div. ***/
/*#product_details .TableBorder { width:100% }*/
.TableBorder { width:100% }
#product_details .TableBorder td {padding:5px; font-size:16px; }
#product_details #slider { margin-top:20px; }


/*-----------------------------------------------------------------------------------------------------------------------
|	News Category Styles																								|
-----------------------------------------------------------------------------------------------------------------------*/
table.NewsTableHeader {
	width:90%;
	margin:0 auto;
}
table.NewsTableHeader td.NewsHeading {
	font-size: 16pt; color: #c00;
	border-bottom:1px solid #bbb;
	vertical-align:middle;
	padding:6px 10px;
}
table.NewsTableHeader td.NewsDate {
	font-size: 13pt; color: #111;
	border-bottom:1px solid #bbb;
	vertical-align:middle;
	text-align:right;
	padding:6px 10px;
}
table.NewsTableHeader td.NewsOverview {
	padding: 10px;
	font-weight:bold;
	font-size:14px;
	color:#333;
}
table.NewsTableHeader td.NewsBody {
	text-align:justify;
	font-size:12px;
	padding: 10px;
}
table.NewsTableHeader td.NewsBody img {
	margin: 0 0 10px 10px;
}
table.NewsTableHeader td.NewsArticle {
	padding:10px;
}
table.NewsCategory {
	width:100%;
	border-collapse:collapse;
	margin-bottom:10px;
}
table.NewsCategory th {
	font-size:16pt;
	text-align:left;
	font-weight:normal;
	padding-bottom:5px;
	border-bottom: 1px solid #bbb;
}
table.NewsCategory th a {
	font-size:9pt;
}
table.NewsCategory td.NewsTitle {
	padding:5px 0 0 10px;
	font-size:11pt;
}
table.NewsCategory td.NewsDate {
	padding:5px 0 0 10px;
	font-size:9pt;
}
table.NewsCategory td.NewsDesc {
	padding:5px 0 5px 10px;
	font-size:9pt;
	border-bottom:1px dashed #ddd;
}


/***MOBILE STYLES ****/

@media (max-width: 650px) {
	.mobile-break {
		display: block;
	}
	.mobile-hide{
		display:none;
	}
}

.desktop-hide{
	display:none;
}
@media (max-width: 994px) {
	.desktop-hide {
		display: block;
	}
}
div.vendor{
	height:150px;
}

.ShoppingBasket {
	width:100%;
}