html, body {
  margin: 0;
  padding: 0;
  font-family: DinPro, sans-serif;
  font-size: 15px;
  font-weight: 100;
  border: 0;
  text-decoration: none;
  box-sizing: border-box;
  transition: all 0.3s;
  height:100%;
}
.p-wrapper div, .p-wrapper p, .p-wrapper span, .p-wrapper h1, .p-wrapper h2, .p-wrapper h3, .p-wrapper a
, .p-wrapper img, .p-wrapper ul, .p-wrapper ol, .p-wrapper li, .p-wrapper form, .p-wrapper input,
.p-wrapper table, .p-wrapper tr, .p-wrapper td, .p-wrapper label {
  margin: 0;
  padding: 0;
  font-family: DinPro, sans-serif;
  font-size: 15px;
  letter-spacing: 0.3px;
  border: 0;
  text-decoration: none;
  box-sizing: border-box;
  transition: all 0.3s;
}
.p-wrapper {
	width: 100vw;
}
.p-wrapper ul {
	font-size: 0;
}
.p-wrapper li {
  font-size: 15px;
}

.ieu9_clearfix, .clearfix:after {
  display: block;
  clear: both;
  content: "";
  height: 0;
  font-size: 1px;
  line-height: 0px;
  _zoom: 1;
}

.p-hidden, .p-mobile {
	display: none;
}

.p-left {
	float: left;
}

.p-right {
	float: right;
}

.p-wrapper {
	width: 100%;
}
.p-wrapper img {
	max-width: 100%;
}

.p-wrapper .p-inner {
	max-width: 1170px;
	margin: 0 auto;
	position: relative;
}

#gh-top, #gh, .tb_v4bc {
	box-sizing: border-box;
	padding-left:10px;
	padding-right:10px;
}
#gh-eb {
	right: 10px;
}

#p-fixedfix {
	transition: all 0.6s;
}

#p-header {
	margin-top: 15px;
}
#p-header .p-inner {
	padding: 0 15px;
}
#p-logo, #p-logo * {
	transition: all 0s;
}
#p-logo {
	width: 260px;
	float: left;
	margin-bottom: 12px;
}
/*
#p-logo img {
	-webkit-filter: brightness(0) invert(1);
	filter: brightness(0) invert(1);
}
*/
.p-wrapper .p-nletter {
	display: block;
	text-decoration: none;
	width: 225px;
	padding: 4px;
	background: #3964b8;
	float: left;
	margin-bottom: 12px;
}
.p-wrapper .p-nletter:hover {
	background: #55b1be;
}
.p-wrapper .p-nletter div {
	color: #fff;
	text-transform: uppercase;
	text-align: center;
	background: rgba(0,0,0,0);
	padding: 5px 0;
	border: 1px solid #fff;
}
.p-wrapper .p-nletter span {
	display: block;
	font-size: 14px;
	line-height: 19px;
	font-weight: 400;
}
.p-wrapper .p-nletter span.p-last {
	letter-spacing: 0;
	font-size: 13px;
	line-height: 17px;
	font-weight: 100;
	margin-top: 5px;
}
#p-header.p-fixed {
	position: fixed;
	top:0;
	z-index: 99999;
	background: #fff;
	margin-top: 0;
	padding-top: 15px;
}
#p-header.p-fixed #p-logo {
	width: 150px;
}
#p-header.p-fixed #p-search {
	margin-top: 2px;
}
#p-header.p-fixed .p-nletter,
#p-header.p-fixed .p-toplinks {
	display: none;
}
#p-header .p-toplinks {
	float: right;
	margin-right: 11px;
	position: relative;
}
#p-header .p-toplinks li {
	float: left;
	list-style: none;
}
#p-header .p-toplinks a {
	display: block;
	color: #929292;
	font-size: 14px;
	margin: 5px 11px;
}
#p-header .p-toplinks a:hover {
	color: #2969b3;
	text-decoration: underline;
}
.p-toplinks #p-srch {
	width: 22px;
	height: 22px;
	background: url('../img/search.svg') 0 0 no-repeat transparent;
	background-size: 100% auto;
}
.p-toplinks #p-srch:hover {
	margin: -3px 4px -5px;
	width: 36px;
	height: 36px;
	background-color: #efefef;
	border-radius: 50%;
	background-position: center center;
	background-size: 22px auto;
}
#p-search {
	display: none;
    position: absolute;
	right: 0;
    top: 8px;
    width: 250px;
	height: 44px;
	background: #fff;
	border: 2px solid #3964b8;
}
#p-search {
	float: left;
	position: relative;
	top:0;
	display: block !important;
    width: 250px;
    height: 44px;
	padding: 0 10px;
    background: #fff;
    border: 0;
}
#p-sbox {
	display: block;
	font-size: 14px;
	font-weight: 100;
	padding: 0 32px 0 10px;
	line-height: 32px;
	height: 36px;
	width: 100%;
	border: 2px solid #3964b8;
}
#p-sbutton {
	cursor: pointer;
	position: absolute;
	top: 8px;
	right: 22px;
	width: 22px;
	height: 22px;
	background: url('../img/search.svg') 0 0 no-repeat transparent;
	background-size: 100% auto;
}


