* {
	margin: 0;
	padding: 0
}
html {
	top: 150px;
	position: relative;
}
div#lbCenter, div#lbBottomContainer {
	margin-top: -150px;
}
.header {
 	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	padding: 0;
	z-index: 10000;
	transition: all 0.1s ease-in-out;
	height: auto;
	background-color: #002554;
	background: #fff url('/images/menu/hdr_eflc/MENU-BACKGROUND.gif?v32');
	text-align: center;
	height: 167px;
	background-position: 50% 0px;
	border-bottom: 1px #ddd solid;
    background: #f0f0f0 url(/images/menu/hdr_eflc/bg_wd.gif);
	background: #fbfbfb url(/images/menu/hdr_eflc/bg_carbonfiber2.png?v2);
	background-repeat: repeat-x;

    background-position: 0 41px;
	background-position-x: center;
    text-align: center;
    height: 167px;
    border-bottom: 1px #ddd solid
}
/* bo xmas*/
  .header {

	position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    padding: 0;
    z-index: 10000;
    transition: all 0.1s ease-in-out;
    height: auto;
	 background:#fbfbfb url(/images/menu/hdr_eflc/xmas_header_hdr_2017a.png?33);

	background-repeat:no-repeat;
        background-position: 0 41px;
    background-position-x: center;
        border-bottom: 1px #ddd solid;
} 

