html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
	position:relative;
	overflow-x:hidden;
    -webkit-overflow-scrolling: auto;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


html, body {
-webkit-backface-visibility: hidden;
position:relative;
overflow-x:hidden;
}

#poweredby {
	display:none;
}

@font-face { 
  font-family: 'SpursRegular';
  src: url('/fonts/spurs-webfont.eot');
  src:  url('/fonts/spurs-webfont.eot?#iefix') format('embedded-opentype'),
        url('/fonts/spurs-webfont.woff') format('woff'),
        url('/fonts/spurs-webfont.ttf') format('truetype'),
        url('/fonts/spurs-webfont.svg#SpursRegular') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display:fallback;
}
@font-face {
  font-family: 'PremierLeague';
  src: url('/fonts/PremierLeague.eot');
  src:  url('/fonts/PremierLeague.eot?#iefix') format('embedded-opentype'),
        url('/fonts/PremierLeague.woff') format('woff'),
        url('/fonts/PremierLeague.ttf') format('truetype'),
        url('/fonts/PremierLeague.ttf') format('truetype'),
        url('/fonts/PremierLeague.svg#SpursRegular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Premier League New';
  src: url('/fonts/PremierLeagueNew.eot');
  src:  url('/fonts/PremierLeagueNew.eot?#iefix') format('embedded-opentype'),
        url('/fonts/PremierLeagueNew.woff') format('woff'),
        url('/fonts/PremierLeagueNew.ttf') format('truetype'),
        url('/fonts/PremierLeagueNew.ttf') format('truetype'),
        url('/fonts/PremierLeagueNew.svg#SpursRegular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'PremierLeagueNew';
  src: url('/fonts/PremierLeagueNew.eot');
  src:  url('/fonts/PremierLeagueNew.eot?#iefix') format('embedded-opentype'),
        url('/fonts/PremierLeagueNew.woff') format('woff'),
        url('/fonts/PremierLeagueNew.ttf') format('truetype'),
        url('/fonts/PremierLeagueNew.ttf') format('truetype'),
        url('/fonts/PremierLeagueNew.svg#SpursRegular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: ApexNew;
  src: url("/fonts/ApexNew-Book.otf") format("opentype");
  font-display:fallback;
}
@font-face {
  font-family: ApexNewMedium;
  src: url("/fonts/ApexNew-Medium.otf") format("opentype");
  font-display:fallback;
}

@font-face {
  font-family: spursThird;
  src: url("/fonts/spursThird.otf") format("opentype");
  src: url('/fonts/3rdKit2017.eot');
  src:  url('/fonts/3rdKit2017.eot?#iefix') format('embedded-opentype'),
        url('/fonts/3rdKit2017.woff') format('woff'),
        url('/fonts/3rdKit2017.ttf') format('truetype'),
        url('/fonts/3rdKit2017.svg#SpursRegular') format('svg');
  font-weight: normal;
  font-style: normal;
}

/*@font-face {
  font-family: ApexNewHeavy;
  src: url('/fonts/ApexNew-Heavy.eot');
  src:  url('/fonts/ApexNew-Heavy.eot?#iefix') format('embedded-opentype'),
        url('/fonts/ApexNew-Heavy.woff') format('woff'),
        url('/fonts/ApexNew-Heavy.ttf') format('truetype'),
        url('/fonts/ApexNew-Heavy.svg') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display:fallback;
}*/

@font-face {
  font-family: ApexNewHeavy;
  src: url('/fonts/amended/apexnew-heavy-webfont.eot');
  src:  url('/fonts/amended/apexnew-heavy-webfont.eot?#iefix') format('embedded-opentype'),
        url('/fonts/amended/apexnew-heavy-webfont.woff') format('woff'),
        url('/fonts/amended/apexnew-heavy-webfont.ttf') format('truetype'),
        url('/fonts/amended/apexnew-heavy-webfont.svg') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display:fallback;
}

@font-face {
  font-family: ApexNewBold;
  src: url('/fonts/ApexNew-Bold.eot');
  src:  url('/fonts/ApexNew-Bold.eot?#iefix') format('embedded-opentype'),
        url('/fonts/ApexNew-Bold.woff') format('woff'),
        url('/fonts/ApexNew-Bold.ttf') format('truetype'),
        url('/fonts/ApexNew-Bold.svg') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display:fallback;
}


.btn {
background:#40b9e6;
color:#fff;
text-transform:uppercase;
-webkit-border-radius:0;
-moz-border-radius:0;
border-radius:0;
padding:8px 15px;
font-family: ApexNewMedium;
font-size:17px;
line-height:17px;
cursor:pointer;
}

.btn-default,.btn-success {
background: #40b9e6 !important;
    color: #fff;
    text-transform: uppercase;
    -webkit-border-radius:0;
    -moz-border-radius:0;
    border-radius:0;
    padding: 8px 15px;
    font-family: ApexNewMedium;
    font-size: 17px;
    line-height: 17px;
    cursor: pointer;
    border: 1px solid transparent !important;
	    text-shadow: none !important;
}

.btnBorder {
border:2px solid #081031;
background:none;
color:#081031 !important;
}

.btn:hover, .btn:focus {
	color:#fff;
}

.bodyPAG00009 .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
background:#fff !important;
}

body.bodyPAG00004 a.btn-hamburger.hmbrgr-one.js-slideout-toggle,body.bodyPAG00035 .btn-hamburger {
    display: none!important;
}

body.bodyPAG00035 #container {
	padding-top:0 !important;
}

/*********************************************FORMS***************************************/

.form-group {
    margin-bottom: 15px;
}

.form-group label {
    font-size: 15px;
    color: #444;
    text-transform: uppercase;
    font-family: ApexNewBold;
    margin-bottom: 10px;
    text-align: left;
    width: 100%;
}

.form-group select {
    background: #e2e5e7;
    border: none !important;
    padding: 8px 30px 8px 15px !important;
    height: auto;
}

.form-group .form-control {
    border: none;
    border-bottom: 2px solid #cccccc;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: none;
    font-size: 17px;
    line-height: 27px;
    font-family: ApexNew;
    padding: 7px 0 ;
    height: auto !important;
}

select {
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
background: url(/images/page/dropdown_arrow.png) center right 10px no-repeat #e2e5e7 !important;
background-position: center right;
background-repeat: no-repeat;
background-size:11px !important;
-webkit-border-radius: 0px !important;
-moz-border-radius: 0px !important;
border-radius: 0px !important;
}

select::-ms-expand { /* for IE 11 */
    display: none;
}

.relative {
    position: relative;
    float: left;
    width: 100%;
}

.form-control:focus {
color:#444
}

/*********************************************Body & Container***************************************/

body {
background: #eeeeee;
}

#container {
	text-align:center;
	width:100%;
	margin:0 auto 0;
	/*overflow:hidden !important;*/
    position: relative;
	/*padding-top:50px;*/
	border:none !important;
	z-index:2;
	-webkit-border-radius:0;
-moz-border-radius:0;
border-radius:0;
background: #fff;
}

/* using script in functions.js to do this
@media (max-width:281px) {
#container {
margin-bottom:390px;
}
}

@media (min-width:282px) and (max-width:491px) {
#container {
margin-bottom:359px;
}
}

@media (min-width:492px) and (max-width:767px) {
#container {
margin-bottom:328px;
}
}

@media (min-width:768px) and (max-width:820px) {
#container {
margin-bottom:276px;
}
}

@media (min-width:821px) and (max-width:991px){
#container {
margin-bottom:243px;
}
}
*/



/*********************************************hamburger icon***************************************/
.hmbrgr-one{
	position: fixed;
	left:0px !important;
	display: inline-block;
	z-index:10001;
	cursor:pointer;
	display: none;
	
	padding:20px 28px 30px;
background:#3db7e5;
color:#fff !important;
}

.btn-hamburger:after {
content:"Menu";
font-size:13px;
position:absolute;
bottom:6px;
left:16%;
font-family: ApexNewMedium;
}

.btn-hamburger {
padding:20px 22px 30px;
background:#3db7e5;
color:#fff;
}
.hmbrgr-one span{
	position: absolute;
	width: 69% !important;
	background: #000;
	display: inline-block;
	overflow:hidden;
	left:15% !important;
}

.expand span:nth-child(1){
	transform:rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
}

/*.expand span:nth-child(2){
	display:none;
}*/

.expand span:nth-child(2){
	transform:rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
}

.expand span {
	-webkit-transition: background-color 20ms linear;
	-moz-transition: background-color 20ms linear;
	-o-transition: background-color 20ms linear;
	-ms-transition: background-color 20ms linear;
	transition: background-color 20ms linear;
	background:#fff !important;
	-webkit-border-radius: 400px;
	-moz-border-radius: 400px;
	border-radius: 400px;
	transition: transform 300ms ease;
}

@media (max-width:767px) {
	.hmbrgr-one {
		top:0;
	}
}

@media (min-width:768px){
	.hmbrgr-one span {
	margin:8px 0 0
	}
	.btn-hamburger:after {
	bottom:10px;
	font-size:15px;
	}
	.hmbrgr-one {
			width: 45px !important;
			padding: 40px 28px 30px;
	}
}



/*********************************************slide menu***************************************/

#menuHead {
    content: "";
    position: fixed;
    top:0;
    left: 0;
    width: 100%;
    height: 70px;
    border-bottom:1px solid #3db7e4;
	background:#3db7e4;
	z-index:2;
	-webkit-backface-visibility: hidden;
}

#menuBody {
	float:left;
	width:100%;
	-webkit-overflow-scrolling: touch;
	overflow-y:auto;
	height:100%;
	z-index:1;
	position:relative;
	display:none; 
	overflow-x:hidden;
}

.menu-open #menuBody {
	display:block;
}


#menuBody::-webkit-scrollbar {
    width:0;
    background: transparent; 
}

#menuBody::-webkit-scrollbar-thumb {
    background: #FF0000;
}








.slideout-menu {
  position: fixed;
  left: 0;
  top: 0; 
  z-index: -2;
  width: 256px;
  overflow: auto !important;
  height:100%;
  display: none;
  background:none;
  -webkit-backface-visibility: hidden;
}
 
.slideout-open #container {
overflow:hidden;
}

.device-ios.slideout-open .menu-open {
	position:fixed;
}

.device-android.slideout-open body {
	/*position: fixed;*/
}

.all-devices.slideout-open body {
    overflow: hidden !important;
   max-height: 100vh !important;  
   /* overflow: hidden;*/
}


.slideout-open .slideout-menu {
    display: block;
	background: #ffffff;
	-webkit-backface-visibility: hidden;
}

.menu-open {
	    transition: all .5s cubic-bezier(.645,.045,.355,1);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
	z-index:2;
	background: #121424;
}


#masthead.fixed {
    backface-visibility: hidden;
    position: fixed;
    z-index: 3;
    transition: transform 300ms ease;
	overflow:visible !important;
}

#siteInfo.fixed {
  backface-visibility: hidden;
  position: relative !important;
  z-index:1;
 transition: transform 300ms ease;
}
#siteInfo {
	overflow:hidden;
}

.fixed-open {
	-moz-transform: translate3d(256px, 0, 0);
	 -webkit-transform: translate3d(256px,0,0);
  transform: translate3d(256px, 0px, 0px);
}

div.accountLink {
    font-size: 30px;
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
color:#3d3d47;
padding-left:40px;
}

.overlay-active {
	-moz-transform: translate3d(30%, 0, 0) !important;
	 -webkit-transform: translate3d(30%,0,0) !important;
    transform: translate3d(30%, 0, 0) !important;
	transition: transform 300ms ease;
visibility:visible !important;

}

.overlay-active-316 {
	visibility:visible !important;
	z-index:999 !important;
	background:rgba(18,20,35,0.96) !important;
}


#menu_overlay {
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background:rgba(250,250,250,.75);
transition: transform 300ms ease;
visibility:hidden;
z-index:999;
}

@media (max-width:346px) {
	.slideout-menu {
		width:100% !important; 
	}
}

/*mobile*/
@media (max-width:767px) { 

#menuHead {
	height:50px;
}

.slideout-menu {
width:330px;
} 

.fixed-open {
	-moz-transform: translate3d(330px, 0, 0);
	-webkit-transform: translate3d(330px,0,0);
	    transform: translate3d(330px, 0, 0);
}

.panel-open {
	-moz-transform: translate3d(330px, 0, 0) !important;
	-webkit-transform: translate3d(330px,0,0) !important;
	transform: translate3d(330px, 0, 0) !important;
}

.overlay-active {
	-moz-transform: translate3d(330px, 0, 0) !important;
	-webkit-transform: translate3d(330px,0,0) !important;
    transform: translate3d(330px, 0, 0) !important;
}
}

/*tablet*/
@media (min-width: 768px) and (max-width: 991px) { 
.slideout-menu {
width:50%;
}

.fixed-open {
	-moz-transform: translate3d(50%, 0, 0) !important;
	-webkit-transform: translate3d(50%,0,0) !important;
	    transform: translate3d(50%, 0, 0) !important;
}

.panel-open {
	-moz-transform: translate3d(50%, 0, 0) !important;
	-webkit-transform: translate3d(50%,0,0) !important;
	transform: translate3d(50%, 0, 0) !important;
}

.overlay-active {
	-moz-transform: translate3d(50%, 0, 0) !important;
	-webkit-transform: translate3d(50%,0,0) !important;
    transform: translate3d(50%, 0, 0) !important;
 }
}

/*desktop*/
@media (min-width:992px) and (max-width:1199px) { 
.slideout-menu {
width:30%
}

.fixed-open {
	-moz-transform: translate3d(30%, 0, 0);
	-webkit-transform: translate3d(30%,0,0);
	    transform: translate3d(30%, 0, 0);
}

.panel-open {
	-moz-transform: translate3d(30%, 0, 0) !important;
	-webkit-transform: translate3d(30%,0,0) !important;
	transform: translate3d(30%, 0, 0) !important;
}

.overlay-active {
	-moz-transform: translate3d(30%, 0, 0) !important;
	-webkit-transform: translate3d(30%,0,0) !important;
    transform: translate3d(30%, 0, 0) !important;
}
}

/*LRG Desktop*/
@media (min-width:1200px) { 
.slideout-menu {
	width:30%;
}

.fixed-open {
	-moz-transform: translate3d(30%, 0, 0);
	-webkit-transform: translate3d(30%,0,0);
	    transform: translate3d(30%, 0, 0);
}

.panel-open {
	-moz-transform: translate3d(30%, 0, 0) !important;
	-webkit-transform: translate3d(30%,0,0) !important;
	transform: translate3d(30%, 0, 0) !important;
}

.overlay-active {
	-moz-transform: translate3d(30%, 0, 0) !important;
	-webkit-transform: translate3d(30%,0,0) !important;
    transform: translate3d(30%, 0, 0) !important;
 }

}




/*********************************************In View Styles***************************************/


/*.in-view {
opacity:1 !important;
    transition: all 1000ms ease 500ms !important;
	-moz-transform: translate3d(0px, 0px, 0px) !important;
    -webkit-transform: translate3d(0px, 0px, 0px) !important;
    -o-transform: translate(0px, 0px) !important;
    -ms-transform: translate(0px, 0px) !important;
    transform: translate3d(0px, 0px, 0px) !important;
}*/

/*.elm206product,.elmrelItemWrapper,.elm291Item,.elm287feat_product,.elm287hero_product,.elm290product,.elm293product    {
opacity:0;
    -moz-transition: all 700ms ease-out;
    -webkit-transition: all 700ms ease-out;
    -o-transition: all 700ms ease-out;
    transition: all 700ms ease-out;
    -moz-transform: translate3d(0px, 50px, 0px);
    -webkit-transform: translate3d(0px, 50px, 0px);
    -o-transform: translate(0px, 50px);
    -ms-transform: translate(0px, 50px);
    transform: translate3d(0px, 50, 0px);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}*/




/*********************************************one header***************************************/

#masthead {
  background-color:#fff;
  width: 100%;
  /*height: 50px;*/
  /*display: none;*/
  /*border-bottom:1px solid #ccc;*/
}

.innerMasthead {
float:left;
    width: 100%;
}


@media (max-width:1199px) {
	#masthead {
	background-color:#fff;
	}
	
}


@media (min-width:1200px) {
	.btn-hamburger {
	display:none !important;
	}
	
	.cross {
		display:block !important;
	}

	#searchIcon {
	margin:0 !important;
	}
}

/*********************************************split header***************************************/

#mastheadL {

}

#mastheadR {

}

/*********************************************Search Bars**************************************/

#searchBar {

}

#SearchBarBottom {

}

/*********************************************page cell**************************************/


#pagecell1 {
	min-height: -moz-calc(100vh - 220px);
    min-height: -webkit-calc(100vh - 220px);
min-height:calc(100vh - 220px);
}

#MainL {background:#FFF!important}


/*********************************************leftnav************************************/

#LeftNav {

}

/*********************************************right nav************************************/

#RightNav {


}

/*********************************************main content************************************/

#MainS {

}

#MainM {

}


#MainL {
background:#fff;
}

#MainL {
margin-left:-15px;
margin-right:-15px;
padding-left:15px;
padding-right:15px;
overflow-y: initial;
}

html.all-devices body.bodyPAG00038 div#container.container.panel.slideout-panel div#pagecell1 div#MainL {
    background-color: #fff;
}

/*********************************************footer*********************************************/

#siteInfo {
width:100%;
background:#061132;
bottom:0;
left:0;
}

.footerBottom {
bottom:0px !important;
    transition: all 650ms ease 150ms;
}

#copyright {

	}



/******* hyperlink and anchor tag styles *******/

a:link, a:visited {
	
	}

a:hover {
	
}


h1, h2, h3, h4, h5 {
	font-weight:normal; 
	font-size: 1em;
	margin:0;
	padding:0;
	font-family: ApexNewHeavy;
}

h2 {
text-transform: uppercase;
    font-size: 40px;
    font-weight: bold;
padding: 0 0 6px;
width:auto;
display:inline-block;
}

p {
	font-family: ApexNew;
	color:#444;
	font-size:14px;
	line-height:24px;
}


@media (max-width:767px) {
	h2 {
		font-size:27px;
	}
}


/**********************************************************************/
/*////////////////////   START OF CMS	\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
/**********************************************************************/

/***********************************************/
/* tooltips                                    */
/***********************************************/


.CMShelp {
	float:left;
	position:relative;
	text-decoration:none;	
	padding:0;
	margin:0;
}


.CMSerrorarea li {
		list-style:none;padding:0;margin:0;
		}

.CMStooltip img{
	border:none;
	clear:left;
}
		
.CMStooltip {
	 z-index:24;	
	 position:relative;	
	 text-decoration:none;
	 font:12px Arial, Helvetica, sans-serif;	

}

.CMStooltip:hover {
		z-index:25;
		color:#7a7a7a;
		border-bottom:1px dashed #7a7a7a;
		text-decoration:none;
		}

.CMStooltip span {
	display:none;
}

.CMStooltip:hover span {
	position:absolute;
	top:0;	
	left:20px;
	border:1px solid #5473b4;
	padding:5px;
	display:block;
	width:300px;
	overflow:visible;
	color:#5473b4;
	background-color:#F4F5F4;
}


a.CMSsiteTooltip {
	display:block;
	background-color:#31353e;
	float:left;
	width:auto;
	height:15px;
	font:10px Arial, Helvetica, sans-serif;
	color:#cccccc;	
	 text-decoration:none;
	cursor:pointer;

}



a.CMSsiteTooltip span {
	display:none;
}


a.CMSsiteTooltip:hover {
	z-index:25;
	text-decoration:none;
	color:#FFFF2A;
	border-bottom:1px dashed #7a7a7a;
}

a.CMSsiteTooltip:hover span {z-index:26;
	position:absolute;
	top:15px;	
	left:0;
	border:2px solid #5473b4;
	padding:5px;
	display:block;
	width:250px;
	overflow:visible;
	color:#5473b4;
	background-color:#F4F5F4;
	
}

.CMSsiteTooltipT{
	font-weight:bold;float:left;}

	
/*****************************************************************************************************************************/
/*																							   elm00261	    BASKET SUMMARY   */
/*****************************************************************************************************************************/	
	
	
.elm00261 {
float:right;
position:relative;
}

.elm261BasketImg {
    float: left;
    width: 50px;
    height: 70px;
}

.elm261BasketImg a {
float:left;
width:100%;
height:100%;
text-align:center;
}

.elm261BasketImg a img{
    border: none;
    width: 28px;
    display: inline-block;
    margin: 21px 0 0;
}

#elm00261_basket {
float:left;
width:100%;
height:100%;
}

.elm261BasketPrice,.elm261CheckoutLink,.elm261BasketItems {
display:none;
}

.elm261BasketQty {
font-family: ApexNew;
font-weight:bold;
    position: absolute;
    top: 18px;
    left: 3px;
    background: #edd433;
    -webkit-border-radius: 99px;
    -moz-border-radius: 99px;
    border-radius: 99px;
    width: 20px;
    height: 20px;
    font-size: 10px;
    text-align: center;
    line-height: 17px;
    letter-spacing: 1px;
}

.elm261BasketQty span {
    padding: 1px 0 0;
    float: left;
    width: 100%;
    text-align: center;
}


.elm261BasketEmpty .elm261BasketQty {
	display:none !important;
}

.elm261BasketLink {
display:table-cell;
vertical-align:middle;
color:#fff;
padding-right:10px;
font-family: ApexNewMedium;
}

.elm261BasketLink a {
color:#fff;
text-decoration:none;
}

#elm261basket {
background:#3db8e4;
display:table;
}




.elm261BasketEmpty {
background:none !important;
}

.elm261BasketEmpty .elm261BasketLink {
display:none;
}

.elm261BasketEmpty .elm261BasketImg img {
display:none !important;
}

.elm261BasketEmpty .elm261BasketImg a:before {
content:"";
    border: none;
    width: 28px;
    display: inline-block;
    margin: 21px 0 0;
height:28px;
background-image:url(/images/buttons/bag.svg);
}



@media (max-width:767px) {
	.elm261BasketQty {
		top:8px;
	}
	.elm261BasketImg {
		height:50px;
	}
	
	.elm261BasketImg a img,.elm261BasketEmpty .elm261BasketImg a:before {
		margin-top:11px;
	}
}
/*****************************************************************************************************************************/
/*																							    elm00112	   Mini Basket   */
/*****************************************************************************************************************************/	

.itemAdded {
	display:none;
}

.elm00112 {
position:absolute;
right:0;
top:70px;
background:#f2f3f4;
    width: 380px;
	z-index:2;
}

.elm112blankBasket {
	display:none;
}

.elm112benefitDetail {
display:none;
}

.elm112miniBasket {
	height:100%;
	height: -moz-calc(100% - 70px);
    height: -webkit-calc(100% - 70px);
    height: calc(100vh - 70px);
    padding: 10px 10px 10px 10px !important;
    text-align: center;
}

.elm112title h3 {
    border-bottom: 4px solid #7ac8bb;
    font-size: 26px;
    text-transform: uppercase;
    color: #081132;
    font-weight: bold;
    font-family: ApexNewHeavy;
    padding: 0 0 10px;
    line-height: 26px;
    margin: 10px 0 0;
}

.elm112title {
margin:0 auto 15px;
display:inline-block;
}

.elm112productTitle {
	    float: left;
    width: 100%;
}

.elm112productTitle h3 {
color: #081132 !important;
    text-decoration: none;
    overflow: hidden;
    float: left;
    width: 100%;
    text-align: left;
    padding:10px 28px  6px 0;
    margin:0 0 5px;
    border-bottom: 3px solid #7ac8bb;
}

.elm112productTitle a {
font-size: 15px;
    text-transform: uppercase;
    color: #081132;
    font-weight: bold;
    font-family: ApexNewHeavy;
line-height: 17px;
max-height: 52px;
}

.elm112image {
float:left;
width:40%
}

.elm112Qty {
float:left;
width:60%;
padding:0 0 0 10px;
position:relative;
}

.elm112miniBasket1 {
    float: left;
    width: 100%;
    margin: 0 0 20px;
}

.elm112Price {
    font-family: ApexNewMedium;
    color: #081031;
    font-size: 20px;
    margin: 5px 0 0;
    float: left;
    line-height: 26px;
	width:50%;
	text-align: left;
	clear:left;
}


.elm112dim {
float:left;
}

.elm112dimDesc {
float:left;
    font-family: ApexNewMedium;
    color: #999999;
    font-size: 16px;
margin-right:3px;
}

.elm112dimType {
display:none;
}


.elm112label {
    float: left;
    width: 80%;
    font-size: 15px;
    color: #444;
    text-transform: uppercase;
    font-family: ApexNewBold;
    margin-bottom: 5px;
    text-align: left;
    margin-top: 5px;
}

.elm112dropdown {
    float: left;
    width: 80%;
    border: none !important;
    padding: 8px 40px 8px 15px !important;
    height: auto;
    margin: 2px 0 0;
}

.elm112delete {
    float: right;
    width: 25px;
    height: 25px;
    margin: 4px 0 0;
    position: absolute;
    top: 0;
    right: 0;
}

.elm112label,.elm112dropdown {
float:right;
width:50%
}

.elm112label {
display:none;
}

.elm112productTitle h3 {
float:left;
width:100%;
}


.elm112image a {
width: 100%;
float:left;
}

.elm112image img {
float:left;
width:100%;
height:auto;
}

.elm112miniBasket form{
    padding:0;
    margin:0;
    float: left;
    width: 100%;
    position: relative;
	height: -moz-calc(100% - 55px);
    height: -webkit-calc(100% - 55px);
    height: calc(100% - 55px);
    z-index:3;
}
	
	
.elm112miniBasket .elm112productContainer {
    overflow-y: auto !important;
    padding: 10px 20px 10px 0 !important;
    -webkit-overflow-scrolling: touch !important;
    overflow-x: hidden !important;
    float: left;
    width: 100%;
	height: -moz-calc(100% - 100px);
    height: -webkit-calc(100% - 100px);
    height: calc(100% - 100px);
    position: absolute;
    top: 0;
    right: 0;
}

.elm112productContainer {
    transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
}

.elm112inner {
    transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    float: left;
    width: 100%;
}

.elm112buttons {
    position: absolute;
    bottom: 10px;
    left: 0;
    width: 100%;
	    text-align: center;
}

.elm112buttons .btn {
    background: #40b9e6;
        border: 0px solid transparent !important;
text-shadow: none !important;
}

.elm112total {
    font-family: ApexNewMedium;
color:#444;
    font-size: 23px;
margin:0 0 10px;
float:left;
width:100%;
    text-align: left;
}

.elm112total span {
text-align:right;
float:right;
}

.elm112miniBasket {
padding:15px 20px;
}

.elm112miniBasket .elm112productContainer::-webkit-scrollbar {
    width: 12px;
}
 
/* Track */
.elm112miniBasket .elm112productContainer::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.2); 
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
 
/* Handle */
.elm112miniBasket .elm112productContainer::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(242,243,244,0.8) !important; 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
}

.elm112miniBasket .elm112productContainer::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(255,0,0,0.4); 
}
	
	
@media (max-width:767px) {
	
.elm00112 {
	display:none
}
	
}
	
	
	
	
	
	
	

/*****************************************************************************************************************************/
/*													elm00038	Forgotten Password 	 */
/*****************************************************************************************************************************/

.elm38Forgot{
	display:block;
	width:100%;
	height:auto;
}

.elm38h2{
	display:block; 
	width:100%; 
	line-height:30px; 
	font-size:18px;
}

.elm38h3{
	clear:both;
	display:block;
	width:auto;
	line-height:40px;
	margin:0;
	font-size:14px;
}

.elm38text{
	
}
.elm38label{
	margin:0;
	padding:0;	
	width:160px;
	line-height:20px;
	display:block;
	float:left;
}
.elm38input{
	display:block;
	width:260px;	
	float:left;
	margin:0;
}
.elm38next{
}

/*****************************************************************************************************************************/
/*												elm00049	Forgotten Password details	 */
/*****************************************************************************************************************************/

.elm49Forgot{
	display:block;
	width:100%;
	height:auto;
}

.elm49h2{
	display:block; 
	width:100%; 
	line-height:30px;
	font-size:18px; 
}

.elm49h3{
	clear:both;
	display:block;
	width:auto;
	line-height:40px;
	margin:0;
	font-size:14px; 
}

.elm49text{
	clear:both;
	padding:10px 0px 10px 0px;
}
.elm49label{
	margin:0;
	padding:0;	
	width:160px;
	line-height:20px;
	float:left;
}
.elm49input{
	display:block;
	width:260px;	
	float:left;
	font-size:10px;
	margin:0;
	float:left;
}

/*****************************************************************************************************************************/
/*														elm00031	My Profile     */
/*****************************************************************************************************************************/

.myprofileText {
text-align:left;
font-size:17px;
line-height:30px;
margin:0 0 20px;
}

.elm31mainBody {
	display:none;
}

.elm31h1:after {
content:"!";
margin-left:-5px;
}

.elm31MyProfile{
	display:block;
	width:100%;
	height:auto;
	margin-bottom:20px;
}

.elm31h3{
	clear:both;
	display:block;
	width:auto;
	line-height:40px;
	margin:0;
	font-size:14px; 
}
span.elm31text{}

span.elm31text a{}

p.elm31text{
	clear:both;
	display:block;	
	padding:10px 0px 10px 0px;
}





/*****************************************************************************************************************************/
/*														elm00032	Personal Details     */
/*****************************************************************************************************************************/

.elm32addressCont,.elm32marketingCont,.elm32h2,.elm32text,.elm32personalDetails h3,.elm32buttons {
display:none;
}

.elm32maindetails .form-group:nth-child(2){
display:none
}

.form-control[disabled] {
background:#fff !important;
}


/*****************************************************************************************************************************/
/*														elm00034	Address Book     */
/*****************************************************************************************************************************/

.elm34AddressBook .col-md-12,.elm34text {
display:none;
}

.elm34maindetails {
display:block !important;
}

.elm34title h3 {
font-family: ApexNewBold;
padding:0 0 10px;
}

.elm34addcontainer {
text-align:left;
}

.elm34add {
font-family: ApexNew;
font-size:17px;
line-height:25px;
}

.elm34addedit,.elm34delcontainer {
margin: 10px 0;
    float: left;
    width: 50%;
}

.elm34delcontainer .btn {
    text-indent: -9999999px;
    background: url(/images/buttons/remove_btn.png) no-repeat!important;
    background-size: cover!important;
    width: 79px;
    height: 21px;
}  

.elm34addedit .btn {
    text-indent: -9999999px;
    background: url(/images/buttons/edit_btn.png) no-repeat !important;
    background-size: cover !important;
    width: 50px;
    height: 20px;
    -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,0) !important;
    box-shadow: inset 0 0px 0px rgba(0,0,0,0) !important;
}

.elm234buttons .btn {
background:#081031;
border:1px solid #081031;
    font-family: ApexNewMedium !important;
float:left;
margin:10px 0 20px;
}






/*****************************************************************************************************************************/
/*														elm00036 Address Detail     */
/*****************************************************************************************************************************/

.elm35formLabel br {
display:none;
}

.elm35maindetails h3 {
color:#17263a;
font-family: ApexNewBold;
text-transform:uppercase;
text-align:left;
font-size:20px;
margin:30px 0 20px
}

.elm35maindetails {
margin-bottom:40px;
    overflow: hidden;
	float:left;
	width:100%;
}

.elm35_prev,.elm35next {
margin:20px 10px 30px;
float:left;
}

.elm35maindetails .postcodeLookupButton {
float:left;
}


/*****************************************************************************************************************************/
/*														elm00036 Order History     */
/*****************************************************************************************************************************/


.elm36Order h2,.elm36text {
display:none;
}

.ordLbl,.elm36orderno,.dateLbl,.elm36date,.statLbl,.elm36ordstat span {
float:left;
width:50%;
font-size:17px;
font-family: ApexNew;
padding:10px 10px 10px 25px;
text-align:left;
line-height:22px;
}

.elm36orderno,.elm36date,.elm36ordstat span {
border-left:1px solid #e0e0e0
}

.ordLbl,.elm36orderno,.statLbl,.elm36ordstat span {
background:#ebecec
}

.dateLbl,.elm36date {
background:#f4f5f6
}

.elm36ordcontainer {
float:left;
width:100%;
margin:0 0 30px;
}

.elm36orderno {
color:#3db0dc !important;
text-decoration:underline
}

@media (max-width:400px) {

	.ordLbl,.elm36orderno,.dateLbl,.elm36date,.statLbl,.elm36ordstat span {
	width:100%;
	}

	.elm36orderno, .elm36date, .elm36ordstat span {
		border-bottom: 1px solid #e0e0e0;
		border-left:none
	}

}

/*****************************************************************************************************************************/
/*						elm00021 / elm00067 / elm00064 / elm00065 	standard and trade registration     */
/*****************************************************************************************************************************/

.elm67register, .elm64register, .elm65register{
	display:block;
	width:100%;
	height:auto;	
}

.elm67h2, .elm64h2, .elm65h2{
	display:block; 
	width:100%; 
	line-height:30px;
	font-size:18px; 
}

.elm67h3, .elm64h3, .elm65h3{
	clear:both;
	display:block;
	width:auto;
	line-height:40px;
	margin:0;
	font-size:14px;
}

.elm67text, .elm64text, .elm65text{
	display:block;
	padding:10px 0px 10px 0px;		
}
.elm67maindetails, .elm64maindetails, .elm65maindetails{
	width:470px;
	padding:0;
	margin:auto;	
}