#p-mainnav {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d12858+10,b8234d+50,d12858+90 */
	background: #3964b8; /* Old browsers */
	background: -moz-linear-gradient(top,  #3964b8 10%, #204da5 50%, #3964b8 90%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #3964b8 10%,#204da5 50%,#3964b8 90%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #3964b8 10%,#204da5 50%,#3964b8 90%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3964b8', endColorstr='#3964b8',GradientType=0 ); /* IE6-9 */
}
#p-mainnav.p-fixed {
	position: fixed;
	top:68px;
	z-index: 99999;
	box-shadow: 0 2px 18px -7px #333;
}
#p-mainnav.p-fixed #p-free, 
#p-mainnav.p-fixed .p-flags {
	display: none;
}
#p-mainnav .p-cats {
	float: left;
	width: 70%;
}
#p-categories {
	position: relative;
	z-index: 99999;
}
#p-categories li {
	list-style: none;
	float: left;
  position: relative;

}
#p-categories .cnt,
#p-categories .p-subcats,
#p-categories li .lev2,
#p-categories li .lev3,
#p-categories li .lev0 {
	display: none;
  transition: all 0.4s ease-in-out;
}
#p-categories li a {
	display: block;
	color: #fff;
	font-size: 14px;
	line-height: 20px;
	padding: 10px 11px;
    transition: all 0.2s ease-in;
}

#p-categories li .lev2 {position: absolute;
top: 30px;}


#p-mobilecats {
	color: #fff;
	font-size: 16px;
	line-height: 20px;
	padding: 10px 11px;
}
#p-mobilecats span {
	display: inline-block;
	background: url('../img/menu.png') 0 center no-repeat transparent;
	background-size: contain;
	padding-left: 25px;
}
#p-categories li a:hover {
	background: #0d224c;
}
#p-categoriesdrop {
	cursor: pointer;
	height: 40px;
	opacity: 0;
	margin-top: -40px;
	width: 100%;
	z-index: 99999;
}

