/* =============================================================================
   HTML5 display definitions
   ========================================================================== */

	article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, main, iframe {display: block}
	audio, canvas, video {
		display: inline-block;
		*display: inline;
		*zoom: 1
		}
	audio:not([controls]) {display:none}
	[hidden] {display:none}

/* =============================================================================
   Base
   ========================================================================== */

/*
 * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
 * 2. Force vertical scrollbar in non-IE
 * 3. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g
 */

/* TEMPORARY SOLUTION FOR TAX BUG - Gav Jan 2018 */
.page.shopping-cart-page .totals tr.tax-rate {display:none}
/* TEMPORARY SOLUTION FOR TAX BUG */

html {
	font-size: 100%;
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	text-rendering: optimizeLegibility !important;
	-webkit-font-smoothing: antialiased !important;
}

body {
	font-family: 'Lato', sans-serif;
	font-size:14px;
	color: #6e6e6e
	}

/* ==========================================================================
Checkout Testing temp
========================================================================== */

.fieldset,
.section {
	width:100%;
	float:left
}

/* ==========================================================================
TYPOGRAPHY
========================================================================== */

h1, h2, h3, h4, h5, h6 {
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	line-height: 1.3;
	color:#535252;
	margin-bottom: 0.2em
	}

h1 {font-size:2.5em}
h2 {font-size:2em}
h3 {font-size:1.8em}
h4 {font-size:1.5em}
h5 {font-size:1.3em}

h4 .fa:before {
	vertical-align: -10%;
	font-size: 28px;
	display: inline-block;
	width: 1.07142857em;
	text-align: center;
	margin-right: 5px;
}

.miniProductDetailsView h1 {font-size:2em!important}

p {
	font-family: 'Lato!important', sans-serif;
	font-size:14px;
	font-weight: 400;
	font-style:normal;
	line-height: 1.5em;
	margin-bottom:1em
	}

p strong {
	font-weight: 700;
	color:#535252
	}

.category-description p {font-size:16px;}
.jDropDown p {margin-bottom:0!important}

textarea {font-family: inherit}

sup, sub {font-size:0.5em}

hr {
margin-top: 20px;
margin-bottom: 20px;
border-top: 1px solid;
border-image: none;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}

table {font-size:12px}

/*============== TITLES =================*/

.fieldset .title,
.section .title {
	padding:0!important;
	margin:0!important;
	text-align:center;
}

.ConfirmOrderPage .order-summary-table .title {/*border:1px solid #e2e2e2*/}


.cart .section .title,
.ConfirmOrderPage .order-summary-table .section .title {
	display: table;
	width: 100%;
	border-bottom:none!important
	}

.totals .title {border: none!Important}

.cart .order-summary .title,
.cart-total tbody tr td {border:none!important}		

.edit-address .title,
.gridContainer .title {
	text-align:center;
	margin-top:-1em;
	margin-bottom:1em
}

.login-page .title strong,
.fieldset .title strong,
.section .title strong,
.edit-address .title strong,
.gridContainer .title strong,
.checkout-attributes-collaterals label.text-prompt {
	width: 100% !important;
	min-width: 100% !important;
	background-image: none !important;
	font-size: 16px;
	display: inline-block;
	padding: 0.5em 2em;
	color: #333;
	}

#catHashTag {margin-top: 1em}		

img, object, embed, video {max-width: 100%}

.master-wrapper-main {
	background-color: rgba(255, 255, 255, 0.50);
	padding-top: 1em; 
	width: 100% !important; 
	margin-top: 1em !important;
	max-width: 1200px;
}

.bar-notification {top:0}

.page-body {
	float: left;
	width: 100%;
	/*padding: 1em*/
}

.MyProducts .gridContainer #appFilter {width: 33.318%}

@media (min-width: 240px) and (max-width: 768px) {

	.cable .side-2,
	.MyAccountOptions .side-2,
	.MyProducts .side-2 {display: none}

	.column.cable,
	.column.MyAccountOptions,
	.column.MyProducts {width: 100%}

}

.hidden {display:none!important}

.header .search-box input#small-searchterms,
.header .search-box .search-box-select {border:none!important}

.search-input {
	margin-bottom:-1px;
	margin-top: -1px;
}

.search-input,
.search-input form {
	float:left;
	width:100%;
	position:relative
}

.search-input form {background-color: #FFF}

.search-input .button-1 {font-size:14px}


.breadcrumb span.delimiter {margin-left: 1em}

.overview .qty-label {display:none}

.overview .add-to-cart-panel {margin-left:0!important}


/* ==========================================================================
   Global Element Attributes
========================================================================== */

#goToTop {
	left:20px;
	right:auto
	}

.Login-Status {
	color:white;
	float:right
}

.page-title {
	padding-left: 0.9375em;
	padding-right: 0.9375em;
	padding-bottom: 2px;
	}
.page-title h1 {float: none !important}

.topic-page .page-title {
	margin-bottom:20px;
	background: #333;
}
.topic-page .page-title h1 {background:none!important}

.page-title input {
	float: right;
	margin: 0px 3px;
	display: inline-block;
	padding: 8px 16px;
	font-size: 16px;
	border: medium none;
	border-radius: 30px;
	background: red none repeat scroll 0% 0%;
	color: #FFF;
	cursor: pointer;
	}


.page-title figure {
    max-height:300px;
    overflow:hidden
    }

.page-title figure img {margin-top: -10%}

.category-page .page-title,
.product-tag-page .page-title,
.product-grid .title strong,
.account-page .page-title {
	border-radius:0;
	margin-bottom:0
	}

.page form {
	float: left;
	width: 100%;
}

.search-results	{
	border-top:none;
	padding-top:0;
	float:left;
	margin-top:0;
	width:100%
}

.page.not-found-page .topic-html-content {
	background-color: #fff;
	padding: 1em;
}

.account-page .page-title {
	padding-top: 0;
	margin-bottom:2em
}

.account-page .page-title h1 {color: #222}

.change-password-page .fieldset {padding:0!important}

.form-fields,
.wufoo,
.contact-details  {background-color: rgba(255, 255, 255, 0.75)!important}

.registration-page .form-fields,
.account-page .form-fields,
.account-page ul.info,
.account-page ul.details,
.return-request-page .form-fields,
.avatar-page .fieldset,
.section.address-item,
.edit-address {
	border-radius: 0!important;
	padding:0!important;
	background-color:white
	}

.account-page ul.info {margin:1rem!important}

.order-summary .cart-footer,
.order-summary .checkout-attributes-collaterals,
.order-summary .cart-footer .cart-collaterals,
.order-summary .cart-footer .totals,
.fieldset .title,
.section .title,
.login-page .title strong,
.fieldset .title strong,
.section .title strong,
.edit-address .title strong,
.gridContainer .title strong {border-radius: 0!important}

.checkout-page .edit-address {background-color:white}

.sub-category-grid {
	float: left;
	margin-bottom: 0!important;
	margin-top:20px;
	width: 100%;
}

.block .sublist a:before,
.side-2.right {
	border:none!important;
	background:none;
}
.side-2.right .button-1,
.checkout-page .button-1,
a.button-1 {
	padding: 1rem !important;
	font-size: 1rem;
	width: 100%;
	float:left
}

.breadcrumb,
.side-2,
.returning-wrapper form .form-fields,
.registration-page .form-fields,
.account-page .form-fields,
.account-page ul.details,
.return-request-page .form-fields,
.avatar-page .fieldset,
.section.address-item,
.edit-address,
.order-summary .checkout-attributes-collaterals,
.order-summary .cart-footer .cart-collaterals,
.order-summary .cart-footer .totals,
.checkout-page .edit-address,
.product-essential,
.block .sublist a:before,
.order-details-page .total-info,
.order-details-page .order-overview,
.order-details-area,
.checkout-data .section.center-2.left.payment-method,
.checkout-data .section.center-2.left.shipping-method,
.checkout-page .enter-address,
.checkout-page .payment-info,
.ConfirmOrderPage .order-review-data,
.login-page .form-fields,
.ConfirmOrderPage .order-review-data {
	border-radius: 0!important;
	background-color:white
	}

.enter-address {float:left}

.contacts li span {font-size: 1.3rem}

input#printButton,
button#printButton {
	background-color: red;
	color: #FFF;
	font-size: 1.2rem;
	padding: 0.5rem 5rem;
	width: auto;
	text-align: right;
	float: right;
}


.miniProductDetailsView h1.product-name {font-size:12px!important}


.miniProductDetailsView .product-essential {padding:1em}

.miniProductDetailsView .product-details-page .overview {
	padding:0!important;
	margin:0!important
}
.miniProductDetailsView .product-essential .gallery .picture img {width:100%}

.miniProductDetailsView .product-essential .gallery,
.miniProductDetailsView .overview {
	float:none!important;
	display: inline-block;
	vertical-align: middle;
}
.miniProductDetailsView .product-essential .gallery {width:25%!important}
.miniProductDetailsView .overview {width:70%!important}


button.button {margin:1em}



/*======================================*/

.address-list-page .add-button {
	margin:0;
	text-align:right
	}

/* ==========================================================================
COLUMNS / GRID
========================================================================== */
/*.row {max-width: 100%;}*/

.row.full-width {
	max-width:100%;
	width:100%
}

.html-home-page .master-wrapper-main {
	padding-top:0;
	max-width:100%!important
}

.home-page-category-grid .item-box,
.manufacturer-grid .item-box {max-width:100%}

.theme-Smart.product-grid,
.product-grid,
.product-list {/*/// - This enables Procduct Filter to switch between Grid & List views - GAVIN 04/05/2017 /////*/
	width: 100%;
	float: left; 
}

.page {
	padding:2em 0;
	max-width: 1240px;
	margin: auto
	}

/*//////////////////////////////////
ITEM GRIDS COVERED BY .item-grid
.page.category-page .item-grid,
.product-collateral .item-grid,
.search-results .product-list .item-grid,
.search-results .product-grid .item-grid
*/
@media all and (min-width:240px) {
	.home-page .item-grid {/* float: none!important */}
	.item-grid {
		/*margin-left: -10px!important;
		margin-right: -10px!important;*/
		float: left; /* ESSENTIAL FOR FILTERS TO WORK (Gav)*/
		/* width: 100%!important; */
		margin-right: -10px;
		margin-left: -10px;
		min-width: 100%;
	}
}
/*//////////////////////////////////*/

.product-collateral {
	float: left;
	width: 100%;
}

@media (min-width: 768px) {

	[class*="column"] + [class*="column"].end {float: left; }

	.col-1 {width: 8.33333%; }

	.col-2 {width: 16.66667%; }

	.col-3 {width: 25%; }

	.col-4 {width: 33.33333%; }

	.col-5 {width: 41.66667%; }

	.col-6 {width: 50%; }

	.col-7 {width: 58.33333%; }

	.col-8 {width: 66.66667%; }

	.col-9 {width: 75%; }

	.col-10 {width: 83.33333%; }

	.col-11 {width: 91.66667%; }

	.col-12 {width: 100%; }

}

/*================================*/

@media (min-width: 240px) and (max-width: 767px) {

.shopping-cart-page.column {
	float:left!important;
	width: 100%!important
	}

}