.elm67formErrorLabel, .elm64formErrorLabel, .elm65formErrorLabel{
	float:left;
	clear:left;
	display:block;
	width:145px;
	height:18px;
	margin:0px 0px 10px 0px;
	padding:0px 0px 0px 0px;
	}

.elm67formLabel, .elm64formLabel, .elm65formLabel{
	float:left;
	clear:left;
	display:block;
	width:145px;
	height:20px;
	margin:0px 0px 10px 0px;
	padding:2px 0px 0px 0px;
	}
.elm67inputL, .elm64inputL, .elm65inputL{
	width:300px;
	height:16px;
	background-color:#F4F4F4;	
	margin:0;
	border:1px solid silver;
	clear:right;
	float:left;
	}
.elm67input, .elm64input, .elm65input{
	width:180px;
	height:16px;
	background-color:#F4F4F4;	
	margin:0;
	border:1px solid silver;
	clear:right;
	float:left;
}
.elm67dropdown, .elm64dropdown, .elm65dropdown{
	width:180px;
	height:20px;
	float:left;	
	background-color:#F4F4F4;	
	margin:0;
	padding:0;
	border:1px solid silver;
	clear:right;
}
.elm67smalldropdown, .elm64smalldropdown, .elm65smalldropdown{
	float:left;	
	width:60px;
	height:20px;
	background-color:#F4F4F4;	
	margin:0;
	border:1px solid silver;
	clear:right;
}
.elm67postcode, .elm64postcode, .elm65postcode{
	font-size: 12px;
	width:75px;
	height:16px;
	float:left;	
	background-color:#F4F4F4;	
	margin:0px 5px 0px 0px;
	border:1px solid silver;
	}
.elm67tickbox, .elm64tickbox, .elm65tickbox{
	margin:2px 0px 0px 0px;
	}
.elm67retrieve, .elm64retrieve, .elm65retrieve{
	float:left;
	}

/*****************************************************************************************************************************/
/*													elm00009 	Basket Page [basic]   */
/*****************************************************************************************************************************/

.elm09Basket{
	display:block;
	width:100%;
	height:auto;	
	float:left;
}

.elm09h2{
	display:block; 
	width:100%; 
	line-height:30px;
	font-size:18px; 
}

.elm09h3{
	clear:both;
	display:block;
	width:auto;
	line-height:40px;
	margin:0;
	font-size:14px;
}

.elm09text{
	padding:10px 0px 10px 0px;
}

.elm09addtext{

}

.elm09basket{
	padding:0px 0px 0px 0px;
	display:block;
	width:auto;
	height:auto;
}

.elm09BasketTable{
}

.elm09BasketTitle{
	font-weight:bold;	
}
.elm09BasketText{}

.elm09Desc{}
.elm09Desc a{}
.elm09total{
	font-weight:bold;
	background-color:#eaeaea;
}

/*****************************************************************************************************************************/
/*														General Error Reporting	 */
/*****************************************************************************************************************************/

.elmerrorarea {
	font-size:12px;
	color:red;
	width:auto;	
	overflow:visible;
	border:0px solid red;
    	padding:0;
	margin:10px;
}
.elmerrorarea p {
    font-size:11px;
}
.elmerror {
    	color:red;
	width:auto;
	height:60px;
	overflow:visible;
	border:0px solid red;
 	padding:20px 20px 20px 20px;
	margin:0;
}

/*****************************************************************************************************************************/
/*													  elm00002   product navigation     */
/*****************************************************************************************************************************/

.elm00140 {
	float:left;
	width:100%;
	position:relative;
	margin:100px 0 0;
}

.elm00002 {
    position: absolute;
    top: 20%;
    left: -256px;
    opacity: 0;
    display: block;
    width: 90%;
}

.menu-open .elm00002 {
    opacity: 1;
    left: 5%;
    transition: all 650ms ease 150ms;
}

.elm02ProductNav a {
	color:#fff;
}

/*****************************************************************************************************************************/
/*												elm00003	] [ HORIZONTAL ]    */
/*****************************************************************************************************************************/

.elm00003 {
    z-index: 3;
    color: #061132;
    font-family: ApexNewMedium;
    margin-left: -15px;
    margin-right: -15px;
    background: #eee;
    position: relative;
    display: flex;
    padding-top: 10px;
    padding-bottom: 10px;
	/*display:none;*/
}

.elm03BreadCrumb {
	padding:0;
}

.elm03BreadCrumb a {
color:#061132;
float:left;
text-transform:uppercase;
font-size:16px;
font-family: ApexNewMedium;
text-decoration:none;
}

.elm03arrow,.elm03prod {
display:none;
}

.elm03BreadCrumb a:after {
    content: '>';
    padding: 0 3px;
}

.elm03BreadCrumb a:nth-last-child(1):after {
display:none;
} 

.bodyPAG00042 .elm00003 a:nth-last-child(1) {
/*display:none;*/
}

.module.COM00046 {
    margin-right: -15px;
    margin-left: -15px;
}

/*.elm03BreadCrumb:before {
content:"";
position:absolute;
top:20px;
left:0;
width:7.5%;
height:2px;
background:#0d2143;
}*/

@media (max-width:767px) {

	
	.elm03BreadCrumb a {
		font-size:15px;
		line-height:18px;
	}
	
	.elm03BreadCrumb:before {
		width:10px;
		top:16.6px;
	}


        .elm00003 {
                display: -webkit-inline-box;
                float: left;
                padding-bottom: 20px;
                width: 110%;
       }



}

@media (min-width:768px) and (max-width:1199px) {
	.elm03BreadCrumb:before {
		width:40px;
	}
}


@media (max-width:992px) {
	.elm00003 {
	display:none;
	}
}





/*****************************************************************************************************************************/
/*													elm00004	Keyword Search        */
/*****************************************************************************************************************************/



#menu .elm00004 {
    position: relative !important;
    /* left: -300px; */
    /* top: 90px !important; */
    width: 100% !important;
    margin-left: 0;
    position: relative;
    -moz-transition: all 700ms ease-out;
    -webkit-transition: all 700ms ease-out;
    -o-transition: all 700ms ease-out;
    transition: all 700ms ease-out;
    opacity: 0;
    float: left !important;
    margin-top:0;
    top: auto !important;
    left: auto !important;
    background: #121424;
    padding:85px 15px 15px;
}

#menu .elm04Search form {
    position: relative;
}

.menu-open .elm00004 {
	-moz-transition: all 700ms ease-out;
    -webkit-transition: all 700ms ease-out;
    -o-transition: all 700ms ease-out;
    transition: all 700ms ease-out;
	left:0 !important;
	opacity:1 !important;
}

#menu .elm04GoButton {
    background: url(/images/page/search_white.png);
    background-repeat: no-repeat;
    width: 18px !important;
    height: 18px !important;
    border: none;
    text-indent: -99999999px;
    position: absolute;
    right: 0;
    top: 10px;
    padding: 0;
    background-size: cover !important;
    overflow: hidden;
}

#menu .elm04Input {
float:left;
width:100%;
background:none !important;
border:none;
border-bottom:1px solid #fff;
padding:8px 25px 8px 0px;
font-size:20px;
color:#fff;
font-family: ApexNew;
-webkit-border-radius: 0px !important;
-moz-border-radius: 0px !important;
border-radius: 0px !important;
}

.elm04Input:-webkit-autofill,
.elm04Input:-webkit-autofill:hover,
.elm04Input:-webkit-autofill:focus,
.elm04Input:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s;
-webkit-text-fill-color: #898989 !important; 
}

#menu #elmsrchBox {
float:left;
width:100%;
}




#AdditionalSearchBar2 .elm04searchActive {
opacity:1 !important;
z-index:999 !important;
    -moz-transform: translate3d(0px, 0px, 0px) !important;
    -webkit-transform: translate3d(0px, 0px, 0px) !important;
    -o-transform: translate(0px, 0px) !important;
    -ms-transform: translate(0px, 0px) !important;
    transform: translate3d(0px, 0px, 0px) !important;
	    visibility: visible !important;
}

#AdditionalSearchBar2 .elm00004 {
    background: rgba(18,20,35,.98);
    position: fixed;
    left: 0;
    top: 50px;
    width: 100%;
    height: 100%;
    -moz-transform: translate3d(0px, 0px, 0px) !important;
    -webkit-transform: translate3d(0px, 0px, 0px) !important;
    -o-transform: translate(0px, 0px) !important;
    -ms-transform: translate(0px, 0px) !important;
    transform: translate3d(0px, 0px, 0px) !important;
    z-index: 9999;
    padding: 7% 5% 0;
    opacity: 0;
    z-index: 0;
    transition: all 650ms ease 250ms !important;
    visibility: hidden;
}

.elm04Input:focus {
outline:none !important;
}

#AdditionalSearchBar2 .elm04Label,#menu .elm04Label {
display:none;
}



#AdditionalSearchBar2 .elm04GoButton {
    background: url(/images/page/search_white.png) no-repeat;
    width: 42px;
    height: 42px;
    background-size: cover !important;
    border: none;
    text-indent: -99999999px;
    position: absolute;
    right: 0;
    top: 31px;
    padding: 0;
    webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}

#AdditionalSearchBar2 .elm04Input {
    float: left;
    width: 100%;
    background: none !important;
    border: none;
    border-bottom: 1px solid #fff;
    padding: 15px 58px 15px 0px;
    color: #fff;
	font-size:50px;
	 font-family: ApexNewHeavy;
	 height:106px;
}

#AdditionalSearchBar2 .elm04Search {
float:left;
width:100%;
position:relative;
margin-top:30px;
}





.bodyPAG00050 #MainL .elm00004 {
margin-left:-15px;
margin-right:-15px;
background: #f2f3f4;
padding:20px 0 40px;
}

#MainL .elm04Label {
display:block;
text-align:left;
text-transform:uppercase;
font-family: ApexNewBold;
font-size:15px;
}

#MainL .elm04Input {
width:100%;
    background: none !important;
    border: none;
    border-bottom:2px solid #cccccc;
    padding: 8px 35px 8px 0px;
    font-size: 21px;
line-height:27px;
    color: #c8c9ca;
	font-family: ApexNew;
}

#MainL .elm04Input:focus {
	color:#444;
}

.bodyPAG00050 #MainL #elmsrchBox {
width:30%;
position:relative;
margin-left:35%;
}

#MainL .elm04GoButton {
    background: url(/images/page/search.svg) no-repeat;
    width: 25px;
    height: 25px;
    background-size: contain;
    border: none;
    text-indent: -99999999px;
    position: absolute;
    right: 0;
    bottom: 13px;
}

@media (max-width:767px) { 


#MainL #elmsrchBox {
width:100%;
margin-left:0;
}

.bodyPAG00050 #MainL .elm00004 {
	padding-left:40px;
	padding-right:40px;
}

.bodyPAG00050 #MainL #elmsrchBox {
	width:100%;
	margin-left:0; 
}

.bodyPAG00050 #MainL .elm00004 {
	padding:20px 15px 40px !important;
}
}










#masthead .elm00004 {
float:right;
position:relative;
height: 70px;
display:table;
margin-right:15px;
}

#masthead .elm04Search {
display:table-cell;
vertical-align:middle;
}

.elm04Label {
display:none;
}

#masthead .elm04GoButton {
background-image:url(/images/page/search.svg);
border:none;
background-color:#fff !important;
text-indent:-9999999999999px;
position:absolute;
top:5px;
right:5px;
width:22px;
height:22px;
background-size:contain;
background-repeat:no-repeat;
}

#masthead #frmSearch {
position:relative;
}

#masthead .elm04Input {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: inset 10px 10px 5px 0px rgba(0,0,0,0);
-moz-box-shadow: inset 10px 10px 5px 0px rgba(0,0,0,0);
box-shadow: inset 10px 10px 5px 0px rgba(0,0,0,0);
border:1px solid #ccc;
height:32px;
padding:5px 30px 5px 10px;
    font-family: ApexNew;
	width:260px;
	color:#898989;
}


@media (max-width:767px) {

#masthead .elm00004 {
	height:50px;
}	

}

@media (max-width:700px) {

#masthead .elm00004 {
    float: left;
    clear: both;
    margin: 0;
    padding: 5px 5px;
    background: #0f024b;
    width: 100%;
    height: auto;
}

#masthead .elm04Input {
	width:100%;
}	

}






/***********NO RESULTS SEARCH***************/

.noResultsMessage {
padding:30px 15px;
}

#elm206_noresults .elm00004 {
padding:0 15px;
}

#elm206_noresults #elmsrchBox .elm04Label {
display:none;
}

#elm206_noresults #elmsrchBox:before {
content:"Try Another Search";
display: block;
    text-align: left;
    text-transform: uppercase;
    font-family: ApexNewBold;
    font-size: 15px;
}

#elm206_noresults #elmsrchBox {
width:100%;
position:relative;
}

/***************************************************************************************************************************************/
/*														elm00287	category results         */
/***************************************************************************************************************************************/

.elm287headWrap {
width: 100%;
    background: #061132;
    float: left;
    padding: 60px 0 50px;
    position: relative;
    z-index: 1;
}

.elm287headWrap h1 {
    float: left;
    font-family: ApexNewHeavy;
    color: #fff;
    font-size: 50px;
    text-transform: uppercase;
    font-weight: bold;
    text-align: left;
    z-index: 2;
    position: relative;
	padding:0 15px;
}


.elm00287 {
    margin-left: -15px;
    margin-right: -15px;
    background: #fff;
}


.elm287searchresults {
background:#fff;
display:block;
overflow:hidden;
}

#elm287productContainer {
    position: relative;
    float: left;
    width: 100%;
    margin-top: -20px;
    z-index: 1;
}

.elm287product{
float:left;
width:100%;
height:540px;
position:relative;
margin-bottom:0;
}

.elm287productimg {
float:left;
width:85%;
position:relative;
height:87%;
overflow:hidden;
}

.elm00287ImageContainer {    position: relative;
    float: left;
    width: 100%;
}

.elm287productimg img {
position:absolute;
display:inline-block;
left:0;
top:0;
height:auto;
width:auto;
    display: inline-block;
    margin: auto;
}
	
/*.elm287productimg img {
  -webkit-transform: translate(0, -100%);
     -moz-transform: translate(0, -100%);
      -ms-transform: translate(0, -100%);
       -o-transform: translate(0, -100%);
          transform: translate(0, -100%);
  -webkit-transition: -webkit-transform 3s ease-in;  
     -moz-transition: -moz-transform 3s ease-in;
       -o-transition: -o-transform 3s ease-in;
          transition: transform 3s ease-in;
}

.elm287in-view .elm287productimg img {
  -webkit-transform: translate(0, 0);
     -moz-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
       -o-transform: translate(0, 0);
          transform: translate(0, 0);
}

.elm287in-view .elm287mainImage{
  -webkit-transform: translate(0, 0);
     -moz-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
       -o-transform: translate(0, 0);
          transform: translate(0, 0);
}
.elm287mainImage {
  -webkit-transform: translate(0, -100%);
     -moz-transform: translate(0, -100%);
      -ms-transform: translate(0, -100%);
       -o-transform: translate(0, -100%);
          transform: translate(0, -100%);
  -webkit-transition: -webkit-transform 1s ease-in;
     -moz-transition: -moz-transform 1s ease-in;
       -o-transition: -o-transform 1s ease-in;
          transition: transform 1s ease-in;
}

.elm287in-view .elm287desc {
  -webkit-transform: translate(0, 0);
     -moz-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
       -o-transform: translate(0, 0);
          transform: translate(0, 0);
}
*/

.elm287mainImage {
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
background-position:top center;
background-repeat:no-repeat;
background-size:auto 190%;
}


.elm287prodImgAssist {
float:left;
width:15%;
position:relative;
height:100%;

}

.elm287prodImgAssist img {
position:absolute;
top: 0;
    bottom: 0;
    left: 100%;
    right: 0;
max-width:100%;
height:auto;
max-height:100%;
width:auto;
    display: inline-block;
    margin: auto;
}

.elm287in-view .elm287prodImgAssist img {
left:0 !important;
-moz-transition: all 700ms ease-out;
    -webkit-transition: all 1000ms ease-out;
    -o-transition: all 1000ms ease-out;
    transition: all 1000ms ease-out;
}

.elm287title {
position:absolute;
left:0;
bottom:0;
    width: 100%;
height:100%;
overflow:hidden;
}

.elm287desc {
    color: #081031;
    font-family: ApexNewHeavy;
    text-transform: uppercase;
    font-size: 65px;
    line-height: 65px;
    text-align: left;
    width: auto;
/*    -webkit-transform: translate(0, 150%);
    -moz-transform: translate(0, 150%);
    -ms-transform: translate(0, 150%);
    -o-transform: translate(0, 150%);
    transform: translate(0, 150%);
    -webkit-transition: -webkit-transform 1s ease-in;
    -moz-transition: -moz-transform 1s ease-in;
    -o-transition: -o-transform 1s ease-in;
    transition: transform 1s ease-in;
	*/
    bottom: 0;
    vertical-align: bottom;
    position: absolute;
    bottom: 0;
	padding:0 15px 20px;

text-shadow: 0px 0px 45px rgba(255, 255, 255, .3);
}

.elm287desc:after {
content:"";
height:6px;
width:50%;
position:absolute;
bottom:0;
left:15px;
background:#79cabd
}

.elm287productContainer {
float:left;
width:100%;
}

.elm287productContainer:nth-child(3) {
padding:60px 0 0;
    position: relative;
}

.elm287productContainer:nth-child(3):before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 75%;
    background: #f2f3f4;
    width: 100%;
}

.elm287productContainer:nth-child(5) {
padding:60px 0 0;
    position: relative;
}

.elm287productContainer:nth-child(5):before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 75%;
    background: #081031;
    width: 100%;
}


.elm287link {
float:left;
width:100%;
text-align:left;
margin:15px 0 30px;
}

.elm287link a {
font-family: ApexNewBold;
color:#081031;
font-size:20px;
text-transform:uppercase;
text-decoration:none;
background:url(/images/page/link_arrow.png) center right no-repeat;
padding:0 32px 0 15px;
background-size:26px;
}



.elm287headWrap:after {
    content: "";
    position: absolute;
    right:0;
    bottom: -37px;
    width: 55px;
    height: 100px;
    background: url(/images/page/dots.png) no-repeat;
    background-size: 100%;
}

.elm287featProds {
float:left;
width:100%;
}

.elm287feat_img img, .elm287hero_product img {
    /* float: left; */
    width: 100%;
    display: block;
    max-width: 300px;
    margin: auto;
}

.elm287hero_product .col-sm-8 {
margin-bottom:6%;
padding:0 15px;
}

.elm287hero_inner {
    background: #f2f3f4;
padding: 20px 15px;
}

.elm287hero_price .elm287now_price,.elm287feat_price .elm287now_price {
    font-family: ApexNewMedium;
    color: #081031;
    font-size: 23px;
    margin: 10px 0;
    float: left;
    line-height: 26px;
}

.elm287feat_product {
text-align:left;
margin-bottom:6%;
}

.elm287featuredTeaser {
font-size:14px;
font-family: ApexNew;
line-height:24px;
color:#444;
}

.col-sm-offset-custom {
	margin-left:12.4999999%;
}

.elm287feat_img img {
    z-index: 2;
    position: relative;
    margin-top: -6%;
}

.elm287hero_detail {
	text-align:left;
}

.elm287hero_detail h3 {
color:#081031;
font-size:25px;
    text-transform: uppercase;
    color: #081132;
    font-weight: bold;
    font-family: ApexNewHeavy;
    padding: 0 0 10px;
    line-height: 26px;
    margin: 10px 0 0;
}

.elm287feat_detaildesc {
    float: left;
    width: 100%;
    text-align: left;
    font-size: 25px;
    text-transform: uppercase;
    color: #081132;
    font-weight: bold;
    font-family: ApexNewHeavy;
    padding: 0 0 10px;
    line-height: 26px;
    margin: 10px 0 0;
    border-bottom: 4px solid #7ac8bb;
}

.elm287feat_detaildesc h3 {
    color: #081132 !important;
    text-decoration: none;
    max-height: 52px;
    overflow: hidden;
    float: left;
}

.elm287_wishlistBtn {
background: url(/images/page/favourites.svg) no-repeat !important;
    text-indent: -999999px;
    margin: 8px 0 0;
    float: right !important;
    padding: 0 !important;
    width: 26px !important;
    height: 26px;
	-webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0) !important;
}

.elm287_quickInfo {
    background: url(/images/page/quick_view.png) 0 2px no-repeat !important;
    text-indent: -999999px;
    margin: 10px 20px 0 0;
    float: right !important;
    padding: 0 !important;
    width: 35px !important;
    height: 26px;
    background-size: 100% !important;
	-webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0) !important;
}

.elm287hero_btns .elm287_wishlistBtn {
float:left !important;
margin-left:20px;
-webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0) !important;
}

.elm287hero_btns  {
	float:right !important;
}

.elm287hero_btns .elm287_quickInfo {
float:left !important;
margin-left:20px;
margin-right:0 !important;
-webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0) !important;
}

.elm287_herobtn{
float:left;
}


.elm287CAT00973.elm287in-view div.elm287product div.elm287productimg a div.elm287mainImage {
    background-position: center top;
}
 

.elm287CAT00984.elm287in-view div.elm287product div.elm287productimg a div.elm287mainImage {
    background-position: center bottom;
}
 
.elm287CAT00995.elm287in-view div.elm287product div.elm287productimg a div.elm287mainImage {
    background-position: center -245px;
}
 
.elm287CAT00936.elm287in-view div.elm287product div.elm287productimg a div.elm287mainImage {
    background-position: center -90px;
}
 
.elm287CAT00946.elm287in-view div.elm287product div.elm287productimg a div.elm287mainImage {
    background-position: center center;
}
 
.elm287CAT00958.elm287in-view div.elm287product div.elm287productimg a div.elm287mainImage {
    background-position: center bottom;
}
 
.elm287CAT00960.elm287in-view div.elm287product div.elm287productimg a div.elm287mainImage {
    background-position: center center;
}
 
.elm287CAT00979.elm287in-view div.elm287product div.elm287productimg a div.elm287mainImage {
    background-position: center bottom;
}
 
.elm287CAT00989.elm287in-view div.elm287product div.elm287productimg a div.elm287mainImage {
    background-position: center center;
 
}
 
.elm287CAT00997.elm287in-view div.elm287product div.elm287productimg a div.elm287mainImage {
    background-position: center center;
}
 
.elm287CAT01004.elm287in-view div.elm287product div.elm287productimg a div.elm287mainImage {
    background-position: center center;
}
 
.elm287CAT01008.elm287in-view div.elm287product div.elm287productimg a div.elm287mainImage {
    background-position: center center;
}

.elm287CAT00927.elm287in-view div.elm287product div.elm287productimg a div.elm287mainImage {
    background-position: center center;
}
 
.elm287CAT00941.elm287in-view div.elm287product div.elm287productimg a div.elm287mainImage {
    background-position: center center;
}
 
.elm287CAT00942.elm287in-view div.elm287product div.elm287productimg a div.elm287mainImage {
    background-position: center center;
}
 
.elm287CAT01037.elm287in-view div.elm287product div.elm287productimg a div.elm287mainImage {
    background-position: center center;
}
 
.elm287CAT00944.elm287in-view div.elm287product div.elm287productimg a div.elm287mainImage {
    background-position: center -266px;
}
 
.elm287CAT00962.elm287in-view div.elm287product div.elm287productimg a div.elm287mainImage {
    background-position: center center;
}
 
.elm287CAT00964.elm287in-view div.elm287product div.elm287productimg a div.elm287mainImage {
    background-position: center -266px;
}
 
.elm287CAT00966.elm287in-view div.elm287product div.elm287productimg a div.elm287mainImage {
    background-position: center center;
}
 
.elm287CAT00982.elm287in-view div.elm287product div.elm287productimg a div.elm287mainImage {
    background-position: center center;
}
 
.elm287CAT01012.elm287in-view div.elm287product div.elm287productimg a div.elm287mainImage {
    background-position: center center;
}
 
.elm287CAT01014.elm287in-view div.elm287product div.elm287productimg a div.elm287mainImage {
    background-position: center -266px;
}
 
.elm287CAT01017.elm287in-view div.elm287product div.elm287productimg a div.elm287mainImage {
    background-position: center center;
}
 
.elm287CAT01018.elm287in-view div.elm287product div.elm287productimg a div.elm287mainImage {
    background-position: center bottom;
}

.elm287CAT00992.elm287in-view div.elm287product div.elm287productimg a div.elm287mainImage {
    background-position: center center;
}
 
.elm287CAT01038.elm287in-view div.elm287product div.elm287productimg a div.elm287mainImage {
    background-position: center center;
}
 
.elm287CAT01025.elm287in-view div.elm287product div.elm287productimg a div.elm287mainImage {
    background-position: center center;
}
 
.elm287CAT00943.elm287in-view div.elm287product div.elm287productimg a div.elm287mainImage {
    background-position: center center;
}
 
.elm287BRN00215.elm287in-view div.elm287product div.elm287productimg a div.elm287mainImage {
    background-position: center center;
}
 
.elm287BRN00216.elm287in-view div.elm287product div.elm287productimg a div.elm287mainImage {
    background-position: center center;
}
 
.elm287CAT01000.elm287in-view div.elm287product div.elm287productimg a div.elm287mainImage {
    background-position: center center;
}
 
.elm287CAT00976.elm287in-view div.elm287product div.elm287productimg a div.elm287mainImage {
    background-position: center center;
}
 
.elm287CAT00987.elm287in-view div.elm287product div.elm287productimg a div.elm287mainImage {
    background-position: center center;
}

.elm287CAT01011.elm287in-view div.elm287product div.elm287productimg a div.elm287mainImage {
    background-position: center center;
}

.elm287CAT01011.elm287in-view div.elm287product div.elm287productimg a div.elm287mainImage {
    background-position: center center;
}

.elm287CAT01033.elm287in-view div.elm287product div.elm287productimg a div.elm287mainImage {
    background-position: center center;
}


.elm287CAT01034.elm287in-view div.elm287product div.elm287productimg a div.elm287mainImage {
    background-position: center center;
}


.elm287CAT01036.elm287in-view div.elm287product div.elm287productimg a div.elm287mainImage {
    background-position: center center;
}

.elm287CAT00965.elm287in-view div.elm287product div.elm287productimg a div.elm287mainImage {
    background-position: center center;
}

.elm287CAT00963.elm287in-view div.elm287product div.elm287productimg a div.elm287mainImage {
    background-position: center center;
}

.elm287CAT01040.elm287in-view div.elm287product div.elm287productimg a div.elm287mainImage {
    background-position: center center;
}

.elm287CAT01039.elm287in-view div.elm287product div.elm287productimg a div.elm287mainImage {
    background-position: center center;
}

.elm287CAT01066.elm287in-view div.elm287product div.elm287productimg a div.elm287mainImage {
    background-position: center center;
}

.elm287CAT01068.elm287in-view div.elm287product div.elm287productimg a div.elm287mainImage {
    background-position: center center;
}



@media (max-width:500px) {
	.elm287mainImage {
	background-size:auto 140% !important;
	}
}

/*mobile*/
@media (max-width:767px) { 

.elm287featProds .col-sm-12 {
	padding:0;
}

.elm287link a,.elm287desc {
	padding-left:0;
}

.elm287featuredTeaser {
font-size:16px;
font-family: ApexNew;
line-height:26px;
color:#444;
}

.elm287hero_btns {
    display: inline-block;
    width: 100%;
    float: none !important;
}

.elm287feat_detaildesc {
	font-size: 16px;
    line-height: 17px;
}

.elm287headWrap h1,.titleContainer h1,.elm51title h1,.elm52title h1 {
	font-size:24px !important;
}

.titleContainer:after,.elm51title:after,.elm52title:after {
bottom: -2px !important;
    width: 135px !important;
    height: 14px !important;
}

.elm287product {
height:350px !important;
}

.elm287prodImgAssist {
	display:none;
}

.elm287productimg {
	width:96%;
	height:90%;
}

.elm287desc {
    font-size: 32px;
    line-height: 32px;
	padding-bottom:10px;
}

.elm287headWrap:after {
	display:none;
}

.elm287headWrap:before {
	right:20px;
}

.elm287_quickInfo {
	display:none;
}

.elm287_case_5 .elm287feat_product:nth-child(3n+1) {
	clear:left;
}
}

/*tablet*/
@media (min-width: 768px) and (max-width: 991px) { 
.elm287product {
height:400px !important;
}
.elm287_case_4 .elm287feat_product:nth-child(3n+1) {
    clear: left;
}
.elm287_case_5 .elm287feat_product:nth-child(3n) {
	clear:left;
}
}

/*desktop*/
@media (min-width:992px) and (max-width:1199px) { 
.elm287product {
height:500px !important;
}
.elm287_case_4 .elm287feat_product:nth-child(3n+1) {
    clear: left;
}

.elm287_case_5 .elm287feat_product:nth-child(3n) {
	clear:left;
}
}

@media (min-width:1200px) { 
.elm287_case_4 .elm287feat_product:nth-child(3n+1) {
    clear: left;
}

.elm287_case_5 .elm287feat_product:nth-child(3n) {
	clear:left;
}
}

/*******************FORM TO EMAIL***********************/


.elm00068 {
margin-left:-15px;
margin-right:-15px;
position:relative;

}

.elm68message:before {
content:"";
position:absolute;
top:0;
left:0;
height:160px;
width:100%;
    z-index: 1;
    background: rgb(6, 17, 50);
}

.elm68message {
    padding: 60px 0px 20px;
overflow:hidden;
}

.elm68message h3 {
float:left;
z-index:2;
    font-family: ApexNewHeavy;
    color: rgb(255, 255, 255);
    font-size: 50px;
    text-transform: uppercase;
    font-weight: bold;
    text-align: left;
    z-index: 2;
    position: relative;
}

.elm68message h4 {
float:left;
clear:left;
margin:70px 0 15px;
font-size:21px;
}

.elm68message p {
float:left;
clear:left;
font-size:17px;
}



.elm00068:after {
    content: "";
    position: absolute;
    right:0;
    top: 97px;
    width: 55px;
    height: 100px;
    background: url(/images/page/dots.png) no-repeat;
    background-size: 100%;
z-index:3;
}








@media (max-width:767px) {
.elm68message {
padding-left:15px !important;
padding-right:15px !important;
}
	
.elm68message h3 {
    font-size: 34px !important;
}

.elm68message:before {
height:144px !important;
}	

.elm68message:after {
	right:15px;
	top:7px;
}

.elm00068:after {
	display:none;
}

}

@media (min-width:768px) and (max-width:1199px) { 
.elm68message {
padding-left:40px !important;
padding-right:40px !important;
}

.elm68message h3,.elm68message h4,.elm68message p {
padding-left:15px;
padding-right:15px;
}

.elm68message:after {
	right:40px;
}
}

@media (min-width:1200px) {
.elm68message {
padding-left:8% !important;
padding-right:8% !important;
} 

.elm68message h3,.elm68message h4,.elm68message p {
padding-left:15px;
padding-right:15px;
}
}


/*******************ACCORDION***********************/

#accordion h3 {
border:none !important;
background:#e2e5e7 !important;
padding:10px 15px !important;
color:#444 !important;
font-family: ApexNewMedium !important;
text-transform:uppercase;
font-size:16px;
-webkit-border-radius: 0px !important;
-moz-border-radius: 0px !important ;
border-radius: 0px !important;
}

.ui-icon {
right:15px !important;
left:auto !important;
}

.ui-dialog-content .ui-accordion-content {
border:none !important;
padding:20px 0 !important;
font-family: ApexNew;ont-size:17px;
line-height:27px;
}


/*******************DIALOG BOXES***********************/



.ui-dialog {
z-index: 10003 !important; 
}

.ui-dialog .ui-icon {
display:none !important
}

.ui-dialog-yotpoReview .ui-dialog-titlebar-close span {
/*display:none !important;*/
}

#elm289yotpoDialog,#elm288yotpoDialog {
    margin: 1% 0 1% 1% !important;
}
#elm288_moblieDesc #yotpoAsk2 {
margin-left:0 !important;
}

div#elm288imgCont {
    padding-right: 0px!important;
}

h1.elm288_title {
    font-size: 20px;
    text-transform: uppercase;
    color: #081031;
	font-family: ApexNewHeavy;
}

#yotpoAsk {
    font-size: 13px !important;
font-family: ApexNew;
color: #070f2f !important;
text-decoration: none !important;  cursor: pointer !important;
font-weight:bold !important;
float:right !important;
    margin: 10px 0 0 !important;
    line-height: 17px !important;
clear:none !important; 
}

#yotpoAsk span {
color: #070f2f !important;
font-size: 13px !important;
}

.ui-dialog-delivery, .ui-dialog-size-guide, .ui-dialog-description, .ui-dialog-personalisation,.ui-dialog-yotpoReview,.ui-dialog-faceted-filter,.ui-dialog-elm335pers  {
    top: 0 !important;
    right: -40% !important;
    position: fixed !important;
    left: auto !important;
	height: -moz-calc(100vh) !important;
    height: -webkit-calc(100vh) !important;
    height: calc(100vh) !important;
	    height: 100% !important;
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important;
    border: none !important;
    z-index: 10003 !important;
    width: 40% !important;
    -moz-transition: all 700ms ease-out;
    -webkit-transition: all 700ms ease-out;
    -o-transition: all 700ms ease-out;
    transition: all 700ms ease-out;
    background: #fff !important;
	display:block !important;
	-webkit-backface-visibility: hidden;
-webkit-perspective: 1000;
}