#p-mainnav .p-flags {
	float: right;
	width: 29%;
	max-width: 254px;
    padding: 0 15px;
}
#p-mainnav .p-flags li {
	list-style: none;
	float: left;
	max-width: 20%;
}
#p-mainnav .p-flags a {
	display: block;
	margin: 6px 5px 0;
}
#p-mainnav .p-flags a:hover {
	margin: 4px 5px 0;
}
#p-subcats .p-inner {
	max-width: 100%;
}
#p-mainnav #p-subcats {
	transition: all 0.3s;
	overflow: hidden;
	height: 0;
	overflow: hidden;
	background: #851938;
	background: #f5f5f5;
	color: #252525;
	border-bottom: 2px solid #3964b8;
	position: absolute;
  width: 100%;
	z-index: 99999;
}
#p-mainnav:hover #p-subcats {
	height: auto;
	overflow: visible;
}
#p-subcats .lev2,
#p-subcats .lev0 {
	display: block;
}
#p-subcats .p-inner {
}
#p-mainnav #p-subcats .p-inner .lev2 {
	padding: 15px 0;
	display: flex;
	flex-wrap: wrap;
}
#p-subcats .cnt {
	display: none;
}
#p-subcats li {
	list-style: none;
	min-width: 220px;
	padding: 0 10px;
}
#p-subcats li a {
	color: #252525;
	display: block;
	padding: 5px 7px;
	font-size: 15px;
	font-weight: 400;
	text-decoration: none;
}
#p-subcats li a:hover {
	background: #3964b8;
	color: #fff;
}
#p-subcats li li {
	min-width: auto;
	padding: 0;
}
#p-subcats li li a {
	font-size: 14px;
	font-weight: 100;
	padding-left: 12px;
}
#p-subcats li .lev3 {
	margin: 3px 0 20px;
}
#p-free {
    text-align: left;
    color: #d12858;
    background: #f5f5f5;
}
#p-free p {
	font-size: 16px;
	font-weight: 400;
	padding: 10px 10px 10px 55px;
	background: url('../img/delivery18.png') 10px center no-repeat transparent;
	background-size: auto 49%;
}
#p-free a {
	display: none;
    float: right;
    color: #d12858;
	text-decoration: underline;
}
/******
slider
******/
#p-rotate {
    width: 100%;
	position: relative;
	height:0;
	opacity:0;
	transition: height 0.6s, opacity 1.6s;
}
#p-rotate-loader {
	display: block;
	text-align: center;
}
#slider #wrapper {
	display: none;
}
#p-rotate .p-bckgrnd {
	visibility: hidden;
	position: absolute;
}
#p-rotate .p-title {
	font-family: DinProCond, sans-serif;
	font-weight: 100;
	font-size: 88px;
	line-height: 90px;
	color: #fff;
	display: block;
}
#p-rotate .p-subtitle {
	font-family: DinProCond, sans-serif;
	font-weight: 100;
	font-size: 142px;
	line-height: 150px;
	text-transform: uppercase;
	color: #d12858;
	display: block;
	margin-top: -22px;
}
#p-rotate .p-inner {
	position: relative;

}
#p-rotate .p-info {
	position: relative;
}
#p-rotate .p-block {
	float: right;
}
#p-rotate .p-titles {
	text-align: center;
	margin-top: 15%;
}
#p-rotate .p-btn {
	display: block;
	color: #d12858;
	margin-top: 15%;
	font-size: 20px;
	border: 2px solid #d12858;
	line-height: 46px;
	text-align: center;
	text-transform: uppercase;
}
#p-rotate .p-btn:hover {
	background: #d12858;
	color: #fff;
  padding: 0 15px;
}
#p-rotate .flex-direction-nav {
	display: none;
}
#p-rotate .flex-control-paging {
	text-align: center;
    margin: -44px 0 10px;
    position: relative;
    z-index: 9999;
}
#p-rotate .flex-control-paging li {
	display: inline-block;
    list-style: none;
}
#p-rotate .flex-control-paging a {
    cursor: pointer;
    text-indent: -999999px;
    display: block;
    padding: 15px 0;
    margin: 0 11px;
}
#p-rotate .flex-control-paging a span {
    display: block;
    width: 100px;
    height: 6px;
    background: #fff;
	border: 1px solid #252525;
}
#p-rotate .flex-control-paging a.flex-active span {
    background: #d12858;
}


#p-rotate .p-slide1 .p-bckgrnd{
	position: relative;
	visibility: visible;
}
#p-rotate .p-slide1 .p-btn {
	color: #fff;
	border:0;
	font-size: 16px;
}



#p-rotate .p-slide1 .p-info {
	position: absolute;
	bottom: 12%;
	left: 47%;
}


/* logo_perspective */


.logo_perspective {
  position:relative;
}
.logo_perspective img {
  max-width:none;
  max-height:none;
  /*-webkit-box-sizing:content-box;
  -moz-box-sizing:content-box;
  box-sizing:content-box;		*/
}
.lbg_perspective_grayscale {
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
  filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
  -o-filter: grayscale(100%);
}
.lbg_perspective_grayscale.disabled {
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
  -webkit-filter: grayscale(0%);
  -o-filter: grayscale(0%);
}
.logo_perspective_list {
  margin:0;
  padding:0;
  list-style:none;
  display:none;
}

.logo_perspective .contentHolder {
  position:relative;
  overflow:hidden;
}
.mycanvas {
  position:absolute;
  top:8px;
  right:10px;
  z-index:1000;
}

.myloader {
display: none;
}

.hideElement {
  display:none;
}

/***black SKIN***/
.p-wrapper .p-logos {
	width: 100%;
	margin: 25px auto;
}
.logo_perspective.black {
	width: 100%;
}
.logo_perspective.black .contentHolderUnit {
  position:absolute;
  overflow:hidden;
  cursor: pointer;
  border-style:solid;

}

.logo_perspective.black .contentHolderUnit:hover {border: 1px solid #000!important;
transform: translate(1em,0);
transition: all 0.2s ease-in;}

.logo_perspective.black .bannerControls {
  position:absolute;
  left:0;
  top:0;
  z-index:101;
  width:100%;
}

.logo_perspective.black .leftNav {
  position:absolute;
  left:2px;
  width:40px; /*32px*/
  height:34px; /*32px*/
  background:url(../img/leftNavOFF.png) 0 0 no-repeat;
  cursor: pointer;
}

.logo_perspective.black .leftNav:hover {
  background:url(../img/leftNavON.png) 0 0 no-repeat;
}

.logo_perspective.black .rightNav {
  position:absolute;
  right:-2px;
  width:40px; /*32px*/
  height:34px; /*32px*/
  background:url(../img/rightNavOFF.png) 0 0 no-repeat;
  cursor: pointer;
}

