/* Wishlist */
div.order-builder{margin: 10px 0;background:#eee;border:1px solid #ccc;padding:5px;}
.wish-list-tab-active{background:#fff;text-align:center;margin-left:15px;border:1px solid #eee;border-bottom:1px solid #fff}
.wish-list-tab-inactive{background:#eeeeee;text-align:center;margin-left:15px;border:1px solid #eee}
.wish-list-tab-caption-active{margin-bottom:0px;font-size:18px;padding-top:10px;padding-bottom:10px}
.wish-list-tab-caption-inactive{color:#999;margin-bottom:0px;font-size:18px;padding-top:10px;padding-bottom:10px}
.wish-list-product-image{padding:20px;padding-top:0px;padding-bottom:0px}
.wish-list-button-go-to-catalogue{padding-left:20px;padding-bottom:10px}
.wish-list-button-submit-your-list{margin-left:20px; padding-bottom:20px}
.wish-list-heading-product{padding:20px;padding-bottom:0px;font-weight:bold}
.wish-list-heading-quantity{padding:20px;padding-bottom:0px}
.wish-list-no-items-message{padding:20px;padding-top:30px;padding-bottom:0px}
.wish-list-container{border:1px solid #eee;margin-bottom:20px}
.wish-list-modal-width{width:350px}
.wish-list-quantity-field{width:70px;padding:8px;text-align:right;}


/*Search Page*/

/* Sidemenu */
.ele-side-menu-link{color:#000;border-bottom:1px solid #eee;display:block;font-size:14px;padding-left:10px;padding-top:5px;padding-bottom:5px}


/* homepage */
.homepage-intro-outer {
	padding: 40px 0 60px;
}

.homepage-intro {
	text-align: center;

	h1 {
		font-size: 40px;
		font-weight: normal;
		line-height: 60px;
		color: @siteDarkBlue;
	}

	p {
		font-size: 18px;
		color: @siteDarkBlue;
	}
}

.homepage-departments {
	h2 {
		font-size: 30px;
	}
}

ul.department-list {
	columns: 2;
	list-style: none;
	margin: 0 0 20px;
	padding: 0px;
}

ul.department-list li a {
	font-size: 18px;
	padding: 20px;
	margin: 0 0 10px;
	border-radius: 0;
	border: 0;
	display: block;
	background-color:@siteDarkBlue;
	#gradient > .horizontal(@siteBrightBlue, @siteDarkBlue);
	.transition();

	&:hover {
		#gradient > .horizontal(@siteBrightBlue, @siteBrightBlue);
		color: #FFF;
	}
}


.homepage-points {
	
	display: flex;

	.homepage-points-left {
		background-color: @siteDarkBlue;
		color: #FFF;
		width: 50%;

		.homepage-points-text-container {
			width: 585px; // half of .container 1170px
			float: right;

			.homepage-points-text {
				
				margin: 15px;

				h2 {
					color: #FFF;
					font-size: 30px;
				}

			}


		}
	}

	.homepage-points-right {
		width: 50%;	
		background: url(/resources/images/homepage/points-bg.jpg) no-repeat 0px 0px;
		background-size: cover;
	}
}


.register-block {
    text-align: center;
    border-bottom: 4px solid @siteBrightBlue;
    margin-bottom: 50px;
}

.register-block h3 a {
    display: block;
    background-color: @siteDarkBlue;
    color: #FFF;
    padding: 10px;
    font-size: 18px;
    .transition();
}

.register-block h3 a:hover {
    background-color: @siteBrightBlue;
    color: #FFF;
    text-decoration: none;
}

.register-block p {
    font-size: 15px;
}

.homepage-history-outer {
	background-color: @siteDarkBlue;
	margin: 30px 0;
}

.homepage-history {
	color: #FFF;
	padding-top: 10px;
	padding-bottom: 10px;

	h2 {
		color: #FFF;
		font-size: 30px;
		margin: 0 0 10px;
	}

	h3 {
		color: #FFF;
		font-size: 20px;
		padding: 0 0 10px;
	}
}

.history-image {
	position: absolute;
	top: -20px;
	margin: 0 15px;
}

.portal-row {
	display: flex;
	padding-top: 15px;

	.portal-image {
		max-width: 60px;
		padding-right: 15px;
	}

	.portal-text {
		h3 {
			color: #FFF;
			margin-bottom: 5px;
		}

		a {
			color: #FFF;
			text-decoration: underline;

			&:hover {
				text-decoration: none;
			}
		}
	}
}


.product-row {
	border: 1px solid #ccc;
	margin-bottom: 20px;
	padding-top: 15px;
	padding-bottom: 15px;
}

.product-row h3 {
	font-size: 18px;
	margin: 0;
}

.product-row h5 {
	font-size: 18px;
	margin: 0;
}

/* Product page */
.ele-product-return-to-category{font-size:12px;text-decoration:underline;display:block;width:auto;margin-bottom:20px}
.ele-product-code{color:@siteBrightBlue;font-size:16px;}
p.ele-product-code{margin-top:17px;}
.ele-product-list{font-size:12px;color:@siteDarkBlue;font-weight:bold;padding-left:20px;list-style-image: url(/resources/images/product-detail/product-detail-arrow.png);}
.ele-product-detail-description{font-size:12px}
.panel-product {margin-top:30px;}
#specification td {width: 350px;}
#specification td:first-child {font-weight: bold; color:@siteDarkBlue;}
.share-buttons-container {padding: 20px 0;}

/* Featured Portals CSS */

h2.homepage-title {
	font-size: 30px;
	color:@siteDarkBlue;
}

.feature-row {
    margin-bottom: 40px;
}

.feature-portal {
    margin-bottom: 20px;
    color: #FFF;

    h3 {
    	font-size: 22px;

    	a {
	    	color: #FFF;

	    	&:hover {
			    color: @siteBrightBlue;
			    text-decoration: none;
			}
		}
	}

	p {
		font-size: 16px;
	}	
}

.feature-portal-image {
    overflow: hidden;

    img {
	    margin: 0 auto;
	}
}

.feature-portal-text {
    background-color: @siteDarkBlue;
	text-align: center;
    padding: 10px;
}


/* Department page CSS */
.ele-department-banner {max-height: 100px;}

.category-item-row {
	display: flex;
	flex-wrap: wrap;
}

div.category-item {
	margin-bottom: 40px;
	display: flex;
	flex-direction: column;
}


.category-item h4 {
	padding: 0;
	margin: 0;
	flex: 1 1 auto;
	display: flex;
	border: 0;
}

.category-item h4 a {
	border: 1px solid @siteDarkBlue;
	color: #FFF;
	background-color: @siteDarkBlue;
	padding: 10px;
	flex: 1 1 auto;
	align-items: center;
	justify-content: center;
	display: flex;
	text-align: center;
	.transition();
}

.category-item h4 a:hover {
	border-color: @siteLightBlue;
	color: @siteDarkBlue;
	background-color: @siteGrey;
	text-decoration: none;
}

.category-item .image-holder {
	overflow: hidden;
	border-top: 5px solid #FFF;
	text-align: center;
}

.category-item .image-holder img {
	margin: 0% auto;
}

.category-item.small-item .image-holder {
	max-height: 165px;
}

.category-item.small-item h4 {
	font-size: 16px;
}

.collapse-toggle {
	margin: 10px 0 0;
}

.collapse-toggle:before {
	font-family: 'Glyphicons Halflings';
	content:"\2b";
	transform: rotate(45deg);
    float: right;
    color: @siteDarkBlue;
    .transition();
}

.collapse-toggle.collapsed:before {
    transform: rotate(0deg);
}

.subcategory-container {
	padding-left: 15px;
	padding-right: 15px;
}


div.ele-product-group p {padding: 10px;margin: 0;}
table.ele-product-group th {font-weight: bold; font-size: 13px; color:@siteDarkBlue; }
table.ele-product-group td.ele-product-link {text-align: right; font-size: 13px; }
table.ele-product-group td {font-size: 12px; }
div.attributeRegions{color:white; background:@siteDarkBlue; padding:10px; font-size:14px; border:2px solid #eee; margin: 10px 0; }

.ele-product-group h4 {.transition();}
.ele-product-group h4.highlighted {
	background-color: #cdeaf7;
}

/* Contact page */
div.ele-contact-header{color:@siteDarkBlue; background:@siteGrey; font-weight: bold; padding:10px; font-size:16px; border:1px solid #eee; margin-bottom: 10px; }
div.ele-contact-header img {height:24px; }
.ele-contact-break { margin-top:100px;border:0px;}

/* News pages */

div.ele-news-story {padding: 0 0 20px; margin-bottom: 20px; border-bottom: 1px solid #ccc; }
div.ele-news-content {margin-top: 20px; }
a.ele-news-story-more {bottom: 20px; float:right; }
div.ele-news-story .h2 a {color:@siteDarkBlue;}
div.ele-news-story .h2 a:hover {color:@siteBrightBlue;text-decoration:none;}

/* Form validation */
div.validation-errors {color: @siteRed; font-weight: bold; }

/* Cart page */
.cart-table {width:100%;border-top:1px solid #ccc;border-bottom:1px solid #ccc;}
.cart-table th{ padding:10px;border-bottom:1px solid #ccc;}
.cart-table-header-qty {width:12%;}
.cart-table-row-headers {background:#eee;}
.cart-table-row-subtotals {background:#eee;}
.cart-table-row-item {border-bottom:1px solid #ccc;}
.cart-table-header-subTotal {text-align:right;}
.cart-table-cell-item-sub-total {text-align:right;}
.cart-page-row-buttons {margin-bottom:30px;margin-top:30px;}
.cart-table-cell-item-image {width:100px;margin-top:10px;margin-bottom:10px;margin-right:20px;}
.cart-table-cell-item-image img{border:1px solid #ccc;}
.cart-table-row-subtotals td {padding:10px;}
.cart-table-cell-subtotals-value {text-align:right;}
.cart-table-cell-subtotals-label {text-align:right;font-weight:bold;}
.cart-table-row-item td {padding:10px;}
.cart-button-checkout {font-weight:normal!important;}

/* Account page */
.account-container {border:1px solid #fff;border-radius:0px;padding-top:20px;margin-bottom:50px;-webkit-box-shadow:0px 1px 1px #fff;-moz-box-shadow:0px 1px 1px #fff;box-shadow:0px 1px 1px #fff}
.checkout-confirm-page-order-total-row {margin-top:20px;}
.account-well, .well {background:none; padding:0px;border:0px;-webkit-box-shadow: none;	-moz-box-shadow: none;	box-shadow: none; margin-bottom:30px;}
.account-well-address { border:1px solid #eee; padding:10px;}
.alert {border-radius:0px;}
.alert-warning{color:#222!important;}
.alert-warning h3 {color:#111!important;}
.account-panel-address-selected { border:1px solid green;}
.checkout-confirm-page-agree-to-terms-and-conditions-modal-body {max-height:500px;overflow-y:auto}


/* Payment Forms */
.payment-form {margin-left:20px;}

/* Currency */
.ele-currency-symbol {font-size:13px;font-weight:normal;margin-right:2px; color:#666;}

/* Social Media */
.ele-social-media-container {text-align:center;}
.ele-social-media-icon {width:42px;}

/* Modals */
.modal-header {background:#eee;}
.modal-footer {background:#efefef;}
.modal-header h4 {background:none;border:0px;font-size:22px; }

/* popup modal */
#popup .modal-header {background:@siteDarkBlue;text-align:center;border:0;}
#popup .modal-header h3 {color:#FFF;font-size:15px;}
#popup .modal-body {background:@siteDarkBlue;text-align:center;border:0;padding:0;color:#FFF}
#popup .modal-body p { padding: 10px 20px; margin: 0; }
#popup .modal-footer { margin: 0; }


/* Featured Products */
.ele-featured-products-heading {
	height:35px;
}

.page-title {background: @siteGrey url(/resources/images/banner.jpg) no-repeat 50% 50%;background-size:cover;margin-bottom:15px;}
.page-title h1 {font-size:30px;color:#FFF;}


.page-content-special-block {
	border: 1px solid @siteDarkBlue;
	margin-bottom: 20px;
	text-align: center;
}

.page-content-special-block h4 {
	background: @siteDarkBlue;
	border: 0;
	color: #FFF;
	text-align: center;
	margin: 0;
}

.page-content-special-block img {
	padding: 0 0 10px;
}

.page-content-special-block-button {
	padding: 0 10px 10px;
}

.page-content-special-block-button .btn {
	white-space: normal;
}

.slick-slide {
	min-height: 358px;
}

.page-downloads-list-container {
	list-style: none;
	padding: 0;
	margin: 0;
	width: 50%;
}

.page-downloads-list-item {
	margin-bottom: 10px;
}

.page-downloads-list-item-link {
	background-color: #cdeaf7;
	color: #00467f;
	display: block;
	text-decoration: none;
	padding: 10px;
	font-size: 16px;
	border: 1px solid #00467f;
}	

.page-downloads-list-item-link:before {				  
    font-family: 'Glyphicons Halflings';
    content:"\e056";
    float: left;
    color: #00467f;
    margin-right: 8px;
}

.page-downloads-list-item-link:hover {
	background-color: #CCC;
	color: @siteBlack;
	border-color: #00467f;
	text-decoration: none;
}		

.page-downloads-list-item-link:hover:before {
	color: @siteBlack;
}

#thumbnail-carousel .slick-prev::before, .slick-next::before {
	color: #00467f;
}


#thumbnail-carousel .slick-slide {
	min-height: 1px;
}

#thumbnail-carousel img {
	padding: 20px;
}