@media (min-width: 240px) and (max-width: 1000px) {

.center-2.left, .side-2.right
.section.center-2.left, .section.side-2.right,
.checkout-page .address-grid {
	float:left!important;
	width: 100%!important
	}

}

@media (min-width: 1024px) and (max-width: 1239px) {

	/*.fullscreen .header-upper .center,
	.fullscreen .header-lower .center,
	.fullscreen .header-menu > ul,
	.home-page-category-grid .item-grid,
	.home-page .product-grid,
	.fullscreen .footer-lower .center {width:1024px!important}*/

}
@media (min-width: 1240px) {

	.fullscreen .header-upper .center,
	.fullscreen .header-lower .center,
	.fullscreen .header-menu > ul,
	/*.home-page-category-grid .item-grid,
	.home-page .product-grid,*/
	.fullscreen .footer-lower .center {width:1241px!important}

}


@media (min-width: 240px) {
	
	.center-1 {margin-bottom:0}

	.center-2,
	.side-2,
	.productTabs-body,
	#quickTabs {
		padding:0!important;
		width: 100% !important;
		float:left!important
	}

	.side-2 .block {float:left}

	.section.center-2,
	.section.side-2 {margin-bottom:0!important}

	.MyAccountOptions .side-2 {display:none}

	.column.MyAccountOptions {
		padding:0;
		width:100%!important
	}
}

main.page.manufacturer-page article.manufacturer-description {
	background: white;
	border: solid 1px #e2e2e2;
	padding: 1em;
	float: left
}

main.page.manufacturer-page article.manufacturer-description p:first-child {margin-top:0}


.img-responsive {
	display: block;
	width: 100%;
	height: auto;
}

.footer-upper {color:#888}

/* ==========================================================================
FORMS
========================================================================== */


@media (min-width: 240px) and (max-width: 540px) {

.basic-search,
.advanced-search {
	width:100%!important;
	float:left!important;
	margin-bottom: 0!important;
	clear:both
}

.search-input form .buttons {
	margin: 1em 0;
	text-align: center;
	padding-left: 0;
	position: relative;
	width: 100%;
	float: left;
}

}	

@media (min-width: 540px) {

.search-input form .buttons {
	margin: 0 0 20px 15px;
	text-align: left;
	padding-left: 1em;
	position: absolute;
	right: 30px;
	bottom: 0;
}

}
.search-input form .inputs.reversed {
	margin: 0.5rem 0 0.5rem 1rem!important;
}

.basic-search,
.newsletter-email,
.newsletter-email input[type="text"],
.advanced-search {border-radius:5px!important}

.basic-search,
.advanced-search {
	border:none!important;
	background-color: #fff;
	width: 50%;
	float: right;
	padding: 0;
	}

.inputs.reversed {float:left}

.account-page .form-fields {padding:0!important}		

.inputs {margin:1rem!important}
.required {
	margin: 0.5em 0 0px -1em;
	z-index: 5999;
	position: absolute;
}

.fieldset.first .inputs /*{display:inline-block}*/{display:block}

.fieldset.first .inputs,
.section.address-item ul {
	/*float: left;
	width: 44.79%;
	margin: 20px!important*/
	}

.section.address-item,
input[type="text"],
input[type="password"],
textarea,
select {border:1px solid}

.message-error,
.field-validation-error,
.not-available-status,
.poll-vote-error,
.password-error {
	/*margin: 1em;
	font-size:1em*/
	}

#confirm-order-form {
	float: left;
	width: 100%;
}

.wishlist-content {
	float: left;
	width: 100%;
}

.page.wishlist-page .page-title {padding:1em 1em 0 1em}

.page.store-closed-page .page-title,
.page.shopping-cart-page .page-title {margin-bottom:2em}

/*.page.email-a-friend-page,
.page.store-closed-page,
.page.shopping-cart-page,
.page.checkout-page,
.page.wishlist-page*/
.page {
	padding: 2em;
	/*background-color: #FFF;*/
	background-color: rgba(255, 255, 255, 0.50);
	text-align:left
}

.center-2 .page,
.page.category-page,
/*.page.home-page,*/
.contactus .master-wrapper-main,
.register .master-wrapper-main,
.login .master-wrapper-main {
	background: none;
	/*padding: 0!important;
	padding-left: 0.9375em;
	padding-right: 0.9375em;*/
	padding: 0;
}

.page.email-a-friend-page .page-title h1,
.page.store-closed-page .page-title h1,
.page.shopping-cart-page .page-title h1 {
	padding-left:0;
	text-align:left
	}

.page.email-a-friend-page .title a.product:before,
.page.email-a-friend-page .title a.product:after {content: "''"}

.page.email-a-friend-page .page-body * {text-align:left}

.page.email-a-friend-page .page-body .buttons {margin-left:1em}

.emailwishlist .form-fields {padding:0!important}
.emailwishlist .form-fields .inputs-left {
	width: 0;
	height: 0;
	margin: 0;
	padding: 0;
	float: none;
	clear: both;
}

.emailwishlist .buttons {text-align: left}

.emailwishlist .inputs {margin:0 0 1rem 0!important}

.email-a-friend-page .form-fields {
	margin: 0 0 15px;
	border:none!important
	}

/* ==========================================================================
GLOBAL SHOPPING CART OVERIDES
========================================================================== */


.left {float: left !important}
.right {float: right !important}

/*=================================*/

.cart a,
.data-table a,
.compare-products-table a,
.forums-table-section a,
.cart .subtotal {color:#222!important}

.checkout-attributes .inputs input[type="text"],
.checkout-attributes .inputs input[type="password"],
.checkout-attributes .inputs select,
.inputs textarea {
	width: 100%!important;
	text-align:left;
}

.inputs input[type="text"],
.inputs input[type="password"],
.inputs select,
.inputs textarea,
input[type="password"],
#PurchaseOrderNumber {
	color:#000!important;
	width:100%!important;
	background-color:white
	}
table input[type=checkbox] {
	/* Double-sized Checkboxes */
	transform: scale(1.5);
	-ms-transform: scale(1.5); /* IE */
	-moz-transform: scale(1.5); /* FF */
	-webkit-transform: scale(1.5); /* Safari and Chrome */
	-o-transform: scale(1.5); /* Opera */
	padding: 10px;
	margin-right:5px
	}

input.button-2.product-box-add-to-cart-button.nopAjaxCartProductListAddToCartButton {
	border-radius: inherit!important;
	padding: 0.5em 1em
	}

.return-form-wufoo {
	margin-top: 2em;
	}


/*=============== CONTACT PAGE ===================*/

.contact-page {padding: 2em}

.contact-page .page-title {padding-top: 1em}

.contact-page .contact-details .block p strong {
	font-size:1.5em;
	text-transform:uppercase
	}

.contact-page .page-banner h2 {float:left}

.contact-page .page-banner,
.contact-page .wufoo,
.contact-page .contact-details {	
	background-color: white;
	padding: 1em 0;
	float: left;
	width: 100%;
	}

/*.contact-page .wufoo {padding-bottom:0}*/

.wufoo #container form li.buttons input[type="submit"] {
	border: none;
	border-radius: 30px;
	background: #F00;
	color: #fff;
	cursor: pointer;
	}

.contact-page .contact-details figure {margin-bottom: 2em}
.contact-page .page-banner img,
.contact-page .contact-details img {width:100%}

.contact-page .contact-details .jumbotron {}

.contact-page .contact-details .page-banner {
	background: url(../../../../../../../images/loading-cable-drum.jpg) no-repeat center center;
	background-size: cover;
}

/*=============== CHECKOUT AREA ==================*/

.cart,
.data-table,
.compare-products-table,
.forums-table-section table {
	margin: -1px auto 1em !important;
	/*text-align:center!important;*/
	border-width: 1px!important;
	}

.cart th,
.data-table th,
.forums-table-section th {
	border-width:1px;
	border-top:none!important
	}

.cart-total,
input[type="button"],
input[type="submit"],
.button,
.button-1,
.button-2,
#mce-EMAIL {border-radius:0!important}

.checkout-attributes {padding:0; margin:0}
.checkout-attributes ul {text-align:left;}
.checkout-attributes ul li textarea,
.checkout-attributes ul li input,
.checkout-attributes ul li select {width:100%;}
.checkout-attributes ul li textarea {max-width:290px;}

.checkout-attributes ul li label,
.edit-address .inputs label {
	text-align:left!important;
	font-size:16px!important;
	font-weight:700;
	}

.checkout-attributes ul li * {vertical-align: top;}
.checkout-attributes ul li {
	margin:0 auto 1em!important;
	width: 95%;
	}

/*=================================*/

.checkout-page .edit-address {
	margin:0!important;
	border:none!important
	}

.checkout-page .edit-address .title {display:none}

/*.checkout-page .enter-address,
.checkout-page .payment-info {
	border: 1px solid #CCC;
	border-radius: 8px;
}*/
.checkout-page .payment-info .info {
	border: none!important;
	border-radius: 0!important;
	margin:1em;
	max-width:100%
}

.checkout-page .payment-info .info > table:nth-child(1) > tbody:nth-child(1) > tr:nth-child(1) > td:nth-child(1) {display:none}

.checkout-page .info table:nth-child(1) tbody:nth-child(1) tr:nth-child(1) td:nth-child(1) {width: 30%;}
.checkout-page .confirm-order {border-bottom:none!important}
.checkout-page .confirm-order .buttons {/*text-align:right!important*/}
.checkout-data .section ul li.title strong {
	background-color: white !important;
	color: #222;
	padding: 0;
	margin: 0.5em 0;
	text-align: left;
}


/*================ Confirm Order Page =================*/

.ConfirmOrderPage .side-2.right.checkout-button {display:none}
.ConfirmOrderPage .order-review-data {
	margin-bottom:20px!important;
	padding:0 0 1em 0
	}

.ConfirmOrderPage .order-review-data ul {display:block!important}
.ConfirmOrderPage .order-review-data li {text-align:left}
.ConfirmOrderPage .order-review-data li.title {border-bottom:none!important}

.ConfirmOrderPage .order-summary-table .order-summary-table {
	width: 100% !important;
	padding: 0px
	}