.logo_perspective.black .rightNav:hover {
  background:url(../img/rightNavON.png) 0 0 no-repeat;
}

.logo_perspective.black .bottomNav {display: none!important;}

/* jQuery-UI TOOL TIP */

.ui-tooltip {
  padding:8px;
  position:absolute;
  z-index:9999;
}

.ui-tooltip, .lbg_perspective_arrow:after {
  background: #333;
}
.ui-tooltip {
  background: #333;
  color: #FFFFFF;
  padding: 8px 8px;
  border-radius: 4px;
}
.lbg_perspective_arrow {
  width: 70px;
  height: 16px;
  overflow: hidden;
  position: absolute;
  left: 50%;
  margin-left: -33px;
  bottom: -16px;
}
.lbg_perspective_arrow.top {
  top: -16px;
  bottom: auto;
}
.lbg_perspective_arrow.left {
  left: 20%;
}
.lbg_perspective_arrow:after {
  content: "";
  position: absolute;
  left: 20px;
  top: -20px;
  width: 25px;
  height: 25px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  tranform: rotate(45deg);
}
.lbg_perspective_arrow.top:after {
  bottom: -20px;
  top: auto;
}













/*********
front banners
*********/
.p-wrapper .p-promobanners {
	padding: 15px 0;
	overflow: hidden;
  margin-top: 11px;
}
.p-promobanners .p-row {
	margin-bottom: 1%;
}
.p-promobanners a {
	display: block;
}
.p-promobanners .p-heading {
	font-weight: 400;
	font-size: 24px;
	line-height: 35px;
	padding: 15px;
	text-align: center;
	text-transform: uppercase;
	color: #fff;
	background: rgba(0,0,0,0.4);
}
.p-promobanners a:hover .p-heading {
	background: rgba(0,0,0,0.7);
}
.p-promobanners .p-btn {
	display: block;
	font-weight: 400;
	font-size: 13px;
	line-height: 21px;
	padding: 10px 0 9px;
	width: 100%;
	text-align: center;
	text-transform: uppercase;
	color: #fff;
	background: rgba(57,100,184,0.7);
}
.p-promobanners a:hover .p-btn {
	background: rgba(57,100,184,1);
}
.p-promobanners .p-banner-left-long {
	width: 60%;
	margin-right: 1%;
}
.p-promobanners .p-banner-right-short {
	width: 39%;
}
.p-promobanners .p-banner-left-long .p-category-panel {
    width: 49.2%;
}
.p-promobanners .p-banner-left-short {
	width: 40%;
	margin-right: 1%;
}
.p-promobanners .p-banner-right-long {
	width: 59%;
}
.p-promobanners .p-banner1 {
	padding: 0;
	background: none;
}
.p-promobanners .p-banner11 {
	padding: 9.61840228245364% 3.846153846153846% 9.615%;
	background: url('http://arcade.pentagonhosting.co.uk/design/ebay/img/bg_shoes_him.jpg') center center no-repeat transparent;
	background-size: cover;
}
.p-promobanners .p-banner12 {
	padding: 9.61840228245364% 3.846153846153846% 9.615%;
	background: url('http://arcade.pentagonhosting.co.uk/design/ebay/img/bg_shoes_her.jpg') center center no-repeat transparent;
	background-size: cover;
}
.p-promobanners .p-banner2 {
	padding: 5.641995548252859% 2.897895548252859% 5.897895548252859%;
	background: url('http://arcade.pentagonhosting.co.uk/design/ebay/img/bg_dress2.jpg') center center no-repeat transparent;
	background-size: cover;
}
.p-promobanners .p-banner3 {
	padding: 36.06837606837607% 4.273504273504274% 11.1965811965812%;
	background: url('http://arcade.pentagonhosting.co.uk/design/ebay/img/shirts.jpg') center center no-repeat transparent;
	background-size: cover;
}
.p-promobanners .p-banner3 .p-heading {
	font-size: 35px;
	line-height: 60px;
}
.p-promobanners .p-banner3 .p-btn {
	font-size: 21px;
	line-height: 38px;
}
.p-promobanners .p-banner4,
.p-promobanners .p-banner5 {
	width: 49.3%;
	padding: 20.28526883777001% 2.897895548252859% 2.897895548252859%;
	background: url('http://arcade.pentagonhosting.co.uk/design/ebay/img/bg_sports_men.jpg') center center no-repeat transparent;
	background-size: cover;
}
.p-promobanners .p-banner5 {
	background-image: url('http://arcade.pentagonhosting.co.uk/design/ebay/img/bg_sports_women.jpg');
}
.p-promobanners .p-banner6 {
	margin-top: 1%;
	padding: 0;
	background: none;
}
.p-promobanners .p-banner6 a {
	width: 49.2%;
}
.p-promobanners .p-banner6 .p-category-panel {
	margin-top: 0 !important;
	padding: 42.585269% 5.657896% 42.897896%;
	background-size: cover !important;
	max-width: none;
}
.p-promobanners .p-banner6 .p-left .p-category-panel {
	background: url('../img/bg_kids_girl.jpg') center center no-repeat transparent;
}
.p-promobanners .p-banner6 .p-right .p-category-panel {
	background: url('../img/bg_kids_boy.jpg') center center no-repeat transparent;
}


