/****** RESET ******/
body *{ -webkit-font-smoothing: antialiased; outline:none; padding: 0; margin:0; font-family: Arial, san-serif; position:relative; -webkit-appearance: none!important;
    appearance: none; -moz-appearance: none!important; border-radius:0; font-size: 12px; }
html { -webkit-text-size-adjust: none!important; line-height:115%; width: 100%; overflow-x: hidden; min-width: 640px;}
body { /* background: #d9e0e0; */font-size:12px;  width: 100%; padding:0; margin:0; overflow-x: hidden;}
a { text-decoration:none; color: #000;}
h1, h2, h3, h4, h5 { font-weight:300; font-family:"Oswald", Arial, sans-serif; text-transform:uppercase; letter-spacing: 1px;}
*:focus { outline:none; }
a img {border: none;} /* hide ie img link borders */
h1 { font-size: 24px!important;}
h2 { font-size:18px }
h3 { font-size: 15px;}
img { image-rendering:optimizeQuality; -ms-interpolation-mode:bicubic!important; }
select { -moz-appearance: none; text-indent: 0.01px; text-overflow: ''; box-sizing: border-box; }
select::-ms-expand { display:none; }
input { box-sizing: border-box; }
input[type=checkbox] {-moz-appearance: none!important; border:0 none; border-collapse:collapse;}
input[type="submit"] { cursor: pointer; }
button { cursor:pointer; }
.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/****** STUFF.. NOT SURE ******/
.bannersets {padding:0 12px; }
#main { clear:both; background: #FFF; }
.maxWidth { max-width: 980px; margin:0 auto; }
.hide {display: none;}
.placeholding {background: #eee;} /* added to parent of product images while loading */
.zoomWindowContainer > div { cursor:url(/skins/ark-desktop/img/zoom-cursor.png) 20 20, auto!important; }
#content.basket #text .maxWidth {max-width:680px;}
#fix { padding:0px 0 0 0; clear:both; background:#FFF; }
#fix .threesixty {display: none;}
.fullWidth #ban { margin:0 auto; max-width: 1004px; }

#item > .maxWidth {padding:0 12px;}
#storeFinder { padding:0 12px; }
#account { padding:0 12px; }
#maincontent { padding:0 12px; }
#checkmeout > .maxWidth { padding:0 12px; }
#brandsList {padding:0 12px; }
#registerCustomerFormCheckoutV2 {padding:0 12px; }
#cartUpsell {padding:0 12px; }

/****** HEADER ******/

/*header*/
header { position:relative; overflow:visible;}

/* TOP */
#top { /* background: #d9e0e0; */ color: #000; height: 40px; z-index: 10; text-align:left; overflow:visible; padding: 0 22px;}
	#top > .maxWidth {max-width:980px!important; /* overflow:hidden; */ }

/* USERMENU */
.usermenu { color:#000;  line-height: 40px; margin: 0; /* width: 50%; */ float: left;}
	.usermenu a { color:#000; margin:0px 3px; }
	.usermenu a:hover { text-decoration:underline; }

/* CURRENCY */
#currency { overflow:hidden; /* position:absolute; */ right:0px; top: 8px; height: 40px; float: left; /* width: 60px; */ background: #FFF; }
	#currency ul { list-style:none; display:block;  /* padding: 8px 10px; */}
	#currency ul li { padding: 3px;  display:block; display:none; cursor: pointer; }
	#currency ul li img { top:1px; }
	#currency ul li.active{display:block;}
	#currency.open { z-index:20; overflow:visible; height: 95px;}
	#currency.open ul {/* border:1px dashed #CCC; */ /* padding:7px 9px!important; */ }
	#currency.open li { display:block; }

/* HEADER */
#head { padding: 0 22px; }
	#head > .maxWidth {border-bottom:1px dashed #CCC; max-width:980px!important; height:80px; /* padding: 0 10px; */}
	#head a.logo { float:left; max-width:258px;  z-index: 11; height: 100px; margin: 20px 0; position: absolute; left: 50%; margin-left: -50px; top: -50px;}
	#head a.logo img { height: 100px; width: 100px;}

/* USPS */
#usps { background-color: #000; padding: 10px 17px; }
#usps .maxWidth {  color:#FFF; overflow:hidden;  max-width: 990px;}
#usps .maxWidth ul  {display:block; }
#usps .maxWidth li  {/* background: #000; */ display:block;  float:left; width: 25%;  box-sizing: border-box;}
#usps .maxWidth li.half-width {width:50%;}
#usps .maxWidth li.floated{/* padding: 8px 0px 8px 75px; */ /* width: 250px; */text-align: center;}
#usps .maxWidth li > a  {margin: 0 5px; background: #000; display:block; text-transform:uppercase;  color:#FFF; text-align:center; letter-spacing: 1px;padding: 10px 8px; font-size:12px;font-family: "Oswald", Arial, sans-serif; font-weight:600;box-sizing: border-box;}
#usps .maxWidth li a .st { text-transform: uppercase; color: #FFF; letter-spacing: 1px; font-size: 12px; font-family: "Oswald", Arial, sans-serif; font-weight: 300; display:inline; text-decoration:line-through; }
#usps .maxWidth li.floated a{ padding: 8px 0px;text-transform:uppercase; display:inline-block;  color:#FFF; text-align:center; letter-spacing: 1px; padding: 8px; font-size:12px;font-family: "Oswald", Arial, sans-serif; font-weight:300;box-sizing: border-box; margin: 0 10%;}
#usps .maxWidth li.floated .inner{text-align:center; background:#000;margin: 0 5px;}
#usps .maxWidth li.floated .inner span{display:block; top:8px; text-transform:uppercase; text-align:center; letter-spacing: 1px; font-size:12px;font-family: "Oswald", Arial, sans-serif; font-weight:300;box-sizing: border-box;}
/* SEARCH */
#search { width: 180px; float: right;  height: 40px; z-index: 9; /* margin: 20px 0; */}
	#search form { display:block; position:absolute; top:0; bottom:0; left:0; right:0; }
	#search span { overflow:hidden;  display:block; height: 40px;   }
	#search input#srchInput { /* background:none transparent; */ color: #000; background: #EEE; height: 24px;border:0 none; /* font-family: "Oswald", Arial, sans-serif; */ width: 100%; position:absolute; top: 8px; left:0; /* border: 1px solid #ccc; */ padding: 0 10px; font-weight:300; /* letter-spacing: 1px; */ /* font-size: 15px; */}
	#search input#srchButton { border:0 none; display:block; width: 24px;  right:0; height: 24px; position:absolute; top: 8px;  background: #EEE url(/skins/ark-desktop/img/icn-search.png) no-repeat center; background-size: 100%; text-indent: 999px; cursor: pointer; }
	#search input#srchInput::-webkit-input-placeholder {   color:#000!important;}

/* BASKET */
#basket  { padding: 20px 0; float:right; height: 40px; position: absolute; right: 0; top: 0;}
	#basket > a { font-family:"Oswald", sans-serif; padding:0 0 0 35px; font-weight:300; font-size:15px; line-height: 40px; text-align:right; color:#000; display: block; cursor: pointer; background:url(/skins/ark-desktop/img/icons/mini-basket-black.png) left no-repeat; /* top: 100%; */ letter-spacing: 1px;}

/* BLOG LINK */
#blogLink { padding: 20px 0; float: left; height: 40px; position: absolute; left: 0; top: 0;}
#blogLink a { font-family: "Oswald", sans-serif; padding: 0 30px 0 0px; font-weight: 300; font-size: 15px; line-height: 40px; text-align: right; color: #000; display: block; cursor: pointer; background: url(/skins/ark-desktop/img/blog_black.png) right no-repeat; /* top: 100%; */ letter-spacing: 1px;}

/* DROP NAV */
#dropNav {	z-index: 9;	padding: 0 22px;}
	#dropNav .maxWidth { max-width:980px; border-bottom:1px dashed #CCC; }
	#dropNav ul {	list-style: none; font-size: 0; }
	#dropNav > .maxWidth > ul { margin:0; height:44px; text-align: center;}
	#dropNav > div > ul > li:hover > a { background:#FFF; border-left:1px dashed #CCC; border-right:1px dashed #CCC; padding:10px 13px 12px 13px; }
	#dropNav > div > ul > li {	display: inline-block;	position: static;	/* float:left; */ }
	#dropNav > div > ul > li > a { line-height: 24px; display: block; padding: 10px 14px; font-family: "Oswald", sans-serif; text-transform: uppercase; font-size: 15px; cursor: pointer; color: #000; letter-spacing: 1px; z-index: 10; height: 23px; font-weight:300;}
	#dropNav > div > ul > li > ul { position: absolute; border:1px dashed #CCC; background: #FFF;width: 100%; display: none; text-align: left; padding: 20px 0; top: 45px; /* left: 20%; */ width: 80%;  border-top:0 none; z-index: 9999;}
	#dropNav > div > ul > li > ul > li { display:block; vertical-align: top; width: 20.8%; float:left; margin: 0; padding: 0; }
	#dropNav > div > ul > li > ul > li:first-child + li  > ul { border-left:1px dashed #CCC; }
	#dropNav > div > ul > li > ul > li:first-child + li + li  > ul { border-left:1px dashed #CCC;}
	#dropNav > div > ul > li > ul > li:first-child + li + li + li   > ul{ border-left:1px dashed #CCC;}
	#dropNav > div > ul > li > ul > li > ul {  display:block; padding:0 20px; }
	#dropNav > div > ul > li > ul > li h2 { padding-bottom: 15px; padding-left: 20px; display:block; font-size: 15px; font-weight:300;}
	#dropNav > div > ul > li > ul > li h2 a { font-size: 15px; font-family: "Oswald", Arial, sans-serif; font-weight:300; }
	#dropNav > div > ul > li > ul > li h2:nth-child(1n+2) { padding-top: 20px; display:block; }
	#dropNav > div > ul > li > ul > li > ul > li  {padding: 1px 0;}
	#dropNav > div > ul > li > ul > li > ul > li > a { /* line-height: 20px; */ /* margin: 2px 0; */}
	#dropNav > div > ul > li > ul > li > ul > li > a:hover { text-decoration: underline; }
	#dropNav a.sale { color:#d00; }
	#dropNav .navCol1 { width:20%; }
	#dropNav .navCol2 { width:40%; }
	#dropNav .navCol3 { width:60%;  left: 20%;  position:absolute; }
	#dropNav .navCol4 { width:80%;  left: 10%;  position:absolute; }
	#dropNav .navCol5 { width:100%; left:0; }
	#dropNav .navCol1 > li { width:100%; }
	#dropNav .navCol2 > li { width:50%; }
	#dropNav .navCol3 > li { width:33.3%; }
	#dropNav .navCol4 > li { width:25%; }
	#dropNav .navCol5 > li { width:20%; }

	#dropNav > .maxWidth > ul > li:hover > ul { display:block; }

#dropNav a.Sale { color: #D00; }


/****** FOOTER ******/

/* PARENT FOOTER STYLING */
#social{ clear:both; background:#FFF; overflow:hidden; padding: 20px 22px 0;}
	#social .maxWidth{ max-width:980px; }
	#signupheader { 
		background: #666; 
		color:#fff; 
		padding:10px; 
		text-align:center; 
		font-family:"Oswald", Arial, sans-serif; 
		font-size:18px; 
		font-weight:300; 
		text-transform:uppercase; 
		line-height: 140%; 
		letter-spacing: 1px;
	}

/* SIGNUP FORM */
#signup { float:left; color: #333;   }
#signup form { display:block; /* height:34px; */ padding:20px 0; text-align:right; }
#signup form   h3 { font-size:12px; font-family:Arial, sans-serif; line-height:34px; display:block; text-transform:none; letter-spacing: 0; float:left; padding:0 20px 0 0; color:#000; }
#signup #newsletterEmail { float:left; color:#000; display:block; border:0 none; margin:0;  font-size:12px; padding: 0 10px; width:25%; background: #d9e0e0; height: 34px;}
#signup .newsletterSignupButton {
    float: left;
    display: block;
    border: 0 none;
    line-height: 34px;
    background: #000;
    color: #FFF;
    height: 34px;
    margin: 0 0 0 5px;
    padding: 0 12px;
    min-width: 70px;
    cursor: pointer;
}
#signup .newsletterSignupButton:hover { background: #22BEEF; }
#signup > p { color:#333!important; font-size:14px; }
#signup form > input#newsletterEmail::-webkit-input-placeholder {   color:#000!important; }
#signup span { display:block; float:right; line-height: 45px;  padding: 10px 0px;  display: block;  text-transform: none;  text-align: right!important;  float: right; font-size: 15px; font-weight:300; /* text-transform: uppercase; */ font-family: "Oswald"; border-left: 1px solid #FFF;}
#signup #newsletterSignupFormLoading {
    display: none;
    position: absolute;
    right: -26px;
    top: 24px;
    width: 26px;
}

@media screen and (max-width: 900px) {
    #signup form {
        min-width: 400px;
        padding-top: 10px;
    }
    #signup form > input#newsletterEmail {
        width: 45%;
    }
    #signup form > input#newsletterEmail {
        clear: left;
        width: 53%;
    }
}

/* SOCIAL LINKS */
#social div.soc { display:block; float:right; padding:22px 0;}
	#social div.soc > a { display: block; width:30px; float: left; overflow: hidden; height: 30px; margin:0 0 0 10px;}
	#social div.soc > a > img {width:30px; position: absolute; top: 0; left: 0;}
	#social div.soc > a:hover img { bottom:0; top:auto;}

/* FOOTER MENUS */
#footer { clear:both;  }
	#footer .maxWidth  { max-width:980px; }
	#footer  { padding: 20px 10px 0px 10px;  /* background:#d9e0e0; */ border-top: 1px dashed #CCC;}
	#footer a { color: #000; padding: 0px; line-height:20px;}
	#footer a:hover { color: #666; text-decoration:underline; }
	#footer  ul { display:block; list-style:none;}
	#footer  ul li { border-right:1px dashed #bbc0c0; color: #666; }
	#footer  ul h3 { padding: 0 0 10px 0; color: #000;}
	#footer  ul { float:left; width:31.3%; display:block; margin-left:2%;}
	#footer  ul li  > span{ float:right; }
	#footer  ul:first-child { }