.ConfirmOrderPage .order-summary-table .order-summary-table .title {border:1px solid #e2e2e2}

.billingaddress .order-summary-table {display:none}

.ConfirmOrderPage .cart-footer.col-6.column {
	float: right;
	padding: 0;
}


/*================ shipping-method / payment-method =================*/

.shipping-method .method-list {padding-top: 20px!important}

.shipping-method .method-list,
.payment-method .method-list {
	border: none!important;
	border-radius: 0!important;
}

.shipping-method .method-list-item,
.payment-method	.method-name {
	margin-bottom:1em;
	float: left;
	width: 100%;
	}

.payment-method .method-name,
.payment-method .payment-logo {
	text-align:center
}

.shipping-method .method-name,
.shipping-method .method-description {padding:1em}

.shipping-method .method-name {font-weight:700}

.payment-method	.method-name {
	padding: 1em 0
	}

.shipping-method .method-description {
	color: #999;
	line-height: 1.5em;
}



/*================ order-summary =================*/

.order-summary {font-size:100%!important}
.order-summary img {width:100%}

.coupon-box-banner {
	padding-top: 0.5em;
	border-bottom: solid 1px #e2e2e2;
	float: left;
	padding-bottom: 0.5em;
}

.coupon-box-banner.coupon-box-banner-body {
	text-shadow: -2px 1px 4px #222;
	color: #F6F6F6;
	min-height: 150px;
	padding: 5em 1em 0em 1em;
	font-size: 1.3rem;
	text-align: center;
}
.coupon-box-banner.coupon-box-banner-SIGN_UP {
	background: url(../../../../../../../images/SIGN_UP.jpg) no-repeat center center;
	background-size: cover;		
}
.coupon-box-banner.coupon-box-banner-MY_OFFICE {
	background: url(../../../../../../../images/MY_OFFICE.jpg) no-repeat center center;
	background-size: cover;
}
.coupon-box-banner.coupon-box-banner-EXPRESS_FIND {
	background: url(../../../../../../../images/EXPRESS_FIND.jpg) no-repeat center center;
	background-size: cover;
}
.coupon-box-banner.coupon-box-banner-PHONE_US {
	background: url(../../../../../../../images/EXPRESS_FIND.jpg) no-repeat center center;
	background-size: cover;
}
.coupon-box-banner.coupon-box-banner-MODERN_TECH {
	background: url(../../../../../../../images/MODERN_TECH.jpg) no-repeat center center;
	background-size: cover;
}
.coupon-box-banner.coupon-box-banner-LAPPBAND {
	background: url(../../../../../../../images/mi-band-hero-banner-email.jpg) no-repeat center center;
	background-size: cover;
}

.coupon-box-banner.coupon-box-banner-SIGN_UP h3 {color:orange!important}
.coupon-box-banner.coupon-box-banner-MY_OFFICE h3 {color:orange!important}
.coupon-box-banner.coupon-box-banner-EXPRESS_FIND h3 {color:orange!important}
.coupon-box-banner.coupon-box-banner-PHONE_US h3 {color:orange!important}
.coupon-box-banner.coupon-box-banner-MODERN_TECH h3 {color:orange!important}
.coupon-box-banner.coupon-box-banner-LAPPBAND h3 {color:white!important}

.coupon-box-banner.coupon-box-banner-body p {background: rgba(0, 0, 0, 0.7)}

.coupon-box-banner.coupon-box-banner-footer {
	margin-bottom: -1em;
	text-align: right;
}

.cart-collaterals .message.CurrentCode {
	padding-top: 5px;
	float:left
}

input.remove-discount-button,
.remove-gift-card-button {
	 border:none!important
}

.order-summary .block {padding-bottom:0!important}
.order-summary .block .title {padding:0!important; margin:0!important}
.order-summary .checkout-attributes li {display:block}

.order-summary .checkout-attributes-collaterals textarea,
.order-summary .checkout-attributes-collaterals input[type="text"] {
	max-width:100%;
	width:100%
	}

.order-summary .checkout-attributes-collaterals,
.order-summary .cart-collaterals,
.order-summary .cart-collaterals .deals .coupon-box,
.order-summary .cart-footer .totals {
	max-width:100%!important;
	width:100%!important;
	margin:0 auto 1em !important;
	display:block;
	float:left
	}
.order-summary .checkout-attributes {
	margin: 0px auto 1em !important;
	border:none;
	}
.order-summary .cart-collaterals .deals {
	border:none;
	padding:0;
	float:left;
	width:100%!important;
	margin-bottom: 0 !important;
}

.order-summary .checkout-buttons {
	margin: 0 1em 1em !important;
	float: right;
	}

.hint,
.order-summary .cart-collaterals .hint,
.order-summary .cart-collaterals .coupon-box .hint,
.order-summary .checkout-attributes-collaterals ul li,
.order-summary .cart-collaterals .message,
.order-summary .checkout-attributes-collaterals dl dd {margin: 1em !important}

.order-summary .cart-collaterals .coupon-code {
	width: 95%;
	margin: 0 auto;
	background:none
}
.cart-collaterals .coupon-code input[type="text"] {border-radius: 30px 0 0 30px}
.cart-collaterals .coupon-code input[type="submit"] {border-radius: 0 30px 30px 0!important}
.order-summary-content .cart th:first-child,
.order-summary-content .cart th:last-child {border-radius:0}

/*=================================*/

.shopping-cart-page .common-buttons,
.checkout-attributes {text-align:left!important}

.shopping-cart-page .common-buttons input {margin: 0 1em 1em 0!important}

/*.order-summary-content .buttons .common-buttons {border-bottom: solid 1px}*/

.cart-footer .total-info {margin:0!important}

.ConfirmOrderPage .checkout-attributes {display:none}

/*=================================*/

@media (min-width: 320px) and (max-width: 1000px) {

.checkout-attributes ul:nth-child(1) li:nth-child(1),
.checkout-attributes ul:nth-child(1) li:nth-child(2),
.checkout-attributes ul:nth-child(1) li:nth-child(3),
.edit-address {
		width:100%;
		max-width:100%!important;
		margin: 10px 0;
		float:none;
		}

.order-summary,
.order-summary .block {width:100%}
}



/*//////////////////////////////////////
SHIPPING ADDRESS
/////////////////////////////////////*/

.checkout-page .address-grid,
.checkout-page .address-grid .block {
border:none!important;
margin:0!important;
padding:0!important;
font-size: 100%
}
.checkout-page .edit-address {background-color:white}	
.checkout-page .address-item {
margin: 0 0 1em 0 !important;
/*float:none!important*/
float:left;
width:100%
}

.edit-address .inputs{min-height: 90px}/* Allows for error message. This prevents uneven stacking. (Gavin 27/07/17) */


@media (min-width: 640px) {
.edit-address {
float: left;
clear: both;
position: relative;
}

}



.edit-address .inputs:nth-child(even) {margin-right:0!important;}

.edit-address .inputs label,
.inputs label {
	display: block!important;
	margin:5px 0!important;
	padding:5px;
	font-weight:700;
	text-align:left!important
	}

.address-item ul li.company {font-size:16px;}

@media (min-width: 240px) {

	.checkout-page .address-item ul {padding:0!important}
	.checkout-page .address-item .select-button {
		width: 100%;
		float: left
	}
}

.checkout-page .address-item input {width:100%;}

.method-list li {display:inline-block;}

.payment-logo img {
	max-height: 32px;
	min-height:	16px;
	width:auto
}

.checkout-page .selected-checkout-attributes {
	text-align:left!important;
	font-size:large
}

/* ==========================================================================
Order Details Page
========================================================================== */	

.order-details-page .page-title {padding:1em}
.order-details-page .page-title h1 {
	float:left!important;
	margin-bottom:0;
	line-height:1;
}

.order-details-page .section.products .title {border:1px Solid #e2e2e2}

.order-details-page .total-info {
	width:300px;
	float:right;
	padding: 1em
}

.order-details-page .cart-total {
	float:none!important;
	width:100%;
	margin:0!important
}

@media (min-width: 240px) and (max-width: 479px) {.order-details-page .column ul {margin-bottom:1em}}
@media (min-width: 480px) {.order-details-page .column ul {min-height: 165px}}

.cart-total {background-color:white!important}

/* ==========================================================================
EXPRESS FIND
========================================================================== */

article.express.salesOrderMeta {
	padding-top: 0!important;
	margin-bottom: 0!important;
	}

#salesOrdersTableWrapper {background-color: #fff}

#salesOrdersTableWrapper h2 {padding: 5px 20px 20px}

#salesOrdersTableWrapper table thead tr:nth-child(1) {background: none repeat scroll 0% 0% #F9F9F9!important}

#salesOrdersTableWrapper.responsive > tbody:nth-child(1) > tr:nth-child(3) > td:nth-child(3) {text-align:left!important}

/*#salesOrdersTableWrapper table.footable td:nth-child(4) {word-break: break-all}*/

#salesOrdersTableWrapper table td,
#salesOrdersTableWrapper table th {
	padding:0.3em 1em;
	height:65px;
	vertical-align:middle
	}

#salesOrdersTableWrapper table td.express-table-image,
#salesOrdersTableWrapper table td.current-product-inStock {
	text-align: center !important;
	padding: 0;
	margin: 0
	}

	#salesOrdersTableWrapper table td.express-table-image img,
	#salesOrdersTableWrapper table td.current-product-inStock img {
	max-width:32px!important;
	max-height:32px!important;
	padding: 0;
	margin: 0
		}

#salesOrdersTableWrapper .overview,
#salesOrdersTableWrapper .add-to-cart {
	padding:0!important;
	margin: 0!important;
	width: 170px
	}
	#salesOrdersTableWrapper .overview .qty-input {
		width: 50px !important;
		border-radius: 20px!important
		}
	#salesOrdersTableWrapper .overview .qty-input,
	#salesOrdersTableWrapper .overview .ajax-cart-button-wrapper .button-1 {
		padding: 0.8em 1em;
		height:auto;
		font-size:12px!important
		}
		#salesOrdersTableWrapper .overview .ajax-cart-button-wrapper .button-1 {
			color:#fff;
			padding-left:0!important
			}

table.footable.footable-loaded.w980 th.footable-first-column,
table.footable.footable-loaded.w980 td.footable-first-column {display:none!important}

.footable-first-column {
	white-space:nowrap;
	text-align:center
	}

.footable-detail-show {background-color: #e2e2e2}
.footable-row-detail {background-color: #fafafa}	

#salesOrdersTableWrapper table td .footable-row-detail-name {font-weight:bold}				


@media (min-width: 240px) and (max-width:1024px) {

#salesOrdersTableWrapper table th.add-to-cart-button,
#salesOrdersTableWrapper table td.add-to-cart-button {
	display:none !important
	}

#salesOrdersTableWrapper .overview .qty-input,
#salesOrdersTableWrapper .overview .ajax-cart-button-wrapper .button-1 {
	padding: 0.3em;
	font-size: 12px !important;
	vertical-align: middle;
	}
}


/* ==========================================================================
HEADER OVERRIDES
========================================================================== */

#headerMenuParent {min-height: 100%!important}

.header {}

.header-links-wrapper {
	margin: 0!important;
	width:100%;
}

.header-links {float:right!important}