.ui-dialog-size-guide .ui-dialog-titlebar {
display:block !important;
}


.ui-widget-overlay {
    background: rgba(18,20,35,0.96) !important;
    opacity: 1 !important;
    z-index: 10001 !important;
    position: fixed !important;
		-moz-transition: all 700ms ease-out;
    -webkit-transition: all 700ms ease-out;
    -o-transition: all 700ms ease-out;
    transition: all 700ms ease-out;
}

.ui-dialog-titlebar {
background:none !important;
padding:18px 20px !important;
border:none !important;
border-bottom:1px solid #ececec !important;
-webkit-border-radius:0px !important;
-moz-border-radius: 0px !important;
border-radius: 0px !important;

}

.ui-dialog {
padding:0 !important;
}

.ui-dialog .ui-dialog-title {
font-size:20px;
line-height:30px;
font-family: ApexNewHeavy;
color:#081031;
text-transform:uppercase;
}

.ui-dialog-content {
	padding:20px 20px 20px 20px !important;
	height: -moz-calc(100% - 81px) !important;
    height: -webkit-calc(100% - 81px) !important;
height:calc(100% - 81px) !important;
overflow-y:scroll;
    width: 98% !important;
    margin: 1% 0 20% 1%;
}

#quickInfoDialog {
    width:100% !important;
    max-height: auto !important;
    margin:0 !important;
 /*   transform: rotateY(180deg) !important;
    -moz-transform: rotateY(0deg) !important;
    -webkit-transform: rotateY(0deg) !important;
    -ms-transform: rotateY(0deg) !important;
    -o-transform: rotateY(0deg) !important;*/
}

.ui-dialog-content {
overflow-x: auto;
}

/*.ui-dialog-content,.content_inner,#elm288CustomForm {              
transform:rotateY(180deg);
-moz-transform:rotateY(180deg); 
-webkit-transform:rotateY(180deg); 
-ms-transform:rotateY(180deg); 
-o-transform:rotateY(180deg); 
}

.content_inner .content_inner,#elm206_message {
    transform: rotateY(0deg) !important;
    -moz-transform: rotateY(0deg) !important;
    -webkit-transform: rotateY(0deg) !important;
    -ms-transform: rotateY(0deg) !important;
    -o-transform: rotateY(180deg) !important;
}

#elm00289basketPopup,#elm288_dialogBox {
    transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
}

#searchElements,#addComponent,#addElement {
	transform:rotateY(0deg) !important;
-moz-transform:rotateY(0deg) !important; 
-webkit-transform:rotateY(0deg) !important; 
-ms-transform:rotateY(0deg) !important;
-o-transform:rotateY(0deg) !important; 
}*/

.content_inner,#elm288CustomForm {
	float:left;
	width:100%;
}

.ui-dialog-content::-webkit-scrollbar {
    width: 12px;
}
 
/* Track */
.ui-dialog-content::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.2); 
    -webkit-border-radius: 10px;
    border-radius: 10px;
background:rgba(250,250,250,1)
}
 
/* Handle */
.ui-dialog-content::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(250,250,250,0.8) !important; 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
}

.ui-dialog-content::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(255,0,0,0.4); 
}






.ui-dialog:focus {
	outline:none;
}

.ui-resizable-handle {
	display:none !important;
}

@media (max-width:767px) { 

.ui-dialog-content {
		height: -moz-calc(100% - 61px) !important;
    height: -webkit-calc(100% - 61px) !important;
height:calc(100% - 61px) !important;
}

.ui-dialog-titlebar {
	padding:8px 20px !important;
}

.ui-dialog-delivery,.ui-dialog-size-guide,.ui-dialog-description,.ui-dialog-personalisation,.ui-dialog-yotpoReview,.ui-dialog-faceted-filter,.ui-dialog-elm335pers {
width:100% !important;	
right:-100% !important;
}
}

/*tablet*/
@media (min-width: 768px) and (max-width: 991px) { 
.ui-dialog-delivery,.ui-dialog-size-guide,.ui-dialog-description,.ui-dialog-personalisation,.ui-dialog-yotpoReview,.ui-dialog-faceted-filter,.ui-dialog-elm335pers {
width:60% !important;
right:-60% !important;
}
}

.ui-dialog-open {
	right:0 !important;
}

/*---------------- QUICK INFO BOX ---------------------------------*/
.html-dialog-open {
    overflow: hidden;
}

.ui-dialogqinfo {
	z-index:10004 !important;
	-webkit-border-radius: 0px !important;
-moz-border-radius: 0px !important;
border-radius: 0px !important;
}

.ui-dialogqinfo .ui-dialog-title {
display:none;
}

.ui-dialogqinfo .ui-dialog-titlebar {
    padding: 0 !important;
    background: none !important;
    border: none !important;
    position: absolute !important;
    right: 0px !important;
    top: 0px !important;
    width: 25px;
    height: 25px;
    left: auto;
    z-index: 2;
	display:block !important;
}

.ui-dialog-titlebar-close {
    top: 15px !important;
    right: 15px !important;
margin:0 !important;
width:25px !important;
height:25px !important;
padding:0 !important;
border:none !important;
background:url(/images/buttons/close_delete.svg) no-repeat !important;
}

.ui-dialog-titlebar-close:focus {
	outline:none !important;
}

.ui-dialog-titlebar-close span {
background:url(/images/buttons/close_delete.svg) no-repeat !important;
width:25px !important;
height:25px !important;
margin:0 !important;
display:none;
}

.ui-dialogqinfo {
width:70% !important;
left:15% !important;
}

.ui-dialogqinfo:after {
    content: "";
    position: absolute;
    right:0;
    bottom: -17px;
    width: 55px;
    height: 100px;
    background: url(/images/page/dots.png) no-repeat;
    background-size: 100%;
}

#quickInfoDialog {
padding:0 40px 0 0 !important;
}

.qiProdImages {
    float: left;
    width: 48%;
    background: #ffffff;
}

.qiMainImage {
float:left;
width:100%;
max-width: 468px !important;
}

.qiProdDetails,.qiProdOptions,.qiExtDesc,.qiProdLink {
float:right;
width:48%;
clear:right;
}

.qiProdOptions {
	padding:0 0 20px;
}

.qiProdLink a {
font-family: ApexNewBold;
color:#081031 !important;
text-transform:uppercase;
font-size:20px;
float:left;
margin:10px 0 10px;
text-decoration:none;
}

.qiProdLink a:focus {
	outline:none;
}

.qiProdLink a:after {
content:"";
height:20px;
width:32px;
float:right;
background-image:url('/images/page/link_arrow.png');
background-repeat:no-repeat;
background-size:cover;
margin:-1px 0 0;
}

.qiProdDetails {
	position:relative;
	padding:75px 0 0;
}

.qiProdTitle {
    border-bottom: 4px solid #7ac8bb;
    font-size: 25px;
    text-transform: uppercase;
    color: #081132;
    font-weight: bold;
    font-family: ApexNewHeavy;
    padding: 0 120px 7px 0;
    line-height: 28px;
    margin: 0;
    word-break: break-word;
}

.qiExtDesc {
    float: left;
    width: 100%;
    font-family: ApexNew;
    font-size: 17px;
    line-height: 27px;
    margin: 15px 0;
    max-height: 81px;
    overflow: hidden;
}

.qiExtDesc p {
    font-size: 17px;
    line-height: 27px;
    margin: 0 0 27px;
}

.qiPrices {
position:absolute;
bottom:12px;
right:0;
}

.qinowprice {
font-family: ApexNewHeavy;
    color: #081031;
    font-size: 20px;
    float: left;
    line-height: 20px;
}

.qiPriceDiff {
display:none;
}

.qiPrice {
color: #081132;
    font-weight: bold;
    font-family: ApexNewHeavy;
font-size:30px;
}

.qiWasLabel {
display:none;
}

.qiWasPrice {
    font-size: 20px;
    color: #999;
    text-decoration: line-through;
    line-height: 35px;
font-family: ApexNewMedium;

}

.qiProdCode,.qiAvail {
display:none;
}


.qiDimensions div,.qiQty  {
    margin-bottom: 15px;
}

.qiDim1Container label,.qiDim2Container label {
font-size: 15px;
    color: #444;
    text-transform: uppercase;
    font-family: ApexNewBold;
    margin-bottom: 10px;
}

.qiDim1Container select, .qiDim2Container select {
    background: #e2e5e7;
    border: none !important;
    padding: 8px 40px 8px 15px!important;
    height: auto;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: none;
    font-size: 17px;
    line-height: 27px;
    font-family: ApexNew;
    width: 100%;
}

.qiDim2Container {
width:45%;
float:left;
}

.qiQty {
	float:left;
	width:100%
}

.qiQtyDim {
float:right !important;
width:45% !important;
}

.qiQty label {
    font-size: 15px;
    color: #444;
    text-transform: uppercase;
    font-family: ApexNewBold;
    margin-bottom: 10px;
}

#qiQuantity {
background: #e2e5e7;
    border: none !important;
    padding: 8px 40px 8px 15px !important;
    height: auto;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: none;
    font-size: 17px;
    line-height: 27px;
    font-family: ApexNew;
    width: 100%;
}

.qiBuyBtn {
    float: left;
    width: 100%;
    font-family: ApexNewMedium !important;
    font-size: 17px !important;
    padding: 14px 0;
}

#qiviewCarousel {
	display:none;
}

.qiMainImage {
background:#f2f3f4;
}


@media (max-width:450px) {

.qiMainImage {
float:left;
width:100%;
max-width: 300px !important;
}

.qiProdTitle {
    border-bottom: 4px solid #7ac8bb;
    font-size: 14px;
    text-transform: uppercase;
    color: #081132;
    font-weight: 700;
    font-family: apexnew;
    padding: 0 120px 7px 0;
    line-height: 16px;
    margin: 0;
}

.qiProdLink a {
    font-family: ApexNew;
    color: #081031 !important;
    text-transform: uppercase;
    font-size: 14px;
    float: left;
    margin: 10px 0;
    text-decoration: none;
}

.qiProdLink a::after {
    content: "";
    height: 14px;
    width: 24px;
    float: right;
    background-image: url(/images/page/link_arrow.png);
    background-repeat: no-repeat;
    background-size: cover;
    margin: -2px 0 0;
}

.qiExtDesc p {
    font-size: 16px;
    line-height: 16px;
    margin: 0px 0 27px;
}

.qiProdImages {
    width: 100%;
    margin: 0 0 15px;
    padding: 10px 30px 20px;
}

}

#personalisation .ui-accordion {
    float: left;
    width: 100%;
    border: none !important;
    margin: 10px 0 0 !important;
}

#personalisation h3 {
    font-family: ApexNewBold;
    font-size: 16px;
    line-height: 19px;
    background: none;
    color: #081031 !important;
    text-align: left;
    float: left;
    border-top: 3px solid #ececec;
    border-bottom: 3px solid #ececec;
    width: 100%;
    padding: 6px 0;
    border-left: none;
    border-right: none;
    text-transform: uppercase;
}

#personalisation .ui-accordion-content {
    border: none !important;
    padding: 10px !important;
    width: 100%;
    background: #f4f5f6 !important;
    margin: -1px 0 0 !important;
    float: left;
    width: 100%;

}

#personalisation .ui-accordion-content div {
    float: left;
    font-family: ApexNew;
    color: #444;
    font-size: 16px;
    padding: 0;
    margin-right: 3px;
    text-align: left;
    line-height: 19px;
}

.quickInfoContainer:before {
content:"";
position:absolute;
left:0;
top:0;
width:46%;
background: #f2f3f4;
height:100%;
z-index:-1
}


@media (max-width: 767px) {
.qiProdImages {
    width: 100%;
    margin: 0 0 15px;
    padding: 50px 30px 20px;
}

.quickInfoContainer:before {
display:none;
}


#quickInfoDialog {
padding:0 0 15px !important;
}

.qiPrices {
right:15px !important;
}

.qiProdDetails,.qiProdLink,.qiProdOptions {
width:100%;
padding:0 15px;
}

.ui-dialogqinfo:after {
display:none
}

.ui-dialogqinfo {
    width: 90% !important;
    left: 5% !important;
}
}



/*************ELM206 FACETED*************/

/**********CATHEADER**************/

#ui-accordion-elm206catHeadAccordion-header-0 {
background:none !important;
border:none !important;
padding:10px 15px;
margin-top:0 !important;
}

div.elm206loadImg img {
    width: 150px;
}

.elm206loadMess {
    font-size: 12px;
}

.elm206catTitle {
color: #fff;
padding-bottom:0;
border-bottom: 3px solid #3db8e4;
    font-size: 24px;
line-height:24px;
display:inline-block;
text-transform:uppercase;
}

.elm206h1 {
	background: #0f204b !important;
    padding: 10px 15px;
}

#elm206catHeadAccordion .ui-accordion-header-icon {
display:none;
}

#elm206catHeadAccordion .ui-accordion-content {
margin-top:0 !important;
padding:0;
border:none !important;
width:100%;
overflow:hidden;
}

.elm206branchTitle {
text-transform:uppercase;
font-family: ApexNewMedium;
color:#061132;
}

.elm206headCategory a {
color:#061132 !important;
font-family: ApexNew;
font-size:17px;
line-height:20px;
}

/*.elm206headCats {
-webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
-webkit-column-gap: 0;
    -moz-column-gap:0; 
    column-gap: 0;
}*/

.elm206headCats {
	float:left;
	width:100%;
	text-align:left;
}

#elm206catHeadAccordion .ui-accordion-content:after {
content:"";
float:left;
width:100%;
border-bottom:1px solid #eaeaea;
margin:-1px;
}

#elm206catHeadAccordion {
background:#0f204b;
color:#fff;
}

.elm206headCategory {
padding:5px 15px;
border-bottom:1px solid #eaeaea;
float:none;
display:inline-block;
text-align:center; 
}

.elm206branchTitle {
background:#eaeaea;
padding:5px 15px;
margin:0 0 2px;
}

#ui-accordion-elm206catHeadAccordion-header-0:after {
content:"";
background-image: url(/images/page/cat_dropdown_arrow.png)!important;
    background-color: #0f024b!important;
    background-position:center !important;
    background-repeat: no-repeat!important;
    background-size: 17px !important;
width:17px;
height:17px;
display:inline-block;
vertical-align:middle;
margin-left:5px;
margin-top:-10px;
}


.elm206Was div.elm206WNT.elm206WNTThen span.elm206PriceVal {
    margin-left: 2px;
    margin-right:2px;
}

#elm206_message span {
	    text-align: center;
    width: 100%;
    display: inline-block;
    margin: 10px 0 0;
}

.elm206Spinner {
	    text-align: center;
    margin: 20px 0 0;
}

.elm206Spinner img {
	display: inline-block;
    width: 80%;
}

#elm206outWrapper {
float:left;
width:100%;
background:#eee;
}

.elm206facetedNav {
position:relative;
z-index:3;
}

.elm206facetedSubTitle {
	font-size:17px;
    font-family: ApexNewMedium;
	line-height:20px;
	padding:10px 0;
	border-bottom:1px solid #cccccc;
	cursor:pointer;
	padding-left: 25px;
	margin-left:-15px;
	margin-right:-15px;
}


#respPriceWrapper {
    padding: 15px;
    display: none;
    /* overflow: hidden; */
    float: left;
    width: 100%;
}

.e206PriceSlider {
float:left;
width:100%;
text-align:center;
}

.e206PriceSlider span {
display:block;
margin:10px 0;
}

#respPrice {
float:left;
width:100%;
}

.elm206facetedBread {
padding:0 15px;
float:left;
width:100%;
display:none;
}

.elm206FilterOption {
margin:0 0 10px;
background:#fff;
border:1px solid #ccc;
padding:6px 30px 6px 10px;
}

.elm206FilterUpdate {
    margin-top: 20px;
    float: left;
    margin-left: 50px;
}


.elm206h2 {
display:inline-block;
font-family: ApexNewHeavy;
text-transform:uppercase;
font-weight:bold;
text-align:left;
z-index:2;
    position: relative;
	padding:0 15px;

    color: #061132;
    border-bottom: 3px solid #79cabd;
    padding-bottom: 7px;
    font-size: 24px;
font-weight:normal;
}


.elm206headWrap {
	background: #FFF;
	text-align: center;
}
.elm206headWrap .elm206titleContainer {
	padding: 0 !important;
	float: none;
	display: inline-block;
}
.elm206headWrap .elm206titleContainer:before {
	content: none !important;
}

.elm206headWrap .elm206h2:before {
	content: none !important;
}
.elm206headWrap .elm206h2:after {
	content: none !important;
}


.elm206HiddenFilters {
	display:none !important;
}

.e206checkwrap {
	clear: both;
	display: none;
}
.elm206FilterProfile {
	display: none;
	margin-left: 15px;
	cursor: pointer;
}
.e206checkwrap div {
	padding: 0;
	clear: both;
}
.e206checkwrap label {
	padding-left: 10px;
	display: none;
}
.e206checkwrap p {
	display: block;
	font-size: 18px;
	padding: 10px 0;
	padding-left: 25px;
	float: left;
    margin-left: -10px;
	width: 100%;
    height: auto;
}
.e206checkwrap input[type="checkbox"] {
	display: none;
}
.elm206headWrap {
	background: #FFF;
	text-align: center;
}
.elm206headWrap .elm206titleContainer {
	padding: 0 !important;
	float: none;
	display: inline-block;
}
.elm206headWrap .elm206titleContainer:before {
	content: none !important;
}
.elm206h2{
	background: #fbfbfb;
	color: #061132;
	padding-bottom: 7px;
}
.elm206facetedControlHeader {
	padding: 0;
}
.elm206headWrap .elm206h2:before {
	content: none !important;
}
.elm206headWrap .elm206h2:after {
	content: none !important;
}
.elm206OneColumnPrice,.elm206OneColumn {
float:left;
width:100%
}
.elm206GroupTicked {
	background: url(/images/page/complete_tick.png) no-repeat;
    /* width: 18px; */
    background-size: 17px;
    background-position-y: 10px;
    /* margin-left: -10px; */

    padding-left: 25px;
}

.elm206GroupBack {
    background: url(/images/page/back_arrow.png) left center no-repeat;
    padding-left: 35px;
	background-size:30px 18px;
}

.elm206FilterClear {
	display: none;
	float: right;
}

.elm206OneColumnPrice button, .elm206ClearImg {
	float: right;
	display: none;
}

#refine-search,.elm206Paging,.elm206ProdQtyBuy {
	display:none !important;
}

.elm00206 {
position:relative;
margin-left:-15px;
margin-right:-15px;
display:block !important;
}

.elm206headWrap {
    width: 100%;
    background: #061132;
    float: left;
    padding: 60px 0 50px;
	position:relative;
}

.elm206titleContainer {
    padding: 20px 15px 5px;
    position: relative;
    float: left;
    width: 100%;
    background: #fbfbfb;
}



.elm206ProductBegins {
	overflow:hidden;
	background:#eee;  
}

/*.elm206headWrap .elm206titleContainer:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 66%;
    height: 20px;
    background: #0d2243;
    z-index: 1;
}

.elm206headWrap:before {
    content: "";
    position: absolute;
    bottom:0;
    width: 60px;
    height: 138px;
    background-size: 100%;
    opacity:0.35;
}

.elm206headWrap:after {
    content: "";
    position: absolute;
    right:0;
    bottom: -37px;
    width: 55px;
    height: 100px;
    background: url(/images/page/dots.png) no-repeat;
    background-size: 100%;
}*/

.elm206ImgType {
    display: inline-block;
    margin: 10px 0;
}

.elm206ImgTypeBtn {
    width: 100px;
    box-shadow: none!important;
    border: 1px #ccc solid;
    color: #061132;
    margin: 0;
    padding: 5px;
    text-transform: uppercase;
    font-size: 14px;
    font-family: ApexNewMedium;
    min-width: 120px;
    line-height: 20px;
    text-indent: 3px;
    background: #FFF;
    float: left;
}

.elm206ImgTypeBtnSelected {
    background: #061132;
    color: #FFF;
    border: 1px #061132 solid;
}  

.elm206FilterDialogBtnContainer {
	float: left;
	width: 25%;
	padding: 0 5px;
	margin: 10px 0;
}


.elm206FilterDialogBtn {
    margin: 0;
    border: 1px solid #CCC;
    background: transparent;
    padding: 5px;
    padding-right: 25px;
    /* -webkit-appearance: none; */
    /* -moz-appearance: none; */
    text-transform: uppercase;
    font-size: 14px;
    /* line-height: 24px; */
    /* border: none; */
    color: #061132;
    font-family: ApexNewMedium;
    min-width: 120px;
    line-height: 20px;
    text-align: left;
    text-indent: 3px;
}

.elm206FilterDialogBtn {
background-image: url(/images/page/right_arrow.png) !important;
background-color:#fff !important;
background-position:right 5px center !important;
    background-repeat: no-repeat !important;
    background-size: 11px!important;
}

#facetedSort {
	background-image: url(/images/page/down_arrow.png) !important;
background-color:#fff !important;
background-position:right 5px center !important;
    background-repeat: no-repeat !important;
    background-size: 17px!important;
}

.elm206facetedNav {
	float: right;
	width: 25%;
	margin: 10px 0;
	padding: 0 5px;
}
.elm206HeaderBtnsContainer {
	max-width: 500px;
	margin: 0 auto;
}

.elm206FilterDialogBtnContainerBig,.elm206facetedNavBig {
width:50%;
}

.elm206SortDiv {
float:left;
}

.elm206noResults .elm206PageDetail {
	min-width:50%;
}


.elm206PageDetail {
    /* float: left; */
    /* margin-top: -25px; */
    padding-top: 16px;
    padding-bottom: 16px;
    background: #f2f3f4;
    min-width: 40%;
    text-align: left;
    position: absolute;
    left: 0;
    top: -25px;
	font-size:16px;
	line-height:24px;
	font-family: ApexNew;
	display:none;
}

.elm206noResults .elm206pageCount {
background:url(/images/page/red_cross.png);
background-size:22px;
background-position:15px 50%;
padding-left:45px !important;
    background-repeat: no-repeat;
}

.elm206pageCount {
	padding:0 15px;
}

#facetedSort {
    margin: 0;
    border: 1px solid #CCC;
    background: transparent;
    padding: 5px;
    padding-right: 25px;
    /* -webkit-appearance: none; */
    /* -moz-appearance: none; */
    text-transform: uppercase;
    font-size: 14px;
    /* line-height: 24px; */
    /* border: none; */
    color: #061132;
    font-family: ApexNewMedium;
    line-height:20px;
}

#facetedSort:focus {
	outline:none;
}

.elm206facetedSearch {
    /* margin: 50px 0 0; */
    float: left;
    width: 100%;
    z-index: 2;
    position: relative;
    padding:0;
    background:#eee!important;
}

.elm206QuickInfo {
    float: left;
    width: 30px;
    margin: 0 20px 0 0;
	height:30px;
}

.elm206Iwrap{
	    position: relative;
    float: left;
    width: 100%;
}

.elm206Iwrap img {
max-width:100%;
}

.elm206Iwrap a {
    z-index: 2;
    position: relative;
    float:left;
    width:100%;
	text-align:center;
}

.elm206Desc {
    float: left;
    width: 100%;
    text-align: left;
    color: #081132;
    font-weight: 400;
    font-family: arial;
    margin-bottom: 5px;
    height: auto;

}


.elm206Desc a {
    color: #081132 !important;
    text-decoration: none;
    max-height: 45px;
    overflow: hidden;
    float: left;
    font-size: 14px;
    line-height: 16px;
    min-height:36px;
}

.elm206count {
	display:none;
}

.elm206product {
    float: none;
    display: inline-block;
    vertical-align: top;
    border:3px solid #eee;
    background:#fff;
}

#elm206facetedSearch {
	text-align:left;
	background: #eee;
}

.elm206ShowMore {
    float: left;
    width: 100%;
    margin: 15px 0;
    text-align: center;
}


.elm206Price {
color:#081031;
font-size:20px;
line-height:26px;
}

.elm206DetailWrap {
    float: left;
    width: 100%;
    position: relative;
    margin-bottom:10px;
}

.elm206exLinks {
position:absolute;
bottom:0;
right:0;
height:33px;
display:none;
}

.elm206swatches {
  top: 5px;
  float: left;
  width: 100%;
}

.elm206Swatch.elm206_single {
    display: none;
}

.elm206SwatchWrapper {
    border-top: 4px solid #e2e5e7;
    padding: 15px 0;
    margin-top: 15px;
    float: left;
    width: 100%;
    display:none!important;
}

.elm206swatches .elm206Swatch {
    width: 25px;
    height: 25px;
    margin-right: 10px;
    float: left;
}

.elm206ShowingMore {
display:inline;
}

.elm206ShowMore {
float:left;
width:100%;
margin:15px 0;
}

.elm206ShowMoreInput {
font-family: ApexNewMedium;
text-transform:uppercase;
color:#fff;
background:#081031;
border:none;
padding: 6px 15px;
    font-size: 17px;
    line-height: 1.42857143;
}

.elm206ShowmoreValue {
margin:0 0 0 5px;
}


.elm206Wish {
background: url(/images/page/favourites.svg) no-repeat !important;
    text-indent: -999999px;
    margin: 0;
    float: right !important;
    padding: 0 !important;
    width: 26px !important;
    height: 26px;
	float:right;
}

.elm206Wish {
margin:2px 0 0;
}

.elm206exLinks {
bottom:-35px
}

.elm206Qview {
margin: 0 20px 0 0;
	float:right;
}



@media (max-width:767px) {
	
	.elm206FilterDialogBtnContainer {
		width: 50%;
	}
	.elm206facetedNav {
		width: 50%;
	}
	.elm206ImgType {
		width: 100%;
	}
	.elm206FilterDialogBtn {
		width: 100%;
	}
	.elm206ImgTypeBtn {
		float: none;
	}
	.elm206ImgTypeBtn1 {
		margin-right: -2px;
	}
	.elm206ImgTypeBtn2 {
		margin-left: -2px;
	}
	
	.elm206pageCount {
		padding:0;
	}

	.elm206swatches .elm206Swatch {
		width: 20px;
		height: 20px;
		margin-right: 10px;
		float: left;
	}

	.elm206Price,.elm287feat_detail .elm287now_price {
	font-size:16px !important;	
	}

	.elm206Wish {
		margin:0;
	}	

	.elm206Desc {
		min-height:34px;
	}

	.elm206Desc a {
		font-size:16px !important;
		line-height:17px !important;
		max-height: 32px !important;
	}

	.elm206QuickInfo {
		display:block;
	}

	.elm206titleContainer:after {
	bottom: -2px !important;
		width: 135px !important;
		height: 14px !important;
	}

	.elm206headWrap:after {
		display:none;
	}

	.elm206headWrap:before {
		right: 20px;
		height: 105px;
		width: 50px;
		top: 10px;
	}

	.elm206h2 {
		font-size:18px;
		padding:0;
	}

	.elm206PageDetail {
		/* width: -moz-calc(100% - 15px); */
		/* width: -webkit-calc(100% - 15px); */
		/* width:calc(100% - 15px); */
		width: 100%;
	}

	.elm206JSSort {
		left:0;
		top: 31px;
		/* width: -moz-calc(100% - 15px); */
		/* width: -webkit-calc(100% - 15px); */
		/* width:calc(100% - 15px); */
		width: 100%;
	}

	#facetedSort,.elm206SortDiv {
		width:100% !important;
		margin:0;
	}

	.elm206facetedSearch {
		padding:120px 0 0;
                background:#fbfbfb!important;
	}

}



@media (max-width:767px) {
.elm206facetedNav,.elm206FilterDialogBtnContainer {
	width:50%;
}

.elm206Was div.elm206WNT.elm206WNTThen span.elm206PriceVal {display:none;}

.elm206pageCount {
	padding:0;
}

.elm206swatches .elm206Swatch {
    width: 20px;
    height: 20px;
    margin-right: 10px;
    float: left;
}

.elm206Pricing {

    float: left;
    font-family: arial;
    text-align: left;
    height: auto;
    width:100%

}

.elm206Price,.elm287feat_detail .elm287now_price {
font-size:16px !important;	
}

.elm206Wish {
	margin:0;
}	


.elm206Desc a {
	font-size:12px !important;
	line-height:14px !important;
}

.elm206Desc {max-height:30px!important;	min-height:30px;overflow:hidden!important;}

.elm206PriceVal {
    font-size: 16px;
    color: #9a9b9c;
    margin-right:2px;
}


.elm206PriceVal.elm206Price {
    text-decoration: none !important;
    font-size: 16px !important;
    color: #3db7e4;
    font-weight:bold;
    line-height:16px;
    float:left;
    display:inline;
}



.elm206exLinks {
    bottom: -30px;
}

.elm206QuickInfo {
	display:block;
}

.elm206titleContainer:after {
bottom: -2px !important;
    width: 135px !important;
    height: 14px !important;
}

.elm206headWrap:after {
	display:none;
}

.elm206headWrap:before {
    right: 20px;
    height: 105px;
    width: 50px;
    top: 10px;
}

.elm206h2 {
	font-size:18px;
	padding:0;
}

.elm206PageDetail {
	width: -moz-calc(100%);
    width: -webkit-calc(100%);
width:calc(100%);
}

.elm206JSSort {
	left:0;
    top: 31px;
	width: -moz-calc(100%);
    width: -webkit-calc(100%);
	width:calc(100%);
}

#facetedSort,.elm206SortDiv {
	width:100% !important;
	margin:0;
}

.elm206facetedSearch {
	padding:5px 0 0;
        background:#eee!important;
}

.elm206FilterClear {
float:right;
background:#061132;
font-size:14px !important;
}

/*.elm206product:nth-child(2n+1) {
clear:left;
}*/
}

/*@media (min-width: 768px) and (max-width: 991px) { 
.elm206product:nth-child(3n+1) {
clear:left !important;
}
}

@media (min-width: 992px) and (max-width:1199px) {
.elm206product:nth-child(3n+1) {
clear:left !important;
}
}


@media (min-width:1200px) { 
.elm206product:nth-child(4n+1) {
clear:left !important;
}
}*/

@media (max-width:1400px) {
.elm206Desc a {
line-height: 18px;
max-height: 43px;
}

.elm293productTitle {
	font-size:20px !important;
line-height:23px !important;
}

.elm293productTitle a {
	max-height:48px !important;
}
}

/************************************ELM00286 MULTI LEVEL NAV**********************************/


.elm00286 {
    -webkit-transform: translate(0, -100%);
    -moz-transform: translate(0, -100%);
    -ms-transform: translate(0, -100%);
    -o-transform: translate(0, -100%);
    transform: translate(-100%, 0%);
    -webkit-transition: -webkit-transform 0.7s ease-in;
	opacity:0;
}

.menu-open .elm00286 {
    -webkit-transform: translate(0,0) !important;
    -moz-transform: translate(0,0) !important;
    -ms-transform: translate(0,0) !important;
    -o-transform: translate(0,0) !important;
    transform: translate(0,0) !important;
	opacity:1 !important;
	z-index:999999;
}

.elm00286 {
    display: block;
    /* position: fixed; */
    width: 100%;
    height: auto;
    -moz-transition: all 700ms ease-out;
    -webkit-transition: all 700ms ease-out;
    -o-transition: all 700ms ease-out;
    transition: all 700ms ease-out;
    left: -300px;
    top: 150px;
    bottom: 0;
    overflow: hidden;
    z-index: 99999;
    margin-top: 160px !important;
    float: left;
}

#elm286menu .norm {
height:100px;
    position: relative;
-webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

#elm286menu .norm span {
position:absolute;
  top: 50%;
  transform: translateY(50%);
}

#elm286menu {	
float:left;
width:100%;
-webkit-transform: translate3d(0,0,0) !important;
-ms-transform: translate3d(0,0,0) !important;
}

#elm286menu a {
	text-decoration:none;
	cursor:pointer;
}

.sublevel a {
color:#40b7e6;
text-transform:uppercase;
font-weight:normal;
font-size:18px;
clear:left;
float:left;
width:100%;
}

.sublevel a {
margin:8px 0 5px;
display:block;
overflow:hidden;
}

.thirdLevelList a {
color:#fff;
}

#elm286menu .col0 {
color:#f0d531 !important;
}

.toplevel {
	-ms-transform: translate3d(0,0,0) !important;
	-webkit-transform: translate3d(0,0,0) !important;
		position:relative;
}

.sublevel,.thirdlevel {
	display:none;
	    height: auto;
		-webkit-transform: translate3d(0,0,0) !important;
		-ms-transform: translate3d(0,0,0) !important;
		-moz-transition: all 0ms ease-out !important;
		-webkit-transition: all 0ms ease-out !important;
		-o-transition: all 0ms ease-out !important;
		transition: all 0ms ease-out !important;
		position:relative; 
		    -webkit-overflow-scrolling: auto !important;
    position: relative;
overflow:visible;
    float: left;
}

.norm {
font-size:30px;
font-weight:normal;
color:#000829;
text-transform:uppercase;
float:left;
width:100%;
font-family: ApexNewHeavy;
letter-spacing:1px;
    padding: 10px 15px;
}

.norm:hover {
	color:#fff;
}

.open_parent .elm286lvl1click {
color:#40b9e6 !important;
padding-left:18px;
background:url(/images/buttons/menu_cross_blue.jpg) left bottom 15px no-repeat;
}

.sublevel {
    padding-left: 20px;
    float: left;
    margin: 5px 0 10px;
	width:100%;
}