/* eofxmas*/
.header.active {
	/*-webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
	box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
	height: 71px;
	background-position: 50% -20px;
	border-bottom: 1px #ddd solid;
	*/


	    -webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.25);
    -moz-box-shadow: 0 1px 5px rgba(0,0,0,0.25);
    box-shadow: 0 1px 5px rgba(0,0,0,0.25);
    height: 71px;
    background-position: 0 21px;
	background-position-x: center;
    border-bottom: 1px #ddd solid;
}
.toplinks {
	display: block;
	width: 100%;/*border-bottom:1px white solid;*/
}
.toplinksBG {
	/*background: url(/images/menu/hdr_eflc/Canadian-Trusted-since-2002.png?v1) no-repeat center 12px;*/
}
.header .toplinks {
	height: 40px;
	transition: all 0.1s ease-in-out;
}
.header.active .toplinks {
	height: 20px;
	/*background: url(/images/menu/hdr_eflc/Canadian-Trusted-since-2002.png?v1) no-repeat center -50px;*/
}
#topholder {
	margin: auto;
	max-width: 1140px;
	width: 100%;
	text-align: left;
	position: relative;
}
.header #pmdailyDeal {
	height: 33px;
	width: 220px;
	display: block;
	position: absolute;
}
.header.active #pmdailyDeal {
	height: 20px;
	width: 180px;
}
.header .chat {
	margin-top: 2px;
	height: 30px;
	width: 184px;
	display: inline-block;
	background: url('/images/menu/hdr_blue/mm_offline_tab.png') no-repeat;
}
.header .chat img {
	visibility: hidden;
}
.header.active .chat {
	height: 20px;
	width: 150px;
	background: none;
	color: #4bb4ff;
	color: #fff;
	transition: all 0.1s ease-in-out;
}
i.fa.fa-comments.topicons {
    position: inherit;
}
.header #beezchat div, .header #beezchat a.doQAPop {
	cursor: pointer;
    margin-left: 28px;
}
.header #beezchat {
	height: 28px;
	display: inline-block;
}
.header.active #beezchat {
	height: 15px;
}
.header.active .chat:after {
	content: "Contact Sales Support";
}
.header .account {
	display: inline-block;
	right: 16px;
	position: absolute;
	top: 12px;
}
.header.active .account {
	top: 2px;
	transition: all 0.1s ease-in-out;
}
.header .account a {
	color: #4448b0;
	text-decoration: none;
	margin-left: 10px;
	font-size: 13px;
}
.header .logo {
	display: inline-block;
	position: relative;
	left: 10px;
	height: 89px;
	width: 200px;
	background: url('/images/menu/hdr_eflc/eflc_logo_site.png') no-repeat;
	/*background:url('/images/menu/hdr_blue/hdr_logo.png') no-repeat;*/
	top: 0px;
	transition: all 0.1s ease-in-out;/*	*/
	display: inline-block;
    position: relative;
    left: 0;
    height: 93px;
    width: 350px;
    /*background: url(/images/menu/hdr_blue/hdr_logo_xmas16.png?v<?php echo $reset_the_cache;?>) no-repeat;*/
    top: 6px;
    transition: all 0.1s ease-in-out;
}
.header.active .logo {
	height: 44px;
	width: 105px;
	background: url('/images/menu/hdr_eflc/eflc_logo_site_sm.gif') no-repeat;
	top: 8px;
}
.header .search {
	/*	display: inline-block;
    position: relative;
    height: 42px;
    position: absolute;
    width: 481px;
    background: #fff;
    top: 62px;
    margin: 0 0 0 40px;
    border: solid #ccc 1px;*/
	display: block;
	height: 42px;
	position: absolute;
	width: 385px;
	background: #fff;
	top: 65px;
	left: 260px;
	border: solid #bbb 1px;
}
.header.active .search {
	top: 25px;
	transition: all 0.1s ease-in-out;/*right: 4px;
	border:none;
	border-radius: 0px;*/
}
.header #productsMenu {
	display: inline-block;
	position: relative;
	height: 90px;
	width: 100%;
	top: 32px;
}
.header.active #productsMenu {
	display: inline-block;
	position: relative;
	height: 40px;
	width: 100%;
	top: 13px;
}
/* holiday shipping hours
.holiday_ship {
	display: block;
    background: #efefef url(/images/menu/hdr_eflc/holiday_shipping.png?1) no-repeat;
    background-position: 14px 5px;
    width: 300px;
    height: 38px;
    position: absolute;
    top: 24px;
    right: calc(50% - 570px);
    z-index: 1000;
    cursor: pointer;
    border-radius: 2px;
}
.holiday_ship:hover {
    background: #efefef url(/images/menu/hdr_eflc/holiday_shipping_2.png?2) no-repeat;
    background-position: 14px 5px;
} */

 /* OLD CSS BELOW TO BE CLEANED UP */

 @import url(https://fonts.googleapis.com/css?family=Roboto);
#topLinks {
	float: right;
	padding-top: 4px;
	font-weight: bold;
}
#Mobtoplinkswrapper {
	display: none;
}
.megamenu > li {
	height: 34px;
	line-height: 34px;
	border: 0;
	padding: 0 9px
}
@-moz-document {
  .megamenu > li  {
  	padding: 0 9px
  }
}
.megamenu > li, .megamenu > li a{
	font-family: 'Roboto', sans-serif;
	letter-spacing: 0em;
	font-weight: normal;
}
.megamenu>li a:hover {
	color:#ccc;
}
.megamenu>li .drop, .megamenu>li .nodrop {
	text-align: center;
	font-size: 14px;
	line-height: 34px;
	color: #ffffff;
	padding: 0;
}
.megamenu>li .drop a:hover, .megamenu>li .nodrop a:hover {
    color: #f0f0f0;
}
.megamenu>li.active {
    margin-bottom: -3px;
    border-bottom: #cccccc solid 3px;
}
.header .megamenu > li .megamenu_fullwidth {
	margin-left: 0px;
	width: 1138px;
	display: none;
	left: 0!important;
	top: 167px;
	border: solid 1px #203f6b;
	background: #FFFFFF;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	border-radius: 0 0 2px 2px;
	min-height:200px;
	background: rgb(251, 251, 251);
	border-width: 0 2px 1px 1px;
}
.header.active .megamenu > li .megamenu_fullwidth {
	margin-left: 5px;
	width: 1138px;
	display: none;
	left: 0!important;
	top: 151px;
	border: solid 1px #203f6b;
	background: #FFFFFF;
	/*-moz-box-shadow: 0px 3px 8px #C7C7C7;*/
    /* -webkit-box-shadow: 0px 3px 8px #C7C7C7; */
    /* box-shadow: 0px 3px 8px #C7C7C7; */

}
ul.menulist {
	-moz-column-count: 3;
	-moz-column-gap: 30px;
	-webkit-column-count: 3;
	-webkit-column-gap: 30px;
	column-count: 3;
	column-gap: 30px;
	list-style: none;
	/*width: 75%;*/
    padding: 14px 0 0 24px!important;
	margin:0;
}
ul.menulistpromos {
 	list-style: none;
	/*width: 75%;*/
    padding: 14px 0 0 24px!important;
	margin:0;
}
.megamenu > li ul li, .megamenu > li ol li {
	font-size: 14px;
}
.megamenu>li a {
	color: #001e48;
 }
.megamenu>li a:hover {
	color: #00C;
 }