.header-links li .account {color:#81bf21}

.header-links a.ico-login {color: red}

.header-links-wrapper .cart-wrapper {
	display:block;
	margin: 0!important;
	float:none
}

.header-links-wrapper .cart-wrapper #topcartlink span.cart-label,
.header-links-wrapper .cart-wrapper #top-wishlist-link span.cart-label {margin-right:8px !important}

.cart-wrapper .cart-qty {
	width:auto !important;
	padding: 0;
	position:relative;
	background:none!important;
	top:0;
	right:0;
}

.header-upper {
	margin: 0;
	padding:0!important
}

.header-upper .center,
.header-lower .center {
	padding-left: 0.9375em;
	padding-right: 0.9375em;
}

.header-lower {padding: 1em}


.responsive-nav-wrapper {background-image:none!important}

@media all and (min-width: 767px) { .header-menu.stick {visibility:visible} }

@media (min-width: 1000px) {

.header-menu .sublist-wrap {
	box-shadow: 0 1px 2px rgba(0,0,0,0.4);
	background: #fcfcfc;
	padding: 8px 0 10px;
	font-size: 12px;
	color: #333;
	}

.header-menu .sublist li a {color:#FFF!important}

.header-menu .sublist li a:hover,
.header-menu .sublist li:hover > a {color:inherit!important}

.header-menu .sublist {background: rgba(0, 0, 0, 0.83) none repeat scroll 0% 0%!important}

}

@media (min-width: 320px) { .header-links {float: left} }

/* ==========================================================================
FOOTER OVERRIDES
========================================================================== */

.footbox.column,
.footlist.column { }

.footbox,
.fullscreen .footbox,
.footlist,
.fullscreen .footlist {
	position: relative;
	padding-left: 0.9375em;
	padding-right: 0.9375em;
	float: left;
	margin-left: 0!important
}

footer section.footer-upper {padding:2rem 1rem 1rem}
footer section.footer-middle {padding:2rem 1rem}
footer section.footer-lower {padding:2rem 1rem}

.topic-block {padding: 2em}

.footbox li {
	display: block !important;
	width: 100% !important;
}

.footer-upper .topic-block {
	background-color:white;
	float:left;
	width:100%;
	margin-bottom:20px;
}

.footer-upper .topic-block p 	{text-align: justify}
.footer-upper .topic-block p a 	{font-weight:700}
.footer-upper .topic-block p a:hover {text-decoration:underline}

.topic-block-title {
	border-bottom-style: solid;
	border-width: 1px;
	padding-bottom: 2em;
	margin-bottom: 1.8em;
	text-transform: uppercase;
	text-align: left
}

.topic-block-title h2 {color:inherit}

.contacts li {font-size: 1.3rem;}
.contacts li:before {
	content: "";
	display: inline-block;
	width: 32px;
	height: 32px;
	vertical-align: middle;
	margin: 0 10px 0 0;
	background: url(/Themes/Smart/Content/img/contact_sprite.png) no-repeat;
}
.contacts li {vertical-align: middle}
.contacts li.phone:before {background-position: left 0}
.contacts li.email:before {background-position: left -64px}


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

	.footbox.x-small-12,
	.fullscreen .footbox.x-small-12,
	.footlist.x-small-12,
	.fullscreen .footlist.x-small-12 {width: 100%}

}

@media only screen and (min-width: 30em) {		/*480px*/

	.footbox.small-6,
	.fullscreen .footbox.small-6,
	.footlist.x-small-6,
	.fullscreen .footlist.x-small-6 {width: 50%}

	/*.footer-upper .footbox.image-card .topic-block		{min-height:400px}
	.footer-upper .footbox .topic-block						{min-height:310px}*/
	
}

@media only screen and (min-width: 48em) {					/*768px*/
	
	.footbox.med-6,
	.fullscreen .footbox.med-6,
	.footlist.med-6,
	.fullscreen .footlist.med-6 {width: 50%}

	.footer-upper .footbox.image-card .topic-block			{min-height:440px}
	.footer-upper .footbox .topic-block						{min-height:320px}
	
}

@media only screen and (min-width: 64em) {					/*1024px*/

	.footlist.large-3,
	.fullscreen .footlist.large-3 {width: 25%}
	.footbox.large-4,
	.fullscreen .footbox.large-4 {width: 33.33333%}

	.footer-upper .footbox.image-card .topic-block			{min-height:435px}
	.footer-upper .footbox .topic-block						{min-height:330px}
	
}

@media only screen and (min-width : 68.75em) {				/*1100px*/

	.footer-upper .footbox .image-card .topic-block			{min-height:420px}		
	.footer-upper .footbox .topic-block						{min-height:310px}
	
}

@media only screen and (min-width : 81.25em) {				/*1300px*/

	.footer-upper .footbox.image-card .topic-block			{min-height:410px}		
	.footer-upper .footbox .topic-block						{min-height:290px}
	
}



/* ==========================================================================
Cart Wrapper OVERRIDES
========================================================================== */
.cart-wrapper div {
	position: relative;
	border-radius: 0;
	background: none;
	padding: 0;
}

.cart-wrapper a #topcartlink,
.cart-wrapper a #top-wishlist-link {
	color:#999;
	position: relative;
	padding: 8px 36px 8px 8px;
	display: inline-block
}

.flyout-cart.active {
	border-radius: 20px!important;
	background-color:#fff
	}