.thirdLevelList {
padding-left:20px;
}

.subLevelLink {
padding-left:20px;
}

.subLevelLink,.thirdLevelLink {
font-family: ApexNew;
}

.open_parent:before {
content:"";
position:absolute;
left:0;
top:0;
height:100%;
width:3px;
background:#40b9e6 !important
}

#elm286menu a {

}

.elm00286 {
	margin:130px 0 0 !important;
}	

#elm286menu .norm {
	height:auto !important;
}

#elm286menu .norm span {
	float:left;
	width:100%;
	position:relative;
	    transform: translateY(0%);
}

.toplevel {
padding-top:0;
padding-bottom:0;
background:none !important;
padding-left:0;
}

.norm {
margin-left:0;
}

@media (min-width: 768px) {
.open_parent .elm286lvl1click {
    color: #fff !important;
    background: url(/images/buttons/menu_cross_white.png) left bottom 15px no-repeat;
    background-size: 12px !important;
}
}



/************************************ELM129 NAVIGATION**********************************/



.elm00129 {
    float:left;
    width: 100%;
    position: relative;
    z-index: 1;
    margin: 0;
padding:0;
background:rgba(63,183,228,.8);
}

.elm00129 #menu {
	padding:0;
display: table;
width:100%;
height:61px;
margin:0;
}

.elm00129 .lrga {
    position: relative;
    /* float: left; */
    width: 10%;
    list-style: none;
    display: table-cell;
    padding: 0;
    height: 100%;
    vertical-align: middle;
}

.elm00129 .lrga .norm {
padding:15px 0 10px!important;
margin:0;
text-align:center;
font-size:18px;
width:100%;
color:#fff !important
}

.elm00129 .lrga:hover {
cursor:pointer;
}

.elm00129 .lrga:hover .norm {
color:#fff !important
}

.elm00129 .lrga div {
display:none;
top:61px;
}

.lrga:hover div {
    display: block;
    position: absolute;
    left:0;
    /* margin-left: -70px; */
    width: 100%;
}

.lrga a {
    font-size: 15px;
    color: #8b8b8b !important;
}

.lrga div {
background:#fff;
}

.lrga div a {
padding:0;
float:left;
color:#444 !important;
font-weight:normal;
font-size:15px;
text-decoration:none;
margin-bottom:10px;
width:100%;
text-align:left;
    font-family: ApexNew;
text-transform:uppercase;
}

.lrga dl {
    float: left;
    line-height: 16px;
    margin: 0;
    padding-left: 20px;
    padding-top: 10px;
    position: relative;
    width: 100%;
}

dl:hover {background:#eeeeee}

.thirdLevel {
left:100% !important;
padding:0 !important;
top:0 !important;
}

.lrga dl .thirdLevel {
display:none;
}

.lrga dl:hover .thirdLevel {
    display: block;
    padding:0 !important;
    margin-left: 0;
	width:250px !important;
}

.lrga dl dd:hover {
display:block;
}

.thirdLevel dd {
    padding-left: 20px;
    padding-top: 10px;
float:left;
width:100%;
}

.thirdLevel dd:hover {
background:#3db7e4;
}

.thirdLevel dd:hover a {
color:#fff !important
}


.thirdLevel {
background: #eeeeee !important;
}


@media (max-width:1199px) {
	.elm00129 {
		display:none;
	}
}


/************************************ELM271 STORE FINDER**********************************/




/************************************ELM288 DETAIL FASHION**********************************/

.elm288headWrap,.elm289headWrap,.elm290headWrap,.elm51headWrap,.elm52headWrap,.elm293headWrap,.elm294headWrap,.elm31headWrap,.elm35h2 {
width: 100%;
    background: #eeeeee;
    float: left;
    padding: 30px 0 50px;
    position: relative;
    z-index: 1;
}

#elm289Description.hidden-xs h4 {
    display: none;
}

.elm288headWrap h1,.elm289headWrap h1,.elm290headWrap h1,.elm51headWrap h1,.elm52headWrap h1,.elm293headWrap h1,.elm294headWrap h1,.elm31headWrap h1,.elm35h2 h1 {
    float: left;
    font-family: ApexNewHeavy;
    color: #081031;
    font-size: 35px;
    text-transform: uppercase;
    font-weight: bold;
    text-align: left;
    z-index: 2;
    position: relative;
	padding:0 15px;
}

.elm288headWrap:before,.elm289headWrap:before,.elm290headWrap:before,.elm51headWrap:before,.elm52headWrap:before,.elm293headWrap:before,.elm294headWrap:before,.elm31headWrap:before,.elm35h2:before {
    content: "";
    position: absolute;
    bottom:0;
    width: 60px;
    height: 138px;
    background-size: 100%;
    opacity:0.35;
}

.elm288headWrap:after,.elm289headWrap:after,.elm290headWrap:after,.elm51headWrap:after,.elm52headWrap:after,.elm293headWrap:after,.elm294headWrap:after,.elm31headWrap:after,.elm35h2:after {
    content: "";
    position: absolute;
    right:0;
    bottom: -37px;
    width: 55px;
    height: 100px;
    background: url(/images/page/dots.png) no-repeat;
    background-size: 100%;
}

.elm288titleContainer, .elm289titleContainer {
    padding-right: 30px;
    position: relative;
    text-align: left;
    padding-bottom: 10px;
    border-bottom: 2px solid #cccccc;
    min-height: 30px;
}

.elm288_title, .elm289_title {
    font-size: 24px;
    line-height: 26px;
}

.elm288titleContainer .favouriteBtn, .elm289titleContainer .favouriteBtn {
    position: absolute;
    right: 0;
    top: 0;
}

#yotpoBottomLine {
    /* float: right !important; */
    position: absolute;
    right: 0;
    top: 10px;
}


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

/*	.elm288grid2 {
	width:35%;
	}

	.elm288qtyContainer {
	width:65%;
	}*/
}

@media (max-width:767px) { 

	.elm288headWrap:after,.elm289headWrap:after,.elm289headWrap:after,.elm51headWrap:after,.elm290headWrap:after,.elm52headWrap:after,.elm293headWrap:after,.elm294headWrap:after,.elm31headWrap:after,.elm35h2:after {
		display:none;
	}

	.elm51headWrap:before,.elm52headWrap:before,.elm293headWrap:before,.elm294headWrap:before {
		right: 20px;
    height: 105px;
    width: 50px;
    top: 10px;
	}
	
	.elm288headWrap:before,.elm289headWrap:after {
    right: 20px;
    height: 105px;
    width: 50px;
    top: 50%;
    margin-top: -60px;
	}
	
	.elm31headWrap:before {
    right: 20px;
    height: 105px;
    width: 50px;
    top: 50%;
    margin-top: -52px;
	}
	
	#sizeGuide {
		/* display:none; */
	}

	.hasSizeGuide .form-group {
	padding:0 !important;
	}
}


/**********ELM288 DETAILS SECTION***********/

.elm288prodOptions {
	float:left;
	width:100%;
}

#elm288detailsCont, #elm289detailsCont {
    padding-top: 30px;
}

#elm288imgCont,#elm289imgCont {
padding-left:0 !important;
}


.elm288_pricingContainer, .elm289_pricingContainer {
    float: left;
    width: 100%;
    padding: 10px 0 15px;
    position: relative;
}

.elm288_rrp,.elm289_rrp {
color: #999;
    text-decoration: line-through;
    font-family: ApexNewMedium;
    line-height: 26px;
    font-size: 23px;
    width: 100%;
    float: left;
    text-align: left;
margin:0 0 5px;
}


#elm288_pricing,#elm289_pricing {
        font-family: ApexNewHeavy;
    color: #081031;
    font-size: 20px;
    float: left;
    line-height: 20px;
}

#elm288detailsCont .yotpo-bottomline,#elm289detailsCont .yotpo-bottomline {
margin:0 !important;
}

#yotpoAsk2 span {
font-family: ApexNewBold;
    font-size: 16px;
    line-height: 19px;
    background: none;
    color: #081031 !important;
    text-align: left;
    float: left;
text-transform:uppercase;
    border-bottom: 3px solid #ececec;
    width: 100%;
    padding: 12px 0;
position:relative;
cursor:pointer;
}

#yotpoAsk2 span:after {
    content: "";
    background: url(/images/page/plus_icon.png) right center no-repeat;
    background-size: cover;
    width: 15px;
    height: 15px;
    position: absolute;
    right: 0;
    top: 14px;
}

.elm288_rrpdesc,.elm289_rrpdesc {
	display:none;
}

.elm289_code,.elm288_code,.elm344_code {
    display: inline-block;
    padding-right: 10px;
    font-family: ApexNewMedium;
    text-transform: uppercase;
    color: #666;
    font-size: 17px;
    position: relative;
    padding-left: 20px;
    width: 50%;
}

.elm289_code:before,.elm288_code:before,.elm344_code:before {
    content: "";
    /* float: left; */
    width: 5px;
    height: 5px;
    background: #081031;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 999px;
    margin: 11px 10px 0 0;
    position: absolute;
    left: 0;
    top: 0;
}

.elm289_codelabel,.elm288_codelabel,.elm344_codelabel {
    float: left;
    padding-right: 5px;
color: #0f204b;
    font-weight: lighter;
    text-transform: capitalize;
}

.elm289code,#elm288_code,.elm344_code {
color: #3db7e4;
    float: left;
    text-transform: lowercase;
}


@media (max-width:767px) {
.hasThenPrice {
clear:left;
}
}

/***USER FEATURES***/

.UFfields {
    float: left;
    width: 100%;
    margin: 10px 0 10px;

}


.uf-FieldWrap {
    display:inline-block;
    padding-right: 10px;
    font-family: ApexNewMedium;
    text-transform: uppercase;
    color: #666;
    font-size: 17px;
    position: relative;
    padding-left: 20px;
	width:50%;
}

.uf-FieldData {
    color: #3db7e4;
    float: left;
    text-transform:lowercase;
}

.uf-FieldHead {
    color: #0f204b;
    font-weight: lighter;
    text-transform: capitalize;
}

.uf-FieldWrap:before {
    content: "";
    /* float: left; */
    width: 5px;
    height: 5px;
    background: #081031;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 999px;
    margin: 11px 10px 0 0;
    position: absolute;
    left: 0;
    top: 0;
}

.uf-FieldHead{
float: left;
    padding-right: 5px;
}

.uf-FieldHead:after{
content:":";
}

.uf-FieldData {
    float: left;
}

#elm288Description h4 {
display:none;
}

#elm288Description,#elm289Description {
	font-size:17px;
	line-height:27px;
	font-family: ApexNew;
	color:#444;
	text-align:left;
	float:left;
	width:100%;
	margin:10px 0;
}

#elm288Description li,#elm289Description li {
    margin-left: 20px;
}

#elm288Description ul,#elm289Description ul {
list-style-type: initial;
}

#elm288Description p,#elm289Description p {
		font-size:17px;
	line-height:27px;
	font-family: ApexNew;
	color:#444;
	margin:0 0 10px;
}

#elm288_buyButton .btn,#elm289_buyButton .btn{
float: left;
    width: 100%;
    font-family: ApexNewBold !important;
    font-size: 19px !important;
    padding: 14px 0;
	line-height:19px !important;
}

.elm288_customisation .btn {
    float: left;
    width: 100%;
    font-family: ApexNewMedium !important;
    font-size: 17px !important;
    padding: 10px 0;
background:#081031 !important;
margin:0 0 15px;
}


.elm288_imageViews,.elm289_imageViews {
display:none;
}

.elm288_image {
	float:left;
	width:100%;
}


.elm288Description, .elm289Description {
    height: auto;
    /*max-height: 84px;*/
    transition: 1s max-height;
    overflow: hidden;
    float: left;
    width: 100%;
}

.elm288descMore,.elm289descMore {
max-height: 4000px !important;
transition: 1s max-height;
}

.elm288readMore,.elm289readMore {
background:none;
color:#081031 !important;
padding:0 0 0 0px;
font-size:13px;
float:left;
}

.elm288prodOptions {
float:left;
width:100%;
}

#elm288was,#elm288then,#elm289was,#elm289then {
font-family: ApexNewHeavy;
    text-decoration: line-through;
    font-size:20px;
    color: #9a9b9c;
    float: left;
    line-height: 20px;
margin-right:10px;
}

#elm288now {
float:left;
}

.ST96927 #elm289nowPrice .nowprice:before {
    content: "from: "; 
}

.ST99196 #elm289nowPrice .nowprice:before {
    content: "from: "; 
}

/*.elm288readMore:before {
content:"";
background-image:url(/images/page/plus_icon.png);
width:10px;
height:10px;
background-size:cover;
background-repeat:no-repeat;
float:left;
margin:1px 4px 0 0;
}*/

.elm288readMore,.elm288delBtn,.elm289readMore,.elm289delBtn {
-webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0) !important;
text-decoration: underline;
line-height: 15px;
margin-top:10px;
}

.elm288delBtn,.elm289delBtn {
background: none;
    color: #081031 !important;
    padding: 0 0 0 0px;
    font-size: 13px;
float:right;
}

#sizeGuide {
    background: 0 0;
    color: #081031!important;
    padding: 0 0 0 0;
    font-size: 13px;
    /* position: absolute; */
    /* right: 15px; */
    /* bottom: 0; */
    float: right;
    /* clear: both; */
    -webkit-box-shadow: inset 0 0 0 transparent!important;
    text-decoration: underline;
    /* margin: 10px 0 10px; */
}


#elm288_qty {
position:relative;
}

#elm288descBtn,#elm289descBtn,#mobDelReturnBtn,.elm288mobSizeBtn  {
font-family: ApexNewBold;
font-size:16px;
line-height:19px;
background:none;
color:#081031 !important;
text-align:left;
float:left;
border-top:3px solid #ececec;
border-bottom:3px solid #ececec;
width:100%;
padding:12px 0;
}

.elm288mobSizeBtn {
	display: none !important;
}

#mobDelReturnBtn,.elm288mobSizeBtn  {
	border-top:none !important;
}

#elm288_moblieDesc {
margin:20px 0;
}

#elm288_moblieDesc a {
	position:relative;
}

#elm288_moblieDesc a:after {
    content: "";
    background: url(/images/page/plus_icon.png) right center no-repeat;
    background-size: cover;
    width: 15px;
    height: 15px;
    position: absolute;
    right: 0;
    top: 14px;
}

#sizeGuide:before {
    content: "";
    background-image: url(/images/page/size_icon.png);
    width: 15px;
    height: 15px;
    background-size: cover;
    background-repeat: no-repeat;
    float: left;
    margin: 1px 4px 0 0;
}


/*****************IMAGE CAROUSEL*************/

#elm289CarNav,#elm288CarNav {
    float: left;
    width: 100%;
    background: #e2e5e7;
    padding: 0px 0px;
    position: relative;
	min-height:52px;
}

.elm289LeftRight,.elm288LeftRight {
    position: absolute;
    right: 30px;
    top: 16px;
}

.elm288zoom button,.elm289zoom button {
border:none;
background:none;
padding:0;
width:30px;
height:30px;
}

.elm288zoom button img,.elm289zoom button img {
float:left;
width:100%;
}

.elm288zoom,.elm289zoom {
position:absolute;
left:30px;
top:12px;
}

.slick-slide:focus {
outline:none !important
}

.slick-prev {
    height: 27px !important;
    float: left;
    position: relative !important;
    top: auto !important;
    left: auto !important;
    background-image: url(/images/page/arrow.svg) !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    padding: 0 !important;
    margin: 0 !important;
    -webkit-transform: translate(0,0) !important;
    -ms-transform: translate(0,0) !important;
    transform: translate(0,0) !important;
    width: 21px !important;
    height: 21px !important;
    -webkit-transform: rotate(90deg) !important;
    -moz-transform: rotate(90deg) !important;
    -ms-transform: rotate(90deg) !important;
    -o-transform: rotate(90deg) !important;
    transform: rotate(90deg) !important;
}

.slick-next {
float:left;
position:relative !important;
top:auto !important;
right:auto !important;
background-image:url(/images/page/arrow.svg) !important;
background-repeat:no-repeat !important;
background-size:contain !important;
padding:0 !important;
margin:0 0 0 35px !important;
    -webkit-transform: translate(0,0) !important;
    -ms-transform: translate(0,0) !important;
transform: translate(0,0) !important;
    width: 21px !important;
    height: 21px !important;
	    -webkit-transform: rotate(-90deg) !important;
    -moz-transform: rotate(-90deg) !important;
    -ms-transform: rotate(-90deg) !important;
    -o-transform: rotate(-90deg) !important;
    transform: rotate(-90deg) !important;
}

.slick-arrow:before {
display:none !important;
}

.elm289ScrollNav,.elm288ScrollNav {
    display: inline-block;
    width: auto;
}

.elm289ScrollNav ul,.elm288ScrollNav ul {
position:relative !important;
top:auto !important;
bottom:auto !important;
float:left;
}

.slick-dots {
width:auto !important;
display:inline-block;
}

.slick-dots li button:before {
display:none !important;
}

.slick-dots li {
width:14px !important;
height:14px !important;
background:url(/images/page/empty_dot.png) no-repeat;
background-size:cover !important;
margin:0 7px !important;
}

.slick-dots .slick-active {
background:url(/images/page/active_dot.png) no-repeat !important;
background-size:cover !important;
}

.slick-slide img {
    display: inline-block !important;
    max-width: 400px !important;
    width: 100%;
}

@media (max-width:450px) { 

.slick-slide img {
    display: inline-block !important;
    max-width: 300px !important;
    width: 100%;
}

}

#elm288mainImgContainer,#elm289mainImgContainer {
position:relative;
z-index:2;
background:#fff;
margin-top:0px!important;
}

.slick-dotted.slick-slider {
	margin-bottom:0 !important;
}


/*********** IMAGE ZOOM ****************/


#elm288zoomContainer,#elm289zoomContainer {
    background:#fff;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10002;
	padding:0 0 120px;
}

html.all-devices body.bodyPAG00036 div#container.container.panel.slideout-panel div#pagecell1 div#MainL div.module.elm00289 div.row.elm289productContainerRow div#elm289productContainer div#elm289imgCont.col-sm-6.col-lg-7.col-xs-12 {
    padding-right: 0 !important;
}

.elm288ZoomHeader,.elm289ZoomHeader {
float:left;
width:100%;
position:relative;
    padding: 10px 20px !important;
    border-bottom: 1px solid #ececec !important;
}

.elm288zoomClose,.elm289zoomClose {
position:absolute;
top:50%;
right:11px;
    width: 30px;
    height: 30px;
text-indent:-999999999px;
background:url(/images/buttons/close_delete.svg) no-repeat !important;
background-size:cover !important;
padding:0;
margin:-15px 0 0 ;
}

.elm288zoomTitle,.elm289zoomTitle {
    font-size: 20px;
    line-height: 30px;
    font-family: ApexNewHeavy;
    color: #081031;
    text-transform: uppercase;
    margin: .1em 20px .1em 0;
}

.elm288MainZoom,.elm289MainZoom {
float:left;
width:100%;
height:75%;
text-align:center;
padding:20px 0;
}

.elm288MainZoom img, .elm289MainZoom img {
    display: inline-block;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}


.elm288zoomCarousel .slick-slide,.elm289zoomCarousel .slick-slide {
opacity:0.4
}

.elm288zoomCarousel .slick-current,.elm289zoomCarousel .slick-current {
opacity:1;
} 

.elm288zoomCarousel {
	padding:0 40px !important;
}

.elm288zoomCarousel .slick-prev {
position:absolute !important;
left:-28px !important;
top:50% !important;
margin-top:-9px !important;
}

.elm288zoomCarousel .slick-next {
position:absolute !important;
right:-28px !important;
top:50% !important;
margin-top:-9px !important;
}

.slick-slide a:focus {
outline:none;
}



/*********** RELATED PRODUCTS ****************/

.elmrelItemWrapper.col-md-4.col-lg-3.col-xs-6.col-sm-4.in-view {

    background: #fff;
    margin-right: 1%;
    padding-bottom: 10px;
    width: 24%;

}

.elmrelTitle h3 {
font-size:25px;
text-transform:uppercase;
color:#081031;
    border-bottom: 4px solid #3db7e4;
padding:0;
width:auto;
margin:auto;
display:inline;
} 

.elmrelTitle {
float:left;
width:100%;
margin:2% 0 0%;
text-align:left;
}

.elmrelItemWrapper  {
margin-top:40px;
}


.elmrelImage {
    position: relative;
    float: left;
    width: 100%;
}

.elmrelImage a {
    z-index: 2;
    position: relative;
    float: left;
    width: 100%;
}

.elmrelImage img {
    max-width: 100%;
    display: inline-block;
    z-index: 2;
    position: relative;
}

.elmrelDesc {
float: left;
    width: 100%;
    text-align: left;
    font-size: 25px;
    text-transform: uppercase;
    color: #081132;
    font-weight: bold;
    font-family: ApexNewHeavy;
    padding: 0 0 10px;
    line-height: 26px;
    margin: 10px 0 0;
    border-bottom: 4px solid #e2e5e7;
}

.elmrelDesc a {
    color: #081132 !important;
    text-decoration: none;
    max-height: 52px;
    overflow: hidden;
    float: left;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
    font-size: 18px;
    font-weight: normal !important;
}

.elmrelwas {
    float: left;
}

.elmrelthen {
    float: left;
}

.elmrelPrice {
    color: #081031;
    font-size: 20px;
    line-height: 26px;
    float: left;
    font-family: ApexNewMedium;
    text-align: left;
	width:auto;
}

.elmrelPriceWrapper {
	    padding: 10px 0;
    width: 100%;
	float: left;
}

.elmrelButton,.elmrelExt {
float:left;
width:100%;
}

.deliveryBanner {
    background: #081031;
    position: relative;
    overflow: hidden;
}

#elm288_relatedProds, #elm289_relatedProds {
	display:none;
	width:100%;
        background: #eee;
        padding-bottom: 4%;
        margin-top:10px;

}


@media (max-width:450px) { 
.elm289ScrollNav,.elm288ScrollNav {
    display: inline-block;
    width: auto;
}

.elm288zoom button, .elm289zoom button {
    width: 25px;
    height: 25px;
}

.elm288zoom, .elm289zoom {
top:14px;
}

.elm289LeftRight,.elm288LeftRight {
	right:15px;
}

.elm288zoom,.elm289zoom {
	left:15px;
}

}


@media (max-width:767px) { 

.elmrelTitle {
float:left;
width:100%;
margin:4% 0 4% !important;
}

.elmrelPrice {
	font-size:16px;
}

.elmrelTitle h3,.elm291ViewedItems h4 {
	font-size:21px !important;
	line-height:25px !important;
}

#elm288detailsCont,#elm289detailsCont  {
	display:inline-block;
	width:100%;
}

#elm288detailsCont form {
	margin-top:15px;
	float:left;
	width:100%;
}

.elmrelDesc {
    font-size: 16px;
    line-height: 17px;
}

.elmrelGridWrapper,.elmrelQty,.elmrelPurchase {
display:none;
}

#elm288_relatedProds, #elm289_relatedProds {
	display:none;
	width:100%;
        background: #eee;
        padding-bottom: 4%;
        margin-top:0;

}

#elm288detailsCont, #elm289detailsCont {
    padding-top: 15px;
}


.elmrelItemWrapper.col-md-4.col-lg-3.col-xs-6.col-sm-4.in-view {
    background: #fff !important;
    margin-top: 0px !important;
    width: 48% !important;
    margin-right: 1% !important;
    margin-left:1% !important;
    padding-bottom: 1% !important;
    margin-bottom:1% !important;
}

}


@media (max-width:900px) { 
.slick-prev, .slick-next {
    width: 17px !important;
    height: 17px !important;
    top: 4px !important;
}

.elm289LeftRight {
top:15px !important;
}

.slick-dots li {
    width: 10px !important;
    height: 10px !important;
    background: url(/images/page/empty_dot.png) no-repeat;
    background-size: cover !important;
}

.elm289ScrollNav, .elm288ScrollNav {
	margin:5px 0 0;
}

.elm289LeftRight, .elm288LeftRight {
	top:16px;
}
}

/******************PERSONALISATION********************/


.elm288CNameTitle,.elm288fontTitle,.elm288badgeTitle {
color:#162438;
font-family: ApexNewMedium;
margin:0 0 15px;
}

.elm288CNameSubTitle {
    color: #162438;
    font-family: ApexNewMedium;
    margin: 0 0 15px;
	padding-left:30px;
}

.elm288Or {
color:#162438;
font-family: ApexNewMedium;
margin:0 0 15px;
text-align:center;
}

.elm288NameArea,.elm288FontArea,.elm288BadgeArea {
margin:0 0 10px;
}

#elm288SVG1 {margin-left:0%;width:100%;}

.elm288Badges .checkbox img {
    width: 50px;
    position: absolute;
    right: 0;
    top: 50%;
    height: 50px;
    margin-top: -25px;
}

.elm288Badges .checkbox input {
    position: relative;
    margin-right: 10px;
    height: 20px;
    width: 20px;
}

.elm288CustomImage img {
    width: 67%;
    display: inline-block;
    margin-right: 17%;
    margin-left: 16%;
}

.elm288CustomImage {
width:100%;
text-align:center;
}

.checkbox input {
left:-20px !important;
}

.elm288Badges label {
    padding-right: 60px;
    font-family: ApexNew;
    font-size: 17px;
    text-align: left;
    color: #444;
}

.elm288BadgeOutput .checkbox {
height:50px;
}

.elm288cButtons {
padding:0;
}

.elm288cButtons {
text-align:center;
}

.elm288cButtons .favouriteBtn {
float:none !important;
margin:5px
}

.elm288cButtons .btn {
width:100%;
font-family: ApexNewMedium;
}

.persCancelmBtn {
background:#fff !important;
color:#081031 !important
}


.elm288CustomImgWrap svg {
	max-height:100%;
}


/******************ELM290 BASKET*********************/

.elm290total {
    padding-top: 16px;
    padding-bottom: 16px;
    background: #081031;
    min-width: 40%;
    text-align: left;
    float:left;
    font-size: 16px;
    line-height: 24px;
    font-family: ApexNew;
    color:#fff;
}

.elm290_totalLabel {
	padding:0 15px;
}

#elm290basketTop {
position:relative;
float:left;
width:100%;
z-index:1;
margin:-25px 0 50px;
}

.elm290updateBtn {
    float: left;
    border: none;
    padding: 19px 45px 18px;
    line-height: 19px;
    font-size: 19px;
    background: #3db7e4 !important;
}





.elm290product,.elm290offer_product  {
margin:0 0 40px;
}

.elm290productTitle {
    float: left;
    width: 100%;
    text-align: left;
    font-size: 25px;
    text-transform: uppercase;
    color: #081132;
    font-weight: bold;
    font-family: ApexNewHeavy;
    padding: 0 0 10px;
    line-height: 26px;
    margin: 10px 0 0;
    border-bottom: 4px solid #7ac8bb;
}

.elm290productTitle a {
    color: #081132 !important;
    text-decoration: none;
    max-height: 52px;
    overflow: hidden;
    float: left;
}

.elm290ImageWrapper {
    position: relative;
    float: left;
    width: 100%;
}

.elm290image {
    position: relative;
    margin-top: -15px;
    float: left;
    width: 100%;
    z-index: 2;
}

.elm290Price {
    float: left;
    width: 100%;
    font-family: ApexNewMedium;
    text-align: left;
    padding: 10px 0 0;
    color: #081031;
    font-size: 20px;
    line-height: 26px;
}

.elm290_prodDetail {
    position: relative;
float:left;
width:100%;
}

.elm290delete {
position:absolute;
right:0;
top:10px;
height:25px;
width:25px;
padding:0;
background:none;
}

.elm290image img {
	max-width:100%;
}

.elm290wishlistBtn {
float:left;
width:100%;
background:#081031;
line-height:22px !important;
display:none;
}

.elm290wishlistBtn img {
width:22px;
margin-bottom:-3px;
margin-right:10px;
}

.elm290dimType{
display:none;
}

.elm290dimDesc {
float:left;
}

.elm290dimensions {
float:left;
width:100%;
font-family: ApexNewMedium;
color:#999999;
font-size:16px;
padding:5px 0 0;
}

.elm290d1Div:after{
content:",";
float:left;
margin-right:3px;
}

.elm290_prodDetail .form-group {
margin:10px 0;
float:left;
width:100%;
border-top:3px solid #e2e5e7;
padding:15px 0 0;
}


.elm290persAccordion {
float:left;
width:100%;
border:none !important;
margin:10px 0 0 !important;
}

.elm290persAccordion h3 {
    font-family: ApexNewBold;
    font-size: 16px;
    line-height: 19px;
    background: none;
    color: #081031 !important;
    text-align: left;
    float: left;
    border-top: 3px solid #ececec;
    border-bottom: 3px solid #ececec;
    width: 100%;
    padding: 6px 0;
border-left:none;
border-right:none;
text-transform:uppercase;
}

.elm290persAccordion .ui-icon {
right:0 !important;
    background: url(/images/page/plus_icon.png) right center no-repeat !important;
background-size: cover !important;
height:14px !important;
width:14px !important;
}

.ui-state-active .ui-icon {
    background: url(/images/page/minus_icon.png) right center no-repeat !important;
background-size: cover !important;
}

.elm290persAccordion h3:focus,.elm290persAccordion h3:hover {
outline:none;
border-left:none;
border-right:none;
}

.elm290persContent {
    border: none !important;
    padding: 0 !important;
    width: 100%;
    background: #f4f5f6 !important;
    margin: -1px 0 0 !important;
    float: left;
    width: 100%;
}

.elm290personalistion {
    /*border-bottom: 2px solid #fff;*/
    float: left;
    width: 100%;
    padding: 10px 10px;
}

.elm290personalistion div {
    float: left;
    font-family: ApexNew;
    color: #444;
    font-size: 16px;
    padding: 0;
    margin-right: 3px;
    text-align: left;
	line-height:19px;
}

.elm290personalistion .persPrice {
clear:left;
color:#081031;
font-size:17px;
}

.elm290persContent .elm290personalistion:nth-child(n) {
background:#f4f5f6 !important
}

.elm290persContent .elm290personalistion:nth-child(2n) {
background:#ebecec !important
}





#elm290delSourceWrap {
background:#f2f3f4;
padding:30px 0 50px
}

.elm290delMeth {
    float: left;
    width: auto;
    margin-right: 30px;
    font-size: 17px;
    margin-bottom: 15px;
}

.elm290delMeth div{
display:inline;
}

.elm290delLabel {
    font-family: ApexNew;
}

.elm290delCost {
font-family: ApexNewMedium;

}

.elm290buttons {
    position: relative;
    float: left;
    width: 100%;
    z-index: 1;
    margin: -28px 0 0;
}

.elm290buttons .elm290total {
background:#fff;
}

.elm290sourceCode .form-group {
position:relative;
}

.elm290sourceCode .form-control {
    padding: 0 100px 0 0 !important;
	background:#f2f3f4;
}

.elm290sourceBtn {
    position: absolute;
    right: 0;
    top:12px;
font-size:15px;
background:#081031;
}

.elm290sourceCode{
margin:30px 0 0;
float:left;
width:100%;
}

.elm290delMethContainer {
float:left;
width:100%;

}

.elm290delMethContainer .col-xs-12:after{
content:"";
position:absolute;
left:15px;
bottom:0;
width: -moz-calc(100% - 30px);
width: -webkit-calc(100% - 30px);
width:calc(100% - 30px);
    border-bottom: 1px solid #cccccc;
}

.elm290delMethContainer .col-xs-12 {
padding-bottom:15px;
position:relative;

}




#elm290subTotal {
    background: #081031;
    color: #fff;
    font-family: ApexNewMedium;
    position: relative;
    padding: 30px 0 20px;
    margin-top: 35px;
}

.elm290sub {
text-align:left;
font-size:18px;
float:left;
margin:0 20px 10px 0;
}

#elm290subTotal:before {
content:"";
position:absolute;
left:0;
top: -moz-calc(50% - 1.5px);
top: -webkit-calc(50% - 1.5px);
top:calc(50% - 1.5px);
width:7.5%;
height:3px;
background:#fff;
}

.elm290discount {
float:left;
margin:0 0 10px;
text-align:left;
font-size:18px;
display:none;
}





.elm290offer_title {
    color: #061132;
    border-bottom: 4px solid #7ac8bb;
    text-transform: uppercase;
    font-size: 40px;
    font-weight: bold;
    padding: 0 0 6px;
    width: auto;
    display: inline-block;
	margin:0 0 30px;
}


.elm290contContainer .btn {
    background: url(/images/page/back_arrow.png) left top no-repeat !important;
    padding: 0 0 0 32px;
    color: #081031;
    font-family: "ApexNewBold";
    font-size: 18px;
    background-size: 26px 16px !important;
    float: left;
	-moz-box-shadow:none;
    -webkit-box-shadow:none;
    box-shadow:none;
}

.elm290contContainer {
padding-top:40px;
padding-bottom:40px;
}






@media (max-width:767px) { 

#elm290subTotal:before {
	width:10px;
}

.elm290sourceCode {
    margin: 30px 0 30px;
}

.elm290buttons {
	margin-top:-56px;
}

.elm290total,.elm290updateBtn {
	width: -moz-calc(100% - 15px);
    width: -webkit-calc(100% - 15px);
    width: calc(100% - 15px);
}

.elm290productTitle {
    font-size: 16px;
    line-height: 17px;
}