/*********
best sellers
*********/
.p-wrapper .p-bestsellers {
	margin-top: 20px;
}
.p-bestsellers .p-heading {
	position: relative;
	color: #3964b8;
	font-size: 30px;
	font-weight: 100;
	line-height: 38px;
	padding: 11px 0;
	text-transform: uppercase;
	text-align: center;
	border-bottom: 1px solid #3964b8;
}
.p-bestsellers .p-heading .p-triangle {
	display: block;
	position: absolute;
	bottom: -10px;
	left: 49%;
	width: 28px;
	height: 10px;
	background: url('../img/arrow_down.png') 0 0 no-repeat transparent;
}
.p-bestsellers .p-products {
	padding: 15px 0;
}

/*Slider*/

#slider{
	position:relative;
}
#slider * {
	transition: all 0s;
}
  #wrapper{
    background-color: #fff;
    width: 100%;
    overflow: hidden;
    left: 0;
  }
.caroufredsel_wrapper {
	position:relative !important;
	width: 100% !important;
}
  #carousel a {
    display: inline-block;
    float: left;
    max-width: 1170px;
    width: 100%;
    position:relative;
  }
  #carousel a img{
    max-width:100%;
    max-height:100%;
  }
  #prev, #next {
    background-color: rgba(255, 255, 255, 0.7);
    display: block;
    height: 100%;
    width: 19.3%;
    top: 0;
    position: absolute;
  }
  #prev:hover, #next:hover {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.8);
  }
  #prev {
    left: 0px;
  }
  #prev span{

    background-image: url('../img/prev.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-color: #3964b8;
    filter: alpha(opacity=80);
    opacity: 0.8;
    width: 70px; /* 64 / 1078 */
    height: 68px;
    position: absolute;
    top: 36%;
    right: 0;
    display: block;
    -moz-box-shadow: 0 0 8px #444;
    -webkit-box-shadow: 0 0 8px #444;
    box-shadow: 0 0 15px #444;
    z-index: 12;
    text-indent: 9999;
    -webkit-transition-property: width; /* Safari */
    -webkit-transition-duration: 0.2s; /* Safari */
    transition-property: width;
    transition-duration: 0.2s;
  }
  #next {
    right: 0;
  }
  #next span{

    background-image: url('../img/next.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-color: #3964b8;
    filter: alpha(opacity=80);
    opacity: 0.8;
    width: 70px; /* 64 / 1078 */
    height: 68px;
    position: absolute;
    top: 36%;
    left: 0;
    display: block;
    -moz-box-shadow: 0 0 8px #444;
    -webkit-box-shadow: 0 0 8px #444;
    box-shadow: 0 0 15px #444;
    z-index: 12;
    text-indent: 9999;
    -webkit-transition-property: width; /* Safari */
    -webkit-transition-duration: 0.2s; /* Safari */
    transition-property: width;
    transition-duration: 0.2s;
  }
  #prev span:hover, #next span:hover{
  display: block;
  width: 100px; /* 100 / 1078 */
  }
  #pager {
    margin-left: -470px;
    position: absolute;
    left: 50%;
    bottom: 10px;
  }
  #pager a {
    border: 2px solid #fff;
    border-radius: 10px;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 5px 0 0;
  }
  #pager a:hover {
    background-color: rgba(255, 255, 255, 0.5);
  }
  #pager a span {
    display: none;
  }
  #pager a.selected {
    background-color: #fff;
  }




/*********
footer
*********/
#p-footer {
	border-top: 1px solid #3964b8;
	background: #090919;
	padding: 12px 0;
}
#p-footer .p-inner {
	padding: 0 20px;
}
#p-footer .lev2,
#p-footer .cnt {
	display: none;
}
#p-footer .p-heading {
	color: #fff;
	font-size: 13px;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 0.6px;
	text-decoration: underline;
	margin: 10px 0;
}
#p-footer .p-section {
	width: 20%;
	min-width: 220px;
	float: left;
	padding: 0 20px 0 0;
}
#p-footer .p-section.p-right {
	padding: 10px 0 0;
	width: 30%;
	float: right;
}
#p-footer ul {
	margin: 10px 0;
}
#p-footer li {
	list-style: none;
}
#p-footer li a {
	display: block;
	color: #fff;
	font-size: 12px;
	line-height: 18px;
	letter-spacing: 0.6px;
}
#p-footer li a:hover {
	padding-left: 4px;
}
#p-footcats .lev0 {
	display: none;
}


