/* Author: Tony Price */
   
/*------------------------------------*\
    MAIN
\*------------------------------------*/

/* global box-sizing */
*,
*:after,
*:before {
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}

/* html element 62.5% font-size for REM use */
html 									{ font-size: 62.5%; position: relative; min-height: 100%; }
body 									{ font: normal normal 400 12px/1.4 'Helvetica Neue', Helvetica, Arial, sans-serif; color: #444; }

/* clear */
.clear:before,
.clear:after 							{ content: ' '; display: table; }

.clear:after 							{ clear: both; }

.clear 									{ *zoom: 1; }

img 									{ max-width: 100%; vertical-align: bottom; -ms-interpolation-mode: nearest-neighbor; }

a 										{ color: #5497b6; text-decoration: none;  }
a:hover 								{ color: #366175; }
a:focus 								{ outline: 0; }
a:hover,
a:active 								{ outline: 0; }

input:focus 							{ outline: 0; border: 1px solid #9C8257; }

dl										{ overflow: hidden; }

figure									{ position: relative; }

a[href^=tel] 							{ color: #fff; }

/*------------------------------------*\
    TYPOGRAPHY
\*------------------------------------*/

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 			{ margin-top: 0; font-weight: 700; line-height: 1; }

h1										{ font-size: 2.4rem; }
h1 small 								{ display: block; margin: 12px 0; color: #d26823; }
h2										{ font-size: 2rem; }
h3										{ font-size: 1.8rem; }

.bluebg									{ background-color: #0c7cba; }
.greenbg								{ background-color: #7ab648; }
.redbg									{ background-color: #c92d39; }
.blackbg								{ background-color: #000; }

p										{ margin-bottom: 24px; font-size: 1.6rem; line-height: 1.4; }

.text-red 								{ color: #cd2d35; }
.text-blue								{ color: #5497b6; }
.text-green								{ color: #7ab648; }
.text-go-back							{ font-weight: bold;}

.text-underline 						{ text-decoration: underline; }

.breadcrumb>li+li:before 				{ padding: 0 8px 0 5px; content: "\3A"; }

/*------------------------------------*\
    BUTTONS
\*------------------------------------*/

.btn 									{ font-weight: 600; /* transition: all .25s ease; */ }

.btn-blue,
.btn-red,
.btn-gray,
.btn-gold,
.btn-green 								{ color: #fff; }

/* blue */
.btn-blue 								{ background-color: #0a6c8e; border: none; }
.btn-blue.active, 
.btn-blue.focus, 
.btn-blue:active, 
.btn-blue:focus, 
.btn-blue:hover, 
.open>.dropdown-toggle.btn-blue 		{ background-color: #3f9bcf; border: none; color: #fff; }

/* red */
.btn-red 								{ background-color: #cd2d35; border: none; }
.btn-red.active,
.btn-red.focus,
.btn-red:active,
.btn-red:focus,
.btn-red:hover,
.open>.dropdown-toggle.btn-red	 		{ background-color: #942026; border: none; color: #fff; }

/* gray */
.btn-gray 								{ background-color: #515151; border: none; }
.btn-gray.active, 
.btn-gray.focus, 
.btn-gray:active, 
.btn-gray:focus, 
.btn-gray:hover, 
.open>.dropdown-toggle.btn-gray 		{ background-color: #444; border: none; color: #fff; }

/* green */
.btn-green 								{ background-color: #7ab648; border: none; }
.btn-green.active, 
.btn-green.focus, 
.btn-green:active, 
.btn-green:focus, 
.btn-green:hover, 
.open>.dropdown-toggle.btn-green 		{ background-color: #598635; border: none; color: #fff; }

/* gold */
.btn-gold 								{ background-color: #fcc438; border: none; }
.btn-gold.active, 
.btn-gold.focus, 
.btn-gold:active, 
.btn-gold:focus, 
.btn-gold:hover, 
.open>.dropdown-toggle.btn-gold 		{ background-color: #444; border: none; color: #fff; }

.btn.caret-right:after,
.caret-right:after 						{ content: "\f0da"; margin-left: 6px; font-family: FontAwesome; }


/*------------------------------------*\
    HEADER
\*------------------------------------*/

.red-banner 							{ padding: 12px 0; font-size: 1.4rem; color: #fff; background-color: #cd2d35; }
.red-banner-links 						{ margin: 0; padding: 0; list-style-type: none; overflow: hidden; }
.red-banner-links li					{ float: left; color: #fff; }
.red-banner-links li:after 				{ content: "|"; }
.red-banner-links li a					{ padding: 0 6px; color: #fff; }
.red-banner-links li a:hover 			{ color: #5F1418; }
.red-banner-links li:last-child a		{ border-right: none; }
.red-banner-links li:last-child:after	{ content: none; }

.red-center,
.red-left,
.red-right								{ text-align: center; }

.red-right .dropdown button 			{ padding: 0 6px; font-size: 12px; border-radius: 4px; }
.red-right .dropdown .dropdown-menu	{ font-size: 12px; }

.site-header 							{ padding: 12px 0 0; text-align: center; background-color: #f3f3f3; }

.logo-img								{ margin-bottom: 12px; display: inline-block; }
.logo-img img							{ width: 100%; }
.tag-line								{ font-size: 1.4rem; margin-top:4px; }
.searchbar								{  }
.searchbar .glyphicon-search:before 	{ font-size: 18px; }

/* autocomplete search override */

.ui-widget								{ font-family: inherit; }

.ui-widget-content 						{ background-color: #fff; }
.ui-menu-item 							{ padding: 12px !important; }
.ui-autocomplete-category 				{ padding: 12px; font-weight: 500; background-color: #eee; }

.ui-widget-content,
.ui-widget-header,
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active		{ background-image: none; }

.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus		{ font-weight: normal; color: #0c7cba; border: 1px solid #0c7cba; background-color: #d9edf7; }

/* nav */

.full-nav								{ margin-top: 12px; }
.nav-links 								{ margin: 0 0 0 -27px; padding: 0; list-style-type: none; overflow: hidden; }
.nav-links li							{ display: inline; font-size: 1.6rem; color: #5497b6; }
.nav-links li a							{ padding: 0 12px; color: #5497b6; border-right: 1px solid #5497b6; }
.nav-links li:last-child a				{ border-right: none; }

.nav-left .nav-links li:first-child a 	{ color: #d26823; text-transform: uppercase; }
.nav-right .nav-links li:first-child a 	{ color: green; }

.nav-right .nav-links					{ margin-right: -21px; }

.jumbotron 								{ background-color: #F9F9F9; }

.site-footer							{ padding: 12px 0 0; background-color: #061d43; color: #fff; margin-top:40px;  }
.site-footer address,
.site-footer p							{ font-size: 1.4rem; }
.site-footer ul							{ margin: 0 -15px; padding: 0; list-style-type: none; }
.site-footer ul li						{ margin-bottom: 1px; }
.site-footer ul li a					{ display: block; padding: 12px 15px; font-size: 16px; color: #fff; background-color: #5497b4; }
.site-footer ul li a:hover,
.site-footer ul li a:active,
.site-footer ul li a:focus				{ color: #fff; background-color: #38687c; }

.credit 								{ padding: 15px; background-color: #000; }
.credit p								{ margin-bottom: 0; }

/*------------------------------------*\
    NAVIGATION
\*------------------------------------*/

#mgmenu1 * 								{ box-sizing: content-box; } /* removes box-sizing from menu elements */

.mgmenu_container > .mgmenu > li.mgmenu_button,
.mgmenu_fixed > .mgmenu > li.mgmenu_button,
.mgmenu_footer > .mgmenu > li.mgmenu_button {
    background-color: #000;
}

.mgmenu_container 						{ height: auto; background: transparent; }

.mgmenu 								{ font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; }

.mgmenu h1,
.mgmenu h2,
.mgmenu h3,
.mgmenu h4,
.mgmenu h5,
.mgmenu h6								{ font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; color: #444; }

.mgmenu h4 								{ margin-bottom: 12px; padding: 6px; font-size: 16px; background-color: #e8e8e8; }

.mgmenu > li ul 						{ list-style: none; }
.mgmenu > li ul li,
.mgmenu > li ol li						{ text-align: left; }

.mgmenu > li > a,
.mgmenu > li > span 					{ padding: 6px 15px; font-size: 14px; text-shadow: none; color: #444; }

.mgmenu > li > span:hover,
.mgmenu > li > a:hover,
.mgmenu > li > a:focus					{ color: #5497b6; }

.mgmenu > li							{ padding: 0; border: 1px solid transparent; border-left: 1px solid #e2e2e2; }
.mgmenu > li:first-child				{ border-left: none; }

.mgmenu > li:hover,
.mgmenu > li.active						{ background-color: transparent; }

.mgmenu a:hover 						{ text-decoration: underline;}

.mgmenu > li.has-dropdown:hover,
.mgmenu > li.has-dropdown.active		{ background-color: #fff; border: 1px solid #e2e2e2; }

.mgmenu li .dropdown_container,
.mgmenu li .dropdown_fullwidth,
.mgmenu li .mgmenu_multilevel			{ background-color: #fff; border-top: 1px solid #e2e2e2; border-color: #e2e2e2; }

.mgmenu > li.hot-deals,
.mgmenu > li.news						{ border-left-color: #f3f3f3; }

.mgmenu > li.category span				{ font-weight:bold }

.mgmenu > li.start-here span			{ color: #c92d39; font-weight:bold }
.mgmenu > li.hot-deals span				{ color: #d26823; }
.mgmenu > li.buy-new > a				{ color: #7ab648; }
.mgmenu > li.buy-new > span				{ color: #7ab648;  font-weight:bold }
.mgmenu > li.right_item:nth-child(3n-1)	{ border-right: none; }

/*------------------------------------*\
    PAGES
\*------------------------------------*/

.breadcrumb 							{ margin-bottom: 0; background-color: transparent; padding: 12px 0; font-size:1.4rem }

/* home */

.home-slider 							{ margin-bottom: 15px; }

.slider									{ margin-bottom: 15px; padding: 0; }
.wanted-list							{ margin: 24px 0; background-color: #eee; border-radius: 4px; }
.wanted-list .list-group-item h2 a		{ display: inline-block; width: auto; float: right; color: #fff; }
.list-group-item h2						{ margin-bottom: 0; }

.buy-new-equip 							{ padding: 15px; border: 1px solid #ccc; border-radius: 4px; height: 156px; text-align: center; }

.home-description .description-well		{ margin: 0px 0px 30px 0px; }

.home-categories 						{ margin-top: 24px; }
.home-categories h2,
.home-categories h3						{ padding: 12px; font-size: 1.6rem; color: #fff; }
.home-categories h2 a,
.product-grid h2 a,
.news-services h2 a,
.home-categories h3 a,
.product-grid h3 a,
.news-services h3 a,
.article-list h1 a						{ display: block; color: #fff; }

.home-banner-deals 						{ margin-top: 24px; }
.home-banner-deals h2,
.home-banner-deals h3					{ padding: 12px; font-size: 1.6rem; color: #fff; }
.home-banner-deals h2 a,
.home-banner-deals h3 a					{ display: block; color: #fff; }

.pop-cats-list,
.banner-deals,
.popular-brands-list					{ margin: 0; padding: 0; list-style-type: none; overflow: hidden; }

.all-brands-list						{ margin: 0; padding: 0; list-style-type: none; overflow: hidden; }
.all-brands-list li						{ margin: 0 4% 24px 0; width: 30%; float: left; margin-bottom: 24px; background-color:#fff  }
.all-brands-list li	figure				{ min-height:144px; border: 1px solid #DBDBDB }
.all-brands-list li:nth-child(3n)		{ margin-right: 0; }
.all-brands-list figcaption {
    display: block;
    position: absolute;
    bottom: 0;
    padding: 9px;
    width: 100%;
    font-size: 1.2rem;
    font-weight: 500;
    color: #fff;
    text-align: center;
    background-color: #c92d39;
}

.pop-cats-list li,
.banner-deals li,
.popular-brands-list li					{ margin: 0 4% 24px 0; width: 48%; float: left }
.popular-brands-list li					{ margin-bottom: 12px;  }
.popular-brands-list li	figure			{ min-height:144px; border: 1px solid #DBDBDB }
//.popular-brands-list li	figure			{ min-height:144px; }

.pop-cats-list li:nth-child(even),
.banner-deals li:nth-child(even),
.popular-brands-list li:nth-child(even)	{ margin-right: 0; }

.pop-cats-list figcaption {
    display: block;
    position: absolute;
    bottom: 0;
    padding: 9px;
    width: 100%;
    font-size: 1.9rem;
    font-weight: 500;
    color: #fff;
    text-align: center;
    background-color: #080808;
    background-color: rgba(8, 8, 8, 0.5);
}
.pop-cats-list a		{ color: #FFFFFF;   }

.banner-deals figcaption {
    display: block;
    position: absolute;
    bottom: 0;
    padding: 9px;
    width: 100%;
    font-size: 1.9rem;
    font-weight: 500;
    color: #fff;
    text-align: center;
    background-color: #080808;
    background-color: rgba(8, 8, 8, 0.5);
}
.banner-deals figcaption a		{ color: #FFFFFF;   }

.popular-brands							{}
.popular-brands-list figcaption {
    display: block;
    position: absolute;
    bottom: 0;
    padding: 9px;
    width: 100%;
    font-size: 1.2rem;
    font-weight: 500;
    color: #fff;
    text-align: center;
    background-color: #c92d39;
}

/* products */

.prod-details-table 					{ font-size: 16px; }
.prod-details-table>tbody>tr>td			{ padding-right: 0; padding-left: 0; border: none; }
.prod-details-table>tbody>tr>td:first-of-type { font-weight: bold; }

.product-img,
.img-row li img	 						{ border: 1px solid #404040; }

.product-img							{ margin: 0 auto 12px; max-width: 450px; text-align: center }
//.product-img							{ margin: 0 auto 12px; max-width: 450px; text-align: center; background-color: #f3f3f3; }

.product-label {
	display: block;
	position: absolute;
	bottom: 10px;
	padding: 4px 10px;
	width: 70%;
	font-size: 1.5rem;
	text-transform: uppercase;
	font-weight: 600;
	color: #fff;
	background-color: #080808;
	border: 1px solid rgba(0, 0, 0, 0.25);
	border-left: none;
}

.product-grid-list .product-label		{ font-size: 1.4rem; bottom: 10px; width: 70%; }

.product-label.new						{ background-color: #7ab648; }
.product-label.b-stock					{ background-color: #e0b036; }
.product-label.offer					{ background-color: #333; }
.product-label.hot						{ background-color: #c92d39; }
.product-label.system-complete			{ background-color: #0d47a1; width: 80%;}
.product-label.system-partial			{ background-color: #4285F4; }

.img-row 								{ margin: 0; padding: 0; list-style-type: none; overflow: hidden; }
.img-row li 							{ margin: 7px 2% 10px 0; width: 32%; float: left; }
.img-row li:nth-child(3n) 				{ margin-right: 0; }


.container .form-border					{  background:#fff;  transition:all 0.2s ease;  border:2px solid #dadada;  margin-top: 10px;  
										   box-sizing: border-box;  border-radius: 5px;  background-clip: padding-box;  
										   padding:0 20px 20px 20px; }

.form-container,
.product-financing						{ background-color: #f5f5f5; border: 1px solid #ccc; padding: 10px; text-align: center;}
.financing-available					{ padding: 2px; text-align: right; color:#5497B6 ; font-weight:600 ; font-size:1.6rem; margin-bottom:8px }

.important-info 						{ margin-bottom: 24px; background-color: #f5f5f5; border: 1px solid #ccc; }

.form-container form,
.minumum-orders,
.important-info							{ padding: 12px; }

.unit-price								{ padding: 4px; }
										   
.service-box:hover 						{  background:#fffde7  ;}

.form-container dl						{ font-size: 1.6rem; }
.form-container dt						{ font-size: 1.2rem; font-weight: normal; clear: left; }
.form-container dt,
.form-container dd						{ line-height: 1.2; float: left; }
.form-container dd						{ font-weight: 700; clear: right; }
.form-container dd:first-of-type		{ color: green; }
.form-container dd:nth-of-type(2)		{ color: #0a6c8e; }
.form-container dd .better-price		{ font-size:1.5rem; color: #C92D39 }

.unit-price								{ text-align: right; border-bottom: 1px solid #ccc; }
.unit-price dl							{ margin-bottom:7px }
.unit-price dt							{ padding-top: 7px; width: 35%; }
.unit-price dd							{ width: 65%; font-size: 1.8rem; }

.minumum-orders							{ text-align: right; }
.minumum-orders dl						{ font-size: 1.4rem; }
.minumum-orders dt,
.minumum-orders dd						{ width: 50%; }

.ask-about-product {
    padding: 5px 10px;
    text-align: left;
    font-size: 1.6rem;
    font-weight: 600;
    background-color: #ffd700;
    border: 1px solid #ccc;
}
.new-request-box {
    background-color: #7AB648;
	color:#fff;
}

.ask-about-product:after 				{ content: "\f063"; font-family: FontAwesome; float: right; }

.more-products 							{ padding-top: 24px; border-top: 1px solid #ddd; }
.more-products h2,
.more-products h3						{ padding: 7px 12px 10px; font-size: 2rem; color: #fff; background-color: #0c7cba; }

.product-images .panel-heading 					{ padding: 5px; border-top: 1px solid #ddd; border-radius: 0; }
.product-images .panel-heading:first-of-type	{ border-top: none; color: #fff; background-color: #0c7cba; background-image: none; }
.product-images .panel-heading h3				{ font-size: 14px; }
.product-images .panel-heading h4 				{ font-size: 12px; }
.product-images .panel-body 			{ padding: 5px; }

/* spreadsheet view - tables */

.table									{ margin-bottom: 24px; }
table caption 							{ padding: 7px 12px; font-size: 1.6rem; font-weight: 600; color: #fff; background-color: #777; }
table caption.bluebg					{ background-color: #0c7cba; }
table caption.greenbg					{ background-color: #7ab648; }
table caption.redbg						{ background-color: #c92d39; }

.product-table thead 					{ background-color: #eee; }

.rwd-table 								{ margin: 0 0 24px; min-width: 270px; width: 100%; border: 1px solid #ddd; }
.rwd-table thead 						{ background-color: #eee; font-size:1.3rem}

.rwd-table .blue-title tr th 			{ background-color: #0C7CBA; color:#fff; font-size:1.6rem }
.rwd-table .blue-columns tr th 			{ background-color: #56A3CD; color:#fff }

.rwd-table tr 							{ border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }
.rwd-table th 							{ display: none; }
.rwd-table td 							{ display: block; }
.rwd-table td:first-child 				{ padding-top: 8px; }
.rwd-table td:last-child 				{ padding-bottom: 8px; }
.rwd-table td:before 					{ content: attr(data-th) ": "; font-weight: bold; width: 85px; display: inline-block; }

.rwd-table th, .rwd-table td			{ margin: .5em 1em; text-align: left; }
.rwd-table .sheet-year					{ text-align: center; }
.rwd-table .price						{ text-align: right; font-weight:bold}

.rwd-table .call-better-price 			{ color: #D9534F; font-weight:normal; }

th.table-year,
th.table-qty,
td.table-year,
td.table-qty							{ text-align: center; }

th.table-price-usd,
th.table-price-eur,
td.table-price-usd,
td.table-price-eur						{ text-align: right; }



.service-box 							{  background:#fff;  transition:all 0.2s ease;  border:2px dashed #dadada;  margin-top: 10px;  
										   box-sizing: border-box;  border-radius: 5px;  background-clip: padding-box;  
										   padding:0 20px 20px 20px;  min-height:140px; width:90% ; margin-right:auto ; margin-left:auto }
.service-box:hover 						{  background:#fffde7  ;}
.service-box span: .box title;			{  color: #fff;    font-size: 24px;    font-weight: 300;    text-transform: uppercase;}
.service-box .box-content 				{  padding: 16px;  border-radius: 0 0 2px 2px;  background-clip: padding-box;  box-sizing: border-box;}
.service-box .box-content p 			{  color:#515c66;  text-transform:none;}


@media (min-width: 600px) {
	
	.rwd-table td:before {
		display: none;
	}
	
	.rwd-table th, .rwd-table td {
		display: table-cell;
		padding: .25em .5em;
	}
	
	.rwd-table th, .rwd-table td {
		padding: 8px;
		border: 1px solid #ddd;
	}
	
}

/* product grid view */

.product-grid							{ /* padding-top: 24px; border-top: 1px solid #ddd; */ }
.product-grid h2,
.product-grid h3						{ padding: 12px; font-size: 1.6rem; color: #fff; background-color: #0C7cba; }
.product-grid .redbg					{ background-color: #c92d39; }
.product-grid h2 a,
.product-grid h3 a 						{ display: block; color: #fff; }
.product-grid h2 a:hover:after,
.product-grid h3 a:hover:after			{ text-decoration: none; }
.product-grid-list 						{ margin: 0; padding: 0; list-style-type: none; overflow: hidden; }
.product-grid-list li					{ margin: 0 4% 4px 0; width: 48%; float: left;  }
.product-grid-list li figure 			{ height: 200px; overflow: hidden; }
.product-grid-list li:nth-child(even)	{ margin-right: 0; }

.product-thumb-info						{ width: 100%; }
.product-thumb-info td 					{ vertical-align: top; }
.product-thumb-info .price 				{ font-size: 1.6rem; }
.product-thumb-info .minimum-order 		{ font-size: 1.2rem; }
.product-thumb-info .call-better-price 	{ color: #D9534F; font-weight:bold; }

/////////// THUMBNAIL SIZING - ORIG /////////////
.product-grid-list .thumbnail 				{ margin-bottom: 0; padding: 0; border-radius: 0px; border-color: #b2b2b2;; height:320px; }
.product-grid-list .thumbnail .image_box img { width:100% }	
.product-grid-list .thumbnail .caption h4 { font-size: 1.2rem; }


/* related brands */

.related-brands .row .row 				{ margin-bottom: 24px; padding-bottom: 24px; border-bottom: 1px solid #ccc; }

.related-brands h3,
.news-services h3,
.product-info h3,
.popular-brands h3,
.article-list h1						{ padding: 12px; font-size: 1.6rem; color: #fff; background-color: #000; }

/* news, articles, services */

.news-services .row .row,
.article-list .row .row 				{ margin-bottom: 24px; padding-bottom: 24px; border-bottom: 1px solid #ccc; }

.article-list nav.text-right 			{ margin-bottom: 24px; border-bottom: 1px solid #ccc; }

/* product info */

.product-info h5						{ margin-bottom: 0; }

.product-info .tab-pane					{ min-height: 300px; }

/* grid view */

.listing-box 							{ margin-bottom: 12px; padding-top: 15px;background-repeat: no-repeat; background-position: center right; background-size: contain; border: 1px solid #949494; }
.listing-box h3							{ font-size: 18px; }
.listing-box h3:first-of-type			{ margin-bottom: 4px; }
.listing-box p							{ font-size: 14px; }
.listing-box h3,
.listing-box p							{ padding-right: 50%; padding-left: 15px; }

.listing-box-btn 						{ display: block; padding: 10px 15px; font-size: 14px; font-weight: bold; color: #fff; background-color: rgba(0,0,0,0.35); }
.listing-box-btn:hover,
.listing-box-btn:active,
.listing-box-btn:focus					{ color: #5497b6; background-color: rgba(0, 0, 0, 0.75); }


.check-it-out-box 							{ margin-bottom: 10px; padding-top: 15px;background-repeat: no-repeat; background-position: center right; background-size: contain; border: 1px solid #949494; }
.check-it-out-box h3						{ font-size: 18px; }
.check-it-out-box h3:first-of-type			{ margin-bottom: 4px; }
.check-it-out-box .details					{ font-size: 1.3em; margin-bottom: 8px }
.check-it-out-box h3,
.check-it-out-box .details					{ padding-right: 15px; padding-left: 15px; }
.check-it-out-box h3 .featured				{ color: #c92d39; }
.check-it-out-box .white-background			{ background-color: #FFFFFF; border-radius: 5px; padding:2px }

.check-it-out-box-btn 						{ display: block; padding: 10px 15px; font-size: 14px; font-weight: bold; color: #fff; background-color: rgba(0,0,0,0.35); }
.check-it-out-box-btn:hover,
.check-it-out-box-btn:active,
.check-it-out-box-btn:focus					{ color: #5497b6; background-color: rgba(0, 0, 0, 0.75); }


.view-sort-bar 							{ margin: 12px 0; padding: 6px 15px 0px; font-size: 16px; background-color: #f5f5f5; border: 1px solid #ccc; }
.view-sort-bar form						{ margin-top: 3px; }
.sort-view button.btn 					{ padding-right: 5px; padding-left: 5px; }
.sort-view label i  					{ height:14px ; width:18px }

.sort-view,
.sort-location,
.sort-currency,
.sort-sort								{ padding: 0 10px 0px; text-align: center ; }

.sort-view								{ padding-top: 5px; font-weight: bold;;}


/* listing views */

.listing-view 							{ margin-bottom: 24px; border: 1px solid #b2b2b2; overflow: hidden; }
.listing-view:hover						{ margin-bottom: 24px; border: 1px solid #b2b2b2; overflow: hidden; ; background-color:#f1f8e9   }

.listing-view figure a 					{ display: block; text-align: center; background-color: #c5c5c5; }

.listing-view .listing-details			{ padding: 15px; }
.listing-view .minimum-order 			{ font-size: 1.2rem; }
.listing-view .call-better-price 		{ color: #D9534F; font-weight:bold; }

.listing-details h4	a					{ font-size: 1.8rem; color:#01579b }
.listing-details h4 small a				{ display: block; margin: 6px 0; font-size: 1.4rem; color:#5497B6}
.listing-details p 						{ font-size: 16px; }
.listing-details h5 					{ color: #c92d39; text-transform: uppercase; }

.listing-meta							{ height: 50px; padding: 0; list-style-type: none; color: #7ab648; text-align: right; }
.listing-meta li						{ font-size: 1.4rem }
.listing-price							{ height: 80px; padding: 0; list-style-type: none; font-weight: 600; text-align: right;  }
.listing-price li						{ font-size: 2.0rem; line-height: 1.325; }
.listing-price li:first-child			{ font-size: 1.4rem; color: #777; }
.listing-price li:nth-child(2)			{ color: #333333; }
.listing-price li:nth-child(3)			{ color: #5497b6; }


/* sidebar */

a.clear-filters 						{ display: block; margin-bottom: 6px; font-size: 1.6rem; text-decoration: underline; }

.listing-sidebar .panel-body ul			{ padding: 0; list-style: none }
.listing-sidebar .panel-body ul li ul	{ padding-left: 12px}

.panel-body input[type=radio] 			{ font-weight:normal }
.panel-body input[type=text] 			{  }
.panel-body input#lowPrice 				{ float: left; width: 40%; }
.panel-body input#highPrice				{ float: right; width: 40%; }

.low-to-high span 						{ padding: 6px; float: left; width: auto; text-align: center; }

/* customer assistant bar */

.drawer-left-trigger					{ color: #fff; }
.drawer-left-content 					{ padding: 15px; color: #fff; background-color: #0C7cba; }
.drawer-left-content h4					{ font-size: 1.4rem; }
.drawer-left-content ul 				{ margin: 0 0 24px; padding: 0; list-style-type: none; }
.drawer-left-content ul li a			{ display: block; color: #fff; overflow: hidden; }
.drawer-left-content ul li a span		{ display: inline-block; width: auto; float: right; }

/* articles */

.article-mid .listing-box,
.article-mid .well						{ margin-bottom: 24px; }
.article-list-box a 					{ display: block; }

.well h4								{ font-size: 1.6rem; }
.well p 								{ font-size: 1.4rem; }
.well p:last-of-type					{ margin-bottom: 0; }

/* wanted */

.wanted-items table th 					{ color: #fff; background-color: #fcc438; }

/* all brands */

.vertical-tabs							{ overflow: hidden; }
.the-tabs-content						{ margin-top: 6px; }
.vertical-tabs .tab-content				{ background-color: #f2f2f2; }



/*------------------------------------*\
    OSHINE ADDITIONS
\*------------------------------------*/

.form-input-error						{ background-color: #f2dede; }

/* buffering */
.top-buffer-4 							{ margin-top:4px; }
.top-buffer-20 							{ margin-top:20px; }
.top-buffer-40 							{ margin-top:40px; }
.bottom-buffer-40 						{ margin-bottom:40px; }
.no-margin 								{ margin:0px; }

/* text */
.view-more								{ font-size:.8em  }
.font14									{ font-size:1.4em  }
.font12									{ font-size:1.2em  }
.header-buy-new							{ color: #7ab648;  }

/* lists */
.cat3-list 								{ color:#000 ; font-size: .85em }
.filter-menu-checkbox label				{ font-weight:normal ; margin:0px ; cursor: pointer; cursor: hand;}

/* used seo pages */
.church-block							{ padding:8px; font-size:1.2em ; font-weight:bold }
.church-container						{ font-size:1.4em ; font-weight:bold }

/* images & icons */
.icon-line-array 						{ width:30px ; height:auto ; min-width:30px ; float:left ; margin:0px 14px 8px 0px }

.top-banner-news						{ font-weight:bold ; text-align: center; margin-bottom:0px; padding:8px }

/* landing pages */
.popular-models							{ font-size:1.1em ; padding: 4px ; margin-top:0px}


.module-container						{  margin-left: auto; margin-right: auto; text-align: justify; }
.module {

	position: relative;
	margin-bottom: 24px;
	margin-right: 20px;
    width: 100%;
    height: 260px;
    background-size: cover !important;
    border: solid 1px #4B515D;
    overflow: hidden;
	float:left;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.module:nth-child(4n) 					{ margin-right: 0; }

.module:after {

  content: '';
  width: 100%; /* Ensures justification for single lines */
  display: inline-block;

}



.module .sky-meta {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 10px;
  color: #fff;
  background-color: rgba(0,0,0,0.5);
  overflow: hidden;
}

.sky-prices {
    overflow: hidden;
}

.sky-prices ul {
	margin: 0;
	padding: 0;
	width: 65%;
	float: left;
	list-style-type: none;
}


.sky-prices a[role=button] {
	width: 35%; 
	float: right;
}


.module > header::before {
  content: "";
  position: absolute;
  top: -20px;
  left: 0;
  width: 200%;
  height: 200%;
  background: inherit;
  background-attachment: fixed;
  background: rgba(0, 0, 0, 0.4);
  //-webkit-filter: blur(4px);
  //filter: blur(4px);
}

.module > header::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.25)
}

.module > header > h1 {
  margin: 0;
  color: white;
  position: relative;
  z-index: 1;
}




/*------------------------------------*\
    GLOBAL BOOTSTRAP OVERRIDE
\*------------------------------------*/

.btn,
.panel									{ border-radius: 2; }

.form-control:focus 					{ border-color: #5497b6; -webkit-box-shadow: none; box-shadow: none; }

.panel h2,
.panel h3,
.panel h4,
.panel h4								{ margin-bottom: 0; }

.nav-tabs>li							{ margin-bottom: -2px; }
.nav-tabs>li>a 							{ border: 2px solid #555; background-color: #bfbfbf; color: #444; }
.nav-tabs>li>a:hover,
.nav-tabs>li>a:focus 					{ background-color: #fff; }

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:hover,
.nav-tabs>li.active>a:focus				{ border-color: #555; border-width: 2px; border-bottom-color: transparent; }

.nav-tabs>li>a:hover 					{ border-color: #555; }

.nav-tabs 								{ border-bottom: 2px solid #555; }
.tab-pane 								{ margin-bottom: 24px; padding: 15px; border: 2px solid #555; border-top: none; border-radius: 0 0 4px 4px; }

.checkbox input[type=checkbox],
.checkbox-inline input[type=checkbox],
.radio input[type=radio],
.radio-inline input[type=radio] 		{ margin-top: 1px; }

.well h4								{ font-size: 1.6rem; }
.well p 								{ font-size: 1.4rem; }
.well p:last-of-type					{ margin-bottom: 0; }

.pagination 							{ margin: 0 0 19px; }

.pagination>li:first-child>a,
.pagination>li>a,
.pagination>li>span 					{ margin: 0 1px 1px; }

.pagination>li:first-child>a,
.pagination>li:first-child>span 		{ border-top-left-radius: 0; border-bottom-left-radius: 0; }

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover 			{ background-color: #a6a6a6; border-color: #a6a6a6; }

.pagination>li:last-child>a,
.pagination>li:last-child>span			{ border-top-right-radius: 0; border-bottom-right-radius: 0; }

/* vertical tabs */

.vertical-tabs .tabs-left,
.vertical-tabs .tabs-right {
	border-bottom: none;
}
.vertical-tabs .tabs-left {
	border-right: none;
}
.vertical-tabs .tabs-right {
	border-left: none;
}
.vertical-tabs .tabs-left>li,
.vertical-tabs .tabs-right>li {
	float: none;
	margin-bottom: 6px;
	border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
.vertical-tabs .tabs-left>li:last-child,
.vertical-tabs .tabs-right>li:last-child {
	margin-bottom: 0;
}
.vertical-tabs .tabs-left>li {
	margin-right: -1px;
}
.vertical-tabs .tabs-right>li {
	margin-left: -1px;
}
.vertical-tabs .tabs-left>li.active>a,
.vertical-tabs .tabs-left>li.active>a:hover,
.vertical-tabs .tabs-left>li.active>a:focus {
	color: #444;
	border-bottom-color: transparent;
	border: none;
	background-color: #f2f2f2;
}
.vertical-tabs .tabs-right>li.active>a,
.vertical-tabs .tabs-right>li.active>a:hover,
.vertical-tabs .tabs-right>li.active>a:focus {
}
.vertical-tabs .tabs-left>li>a {
	background-color: #ccc;
    color: #444;
	border-radius: 0;
	border: none;
	margin-right: 0;
	display:block;
}
.vertical-tabs .tabs-right>li>a {
	border-radius: 0;
	margin-right: 0;
}
.vertical-tabs .tabs-left>li>a:hover {
	color: #fff;
	background-color: #5497b6;
}
.vertical-tabs .tab-pane {
	padding: 15px 30px;
	border: 1px solid #ccc;
	border-radius: 0;
}

/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/


@media only screen and (min-width:425px) {

	

	.module 							{ margin-right: 2%; float: left; width: 48%; }
	

	

}


@media only screen and (min-width:480px) {
	
	.site-header 						{ padding: 24px 0 0; text-align: center; }
	
	.listing-view figure 				{ width: 50%; float: left; border-right: 1px solid #b2b2b2; }
	.listing-view .listing-details		{ width: 50%; float: left; }
	
}

@media only screen and (min-width:500px) {
	
	.article-description .product-img 		{ margin: 2px 30px 24px 0; float: left; width: 210px; }
	.all-brands-list li:nth-child(3n)		{ margin-right: 2%; }
	
}

@media only screen and (min-width:600px) {
	
	.home-categories h2 a,
	.home-banner-deals h2 a,
	.home-categories h3 a,
	.home-banner-deals h3 a,
	.product-grid h2 a,
	.news-services h2 a,
	.product-grid h3 a,
	.news-services h3 a,
	.article-list h1 a					{ display: inline-block; width: auto; float: right; }

	.product-grid-list li,
	.pop-cats-list li,
	.banner-deals li,
	.popular-brands-list li					{ margin-right: 2%; width: 32%; }
	.popular-brands-list li:hover			{ opacity: .8; }
	.all-brands-list li:hover				{ opacity: .8; }
	
	.product-grid-list li:nth-child(even),
	.pop-cats-list li:nth-child(even),
	.banner-deals li:nth-child(even),
	.popular-brands-list li:nth-child(even)	{ margin-right: 2%; }
	.all-brands-list li:nth-child(3n)		{ margin-right: 2%; }
	
	.product-grid-list li:nth-child(3n),
	.pop-cats-list li:nth-child(3n),
	.banner-deals li:nth-child(3n),
	.popular-brands-list li:nth-child(3n)	{ margin-right: 0; }
	
	.listing-view figure 					{ width: 193px; }
	.listing-view .listing-details			{ width: calc(100% - 193px); }
	
	.the-tabs								{ width: 25%; float: left; }
	.the-tabs-content						{ margin-top: 0; width: 75%; float: left; }
	
}	

@media only screen and (min-width:768px) {
	
	ul li 								{ font-size: 1.4rem; }
	
	.site-header 						{ padding-bottom: 6px; }

	.red-center							{  }
	
	.red-left,
	.nav-left							{ text-align: left; }
	
	.red-right,
	.nav-right							{ text-align: right; }
	
	.red-right .red-banner-links		{ float: right; }
	
	.red-banner-links li				{ font-size: 1.4rem; }
	
	.logo-img							{ margin-bottom: 0; }
	.searchbar							{ margin-top: 10px; margin-bottom: 20px; }
	
	.full-nav							{ margin-top: 24px; }
	
	.slider								{ margin-bottom: 0; padding: 15px 15px 0; }
	.wanted-list						{ height: 171px; }
	
	.listing-box 						{ margin-bottom: 0; }
	
	.listing-view .listing-details		{ padding-bottom: 0; }
	
	.view-sort-bar						{ margin: 10px 0; }
	
	.sort-view,
	.sort-location,
	.sort-currency,
	.sort-sort							{ padding-bottom: 0px; }
	
	.sort-view,
	.sort-location,
	.sort-currency,
	.sort-sort							{ float: left; }
	
	.sort-view							{ width: 20%; }
	.sort-location						{ width: 30%; }
	.sort-currency						{ width: 17%; }
	.sort-sort							{ width: 30%; }
	
	.site-footer						{ padding-top: 24px; }
	.site-footer ul						{ margin: 0; }
	.site-footer ul li					{ margin-bottom: 0; }
	.site-footer ul li a				{ display: inline; padding: 0; font-size: 14px; color: #5497B4; background-color: transparent; }
	.site-footer ul li a:hover,
	.site-footer ul li a:active,
	.site-footer ul li a:focus			{ background-color: transparent; }
	
	
	
}

@media only screen and (min-width:992px) {

	body								{ margin-bottom: 200px; }
	
	.slider								{ padding: 15px; }
	.wanted-list						{ margin-top: 15px; margin-bottom: 0; height: 185px; }
	
	.product-grid-list li							{ margin-right: 2%; width: 23.5%; }
	.product-grid-list li:nth-child(even)			{ margin-right: 2%; }
	.product-grid-list li:nth-child(3n)				{ margin-right: 2%; }
	.product-grid-list li:nth-child(4n)				{ margin-right: 0; }
	
	.home .product-grid-list li,
	.pop-cats-list li					{ margin-right: 1%; width: 19.2%; }
	.banner-deals li					{ margin-right: 1%; width: 19.2%; }
	
	.popular-brands-list li				{ margin-right: 1%; width: 13.428571429%; }
	
	.home .product-grid-list li:nth-child(even),
	.pop-cats-list li:nth-child(even),
	.banner-deals li:nth-child(even),
	.popular-brands-list li:nth-child(even),
	.home .product-grid-list li:nth-child(3n),
	.pop-cats-list li:nth-child(3n),
	.banner-deals li:nth-child(3n),
	.popular-brands-list li:nth-child(3n)			{ margin-right: 1%; }
	
	.home .product-grid-list li:nth-child(5n),
	.pop-cats-list li:nth-child(5n)		{ margin-right: 0; }
	.banner-deals li:nth-child(5n)		{ margin-right: 0; }
	
	.popular-brands-list li:nth-child(5n)			{ margin-right: 1%; }
	.popular-brands-list li:nth-child(7n)			{ margin-right: 0; }
	
	.listing-sidebar 					{ padding-right: 0; }
	
	.site-footer 						{ position: absolute; bottom: 0; width: 100%;  }
	
}

@media only screen and (min-width:1024px) {
	
	.module 							{ width: 23.5%; }
	
	.red-right .dropdown 				{ float: right; }
	
	.sort-view							{ width: 20%; }
	.sort-location						{ width: 30%; }
	.sort-currency						{ width: 18%; }
	.sort-sort							{ width: 28%; }
	
	/* customer assistant bar */
	.drawer-wrapper{
		position: fixed;
	    right: 0;
	    top: 208px;
	    bottom: 200px;
	    color: #fff;
	    z-index: 9999;
	}
	
	/*The left drawer*/ 
	#drawer-left { /*set a container with the total width of both the container and the trigger*/
		position: relative;
		height: 100%;
		width: 50px;
		overflow: hidden;
		transition: all .35s ease-in-out;
	}
	#drawer-left:after { /*this will the right border, when the content will be pushed out*/
		content: '';
		position: absolute;
		right: 0; top: 0; bottom: 0;
	}
	#drawer-left.opened { width: 200px; }
	.drawer-left-trigger { /*set the triggers width here, borders etc.*/
		position: absolute;
		top: 0; bottom: 0; right: 100%;
		margin-right: -25px;/*bring it back inside the wrapper*/
		width: 25px;
		cursor: pointer;
		text-align: center;
		font-size: 1.4rem;
	}
	.drawer-left-trigger > span {
		transform: rotate(180deg);
		transition: all .35s ease-in-out;
	}
	#drawer-left.closed .drawer-left-trigger > span {
		transform: rotate(0);
	}		
	#drawer-left.closed .drawer-left-trigger { /*this will push the trigger on the right side*/ left: auto; right: 25px; background-color: #0C7cba; }
	
	#drawer-left.closed .drawer-left-trigger { right: 25px; }
	.drawer-left-content { /*this is the container for your content*/
		position: absolute;
		top: 0; bottom: 0; right: 0; left: 24px;/*the triggers width(+-1px from the border)*/
		padding: 15px;
	}
	#drawer-left.closed .drawer-left-content {
		/*this will push the content out*/
		left: 100%;
		right: -100%;
	}
	.drawer-left-trigger,
	.drawer-left-content{
		background-color: #0C7cba;
		transition: all .35s ease-in-out;
	}
	
	.drawer-left-trigger .glyphicon {
	    position: absolute;
	    top: 15px;
	    right: 6px;
	}
	

	
}

@media only screen and (min-width:1100px) {
	
	.drawer-left-trigger						{ margin-right: -50px; width: 50px; font-size: 2rem; }
	
	#drawer-left.closed .drawer-left-trigger 	{ right: 50px; }
	
	.drawer-left-content 						{ padding-left: 0; left: 49px; }
	#drawer-left.closed .drawer-left-trigger 	{ width: 50px; }
	
	.drawer-left-trigger .glyphicon 			{ top: 15px; right: 15px; }
	
	
}

@media only screen and (min-width:1200px) {

	.wanted-list								{ height: 225px; }
	.product-grid-list li figure 				{ height: 200px; overflow: hidden; }
	
	.unit-price dd								{ font-size: 2rem; }
	

	.product-grid-list .thumbnail .caption h4 	{ font-size: 1.6rem;  }
	.product-grid-list .thumbnail .caption h4 a { color:#01579b  }
	
	
}

@media only screen and (min-width:1400px) {
	
	#drawer-left.opened							{ width: 200px; }
	
}

@media (max-width: 1199px) {
.mgmenu > li.news span					{ display:none; }
.mgmenu > li.snapshot a					{ display:none; }
.mgmenu > li.rent a						{ display:none; }
.mgmenu > li.buy-new span				{ display:none; }
.mgmenu > li.wanted a					{ display:none; }
.mgmenu > li.recent span				{ display:none; }
}

@media (min-width: 1200px) {
.mgmenu > li.news span					{ display: block; }
.mgmenu > li.snapshot a					{ display: block; }
.mgmenu > li.rent a						{ display: block; }
.mgmenu > li.buy-new span				{ display: block; }
.mgmenu > li.wanted a					{ display: block; }
.mgmenu > li.recent span				{ display: block; }
.mgmenu > li.more span					{ display:none; }
}

@media (max-width:767px) {
.mgmenu > li.news span					{ display: block; }
.mgmenu > li.snapshot a					{ display: block; }
.mgmenu > li.rent a						{ display: block; }
.mgmenu > li.buy-new span				{ display: block; }
.mgmenu > li.wanted a					{ display: block; }
.mgmenu > li.recent span				{ display: block; }
.mgmenu > li.more span					{ display:none; }
}
@media (min-width:768px) {
.mgmenu > li.more span: ;				{ display:block; }
}