/*.elm290product:nth-child(n) {
clear:left;
}*/

}


@media (min-width: 768px) and (max-width:991px) {
	#elm290subTotal:before {
	width:36px;
}
/*.elm290product:nth-child(2n+2) {
clear:left;
}*/
}

@media (min-width: 992px) and (max-width:1199px) {
/*.elm290product:nth-child(3n+2) {
clear:left;
}*/

#elm290subTotal:before {
	width:36px;
}
}


@media (min-width:1200px) { 
/*.elm290product:nth-child(4n) {
clear:left;
}*/
}





/**********ELM291 RECENTLY VIEWED ITEMS***********/ 

.elm291desc {
    float: left;
    width: 100%;
    text-align: left;
    font-size: 25px;
    text-transform: uppercase;
    color: #081132;
    font-weight: bold;
    font-family: ApexNewHeavy;
    padding: 0 0 10px;
    line-height: 26px;
    margin: 10px 0 0;
    border-bottom: 4px solid #7ac8bb;
display:none;
}

.elm291desc a {
color: #081132 !important;
    text-decoration: none;
    max-height: 52px;
    overflow: hidden;
    float: left;
}

.elm291price {
    color: #081031;
    font-size: 20px;
    line-height: 26px;
    float: left;
    font-family: ApexNewMedium;
    text-align: left;
    padding: 10px 0;
    width: 100%;
display:none;
}

.elm291prices {
    float: left;
    font-family: ApexNewMedium;
    text-align: left;
    padding: 10px 0 0;
display:none;
}

.elm291price2 {
    font-size: 17px;
    color: #999;
    text-decoration: line-through;
    line-height: 26px;
float:left;
}

.elm291price2 strong,.elm291price1 strong {
display:none;
}

.elm291price1 {
    color: #081031;
    font-size: 20px;
    line-height: 26px;
float:left;
clear:left;
}

.elm291title  {
margin:4% 0 2%;
}


.elm291ViewedItems h4{
    font-size: 25px;
    text-transform: uppercase;
    color: #081031;
    border-bottom: 4px solid #0f204b;
    padding: 0 0 4px;
    width: auto;
    margin: auto;
    display: inline-block;
}

.elm291Item {
    padding: 0 15px;
    float: left;
    width: 100%;
    text-align: center;
}

.elm291ImgTag {
    max-width: 70%;
    height: auto;
    display: inline-block !important;
}

.elm291Img {
    position: relative;
    float: left;
    width: 100%;
}

.elm291Img a {
    z-index: 2;
    position: relative;
    float: left;
    width: 100%;
}

.elm291ViewedItemList {
    float: left;
    width: 100%;
    position: relative;
}

.elm291ViewedItemList {
    width: 100%;
}

.owl-wrapper-outer {
    overflow: hidden;
    padding: 40px 0;
}

.owl-prev {
position:absolute;
left: -20px;
top:50%;
    background-image: url(/images/page/prev_arrow.png) !important;
width:20px;
height:30px;
background-size:cover;
text-indent:-99999999px;
cursor:pointer;
background-repeat: no-repeat !important;
}

.owl-next {
position:absolute;
right:-20px;
top:50%;
    background-image: url(/images/page/next_arrow.png) !important;
width:20px;
height:30px;
background-size:cover;
text-indent:-99999999px;
cursor:pointer;
background-repeat: no-repeat !important;
}

@media (max-width:767px) { 

.owl-controls {
	display:none;
}
}




/****************ELM231 SLIDER BUILDER***************/


.elm00231 {
margin-left:-15px;
margin-right:-15px;
}

@media only screen and (min-width: 1501px) {
    .flexslider.flexslider_1 {
    display: block;
    float: left;
    max-height: 600px;
    overflow: hidden;
    width: 100%;
}
.flexslider.flexslider_2 {display:none;}


}
  
@media only screen and (max-width: 1500px) {
    .flexslider.flexslider_1 {
    display: block;
    float: left;
    max-height: 500px;
    overflow: hidden;
    width: 100%;
}
.flexslider.flexslider_2 {display:none;}
}

  
@media only screen and (max-width: 1200px) {
    .flexslider.flexslider_1 {
    display: block;
    float: left;
    max-height: 450px;
    overflow: hidden;
    width: 100%;
}
.flexslider.flexslider_2 {display:none;}
}
  
@media only screen and (max-width: 992px) {
    .flexslider.flexslider_1 {
    display: block;
    float: left;
    max-height: 400px;
    overflow: hidden;
    width: 100%;
}
.flexslider.flexslider_2 {display:none;}
}
  
@media only screen and (max-width: 768px) {
    .flexslider.flexslider_1 {
    display: block;
    float: left;
    max-height: 350px!important;
    overflow: hidden;
    width: 100%;
}
.flexslider.flexslider_2 {display:none;}
}
  
@media only screen and (max-width: 600px) {
    .flexslider.flexslider_1 {
    float: left;
    max-height: 250px!important;
    overflow: hidden;
    width: 100%;
    display:block;
}
.flexslider.flexslider_2 {display:none;}
}
  
  @media only screen and (max-width: 500px) {

    .flexslider.flexslider_1 {
    float: left;
    max-height: 200px!important;
    overflow: hidden;
    width: 100%;
    display:none !important;
}
.flexslider.flexslider_2 {display:block !important;width:100%;float:left;overfolow:hidden;}

.flex-caption {
    background: #3db7e4 none repeat scroll 0 0;
    clear: both;
    color: #fff;
    display: block;
    float: left;
    line-height: 32px;
    margin-left: 2%;
    position: relative;
    top: -10px;
    width: 96%;
    z-index:2;
}

}
  
.flexslider li img {
    clear: both;
    display: block;
    float: left;
    height: auto;
    max-height:500px;
    overflow: hidden;
    width: 100%;
}

.flexslider li {
	margin-bottom:0;
}

.flex-control-nav li {
display:inline-block;
}

.flex-direction-nav li a {
position:absolute;
top:43%;
margin-top:-15px;
width:40px;
height:40px;
    background-image: url(/images/page/arrow.svg) !important;
background-repeat: no-repeat !important;
    background-size: contain !important;
text-indent:-999999999999px;
display:none;
}

.flex-direction-nav li .next {
    right:10px;
    -webkit-transform: rotate(-90deg) !important;
    -moz-transform: rotate(-90deg) !important;
    -ms-transform: rotate(-90deg) !important;
    -o-transform: rotate(-90deg) !important;
    transform: rotate(-90deg) !important;
    background:#eeeeee;
    opacity:0.50!important;
    display:none;
}

.flex-direction-nav li .prev {
    left:10px;
    -webkit-transform: rotate(90deg) !important;
    -moz-transform: rotate(90deg) !important;
    -ms-transform: rotate(90deg) !important;
    -o-transform: rotate(90deg) !important;
    transform: rotate(90deg) !important;
    background:#eeeeee;
    opacity:0.50!important;
    display:none;
}

.flex-direction-nav li .prev:hover {opacity:1!important;}

.flex-direction-nav li .next:hover {opacity:1!important;}

.flex-control-nav {
width:100%;
height:30px!important;
    position: absolute;
    left: 0;
	bottom:0;
    float: none;
    top: auto;
}

.flex-control-nav a {
    background: #9a9b9c none repeat scroll 0 0;
    border-radius: 50px;
    color: #fff;
    cursor: pointer;
    font-family: ApexNewMedium;
    font-size: 0;
    margin: 0 4px;
    padding: 6px;
    text-decoration: none;
    text-transform: uppercase;
}

.flexslider_1 ol.flex-control-nav {
    background: #eeeeee none repeat scroll 0 0;
    float: left;
    height: 25px;
    margin-left: 0;
    opacity: 0.5;
    padding: 0 10px 10px 8px;
    position: relative;
    bottom: 0;
    position: absolute;
    left: 0;
    float: none;
    top: auto;
}

.slides > li {display: none;}
.no-js .slides > li:first-child {display: block;} 

.flexslider_1 ol.flex-control-nav:hover {opacity:1!important;}

a.active {
    background: #40b9e6 none repeat scroll 0 0;
}

.flexslider {
	position:relative;
}

@media (max-width:767px) { 
.flex-direction-nav li a {display:none;}
}



/****************ELM292 SINGLE PAGE CHECKOUT***************/

/***********GIFT CARD STYLING*************/

.elm292checkBalBtn {
    position: absolute;
    top: 35px;
    right: 0;
    background: #081031;
    font-size: 14px !important;
    padding: 6px 25px !important;
background: #081031;
    font-family: ApexNewMedium;
}

.elm292GCData {
padding-right:162px !important
}

.elm292GCBalWrap {
text-align:left;
margin:0 0 15px;
}

.elm292Label {
text-transform:uppercase;
text-align:left;
margin:0 0 15px
}

.input-group {
    border: none;
    border-bottom: 2px solid #cccccc;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: none;
    font-size: 17px;
    line-height: 27px;
    font-family: ApexNew;
    height: auto !important;
}

.input-group-addon {
background:none;
-webkit-border-radius:0;
-moz-border-radius:0;
border-radius:0;
border:none;
color:#3db0dc;
font-family: ApexNewMedium;
font-size:20px;
padding-right:0;
padding-left:0;
padding-top:5px;
}

.elm292GCamount {
border:none !important;
-webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0) !important;
-moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0) !important;
box-shadow: 10px 10px 5px 0px rgba(0,0,0,0) !important;
}

/***********END OF GIFT CARD STYLING***************/

/*****CARD VALIDATE*****/

form input[name="cardnumber"] {
background-image:url(/images/page/card_preview.png),url(/images/page/card_preview.png);
background-position:2px -116px,calc(100% + 90px) -56px;
background-size:120px 361px,120px 361px;
background-repeat:no-repeat;
padding-left:54px !important;
}

form input[name="cardnumber"].visa{background-position:2px -158px,calc(100% + 90px) -56px;background-position:2px -158px,-webkit-calc(100% + 90px) -56px;background-position:2px -158px,-moz-calc(100% + 90px) -56px;}
form input[name="cardnumber"].visa_electron{background-position:2px -200px,calc(100% + 90px) -56px;background-position:2px -200px,-moz-calc(100% + 90px) -56px;background-position:2px -200px,-webkit-calc(100% + 90px) -56px;}
form input[name="cardnumber"].mastercard{background-position:2px -242px,calc(100% + 90px) -56px;background-position:2px -242px,-moz-calc(100% + 90px) -56px;background-position:2px -242px,-webkit-calc(100% + 90px) -56px;}
form input[name="cardnumber"].maestro{background-position:2px -289px,calc(100% + 90px) -56px;background-position:2px -289px,-moz-calc(100% + 90px) -56px;background-position:2px -289px,-webkit-calc(100% + 90px) -56px;}
form input[name="cardnumber"].discover{background-position:2px -331px,calc(100% + 90px) -56px;background-position:2px -331px,-moz-calc(100% + 90px) -56px;background-position:2px -331px,-webkit-calc(100% + 90px) -56px;}
form input[name="cardnumber"].card_valid.visa{background-position:2px -158px,calc(100% + 90px) -82px;background-position:2px -158px,-moz-calc(100% + 90px) -82px;background-position:2px -158px,-webkit-calc(100% + 90px) -82px;}
form input[name="cardnumber"].valid.visa_electron{background-position:2px -200px,calc(100% + 90px) -82px;background-position:2px -200px,-moz-calc(100% + 90px) -82px;background-position:2px -200px,-webkit-calc(100% + 90px) -82px;}
form input[name="cardnumber"].valid.mastercard{background-position:2px -242px,calc(100% + 90px) -82px;background-position:2px -242px,-moz-calc(100% + 90px) -82px;background-position:2px -242px,-webkit-moz-calc(100% + 90px) -82px;}
form input[name="cardnumber"].valid.maestro{background-position:2px -284px,calc(100% + 90px) -82px;background-position:2px -284px,-moz-calc(100% + 90px) -82px;background-position:2px -284px,-webkit-calc(100% + 90px) -82px;}
form input[name="cardnumber"].valid.discover{background-position:2px -326px,calc(100% + 90px) -82px;background-position:2px -326px,-moz-calc(100% + 90px) -82px;background-position:2px -326px,-webkit-calc(100% + 90px) -82px;}

/***END OF CARD VALIDATE***/

.bodyPAG00009 .elm00299,.bodyPAG00009 .searchIcon{
display:none !important
}

.elm292headWrap {
    width: 100%;
    background: #eeeeee;
    float: left;
    padding-top: 10px;
    padding-bottom: 10px;
    position: relative;
    z-index: 1;
    border-bottom: 3px solid #eee;
}

.elm292headWrap h1 {
    float: left;
    font-family: ApexNewHeavy;
    color: #0f204b;
    font-size: 30px;
    text-transform: uppercase;
    font-weight: 700;
    text-align: left;
    z-index: 2;
    position: relative;
}


.elm292headWrap:after {
    content: "";
    position: absolute;
    right:0;
    bottom: -37px;
    width: 55px;
    height: 100px;
    background: url(/images/page/dots.png) no-repeat;
    background-size: 100%;
}

.elm292subLine {
    float: left;
    clear: left;
    font-family: ApexNew;
    color: #0f204b;
    font-size: 14px;
    line-height: 16px;
    text-transform: uppercase;
    font-weight: 700;
    text-align: left;
    z-index: 2;
    position: relative;
    padding-top: 10px;
}

.elm292text {
	display:none;
}

#elm292Delivery .btn,#elm292Pay .btn,#elm292sum .btn {
background:#081031;
font-family: ApexNewMedium;
}

.elm292CheckoutDetail {
	border-top:1px solid #e4e6e7;
}

.elm292CheckoutDetail h3,#profileAccordion .ui-accordion-header {
font-family: ApexNewBold;
text-transform:uppercase;
color:#081031;
font-size:17px;
line-height:27px;
padding-top:15px;
padding-bottom:10px;
background:#f2f3f4;
border-top:none;
border-bottom:1px solid #e4e6e7 !important;
border-left:none;
border-right:none;
text-align:left;
margin:0 !important;
}

#elm292login {
padding-top:40px;
padding-bottom:40px;
}

.elm292accordionContent, #profileAccordion .module {
    margin-top: 0 !important;
    border: none !important;
    width: 100% !important;
    overflow-x: hidden !important;
}

.elm292LogType label span {
color:#bbbbbb;
}

.elm292LogType .radio {
float:left;
margin-top:10px;
margin-right:20px;
}

.elm00292 .radio label {
font-family: ApexNew;
text-transform:inherit;
}

.elm00292 .radio input {
width:20px;
height:20px;
margin:0 10px 0 0 !important;
left:0;
}

.elm00292 .radio label, .elm00292 .checkbox label {
padding-left:30px;
}

#elm292Login .btn {
float:left;
margin:10px 0 0;
    font-family: ApexNewMedium;
}

.elm00292 .radio label {
width:100%;
text-align:left;
padding-right:50px
}

.elm292DelMeth .radio label span {
position:absolute;
right:0;
top:0;
font-weight:bold;
}

.elm292DeliveryAddressDetail h4 {
float:left;
    font-family: ApexNewBold;
    font-size: 15px;
margin:0 0 20px;
text-align:left;
}

.elm292AddressSummary {
text-align:left;
}

.elm292AddressSummary {
    position: relative;
    padding-right: 70px;
}

.elm292delEdit .btn {
    text-indent: -9999999px;
    background: url(/images/buttons/edit_btn.png) no-repeat !important;
    background-size: cover !important;
    width: 50px;
    height: 20px;
    position: absolute;
    right: 15px;
    top: 0;
}

.elm292AddressSumWrap {
position:relative;
padding-right:70px;
}

.elm292AddressSumWrap .btn {
text-indent:-9999999px;
background:url(/images/buttons/edit_btn.png) no-repeat !important;
background-size:cover !important;
width:50px;
height:20px;
position:absolute;
right:15px;
top:0;
}


.elm292AddressSummary {
	margin:0 0 20px;
}

input[name="pconly"] {
    padding: 7px 130px 7px 0 !important;
}

.elm292VoucherSelection .form-control {
	padding:7px 106px 7px 0 !important;
}

.elm290pcBtn,.elm292VoucherSelection .btn {
position:absolute;
top:35px;
right:0;
background:#081031;
font-size:14px !important;
padding:6px 25px;
}

.elm292User .btn,.elm290editPC {
float:left;
}

select[name="pcList"] {
display:inline-block;
width:100%;
}

.elm292AddressList .btn {
float:left;
margin:0 15px 0 0;
}

.elm292manual {
float:left;
padding:12px 0;
    font-family: ApexNew;
text-decoration:underline;
font-size:15px;
}

.elm292PaymentSelection,.elm292DelMeth  {
	margin-bottom:20px;
}

.elm292CreditCardSelection .form-group {
    margin-bottom: 15px;
overflow:hidden;
}

.elm292CreditCardSelection .form-control{
background-color:#fff !important;
border-bottom: 2px solid #cccccc !important;
padding-left:0 !important;
}

.elm292CreditCardSelection input[name="cardnumber"] {
padding-left:54px !important;
}

.elm292payBtn {
	float:left;
	margin:20px 0 0;
}

.elm292Billing select[name="billcountry"] {
background-color: #e2e5e7 !important;
border:none !important;
padding: 8px 30px 8px 15px !important;
}

#elm292BillingAddress {
margin:15px 0;
}

.elm292delInstruct {
	display:none !important;
}




/************REVIEW & CONFIRM*****************/

.elm292OrderSummary h4,.elm290reviewPayment h4 {
	text-align:left;
	text-transform:uppercase;
}

.elm292OrderSummary .btn,.elm290reviewPayment .btn {
    text-indent: -9999999px;
    background: url(/images/buttons/edit_btn.png) no-repeat !important;
    background-size: cover !important;
    width: 50px;
    height: 20px;
position:absolute;
top:0;
right:0;
}

.elm292delAdd,.elm292contactInfo {
position:relative;
padding-right:80px;
margin-bottom:20px;
text-align:left;
    font-family: ApexNew;
font-size:17px;
word-break: break-word;
}

.elm292contactInfo {
	margin-top:20px;
}

.elm292contactInfo label {
text-transform:capitalize;
}

.elm292contactInfo label:after {
content:":";
margin:0 8px 0 0;
}

.elm292reviewDel {
border-bottom:1px solid #f4f5f6;
margin:0 0 20px;
}

.elm292delAdd {
margin:10px 0 0;
}

.elm292product .table td,.elm290reviewTotal .table td {
border:none !important;
}

.elm292product  {
font-size:17px;
    font-family: ApexNew;
}

.elm292product .table,.elm290reviewTotal .table {
margin:10px 0;
text-align:left;
}

.elm292productTitle,.elm292Price,.persPrice,.persTitle,.elm290reviewTotal {
font-family: ApexNewMedium;
}

.elm292tablePrice {
text-align:right;
}

.elm292persContent .table {
margin-top:-10px !important
}

.elm292dimensions {
color:#666;
}

#elm292products,.elm290reviewTotal,.elm290reviewPayment,.elm290reviewPayment {
    border-bottom: 1px solid #f4f5f6;
}

.elm292product .table td,.elm290reviewTotal .table td {
padding-left:0;
padding-right:0;
}

.elm292gTotal{
font-family: ApexNewHeavy;
font-size:19px;
}

.elm290reviewPayment {
padding: 20px 0;
}



.elm292payDet {
    position: relative;
    padding-right: 60px;
    margin-bottom: 20px;
    text-align: left;
    font-family: ApexNew;
    font-size: 17px;
margin-top:10px;
}

.elm292payDet div {
float:left;
margin-right:10px;
padding:3px 0 0;
}

.elm292confirmBtn {
float:left;
margin:20px 0 ;
background:#3db7e4 !important;
}

.elm292H3.ui-state-default .ui-icon {
    background: url(/images/page/plus_icon.png) right center no-repeat;
    background-size: cover;
    width: 16px;
    height: 16px;
}

.elm292H3 div {
padding:0 15px;
}


.elm292H3 {
color:#c1c2c7 !important
}

.elm292H3 span {
opacity:0.2;
}

.elm292ActivePanel,.elm292ActivePanel span {
opacity:1 !important;
color:#081031 !important;
}

.elm292PanelComplete div:before {
content:"";
background:url(/images/page/complete_tick.png) no-repeat;
background-size:cover;
width:17px;
height:17px;
float:left;
margin:4px 10px 0 0;
}

.elm292Modal {
	display: none;
	width: 100vw;
	background: #000;
	height: 100vh;
	position: fixed;
	top: 0;
	left: 0;
	opacity: 0.4;
}
.elm292Loading {
	display: none;
    position: fixed;
    background: #FFF;
    top: 50%;
    padding: 20px;
    left: 50%;
    transform: translate(-50%, 0);
}


@media (max-width:767px) { 
	.elm292headWrap:after {
		display:none;
	}

	.elm292headWrap:before {
		right:20px;
	}
}


@media (max-width:767px) { 
.elm292headWrap:after {
	display:none;
}

.elm292headWrap:before {
	right:20px;
}
}






/********************ELM293 FAVOURITES**********************/

.elm293_prodDetail {
    float: left;
    width: 100%;
    position: relative;
    padding: 10px 0 0;
min-height:36px;
}

.elm293pricing {
    float: left;
    font-family: ApexNewMedium;
    text-align: left;
}

.elm293prodLinks {
    position: absolute;
    bottom: -6px;
    right: 0;
    height: 33px;
}

.elm293Qview {
   float: right !important;
    padding: 0 !important;
    width: 30px !important;
    height:33px;
    float: right;
    margin: 0 20px 0 0;
	display:none !important;
}

.elm293delBtn {
    float: right;
    width: 26px;
    height: 26px;
    margin: 2px 0 0;
	cursor:pointer;
}




#elm293products {
    /* margin: 50px 0 0; */
    float: left;
    width: 100%;
    z-index: 2;
    position: relative;
    padding: 70px 0 0;
}

.elm293ImageWrapper a {
    z-index: 2;
    position: relative;
    margin-top: -6%;
    float: left;
    width: 100%;
}

.elm293ImageWrapper img {
    max-width: 100%;
}

.elm293ImageWrapper {
    position: relative;
    float: left;
    width: 100%;
}

.elm293product {
    margin-bottom:40px;
}

.elm293productTitle {
    float: left;
    width: 100%;
    text-align: left;
    font-size: 25px;
    text-transform: uppercase;
    color: #081132;
    font-weight: bold;
    font-family: ApexNewHeavy;
    padding: 0 0 10px;
    line-height: 26px;
    margin: 10px 0 0;
    border-bottom: 4px solid #7ac8bb;
    word-break: break-all;
}

.elm293productTitle a {
    color: #081132 !important;
    text-decoration: none;
    max-height: 52px;
    overflow: hidden;
    float: left;
}

.elm293wasPrice {
    font-size: 17px;
    color: #999;
    text-decoration: line-through;
    line-height: 26px;
}

.elm293Price {
    color: #081031;
    font-size: 20px;
    line-height: 26px;
}

.elm293outOfStock {
font-size:18px !important;
}

.elm293delBtn .btn {
    background: url(/images/buttons/close_delete.svg) no-repeat;
    background-size: cover;
    text-indent: -99999999px;
    padding: 0 !important;
    width: 26px;
    height: 26px;
}




.elm293persAccordion {
    float: left;
    width: 100%;
    border: none !important;
    margin: 10px 0 0 !important;
}

.elm293persAccordion h3 {
    font-family: ApexNewBold;
    font-size: 16px;
    line-height: 19px;
    background: none;
    color: #081031 !important;
    text-align: left;
    float: left;
    border-top: 3px solid #ececec;
    border-bottom: 3px solid #ececec;
    width: 100%;
    padding: 6px 0;
    border-left: none;
    border-right: none;
    text-transform: uppercase;
}

.elm293persAccordion .ui-icon {
    right: 0 !important;
    background: url(/images/page/plus_icon.png) right center no-repeat !important;
    background-size: cover !important;
    height: 14px !important;
    width: 14px !important;
}

.elm293dimensions {
    float: left;
    width: 100%;
    font-family: ApexNewMedium;
    color: #999999;
    font-size: 16px;
    padding: 5px 0 0;
}

.elm293dimDesc {
    float: left;
}

.elm293dimType {
display:none;
}

.elm293d1Div:after {
    content: ",";
    float: left;
    margin-right: 3px;
}


.elm293ItemCount {
    padding-top: 16px;
    padding-bottom: 14px;
    background: #0f204b;
    min-width: 40%;
    text-align: left;
    position: absolute;
    left: 0;
    top: -25px;
    font-size: 16px;
    line-height: 24px;
    font-family: ApexNew;
    color: #fff;
}
.elm293ItemCount label {
    padding: 0 15px;
}

.elm293container {
position:relative;
z-index:3;
}

.elm293Sort {
margin-top: -25px;
    display: block;
    position: absolute;
    left: 40%;
    top: -25px;
    margin: 0 0 50px;
}

.elm293Sort label {
display:none;
}

#elm293sort {
    margin: 0;
    border: 1px solid #111;
    background: transparent;
    padding: 16px 40px 15px 20px !important;
    border: 1px solid #ccc;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(/images/buttons/select_arrow_white.jpg) right 20px center no-repeat #3db7e4 !important;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 24px;
    border: none;
    color: #fff;
    min-width: 250px;
    font-family: ApexNewMedium;
}






@media (max-width: 767px) {
.elm293product:nth-child(2n+1) {
clear:left;
}

.elm293Sort {
    left: 0;
    top: 31px;
    width: -moz-calc(100% - 15px);
    width: -webkit-calc(100% - 15px);
    width: calc(100% - 15px);
}

#elm293products {
padding:130px 0 0;
}

.elm293ItemCount label {
    padding: 0;
}

#elm293sort {
    width: 100% !important;
    margin: 0;
}

.elm293ItemCount {
    width: -moz-calc(100% - 15px);
    width: -webkit-calc(100% - 15px);
    width: calc(100% - 15px);
}

.elm293productTitle {
    font-size: 16px;
    line-height: 17px;
}


}

@media (min-width: 768px) and (max-width: 991px) { 
.elm293product:nth-child(3n+1) {
clear:left;
}
}

@media (min-width: 992px) and (max-width:1199px) {
.elm293product:nth-child(3n+1) {
clear:left;
}
}


@media (min-width:1200px) { 
.elm293product:nth-child(4n+1) {
clear:left;
}
}



/********************POSTCODE LOOK UP**********************/

.addressListWrapper {
background:#f4f5f6;
padding:0;
float:left;
width:100%;
}

#addressList {
    height: 280px;
    overflow-y: auto !important;
    padding: 0 10px 0 !important;
    -webkit-overflow-scrolling: touch !important;
    float: left;
	width: -moz-calc(100% - 20px);
    width: -webkit-calc(100% - 20px);
    width: calc(100% - 20px);
    background: #f4f5f6;
    margin: 10px;
}

#addressList::-webkit-scrollbar {
    width: 12px;
right:10px;
}
 
/* Track */
#addressList::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.2); 
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
 
/* Handle */
#addressList::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(242,243,244,0.8) !important; 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
}

#addressList::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(255,0,0,0.4); 
}

.addresses {
border-bottom:1px solid #e4e6e7;
padding:10px 0;
}









/**********ELM294 ORDER CONF***********/ 



.elm00294 {
text-align:left;
}

#elm294orderTop {
    position: relative;
    float: left;
    width: 100%;
    z-index: 1;
    margin: -25px 0 30px;
}

.elm294head {
    padding-top: 16px;
    padding-bottom: 16px;
    background: #f2f3f4;
    text-align: left;
    float: left;
    font-size: 16px;
    line-height: 24px;
    font-family: ApexNewMedium;
text-transform:uppercase;
}

.elm294_thanks:before {
content:"";
    background: url(/images/page/complete_tick.png) no-repeat;
    background-size: cover;
    width: 17px;
    height: 17px;
    float: left;
    margin: 3px 10px 0 0;
}

.elm294bottom {
    background: #f2f3f4;
    overflow: hidden;
    padding: 25px 0 20px;
}

.elm294bottom h2 {
color:#17263a;
font-size:20px;
text-align:left;
}

.elm294image img {
float:left;
width:100%;
}

.elm294password {
background: #f2f3f4;
}

#elm294orderDet p {
font-size:17px;
line-height:30px;
margin-bottom:20px;
}

.elm294bottom h2 {
	margin-bottom:20px;
}

.elm294ordNo,.elm294print {
margin:30px 0 0;
}

.elm294continue a {
font-family: ApexNewBold;
color:#081031;
text-transform:uppercase;
font-size:17px;
line-height:27px;
padding:0 0 0 32px;
position:relative;
}

.elm294continue a:before{
content:"";
background:url(/images/page/back_arrow.png) no-repeat;
background-size:contain;
position:absolute;
left:0;
top:2px;
width:26px;
height:16px;
}

.elm294continue div{
padding-top:30px;
padding-bottom:30px;
}

.elm294ordNo,.elm294print {
font-family: ApexNew;
font-size:17px;
line-height:27px;
}

.elm294ordNo span {
font-family: ApexNewBold;
margin-left:5px;
}

.elm294print a {
color:#081031; 
text-decoration:underline;
}

.elm292VoucherList .table {
text-align:left;
font-family: ApexNew;
}

.elm292VoucherList  {
margin:10px 0;
}

.elm292VoucherList .table td {
    border-top: none !important;
	padding-left:0 !important;
}

.elm292VoucherList .btn {
background:url(/images/buttons/close_delete.svg) no-repeat !important;
text-indent:-999999px;
height:28px !important;
width:28px !important;
}




@media (max-width:767px) {
	.elm294bottom {
		padding:25px 0 20px;
	}
	
	.elm294head{
	width: -moz-calc(100% - 15px);
    width: -webkit-calc(100% - 15px);
    width: calc(100% - 15px);
	}
	
	.elm294bottom h2 {
		margin:15px 0 20px;
	}
.elm243headWrap:after {
	display:none;
}

.elm243headWrap:before {
	right:20px;
}

#elm294print {
background:#fff;
padding:20px 15px;
margin:20px 0 0;
}

.elm294print {
margin:0;
}

.elm294bottom {
padding-bottom:0;
}
}



@media print {
	.bodyPAG00012 #masthead,.bodyPAG00012 .elm00003,.bodyPAG00012 #siteInfo,.elm294createAcc,.elm294continue,.cookieControl,.HBcookieControl {
		display:none !important;
	}
	
	.bodyPAG00012 #container {
		margin-bottom:0 !important;
		padding-top:0 !important;
	}
	
	.logo {
		display:inline-block !important
	}
}



/**********ELM51 & ELM52 SELECT BENEFITS***********/ 


.elm51benefitSelect,.elm52benefitSelect {
padding-top:50px;
padding-bottom:50px;
font-family: ApexNew;
float:left;
width:100%;
}

.elm51table,.elm52table {
border:none !important;
font-size:17px;
}

.elm51tabletext,.elm52tabletext,.elm52table .name {
text-align:left;
}

.elm51table th,.elm52table th {
border:none !important;
background:#f4f5f6;
padding:10px 35px !important
}

.elm51table td,.elm52table td {
background:none;
border:none !important;
padding:10px 35px !important;
}

.elm51table tr,.elm52table tr {
background:#ebecec;
}

.elm51table tr:nth-child(2n+1),.elm52table tbody tr:nth-child(2n) {
background:#f4f5f6
}

.elm52text1,.elm52text2 {
font-size:17px;
margin:0 0 20px
}























/**********ELM243 STORE INFO & MAP***********/ 

.elm00243 {
margin-left:-15px;
margin-right:-15px;
}

.elm243headWrap {
    width: 100%;
    background: #061132;
    float: left;
    padding: 60px 0 50px;
    position: relative;
    z-index: 1;
}

.elm243headWrap h1 {
    float: left;
    font-family: ApexNewHeavy;
    color: #fff;
    font-size: 50px;
    text-transform: uppercase;
    font-weight: bold;
    text-align: left;
    z-index: 2;
    position: relative;
	padding:0 15px;
}


.elm243headWrap:after {
    content: "";
    position: absolute;
    right:0;
    bottom: -37px;
    width: 55px;
    height: 100px;
    background: url(/images/page/dots.png) no-repeat;
    background-size: 100%;
}

#map_canvas {
margin:0;
width:100%;
float:left;
height: -moz-calc(100vh - 210px);
    height: -webkit-calc(100vh - 210px);
height:calc(100vh - 210px);
}

#storeAddress {
position:absolute;
top:70px;
background:#fff;
z-index:2;
}

.elm243storeInfo {
float:left;
width:100%;
position:relative;
}

#storeAddress {
padding:15px;
text-align:left;
}

#storeAddress h2 {
display:none;
}

#storeAddress h3 {
font-size:14px;
text-transform:uppercase;
line-height:20px;
}

.addLine {
font-size:14px;
line-height:20px;
text-transform:uppercase;
}

.viewAllStores {
	margin:15px 0 0;
}


@media (max-width:767px) { 

.elm243headWrap:after {
	display:none;
}

.elm243headWrap:before {
	right:20px;
}
}


/**********ELM171 STORE LOOKUP***********/ 

.elm171_town {
display:none;
}

.elm171_area.col-md-4 {
    float: left;
    min-height: 635px;
    width: 100%;
    z-index: 1;
}

.elm171_area.col-md-4 > h2 {
    color: #081031;
}

.list-divider {
    border-top: 3px solid #e2e5e7;
    font-family: apexnewheavy;
    font-size: 26px;
    margin-bottom: 10px;
    margin-top: 10px;
    padding-top: 5px;
    color:#081031;
}