/*********
items grid
*********/
#p-categorybanner {
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: center;
}
#p-items {
	float: left;
	width: 80%;
}
#p-items .p-header {
	padding: 1.5% 1%;
}
#p-viewport {
	text-align: center;
}
#p-items .p-header * {
	font-size: 14px;
	color: #252525;
	font-family: DinPro, sans-serif;
	font-weight: 100;
}
#p-items .p-header .smuy {
	float: left;
	font-size: 14px;
	color: #252525;
}
#p-items .p-header .smuy span {
	color: #252525;
}
#p-items .p-header .countClass {
	font-weight: 400;
	font-size: 22px;
}
#p-items .p-header .countClass, #p-items .p-header .keywordClass {
	font-size: 15px;
	font-weight: 400;
}
#p-items .p-header .pdmt {
	float: right;
	font-size: 14px;
	color: #252525;
}
#p-items .p-header .pdmt .label {
	font-size: 14px;
	color: #252525;
}
#p-items .p-header .pdmt .cur {
	font-size: 15px;
	color: #252525;
}
#p-items .p-header .pdmt .cur img {
	display: none;
}
#p-items .p-header .pdmt .cur .p-arrow-down {
	font-size: 9px;
}
#p-items .p-shipping {
	display: none;
}
.p-products .p-box {
	display: inline-block;
	width: 32.6%;
	padding: 1% 1.7%;
	text-align: center;
	vertical-align: top;
}
.p-products .p-box a {
	display: block;
	text-align: center;
	color: #25303b;
	background: #fff;
}
.p-products .p-box span {
	display: block;
}
.p-products .p-box .p-image {
	margin: 0 auto 10px;
	text-align: center;
    position: relative;
    display: block;
}
.p-products .p-box .p-image a {
	height: 310px;
    width: 100%;
    position: relative;
    overflow: hidden;
    display: table;
}
.p-products .p-box .p-image .p-middle {
	height: 100%;
    display: table-cell;
    vertical-align: middle;
}
.p-products .p-box .p-image img {
	max-width: 100%;
	max-height: 100%;
	position: absolute;
	top: 0;
	right: 0;
}
.p-products .p-box .p-image img.p-second {
	opacity: 0;
}
.p-products .p-box:hover img.p-second {
	opacity: 1;
}
.p-products .p-box .p-title {
	max-width: 100%;
	min-width: 200px;
	font-size: 15px;
	line-height: 19px;
	height: 57px;
	overflow: hidden;
	margin: 0 auto;
	color: #262626;
}
.p-products .p-box a:hover .p-title {
	color: #55b2bf;
}
.p-products .p-box .p-price,
.p-products .p-box .p-price span {
	font-family: DinPro, sans-serif;
	font-weight: 700;
	font-size: 16px;
	color: #0b378c;
	height: 22px;
	overflow: hidden;
}
.p-products .p-box .p-price {
	margin: 10px auto;
}
.p-products .p-box .p-actions {
	position: absolute;
	bottom: 0;
	left: 5px;
	text-align: center;
}
.p-products .p-box .p-actions a {
	display: block;
	padding: 0;
	opacity: 0.32;
	margin-bottom: 20px;
	-webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
}
.p-products .p-box:hover .p-actions a {
	opacity: 0.7;
	-webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    -ms-filter: grayscale(0);
    -o-filter: grayscale(0);
    filter: grayscale(0);
    filter: none;
}
.p-products .p-box .p-actions a:hover {
	opacity: 1;
}
.p-products .p-box .p-actions a.p-basket {
	width: 40px;
	height: 36px;
	background: url('../img/mgnfr.svg') no-repeat center 0 transparent;
	background-size: auto 35px;
}
.p-products .p-box:hover .p-actions a {
	opacity: 0.7;
	-webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    -ms-filter: grayscale(0);
    -o-filter: grayscale(0);
    filter: grayscale(0);
    filter: none;
}
.p-products .p-box .p-actions a:hover {
	opacity: 1;
}
.p-products .p-box .p-actions .si_add span {
	display: block;
	opacity: 0.32;
	-webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
	width: 40px;
	height: 40px;
	background: url('../img/saved.png') no-repeat center 0 transparent;
	background-size: 36px auto;
}
.p-products .p-box:hover .p-actions .si_add span {
	opacity: 0.7;
	-webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    -ms-filter: grayscale(0);
    -o-filter: grayscale(0);
    filter: grayscale(0);
    filter: none;
}
.p-products .p-box .p-actions .si_add:hover span {
	opacity: 1;
}
.p-products .p-box .p-actions .si_add span.cc_tick {
	opacity: 0.7;
	-webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    -ms-filter: grayscale(0);
    -o-filter: grayscale(0);
    filter: grayscale(0);
    filter: none;
}
.p-products .p-box .p-actions .si_add:hover span.cc_tick {
	opacity: 1;
}
.p-products .p-box .p-button {
	display: none;
}
#p-filterbtn {
	cursor: pointer;
	position: fixed;
	bottom: 0;
	left: 0;
	max-width: 100px;
	color: #fff;
	font-size: 15px;
	padding: 9px 15px 9px 30px;
	line-height: 17px;
	background: url('../img/filters_ico.png') 10px center no-repeat rgba(57,100,184,0.9);
	background-size: auto 45%;
}
#p-filterbtn:hover {
	background-color: rgba(57,100,184,1);
}

