@font-face{
	font-family:'dinlight';src:url("fonts/DINLightRegular.otf");
}

@font-face{
	font-family:'dinblack';
	src:url("fonts/DINBlackRegular.otf");
}

body {
    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{
	color: black;
	text-decoration: none;
}

.text-primary {
	color: black;
}


.bg-primary {
	color: black;
	background-color: black;
}

.btn-default{
	background-color:#708090;
}

.btn-secondary {
	border: 1px solid #CEC7BF!important;
	background-color:#fff!important;
	color:#000!important;
}

.btn-primary {
	color: #ffffff;
	background-color: black;
	border-color: black;
}
	.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: black;
		border-color: black;
	}

	.btn-primary .badge {
		color: black;
		background-color: #ffffff;
	}

.btn-link {
	color: black;
	font-weight: normal;
	border-radius: 0;
}

		.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
			text-decoration: none;
			color: #ffffff;
			background-color: black;
		}

	.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
		color: #ffffff;
		text-decoration: none;
		outline: 0;
		background-color: black;
	}

	.dropdown-menu li:hover{
		background:#555;
	}


	.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
		background-color: #eeeeee;
		border-color: black;
	}

	.navbar-default {
	background-color: black;
	border-color: #bf3e11;
}

		.pagination > li > a, .pagination > li > span {
			position: relative;
			float: left;
			padding: 8px 12px;
			line-height: 1.42857143;
			text-decoration: none;
			color: black;
			background-color: #ffffff;
			border: 1px solid #dddddd;
			margin-left: -1px;
		}

.label-primary {
	background-color: black;
}

.list-group-item.active > .badge, .nav-pills > .active > a > .badge {
	color: black;
	background-color: #ffffff;
}

a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active {
	border-color: black;
}

.ProductSpecialHeader{
	width:100%;
}

.progress-bar {
	float: left;
	width: 0%;
	height: 100%;
	font-size: 12px;
	line-height: 20px;
	color: #ffffff;
	text-align: center;
	background-color: black;
	-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: black;
	border-color: black;
}
.panel-primary {
	border-color: black;
}

	.panel-primary > .panel-heading {
		color: #ffffff;
		background-color: #9c1821;
		border-color: #9c1821;
	}

		.panel-primary > .panel-heading + .panel-collapse > .panel-body {
			border-top-color: black;
		}

		.panel-primary > .panel-heading .badge {
			color: black;
			background-color: #ffffff;
		}

	.panel-primary > .panel-footer + .panel-collapse > .panel-body {
		border-bottom-color: black;
	}

.navbar-default .badge {
	background-color: #fff;
	color: black;
}

.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:0px; 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:5px 0px 5px 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_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:66px;
    background-color:#f6f8f7;
    /*background-image:url(../images/bkg-hash-grey-64.png);*/
    background-repeat:repeat-x;
    background-position:top center;
}
#header_row_02 { 
    height:64px;
    background-color: #dedede;/*#9c1821;*//*#708090;*/
    /*background-image:url(../images/bkg-hash-header-glass-64.png);*/
    background-repeat:repeat-x;
    background-position:top center;
    border-top:1px solid white;
}
#header-row-03 { 
    height:36px;
    background-color: #dedede; /*#9c1821;*/ /*#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:#000 !important; 
   background-color: #f6f8f7;
   /*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:dinblack;*/
}

#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:#656565 !important;
   background-image:url(../images/bkg-slategray-64.png);
}
#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-gray-hover-64.png); }


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:1px; }
#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; }
   #header_nav_1  { margin-left:260px; }

    #header_nav_1 ul li { zoom:1.7; }
    #header_nav_1 .navbar .navbar-header button { zoom:1.75;top:5px; }

}

@media (min-width: 510px) {
    header { zoom: 1; }
   #header_nav_1  { margin-left:260px; }

    #header_nav_1 ul li { zoom:1.4; }
    #header_nav_1 .navbar .navbar-header button { zoom:1.5;top:10px; }
}

