@import url('https://fonts.googleapis.com/css?family=PT+Sans:400,700,400italic,700italic');

body{margin: 0px;font-family: proxima-nova, sans-serif;background-color:#ffffff;height:100%; background-size:cover;-webkit-text-size-adjust: none; letter-spacing:-0.5px}
#clear, .clear {clear:both;}
.spacer {clear:both;padding-top:20px;}


img {border:0px;}
h1 {color: #1E2BB8;font-family: proxima-nova, sans-serif; font-weight:bold; font-stretch:normal;  font-size:1.9em;margin:12px 0px 6px 0px; line-height:1em; letter-spacing:-1px;}
h2 {clear:both;color: #5F5FCC;font-family: proxima-nova, sans-serif; font-weight:bold; font-stretch:normal;font-size:1.8em;margin:0px 0px 6px 0px;  line-height:1em; letter-spacing:-1px;}
h3 {clear:both;color: #1E2BB8;font-family: proxima-nova, sans-serif; font-weight: 600; font-stretch:normal;font-size:1.4em;margin:0 0 20px 0 ;}
h4 {color: #1E2BB8;font-family: proxima-nova, sans-serif; font-weight:normal; font-stretch:normal; font-size:1.6em;margin:20px 0px 0px 0px; clear:left}
a {text-decoration:none;}
p { margin:0px 0px 20px 0px; font-family: proxima-nova, sans-serif; font-size:1.3em; font-weight: 100}
p.center {text-align:center}
p.newsheadline{color: #5F5FCC;font-family: "PT Sans", sans-serif; font-weight:bold; font-stretch:normal;font-size:24px;margin:0px 0px 3px 0px;  line-height:22px; letter-spacing:-1px;}
p.newsheadline a{color: #5F5FCC !important}
p.newsdate {margin-bottom:0px; color:#333}
.campaign {font-size: 1.3em;}
input[disabled]{

  background-color: #cccccc !important;
  color: #666666 !important;
}

#basketupdate,
#login {	display:none;width: 100%;    height: 100%;    position: absolute;    top: 0;    left: 0; z-index: 99999;     background-color:rgba(30,43,184,0.8);}

#basketupdateinfo{position:relative;width:345px; height:200px; margin: 202px auto 0px; padding:20px 30px 30px 30px;background-color:#ffffff;	box-shadow: 0 1px 2px rgba(0,0,0,.2);}
#logininfo {position:relative;width:322px; height:225px; margin: 202px auto 0px; padding:20px 30px 30px 30px;background-color:#ffffff;	box-shadow: 0 1px 2px rgba(0,0,0,.2);}
#logininfo .title,
#basketupdateinfo .title {color: #1E2BB8;font-family: proxima-nova, sans-serif; font-weight:bold; font-stretch:normal;  font-size:1.6em;margin:0px 0px 6px 0px;}
#basketupdateinfo .btn1 { float: left;  font-size: 1.1em; font-weight: bold; color: #5F5FCC; background-color: #ffffff; padding: 6px 18px; border: 1px solid #5F5FCC;  margin-right: 25px; margin-top:10px;}
#basketupdateinfo .btn2 {float: left;  font-size: 1.1em; font-weight: bold; color: #ffffff; background-color: #5F5FCC; padding: 6px 18px; border: 1px solid #ffffff;margin-bottom: 20px; margin-top:10px;}
#logininfo .btn1 {float: right;  font-size: 1.1em; font-weight: bold; color: #ffffff; background-color: #5F5FCC; padding: 6px 12px; border: 1px solid #ffffff;}
#basketupdateinfo p {font-size:1.1em; line-height:120% }
.closepopup {display:inline-block; cursor:pointer; color:#333333; font-weight:bold; position:absolute; top:10px;right:10px; font-size:1.2em}

.col {float:left; width:32%; margin:0 2% 2% 0}
.col:nth-of-type(3) {margin-right:0%;}
/*.col img{width:100%;}*/

.videoWrapper {	position: relative;	padding-bottom: 48.25%;	padding-top: 25px;	height: 0;}
.videoWrapper iframe {	position: absolute;	top: 0;	left: 0;	width: 100%;	height: 100%;}

.holder {margin:0px auto; max-width:1180px; padding:0px 0px 0; position:relative; }
.holder:before, .holder:after {	content: "\0020";	display: block;	height: 0;	overflow: hidden;}
.holder:after {	clear: both;}

#boxesholder {position:relative;z-index:10;width:100%; color:#fff; margin-top:12px;}
.pbox {float:left; width:48%; margin:0 2% 2% 0}
#boxesholder a:nth-of-type(2n) .pbox {margin-right:0%;}
.pbox {/*border-radius:8px; border:2px dashed #1E2BB8;*/ border:1px solid #fff;  float:left;margin-bottom:3%; background-color:#ffffff;  }
.pbox:hover {border:1px solid #ccc;}
.pbox h2 {float:right; color:#000 !important; text-shadow:2px 2px 3px #ffffff,-2px -2px 3px #ffffff;padding:10px 20px 0 0; box-sizing:border-box; text-align: right}
.pbox .thumb{float:left;background: #FAFAF4  no-repeat; height:100px; width:100%; margin:0%; border-radius:0px; box-sizing:border-box;  -moz-box-shadow: inset -165px 0px 90px -10px #FAFAF4;    -webkit-box-shadow: inset -165px 0px 90px -10px #FAFAF4;	 box-shadow:inset -115px 0px 90px -10px #FAFAF4;}

.p2box {/*border-radius:8px; border:2px dashed #1E2BB8;*/ border:1px solid #fff; float:left;width:31.33%; height:0; padding-bottom:38%;margin:0 3% 3% 0; box-sizing:border-box;background-color:#ffffff;  text-align:center; transition:0.5s}
.p2box:hover {border:1px solid #ccc; background-color:#f7f7f7}
	.p2box h2 { color:#000 !important;padding:0px 20px 5px 20px; font-size:1.1em; text-align:center}
#boxesholder a:nth-of-type(3n) .p2box  {margin-right:0%;}
.p2box img{max-width:100%; max-height:100%; margin-top:15px;}

.p2box span.itemprice{color:#000 !important;font-size:1.2em; text-align:center; font-weight:bold;}
.p2box span.bymetre {font-style:italic; color:#666; font-size:0.8em;}
.p2box .statusflag {position: absolute; z-index:9999;  font-size:1.2em; top: -116px;  left: -116px;  height: 200px;  width: 200px;  background: #1E2BB8; color:#ffffff;  transform: rotate(-45deg); -ms-transform: rotate(-45deg);line-height:340px;}




.img_container {position: relative;float:left; padding:0 5%;width:90%; height:0; padding-bottom:100%; overflow:hidden }
.thumbnail {    margin-top:5%;position:absolute;    width:90%;    height:90%;    text-align:center; }
.thumbnail img {    position: absolute;    top: 0;    bottom: 0;    left: 0;    right: 0;    margin: auto;}

span.prodprice{color:#000 !important;font-size:1.2em; text-align:center; font-weight:bold; }
span.prodbymetre {font-style:italic; color:#666; font-size:0.8em;}


#headerholder2 {width:100%; height:10px; margin:0px;background-color:#fff;  }

header { width:100%; background-color:#fff; position:relative; z-index:9999; /*border-bottom: 6px solid #1E2BB8;*/}
/*header .logo { float:left; width:32%; margin-right:0;height:auto;margin-top:12px;margin-bottom:-24px; position:relative; z-index:999;}*/
header .logo { float:left; width:23%; margin-right:0;height:auto;margin-top:3%;margin-bottom:0%; position:relative; z-index:999;}
header .logo span {display:none}
header .logo img{ width:100%}
header .info {float:right;      width: auto; text-align:right; height:24px; color:#fff; font-weight:700; font-size:1.2em; line-height:1.3em; margin:24px 0 0 0; position:relative; z-index:999; }

.address-contact-h{float:right; color: #1E2BB8 !important; height:26px; background: transparent url(images/address-icon.png) no-repeat 0px 0px;  background-size:contain; padding-left:26px;  margin-right:18px;}
.account-contact-h {float:right; color: #1E2BB8 !important; height:26px;background: transparent  url(images/login.png) no-repeat 0px 0px; background-size:contain; padding-left:36px;  margin-right:18px;}
.basket-contact-h{ display:none; float: right;  color: #1E2BB8 !important; height:26px;  padding-left:38px; }
.phone-contact-h { display:none; float:right; color: #1E2BB8 !important; height:26px;padding-left:36px; margin-right:18px; }


/*.searchform {margin:-5px 0 0 20px; float:right}
.searchform input {font-size:0.9em;background-color:#ddd; border:0px; padding:4px 6px; width:120px; }
.searchform button.search{float:right; font-size:0.8em;background: url(images/search-icon.png) no-repeat center top; background-size:80%; border:0; padding:6px; margin:-27px 0px 0 -33px; position:relative; z-index:99; height:26px; width:26px;}	
*/
.box1 h2 {text-shadow: 2px 2px 2px #fff , -2px -2px 2px #fff }
.box2 h2 {text-shadow: 2px 2px 2px #fff , -2px -2px 2px #fff}

.main p,.main2 p,.main ol,.main2 ol {color:#1E2BB8;  margin:0px 0px 20px 0px; font-size:0.95em; font-family: proxima-nova, sans-serif; }
.main p.red,.main2 p.red {color: #1E2BB8;}

hr{clear:both; border:0px; border-top:1px dashed #B3B4E5;;margin:20px 0px 10px 0px;}


.blueholder {background:#5F5FCC}
.blueholder .bbtitle{color:#ffffff; font-size:2em; text-align: center; padding:3% 0 1%; }


.blueholder2 {background:#1E2BB8; }
.blueholder2 .bbtitle{color:#ffffff; font-size:1.7em; text-align: center; padding:3% 0 1% }
.blueholder2 .bbtitle a{color:#ffffff;  }
.blueholder2 .bbtitle a:hover{text-decoration: none }


.sewholder {background:url(images/sewing-bg-repeater.jpg) repeat; }
.sewholder .col {margin-top:5%; margin-bottom:5%; border:1px solid #1E2BB8; background:#ffffff; color:#1E2BB8;  font-size:2em; text-align: center; padding:3% 3%}
.sewholder img {object-fit: cover; width: 100%;    aspect-ratio: 1 / 1; margin-bottom:20px;}
.sewholder .stitle {}
.sewholder .stitle span{font-size:0.7em}

.vh {  width:100%;  aspect-ratio: 1 / 1;  position:relative;}
.vh > iframe {  position:absolute;  top:0;  left:0;  width:100%;  height:100%}
.vh.top {  margin-top:6%; width:100%;  aspect-ratio: 1 / 1;  position:relative;}

.flexslider {clear:both;    float: left;    width: 100%; position: relative; margin-bottom:2% !important; }
.overlay{z-index:10;position:absolute;top:25%;right:0;left:0px;bottom:25%; background: white; pointer-events: none}
.flexslider .slides li { background-attachment: fixed;   position:relative; height:500px ;height:360px ; background-size:cover; background-position:center center; animation: shrink 5s infinite alternate;}

.flex-title {float:left; text-align:center;  color:#1E2BB8;margin:5% 0 1%;margin:2.5% 0 1%;	font-size:2.5em; font-weight:400; letter-spacing:1px; line-height:100%; position:relative; width:100%; 
	z-index:99; animation: slideIn2;-webkit-animation-duration: 1s;animation-duration: 1s;}


.flex-btn {position: relative; z-index:12; display: inline-block; background-color: #1E2BB8;  padding: 1% 2%; color: #ffffff; text-align: center;  text-decoration: none; font-size: 1.6em; font-weight: 600;border: 2px solid #1E2BB8; transition: 0.5s;	-webkit-animation: slideIn2;animation: slideIn2;-webkit-animation-duration: 1s;animation-duration: 1s; border-radius:0px;;}
.flex-btn:hover { background-color: transparent;   color: #1E2BB8; border: 2px solid #1E2BB8;}


@-webkit-keyframes slideIn2 {   0% { top: 50px; opacity: 0;     	}	 100% { top: 0; opacity: 1;    }}
@keyframes slideIn2 {		    0% { top: 50px; opacity: 0; 		}    100% {top: 0; opacity: 1; 	}}



.qtr { float:left;  width:22.37%; margin-right:3.5%;margin-bottom:3%; height:auto; 	box-sizing: border-box; 	 }
.qtr:nth-of-type(4n){margin-right:0%;}
.qtr img{width:100%; }



.col { float:left;  width:31%; margin-right:3.5%;margin-bottom:3%; height:auto; 	box-sizing: border-box; 	 }
.col:nth-of-type(3n){margin-right:0%;}
.col img{width:100%; }


.half{clear:left;width:50%;float:left;height:auto;margin-bottom:2%;padding:3% 3% 3% 0;box-sizing:border-box}
.half:nth-of-type(even){clear:none;width:50%;float:left;height:auto;margin-left:0;padding:3% 0}


.imgbox { position: relative; align-items: center; overflow: hidden; }
.imgbox h2{	pointer-events: none; position:absolute;/* bottom:40%; top:40%; */text-align: center; left:0px; right:0px; padding:4% 4%;background:rgba(255,255,255,0.75); color:#333333; /*color:#5F5FCC;*/ z-index:2; font-size:1.8em ; transition: 0.5s;top: 50%;  transform: translateY(-50%);}
.imgbox h2.smaller{	font-size:1.3em ;}
.imgbox img {position: relative; z-index: 1;      object-fit: cover;  width: 100%;  aspect-ratio: 1 / 1;}
.imgbox:hover h2{   color: #5F5FCC;}

.imgbox span.itemprice{color:#000 !important;font-size:1.2em; text-align:center; font-weight:bold;}
.imgbox span.bymetre {font-style:italic; color:#666; font-size:0.8em;}
.imgbox .statusflag {position: absolute; z-index:9999;  font-size:1.2em; top: -116px;  left: -116px;  height: 200px;  width: 200px;  background: #1E2BB8; color:#ffffff;  
	transform: rotate(-45deg); -ms-transform: rotate(-45deg);line-height:355px; text-align: center;}

.related .relholder {float:right; width:100%; margin-bottom:20px;}
.related .imgh {float:right; width:25%; padding-bottom:25%;height:auto; border-radius:0px; border:1px solid #cccccc;  background-size:cover;}
.related .title {float:left;width:70%; font-size:1.3em; line-height:100%; color:#000; }
.related .price {float:left;width:70%; font-size:1.3em; line-height:100%; }


.img-hover-zoom {  height: auto;   overflow: hidden;  aspect-ratio: 1 / 1; }
.img-hover-zoom img { transform: scale(1.05); transition: transform .2s ease-in-out  }
.img-hover-zoom:hover img {  transform: scale(1.1);}



#main {width:100%; margin:18px auto 20px;}



.content {float:left; width:66%; margin-right:2%; margin-bottom:0px; }
.contentfull {float:left; width:100%; margin-bottom:0px;     margin-top: 20px;}

.content a, .contentfull a{color: #1E2BB8; font-weight:bold }
.content a:hover, .contentfull a:hover{color: #333333; font-weight:bold; text-decoration:underline }
.content ul, .contentfull ul {/*font-size:18px;*/}
.contentfull td {/*font-size:16px;*/}


	.contentfull  ul{padding:0px 0% 0 2em;}
.contentfull  ul li{color:#000000;text-align:left;padding-left:0px;font-weight:100;font-size:1.3em;margin:15px 0px 0px 0px;list-style:none;line-height:1.3em;letter-spacing:-0px;list-style-position:outside;margin-left:0.5em;}
.contentfull  ul li ul li{font-size:1.0em;margin-left:1em;}
.contentfull  ul li:before{content:"\027A4";color:#1E2BB8;font-weight:400;margin-left:-1.5em;margin-right:0.5em;}
.contentfull  ul li a {color:#1E2BB8;font-weight:600;}
.contentfull  ul li a:hover{text-decoration:underline}


.rightcol {float:right; width:32%; }
.rightcol a {color: #1E2BB8; font-weight:bold }
.rightcol a:hover {color: #333333; font-weight:bold; text-decoration:underline }


.splitcols {float:left; width:48%; }
.splitcols:nth-of-type(2n) {float:right; width:48%; }

.splitcols a {color: #1E2BB8; font-weight:bold }
.splitcols a:hover {color: #333333; font-weight:bold; text-decoration:underline }


.signup{ font-size:15px;font-family: proxima-nova, sans-serif;float:left; background-color:#fff; border:2px solid #ccc; color:#333; -moz-border-radius: 10px; -webkit-border-radius: 10px;  border-radius:10px;margin:-10px 0 0 0; padding:0px 0px 0px 7px;width: 229px;  height:24px;text-indent:0px;}
.signupgo {font-size:15px;font-family: proxima-nova, sans-serif;border:2px solid #9295D6;background-color:#9295D6; color:#fff;float:right;  width:52px; height:28px;  text-indent:0px;  -moz-border-radius: 10px; -webkit-border-radius: 10px;  border-radius: 10px;margin:-10px 0px 0 0; text-align:center;}

#stockists {padding:10px; margin-top:20px;width:96%; height:auto; background-color:#fff; border:2px dashed #1E2BB8;  border-radius:8px;}
#stockists img{width:100%; height:auto; }



.cquote {clear:both; margin:10px 0px ;font-family: proxima-nova, sans-serif;color:#000; text-align:center;  font-size:17px;}
.quotemark {color:#5F5FCC;font-weight:bold;  font-size:17px;}
.quauthor {width:100%; margin:10px 0 20px;clear:both; float:right; text-align:center; font-style:normal; font-family: proxima-nova, sans-serif; font-size:17px; font-weight: bold}

.stockist1 {float:left; width:90px; height:50px; margin:0 15px 15px 0}
.stockist2 {float:left; width:90px; height:50px; margin:0 0px 15px 0}

footer {clear:both; width:100%;   color:#fff; border-top:1px solid #fff;background-color:#1E2BB8; margin-top:2%}
footer a { color: #fff;font-weight:normal; }
footer a:hover { color: #fff; text-decoration:underline }
footer p { line-height:150%;color: #fff; margin:0;}
footer .ftitle{   color: #fff; font-size:1.5em; margin-top:5%;font-weight:bold}
footer .networks .box {  float:left; margin-left: 00px;margin:5% 6.6% 0 0; width:20%;  border:2px dashed #B3B4E5; padding:4% 5% 2%;-moz-border-radius: 10px; -webkit-border-radius: 10px;  border-radius: 10px; box-sizing:border-box}
footer .networks .box:last-of-type {  margin-right: 0px;}
footer .bar{width:100%;background-color:#ffffff;color:#333333; padding:10px 0; font-size:1.1em;}
footer .bar .copyright{  float:left; }
footer .bar .credits { float:right;}
footer .bar .terms { text-align:center}
footer .bar a { color: #333333;font-weight:normal; }
footer .bar a:hover { color: #333333; text-decoration:underline }


fieldset {float:left;margin:0px 0px 0px 0px;padding:0px;	box-sizing:border-box; width:100%;	font-size:1.3em; border:0px; font-family: proxima-nova, sans-serif;}
fieldset input{ float:right;font-size:1em; margin:6px 0px 12px 0px; padding:6px; width: 100%; box-sizing:border-box; text-indent:6px;border:1px solid #cccccc;color:#333333;font-family: proxima-nova, sans-serif; }
fieldset textarea{ float:right;font-size:1em;margin:6px 0px 12px 0px;  padding:6px;width: 100%; box-sizing:border-box; border:1px solid #cccccc; height:136px;color:#333333; font-family: proxima-nova, sans-serif; }
fieldset select { float:right;font-size:1em;margin:6px 0px 10px 0px;  padding:6px;width: 100%;box-sizing:border-box; border:1px solid #cccccc; color:#333333;font-family: proxima-nova, sans-serif; }
fieldset label {clear:right; text-align:left;	float:left;	color:#333333; font-size: 1em;	font-weight:bold;width:100%; box-sizing:border-box; margin-top:0px;margin-left:0px;}
fieldset label.mid {text-align:left;	float:left;	color:#333333; font-size: 1em;	font-weight:bold;width:100%; box-sizing:border-box; margin-top:1px;margin-left:0px;}
fieldset .required { float:right;color:#666666; font-size:0.8em; font-weight:normal; margin-top:-1px;}
fieldset .error {color:#ff0000; font-size:0.8em; font-weight:normal; margin-top:-1px;}
fieldset input:focus, fieldset textarea:focus { background: #efefef; }
fieldset input.check {   float:left; margin:3px 0px 0px 9px;width: 1em;	border:0px;	}
.submitbtn {width:auto; float:right; background-color:#1E2BB8; color:#ffffff;font-family: proxima-nova, sans-serif; font-weight:bold; border-radius:8px; text-indent: 0px; padding:5px 18px; border:0px;}

/*fieldset input:focus,fieldset select:focus,fieldset textarea:focus {outline:none;-moz-box-shadow: 0 0 10px #1E2BB8;-webkit-box-shadow: 0 0 10px #1E2BB8;box-shadow: 0 0 10px #1E2BB8;}
*/
#breadcrumb {background-color:#ddd; padding:1% 0 1%; margin:0px; font-size:1.3em}
#breadcrumb a{color:#000}
#breadcrumb a:hover {text-decoration:underline;}


#map {clear:both;width:100%;  height:450px; margin-bottom: 20px;}

#megamenu {display:none; width:100%; float:left; background:#1E2BB8; padding:20px 0 ; position:absolute; z-index:9999;}
#megamenu ul {clear:right; float:left; font-size:1.0em; width: 15%; margin-right:2%;}
#megamenu ul:last-of-type {margin-right:0%;}
#megamenu ul li strong {font-size:1.3em;}
#megamenu ul li {color:#ffffff; list-style:none; margin-bottom:4px;}
#megamenu ul li a{color:#ffffff; }
#megamenu ul li a:hover{ text-decoration:underline }

.filterholder {background-color: #5F5FCC;;    padding: 0.5% 0 0%;    margin: 0px;}

.filterholder h3 { color:#ffffff; }
input.cbbtn[type="radio"] + label {float:left; background:#ffffff; font-size:1.3em;margin:-10px 12px 20px 0;padding:6px 18px; border-radius:0px}
input.cbbtn[type="radio"]:checked + label {    background: #1E2BB8 !important;	color: #ffffff !important;}
input.cbbtn[type="radio"] {display:none;}










.usual {
	clear:both;
  color:#111;
  padding:0px;
  width:100%;
  border:0px solid #222;
  margin:0px auto;
}

/*.usual ul { margin-left:-40px; margin-top:-12px}*/
.usual ul.tabs { margin-left:0px; margin-top:0px}
.usual li.tab { list-style:none; float:left; }
.usual ul li.tab a {font-weight:bold; display:block; padding:8px 15px;text-decoration:none!important; margin:0px;margin-right:15px; color:#333;background:#eee;}
.usual ul li.tab:last-child a {margin-right:0px;	font-weight:bold;}
.usual ul li.tab a:hover { color:#1E2BB8; background:#ccc; font-weight:bold !important;}
.usual ul li.tab a.selected { margin-bottom:0; font-weight:bold; color:#fff; cursor:default;background:#1E2BB8 }
.usual div { padding:15px; margin-bottom:30px;  clear:left; background:#ffffff; border:1px solid #ccc;}
.usual div a {  }

.usual ul {
    font-size: 18px;
	    margin-left: 15px;
}


@media only screen 
and (min-width : 991px) 
and (max-width : 1179px){
body, html {   font-size:0.88em; }
p {   font-size:1.55em; }
.holder {margin:0px auto; max-width:960px;  }

}

@media only screen 
and (min-width : 0px) 
and (max-width : 991px){
	
	.videoWrapper {	position: relative;	padding-bottom: 52.25%;	padding-top: 25px;	height: 0;}

	.holder {width:94%;font-size:1em; margin:0 3%}
	header .holder {width:100%;font-size:1em; margin:0%; position: fixed; background:#ffffff;}
	header { width:100%; margin:0px; padding:0px; height:80px;}
	header .logo { float:left; width:20%; margin:0 0 0 3%; }
	header .logo img{margin:15px 0 0 ; height:60px; width:auto; position:relative; z-index:99999}
	header .info {float:right; width:77%; text-align:right;  color:#fff; font-weight:700; font-size:1.2em; line-height:1.3em; margin:24px 0 0 0; }

	.address-contact-h{line-height: 0;     font-size: 0;float:right; width:44px; height:44px; 	 padding-left:0px; margin-top:-7px; margin-right:15px; background: transparent  url(images/address-icon.png) no-repeat center; background-size:52%;	 color:transparent !important}

	.account-contact-h {float:right; width:44px;height:30px; padding-left:0px;  margin-right:0px; color:transparent !important}
	/*.basket-contact-h{ float: right; width:44px;height:30px;  padding-left:64px;  color:transparent !important}*/


	
		.phone-contact-h {	display:block; width:30px; height:30px;   	 padding-left:0px; margin-top:24px; margin-right:12px;  background-size:100%;	color:#1E2BB8 !important;font-size:1.7em;		position: relative; z-index: 999;	}
	.basket-contact-h{display:block; float: right; width:30px;height:30px; color: #1E2BB8 !important;	 padding-left:0px;margin-top:24px;  margin-right:60px;	font-size:1.7em;	position: relative;z-index: 999;			 }
	




	footer {clear:both; width:100%;   color:#fff; border-top:1px solid #fff;background-color:#1E2BB8;}
	footer .col{ width:50%;margin:0; text-align:center;}
	footer .col:nth-of-type(3){ width:40%;  margin:0 30% 2%;}
	footer a { color: #fff;font-weight:normal; }
	footer a:hover { color: #fff; text-decoration:underline }
	footer p { line-height:130%;color: #fff; margin:0;}
	
	footer .networks .box {  float:left; margin-left: 00px;margin:3% 6.6% 0 0; width:20%;  border:0px dashed #B3B4E5; padding:0%;-moz-border-radius: 10px; -webkit-border-radius: 10px;  border-radius: 10px; box-sizing:border-box}
	footer .networks .box:last-of-type {  margin-right: 0px;}
	footer .bar{width:100%;background-color:#ffffff;color:#333333; padding:10px 2%; box-sizing:border-box; font-size:1.1em;}
	
	.content {float:left; width:100%; margin-right:0%; margin-bottom:2%; }
	.contentfull {float:left; width:100%; margin-bottom:0px; }
	

	
	.rightcol {float:left; width:100%; }
	
	
	#imageholder{ width:100%;padding-top:0px;margin:0px auto; height:320px; position:relative; overflow:hidden}
	#imageholder .image {background: repeat-x center top; width:100%;height:320px;  -webkit-filter: none !important; margin:0px 0 0 00px; opacity:1!important;  background-size: cover !important;}
	#imageholder .title {position:absolute;width:100%;left:0px;top:15%;color:#ffffff;font-size:2.5em; font-weight:bold; line-height:1em; text-shadow: 2px 2px 5px #333; text-align:center}
	#imageholder .content {position:absolute;width:100%;left:0px;top:35%;float:right;color:#ffffff;font-size:2.5em; line-height:1.1em; text-shadow: 1px 2px 3px #333; text-align:center}
	
	#imageholder .slide {width:100%; }
	
	
	.p2box { float:left;width:32%; height:0; padding-bottom:40%;margin:0 2% 2% 0; box-sizing:border-box;background-color:#ffffff;  text-align:center}
	.p2box h2 { color:#000 !important;padding:0px 20px 5px 20px; font-size:1.1em; text-align:center}
	#boxesholder a:nth-of-type(6n) .p2box  {margin-right:2%;}
	#boxesholder a:nth-of-type(3n) .p2box  {margin-right:0%;}
	
	.filterholder {background-color: #5F5FCC;;    padding: 1.5% 0 1%;    margin: 0px;}
input.cbbtn[type="radio"] + label {float:left; background:#ffffff; font-size:1.2em;margin:-10px 12px 20px 0;padding:3px 12px; border-radius:30px}

	
}

@media only screen 
and (min-width : 0px) 
and (max-width : 768px){
	
.address-contact-h{line-height: 0;     font-size: 0;float:right; width:44px; height:44px; 	 padding-left:0px; margin-top:-7px; margin-right:15px; background: transparent  url(images/address-icon.png) no-repeat center; background-size:52%;	 color:transparent !important}
	
}




@media only screen 
and (min-width : 0px) 
and (max-width : 568px){

	
html {  width: 100%;  height: 100%;  display: table;}
body {  width: 100%;  height: 100%;  display: table-cell;}
		
	.mobhide {display: none}
		.holder {width:90%;font-size:1em; margin:0 5%}
	
.zoom {  width: 100%;}

.noqtr { float:left;  width:47.5%; margin-top:2.5%;margin-right:5%;margin-bottom:2.5%; height:auto; 	box-sizing: border-box; 	 }

	
.qtr { float:left;  width:47.5%; margin-top:2.5%;margin-right:5%;margin-bottom:2.5%; height:auto; 	box-sizing: border-box; 	 }
.qtr:nth-of-type(2n){margin-right:0%;}
.hpqtr:nth-of-type(2n){margin-right:5% !important;}
.hpqtr:nth-of-type(2n-1){margin-right:0% !important;}

.blueholder { padding:2% 0 5%; }
.blueholder .bbtitle{color:#ffffff; font-weight: bold; font-size:1.4em; text-align: center; padding:4% 0 0%; }
.blueholder .col{width:100%; margin:0% 0 0%; box-sizing: border-box }

.blueholder2 {padding:2% 0 5%; }
.blueholder2 .bbtitle{color:#ffffff;  font-weight: bold;font-size:1.4em; text-align: center; padding:3% 0 1% }
.blueholder2 .col{width:100%; margin:0% 0 0%; box-sizing: border-box }

	#additempop {margin-top: 0px !important;margin-bottom: 10px !important;}
	
.sewholder {background:url(images/sewing-bg-repeater.jpg) repeat; padding: 4% 0% 0;}
.sewholder .col {float:left; width:100%; margin:0% 0% 4% 0%; font-weight: bold; font-size:1.5em; padding: 3% 2%; line-height: 120%;}
.sewholder img {float:left; object-fit: cover !important; width: 20% !important;    aspect-ratio: 1 / 1!important; margin:0px 0 0 5px}
.sewholder .stitle { margin-top:8px}

.flex-title {margin:5% 0 1%;margin:5% 0 1%;	font-size:1.06em; font-weight:bold; letter-spacing:0px; line-height:100%; position:relative; width:100%; 	z-index:99; animation: slideIn2;-webkit-animation-duration: 1s;animation-duration: 1s;}
.flex-title br{display: nonex;}
.flexslider .slides li {    background-attachment: fixed;    height: 188px;	}
	
.flex-direction-nav  {        display: none    }
	
	.flexslider .slides li {
    background-attachment: unset;
	}
.overlay {    top: 28%;    bottom: 28%;}
.imgbox h2 {    font-size: 1.3em;	letter-spacing: 0.5px;	}
.imgbox h2.smaller{	font-size:1em ; background:rgba(255,255,255,0.9);}
.imgbox .statusflag {position: absolute; z-index:9999;  font-size:0.85em; top: -116px;  left: -116px;  height: 180px;  width: 180px;  background: #1E2BB8; color:#ffffff;  
	transform: rotate(-45deg); -ms-transform: rotate(-45deg);line-height:340px; text-align: center;}


.related .relholder {clear:both;float:left; width:48.5%; margin: 0 3% 3% 0}
.related:nth-of-type(even) .relholder  {clear:none; width:48.5%; margin: 0 0% 3% 0}

.related .imgh {float:right; width:100%; padding-bottom:100%;height:auto; border-radius:0px; border:0px solid #cccccc;  background-size:cover;}
.related .title {margin-top:3%; float:left;width:70%; font-size:1.3em; line-height:100%; color:#000; }
.related .price {margin-top:3%;float:left;width:70%; font-size:1.3em; line-height:100%; }
	
input.cbbtn[type="radio"] + label {float:left; background:#ffffff;  width: 18.4%; text-align:center; font-size:1.0em;margin:0px 2% 10px 0;padding:3px 0px; border-radius:0px}
input.cbbtn[type="radio"]:nth-of-type(5n) + label {float:left; background:#ffffff;  width:18.4%; text-align:center; font-size:1.0em;margin:0px 0px 10px 0;padding:3px 0px; border-radius:0px}

#breadcrumb {     padding: 2% 0; font-size: 1em;}

h1 { font-size:1.9em; }
h2 {font-size:1.35em;line-height:1.1em;}
p {font-size:1.3em;}

.searchform {display:none;}

	header .logo { width:12%;  }
	header .logo img{margin:20px 0 5px ; height:50px; width:auto; position:relative; z-index:99999}
header .info { width:85%; margin:24px 0 0 0; }

	.phone-contact-h {	display:block; width:30px; height:30px;   	 padding-left:0px; margin-top:24px; margin-right:12px;  background-size:100%;	color:#1E2BB8 !important;font-size:1.7em;		position: relative; z-index: 999;	}
	.address-contact-h{float:right; width:30px; height:30px; 	 padding-left:0px; margin-top:0px; margin-right:6px;  background-size:63%;	 color:transparent !important; }
	.account-contact-h {float:right; width:30px;height:30px; 	padding-left:0px;  margin-top:0px; margin-right:11px; 						color:transparent !important; }
	.basket-contact-h{display:block; float: right; width:30px;height:30px; color: #1E2BB8 !important;	 padding-left:0px;margin-top:24px;  margin-right:60px;	font-size:1.7em;	position: relative;z-index: 999;			 }
	.col {float:left; width:94%; margin:0 3% 5% 3%; height:auto; text-align:center}
	.half, .half2 {width:100% !important; margin:3% 0% 2% 0 !important; }
	.noxs {display:none; }

#headerimage { width:100% !important; margin:0px auto; height:200px; background-color: #ddd}
#imageholder{ width:100%;padding-top:0px;margin:0px auto; height:200px; position:relative; overflow:hidden}
#imageholder .image {background: repeat-x center top; width:100%;height:200px;  -webkit-filter: blur(2px); margin:0px 0 0 00px; opacity:0.6; }
#imageholder .title {position:absolute;width:100%;left:0px;top:20%;color:#ffffff;font-size:1.4em; font-weight:bold; line-height:1em; text-shadow: 2px 2px 5px #333; text-align:center}
#imageholder .content {position:absolute;width:100%;left:0px;top:38%;float:right;color:#ffffff;font-size:1.4em; line-height:1.1em; text-shadow: 1px 2px 3px #333; text-align:center}


#boxesholder {position:relative;z-index:10;width:100%; color:#fff; margin-top:12px;}
.pbox {float:left; width:100%; margin:0 0% 2% 0}
.pbox {border:2px dashed #1E2BB8; float:left;margin-bottom:3%; background-color:#ffffff;  border-radius:8px; }
.pbox:hover {border:2px solid #1E2BB8;}
.pbox h2 {float:right; color:#000 !important;padding:10px 20px 0 0; box-sizing:border-box; }
.pbox .thumb{float:left;background: #FAFAF4  no-repeat; height:100px; width:98%; margin:1%; border-radius:5px; box-sizing:border-box;  -moz-box-shadow: inset -165px 0px 90px -10px #FAFAF4;    -webkit-box-shadow: inset -165px 0px 90px -10px #FAFAF4;	 box-shadow:inset -115px 0px 90px -10px #FAFAF4;}




.p2box { float:left;width:48%; height:0; padding-bottom:70%;margin:0 4% 4% 0; box-sizing:border-box; background-color:#ffffff;  text-align:center}
.p2box h2 { color:#000 !important;padding:0px 12px 5px 12px!important;  text-align:center; font-size:1.2em; }
#boxesholder a:nth-of-type(3n) .p2box  {margin-right:4%;}
#boxesholder a:nth-of-type(2n) .p2box  {margin-right:0%;}

#productlayout .pimgholder {max-width:100% !important; margin:0 0 20px 0 !important ;}
	
	footer .col{ width:100%;margin:0; text-align:center;}
	footer .col:nth-of-type(3){ width:80%;  margin:0 10% 2%;}
	footer .networks .box {  float:left; margin-left: 00px;margin:0% 0% 0 0; width:25%;  border:0px dashed #B3B4E5; padding:4% 5% 2%;-moz-border-radius: 10px; -webkit-border-radius: 10px;  border-radius: 10px; box-sizing:border-box}
	footer .networks .box img{  width:auto; }
	footer .bar .copyright{width:100%; text-align:center;  float:left; color:#333333;}
	.bar .credits {width:100%; text-align:center; float:right;color:#333333;}

}

@media only screen 
and (min-width : 0px) 
and (max-width : 321px){
.p2box h2 { font-size:1.1em !important; }
}