.p-wrapper .p-cpage {
	padding: 10px;
}
.p-cpage h1 {
	color: #3964b8;
	font-size: 21px;
	font-weight: 100;
	padding: 7px 0;
	margin-bottom: 20px;
	border-bottom: 1px solid #3964b8;
}
.p-cpage p {
	line-height: 19px;
	margin: 7px 0;
}
.p-cpage a {
	color: #d12858;
	text-decoration: underline;
}
.p-cpage a:hover {
	color: #3964b8;
	text-decoration: none;
}
.cs_sizeguide td {
	padding: 5px 10px !important;
}

/*********
Left column sub/categories
*********/
#p-cats-left {
	display: none;
	margin-bottom: 20px;
}
#p-cats-left .p-title {
    color: #fff;
    font-size: 14px;
    font-weight: 100;
    text-transform: uppercase;
    line-height: 40px;
    height: 40px;
    padding: 0 12px;
    background: #3964b8;
    text-shadow: 0 0 0.2px #fff;
    text-align: center;
}
#p-cats-left ul ul,
#p-cats-left .cnt {
	display: none;
}
#p-cats-left li {
	list-style: none;
}
#p-cats-left li a {
	display: block;
	font-size: 15px;
    font-weight: 100;
    text-shadow: 0 0 0 #000;
    letter-spacing: -0.4px;
    color: #555;
	padding: 10px;
    line-height: 22px;
    background: #e7e7e7;
    border: 1px solid #cecfce;
    border-bottom: 1px solid #e7e7e7;
}
#p-cats-left li a:hover, 
#p-cats-left li a.p-active {
    background: #c7c7c7;
    border-bottom: 1px solid #c7c7c7;
}
#p-cats-left li a.p-active {
    cursor: default;
}

/*********
Filter
*********/
#p-left-column {
	float: left;
	width: 20%;
	padding: 1.5% 1%;
}

/*********
eBay stylesp-catego
*********/
#CentralArea .v4stabl, #CentralArea .gy-br {
	display: none;
}
#LeftPanel {
	position: absolute;
}
#LeftPanel {
	display: none;
}
.sifExp, .cmpb {
	display: none;
}
.whiter-rcp {
	background: rgba(255,255,255,0.9);
}
.whiter-rcp table table {
	background: transparent !important;
}
.pgbc {
	background: transparent;
}
.pgbc td {
	float: left;
}
.stBadge {
	min-width: auto;
}
.stBadge-accent td {
	background: #353f4b;
}
.stBadge img {
	max-width: 100%;
	width: auto !important;
}
.v4snexp {
	max-width: 1170px;
	margin: 0 auto;
	padding: 15px;
}
.dynpg *, .dynpg span.page,
.dynpg .prev a,
.dynpg .next a
{
	color: #252525;
	font-weight: 100;
}
.dynpg .pgbc {
	width: auto !important;
	margin: 0 auto;
}
.dynpg input.page {
	border: 1px solid #252525;
}
.dynpg .r .form {
	padding: 0;
}
.dynpg #q_10 {
	cursor: pointer;
	color: #3964b8;
	padding: 0 3px;
	background: transparent;
	border: 1px solid #3964b8;
}

#e-ink {
	width: 50%;
    float: right;
    margin-top: -45px;
    padding-right: 10px;
    text-align: right;
}
#e-ink a {
	display: inline-block;
}