/* COPYRIGHT NOTICE */
p.copy   {  padding: 20px 0;  /* background:#d9e0e0; */ text-align: center; line-height: 20px; display:block;  border-top:1px dashed #bbc0c0;   margin: 0; }
	p.copy > a  { color:#666; display:inline-block; padding:0; cursor: pointer;}

#footer p.cards { text-align:center; font-size:13px; display:block; margin: 20px 0 0 0; padding:15px; border-top: 1px dashed #CCC;}
	#footer p.cards img { margin:5px auto;}


/****** HOMEPAGE ONLY STYLES ******/

/* DELIVERY NOTICE */
#delNotice { background: #f15a27; color:#FFF; margin: 20px 0 10px 0;}
	#delNotice div { text-align:center; font-size:15px; font-family: "Oswald", Arial, sans-serif!important;  overflow: hidden;}
	#delNotice div span {  width: 33.3333%; display: block; float: left; margin: 0; font-size: 14px;}
	#delNotice a { font-size: 15px; color:#FFF;  padding: 10px 0;display:block;  font-family: "Oswald", Arial, sans-serif!important; font-weight:300; text-transform: uppercase;}


/****** HEADINGS AND BREADCRUMBS ******/

/* HEADINGS */
#headings {  clear:both;   padding: 0px 22px;}
	#headings .maxWidth { max-width:980px; /*border-bottom:1px dashed #CCC;*/ }
	#headings h1 {display:block; margin: 6px 0 15px 0; padding:0;  }
	#headings h2 {display:block; color:#666; margin:0; padding:0; }
	#headings h1 span { font-family: "Oswald", Arial, sans-serif;}
	#headings h1 span.active { font-size: 21px; display: inline; font-weight:300;}
	#headings h1 span { display: none;  }
	#headings h1 span.count { font-size: 21px; display: inline; color: #999; margin:0 0 0 10px; float: right; font-weight:300;}

/* BREADCRUMBS */
div.breads { margin:0; color: #ccc; margin: 10px 0 6px 0; }
	div.breads a { color: #000; margin: 0; }
	div.breads a:hover { color: #000; text-decoration:underline; }
	div.breads span:not(:first-child):before { content: '/'; margin: 0px 5px 0px 2px; }
	div.breads span.active a { color: #999; cursor: default; text-decoration: none!important;}
#item .breads + h1 { display:none!important;}

/****** LISTINGS PAGE ******/

#listing { padding:0 12px; }
	#listing #headings { padding:0 10px; }


/* FILTERS */
#filters { width:200px; padding:0; margin:0 0 40px 0; float:left; }
	#filters h3 { border-bottom: 1px dashed #ddd; padding: 12px 0; font-weight:300;}
	#filters h3 .select-drop { background: url(/skins/ark-desktop/img/icn-select-drop.png) no-repeat center; background-size: 30px; height: 45px; width: 45px; position: absolute; top: -2px; right: 0px; transition: all .2s ease; display: block;}
	#filters .filterSet.closed h3 .select-drop { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }
	#filters .filterSet { margin:0 10px; cursor: pointer; }
	#filters .filterSet > div.filterBox {max-height: 175px; overflow-y:scroll; border-bottom: 1px dashed #CCC; }
	#filters .filterSet > div.filterBox  ul { padding: 6px 0;}
	#filters .filterSet > div.filterBox  ul > li { padding: 3px 5px; display:block;}
	#filters .filterSet > div.filterBox  ul > li > a { display: block; }
	#filters .filterSet > div.filterBox  ul > li > a > span { color:#999; margin: 0 0 0 3px}
	#filters .filterSet > div.filterBox  ul > li > input { background:#f0f0f0; top:4px; width:16px; margin: 0 7px 0 0; height:16px;}
	#filters .filterSet > div.filterBox  ul > li > input:checked { background: #999 url(/skins/ark-desktop/img/check-checked-w.png); background-size: contain;}
	#filters .filterSet > div.filterBox  ul#active-filters { padding: 10px 0px;}
	#filters .filterSet > div.filterBox  ul#active-filters li  { padding:5px 10px; }
	#filters .filterSet > .activeFilters { max-height:none!important; overflow: auto!important; }
	#filters ul { display:block; padding:0; }
	#filters ul  > li .button {  display:block; margin:5px 10px; color:#FFF; background:#BCBCBC; padding:10px; background-size:24px 10px; font-size:90%; height: 17px;}
	#filters ul  > li:nth-child(2n) .button {margin-left:5px;}
	#filters ul  > li:nth-child(2n+1) .button {margin-right:5px;  }
	#filters .list-filters li,.filters li { padding:4px 5px; list-style:none; }
	#filters .list-filters li:hover,.filters li:hover { background-color:#EEE; }
	#filters #active-filters li {  padding:0!important; border: 0 none; line-height: 18px;   background: #d9e0e0; margin: 0 0px 3px; padding: 0; color: #FFF; font-size: 12px; }
	#filters #active-filters li  a { color: #000; display:block; border:0 none!important;  padding:5px 10px;  background: url(/skins/ark-desktop/img/x-ping.png) 98% no-repeat!important; }
	#filters #active-filters li.grey { background-color: #666;}
	#filters #active-filters li.grey a { color: #fff;}

	
.flexCol {
	margin-left:200px;
}	
/* PAGINATION */
.pagination { float:right; text-align:center; width: 100%;}
	.pagination .pageview { display:block;  float:left; text-align:left; line-height: 25px; float: left; margin: 0 0 0 10px;}
	.pagination .pagegrid { float:left; display:block;  padding:5px 0;  }
	.pagination .pagegrid span {opacity:0.3; cursor:pointer; display: block; height:13px; text-indent:999; line-height: 13px;  margin: 0 10px 0 0; overflow:hidden; border: 1px solid #FFF; font-size: 0;float: left;}
	.pagination .pagegrid span.lay3 { background:url(/skins/ark-desktop/img/icn-lay3.png); width: 19px;  }
	.pagination .pagegrid span.lay4 { background:url(/skins/ark-desktop/img/icn-lay4.png); width: 17px;  }
	.pagination .pagegrid .active { border: 1px solid #FFF; opacity:1;  }
	.pagination .pagelinks {  display:block;  line-height: 25px;   float: left;  margin: 0 0 0 40px;}
	.pagination .pagesort { width:200px;  display:block; float:right; text-align:right; }
	.pagination .pagesort label {display: inline; margin: 0 5px;}
	.pagination .pagehold { margin:0 10px; padding: 0; text-align: center; padding: 10px 0;}
	.pagination .pagesort select { border:0 none; background: #d9e0e0 url(/skins/ark-desktop/img/icn-select-drop.png) no-repeat right; background-size: 30px; padding: 0 4px; display: inline; height: 25px; width: 140px;}
	.pagination a { margin:0 5px;  }
	.pagination a:hover{  border-bottom:1px dotted #999;  }
	.pagination span.rppLnk { margin:0 5px; color:#000;  }
	.pagination span.rppLnk:hover{  border-bottom:1px dotted #999; cursor:pointer; }
	.pagination span.rppLnk.sel{  color: #f15a27; }
	.pagination span{ margin:0 5px; color:#999;  }
	.pagination.top .pagehold { border-bottom: 1px dashed #CCC;}
	.pagination.bot .pagehold { border-top: 1px dashed #CCC;}
	.pagination .pageLink.active {color: #f15a27;}
	.pagination .pageLink.active:hover { cursor:default; text-decoration:none;}

/* PRODUCT LIST */
#list { width: 100%;  margin:0; float:right; padding:15px 0; font-size: 0;}
	#list > li.listItem{ display: inline-block; /* float:left; */ width: 25%; vertical-align: top;}
	#list > li.listItem.lay4{width: 25%; }
	#list > li.listItem.lay3{width: 33.3%; }
	#list > li.listItem.firstChild {clear:left;}
	#list > li.listItem img { display:block; border-collapse:collapse; margin:0; padding:0; background: #FFF; }
	#list > li.listItem a { display:block;   margin: 0px 10px 0px 10px; color:#202020; position:relative;}
	#list > li.listItem .itemView .overlay-thumbnail { position: absolute; display: none; top: 0; }
	#list  .itemInfo span{  line-height:18px;   letter-spacing: 0;}
	#list  .itemInfo{ display:block;  padding: 10px 0 20px 0!important; margin:0 10px ; text-align:center; min-height: 86px;}
	#list  .itemTitle{ text-overflow:ellipsis; overflow:hidden; display:block; height:40px; }
	#list .itemPrice { display:block; padding:5px 0 0 0; color:#000; font-size: 15px; font-family: "Oswald", Arial, sans-serif; font-weight:300; letter-spacing: 1px;}
	#list  .itemPrice  span.now { color: #f15a27; display:block; font-family: "Oswald", Arial, sans-serif; font-size: 15px; font-weight:300; padding: 2px 0 0 0;}
	#list  .itemPrice  span.was { color:#666; }
	#list  .itemPrice  span.was  strong{ font-weight:normal; text-decoration:line-through; }
	#list  .itemPrice  span.sav {  }
	#list .itemOverlay {  display:none; position:absolute; left:0; right:0; top:0; height:100%; bottom:0;   /* background: rgba(0,0,0,0.1); */ }
	#list .itemOverlay span.quickView { height:30px; display:block; position:absolute; left: 0; right: 40px; bottom: 10px; background: #FFF; color:#000; text-align:center; line-height: 30px; /* text-indent: -12px; */ /* box-shadow: 0 0 5px rgba(0,0,0,0.2); */ /* border-top: 2px solid #FFF; */}
	#list.rcHldr .itemOverlay span.quickView { right: 5px; }
	#list .itemOverlay span.quickSize { display:block; padding: 5px 0 0 5px;}
	#list .itemOverlay span.quickSize span { display:block; float:left; margin:0 5px 5px 0; background:#FFF; color:#000; text-align:center;  min-width:29px; padding:5px;  }
	#list .itemOverlay span.quickSize span.x { background:rgba(255,255,255,0.4); color:#FFF; }
	#list .itemOverlay span.quickSave,
	#list .itemOverlay span.quickRemove {
		display: block;
		position: absolute;
		right: 0;
		bottom: 10px;
		width: 30px;
		background-color: #666;
		background-image: url(/skins/ark-desktop/img/icn-wish-off-w.png);
		background-repeat: no-repeat;
		background-position: center;
		line-height: 30px;
		background-size: 20px;
		text-indent: -999px;
		overflow: hidden;
		/* border-top: 2px solid #FFF; */
		-webkit-transition: background-color .2s ease;
		-moz-transition: background-color .2s ease;
		-o-transition: background-color .2s ease;
		transition: background-color .2s ease;
	}
	#list .itemOverlay span.quickSave.active {
		background-color: #f15a27;
		-webkit-transition: background-color .2s ease;
		-moz-transition: background-color .2s ease;
		-o-transition: background-color .2s ease;
		transition: background-color .2s ease;
	}
	#list .itemOverlay span.quickRemove { background-color: #f15a27; background-image:none; text-indent: 8px; color: #FFF; font-weight: bold; background: #f15a27 url(/skins/ark-desktop/img/x-ping.png) center no-repeat; overflow: hidden; text-indent: -999px;}
	#list > li.more {clear:both; display:block; padding:5px 10px; }
	#list > li.more a {display:block; text-align:center; color:#FFF;  background:#BCBCBC; line-height:50px; font-family: "Oswald", , Arial, sans-serif;font-size: 15px;text-transform: uppercase;font-weight:300;}
	#list > li a  img{width:100%; background:#e5e5e5; }
	#list > li  .itemRating {  background-size: 100%; width:94px; height:20px; background-image: url(/skins/ark-desktop/img/star-rating.png); display:block;  padding:0; margin:5px auto 0; }

.quickView.clicked { background:#FFF url(/skins/ark-desktop/img/loading_mini_inverted.gif) no-repeat center!important; }

.listing-loader { display: none; width: 16px; height: 16px; 	background-image: url(/skins/ark-desktop/img/loading_mini_inverted.gif); position: relative; top: 3px; left: 18px; }
.listing-loader.active {	display: inline-block;}

/* FULL WIDTH LISTING ( FOR FEATURED, RECENT ETC) */
.fullWidth #listing { padding:20px 0 0 0;}
	.fullWidth #listing h2 { margin: 0 10px; border-top:1px dashed #CCC; padding:15px 0 0 0; text-align:center;}
	.fullWidth #listing h2 span { cursor:pointer; color:#CCC; font-family: "Oswald", Arial, sans-serif; font-weight:300!important; font-size: 18px;}
	.fullWidth #listing h2 span.active{ color:#000;}
	.fullWidth #list { width:100%!important; float:none; clear:both; opacity: inherit;  filter:inherit;}
	.fullWidth #list > li.listItem{ display:block; float:left; width: 20%; }
	.fullWidth #list > li.listItem:nth-child(4n+1){ clear:none; }
	.fullWidth .featHold li.listItem { clear:none!important }



/* RATING STARS */
	.r00 { background-position:0 0; }
	.r05 { background-position:0 -20px; }
	.r10 { background-position:0 -40px; }
	.r15 { background-position:0 -60px; }
	.r20 { background-position:0 -80px; }
	.r25 { background-position:0 -100px; }
	.r30 { background-position:0 -120px; }
	.r35 { background-position:0 -140px; }
	.r40 { background-position:0 -160px; }
	.r45 { background-position:0 -180px; }
	.r50 { background-position:0 -200px; }


/***** POPUPS ******/

/* POPUP HOLDERS */
#lbOpenBg { position: fixed; top:0; right:0; bottom:0; left:0; background: rgba(0,0,0,0.3);  text-align:center; z-index:97; display:none; }
#lbOpenCt { position:absolute;  background:#FFF;  z-index:97; top: 20px;/* bottom: 0;*/ width: 720px; /* margin:-200px 0 0 50%; */ right: 0; margin: auto; left: 0; display:none; height: auto; /* box-shadow:0 0 20px rgba(0,0,0,0.3); */ }
.lbOpenCl { cursor:pointer; position:absolute;  background: #666 url(/skins/ark-desktop/img/size-pz-c.png) center;  z-index:9998; right: 0px;  width:560px; /* margin:0 0 0 50%; */ color:#FFF; width:40px; line-height:40px; text-align:center; background-size: contain; overflow: hidden; text-indent: 100px;}
#lbOpenGtl {position: fixed;  background:#FFF;  z-index:98;  top: 0; bottom: 0;width:650px; margin: auto; right: 0;left: 0; display:none; height: 560px;box-shadow:0 0 20px rgba(0,0,0,0.3); }
#lbOpenGtl.signUp { height: 472px;}


/* SIGNUP POP UP */

/* QUICKVIEW */
	div.quickContain {margin: 20px;}
	div.quickContain #reviewsPanel { min-height: 52px; }

#quickDetails { float:left; width: 300px; min-height: 360px; }
	#quickDetails > p {display:block; line-height: 140%;max-height: 100px;}
	#quickDetails > p > a { text-decoration:underline; }
	#quickDetails .product-title { padding: 5px 0 0 0; line-height: 1.1; font-weight:300; font-family: "Oswald", Arial, sans-serif; text-transform: uppercase; font-size: 18px; display: block; letter-spacing: 1px; width:275px;}
	#quickDetails .product-title:hover { text-decoration: underline; cursor: pointer; }
	#quickDetails .quickPrices { margin: 15px 0 0 0; }
	#quickDetails .quickPrices span { font-size: 18px!important; font-family: "Oswald", Arial, sans-serif;  font-weight:300; letter-spacing: 1px;}
	#quickDetails .quickReviews { margin:10px 0 0 0; }
	#quickDetails .quickInfo { margin: 15px 0; overflow:hidden; max-height: 100px; /* height: 100px; */}
	/*#quickDetails .quickConfig { padding:10px 0 0 0; }*/
	#quickDetails .quickConfig .quick-options {width: 100%;position:relative; float:left;display:block; margin:10px 0 0 0;background: #f0f0f0 url(/skins/ark-desktop/img/icn-select-drop.png) no-repeat right; background-size: 30px;height: 34px;}
	#quickDetails .quickConfig .quick-options > label { display:inline-block; line-height: 34px; margin: 0 0 0 4%;}
	#itemOptions .options .js-noStock {
		background-color:rgba(102,102,102,0.4);
		border-color:rgba(102,102,102,0.4);
		color: rgb(127, 127, 127);
	}
	#itemOptions .options .js-noStock:disabled:hover {
		background-color: rgba(102,102,102,0.4);
		color: rgb(127, 127, 127)!important;
		cursor: not-allowed;
	}
	#itemOptions .options .js-noStock:disabled:hover:before{
		border: solid;
	    border-color: transparent #333;
	    border-width: 6px 10px 6px 0;
	    bottom: 10px;
	    content: "";
	    left: 105%;
	    position: absolute;
	    z-index: 99;
	}
	#itemOptions .options .js-noStock:disabled:hover:after{
		background: #333;
	    background: rgba(0,0,0,.8);
	    border-radius: 5px;
	    bottom: 3px;
	    color: #fff;
	    content: attr(title);
	    font-size:12px;
	    left: 124%;
	    padding: 5px 15px;
	    position: absolute;
	    z-index: 98;
	    width: 90px;
	}
	#quickDetails .quickConfig .quick-options > select { width: 61%;  border: 0 none; float: right; padding:8px; background: #f0f0f0 url(/skins/ark-desktop/img/icn-select-drop.png) no-repeat right; background-size: 30px;}
	#quickDetails .quickConfig #itemOptions { margin: 0; border-top: 0; }
	#quickDetails .quickConfig #itemOptions  button { font-size:12px!important; font-family:Arial, , sans-serif!important; }
	#quickDetails .quickConfig .options-label {display:block;float:left; clear:both; margin-bottom: 5px; }
	#quickDetails .quickAdd { /*line-height:45px;*/ line-height: 35px; display:block; float:left;/*margin:10px 0 0 0;*/margin:15px 0 0 0; font-family: "Oswald", Arial, sans-serif;  font-size: 18px; text-transform:uppercase;text-align:center; background: #259f3f; letter-spacing: 1px; color:#FFF;  /*height: 45px;*/ height:35px; font-weight:300;width:100%;}
	#quickDetails .quickAdd.clicked { text-indent:-9999px; overflow:hidden; background: url(/skins/ark-desktop/img/adding_green.gif) no-repeat center #259f3f; }
	#quickDetails .quickLink {width: 100%;float:left;/* top: 8px;*/ text-decoration: underline;margin: 0 0 5px 0;}
	#quickDetails .productCode {display:block; float:left; width:100%;margin:0 0 5px 0;}
	/*#quickDetails .moreProductDetails {width: 100%; display:block;float:left;margin:0 0 10px 0;}*/
	#quickDetails .pin-bottom { position: absolute; width: 100%; bottom: 0px; }
	#quickGallery { float: left; /* width: 55%; */ }

	#quickGallery #quickImage { display: block; vertical-align: top; float: left;}
	#quickGallery #quickImage img { width: 330px; display: none; }
	#quickGallery #quickImage img.active { display: block; }

	/*#quickGallery #quickThumbs{ display: block;  height: 380px;  list-style:none; margin: 0; float: left;}
	#quickGallery #quickThumbs li{ display:block; margin: 0  0 10px 0;  }
	#quickGallery #quickThumbs li:last-child{  margin: 0!important;  }
	#quickGallery #quickThumbs a.active { cursor: default; }
	#quickGallery #quickThumbs img{ width: 50px; height: 50px; }*/

	#quickThumbs { list-style:none; display:block; margin:0; padding:0; clear:both; overflow:hidden; padding: 0;width:330px; /* position: absolute; */ /* margin: 10px 0 0; */ /* height: 63px; */}
	#quickThumbs li { display:block; padding:0; float:left; width: 75px; margin: 5px 6px 0 0;}
	#quickThumbs li:last-child { margin-right: 0; }
	#quickThumbs li:nth-child(5n){ margin-right: 0; }
	#quickThumbs li a.active { cursor: default; }
	#quickThumbs li img { display:block; margin:0; padding:0; width:100%; }








.lookList { list-style:none; margin:15px 0 10px 0;border-bottom:1px dashed #CCC; }


#itemInfo * { display:block;}
#itemInfo { width:60%;float:left;/* background:#e5e5e5; clear:both; float: right; width: 50%; margin:  20px 20px 0 20px;*/margin:15px 0; /*border-bottom: 1px dashed #CCC;*/}
#itemInfo a { color:#202020; /*padding: 15px; line-height:44px; */ /* font-size:90%; */ }
#itemInfo .acitem {  border-top: 1px dashed #CCC; padding:15px; background:#FFF;   /* background: #f8f8f8; */  display: none;}
#itemInfo .acitem li { /* font-family: , Arial, sans-serif!important; */ /* font-size:80%; */ line-height:150%;}
#itemInfo .acitem li b { font-family: , Arial, sans-serif!important;}
/*#itemInfo a.info { background: url(/skins/ark-desktop/img/footer_info@2x.png) no-repeat 15px; }
#itemInfo a.care { background: url(/skins/ark-desktop/img/footer_care@2x.png) no-repeat left; }
#itemInfo a.del { background: url(/skins/ark-desktop/img/footer_delivery@2x.png) no-repeat left; }
#itemInfo a.ret { background: url(/skins/ark-desktop/img/footer_returns@2x.png) no-repeat left; }*/
#itemInfo  > li { /* margin: 0 20px; */ }
#itemInfo  li > a { border-top: 1px dashed #CCC; font-size: 15px!important; text-transform:uppercase;   letter-spacing: 1px;  background-size: auto 50%!important;   font-family: "Oswald", Arial, sans-serif;   font-weight:300;  cursor: pointer;  background: none!important;}

#itemInfoTabs{ height: 50px;}
#itemInfoTabs a { z-index:99;cursor:pointer; margin:0 5px 0 0;box-sizing:border-box; height: 50px; display:block; transition: all 0.2s; -webkit-transition: all 0.2s; font-size: 14px; float:left; padding: 15px 2%; border-bottom: 0 none; background: #dddddc; font-weight: 500; color: #AAA; text-align: center; width:auto;font-family: "Oswald", Arial, sans-serif;text-transform:uppercase;}
#itemInfoTabs a.active {height: 51px; z-index:1;color: #fff;background: #000; z-index: 99;}
#itemInfoContainer{ padding:15px 0; border-bottom: 1px dashed #CCC;}

#item #itemOptions { display:block; clear:both;/*  margin:5px 0; float: left; width: 50%; padding: 20px 15px 0 15px;*/ /*border-top: 1px dashed #CCC;*/ /*margin: 0px 20px;*/ padding:15px;}
#itemOptions > li { display:block; margin:10px 0;  }
#itemOptions > li.selSize{ display:block; margin:10px 0;  }
#itemOptions > li.selSize label{ display:block; position:absolute; left:10px; color:#FFF; line-height:44px; z-index:1; font-family: "Oswald", , Arial, sans-serif;}
#itemOptions > li.selSize select{
	z-index: 2;
	display: block;
	margin: 0;
	border-collapse: collapse;
	height: auto;
	line-height: auto;
	color: #FFF;
	padding: 13px 0px 15px 35px;
	width: 100%;
	font-family: "Oswald", Arial, sans-serif;
}
#itemOptions .options { float:left; clear:both;margin:5px 0;/* margin:0 20px; */ overflow: hidden;}
#itemOptions .options > button {transition: all 0.2s; padding: 8px 8px; border: 0 none; display: block; /*border: 1px solid #000;*/ border:1px solid #dddddc; text-align: center; margin: 0 6px 10px 0; background: #FFF; font-size: 15px; font-weight:300; font-family: "Oswald", , Arial, sans-serif; float: left; /*width:40px; height:40px;*/ min-width:48px;height:48px;}
#itemOptions .options > button:hover { background:#000; border:#000; color:#FFF; cursor: pointer; }
#itemOptions .options > button.activeOptionInput {background-color: #666; border:#666; color: #fff; cursor:default;}
#itemOptions .options > button.lowStock { border:1px dashed #777; }
#itemOptions .options > button.lowStock div { display:none; }
#itemOptions .options > button.lowStock:hover div { display:block; }
#itemOptions .options > button.lowStock .lowStockButton {
	position: absolute;
	top: -10px;
	right: -25px;
	font-size: 9px;
	font-weight: bold;
	background: #F00;
	color: #FFF;
	border: 1px solid #F00;
	border-radius: 8px;
	padding: 2px 4px;
	text-transform: lowercase;
	z-index: 2;
}
#itemOptions h3 { display:inline-block; float:left;padding: 0 0 15px 0; }
#itemOptions a { 
	transition:all 0.2s; 
	display:inline-block; 
	float:right;
	font-family: 'Oswald', Arial, sans-serif;
	font-size:12px; 
	font-weight:300;
	text-transform:lowercase; 
	text-decoration:none; 
	cursor:pointer; 
	letter-spacing: 0;
	padding:5px 10px; 
	border:1px solid #dddddc;
}
#itemOptions a:hover {color:#fff;background-color:#666;border-color:#666;}

#item #itemInfo li a span {height: 45px; display:block; background: url(/skins/ark-desktop/img/icn-select-drop.png) center no-repeat; right: 0; top: 0; width: 45px; /* background-color: #FF0; */ background-size: 30px; position: absolute;}
#item #itemInfo li a.active span {	transform: rotate(30deg); 	-webkit-transform: rotate(180deg);}
#item a.itemRate {
	line-height: 20px;
	background-size: 94px;
	background-repeat: no-repeat;
	width: 94px;
	height: 20px;
	background-image: url(/skins/ark-desktop/img/star-rating.png);
	display: block;
	padding: 0;
	cursor: pointer;
	padding-left: 100px;
}


/* ITEM PAGE */

#images { padding:1px 0 0 0;}
#images img { width:100%; }

.bx-controls-direction{ display:none; }
.bx-controls-auto{ display:none; }
.bx-controls{ display:block; position:absolute; bottom:0px; height:20px; left:0; right:0; }
#item .bx-controls{ position:relative; margin:15px 0 0 0; }
.bx-pager { text-align:center; }
.bx-pager > div{ display:inline-block; margin:0 5px;  }
.bx-pager > div > a { display:block; height:10px; width:10px; text-indent:-999px; overflow:hidden; background:#FFF;  border-radius:5px;   }
#item .bx-pager > div > a { background:#CECECE; }
.bx-pager > div > a.active {  background:#f47d31!important;  }

#rel {width:39%; float:right; margin:5px 0; border-bottom: 1px dashed #CCC;}
#rel  ul {margin:0;}
#rel .smSCroll { /* margin:0 20px; */ height: 84px; overflow:hidden; }
#rel li { float:left!important; display:block; margin:0 0 0 10px; width: 55px;}
#rel li:first-child { margin:0 0 0 0; }
#rel li.swiper-slide a { display: block; padding: 5px;}
#rel h3{ /* text-align:center; */ /* font-size:85%; */ padding: 0 0 15px 0; }
#relThumbs {padding:15px;}

.itemDetails { /*float:left; width: 85%; margin:10px; */ padding: 10px 0;}
/*.itemDetails > .pad { margin: 10px 0 10px 10px;  }*/
#itemDetailsPullRight{width:39%;float:right;border-bottom:1px dashed #CCC;}
#itemDetailsPullLeft{width:60%;float:left;}
#addThisContainer{padding:15px 0; margin:15px 0; /* border-bottom: 1px dashed #ccc; */}
#addThisContainer .addthis_toolbox { margin-top:15px; margin-left:-7px;}
#addThisContainer .addthis_button_facebook {  }
.itemOffers { float:right; width: 15%; padding-bottom: 10px;}

/* ITEM REVIEWS */
#itemInfo .revItem { clear:both; padding: 0 0 20px 0!important; }
#itemInfo .revHead { clear:both; padding: 0 0 5px 0!important; }
#itemInfo .revHead h3 {font-weight:bold; font-size:14px; }
#itemInfo .revText { font-family: , Arial; font-size:13px;}
#itemInfo .revItem .rate {background-size: 94px; margin:0 0 3px 0; font-size:14px; font-weight:bold; padding:0 0 0 100px;  width:94px; height:20px; background-image: url(/skins/ark-desktop/img/star-rating.png); background-repeat:no-repeat; display:inline-block;   }
#reviewsPanel { /* min-height: 52px; */}

#relItems h3 { /* border-top:1px dashed #CCC; */ }
.detailsUpsell {margin: 0 0 0 0; padding: 0 10px 0 0;}
.detailsUpsell.cart {margin: 0 0 0 0; padding: 0;}
.detailsUpsell h3 { padding:15px 0; margin: 0 0 0 5px;}
.detailsUpsell ul { list-style:none; display:block; overflow: hidden;}
.detailsUpsell  li { display:block; /* float:left; */ /* width:50%; */ }
.detailsUpsell.cart  li { display:block; float:left; width: 20%; /* margin-right:2.5%; */ /* margin-left:2.5%; */ /* margin-top: 1%; */ }
.detailsUpsell li:nth-child(2n+1) { clear: both;}
.detailsUpsell.cart li:nth-child(2n+1) { clear:none}
.detailsUpsell.cart li:nth-child(6n+1) { clear:left}
.detailsUpsell li:nth-child(2n+1) a{ /* margin: 5px; */ }
.detailsUpsell li:nth-child(2n+2) a{ /* margin: 0 0 0 5px; */ }
.detailsUpsell.cart li:nth-child(6n+1) a{ margin: 0; }
.detailsUpsell.cart li a{ margin: 0; }
.detailsUpsell  li a { display:block; margin: 0;}
.detailsUpsell  li a img{ display:block; width:100%;  }
.detailsUpsell.cart {height:0px;overflow:hidden;}
.detailsUpsell.cart li a {margin: 0 10px 10px!important;}
.detailsUpsell.cart h2 { border-top: 1px dashed #CCC; padding-top: 15px; margin:0 10px; }
.detailsUpsell .itemInfo { padding:10px 0 20px!important; display:block; }

#content.basket .detailsUpsell {margin: 0; }
#content.basket .detailsUpsell h2  { text-align:center;  padding:15px; margin: 0 10px;}
#content.basket .detailsUpsell ul { margin:0!important; }
.detailsUpsell .itemOverlay {  display:block; display:none; position:absolute; left:0; right:0; top:0; height:100%; bottom:0;   /* background: rgba(0,0,0,0.1); */ }
.detailsUpsell .itemOverlay span.quickView { display:block; position:absolute; left:5px; right:5px; bottom:5px; background:#FFF; color:#000; text-align:center; line-height:24px; }
.detailsUpsell .itemOverlay span.quickSize { display:block; padding:5px;}
.detailsUpsell .itemOverlay span.quickSize span { display:block; float:left; margin:0 5px 5px 0; background:#FFF; color:#000; text-align:center;  min-width:29px; padding:5px;  }
.detailsUpsell.itemOverlay span.quickSize span:nth-child(5n+4) { margin: 0 0 5px 0; }
.detailsUpsell .itemOverlay span.quickSize span.x { background:rgba(255,255,255,0.4); color:#FFF; }
.detailsUpsell .itemVariants { display:block; position:absolute; left:0; right:0;  bottom:0; background:rgba(0,0,0,0.4); text-align:center; color:#FFF; padding:5px;  }
.detailsUpsell  .itemInfo span{ display:block;line-height:18px; }
.detailsUpsell.cart  .itemInfo{ display:block;  padding: 5px 10px!important; margin:0px ; text-align: center;}
.detailsUpsell .itemTitle{ text-overflow:ellipsis; overflow:hidden; height:18px;}
.detailsUpsell.cart  .itemPrice { display: block;
padding: 5px 0 0 0;
color: #000;
font-size: 15px;
font-family: "Oswald", Arial, sans-serif;
font-weight:300;
letter-spacing: 1px;
}

#lookItems > a { display:block; line-height: 35px; text-align:center; font-family:"Oswald", , Arial, sans-serif; font-size:15px; text-transform:uppercase; background: #9b00b7; font-weight:300; color: #FFF; box-shadow: inset 0 0 0 2px rgba(0,0,0,0.1);}
#item #lookItems  {display:none!important  }
/* BASKET PAGE */
#recentItems { overflow:hidden; }
#recentItems ul { overflow:hidden; }
#recentItems h3{ text-align:center; border-top:1px dashed #CCC; margin:10px 5px 5px 5px}
#recentItems ul { text-align: center!important;}
#recentItems li { width:12.5%; display: inline-block; float:none; margin:0; padding:0; margin-right: -4px;}
#recentItems li a { margin:0 5px; }
#recentItems li .itemInfo{ display:none;}


#basket-quickitems .basketList { max-height: 260px; overflow: hidden; }
h2.dotted {border-bottom:1px dashed #CCC;}
.cntShp {
	width:46%;
	display:block;
	float:right;
	padding:10px;
	color:#FFF;
	background:#000;
	text-transform:uppercase;
	font-size:13px;
	margin:10px;
	text-align:center;
}
/* BASKET LIST */
#basketList {display:block; list-style:none; padding:0; margin: 0!important; background:#FFF;}
#basketList li {display:block;  padding:0; margin:0; border-bottom: 1px dashed #CCC; background:#FFF; padding:15px; overflow:hidden;font-size: 0;}
#basketList li .cartProductImage {display:inline-block; width:80px;}
#basketList li .cartProductImage img {display:block; width:100%;}
#basketList li .cartProductInfo {display: inline-block; width: 40%;padding:  0 15px;box-sizing: border-box;vertical-align: top;font-size: 12px;margin: 0;}
#basketList li .cartProductInfo span { display:inline-block;}
#basketList li .cartProductInfo span strong { font-weight: normal;}
#basketList li .cartProductName { font-weight: initial!important; }
#basketList li .cartProductQuan { /* float:left; */ display: inline-block; width:144px; text-align: center!important;}
#basketList li .cartProductQuan a { height:48px; display:block; float:left; padding:0; width:48px; text-align:center; text-indent: 0; overflow:hidden; font-weight: normal!important; background-color: #666; color: #FFF; font-size: 24px; line-height: 47px; font-weight: normal!important;}
#basketList li .cartProductQuan input { display:block; float:left; padding: 17px 0; text-align:center; width:48px; font-weight:700; background-color: #EEE; border: 0 none;}
#basketList li .cartPageItemQuanLess { background-image: url(../img/icons/icn-pop-minus.png);}
#basketList li .cartPageItemQuanMore { background-image: url(../img/icons/icn-pop-plus.png);}
#basketList li .cartPageItemQuanZero { float:right; display:block; width: 48px; height:48px; text-indent:888px; overflow:hidden; position: relative; /* right: 15px; */ /* background-image:url(../img/icons/icn-pop-close.png); */ display: inline-block!important; text-indent: 0!important; text-decoration: underline; height: auto!important; float: none!important; margin: 15px 0 0; background-color: #FFF!important; color: #000!important; clear: both; line-height: 16px!important; font-size: 12px!important;}
#basketList li .giftItem { clear:both; float:left; display: none;  margin-top:15px; height:48px; padding-right:14px; border-color:#2A82BA; background-color:#2A82BA; color:#FFf; }
#basketList li .cartProductPrice { float: right; display:block; padding-left: 30px; font-weight:800;  width: 16%; padding: 0; font-size: 12px; text-align: right;}
#basketList li .cartProductPrice span{ display:block; font-weight: 300; font-family: "Oswald", Arial, sans-serif; letter-spacing: 1px; font-size: 15px;}
#basketList li .cartProductPrice .now { color:#D00}
#basketList li .cartProductPrice .was { color:#999; text-decoration:line-through;}

#basketList li.promoGroup { padding:0;}
#basketList li.promoGroup h4 { margin:0; font-size: 12px; padding: 10px 20px; /* font-weight: normal; */}
#basketList li.promoGroup ul { padding:0; margin: 0!important;}
#basketList li.promoGroup ul .cartProduct { z-index:1; border-top: 1px dashed #CCC; border-bottom: 0 none; position:relative;}
#basketList li.promoGroup ul .cartProduct + .cartProduct {z-index:2; overflow:visible;}
#basketList li.promoGroup ul .cartProduct + .cartProduct:before {border:1px solid #CCC; border-radius: 50%; content:"+"; display:block!important; width: 24px; height: 24px; position:absolute; z-index:2; background:#FFF; top: -14px; left: 105px;color: #CCC;font-size: 20px;text-align: center;line-height: 24px;font-weight: 400;}
#basketList li.promoGroup .cartProductPrice {  text-decoration:line-through; color: #999;   font-weight: 300;      font-family: "Oswald", Arial, sans-serif;      font-size: 15px;  letter-spacing: 1px;}
#basketList li.promoGroup .promoTotals { text-align:right; font-size:12px; color:#000; padding:10px 20px; border-top: 1px dashed #CCC; letter-spacing: 1px;}
#basketList li.promoGroup .promoTotals span.promoTotalWas { text-decoration:line-through; color: #999; display:block; font-weight: 300;      font-family: "Oswald", Arial, sans-serif;      font-size: 15px;}
#basketList li.promoGroup .promoTotals span.promoTotalNow { color:#D00; font-weight: 300;      font-family: "Oswald", Arial, sans-serif;      font-size: 15px; display:block; padding-top: 5px;}
#basketList li.promoGroup .promoTotals span.promoTotalSaving { color:#999; display:none;} 
.basket .emptyBasket {
	padding-top: 50px;
	padding-bottom: 50px;
	text-align: center;
}
.basket .emptyBasket p {
	font-size: 18px;
	font-weight:300;
	text-transform: uppercase;
	color: #C2C2C2;
	font-family: "Oswald", , Arial, sans-serif;
}
#wish .basketItem span.basketItemPrice { left:95px; right:auto;}
#wish .basketItem a.basketItemRemove { border-radius:12px; position:absolute;  right:10px; width:24px; height:24px; top:50%; margin-top:-12px; display:block; background:#000 url(/skins/ark-desktop/img/x-ping.png) center no-repeat; }

#summary .basketItem span.basketItemPrice { right:10px;  }
#summary h2, #myAccount .address h2 {/* background:#e5e5e5; */ padding:15px; display:block; /* font-size:100%; */ }
#summary .address a , #myAccount .address a { padding:15px; display:block; font-size:100%; color:#202020; /* font-size:80%; */ line-height:150%; /* background: url(/skins/ark-desktop/img/icn-select-rite.png) no-repeat right center; */ background-size: 30px; }
#summary #totals {border-top:1px solid #E5E5E5; }

/* Order confirmation styles */

.basketItemInfo{
    display: inline-block;
    width: 40%;
    padding: 0 15px;
    box-sizing: border-box;
    vertical-align: top;
    font-size: 12px;
    margin: 0;
}

.basketItemImage{
	display:block;
	float:left;
	width:80px;
}

.basketItemQuan{
    display: inline-block;
    width: 144px;
    text-align: center;
}

.basketItemQuan input{
    display: block;
    float: left;
    padding: 17px 0;
    text-align: center;
    width: 48px;
    font-weight: 700;
    background-color: #EEE;
    border: 0 none;
}

.basketItemPrice{
    float: right;
    display: block;
    padding-left: 30px;
    font-weight: 800;
    width: 16%;
    padding: 0;
    font-size: 12px;
    text-align: right;
    font-weight: 300;
    font-family: "Oswald", Arial, sans-serif;
    letter-spacing: 1px;
    font-size: 15px;
}

/* END Order confirmation styles */

.bordBox {margin:0 10px; padding:10px 0; }
#promo .bordBox { background:#ececec; margin: 20px 10px; padding: 20px; height: 55px;}
#totals .bordBox { padding:20px 0 10px 0!important;}

#promo { /* padding:15px; */  /* background:#ececec; */  /* height:60px; */ float: left; width: 50%;}
#promo h3 { margin: 0 0 10px 0!important;   }
#promo input { border:0 none; line-height:18px; font-size:100%; padding:5px 2%; width:85%; display:block; border-collapse: collapse; float:left; font-family: Arial, sans-serif;}
#promo button { cursor: pointer; height:28px; float:right; width:15%; display:block; border:0 none; background:#666 url(/skins/ark-desktop/img/ora-a.png) no-repeat center; border-collapse: collapse; line-height:18px; overflow:hidden; padding:5px 0; text-indent:-999px;position: absolute; right: 20px;}

#totals { /* padding:15px 0 0 0; */ /* clear:both; */ font-family: "Oswald", , Arial, sans-serif; float: right; width: 50%;}
#totals label { width:60%; float:left; padding: 0 0 0 10px; margin: 0 0 5px 0;  font-family: "Oswald",  Arial, sans-serif;}
#totals span{ width:30%; float:right; padding: 0 10px 0 0; text-align:right; /* margin:0 0 10px 0; */  font-family: "Oswald", Arial, sans-serif;}
#totals * { display:block; font-family: "Oswald", Arial, san-serif; letter-spacing: 1px; line-height: 140%;}
#totals a { clear:both; width:auto; text-align:center; margin:10px 10px 0 10px; line-height:50px; background:#000; color:#FFF; padding:0;  font-family: "Oswald", , Arial, sans-serif;}

#totals div { clear:both; /* margin: 10px; */ }
#totals div > div { /* clear:both; */ /* padding:0px; */ }
#totals div * { /* float:none; */ font-size: 15px; font-weight:300;}
.infoSave  button { font-size:15px!important; float:left; display:block; border:0 none; width: 240px; height: 40px; color:#FFF; background:#000; font-size:100%; margin: 10px 0!important; font-family: "Oswald", Arial, sans-serif; text-transform: uppercase; cursor: pointer; font-weight:300;}
.infoSave { overflow:hidden; clear:both; margin: 0; padding: 0px 10px 10px 10px;}
.infoSave  button.prim { float:right; letter-spacing: 1px;}
.totaLine { padding:5px 0 0 0; overflow:hidden; border-top:1px dashed #CCC; }
.totaLine.noline { border-top:0 none; padding:0; }

/* LIGHTBOX BG */
#lbg { background:rgba(0,0,0,0.7); position:absolute; top:0px; left:0; right:0; bottom:0; z-index: 99!important; display:none; width:100%; }


/* BRANDS PAGE */
#brandsWomens { float:left; width:50%; }
#brandsMens { float:left; width:50%; }
#brandsWomens ul { list-style:none; margin:15px; columns:2; -webkit-columns:2; -moz-columns:2; }
#brandsMens ul { list-style:none; margin:15px; columns:2; -webkit-columns:2; -moz-columns:2; }
#brandsList ul li { display:block; padding:3px 0; }
#brandsList ul li a:hover { text-decoration:underline;}
#brandsList h2 { margin:20px 15px 10px 15px; }
/* Login/Checkout */
#checkout h2, #register h2, #myAccount > h2 { font-size:100%!important; margin:15px!important; padding:0!important; }
#proButtons, .proButtons { margin: 10px 0; clear:both; }
.register { /* padding-bottom: 50px; */ }
.register h3 { margin: 15px 10px; }
.register h3:nth-of-type(1) { margin: 20px 10px; }
.fltr { float:right; }
#regLeft{ float:left; width:49%; margin-right: 1%; }
#regRite{ float: right; width: 48%; margin-left: 1%; }
#regRite .withButton input { width: 60%!important; float:left; }
#regRite .withButton button{ width: 35%!important; float:left;  }
#regRite .withButton button.slimmer{ width: 34%!important; margin-right:-5px;  }
#regRite label { padding:0 0 0 10px; line-height:34px; width:auto; /* float: none; */ display: block; /* height: 34px; */}
#regRite input#addressSelect { float:left; }
#regRite .infoSave { /* margin: 0 10px 10px 10px!important; */ }
#regRite .proInputs select.wider {width: 100%!important; }
#regRite .proInputs select.slimmer {width: 100%!important; }
#proButtons > input, .proButtons input, #proButtons button, a.proButtons { display:block; border:0 none; background: #000; color:#FFF; letter-spacing: 1px; width:100%; height:50px; font-size: 15px;  font-family: "Oswald", Arial, sans-serif; font-weight:300; text-transform: uppercase;}
.proInputs { margin: 10px 10px 10px 10px; }
.proInputs .inputRow { clear:both; /* font-size:80%; */ padding:0 0 10px 0; }
.infoSubmit { padding:0 10px; }

.differentAddress { overflow:hidden; }

.signUP #regLeft .proInputs {margin-left:0px!important; }
.signUP #regRite .proInputs {margin-right:0px!important; }
.signUP .popContent > h3 { padding:15px 0; border-bottom:1px dashed #CCC;  }
.signUP .popContent form { padding-top:15px; }
.signUP .popContent form h3 { margin:0 10px 15px; }
.signUP .popContent #regLeft  h3 { margin:0 10px 15px 0; }
.signUP .proInputs input { width: 100%!important; }

.proText {  margin: 10px 0;   /* font-size:80%; */   /* text-align:center; */ clear:both; }
.proText a { color:#202020; }
.inputRow { padding:0 0 10px 0!important;  }
.proInputs span { /* padding:5px; */   /* border:1px solid #E2E2E2; */ height:20px; margin:0; display:block; float:right;   width: 70%; height: 34px;}
.proInputs input { border:0 none; /* font-size:100%; */ background: none transparent; width: 100%; display:block; /* margin:2px 0 0 0; */ height: 34px; background: #d9e0e0; padding: 0 8px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.proInputs textarea  { border:0 none; /* font-size:100%; */ background: none transparent; width: 100%; display:block; /* margin:2px 0 0 0; */ resize:none; height: 134px; background: #d9e0e0; padding: 8px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}

#myAccount .proInputs input { /* width:96%; */ }
#myAccount.forgotten-password {
	float: left;
	width: 45%;
	padding-bottom: 250px;
}
#myAccount.forgotten-password h2 { padding-left:0;}
#myAccount.forgotten-password .proInputs {
	margin: 20px 0px 20px 0px;
}
#myAccount.forgotten-password .proInputs label {
	margin: 0px;
	width: 26%;
}
#myAccount.forgotten-password .proInputs span {
	float: left;
}
#resetPasswordForm {
	margin:auto;
	width:45%;
}
#content #resetPasswordForm #text {
	padding: 12px 8px;
}
.proInputs input[type="checkbox"] { border:1px solid black; /* font-size:100%; */ background: #FFF; width:30px; display:inline-block; /* margin:2px 0 0 0; */ height: 30px; padding: 0 8px;}
.proInputs input[type="checkbox"]:checked { background: black url(/skins/ark-desktop/img/check-checked-w.png) center no-repeat; background-size: 24px;}
.proInputs select { border:0 none;  background: #d9e0e0 url(/skins/ark-desktop/img/icn-select-drop) no-repeat right; background-size: 30px; height:34px; padding:0 6px; width:100%; display:block; /* margin:2px 0 0 0; */ }

.proInputs label {display:block; width: 30%; float:left; padding:9px 0 3px 0;  }
#proButtons a, .proButtons a { font-size:100%; border:0 none; display:block; width:100%; clear:both; text-align:center; margin:10px 0 0 0; line-height:50px; background: #666; color:#FFF; padding:0; }
.withButton span { float:right; width: 35%!important;}
.withButton > button { float:right; width:35%!important;border:0 none; height: 34px; color:#FFF; background: #666; }
#PCA_formItemBilling select, #PCA_formItemShipping select, .selectAddressDrop select {width: 100%;background: #f0f0f0 url(/skins/ark-desktop/img/icn-select-drop.png) right no-repeat;border: none;height: 34px;padding: 0 6px;background-size: 30px;}
.selectAddressDrop{ margin:0 10px; /* background-size:24px 10px; */ }
#cancelEdit { background:#BCBCBC; margin:0 0 10px 0; }

.checkMe label { width:80%; }
#useBillingAddress, #saveDetails, #useDeliveryAsBilling { background: #d9e0e0; border:1px solid #E2E2E2; width:30px; height:30px;clear:both; float: left; display:block; /* margin: 10px 10px 0 0; */}
#useBillingAddress:checked, #saveDetails:checked, #useDeliveryAsBilling:checked { background:url(/skins/ark-desktop/img/check-checked.png) no-repeat center; background-size:100%; /*#2A3;*/ border: 1px solid #000; }



#storefind .proInputs { margin: 0; }
#storefind .proInputs label {display:none; }
#storefind .proInputs span { float:none; width:auto; }
#store h2 {/* background:#e5e5e5; */ padding: 15px 0 0 15px; border-top: 1px dashed #CCC;display:block; font-size: 15px; }
#store p {display:block; padding:15px; /* font-size:80%; */ line-height:150%; }
#store img {width:100%; }
#storeTim .sday { display:inline-block; width:90px; font-weight:bold;   }
#storeMap { float:left; width:50%;  }
#storeInf { float:right; width: 50%; }
#storeInf > * { margin:0 0 0 20px; }
#store { padding:20px 0; margin:0 10px; }
#storeInf h2:first-child { border:0 none; }
.stores h1 input { float:right; border:0 none; background:#FFF; text-transform:uppercase; font-family: "Oswald", Arial, san-serif; font-weight:300; letter-spacing: 1px; font-size:15px; cursor: pointer;}


.optList ul li a {
	border-top: 1px dashed #CCC;
	line-height: 44px;
	padding: 0 15px;
	color: #202020;
	display: block;
	background: url(/skins/ark-desktop/img/icn-select-rite.png) no-repeat right center;
	background-size: 30px;
	text-decoration: none;
}
.optList ul li.current span {  border-top:1px solid #e5e5e5; line-height:44px; padding:0 15px; color:#202020; display:block; font-size:80%; background:none; }
.optList ul li a span { /* float:right; */ /* margin:0 18px 0 0; */ /* font-weight:bold; */ }
.optList ul li.current span span {  float:right; font-weight:bold; margin:0; font-size:100%; }
.optList ul li ul li a {  color:#666; }
.stores .optList ul li a { padding: 15px 40px 15px 10px; line-height:150%; }
#summary .optList ul li.current span {  border-top:0 none; }
.stores .optList ul li.searchAgain { border-top: 1px solid #e5e5e5;  }
.stores .optList ul li.searchAgain a { background:none #000; margin:10px; color:#FFF; font-family:"Oswald", , Arial, sans-serif!important; text-align:center; text-transform:uppercase; font-size: 15px;}

#addressBook li { padding:15px; font-size:80%; line-height:150%; border-bottom:1px solid  #e5e5e5;}
#addressBook li  a{  border-radius:12px; position:absolute;  right:10px; width:24px; height:24px; top:50%; margin-top:-12px; display:block; background:#000 url(/skins/ark-desktop/img/x-ping.png) center no-repeat; }

.pop { position:fixed;   height: 70%;   top: 0; bottom: 0; margin:auto; left: 0px; right: 0px;  z-index:97; /* overflow:hidden; */   /* font-size:80%; */ display:none;   width: 650px;  box-shadow: 0 0 20px rgba(0,0,0,0.3);  background: #FFF;}
.pop { }
.pop > div { font-family:, Arial, sans-serif!important; overflow: auto; bottom:0px; top: 55px; position:absolute; left:0; right:0; /* padding: 0 15px; */ line-height:150%; /* background:#FFF; */ }
.pop > h3{ /* background:#000; */ padding: 20px; height:15px; display:block; font-size: 18px;  color: #000; /* font-weight:300; */}
.pop > div #headings { display:none!important; }
.pop .popOpen { display:block; width: 40px; height: 40px;  background:url(/skins/ark-desktop/img/x-ping.png) center no-repeat; position:absolute; top: 0%; right: 0%; text-indent: -9999px; background: #000 url(/skins/ark-desktop/img/size-pz-c.png) center no-repeat; z-index: 10; background-size: contain; cursor: pointer; overflow: hidden;}
#poplbg, #poplbgGuide {  background: url(/skins/ark-desktop/img/lb-bg-20.png); position:absolute; top:0px; left:0; right:0; bottom:0; width:100%; position:fixed; z-index: 1000; display:none;}
#poplbg #reviewsPanel {
	padding: 15px;
	overflow: auto;
}

.opt { }
#optSiz  h3 { display:none; }
#optSiz  .popOpen { display:none; }
#optSiz > div{ padding:0px; background:none transparent; top:0; }
#optSiz ul{ display:block; width:240px; margin:0 auto; }
#optSiz ul li{ display:block; float:left; }
#optSiz ul a{ display:block; line-height:50px; width:50px; background:#FFF; font-size:120%; margin:5px; text-align:center; }
#optSiz ul a:hover{ background:#000;  color:#FFF; }
#optRev.pop > div, #optRed.pop > div { top:0; overflow: hidden;}

div.revHead { padding: 20px 0; position: absolute; background: #FFF; right: 0; left: 0; height: 80px; margin: 0 20px; border-bottom: 1px dashed #CCC;}
div.revHead h2 { font-size:21px; display:inline-block; width:80%; padding:10px 0 0 0;}
div.revHead h3 { font-size:15px; display:inline-block; width:80%; padding: 10px 0 0 0;}
div.revHead img { font-size:15px; display:block; /* width:15%; */ float:left; margin:0 20px 0 0; height: 80px;}
#optRev div.revStars { margin: 0 20px 20px 20px; padding: 20px 0 0 0;  /* border-top:1px dashed #CCC; */ }
#optRev div.revWrite { margin:20px;padding:20px 0 0 0; border-top:1px dashed #CCC;  }
#optRev div.revName { margin: 10px 20px; padding:20px 0 0 0;border-top:1px dashed #CCC;  }
#optRev div.revTown { margin: 10px 20px; }
#optRev div.revDetails { margin: 10px 20px; }
#optRev div.revDetails input, #optRev div.revDetails select { width:25%!important; display:inline-block!important;  }
#optRev div.revDetails select { margin:0 0 0 2%!important; }
#optRev div.revEmail { margin: 10px 20px; }
#optRev div.revChecks { margin:10px 20px; }
#optRev div.revFeedback { margin:20px; padding:20px 0 0 0; border-top:1px dashed #CCC;  }
#optRev div.revSubmit { margin:20px; }
#optRev div.revForm fieldset { border:0 none; display:inline-block; width:65%;  }
#optRev div.revForm p { border:0 none; display:inline-block; width: 32%; margin: 0 0 0 0%;  font-size: 11px; float: right; line-height: 17px;}
#optRev div.revForm fieldset input { font-size:12px; border:0 none; background:#CCC; height:34px; background:#f0f0f0; padding:0 8px;  display: block; width: 100%;}
#optRev div.revForm fieldset textarea { font-size:12px; border:0 none; background:#CCC;  background:#f0f0f0; padding:8px;  display: block; width: 100%; margin: 10px 0 0 0; resize: none;}
#optRev div.revForm fieldset select { font-size:12px; border:0 none; background:#CCC;  background: #f0f0f0 url(/skins/ark-desktop/img/icn-select-drop.png) right no-repeat; padding:0 8px; height:34px;  display: block; width: 100%; margin: 10px 0 0 0; resize: none; background-size: contain;}
#optRev div.revForm fieldset select#bought { width: 43.5%!important; }
#optRev div.revForm .revChecks input {  height: 24px;   width: 24px!important; display: block; float:left; }
#optRev div.revForm .revChecks label {  height: 24px;   width: 86%!important; display: block; float:left;   margin: 0 0 0 10px;  line-height: 18px;  padding: 4 0 5px 0;  font-size: 12px;}
#optRev div.revFeedback fieldset textarea { margin:0!important; }
#optRev div.revForm,  #optRed div.revForm {bottom:0; position:absolute; overflow:auto; top:20px; left:0; right:0;}
#optRev div.revSubmit button { display:block; width:100%; height:45px; color:#FFF; background:#000; border:0 none; font-family: "Oswald", , Arial, sans-serif; font-size: 15px; text-transform: uppercase; font-weight:300;}
#reflbg {  position:fixed; top:44px; bottom:0px; left:0px; right:0px; background:#FFF; z-index:98!important; display: none; }
#reflbg.active { display: block; }
#refRef { overflow:auto; position: absolute; top:0; left:0; right:0; bottom:0; }
#refRef a { background-size:24px 10px!important; }
#refRef ul.menu {border-top:1px solid #e5e5e5; }
#refRef ul > li > a { font-size:100%; background:url(/skins/ark-desktop/img/arr-r.png) no-repeat right center; color:#202020; border-top:0 none; border-bottom:1px solid #e5e5e5; }
#refRef ul > li > a.active { background:url(/skins/ark-desktop/img/arr-r.png) no-repeat right center;color:#202020!important;}
#refRef ul > li > ul> li > a {  background:url(/skins/ark-desktop/img/arr-r.png) no-repeat right center; text-indent:15px; color:#666; font-size:80%; }
#refRef ul > li > a {
    font-size: 14px;

    font-family: "Oswald", , Arial,sans-serif;
}
#refRef ul > li  a:hover { }
#refRef .filterLink { background-image:none; }
#refRef ul > li > a.selected { background: #000 url(/skins/ark-desktop/img/arr-d-t.png) right no-repeat!important;color:#FFFFFF!important; background-size:28px 11px!important;}
ul#toplevelfilters { border-top:1px solid #e5e5e5; }

#sorlbg {  position:fixed; top:120%; bottom:0px; left:0px; right:0px; background:#FFF; z-index:99; }
#sorSor {  }
#sorSor li a { font-size:100%; border-top:0 none; border-bottom:1px solid #e5e5e5;}
#sorSor li:hover { background: #f3f3f3;}

.menu #Colour { padding:10px;border-bottom:1px solid #e5e5e5; }
.menu #Colour li {display:block; overflow:hidden; float:left; margin:5px; padding:0;}
.menu #Colour li a {display:block; width:45px; line-height:45px; text-indent:-999px!important; overflow:hidden; border:0 none; background:none transparent; padding:0; }
.menu #Colour li.black {background-color:black; }
.menu #Colour li.blue {background-color:blue; }
.menu #Colour li.brown {background-color:brown; }
.menu #Colour li.green {background-color:green; }
.menu #Colour li.grey{background-color:grey; }
.menu #Colour li.orange {background-color:orange; }
.menu #Colour li.pink {background-color:pink; }
.menu #Colour li.purple {background-color:purple; }
.menu #Colour li.red {background-color:red; }
.menu #Colour li.white {background-color:white; }
.menu #Colour li.yellow {background-color:yellow; }
.red {color:red; }
.variantThumb  {width: 100%!important;}

.sorOpen   { display:block;  display:none;z-index:300; width:40px; height:40px;  z-index:97;  background:url(/skins/ark-desktop/img/x-ping.png) center no-repeat #000; position:fixed; top:72px; right:0px; padding:0!important; overflow:hidden; }

#applyClear { margin:5px; list-style:none; }
#applyClear li {width:50%; float:left; border:0 none!important; }
#applyClear li a { background-color: #7d7d7d!important; margin:5px; border:0 none!important; background-image:none!important; color:#FFF!important; padding:10px!important; line-height:135%!important; }

#applyClear li a.done-active { background-color: #000!important; color:#FFF!important; }
#applyClear li a.apply-active { background-color: #000!important; color:#FFF!important; }
#applyClear li a.clear-sel-active { background-color:#7d7d7d!important; color:#FFF!important; }
#applyClear li a.clear-all-active { background-color: #CCC!important; color:#FFF!important; }

#applyClear li.topLevelButton { display: block; font-family: "Oswald", , Arial, sans-serif;}
#applyClear li.secondLevelButton { display: none; }

.clr {clear:both!important; border:none!important; display:block!important; float:none!important; height:0px!important; line-height:0px important; width:auto; background:none transparent!important;}


#fader { position:fixed; top:0; left:0; bottom:0; right:0; background:#FFF url(/skins/ark-desktop/img/loading-w.gif) no-repeat center; background-size:30px 30px; z-index:200; }

#miniCartOverlay { /* width:140%; */ /* height: 50px; */ position:absolute; z-index:10;   display: none;   text-align:center; top: 0; width: 26px; bottom: 0; background: #FFF; left: 0px;}
#miniCartOverlay img { margin-top: 12px; }

.toggler { text-decoration: underline; }
.togglerElement { display: none; }

#sizechart table {width: 100%; margin-bottom:10px; padding:3px;}
#sizechart td,#sizechart th {background:#eee; padding:2px;}

#popupMessage {
	position:fixed;
	left:-260px;
	top:33%;
	margin:0 0 0 50%;
	z-index:9999!important;
	width:500px;
	overflow:hidden;
	min-height:100px;
	border:1px solid #DDD;
	background: #FFF;
	padding: 15px;
	box-shadow: 0px 0px 30px rgba(0,0,0,0.2);
	text-align: center;
	color: #000;
}

#popupMessageContainer,#popupMessageLargerContainer{
	background: radial-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.4));
    position: absolute;
    top: 0px;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    position: fixed;
    z-index: 97;
    transform: translateZ(0);
}

#popupMessageLarger {
	position:absolute;
	left:-380px;
	margin-left:50%;
	width:760px;
	top:35%;
	margin-top:250px;
	z-index:9993!important;
	overflow:hidden;
	min-height:300px;
	border:1px solid #DDD;
	background: #FFF;
	padding: 15px;
	box-shadow: 0px 0px 30px rgba(0,0,0,0.2);
	text-align: center;
	color: #000;
}

#popupMessage h2 {
	font-size: 14px;
	font-weight: bold;
	border-bottom: 1px solid #EEE;
	width:100%;
	padding-bottom:15px;
	margin-top:0px;
	margin-bottom:15px;
	text-align:center;
	font-weight:300;
	font-size: 18px;
}
#popupMessageLarger h2 {
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	border-bottom: 1px solid #EEE;
	width:100%;
	padding-bottom:15px;
	margin-top:0px;
	margin-bottom:15px;
}

#popupMessage p,#popupMessageLarger p {
	margin:0!important;
}

#popupMessage input[type=button],#popupMessageLarger input[type=button] {
	margin: auto;
	margin-top:15px;
	margin-bottom:10px;
	padding: 5px 35px;
	width: 120px;
	font-size: 16px;
	background: #666;
	color: #FFF;
	border: 0px;
	font-weight:300;
	font-family: "Oswald", Arial, sans-serif;
}

.passwordHolder {
	height:0px; overflow:hidden;
}

.shippingAddressHolder {
	height:0px; overflow:hidden;
}

#paypalButton {
	margin-top:10px;
	background:#FFAA2C!important;
}

.orderConfirm {
	padding:20px 15px 0 15px;
}

#orderConfirmation #totals {
	padding:15px 0 15px 0;
}

.added-to-basket input { clear:both!important; }

#filtersTop { background:#f9f9f9!important;}

.prim { background-color: #259f3f!important; margin:10px 0 0 0!important; }
.topProceed { float:right; top: -54px; margin:0!important; letter-spacing: 1px; padding:10px 0; color:#FFF; font-family: "Oswald",  Arial, sans-serif; font-size:15px; text-transform:uppercase; font-weight:300; border:0; width:240px; }
.storeSrch input { width:85%!important; display:block; float:left; }
.storeSrch button { width: 30%; background: #000; background-size:auto 70%;  padding:0; margin:0; border:0 none; position:absolute; right:-1px; top:-1px; bottom:-1px; color: #FFF;}
.storeSrch button:hover {color:#FFF; background:#259f3f; cursor:pointer; }

.ChristmasDelivery {
background-image:url('/lib/hlight/christmas-2013/christmas-delivery-background.jpg');
background-size: 100%;
background-color:#997d3c;
background-position:center bottom;
background-repeat:no-repeat;
margin-bottom:2px;
color:#FFF;
}
.ChristmasDelivery img {width:100%; margin:0!important;}
.ChristmasDelivery * {color:#FFF!important;}
.ChristmasDelivery td { background:none transparent; border:0 none!important; width:50%; font-size:70%;}
.ChristmasDelivery tr td:first-child { background:none transparent; border:0 none!important; width:60%;}
.ChristmasDelivery tr:nth-child(2n+1) { background:rgba(255,255,255,0.1) }
.ChristmasInfo { padding:10px; }

#INTDelivery { margin:10px 0; padding:5px; background:#EFEFEF url(/skins/ark-desktop/img/arr-d.png) right no-repeat; background-size:24px 10px; font-size:80%; }
.INTInfo  { font-family:; font-size:75%; }
.INTInfo b:first-child  { top:8px; }

#contShop {
	background: #666!important;
	margin-top:10px;
	letter-spacing: 1px;
}

/* TEXT PAGES/CONTENT */
#optGui #infoLinks { display:none;}
#optGui .infoContent {width:100%!important; float:none;padding: 0;}
#optGui .infoArticle {padding: 0!important;}

#infoLinks { float: right; width:30%; padding: 20px 0;}
#infoLinks ul { margin: 0 10px 0 20px!important; display:block; border-top: 1px dashed #CCC;}
#infoLinks a { font-weight:normal!important; background: url(/skins/ark-desktop/img/icn-select-rite.png) no-repeat right; background-size: 30px; display:block; border-bottom:1px dashed #CCC; padding:8px 15px;  }
.infoContent { float:right; width:70%; padding: 20px 0; /* margin: 0 0 0 20px; */}
.infoContent .infoArticle{ padding: 0 0 0 10px; line-height: 150%;}
#content #text { padding: 0 12px; /* font-size:80%; */ /* line-height:140%; */}
#content #text h2 { font-size: 15px; margin-top:0px;}
#content #text h3 { font-size: 14px; margin-top:10px;}
#content #text h3:nth-child(1n+2){margin-top: 15px;}
#content #text a { /* color:#000; */ font-weight:bold;}
#content #text p {  /* line-height:150%; */ /* margin:10px 0; */ padding:auto; /* font-family:, Arial; */ /* color:#333; */ }
#content #text ul, #content #text ol  { /* display: list-item; */ /* font-size: 75%; */ /* line-height:150%; */ margin:10px 0 10px 20px; padding:auto; /* font-family:Arial!important; */ /* color:#333; */}
#content #text li { /* font-size: 100%; */  /* font-family:, Arial!important; */ /* color:#333; */ }
#content .pop #text { padding: 0 5px;}
#content .pop #text td, #content .pop #text th { font-size: 78%; font-weight:normal; }
.noProducts { min-height:80px; /* background:url(/skins/ark-desktop/img/no-products.png) no-repeat center 10px; */ padding: 50px 12px 0 12px!important; text-align:center; }
.noProducts h2 {  font-size:21px!important; padding:0 0 20px 0; }
.noPage { min-height:100px; background: url(/skins/ark-desktop/img/no-page.png) no-repeat center 40px; text-align:center; }
.noPage .padd {padding: 250px 0 0 0;}
.popLinks { text-align:center; margin:0 0 25px 0;}
.popCatsWrapL { width:30%; float:left; display:inline:block; text-align:center; margin:20px 0 0 20%;}
.popCatsWrapR { width:30%; float:left; display:inline:block; text-align:center; margin:20px 20% 0 0;}
.popLinks a { display:block;}
.popLinks h2 {  font-size:21px!important; padding:15px 0 20px 0; }


.infoPage .padd { /* margin:15px */}
.infoPage p { margin:13px 0;}
.infoPage table { margin:13px 0; border:0 none; border-collapse:collaspe; padding:0; width:100%; font-size:12px; }
.infoPage table th { margin: 0!important; border:0 none!important; border-collapse:collaspe; padding:10px; background:#666; color:#FFF; text-align: center; }
.infoPage table td { margin: 0!important; border:0 none!important; border-collapse:collaspe; padding:5px 10px; background: #f5f8f8; }
.infoPage table tr:nth-child(2n+2) td { background: #FFF; }

#content #text h1 { display:none;}

.infoFree.Returns  { padding:0!important; }
.infoFree.Returns img { width: 100%; /* margin:0 5%; */ }
.infoPage p { /* font-size:12px  */}

.infoPrivacy ul { font-size:100%!important;  }



.infoContact  {  }

.infoPage { /* padding:0!important; */ /* font-size:130%!important; */ }
.infoPage h2 {text-decoration:none; /* padding:10px 30px 10px 15px!important; */ margin:15px 0!important; display:block; /* border-top:1px solid #e5e5e5; */  /* background:#F3F3F3; */ font-size: 15px;font-weight:300;}
.infoPage h3.toggler {text-decoration:none; padding:10px 35px 10px 15px!important; margin:0!important; display:block; font-size:75%!important; border-top:1px solid #e5e5e5;   background:url(/skins/ark-desktop/img/arr-d.png) right no-repeat; background-size:24px 10px; }
.infoPage .togglerElement {  text-decoration:none; padding:5px 15px!important; margin:0!important;  border-top:1px solid #e5e5e5;  }
.infoPage hr {display:none; }
.infoPage ul { list-style:none; display:block; padding:0!important; margin:0!important; }
.infoPage li { list-style:none;  display:block }
.infoPage ul.menu {margin:0!important; padding:0!important;border-top: 1px dashed #CCC;}
.infoPage ul.menu > li { padding:0px;}
.infoPage ul.menu > li > a { /* background: #f5f8f8; */ padding: 12px 0; display:block; font-weight:300!important; letter-spacing: 1px; border-bottom: 1px dashed #CCC; font-family: "Oswald", Arial, sans-serif; font-size: 15px; text-transform: uppercase; background: url(/skins/ark-desktop/img/icn-select-drop.png) right no-repeat; background-size: 30px;}
.infoPage ul.menu > li > a.active { background: url(/skins/ark-desktop/img/icn-select-open-ie8.png) right no-repeat; }
.infoPage ul.menu > li > ul { padding:0px; }
.infoPage ul.menu > li > ul > li { /* font-size:90%!important; */  padding: 12px 15px; display:block; font-weight:normal!important; border-bottom: 1px dashed #CCC; background: #f5f8f8;}
.infoPage #spacer { display:none!important; }
.infoPage hr { display:none; }
.infoFAQs ul.menu > li > ul > li{padding:0; background:#FFF; }
.infoFAQs ul.menu > li > ul > li > a{ display:block;  padding:12px 15px; font-weight:normal!important; }
.infoFAQs ul.menu > li > ul > li > ul > li{ display:block;  padding:12px 15px; font-weight:normal!important; background: #f5f8f8; }
.infoPage ol { list-style:auto!important;}
.infoPage ol > li { list-style: number!important; display: list-item!important; list-style-type: disc;}
.infoSize { /* padding:0!important; */ font-size: 140%!important;}
.infoSize h2 {text-decoration:none; padding:10px 30px 10px 15px!important; margin:0!important; display:block; font-size:100%!important; border-top:1px solid #e5e5e5;  background:#F3F3F3; }
.infoSize h3.toggler {text-decoration:none; padding:10px 35px 10px 15px!important; margin:0!important; display:block; font-size:75%!important; border-top:1px solid #e5e5e5; line-height:145%;  background:url(/skins/ark-desktop/img/arr-d.png) right no-repeat; background-size:24px 10px; }
.infoSize .togglerElement {  text-decoration:none; padding:5px 15px!important; margin:0!important; font-size:100%!important; border-top:1px solid #e5e5e5;  }
.infoSize hr {display:none; }
.infoSize ul { list-style:none; display:block; padding:0!important; margin:0!important; }
.infoSize li { list-style:none;  display:block }
.infoSize ul.menu {margin:0!important; padding:0!important;}
.infoSize ul.menu > li { padding:0px;}
.infoSize ul.menu > li > a {
	background:#e9ebeb-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #F5F8F8),
		color-stop(1, #E9EBEB)
	);
	background-image: -o-linear-gradient(bottom, #F5F8F8 0%, #E9EBEB 100%);
	background-image: -moz-linear-gradient(bottom, #F5F8F8 0%, #E9EBEB 100%);
	background-image: -webkit-linear-gradient(bottom, #F5F8F8 0%, #E9EBEB 100%);
	background-image: -ms-linear-gradient(bottom, #F5F8F8 0%, #E9EBEB 100%);
	background-image: linear-gradient(to bottom, #F5F8F8 0%, #E9EBEB 100%);
	padding:10px 15px; display:block; font-weight:normal!important; border-bottom:1px solid #e5e5e5;
}

/*#itemDetailsLeft { float:left; width: 50%; }
#itemDetailsRite { float:right; width: 50%; }*/

/*.viewLarge { text-align:center; padding:12px 0 10px 0; vertical-align:top; }
.viewLarge a { cursor:pointer; text-transform: uppercase; font-size: 15px; font-family: "Oswald", Arial, sans-serif; font-weight:300; line-height: 16px; letter-spacing: 1px;}
.viewLarge a img {  vertical-align:top;   margin: 0 0 0 5px; }*/
.viewLarge { background-color: #000;position:absolute; top: 15px; right: 15px; z-index: 2;}
.viewLarge a {transition: all 0.2s; display:block; width:46px; overflow:hidden; height:46px; padding:0; background-image: url(../img/icons/icn-zoom-img.png);}
.viewLarge a:hover {background-color:#666;background-position:right bottom;}
#itemRelatedCats { border-bottom: 1px dashed #CCC; padding:15px 0;}
#itemRelatedCats h3 { padding:0 0 10px 0;}
#itemRelatedCats ul { list-style:none;}
#itemRelatedCats li, 
#itemRelatedCats li * { 
	line-height:20px; 
	text-transform: capitalize;
	font-family: "Oswald", Arial, sans-serif;
	font-weight: 300;
	font-size: 12px;
	letter-spacing: 0.1em;
}
#itemRelatedCats a:hover { text-decoration:underline}
#itemRelatedCats strong {font-weight: 400;}

#galleria { height:320px; width:400px; }
#itemAdd { clear:both; padding:15px; border-top: 1px dashed #CCC; }
#itemAdd h3 {margin:0 0 15px 0;}
#itemAdd input { transition: all 0.2s; float:left; display:block; border:1px solid #dddddc; border-right: 0 none; padding:10px 10px 10px 0; width: 20%; height: 40px!important; padding: 15px!important; font-size: 14px; color: #393939; text-align: center;/* border-color: #000!important;*/ font-family: "Oswald", Arial, sans-serif; font-size: 18px!important; font-style: normal!important;}
#itemAdd input:focus {border-color: #000;}
#itemAdd ul { list-style:none; height: 35px; /* border-top:1px dashed #CCC; */ padding: 10px 15px 0 15px; }
#itemAdd ul li { /*width: 75%;*/ float:left; display:block; }
#itemAdd ul li a {
	display: block;
	line-height: 40px;
	color: #FFF;
	font-family: "Oswald", , Arial, sans-serif;
	font-size: 15px;
	text-transform: uppercase;
	font-weight:300;
	box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.1);
}
#addToBasket {
	transition: all 0.2s;
	display:block;
	width:80%;
	float:right;
	background: #000;
	text-align: center;
	/*position: absolute;*/
	/*right: 65px;*/
	letter-spacing: 1px;
	/*left: 15px;*/
	height: 40px;
	line-height: 40px;
	color: #FFF;
	font-family: "Oswald", Arial, sans-serif;
	font-size: 18px;
	text-transform: uppercase;
	font-weight:300;
}
#addToBasket:hover{
	background-color: #666;
}
/*#addToSaved {
	background-color: #666;
	background-image: url(/skins/ark-desktop/img/icn-wish-off-w.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 20px;
	color: #FFF;
	position: absolute;
	right: 15px;
	width: 40px;
	height: 40px;
	text-align: left;
	text-indent: 100%;
	overflow: hidden;
	-webkit-transition: background-color .2s ease;
	-moz-transition: background-color .2s ease;
	-o-transition: background-color .2s ease;
	transition: background-color .2s ease;
}
#addToSaved.active {
	background-color: #f15a27;
	background-image: url(/skins/ark-desktop/img/icn-wish-off-w.png);
	 background-position: 88%;
	background-repeat: no-repeat;
	background-size: auto 65%!important;
	 background-position: 88%;
	-webkit-transition: background-color .2s ease;
	-moz-transition: background-color .2s ease;
	-o-transition: background-color .2s ease;
	transition: background-color .2s ease;
}*/
#addToSaved { display: inline-block; padding:15px 15px 15px 24px;  border: 0; background: url(/skins/ark-desktop/img/icons/icn-wishlist-save.png) left no-repeat; background-size: 24px 24px; text-transform: uppercase; font-family: "Oswald", Arial, sans-serif; font-size: 12px; font-style: normal;}
#addToSaved i, #quickDetails .quickSave { background-image:url(/skins/ark-desktop/img/icons/icn-save.png); }
#addToSaved.active i {background-position:bottom; }
#itemAdd ul li:last-child {width: 28%;}
#itemAdd ul li:first-child + li {width: 40px;}
#itemBrands { margin:0 20px; padding:10px 15px 20px 15px; border-bottom:1px dashed #CCC; }
#itemBrands a img {max-width:160px; max-height:50px; }
#itemBrands h2.brndHead { font-weight:bold;font-size: 16px; font-family: "Oswald", Arial, sans-serif;line-height: 140%; }
#itemTitlesContainer {width:39%;float:right;}
#itemTitles { padding:15px; margin-bottom:15px;  border-bottom: 1px dashed #CCC; }
#itemTitles h1 { line-height: 1em; }
#itemTitles h2 { /* margin:0 20px; */ font-size: 18px; font-family: "Oswald", Arial, sans-serif; text-transform:none;  line-height: 140%;}
#itemTitles .itemPrices { margin: 15px 0; /* border-bottom:1px dashed #CCC; */ /* padding:5px 0 20px 0; */ font-size: 18px; }
#itemTitles .itemPrices span{ font-size: 21px; font-family: "Oswald", Arial, sans-serif; font-weight:500; letter-spacing: 1px;}
#itemTitles .itemPrices .was {color:#666;}
#itemTitles .itemBrand {
	display: block;
	/* height: 81px; */
}

#itemTitles  .itemBrand img { margin: 15px 0 15px 0; max-width: 160px; }

#itemGallery { width:60%; float:left; /* border:1px solid #e7e7e7; */ padding: 0; /* overflow:hidden; */ margin: 0;}
#gallery {overflow: hidden; margin-left: 0;float: right;width: 85%;box-sizing: border-box; /*border:1px solid #dddddc;*/}
#gallery .swiper-wrapper { list-style:none; margin:0;overflow:hidden!important; padding:0; display:block; height:578px;}
#gallery .swiper-wrapper img {width:100%; border-collapse:collapse; margin:0; padding:0; display:block; font-size:0;}
#gallery-thumbnails { float:left; width: 100%; display: block; overflow:hidden; margin-right: 2%; box-sizing: border-box; height: 661px; /*overflow-y: auto;*/}
#gallery-thumbnails img { width:100%; }
#gallery-thumbnails::-webkit-scrollbar { width: 0 !important, display: none; }
#gallery-thumbnails { -ms-overflow-style: none; }
.noScrollBarWrapper{
	width: 13%;
	overflow: hidden;
}
#thumbnailsHold { padding: 0; font-size: 0;}
#thumbnailsHold img{ cursor:pointer; box-sizing: border-box; /* border: 1px solid #e5e5e5; */ display: inline-block; width: 100%; padding: 0; margin: 0; line-height: 0; margin-bottom: 10px; /*border:1px solid #dddddc;*/}

.altCurrency span { position:absolute; color:#000;display:none; top: 130%; background:#FFF; /* top:0; */ margin: 0 0 0 17px; line-height:13px!important; font-family: Arial, sans-serif!important; z-index:2; box-shadow: 0 0 10px rgba(0,0,0,0.2); /* width:200px; */ padding:10px; font-size:11px!important; }

/*.freeDel { display:block; padding:10px; border: 1px dashed #f15a27; font-size: 17px; text-transform:uppercase; font-family:"Oswald", Arial, sans-serif; font-weight:300; text-align:center; letter-spacing: 1px; color: #f15a27; margin: 15px 0 0 0;}*/
.freeDel {/*color:#2A82BA; font-size:16px;*/color:#000;font-size:12px; /*padding:10px 0 0 0;*/padding:0; list-style-type:none; /*display:block; font-weight:500; text-transform: uppercase;*/ margin:15px 0 0 0;}
.freeDel li { padding: 8px 8px 8px 60px; border: 1px solid #dddddc;  font-size: 12px; font-weight: 500; color: #000; background-color: #fff; margin:10px 0 0 0; }
.freeDel li::before {
    font:normal normal normal 14px/1 FontAwesome;
    position:absolute;
    top:0;
    bottom:0;left:0; width:50px;
    background:#000;
    color:#FFF;
    text-align:center;
    font-size:17px;
    font-weight:normal!important;
    line-height:34px;
    content:'';
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
}
.freeDel li.delivery::before  { content:"\f0d1"; }
#itemTitles .altCurrency i { font-size: 11px; font-style: normal; color: #555; letter-spacing: 0;}

#list .itemInfo span.altCurrency { display: block; clear: left; margin: 0!important;}
.itemInfo .altCurrency span { display:none!important; margin:0; }
.itemInfo .altCurrency i { font-size: 10px; letter-spacing:0;font-style: normal; color: #555; }
.altCurrency:hover span{ display:block!important; position:absolute;  }
#item .altCurrency:hover span{ width:200px;letter-spacing:0; }
#itemRev { /* margin:10px 20px 0 20px; */ /* text-align: left; */ }
#itemRev a.noReview { float:none; padding: 0; text-decoration: underline; cursor: pointer;}
#itemRev .BVRRWidget { padding: 0px; }
#itemRev .BVRRDisplayContentNoReviews { padding: 0px 1px; }
#itemRev .BVSubmissionInProgress {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 100;
	 background: url(/skins/ark-desktop/img/lb-bg-20.png);
}
#itemRev .BVSubmissionInProgress > .BVPage {
	position: absolute;
	background: #FFF;
	padding: 10px;
	z-index: 500;
	left: 0; right: 0; top: 0; bottom: 0;
	margin: auto;
	height: 700px;
	width: 450px;
	overflow: auto;
}
a.reviewWrite { cursor:pointer; text-decoration:underline; }
.infoSize ul.menu > li > ul { padding:0px; font-size: 93%!important; }
.infoSize ul.menu > li > ul > li > a { background:#f5f8f8; padding:8px 15px; display:block; font-weight:normal!important; border-bottom:1px solid #e5e5e5;}
.infoSize ul.menu > li > ul > li > ul > li { padding:10px 15px; font-size: 133%!important; border-bottom:1px solid #e5e5e5; }
.infoSize ul.menu > li > ul > li > ul > li > a {font-weight:normal!important; display:block;  }
.infoSize #spacer { display:none!important; }
.infoSize  { text-align:left; font-size:12px!important; margin:15px 0; }
.infoSize h2 { text-align:left; font-size: 15px!important; background:0 none; border:0 none; padding:0!important; }
.infoSize .sizeGuide { margin:0 15px; font-size:12px; }
.infoArticle.sizeGuide { margin:0!important; }
.infoSize table { width:100%; background:#e5e5e5; border-spacing: 1px; margin:10px 0 0 0;}
.infoSize th { padding:10px 0; text-align:center;  background:#000; color:#FFF; font-size:12px!important; }
.infoSize tr { background:#FFF; }
.infoSize tr:nth-child(2n+2) { background:#f0f0f0; }
.infoSize td { padding: 8px 0; text-align:center; font-size:12px!important; }
.infoSize caption { text-align:left; font-size:12px!important; margin:10px 0; }
.womens .men { display:none!important; }
.mens .women { display:none!important; }


.infoPage.Not.Found #infoLinks { display:none; }
.infoPage.Not.Found .infoContent {float:none; width:auto!important; }
.infoPage.Not.Found .infoContent p { margin:0; }
#myDashboardLeft { float:left; width:30%; }
#myDashboardLeft ul { list-style:none; margin: 0 10px 20px 10px; /* border-bottom: 1px dashed #CCC; */}
#myDashboardLeft ul a {line-height:19px; padding: 12px 25px 12px 10px;border-bottom: 1px dashed #CCC;border-top: 0 none;}
#myDashboardLeft ul a span {display:block; font-family: "Oswald", Arial, sans-serif; font-size:15px; font-weight:300; text-transform: uppercase;letter-spacing: 1px;padding: 0 0 5px 0;}
#myAccount {  float:right; width:70% }
#myAccount .padd { margin:20px 10px;}
#myAccount .padd form { padding:10px 0 0 0; }
#myAccount .lessPadd { padding: 10px;}
#myAccount h2 { border-bottom:1px dashed #CCC; padding: 0 10px 15px 10px; /* margin: 0 0 20px 0; */}
#myAccount .noOrders { padding: 20px 10px; }
#forgotPasswordForm .proInputs span{ /* border:1px solid #000; */ }
.addList ul  { list-style:none;}
.addList li span  { position:absolute; right:10px; top: 20px; opacity: 0;
  -ms-transition:.3s;
 -moz-transition:.3s;
  -webkit-transition:.3s;
  transition:.3s;
}

.addList li:hover span {display:block; opacity:1; }
.addList li span a  { overflow:hidden; cursor:pointer; background:#f0f0f0; display:inline-block; height:34px; line-height:34px; padding:0 10px; margin: 0 0 0 8px;}
.addList li  { padding: 20px 10px; border-bottom:1px dashed #CCC;}
.addList li span a.addDel { background: #000 url(/skins/ark-desktop/img/size-pz-c.png) center no-repeat; padding: 0; width: 34px; text-indent: -999px; background-size: 100%;}
.addList li span a.addEdit { background: #d9e0e0; color: #000; }
.tooltip { display:block; color: #777; font-size:90%; border:0!important; width:100%!important; height:auto!important; padding:8px 0 10px 0!important; text-align:center;}
#showAutoCompletables { display:block; width:100%; }
#showAutoCompletablesSpan { display:block; width:60%!important; border:0px; margin-right:5px; color:#888; font-size:95% }
#headerTrans {
    z-index: 1000;
    position: absolute;
    background: white;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.3);
}
#headerTransSpan {
	display: block;
	font-size: 16px;
}



.lookList li { border-top:1px dashed #CCC; padding: 15px 0; clear:both; }
.lookList li a {display:block; float:left; height: 78px;}
.lookList li a img { height:100%; }
.lookList li p.quickConfig { display:block; float:right; width:38%!important; margin:0; padding:0; }
.lookList li p.quickConfig > span:first-child { margin:0 0 0 0; }
.lookList li h3 { float:left; width:30%; }
.lookList li p.quickInfo { float:left; width:48%; margin:0 0 0 15px; }
.lookList li p.quickInfo .quickPrices{ display:block!important; font-size:15px!important; margin:10px 0 0 0!important;}
.lookList li p.quickInfo .quickPrices span{font-size:15px!important;}
#addTheLook { height:45px; line-height:45px; text-transform:uppercase; display:block;  background:#000; text-align:center; font-family: "Oswald", , Arial, sans-serif;  font-size:15px; font-weight:300;color:#FFF!important; }
#quickSignupGo { width:100%; border:0px; height:45px; line-height:45px; text-transform:uppercase; display:block;  background:#000; text-align:center; font-family: "Oswald", , Arial, sans-serif;  font-size:15px; font-weight:300;color:#FFF!important; }


/* checkout */

#checkProg { display:block; position:absolute; right:0; top:0; width:50%; min-width:460px;  }
#checkProg ul { display:block; list-style:none; border-bottom:1px dashed #CCC; height: 33px;}
#checkProg ul li{float:left; width:20%; text-align:center; font-family: "Oswald",  Arial, sans-serif; font-weight:300; font-size:15px; text-transform:uppercase; color:#999;}
#checkProg ul li > span  {z-index:1; width:18px; margin:5px auto; display:block; height:18px; background:#FFF; border-radius: 10px; border:1px solid #e5e5e5;}
#checkProg ul li.activ { color:#000; }
#checkProg ul li.activ > span > span{ width:12px; margin:3px auto; display:block; height:12px; background: #000; border-radius: 14px; }
#checkProg .blank { background:#FFF; width:50%; border-radius:0!important; border:0 none; position:absolute; top:20px; height:20px; z-index:0; }

.checkout {padding: 0 0 10px 0; }
.checkout.check01 { text-align:center; padding:10px;}
.checkout.check01 form { min-width: 265px; vertical-align:top;  display:inline-block; width:30%; margin: 30px 20px; text-align:left;}
.checkout.check01 .proInput input {width:94.2%;}
.proInput #inlineLabel { display:inline-block; padding-top:16px; padding-left:8px; }
.proInput input { margin:10px 0 0 0; font-size:12px; padding: 0 8px; display:block; width:100%; border:0 none; background: #d9e0e0; height: 33px; box-sizing: border-box;}
.proInput  select {margin:10px 0 0 0; font-size:12px; padding-right:8px; padding-left:8px; display:block; width:100%; border:0 none; /* background: #f0f0f0; */ height: 34;background: #d9e0e0 url(/skins/ark-desktop/img/icn-select-drop.png) no-repeat right;  background-size: contain;height: 34px;}
input.invalid,select.invalid,textarea.invalid {border:1px solid #FF7772 !important;}
.addressAdd .proInput { width:98%!important; }
.addressAdd .proInput input[type=text],.addressSel .proInput input[type=text] { width: 100%!important; }
.addressAdd .proInput.checkWrap { width:95.4%!important; }
.addressAdd .passwordHolder { width:95.7%!important; }
.addressAdd .proInput.pcFind input,.addressSel .proInput.pcFind input  {  }
.addressSel.disabled {
	pointer-events: none;
	opacity: 0.5;
}
.checkout  button, a.cardButton,.checkout span.button {margin:10px 0 0 0; display:block; width:100%; border:0 none; background: #000; line-height:45px; color:#FFF; font-family: "Oswald", Arial, sans-serif; text-transform:uppercase; font-size: 18px;font-weight:300;}
a.cardButton {text-align:center; background-color: #259f3f;color: #FFF;}
.checkout button:active { background:#B7DC25; color:#000;}
.checkout button:hover { cursor:pointer;}
span.button {text-align:center; height: 18px!important;}
span.button:hover { cursor:pointer;background:#259f3f; color:#FFF;}
.pcFind input{ float:left; width:60%!important; }
.pcFind button, .pcFind span.button { padding:8px 0; line-height:17px; float:left; width:40%!important; font-family: "Oswald", Arial, sans-serif; font-size:12px; font-weight:normal; height: 32px;}
.addressAdd .pcFind button,.addressSel .pcFind button,.addressAdd .pcFind span.button,.addressSel .pcFind span.button  { height: 34px; position: absolute; right: 0;}
.devAddress.padd { /* margin-top:10px; */ }
#addsWrp { /* border-top: 1px dotted #E5E5E5; */ }
.check02 {  }
.checkout .padd {
    margin: 0 10px;
 }
.checkout #checkRite .padd {  margin:10px; display:block;  }
.checkout> form > h2 { /* padding: 10px 5px; */ margin: 0 0 5px 0; }
.checkout #checkLeft h2 { padding: 20px 10px 10px 10px; margin: 0 0 5px 0; }
.addBook h2 {border-bottom: 1px dashed #CCC; border-top: 1px dashed #CCC;}
.addBook { padding:10px 0 0 0 }
#checkLeft { float:left; width: 70%;}
#checkRite{ float:left; width: 30%; min-height: 240px;}


#checkRite h2{padding: 10px 10px 15px 10px;  }
.checkout #checkOrder h2 {padding: 20px 10px 10px 10px; margin: 0 0 5px 0; }
.checkout #checkOrder { }
.checkout #checkShare { }
.checkout #checkOrder .orderBox p {float:left; width:45%; margin: 0 2.5% 20px 2.5%; line-height: 150%;}
.checkout #checkOrder .orderBox > strong { display:block; margin:0 0 10px 0; }
.checkout #checkOrder .orderBox p.message {float:none; width:auto; margin: 20px 2.5%; }
.checkout #checkOrder .orderBox > a { display:block; background:#000; clear: both; padding: 15px; color: #FFF; text-align: center; margin: 20px 10px; font-family: "Oswald", , Arial, sans-serif; font-weight:300; text-transform: uppercase; font-size: 15px;}
.checkout #checkShare h2 { padding: 20px 10px 15px 10px; margin: 0 10px 5px 20px; border-bottom:1px dashed #CCC; }

.check02 ul {  display:block; list-style:none;}
.check02 #checkLeft li { padding:10px; display:block; border-top:1px dashed #CCC; line-height: 140%; overflow: hidden;}
.check02 #checkLeft ul { border-bottom:1px dashed #CCC; }
.check02 #checkLeft li > span > span { display:block; float:left; width:20px; height:20px; background:#e5e5e5; margin: 0 10px 4px 0; }
.check02 #checkLeft li > span > div.mls { display:inline-block; float:right; width:auto; height:auto; background:#FFF; color:#555; }
.check02 #checkLeft li > span > div.l2 { color:#555; }
.check02 #checkLeft li > span > span.trimBottomMargin { margin: 2px 10px 13px 0; }
.check02 #checkLeft li > span { display: block; float: left;}
.check02 #checkLeft li > span:first-child { width:30%; vertical-align:top; }
.check02 #checkLeft li > span:first-child + span { width:55%; }
.check02 #checkLeft li > span:first-child + span + span { font-weight:bold;float:right; text-align:right; min-width:70px;  }
.check02 #checkLeft li > span:hover  { cursor:pointer;}
.check02 #checkLeft li > span:hover > span { background:#666; }
.check02 #checkLeft li > span > span.mls:hover { background:#FFF; }
.check02 #checkLeft li > span > span.checked { background: #666 url(/skins/ark-desktop/img/check-checked-w.png) center no-repeat; background-size: 20px;}
.check02 #checkLeft li > span > span.checking { background: #000 url(/skins/ark-desktop/img/loading_mini.gif) no-repeat; background-position: 2px 2px; }
.check02 #checkLeft li a { color:#999; text-decoration:underline; }
.addressBox  {border-top:1px dashed #CCC; }
.addressBox > form { float:none; width: 100%; clear: both;}
.addressBox > .multiForm { float:left; width: 100%; }
.addressAdd , .addressSel, .detailsAdd{ padding: 10px; }
.detailsAdd  { width: 48%; }
#saveAddressFormCheckoutV2FromPreviewPart2 { }
#customerHelp { text-align:center; clear:both; border-top:1px dashed #CCC; margin:20px 10px 0px 10px; color:#111; padding: 20px 20px 20px 20px; font-size:21px; font-family: "Oswald", Arial, sans-serif; font-weight:300; }
p.neatAdd {padding: 2.1%; line-height: 17px; width: 29%; float: left;/* background: #F2F2F2; *//* margin: 8px; */ height: 161px;}
p.neatAdd.dis { color: #AAA; }
p.proMessage { padding:15px 0; display:block;  }
p.proMessage a { text-decoration:underline;  }
p.proMessage input{height:20px; width:20px; background:#e5e5e5; position:relative; top:5px; margin:0 10px 0 0; }
p.proMessage input:checked{ background:#333;}
.addressBox .selStore { margin:20px 10px 35px 0px }
.addressBox .selStore li > span:first-child  { width:70%!important; }
.addressBox .selStore li > span:last-child  { float:right; position:absolute; right:1px;}
.addressBox .selStore li > span.setStoreDeliveryMethod { width:100%!important; }
.fatLink { position:absolute; left:10px; bottom:0; right:10px; display: block;text-align: center; background: #d9e0e0; /* padding: 7px 0px; */ margin: 15px 0 6px 0px; font-size: 12px;text-transform: uppercase; line-height: 45px;}
.fatLink.dis { color:#BBB; background: #f5f5f5!important;}
#wipeForm:hover {cursor:pointer;}
p.neatAdd.dis .fatLink.dis {display:inline-block!important;}
p.neatAdd.dis .fatLink.ena {display:none!important;}
p.neatAdd .fatLink.ena {display: block;}
p.neatAdd .fatLink.dis {display:none;}
.addBkTgl { color:#777; font-size:10px; padding-left:10px; }
.addBkTglr {display:block;}
.addBkTgl:hover { cursor:pointer; }


#checkRite ul { border-bottom:1px dashed #CCC;  display:block; list-style:none;}
#checkRite li { padding:10px; border-top:1px dashed #CCC; }
#checkRite li > span { display:block;}
#checkRite li > span:first-child { min-width:100px; width:65%; }
#checkRite li > span:nth-child(2) { color:#999;}
#checkRite li > span.cost {position:absolute; right:10px; top:10px; font-weight:bold; color:#000; }
#checkRite .totals span { text-transform:uppercase; font-family: "Oswald", Arial, sans-serif; font-size:15px; font-weight:300!important; }
#checkRite .proInput button { background: #259f3f; color: #FFF; font-weight:300; font-size: 18px; font-family: "Oswald", Arial, sans-serif;}
#checkRite .proInput input[type=submit] { background: #259f3f; color: #FFF; text-transform: uppercase; height:45px; font-size: 18px; font-family: "Oswald", Arial, sans-serif; font-weight:300;}
#checkRite .proInput input[type=submit]:hover {cursor:pointer;}
#checkmeout #headings h1 span { color:#D00!important; font-size:21px!important;display:inline; }

.orderBox {border-top:1px dashed #CCC; padding-bottom: 20PX;}
.orderBox > div {float:left; width:33.33%;}
.orderBox > div > a { margin:0 10px; display:block; line-height:45px; background:#d9e0e0; /* font-size:15px; */ text-transform:uppercase; text-align:center; /* font-family:"Oswald", , Arial, sans-serif; */ font-weight:300;}
.orderBox > div > p { min-height:120px; display:block; margin:15px 10px; line-height: 150%;}
.orderBox > div > h3 { border-bottom:1px dashed #CCC; padding:15px 0px; margin:0 10px; }

.onePage #checkLeft { padding-top:10px; }
.onePage .padd {  display: none; margin:0 10px; border-bottom:1px dashed #CCC; }
.onePage .padd { }
.onePage #checkLeft h2 { padding: 15px; margin: 0 0  0; border-bottom: 1px solid #FFF; margin:  0 10px; background: url(/skins/ark-desktop/img/icn-select-drop.png) right no-repeat #f0f0f0; background-size: 30px;}
.onePage { }
.onePage #checkLeft #checkSel ul { border-bottom:0 none!important; }
.onePage #checkLeft #checkSel ul li:first-child { border-top:0 none!important; }
.onePage .addressBox { border:0 none; }

.onePage .orderBox { border:0 none; padding: 0 0 15px;}
.onePage .exp h2 { }
.onePage .checkActive h2 { color: #FFF; background-color: #000!important; }

#catDesc { float:right; width: 100%;}
#catDesc p { display:block; /* margin: 10px 10px 0; */ padding: 10px 0; /* border-bottom:1px dashed #CCC; */ /* line-height: 145%; */}

#storeFindLeft { float:left; width:30%; }
#storeFindRite { float:right; width:70%; }
#storeFinder .padd {margin: 20px 10px;}
#storeFindRite .padd {margin: 5px 10px;}
#storeFinder ul {list-style:none;}
#storeFinder li {clear:both;}
#storeFinder strong {float:left; width:42%; display:block;}
#storeFinder span.storeAdds {float:left; width:55%; display:block;}
#storeFinder li:first-child a {border:0 none;}
img.storeNone { display:block; border-collapse:collapse; padding:15px 0; }

#account form { width:33.2%!important; float:left!important; display:block; margin:30px  0; }
#account form .padd{margin:0 30px; }
#account .proHead h3 { display:block!important; margin:0 0 5px 0;  }
#account .proHead span { display:block!important; }
#account .proHead { padding:0 0 10px 0; }
#account .proButtons input{ font-size:15px!important; text-transform:uppercase!important; }
#account #facebookForm button{ display:block; border:0 none;width:100%; background:none transparent;  }
#account #facebookForm button img{ display:block; border:0 none;width:100%; background:none transparent;  }
#account #loginForm { border-left:1px dashed #CCC;  /* border-right:1px dashed #CCC; */}
#account #createForm { margin-left:16.66%}
.brandsList ul { display:block;list-style:none; -o-transition:.5s;}
.brandsList ul li {
-ms-transition:.3s;
  -moz-transition:.3s;
  -webkit-transition:.3s;
  transition:.3s;
opacity: 0.3; display:block; float:left; width:16.6%; margin:20px 0; }
.brandsList ul li:hover { opacity:1;}
.brandsList ul li a { display:block; text-align:center; margin:0 20px;  }
.brandsList ul li a:last-child { padding:10px 0 0 0; }
.brandsList ul li a img { width:100%;}
.brandsList ul li:nth-child(6n+7) { clear:left; }

/*
#orderList { }
#orderList .orderItem { border-bottom:1px dotted #e5e5e5; padding:15px; overflow:hidden;}
#orderList .orderInfo { float:left; width:30%; padding:0 15px 0 0; }
#orderList .orderAddress { float:left; width: 35%; }
#orderList .orderPayment { float:right;width:25%; text-align:right; padding:0 0 0 15px;  }
#orderList .orderPayment a { text-decoration:underline; color:#999;  }
#orderList .orderItem > div > span { display:block }
#orderList .orderItem  a { text-decoration:underline; }
#orderList .orderTrack   {  }
*/

#orderList {  }
#orderList .orderInfo {border:none;}
.orderItem { padding: 15px 15px 15px 15px; background:#FFF; border-bottom:1px dashed #ccc;}
.orderItem a{ position:absolute; top:15px; right:15px;}
.orderInfo .orderNumStat, .orderInfo .orderTrack { font-size: 14px; font-weight:700;}
.orderDate, .orderDate strong {font-size:12px;}
.orderPayType { float:right; }
.orderItem.statusProcessing { border-left: 5px solid #FFAA00;}
.orderItem.statusPaid { border-left:5px solid #259f3f;}
.orderItem.statusDispatched { border-left:5px solid #0088FF;}
.orderItem.statusFailed {border-left: 5px solid #FFAA00;} 
span.statusProcessing { color:#FFAA00!important;}
span.statusPaid { color: #259f3f!important;}
span.statusDispatched { color:#0088FF!important;}
span.statusFailed {}

.orderMoreInfo {
	background:#000;
	color:#fff;
	padding:5px 10px;
}

/*order page*/
#orderItem h2 {padding:10px 5px 10px;}
.orderInfo {
	border-bottom:1px dashed #ccc;
	margin-bottom:20px;
}
.orderAddress {
	width:49%;
	display:inline-block;
	border-right:1px dashed #ccc;
}
.orderAddress:nth-child(3) {
	border-right:none;
}
.orderInfo,
#orderItem div p {
	padding:10px 5px;
}
.orderItemList h2 {
	margin-bottom:15px;
}
.orderItemLine {
	padding:5px 0 5px 5px;
	border-bottom:1px dashed #ccc;
}
.orderItemLinePrice {
	float:right;
}
.orderItemLineTotals {
	padding:10px 0;
	font-weight:600;
	text-align:right;
}
/*
.statusDelivered  { color:#0D0;text-transform:uppercase; }
.statusDispatched  { color:#0088FF; text-transform:uppercase;}
.statusDispatched a  { color:#0088FF; text-transform:uppercase;}
.statusProcessing  { color:#FFAA00;text-transform:uppercase; }
.statusFailed  { color:#D00;text-transform:uppercase;  }
#f15a27

#orderList .orderTrack   a { text-transform:none; }
#orderItem p { float:left; padding:15px; width:40%; }
#orderItem .orderItemLine { clear:both; border-top:1px dotted #e5e5e5; padding:15px; overflow:hidden;}
#orderItem .orderItemLineInfo { float:left; width:50%;}
#orderItem .orderItemLineQuan { float:left;}
#orderItem .orderItemLinePrice { float:right; }
.orderItemLineTotals { padding:15px; border-top:1px dotted #e5e5e5; overflow:hidden;  }
.orderItemLineTotals div { padding:4px 0; float:right; clear:both; width:35%; overflow:hidden;  }
.orderItemLineTotals div.discount { border-bottom:1px dotted #e5e5e5; border-top:1px dotted #e5e5e5;   }
.orderItemLineTotals div span { float:right; }

*/

#uniDays { position:fixed; width:100%; padding:12px 0; text-align:center; bottom:0; z-index:96; background: #000; text-align:center; }
#uniDays a, #uniDays a .st {color:#FFF; font-size:18px;font-family: "Oswald", sans-serif; font-weight:300; letter-spacing: 1px;}
#uniDays a .st { display: inline; text-decoration:line-through; }

/*#gallery-thumbnails {
	float:left;
	width: 120%;
	display: block;
	overflow:hidden;
	margin-right: 15px;
	box-sizing: border-box;
	overflow-y: auto;
}
#gallery-thumbnails img { width:100%; }
#gallery-thumbnails::-webkit-scrollbar { width: 0 !important, display: none; }
#gallery-thumbnails { -ms-overflow-style: none; }*/

.thumbnail-button {transition:all 0.2s; display: none; width:13%; height: 46px;overflow: visible; z-index: 2;padding: 0;margin: 0;left: 0;right: 0;background: #000;border: 0;}
#galleryThumbPrev {position: absolute; top: 0; background-image: url(../img/icons/icn-thumb-up.png);background-position: top;}
#galleryThumbNext {position: absolute; bottom: 0; right: 0; background-image: url(../img/icons/icn-thumb-dn.png);background-position: top;}
#galleryThumbPrev:hover,#galleryThumbNext:hover{
	background-color:#666;
	background-position: bottom;
}

.infoForm {	padding: 10px;}
.infoForm .proInputs {margin: 0; clear: both;}
.infoForm .inputRow {padding: 0!important; }
.infoForm .inputRow label {float:none; width: 100%;}
.infoForm .inputRow textarea { }
.infoForm h3 { padding-bottom:5px;}
.infoForm .proButtons { margin: 0; padding-top: 20px;}

.infoForm .halfLeft { float:left; width:48%;}
.infoForm .halfRight { float:right; width:48%; clear: right;}

/* MICROSITE PAGE */
#microsite-content {
	height: 750px;
}

@media (max-width: 879px) {
#signup form > input#newsletterEmail { clear:left; width:53%; }
#signup form  { padding-top:10px; }
#social div.soc { padding-top:33px; }
.pagination .pagelinks { /* display:none; */ clear: both; float: none; text-align: center; border-top: 1px dashed #CCC; width: 100%; margin:  0; padding: 6px 0 4px 0; top: 8px;}
#usps .maxWidth li a, #usps .maxWidth li a .st  { font-size:10px;}
}

@media (max-width: 768px) {

	#dropNav > .maWidth > ul  { margin: 0; }
	#dropNav > div > ul > li > ul  {}
	#dropNav > .maxWidth > ul > li > a  { margin: 0; font-size:13px; }
	#dropNav .navCol3  {left:0; width:75%;}
	#dropNav .navCol4  {left:0; width:100%;}
	#dropNav .navCol2  { width:50%;}
	#dropNav .navCol1  { width:25%;}
   #checkRite {  float:none; clear:both; width:100%;  border-top:1px dashed #CCC; min-height:0!important; }
   #checkRite ul,  #checkRite h2{ display:none!important; }
   #checkLeft { width:100%!important; }
   #footer ul {}
   #footer ul:first-child{}
   #topMenu ul li a { font-size:15px; }
   .itemDetails { float:none!important; clear:both!important; width:100%!important; }
   /*#itemDetailsRite > * {margin-right:10px!important; }*/
   .itemOffers { width:100%; }
   .itemOffers li { width:25%; margin:0!important; padding:0!important; clear: none!important; float:left;}
   .itemOffers li a {margin:10px!important; padding:0!important; }
   .detailsUpsell { margin:0; padding:0;}
   .itemOffers h3 { text-align:center; }
   #relItems h3 {border-top: 1px dashed #CCC; margin:0 10px; padding-bottom:5px; }
   #lookItems h3 { border-top:1px dashed #CCC; margin:0 5px; }
   #lookItems > a { margin:0 5px;}
   .pagination .pageview, .pagination .pagesort { }
	#list .itemOverlay span.quickSize span { display:block; float:left; margin:3px; background:#FFF; color:#000; text-align:center;  min-width:18px; padding:3px; font-size:8px;  }
	#list .itemOverlay span.quickSize span:nth-child(5n+4) { margin: 3px; }
	p.soc { float: none!important; clear:both;}
	div#signup {/* float: none!important; */ /* clear:both!important; */ /* background: #f0f0f0; *//* height: 45px; *//* color: #333; */ /* width: 100%; *//* border-top:1px solid #FFF; */}
	#footerbar{ height:auto!important; }
	.wishlist li:nth-child(4n+1)  { clear:left!important; }
	.recent li:first-child + li + li + li + li { clear:left!important; display:none!important; }
	.wishlist li,.recent li { width:25%!important; }
	#usps li{ width:50%!important; }
	#usps ul.christmas-usp li{ width:100%!important; }
	#usps li a { font-size: 13px!important; }
	#usps li:first-child + li + li { /* width:100%!important; */ /* clear:both!important; */ margin-top:10px; }
	#usps li:first-child + li + li +li { /* width:100%!important; */ /* clear:both!important; */  margin-top:10px; }
	
   #list li.listItem.lay4 { width:50%!important; }
   #list li.listItem.lay4:nth-child(2n+1) {clear:left; }
   #list li.listItem.lay3 { width: 50%!important; }
   #list li.listItem.lay3:nth-child(3n+1) {clear:left; }
	.pagination .pagegrid span.lay4 { background:url(/skins/ark-desktop/img/icn-lay2.png)!important; }
	.pagination .pagegrid {
		display:none;
		
	}

	#itemInfo{width:100%;}
	#itemGallery{width:100%;}
	#itemTitlesContainer{width:100%;float:left;}
	#itemDetailsPullRight{width:100%;float:left;margin:15px 0;}
	#itemAdd{margin-top:15px;}
	#itemDetailsPullLeft{width:100%;float:left;}
	#rel {width:100%;margin:0; border-bottom: 1px dashed #dddddc;}

}
@media (min-width: 769px) {
	.wishlist li:nth-child(5n+1),.recent li:nth-child(5n+1) { clear:left!important; }
	.wishlist li,.recent li { width:20%!important; }
}

@media (max-width: 640px) {

   #checkProg { display:none!important; }
   #filters {}
   .listProducts {  }
   .pagination{  }
	#catDesc {  }
   .listFeature  .listItem:nth-child(5) { display:none!important; }
   .listFeature  .listItem { width:25%!important;}
   .pagination .pageview {
   		margin-left: 0;
   }

}

@media (min-width: 1000px) {
	#list.listProducts > li.listItem.lay3 a img.thumbnail{  }
}

#basket-quickitems { display: none; width: 400px; min-height: 168px; position:absolute; right: 0px; z-index:13; background: #FFF; border: 1px dashed #CCC; /* border-top: 1px solid #FFF; */ color: #000; top: 100%; /* margin-top: -1px; */}
#basketTotals { background: #FFF; padding: 15px; line-height: 150%; border-top: 1px dashed #CCC;}
#basketTotals  span { display:block; text-align:left; }
#basketTotals  span strong {float:right; }
#basket-quickitems .basket-empty { display:block; padding: 120px 20px 30px 20px; background: url(/skins/ark-desktop/img/empty-basket.png) no-repeat center 20px; background-size: 100px;}
#basketTotals a { float:left; width:48%; background: #666; color:#FFF; display:block; padding:8px 0; margin:10px 0 0 0; text-align: center; /* color: #000; */}
#basketTotals a.miniCheck { float:right; background: #259f3f!important;}
.basketList .basketListItem:nth-child(1n+2) {border-top:1px dashed #CCC }
.basketList .basketListItem { padding: 15px 0px;text-align:left; margin: 0 15px; overflow: hidden; font-size: 0;}
.basketList .basketListGroup { border-top:1px dashed #CCC;}
.basketList .basketListGroup > h4 { margin:10px 15px 0; padding:0 0 10px 0; border-bottom:1px dashed #CCC;}
.basketList .basketListGroup .pri { color:#999; text-decoration:line-through;}
.basketList .promoTotals { margin:10px 15px 0; padding: 10px 0; border-top:1px dashed #CCC; text-align:right;}
.basketList .promoTotals .promoTotalWas { color:#999; text-decoration:line-through;}
.basketList .promoTotals .promoTotalNow { color:#D00; display:block; font-weight:bold;}
.basketList .promoTotals .promoTotalSaving { display:none; }
.basketList .basketListItem .itemImag {float:left; }
.basketList .basketListItem .itemInfo {/* float:left; */ width: 46%; padding: 0 0 0 15px;line-height: 145%;display: inline-block;}
.basketList .basketListItem .itemInfo > span {display:block;}
.basketList .basketListItem .itemInfo h4 {font-family: Arial, sans-serif; text-transform:none; letter-spacing: 0;}
.basketList .basketListItem .itemPrice {float:right; width:72px; text-align: right;font-weight: bold;}
.basketList .basketListItem .itemPrice .now { color:#D00;}
.basketList .basketListItem .itemPrice .was { text-decoration:line-through; color:#999;}
.basketList .basketListItem .itemQuan {/* float:right; */ width: 24px; text-align: right;overflow: hidden;margin: 0;display: inline-block;vertical-align: top;}
.basketList .basketListItem .itemQuan input { border:0 none; background:#f0f0f0; height:24px; width:24px; text-align:center; float:left; display:block; font-size: 12px; line-height: 24px;}
.basketList .basketListItem .itemQuan a { height:24px; background: #666; float:left; display:block; color:#fff; width:24px; text-align:center; line-height: 24px;}
.basketHead { padding: 15px; /* margin:0 15px; */ border-bottom:1px dashed #CCC; text-align: center;}

#basket-quickitems #nextDayTxt {
	font-size: 14px;
	text-transform: uppercase;
}
	/* color: red; */
#basket-quickitems #nextDayTxt .delivery-type {
	margin-top: 2px;
	font-family: "Oswald", Helvetica, Arial sans-serif;
}
#basket-quickitems #nextDayTxt .delivery-type strong {
	font-size: 16px;
	font-family: "Oswald", Helvetica, Arial sans-serif;
	font-weight:300;
	letter-spacing: 1px;
}
#basket-quickitems .clockHolder {
	font-weight: bold;
	font-size: 24px;
	padding: 12px 0px 5px;
	font-family: "Oswald", Arial, sans-serif;
	font-weight:300;
	letter-spacing: 1px;
}

#brandsTable { margin:0 10px; }
#brandsTable #brandsMenu { text-align:center; padding:20px 0; margin:0px; border-bottom:1px dashed #CCC; }
#brandsTable #brandsMenu a {display:block; text-align:center; padding:0 10px; /* margin:0 5px; */  float:left; border-right:1px dashed #CCC; width: 15px;font-family: "Oswald", Arial, sans-serif; font-size: 15px; font-weight:300;}
#brandsTable #brandsHeader { clear:both; font-size:15px;}
#brandsTable #brandsHeader .brandsCol { font-family: "Oswald", , Arial, sans-serif; font-size: 15px; font-weight:300; }
#brandsTable .brandsRow { clear:both; border-top:1px dashed #CCC;}
#brandsTable .brandsCol { float:left; width: 43%; padding: 15px 0;}
#brandsTable .brandsLetter { float:left; width:10%; padding:15px 2%; font-family: "Oswald", , Arial, sans-serif; font-size: 21px; font-weight:300;}
#brandsTable .brandsCol  ul { columns:2; -webkit-columns:2; padding: 0 75px 0 0; margin:0; display:block; list-style:none;}
#brandsTable .brandsCol  ul li { margin:0; display:block; list-style:none; padding: 0;}

/* MESH BANNER DEFAULT STYLES */
	ul.banRow {
		clear:both;
		margin:0 10px;
		list-style:none;
		padding:0;
		display:block;
		-webkit-transform: translateZ(0); /* prevent images moving on slide transition */
		-moz-transform: translateZ(0);
		-o-transform: translateZ(0);
		transform: translateZ(0);
	}
	ul.banRow > li {
		float:left;
		display:block;
		position:relative;
	}
	a.banr { display:block; }
	a.banr > img {
		display:block;
		margin:0;
		padding:0;
		width: 100%; /* OPTIONAL - Set @ 99% to prevent banners jumping around on slider change */
	}
	.banNum1 > li {width:100%;}
	.banNum2 > li {width:50%;}
	.banNum3 > li {width:33.3%;}
	.banNum4 > li {width:25%;}
	.banNum5 > li {width:20%;}
	.banNum6 > li {width:16.6%;}
	.banNum7 > li {width:14.2%;}

	div.htm {
		position:relative;/*IMPORTANT*/
		/* text-align:center; */
		width: 100%;
		/*height: 100%;*/
	}
	.wMargin a.banr, .wMargin div.htm {
		margin:10px!important;
	}
	ul.wMargin {
		margin:0!important;
	}
	ul.wBrands > li { width:37.5%; float:left; }
	ul.wBrands > li:nth-child(1n+3) { width:25%; float:right; }

	ul.wBrands > li:first-child + li + li { width:25%; float:right; }
	ul.wBrands > li:first-child + li + li + li { width:25%; float:right; }
	ul.wBrands > li:first-child + li + li + li + li { width:25%; float:right; }
	.catPage { width:76%; float:right;clear:none!important;}
	.catPage.ban { overflow: hidden; }
	.catPage.ban .marg {padding:10px!important; }
	.catNav { width:20%; float:left; clear:none!important; padding-bottom: 10px!important; display:block;}
	.catNav > li { float:none!important;  float:left; clear:both!important; }
	.catNav h2{ padding: 20px 0 10px 0; margin:0 0 10px 0; border-top: 1px dashed #CCC; font-size:15px; font-family: "Oswald", Arial, sans-serif; font-weight:300; /* letter-spacing: 2px; */}
	.catNav h2 a { font-size:15px; font-family: "Oswald", Arial, sans-serif; font-weight:300; }
	.catNav h2:first-child { border:0 none; }
	.catNav ul { list-style:none; display:block; padding-bottom: 15px;}
	.catNav ul > li { display:block; padding: 2px 0; }
	.catNav ul > li a {  font-size: 12px; font-family:"Oswald",, Arial, sans-serif!important;  font-weight:300;}
	.catNav ul > li a:hover { text-decoration:underline; }
	.catNav ul > li.landingSale { margin-top:8px; }
	.catNav ul > li.landingSale a { color:#D00;}
	.bannersets .loaded { margin: 20px 10px 10px 10px!important; }

	.banNum7.wMargin { overflow:hidden; margin:10px!important; border-top:1px dashed #CCC; border-bottom:1px dashed #CCC;  clear:both; }
	.banNum7.wMargin .banr img { max-width: 122px; }

	.swiper-banner.wMargin .ban { margin: 0px 10px 10px 10px;}
	.catPage.swiper-banner .ban {overflow: hidden;}


	.contentContainer {margin: 0px 12px; padding: 20px 0 10px 0;overflow: hidden;}

.placeholder {
 color:#AAA;
 }

.pin-bottom {
	position: absolute;
	width: 100%;
	bottom: 0px;
}
.brand-link {
	text-transform: lowercase;
}

.noResults {width:100%; }
.wshHldr { min-height:320px;}
.rcWrp { /* border-top: 1px dashed #CCC; */ padding-top: 15px; /* margin: 0 10px; */ }
.rcWrp h2 { margin: 0 10px; border-top: 1px dashed #CCC; padding: 20px 0 5px; text-align:center; font-size: 18px;}
.rcWrp ul { text-align:center!important; }
.rcWrp ul li{ display:inline-block!important; float:none!important; vertical-align:top; }

#content.basket #text .maxWidth {max-width: 740px;}

.fullWidth #ban { margin:0 auto; max-width: 1004px; }

.iScrollHorizontalScrollbar {
	position: fixed !important;
	bottom: 0px !important;
}
#product-view {
	display: none;
	position: fixed;
	z-index: 100;
	top: 0; left: 0;
	width: 100%;
	height: 100%;
	background:url(/skins/ark-desktop/img/lb-bg-20.png);
}
#product-view .inner {
	width: 760px;
	height: 760px;
	position: fixed;
	background: #fff;
	top: 0; bottom: 0; left: 0; right: 0;
	margin: auto;
	/* border: 1px solid #DADADA; */
	font-size: 0px;
	box-shadow: 0 0 20px rgba(0,0,0,0.3);
}
#product-view .inner .close, #product-view-threesixty .close {
	position: absolute;
	top: 0;
	right: 0;
	width: 40px;
	z-index: 1000;
	background-color: #000;
	cursor: pointer;
}
#product-view-threesixty .close {
	left: -135px;
	top: 0;
}
#product-view .inner .thumbnail-tray {
	overflow: auto;
	display: inline-block;
	width: 75px;
	height: 460px;
	background: #FFF;
	padding: 10px;
	text-align: center;
}
#product-view .inner .thumbnail-tray img {
	cursor: pointer;
	height: 70px;
	margin-top: 10px;
}
#product-view .inner .main-image {
	position: absolute;
	top: 0;
	display: inline-block;
	overflow: hidden;
}
#product-view .image-footer {
	position: absolute;
	bottom: 0;
	height: 46px;
	width: 100%;
}
#product-view .image-footer .right-arrow {
	position: absolute;
	right: 0;
	padding: 0px 10px;
}
#product-view .image-footer .left-arrow {
	padding: 0px 10px;
}

#threesixty-modal-wrapper {
	display: none;
	position: fixed;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 55;
}
#threesixty-modal-wrapper #product-view-threesixty {
	width: 480px;
	height: 613px;
	position: fixed;
	background: #fff;
	top: 0;
	bottom: 0;
	left: 94px;
	right: 0;
	margin: auto;
	font-size: 0px;
}
/*#gallery-thumbnails {
	width: 374px;
	font-size: 0;
	margin-top: 10px;
}
#gallery-thumbnails img {
	float: left;
	width: 54px;
	cursor: pointer;
	margin-right: 10px;
}
#gallery-thumbnails img:last-child {
	margin-right: 0px!important;
}*/

/* Banners */
.homepageBanner {
	margin-top: 30px;
}

.homebanners { }
.swiper-wrapper {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.swiper-wrapper li {
	margin: 0;
	padding: 0;
	display: none;
	/*width: 100%; - can use this to over-stretch images to device width */
	margin-bottom: 1px; /* prevents jump when swiper loads */
	margin-top:-5px;
}
.swiper-wrapper li img {
	 width:100%; height:auto;
}
.swiper-wrapper li:first-of-type {
	display: block;
}
.swiper-slide {
	transition:  ease-in-out;
   -moz-transition:  ease-in-out;
   -webkit-transition: ease-in-out;
 }
.swiper-slide-active {
}
.swiper-pagination {
	text-align: center;
}
.swiper-pagination.overlay {
	text-align: center;
	position:absolute; left:0; right:0; bottom:15px;
	display: none;
}
.swiper-pagination span {
	width: 8px;
	height: 8px;
	margin: 0 5px;
	border-radius: 5px;
	display: inline-block;
	background: #FFF!important;
	border:1px solid #FFF;
	box-shadow: 0 0 5px rgba(0,0,0,0.3);
}
.swiper-pagination span.swiper-active-switch {
	background: #ccc!important;
	width: 10px;
	height: 10px;
	border:0 none;
}

.ban,
#bans {
	background: #000 url(/skins/ark-desktop/img/loading.gif) no-repeat center;
	clear: both;
}
.ban.loaded,
#bans.loaded {
	background: #FFF;
	margin: 0 0 10px 0;
	overflow:hidden;
}
.ban.nonSwipe,
#bans.nonSwipe {
	background: none;
	height: auto !important;
}
.ban > ul,
#bans > ul {
	margin: 0 !important;
	padding: 0 !important;
}
.ban img,
#bans img {
	width: 100%;
	display: block;
	border-collapse: collapse;
}
.ban #slide-prev,
.ban #slide-next {
	z-index: 8;
	display: none;
	height: 60px;
	width: 40px;
	position: absolute;
	bottom: 49%;
	background-color: rgba(255, 255, 255, 0.6);
	background-repeat: no-repeat;
	cursor: pointer;
	-webkit-transition: background-color .1s ease;
	-moz-transition: background-color .1s ease;
	-o-transition: background-color .1s ease;
	transition: background-color .1s ease;
	background:#FFF center no-repeat;
}
.ban #slide-prev:hover,
.ban #slide-next:hover {
	background-color: rgba(255, 255, 255, 0.9);
}
.ban #slide-prev {
	left: 0;
	background-image: url(/skins/ark-desktop/img/icn-nav-l.png);
	background-position: left;
}
.ban #slide-next {
	right: 0;
	background-image: url(/skins/ark-desktop/img/icn-nav-r.png);
	background-position: right;
}
.ban.loaded #slide-prev,
.ban.loaded #slide-next {
	display: block;
	/* background-position: left; */
	margin-bottom: -30px;
}
#ban .halfWidthBanner,
#bans .halfWidthBanner {
	width: 50%;
	display: block;
	border-collapse: collapse;
	float: left;
}
#ban .quarterWidthBanner,
#bans .quarterWidthBanner {
	width: 25%;
	display: block;
	border-collapse: collapse;
	float: left;
}
#ban .fullWidthBanner,
#bans .fullWidthBanner {
	width: 100%;
	display: block;
	border-collapse: collapse;
	clear: both;
}
#ban .swiper-pagination span {
	background: #fff;
}
#ban .swiper-pagination span.swiper-active-switch {
	background: #F47D31;
}
/*#gallery {
	overflow: hidden;
}*/
#product-view .threesixty-button {
	position: absolute;
	top: 0;
	right: 100%;
	margin-left: -20px;
	top: 0;
}
#gallery .threesixty-button {
	position: absolute;
	top: 0;
	left: 0;
}

#videoWrp {
	position: absolute; z-index: 8; padding:0 0 0 9px; height: 470px; background: #FFFFFF; display:none;
}

.threesixty-button {
	display: none;
	height: 40px;
	width: 40px;
	background: #000 url('/skins/ark-desktop/img/360-o.png') no-repeat center;
	background-size: 35px;
	z-index: 5;
	cursor: pointer;
}
#coverLeft { position:absolute; background: rgba(255,255,255,0.9);top:0; bottom:0; right: 100%; z-index: 1; width: 100%; }
#coverRite { position:absolute; background: rgba(255,255,255,0.9);top:0; bottom:0; left: 100%; z-index: 1; width: 100%;}


/* ITEM ADDTHIS */
#item .addthis_toolbox a{ margin: 0 5px; display:inline-block!important; float:none!important; overflow: hidden; width: 33px; height: 30px; position:relative;}
#naver { display:none; }
#item .addthis_toolbox a img { position:absolute; top:0; left:1px; }
#item .addthis_toolbox a:hover img {top:auto; bottom:0; }


/****** UNIVERSAL OLD IE ******/
#old-ie {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: #fff;
	z-index: 100;
	width:100%;
	height:100%;
}
#old-ie .old-ie-box {
	padding: 0;
	font-size: 16px;
	width: 600px;
	margin: 0 auto;
	top: 150px;
	text-align: center;
	background: #FFF;
	box-shadow: 0 0 20px #CCC;
	border:1px solid #CCC;

}
#warningLogo { overflow:hidden; height:100px; text-indent:-999px; display:block; background:#000 url(/skins/ark-desktop/img/bank-logo-large.gif) no-repeat center;  }
#old-ie h2 {
	font-size: 17px;
	margin: 30px 0 10px 0;
	font-weight:300;
	font-size: 24px;
}
#old-ie p {
	font-size: 16px;
	line-height: 25px;
	display:block;
	padding:20px;
}
#old-ie a {
	text-decoration: underline;
	font-size: 16px;
}
#old-ie .old-ie-btn {
	background: #b7dc25;
	display: block;
	padding: 10px 0;
	width: 300px;
	text-align: center;--
	text-decoration: none;
	margin: 20px auto 10px auto;
	text-transform: uppercase;
	font-family: "Oswald",  Arial, sans-serif;
	font-weight:300;
	font-size: 21px;
	color: #FFF;
}

/*Flashing element fix*/
#head, #footerbar, p.copy {
-webkit-backface-visibility: hidden;
}

/* Error handling pages */
.error-html {
	min-width: initial;
}

.error-page {
	background-color: #ECEBEB;
	max-width: initial;
}

.error-page #main {
	background-color: #ECEBEB;
}

.error-header {
	width: 100%;
	height: 67px;
	z-index: 100;
	background-color: #FFF;
	text-align: center;
}

.error-header img {
	height: 40px;
	margin-top: 14px;
	outline: none;
}

.error-information {
	height: 66px;
	line-height: 68px;
	padding: 0px 20px;
	border-bottom: 1px solid #000;
	overflow: hidden
}

.error-information h2 {
	float: left;
	font-weight: 800;
	line-height: 68px;
	text-transform: none;
	font-size: 23px;
	color: #000;
	letter-spacing: 1px;
}

.error-information span {
	float: right;
	line-height: 68px;
	font-size: 16px;
}

.error-main p {
	padding: 20px 20px 0 20px;
	font-size: 16px;
}

.error-main a {
	font-weight: 600;
	color: #000;
}

.error-main pre {
	white-space: pre-wrap;
	padding: 0px 20px;
	margin-top: 0;
	display: none;
}

.error-main h4:first-of-type {
	margin-top: 40px;
}

.error-main h4 {
	padding: 5px 20px;
	font-weight: 600;
	cursor: pointer;
}

.error-main h4:hover {
	background-color: #000;
	color: #fff;
}

@media (min-width: 1024px) {
	.error-header {
		height: 82px;
		padding: 0px 20px;
		text-align: left;
	}

	.error-header img {
		margin-top: 22px;
	}

	.error-information span {
		font-size: 12px;
	}

	.error-main,
	.error-main p {
		font-size: 13px;
	}
}

@media (min-width: 1440px) {
	.maxWidth {
		max-width:1160px!important;
	}
	#item .maxWidth {
		max-width:1140px!important;
	}
	#headings .maxWidth, #dropNav .maxWidth {
		max-width:1140px!important;		
	}
	#usps .maxWidth {
		max-width:1150px!important;		
	}
	#head > .maxWidth, #top > .maxWidth {
		max-width:1140px!important;			
	}
}