a.menubutton.specials {
    position: absolute;
    right: 24px;
	top:80px;
    display: block;
    z-index: 1;
    text-align: center;
    width: 200px;
	color: #a20101;
    background: #F9F9F9;
	border: solid 1px #b3b3b3;
    height: 40px;
    line-height: 20px;
}
a.menubutton.specials:hover {
	border: solid 1px red;
    color: #a20101;

}
.megamenu h4 {
    background: #203f6b;
    border-top: solid 1px #3e5575;
    border-bottom: solid 1px #18355e;
    font-size: 20px;
    font-weight: bold;
    padding: 4px 20px;
}
.megamenu h4 a {
	font-weight: bold;
	color: white!important;
}
.megamenu h4 a i {
	font-size:initial;
}
.megamenu h4.promos {
	border-left: #3e5575 2px solid;
}
.megamenu .menucategories {
	width:75%;
    display: inline-table;
	position:relative;
    min-height: 190px;
}

.megamenu .menupromos {
	width: calc(25% + 1px);
    display: inline-table;
	float:right;
    background: #f0f0f0;
    min-height: 200px;
    position: absolute;
}
		@-moz-document url-prefix() {
		  .megamenu .menupromos {
			width: calc(25%);
			float:right;
			position: relative;
			overflow:hidden;
			display: block;

		  }
		}
.megamenu .menupromos h4 {
	color:white;
}
.megamenu .seeall {
    position: absolute;
    right: 25px;
	bottom: 0;
	border: 1px #cccccc solid;
    border-radius: 3px;
    height: 20px;
    line-height: 20px;
    padding: 1px 6px;
    background: #f0f0f0;
}
.megamenu .seeall i {
	font-size:smaller;
}

.nocursor {
	cursor: default!important;
	color:yellow!important;
}
.scroller_anchor, .search_anchor {
	height: 0;
	margin: 0;
	padding: 0;
	clear: both;
}
.header #suggestions {
	top: 101px !important;
	/*left: -28px */
	left:-270px!important;
	width: 1050px !important;
	border: 1px solid #ccc;
	-moz-box-shadow: 0px 3px 8px #C7C7C7;
	-webkit-box-shadow: 0px 3px 8px #C7C7C7;
	box-shadow: 0px 3px 8px #C7C7C7;
}
.header.active #suggestions {
	left: -270px!important;
	top: 46px!important;
	border: 1px solid #ccc;
	border-radius: 0;
}
.suggestion, #suggestions hr {
	width: 1050px !important;
}
#dailyDeal {
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	height: 44px;
	width: 464px;
	/*border-left: 1px solid #555555;*/
	line-height: 44px;
	display: none;
}
#dailyDeal a {
	color: #ffffff;
}
#dailyDeal img {
	margin: 5px 10px 0;
}
#headerWrapper {
	padding-top: 0px;
	background: url('/images/menu/BG_hdr_bl_shrd.jpg');
}
#navMainSearch {
	/*float: none;
	padding: 0;
	width: 22%;
	border-radius:0;
	padding: 8px;
	width: 275px!important;*/
	float: none!important;
	padding: 0!important;
	width: auto;
	position: absolute;
	display: inline-block;
}
#navMainSearch input {
	height: 40px!important;
	padding: 0 0 0 35px;
	margin: 1px;
	color: gray;
}
#navMainSearch input.active {
	border: 0;
}
.header #cartContents {
    display: none;
    /* min-height: 100px; */
    position: absolute;
    width: 475px;
    top: 131px;
    right: 0px;
    background-color: #ffffff;
    border: #ccc solid 1px;
    /* -webkit-border-bottom-right-radius: 8px; */
    /* -webkit-border-bottom-left-radius: 8px; */
    -moz-border-radius-bottomright: 8px;
    -moz-border-radius-bottomleft: 8px;
    /* border-bottom-right-radius: 0px; */
    /* border-bottom-left-radius: 0; */
    -moz-box-shadow: 0px 3px 8px #C7C7C7;
    /* -webkit-box-shadow: 0px 3px 8px #C7C7C7; */
    /* box-shadow: 0px 3px 8px #C7C7C7; */
}
.header.active #cartContents {
border: #ccc solid 1px;
    border-radius: 0;
    width: 479px;
    right: 0;
    top: 71px;
}
.navMainSearchInner {
	margin: 0;
	position: relative;
 	width: 350px;
	height: 40px;
	margin: 0px;
}
.navmainsearch {
	background: #FFFFFF;
	padding: 0px 5px;
	-moz-border-radius: 3px;
	/* -webkit-border-radius: 3px; */
	-khtml-border-radius: 3px;
	/* border-radius: 3px; */
	width: 449px;
}
.navMainSearchCart {
	height: 40px;
	/* background: #ffffff; */
    /* margin: 1px; */
	position: absolute;
	/* width: 170px; */
    /* float: right; */
    /* display: block; */
	right: 10px;
	top: 69px;
}
.header.active .navMainSearchCart {
	top: 27px
}
.navMainSearchCartSub {
	border: #0BB7EE solid 6px;
	margin-top: -7px;
	margin-right: -5px;
	width: 85px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	border-bottom-right-radius: 5px;
	/*background-color: #6CC93C;*/
	background-color: #0BB7EE;
	border-left: white 1px solid;
}
#navMainSearch .navmainsearch {
	width: 353px!important;
	/*margin-left: -33px !important;*/
}
#topholder {
	background: none!important;
}
.stickyAddToCart.stick {
	top: 75px!important;
}
#suggestionsLoader {
    right: 10px!important;
    top: 9px!important;
}
/* .wedge {
	height: 44px;
    position: absolute;
    background: white;
    top: -45px;
    width: 100%;
    border-bottom: 1px solid green;
	}
	.wedge span{
		display:block;
		width:100%;
		height:100%}
	.headerwedge {
	margin-top:45px;
	}  */