.elm171_area.col-md-4 li {
    display: block;
    float: left;
    line-height: 25px;
    text-align: left;
    width: 100%;
    color:#081031;
}

.elm171_area.col-md-4 a {
    color: #081031;
}

.elm171postcodeHolder {
width:100%;
}

.elm171headWrap {
    width: 100%;
    background: #061132;
    float: left;
    padding: 60px 0 50px;
    position: relative;
    z-index: 1;
}

.elm171headWrap h1 {
    float: left;
    font-family: ApexNewHeavy;
    color: #fff;
    font-size: 50px;
    text-transform: uppercase;
    font-weight: bold;
    text-align: left;
    z-index: 2;
    position: relative;

padding-left:15px;
padding-right:15px;
}

.titleContainer:after,.elm51title:after,.elm52title:after {
    /*content: "";*/
    position: absolute; 
    left: 0;
    bottom: -2px;
    width: 310px;
    height: 20px;
    z-index: 1;
}



.elm171headWrap:after {
    content: "";
    position: absolute;
    right:0;
    bottom: -37px;
    width: 55px;
    height: 100px;
    background: url(/images/page/dots.png) no-repeat;
    background-size: 100%;
}

#storeForm {
}

.list-divider {
font-weight:bold;
}

.elm171container {
background:#fff
}



.elm171form {
    position: relative;
    overflow: hidden;
    margin-bottom: 15px;
}

.elm171textinput {
width: 100%;
    background: none !important;
    border: none;
    border-bottom: 1px solid #cccccc !important;
    padding: 8px 35px 8px 0px !important;
    font-size: 21px !important;
    line-height: 27px !important;
    color: #c8c9ca;
    font-family: ApexNew;
height:auto !important;
}

.elm171buttoninput{
    background: url(/images/page/search.svg) no-repeat !important;
    width: 27px;
    height: 27px;
    background-size: 100%;
    border: none;
    text-indent: -99999999px;
    position: absolute;
    right: 0;
    top:25px;
-webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0);
-moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0);
box-shadow: 10px 10px 5px 0px rgba(0,0,0,0);
}



@media (max-width:767px) { 

.elm171headWrap:after {
	display:none;
}

.elm171headWrap:before {
	right:20px;
}

#storeAddress {
float:left ;
width:100% !important;
min-height:210px !important;
position:relative;
left:auto !important;
top:auto !important;
}

#map_canvas {
height: 500px;
}
}

/**************ELM300 Order Hist with Prod****************/

.elm300ordlist td {
text-align:left;
width:50%;
padding:12px 20px !important;
font-family: ApexNew;
font-size: 15px !important;
}

.elm300ordlist .table{
background:#f4f5f6;
}

.elm300ordlist tr:nth-child(2n) {
background:#ebecec;
}

.elm300ordlist td:nth-child(2n-1) {
border-right:1px solid #e0e0e0
}

.elm300Order {
	margin:0; 
}




/***********************ELM304 ORDER TRACKER********************/

.elm304ordTotal,.elm304discTotal,.elm304delTotal,.elm304grandTotal {
display:none;
}

.elm304order_block {
    background-color: #ececec;
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: left;
}

.elm00304,.elm304despatch_history_block,.elm304order_history_block,.elm304order_preview {
    font-family: ApexNew;
	    font-size: 17px;
		line-height:21px;
}

.elm304qty {
    margin: 10px 0;
    float: left;
    width: 100%;
    border-top: 3px solid #e2e5e7;
    padding: 15px 0 0;
}

.elm304order_history_block,.elm304despatch_history_block {
margin:10px 0;
border:2px solid #ececec;
}

.elm304order_preview {
padding-top:10px;
}

#elm304_order_container {
  margin: 0 auto;
}

.elm304headWrap {
	width: 100%;
    background: #061132;
    float: left;
    padding: 60px 0 50px;
    position: relative;
    z-index: 1;
}

.elm304headWrap h1 {
    float: left;
    font-family: ApexNewHeavy;
    color: #fff;
    font-size: 50px;
    text-transform: uppercase;
    font-weight: bold;
    text-align: left;
    z-index: 2;
    position: relative;
    padding: 0 15px;
    line-height: 50px;
}

.elm304order_preview{
  text-align: left;
}

.elm304order_preview div {
margin:0 0 4px;
}

.elm304forgotten_order .btn {
background:#0f204b !important;
color:#fff !important;
text-transform:initial !important;
margin:5px 0 0;
}

.elm304form {
padding-top:15px;
padding-bottom:15px;
overflow:hidden;
}

.elm304Iwrap {
    position: relative;
    float: left;
    width: 100%;
}

.productBG2 {
    position: absolute;
    left: 0;
    top: 0;
    background: #081031;
    height: 96%;
    width: 100%;
    z-index: 1;
}

.elm304Iwrap .elm304link {
    z-index: 2;
    position: relative;
    margin-top: -6%;
    float: left;
    width: 100%;
}

.elm304link img {
	max-width:100%;
}

.elm304order_history_block,.elm304despatch_history_block {
	width: 100%;
    float: left;
}

.elm304order_creation {
    background: -webkit-linear-gradient(top, rgba(172, 255, 170, 0.65) 0%,rgba(0,0,0,0) 100%);
}

.elm304orderAccordion .ui-accordion-content {
    padding:0 !important;
    border: none !important;
}

.elm304personalistion div {
    float: left;
    font-family: ApexNew;
    color: #444;
    font-size: 16px;
    padding: 0;
    margin-right: 3px;
    text-align: left;
    line-height: 19px;
}

.elm304productTitle {
    float: left;
    width: 100%;
    text-align: left;
    font-size: 25px;
    text-transform: uppercase;
    color: #081132;
    font-weight: bold;
    font-family: ApexNewHeavy;
    padding: 0 0 10px;
    line-height: 26px;
    margin: 10px 0 0;
    border-bottom: 4px solid #7ac8bb;
}

.elm304productTitle h3 {
    color: #081132!important;
    text-decoration: none;
    max-height: 52px;
    overflow: hidden;
    float: left;
}

.elm304productTitle {
    float: left;
    width: 100%;
    text-align: left;
    font-size: 25px;
    text-transform: uppercase;
    color: #081132;
    font-weight: bold;
    font-family: ApexNewHeavy;
    padding: 0 0 10px;
    line-height: 26px;
    margin: 10px 0 0;
    border-bottom: 4px solid #7ac8bb;
}

.elm304productTitle h3 {
    color: #081132!important;
    text-decoration: none;
    max-height: 52px;
    overflow: hidden;
    float: left;
}

.elm304price {
float: left;
    width: 100%;
    font-family: ApexNewMedium;
    text-align: left;
    padding: 10px 0 0;
    color: #081031;
    font-size: 20px;
    line-height: 26px;
}

.elm304prods {
	margin:0 0 40px;
}

.elm304qty .form-control {
text-align:left;
    padding: 8px 30px 8px 15px!important;
background: url(/images/page/dropdown_arrow.png) center right 10px no-repeat #e2e5e7!important;
    background-position: center right;
    background-repeat: no-repeat;
    background-size: 11px!important;
border:none !important;
}

.elm304orderAccordion .ui-accordion-header{
font-family: ApexNewBold;
    text-transform: uppercase;
    color: #081031;
    font-size: 17px;
    line-height: 27px;
    padding-top: 15px;
    padding-bottom: 10px;
    background: #f2f3f5;
    border-top: none;
    border-bottom: 1px solid #e4e6e7;
    border-left: none;
    border-right: none;
    text-align: left;
    margin: 0 !important;
}

  
.elm304orderAccordion .ui-accordion-header div {
  padding-left:15px;
}

.elm304history_icon {
background:#fff;
}

.elm304order_history_block,.elm304order_creation {
background:#ececec
}

.elm304despatch_history_block {
	background:#fff;
}

.elm304despatch_history_block .order_preview {
    background: #ececec;
}

.elm304order_count {
text-align:center;
}

.elm304despatch_history_block .elm304order_preview {
    background: #ececec;
}

.elm304order_count {
text-align:center;
}

.elm304order_preview {
text-align:center;
}

.elm304order_preview div {
text-align:left;
}

.elm304order_preview .btn {
	color:#fff !important;
}

.elm304orderAccordion .elm304orderDetailContent {
padding:50px 0 0 !important;
}

.elm304itemAccordion h3 {
    font-family: ApexNewBold !important;
    font-size: 16px !important;
    line-height: 19px !important;
    background: none !important;
    color: #081031!important;
    text-align: left !important;
    float: left !important;
    border-top: 3px solid #ececec !important;
    border-bottom: 3px solid #ececec !important;
    width: 100% !important;
    padding: 6px 0 !important;
    border-left: none !important;
    border-right: none !important;
    text-transform: uppercase !important;
}

.elm304itemAccordion {
	float:left;
	width:100%;
}

.elm304persContent {
border: none!important;
    padding: 0!important;
    width: 100%;
    background: #f4f5f6!important;
    margin: 0 0!important;
    float: left;
    width: 100%;
}

.elm304personalistion {
    float: left;
    width: 100%;
    padding: 10px 10px;
}

.elm304itemAccordion .ui-icon {
    right: 0!important;
    background: url(/images/page/plus_icon.png) right center no-repeat!important;
    background-size: cover!important;
    height: 14px!important;
    width: 14px!important;
}

.elm304personalistion:nth-child(n) {
    background: #f4f5f6!important;
}

.elm304personalistion:nth-child(2n) {
    background: #ebecec!important;
}




.history_OPK:before {
content:"";
width:60px;
height:60px;
background:url(../images/page/order-being-picked.jpg);
display:inline-block;
background-size:cover;
}

.history_APCK:before {
content:"";
width:60px;
height:60px;
background:url(../images/page/order-waiting-packing.jpg);
display:inline-block;
background-size:cover;
}

.history_CPK:before {
content:"";
width:60px;
height:60px;
background:url(../images/page/order-picked.jpg);
display:inline-block;
background-size:cover;
}

.history_PCK:before {
content:"";
width:60px;
height:60px;
background:url(../images/page/order-packed.jpg);
display:inline-block;
background-size:cover;
}

.history_APK:before {
content:"";
width:60px;
height:60px;
background:url(../images/page/order-being-picked.jpg);
display:inline-block;
background-size:cover;
}

.history_OCC:before {
content:"";
width:60px;
height:60px;
background:url(../images/page/awaiting-auth.jpg);
display:inline-block;
background-size:cover;
}

.history_FCC:before {
content:"";
width:60px;
height:60px;
background:url(../images/page/failed-card.jpg);
display:inline-block;
background-size:cover;
}


.history_OCREATE:before {
content:"";
width:60px;
height:60px;
background:url(../images/page/order-placed.jpg);
display:inline-block;
background-size:cover;
} 


.history_DESPATCH:before {
content:"";
width:60px;
height:60px;
background:url(../images/page/despatched.jpg);
display:inline-block;
background-size:cover;
} 

.history_CANC:before {
content:"";
width:60px;
height:60px;
background:url(../images/page/cancelled.jpg);
display:inline-block;
background-size:cover;
} 

.history_HCC:before {
content:"";
width:60px;
height:60px;
background:url(../images/page/awaiting-auth.jpg);
display:inline-block;
background-size:cover;
} 

.history_SUSP:before {
content:"";
width:60px;
height:60px;
background:url(../images/page/order-suspended.jpg);
display:inline-block;
background-size:cover;
} 

.history_HFUT:before {
content:"";
width:60px;
height:60px;
background:url(../images/page/awaiting-stock.jpg);
display:inline-block;
background-size:cover;
}

.history_HFUT:before {
content:"";
width:60px;
height:60px;
background:url(../images/page/awaiting-stock.jpg);
display:inline-block;
background-size:cover;
}

@media (max-width:767px) {
	.elm304form,.elm304order_block_container,.elm304accordionContainer {
	padding:0;
	}
	.elm304prods:nth-child(n+1) {
	clear:left;
	}
}

@media (min-width: 768px) and (max-width: 991px) { 
	.elm304form,.elm304order_block_container,.elm304accordionContainer {
	padding:0 40px;
	}
	
	.elm304prods:nth-child(2n+1) {
	clear:left;
	}
}

@media (min-width:992px) and (max-width:1199px) { 
	.elm304form,.elm304order_block_container,.elm304accordionContainer {
	padding:0 40px;
	}

	.elm304prods:nth-child(3n+1) {
	clear:left;
	}
}

@media (min-width:1200px) { 
	.elm304form,.elm304order_block_container,.elm304accordionContainer {
	padding-left: 8%;
	padding-right: 8%;
	}
	.elm304prods:nth-child(4n+1) {
	clear:left;
	}
}








/**********************PRODUCT BACKGROUNDS*********************/

.productBG1 {
position:absolute;
left:0;
top:0;
background:#f2f3f4;
height:96%;
width:100%;
z-index:1;
}

.productBG2 {
position: absolute;
    left: 0;
    top: 0;
    background: #081031;
    height: 96%;
    width: 100%;
    z-index: 1;
}

.productBG2:before {
    content: "";
    position: absolute;
    top: -26px;
    right: -9px;
    height: 150px;
    width: 100px;
    background: url(/images/page/dots_product.png);
    background-size: cover;
}

.productBG3 {
position: absolute;
    left: 0;
    top: 0;
    background: #f2f3f4;
    height: 96%;
    width: 100%;
    z-index: 1;
}

.productBG3:before {
content:"";
position:absolute;
top:5%;
left:5%;
width:90%;
height:90%;
background:#fff;
}

.productBG4 {
position: absolute;
    left: 0;
    top: 0;
    background: #081031;
    height: 96%;
    width: 100%;
    z-index: 1;
}

.productBG4:before {
content:"";
position:absolute;
top:5%;
left:5%;
width:90%;
height:90%;
background:#fff;
}


@media (max-width:420px) {
	
	.productBG2:before {
	content: "";
	position: absolute;
	top: -20px;
	right: -7px;
	height: 118px;
	width: 79px;
	background: url(/images/page/dots_product.png);
	background-size: cover;
	}
	
}


/**********************EU COOKIE MESSAGE*************************/

.HBcookieControl {
    position: fixed;
    bottom: -2px;
    left:0;
	top:auto;
    background-color: #999;
    display: block;
    width: 100%;
    -moz-border-radius: 0 0 15px 15px;
    -webkit-border-radius: 0 0 15px 15px;
    border-radius:0;
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
    box-shadow:none;
background:#081031;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    opacity:1;
    border:none;
    font-family: ApexNewMedium;
    color: white;
    z-index: 99999999;
padding:10px 15px 10px;
text-align:center;
}

.HBcookieCtlHeader {
display:none;
}

.HBcookieCtlContents {
font-size:15px;
font-family: ApexNew;
padding:6px 0;
line-height: 1.62857143;
float:none;
display:inline-block;
margin-right:10px;
}

.HBcookieControlBtns {
width:auto;
display:inline-block;
float:none;
}

.HBcookieCtlButtons.yes {
background: #40b9e6;
    color: #fff;
width: auto;
margin:0;
text-transform:uppercase;
border:none;
    -moz-border-radius: 0 0 15px 15px;
    -webkit-border-radius: 0 0 15px 15px;
    border-radius:0;
    padding: 6px 15px;
font-family: ApexNewMedium;
    font-size: 17px;
line-height: 1.42857143;
text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    font-weight: 400;
    display: inline-block;
	float:none;
}

.HBcookieCtlButtons.no {
display:none;
}

.cookieControl {
    position: fixed;
    bottom: -2px;
    left:0;
	top:auto;
    background-color: #999;
    display: block;
    width: 100%;
    -moz-border-radius: 0 0 15px 15px;
    -webkit-border-radius: 0 0 15px 15px;
    border-radius:0;
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
    box-shadow:none;
background:#081031;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    opacity:1;
    border:none;
    font-family: ApexNewMedium;
    color: white;
    z-index: 9999999999;
padding:10px 15px 10px;
text-align:center;
}

.cookieCtlHeader {
display:none;
}

.cookieCtlContents {
font-size:15px;
font-family: ApexNew;
padding:6px 0;
line-height: 1.62857143;
float:none;
display:inline-block;
margin-right:10px;
}

.cookieControlBtns {
width:auto;
display:inline-block;
float:none;
}

.cookieCtlButtons.yes {
background: #40b9e6;
    color: #fff;
width: auto;
margin:0;
text-transform:uppercase;
border:none;
    -moz-border-radius: 0 0 15px 15px;
    -webkit-border-radius: 0 0 15px 15px;
    border-radius:0;
    padding: 6px 15px;
font-family: ApexNewMedium;
    font-size: 17px;
line-height: 1.42857143;
text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    font-weight: 400;
    display: inline-block;
	float:none;
	height:36px;
}

.cookieCtlButtons.no {
display:none;
}

/**************ERROR MESSAGES**************/

.site-inline-error {
    color: #e91e1e;
    font-size: 13px;
    margin: 10px 0 0;
    text-align: left;
    /* float: left; */
    width: 100%;
    display: inline-block;
}

.promoted-products-box {
    display: none;
}

#elm00304-despdate {display:none!important;}

.yotpo.testimonials {display:none!important;}


/**********ELM303 KIT BUILDER WIDGET**********/
    #elm303wrapper {
        position:relative;
        background:url(/images/page/bg_landscape.jpg) center;
		/* max-height: 650px; */
		 height: 70vh;
		/* background-size: 800px 700px; */
	    background-size: contain;
	    min-height: 550px;
		clear: left;
		margin-bottom: 39px;
    }
	#elm303wrapper select {
		cursor: pointer;
	}
	#elm303wrapper input {
		cursor: pointer;
	}
	#elm00303C {
		height: 100%;
		min-height: 500px;
	}
	#elm303wrapper .owl-stage-outer {
		top: 10px;
		height: 98%;
		min-height: 500px;
	}
	#elm303wrapper .owl-stage {
		height: 100%;
		min-height: 500px;
		margin-top: 25px;

	}
    .owl-item {
		height: 100%;
    }
    .item {
        text-align:center;
    }
    .elm00303 {
    }
    .elm303title {
        position:absolute;
        top:25px;
        left:25px;
        z-index:6;
    }
    .elm303title2 {
        position:absolute;
        top:0;
        right:0;
        z-index: 6;
    }
    .elm303title h3 {
        color:#fff;
        font-size:35px;
        text-transform:uppercase;
    }
    .elm303persPlayer {
        /* position:absolute; */
		position: relative;
        /* top:37%; */
        left:0;
        width:100%;
        z-index:4;
		text-align: center;
    }
    .elm303persPlayer select {
        text-transform: uppercase;
        font-family: "SpursRegular";
		background: transparent !important;
		border: none;
		text-align-last: center;
        z-index:5;
		color: #252b40;
		display: none;
	}
	.elm303persPlayer select option[value=""][disabled] {
		display: none;
	}
    .owl-carousel input {
        text-transform:uppercase;
        text-align:center;
        font-family: "SpursRegular";
        font-size: 30px;
        border:none;
        outline:none;
        background:none;
        padding:0;
        border-bottom:2px solid #AAA;
    }
    .elm00303 .owl-item {
        -webkit-filter: blur(3px);
        -moz-filter: blur(3px);
        -o-filter: blur(3px);
        -ms-filter: blur(3px);
        filter: blur(3px);
    }
    .owl-item.active {
        -webkit-filter: blur(0);
        -moz-filter: blur(0);
        -o-filter: blur(0);
        -ms-filter: blur(0);
        filter: blur(0);
    }

    .elm303pers {
        position:absolute;
        top:0;
        left:0;
        width: 100%;
        height:100%;
    }
    .elm303persContainer {
        position:absolute;
        top: 30%;
        left:0;
        width: 100%;
		height: 40%;
    }
    .elm303persName {
        /* position:absolute; */
		position: relative;
        /* top:28%; */
        left:0;
        z-index:4;
        width:100%;
		text-align: center;
    }
	.elm303persName input {
		display: none; 
		max-width: 35%;
		font-size: 25px;
		display: none;
	}
    .elm303persName .curvedName {
		position: initial;
        font-family: "SpursRegular";
        /*font-size:30px;*/
        text-transform:uppercase;
    }
    .elm303persNo {
        position:absolute;
         top: 34%;
		/*bottom: 3%;*/
        z-index:4;
        width:100%;
        font-family: "SpursRegular";
        text-transform:uppercase;
	}
    .elm303persNo input {
        font-family: "SpursRegular";
        text-transform:uppercase;
		text-align: center;
		width: 24%;
		display: none;
		line-height: normal;
    }
    .elm303persImg {
        /* max-width:600px; */
		/* height: 110vh; */
        display:inline-block !important;
    }
    .elm303persForm {
        position:absolute;
        bottom:0;
        left:0;
        width:100%;
        z-index:7;
    }
    .elm303price .form-control {
        float:left;
        clear:none;
        width:auto;
        padding:0 !important;
        margin:0 !important;
        border:none !important;
        font-size:25px !important;
        color:#fff;
        background:none !important;
        font-family: ApexNewMedium;
        line-height: 34px;
    }

    .elm303price label {
        float:left;
        width:auto;
        padding:8px 0 0 0;
        margin:0;
        font-size: 17px;
        line-height: 27px;
        text-transform:capitalize !important;
        font-family: ApexNew;
        color:#fff;
        margin:0 10px 0 0;
    }
    .owl-nav {
        position:absolute;
        left:0;
        width:100%;
        top:40%
    }

    #elm303wrapper .owl-prev {
        left:10px;
		    }
    #elm303wrapper .owl-next {
        right:10px;
 		    }
    .elm303PlayerForm button  {
        margin-top: -30px;
        font-size: smaller;
    }
    #ELM303SVGOverLay {
        position:absolute;
        z-index:2;
		width: 75%;
		left: 0 !important;
		right: 0;
		margin: auto;
    }
	.elm303persForm select {
	  background: #FFF !important;
	  text-transform:uppercase;
	  color: #252b40;
	  font-weight: bold;
	}
	#selBadge {
	  padding:0;
	  z-index: 6;
	  width: 100% !important;
	  font-size: 17px;
	  font-family: ApexNew;
	}
	#selBadge .dd-select{
	  padding:0;
	  z-index: 6;
	  width: 100% !important;
	  font-size: 17px;
	  font-family: ApexNew;
	  background: #FFF !important;
	}
	#selBadge a {
	  padding:0;
	  z-index: 6;
	}

	#selBadge ul {
	  padding: 0;
	  z-index: 6;
	  width: 100% !important;
	}
	.dd-option-text {
	  line-height: 0px !important;		
	}
	.dd-selected-text {
	  line-height: 0px !important;
	}
	#selBadge label{
	  vertical-align: middle;
	  position: relative;
	  margin-top: 23px;
	  font-family: ApexNew;
	  color: #252b40;
	  font-size: 17px;
	  width: auto;
	  position: relative;
	  margin-left: 15px;
	  margin-right: 5px;
	  float: left;
	}
	#selBadge img{
	  vertical-align: middle;
	  position: relative;
	  float: left;
	  margin: 3px;
	  /* margin-right: 25px; */
	  max-width: 36px;
	  height: 36px;
	}
	#fullscreenBtn{
		font-size: 14px;
		background: transparent;
		margin: 22px;
	}
	.dd-options {
		overflow: hidden !important;
	}
	.modal {
		display: none; /* Hidden by default */
		position: fixed; /* Stay in place */
		padding-top: 100px; /* Location of the box */
		left: 0;
		top: 0;
		width: 100%; /* Full width */
		height: 100%; /* Full height */
		overflow: auto; /* Enable scroll if needed */
		background: transparent; /* Fallback color */
		background-color: rgba(2,10,35,0.9); /* Black w/ opacity */
		z-index: 9;
	}

	/* Modal Content */
	#modalContent {
		margin: auto;
		padding: 20px;
		width: 50%;
		background: transparent;
	}
	
	#modalContent img {
		/* max-width: 70% */
	}

	/* The Close Button */
	.close {
		color: #fff;
		float: right;
		font-size: 25px;
		font-weight: normal;
		z-index: 9;
		cursor: pointer;
		opacity: 1;
		text-shadow: none;
	    margin-right: 10px;

	    height: 24px;
		width: 24px;
		line-height: 20px;
		-moz-border-radius:50%;
		border-radius:50% ;
		border: 2px solid white;
		color: white;
		text-align: center;	
	}
	.close:hover,
	.close:focus {
		color: #000;
		text-decoration: none;
		cursor: pointer;
	}
	.imageContainer {
		position: relative;
		display: inline-block;
		/* clip-path: inset(0px 0px 249px 0px); */
		text-align: center;
		height: 100%;
		max-width: 100%;
	}
	#playerSel {
	    /* width: 60%; */
	    box-shadow: none;
		-webkit-box-shadow: none;
		font-size: 15px;
	    width: inherit;
	}
	#playerSel:focus {
	    border: none;
	}
	input[type='number'] {
		-moz-appearance:textfield;
	}

	input::-webkit-outer-spin-button,
	input::-webkit-inner-spin-button {
		-webkit-appearance: none;
	}
	#purchaseBtn {
		width: 100%;
		line-height: 27px;
	}
	#errors {
		position: fixed;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
		background: rgba(170,0,0,0.4);
		max-width: 90%;
		z-index: 999;
		font-size: 22px;
		color: #000;
		padding: 20px;
		display: none;
	}
	.dd-option {
		border: none !important;
		background: #fff;
	}
	.dd-option:hover {
		background: #fff;
	}
	.dd-option-selected {
		background: #fff !important;
	}
	.dd-pointer {
		color: gray 50%;
	}
	.dd-pointer-up {
		border: solid 5px transparent !important;
		border-top: solid 5px gray !important;
		border-bottom: none !important;
		margin-top: 0 !important;
	}
	.dd-pointer {
		display: none;
	}
	.dd-pointer-down {
		border: solid 5px transparent !important;
		border-top: solid 5px gray !important;
		border-bottom: none !important;
		margin-top: 0 !important;
	}
	hr {
		margin: 0;
		border-top: 4px solid rgba(124, 218, 205, 0.84);
		width: 50px;
		margin-top: 3px;
		margin-left: 2px;
	}
	#textAlert {
		position: relative;
		/* top: 35%; */
		display: block;
		color: red;
		font-weight: bold;
		z-index: 9;
		font-size: 12px;
		padding-top: 5px;
	}
	.owl-carousel .owl-item img {
		/* width: auto !important; */
		width: 75% !important;
	}
	@media (max-height: 500px) {
		.elm303persNo {
			top:24%;
		}
	}
	@media (min-width: 1400px) {
		#elm303wrapper {
			height: 70vh;
		    background-size: contain;
		}
		.elm303persImg {
			height: 100vh;
			width: auto !important;
		}
		.elm303persContainer {
			/* top: 18%; */
			height: 43%;
		}
		#ELM303SVGOverLay {
			width: 100%;
			/* width: 95% !important; */
		}
		.owl-carousel .owl-item img {
			width: auto !important;
			/* width: 75% !important; */
		}	
		.elm303title h3 {
			font-size:50px;
		}
		#fullscreenBtn {
			font-size: 25px;
		}
		.owl-prev {
			width: 30px;
			height: 45px;
		}
		.owl-next {
			width: 30px;
			height: 45px;
		}
		.elm303persName input {
			font-size: 50px;
		}
		#textAlert {
			font-size: 25px;
		}
		#playerSel {
			font-size: 25px;
		}
	}
	@media (max-width: 769px) {
		#elm303wrapper {
			background:url(/images/page/bg_mobile.jpg) center;
			/* height: 92vh; *//*-webkit-fill-available;*/
			height: 90vh;
		    background-size: contain;
		}
		#playerSel {
			font-size: 12px;
		}
		.elm303persContainer {
			top: 18%;
			height: 25%;
		}
		.owl-carousel .owl-item img {
			max-width: 95%;
			width: auto !important;
		}
		hr {
			margin: 0 auto;
			margin-top: 1px;
		}
		.imageContainer {
			clip-path: inset(0px);
			/* height: 92vh; */
			min-height: 500px;
			max-width: 95%;
		}
		.elm303persNo {
			left: 0;
			 top: 26%; 
		}
		.elm303persNo input {
			width: 35%;
		}
		.elm303persName {
			/* top: 19%; */
			/* margin-bottom:3px; */
		}
		.elm303persName input {
			font-size: 15px;
		}
		.elm303persPlayer  {
			/* top: 25%; */
		}
		.elm303persPlayer select {
			width: 100%;
			font-size: 12px;
		}
		.elm303persForm {
			bottom: 0;
		}
		.elm303persImg {
			max-width: 100%;
			/* min-height: 500px; */
			height: auto;
			max-height: -webkit-fill-available;
			/* height: 85vh; */
			display:inline-block !important;
		}
		.form-group select {
		    padding: 4px 10px !important;
		}
		#elm303PersForm .form-group {
			margin-bottom: 5px;
		}
		#selBadge img {
			margin: 2px;
			max-width: 31px;
			height: 31px;
			/* margin-right: 25px; */
			margin-left: 10px;
		}
		#selBadge label {
			margin-top: 18px;
			margin-left: 0;
			left: 8px;
			font-size: 15px;
		}
		#purchaseBtn {
		    padding: 4px 10px !important;
		}
		.elm303title2 {
			top: 70px;
		}
		#fullscreenBtn {
			margin: 10px;
		}
		.elm303title2 span {
			font-size: 25px;			
		}
		/* #fullscreenBtn {
		    margin: 80px 10px 0 0;
			font-size: 25px;
		} */
		#ftext {
			display: none;
		}
		.elm303title {
			position: relative;
			left:0;
			top: 10px;
			z-index: 0;
		}
		#ELM303SVGOverLay {
			width: 95% !important;
		}
		#modalContent {
			width: 100%;
			padding: 0;
		}
		#modalContent .imageContainer #ELM303SVGOverLay {
			max-width: 100%;
			width: 100% !important;
		}

		#modalContent .imageContainer img {
			max-width: 100%;
			max-height: 100%;
		}
		.owl-nav {
			top: -20px;
		}
		.elm303price label {
			font-size: 14px;
		}
		.form-group .form-control {
			font-size: 15px;
		}
		#selBadge {
			font-size: 15px;
		}
		#selBadge .dd-select{
			font-size: 15px;
		}
		#price {
			font-size: 80%;
		}
		#textAlert {
			/* top: 24%; */
			font-size: 10px;
		}
	}

/******* ARROW - TEST *******/
#selStyle {
	/* background-image:linear-gradient(45deg, transparent 50%, gray 50%),linear-gradient(135deg, gray 50%, transparent 50%),linear-gradient(to right, #ccc, #ccc) !important; */
	background-image:linear-gradient(45deg, transparent 50%, gray 50%),linear-gradient(135deg, gray 50%, transparent 50%) !important;

	background-position:calc(100% - 20px) calc(1em + 1px),calc(100% - 15px) calc(1em + 1px),calc(100% - 2.5em) 0.5em !important;

	background-size:5px 5px,5px 5px,1px 1.5em !important;
	  
	background-repeat: no-repeat !important;
}

/* #selStyle:focus {
  background-image:linear-gradient(45deg, gray 50%, transparent 50%),linear-gradient(135deg, transparent 50%, gray 50%) !important;
  background-position:calc(100% - 15px) 1em,calc(100% - 20px) 1em,calc(100% - 2.5em) 0.5em !important;
  background-size:5px 5px,5px 5px,1px 1.5em !important;
  background-repeat: no-repeat !important;
  outline: 0 !important;
} */

#selFont {
	/* background-image:linear-gradient(45deg, transparent 50%, gray 50%),linear-gradient(135deg, gray 50%, transparent 50%),linear-gradient(to right, #ccc, #ccc) !important; */
	background-image:linear-gradient(45deg, transparent 50%, gray 50%),linear-gradient(135deg, gray 50%, transparent 50%) !important;

	background-position:calc(100% - 20px) calc(1em + 1px),calc(100% - 15px) calc(1em + 1px),calc(100% - 2.5em) 0.5em !important;

	background-size:5px 5px,5px 5px,1px 1.5em !important;
	  
	background-repeat: no-repeat !important;
}

#selSiza {
	/* background-image:linear-gradient(45deg, transparent 50%, gray 50%),linear-gradient(135deg, gray 50%, transparent 50%),linear-gradient(to right, #ccc, #ccc) !important; */
	background-image:linear-gradient(45deg, transparent 50%, gray 50%),linear-gradient(135deg, gray 50%, transparent 50%) !important;

	background-position:calc(100% - 20px) calc(1em + 1px),calc(100% - 15px) calc(1em + 1px),calc(100% - 2.5em) 0.5em !important;

	background-size:5px 5px,5px 5px,1px 1.5em !important;
	  
	background-repeat: no-repeat !important;
}

#selQuantity {
	/* background-image:linear-gradient(45deg, transparent 50%, gray 50%),linear-gradient(135deg, gray 50%, transparent 50%),linear-gradient(to right, #ccc, #ccc) !important; */
	background-image:linear-gradient(45deg, transparent 50%, gray 50%),linear-gradient(135deg, gray 50%, transparent 50%) !important;

	background-position:calc(100% - 20px) calc(1em + 1px),calc(100% - 15px) calc(1em + 1px),calc(100% - 2.5em) 0.5em !important;

	background-size:5px 5px,5px 5px,1px 1.5em !important;
	  
	background-repeat: no-repeat !important;
}

#playerSel {
	/* background-image:linear-gradient(45deg, transparent 50%, gray 50%),linear-gradient(135deg, gray 50%, transparent 50%),linear-gradient(to right, #ccc, #ccc) !important; */