.mini-shopping-cart .count {background:#fafafa!important}

.mini-shopping-cart .count,
.flyout-cart.active {border-radius:0!important}

.mini-shopping-cart .name a {color: #222;font-weight:700}

.mini-shopping-cart .totals strong {color: #000!important}

@media (max-width: 768px) {

	.cart-wrapper a #topcartlink,
	.cart-wrapper a #top-wishlist-link {
		height: 32px;
		overflow: hidden;
		}

	#topcartlink span.cart-label,
	#top-wishlist-link span.cart-label {visibility: hidden}

	.cart-wrapper a #topcartlink {background: url("../../../img/links_cart.png") no-repeat scroll center center!important}
	.cart-wrapper a #top-wishlist-link {background: url("../../../img/links_wishlist_small.png") no-repeat scroll center center!important}

	.header-links-wrapper .cart-wrapper {
		display:inline-block;
		margin: 0!important;
		float:left
		}

	.cart-wrapper a div#topcartlink,
	.cart-wrapper a div#top-wishlist-link {padding:0px 36px 0px 8px!important}

}


@media all
	and (min-width: 240px) 
	and (max-width: 860px) { .header .search-box {margin-bottom: 0} }

@media
/*(min-width: 641px)*/
(min-width: 860px)
/*and (max-width: 1001px)*/ {
	
	.header {text-align:left}

	.header-logo {
		margin: 1em 0;
		float:left;
		}

	.header .search-box {
		float:right;
		margin:  2em 0 1em 0 !important;
		}
}

.header .search-box .search-box-button {background-color: rgba(0, 0, 0, 0)!important}

.slider-wrapper {
	margin: 0 0 0.5em !important;
	border-bottom: 1px solid #FFF;
	overflow:hidden;
}

.nivo-directionNav a:hover {background-color:red!important}


/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {

	.header-menu {visibility:visible!important}

}

.breadcrumb {
position: relative;
padding-left: 0.9375em;
padding-right: 0.9375em;
}

.breadcrumb ul li {padding: 10px 0 10px 10px}

.breadcrumb li * {
	display: inline-block;
	line-height: 32px;
}

.breadcrumb li a {}

.breadcrumb li a:hover {}

.breadcrumb span.delimiter {margin-left:1em!important}

/*//////////////////////////////////////////////////////////
HOME PAGE
///////////////////////////////////////////////////////*/

.home-page {
	background-color: #FAFAFA;
	padding: 1em;
	width: 100%;
	max-width: 100%;
}

.home-page .page-body {
	width: 100%;
	max-width: 1240px;
    margin: 0 auto;
    float: none;
}

.home-page .page-body .topic-block:first-child {
	max-width:100%;
	margin:auto;
	text-align:center
}
.home-page .page-body .topic-block:first-child p {text-align:center}

.home-page .columns.item-grid,
.home-page .product-grid.home-page-product-grid,
.home-page-category-grid {
	background: none!important;
	/*max-width: 1240px;*/
	width: 100%!important;	
	margin-left:auto !important;
	margin-right:auto !important;
	padding-top:10px!important;
	float: left
}


.home-page-category-grid .category-item {background-color:white}

.home-page-category-grid .category-item h2.title a {
	white-space:normal;
	line-height:1.3em
}

.home-page-category-grid .item-grid .title,
.home-page-category-grid .item-grid .picture,
.home-page-category-grid .item-grid .price {
	margin:0;
	padding:0;
	position:inherit;
}

.home-page-category-grid .item-box:first-child {margin-left: 0}

.home-page-category-grid .item-grid .item-box .picture a {position:relative}

.home-page-category-grid .item-grid .title {
	text-align:center !important;
    height: 50px!important;
    margin-bottom: 0!important
}

.home-page-category-grid .title {height: auto!important}

.category-item h2.title,
.sub-category-item h2.title {
	display: table!important;
	width:100%
}
.category-item h2.title a,
.sub-category-item h2.title a {
	display: table-cell!important;
	vertical-align: middle;
	text-transform: uppercase;
}

@media (min-width: 240px) {
	
	.home-page-product-grid .title,
	.home-page-category-grid,
	.home-page-category-grid .title strong,
	.home-page .product-grid .title strong,
	.home-page .nop-jcarousel .carousel-title strong,
	.product-grid .title,
	.product-grid .title strong {
		text-align: center;
		font-size:40px;
		font-weight:normal;
		color:#333;
		width: 100%;
	}

	.home-page .title,
	.home-page-category-grid .title,
	.home-page .nop-jcarousel .carousel-title {
		margin:0 0 20px 0!important;
		display:block!important;
		width: 100%;
		float: left
	}

	.home-page-category-grid .title strong,
	.home-page .title strong,
	.home-page .nop-jcarousel .carousel-title strong {
		background: none!important;
		padding-bottom: 20px;
		float: left;
		border-top: none;
		border-right: none;
		border-bottom: 1px solid;
		border-left: none
	}
}

.home-page-category-grid .item-grid .picture {
	height:auto !important;
	min-height: 1%;
	padding:0!important;
	border:none;
	border-radius:0;
	margin:0!important;
}

.home-page-category-grid .item-box .item-box-linkwrap .picture img {margin:auto}

.home-page-category-grid .item-box .picture a:before {/*padding-top:50%!important;*/}

.home-page-category-grid .item-grid.grid {
	top: 20px;
	/*float: none!important;*/
	margin: 0!important
}

.home-page-category-grid .ui-group {
	width: 100%;
	border-bottom: solid 1px;
	display: inline-block;
	margin-bottom: 20px
}

.home-page-category-grid .ui-group__title {
	display: inline-block;
	vertical-align: top;
	font-size: 1.2rem;
	line-height: 40px;
	margin: 0 10px 0 0;
	font-weight: bold
}

.home-page-category-grid .ui-group .button-group {
	display: inline-block;
	margin:auto;
	text-align: center!important;
	float: none!important;;
	width: 100%;
}

/* ---- button-group ---- */

.home-page-category-grid .button-group:after {
	content: '';
	display: block;
	clear: both;
	}

.home-page-category-grid .button-group > li {
	/*float: left;*/
	display: inline-block;
	margin: 0 1px;
}

.home-page-category-grid .button-group .button {
	float: left;
	border-radius: 0;
	margin-right: 1px;
}

.home-page-category-grid .button-group button,
.home-page-category-grid .button-group .button {
	-webkit-appearance: none;
	-moz-appearance: none;
	border-radius: 0;
	border-style: solid;
	border-width: 0;
	cursor: pointer;
	font-family: 'Lato', sans-serif;
	font-weight: 700;
	line-height: normal;
	margin: 0 0 1.11111rem;
	position: relative;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	padding: 0.5rem 1rem 0.5rem 1rem;
	font-size: 0.88889rem;
	color: #fff;
	transition: background-color 300ms ease-out
}

.home-page-category-grid button.button.is-checked {background-color: #333!important}

.manufacturers-carousel {background-color: #f6f6f6}

.home-page .slick-carousel.item-grid.slick-initialized.slick-slider {
	float: left;
	width: 100%
}


.header-menu {background: none!important}

.miniProductDetailsView .add-to-cart,
.button-1.add-to-cart-button.nopAjaxCartProductVariantAddToCartButton.miniProductDetailsViewAddToCartButton,
.button-2.product-box-add-to-cart-button.nopAjaxCartProductListAddToCartButton {border-radius:30px!important}

.miniProductDetailsView .add-to-cart {margin-left:0!important}

.add-to-wishlist input,
.compare-products input,
.email-a-friend input,
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a,
.newsletter-email,
.button-2.update-cart-button,
.button-2.continue-shopping-button,
.new-address-next-step-button {
background-image:none!important;
background-color:#222 !important
}

.ui-tabs .ui-tabs-nav li {
margin-bottom:-1px;
text-align:center
}
.ui-tabs .ui-tabs-nav li:hover {
background-color:#222;
color:white
}

@media (min-width: 240px) and (max-width: 540px) {

.ui-tabs .ui-tabs-nav li {
	width:50%!important;
	padding:0.5em!important
	}	

}
@media (min-width: 540px) and (max-width: 768px) {

.ui-tabs .ui-tabs-nav li {
	width:25%!important;
	padding:0.5em!important
	}	

}

.ui-tabs .ui-tabs-nav li a {
border-radius: 0;
padding: 10px 24px 8px;
}

.jDropDown div::after {background-color:#222 !important}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)  {

#add-to-wishlist-button-2,
.compare-products input,
.email-a-friend input {background-color:#222 !important;}

}


/*
BORDERS 
*/

.block .list li.active a {border-bottom:1px dotted}

.block .sublist {border-top:none}

.ui-tabs .ui-tabs-panel {
border:none!important; 
padding: 1em;
}

.ui-tabs .ui-tabs-active.ui-state-active a {
background-color: #222;
width: 100%;
}

.item-box .product-item,
.sub-category-grid .item-box .sub-category-item {border-bottom:1px solid}




/*BORDER OVERRIDES*/

.ajax-cart-button-wrapper {
border:none!important;
border-radius:0!important;
}


.block .title, 
.filter-block .title {
border-radius:0!important;
padding: 0 0 0 6px !important;
background-image:none!important
}

.nop-jcarousel .jcarousel-prev:hover,
.nop-jcarousel .jcarousel-next:hover {opacity: 0.5;}


.product-selectors,
.product-page-size,
.product-viewmode {
float:left;
padding:0.5em
}

.overview .qty-input,
.variant-overview .qty-input,
.ajax-cart-button-wrapper input[type='text'] {
width:4em !important;
margin-right:0.5em !important;
}
.overview .add-to-cart-button,
.variant-overview .add-to-cart-button {padding:0.5em}

.item-box .ajax-cart-button-wrapper input[type='text'] {display:none}

.customer-entered-price .enter-price-input {display:none}

/**/

.block,
.filtersGroupPanel  {margin-bottom:0!important}

.block .list a,
.block .year strong {
font-size:13px;
padding: 8px 0 8px 20px;
}

.block {
border-bottom: none;
padding-bottom: 20px;
width:100%!important;
max-width:100%!important;
margin:0!important
}

.product-selectors {
float: left;
margin-bottom: 20px !important;
width: 100%!important;
border: 1px solid
}

.viewOptionsDropDown.jDropDown,
.product-selectors select,
div.product-viewmode select {
border-radius: 18px;
margin:0;
width:auto!important
}

/*div.product-viewmode {display:block;}*/

.product-selectors .product-slectors-inner-wrapper {
/*border: solid 1px!important;*/
margin-top: -1px;
}

/*////////////////////////////////////////////////////////
SIDEBAR FILTERS - LISTBOX
///////////////////////////////////////////////////////*/

.block .listbox {padding: 0 20px!important;}


.filtersPanel {
margin-bottom: 0!important;
padding-bottom: 0!important;
}

.filtersGroupPanel {
border-bottom: none!important;
}

.block .list > li.active > a:before {border:none}

.block .list a:before,
.block .year strong:before {
top: 9px!important;
padding-bottom:5px;
}

.block .list li.active a:before {display:inherit}

.block .list li.active a:before		 {	background	:	url('../../../img/arrow1.png') center no-repeat!important}
.block .sublist li.inactive a:before {	background	:	url('../../../img/arrow3.png') center no-repeat!important}

.block.block-recently-viewed-products .list a:before {display:none}
.block.block-recently-viewed-products .list a {padding-left: 0!important;}

.block li.active .sublist {margin-left: 1em}

.topic-page .listbox ul {padding-left:0!important}
.topic-page .listbox li {list-style:none!important}
.topic-page .listbox li a {text-decoration:none!important}
.topic-page .listbox li a {color:#333!important}

/*.listbox ul li a {color:#333!important}*/

.listbox .block .sublist,
.listbox ul li.active ul li.active ul li a {margin-left:1em}
.listbox ul li.active ul li.active ul li.active ul li a { }
.listbox ul li.active ul li.active ul li.active ul li.active ul li a { }

/*.listbox ul li.active ul li.active {color:red;}
.listbox ul li.active ul li.inactive {color:black;}*/


.listbox ul li .product-picture {min-width: 3em}
.listbox ul li .product-picture a {text-align:center}

.block .sublist .sublist a {font-size:inherit}




/*////////////////////////////////////////////////////////
ITEM BOXES 
///////////////////////////////////////////////////////*/

.item-box {max-width: 100%!important}

.item-box:nth-child(4n) {/*margin-right:0!important;*/}

.item-box,
.product-grid .item-box,
.product-list .item-box {
	text-align:center;
	margin-bottom:20px!important
	}

.home-page-category-grid .category-item {
	float: left;
	width: 100%
}

.item-box .product-item,
.home-page-category-grid .category-item {
	box-shadow: 1px 1px 1px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.055);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,.055);
	-o-box-shadow: 0 1px 3px rgba(0,0,0,.055);
	-webkit-transition: box-shadow .12s linear,border-color .12s linear;
	-moz-transition: box-shadow .12s linear,border-color .12s linear;
	-o-transition: box-shadow .12s linear,border-color .12s linear;
	transition: box-shadow .12s linear,border-color .12s linear;
}

.item-box .product-item:hover,
.home-page-category-grid .category-item:hover {
	-webkit-box-shadow: 0 0 8px rgba(219, 219, 219, 0.9);
	-moz-box-shadow: 0 0 8px rgba(219, 219, 219, 0.9);
	box-shadow: 0 0 8px rgba(170, 170, 170, 0.9);
	}

.item-box .product-title,
.item-box .title {/*font-weight:bold*/}

.item-box .product-item,
.sub-category-grid .item-box .sub-category-item {background-color:#fff}

.item-box input[type="button"] {width:100%}

input#moreOptions {
	background: #222!important;
	width: 100%;
	margin-top: 10px;
}


@media (min-width: 240px) {

.item-box .description {height:45px!important}

.category-item .picture,
.sub-category-item .picture,
.manufacturer-item .picture  {display:inherit;}

.home-page-category-grid .title a,
.sub-category-grid .title a,
.manufacturer-grid .title a {
	background-color:#fff;
	background-image:none;
	color:#000;
	font-size:13px
	}

}

/* ////////////////////////////////////////////////
ITEM BOX SIZING
///////////////////////////////////////////////*/

.item-box .picture {background: none}

.price.actual-price.logged-in {
	padding: 0.5em;
}

.item-box .product-title,
.item-box .product-title .title a {
	font-size: 14px!important;
	text-transform: uppercase
}


.item-box .product-title,
.item-box .title {height:50px}

.item-box .picture img {max-width: 100%}


/* ////////////////////////////////////////////////
ITEM BOX IMAGE - GRID VIEW 
///////////////////////////////////////////////*/

.product-grid .add-info img {width:90%}/*In Stock Tick Icon*/

.product-grid .ajax-cart-button-wrapper {width:100%}

/* ////////////////////////////////////////////////
ITEM BOX IMAGE - LIST VIEW
///////////////////////////////////////////////*/

.product-list .item-box {width: 100%!important}

.product-list .item-box .product-title a {padding-left:0!important}

.product-list .item-box .product-title,
.product-list .item-box .product-title .title a {
	width: 100%!important;
	margin-top: 0!important
	}

/*.product-list .add-info img {width: 50%}*/

.product-list .item-box .picture,
.product-list .item-box .product-item-details-wrapper,
.product-list .item-box .product-item-details-wrapper .product-title,
.product-list .item-box .product-item-details-wrapper .details,
.product-list .item-box .product-item-details-wrapper .details .add-info,
.product-list .item-box .product-item-details-wrapper .details .add-info .prices,
/*.product-list .item-box .product-item-details-wrapper .details .add-info .prices .price.actual-price,*/
.product-list .item-box .product-item-details-wrapper .details .add-info img {
	float: none!important;
	display: inline-block;
	vertical-align: middle;
	margin-right: -3px;/*BUGFIX for columns gaining margin (Gavin March-2017)*/
	}

.product-list .item-box .details {

	padding:0!important
	}

.product-list .item-box .picture {text-align:center}
.product-list .item-box .picture img {
	max-height: 120px;
	position:relative
	}

.product-list .item-box .picture a::before {padding-top:0!important}

.product-item-details-wrapper {
	margin:1em 0;
	/*text-align:left!important*/
	}

.product-list .item-box .product-item-details-wrapper .description {height: auto}
.product-list .item-box .product-item-details-wrapper .manufacturer-part-number,
.manufacturer-part-number {margin-bottom:1em}

.manufacturer-part-number {min-height:30px}

/*-------------------------------------------*/

.item-box .prices {
	min-height: 100%;
	width: 97%;
	/*border: solid 1px;*/
	border-radius: 20px;
	overflow: hidden;
	text-align: center;
	margin-bottom:1em
	}

.item-box .prices a {
	width: 100%;
	display: table;
	background-color: #e2e2e2;
}

.item-box .actual-price {
	padding: 0.5em;
	background-color: #fff;
	}

.item-box .your-price-login {
	background-color: #e2e2e2;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	font-size:0.7rem;
	color: #777;
}

.item-box .your-price-login:hover {
	background-color: red!important;
	color: white!important;
}

/*-------------------------------------------*/


.product-list .item-box .product-item-details-wrapper .ajax-cart-button-wrapper {width: 100%;}

.product-list .item-box input[type="button"] {
	padding:0.5em;
	width: 100%;
	font-size: 1.2em;
	font-weight: bold;
	}


/* ////////////////////////////////////////////////
ITEM BOX Title 
/////////////////////////////////////////////*/

.home-page-category-grid .title a,
.sub-category-grid .title a,
.manufacturer-grid .title a,
.my-account.category-grid .title a {
	padding:0.5em !important;
	background: #fff!important;
	border:none!important;
	border-radius:0!important;
	color: #222!important;
	width: 100%;
	height: 100%;
}

.manufacturer-item h2.title {display:none}

@media (min-width: 240px) and (max-width: 640px) {

/*.home-page-category-grid .title,
.sub-category-grid .title,
.manufacturer-grid .title {height: 40px;}*/

.home-page-category-grid .item-grid .item-box {
	/*width:100%!important;*/
	margin-bottom:20px;
	}

.home-page-category-grid {
	margin-top:20px!important;
	padding: 25px 0!important;
	}

.slider-wrapper,
/*.home-page .product-grid,*/
.manufacturers-carousel {display:none;}

/*.header .search-box {margin:0 0 20px 0!important;}*/

.item-box .picture a:before {/*padding-top:50%!important;*/}


}

@media (min-width: 240px) {

.item-box {margin-bottom:20px!important}

.item-box .product-title a,
.item-box .title a {padding: 0.5em}

}	



/* ////////////////////////////////////////////////
Product Detail Page ( .product-essential, .gallery, .overview, full-description )
/////////////////////////////////////////////*/

.product-essential {}

.product-details-page .add-to-cart .ajax-cart-button-wrapper {background:none!important}

.gallery {}
.gallery,
.product-details-page .gallery .picture,
.product-details-page .gallery .picture img {/*width:100%*/}

/*Stock Check link - START*/
.page.product-details-page .additional-details .stock {
    margin-bottom:10px;
    display: inline-block;
    clear:both;
    width:100%
    }
.page.product-details-page .additional-details .stock a {
    color:#222;
    background-color:#fff;
    border:1px solid #e2e2e2;
    padding:5px 8px;
    }
/*Stock Check link - END*/

.overview.column {
	padding:20px;
	margin:0;
	background-color: #fafafa;
}

#quickTabs {
	background-color: white;
	/*border: solid 1px;*/
	border-radius: 5px 5px 0 0;
}

/*.productTabs-body,
#quickTabs {
	float: left;
	width: 100%;
	margin-bottom: 20px;
}
*/

.productTabs-header {
	background-color: #fafafa;
}

table.data-table td,
table.data-table td.a-left.spec-name {
	border-right:solid 1px #e2e2e2;
	border-bottom:solid 1px #e2e2e2
	}

table.data-table td:last-child,
table.data-table td.a-left.spec-name:last-child {
	border-right:0;
	}

table.data-table tr:last-child td,
table.data-table tr:last-child td.a-left.spec-name {
	border-bottom:0
}

table.data-table td,
table.data-table td.a-left.spec-name {
	border-right:solid 1px #e2e2e2;
	border-bottom:solid 1px #e2e2e2
	}

table.data-table td:last-child,
table.data-table td.a-left.spec-name:last-child {
	border-right:0;
	}

table.data-table tr:last-child td,
table.data-table tr:last-child td.a-left.spec-name {
	border-bottom:0
}

/*------ VIDEO -------*/
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
	margin-bottom:1em
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*------ PRICING TIERS ------*/
.pricing-tiers {
	width: 100%;
	display: block;
	float: left;
	clear: both;
	margin-bottom: 1em;
}
.pricing-tiers li {
	display: inline-block !important;
	/*border: solid 1px;*/
	padding: 0;
}
.pricing-tiers li span {
	display: block;
	padding: 0.5em;
	width: 100%;
	text-align: center;
}
.pricing-tiers-breakpoint-price {
	font-weight: bold;
	font-size: 1.3em;
	background-color: #e2e2e2;
}
/*--------------------------*/

@media all and (min-width: 240px) {

	/* This is the main image centered. */

	.gallery .picture-wrapper .picture {
		height: 320px!important;
		display: table;
		text-align: center;
		width: 100%;
	}

	.gallery .picture-wrapper .picture a {
		display: table-cell!important;
		vertical-align: middle;
		text-align: center;
		line-height: 0;
	}

	.gallery .picture-wrapper .picture #sevenspikes-cloud-zoom {
		overflow: visible;
		text-align: center;
		line-height: 320px;
		font-size: 0;
	}

	.gallery.sevenspikes-cloudzoom-gallery .cloudzoom-lens:before {background-color: #ffffff!important;}

	.gallery.sevenspikes-cloudzoom-gallery .cloudzoom-zoom {
		cursor:crosshair;
		left: 300px !important;
		}

}



/* ////////////////////////////////////////////////
.my-account
/////////////////////////////////////////////*/

.account-page ul.info {border:none!important}

.section.order-item {border: solid 1px #e2e2e2}

.account-page.address-edit-page .edit-address .title {margin-top:0!important}



.my-account.category-grid .category-item {background-color:rgba(255, 255, 255, 0.75);}

.my-account.category-grid .item-grid .item-box h2.title,
.my-account.category-grid h1 {
	height:100%;
	margin-bottom: 0;	
	text-align:center
	}


.my-account.category-grid .item-grid .item-box .picture img {
	width: 95%;
	max-width: 95%;
	}

.my-account.category-grid .item-grid .item-box .picture a::before {padding-top:70%}

@media (max-width: 480px) {

.my-account.category-grid .item-grid .item-box {
	margin: 0 0.7% 1em;
	width: 47.7% !important
	}

}
@media (max-width: 361px) {

.my-account.category-grid .item-grid .item-box {
	padding-left: 0.9375rem;
	padding-right: 0.9375rem;
	width: 98% !important
	}

}


/* /////////////////////////////////////////////////////////////////////////////////////////////*/

.jcarousel-skin-thumbs .jcarousel-prev-horizontal {left:10px!important}

.gridContainer {margin-top:0!important}

#salesOrdersTableWrapper > table td:nth-child(1) {
	height:80px!important;
	width:80px;
	vertical-align: middle;
}



/* ////////////////////////////////////////////////
LOGIN SCREEN
/////////////////////////////////////////////*/

/*.page.login-page {
	padding:2em 0;
	max-width: 1240px;
	margin: auto
	}*/

.page.login-page .page-title {padding: 1em}

.page.login-page .page-title h1 {
	float:none;
	font-weight: normal;
	font-size:3em
	}

.page.login-page .page-title h1 {text-align:center}

.page.login-page .form-fields {margin:0 0 2em 0}

.page.login-page .form-fields,
.page.login-page .returning-wrapper .title {padding:0!important}

.page.login-page .customer-blocks .returning-wrapper form .form-fields .inputs {text-align:left}
.page.login-page .customer-blocks .returning-wrapper form .form-fields .inputs label {
	display:inline-block!important;
	margin:0 0.5em!important;
	vertical-align: middle;
	text-align:left
}

.page.login-page .customer-blocks .returning-wrapper form .form-fields .forgot-password {text-align: right}

.page.login-page .buttons {margin:0}

.page.login-page .buttons .register-button {
	font-size:14px;
	padding: 0.5em 1em;
	background-color:#222
}

@media all 
and (min-width: 240px)
and (max-width: 640px) {

.customer-blocks {text-align:center}
.customer-blocks > .columns:nth-child(1) {margin-bottom: 2em;}

}

@media (min-width: 280px) and (max-width: 480px) {

.page.login-page .page-title {margin-bottom: 1em}
.page.login-page .page-title h1 {font-size:1.8em}

}

@media (min-width: 481px) and (max-width: 768px) {	

.page.login-page .page-title {margin-bottom: 2em}
.page.login-page .page-title h1 {font-size:2.5em}

}

@media (min-width: 768px) {	

.page.login-page .new-wrapper {margin-left:1em}

.page.login-page .new-wrapper,
.page.login-page .new-wrapper .buttons {text-align:left}

.registration-page .fieldset,
.login-page .customer-blocks,
.login-page .returning-wrapper {
	margin: 0px auto!important;
	float: none;
}

}


/* ////////////////////////////////////////////////
REGISTRATION PAGE
/////////////////////////////////////////////*/

@media (min-width: 240px) {

.registration-page p {
	 white-space: normal;
	 font-size: 14px
	 }

.registration-page li {margin-bottom: 10px}

.registration-page input.checkbox {
	-ms-transform: scale(1.5);
	-moz-transform: scale(1.5);
	-webkit-transform: scale(1.5);
	-o-transform: scale(1.5);
	margin: 2px 1em 2px 0;
	float: right
}

.registration-page .fieldset,
.registration-page .page-title {margin-bottom: -1px}

.registration-page .fieldset .form-fields {
	width:100%;
	float: left
	}

.registration-page .fieldset .title {display:none}

.registration-page .fieldset .form-fields {border:none!important;margin: 0;}

.registration-page .fieldset .form-fields .inputs {margin-top:0!important}

.registration-page .buttons {float: left}
}

/* ////////////////////////////////////////////////
IMAGES
/////////////////////////////////////////////*/

.row .has-logo {text-align:center}

.row .has-logo img {width: 90%}

.bg-img {
	max-width: 100%;
	margin-top: -25px;
	padding: 25px 0;

	background-position:top center!important;
	background-repeat:no-repeat!important;
	background-size:cover!important;

	-webkit-background-size: cover!important;
	-moz-background-size: cover!important;
	-o-background-size: cover!important;
	}

.bg-img.login {background: url(../../../../../../../Content/Images/ecs-express-login-page-bg.jpg)}
.bg-img.register,
.bg-img.registerresult {background: url(../../../../../../../Content/Images/ecs-express-register-now-page-bg.jpg)}
.bg-img.contactus {background: url(../../../../../../../Content/Images/ecs-express-contact-us-bg.jpg)}
.bg-img.MyAccountOptions {background: url(../../../../../../../Content/Images/ecs-express-contact-us-bg.jpg)}
.bg-img.info {background: url(../../../../../../../Content/Images/backgrounds/dialing-phone-number.jpg)}
.bg-img.addresses {background: url(../../../../../../../Content/Images/backgrounds/addresses.jpg)}
.bg-img.MyOrders {background: url(../../../../../../../Content/Images/backgrounds/picking-order.jpg)}
.bg-img.MyDeliveries {background: url(../../../../../../../Content/Images/backgrounds/Deliveries.jpg)}
.bg-img.MyInvoices {background: url(../../../../../../../Content/Images/backgrounds/Accounts.jpg)}
.bg-img.changepassword {background: url(../../../../../../../Content/Images/backgrounds/ChangePassword.jpg)}



/* ////////////////////////////////////////////////
Banners
/////////////////////////////////////////////*/

.page-banner {
	margin-bottom: 20px;
	padding: 1em;
	background-color: #fff;
	float: left;
	width: 100%
	}

@media (min-width: 240px) {
.footer-upper-banner {
	border-top: solid 20px #fafafa;
	padding: 100px 0;
}
}

.footer-upper-banner {
	background: url(../../../../../../../images/ecs-building-with-new-extension.jpg) no-repeat center center;
	background-size: cover;
	background-position:center;
	min-height: 500px;
	}

/*@media (min-width: 240px) and (max-width: 1024px) {
.footer-upper-banner {
	background: url(../../../../../../../images/ecs-building-with-new-extension.jpg) no-repeat center center;
	background-size: cover;
	background-position:center;
	min-height: 500px;
	}
}
@media (min-width: 1025px) and (max-width: 1199px) {
.footer-upper-banner {
	background: url(../../../../../../../images/ecs-building-and-delivery-ute.jpg) no-repeat center center;
	background-size: cover;
	background-position:center;
	min-height: 500px;
}
}
@media (min-width: 1200px) {
.footer-upper-banner {
	background: url(../../../../../../../images/ecs-building-drumming-machine-delivery-ute.jpg) no-repeat center center;
	background-size: cover;
	background-position:center;
	min-height: 500px;
}
}*/


/*///////////////// CLEAN BANNER //////////////////////*/

.CleanBanner {
	overflow: hidden;
	margin: 2em auto;
	background-color: #fff
}

.CleanBanner .CleanBanner-banner-image {padding:0}
.CleanBanner figure img.img-responsive {display:inline-block}

.CleanBanner .CleanBanner-banner-text {
	background-color: #fafafa;
	padding: 2em;
	text-align:left;
	line-height: 1.5em
}

.CleanBanner a.button-1 {
	float: none;
	display: table-cell;
	text-decoration: none
}

.CleanBanner figure img {margin-top: 0!important}/*This counters (.page-title figure img) margin-top setting*/

.CleanBanner-banner-image,
.CleanBanner-banner-text {
	vertical-align: middle;
	float: none!important
}

@media (min-width: 240px) and (max-width: 768px) {

.CleanBanner-banner-image,
.CleanBanner-banner-text {display:inline-block}
}
@media (min-width: 769px) {

.CleanBanner-banner-image,
.CleanBanner-banner-text {display:table-cell}
}

/* CLEAN BANNER THEMES */
.CleanBanner.LS-Theme {
	display: table; 
	width: 100%; 
	border: solid 1px #003875
	}

section.CleanBanner a.button-1 {color:#fff!important}

/* LS THEME */
.CleanBanner.LS-Theme .CleanBanner-banner-text h1,
.CleanBanner.LS-Theme .CleanBanner-banner-text h2,
.CleanBanner.LS-Theme .CleanBanner-banner-text h3 {color: #003773}

.CleanBanner.LS-Theme .CleanBanner-banner-text h2 {font-size: 1.8em}




/* ==========================================================================
JUMBOTRON
========================================================================== */		

.jumbotron {
  padding: 30px;
  background-color: rgba(255, 255, 255, 0.79)
}

.jumbotron .h1 {font-size: 63px}

.jumbotron h1,
.jumbotron .h1,
.jumbotron h2,
.jumbotron .h2,
.jumbotron h3,
.jumbotron .h3,
.jumbotron h4,
.jumbotron .h4,
.jumbotron h5,
.jumbotron .h5,
.jumbotron h6,
.jumbotron .h6 {
	font-weight:600;
	color:#fff;
	text-shadow: -3px 3px 0px #222;
	}

.jumbotron p {
	color:#ffa500;
	margin-bottom: 15px;
	font-size: 28px;
	font-weight: 400;
	text-shadow: -1px 2px 0px #8b592f;	  
}

.jumbotron > hr {border-top-color: #d5d5d5}
.container .jumbotron,
.container-fluid .jumbotron {
	padding-right: 15px;
	padding-left: 15px;
	border-radius: 6px;
}
.jumbotron .container {max-width: 100%}

@media screen and (min-width: 768px) {
  .jumbotron {
	padding-top: 100px;
	padding-bottom: 50px;
  }
  .container .jumbotron,
  .container-fluid .jumbotron {
	padding-right: 60px;
	padding-left: 60px;
  }
}

@media screen and (min-width: 240px) and (max-width: 640px) {	

  .jumbotron h1,
  .jumbotron .h1	{font-size: 36px}

  .jumbotron p		{font-size: 20px}

}	

/*////////////////////////////////////////*/

.credit-account-download {margin-top: 1em}
.credit-account-download ul {
    margin-top: 1em;
    float: left;
}

/* ////////////////////////////////////////////////
MAILCHIMP NEWSLETTER SIGNUP
/////////////////////////////////////////////*/

#mc-embedded-subscribe-form label {
		font-size: 1.125rem;
		display:block;
		margin-bottom:0.5em
		}

	#mce-inputs {
		background-color: white;
		border: 1px solid rgb(226, 226, 226);
		width: 100%;
		float: left;
	}

		#mce-EMAIL {
			border: medium none;
			padding: 10px !important;
			font-size: 14px;
			width: 65%;
			text-align: left;
			margin-left: 0px;
			float: left;
			}

		#mc-embedded-subscribe.button-1 {
			float: right;
			font-size: 14px;
			padding: 10px !important;
		}

/* ////////////////////////////////////////////////
NEWS FEED
///////////////////////////////////////////// */


.block.rss-feed,
.MyProducts .side-2 .block
/*.track-my-order .side-2 .block*/ {display: none}

.MyProducts .side-2 .block.rss-feed,
.MyOrders .side-2 .block.rss-feed,
.info .side-2 .block.rss-feed,
.addresses .side-2 .block.rss-feed,
.MyDeliveries .side-2 .block.rss-feed,
.MyInvoices .side-2 .block.rss-feed,
.changepassword .side-2 .block.rss-feed,
.track-my-order .side-2 .block.rss-feed {display: block}


.rss-feed .listbox-newsfeed-item {
	margin-bottom: 1em;
	border-bottom: dashed 1px #999;
	padding: 1em 0;
	float: left;/*
	position: relative;
	z-index: 1*/
}

.rss-feed .listbox-newsfeed-item img {
	margin-right: 10px;
	float: left;
	max-height: 6em;
	width: 30%
}

.rss-feed .listbox-newsfeed-item p {
	/*padding:1em*/
}

.rss-feed .rss-feed-list ul {
	overflow: hidden;
	white-space: nowrap;
	/*margin: 2%;*/
	padding: 0;

}
.rss-feed .rss-feed-list ul li {
	display:list-item;
	/*border:1px solid #ccc;
	padding:10px;
	margin-bottom: 2%;
	width:49%;*/
	list-style-type:none;
	box-sizing: border-box;
	white-space: normal;
	vertical-align: top;
}		


/* ==|== print styles =======================================================
Print styles.
Inlined to avoid required HTTP connection: h5bp.com/r
========================================================================== */

@media print {

/* Black prints faster: h5bp.com/s */
* { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } 


a, a:visited { text-decoration: none; }
a[href]:after {content: none !important;}
abbr[title]:after { content: " (" attr(title) ")"; }

/* Don't show links for images, or javascript/internal links */
.ir .gridContainer a:after, .gridContainer a[href^="javascript:"]:after,.gridContainer a[href^="#"]:after { content: none !important; }


pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
thead { display: table-header-group; } /* h5bp.com/t */
tr, img { page-break-inside: avoid; }
/*img { max-width: 100% !important; }*/

/*@page { margin: 0.5cm; }*/
p, h2, h3 { orphans: 3; widows: 3; }
h2, h3 { page-break-after: avoid; }


/* ==|== primary styles =====================================================
Author: 
========================================================================== */


/*@page { margin: 1cm; }*/

@page {margin: 0.5cm}
body, html {margin: 0}

footer,
#printableArea hr {display:none!important}

#printableArea .medium-4 {width: 33.33333%!important}
#printableArea .column,
#printableArea .columns {
	position: relative;
	padding-left: 0.9375em;
	padding-right: 0.9375em;
	float: left!important;
}

#printableArea table {
	border:solid #000 !important;
	border-width:1px 0 0 1px !important;
}
#printableArea th,
#printableArea td {
	border:solid #000 !important;
	border-width:0 1px 1px 0 !important;
	/*padding: 9px 10px;*/
}