body>.apprise {
	width: 750px!important;
	left: calc(50% - 375px)!important;
}
.apprise, .apprise-overlay {
	z-index:10000!important;
}
#siteWide {
	background: blue;
	background: url('images/menu/hdr_eflc/siteWide<?php echo rand(1, 3);?>.jpg?v2') no-repeat center;
	margin-top: 15px;
	height: 500px;
	display: block;
}
.slider-container{
  /*height: 500px;
    width: 100%;
*/
  height: 26vw;
  position: relative;
  overflow: hidden;
  text-align: center;
}

.slidemenu {
  position: absolute;
  left: 0;
  z-index: 900;
  width: 100%;
  bottom: 0;
}
img.slidescale {
	margin-top: -92px;
	margin-left: -1px;
	visibility: hidden;
}
.slidemenu label {
  cursor: pointer;
  display: inline-block;
  width: 16px;
  height: 16px;
  background: #fff;
 border: 1px #020001 solid;
  border-radius: 50px;
  margin: 0 .2em 1em;
  &:hover {
    background: red;
  }
}

a.slide {
 /* width: 100%;
  height: 407px;
    padding: 8em 0em 0;
*/
  height: 26vw;
  position: absolute;
  top: 0;
  left: 100%;
  z-index: 10;
  background-size: cover;
 /*   background-size: 1920px 500px;
  background-position: 50% 50%;*/
  transition: left 0s .75s;
}

[id^="slide"]:checked + .slide {
  left: 0;
  z-index: 100;
  transition: left .65s ease-out;
}

.slide-1, .slide-2, .slide-3, .slide-4 {
 /*   background-size: 1920px 500px;*/
    background-repeat: no-repeat;
}
i.fa.topicons {
	color: #bbbbbb;
	font-size: 2em;
	line-height: 40px;
	left: 30px;
	position: relative;
	margin-right: 15px;
}
i.fa.topicons:hover{
	color:#ccc
}
.header.active i.fa.topicons {
	line-height: 20px;
	font-size: 1.2em;
}
.header .dropmenu, .header.active .drop1:hover .dropmenu {
	width: 1150px;
	display: block;
	/*margin-top: 3px;*/
	height: 34px;
	line-height: 34px;
	color: white;
	font-size: 14px;
	font-family: 'Roboto', sans-serif;
	letter-spacing: 0.04em;
	font-weight: bold;
}
.header.active .drop1:hover .dropmenu {
	visibility: visible; /* shows sub-menu */
	opacity: 1;
	z-index: 1;
	transform: translateY(0%);
	transition-delay: 0s, 0s, 0.1s; /* this removes the transition delay so the menu will be visible while the other styles transition */
	width: 5150px;
	margin-left: -2000px;
	display: block;
	margin-top: 0px;
	background: #18355e;
	height: 34px;
	line-height: 34px;
	color: white;
}
.header.active .drop1:hover .dropmenu span.drop1menu {
	width: 1150px;
	margin: 0 auto;
	display: block;
}
.header.active .dropmenu {
	/*display: none;
	visibility: hidden;
	opacity: 0;*/
	top: -78px;
	position: absolute;
	transform: translateY(-5px);
	z-index: -1;
	transition: all 0.1s ease-in-out 0s, visibility 0s linear 0.1s, z-index 0s linear 0.01s;
}
.cartlabelico {
	float: right;
	display: inline-block;
	width: 20px;
	height: 100%;
	background: url('/images/menu/hdr_eflc/down_arrow_cart.gif') 8px no-repeat;
	transition: all 0.1s ease-in-out 0s, visibility 0s linear 0.1s, z-index 0s linear 0.01s;
}
.cartlabel {
    display: inline-block;
    height: 100%;
    padding-left: 47px;
    color: #0070bf;
    background: url(/images/menu/hdr_eflc/button_in_cart.gif) 0px no-repeat;
    line-height: 40px;
    font-size: 14px;
    text-align: right;
	transition: all 0.1s ease-in-out 0s, visibility 0s linear 0.1s, z-index 0s linear 0.01s;
}
.nicePrice {
	position: absolute;
	width: 153px;
	left: 450px;
	top: 5px;
	display: block;
	height: 32px;
	/*background: url('/images/menu/hdr_eflc/nicePrice.gif') no-repeat;*/
}
.nicePrice.en {
	background: url('/images/menu/hdr_eflc/nicePrice.gif') no-repeat;
}
.nicePrice.fr {
	background: url('/images/menu/hdr_eflc/nicePrice_fr.gif?v2') no-repeat;

}
#mainWrapper  {    padding: 30px 0px 45px 0px!important;
}