@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:185px; }
    #header_slogan { left:221px; }
    #header_phonenumbers { left:180px; }
    #header_row_02 { height:35px; }
    #header_phonenumbers_bkg { display:block; }
    #header_logo { padding:5px 0px 5px 0px; }
    #header_phonenumbers { top:45px; }
    header { min-height:134px; position:absolute; }
    #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: #9c1821; 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:dinblack;
}
#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:15px; border-bottom:1px solid #eee; font-weight: 900; }
#product_categories td.ModuleContent div a {
    display: inline-block;
    width: 100%;padding:10px;margin-bottom:4px;
}

#product_categories td.ModuleContent div a:hover {
background-color:#808080;
}


.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:15px;
cursor: pointer;
font-weight: 900;
}
.news-item-sm a:visited { color: #909; }
.news-item-sm a:active,
.news-item-sm a:hover { color: #FFF;background-color:#708090;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:#708090;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:#708090;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; }

.buttonRed{
	color:white;
	background-color:#e34a56!important;
}

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:#808080 !important;border-color:#808080 !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:23px 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:54px; }
    #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:73px; }
    #home_brands_list { height: 600px; overflow:hidden; }
    #home_brands_list img { zoom:90%; }
}

@media (min-width: 768px) { 
    

    #main_content { margin-top:135px; }
    #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; }
table.TableBorder td.row1{}
table td.TableHeader,
table td.TableHeaderCont
 { background-color:#000; color:#fff;font-weight:bold; font-family:dinblack; }

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%;
}


/*-----------------------------------------------------------------------------------------------------------------------
|	Category Styles																										|
-----------------------------------------------------------------------------------------------------------------------*/
div.CategoryLogo {
	margin-bottom:20px;
}
div.CategoryDescription {
	width:90%;
	margin: 0 auto 20px;
}
div.CategoryHeading {
	font-size:14pt;
	color:#555;
	margin-bottom:15px;
}
div.CategoryHeading  div.Brands {
	float:right;
	font-size:12pt;
	color:#555;
}
div.ProductTile {
	border:1px solid #bbb;
	border-bottom:2px solid #bbb;
	padding:10px;
	text-align:center;
	background-color:#fff;
	border-radius:5px;
	margin: 0 5px 10px 5px;
	height:550px;
}
div.ProductTile div.Description {
	float:left;
	height:91px;
	width:170px;
	overflow:hidden;
}
div.ProductTile a.Title {
	font-weight:bold;
	font-size:18px;
}
div.ProductTile img {
	/*float:left;*/
	margin-right:10px;
}
div.ProductTile table.Pricing {
	width:100%;
	margin:10px 0 0 0;
	border-top: 1px dashed #aaa;
}
div.ProductTile table.Pricing td {
	padding:0;
	font-size:18px;
	padding:10px 0 5px;
}
div.ProductTile a.Button {
	padding: 6px 8px;
	border:1px solid #333;
	background-color:#555;
	color:#fff;
	font-weight:bold;
	font-size:9pt;
	border-radius:5px;
	text-decoration:none;
}
div.ProductTile a.Button:hover {
	background-color:#af0321;
	border: 1px solid #7d0016;
	color:#fff;
}
div.PriceNotice {
	text-align:center;
	font-size:8pt;
	color:#444;
}
div.ProductTile table.ImageDesc {
	width:100%;
	border-collapse:collapse;
}
div.ProductTile table.ImageDesc td.Image { width:100px; height:350px; vertical-align:top; }
div.ProductTile table.ImageDesc td.Desc { height:100px; font-size:8pt; vertical-align:top; }


/* Table Header Styles */
table.TableBorder {
	border-collapse:collapse;
	width:100%;
}
table.TableBorder td {
	padding: 2px 8px;
} 
table.TableBorder td.Label {
	font-weight: bold;
	text-align: right;
	padding-right: 4px;
}
table.TableBorder td.LabelRequired {
	font-weight: bold;
	text-align: right;
	padding-right: 4px;
	color: #b00;
}
table.TableBorder td.TableHeader {
	color: #fff;
	font-weight:bold;
	background-color: #9C1821;
	vertical-align:middle;
	border-top:1px solid #333;
	border-bottom:1px solid #333;
	height:26px;
	line-height:26px;
	padding: 0 10px;
}
table.TableBorder td.TableHeaderCont {
	color: #fff;
	font-weight:bold;
	background-color: #9C1821;
	vertical-align:middle;
	border-top:1px solid #9C1821;
	border-bottom:1px solid #9C1821;
	height:26px;
	line-height:26px;
	padding: 0 10px;
}
table.TableBorder td.TableHeader img,
table.TableBorder td.TableHeaderCont img {
	vertical-align:middle;
}

table.TableBorder td.TableHeader a:link,
table.TableBorder td.TableHeader a:active,
table.TableBorder td.TableHeader a:visited {
	font-weight: bold;
	color: #fff;
	text-decoration: none;
}
table.TableBorder td.TableHeader a:hover {
	font-weight: bold;
	color: #eee;
	text-decoration: none;	
}
table.TableBorder td.TableHeaderCont a:link,
table.TableBorder td.TableHeaderCont a:active,
table.TableBorder td.TableHeaderCont a:visited {
	font-weight: bold;
	color: #fff;
	text-decoration: none;	
	vertical-align:middle;
}
table.TableBorder td.TableHeaderCont a:hover {
	font-weight: bold;
	color: #eee;
	text-decoration: none;	
	vertical-align:middle;
}
table.TableBorder td.TableHeaderSub {
	padding: 0px 6px 0px 2px;
	vertical-align:middle;
	height:20px;
    background-color: #f7f7f7;
	font-weight: bold;
	font: bold 8pt Tahoma; color: #000;
	border: #999 solid 1px;
	border-right-style: none;
	border-left-style: none;
	margin:0px;
}

table.TableBorder td.row0 {
    background-color: #f7f7f7;
	padding: 4px 8px;
} 
table.TableBorder td.row1 {
	background-color: #fff;
	padding: 4px 8px;
}

div#LoginMain {
	/*width:1100px;
	float:left;*/
	padding:12px 20px;
	background-image: url('../images/logo-double.png');
	background-repeat: no-repeat;
	background-position: 50% 9%;
	background-color: transparent;
	min-height:700px;
}

.LoginTable{
	/*margin-left:410px;*/
	margin: 0 auto;
	/*margin-top:100px;*/
}

.LoginTablePlain{
	margin-top:10px;
	margin-left:10px;
}

.LoginTablePlain td{
	padding:2px 8px;
}

.LoginTablePlain h4{
	font-weight:bold;
}

.LoginTablePlain hr{
	padding-top:6px;
	padding-bottom:6px;
}

.RegisterButton{
    border: 1px solid #CEC7BF;
    border-radius: 3px;
    padding: 6px 10px;
    font-size: 16px;
    background-color: #CEC7BF;
	width:120px;
}

.WelcomeDiv{
	margin:0 auto;
	width:400px;
}

.LoginDivPlain{
	background-color:white;
	border: 1px solid #ccc;
	height:390px;
	width:400px;
	margin:0 auto;
	margin-bottom:20px;
}

div.Message {
	position:absolute;
	top:220px;
	width:80%;
	margin:0px 10% 0px 10%;
	padding:5px;
	border: solid 2px black;
	background:#eee;
}

table.TableCRM_Sub {
    width:100%;
	border: 1px solid #aaa;
}
table.TableCRM_Sub th {
    background-color:#ddd;
    padding:0px;
    border-bottom:1px solid #aaa;
    text-align:left;
    padding-left:6px;
	font-weight:bold;
	color:#414141;
	height:16px;
}
table.TableCRM_Sub td.row0 {
    background-color:#fff;
}
table.TableCRM_Sub td.row1 {
    background:#f6f6f6;
    border-style:solid;
    border-width:1px 0px 1px 0px;
    border-color:#ddd;
}
table.TableCRM_Sub td a:hover {
	color:#c00;	
	text-decoration:underline;
}
table.TableCRM_Sub td {
    padding:2px 2px 2px 6px;
}

table.TableCRM_Sub td.Money {
   text-align:right;
   width:13%;
}


table.TableNormal td.CRMTableRow0 {
	background-color:#fff;
	border: 1px solid #666;
}
table.TableNormal td.CRMTableRow1 {
	background-color:#f3f3f3;
	border: 1px solid #666;
}
table.TableNormal td.row0 {
	background-color:#f1f1f1;
}
table.TableNormal td.row1 {
	background-color:white;
}


table.TableNormal {
	width:100%;
	border: 1px solid #666;
	border-collapse:separate;
}
table.TableNormal th  {
	font-weight:bold;
	border-bottom: 1px solid #666;
	background-image: url('../Images/titleheader.gif');
	background-repeat: repeat-x;
	background-position: top left;
	background-color: #f0f0f0;
	text-align:left;
	padding:2px 8px;
}
table.TableNormal td {
	border-top: 1px solid #ddd;
	vertical-align:middle;
	padding:2px 8px;
}
table.TableNormal img {

}

table.TableNormal td.Available {
	color:#0c0;
	font-weight:bold;
	text-align:center;
}
table.TableNormal td.NotAvailable {
	color:#c00;
	font-weight:bold;
	text-align:center;
}

table.TableNormal .checked {
	color:#c00;
	font-weight:bold;
	text-align:center;
}

table.TableNormal .status {
	font-weight:bold;
	color:#c00;
	text-align:center;
}

table.TableNormal .date {
	text-align:center;
}

table.TableNormal .name {
	text-align:center;
}

table.TableNormal .highlight td {
	background-position:center center;
	background-repeat:repeat-x;
	background-image:url("../Images/hightlight.gif");
	height:21px;
}

div.OrderItems {
	padding:5px 12px 10px 12px;
	display:none;
}

table.InputForm {
	background-color:#fff;
	width:100%;
	border-collapse:collapse;
	border-bottom: 2px solid #666;
	margin:0 auto;
}
table.InputForm th {
	font-weight:bold;
	color:#000;
	padding: 2px 8px 2px 8px;
	border-bottom: 2px solid #666;
}
table.InputForm td {
	padding: 7px 8px 2px 8px;
    background:#fafafa;
}
table.InputForm td.Headers {
    padding: 6px 8px 2px 8px;
	font-weight:bold;
	color:#111;
	border-left:1px solid #666;
	vertical-align:top;
	text-align:right;
}
table.InputForm td.Details {
    padding: 2px 8px 2px 8px;
	border-right:1px solid #666;
}
table.InputForm td.Required {
	font-weight:bold;
	color:#a00;
}
table.InputForm td.Div {
    padding:0px;
    width:5px;
}

td.Label {
	font-weight:bold;
	text-align:right;
	padding-right:4px;
}
td.LabelRequired {
	text-align:right;
	font-weight:bold;
	color:#a00;
	padding-right:4px;
}

.Dragable {
	cursor:move;
}
div.DragableDIV {
	margin-bottom:5px;
}

table.TableCRM_Sub {
    width:100%;
	border: 1px solid #aaa;
}
table.TableCRM_Sub th {
    background-color:#ddd;
    padding:0px;
    border-bottom:1px solid #aaa;
    text-align:left;
    padding-left:6px;
	font-weight:bold;
	color:#414141;
	height:16px;
}
table.TableCRM_Sub td.row0 {
    background-color:#fff;
}
table.TableCRM_Sub td.row1 {
    background:#f6f6f6;
    border-style:solid;
    border-width:1px 0px 1px 0px;
    border-color:#ddd;
}
table.TableCRM_Sub td a:hover {
	color:#c00;	
	text-decoration:underline;
}
table.TableCRM_Sub td {
    padding:2px 2px 2px 6px;
}

table.TableCRM_Sub td.Money {
   text-align:right;
   width:13%;
}

/* Generic Tables */

table.TableCRM {
    width:100%;
}
table.TableCRM th a:link,
table.TableCRM th a:active,
table.TableCRM th a:visited {
	color:#fff;
	font-weight:bold;
	text-decoration:none;
}
table.TableCRM th a:hover {
	color:#eee;
	font-weight:bold;
	text-decoration:none;
}
table.TableCRM th {
	font-weight:bold;
	color: #fff;
	text-align:left;
    padding:2px 8px 2px 8px;
    background-image: url('../images/file_header.gif');
	background-repeat: repeat-x;
	background-position: top left;
	background-color:#4e515d;
    height:20px;
}
table.TableCRM td {
    padding:2px 8px 2px 8px;
}
table.TableCRM td.row0 {
	background-color:#f7f7f7;
}
table.TableCRM td.row1 {
	background-color:#fff;
}
table.TableCRM td.SidePanel {
	font-weight:bold;
	padding:2px;
	padding-left:6px;
	padding-right:6px;
	background-color:#eee;
	text-align:right;
	width:130px;
}
table.TableCRM .status {
    color:#c00;
    font-weight:bold;
    font-size:10pt;
    padding:0px 0px 0px 5px;
}
table.TableCRM .date {
    width:90px;
    text-align:right;
    padding:0px 5px 0px 0px;
}
table.TableCRM td.header_sub {
	padding-left:10px;
	color:#c00;
    font-weight:bold;
    background:#eee;
    border-bottom:solid 1px #aaa;
}
table.TableCRM td.header_top {
	text-align:center;
	color:black;
    font-weight:bold;
}
table.TableCRM_Inline {
	width:100%;
	border-collapse:collapse;
}
table.TableCRM_Inline th.Header {
	background-image: url('../Images/file_header.gif');
	background-repeat: repeat-x;
	background-position: top left;
	background-color:#555;
	font-weight:bold;
	color: #fff;
	text-align:center;
    padding:0px 5px 0px 5px;
    height:18px;
	border:1px solid #666;
}
table.TableCRM_Inline td {
	padding: 2px 5px 2px 5px;
	border:1px solid #666;
}

.ClassifiedImage{
	width: 155px;
	height: 155px;
	display: block;
	float: left;
	padding-right: 4px;
	padding-left: 4px;
	overflow: auto;
	position: relative;
}

.ClassifiedImage .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0);
  transition: background 0.5s ease;
}