#printableArea td img {width:50%!important}

input#printButton,
#goToTop {display:none!important}

ul > li > a,
ul > li > a:hover,
ul > li > a:link,
ul > li > a:active,
a, a:hover, a:link, a:active, a:visited {pointer-events: none !important;}

}			


/* ////////////////////////////////////////////////
Cable Filters
///////////////////////////////////////////// */

/*.cable section#appFilters {display: none}*/

.cable section#appFilters {
	float: left;
	background-color: #fafafa!important;
	width: 100%;
	border: 1px solid #e2e2e2;
	margin-top: -1px;
	padding: 0 20px;
	margin-bottom: 20px;
}

.cable-filters.product-selectors {
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: white;
	border-top: none;
	margin: -1px 0 0 0 !important;
}

.cable-filters.product-selectors .product-slectors-inner-wrapper {
	margin-top: 0;
	border: none;
	width: 100%
}

.cable-filters.product-selectors.row {border:none}

/*.cable-filters.product-selectors .product-slectors-inner-wrapper,
.cable-filters form .product-viewmode {background-color:#fff!important}*/

.cable-filters div.product-viewmode {
	display:inline-block!important;
	padding: 0.5em;
}

.cable-filters .jDropDown {
	border:none;
	min-width:auto
	}

.Cable-Type.product-viewmode,
.cable-filters form .product-viewmode {
	float: left;
	position: relative;
}