/*HEADER LINK INCLUDING TEXT*/


/* Ensure all properties with transitions (e.g., opacity, color) are smoothly applied */
/* Base style for theme elements */
.theme {
    transition: opacity 0.5s ease-in-out; /* Smooth fade transition */
    opacity: 0;  /* Hide initially */
}

/* Make the active class visible */
.theme.call,
.theme.nocall,
.theme.hdrmsg1,
.theme.hdrmsg2 {
    opacity: 1; /* Visible when active */
}

.theme {
	/*background: #fbfbfb url(/images/banners/BW_headerbutton.png) no-repeat;
	background: #fbfbfb url(/images/banners/BF_samsung_logo.png?v1) no-repeat;*/
    display: inline-block;
    margin: 9px 0 0 0 ;
   /* left: 23%; */
	left: 22%;
    position: absolute;
	padding: 3px 0 0px 92px;
	font-size:13px;
	line-height:16px;
	color: red!important;
	}
.theme.call.en:before {
	content:"Call 1-888-248-4969 to Order!";
}
.theme.call.fr:before {
	content:"1-888-248-4969 pour commander!";
}
.theme.nocall.en:before {
	content:"With Two Decades of Canadian Trust,";
}
.theme.nocall.fr:before {
	content:"Deux décennies de confiance canadienne";
}
.theme.hdrmsg1.en:before {
	content:"Offering the Best Price, Every Day,";
}
.theme.hdrmsg2.en:before {
	content:"And We're 100% Canadian! Est. 2002.";
}
    .theme:before {
	/*content:"Use code 'Black-Friday' in the checkout on select products";
	content:"End-of-line CLEARANCE Deals HERE! 1-888-248-4969 to order!";
	content:"Call  1-888-248-4969 to order!";*/
    color: #bbbbbb!important;
    text-decoration: none;
    font-style: normal;
    font-size: 20px!important;
    line-height: 20px;
    font-family: Lobster;
    text-shadow: 1px 1px #fff;
	vertical-align: text-top;
	background:#fbfbfb;
	}
    .theme:after {
   /* content: "";
    width: 80px;
    height: 19px;
    background: url(/images/banners/SN_headerbutton.png) 0 2px no-repeat;
    top: -5px;
    right: -8px;
    vertical-align: text-top;
    position: relative;
    display: inline-block;
	}.header.active .theme {
	background: url(/images/banners/BW_headerbutton.png) 0 2px no-repeat;
    background-image-size: 20px;
    background-size: 61px 15px;
    margin: 0;
    padding: 2px 0 0 80px;
	/*background: url(/images/banners/BF_samsung_logo.png?v1) 0 2px no-repeat;*/
	}
.header.active .theme {
	margin:0;
}
.header.active .theme:before {
    font-size: 15px!important;
	line-height:15px;
}


.lowerbanner {
		display: block;
		background: #323335;
		width: 100%;
		height: 47px;
		margin-top: 5px;
		margin-bottom: -10px;
}
span.lowerbanner a {
	font-family: 'Roboto', sans-serif;
	letter-spacing: -.04em;
	font-weight: bold;
	color: white;
	font-size: 1.65vw;
	text-align: center;
	display: block;
	line-height: 47px;
}