.ClassifiedImage .Image{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	margin:auto;
}

.ClassifiedImage .Delete{
	position:absolute;
	top:50%;
	left:50%;
	transform: translate( -50%, -50% );
	opacity: 0;
	transition: opacity .35s ease;
	background-color: #CEC7BF;
	padding:10px;
	border:0px;
	color:#333333;
}

.ClassifiedImage .Delete a {
  width: 180px;
  text-align: center;
  z-index: 1;
  text-decoration: none;
}

.ClassifiedImage:hover .Delete {
  opacity: 1;

}

.dropdown-menu {
    background-color: #dedede;
}



table.clsInfo {
	background-color: #FFF9E8;
	background-image: url('../Images/warning.jpg');
	background-position: bottom right;
	background-repeat: no-repeat;
	border: 1px solid #F2D4A2;
	width: 500px;
}

	table.clsInfo tr td {
		font: bold 10pt Tahoma;
		padding: 10px;
		vertical-align: middle;
		text-align: center;
	}

td.clsInfoIcon {
	background-image: url('../Images/warning.gif');
	background-position: 50% 50%;
	background-repeat: no-repeat;
	width: 94px;
	height: 67px;
}

table.clsError {
	background-color: #FFF5F5;
	background-image: url('../Images/error.jpg');
	background-position: bottom right;
	background-repeat: no-repeat;
	border: 1px solid #B40404;
	width: 500px;
}

	table.clsError tr td {
		font: bold 10pt Tahoma;
		color: #B40404;
		padding: 10px;
		vertical-align: middle;
		text-align: center;
	}

td.clsErrorIcon {
	background-image: url('../Images/error.gif');
	background-position: 50% 50%;
	background-repeat: no-repeat;
	width: 94px;
	height: 67px;
}


.BasketL {
	text-align:right;
}

.BasketR{
	text-align:right;
}

@media (max-width:768px){
	.BasketButtons{
		float:right;
		margin-bottom:5px;
	}
}