.cable-filters .product-viewmode.Cable-Type label {
	font-size: 1.5em;
	margin-right: 10px;
}

.cable-filters form input[type="checkbox"] {margin-left: 3px}

.cable-filters button:first-child {margin-top: 10px}

.cable-filters button,
.cable-filters a.back {
	width: 100%;
	float: left;
	border-radius: 0;
	margin-bottom: 1em;
	padding: 0.5em;
}	

.cable-filters a.back {
	color:#fff;
	background-color: #222;
	text-align:center
	}

.cable-filter-results {
	margin-top: -1px;
	float:left
	}

section.cable-filter-results.gridcontainer.clearfix {width:100%}

.cable-filter-results.gridContainer table input[type="text"] {height:auto!important}

.cable-filters .product-viewmode.Cable-Type label::after {background-color: #222}

.cable-filters form .product-viewmode.Checkboxes label::after {
	border:none!important;
	background:none
	}

.cable-filters form .product-viewmode.Conductors::before,
.cable-filters form .product-viewmode.Conductor-Size::before {
	content: "*";
	position: absolute;
	color:red;
	font-size: 20px;
	top: 20%;
	left: 0.5em;
	}

.cable-filters .product-viewmode label::after {
	content: "";
	position: absolute;
	top: 25%;
	right: 11px;
	width: 23px;
	height: 23px;
	border-radius: 20px;
	background: #222 url('/Plugins/SevenSpikes.Nop.Plugins.AjaxFilters/Themes/Smart/Content/images/arrow_down.png') center no-repeat;
}

.cable-filters.product-selectors select {max-width:100%!important}

.cable-filters .product-viewmode select {
	text-transform:capitalize;
	padding-left: 16px;
	padding-right: 2rem;
	margin-left: -0.5em;
	position: relative;
	background-color: rgba(255, 255, 255, 0);
	-moz-appearance: none!important;
	-webkit-appearance: none!important;
}

select::-ms-expand {display: none}

.cable-filters .product-viewmode select option:first-child {font-weight:bold}

.cable-filters form input[type="checkbox"] {margin-right:5px}

/*
Label Buttons
*/
.cable-filters form .product-viewmode.Checkboxes label,
.method-name label {
	display: inline-block;
	background-color: #222;
	padding: 0.5em 0.5em 0.5em 1em;
	margin-right: 5px;
	margin-bottom: 5px;
	float: left;
	color:#fff
}


.cable-filters form .product-viewmode.Checkboxes label:hover,
.cable-filters form .product-viewmode.Checkboxes label:focus,
.method-name label:hover,
.method-name label:focus {
	background-color:#e2e2e2!important;
	color:#222
}

/* Toggled State */
.method-name input[type=radio]:checked + label,
.method-name input[type=checkbox]:checked + label {
   background-color:red!important;
   color:#fff
}

.shipping-method .method-name input,
.payment-method .method-name input{
	visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
}

.shipping-method .method-name label,
.payment-method .method-name label {
	width:100%
}

.payment-method .method-name,
.shipping-method .method-list-item,
.shipping-method .method-name,
.shipping-method .method-description {
	float:left;
	width:100%
}

.method-name label {
	cursor: pointer;
	margin:0
	}



/*
CABLE FILTERS - MOBILE
*/

@media (min-width: 240px) and (max-width: 360px) {

	.cable-filters div.product-viewmode {
		width:100%!important
	}

	.cable-filters .product-viewmode select {margin:0}

	.cable-filters .viewOptionsDropDown.jDropDown,
	.cable-filters .product-selectors select,
	.cable-filters div.product-viewmode select {
		float:left;
		width:100%!important
	}

	.cable-filters form .product-viewmode.Checkboxes label,
	.method-name label {
		width:100%;
		text-align: left;
		margin: 3px 0
		}

	.cable-filters form input[type="checkbox"] {
		position: absolute;
		right: 5%;
	}

	.cable-filters .product-viewmode label::after {top:45%}

}




/*///////////////////////////////////////////////////////////
BUTTONS
////////////////////////////////////////////////////////// */

input.button-2.delete-address-button {background: red!important}


.btn {
display: inline-block;
margin-bottom: 0;
font-weight: normal;
text-align: center;
vertical-align: middle;
touch-action: manipulation;
cursor: pointer;
background-image: none;
border: 1px solid transparent;
white-space: nowrap;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
border-radius: 4px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
.btn:hover,
.btn:focus,
.btn.focus {
color: #333;
text-decoration: none;
}
.btn:active,
.btn.active {
outline: 0;
background-image: none;
-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
cursor: not-allowed;
opacity: 0.65;
filter: alpha(opacity=65);
-webkit-box-shadow: none;
box-shadow: none;
}
a.btn.disabled,
fieldset[disabled] a.btn {
pointer-events: none;
}
.btn-default {
color: #333;
background-color: #fff;
border-color: #ccc;
}
.btn-default:focus,
.btn-default.focus {
color: #333;
background-color: #e6e6e6;
border-color: #8c8c8c;
}
.btn-default:hover {
color: #333;
background-color: #e6e6e6;
border-color: #adadad;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
color: #333;
background-color: #e6e6e6;
border-color: #adadad;
}
.btn-default:active:hover,
.btn-default.active:hover,
.open > .dropdown-toggle.btn-default:hover,
.btn-default:active:focus,
.btn-default.active:focus,
.open > .dropdown-toggle.btn-default:focus,
.btn-default:active.focus,
.btn-default.active.focus,
.open > .dropdown-toggle.btn-default.focus {
color: #333;
background-color: #d4d4d4;
border-color: #8c8c8c;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
background-image: none;
}
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus {
background-color: #fff;
border-color: #ccc;
}
.btn-default .badge {
color: #fff;
background-color: #333;
}
.btn-primary {
color: #fff;
background-color: #337ab7;
border-color: #2e6da4;
}
.btn-primary:focus,
.btn-primary.focus {
color: #fff;
background-color: #286090;
border-color: #122b40;
}
.btn-primary:hover {
color: #fff;
background-color: #286090;
border-color: #204d74;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
color: #fff;
background-color: #286090;
border-color: #204d74;
}
.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus {
color: #fff;
background-color: #204d74;
border-color: #122b40;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
background-image: none;
}
.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 {
background-color: #337ab7;
border-color: #2e6da4;
}
.btn-primary .badge {
color: #337ab7;
background-color: #fff;
}
.btn-success {
color: #fff;
background-color: #5cb85c;
border-color: #4cae4c;
}
.btn-success:focus,
.btn-success.focus {
color: #fff;
background-color: #449d44;
border-color: #255625;
}
.btn-success:hover {
color: #fff;
background-color: #449d44;
border-color: #398439;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
color: #fff;
background-color: #449d44;
border-color: #398439;
}
.btn-success:active:hover,
.btn-success.active:hover,
.open > .dropdown-toggle.btn-success:hover,
.btn-success:active:focus,
.btn-success.active:focus,
.open > .dropdown-toggle.btn-success:focus,
.btn-success:active.focus,
.btn-success.active.focus,
.open > .dropdown-toggle.btn-success.focus {
color: #fff;
background-color: #398439;
border-color: #255625;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
background-image: none;
}
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled.focus,
.btn-success[disabled].focus,
fieldset[disabled] .btn-success.focus {
background-color: #5cb85c;
border-color: #4cae4c;
}
.btn-success .badge {
color: #5cb85c;
background-color: #fff;
}
.btn-info {
color: #fff;
background-color: #5bc0de;
border-color: #46b8da;
}
.btn-info:focus,
.btn-info.focus {
color: #fff;
background-color: #31b0d5;
border-color: #1b6d85;
}
.btn-info:hover {
color: #fff;
background-color: #31b0d5;
border-color: #269abc;
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
color: #fff;
background-color: #31b0d5;
border-color: #269abc;
}
.btn-info:active:hover,
.btn-info.active:hover,
.open > .dropdown-toggle.btn-info:hover,
.btn-info:active:focus,
.btn-info.active:focus,
.open > .dropdown-toggle.btn-info:focus,
.btn-info:active.focus,
.btn-info.active.focus,
.open > .dropdown-toggle.btn-info.focus {
color: #fff;
background-color: #269abc;
border-color: #1b6d85;
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
background-image: none;
}
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled.focus,
.btn-info[disabled].focus,
fieldset[disabled] .btn-info.focus {
background-color: #5bc0de;
border-color: #46b8da;
}
.btn-info .badge {
color: #5bc0de;
background-color: #fff;
}
.btn-warning {
color: #fff;
background-color: #f0ad4e;
border-color: #eea236;
}
.btn-warning:focus,
.btn-warning.focus {
color: #fff;
background-color: #ec971f;
border-color: #985f0d;
}
.btn-warning:hover {
color: #fff;
background-color: #ec971f;
border-color: #d58512;
}
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
color: #fff;
background-color: #ec971f;
border-color: #d58512;
}
.btn-warning:active:hover,
.btn-warning.active:hover,
.open > .dropdown-toggle.btn-warning:hover,
.btn-warning:active:focus,
.btn-warning.active:focus,
.open > .dropdown-toggle.btn-warning:focus,
.btn-warning:active.focus,
.btn-warning.active.focus,
.open > .dropdown-toggle.btn-warning.focus {
color: #fff;
background-color: #d58512;
border-color: #985f0d;
}
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
background-image: none;
}
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled.focus,
.btn-warning[disabled].focus,
fieldset[disabled] .btn-warning.focus {
background-color: #f0ad4e;
border-color: #eea236;
}
.btn-warning .badge {
color: #f0ad4e;
background-color: #fff;
}
.btn-danger {
color: #fff;
background-color: #d9534f;
border-color: #d43f3a;
}
.btn-danger:focus,
.btn-danger.focus {
color: #fff;
background-color: #c9302c;
border-color: #761c19;
}
.btn-danger:hover {
color: #fff;
background-color: #c9302c;
border-color: #ac2925;
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
color: #fff;
background-color: #c9302c;
border-color: #ac2925;
}
.btn-danger:active:hover,
.btn-danger.active:hover,
.open > .dropdown-toggle.btn-danger:hover,
.btn-danger:active:focus,
.btn-danger.active:focus,
.open > .dropdown-toggle.btn-danger:focus,
.btn-danger:active.focus,
.btn-danger.active.focus,
.open > .dropdown-toggle.btn-danger.focus {
color: #fff;
background-color: #ac2925;
border-color: #761c19;
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
background-image: none;
}
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled.focus,
.btn-danger[disabled].focus,
fieldset[disabled] .btn-danger.focus {
background-color: #d9534f;
border-color: #d43f3a;
}
.btn-danger .badge {
color: #d9534f;
background-color: #fff;
}
.btn-link {
color: #337ab7;
font-weight: normal;
border-radius: 0;
}
.btn-link,
.btn-link:active,
.btn-link.active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
background-color: transparent;
-webkit-box-shadow: none;
box-shadow: none;
}
.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
border-color: transparent;
}
.btn-link:hover,
.btn-link:focus {
color: #23527c;
text-decoration: underline;
background-color: transparent;
}
.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus {
color: #777777;
text-decoration: none;
}
.btn-lg,
.btn-group-lg > .btn {
padding: 10px 16px;
font-size: 18px;
line-height: 1.3333333;
border-radius: 6px;
}
.btn-sm,
.btn-group-sm > .btn {
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px;
}
.btn-xs,
.btn-group-xs > .btn {
padding: 1px 5px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px;
}
.btn-block {
display: block;
width: 100%;
}
.btn-block + .btn-block {
margin-top: 5px;
}
input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
width: 100%;
}