@media all and (max-width: 1170px) {
	.p-wrapper .p-inner {
		padding: 0 10px;
	}
}
@media all and (max-width: 800px) {
	/*.p-promobanners .p-row>div {
		width: 100% !important;
		float: none;
		margin: 10px 0;
	}
	*/
	#p-header .p-nletter {
		float: right;
	}
	#p-search {
		float: none;
		padding: 0px 0 0 25px;
	}
	#p-logo {
		margin-top: 15px;
	    width: 300px;
	}
	#p-header.p-fixed #p-logo {
		margin-top: 0;
	}
	.p-promobanners .p-banner1,
	.p-promobanners .p-banner2 {
		width: 100%;
		margin-top: 1%;
	} 
	.p-promobanners .p-banner4 {
		width: 100%;
	}
	.p-promobanners .p-banner5 {
		width: 100%;
		margin-top: 1%;
	} 
}
@media all and (max-width: 770px) {
	.p-mobilehide {
		display: none;
	}
	.p-mobile {
		display: block;
	}
	#p-left-column, #p-items {
		width: 100%;
		float: none;
	}
	#p-left-column {
		display: none;
	}
	#p-mainnav {
		background: transparent;
	}
	#p-mainnav .p-inner {
		text-align: center;
		padding: 0;
	}
	#p-mainnav .p-cats {
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d12858+10,b8234d+50,d12858+90 */
		background: #3964b8; /* Old browsers */
		background: -moz-linear-gradient(top,  #3964b8 10%, #264d98 50%, #3964b8 90%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top,  #3964b8 10%,#264d98 50%,#3964b8 90%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom,  #3964b8 10%,#264d98 50%,#3964b8 90%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3964b8', endColorstr='#3964b8',GradientType=0 ); /* IE6-9 */

	}
	#p-mainnav .p-cats {
		width: auto;
	}
	#p-mainnav .p-flags {
		min-width: 202px;
		max-width: none;
		margin: 0 auto;
		float: none;
		width: auto;
		display: inline-block;
	}
	#p-mainnav .p-cats {
		float: none;
		margin: 0 auto;
		width: 100%;
		text-align: center;
	}
	#prev, #next {
		width: 10%;
	}
	.p-promobanners .p-banner-right-long {
		margin-top: 1%;
		width: 100%;
	}
	.p-promobanners .p-banner3 {
		width: 100%;
	}
	.p-promobanners .p-banner4, 
	.p-promobanners .p-banner5 {
		margin-top: 0;
		width: 49.2%;
	}
	.p-products .p-box {
		width: 49.6%
	}
	#prev span, 
	#next span {
		max-width: 100%;
	}
	.p-products .p-box .p-actions a.p-basket {
		float: left;
		margin-right: 20px;
	}
	#p-footer .p-section.p-right {
		width: 100%;
		float: none;
		text-align: center;
	}
	#p-footer .p-nletter {
		float: left;
		margin: 20px 0 0 20px;
	}
}
@media all and (max-width: 650px) {	
	#p-logo {
		margin-top: 0;
	}
	#p-header .p-nletter {
		float: none;
	}
	#p-search {
		padding: 0 10px;
	}
	#p-mainnav.p-fixed {
		top: 68px;
	}
	.p-wrapper .p-nletter {
		float: none;
		margin-left: auto;
		margin-right: auto;
	}
	#p-header .p-toplinks {
		float: none;
	}
	#p-header .p-inner {
		text-align: center;
	}
	#p-header .p-toplinks {
		display: inline-block;
		float: none;
		margin: 0 auto;
	}
	#p-free p {
		padding: 10px;
		background: none;
	}
}
@media all and (max-width: 500px) {
	#p-mainnav.p-fixed {
		top: 111px;
	}
	#p-logo {
		float: none;
		margin-left: auto;
		margin-right: auto;
	}
	#p-header .p-right,
	#p-search {
		float: none;
		margin-left: auto;
		margin-right: auto;
	}
	#p-categorybanner {
		height: 100px!important;
	}
	.p-products .p-box {
		width: 100%
	}

	.logo_perspective.black .leftNav, .logo_perspective.black .rightNav{
	display: none!important;
	}

	.logo_perspective .contentHolder {overflow: visible;}


}
@media all and (max-width: 440px) {
	.p-promobanners .p-heading {
		font-size: 20px;
		line-height: 25px;
	}
	.p-promobanners .p-banner-left-long .p-category-panel {
		width: 100%;
		margin-top: 2%;
		padding-top: 20%;
		padding-bottom: 20%;
	}
	.p-promobanners .p-banner4, .p-promobanners .p-banner5 {
		width: 100%;
		padding-top: 25%;
		padding-bottom: 25%;
		margin-top: 2%;
	}
	.p-promobanners .p-banner6 a {
		width: 100%;
		margin-top: 2%;
	}
}

.p-wrapper .p-lang {display: none;}
.p-wrapper .p-box .p-lang {display: none;}