/* 	background-image:linear-gradient(45deg, transparent 50%, gray 50%),linear-gradient(135deg, gray 50%, transparent 50%) !important;

	background-position:calc(85% - 20px) calc(1em + 1px),calc(85% - 15px) calc(1em + 1px),calc(100% - 2.5em) 0.5em !important;

	background-size:5px 5px,5px 5px,1px 1.5em !important;
	  
	background-repeat: no-repeat !important;	 */
}
.dd-selected {
	/* background-image:linear-gradient(45deg, transparent 50%, gray 50%),linear-gradient(135deg, gray 50%, transparent 50%),linear-gradient(to right, #ccc, #ccc) !important; */
	background-image:linear-gradient(45deg, transparent 50%, gray 50%),linear-gradient(135deg, gray 50%, transparent 50%) !important;

	background-position:calc(100% - 20px) calc(1em + 1px),calc(100% - 15px) calc(1em + 1px),calc(100% - 2.5em) 0.5em !important;

	background-size:5px 5px,5px 5px,1px 1.5em !important;
	  
	background-repeat: no-repeat !important;
}

.waslabel {
    display: none !important;
}

.thenlabel {
    display: none !important;
}

.nowlabel {
    display: none !important;
}

#elm288was,#elm288then {
float:left;
margin-right:10px;
}

.wasprice {
    color: #9a9b9c;
    text-decoration: line-through;
    font-size: 16px;
    font-family: apexnewheavy;
    margin-right: 5px;
    float:left;
}

.thenprice {
    color: #9a9b9c;
    text-decoration: line-through;
    font-size: 16px;
    font-family: apexnewheavy;
    margin-right: 5px;
    float:left;
}

.elm303prices,.elm303price  {
float:left;
width:100%;
}

#elm303wasPrice {
float:left;
width:50%;
}

#elm303thenPrice {
float:left;
width:50%;
}

#elm303nowPrice {
float:left;
width:100%;
}

#elm303nowPrice {
color:#fff;
    font-size: 20px;
    font-family: apexnewheavy;
    margin-right: 5px;
    float: left;
	line-height:25px;
}

#elm303nowPrice #price {
float:left;
}






.elm206ReviewWrapper.yotpo span div.standalone-bottomline div.yotpo-bottomline.pull-left.star-clickable  a {
    display: none!important;
}

.elm206ReviewWrapper.yotpo span.yotpo-display-wrapper div.standalone-bottomline div.yotpo-bottomline.pull-left.star-clickable span.yotpo-stars span.yotpo-icon.yotpo-icon-star.pull-left {
    color: #0f204b !important;
    font-size:14px!important;
}

.elm206ReviewWrapper.yotpo span.yotpo-display-wrapper div.standalone-bottomline div.yotpo-bottomline.pull-left.star-clickable span.yotpo-stars span.yotpo-icon.yotpo-icon-half-star.pull-left {
     color: #0f204b !important;
    font-size:14px!important;
}

.elm206ReviewWrapper.yotpo span.yotpo-display-wrapper div.standalone-bottomline div.yotpo-bottomline.pull-left.star-clickable span.yotpo-stars span.yotpo-icon.yotpo-icon-empty-star.pull-left{
    color: #0f204b !important;
    font-size:14px!important;
}



.elm206ReviewWrapper.yotpo span.yotpo-display-wrapper div.standalone-bottomline {float:right!important;}


.elm206Rating {
    float: left;
    display: none;
    margin-top: 5px;
    margin-left: -3px;
height: 28px; 
    min-width: 20px;
}








/****************ELM316 NAVIGATION WITH COMPONENTS*****************/
.elm316hovered #masthead.fixed {
	z-index:1000;
}
.elm00316 {
            float: left;
            width: 100%;
            position: relative;
            z-index: 1;
            margin: 0;
            padding: 0;
            background: rgba(15,32,75,1);
			    font-family: ApexNewHeavy;
        }

        #elm316menu {
            padding: 0;
            display: table;
            width: 100%;
        }

        .elm316topLevel {
            /* float: left; */
            width: 10%;
            list-style: none;
            display: table-cell;
            padding: 0;
            height: 100%;
            vertical-align: middle;
        }
		
		.elm316topLevel:nth-last-child(1),.elm317topLevel:nth-last-child(1) {
			display:none;
		}
		/*
		.elm316topLevel:nth-last-child(2),.elm317topLevel:nth-last-child(2) {
			display:none;
		}
		*/

        .elm316norm {
            padding: 15px 0 10px!important;
            margin: 0;
            text-align: center;
            font-size: 18px;
            width: 100%;
            color: #fff;
            float:left;
			text-decoration:none;
			    text-transform: uppercase;
        }
		
		.elm316norm:hover {
			text-decoration:none;
		
		}
		
		.elm316_highlightedHeader {
		background:#162d5c;
		}

        .elm316dropdown {
			display: none;
			background: #fff;
			padding: 15px;
			border-top: 5px solid #162d5c;
			border-bottom: 5px solid #162d5c;
			font-family: ApexNewMedium;
		}
		
		.elm316colCategory {
		float:left;
		width:100%;
		margin:0 0 7px;
		font-size:18px!important;
		}

        .elm316dropdown {



        }

       




        .elm316topLevel:hover .elm316dropdown {
            display: block;
            position: absolute;
            top: 43px;
            left:0;
            /* margin-left: -70px; */
            width: 100%;
        }

        .elm316component {
			float:left;
			width:100%;
		}
		
		.elm316dropInner .elm316col {
		border-right:1px solid #eee!important;
		}

		.elm316dropInner .elm316col:nth-child(5) {
		border-right:none;
		}

		.elm316colHeader a {
		margin:0 0 10px;
		float:left;
		width:100%;
		color:#162d5c;
		text-decoration:underline;
		line-height:20px;
		font-weight:bold;
		}
		
		.elm316colHeader div {
  		margin: 0 0 10px;
    		float: left;
    		width: 100%;
    		color: #0f204b;
    		line-height: 20px;
    		font-family: apexnewheavy;
    		font-weight: normal;
    		text-transform: uppercase;
		}
		
		.elm316dropInner {
		margin-bottom:15px;
		}

		.elm316pos2col0 .elm316colCategory:nth-last-child(1) a,.elm316pos2col1 .elm316colCategory:nth-last-child(1) a,.elm316pos2col2 .elm316colCategory:nth-last-child(1) a,.elm316pos3col0 .elm316colCategory:nth-last-child(1) a,.elm316pos3col1 .elm316colCategory:nth-last-child(1) a,.elm316pos3col2 .elm316colCategory:nth-last-child(1) a,.elm316pos4col0 .elm316colCategory:nth-last-child(1) a,.elm316pos4col1 .elm316colCategory:nth-last-child(1) a,.elm316pos4col2 .elm316colCategory:nth-last-child(1) a ,.elm316pos5col0 .elm316colCategory:nth-last-child(1) a,.elm316pos5col1 .elm316colCategory:nth-last-child(1) a,.elm316pos5col2 .elm316colCategory:nth-last-child(1) a,.elm316pos5col3 .elm316colCategory:nth-last-child(1) a,.elm316pos5col4 .elm316colCategory:nth-last-child(1) a,.elm316pos5col5 .elm316colCategory:nth-last-child(1) a,.elm316pos5col6 .elm316colCategory:nth-last-child(1) a,.elm316pos5col7 .elm316colCategory:nth-last-child(1) a,.elm316pos6col0 .elm316colCategory:nth-last-child(1) a,.elm316pos7col4 .elm316colCategory:nth-last-child(1) a,.elm316pos10col0 .elm316colCategory:nth-last-child(1) a {
		margin:20px 0 0;
		float:left;
		text-decoration:underline; 
		}
		
		.elm316pos1col0 .elm316colCategory:nth-last-child(1) a {
		float:left;
		text-decoration:underline;
		}

		.elm316pos1col0 .elm316colCategory:nth-last-child(2) a {
		float:left;
		margin:20px 0 0;
		text-decoration:underline;
		}
		
		
		
		/* Temporary Styling */
		.elm316pos9col0 .elm316colCategory:nth-last-child(1) a {
			margin: 0;
			text-decoration:underline;
		}
		
		
.elm316colLinks a {
    color: #0f204b;
    font-family: apexnew;
}
	
@media (max-width:1199px) {
	.elm00316 {
		display:none;
	}
	
}	
		
/****************ELM317 NAVIGATION WITH COMPONENTS*****************/

.elm00317 {
    float: left;
    width: 100%;
    margin: 0;
    background: #fff;
}

        .elm00317 a {
            text-decoration:none !important;
            font-family: ApexNewMedium;
        }

        .elm317norm  {
            font-size: 30px;
            font-weight: normal;
            color:#000829;
            text-transform: uppercase;
            float: left;
            width: 100%;
            font-family: ApexNewHeavy !important;
            letter-spacing: 1px;
            cursor:pointer;
            text-decoration:none !important;
            padding:10px 15px;
			position:relative;
			padding-right:70px;
        }
		 
		.elm317norm span {
		position:absolute;
		right:10px;
		width:60px;
		height:auto;
		}

		.elm317norm span img {
		float:left;
		max-width:100%;
		height:auto;
		max-height:50px;
		}

        .elm317norm:hover {
            color:#fff !important;
            background:#3db7e4 !important
        }

        .elm317branchHeader {
			padding: 10px 0;
			padding-left: 35px;
			background: url(/images/page/back_arrow.png) left 8px center no-repeat #39b6e7;
			background-size: 25px !important;
			float: left;
			width: 100%;
		}
        .elm317branchHeader span {
            font-size: 30px;
            font-weight: normal;
            line-height:30px;
            color: #fff;
            text-transform: uppercase;
            float: left;
            width: 100%;
            font-family: ApexNewHeavy;
            letter-spacing: 1px;
            cursor:pointer;
            text-decoration:none !important;
        }

        .elm317subBranchTitle {
            background:#eaeaea;
            color:#000829;
            float:left;
            width:100%;
            padding:8px 15px;
            text-transform:uppercase;
        }

        
        .elm317norm.col0 {
            color:#0F204B;
        }
		
		.elm317subBranchTitle div {
			    font-family: ApexNewMedium;
		}

        .elm317subBranchLink {
            float:left;
            width:100%;
            padding:10px 15px;
            background:#fff;
            border-bottom:1px solid #eaeaea;
        }

        .elm317subBranchLink a {
            color:#000829;
	    font-family:apexnew;
        }
		
		.elm317component {
			float:left;
			width:100%;
		}

@media (min-width:1200px){

.col-lg-3 {
    width: 25%;
}

.elm206headCategory {text-align:center !important;}

}

.elm206headCategory {text-align:left;}


				
		
		
/***********************ELM335 SPURS BASKET*************************/

.elm00335 {
	padding-bottom:20px;
}

.elm335delete {
position:absolute;
left:7px;
top:50%;
width:25px;
height:25px;
padding:0;
background:none;
z-index:1;
}

.elm335basket {
float:left;
width:100%;
}

.elm335basketContainer {
margin-left:-15px;
margin-right:-15px;
}

.elm335Head {
background:#eee;
text-align:left;
padding-top:20px;
padding-bottom:20px;
float:left;
width:100%;
}

.elm335_title {
    font-size: 35px;
}

.elm335total {
    background: #f2f3f4;
height:35px;
vertical-align:middle;
display:table;
width:100%
}

.elm335updateBtn {
float:right;
}

.elm335totalInner {
display:inline;
 display: table-cell;
    vertical-align: middle;
text-align:left;
padding:0 15px;
}

.elm335checkoutGTMBtn {
width:150px; 
display:table-cell; 
} 

.elm335dimType {
	display:none;
}

.elm335product {
border:3px solid #eeeeee;
margin-bottom:10px;
padding-top:15px;
padding-bottom:15px;
padding-left:40px;
padding-right:15px;
    position: relative;
}

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

.elm335dimensions span {
float:left;
}

.elm335dimensions {
    float: left;
    width: 100%;
    font-family: ApexNewMedium;
    color: #999;
    font-size: 16px;
    padding: 5px 0 0;
    margin: 0 0 10px;
}

.elm335d1Div:after {
    content: ",";
    float: left;
    margin-right: 3px;
}

.elm335productTitle a {
text-align:left;
float:left;
width:100%;
color:#081132;
font-size:20px;
margin:0 0 10px;
text-decoration:none;
}

.elm335priceQty {
float:left;
width:100%;
text-align:left;
font-family: ApexNewMedium;
margin:0 0 10px;
}

.elm335priceQty div,.elm335priceQty span {
float:left;
margin-right:4px;
}

.elm335persBtn {
float:left;
white-space: normal;
max-width: 100%;
}

.elm335image {
z-index:2;
position:relative;
}

.elm335productDetail {
margin:10px 0 0;
}

.elm335codelabel {
	float:left;
	width:100%;
}

.elm335persBtn  {
background-image: url(../images/page/right_arrow.png);
background-position: right 7px center!important;
    background-repeat: no-repeat!important;
    background-size: 11px!important;
background-color:#fff;
color:#081132 !important;
border:1px solid green;
text-align:left;
font-size:14px;
padding:7px 45px 7px 10px;
line-height:14px;
}

.elm335delCostFree {
	color:green;
}

.elm335basket form {
	margin-top:15px;
}

.elm335prodTotal  {
	margin:0;
	float: right;
	font-size:15px;
	line-height:17px;
}


.elm335prodSubTot {
text-align:right;
margin:5px 0 0;
}

.elm335qtyBtn {
background:#eeeeee;
color:#081132 !important;
    font-family: ApexNewMedium;
font-size:26px;
width:100%;
}

.elm335ImageWrapper {
    position: relative;
    margin: 15px 0;
}

.elm335qtyBtns div {
padding:0 5px;
}

.elm335codelabel {
font-size:14px;
color:#888888;
padding:10px 0;
cursor:pointer;
}

.elm335delMethContainer {
    background:#f2f3f4;
overflow:hidden;
padding:0 0 10px;
}

.elm335delCost,.elm335delLabel {
text-align:left;
}

.elm335delLabel {
    font-family: ApexNew;
    font-size: 15px;
margin:0 0 10px;
line-height:20px;
}

.elm335delMethTitle {
font-family: ApexNewMedium;
margin:10px 0 0;
}

.elm335delCost {
font-family: ApexNewMedium;
font-size:16px;
line-height:20px;
}

.elm335delMethTitle {
text-align:left;
padding:10px 0;
}

.elm335_totalLabel {
font-family: ApexNewMedium;
font-size:13.8px;
}

.elm335checkoutBtn  {
    float: left;
    border: none;
    padding: 20px 40px;
    line-height: 18px;
    font-size: 18px;
    background: #3db7e4!important;
}

.elm335prodSubTot {
    font-family: ApexNewMedium;
}


#backShopping {
    background: url(/images/page/back_arrow.png) left top no-repeat!important;
    padding: 0 0 0 23px;
    color: #081031;
    font-family: ApexNewBold;
    font-size: 15px;
    background-size: 21px 15px!important;
    float: left;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
	margin:20px 0 0;
}

.elm335delMethContainer {
margin:0 0 20px;
}

.basketDelBlock {
border:3px solid #eeeeee;
margin:0 0 20px;
padding:15px 30px 15px 120px;
text-align:left;
width:100%;
position:relative;
min-height:100px;
display:table;
}

.basketDelBlockRight {
padding:15px 70px 15px 30px;
border:3px solid #eeeeee;
background:#FFFFF
}
.basketDelBlockRight .basketDelImg {
position:relative;
display:table-cell;
vertical-align:middle;
margin:0;
}

.basketDelText {
display:table-cell;
vertical-align:middle;
}

.basketDelImg {
position:absolute;
top:50%;
left:30px;
margin-top:-22px;
}

.basketDelBlocks h2 {
    color: #061132;
    padding-bottom:0;
    border-bottom: 3px solid #3db8e4;
    font-size: 20px;
    line-height: 28px;
    display: inline-block;
    text-transform: uppercase;
float:left;
margin:0 0 15px;
}

.elm335sourceCode {
padding:0 15px;
overflow:hidden;
float:left;
width:100%;
position:relative;
}

.elm335sourceBtn {
position:absolute;
top:0;
right:15px;
}

.elm335sourceCode .elm335input {
padding-right:90px;
}

.elm335emptyMessage {
	font-family: ApexNewHeavy;
	font-size:28px;
	text-transform:uppercase;
	margin:10px 0 20px;
}
.ui-dialog-titlebar-close span {
	display: none !important;
}
.elm335PersCont {
	position: relative;
	width: 100%;
	display: inline-block;
}
.elm335SVG {
	position: absolute;
    z-index: 10;
    display: inline-block;
	max-height: 100%;
	width:100%;
}
.elm335PersImg {
	width: 100%;
	text-align: center;
}
.elm335PersImg img {
    width: 67%;
    display: inline-block;
    margin-right: 17%;
    margin-left: 16%;
}
.elm335persDetail {
	padding: 0 !important;
	margin: 0 !important;
	width: 100% !important;
}
.elm330PersAcc h3 {
    font-family: ApexNewBold;
    text-transform: uppercase;
    color: #081031 !important;
    font-size: 17px;
    line-height: 27px;
    padding-top: 15px;
    padding-bottom: 10px;
    background: #f2f3f4 !important;
    border:none !important;
    text-align: left;
    margin: 0!important;
    padding-left: 15px;
}

.elm330CCShop[data-nac="3542836"] {display:none;}

.elm330PersAcc h3:hover {
	color: #0073EA !important;
}
.elm335prodBefore, .elm335prodBefore label {
	text-decoration: line-through;
	color: #081132;
	text-align: right;
	font-weight: bold;
}
.elm335prodDiscount, .elm335_totalDiscount {
	color: #008000;
}
.elm335_totalBefore, .elm335_totalBefore label {
	text-decoration: line-through;
	color: #081132;
	text-align: left;
	font-weight: bold;
	font-family: ApexNewMedium;
	font-size:13.8px;
	margin-bottom: 5px;
}

.elm335pno {
float:left;
margin-left:10px;
color:#7b7b7b;
}

.elm335pno:before {
content:"- ";
}

@media (min-width:1200px) {
.elm335rightSection {
	display:inline-block;
	width:100%;
	max-width:550px;
}
}
@media (max-width:991px) {
	.elm335top {
	position:fixed;
	left:0;
	z-index:3;
	}
	
	.elm335Head {
		padding-top:78px;
		display:none;
	}
	
	#elm335basket {
		padding-top:58px;
	}
	
	.elm335basketEmpty .elm335Head {
		padding-top:20px !important;
	}
	
	.elm335emptyMessage {
		font-size:24px;
	}
}

@media (min-width:992px) and (max-width:1300px) {
.elm335totalDisc {
background:none !important;
}

.elm335totalDisc .elm335totalInner {
float:left;
    background: #f2f3f4;
padding:15px
}

.elm335checkoutBtn {
width:100%;
}

.elm335discContinue {
margin:20px 0 0;
}

}

@media (max-width:767px) {
	
	.elm335basket form {
		margin-left: -15px;
		margin-right: -15px;
	}
	
	.basketDelBlocks {
		padding:0 15px;
	}
	
	.elm335checkoutBtn  {
		font-size: 15px;
		padding: 20px 30px;
	}
}		
		
.elm289_qtybtns {
  float: left;
  margin-bottom: 20px;
}
.elm289QtyMinusBtn {
  float: left;
  width: 50px;
  height: 35px;
  font-size: 22px;
  font-weight: bold;
  border: 1px solid #e2e5e7;
  background: #FCFCFC;
  cursor: pointer;
  padding-top: 4px;
}
.elm289QtyDisplay {
  float: left;
  height: 35px;
  width: 40px;
  padding-top: 10px;
  border-top: 1px solid #e2e5e7;
  border-bottom: 1px solid #e2e5e7;
  font-weight: bold;
}
.elm289QtyPlusBtn {
  float: left;
  width: 50px;
  height: 35px;
  font-size: 22px;
  font-weight: bold;
  border: 1px solid #e2e5e7;
  background: #fff;
  cursor: pointer;
  padding-top: 6px;
}

.elm288_qtybtns {
  float: left;
  margin-bottom: 20px;
}
.elm288QtyMinusBtn {
  float: left;
  width: 50px;
  height: 35px;
  font-size: 22px;
  font-weight: bold;
  border: 1px solid #e2e5e7;
  background: #FCFCFC;
  cursor: pointer;
  padding-top: 4px;
}
.elm288QtyDisplay {
  float: left;
  height: 35px;
  width: 40px;
  padding-top: 10px;
  border-top: 1px solid #e2e5e7;
  border-bottom: 1px solid #e2e5e7;
  font-weight: bold;
}
.elm288QtyPlusBtn {
  float: left;
  width: 50px;
  height: 35px;
  font-size: 22px;
  font-weight: bold;
  border: 1px solid #e2e5e7;
  background: #fff;
  cursor: pointer;
  padding-top: 6px;
}

.elm288DivDim2[data-levelno="3"] {

    background: linear-gradient(45deg, #eee 50.5%, transparent 49.5%) 0 0 no-repeat, linear-gradient(135deg, #eee 50.5%, transparent 49.5%) 0 100% no-repeat, linear-gradient(135deg, #eee 50.5%, transparent 49.5%) 100% 0% no-repeat, linear-gradient(225deg, #eee 50%, transparent 51%) 0 0 no-repeat, linear-gradient(225deg, #eee 50.5%, transparent 49.5%) 100% 100% no-repeat, linear-gradient(-45deg, #eee 50%, transparent 50.1%) 100% 0% no-repeat #eee !important;
        background-size: auto auto, auto auto, auto auto, auto auto, auto auto, auto auto;
    background-size: 60% 50% !important;
    color: #0f204b !important;
    cursor:not-allowed;
}

.elm288DivDim1 {
	cursor: pointer;
	float: left;
	margin: 5px;
	padding: 10px;
}
.elm288DivDim1Col {
	border: 3px solid #000000;
}
.elm288DivDim1:nth-of-type(1) {
	margin-left: 0;
}
.elm288Dim1-G {
	border-color: #0F0;
}
.elm288Dim1Selected {
	border-color: #4F6DA4 !important;
	background: #8AAFF2 !important;
}

.elm288DivDim2 {
	cursor: pointer;
	float: left;
	margin: 5px;
	padding: 20px;
	width: 80px;
}
/* .elm288DivDim2:nth-of-type(1) { */
	/* margin-left: 0; */
/* } */
.elm288Dim2Selected {
    border: 3px solid #3db7e4 !important;
    padding: 17px;
    background: #3db7e4 !important;
    color: #fff !important;
}
.elm288AddedMsg {
    float: left;
    width: 100%;
    padding: 20px;
    border: 1px solid #000000;
    margin-top: 10px;
    color: #24A954;
    line-height: 17px;
    position: relative;
}
.elm288AddedImg {
	background-image: url(/images/page/complete_tick.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 20px;
    height: 20px;
    float: left;
    position: absolute;
    top: calc(50% - 10px);
}
.elm288AddedText {
    float: left;
    width: calc(100% - 40px);
    position: relative;
    left: 35px;
}
.elm288AddedProd {
	float: left;
    text-align: left;
}
.elm288AddedBtn {
    float: left;
    min-width: 100%;
    text-align: left;
	color: #24A954;
}
#elm288_buyButton .btn:disabled,#elm289_buyButton .btn:disabled{
	background: #999999;
}
.elm288qtyContainer {
	clear: both;
}
.elm288grid2 {
	clear: both;
}
#elm288_buyButton {
	clear: both;
}
.elm288StockMessage {
	clear: both;
}
.elm289AddedMsg {
	float: left;
    width: 100%;
    padding: 20px;
    border: 1px solid #000000;
    margin-top: 10px;
    color: #24A954;
    line-height: 17px;
    position: relative;
}
.elm289AddedImg {
	background-image: url(/images/page/complete_tick.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 20px;
    height: 20px;
    float: left;
    position: absolute;
    top: calc(50% - 10px);
}
.elm289AddedText {
    float: left;
    width: calc(100% - 40px);
    position: relative;
    left: 35px;
}
.elm289AddedProd {
	float: left;
    text-align: left;
}
.elm289AddedBtn {
    float: left;
    min-width: 100%;
    text-align: left;
	color: #24A954;
}
.elm289PreOrdMsg {
	font-family: ApexNew;
    color: #444;
    font-size: 14px;
    line-height: 24px;
}

#menu.menu.slideout-menu.menu-open div#menuBody div.module.elm00222 {

    float: left;
    display: block;
    background: #eee;
    width: 100%;

}

#menu.menu.slideout-menu.menu-open div#menuBody div.module.elm00222 div.elm00222 p {

    line-height: 50px;
    color: #0f204b;
    font-weight: bold;
    font-family: apexnew, arial;
    text-indent: 5px;

}

/******************ELM000330 SPURS CLICK & COLLECT CHECKOUT*******************/

#elm330Container {
	margin-left: -15px;
	margin-right: -15px;
        overflow:hidden;
}
.elm330Accordion {
	text-align: left;
}
.elm330Head {
	text-align: left;
}
.elm330HeadSecure {
	background-image: url("/images/buttons/zoom_icon.png");
	background-repeat: no-repeat;
	background-size: auto;
}
.elm330BotBtns {
	margin-bottom: 20px;
}
.elm330FCBalance {
	margin-top: 10px;
}
.elm330BookAddName {
	display: inline;
}
.elm330Accordion h3 {
	font-family: ApexNewBold;
    text-transform: uppercase;
    color: #081031;
    font-size: 17px;
    line-height: 27px;
    padding-top: 15px;
    padding-bottom: 10px;
    background: #f2f3f4;
    border-top: none;
    border-bottom: 1px solid #e4e6e7 !important;
    border-left: none;
    border-right: none;
    text-align: left;
    margin: 0 !important;
}
.elm330AccDiv {
	border: none;
}
.elm330DelOpt {
	float: left;
	height: 380px;
    border: 3px solid #C3C3C3;
	width: 100%;
	margin-top: 10px;
	margin-bottom: 10px;
	font-weight: bold;
}
.elm330Link {
    background: none;
    border: none;
    color: #03234F;
    text-decoration: underline;	
	font-weight: bold;
}
.elm330Pickup {
	margin-top: 25px;
    color: #40b9e6;
    font-weight: bold;
}
.elm330DelOpt a {
	color: #43445F;
}
.elm330DelOpt p {
	color: #00B8E5;
}
.elm330DelOpt h5 {
	color: #03234F;
	padding: 10px;
}
.elm330DelOptions, .elm330DelAddNew {
	display: none;
}
.elm330DelOptHid {
	display: none;
}
.elm330DelOpt h4, .elm330DelOpt h5{
	text-align: center;
	margin-top: 10px
}
.elm330Add, .elm330Pickup, .elm330HomePhone {
	text-align: left;
	margin-left: 20%;
	margin-right: 15px;
}
.elm330DelOptText {
	text-align: left;
	margin-left: 15%;
	margin-right: 15px;	
	margin-top: 20px;
	margin-bottom: 25px;
}
.elm330DelOpt3 .elm330Line {
	text-align: left;
	margin-left: 15%;
	margin-right: 15px;
	margin-top: 5px;
}
.elm330HomePhone {
	color: #03234F;
	margin-top: 20px;
}
.elm330Line {
	display: block;
}
.elm330Line p {
	color: #444;
    font-size: 100%;
    font: inherit;
}
.elm330AccordionData1 {
	margin-left: 20px;
}
.elm330AccordionData2 {
	margin-left: 20px;
}
.elm330HomeBtns {
}
.changeDisplay {
	cursor: pointer;
}
.elm330DelAddDef {
	margin-top: 20px;
	margin-bottom: 30px;
}
.elm330DelAddDefName, .elm330DelAddDefDet {
	font-weight: bold;
}
.elm330BookEntry, .elm330CCShop {
	clear: both;
	border-bottom: 1px solid #cdcdcd;
    margin-top: 20px;
	float: left;
    width: 100%;
}
.elm330BookEntry input, .elm330BookAddRadio, .elm330BookAddDet, .elm330BookBtns, .elm330CCShopCol1, .elm330CCShopCol2, .elm330CCShopBtns {
	float: left;
	margin: 10px 0;
}

.elm330DelAddBook .elm330Books button, .elm330CCShopList button {
	display: block;
	float: left;
	margin: 2px;
	border-left: 2px solid;
}
.elm330DelAddBook .elm330Books button:first-child, .elm330CCShopList button:first-child {
	border-left: none;
}
.elm330MapContainer {
	clear: both;
	margin-bottom: 15px;
}
.elm330Map {
	width: 100%;
	height: 300px;
}
.elm330MapOH {
	position: absolute;
    z-index: 9;
    background: #FFF;
    margin: 20px;
    padding: 5px 20px;
	margin-top: 60px;
}
.elm330CCShopButtons {
	clear: both;
}
.elm330DelMethods label {
	display: inline;
	clear: both;
}
.elm330DelMethodPrice {
	float: right;
}
.elm330OrderSummary {
	font-size: 12px;
	float: right;
    margin-right: 20px;
    border-left: 1px solid #cdcdcd;
    padding-left: 12px;
}
.elm330OrderSummary h4{
	font-size: 1em;
}
.elm330SumProdPrice {
	float: right;
}
.elm330Total, .elm330GTotal {
	padding: 10px 0;
}
.elm330Total span, .elm330GTotal span {
	float: right;
}
.elm330Total p, .elm330GTotal p {
	display: inline;
}
.elm330SummaryDelMet {
	padding: 20px 0;
    border-bottom: 1px solid #cdcdcd;
    border-top: 1px solid #cdcdcd;
}
.elm330SummaryDelMetText {
	float: left;
}
.elm330SummaryDelMetPrice {
	float: right;
}