/*///////////////////////////////////////////////////////////
980.css Legacy Selectors
////////////////////////////////////////////////////////// */

.news-list-homepage .item {
display: inline-block;
width: 470px;
margin: 0 40px 20px 0;
border: none;
padding: 0;
text-align: left;
font-size: 12px;
}

.news-list-homepage .item:nth-child(even) {
margin-right: 0;
}

.news-list-homepage .news-details {
position: relative;
height: 100px;
margin-bottom: 0;
text-align: justify;
}
.news-list-homepage .news-details:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 15px;
background: #fff;
}

.todays-poll-box {
margin: 0 auto;
width: 980px;
}

/*/////////////////////////////////////////////////////////////////*/

.pager,
.cable-pager {
	margin-top: 20px;
	margin-bottom: 20px;
	float: left;
	width: 100%;
}
.pager,
.cable-pager li a {text-decoration:none}



/*.cable-pager {
	margin: 0 0 20px;
}*/
.cable-pager ul {
	text-align: center;
	font-size: 0;
}
.cable-pager li {
	display: inline-block;
	margin: 0 5px;
}
.cable-pager li * {
	display: block;
	min-width: 32px;
	border: 1px solid #ccc;
	border-radius: 2px;
	overflow: hidden;
	padding: 8px;
	text-align: center;
	font-size: 12px; /*reset zeroing*/
	cursor: pointer;
}
.cable-pager li span {
	background-color: #eee;
}
.cable-pager li a:hover {
	background-color: #eee;
}
.cable-pager li.previous-page *,
.cable-pager li.next-page *,
.cable-pager li.first-page *,
.cable-pager li.last-page * {
	background-position: center;
	background-repeat: no-repeat;
	text-indent: -999px;
}
.cable-pager li.previous-page * {
	background-image: url('../img/prev.png');
}
.cable-pager li.next-page * {
	background-image: url('../img/next.png');
}
.cable-pager li.first-page * {
	background-image: url('../img/prev-first.png');
}
.cable-pager li.last-page * {
	background-image: url('../img/next-last.png');
}