.elm330AddNewCard h4 {
	display: inline;
}
.elm330AddNewCard label {
	clear: both;
	display: block;
	margin: 15px 0;
}
.elm330NewCard {
	border: 1px solid #cdcdcd;
    border-radius: 10px;
    margin: 10px 0;
    padding: 20px 15px;
}
.elm330MatchDay {
	margin-top: 20px;
    margin-bottom: 20px;
}
.elm330Box {
	clear: both;
	padding: 10px;
	float: left;
	width: 100%;
	border-bottom: 1px solid #cdcdcd;
}
.elm330MatchSelection {
	margin-top: 25px;
}
.elm330BoxCol1, .elm330BoxCol2 {
	float: left;
}
.elm330PickupPoints {
	float: left;
}
.elm330Matches {
	float: right;
}
.elm330Container .form-group {
	border: none;
    border-bottom: 2px solid #ccc;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: none;
    font-size: 17px;
    line-height: 27px;
    font-family: ApexNew;
    padding: 7px 0;
    height: auto!important;
}
.elm330Container .form-group .form-control {
	border: none;
    border-bottom: 2px solid #ccc;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: none;
    font-size: 17px;
    line-height: 27px;
    font-family: ApexNew;
    padding: 7px 0;
    height: auto!important;
}
.elm330RightBtn {
	float: right;
}
.elm330AccordionSpan {
	font-size: 13px;
    text-transform: lowercase;
    margin-left: 15px;
    color: #000;
    font-weight: normal;
    text-decoration: underline;
	cursor: pointer;
}
.elm330AccDiv {
	padding: 0 !important;
	overflow: unset !important;
}
.elm330OptionBtns {
    position: absolute;
    bottom: 25px;
	width: calc(100% - 34px);
}
.elm330OptionBtns .elm330Link {
	float: left;
	margin-left: 15px;
}
.elm330Cont {
	float: right;
}
.elm330OptionBtns .elm330Cont {
	margin-right: 15px;
}
.elm330BackBtn {
    clear: both;
    padding-top: 5px;
    display: block;
    border: none;
    background: none;
    color: #03234F;
    font-weight: bold;
    padding-left: 20px;
    background-image: url(/images/page/back_arrow.png);
    background-size: 20px!important;
    background-repeat: no-repeat;
    background-position: left center;
	float: left;
}
.elm330PayPalImg {
	background-image: url(/images/page/paypal.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: auto;
    height: 50px;
    cursor: pointer;
    border: none;
    width: 68px;
    box-shadow: none;
}
.elm330GCamount {
	position: initial !important;
	background: none;
    box-shadow: none !important;
	border: none !important;
}
.elm330PayContainer {
	margin-top: 20px;
	margin-bottom: 30px;
}
.elm330DelMethodsContainer {
	margin-top: 20px;
	margin-bottom: 20px;
}
.elm330DelMethods {
	margin-bottom: 30px;
}
.elm330DelMethod {
	margin-bottom: 20px;
}
.elm330SavedCard {
    border-bottom: 1px solid #cdcdcd;
    margin-bottom: 20px;
}
.elm330SpursLocations {
	margin-top: 20px;
	margin-bottom: 20px;
}
.elm330SavedCardRadio label {
	padding-left: 0;
}
.elm330SavedCardRadio input {
	margin-top: 25px;
}
.elm330SavedCardNumber {
	margin-left: 20px;
}
.elm330NewCardContainer {
	margin-top: 10px;
    padding-bottom: 30px;
    border-bottom: 1px solid #cdcdcd;
}
.elm330Billing {
	margin-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #cdcdcd;
}
.elm330DelAddNew {
	margin-top: 20px;
	margin-bottom: 20px;
}
.elm330AddBtn {
	margin-top: 20px;
    margin-bottom: 50px;
	border: none;
    background: none;
    color: #03234F;
    font-weight: bold;
    box-shadow: none;
	float: left;
}
.elm330BookAddRadio {
	margin-top: 25px;
}
.elm330BookAddRadio input {
	margin-top: 5px;
}
.elm330BookBtns {
	margin: 10px 0;
}
.elm330CCShopButtons button {
	margin-top: 30px;
}
.elm330MoreShopsBtn {
	float: left;
	margin-top: 20px;
}
label.elm330NewLoc {
    width: auto;
}
label.elm330NewLoc input {
	width: auto;
	float: left;
}
label.elm330NewLoc button {
	line-height: 27px;
    padding: 7px 0;
    border: none;
    background: none;
    border-bottom: 2px solid #cdcdcd;
}
.elm330StoresTopBtns {
	float: right;
	text-align: right;
}
#elm330GiftCard {
	padding: 10px;
    margin: 25px 0;
}
.elm330GiftCardBtn {
	padding: 10px;
    border: 1px solid #cdcdcd;
    float: left;
    padding-right: 20px;
	cursor: pointer;
	margin-bottom: 15px;
}
.elm330GiftCardBtnImg {
	background-image: url(/images/page/giftcard.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 70px;
    height: 50px;
    float: left;
	margin-right: 25px;
}
.elm330GiftCardBtnText {
	float: left;
    margin-top: 13px;
}
.elm330checkBalBtn {
	float: left;
}
.elm330ConfirmContainer {
	float: right;
}
.elm330OrderSummaryOpen {
	display: none;
}
.elm330AccordionSpan {
	display: none;
}
.elm330GiftCard h5 {
	margin-bottom: 20px;
}
.elm330PYMSecCode {
	margin-top: 20px;
}
.elm330HeadSecure {
	background-image: url(/images/buttons/padlock.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 26px;
    height: 26px;
	display: block;
	float: left;
}
.elm330Title {
	font-size: 27px;
	margin-top: 20px;
}
.elm330Helpline {
	font-size: 16px;
	margin-top: 10px;
}
.elm330CloseMapBtn {
	clear: both;
    float: right !important;
    text-decoration: none;
    border: 2px solid #CCC !important;
    border-radius: 34px;
    color: #BBB;
    font-size: 12px !important;
    padding: 1px 5px;
}
.elm330BackToStores {
	float: right;
	margin-left: 10px;
}
.elm330CCShopPickup {
	color: #40b9e6;
	font-size: 14px;
}
.elm330PreRelStoreMsg {
	clear: both;
	margin-top: 25px;
	margin-bottom: 10px;
}
.elm330PreRelStoreMsg h4 {
	color: #03234F;
}
.elm330PreRelStoreMsg p {
	color: #40b9e6;
}
.elm330PreOrderContainer h5 {
	color: #03234F;
    font-size: 18px;
    font-weight: bold;
	margin-top: 20px;
}
.elm330PreOrdOpt1Msg, .elm330PreOrdOpt2Msg {
	color: #40b9e6;
	padding-left: 20px;
	padding-bottom: 20px;
}
.elm330CCShopAddress p {
	font-size: 18px;
    font-weight: bold;
}
.elm330CCShopCol4, .elm330BoxCol2 {
	color: #40b9e6;
	font-size: 14px;
}
.elm330MDProdMatchBtn {
	float: right;
    clear: both;
    margin-top: 10px;
}
.elm330PreRelBtn {
	margin-top: 10px;
	margin-bottom: 10px;
	float: right;
}
.elm330PreOrderProds {
	margin-bottom: 30px;
}
.elm330OrderError {
	float: left;
	color: #F00;
    font-size: 15px;
	margin-bottom: 15px;
	margin-top: 15px;
}
.elm330GC h5 {
	margin-bottom: 20px;
	font-size: 20px;
}
.elm330ConfirmOrdBtn {
	float: right;
}
.elm330ConfirmContainer p {
	float: right;
	margin-top: 15px;
    margin-right: 20px;
}
.elm330PayPalImg {
	float: right;
	margin: 5px;
	clear: both;
}
.elm330Tick.glyphicon {
	padding-right: 10px;
    margin-left: -25px;
	color: #3BBB3D;
}
.elm330SummaryItem {
	margin-top: 10px;
}
.elm330SavedCardBtn {
	margin-bottom: 10px;
	border: none;
	background: none;
	font-weight: bold;
	float: right;
	color: #444;
}
.elm330SavedCardBtn:hover {
	color: #333;
}
.elm330delEdit button {
	margin-bottom: 10px;
	border: none;
	background: none;
	font-weight: bold;
	float: left;
	color: #444;
}
.elm330delEdit button:hover {
	color: #000;
}
.elm330SumProdName, .elm330SummaryDelMetText {
	max-width: 75%;
	display: inline-block;
	float: none;
}
.elm330CCShopBtsErr, .elm330MatchErr {
    float: right;
    display: inline-block;
    clear: both;
    margin-top: 10px;
    color: #F00;
    font-size: 13px;
}
.elm330PersAcc h3 {
    font-family: ApexNewBold;
    text-transform: uppercase;
    color: #081031 !important;
    font-size: 17px;
    line-height: 27px;
    padding-top: 15px;
    padding-bottom: 10px;
    background: #f2f3f4 !important;
    border:none !important;
    text-align: left;
    margin: 0!important;
    padding-left: 15px;
}
.elm330PersAcc h3:hover {
	color: #0073EA !important;
}
.elm330ShowCC {
	float: left;
	border: 3px solid #C3C3C3;
	width: 100%;
	margin-top: 10px;
	margin-bottom: 10px;
	font-weight: bold;
	padding-bottom: 10px;
	text-align: center;
}
.elm330ShowCCText {
	text-align: center;
	font-size: 15px;
	cursor: pointer;
	margin-top: 10px;
}
.elm330ShowCCDist {
	margin-top: 10px;
	color: #03234F;
}
.elm330ShowCCText span {
	color: #03234F;
}

.elm330Modal {
	display: none;
	width: 100vw;
	background: #000;
	height: 100vh;
	position: fixed;
	top: 0;
	left: 0;
	opacity: 0.4;
}
.elm330Loading {
	display: none;
    position: fixed;
    background: #FFF;
    top: 50%;
    padding: 20px;
    left: 50%;
    transform: translate(-50%, 0);
}
.lds-dual-ring {
  display: inline-block;
  width: 64px;
  height: 64px;
  margin-top: 10px;
}
.lds-dual-ring:after {
	content: " ";
	display: block;
	width: 46px;
	height: 46px;
	margin: 1px;
	border-radius: 50%;
	border: 5px solid #03234F;
	border-color: #03234F transparent #03234F transparent;
	animation: lds-dual-ring 1.2s linear infinite;
}
@keyframes lds-dual-ring {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}	
	
	
@media (min-width: 1200px) {
	.elm330Accordion h3 {
		
	}
}
@media (max-width: 768px) {
	
.elm330SavedCardRadio.col-xs-12.col-sm-5 {
  	  width: 60%;
    	  float: left;
    	  display: inline;
}


#elm330PayContainerId > div.elm330PaymentSelection.elm330PYMGrp.col-xs-12.col-sm-8 > form > div.elm330SavedCardContainer > div:nth-child(1) > div > div.elm330SavedCardRadio.col-xs-12.col-sm-5 > div > label > div > p {
    font-size: 13px;
}

	.elm330BookAddRadio input {
		margin: 0;
	}
	.elm330OrderSummaryOpen {
		display: block;
		height: 150px;
		background: #03234F;
		width: 22px;
		float: right;
		margin-top: 20px;
		position: fixed;
		cursor: pointer;
		/* top: 0; */
		/* left: -23px; */
		margin-left: -43px;
		top: 105px;
	}
	.elm330OrderSummary {
		width: 80%;
		right: -80%;
	}
	.elm330Link {
		margin-bottom: 20px;
	}
	.elm330BookBtnsInt {
		margin: 0 auto;
		width: fit-content;
	}
	.elm330DelAddBook .elm330BotBtns {
		margin-bottom: 20px;
	}
	.elm330MatchDayBtn {
		width: 100%;
		white-space: normal;
	}
	.elm330ConfirmContainer {
		float: none;
		width: 100%;
		text-align: center;
	}
	.elm330ConfirmOrdBtn {
		width: 100%;
		line-height: 2;
	}
	.elm330OrdSumContainer {
		width: 100%;
		position: fixed;
	}
	#elm330OrdSumDiv {
		background: #FFF;
		border: 1px solid #cdcdcd;
		border-right: none;
		padding: 20px;
		position: fixed;
		margin-right: 0;
		top: 100px;
		overflow-y: scroll;
		max-height: 70%;
	}
	.elm330OrderSummaryOpen p {
	    color: #FFF;
		transform: rotate(270deg);
		width: 150px;
		height: 154px;
		text-align: center;
	}

	.elm330OrderSummaryOpen p:after {
    		content: "Close";
    		transform: rotate(90deg)!important;
    		background: #3db7e4;
    		position: absolute;
    		left: 135px;
    		top: 47px;
    		width: 65px;
    		line-height: 20px;
}

	.elm330Box {
		margin: 0;
	}
	.elm330ChkBalBtnCont {
		text-align: center;
	}
	.elm330ChkBalBtnCont {
		float: none;
	}
	.elm330SavedCardBtns {
    		margin-bottom: 10px;
    		text-align: center;
    		font-size: 14px;
}
	.elm330SavedCardBtn {
		margin-bottom: 10px;
		border: none;
		background: none;
		font-weight: bold;
		float: right;
		color: #444;
	}
	.elm330SavedCardSCode {
  		  margin-top: 13px;
  		  width: 40%;
  		  float: right;
   		  max-height: 85px;
}
	.elm330checkBalBtn {
		margin-left: 15px;
	}
	.elm330PayPalImg {
		height: 60px;
		width: 85px;
	}
	.elm330AccordionData1, .elm330AccordionData2 {
		display: none !important;
	}
	.elm330DelAddHead span {
		float: left;
	}
	.elm330DelAddHeadName {
		float: none;
	}
}

@media (min-width:768px) and (max-width:1100px) {
.elm330DelOpt {
height:440px;
}

.elm330Add,.elm330HomePhone {
font-size:16px;
margin:0 20px 5px;;
}

.elm330Link {
font-size:13px !important;
}
}

/*****CARD VALIDATE*****/

form input[name="cardnumber"] {
	background-image:url(/images/page/card_preview.png),url(/images/page/card_preview.png);
	background-position:2px -116px,calc(100% + 90px) -56px;
	background-size:120px 361px,120px 361px;
	background-repeat:no-repeat;
	padding-left:54px !important;
}

form input[name="cardnumber"].visa{background-position:2px -158px,calc(100% + 90px) -56px;background-position:2px -158px,-webkit-calc(100% + 90px) -56px;background-position:2px -158px,-moz-calc(100% + 90px) -56px;}
form input[name="cardnumber"].visa_electron{background-position:2px -200px,calc(100% + 90px) -56px;background-position:2px -200px,-moz-calc(100% + 90px) -56px;background-position:2px -200px,-webkit-calc(100% + 90px) -56px;}
form input[name="cardnumber"].mastercard{background-position:2px -242px,calc(100% + 90px) -61px;background-position:2px -242px,-moz-calc(100% + 90px) -56px;background-position:2px -242px,-webkit-calc(100% + 90px) -56px;}
form input[name="cardnumber"].maestro{background-position:2px -289px,calc(100% + 90px) -56px;background-position:2px -289px,-moz-calc(100% + 90px) -56px;background-position:2px -289px,-webkit-calc(100% + 90px) -56px;}
form input[name="cardnumber"].discover{background-position:2px -331px,calc(100% + 90px) -56px;background-position:2px -331px,-moz-calc(100% + 90px) -56px;background-position:2px -331px,-webkit-calc(100% + 90px) -56px;}
form input[name="cardnumber"].card_valid.visa{background-position:2px -158px,calc(100% + 90px) -82px;background-position:2px -158px,-moz-calc(100% + 90px) -82px;background-position:2px -158px,-webkit-calc(100% + 90px) -82px;}
form input[name="cardnumber"].valid.visa_electron{background-position:2px -200px,calc(100% + 90px) -82px;background-position:2px -200px,-moz-calc(100% + 90px) -82px;background-position:2px -200px,-webkit-calc(100% + 90px) -82px;}
form input[name="cardnumber"].valid.mastercard{background-position:2px -242px,calc(100% + 90px) -82px;background-position:2px -242px,-moz-calc(100% + 90px) -82px;background-position:2px -242px,-webkit-moz-calc(100% + 90px) -82px;}
form input[name="cardnumber"].valid.maestro{background-position:2px -284px,calc(100% + 90px) -82px;background-position:2px -284px,-moz-calc(100% + 90px) -82px;background-position:2px -284px,-webkit-calc(100% + 90px) -82px;}
form input[name="cardnumber"].valid.discover{background-position:2px -326px,calc(100% + 90px) -82px;background-position:2px -326px,-moz-calc(100% + 90px) -82px;background-position:2px -326px,-webkit-calc(100% + 90px) -82px;}

/***END OF CARD VALIDATE***/







/***********************ELM340 SPURS BASKET*************************/

.elm00340 {
	padding-bottom:20px;
}

input[type="button"].elm340delete {
	background-image:url(/images/buttons/close_delete.svg);
	background-repeat:none;

	height:30px;
}

.elm340delete {
    position: absolute;
    left: 5px;
    top: 5px;
    width: 30px;
    height: 30px;
    padding: 0;
    background: none;
    z-index: 1;
}




.elm340basket {
    /* float: left; */
	width: 100%;
    max-width: 1500px;
    display: inline-block;
}

.elm340basketContainer {
margin-left:-15px;
margin-right:-15px;
}

.elm340Head {
background:#eee;
text-align:left;
padding-top:20px;
padding-bottom:20px;
float:left;
width:100%;
}

.elm340_title {
    font-size: 35px;
}

.elm340total {
    background: #f2f3f4;
height:35px;
vertical-align:middle;
display:table;
width:100%
}

.elm340updateBtn {
float:right;
}

.elm340totalInner {
display:inline;
 display: table-cell;
    vertical-align: middle;
text-align:left;
padding:0 15px;
width:100%;
}

.elm340product {
border:3px solid #eeeeee;
margin-bottom:10px;
padding-top:30px;
padding-bottom:15px;
padding-left:15px;
padding-right:15px;
    position: relative;
}

.elm340product .elm340prodRow {
	display: flex;
    align-items: center;
}

.elm340image img {
display:inline-block;
max-width:100%;
height:auto;
}

.elm340persList .form-group, .elm340dimensions .form-group {
    float: left;
    width: 100%;
    text-align: left;
	margin:0 0 10px;
}

.elm340persList .form-control-static,.elm340dimensions .form-control-static {
float:none;
display:inline;
padding:0;
margin:0 0 0 5px;
font-family: ApexNew;
font-size:14px;
line-height:14px;
text-transform:uppercase;
}

.elm340persList label,.elm340dimensions label {
float:none;
display:inline;
width:auto;
padding:0;
margin:0;
    font-family: ApexNewBold;
font-size:14px;
line-height:14px;
}

.elm340pno {
float:left;
width:100%;
margin:0 0 20px;
text-align:left;
font-family: ApexNewMedium;
font-size:14px;
}

.elm340productTitle a {
text-align:left;
float:left;
width:100%;
color:#081132;
font-size:18px;
line-height:22px;
margin:0 0 10px;
text-decoration:none;
}

.elm340priceQty {
float:left;
width:100%;
text-align:left;
font-family: ApexNewMedium;
margin:0 0 10px;
}

.elm340priceQty div,.elm340priceQty span {
float:left;
margin-right:4px;
}

.elm340persBtn {
float:left;
white-space: normal;
max-width: 100%;
/*background:#081031;*/
margin:5px 0;
}

.elm340image {
z-index:2;
position:relative;
padding:0 60px;
}


.elm340codelabel {
	float:left;
	width:100%;
}

.elm340basket form {
	margin-top:15px;
}

.elm340prodTotal  {
	margin:5px 0 0;
	float: right;
	font-size:15px;
	line-height:17px;
}


.elm340prodSubTot {
text-align:right;
margin:5px 0 0;
}

.elm340qtyBtn {
background:#eeeeee;
color:#081132 !important;
    font-family: ApexNewMedium;
font-size:26px;
width:100%;
}

.elm340ImageWrapper {
    position: relative;
    margin: 15px 0;
}

.elm340qtyBtns div {
padding:0 5px;
float:left;
width:50%;
}

.elm340codelabel {
font-size:14px;
color:#888888;
padding:10px 0;
cursor:pointer;
}

.elm340delMethContainer {
    background:#f2f3f4;
overflow:hidden;
padding:0 0 10px;
}

.elm340delCost,.elm340delLabel {
text-align:left;
}

.elm340delMethTitle {
text-align:left;
padding:10px 0;
}

.elm340_totalLabel {
font-family: ApexNewMedium;
font-size:13.8px;
}

.elm340checkoutGTMBtn .btn  {
    float: left;
    border: none;
    padding: 20px 30px;
    line-height: 18px;
    font-size: 18px;
    background: #3db7e4!important;
}

.elm340prodSubTot {
    font-family: ApexNewMedium;
}

.elm340GESplitOrder div{
  font-size:90%;
}
.elm340GESplitOrder input {
  margin:0;
  left:0;
  padding:0;
}
.elm340GESplitOrder label {
 text-align:left;
 padding:0
}


#backShopping {
    background: url(/images/page/back_arrow.png) left top no-repeat!important;
    padding: 0 0 0 23px;
    color: #081031;
    font-family: ApexNewBold;
    font-size: 15px;
    background-size: 21px 15px!important;
    float: left;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
	margin:20px 0 0;
}

.elm340delMethContainer {
margin:0 0 20px;
}

.basketDelBlock {
border:3px solid #eeeeee;
margin:0 0 20px;
padding:15px 30px 15px 120px;
text-align:left;
width:100%;
position:relative;
min-height:100px;
display:table;
}

.basketDelBlockRight {
padding:15px 70px 15px 30px;
border:3px solid #e6ec4d;
background:#e6ec4d
}
.basketDelBlockRight .basketDelImg {
position:relative;
display:table-cell;
vertical-align:middle;
margin:0;
}

.basketDelText {
display:table-cell;
vertical-align:middle;
}

.basketDelImg {
position:absolute;
top:50%;
left:30px;
margin-top:-22px;
}

.basketDelBlocks h2 {
    color: #061132;
    padding-bottom: 0px;
    border-bottom: 3px solid #3db8e4;
    font-size: 20px;
    line-height: 28px;
    display: inline-block;
    text-transform: uppercase;
float:left;
margin:0 0 15px;
}

.elm340emptyMessage {
	font-family: ApexNewHeavy;
	font-size:30px;
	text-transform:uppercase;
	margin:10px 0 20px;
}
.ui-dialog-titlebar-close span {
	display: none !important;
}
.elm340PersCont {
	position: relative;
	width: 100%;
	display: inline-block;
}
.elm340SVG {
	position: absolute;
    z-index: 10;
    display: inline-block;
	max-height: 100%;
width:100%;
left:0;
top:0;
}
.elm340PersImg {
	width: 100%;
	text-align: center;
}
.elm340PersImg img {
	width: 100%;
    display: inline-block;
}
.elm340persDetail {
	padding: 0 !important;
	margin: 0 !important;
	width: 100% !important;
}
.elm330PersAcc h3 {
    font-family: ApexNewBold;
    text-transform: uppercase;
    color: #081031 !important;
    font-size: 17px;
    line-height: 27px;
    padding-top: 15px;
    padding-bottom: 10px;
    background: #f2f3f4 !important;
    border:none !important;
    text-align: left;
    margin: 0!important;
    padding-left: 15px;
}
.elm330PersAcc h3:hover {
	color: #0073EA !important;
}
.elm340prodBefore, .elm340prodBefore label {
	text-decoration: line-through;
	color: #081132;
	text-align: right;
	font-weight: bold;
}
.elm340prodDiscount, .elm340_totalDiscount {
	color: #008000;
}
.elm340_totalBefore, .elm340_totalBefore label {
	text-decoration: line-through;
	color: #081132;
	text-align: left;
	font-weight: bold;
	font-family: ApexNewMedium;
	font-size:13.8px;
	margin-bottom: 5px;
}

.elm340image {
position:relative;
}

.elm340carouselArrows {
position:absolute;
right:0;
width:100%;
top:50%;
margin-top:-15px;
}

.elm340carouselArrows .slick-next {
background-image:url(/images/page/basket_arrow.png) !important;
width:20px !important;
height:30px !important;
float:right;
top: 0 !important;
background-size:cover;
-webkit-transform: rotate(0) !important;
    -ms-transform: rotate(0) !important;
    transform: rotate(0) !important;
}

.elm340carouselArrows .slick-prev {
    background-image: url(/images/page/basket_arrow.png) !important;
    width: 20px !important;
    height: 30px !important;
    float: left;
    -webkit-transform: rotate(180deg) !important;
    -ms-transform: rotate(180deg) !important;
    transform: rotate(180deg) !important;
    top: 0 !important;
	background-size:cover;
}

.elm340sourceCode {
padding:0 15px;
overflow:hidden;
float:left;
width:100%;
position:relative;
}

.elm340sourceBtn {
position:absolute;
top:0;
right:15px;
}

.elm340sourceCode .elm335input {
padding-right:90px;
}

.elm340priceQty {
display:block !important;
}



@media (min-width:1200px) {
.elm340rightSection {
	display:inline-block;
	width:100%;
}
}
@media (max-width:991px) {
	.elm340top {
	position:fixed;
	top:70px;
	left:0;
	z-index:3;
	}
	
	.elm340Head {
		padding-top:78px;
	}
}

@media (min-width:992px) and (max-width:1300px) {
.elm340totalDisc {
background:none !important;
}

.elm340totalDisc .elm340totalInner {
float:left;
    background: #f2f3f4;
padding:15px
}


.elm340discContinue {
margin:20px 0 0;
}

}

@media (max-width:767px) {
	.elm340persList .form-control-static, .elm340dimensions .form-control-static {
	margin:4px 0 0;
	display:block;
	font-size:14px;
	}

	.elm340persList label, .elm340dimensions label { 
	font-size:14px;
	}
	
	.elm340productDetail {
		padding-left:0;
	}

	.elm340persList .form-group, .elm340dimensions .form-group {
	margin:0 0 10px;
	}

	
	.elm340image {
		padding:0 15px;
	}
	
	.elm340top {
	top:50px;
	}
	
	.elm340basket form {
		margin-left: -15px;
		margin-right: -15px;
	}
	
	.basketDelBlocks {
		padding:0 15px;
	}
	
	.elm340checkoutGTMBtn .btn  {
		font-size: 15px;
		padding: 20px 30px;
	}
	
	
	
	.elm340carouselArrows {
	margin-top:-15px;
	}

	.elm340carouselArrows .slick-next {
	width:15px !important;
	height:23px !important;
	}

	.elm340carouselArrows .slick-prev {
		width: 15px !important;
		height: 23px !important;
	}
}









/*********ELEMENT 344 FASHION DETAIL*****************/

.elm00344 {
max-width:1500px;
text-align:center;
display:inline-block;
width:100%;
padding-top:30px;
}

.elm344SBadge {
float: left;
    clear: both;
    margin-top: 10px;
    padding: 5px;
    text-align: center;
    font-family: ApexNewBold;
    text-transform: uppercase;
}

#elm344descBtn{
font-family: ApexNewBold;
    font-size: 16px;
    line-height: 19px;
    background: none;
    color: #081031 !important;
    text-align: left;
    float: left;
    text-transform: uppercase;
    border-bottom: 3px solid #ececec;
    width: 100%;
    padding: 12px 0;
    position: relative;
    cursor: pointer;
}

#elm344descBtn:after {
    content: "";
    background: url(/images/page/plus_icon.png) right center no-repeat;
    background-size: cover;
    width: 15px;
    height: 15px;
    position: absolute;
    right: 0;
    top: 14px;
}

.elm344svg-container {
position:absolute;
left:0;
top:0;
width:100%;
}

.elm344badges {
text-align:left;
}

.elm344badges .radio {
    margin: 0 15px 10px 0;
    vertical-align: initial;
}

.elm344badges img {
max-width:50px;
margin-left:10px;
}

.elm344badges .radio label {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    font-family: ApexNew;
    margin-bottom: 0;
}

.elm344badges  input {
margin:0 10px 0 0;
    height: 20px;
    width: 20px;
}

.elm344AddedMsg {
border: 1px solid #000;
    margin-top: 10px;
    color: #24a954;
    line-height: 17px;
    position: relative;
	padding:20px;
	float:left;
	width:100%;
}

.elm288AddedImg {
    background-image: url(/images/page/complete_tick.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 20px;
    height: 20px;
    float: left;
    position: absolute;
    top: calc(50% - 10px);
}

.elm288AddedText {
    float: left;
    width: calc(100% - 40px);
    position: relative;
    left: 35px;
	text-align:left;
}

#elm344personalisation {
border:none;
padding:0;
border-radius:0;
}

#elm344personalisation .ui-tabs-panel {
padding:20px 0 0;
}

.elm344playerName label,.elm344lettering label,.elm344customName label,.elm344customNo label {
display:none;
}

#elm344yotpoDialog {
    margin: 1% 0 1% 1%!important;
}

.elm344PBadge {
    float: left;
    clear: both;
    margin-top: 10px;
    padding: 5px;
    text-align: center;
    font-family: ApexNewBold;
    text-transform: uppercase;
}

.elm344_pricingContainer {
float:left;
width:100%;
padding:10px 0 15px;
position:relative;
}



#elm344personalisation .ui-tabs-nav {
border:none;
padding:0;
background:none;
display:flex;
justify-content:space-evenly
}

#elm344personalisation .ui-state-default {
    border: 3px solid #0f204b !important;
    background: #fff;
    float: none;
    width: 100%;
    text-align: center;
    font-size: 16px;
    text-transform: uppercase;
}

#elm344personalisation .ui-state-active {
background:#0f204b;
}

#elm344personalisation .ui-state-default a {
color:#0f204b;
width:100%;
    padding: 8px 0;
}

.elm344buyBtn {
width:100%;
float:left;
margin-top:25px;
padding:12px 10px;
font-size: 19px !important;
font-family: ApexNewBold !important;
}

#elm344_buyButton .btn {
    float: left;
    width: 100%;
    font-family: ApexNewBold !important;
    font-size: 19px !important;
padding:12px 10px;
}

.elm344grid1,.elm344grid2 {
margin:0 0 15px;
float:left;
width:100%;
}

#elm344personalisation .ui-state-active a {
color:#fff;
}

.elm344titleContainer {
    padding-right: 30px;
    position: relative;
    text-align: left;
    padding-bottom: 10px;
    border-bottom: 2px solid #ccc;
    min-height: 30px;
}

.elm344titleContainer .favouriteBtn {
    position: absolute;
    right: 0;
    top: 0;
}

h1.elm344_title {
    font-size: 20px;
    text-transform: uppercase;
    color: #081031;
    font-family: ApexNewHeavy;
}



#elm344was, #elm344then {
    font-family: ApexNewHeavy;
    text-decoration: line-through;
    font-size: 20px;
    color: #9a9b9c;
    float: left;
    line-height: 20px;
    margin-right: 10px;
}

#elm344_pricing {
    font-family: ApexNewHeavy;
    color: #081031;
    font-size: 20px;
    float: left;
    line-height: 20px;
}

.elm344_rrp {
    color: #9a9b9c;
    text-decoration: line-through;
    font-size: 16px;
    font-family: apexnewheavy;
    margin-right: 5px;
    float: left;
}

.elm344GridDim2 {
float:left;
width:100%;
}

.elm344DivDim {
    cursor: pointer;
    float: left;
    margin: 0 5px 5px 0;
    padding: 14px;
    width: auto;
    border: 3px solid #020031;
    color: #020031;
    font-size: 16px;
	min-width:50px;
}


#elm344personalisation,.elm344prodOptions,#elm344Description,.elm344grid2 {
float:left;
width:100%;
}

.elm344Dim2Selected,.elm344Dim1Selected {
background:#020031;
color:#fff;
}

.elm344zoom img {
    width: 36px;
}

#elm344zoomContainer{
    background: #fff;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10002;
    padding: 0 0 120px;
}

.elm344ZoomHeader{
    float: left;
    width: 100%;
    position: relative;
    padding: 10px 20px!important;
    border-bottom: 1px solid #ececec!important;
}

.elm344zoomTitle {
    font-size: 20px;
    line-height: 30px;
    font-family: ApexNewHeavy;
    color: #081031;
    text-transform: uppercase;
    margin: .1em 20px .1em 0;
}

.elm344zoomClose{
    position: absolute;
    top: 50%;
    right: 15px;
    margin: -18px 0 0;
}
.elm344mainImage img {
width:100%;
}

.elm344carousel {
padding:25px 0 30px;
}

.elm344carousel .slick-slide a {
padding:10px 10px;
display:block;
width:100%;
}

.elm344carousel .slick-slide img {
border:1px solid #020031;
}

.elm344carousel .slick-prev {
background-image: url(/images/page/arrow.svg) !important;
width:36px !important;
height:30px !important;
background-size: cover !important;
left:50% !important;
top:0px !important;
position:absolute !important;
margin-left:-18px !important;
transform:rotate(180deg) !important;
}

.elm344carousel .slick-next {
background-image: url(/images/page/arrow.svg) !important;
width:36px !important;
height:30px !important;
background-size: cover !important;
left:50% !important;
bottom:0 !important;
top:auto !important;
position:absolute !important;
margin-left:-18px !important;
transform:rotate(0) !important;
}

.elm344zoom {
	margin:15px 0 0;
}

.elm344zoomCarousel {
    padding: 0 40px !important;
    height: 20vh;
}

.elm344ZoomSelector .slick-slide {
text-align:center;
position:relative;
}


.elm344MainZoom {
    width: 100%;
    height: 70vh;
    text-align: center;
    padding: 20px 0;
    display: block;
	float:left;
}

.elm344ZoomSelector  {
	padding:0 50px;
}

.elm344ZoomSelector .slick-prev {
    background-image: url(/images/page/arrow.svg) !important;
    width: 36px !important;
    height: 30px !important;
    background-size: cover !important;
    left:0% !important;
    top: 50% !important;
    position: absolute !important;
    margin-top: -18px !important;
    transform: rotate(90deg) !important;
}

.elm344ZoomSelector .slick-next {
    background-image: url(/images/page/arrow.svg) !important;
    width: 36px !important;
    height: 30px !important;
    background-size: cover !important;
    right:0% !important;
    top: 50% !important;
    position: absolute !important;
    margin-top: -18px !important;
    transform: rotate(-90deg) !important;
}

.elm344ZoomSelector .slick-slide img{
    display: inline-block !important;
max-width:150px !important;
width:100%;
}

.elm344zoom {
	margin:15px 0 0;
}

.elm344zoomCarousel {
    padding: 0 40px !important;
    height: 25vh;
}

.elm344MainZoom img {
    display: inline-block;
    height: auto;
    width: auto;
    max-height: 100%;
    max-width: 100%;
}

.elm344MainZoom {
    width: auto;
    height: 75vh;
    text-align: center;
    padding: 20px 0;
    display: block;
    float: left;
    width: 100%;
}

.elm344ZoomSelector  {
	padding:0 50px;
}

#elm344SVGZoomContainer {
    display: inline-block;
    max-height: 100%;
    position: relative;
}

.elm342-zoomWrapper {
position:absolute;
left:0;
top:0;
width:100%;
text-align:center;
}

.elm344zoomCarousel .zoomSVGUpdate {
position:relative !important;
display:inline-block;
}

.elm344ZoomSelector .slick-slide a {
    padding: 0 10px;
    display: block;
    width: 100%;
position:relative;
}

#elm344Description{
    font-size: 17px;
    line-height: 27px;
    font-family: ApexNew;
    color: #444;
    text-align: left;
    float: left;
    width: 100%;
    margin: 10px 0;
}

.elm344Description  {
    height: auto;
    transition: 1s max-height;
    overflow: hidden;
    float: left;
    width: 100%;
max-height:96px;
}

.elm344descMore {
max-height:4000px !important;
}

.elm344readMore  {
margin:15px 0 0;
}

.elm344StockMessage span {
	font-size:18px;
}

#elm344_moblieDesc .yotpo {
margin:0;
}

.elm344DivDim[data-levelno="3"] {
opacity:.5;
}

.elm344error span {
padding:10px 0; 
} 

#elm344_relatedProds {
display:none;
}

@media (min-width:1200px) {
.elm344mainImage, .elm344svg-container {
    padding: 0 100px;
}
}

@media (max-width:767px) {
.elm344carousel {
padding:0 35px !important;
}

.elm344imageControlsContainer {
    display: flex;
    flex-direction: row;
    align-items: center;
    position: relative;
justify-content:space-between;
}

.elm344imageCarousel {
width:calc(100% - 51px);
}

.elm344zoom {
	margin:0 0 0;
}

.elm344zoom img {
width:36px;
float:left;
}

.elm344carousel .slick-prev {
background-image: url(/images/page/arrow.svg) !important;
width:36px !important;
height:30px !important;
background-size: cover !important;
left:0% !important;
top:50% !important;
margin-left:0px !important;
position:absolute !important;
margin-top:-15px !important;
transform:rotate(90deg) !important;
}

.elm344carousel .slick-next {
background-image: url(/images/page/arrow.svg) !important;
width:36px !important;
height:30px !important;
background-size: cover !important;
top:50% !important;
right:0px !important;
position:absolute !important;
margin-top:-15px !important;
transform:rotate(-90deg) !important;
    left: auto !important;
}
}
