@import url(//fonts.googleapis.com/css?family=Open+Sans:400italic,400,300,600,700);

/* style css rebind */
html {
    overflow-y: scroll;
}
.header .links li {
    background: none;
}
.products-grid {
    background: none;
}

/* Tax Details Row */
tr.tax-total { cursor:pointer; }
tr.tax-total td {}
tr.tax-total .tax-collapse { float:right; text-align:right; padding-left:20px; background:url(../images/bkg_collapse.gif) 0 5px no-repeat; cursor:pointer; }
tr.show-details .tax-collapse { background-position:0 -52px; }

.header .links li { float:left; font-size:10px; padding:0 8px 0 7px; }

.header-container {
    background: none;
    border-bottom: 0;
    border-top: 0;
}

.header .form-search {
	background:none;
	width: 268px;
	padding: 0;
	right: 0;
}

.headersearchbar {
	background: #f3f3f3;
	position: absolute;
	width: 350px;
	height: 28px;
	left: 42%;
	top: 60px;
	transform: translate(-50%, -50%);
}

.headersearchbar .searchautocomplete .nav .nav-input input {
	font-size: 15px;
	font-weight: 500;
	line-height: 28px;
	margin-left: 10px;
}
.headersearchbar .searchautocomplete .nav-submit-button .button {
	background-color: #f3f3f3;
}
.headersearchbar .searchautocomplete .nav-submit-button .button img {
	width: 18px;
	height: 18px;
}

#searchnewsletterbar {
	display: block;
	background: #e6e6e6;
	width: 100%;
	height: 27px;
	text-align: right;
	padding: 10px 0 0 0;
}

#searchnewsletterbar button, #searchnewsletterbar button span {
	background: none;
	padding: 0;
	border: none;
	text-transform: uppercase;
	color: #7caeae;
}
#searchnewsletterbar button {
    padding: 2px 5px 0 5px;
}
input.input-text, select, textarea {
	color: #9E9E9E;
}

#searchnewsletterbar .topbarsearch {
	float: right;
	width: 474px;
}

#searchnewsletterbar .topbarsearch #search_autocomplete {
	z-index: 1000;
	background: white;
	display: none;
}

#searchnewsletterbar .topbarsearch #search_autocomplete .amount {
	display: none;
	}

#searchnewsletterbar input.input-text {
	border: none;
    width: 190px;
    height: 20px;
    padding: 0 4px;
} 

#searchnewsletterbar .topbarnewsletter {
	float: left;
	width: 470px;
	border-right: dashed 2px #c4c4c4;
}

#searchnewsletterbar .form-search {
	padding: 0 10px 0 0;
}

.dashboard .box-info .box-head h2 {
    background-image:none;
}

.data-table tfoot tr.first td {
    background: none;
}
.cart .discount h2 {
    background-image: none;
}
.cart .shipping h2 {
    background-image: none;
}



/* Reset ================================================================================= */
* {
	margin:0;
	padding:0;
}
body {
	/* Festive mode! */
	/* background: url('/media/woolwarehouse/snowflake_bg.jpg'); Winter 2012-13 */
	/* background: url('/media/woolwarehouse/xmasbg.jpg'); Winter 2013-14 */
	background: url('/media/woolwarehouse/woodbackground.jpg');
	/* background: url('/media/woolwarehouse/xmas_bg.jpg'); Winter 2015-16 */
	font: 11px/1.55 'Open Sans', Arial, Helvetica, sans-serif;
	color: #313131;
	text-align: center;
}
a {
	color: #7caeae;
	text-decoration:underline;
}
a:hover {
	text-decoration:none;
}
/* Headings */
h1, h2, h3, h4, h5, h6 {
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
}
h2, h3, h4, h5, h6 {
	color: #393939;
}
h1, .page-title h1, .page-title h2 {
    color: #393939;
	font-size: 24px;
	font-weight: bold;
}
.col2-right-layout .page-title {
	padding: 0 0 0 0px;
	margin: 10px 0 15px 0;
}
.my-account .page-title {
	padding: 0 0 0 0;
	margin: 10px 0 15px 0;
}
.product-view .product-shop .product-name h1 {
	color: #393939;
	font-size: 24px;
	font-weight: normal;
}

.category-title {
	margin:0 0 6px 0;
}
h2 {
	font-size:12px;
	font-weight:bold;
}
h3 {
	font-size:12px;
	font-weight:bold;
}
h4 {
	font-size:12px;
	font-weight:bold;
}
h5 {
	font-size:12px;
	font-weight:bold;
}
h6 {
	font-size:11px;
	font-weight:bold;
}
p {
	margin:0 0 10px;
}

/* Layout ================================================================================ */
.wrapper {
	min-width: 951px;
}
.cms-home .wrapper {
}
.cms-page-view .main-container {
	padding: 10px;
}
.cms-page-view .main-container .main {
	width: 928px;
}
.cms-page-view .main-container .main .page-title {
	margin: 0 0 10px 0;
	}
.page {
	background: #fff;
	width: 948px;
	margin-left: auto;
	margin-right: auto;
	border: solid 1px #ccc;
	border-top: none;
	border-bottom: none;
	box-shadow: 0 0 5px #ccc;
}
.cms-home .page  {

}
.page-print {
	background:#fff;
}
.page-empty {
	background: #fff;
}
.page-popup {
	background: #fff;
}
.main-container {
	background:transparent;
	clear: both;
}
.main {
	padding: 0px;
	width: 948px;
	background:transparent;
}
#hometopslider {
	height: 277px;
}
.wishlist-index-index .main {
	padding-top: 15px;
}
.cms-index-index .main, .cms-home .main {
	padding: 4px 0px 10px 0px;
	width: 950px;
}

.cms-home .main {
	padding-top: 0px !important;
}
.cms-home .main-container {
	margin-top: 0px !important;
}

.cms-index-index .home_page_header_block, .cms-home .home_page_header_block {
	margin: 2px 1px 0 0px;
}
.cms-index-index .home_page_header_block p, .cms-home .home_page_header_block p {
	margin: 0;
}
/* Base Columns */
.col-left {
	float: left;
	width: 192px;
	padding: 0px;
}
.cms-index-index .col-left, .cms-home .col-left {
	padding: 0 0 1px;
}
.col-main {
	float: left;
	width: 710px;
}
.checkout-onepage-index .col-main {
	float: left;
	width: 700px;
	padding: 0 0 1px;
}
.col2-right-layout .col-main {
	float: left;
	width: 720px;
	padding: 0 0 1px 0px;
}
.col-right {
	float: right;
	width: 192px;
	padding: 0 0 1px;
}
.col2-right-layout .col-right {
	float: right;
	width: 194px;
	margin-top: 0px;
	padding: 0 0 1px;
}
/* 1 Column Layout */
.col1-layout .col-main {
	float:none;
	width:auto;
}
/* 2 Columns Layout */
.col2-left-layout {
	background: transparent;
}
.col2-right-layout {
	padding:0 0 0 20px;
}
.col2-right-layout .main {
	width:925px;
}

.cms-index-index .col2-left-layout .col-main, .cms-home .col2-left-layout .col-main {
	width: 742px;
}
.col2-left-layout .col-main {
	width: 724px;
}
/* 3 Columns Layout */
.col3-layout .col-main {
	width: 535px;
	margin-left: 0px;
}
.col3-layout .col-wrapper {
	float: left;
	width: 742px;
}
/* Global Styles ========================================================================= */

/*header*/
.header-container {
	border: 0px;
	padding: 0px;
	width: 950px;
	margin-left: auto;
	margin-right: auto;
}
.header {
	padding: 0 0 10px 0;
	text-align: right;
	width: 100%;
	height: 78px;
	position: relative;
}
.header h2.logo {
	margin: 0px 0px 0px 0px !important;
	padding: 0px 0px 0px 0px !important;
}
.header .logo {
	margin: 10px 0px 2px 10px;
}
a.logo {
	/* EDIT: For Christmas logo */
	/* Actual logo is changed in Admin -> System -> Design -> Header */
	margin: 16px 0px 0px 16px !important;
	/* margin: 10px 0px 0px 16px !important; */
	padding: 0px 0px 0px 0px !important;
}
.nav-container {
	background: #99cccc;
	margin: 0;
	clear: both;
	padding: 3px;
	position: relative;
}
.nav-container ul.clearer {
	padding: 3px 1px 3px 5px;
	outline: dashed 2px #7caeae;
	outline-offset: -1px;
}
.nav-container ul.clearer li {
	}

#nav {
	padding: 0 0 0 20px;
	width: 930px;
	height: 38px;
}
#nav li {
	padding: 8px 30px 2px 0px;
	text-align: left;
	background: transparent;
}
#nav li.last {
	background: transparent;
}
#nav a {
	width: 100%;
	color: #45787F; !important;
	text-transform: uppercase;
	text-align: center;
	padding: 4px 0px 0px 10px;
	height: 22px;
	line-height: 25px;
	font: bold 12px 'Open Sans', "Trebuchet MS";
	background: url(../images/main_nav_sp.gif) no-repeat 0% 40%;
}
#nav a:hover {
	color: #d0ebf8;
}
a.home {
	display: block !important;
	width: 15px !important;
	padding: 4px 0px 0px 0px !important;
	background: url(../images/icon_home.gif) no-repeat 0% 40% !important;
}
a.home span {
	display: none !important;
}

/* navigation */

.navigation {
	background: transparent url(../images/navigation.gif) top left no-repeat;
	height: 42px;
}
.navigation .panel {
	margin-bottom: 0;
	padding-bottom: 0;
	padding-top: 0;
}

/* menu */

.nav-container .panel {
	padding-left: 0;
}

.nav-container ul li a.homelink .homeicon {
	display: block;
}
.nav-container ul li.extended:hover .homelink .homeicon {
	display: none;
}
.nav-container ul li a.homelink .homeiconhover {
	display: none;
}
.nav-container ul li.extended:hover .homelink .homeiconhover {
	display: block;
}
.nav-container ul, .nav-container li {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
}
.nav-container ul li {
	float: left;
	margin: 0 auto;
}
.nav-container ul li a.toplevel {
	color: white;
	text-transform: uppercase;
	padding: 3px 7px;
	line-height: 24px;
}
.nav-container ul li a.homelink {
	padding: 3px 5px 3px 2px;
}
.nav-container ul li a.toplevel:active {
	text-decoration: underline;
}
.nav-container #toppatterns {
	width: 72px;
	line-height: 12px;
}
.nav-container #topneedles {
	width: 72px;
	line-height: 12px;
}
.nav-container #topknit {
	width: 112px;
	line-height: 12px;
}
.nav-container #tophaberdashery {
	width: 112px;
	line-height: 12px;
}
.nav-container #topneedlecraft {
	width: 106px;
	box-sizing: border-box;
}
.nav-container #topbuttons {
	width: 63px;
	line-height: 12px;
}
.nav-container #topribbons {
	width: 65px;
	line-height: 12px;
}
.nav-container #topclearance {
	width: 65px;
	line-height: 12px;
}
.nav-container ul li a.toplevel .topnew {
	color: red;
	width: 100%;
	display: block;
}
.nav-container ul li a {
	display: block;
	color: #393939;
	font-size: 13px;
	font-weight: bold;
	padding: 3px 16px;
	text-decoration: none;
	border-right: solid 2px #7caeae;
	margin: 0 auto;
}

.nav-container #fabricfirstgroup {
	width: 305px;
	position: relative;
	display: inline-grid;
	float: left;
}
.nav-container #fabricbrandgroup {
	margin-bottom: 10px;
}
.nav-container #fabricsecondgroup {
	display: block;
	width: 160px;
	float: left;
}
.nav-container #fabricbrandgroup .one, .nav-container #fabricbrandgroup .two {
	width: 130px
}
.nav-container #fabricthemegroup .one {
	width: 141px;
}
.nav-container #fabricthemegroup .two  {
	width: 150px
}

.nav-container #fabricsecondgroup #wadding {

	display: block;
	background: #ffeeff;
	text-align: center;
	float: left;
	margin-right: 15px;
	margin-bottom: 5px;
	line-height: 16px;
}
.nav-container #fabricsecondgroup #interlining {

	display: block;
	background: #d6ebeb;
	text-align: center;
	float: left;
	margin-right: 15px;
	margin-top: 5px;
	margin-bottom: 5px;
	line-height: 16px;
}

.nav-container .licensed-box {
	background: #ffeeff;
	display: block;
	width: 100%;
	margin-top: 5px;
}

.nav-container .licensed-box .licensed-heading {
	border: 0;
	font-weight: bold;
	text-align: center;
	width: 100%;
	display: block;
	font-size: 15px;
	color: black;
	padding: 3px 0;
}

.nav-container .licensed-box .licensed-link {
	display: block;
	text-decoration: none;
	padding: 0 5px 5px 5px;
	border: 0;
}

.nav-container .licensed-box .licensed-link img {
	width: 100%;
}

.nav-container #fabricsecondgroup .subsection{

	margin-bottom: 5px;
	margin-right:0;
}
.nav-container #fabricsecondgroup #wadding a, .nav-container #fabricsecondgroup #interlining a {

	border: 0;
}
.nav-container .fabric-salebannergrp {
	display: block;
	width: 65%;
	float: left;
	background: #474f64;
	margin: 10px 0 0;
	padding: 5px;
}

.nav-container .fabric-salebannergrp .fabric-saleborder {
	border: 1px dashed white;
	display: block;
}
.nav-container .fabric-salebannergrp .fabric-saleborder a {
	border: none;
	margin: 0;
}
.nav-container .fabric-salebannergrp .fabric-saleborder a h1 {
	font-weight: normal;
	font-family: serif;
	color: white;
	text-align: center;
	font-size: 30px;
	line-height: 30px;
	margin: 0;
}

.nav-container ul li a.clearancelink {
	border-right: none;
}

.nav-container .colours {
	text-align: left;
}

.nav-container .colours li {
	padding: 0 6px;
}

.nav-container .buttonbrandwidth {
	width: 175px
}
.nav-container .buttontypegroup {
	width: 155px;
}
.nav-container .buttonmaterial {
	width: 155px
}
.nav-container .buttonsize {
	width: 130px
}

.nav-container .ribbonsubwidth {
	width: 160px
}
.nav-container .ribbonwidthwidth {
	width: 120px
}

.nav-container .buttontypegroup .subsection {
	width: 75px
}

.nav-container .colours .colourlink {
	display: block;
	width: 18px;
	height: 18px;
	float: left;
	margin: 0 10px 0 0;
	border: solid 1px black;
	}


.nav-container ul li:hover a {
}
.nav-container ul li.extended:hover a {
	color:#393939;
}

.nav-container ul li .menu-block, .nav-container ul li .menu-block-mobile {
	background: #fff;
	display: none;
	padding: 10px 20px 20px;
	position: absolute;
	z-index: 1000;
	text-align: left;
	box-shadow: 0 0 5px #ccc;
}
.nav-container ul li .show {
	display: block;
}
.nav-container ul li:hover .menu-block {
	display: block;
}
.nav-container ul li .menu-block .subsection, .nav-container ul li:hover .menu-block .subsection, .nav-container ul li .menu-block-mobile.show .subsection {
	margin-right: 15px;
}
.nav-container ul li .menu-block .patternparent, .nav-container ul li:hover .menu-block .patternparent, .nav-container ul li .menu-block-mobile .patternparent {
	width: 139px;
	margin-right: 0 !important;
}
.nav-container ul li .menu-block .needleparent, .nav-container ul li:hover .menu-block .needleparent, .nav-container ul li .menu-block-mobile .needleparent {
	width: 95px;
	margin-right: 0!important;
}
.nav-container ul li .menu-block .needlesection, .nav-container ul li:hover .menu-block .needlesectionfirst, .nav-container ul li .menu-block-mobile .needlesection, .nav-container ul li .menu-block-mobile .needlesectionfirst {
	width:95px;
	margin-bottom: 15px;
}
.nav-container ul li .menu-block .needlesection, .nav-container ul li:hover .menu-block .needlesection, .nav-container ul li .menu-block-mobile .needlesection {
	width:95px;
}
.nav-container ul li .menu-block .yarnsection, .nav-container ul li:hover .menu-block .yarnsection, .nav-container ul li .menu-block-mobile .yarnsection {
	width:140px;
}
.nav-container ul li .menu-block.accessories .subsection, .nav-container ul li:hover .menu-block.accessories .subsection, .nav-container ul li .menu-block-mobile.accessories .subsection {
	margin-right: 20px !important;
}
.nav-container ul li .menu-block.accessories .subsection.last, .nav-container ul li:hover .menu-block.accessories .subsection.last, .nav-container ul li .menu-block-mobile.accessories .subsection.last {
	margin-right: 0 !important;
}
.nav-container ul li .menu-block .fixedwidthsub, .nav-container ul li:hover .menu-block .fixedwidthsub, .nav-container ul li .menu-block-mobile .fixedwidthsub, .nav-container ul li .menu-block-mobile .fixedwidthneedlesub {
	width: 140px;
}
.nav-container ul li .menu-block .fixedwidthsub, .nav-container ul li:hover .menu-block .fixedwidthsubfirst, .nav-container ul li .menu-block-mobile .fixedwidthsub {
	width: 104px;
}
.nav-container ul li .menu-block .fixedwidthyarnsub, .nav-container ul li:hover .menu-block .fixedwidthyarnsub, .nav-container ul li .menu-block-mobile .fixedwidthyarnsub {
	width: 147px;
}
.nav-container ul li .menu-block .fixedwidthyarnsub, .nav-container ul li:hover .menu-block .fixedwidthaccessorysub, .nav-container ul li .menu-block-mobile .fixedwidthaccessorysub {
	width: 160px;
}
.nav-container ul li .menu-block .fixedpattern, .nav-container ul li:hover .menu-block .fixedpattern, .nav-container ul li .menu-block-mobile .fixedpattern {
	width: 140px;
	margin-bottom: 15px;
}
.nav-container ul li .menu-block .accessoriesbrandsection, .nav-container ul li:hover .menu-block .accessorieshabsection, .nav-container ul li .menu-block-mobile .accessoriesbrandsection {
	width: 134px;
}

.nav-container ul li .menu-block.fabrics .subsection .fabsubsectionwrapper, .nav-container ul li .menu-block-mobile.fabrics .subsection .fabsubsectionwrapper {
	display: inline-block;
	margin-bottom: 10px;
}
.nav-container ul li .menu-block .fabthreewidth, .nav-container ul li:hover .menu-block .fabthreewidth, .nav-container ul li .menu-block-mobile .fabthreewidth {
	width: 158px;
}
.nav-container ul li .menu-block .subsection .rightbox, .nav-container ul li:hover .menu-block .rightbox, .nav-container ul li .menu-block-mobile .subsection .rightbox {
	display: inline-block;
	width: 170px;
	background: red;
	margin: 15px 12px 0;
	padding: 10px 15px;
}
.nav-container ul li .menu-block .subsection .pinkbox, .nav-container ul li:hover .menu-block .pinkbox, .nav-container ul li .show .subsection .pinkbox {
	background: #ffeeff;
}

.nav-container ul li .menu-block .hab-1, .nav-container ul li:hover .haberdashery .hab-1 {
	margin-right: 0;
}

.nav-container ul li .menu-block .craft-thread {
	width: 155px;
	margin-bottom: 10px;
}
.nav-container ul li .menu-block .craft-thread .subsection {
    margin-bottom: 10px;
}

.nav-container ul li .menu-block .craft-fabric {
	width: 155px;
	margin-right: 0 !important;
}
.nav-container ul li .menu-block .craft-fabric .subsection {
    margin-bottom: 10px;
}
.nav-container ul li .menu-block .craft-kit-tech {
	width: 195px;
}
.nav-container ul li .menu-block .craft-kit-brand {
	width: 166px;
}

#haberdasheryleftgroup .pinkbox {
	background: #ffeeff;
}

#haberdasheryleftgroup .bluebox {
	background: #d6ebeb;;
}
.needlecraft .pinkbox {
	padding: 10px;
	width: 120px;
}

.needlecraft .bluebox {
	width: 350px;
	margin-right: 0 !important;
	margin-top: 5px;
}

.needlecraft .bluebox a {
    border: none;
}

.nav-container .pricegrp {
	padding-top: 10px;
	display: block;
}

.nav-container #patterntypeone {
	width: 205px;
}
.nav-container #patterntypetwo {
	width: 194px;
}

#haberpinkbox {
	margin: 0;
	height: 200px;
	width: 315px;
}
#habfirstgroup {
	width: 174px;
}
#sewingthreadbox {
	padding: 5px 10px;
	margin-bottom: 10px;
	width: 242px;
	margin-right: 15px;
}
#sewingthreadbox .column-1 {
	width: 120px;
	margin-right: 15px;
}
#sewingthreadbox .column-2 {
	width: 90px;
	margin-right: 15px;
}
#zipbox .subsection {
	width: 97px;
}
#zipbox {
	padding: 5px 10px;
	margin-bottom: 10px;
	margin-right: 0;
	width: 226px;
}
#creativebox {
	margin-left: 0;
	width: 145px;
	height: 195px;
	float: left;
	padding: 5px 10px;
	margin-right: 15px;
}
#toymakebox{
	width: 145px;
	height: 195px;
	float: left;
	padding: 5px 10px;
	margin-right: 15px;
}
#bagmakebox {
	margin-right: 0;
	width: 143px;
	height: 195px;
	float: left;
	padding: 5px 10px;
}
#facemask {
	width: 242px;
	padding: 5px 10px;
	margin-top: 10px;
}
#craftfelt {
	width: 226px;
	padding: 5px 10px;
	margin-top: 10px;
	margin-right: 0;
}
#facemask ul li a, #craftfelt ul li a {
	font-weight: bold;
}
#knitingcolorboxgroup {
	float: left;
}
#knitingcolorboxgroup .pinkbox{
	background: #ffeeff;
}
#knitingcolorboxgroup .bluebox {
	background: #d6ebeb;;
}
#knitingcolorboxgroup .accessoriescolourboxvertgroup {
	float: left;
	width: 174px;
}
#knitingcolorboxgroup .accessoriescolourboxvertgroup .knitpink {
	height: 125px;
}
#knitingcolorboxgroup .accessoriescolourboxvertgroup .subsection {
	padding: 5px 10px;
	margin-bottom: 10px;
}

.nav-container ul li .menu-block-mobile.yarn .subsection{
	margin-right: 15px;
}
.nav-container ul li .menu-block .subsection .pinkbox .heading, .nav-container ul li:hover .menu-block .pinkbox .heading, .nav-container ul li .menu-block-mobile .subsection .pinkbox .heading {
	border-bottom: 1px solid #ff94ff !important;
}
.nav-container ul li .menu-block .subsection .bluebox, .nav-container ul li:hover .menu-block .bluebox, .nav-container ul li .menu-block-mobile .subsection .bluebox {
	background: #d6ebeb;
}
.nav-container ul li .menu-block .subsection, .nav-container ul li:hover .menu-block .subsection.last, .nav-container ul li .menu-block-mobile .subsection.last{
	margin-right:0;
}
.nav-container ul li .menu-block-mobile .hab-1 .subsection{
	margin-right: 15px;
}
.nav-container ul li .menu-block .blocklast, .nav-container ul li:hover .menu-block .blocklast, .nav-container ul li .menu-block-mobile .blocklast {
	margin-left:5px;
	margin-right: 10px !important;
}
.nav-container ul li .menu-block .subsection .heading, .nav-container ul li:hover .menu-block .subsection .heading, .nav-container ul li .menu-block-mobile .subsection .heading {
	display: block;
	font-size: 15px;
	font-weight: bold;
	margin: 0 0 5px 0;
	border-bottom: 1px solid #7caeae;
}
.nav-container ul li .menu-block .subsection .heading a, .nav-container ul li:hover .menu-block .subsection .heading a, .nav-container ul li .menu-block-mobile .subsection .heading a {
	border-right: none;
	font-size: 15px;
	padding: 0;
}
.nav-container ul li .menu-block .subsection .bottomheading, .nav-container ul li:hover .menu-block .subsection .bottomheading, .nav-container ul li .menu-block-mobile .subsection .bottomheading {
	margin-top: 20px;
}

.nav-container ul li .menu-block .subsection .heading, .nav-container ul li:hover .menu-block .subsection .yarncategoryheading {
	margin-top: 20px;
}
.nav-container ul li .menu-block .subsection ul, .nav-container ul li:hover .menu-block .subsection ul {
}
.nav-container ul li .menu-block .subsection ul li, .nav-container ul li:hover .menu-block .subsection ul li, .nav-container ul li .menu-block-mobile .subsection ul li {
	border: none;
	float: none;
	line-height: 24px;
}

.nav-container ul li .menu-block .subsection ul li .tag, .nav-container ul li:hover .menu-block .subsection ul li .tag, .nav-container ul li .menu-block-mobile .subsection ul li .tag {
	background: #e30e74;
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	padding: 1px 3px;
}
.nav-container ul li .menu-block .subsection ul li a, .nav-container ul li:hover .menu-block .subsection ul li a, .nav-container ul li .menu-block-mobile .subsection ul li a {
	background: transparent none;
	color: #000;
	display: block;
	font-size: 15px;
	font-weight: normal;
	padding: 0;
	text-decoration: none;
	border: none;
}
.nav-container ul li .menu-block .subsection ul li a:hover, .nav-container ul li:hover .menu-block .subsection ul li a:hover {
	text-decoration: underline;
}

.nav-container .subsection {
	float: left;
}

.nav-container .subsection .needlecraft-subsection {
	padding-top: 10px;
	display: block;
}

/* Fix for odd layout on buttons dropdown */
.nav-container ul li .menublock.buttons span {
	right: 0;
}

.nav-container ul li .menu-block-mobile.patternsbooks .parent {
	margin-right: 15px;
}

.nav-container ul li .menu-block-mobile.patternsbooks .parent .fixedwidthsub{
	width: 140px;
}

/* dropdown menu positioning */
.nav-container ul li .menu-block.yarn , .nav-container ul li .menu-block-mobile.yarn {
	left: 0;
	right: 0;
}
.nav-container ul li .menu-block .subsection ul li .whatnewlink, .nav-container ul li .menu-block-mobile .subsection ul li .whatnewlink {
	font-weight: bold !important;
	color: #7caeae !important;
}
.nav-container ul li .menu-block.patternsbooks, .nav-container ul li .menu-block-mobile.patternsbooks {
	left: 0;
	right: 0;
}
.nav-container ul li .menu-block.needleshooks,  .nav-container ul li .menu-block-mobile.needleshooks {
	left: 0;
	right: 0;
}
.nav-container ul li .menu-block.accessories, .nav-container ul li .menu-block-mobile.accessories {
	left: 0;
	right: 0;
}
.nav-container ul li .menu-block.fabrics, .nav-container ul li .menu-block-mobile.fabrics {
	left: 0;
	right: 0;
}
.nav-container ul li .menu-block.haberdashery, .nav-container ul li .menu-block-mobile.haberdashery {
	left: 0;
	right: 0;
}
.nav-container ul li .menu-block.needlecraft, .nav-container ul li .menu-block-mobile.needlecraft {
	left: 0;
	right: 0;
}
.nav-container ul li .menu-block.buttons, .nav-container ul li .menu-block-mobile.buttons {
	left: 0;
	right: 0;
}
.nav-container ul li .menu-block.ribbons, .nav-container ul li .menu-block-mobile.ribbons  {
	left: 0;
	right: 0;
}

.nav-container ul li .menu-block .yarntopmenuimagebuttons {
	width: 100%;
	display: inline-block;
	position: relative;
	text-align: center;
	margin-top: 20px;
}
.nav-container ul li .menu-block .yarntopmenuimagebuttons a {
	display: inline-block;
	border: none;
}

.needlecraft .pinkbox.toolaccessories {
	width: 175px;
    margin-right: 0 !important;
    margin-bottom: 10px;
}
/* end dropdown menu positioning */

/* mobile menu extra */
.mobile-menu-closegrp {
	width: 100%;
	display: inline-block;
}
.mobile-menu-closegrp ul li {
	width: 33.3%
}
.mobile-menu-closegrp ul li .whatnewlink {
	font-weight: bold !important;
	color: #7caeae !important;
	text-align: center;
	border: none;
}
.mobile-menu-closegrp ul li .closetopdrop {
	font-weight: bold !important;
	color: #7caeae !important;
	text-align: right;
	border: none;
}

/*search form*/
.search-block {
	height: 18px;
	margin: 0 auto 0 auto;
	position: absolute;
	top: 70px;
	float: none;
	text-align: left;
	right: 0;
}
.search-block p {
	color: #fff;
	font: 14px 'Open Sans', Arial, Helvetica, sans-serif;
	float: left;
	margin-bottom: 0;
	width: 420px;
	position: relative;
}
.search-block p span {
	float: left;
}
.search-block p strong {
	padding-right: 7px;
	font: bold 18px 'Open Sans', Arial, Helvetica, sans-serif;
}
.search-block p a.details {
	display: block;
	float: right;
	margin-top: 2px;
	margin-left: 12px;
	height: 25px;
	line-height: 22px;
	padding: 4px 22px 0px 23px;
	text-decoration: none;
	background: url(../images/details_btn_split.gif) no-repeat 0 0;
}
.search-block p a.details:hover {
	background: url(../images/details_btn_split.gif) no-repeat 0 -31px;
}
.search-block p a.details span {
	color: #fff;
	float: left;
	font: bold 12px 'Open Sans', Arial, Helvetica, sans-serif;
}
.search-block #search_mini_form {
	float: right;
	$width: 276px;
}
.search-block .form-search label {
	padding-top: 6px;
	float: left;
	color: #ffffff;
	font: bold 12px 'Open Sans', Arial, Helvetica, sans-serif;
}
.search-block .form-search input.input-text {
	width: 160px;
	height: 20px;
	background: white;
	padding: 2px 0px 2px 6px;
	margin: -2px 10px 0 0;
	border: solid 1px #393939;
	float: left;
	position: relative;
	color: #333;
	font:11px 'Open Sans', Arial, Helvetica, sans-serif;
}
.search-block .form-search input.input-text:focus {
	color: #6f6f6f;
}
.search-block .form-search button.button span span {
	background: none;
	border: 0;
}
.search-block .form-search button.button span {
	background: none;
	border: dotted 1px #393939;
}
.head_phone_block {
	position: absolute;
	top: 19px;
	right: 135px;
	text-align: right;
	color: #7f7f7f;
	font: bold 11px 'Open Sans', Arial, Helvetica, sans-serif;
	z-index: 30;
}
.head_phone_block .phone {
	color: #393939;
}
#topmessages {
	color: #7caeae;
	position: absolute;
	top: 15px;
	right: 375px;
	text-align: center;
	font-size: 1.2em;
	font-weight: bold;
	display: inline-block;
	width: 350px;
	white-space: nowrap;
	z-index: 1;
}
#topmessages div {
	text-align: center;
	line-height: 1.1em;
	font-size: 1.1em;

}
#topmessages #callusmessage, #topmessages #internationalmessage {
	font-weight: normal;
	color: #393939;
	font-size: 0.6em;
    line-height: 0.6em;
}
#topmessages #internationalmessage a:link,#topmessages #internationalmessage a:visited {
    text-decoration: none;
}
#topmessages #internationalmessage a:hover {
    color: #f3afbc;
}
#topmessages #internationalmessage,#topmessages #callusmessage, #topmessages a {
	font-weight: bold !important;
	color: #393939 !important;
}
#topmessages a:hover {
	color: black !important;
}
#topmessages .messagegroup {
	padding: 0 5px;
}
#attic24message {
	position: absolute;
	bottom: 35px;
	right: 240px;
	height: 36px;
	width: 140px;
}
#giftvouchericon {
	position: absolute;
	right: 190px;
	bottom: 5px;
}
#basketmessage img {
	position: absolute;
	left: -25px;
}
#basketmessage .filledbasket {
	position: absolute;
	left: -25px;
	display: none;
}
#basketmessage .filledbasket.filled {
	display: block;
}
#basketmessage .filledbasket .ball {
	position: absolute;
	border-radius: 50%;
	width: 10px;
	height: 9px;
}
#basketmessage .filledbasket .ball span {
	position: absolute;
	border-radius: 50%;
	width: 3px;
	height: 3px;
	background: grey;
	opacity: 0.3;
	top: 50%;
	left: 50%;
	transform: translate(-50% -50%);
}
#basketmessage .filledbasket .ball.one {
	left: 3px;
	top: 5px;
	transform: rotate(25deg);
}
#basketmessage .filledbasket .ball.two {
	left: 10px;
	top: 7px;
}
#basketmessage .filledbasket .ball.three {
	left: 18px;
	top: 6px;
	height: 8px;
	transform: rotate(335deg);
}
#basketmessage .filledbasket .ball.four {
	left: 7px;
	top: -1px;
	width: 9px;
}
#basketmessage .filledbasket .ball.five {
	left: 14px;
	top: 0;
	transform: rotate(125deg);
}
#basketmessage .filledbasket .ball.blue {
	background: #54549b;
}
#basketmessage .filledbasket .ball.yellow {
	background: #ebf5a8;
}
#basketmessage .filledbasket .ball.green {
	background: cyan;
}
#basketmessage .filledbasket .ball.red {
	background: #843636;
}
#basketmessage .filledbasket .ball.pink {
	background: hotpink;
}
#basketmessage {
	position: absolute;
	bottom: 10px;
	right: 5px;
}
#basketmessage.international {
	right: 10px;
}
#basketmessage .baskettextwrapper {
	display: inline-block;
	width: 125px;
	text-align: center;
	font-size: 10px;
}
#basketmessage .baskettextwrapper a {
	text-transform: uppercase;
	color: #393939;
	text-decoration: none;
}
#basketmessage a:link, #topmessages #basketmessage a:visited {
	color: #393939;
	text-decoration: none;
}
#basketmessage a:hover {
	text-decoration: underline;
}
div.block-cart-top {
	width: 245px;
	height: 33px;
	top: 15px;
	right: -20px;
	position: absolute;
}
div.block-cart-top .block-content {
	position: relative;
	margin-left: 70px;
}
div.block-cart-top .block-content .summary {
	margin: 20px 0 0 0px;
	$margin: 20px 0 0 0px;
	text-align: left;
}
div.block-cart-top .block-content .summary .amount {
	color: #4a4e59;
	font: bold 11px 'Open Sans', Arial, Helvetica, sans-serif;
	margin-bottom: 4px;
	text-align: center;
}
div.block-cart-top .block-content .actions {
	position: absolute;
	top: -20px;
	left: 55px;
}
div.block-cart-top .block-content .actions button.button-small {

}
/* REQUIRED BUTTON STYLES: */
div.block-cart-top .actions button.button-small {
	position: relative;
	border: 0 !important;
	cursor: pointer;
	padding: 0;
	overflow: visible;
}
div.block-cart-top .actions button.button-small::-moz-focus-inner {
 border: none;
}
div.block-cart-top .actions button.button-small span {
	position: relative;
	display: block;
	white-space: nowrap;
	border: 0 !important;
	background: none !important;
	height:15px;
	padding: 0;
	margin: 0;
}
div.block-cart-top .actions button.button-small span span {
	position: relative;
	display: block;
	white-space: nowrap;
	border: 0 !important;
}
 @media screen and (-webkit-min-device-pixel-ratio:0) {
	/* Safari and Google Chrome only - fix margins */
	div.block-cart-top .actions button.button-small span {
 margin-top: -1px;
}
}
/* OPTIONAL BUTTON STYLES for applying custom look and feel: */
div.block-cart-top .actions button.button-small {
	padding: 0 6px 0 0;
	font: bold 10px 'Open Sans', Arial, Helvetica, sans-serif;
	text-align: center;
	background: transparent url(../images/button-small-split.gif) no-repeat right -22px;
	height: 15px !important;
}
div.block-cart-top .actions button.button-small span span {
	padding: 0px 0 0 7px;
	height: 15px;
	background: transparent url(../images/button-small-split.gif) no-repeat left top !important;
	border: 0 !important;
	color: #fff;
	font: bold 10px 'Open Sans', Arial, Helvetica, sans-serif;
	text-transform: none;
}
div.block-cart-top .actions button.button-small:hover, div.block-cart-top .actions button.buttonHover { /* the redundant class is used to apply the hover state with a script */
	background-position: right -66px;
}
div.block-cart-top .actions button.button-small:hover span span, div.block-cart-top .actions button.buttonHover span span {
	background-position: 0 -44px !important;
}
/*header links*/
.header .quick-access {
	padding: 0px 0px 0px 0px;
	margin-top: 0px;
	width: 530px;
	position: relative;
}
.header .quick-access .switchers {
	position: absolute;
	top: 12px;
	$top: 5px;
	left: 329px;
	text-align: right;
	padding-top: 0px;
}
.header .quick-access .switchers label {
	display: none;
}

div.store-switcher, div.form-language {
	width: 110px;
	margin-left: 16px;
}
div.switchers select {
	border: 1px solid #ccc;
	background: #fff;
}
.header .form-language select {
	margin-left: 0;
}
.header .welcome-msg {
	position: absolute;
	top: 14px;
	left: 50px;
	text-align: left;
	color: #7f7f7f;
	font: 11px 'Open Sans', Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.header .welcome-msg span {
	color: #6a4e1f !important;
	font: 30px 'Open Sans', "Times New Roman", Times, serif;
}
div.top_static {
	text-align: right;
	margin: 0px 0px 4px 0px;
}
div.top_static p {
	margin:0;
	padding:0;
}
div.top_static a:link, div.top_static a:visited {
	color: #5d5d5d !important;
	font: 11px 'Open Sans', Arial, Helvetica, sans-serif !important;
	font-weight: normal !important;
	text-decoration: none !important;
	padding: 0px 14px 0px 10px !important;
	background:url(../images/top_static_links_sp.gif) no-repeat 100% 50% !important;
}
div.top_static a:hover {
	color: #7b7b7b !important;
}
div.top_static a.last {
	background: none !important;
	padding: 0px 0px 0px 10px !important;
}
div.top_static a:hover {
	text-decoration: underline !important;
}
.header .links {
	float: right;
	text-align: right;
	width: 500px;
}
.header .links li {
	display: block;
	float: right;
	padding:0 6px 0 0;
	margin-top: 5px;
}
.header .links li.first {
	display: none;
}
.header .links li.last {
	padding:0px 13px 0px 10px !important;
}
.header .links a:link, .header .links a:visited {
	color: #393939;
	text-decoration: none;
	font: 10px 'Open Sans', Arial, Helvetica, sans-serif;
	background: url(../images/header_links_sp.gif) no-repeat 0% 50%;
	padding: 0px 0px 0px 5px;
	text-transform: none;
}

.header .links .top-link-cart {
	display: none;
}
.header .links a:hover {
	color: #393939;
	text-decoration: underline;
}
.header .links li.last a {
	padding: 0px 0px 0px 10px;
}
.header .links li.first a {
	background: none;
}

.salesbannerbackground {
	background: #e6e6e6;
	width: 100%;
	height: 40px;
	display: inline-block;
	padding: 5px;
	box-sizing: border-box;
}
.salesbannercontainer  {
	background:#f3afbc;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.salesbannercontainer .salesbanner {
	font-weight: bold;
	font-size: 14px;
	line-height: 30px;
	height: 30px;
	width: 100%;
}

.salesbannercontainer .salesbanner a {
	display: block;
	text-decoration: none;
	color: #393939;
}
.salesbannercontainer .salesbanner .shopbutton {
	background: #393939;
	color: white;
	text-transform: uppercase;
	margin: 3px 10px;
	padding: 3px 10px;
	display: inline-block;
	font-weight: normal;
	line-height: 18px;
}

/*breadcrumbs*/
.breadcrumbs {
	clear: both;
	margin-bottom: 0px;
	padding: 1px 0 4px 2px;
}
.breadcrumbs li {
	margin-right: 5px;
	color: #393939;
}
.breadcrumbs strong {
	font-weight: normal !important;
}
.breadcrumbs li strong {
	color: #393939;
}
.breadcrumbs span {
	display: none;
}
.breadcrumbs a:link, .breadcrumbs a:visited {
	color: #393939;
	text-decoration: none;
	padding-right: 14px;
	background: url(../images/breadcrumbs_sp.gif) no-repeat 100% 61%;
}
.breadcrumbs li.home a {
	color: #393939;
}
.breadcrumbs a:hover, .breadcrumbs li.home a:hover {
	color: #000;
}
/*------------------Footer-------------------*/
.footer-container {
	border-top: 0;
	background: transparent;
}
.footer {
	width: 950px;
	padding: 0;
	position: relative;
	background: #99cccc;
	padding: 2px 0;
}
.footer li {
	background: none;
}
.footer ul.links {
	display: none;
	padding-bottom: 2px;
	padding-top: 0px;
}
.footer address {
	margin-bottom: 0px;
	padding-top: 2px;
	color: black;
}
.footer a:link, .footer a:visited {
	color: white;
}
.footer a:hover {
	color: #393939;
	text-decoration: none;
}
.footer .block-subscribe-footer {
	position: absolute;
	right: 0;
	top: 0;
	padding: 0;
	margin: 0;
}
.footer .block {
	background: none;
	border: 0;
	border-radius: 0;
	width: 300px;
	padding: 7px 0 0 0;
	text-align: left;
}
.footer .block .block-content {
	background: none;
}
.footer .block-subscribe-footer label {
	color: #393939;
	font-size: 1.1em;
	font-weight: bold;
}
.footer .block-subscribe-footer .input-box {
	float: left;
	margin: 5px 0 0 0;
	border: solid 1px #393939;
}
.footer .block-subscribe-footer .input-box input {
	width: 188px;
}
.join_us_block {
	margin-bottom: 13px;
	padding: 1px 1px 1px 45px;
	height: 63px;
	text-align: left;
	background: #F0F6F9;
	border: solid 1px #B0CBBF;
	border-radius: 10px;
}
a.join:link, a.join:visited {
	display: block;
	width: 249px;
	height: 37px;
	line-height: 37px;
	background: url(../images/join_bg.gif) no-repeat 0 0;
	margin: 13px 14px 0px 0px;
	padding: 0px 20px 0px 10px;
	float: left;
	position: relative;
	text-decoration: none;
	color: #697073;
	font-size: 10px;
	text-align: center;
}
a.join:hover {
	text-decoration: none;
}
a.join strong {
	font-size: 24px;
	color: #3983b2;
	text-transform: uppercase;
	font-weight: normal;
}
a.join:hover strong {
	color: #6dbde5;
}
.footer .footer_block {
	color: white;
	margin-left: 0px;
	padding: 23px 20px 5px 43px;
	background: 99cccc;
	text-align: left;
}
.footer .footer_block h3 {
	text-transform: uppercase;
	color: white;
	}
.footer .footer_block {
	background: #99cccc;
	display: block;
	margin-left: 0px;
	color: white;
	padding: 15px 20px 5px 43px;
	border-top: 2px dashed #7caeae;
	border-bottom: 2px dashed #7caeae;
}
.footer_block .links_block {
	clear: both;
	margin-bottom: 10px;
}
.footer_block .links_block div {
	color: white;
	float: left;
	margin-right: 50px;
}
.footer_block .links_block div.last {
	margin-right: 0;
	margin-left: 8px;
}
.footer_block .links_block div a.title:hover {
	text-decoration: none;
	cursor: default;
}
.footer_block .links_block div ul {
	display: block;
}
.footer_block .links_block div ul li {
	display: block;
}
.footer_block .links_block div ul li a {
	font: normal 11px 'Open Sans', Arial, Helvetica, sans-serif;
	text-decoration: none;
}
.footer_block .links_block div ul li a:hover {
}

.footer_block #sagepaycardsaccepted {
	position: absolute;
	bottom: 25px;
	right: 20px;
}

.footer_block #socialmedia {
	position: absolute;
	right: 0px;
	bottom: 35px;
	width: 490px;
}
.footer_block #socialmedia #facebook, .footer_block #socialmedia #twitter, .footer_block #socialmedia #ravelry, .footer_block #socialmedia #instagram, .footer_block #socialmedia #webackedbipoc, .footer_block #socialmedia #tiktok, .footer_block #socialmedia #pinterest {
	display: block;
	width: 48px;
	height: 48px;
	float: left;
	margin: 0 20px 0 0;
}

.footer_block #socialmedia #facebook {
	background:url('/media/woolwarehouse/images/facebook.png') no-repeat;
}
.footer_block #socialmedia #twitter {
	background:url('/media/woolwarehouse/images/twitter.png') no-repeat;
}
.footer_block #socialmedia #ravelry {
	background:url('/media/woolwarehouse/images/ravelry.png') no-repeat;
}
.footer_block #socialmedia #instagram {
	background:url('/media/woolwarehouse/images/instagram.png') no-repeat;
}
.footer_block #socialmedia #webackedbipoc {
	background:url('/media/woolwarehouse/images/webackedbipocbadge.png') no-repeat;
	width: 61px;
}
.footer_block #socialmedia #tiktok {
	background:url('/media/wysiwyg/tiktoklogo.png') no-repeat;
}
.footer_block #socialmedia #pinterest {
	background:url('/media/wysiwyg/Homepage/pinterest.png') no-repeat;
}

.footer .design-by,  .footer .design-by a {
	padding-bottom: 0px;
	background: #3983b2; color: #489fd6;
	font: normal 10px 'Open Sans', Arial, Helvetica, sans-serif;
}
/*-------------------------------------------------------SIDE BARS-----------*/
.block {
	border: 0;
	margin: 0;
	background: #e6e6e6;
	position: relative;
	padding: 35px 0 0 0;
	width: 234px;
}
.block .block-title {
	border-bottom: 0px;
	padding: 0px 0px 0px 0px;
	background: transparent;
}

.block-account .block-content li a, .block-account .block-content li.current strong, .block-account .block-content li.current {
	border: 0 !important;
}
.block-cart .block-title strong, .block-wishlist .block-title strong, .block-subscribe .block-title strong,
.block-compare .block-title strong, .block-reorder .block-title strong, .block-poll .block-title strong,
.block-viewed .block-title strong, .block-compared .block-title strong, .block-related .block-title strong,
.block-tags .block-title strong, .block-login .block-title strong {
	color: #333333;
}
.block .block-title strong {
	color: #393939;
	text-transform: uppercase;
	padding: 7px 10px;
	font-size: 14px;
	background:#e6e6e6;
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	width: 214px;
}
.block .block-title strong span {
	padding: 0;
}
.block .block-content {
	color: #313438;
	padding-top: 6px;
	padding-bottom: 13px;
	padding-left: 4px;
	padding-right: 2px;
	background: #e6e6e6;
}
#checkout-progress-wrapper .block .block-content {
	padding-top: 36px;
	}
.block-cart .block-content {
	color: #2f3135;
}
.block-cart .actions {
	padding-right: 48px;
}
.block-payment-options .block-content {
	padding-left: 9px;
}
.block-account .block-content {
	padding: 7px 10px 7px 13px;
}
.block li.odd {
	background: transparent;
}
.buy_theme .block-title {
	background: #beb5a3 url(../images/block_head_line.gif) no-repeat 0 100%;
}
.buy_theme .block-title strong {
	padding: 8px 4px 9px 10px;
	background: url(../images/block_head_theme.gif) no-repeat 0 0;
}
.buy_theme .block-content {
	padding-top: 6px;
	padding-left: 15px;
}
.buy_theme .block-content p.theme_price {
	float: left;
	color: #313438;
	font-weight: bold;
	font-size: 12px;
}
.buy_theme .block-content p.buy_theme {
	float: right;
	margin: 0 10px 10px 0;
}
.buy_theme .block-content p.theme_price span{
	color: #c40f02;
}
.buy_theme .block-content p {
	float: left;
}
p.forum {
	margin-bottom: 5px;
	clear: both;
	width: 100%;
}
p.forum a {
	background:url("../images/forum.gif") no-repeat 0 0;
	color:#2d2d2d;
	line-height:17px;
	padding:0 0 2px 26px;
	text-decoration: none;
}
p.more_themes a {
	background:url("../images/more.gif") no-repeat 0 0;
	color:#2d2d2d;
	line-height:17px;
	padding:0 0 2px 26px;
	text-decoration: none;
}
p.forum a:hover, p.more_themes a:hover {
	text-decoration: none;
	color:#a3a5aa;
}
.block-nav-container {
	padding:0 0 0 0;
}
.block-nav-container #left-nav {
	padding: 0 0 4px 0px;
	background: url(../images/block_bt.gif) no-repeat 0 100%;
}
.block-nav-container #left-nav li.level0 {
	padding-top: 3px;
	background: url(../images/left-nav-title.gif) no-repeat 0 0;
}
.block-nav-container #left-nav li.nav-1 {
	padding-top: 3px;
	background: url(../images/left-nav-title-first.gif) no-repeat 0 0;
}
.block-nav-container #left-nav li.level0 a {
	padding-left: 16px;
	text-transform: uppercase;
	text-decoration: none;
}
.block-nav-container #left-nav li.level0 a span {
	color: #1d778d;
	font: bold 12px 'Open Sans', Arial, Helvetica, sans-serif;
}
.block-nav-container #left-nav ul.level0 {
	background: transparent !important;
	margin: 12px 0 5px 14px;
	padding:0px 0 0px 0 !important;
}
.block-nav-container #left-nav li.nav-1 ul.level0 {
	margin: 8px 0 5px 14px;
}
.block-nav-container #left-nav ul.level0 li.level1 {
	padding: 0 0 0 0 !important;
	line-height: 18px;
}
.block-nav-container #left-nav ul.level0 li.level1 a {
	height:20px !important;
	line-height: 18px !important;
	margin:0 !important;
	padding:0 10px 0 0px !important;
	text-transform:none !important;
}
.block-nav-container #left-nav ul.level0 li.level1 a span {
	color: #2f3135;
	font: normal 12px 'Open Sans', Arial, Helvetica, sans-serif;
}
.block-nav-container #left-nav ul.level0 li.level1 a:hover{
	background: transparent;
}
.block-nav-container #left-nav ul.level0 li.level1 a:hover span {
	color: #348dbc;
}
.left_banner {
	margin-bottom: 15px;
	padding: 5px 4px 5px 4px;
	background: url(../images/leftbanner_bg.gif) no-repeat 0% 0;
}
.left_banner img {
	border: 1px solid #797f87;
}
.left_b_banner {
	text-align: center;
	margin-bottom: 12px;
}
.whyshopwithus {
	margin-bottom: 15px;
	height: 231px;
	padding: 14px 5px 0 15px;
	background: url(/media/whyshopwithus_bg.jpg) no-repeat 0% 0;
}
.whyshopwithus .title {
	display: block;
	margin-right: 10px;
	text-align: center;
	color: #041928;
	font: bold 12px 'Open Sans', Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}
.whyshopwithus ul {
	margin-top: 9px;
}
.whyshopwithus ul li {
	background: url(../images/bbul.gif) no-repeat 0% 6px;
	padding: 3px 4px 4px 20px;
	line-height: 13px;
}
.whyshopwithus ul li a {
	color: #348dbc;
	font: bold 12px 'Open Sans', Arial, Helvetica, sans-serif;
	text-decoration: none;
}
.whyshopwithus ul li a:hover {
	color: #041928;
}
/*shop by, category*/
.block-layered-nav .block-subtitle {
	display: none;
}
.block-layered-nav .block-title {
	text-indent:0em;
	height: 14px;
}
.block-layered-nav .block-title strong {
	height: 17px;
}
.block-layered-nav .block-content {
	border: 0;
	padding-top: 0;
	padding-bottom: 5px;
}
.block-layered-nav dt {
	background: none;
	font-weight: bold;
	color: #2f3135;
	padding: 4px 0px 3px 4px;
	text-transform:none;
}
.block-layered-nav li {
	color: #2f3135;
}
.block-layered-nav a:link, .block-layered-nav a:visited {
	font: normal 12px/16px 'Open Sans', Arial, Helvetica, sans-serif;
	color: #393939;
	text-decoration: none;
}

.block-layered-nav dd {
	background: none;
}
.block-layered-nav .currently .label {
	background:none;
	font-weight:bold;
	padding-left:0px;
	text-transform:none;
	color: #a03319;
}
.block-layered-nav .currently .label span {
	font-weight:normal;
	color: #5d5d5d;
}
.block-layered-nav dd {
	padding: 0 0px 10px;
}
/*block-cart*/
.block-cart .block-title strong {
	background: url(../images/block_head_cart.gif) no-repeat 0 0;
}
.block-cart .block-title strong span {
	padding: 0 0 0 16px;
}
.block-popular .block-title strong, .block-account .block-title strong, .block-service .block-title strong {

}
.block-cart .amount a {
	font-weight:bold;
	color: #348dbc;
}
.block-cart .subtotal .price {
	font-weight:bold;
	color: #348dbc;
}
/*block-subscribe*/
.block-subscribe .block-title {
	background: transparent;
}
.block-subscribe .block-title strong {
	display: block;
	padding: 14px 4px 12px 37px;
	background: transparent url(../images/block_head_subscribe.gif) no-repeat scroll 0 0;
}
.block-subscribe .block-title strong span {
	color: #2c85b4;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	padding-left: 14px;
}
.block-subscribe .block-content {
padding-top: 0;
padding-left: 12px !important;
	padding-right: 2px;
}
.block-subscribe input.input-text {
	width: 146px;
	height: 20px;
	color: #ffffff;
	background: url(../images/subscribe_input.gif) no-repeat 0 0;
	border: 0;
	margin: 4px 0px 0px 0px;
	padding: 0px 0px 0px 2px;
}
.block-subscribe input.input-text:focus {
	background: url(../images/subscribe_input.gif) no-repeat 0 0;
}
.block-subscribe .input-box {
	float: left;
	position: relative;
	margin: 0;
	padding: 0px 0px 0px 0px;
}
.block-subscribe .actions {
	float: left;
	position: relative;
	margin: 4px 0px 0px 0px;
	padding: 0;
}
.block-subscribe .button {
	display: block;
	height: 20px;
	width: 18px;
	background: url(../images/subscribe_btn.gif) no-repeat 0 0;
	margin: 0;
 $margin: 1px 0px 0px 0px;
	padding: 0;
	cursor: pointer;
}
.block-subscribe .button:hover {
	background: transparent url(../images/subscribe_btn.gif) no-repeat -18px 0px;
	cursor: pointer;
}
.block-subscribe .button span {
	float: left;
	position: relative;
	display: none;
}
/*block-subscribe-inline*/
.block-subscribe-inline {
	border-radius: 0;
	border: none;
	background: #e6e6e6;
	padding: 0;
	margin-bottom: 0;
	width: 100%;
	text-align: center;
}
.block-subscribe-inline form {
	display: inline-block;
}
.block-subscribe-inline label {
    color: #393939;
	float: left;
	margin: 2px 10px 0 10px;
	font-size: 12px;
}
.block-subscribe-inline .block-content {
	padding: 0;
	box-sizing: border-box;
	display: inline-block;
	line-height: 36px;
	height: 36px;
	margin: auto;
	color: #9e9e9e;
}
.block-subscribe-inline input.input-text {
	width: 190px;
	height: 20px;
	border: 0;
	margin: 0;
	padding: 0px 0px 0px 2px;
}
.block-subscribe-inline input.input-text:focus {
}
.block-subscribe-inline .input-box {
	float: left;
	position: relative;
	border: none;
	padding: 0px 0px 0px 0px;
}
.block-subscribe-inline .button {
	background: #e6e6e6;
	padding: 10px 0 0 0;
	margin: 0;
}
/* Recently Viewed Products inline */
.block-viewed-inline {
	padding: 0;
}
/* Other inline homepage elements */
.inline-title {
	background: #99CCCC;
	text-transform: uppercase;
	border: 0;
	width: auto;
	color: white;
	font-size: 14px;
	font-weight: bold;
	padding: 2px 0;
}
.inline-title span {
	padding: 5px 0 5px 10px;
	display: block;
	border-top: 2px dashed #7caeae;
	border-bottom: 2px dashed #7caeae;
}
/* Homepage Favourite Brands */
.block-homepage-favourite-brands {
	border-radius: 0;
	border: none;
	background: none;
	width: auto;
	padding: 0;
	margin: 0;
}
.block-homepage-favourite-brands .block-content {
	background: #fff;
	padding-bottom: 0px;
	}
.block-homepage-favourite-brands #favourite-brands-icons {
	list-style: none;
	margin-top: 10px;
	height: 30px;
	padding-left: 13px;
}
.block-homepage-favourite-brands #favourite-brands-icons li  {
	display: block;
	float: left;
}
.block-homepage-favourite-brands .brands-icons li  {
	display: block;
	float: left;
}
.block-homepage-favourite-brands .brands-icons img  {
	height: 52px;
}

/*.block-homepage-favourite-brands #favourite-brands-icons a  {
	margin: 0 15px 0 0;
	}Commented out by [Phil]*/
.block-homepage-favourite-brands #favourite-brands-icons img  {
	height: 52px;
}
.block-homepage-favourite-brands .favourite-brands-infobox {
	display: none;
	margin: 240px 10px 10px 10px;
	padding: 10px;
	border: solid 2px #99cccc;
	position: relative;
}
.block-homepage-favourite-brands .favourite-brands-infobox p {
	margin: 0;
}
.block-homepage-favourite-brands #drops-info {
	display: block;
}
.block-homepage-favourite-brands .favourite-brands-infobox .pointer-up {
	background: url('../images/pointer_up.png') no-repeat;
	width: 20px;
	height: 10px;
	position: absolute;
	top: -11px;
}
.block-homepage-favourite-brands #drops-info .pointer-up
{
	left: 25px;
}
.block-homepage-favourite-brands #stylecraft-info .pointer-up
{
	left: 115px;
}
.block-homepage-favourite-brands #sirdar-info .pointer-up
{
	left: 235px;
}
.block-homepage-favourite-brands #rico-info .pointer-up
{
	left: 320px;
}
.block-homepage-favourite-brands #rowan-info .pointer-up
{
	left: 392px;
}
.block-homepage-favourite-brands #debbie-bliss-info .pointer-up
{
	left: 468px;
}
.block-homepage-favourite-brands #patons-info .pointer-up
{
	left: 566px;
}
.block-homepage-favourite-brands #pony-info .pointer-up
{
	left: 660px;
}
.block-homepage-favourite-brands #knitpro-info .pointer-up
{
	left: 724px;
}
.block-homepage-favourite-brands #clover-info .pointer-up
{
	left: 822px;
}

/*compare*/
.block-compare .block-title strong {
background:url("../images/block_head_compare.gif") no-repeat scroll 0 0 transparent;
display:block;
padding:14px 4px 12px 37px;
}
.block-compare .block-title strong span {
color:#2C85B4;
font-size:14px;
font-weight:bold;
padding-left:2px;
text-transform:uppercase;
}
.block-compare .block-title small {
	display: none;
}
/*wishlist*/
.block-wishlist .block-title strong {
background:url("../images/block_head_wish.gif") no-repeat scroll 0 0 transparent;
display:block;
padding:8px 4px 12px 37px;
}
.block-wishlist .block-title strong span {
color:#2C85B4;
font-size:16px;
font-weight:bold;
padding-left:12px;
text-transform:uppercase;
}
.block-wishlist .block-title small {
	display: none;
}
/*popular*/
.block-popular .block-title strong {
background:url("../images/block_head_popular.gif") no-repeat scroll 0 0 transparent;
display:block;
padding:14px 4px 12px 37px;
}
.block-popular .block-title strong span {
color:#2C85B4;
font-size:14px;
font-weight:bold;
padding-left:16px;
text-transform:uppercase;
}
.block-popular .block-title small {
	display: none;
}
/*side-bar items*/
.block .block-content li.item {
	padding:7px 12px 0px 9px;
}
.block .block-content li.item .product {
	padding-bottom: 0px;
	border-bottom: 0px solid #c3dfee;
}
.block .block-content li.last .product {
	padding-bottom: 0px;
	border-bottom: 0;
}

/*side-bar prices*/
.block .regular-price, .block .regular-price .price, .old-price .price, .special-price .price-label {
	color:#697073;
	font-size:11px;
}
.old-price .price-label, .old-price .price {
	color:#697073;
	font-size:11px;
}
.special-price {
	padding-top: 0;
}

.special-price .price,
.special-price .price-label{
	font-weight: bold !important;
	color: #697073 !important;
}

.special-price .price {
	font-size: 35px;
	color: #313131 !important;
}
/*reccently view*/
#recently-viewed-items {
	margin-top: 25px;
	margin-left: 9px;
}
#recently-viewed-items li{
	padding-top: 1px;
	padding-bottom: 2px;
}
#recently-viewed-items a {
	font-weight: bold;
	text-decoration: none;
	color: #2F3135 !important;
}
#recently-viewed-items a:hover {
	color: #348dbc !important;
}



/*reccently viewed - inline*/

.block-viewed-inline {
	background: none;
	border: none;
	border-radius: 0;
	width: auto;

}
.block-viewed-inline .block-title {
	width: auto;
	text-transform: none;
}
.block-viewed-inline .block-title strong {
	background: #cccccc;
	border-radius: 0;
	width: auto;
}
#recently-viewed-items-inline {
	margin-top: 4px;
	margin-left: 9px;
	list-style: none;
}
#recently-viewed-items-inline li{
	padding-top: 1px;
	padding-bottom: 2px;
	display: block;
	float: left;
}
#recently-viewed-items-inline a {
	font-weight: bold;
	text-decoration: none;
	color: #2F3135 !important;
	position: relative;
	padding: 5px 20px;
}
#recently-viewed-items-inline a:hover {
	color: #348dbc !important;
}
.block-viewed-inline .product-image {
	width: 150px !important;
}
.block-viewed-inline .product-name-popup {
	position: absolute;
	bottom: 0;
	left: 0;
	background: black;
	color: white;
	opacity:0.6;
	filter:alpha(opacity=60); /* For IE8 and earlier */
	padding: 5px;
	width: 180px;
}
/*most popular, related */
.product-name a {
	text-decoration: none;
}
.block-content .old-price .price-label {
	display: none;
	color: #697073;
	font-weight: bold;
}
.block-content .special-price .price-label {
	display: none;
}
.block-content .old-price .price, .block-content .special-price .price, .block .regular-price, .block .regular-price .price {
	font-weight: bold;
	font-size: 11px;
}
.old-price .price {
	text-decoration: line-through;
}
.block-content .old-price .price {
	text-decoration: line-through;
}
.product-name a:hover {
	color: #348dbc;
}
.block .block-content ol {

}
/*****************************************************************************CATALOG****************/
.catpage_banner {
	margin-bottom: 9px;
	padding: 20px 4px 0 285px;
	height: 200px;
	color: #2f3135;
	line-height: 13px;
	background: url(/media/surfing4silver_page_banner.jpg) no-repeat 0% 0;
}
.catpage_banner img.title {
	margin-bottom: 9px;
}
.catpage_banner ul {
	margin-top: 14px;
}
.catpage_banner ul li {
	padding: 1px 4px 2px 11px;
	background: transparent url(../images/b_arrow.gif) no-repeat 0 5px;
}
.catpage_banner ul li a {
	color: #348dbc;
	font: bold 12px 'Open Sans', Arial, Helvetica, sans-serif;
	text-decoration: none;
}
.catpage_banner ul li a:hover {
	color: #041928;
}
.page .col2-left-layout .col-main .page-title
{
	padding: 5px 0 5px 20px;
	margin: 0px;
}
.toolbar {
	position: relative;
	height: 31px;
    padding: 0;
    background: #e6e6e6;
    color: #393939;
    text-transform: uppercase;
	font-weight: bold;
}
.catalogsearch-result-index .products-list .product-shop .price-box {
	right: 10px;
}
.toolbar-bottom .toolbar {
	border: none;
	background: none;
}
/*pager*/
.toolbar .amount {
	display: none;
}
.toolbar .amount, .toolbar .amount strong, .toolbar .limiter, .sorter, .sorter strong {
	font-weight: bold;
	color: #393939;
}
.toolbar .amount strong, .sorter strong {
	font-weight: bold;
}
.toolbar a, .toolbar .sorter a {
	color: #008baf;
	text-decoration: none;
}
.toolbar a:hover, .toolbar .sorter a:hover {
	text-decoration: underline;
}
.toolbar .pages {
	position: absolute;
	padding-left: 20px;
	color: #393939;
	right: 0;
}
.toolbar .pages ol {
	display: inline;
}
.toolbar .pages li {
	display: inline;
	margin: 0 2px;
}
.toolbar .pages li, .toolbar .pages li a {
	font-family: Arial;
	font-size: 12px;
}
.toolbar .pages label {
	font-weight: bold;
	color: #393939;
	line-height: 32px;
	float: left;
}
.toolbar-bottom .pages {
	text-align: start;
	border-top: dashed 2px #7caeae;
	width: 100%;
	padding: 10px 0;
	margin: 0;
}

.toolbar-bottom .pages strong {
	display: none;
}
.toolbar-bottom .pager a, .toolbar-bottom .pager li.current {
	display: inline-block;
	font-weight: bold;
	color: #393939;
	border-radius: 2px;
	padding: 10px 15px;
	margin: 5px;
}
.toolbar-bottom .pager a:hover, .toolbar-bottom .pager li.current {
	color: #393939;
	text-decoration: none;
}
.toolbar-bottom .pager a:hover img, .toolbar a:hover{
	opacity: 0.9;
}
.toolbar .limiter {
	width: 165px;
	padding-right: 3px;
	text-align: left;
	position: absolute;
	left: 400px;
}
.toolbar .limiter select, .sorter .sort-by select {
	background:none repeat scroll 0 0 #fff;
	border:1px solid #c3dfee;
	color: #2c2f33;
}
.toolbar .limiter select {
	margin-left: 12px;
	margin-right: 6px;
	width: 50px;
}
.toolbar .sort-by select {
	margin-left: 12px;
	width: 96px;
}
.toolbar .sort-by {
	position: absolute;
	left: 0;
}
.toolbar .sort-by {
	width: 190px;
	padding: 0 0 0 10px;
	text-align: left;
}
.toolbar .view-mode {
	position: absolute;
	left: 220px;
	margin: 6px 0 0 0;
}
.toolbar .pages .changepagebutton {
	line-height: 33px;
	padding: 0;
	font-size: 31px;
	font-weight: bold;
	color: white;
	cursor: pointer;
	float: right;
	margin: 0 5px 0 0;
}
.toolbar .pages .changepagebutton:hover {
	color: black;
	text-decoration: none;
}
.toolbar .pages #forwardpagebutton {
	float: right;
}
.toolbar .pages #backpagebutton,.toolbar-bottom .pages #backpagebutton {
	margin: 0;
}
#uniform-page-selector {
	width: 75px !important;
	float: right;
}
#uniform-page-selector span {
	width: 75px !important;
}
/*items*/
.products-list .product-image {
	width: 150px;
	height: 100px;
	margin: 0;
}
.products-list .product-shop {
	margin-left:175px;
	width: 340px;
}
.products-list .price-box {
	float: none;
	margin: 0;
	position: absolute;
	top: 0px;
	right: 10px;
}
.products-list .price-box .old-price {
	text-align:center;
}
.products-list .price-box .regular-price .price, .products-list .price-box .minimal-price .price, .products-grid .price-box .regular-price .price, .products-grid .price-box .minimal-price .price, .products-list .price-box .special .specialprice {
	color: #313131;
	font-size: 33px;
	font-weight: bold;
}
.products-grid .price-box .regular-price .price, .products-grid .price-box .minimal-price .price {
	text-align: center;
}

/* Special Prices */
.products-list .price-box .special .specialoffer, .products-list .price-box .special .specialprice {
	float: left;
}

, .products-list .price-box .special .normalprice {

}

.products-list .price-box .special .normalprice {
	font-weight: bold;
}

.products-list .price-box .special .normalprice span {
	text-decoration: line-through;
	color: red;
}
.products-list .morecontainer {
	position: absolute;
	right: 9px;
	bottom: 13px;
}

.products-list .morecontainer .link-more,
.products-grid .morecontainer .link-more {
	display: block;
	padding: 10px;
	background:#99cccc;
    border-radius:2px;
    text-transform:uppercase;
    color:#393939;
}
.products-list .morecontainer .link-more.free {
	padding: 0 10px;
	height: 34px;
	line-height: 34px;
}
.products-list .freepricebuffer {
	display: block;
	font-weight: bold;
	font-size: 35px;
	position: absolute;
	top: 0;
	right: 10px;
}
.products-list .morecontainer .freedownloadbutton {
	width: 100px;
	display: block;
	background: #99cccc;
	border-radius: 2px;
	text-transform: uppercase;
	text-align: center;
	color: #393939;
	text-decoration: none;
	font-weight: bold;
	line-height: 12px;
	font-size: 10px;
	padding: 5px 0;
	height: 34px;
	box-sizing: border-box;
	left: -100px;
	position: absolute;
	top: -34px;
}
.products-list .morecontainer .free{
	width: 100px;
	display: block;
	background: #99cccc;
	border-radius: 2px;
	text-transform: uppercase;
	text-align: center;
	color: #393939;
	text-decoration: none;
	font-weight: bold;
	line-height: 12px;
	font-size: 10px;
	padding: 5px 0;
	height: 34px;
	box-sizing: border-box;
	left: -208px;
	position: absolute;
	top: -34px;
}
.products-list .morecontainer .freedownloadbutton:hover {
	background:#f3afbc;
}
.products-list .morecontainer .link-more:hover,
.products-grid .morecontainer .link-more:hover {
    background:#f3afbc;
}
.products-list .morecontainer .link-more:link, .products-list .morecontainer .link-more:visited, .products-list .morecontainer .link-more:hover,
.products-grid .morecontainer .link-more:link, .products-grid .morecontainer .link-more:visited, .products-grid .morecontainer .link-more:hover {
	font-weight: bold;
	color: #393939;
	text-decoration: none;
	text-align: center;
}
/*��������*/
.products-list .product-name, .products-list .product-name a {
	color:#000;
	font-size:13px;
	font-weight: bold;
	text-transform: none;
	text-decoration: none;
	margin-bottom: 8px;
	padding-right: 15px;
}

.products-grid .product-name, .products-grid .product-name a {
	color:#000;
	font-size:12px;
	font-weight: bold;
	text-transform: none;
	text-decoration: none;
	margin-bottom: 10px;
	text-align: center;
	height: 50px;
}

.products-list .product-name a:hover, .products-grid .product-name a:hover {
	text-decoration: underline;
}
/*��������*/
.products-list .desc {
	font:11px 'Open Sans', Arial, Helvetica, sans-serif;
	line-height: 130%;
	margin: 0;
}

/* new icon */
.products-list .new-icon-image{
	top: 13px;
	left: 10px;
}

.category-needlecraft .products-list .desc p{
	margin-bottom: 5px;
}

.mini-products-list .product-name {

}

.mini-products-list .product-image {
	width: 50px;
}
.mini-products-list .product-details {
	margin-left: 62px;
}
/*Prices*/

.mini-products-list .product-details .price-box {
	margin: 0px 0 5px 0;
}

.products-grid .price-box {
	text-align: center;
}

/*catalog price*/
.regular-price {
	color:#313131;
}
.regular-price .price {
	color: #313131;
	font-weight: bold !important;
	font-size:11px;

}
/* Form Elements */
input {
	font:12px/15px 'Open Sans', Arial, Helvetica, sans-serif;
	color:#333;
	font-weight: bold;
}
select, textarea {
	font:11px/14px 'Open Sans', Arial, Helvetica, sans-serif;
	color:#333;
	font-weight: normal;
}
input.input-text, select, textarea {
	background:#f9fdff;
	border:1px solid #C3DFEE;
}
select.multiselect option {

}
.sort-by select {
	width: 128px;
}

/* Form */
.form-list label {

}
.form-list label.required em {
	font-style:normal;
}
/* REQUIRED BUTTON STYLES: */
.block .actions button.button {
	float: left;
}
button.button {
	background: #99cccc;
	padding: 10px;
	border-radius: 2px;
	margin: -2px 0 0 0;
	border: 0;
    text-transform: uppercase;
    color: #393939 !important;
}
button.button:hover {
    background: #f3afbc;
}

/* Invert Colours On This Button */
button.button.btn-checkout {
	background: #f3afbc;
}
button.button.btn-checkout:hover {
	background: #99cccc;
}

/* Tweaks for Express Checkout / Stripe On Cart Page */
.cart .totals .checkout-types {
	padding: 10px 10px 0;
}

.cart .totals .checkout-types .paypal-or {
	padding: 0;
	text-align: center;
	width: 100%;
	font-size: 1.1em;
}

.cart #payment-request-button {
	display: block;
	width: 100%;
}

.cart .totals {
	width: auto;
}

/* End Stripe Cart stuff */

.add-to-cart button.button {
	float: none;
	padding: 7px  10px;
}
.add-to-cart .addtobasketbuttoncontainer .freedownloadbutton {
	background: #99cccc;
	padding: 10px;
	text-decoration: none;
	color: #393939 !important;
	font-size: 14px;
	border-radius: 2px;
	font-weight: bold;
	position: absolute;
	right: 12px;
}
button.button span, button.addtobasketbutton span {
	background: none;
    border: none;
}
button.button span span, button.addtobasketbutton span span {
	/* color: #393939 !important; */
	font-weight: bold;
	display: block;
	background: none;
	cursor: pointer;
	border: 0;
}

 @media screen and (-webkit-min-device-pixel-ratio:0) {
	/* Safari and Google Chrome only - fix margins */
	button.button span {
 margin-top: -1px;
}
}
.products-grid button.button span span, .products-list button.button span span,
.crosssell button.button span span,
.compare-table button.button span span, .checkout-onepage-index button.button span span  {
	padding: 1px 0 0 11px;
	height: 21px;
	border: 0 !important;
	text-transform: none;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	/* Safari and Google Chrome only - fix margins */
	.checkout-types button.button span {
 margin-top: -1px;
}
}
.checkout-types button.button:hover, button.buttonHover, #checkout-review-submit button.button:hover { /* the redundant class is used to apply the hover state with a script */
	background-position: right -99px;
}
.checkout-types button.button:hover span span, button.buttonHover span span,#checkout-review-submit button.button:hover span span {
	background-position: 0 -66px !important;
}
/********** leftside cart button ************/
.block-cart .actions button.button span {
	position: relative;
	display: block;
	white-space: nowrap;
	border: 0 !important;
	background: none !important;
	height:20px;
	font: 14px/20px 'Open Sans', Tahoma, Helvetica, sans-serif;
	padding: 0;
	margin: 0;
}
/* OPTIONAL BUTTON STYLES for applying custom look and feel: */
.block-cart .actions button.button {
	font: 14px/20px 'Open Sans', Tahoma, Helvetica, sans-serif;
	text-align: center;
	height: 20px !important;
}
.block-cart .actions button.button span span {
	padding: 3px 0 0 15px;
	height: 20px;
	border: 0 !important;
	color: #fff;
	font: bold 11px  'Open Sans', Tahoma, Helvetica, sans-serif;
	text-transform: uppercase;
}
.block-cart .actions button.button:hover, .block-cart .actions button.buttonHover { /* the redundant class is used to apply the hover state with a script */
	background-position: right -78px;
}
.block-cart .actions button.button:hover span span, .block-cart .actions button.buttonHover span span {
}
.product-view .box-tags .form-add .input-box {
	margin-right: 8px;
}
.product-view .box-tags .form-add .input-box input {
	height: 14px;

}
div.toolbar div.pager {
	padding: 3px 8px 3px 8px;
	margin-bottom: 2px;
}
div.toolbar div.sorter {
}
.toolbar-bottom {
	margin-top: 0;
	height: 80px;
}
div.toolbar-bottom div.sorter {
	display: block;
}
div.toolbar-bottom .view-mode {
	padding-right: 20px;
}
div.toolbar-bottom .limiter {
	float: right;
	display: none;
}

.col2-left-layout .products-grid, .col2-right-layout .products-grid  {
	padding-top: 5px;
}
.category-products {
	margin-right: 0px;
	margin-left: 10px;
}
.category-products ul.products-grid {
	margin: 0;
	border-bottom: 0;
	list-style: none;
}
.cms-index-index .col2-left-layout .category-products, .cms-home .col2-left-layout .category-products {
	margin-right: 10px;
	margin-left: 0;
}
/*page products*/

.col1-layout .products-grid {
	width: auto;
}

.products-grid li.item {
	float: left;
	padding: 1px 10px 10px 0;
	width: 140px;
	margin-right: 35px !important;
}
.products-grid li.item.clearance {
	margin-right: 0 !important;
	width: 20%;
	box-sizing: border-box;
	padding: 5px;
	display: block;
	background: #ffeeff;
}
.products-grid li.item.clearance .clearancegrp {
	background: white;
	display: block;
	padding: 5px;
}
.category-clearance .clearanceheader {
	background: #474f64;
	margin: 10px;
	padding: 5px;
}
.category-clearance .clearanceheader .clearanceborder {
	border: 1px dashed white;
	display: block;
}
.category-clearance .clearanceheader .clearanceborder h1{
	font-weight: normal;
	font-family: serif;
	color: white;
	text-align: center;
	font-size: 30px;
	margin: 0;
}
.category-clearance .clearancefilters {
	text-align: center;
	margin-top: 4px;
}
.category-clearance .clearancefilters a {
	background: #99cccc;
	padding: 5px;
	color: white;
	font-weight: bold;
	text-decoration: none;
	margin: 0 5px;
}
.category-clearance .clearancefilters a:hover{
	background: #f3afbc;
}
.category-clearance .category-products {
	margin: 0 !important;
}
.category-clearance .category-products ul.products-grid {
	padding: 0;
	}
.category-clearance .category-products .products-grid .product-name, .products-grid .product-name a {
	margin: 0;
}
.category-clearance .category-description {
	margin: 10px;
}
.category-clearance .category-description h1 {
	padding-left: 10px;
}
.category-clearance .category-description p {
	margin: 0 10px 1em;
}
.cms-home .products-grid li.item {
	padding: 1px 10px 35px 0;
}
.products-grid .add-to-links {
    font-size: 10px;
    margin: 3px 0 0 0;
}
.products-grid .add-to-links a:link, .products-grid .add-to-links a:visited {
	text-decoration: none !important;
	padding-left: 10px;
	background: url(../images/b_arrow.gif) no-repeat 2px 4px;
}
.products-grid .add-to-links a:hover, .products-grid .link-wishlist:hover {
	color: #18acfb !important;
}
.minimal-price-link:hover, .minimal-price-link:hover .label, .minimal-price-link:hover .price {
	 color: #18acfb;
}

.products-grid li.last {
	padding-right: 0 !important;
	margin-right: 0 !important;
}
.products-grid .actions {
	margin-top: 2px;
}
.products-grid .product-image {
	width: 100%;
	height: 100px;
	background-color: #ffffff;
	margin-bottom: 13px;
	margin-left: 0;
	box-sizing: border-box;
	position: relative;
}
.products-grid li.first .product-image {
	margin-left: 0;
}
.cms-index-index .products-grid .product-image, .cms-home .products-grid .product-image {
	margin-left: 0 !important;
}

.products-grid .product-image img {
	max-width: 135px;
	position: absolute;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	left: 50%;
	width: 100%;
	height: auto;
}

/*home page products*/
.col2-left-layout .category-products {
}
.col2-left-layout .category-products ul.products-grid {
	width: 730px;
	margin: 0;
	padding: 20px 0 0 0;
}
.category-clearance .col2-left-layout .category-products ul.products-grid {
	width: 100%;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	display: block;
}
.col2-left-layout .category-products ul.first {
	padding: 10px 0 0 0;
}
.col2-left-layout ul.products-grid li {
}
.col2-left-layout .products-grid li.item {
	width: 20%;
}
.col2-left-layout .products-grid li.last {
	margin-right: 0 !important;
}
.cms-index-index .col2-left-layout .category-products ul.products-grid, .cms-home .col2-left-layout .category-products ul.products-grid {
	border: 0;
	width: 742px;
	margin: 0 !important;
	padding: 2px 0 0 0;
	background: none;
}
.category-products ul.last {
	border-bottom: 0 none !important;
}
.cms-index-index .col2-left-layout .category-products ul.products-grid li, .cms-home .col2-left-layout .category-products ul.products-grid li {
	padding: 1px 0px 36px 0px !important;
	width: 135px  !important;
	margin-right: 16px !important;
}
.cms-home .col2-left-layout .category-products ul.products-grid li.last {
	padding: 1px 0px 15px 0px !important;
	width: 135px  !important;
	margin-right: 0px !important;
}
.orderstatuscheckergroup {
	display: inline-block;
	width: 100%;
	padding: 10px;
	background: #e6e6e6;
	box-sizing: border-box;
}
.orderstatuscheckergroup .orderstatuscheckerinput {
	width: 40%;
	height: 100px;
	display: inline-block;
	box-sizing: border-box;
	float: left;
	text-align: center;
}
.orderstatuscheckergroup #ordernumberinput {
	border: none;
	padding: 5px;
}
.orderstatuscheckergroup .ordercheckbutton {
	width: 50%;
	padding: 5px;
	background: #99CCCC;
	border: none;
	font-weight: bold;
}
.orderstatuscheckergroup .ordercheckbutton:hover {
	background: #f3afbc;
}
.orderstatuscheckergroup .orderstatusresponse {
	width: 60%;
	display: inline-block;
	box-sizing: border-box;
}

.orderstatuscheckergroup .datehighlight {
	font-weight: bold;
}

/**************************************************************PRODUCT******************/
.product-view {
	border: 0;
	padding: 10px;
	background: none;
}
.product-essential {
	padding: 0;
	background: none;
}
.product-view .product-name {
	float: left;
	width: 775px;
}
.product-view .product-name h1 {
	font-weight: bold;
}
.product-view .product-shop {
	width: 240px !important;
	padding: 10px 0 0 0;
	height: 230px;
	position: relative;
}
.product-view .product-shop .ukonlyshippingwarning {
	color: red;
	font-size: 15px;
	font-weight: bold;
}
.product-view .product-shop .pricecontainer, .product-view .product-shop .price-box, .product-view .product-shop .pricecontainer, .products-list .product-shop .price-box, .product-view .product-shop .product-price
{
	text-align: right;
	font-size: 33px;
	font-weight: bold;
	margin: 0 13px 0 0;
	line-height: 1em;
}

.product-view .product-shop .price-box .gbp-price
{
	 float: right;
	 margin-left: 15px;
}
.product-view .product-shop .price-box .gbp-price .metre-label, .product-view .product-shop .price-box .fat-q-price .fat-q-label
{
	font-size: 12px;
	display: block;
	line-height: 12px;
}

.products-grid .price-box
{
	text-align: center;
	font-size: 33px;
	font-weight: bold;
	padding: 0 0 10px 0;
	margin: 0;
	line-height: 1em;
}
.products-list .product-shop .price-box
{
	margin: 10px 0 0 0;
	position: absolute;
}
.products-list .product-shop .price-box .gbp-price {
	float: right;
}

.products-list .product-shop .price-box .gbp-price .metre-label {
	font-size: 12px;
	position: absolute;
	right: 0;
	top: 23px;
}

.products-list .product-shop .price-box .fat-q-price {
	display: block;
	position: absolute;
	right: 112px;
}

.products-list .product-shop .price-box .fat-q-price .fat-q-label {
	font-size: 12px;
	position: absolute;
	right: 0;
	top: 23px;
}

.price-box .sale-price .title-sale,
.price-box .sale-price .was-price {
	white-space: nowrap;
}
.products-grid .price-box .sale-price .title-sale {
	display: none;
}
.products-list .price-box .sale-price .was-price,
.product-view .price-box .sale-price .was-price{
	font-weight: normal;
}
.products-list .product-shop .price-box .sale-price {
	 background: none repeat scroll 0 0 #f8b2c0;
	 padding: 7px;
	 border-radius: 2px;
	 position: absolute;
	 text-align:center;
	 color: #313131;
 }
.product-view .product-shop .price-box .sale-price {
	background: none repeat scroll 0 0 #f8b2c0;
	padding: 3px;
	border-radius: 2px;
	position: absolute;
	text-align:center;
	color: #313131;
}
.products-list .product-shop .price-box .sale-price {
	top: 63px;
	right:210px;
	font-size: 0.4em;
	line-height: 1.2em;
}
.products-list .product-shop .price-box .fabwithquart {
	right: 130px;
}
.product-view .product-shop .price-box .sale-price {
	font-size: 0.4em;
	line-height: 1.2em;
	float: right;
	width: 210px;
	text-align: center;
	position: relative;
	margin-top: 3px;
	margin-left: 15px;
}
.products-grid .price-box .sale-price .was-price
{
	font-size: 0.5em;
	line-height: 1.5em;
	color: #C00000;
	display:block;
}
.products-list .product-shop .price-box span.regular-price,
.products-list .product-shop .price-box p.minimal-price
{
	float: right;
}
.product-view .product-shop .special,
.products-list .product-shop .special,
.products-grid .special
{
	position: relative;
	line-height: 1em;
}

.price-box .price
{
	color:#313131;
}
.products-grid p
{
	display: none;
}
.product-view .product-shop .special .specialoffer, .products-list .product-shop .special .specialoffer
{
	padding-top: 2px;
	width: 25%;
	font-size: 13px;
	line-height:15px;
	float:left;
	color: #00C000;
}
.products-grid .special .specialoffer
{
	display: none;
}
.product-view .product-shop .special .specialprice, .products-list .product-shop .special .specialprice
{
}
.products-grid .special .specialprice
{
	width: 67%;
	float: left;
}
.product-view .product-shop .special .normalprice, .products-list .product-shop .special .normalprice, .products-grid .special .normalprice
{
	padding-top: 2px;
	width: 25%;
	font-size: 13px;
	line-height:15px;
}
.product-view .product-shop .special .normalprice span, .products-list .product-shop .special .normalprice span, .products-grid .special .normalprice span
{
	text-decoration: line-through;
	color: red;
}

.product-view .product-shop .instockmessage, .product-view .product-shop .outofstockmessage, .product-view .product-shop .preordermessage
{
	text-align: right;
	font-size: 1.2em;
	line-height: 1em;
	font-weight: bold;
	padding: 10px 15px 10px 0;
}
.product-view .product-shop .preordermessage {
	color: #f26522;
}
.product-view .product-shop .instockmessage
{
	color: #00C000;
}
.product-view .product-shop .outofstockmessage
{
	color: #C00000;
}

.product-view .product-shop .withstockmessage
{
	padding: 0 !important;
}
.product-view .product-shop .oosmessage
{
	position: absolute;
	bottom: 70px;
	color: #C00000;
	font-size: 1em;
	width: 290px;
	text-align: center;
	font-weight: bold;
}
.product-view .product-shop .price-box .regular-price .price
{
	color: #313131;
	font-size: 1em;
}
.product-view .product-shop .colourdropdowncontainer, .product-view .product-shop .dyelotdropdowncontainer, .product-view .product-shop .qtyboxcontainer, .product-view .product-shop .add-to-box .addtobasketbuttoncontainer, .product-view .product-shop .diameterdropdowncontainer, .product-view .product-shop .lengthdropdowncontainer, .product-view .product-shop .threaddropdowncontainer {
	padding: 0 0 10px 10px;
}

.product-view .product-shop .colourdropdowncontainer .dropdowncontainer #subprod_colourdropdown, .dropdowncontainer #subprod_diameterdropdown, .dropdowncontainer #subprod_lengthdropdown, .dropdowncontainer #subprod_threaddropdown,.dropdowncontainer #subprod_zipdropdown,.dropdowncontainer #subprod_ribdropdown,.dropdowncontainer #subprod_feltdropdown,.dropdowncontainer #subprod_fabricsdropdown, .dropdowncontainer #subprod_fabricsizedropdown, .dropdowncontainer #subprod_fabricqtydropdown, .dropdowncontainer #subprod_fabricfatqtydropdown
{
	width: 220px;
}

.product-view .product-shop .dyelotdropdowncontainer .dropdowncontainer #subprod_dyelotdropdown
{
	width: 220px;
}

.giftvoucher-product-info #amount
{
	width: 220px;
}

.product-view .product-shop .colourdropdowncontainer .dropdownlabel, .product-view .product-shop .dyelotdropdowncontainer .dropdownlabel, .product-view .product-shop .qtyboxcontainer .qtyboxlabel, .product-view .product-shop .diameterdropdowncontainer .dropdownlabel, .product-view .product-shop .lengthdropdowncontainer .dropdownlabel, .product-view .product-shop .threaddropdowncontainer .dropdownlabel, .zipdropdowncontainer .dropdownlabel, .ribdropdowncontainer .dropdownlabel, .feltdropdowncontainer .dropdownlabel, .fabricsizedropdowncontainer .dropdownlabel,.fabricqtydropdowncontainer .dropdownlabel, .fabricfatqtydropdowncontainer .dropdownlabel  {
	font-weight: bold;
	display: block;
	float: left;
	padding-right: 15px;
}

.product-view .product-shop .dyelotdropdowncontainer .dropdownlabel .what-is-dye {
	padding-left: 10px;
	color: #497B7B;
}

.product-view .product-shop .dyelotdropdowncontainer .dropdownlabel #dye-lots-explained-static {
	position: absolute;
	background: #ffeeff;
	z-index: 10;
	width: 100%;
	right: 0;
	padding: 20px 10px 10px 10px;
}

.product-view .product-shop .dyelotdropdowncontainer .dropdownlabel #dye-lots-explained-static .dye-lots-explained-close {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	display: block;
	height: 100%;
}

.product-view .product-shop .dyelotdropdowncontainer .dropdownlabel #dye-lots-explained-static .dye-lots-explained-close .img-close {
	width: 10%;
	float: right;

}

.product-view .product-shop .add-to-box {
	padding: 0;
	margin: 5px 0 0 0;
	position: relative;
}

.product-view .product-shop .add-to-box .add-to-cart .qtyboxcontainer {
	float: left;
	width: 75px;
	padding-bottom: 0;
	position: absolute;
	right: 76px;
}

.product-view .product-shop .add-to-box .add-to-cart .addtobasketbuttoncontainer {
	float: right;
	margin-right: 10px;
	width: 134px;
}

.product-view .product-shop .add-to-box .addtobasketbuttoncontainer .addtobasketbutton {
	margin: 0 0 0 80px;
}

.product-view .product-shop .colourdropdowncontainer .dropdownlabel:after { display:block; content:"."; clear:both; font-size:0; line-height:0; height:0; overflow:hidden; }

.product-view .product-shop .deliverymessage {
	border-top: solid 1px #99cccc;
	padding: 10px;
	text-align: center;
	font-weight: bold;
	font-size: 1.5em;
	line-height: 1em;
	color: #393939;
	position: absolute;
	bottom: 0;
	width: 270px;
	display: none;
}
.product-view .product-img-box {
	width: 360px;
 	text-align:center;
 	vertical-align: middle;
 	min-height: 270px;
 	position: relative;
}
.product-view .product-img-box img {
	margin: 8px 0 0 0;
}
.product-view .product-img-box .enlargelink {
	width:auto;
	text-align:center;
	font-weight: bold;
	color: black;
	font-size: 1.1em;
	display: block;
	text-decoration: none !important;
	margin: 15px 0 0 0;
	border: 0;
	}

.product-view .product-img-box #imageselectdropdown {
	position: absolute;
	bottom: 10px;
	left: 155px;
}

.product-view .product-img-box .enlargelink:link, .product-view .product-img-box .enlargelink:visited {
	color: black;
	text-decoration: none !important;
}
.product-view .product-img-box .enlargelink:hover {
	text-decoration: underline;
}

.product-view .product-img-box .more-views img {
	margin: 0;
}
.product-view .product-img-box .more-views ul {
	margin-left: -4px;
}

.product-view .product-img-box .zoom #track {
	background:#dadada;
}

.product-view .product-img-box .release-wrapper {
	margin: 8px 0 0 15px;
	overflow: hidden;
	width: 70px;
	height: 70px;
	display: block;
	position: absolute;
	top: 0;
	pointer-events: none;
}

.product-view .product-img-box .release-group {
	background: #436169;
	width: 150px;
	transform: translate(-35%,30%) rotate(-45deg);
	-webkit-transform: translate(-35%,30%) rotate(-45deg);
	-moz-transform: translate(-35%,30%) rotate(-45deg);
	-ms-transform: translate(-35%,30%) rotate(-45deg);
	-o-transform: translate(-35%,30%) rotate(-45deg);
}

.product-view .product-img-box .preorder-group {
    background: #f26522;
    width: 150px;
    transform: translate(-35%,30%) rotate(-45deg);
    -webkit-transform: translate(-35%,30%) rotate(-45deg);
    -moz-transform: translate(-35%,30%) rotate(-45deg);
    -ms-transform: translate(-35%,30%) rotate(-45deg);
    -o-transform: translate(-35%,30%) rotate(-45deg);
}

.product-view .product-img-box .duetext, .product-view .product-img-box .preordertext {
	color: white;
	text-align: center;
	text-transform: uppercase;
	line-height: 11px;
	padding: 3px;
}

.product-view .product-info-table {
	width: 300px;
	float: left;
	margin: 0;
	color: #393939;
	min-height: 220px;
	padding: 10px 3px;
}

.product-view .product-info-table .data-table {
	border: 0 !important;
}

.product-view .product-info-table .data-table .odd, .product-view .product-info-table .data-table .even {
}

.product-view .product-info-table .data-table td, .product-view .product-info-table .data-table th {
	border: 0;
}

.product-view .product-info-table .data-table th {
	display: block;
	width: 90px;
}

.product-view .product-info-table .data-table th, .product-view .product-info-table .data-table td {
	padding-top: 0;
	padding-bottom: 0;
	line-height: 1.3em;
}

.product-view .product-info-table #product-attribute-specs-table {
	}

.product-view .product-shop .availability {
font-size: 11px;
}
.product-view .product-img-box .more-views li {
margin:0 0 8px 12px;
}
.product-view .product-img-box .more-views li a {
	border: 1px solid #c3dfee;
	height: auto;
	width: auto;
}
.product-view .product-img-box .more-views li a img {
	border: 0;
}

.add-to-box .add-to-cart label, .add-to-cart .qty, .add-to-cart label {

}
.add-to-cart label {
	color: #2f3135;
	font-weight: bold;
	font-size: 12px;
	margin-top: 3px;
}
.add-to-cart .qty {
	float: none;
	padding: 1px 2px;
	background:#fff;
	border:1px solid #c3dfee;
	font: normal 11px 'Open Sans', Arial, Helvetica, sans-serif;
	margin-top: 3px;
}
.product-options-bottom .add-to-cart label, .product-options-bottom .add-to-cart .qty {
	float: left;
}
.add-to-box .add-to-cart {
	float: none;
	min-height: 49px;
}
.add-to-box .add-to-links {
	float: none;
	font-size:12px !important;
	line-height:1.25 !important;
	margin: 15px 0 0 0 !important;
	text-align:left !important;
}
.add-to-box .add-to-cart #addToCartButton {
	width: 100px;
	float: right;
	height: 41px;
	padding: 0;
}
.add-to-box .add-to-cart #addToCartButton span {
	height: 30px;
}
.add-to-box .add-to-cart #addToCartButton span span {
	white-space: normal;
	line-height: 15px;
	font-size: 14px;
}
.product-view .product-shop .add-to-links a {
color:#348dbc !important;
font-weight:normal !important;
font:12px 'Open Sans', Arial, Helvetica, sans-serif;
}
.product-view .product-shop .short-description {
	line-height: 130%;
}
.product-collateral .box-collateral, .no-rating {
	margin-bottom: 15px;
}
.product-view .box-up-sell .products-grid {
	width: auto !important;
	margin-bottom: 10px;
	margin-left: 7px;
}
.product-view .box-up-sell .products-grid td {
	padding:15px 5px 12px 0;
}

.product-view .product-shop .add-to-box .add-to-list {
	position: absolute;
	width: 134px;
	bottom: 20px;
}

.product-view .product-shop .add-to-list {
	position: absolute;
	width: 134px;
	bottom: 20px;
}

.product-view .product-shop .add-to-box #ajax_loader {
	position: absolute;
	right: 38px;
}

.product-view .product-shop .add-to-box #ajax_add_status {
	position: absolute;
	right: -24px;
	bottom: 0;
}

.product-view .product-shop .add-to-box .add-wish-message,
.product-view .product-shop .add-wish-message {
	position: fixed;
	width: 300px;
	height: 100px;
	font-weight: bold;
	background: white;
	z-index: 9;
	text-align: center;
	top: 50%;
	left: 50%;
	margin-top: -50px;
	margin-left: -150px;
	border: 1px solid #99CCCC;
}
.product-view .product-shop .add-to-box .add-wish-message .contents ,
.product-view .product-shop  .add-wish-message .contents {
	width: 150px;
	height: 34px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -75px;
	margin-top: -17px;
}


.product-view .product-shop .add-to-box .add-to-list .add-to-list-button {
	padding: 0;
	background: unset;
	margin: 0;
	position: absolute;
	width: 43px;
	bottom: -10px;
}

.product-view .product-shop .add-to-list .add-to-list-button {
	padding: 0;
	background: unset;
	margin: 0;
	position: absolute;
	width: 43px;
	bottom: -20px;
}

.product-view .product-shop .add-to-box .add-to-list .add-to-list-button img,
.product-view .product-shop .add-to-list .add-to-list-button img {
	width: 100%;
}

.product-view .product-shop .add-to-box .add-to-list .add-to-list-button span,
.product-view .product-shop .add-to-list .add-to-list-button span {
	position: absolute;
	font-size: 11px;
	font-weight: bold;
	width: 43px;
	line-height: 11px;
	left: 0;
	color: white;
	top: 8px;
	text-align: center;
}

.product-view .listnosigned {
	position: absolute;
	text-align: center;
	bottom: 8px;
	width: 43px;
	height: auto;
	display: inline-block;
	float: left;
}

.product-view .listnosignedout {
	position: absolute;
	text-align: center;
	bottom: 0;
	width: 43px;
	height: auto;
	display: inline-block;
	float: left;
}
.product-view .listnosigned img, .product-view .listnosignedout img {
	width: 100%;
}

.product-view .listnosigned a {
	display: block;
	text-decoration: none;
	color: white;
	position: absolute;
	top: 9px;
	line-height: 11px;
	font-weight: bold;
}
.product-view .listnosignedout a {
	display: block;
	text-decoration: none;
	color: white;
	position: absolute;
	top: 9px;
	line-height: 11px;
	font-weight: bold;
}
.product-view .listnosigned a:hover {
	color: #393939;
}

.product-view .product-shop .add-to-box .add-to-list .list-group .new-wishlist ,
.product-view .product-shop .add-to-list .list-group .new-wishlist {
	background: #99cccc;
	padding: 10px;
	border: 0;
	text-transform: uppercase;
	color: #393939 !important;
	font-weight: bold;
	width: 100%;
	display: block;
	box-sizing: border-box;
	text-decoration: none;
	text-align: center;
	font-size: 12px;
}
.product-view .product-shop .add-to-box .add-to-list .list-group #add-to-newlist:disabled,
.product-view .product-shop .add-to-list .list-group #add-to-newlist:disabled {
	color: #9c9393 !important;
	background: #c0cece !important;
}
.product-view .product-shop .add-to-box .add-to-list .add-to-list-button:hover span{
	color: #393939
}
.product-view .product-shop .add-to-box .add-to-list .list-group .new-wishlist:hover{
	background: #f3afbc;
}
.product-view .product-shop .add-to-box .add-to-list .list-group,
.product-view .product-shop .add-to-list .list-group {
	background: white;
	z-index: 10;
	position: absolute;
	top: 36px;
	width: 100%;
	border: solid 1px #7caeae;
	box-sizing: border-box;
	display: none;
}
.product-view .product-shop .add-to-box .add-to-list .list-group .list-item,
.product-view .product-shop .add-to-list .list-group .list-item {
	padding: 5px;
	position: relative;
	display: block;
	border-bottom: dashed 1px #7caeae;
	cursor: pointer;
}
.product-view .product-shop .add-to-box .add-to-list .list-group .list-item h2,
.product-view .product-shop .add-to-list .list-group .list-item h2 {
	color: #393939;
}
.product-view .product-shop .add-to-box .add-to-list .list-group .list-item:hover,
.product-view .product-shop .add-to-list .list-group .list-item:hover {
	background: #ffeeff;
}
.product-view .product-shop .add-to-box .add-to-list .list-group .new-wishlist,
.product-view .product-shop .add-to-list .list-group .new-wishlist {
	width: 100%;
}
.product-view .product-shop .add-to-box .add-to-list .list-group input,
.product-view .product-shop .add-to-list .list-group input {
	width: 100%;
	box-sizing: border-box;
	border: 2px solid #00C000;
	padding: 5px;
}
.product-view .product-shop .add-to-box .add-to-list .list-group .failed,
.product-view .product-shop .add-to-list .list-group .failed {
	border: 2px solid #C00000;
}

.product-view .product-shop .add-to-box .add-to-list .close-add-wishlist,
.product-view .product-shop .add-to-list .close-add-wishlist{
	padding: 10px;
	background: #ffeeff;
	border: 0;
	text-transform: uppercase;
	color: #393939 !important;
	font-weight: bold;
	width: 100%;
	display: block;
	box-sizing: border-box;
	text-decoration: none;
	text-align: center;
	font-size: 12px;
	cursor: pointer;
}

.product-view .product-shop .add-to-box .add-to-list .close-add-wishlist:hover,
.product-view .product-shop .add-to-list .close-add-wishlist:hover{
	background: #f3afbc;
}

.product-img-box img {
	width: 330px;
	height: 220px;
}
.product-img-box .btn-zoom-out, .product-img-box .btn-zoom-in {
	border: 0 !important;
}
.product-img-box .new-icon-image{
	left: 15px;
	top: 0px;
}
.more-views {
	padding-top: 22px;
}
.more-views ul li {
	float: left;
	margin: 0 20px 0 0;
}
.more-views ul:after { display:block; content:"."; clear:both; font-size:0; line-height:0; height:0; overflow:hidden; }
/*titles on product page*/
.product-essential h2, .product-view .product-img-box .more-views h2, .product-collateral h2 {
	font:12px 'Open Sans', Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-transform: none;
	color: #348dbc;
	margin: 5px 0px 7px 0px;
}

.multiaddgroup .multiaddbutton, .multiaddtobasketbox .multiaddbutton {
	float: right;
	border: 0;
	background: #99CCCC;
	text-align: center;
	padding: 10px;
	text-transform: uppercase;
	color: #393939;box-sizing: border-box;
	font: 11px/1.55 'Open Sans', Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
	min-width: 210px;
	margin-bottom: 5px;
}
.more-colours ul, .pack-product-list .pack-ul {
	margin: 0;
	padding-left: 5px;

}
.more-colours ul li, .more-needlesizes ul li, .more-relatedneedles ul li, .more-relatedproducts ul li, .more-thread-shades ul li , .pack-product-list .pack-ul .pack-li {
	float: left;
	margin: 0 0 5px 0;
	position: relative;
	width: 20%;
	padding: 5px 5px;

}
.multiaddgroup {
    margin-right: 8px;
    margin-top: 10px;
    display: none;
}
.more-colours ul li img, .more-needlesizes ul li img, .more-thread-shades ul li img , .pack-product-list .pack-ul .pack-li img, .more-relatedproducts ul li img{
	max-width: 165px;
	height: auto;
	width: 100%
}

#ajax_loader-basket, #ajax_loader-wishlist {
	text-align: center;
	margin-bottom: 5px;
}
.more-colours ul li .fabric {
	max-width: 285px;
    width: 285px;
	height: 190px;
}
#ajax_loader-addingbasket {
	text-align: right;
}

.multiaddgroup .multiaddbutton:hover, .multiaddtobasketbox .multiaddbutton:hover, .multiaddtowishbox .createmultiwishlistgroup #createmultiwishlistbutton:hover, .multiaddgroup .wishlistloginmessage a:hover {
			color: #393939;
			background: #f3afbc;
			cursor: pointer;
}
.more-colours ul li .colourcaption, .more-needlesizes ul li .needlesizecaption, .more-relatedneedles ul li .relatedneedlecaption, .more-relatedproducts ul li .relatedproductcaption, .more-thread-shades ul li .threadshadecaption {
	display: block;
	opacity: 0.8;
	background: #ccc;
	position: absolute;
	bottom: 0;
	width: 155px;
	color: #393939;
	padding: 0 0 0 10px;
	font-weight: bold;
}
.more-colours ul li .fabriccaption
{
	width: 275px;
}
.more-colours ul li a, .more-needlesizes ul li a, more-relatedneedles ul li a, .more-relatedproducts ul li a, .more-thread-shades ul li a {
	position: relative;
	display: block;
}

.multiaddgroup .wishlistloginmessage {
	float: right;
	margin-top: 5px;
	width: 207px;
	text-align: center;
}
.multiaddgroup .wishlistloginmessage a {
	text-align: center;
	text-decoration: none;
	background: #99cccc;
	color: #393939;
	display: block;
	height: 37px;
	line-height: 37px;
}

.multibackground {
	background: black;
	width: 100%;
	display: none;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	opacity: .5;
	z-index: 10;

}

.addedcartmessage, .addingcartloading {
	display: none;
	position: absolute;
	left: 50%;
	background: white;
	border: 1px solid #99cccc;
	width: 200px;
	text-align: center;
	padding: 10px;
	transform: translate(-50%, 0%);
	font-weight: bold;
	z-index: 10;
}
.addedcartmessage .notadded {
	color: #C00000;
}

.multiaddtobasketbox, .multiaddtowishbox {
	display: none;
	position: fixed;
	z-index: 10;
	background: white;
	min-height: 580px;
	width: 948px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	padding: 10px;
	box-sizing: border-box;
	border: 1px solid #99CCCC;
}

.multiaddtobasketbox .closemultibox, .multiaddtowishbox .closemultibox {
	position: absolute;
	top: 0;
	right: 0;
	border: 0;
	background: #99CCCC;
	text-align: center;
	padding: 10px;
	text-transform: uppercase;
	color: #393939;
	box-sizing: border-box;
	font: 11px/1.55 'Open Sans', Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.multiaddtobasketbox .closemultibox:hover, .multiaddtowishbox .closemultibox:hover {
	color: #393939;
	background: #f3afbc;
	cursor: pointer;
}

.multiaddtobasketbox .addmultilist, .multiaddtowishbox .multiwishlist {
	max-height: 450px;
	display: block;
	background: #ffeeff;
	padding: 5px;
	margin: 10px;
	overflow-y: auto;
	box-sizing: border-box;
}
.multiaddtobasketbox .addmultilist .productli, .multiaddtowishbox .multiwishlist .list-item {
	display: inline-block;
	background: white;
	width: 100%;
	margin-bottom: 5px;
	position: relative;
	border: 1px solid #99CCCC;
	box-sizing: border-box;
	padding: 5px;
	min-height: 132px;
}

.multiaddtowishbox .multiwishlist .list-item:hover{
	cursor: pointer;
	background: #99CCCC;
}

.multiaddtowishbox .createmultiwishlistgroup #createwishlisttext {
	height: 33px;
	width: 250px;
}

.multiaddtowishbox .createmultiwishlistgroup #createmultiwishlistbutton{
	border: 0;
	background: #99CCCC;
	text-align: center;
	padding: 10px;
	text-transform: uppercase;
	color: #393939;
	box-sizing: border-box;
	font: 11px/1.55 'Open Sans', Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
	margin-bottom: 5px;
	margin-top: 5px;
	height: 37px;
}

#wishmulti-fail-message {
	display: none;
	font-weight: bold;
	color: #C00000;
	margin-left: 10px;
}

.multiaddtowishbox .multiwishlist .list-item h2 {
	color: #393939;
}
.multiaddtobasketbox .addmultilist .productli.remove {
	display: none;
}

.multiaddtobasketbox .addmultilist .productli img {
	display: inline-block;
	margin: 5px;
}

.multiaddtobasketbox .addmultilist .productli h2 {
	display: inline-block;
	color: #393939;
	font-size: 18px;
	max-width: 50%;
}

.multiaddtobasketbox .addmultilist .productli .price-box {
	position: absolute;
	top: 5px;
	right: 0;
}
.multiaddtobasketbox .addmultilist .productli .price-box .fat-q-price {
	position: absolute;
	right: 112px;
}
.multiaddtobasketbox .addmultilist .productli .stockmessage {
	position: absolute;
	right: 15px;
	top: 60px;
	font-size: 1.2em;
	line-height: 1em;
	font-weight: bold;
}

.multiaddtobasketbox .addmultilist .productli .instock
{
	color: #00C000;
}
.multiaddtobasketbox .addmultilist .productli .outstock
{
	color: #C00000;
}

.multiaddtobasketbox .addmultilist .productli .qtygroup {
	position: absolute;
	right: 15px;
	bottom: 15px;
}

.multiaddtobasketbox .addmultilist .productli .remove-addlist-item-button {
	padding: 5px;
	color: #393939;
	background: #f3afbc;
	font: 11px 'Open Sans', Arial, Helvetica, sans-serif;
	border: none;
	margin-right: 5px;
	font-weight: bold;
	text-transform: uppercase;
}
.multiaddtobasketbox .addmultilist .productli .remove-addlist-item-button:hover {
	background: #f3afbc;
	cursor: pointer;
}

.multiaddtobasketbox .addmultilist .productli .qtygroup .qty-label{
	font-weight: bold;
	margin-right: 5px;
}
.multiaddtobasketbox .addmultilist .productli .outstockadd {
	position: absolute;
	right: 15px;
	bottom: 15px;
	color: #C00000;
	font-weight: bold;
}

.more-colours ul {
	margin: 0;
	padding-left: 5px;
}
.more-colours ul li, .more-needlesizes ul li, .more-relatedneedles ul li, .more-relatedproducts ul li, .more-thread-shades ul li {
	float: left;
	margin: 0;
	position: relative;
	width: 20%;
	padding: 5px 5px;
	box-sizing: border-box;
}

.more-colours ul .multiselectbutton, .more-thread-shades ul .multiselectbutton {
	float: right;
	border: 0;
	background: #99CCCC;
	text-align: center;
	padding: 10px;
	text-transform: uppercase;
	color: white;
	box-sizing: border-box;
	font: 11px/1.55 'Open Sans', Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.more-colours ul .multiselectallbutton, .more-thread-shades ul .multiselectallbutton {
	margin-right: 10px;
	float: right;
	border: 0;
	background: #99CCCC;
	text-align: center;
	padding: 10px;
	text-transform: uppercase;
	color: white;
	box-sizing: border-box;
	font: 11px/1.55 'Open Sans', Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.more-colours ul .multi, .more-thread-shades ul .multi {
	color: #393939;
	background: #f3afbc;
}
.more-colours ul .multiselectbutton:hover, .more-colours ul .multiselectallbutton:hover, .more-colours ul .multiselectlink:hover, .more-thread-shades ul .multiselectbutton:hover, .more-thread-shades ul .multiselectallbutton:hover  {
	color: #393939;
	background: #f3afbc;
	cursor: pointer;
}
.more-colours ul .multi:hover, .more-colours ul .multiselectlink:hover, .more-thread-shades ul .multi:hover {
	color: white;
	background: #99CCCC;
	cursor: pointer;
}
.more-colours ul .multiselectlink, .more-thread-shades ul .multiselectlink {
	float: right;
	border: 0;
	background: #99CCCC;
	text-align: center;
	padding: 10px;
	text-transform: uppercase;
	color: white;
	box-sizing: border-box;
	font: 11px/1.55 'Open Sans', Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
}


.more-colours ul li img, .more-needlesizes ul li img, .more-thread-shades ul li img {
	width: 165px;
	height: 110px;
}
.more-colours ul li .fabric {
	width: 285px;
	height: 190px;
}
.more-colours ul .lastright, .more-needlesizes ul .lastright, .more-relatedneedles ul .lastright, .more-relatedproducts ul .lastright {
	margin-right: 0;
}
.more-colours ul li .colourcaption, .more-needlesizes ul li .needlesizecaption, .more-relatedneedles ul li .relatedneedlecaption, .more-relatedproducts ul li .relatedproductcaption, .more-thread-shades ul li .threadshadecaption {
	display: block;
	opacity: 0.8;
	background: #ccc;
	position: absolute;
	width: 155px;
	color: #393939;
	padding: 0 0 0 10px;
	font-weight: bold;
}

.more-colours ul li .multiselectgrp, .more-thread-shades ul .multiselectgrp {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	padding: 5px;
	display: none;
}
.more-colours ul li .multiselectgrp.showcheck, .more-thread-shades ul .multiselectgrp.showcheck {
	display: block;
}
.more-colours ul li .multiselectgrp input, .more-thread-shades ul .multiselectgrp input {
	position: absolute;
	top: 11px;
	right: 20px;
}
.more-colours ul li .fabriccaption
{
	width: 275px;
	bottom: 5px;
}
.more-colours ul li a:hover .colourcaption, .more-needlesizes ul li a:hover .needlesizecaption, .more-relatedneedles ul li a:hover .relatedneedlecaption, .more-relatedproducts ul li a:hover .relatedproductcaption {
    background:#f3afbc;
}
.more-colours ul li .colourcaption.outofstock,
.more-thread-shades ul li .threadshadecaption.outofstock
{
	background-color: #ffcccc !important;
	color: #C00000;
}

.more-colours ul:after, .more-needlesizes ul:after, .more-relatedneedles ul:after, .more-relatedproducts ul:after, .more-thread-shades ul:after  { display:block; content:"."; clear:both; font-size:0; line-height:0; height:0; overflow:hidden; }

.more-colours #coloursortlink, .more-colours #shadecodesortlink, .more-thread-shades #coloursortlink, .more-thread-shades #shadecodesortlink {
	background: #ffeeff;
	padding: 10px;
	color: #666;
	font-weight: bold;
	text-decoration: none;
	display: block;
}

.more-colours #coloursortlink.active, .more-colours #shadecodesortlink.active,.more-thread-shades #coloursortlink.active, .more-thread-shades #shadecodesortlink.active
{
	background: #99CCCC;
	color: white;
	display: block;
	padding: 10px;
}


.more-colours #coloursortlink:hover, .more-colours #shadecodesortlink:hover, .more-thread-shades #coloursortlink:hover, .more-thread-shades #shadecodesortlink:hover  {
	background: #f3afbc;
	cursor: pointer;
}
.more-colours .coloursortbuttonswrapper {
	padding: 7px 5px 5px 5px;
	height: 39px;
	background: #eee;
	margin-bottom: 5px;
}
.more-colours .sort-icon {
	float: left;
	margin: 2px;
}

.more-colours ul li .release-wrapper {
	margin: 0;
	overflow: hidden;
	width: 330px;
	height: 220px;
	display: block;
	position: absolute;
	top: 0;
}

.more-colours ul li .release-group {
	background: #436169;
	width: 150px;
	transform: translate(-35%,30%) rotate(-45deg);
	-webkit-transform: translate(-35%,30%) rotate(-45deg);
	-moz-transform: translate(-35%,30%) rotate(-45deg);
	-ms-transform: translate(-35%,30%) rotate(-45deg);
	-o-transform: translate(-35%,30%) rotate(-45deg);
}

.more-colours ul li .duetext {
	color: white;
	text-align: center;
	text-transform: uppercase;
	line-height: 11px;
	padding: 3px;
}

.more-thread-shades .coloursortbuttonswrapper, .more-colours .crosssellswrapper {
	padding: 7px 5px 5px 5px;
	height: 39px;
	background: #eee;
	margin-bottom: 5px;
}
.more-colours .crosssellswrapper {
	margin-top: 10px;
	font-size: 1.1em;
	height: 18px;
	font-weight: bold;
	color: #393939;
}
.more-thread-shades .sort-icon {
	float: left;
	margin: 2px;
}

.fabric-li {
	width: 33.33% !important;
}

.coloursortbutton {
	padding: 0 !important;
	width: inherit !important;
}

.products-list li .release-wrapper,
.patterns-grid .pattern-item .pattern-item-content .release-wrapper {
	margin: 0;
	overflow: hidden;
	width: 150px;
	height: 100px;
	display: block;
	position: absolute;
	top: 12px;
}

.products-list li .release-group,
.patterns-grid .pattern-item .pattern-item-content .release-group {
	background: #436169;
	width: 150px;
	transform: translate(-35%,30%) rotate(-45deg);
	-webkit-transform: translate(-35%,30%) rotate(-45deg);
	-moz-transform: translate(-35%,30%) rotate(-45deg);
	-ms-transform: translate(-35%,30%) rotate(-45deg);
	-o-transform: translate(-35%,30%) rotate(-45deg);
}
.products-list li .preorder-group {
	background: #f26522;
	width: 150px;
	transform: translate(-35%,30%) rotate(-45deg);
	-webkit-transform: translate(-35%,30%) rotate(-45deg);
	-moz-transform: translate(-35%,30%) rotate(-45deg);
	-ms-transform: translate(-35%,30%) rotate(-45deg);
	-o-transform: translate(-35%,30%) rotate(-45deg);
}

.products-list li .duetext, .products-list li .preordertext, .patterns-grid .pattern-item .pattern-item-content .release-group .duetext {
	color: white;
	text-align: center;
	text-transform: uppercase;
	line-height: 11px;
	padding: 3px;
}

.products-list li .outstock-wrapper {
	margin: 0;
	overflow: hidden;
	width: 150px;
	height: 100px;
	display: block;
	position: absolute;
	top: 14px;
}

.products-list li .outstock-group {
	background-color: #ffcccc !important;
	color: #C00000;
	width: 150px;
	transform: translate(35%,225%) rotate(-45deg);
	-webkit-transform: translate(35%,225%) rotate(-45deg);
	-moz-transform: translate(35%,225%) rotate(-45deg);
	-ms-transform: translate(35%,225%) rotate(-45deg);
	-o-transform: translate(35%,225%) rotate(-45deg);
}
.products-list li .outstock-text {
	text-align: center;
	text-transform: uppercase;
	line-height: 11px;
	padding: 3px;
	font-weight: bold;
}

.new-icon-image {
	position: absolute;
	left: 0;
	width: 60px !important;
	height: auto !important;
	top:0;
}

.product-view .box-up-sell h2 {
	font-size: 14px;
	margin:0 0 0;
}
.back-link a {
	text-decoration: none;
	font-size: 18px;
}
.back-link a:hover {
	color:#697073;
}
/*messages*/
.error-msg, .success-msg, .note-msg, .notice-msg {
	background: none;
	min-height:24px !important;
	padding:4px 8px 0 8px !important;
}
.add-to-box .or {
color:#697073;
font-weight:normal;
}
.product-collateral {
	margin: 0 0 10px 0;
	padding: 0;
	background: none;
}
.product-view .box-tags .form-add label {
color: #313131 !important;
font-weight: normal !important;
font-size: 11px;
}
.product-view .box-tags .form-add .input-box {
padding:0;
}
.product-view .box-tags .note {
padding:0;
}
.product-options p.required {
	padding-top: 0;
}
.product-options {
	padding-bottom: 5px;
}

/* Product Tabs */
.product-tabs { }
.product-tabs li { float:left; border-bottom: none; border-radius: 2px 2px 0 0; font-size:1.1em; line-height:1em; margin: 0 10px; background: #E6E6E6; font-weight:bold; }
.product-tabs li.first { }
.product-tabs li.last { }
.product-tabs a { display:block; padding: 5px 10px; color:#666; text-decoration: none; }
.product-tabs li.active a { color:white; }
.product-tabs a:hover { background:#f3afbc; }
.product-tabs li.active, .product-tabs li.active:hover { background-color:#99CCCC; color:white; }
.product-tabs-content { border: 1px solid #99CCCC; border-radius: 2px; padding: 10px; }
.product-tabs-content h2 { font-size:16px; font-weight:bold; color:black; padding: 0 0 5px 0; }
.product-tabs:after { display:block; content:"."; clear:both; font-size:0; line-height:0; height:0; overflow:hidden; }
.product-tabs-content .descList { list-style: none;}
.product-tabs-content .descAttr .descLabel { font-weight: bold}

/***************************************************************CART**********************************/
.cart .page-title .checkout-types li {
	margin-bottom: 0;
	margin-top: 5px;
}
.data-table thead th {
	font:11px 'Open Sans', Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.cart .organza {
	padding: 12px;
	margin-bottom: 20px;
}
.cart .organza .organzalabel {
	font-weight: bold;
	margin-left: 5px;
}
.cart .discount h2, .cart .shipping h2 {
	color:#393939;
	font:bold 12px/12px 'Open Sans', Arial, Helvetica, sans-serif;
	padding:0 0 0 0px;
	text-transform:none;
}
.cart .discount input.input-text { 
	border: 1px solid #c3dfee;
	width: 310px;
	padding-left: 6px;
	color: #5d5d5d;
	float: left;
}
.cart .discount input.input-text:disabled {
    background: #e6e6e6;
    color: #b8b8b8;
}
#shopping-cart-totals-table tfoot .price {
	color: #7caeae;
	font-weight: bold !important;
	font:12px 'Open Sans', Arial, Helvetica, sans-serif;
}
#shopping-cart-totals-table .price {
	color: #7caeae;
	font-weight: bold !important;
	font:12px 'Open Sans', Arial, Helvetica, sans-serif;
}
.cart .totals td { 
	vertical-align: middle;
	font: bold 12px 'Open Sans', Arial, Helvetica, sans-serif;
	color: #2f3135;
}
.cart .totals tfoot td strong {
	font:12px 'Open Sans', Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.discounts {
	width: 50%;
	float: left;
	position: relative;
}
.form-list label {
	font:11px 'Open Sans', Arial, Helvetica, sans-serif;
	color: #5d5d5d;
	font-weight: bold;
}
.form-list .input-box select { 
	border: 1px solid #c3dfee;
}
.checkout-progress li.active { 
	border-top-color: #313438;
	color: #313438;
}
/* SMALL BUTTONS */		
.cart .discount button.button, .cart .shipping button.button, #shopping-cart-table button.button, .my-wishlist .buttons-set button.button, .block-compare button.button {
	position: relative;
	border: 0 !important;
	cursor: pointer;
	padding: 0;
	overflow: visible; /* removes extra side padding in IE */
}
 .cart .discount button.button::-moz-focus-inner, .cart .shipping button.button::-moz-focus-inner, #shopping-cart-table button.button::-moz-focus-inner, .my-wishlist .buttons-set button.button::-moz-focus-inner, .block-compare button.button::-moz-focus-inner {
 border: none;  /* overrides extra padding in Firefox */
}
.cart .discount button.button span, .cart .shipping button.button span, #shopping-cart-table button.button span, .my-wishlist .buttons-set button.button span, .block-compare button.button span {
	position: relative;
	display: block;
	white-space: nowrap;
	border: 0 !important;
	background: none;
	padding: 0;
	margin: 0;
}
.cart .discount button.button span span, .cart .shipping button.button span span, #shopping-cart-table button.button span span, .my-wishlist .buttons-set button.button span span, .block-compare button.button span span {
	position: relative;
	display: block;
	white-space: nowrap;
	border: 0 !important;
}
 @media screen and (-webkit-min-device-pixel-ratio:0) {
 .cart .discount button.button span {
 margin-top: -1px;
}
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
 .cart .shipping button.button span {
 margin-top: -1px;
}
}
 @media screen and (-webkit-min-device-pixel-ratio:0) {
 #shopping-cart-table button.button span {
 margin-top: -1px;
}
}
 @media screen and (-webkit-min-device-pixel-ratio:0) {
 .my-wishlist .buttons-set button.button span {
 margin-top: -1px;
}
}
 @media screen and (-webkit-min-device-pixel-ratio:0) {
 .block-compare button.button span {
 margin-top: -1px;
}
}
/* custom look and feel: */
.cart .discount button.button, .cart .shipping button.button, #shopping-cart-table button.button, .my-wishlist .buttons-set button.button {
	padding: 10px;
	font: 11px 'Open Sans', Arial, Helvetica, sans-serif;
}
.cart .discount button.button span span, .cart .shipping button.button span span, #shopping-cart-table button.button span span, .my-wishlist .buttons-set button.button span span {
	padding: 0px 0 0 0px;
}
.crosssell-div {
	clear: both;
}
.cart .crosssell { 
	padding: 11px 0 0 0;
}
.cart .crosssell .link-wishlist {
	color: #348dbc !important;
}
.cross-sells { 
	clear: both;
	width: 905px;
	float: left;
	background: url(../images/cross-sells-bg.gif) repeat-y 0 0;
}
.cross-sells h2 { 
	margin-left: 20px;
	color: #348dbc;
	font-size: 12px;
}
.cross-sells .crosssell { 
	background: url(../images/cross-sells-top.gif) no-repeat 0 0 !important;
	position: relative;
	width: 905px;
	float: left;
}
.cross-sells .crosssell #crosssell-products-list { 
	padding: 0px 15px 10px 15px;
	background: url(../images/cross-sells-bt.gif) no-repeat 0 100%;
	clear: both;
	position: relative;
	width: 875px;
	float: left;
}
.cart .crosssell li.item {
	margin: 12px 0;
	float: left;
	width: 200px;
	margin-right: 15px;
}
.cart .crosssell li.last {
	
}
.cart .crosssell .product-details {
	margin-left: 85px;
}
.cart .totals .grand-total-title {
	text-align: right;
	padding-right: 10px;
	margin: 0;
}
.cart .totals .gbp-grand-total {
	font-size: 34px;
	text-align: right;
	display: block;
	padding-right: 10px;
	font-weight: bold;
	color: #9e9e9e;
	line-height: 34px;
}
.cart .totals .gbp-sub-total {
	font-size: 24px;
	text-align: right;
	display: block;
	padding-right: 10px;
	font-weight: bold;
	color: #9e9e9e;
	line-height: 24px;
}
.cart .totals .converted-price-cart {
	font-size: 15px;
	display: block;
	text-align: right;
	padding-right: 10px;
    font-style: italic;
}

/***********************************************************CHECKOUT, ACCOUNT********************************/
.opc .step-title h2 {
	font:12px 'Open Sans', Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.opc .allow .step-title h2 { 
	color: #000;
}
.opc .step-title .number { background: #fff; border: 1px solid #c3dfee; color: #348dbc; }
.opc .allow .step-title .number { background: #fff; border: 1px solid #c3dfee; color: #348dbc; }
.opc .active .step-title .number { background:#f0f6f9; border: 1px solid #c3dfee; color:#348dbc; }
.dashboard .box-recent .box-head h2 {
	background: none !important;
}
/* End of fix */
/* Fix for width issue in My Account [Rees] */
.my-account, .customer-account-giftcard
{
	margin: 0 10px 0 20px;
}
.my-account .page-title, .customer-account-giftcard .page-title {
	padding: 10px 0 !important;
}
/* End of fix */
.dashboard .box-reviews .number { 
	background: #fff; border: 1px solid #c3dfee !important; color: #348dbc;
}
.dashboard .box-reviews .details { 
	margin-left: 25px;
	padding-top: 3px;
}
.dashboard .box .box-title h3, .dashboard .box .box-title h4 { 
	color: #313438;
}
.box-account .box-head h2, .account-login .new-users h2, .account-login .registered-users h2 {
	background: none;
	font-size:12px;
	padding-left:0px;
	text-transform:none;
	color:#393939;
}
.my-account .box-info {
	color: #313131;
}
.title-buttons .button {
	margin-top: 5px;
}
.advanced-search-summary strong {
	padding-left: 0;
}
.block-progress{
	margin-top: 50px;
	width:185px;
}
.block-progress .block-title strong{
	width:165px;
}
.block-progress dt {
	font-size:12px;
	padding-left:12px;
	color: #2f3135;
}
.block-account .block-content li.current { 
	color: #348dbc;
	font-size: 12px;
	padding: 0;
}
.block-account .block-content li a:hover { 
	color: #348dbc;
	text-decoration: none;
}


/**************************************************************HOME PAGE***********************************/
div.main_page_logos {
	margin-top: 11px;
	background: url(../images/main_page_logos_bg.gif) no-repeat 0 0;
	clear: both;
	padding: 4px 0px 4px 32px;
}
div.main_page_logos img {
	margin-left: 15px;
}
div.four_banners {
	margin-top: 12px;
	width: 100%;
	background: url(../images/four_banners_bg.gif) repeat-y 0 0;
	clear: both;
}
div.four_banners div.four_banners_bt {
	width: 100%;
	background: url(../images/four_banners_bt.gif) no-repeat 0 100%;
	
}
div.four_banners div.four_banners_bt div {
	float: left;
	width: 158px;
	min-height: 149px;
	padding: 0 10px 10px 10px;
	margin-right: 10px;
}
div.four_banners div.four_banners_bt div.b_first {
	background: url(../images/b_first_bg.jpg) no-repeat 0 0;
}
div.four_banners div.four_banners_bt div.b_second {
	background: url(../images/b_second_bg.jpg) no-repeat 0 0;
	margin-right: 9px;
}
div.four_banners div.four_banners_bt div.b_third {
	background: url(../images/b_third_bg.jpg) no-repeat 0 0;
	margin-right: 11px;
}
div.four_banners div.four_banners_bt div.b_fourth {
	margin-right: 0;
	background: url(../images/b_fourth_bg.jpg) no-repeat 0 0;
}
div.four_banners div.four_banners_bt div a.title {
	display: block;
	margin-bottom: 118px;
	padding: 1px 0 30px 2px;
	font: 24px 'Open Sans', Times New Roman, Tahoma, sans-serif;
	color: #e4ddc5;
	text-decoration: none;
}
div.four_banners div.four_banners_bt div a.title span {
	display: none;
}
div.four_banners div.four_banners_bt div ul {
	
}
div.four_banners div.four_banners_bt div ul li {
	padding: 0 0 0 11px;
	line-height: 15px;
	background: url(../images/four_banners_menumar.gif) no-repeat 0 4px;
}
div.four_banners div.four_banners_bt div ul li a {
	color: #2f3135;
	font-size: 12px;
	text-decoration: none;
}
div.four_banners div.four_banners_bt div ul li a:hover {
	color: #348dbc;
}
div.best_sellers_title {
	margin: 20px 0;
	padding: 9px 0 9px 30px;
	width: 920px;
	font-size: 14px;
	font-weight: bold;
	color: #45787f;
	background: none repeat scroll 0 0 #F0F6F9;
	border-radius: 10px;
	border: 1px solid #B0CBBF;
}

#homepage_stylecraftspecialdk {
	position:relative;
	background-position: top left;
	width: 948px;
	height: 220px;
	margin: 0;
	padding: 0;
}

#homepage_stylecraftspecialdk .stylecraftspecialdk, #homepage_stylecraftspecialdk .sirdarhayfieldbonusdk {
	position: absolute;
	right: 15px;
	width: 270px;
	height: 90px;
}
#homepage_stylecraftspecialdk .stylecraftspecialdk {
	top: 12px;
}
#homepage_stylecraftspecialdk .sirdarhayfieldbonusdk {
	bottom: 12px;
}
#homepage_stylecraftspecialdk .stylecraftspecialdk img, #homepage_stylecraftspecialdk .sirdarhayfieldbonusdk img {
	width: 134px;
	height: 89px;
	float: left;
	margin: 0 10px 0 0;
}
#homepage_stylecraftspecialdk .dktitle, #homepage_stylecraftspecialdk .dkprice, #homepage_stylecraftspecialdk .dklink {
	display: block;
	color: #393939;
}  

#homepage_stylecraftspecialdk .dktitle {
	font-size: 1.5em;
	line-height: 1em;
	text-decoration: none !important;
	font-weight: normal;
}
#homepage_stylecraftspecialdk .dkprice {
	font-weight: bold;
	font-size: 2.2em;
}
#homepage_stylecraftspecialdk .dklink a:link, #homepage_stylecraftspecialdk .dklink a:visited {
	text-decoration: none;
	font-weight: bold;
	color: #393939;
}
#homepage_stylecraftspecialdk .dklink a:hover {
	text-decoration: underline;
}



p.home_banner {
	margin: 0;
	padding: 0;
}
div.logos {
	background: #121617;
	width: 100%;
	margin:0;
	padding: 17px 0px 6px 0px;
	text-align: center;
}
div.logos a {
	margin-left: 15px;
	margin-right: 15px;
}
/*featured product tabs*/
.sp {
	clear: both;
}
div.tabs_block {
	width: 100%;
	color: #202b36;
	background: #2d3739;
	margin: 0px 0 15px 0;
	padding-bottom: 6px;
}
div.tabs_block h5 {
	font-family: Arial, Tahoma, sans-serif;
	color: #5d5c5a;
	margin: 0 0 3px 0;
}
div.tabs_block h5 a:link, div.tabs_block h5 a:active, div.tabs_block h5 a:visited {
	text-decoration: none;
}
div.tabs_block h5 a:hover {
	text-decoration: underline;
}
div.tabs_block p {
	padding: 0 0 0px 0;
	margin: 0px 0px 0px 0px;
}
div.tabs_info {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background: #ffffff url(../images/tab_bg.png) no-repeat 0% 100%;
}
div.slider-left {
	width: 297px;
	float: left;
	position: relative;
	text-align: left;
	padding: 15px 15px 0px 15px;
	line-height: 130%;
}
div.slider-left p {
	padding: 0 0 0px 0;
	margin: 0px 0px 5px 0px;
}
div.slider-right {
	width: 628px;
	float: right;
	position: relative;
	background: #ffffff;
	padding: 0px 15px 0px 15px;
}
div.slider-right .product-image {
float: left;
padding-left: 40px;
}
div.slider-right a.product-info:link, div.slider-right a.product-info:visited {
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	line-height: 26px;
	display: block;
	width: 100px;
	height: 26px;
	background: url(../images/details_btn.png) no-repeat 0 0;
	position: absolute;
	right: 10px;
	bottom: 10px;
}
div.slider-right a.product-info:hover {
}
div.slider-right .price-box {
	position: absolute;
	right: 10px;
	bottom: 50px;
	width: 100px;
}
div.slider-right .old-price .price-label, div.slider-right .special-price .price-label {
	color: #000000;
}
div.slider-right .price {
	color: #018fc4;
}
div.slider-right .special-price .price {
	color: #5d5d5d;
}
div.tabs_ul {
	margin:0;
	padding: 0;
}
.ui-tabs-nav {
	margin:0 0 0 0px;
	padding: 0;
}
div.tabs_ul li {
	float: left;
	margin: 0;
	padding:0;
}
div.tabs_ul a:link, div.tabs_ul a:visited {
	display: block;
	height: 30px;
	font:14px 'Open Sans', Arial, Helvetica, sans-serif;
	color: #ffde00;
	font-weight: bold !important;
	text-transform: uppercase;
	text-decoration: none;
	text-align: left;
	overflow: hidden;
	padding: 8px 0 0 32px;
	margin: 0;
}
a.left_tab:link, a.left_tab:visited {
	width: 297px;
	background: url(../images/tab_left.png) no-repeat;
}
a.left_tab:hover {
	background: url(../images/tab_left.png) no-repeat 0% 100%;
}
a.center_tab:link, a.center_tab:visited {
	width: 299px;
	background: url(../images/tab_center.png) no-repeat;
}
a.center_tab:hover {
	background: url(../images/tab_center.png) no-repeat 0% 100%;
}
a.right_tab:link, a.right_tab:visited {
	width: 297px;
	background: url(../images/tab_right.png) no-repeat 100% 0%;
}
a.right_tab:hover {
	background: url(../images/tab_right.png) no-repeat 100% 100%;
}
div.tabs_ul a:hover {
	font:14px 'Open Sans', Arial, Helvetica, sans-serif;
	color: #018fc4;
	background-position: no-repeat 0 100%;
}
li.ui-tabs-selected a.left_tab {
	font:16px 'Open Sans', Arial, Helvetica, sans-serif !important;
	color: #018fc4 !important;
	background: url(../images/tab_left.png) no-repeat 0 100% !important;
	font-weight: bold !important;
}
li.ui-tabs-selected a.center_tab {
	font:16px 'Open Sans', Arial, Helvetica, sans-serif !important;
	color: #018fc4 !important;
	background: url(../images/tab_center.png) no-repeat 0 100% !important;
	font-weight: bold !important;
}
li.ui-tabs-selected a.right_tab {
	font:16px 'Open Sans', Arial, Helvetica, sans-serif !important;
	color: #018fc4 !important;
	background: url(../images/tab_right.png) no-repeat 100% 100% !important;
	font-weight: bold !important;
}
div.f-1_left a {
	display: block;
	height: 51px;
	font-size: 1.5em;
	font-family: Arial, Tahoma, sans-serif;
	font-weight: bold;
	color: #383838;
	text-decoration: none;
	line-height: 1;
	padding: 12px 0 0 76px;
	margin: 0 0 27px 0;
}
div.f-1_left a span {
	font-size: 0.8em;
	color: #2b5198;
}
/*---------//jquery//-----------------*/
.ui-tabs-hide {
	display: none;
}
.ui-tabs-nav:after {
	display: block;
	clear: both;
	content: " ";
}
* html .ui-tabs-nav {
	display: inline-block;
}
*:first-child+html .ui-tabs-nav {
	display: inline-block;
}
.ui-accordion .ui-accordion-header {
	cursor: pointer;
	position: relative;
	margin-top: 1px;
	zoom: 1;
}
.ui-accordion .ui-accordion-li-fix {
	display: inline;
}
.ui-accordion .ui-accordion-header-active {
	border-bottom: 0 !important;
}
.ui-accordion .ui-accordion-content-active {
	display: block;
}
/*block-service*/
.block-service .block-title {
	
}
.block-service .block-title strong {
}
.block-service .block-content {
	padding: 13px 15px 2px 17px;
	font-size: 11px;
	color: #878787;
}
.block-service .block-content span {
	display: block;
	line-height: 35px;
	font-family: Times New Roman;
	font-weight: bold;
	font-size: 15px;
	color: #34363a;
}
.block-service .block-content span span {
	display: inline;
	padding-left: 3px;
	font-weight: normal;
	font-size: 32px;
	color: #f09000;
}
.data-table tr td .product-name a {
    color: #393939;
	padding-top: 5px;
	font-weight: bold;
}
.block-compare .btn-remove {
	background: url("../images/btn_remove.gif") no-repeat scroll 0 0 transparent;
}
/**************************************************************TEXT COLORS*********************************************/
/* blue */
.block .btn-remove, .block .link-wishlist, .block .link-compare, .block .product-info, .block-progress dt.complete {
	color:#348dbc !important;
}
/*light*/
.error-msg, .block-layered-nav li a:hover {
}
.opc .step-title h2, .block-account .block-content li a, .page-sitemap .links a {
	padding: 0px 0 0px 0;
	color: #2f3135;
	font-size: 12px;
	font-weight: normal !important;
}
.crosssell .product-name a {
	color:#348dbc;
	font-size:11px;
	font-weight:bold;
	text-transform:none;
	font-family: Tahoma;
}
.crosssell .product-name a:hover {
	color: #041928;
}
/*medium grey text*/
.success-msg, .note-msg, .notice-msg, .sp-methods label, .product-options dt label {
	color: #5d5d5d !important;
}
/*dark grey - separators, lines*/
.products-list .add-to-links .separator {
	color: #6a7173;
}
/*font normal*/
.link-wishlist, .link-compare, .old-price .price-label, .special-price .price-label {
	font-weight: normal;
}
/*font 11px*/
.old-price .price-label, .special-price .price-label {
	font-size: 11px;
}
.std ul.disc {
	list-style-type: circle;
}
/**********************************************************BACKGOUNDS*****************************************************/
/*background-transparent*/
.toolbar .pager, .product-view .box-up-sell .products-grid td, 
.block li.even, .cart .crosssell, .cart .discount, .cart .shipping, .cart .totals, 
.block .actions, .compare-table tbody th, .compare-table tr.add-to-row td, 
.block-layered-nav .currently li, .block-cart .summary, .block-progress dt, .block-progress dt.complete, 
.block-progress dd.complete,
.order-info-box, .toolbar .sorter, .product-view .box-up-sell .products-grid td.empty, 
.product-collateral .box-collateral  {
	background:transparent;
}
/*border-non*/
.toolbar .pager, .product-view .product-img-box .more-views h2, .product-collateral h2, .product-view .box-up-sell .products-grid, .product-view .box-up-sell .products-grid td, .cart .crosssell, .cart .discount, .cart .shipping, .cart .totals, .page-title, #opc-login h3, .box-account .box-head, .pager, .block-cart .summary, .block-cart .actions, .products-grid, .product-view .box-up-sell .products-grid td img, .block-progress dt, .block-progress dt.complete, .block-progress dd.complete,
.toolbar .sorter  {
	border: none;
}
/*background- forms */
.data-table, .data-table tfoot tr, .data-table .odd, .data-table .even, .opc .step, 
.fieldset .legend, .advanced-search-summary, .product-options,
.data-table tbody.odd tr, .data-table tbody.odd tr td, .tags-list, .no-rating, .tabs, .account-login .content  {
	background:#fff;
}
.opc .step {
	background:#fcfcfc;
}
/*background-title*/
.data-table tfoot tr td, .data-table thead th, .opc .active .step-title, .box-account, .fieldset, 
.addresses-list li.item, .pager, .account-login .buttons-set, .block-cart .subtotal, .product-options-bottom,
.order-info {
	background: #fff;
}
/*background- focus */
input.input-text:focus, select:focus, textarea:focus {
	background:#fff;
}
.opc .step-title, .opc .allow .step-title {
	background: #eef8ff;
	border-width: 0 1px 1px 1px;
}
.opc .allow .step-title {
	border-width: 1px 1px 1px 1px;
}
.validation-failed, .error-msg, .success-msg, .note-msg, .notice-msg {
	background:#f9fcfe !important;
}
/*border blue  */ 
.mini-products-list .product-image, .product-view .product-img-box .more-views li a:hover {
	border: 1px solid #c3dfee;
}
.products-list .product-image {
	border:1px solid #c3dfee;
}
.products-grid .product-image:hover, .products-list .product-image:hover, .mini-products-list .product-image:hover {
	border: 1px solid #98cce8;
}
.compare-table .product-image img {
	border:1px solid #c3dfee;
}
/*border = background color*/
.block-account .block-content li a, .block-account .block-content li.current, .block-layered-nav .actions, .product-options dd {
	border-color: #c3dfee;
}
.products-list li.item {
	border-bottom: dashed 2px #7caeae;
	margin: 7px 0;
	position: relative;
}

/*Block poll*/
/* REQUIRED BUTTON STYLES: */		
.block-poll button.button, .block-compare button.button {
	position: relative;
	border: 0 !important;
	cursor: pointer;
	padding: 0;
	overflow: visible; /* removes extra side padding in IE */
}
.block-poll button.button::-moz-focus-inner {
 border: none;  /* overrides extra padding in Firefox */
}
.block-compare button.button::-moz-focus-inner {
 border: none;  /* overrides extra padding in Firefox */
}
.block-poll button.button span, .block-compare button.button span {
	position: relative;
	display: block;
	white-space: nowrap;
	border: 0 !important;
	background: none;
	padding: 0;
	margin: 0;
}
.block-poll button.button span span, .block-compare button.button span span {
	position: relative;
	display: block;
	white-space: nowrap;
	border: 0 !important;
}
 @media screen and (-webkit-min-device-pixel-ratio:0) {
	/* Safari and Google Chrome only - fix margins */
	.block-poll button.button span {
 margin-top: -1px;
}
}
 @media screen and (-webkit-min-device-pixel-ratio:0) {
	/* Safari and Google Chrome only - fix margins */
	.block-compare button.button span {
 margin-top: -1px;
}
}
/* OPTIONAL BUTTON STYLES for applying custom look and feel: */		
.block-poll button.button, .block-compare button.button {
	padding: 0 10px 0 0;
}
.block-poll button.button span span, .block-compare button.button span span {
	padding: 2px 0 0 12px;
}
/*Compare*/
.compare-table .btn-remove {
	height: 11px;
	width: 57px;
	margin: 3px 0px 3px 0px;
	background: url(../images/btn_remove2.gif) no-repeat 0 0;
}
.compare-table .btn-remove:hover {
	background: url(../images/btn_remove2.gif) no-repeat 0 0;
}
.cart .totals .checkout-types li a { 
	color: #348dbc;
	font-size: 11px;
}
.page-popup .link-print { 
	color: #000000;
}
.link-cart { 
	color: #575757 !important;
	font-weight: 700;
}
.addresses-list h2 { 
	color: #313438;
}

/*demo notice*/
.demo-notice {
	background: none repeat scroll 0 0 #ffffff;
	color: #000000;
	font-size: 11px;
	font-weight: bold;
	line-height: 1.15;
	margin: 0;
	padding: 5px 5px;
	text-align: center;
	opacity: 0.7;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}
/*download banner*/
.download p {
	padding-left: 14px;
	padding-right: 14px;
	color: #5d5d5d;
}
a.download {
	display: block;
	width: 166px;
	height: 213px;
	background: url(../../grayscale/images/download.jpg) no-repeat 0 0;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
}
p.forum a:link, p.forum a:visited {
	padding: 0px 0px 2px 26px;
	line-height: 17px;
	background: url(../images/forum.png) no-repeat 0px 0px;
	color: #000000;
}
p.forum a:hover {
	color: #fc4500;
}
p.more_themes a:link, p.more_themes a:visited {
	padding: 0px 0px 2px 26px;
	line-height: 17px;
	background: url(../images/more.png) no-repeat 0 0;
	color: #000000;
}
p.more_themes a:hover {
	color: #fc4500;
}
/*customer service*/

.customer_service .block-title strong {
	
}
.customer_service .block-title {
	
}
.customer_service p {
	padding-left: 12px;
	margin: 0px 0px 0px 0px;
}
p.phone {
	color: #34363a;
	font-size: 14px;
	font-family: "Times New Roman", Times, serif;
	font-weight: bold;
}
p.phone strong {
	color: #f09000;
	font-size: 32px;
	font-family: "Times New Roman", Times, serif;
	font-weight: normal;
}
p.time {
	color: #5d5d5d;
}
.tabs {
	width: 683px;
	border-bottom: 0 !important;
	margin: 15px 0 0 0 !important;
	overflow:hidden;
}
.tabs a {
	width: 169px;
	color:#fff !important;
	font-size: 12px !important;
	font-weight:bold !important;
	display:block;
	text-align: center;
	padding: 8px 0px 8px 0px !important;
	text-decoration:none;
	background: url(../images/tab.gif) no-repeat 0 0;
}
.tabs li.active a, .tabs li.active a:hover {
	background: url(../images/tab_active.gif) no-repeat 0 0 !important;
	color:#348dbc !important;
	font-size: 12px !important;
	font-weight:bold;
}
.padder {
	width: 660px;
	padding: 5px 10px 5px 10px;
	border-top: 1px solid #c0c4c4;
	border-right: 1px solid #c3dfee;
	border-bottom: 1px solid #c3dfee;
	border-left: 1px solid #c3dfee;
}

/******************* CLEARFIX ***********************/
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}
/*up*/
.toolbar .pager {
}
.toolbar-bottom .toolbar .pager {
	display: block;
}
.toolbar-bottom .toolbar .sorter {
	display: none;
}
.product-product .product-shop .product-options-bottom .price-box {
	display: none;
}
.product-product .product-shop .product-options {
	padding-top: 0;
	margin-top: 0;
}
.product-product .product-shop .product-options-bottom {
	margin-bottom: 20px;
}
.product-product .product-shop .price-box .price-label {
	color: #697073;
	font-size: 14px;
	font-weight: bold;
}
.product-product .product-shop .regular-price {
	font-size: 18px;
	font-weight: normal !important;
}
.product-options-bottom .add-to-cart label {
	font-weight: bold;
}
.product-shop .availability, .product-shop .no-rating, .product-shop .short-description {
	display: none;
}
.crosssell .add-to-links {
	display: none;
}
.ratings {
	margin-bottom: 20px;
}
.products-grid .ratings {
	margin-bottom: 0px;
}
.email-friend {
	margin-bottom: 20px;
	background: url(../images/email_bg.gif) no-repeat 0 0;
	width: 376px;
	height: 26px;
	padding: 12px 0px 0px 10px;
}
.product-view .product-shop .add-to-links {
	text-align: left;
	margin-bottom: 20px;
	background: #f0f6f9;
	border-radius: 10px;
	border: 1px solid #B0CBBF;
	height: 28px;
	padding: 10px 0px 0px 10px;
}
.product-view .product-shop .add-to-links span.separator {
    display:none;
	color: #f9fcfe;
	width: 1px;
}
.product-view .product-shop .add-to-links li {
	display: inline !important;
	background: url(../images/b_arrow.gif) no-repeat 0% 50%;
	padding-left: 10px;
	margin-right: 20px;
}
.product-view .product-shop .add-to-links a:link, .product-view .product-shop .add-to-links a:visited {
	text-decoration: none;
	color: #348dbc;
}
.product-view .product-shop .add-to-links a:hover {
	color: #6dbde5 !important;
}

.product-view .product-shop .email-alert {
	margin-left: 10px;
}

.product-view .product-shop .email-alert .btn-cart {
	margin-top: 10px;
	margin-left: 77px;
	width: 134px;
}

#product-review-table {
	margin-bottom: 10px;
}
.cart {
	margin: 0 10px;
}
span.or {
	display: none;
}
.more-views h2 {
font-family:Arial,Helvetica,sans-serif !important;
font-size:	11px !important;
font-weight:	normal !important;
color:	#313131 !important;
}
p.email-friend a 
 {
	display: block;
	width: 54px;
	height: 16px;
	background: url(../images/email.gif) no-repeat 0 0;
	margin: 0px 10px 0px 0px;
	float: left;
	position: relative;
}
p.email-friend a span {
	display: none;
}

.product-product .product-shop .product-options-bottom .add-to-cart {
	float: none;
}
.product-product .product-shop .product-options-bottom .add-to-cart .qty {
	float: none;
}
.opc {
	margin-bottom: 20px;
}
.left_b_banner {
	display: none;
}
.cms-index-index .left_b_banner {
	display: block;
}
.checkout-onepage-index .data-table tfoot tr td {
	background: #fcfcfc none !important;
}
.checkout-onepage-index .data-table tfoot tr.last td {
	background: #FFFFFF url("../images/table_tf.gif") repeat-x 0 0 !important;
}
.checkout-onepage-success .col-main {
	margin: 20px;
}

.checkout-onepage-success .facebook-confirmation
{
	position: relative;
	border-radius: 2px;
	background-color: #f3afbc;
	padding: 20px;
	margin: 20px 0 0 0;
	width: 370px;
}
.checkout-onepage-success .facebook-confirmation ul
{
	font-weight: bold;
	margin: 10px 0;
	list-style: inside;
}
.checkout-onepage-success .facebook-confirmation .facebooklinkbutton
{
	position: absolute;
	bottom: 20px;
	right: 20px;
	
	width: 105px;
	height: 40px;
	background: url("/media/woolwarehouse/images/facebooklike.png");
}

.checkout-onepage-success .social-confirmation
{
	width: 310px;
	display: block;
	background: white;
	border: 5px solid #f3f3f3;
	position: relative;
}
.checkout-onepage-success .social-confirmation h2
{
	font-size: 31px;
	font-weight: normal;
	text-align: center;
}
.checkout-onepage-success .social-confirmation .social-message
{
	width: 60%;
	margin: 0 10px;
	font-size: 12px;
}
.checkout-onepage-success .social-confirmation .social-group
{
	margin: 10px;
	display: block;
	text-align: center;
}
.checkout-onepage-success .social-confirmation .social-group .social-link
{
	width: 26px;
	height: 26px;
	display: inline-block;
	margin: 0 5px;
}
.checkout-onepage-success .social-confirmation .social-group .social-link .social-img
{
	width: 100%;
}

.checkout-onepage-success .social-confirmation .social-woolimg
{
	position: absolute;
	width: 60px;
	top: 46px;
	right: 20px;
}

#checkout-step-shipping_method {
	background: #fff;
}
#checkout-step-payment {
	background: #fff;
}
/*currency block fix*/
.block-currency {
height: auto !important;
padding: 0;
}
.block-currency .block-title {
	margin: 0;
}
.block-currency .block-content select  {
	width: auto !important;
	display: block !important;
	margin: 0px 0px 0px 0px !important;
}
.block-currency .block-content {
padding-bottom:6px;
padding-top:6px;
padding-left: 10px;
}

/*block-download*/
.block-download p {
	padding-bottom: 0;
	margin-bottom: 0;
}
a.download {
	display: block;
	background: url(../images/banners/download.gif) no-repeat 0 0;
	width: 164px;
	height: 174px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
}
a.download span {
	display: none;
}
.rating-box {
    background: url("../images/bkg_rating.gif") repeat-x scroll 0 0 transparent;}
.rating-box .rating {
    background: url("../images/bkg_rating.gif") repeat-x scroll 0 100% transparent; }
    
input[type=checkbox] {
	cursor: pointer;
}
.block-layered-nav .actions {
	text-align: left;
	border: none;
	border-top:;
}

.shipment-methods dd {
	margin-bottom: 10px;
}

.sidebar .block-layered-nav:nth-child(3) {
	display: none;
}

/*Class to set the width for the whole Carousel. You can set the width and height as you want */

/* .widget {
width:419px;
} */

.thumbnailCarouselContainer {
height: 40px;
width: auto;
position:relative;
padding: 0 0 0 20px;
margin: 5px 0 0 0;
}

/*Class to set the styling option for the previous button on the Carousel */

.thumbnailCarouselContainer a.previous{
position:absolute;
left: 5px;
top: 0;
display:block;
background:url(/media/woolwarehouse/carouselleftarrow.png) bottom;
width:15px;
height:40px;
}

/*Class to set the styling option for the next button on the Carousel */

.thumbnailCarouselContainer a.next{
position:absolute;
right: 5px;
top: 0;
float:right;
display:block;
background:url(/media/woolwarehouse/carouselrightarrow.png) bottom;
width:15px;
height:40px;
}

/*Class to set the styling option for the scroller part of the Carousel */

.thumbnailCarousel {
text-align:left;
padding:0px 0px 0px 0px;
}

.thumbnailCarousel ul {
margin:0;
padding:0;
}

/*Class to set the image background and the size of it, do note that it’s not the size of the scrolling images, it sets the size of the background image that I’ve used for every actual image that will be scrolling*/

.thumbnailCarousel li {
height:40px;
width:60px;
list-style:none;
margin:0 5px 0 0;
padding:0;
}

/*This here actually sets the size of the scrolling images */

.thumbnailCarousel img {
width:60px;
height:40px;
margin:0 !important;
}

/*These are mine, to aid in the display of pattern details [Phil]*/
table.pattern_detail td {padding: 1px;}
table.pattern_detail td:first-child {padding-left: 8px;}
table.pattern_detail a {color: black;}
table.pattern_detail a:hover {text-decoration: underline;}
.pd_measurement{	text-align: left;	border-right: 1px solid black;	padding-left: 5px !important;	vertical-align: center; background-color: #BAD6F2;}
.pd_cm{ border-bottom: 1px solid black;}
.pd_top{border: solid black; border-width: 1px 1px 0px 1px; border-radius: 5px 5px 0px 0px; }
.pd_measure_divider{	border-bottom: 1px solid black;}
.pd_measure_link{	border-right: 1px solid black;}
.pd_units{	text-align: left; padding-right: 10px !important; background-color: #BAD6F2;}
.pd_shade{	border-bottom: 1px solid black;}
.pd_yarn{ background-color: #ffffff !important; font-weight: bold;}
.pd_yarn a{text-decoration: none;}
.pd_firstcell{	border-left: 1px solid black; background-color: #BAD6F2;}

/* And these are mine, to aid in the display of conversion charts! [Rees] */
table.conversion_table { margin: 10px 0; }
table.conversion_table td { padding: 1px 1px 1px 8px; }
table.conversion_table tr:first-child td { border: solid 1px black; border-radius: 5px 5px 0px 0px; }
table.conversion_table tr td:first-child { border-left: solid 1px black; }
table.conversion_table tr td:last-child { border-right: solid 1px black; }
table.conversion_table tr:nth-child(2) td { font-weight: bold; }
table.conversion_table tr:nth-child(even) { background-color:#BAD6F2; }
table.conversion_table tr:last-child td { border: solid 1px black; border-radius: 0px 0px 5px 5px; background-color: #fff; }

#copyrightnotice { color: #979696; margin: 20px 0; line-height: 1.5em;}
#copyrightnotice a:link, #copyrightnotice a:visited { text-decoration: none; color: #979696; }
#copyrightnotice a:hover { font-weight: bold; }

/* Blog [Rees] */
.blog-index-list .col-main, .blog-post-view .col-main, .blog-cat-view .col-main { width: 710px; }

.shipment-methods li { margin-top: 10px; }
.shipment-methods dt { font-weight: bold; }

/* Attic 24 Banner [Rees] */
.category-image { margin: 0 0 0 4px; }

/* Fix for weird price display bug on Clearance category [Rees] */
.clearance p.minimal-price { display:block; }

/* Fix some gift voucher display issues */
.giftvoucher-product-info .divider { display: none; }
.giftvoucher-product-info #giftcard-template-show-images { display: none; }

/* Fixed broken newsletter box on font change */
.block-subscribe-inline .actions {
	padding: 0;
	float: left
}

/* Fixed non-centered message on add to basket */
.messages li li {
    margin: 0 !important;
}

/* Fix missing right hand border on basket contents table */
#shopping-cart-table td.last {
    border-right: 1px solid #c3dfee;
}

/* Fix alignment on discount code form/button */
.cart .discount .input-box {
    height:23px;
}

/* Align "Add Gift Voucher" button to the right */
.opc-wrapper-opc #giftvoucher_container #giftvoucher_add {
    float:right;
}

#checkout-review-table tr.subtotal-row td, #checkout-review-table tr.grandtotal-row td {
    color: #1c1c1c;
    border-bottom: solid 1px #b6b6b6;
}

#checkout-review-table tr.grandtotal-row td, #checkout-review-table tr.grandtotal-row td .price {
    font-weight: bold;
}
#checkout-review-table tr.subtotal-row td .price, #checkout-review-table tr.grandtotal-row td .price {
    color: #1c1c1c;
}
.opc-wrapper-opc #ordercomment-comment {
    margin-top: 5px;
}
#checkout-review-table tr td.last{
    text-align:right;
}
.account-login {
    margin: 10px;
}
.account-login .content h2 {
    color: #393939;
}
.account-login .page-title {
    margin: 0 0 10px 0;
}
.cart-collaterals .col-2 .shipping {
    display: none;
}
.cart-collaterals .col-1 {
    width: 60%;
}
#checkout-review-table .converted-price {
    font-size: 12px;
    font-weight: normal;
    text-align: right;
}
#shipping-block-methods .converted-price {
    font-size: 12px;
    font-weight: normal;
}
#shopping-cart-totals-table .convertedtotal .a-right, #shopping-cart-totals-table .convertedtotal .a-right span {
    font-style: italic !important;
}
.fromprice {
    font-size: 0.5em;
}
/* Hide unnecessary box on download products */
 #product_addtocart_form #product-options-wrapper {
	 display: none;
 }
/* Cart form styling is a bit strange on download products */
#product_addtocart_form .product-options-bottom {
	background: none;
	border: none;
}
/* Download product link */
.product-shop .downloadproductlink {
	background-color: #e6e6e6;
	border-radius: 2px;
	margin: -2px 0 0 0;
	border: 0;
	text-align:center;
	margin-right:14px;
	background-repeat: no-repeat;
	background-position: 6px, 10px;
	padding: 7px 0 7px 30px;
	font-size: 9px;
}
.product-shop .downloadproductlink:hover {
	background-color: #f3afbc;
}
.product-shop .downloadproductlink a {
	text-transform: uppercase;
	color: #393939 !important;
	text-decoration: none;
	font-weight: bold;
	line-height: 1em !important;
	text-align:center;
}
.product-shop .downloadproductlink.download {
	background-image: url('../images/pattern_download.png');
}
.product-shop .downloadproductlink.printed {
	background-image: url('../images/pattern_printed.png');
}
#basketmessage .gbp-price-cart {
	white-space: nowrap;
}
#basketmessage .currency-price-cart {
	font-style: italic;
}
#basketmessage:hover #minicart-group {
	display: block;
}
#basketmessage #minicart-group {
	width: 400px;
	background: white;
	top: 36px;
	right: 0;
	text-align: center;
	min-height: 60px;
	border: 1px solid #99CCCC;
	display: none;
	position: absolute;
}
#basketmessage #minicart-group .empty-cart {
	position: relative;
	line-height: 60px;
}
#basketmessage #minicart-group .mini-cart-topline {
	position: relative;
	width: 100%;
	display: block;
	border-bottom: 1px solid #99CCCC;
}
#basketmessage #minicart-group .mini-cart-topline .topline {
	position: relative;
	font-weight: bold;
	display: inline-block;
}
#basketmessage #minicart-group .mini-cart-topline .topline-name {
	width: 50%;
}
#basketmessage #minicart-group .mini-cart-topline .topline-qty, #basketmessage #minicart-group .cart-item .cart-item-qty {
	width: 10%;
}
#basketmessage #minicart-group .mini-cart-topline .topline-price, #basketmessage #minicart-group .mini-cart-topline .topline-total, #basketmessage #minicart-group .cart-item .cart-item-price, #basketmessage #minicart-group .cart-item .cart-item-total {
	width: 15%;
}
#basketmessage #minicart-group .cart-item{
	position: relative;
	width: 100%;
	display: block;
	border-bottom: 1px solid #e6e6e6;
	padding: 3px 0;
	box-sizing: border-box;
}
#basketmessage #minicart-group .cart-item .cart-item-name {
	width: 50%;
	font-weight: bold;
	display: inline-block;
}
#basketmessage #minicart-group .cart-item .cart-item-price,
#basketmessage #minicart-group .cart-item .cart-item-total,
#basketmessage #minicart-group .cart-item .cart-item-qty {
	display: inline-block;
	font-weight: bold;
}

#basketmessage #minicart-group .view-basket-link{
	background: #99CCCC;
	padding: 2px;
	margin: 2px;
	display: block;
	color: #393939;
	font-weight: bold;
}
#basketmessage #minicart-group .view-basket-link:hover{
	background:#f3afbc;
	text-decoration: none;
}
#firecheckout-form .delivery-checkout-message {
    display: block;
    width: 100%;
    background: yellow;
    padding: 10px;
    box-sizing: border-box;
    text-align: center;
}
.firecheckout-index-index #firecheckout-form #payment-method #giftvoucher_container {
	width: 100%;
    margin-left: 0;
    margin-bottom: 20px;
    display: inline-block;
}

.product-view .social-icons {
	float: right;
	width: 150px;
	padding-top: 5px;
}
.product-view .social-icons a {
	display: block;
	width: 25px;
	height: 25px;
	margin-left: 10px;
	float: left;
}
#my-orders-table .separator, #my-orders-table .link-reorder  {
	display: none;
}
#shipping-method .shipping-method-desc {

	width: calc(100% - 25px);
	display: inline-block;
}
#shipping-method .shipping-method-desc .shippingtext {
	width: calc(100% - 110px);
	display: inline-block;
}
#shipping-method .shipping-method-desc .shippinglogo {
	display: inline-block;
	width: 100px;
	vertical-align: top;
}
#shipping-method .shipping-method-desc .shippinglogo img {
	width: 100%;
}


.postDetails {
	display: none;
}
.col-left.sidebar p {
	display: none;
}

/* Styling on error display for OPC (eg failed logins) */
.opc-wrapper-opc .messages .error-msg {
	border: none !important;
	background: red !important;
	margin: 0 0 20px !important;
	padding: 5px 5px 5px 10px !important;
	border-radius: 2px;
	text-transform: uppercase;
}

.opc-wrapper-opc .messages .error-msg ul > li > span {
	color: white !important;
}

.opc-wrapper-opc .payment-block select {
	width: 90% !important;
}

.account-create .fieldset, .account-create .fieldset .legend {
	border: none;
	background: none;
}

.account-create .page-title {
	margin: 0;
	padding: 10px;
}
.account-create .fieldset {
	padding: 10px;
}
.account-create .fieldset .legend {
	color: #393939;
}
.account-create .buttons-set {
	padding: 10px;
}

.data-table {
	border: solid 1px #eee;
}
.data-table thead th {
	background: #eee;
	padding: 10px;
	border: none !important;
}
.data-table tbody th, .data-table tbody td {
	border-bottom: solid 1px #eee;
	border-right: solid 1px #eee;
}
.data-table tfoot tr {
	background: none !important;
}
.data-table tfoot tr td {
	border-top: solid 1px #eee;
}
.sales-order-view .col-main .my-account .order-info-box,
.sales-order-view .col-main .my-account .link-reorder,
.block-reorder
{
	display: none;
}
#lightbox {
	background-color: rgba(0, 0, 0, 0.7);
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
	display: none;
}
.limage img {
	position: absolute;
	margin: auto !important;
	left: 0;
	right: 0;
	top: 5%;
	bottom: 5%;
	max-width: 80%;
	background: white;
	padding: 10px;
	width: 50%;
}
.limage .l-image-count {
	position: absolute;
	color: black;
	font-size: medium;
	font-weight: bold;
	padding: 10px;
	width: 130px;
	background: #fefefe99;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
}
.left {
	position: absolute;
	width: 50%;
	height: 100%;
	top: 0;
	left: 0;
}

.left.hide  .img-left{
	display: none;
}
.left .img-left {
	width: 64px;
	height: 64px;
	position: absolute;
	left: 0;
	bottom: 10%;
	background: #7caeae;
}
.right {
	position: absolute;
	width: 50%;
	height: 100%;
	top: 0;
	right: 0;
}
.right.hide .img-right {
	display: none;
}
.right .img-right {
	width: 64px;
	height: 64px;
	position: absolute;
	right: 0;
	bottom: 10%;
	-ms-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
	background: #7caeae;
}
.close {
	color: white;
	position: absolute;
	right: 10px;
	padding: 10px;
	font-size: 35px;
	z-index: 11;
	background: #7caeae;
}
.close .img-close {
	width: 64px;
	height: 64px;
	transition: all 300ms ease;
}
.close .img-close:hover {
	-ms-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}

.cms-delivery-information .main-container .countrylistdiv {
	background: #ffeeff;
	padding: 0 10px 5px 10px;
}
.cms-delivery-information .main-container .countrylistdiv .alpha-ul {
	list-style: none;
	width: 100%;
	margin: 0;
	padding: 0;
	display: inline-block;
}
.cms-delivery-information .main-container .countrylistdiv .alpha-ul .alpha-li {
	float: left;
}
.cms-delivery-information .main-container .countrylistdiv .alpha-ul .alpha-li .alpha-link {
	text-decoration: none;
	font-weight: bold;
	font-size: 24px;
	color: black;
	padding: 0 5px;
}
.cms-delivery-information .main-container .dicountry-wrapper {
	background: white;
	padding: 5px;
	margin-bottom: 5px;
}
.cms-delivery-information .main-container .dicountry-wrapper .dicountry {
	font-weight: bold;
	font-size: 15px;
}
.cms-delivery-information .main-container .dicountry-wrapper .dioption {
	width: 100%;
	display: block;
}
.cms-delivery-information .main-container .dicountry-wrapper .dioption .diservice {
	font-weight: bold;
}

.cms-homepage-rowan .homepage-wrapper .brandhome-headingimg {
	width: 100%;
	margin-bottom: 15px;
	display: block;
	overflow: hidden;
	min-height: 96px;
}
.cms-homepage-rowan .homepage-wrapper .brandhome-headingimg img {
	width: 100%;
	min-height: 96px;
}
.cms-homepage-rowan .homepage-wrapper .brandhome-section-header {
	margin-top:15px;
	position: relative;
	display: block;
}

.cms-homepage-rowan .homepage-wrapper .brandhome-section-header img {
	width: 100%;
}
.cms-homepage-rowan .homepage-wrapper .brandhome-section-header strong {
	width: 100%;
	text-align: center;
	position: absolute;
	top: 0;
	font-size: 36px;
	font-family: "Times New Roman";
	font-weight: 400;
 }
.cms-homepage-rowan .homepage-wrapper ul{
	list-style: none;
	margin-bottom: 10px;
	display: inline-block;
}
.cms-homepage-rowan .homepage-wrapper li {
	float: left;
	width: 33%;
	padding: 10px 0;
	list-style: none;
}

.cms-homepage-rowan .homepage-wrapper li .brandhome-section-item-img {
	width: 80%;
	padding: 0 10%;
}

.patterns-grid {
	width: 100%;
	display: inline-block;
	padding: 5px;
	box-sizing: border-box;
	background: #ffeeff;
}
.patterns-grid .pattern-item  {
	width: 33.3%;
	display: block;
	float: left;
	padding: 5px;
	background: #ffeeff;
	box-sizing: border-box;
	height: 496px;
}

.patterns-grid .pattern-item .pattern-item-content {
	background: white;
	display: block;
	height: 100%;
	padding: 10px;
	box-sizing: border-box;
	position: relative;
}

.patterns-grid .pattern-item .pattern-item-content .converted-price {
	top: unset;
}

.patterns-grid .pattern-item .pattern-item-content .product-name a {
	color: black;
	font-weight: bold;
	font-size: 14px;
	height: 39px;
	display: block;
	overflow: hidden;
	margin-bottom: 10px;
}
.patterns-grid .pattern-item .pattern-item-content .product-image {
	display: block;
	width: 100%;
	height: 294.29px;
	position: relative;
	overflow: hidden;
	border: 1px solid #c3dfee
}
.patterns-grid .pattern-item .pattern-item-content .product-image:hover {
	border: 1px solid #98cce8;
}
.patterns-grid .pattern-item .pattern-item-content .product-image img {
	width: 100%;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
}
.patterns-grid .pattern-item .pattern-item-content .release-wrapper {
	margin: 8px 0 0 1px;
	overflow: hidden;
	width: 70px;
	height: 70px;
	display: block;
	position: absolute;
	top: 52px;
	pointer-events: none;
}
.patterns-grid .pattern-item .pattern-item-content .outstock-wrapper {
	margin: 0;
	overflow: hidden;
	width: 150px;
	height: 100px;
	display: block;
	position: absolute;
	right: 9px;
	bottom: 132px;
}

.patterns-grid .pattern-item .pattern-item-content .outstock-group {
	background-color: #ffcccc !important;
	color: #C00000;
	width: 150px;
	transform: translate(35%,225%) rotate(-45deg);
	-webkit-transform: translate(35%,225%) rotate(-45deg);
	-moz-transform: translate(35%,225%) rotate(-45deg);
	-ms-transform: translate(35%,225%) rotate(-45deg);
	-o-transform: translate(35%,225%) rotate(-45deg);
}
.patterns-grid .pattern-item .pattern-item-content .preorder-group {
	background: #f26522;
	width: 150px;
	transform: translate(-35%,30%) rotate(-45deg);
	-webkit-transform: translate(-35%,30%) rotate(-45deg);
	-moz-transform: translate(-35%,30%) rotate(-45deg);
	-ms-transform: translate(-35%,30%) rotate(-45deg);
	-o-transform: translate(-35%,30%) rotate(-45deg);
}
.patterns-grid .pattern-item .pattern-item-content .preordertext {
	color: white;
	text-align: center;
	text-transform: uppercase;
	line-height: 11px;
	padding: 3px;
}
.patterns-grid .pattern-item .pattern-item-content .outstock-text {
	text-align: center;
	text-transform: uppercase;
	line-height: 11px;
	padding: 3px;
	font-weight: bold;
}
.patterns-grid .pattern-item .pattern-item-content .new-icon-image {
	position: absolute;
	top: 59px;
	left: unset;
	width: 60px !important;
	height: auto !important;
}
.patterns-grid .pattern-item .pattern-item-content .freepricebuffer {
	display: block;
	font-weight: bold;
	font-size: 35px;
	text-align: right;
}
.patterns-grid .pattern-item .pattern-item-content .price-box {
	text-align: right;
	font-size: 33px;
	font-weight: bold;
	margin: 10px 13px 10px 0;
	line-height: 1em;
	position: relative;
}
.patterns-grid .pattern-item .pattern-item-content .price-box .sale-price {
	background: none repeat scroll 0 0 #f8b2c0;
	padding: 7px;
	border-radius: 2px;
	position: absolute;
	text-align: center;
	color: #313131;
	top: 0;
	font-size: 13px;
	width: 75px;
	line-height: 13px;
}
.patterns-grid .pattern-item .pattern-item-content .morecontainer {
	display: block;
}
.patterns-grid .pattern-item .pattern-item-content .morecontainer .link-more:hover, .patterns-grid .pattern-item .pattern-item-content .morecontainer .freedownloadbutton:hover {
	background: #f3afbc;
}
.patterns-grid .pattern-item .pattern-item-content .morecontainer .link-more {
	display: block;
	padding: 10px;
	background: #99cccc;
	border-radius: 2px;
	text-transform: uppercase;
	text-align: center;
	color: black;
	text-decoration: none;
	font-weight: bold;
}
.pattern-item .pattern-item-content .morecontainer .freedownloadbutton {
	width: 48%;
	display: block;
	background: #99cccc;
	border-radius: 2px;
	text-transform: uppercase;
	text-align: center;
	color: black;
	text-decoration: none;
	font-weight: bold;
	line-height: 13px;
	font-size: 10px;
	padding: 5px 0;
	float: right;
	height: 36px;
	box-sizing: border-box;
}
.pattern-item .pattern-item-content .morecontainer .link-more.free {
	width: 48%;
	display: block;
	padding: 10px 0;
	background: #99cccc;
	border-radius: 2px;
	text-transform: uppercase;
	text-align: center;
	color: black;
	text-decoration: none;
	font-weight: bold;
	line-height: 16px;
	float: left;
}

.projects-list-wrapper {
	background: #e6e6e6;
	display: block;
	margin-bottom: 10px;
	padding: 5px;
}

.projects-list-wrapper .project-group {
	padding-left: 5px;
	display: block;
}

.projects-list-wrapper .project-group .project-group-content {
	display: inline-block;
	width: 100%;
	box-sizing: border-box;
}
.projects-list-wrapper .project-group .project-group-content .project-name h2 {
	float: left;
	width: 250px;
	background: white;
	padding: 5px;
}
.projects-list-wrapper .project-group .project-group-content .project-public {
	float: left;
}
.projects-list-wrapper .project-group .project-group-content .project-edit,
.projects-list-wrapper .project-group .project-group-content .project-rename,
.projects-list-wrapper .project-group .project-group-content .project-delete{
	min-width: 50px;
	display: block;
	background: #99cccc;
	float: left;
	text-align: center;
	margin-right: 10px;
}
.projects-list-wrapper .project-group .project-group-content .project-edit a,
.projects-list-wrapper .project-group .project-group-content .project-rename a,
.projects-list-wrapper .project-group .project-group-content .project-delete a {
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
	text-transform: uppercase;
	display: block;
	padding: 5px;
}
.projects-list-wrapper .project-group .project-group-content .project-edit a:hover,
.projects-list-wrapper .project-group .project-group-content .project-rename a:hover,
.projects-list-wrapper .project-group .project-group-content .project-delete a:hover{
	cursor: pointer;
	color: #393939;
	background: #f3afbc;
}
.projects-list-wrapper .project-group .project-group-content .project-edit:hover,
.projects-list-wrapper .project-group .project-group-content .project-rename:hover,
.projects-list-wrapper .project-group .project-group-content .project-delete:hover{
	cursor: pointer;
	color: #393939;
	background: #f3afbc;
}


.projects-list-wrapper .add-wishlistgroup {
	margin: 5px;
	display: block;
}
.projects-list-wrapper .add-wishlistgroup #addnewlistbutton {
	background: #99cccc;
	border: 0;
	margin: 0 10px;
	padding: 5px;
	font-weight: bold;
	color: white;
	text-transform: uppercase;
}
.projects-list-wrapper .add-wishlistgroup .fail-message {
	display: none;
	font-weight: bold;
	color: #C00000;
}
.projects-list-wrapper .add-wishlistgroup #addnewlistbutton:hover {
	color: #393939;
}
.projects-list-wrapper .add-wishlistgroup #addnewlistbutton:disabled,
#rename-wishlist-button:disabled,
#rename-mood-button:disabled,
#createmultiwishlistbutton:disabled,
#multiaddtocart:disabled,
#multiaddtowishlist:disabled{
	color: #9c9393 !important;
	background: #c0cece !important;
}
#rename-wishlist-dialog #renameinput, #rename-mood-dialog #renameinput {
	width: 100%;
	box-sizing: border-box;
}
#rename-wishlist-dialog #errormessage, #rename-mood-dialog #mood-refail {
	display: none;
	font-weight: bold;
	color: #C00000;
}
.edit-project-group {
	position: relative;
	display: block;
	margin-bottom: 40px;
}
.edit-project-group .wishlisttitle, .mood-title {
	max-width: 70%;
	display: inline-block;
	padding: 3px 5px 0 0;
	margin: 0;
}
.edit-project-group .wishlist-links-grp {
	display: block;
	position: absolute;
	top: 12px;
	right: 0;
}
.edit-project-group .wishlist-links-grp.bottom {
	top: unset;
	bottom: -30px;
}
.edit-project-group .wishlist-links-grp a {
	 text-decoration: none;
	 background: #99cccc;
	 color: white;
	 padding: 5px;
	 font-weight: 600;
	 text-transform: uppercase;
	 margin-left: 5px;
	 border: 0;
 }
.edit-project-group .wishlist-links-grp a:hover {
	cursor: pointer;
	color: #393939;
	background: #f3afbc;
}

.edit-project-group #rename-project-grp, #rename-mood-grp {
	display: block;
	padding: 5px 0 6px 0;
	width: 58%;
}
.edit-project-group #rename-project-button,
.edit-project-group #cancel-rename-project-button,
#rename-mood-button,
#cancel-rename-mood-button {
	border: 0;
	background: #99cccc;
	color: white;
	padding: 5px;
	font-weight: bold;
	text-transform: uppercase;
	margin-right: 5px;
}
.edit-project-group #rename-project-button:hover,
.edit-project-group #cancel-rename-project-button:hover,
#rename-mood-button:hover,
#cancel-rename-mood-button:hover {
	cursor: pointer;
	color: #393939;
	background: #f3afbc;
}

.edit-project-group #projectname, #moodname {
	padding: 3px 5px;
	margin-right: 5px;
	width: 245px;
}
.edit-project-group .edit-project-namebutton, .mood-namebutton {
	text-decoration: none;
	background: #99cccc;
	color: white;
	padding: 5px;
	font-weight: 600;
	text-transform: uppercase;
	margin-left: 5px;
	margin-bottom: 5px;
	border: 0;
	font-size: 12px;
}
.mood-namebutton {
	margin-bottom: 5px;
}
.edit-project-group .edit-project-namebutton:hover {
	color: #393939;
	cursor: pointer;
	background: #f3afbc;
}
.edit-project-group #projectname.failed {
	border: 1px solid #C00000;
}
.edit-project-group .fail-message, #moodname-fail {
	display: none;
	font-weight: bold;
	color: #C00000;
}

.edit-project-group #projects-list {
	background: #e6e6e6;
	padding: 5px;
}
.edit-project-group #projects-list li {
	padding: 5px;
	cursor: move;
}
.edit-project-group #projects-list li .product-content {
	background: white;
	display: inline-block;
	box-sizing: border-box;
	width: 100%;
	padding: 5px;
}
.edit-project-group #projects-list li .product-content .drag-icon-group {
	width: 20px;
	float: left;
	margin-top: 37px;
}
.edit-project-group #projects-list li .product-content .drag-icon-group .drag-block{
	margin-right: 5px;
	margin-bottom: 5px;
	float: left;
	background: lightgrey;
	width: 5px;
	height: 5px;
	padding: 0;
}
.edit-project-group #projects-list li .product-content img {
	float: left;
	width: 30%;
}
.edit-project-group #projects-list li .product-content .product-name {
	width: calc(50% - 30px);
	display: block;
	float: left;
	padding-left: 10px;
	box-sizing: border-box;
	font-weight: bold;
}
.edit-project-group #projects-list li .product-content .product-name a{
	color: #393939;
}
.edit-project-group #projects-list li .product-content .instock {
	color: #00C000;
	font-weight: bold;
	padding-left: 10px;
	box-sizing: border-box;
	position: absolute;
	top: 45px;
	right: 15px;
}
.edit-project-group #projects-list li .product-content .outstock {
	color: #C00000;
	font-weight: bold;
	padding-left: 10px;
	box-sizing: border-box;
	position: absolute;
	top: 45px;
	right: 15px;
}
.edit-project-group #projects-list li .product-content .price-box {
	position: absolute;
	top: 0;
	right: 15px;
	font-size: 20px;
	font-weight: bold;
	text-align: right;
	width: 65px;
}
.edit-project-group #projects-list li .product-content .price-box .metre-label {
	font-size: 11px;
	position: relative;
	top: -15px;
}
.edit-project-group #projects-list li .product-content .price-box .fat-q-price {
	right: 85px;
	top: 0;
	display: block;
	position: absolute;
	width: 70px;
}
.edit-project-group #projects-list li .product-content .price-box .fat-q-label {
	font-size: 11px;
	position: relative;
	top: -15px
}
.edit-project-group #projects-list li .product-content .price-box .sale-price {
	background: none repeat scroll 0 0 #f8b2c0;
	padding: 7px;
	border-radius: 2px;
	width: 70px;
	text-align: center;
	position: absolute;
	right: 70px;
	top: 10px;
	font-size: 11px;
}
.edit-project-group #projects-list li .product-content .price-box .converted-price{
	top: 60px;
}
.edit-project-group #projects-list li .product-content .product-qty {
	position: absolute;
	bottom: 15px;
	right: 40px;
	font-weight: bold;
}
.edit-project-group #projects-list li .product-content .fabricqtydropdown {
	position: absolute;
	bottom: 15px;
	right: 40px;
}
.edit-project-group #projects-list li .product-content .fabricqtydropdown select {
	width: 120px;
	font-weight: bold;
}
.edit-project-group #projects-list li .product-content .product-qty input {
	width: 35px;
}
.edit-project-group #projects-list li .product-content .product-qty input::-webkit-inner-spin-button, .edit-project-group #projects-list li .product-content .product-qty input::-webkit-outer-spin-button{
	opacity: 1;
}
.edit-project-group #projects-list li .product-content .product-check {
	position: absolute;
	bottom: 15px;
	right: 15px;
}
.edit-project-group #projects-list li .product-content .image-product-check {
	position: absolute;
	top: 20px;
	left: calc(30% + 5px);
}
.edit-project-group #projects-list li .product-content .view-product-button {
	position: absolute;
	bottom: 15px;
	left: calc(30% + 35px);
	display: block;
	padding: 5px 12px;
	background: #99cccc;
	box-sizing: border-box;
	float: left;
	text-align: center;
	text-decoration: none;
	font-weight: 600;
	text-transform: uppercase;
	color: white;
}
.edit-project-group #projects-list li .product-content .remove-product-button {
	position: absolute;
	bottom: 15px;
	left: calc(30% + 150px);
	display: block;
	padding: 5px 12px;
	background: #99cccc;
	box-sizing: border-box;
	float: left;
	text-align: center;
	text-decoration: none;
	font-weight: 600;
	text-transform: uppercase;
	color: white;
}
.edit-project-group #projects-list li .product-content .view-product-button:hover,
.edit-project-group #projects-list li .product-content .remove-product-button:hover {
	color: #393939;
	cursor: pointer;
	background: #f3afbc;
}
.edit-project-group .product-button-bar {
	width: 100%;
	background: #e6e6e6;
	display: inline-block;
	padding: 0 10px 10px;
	box-sizing: border-box;
	margin-bottom: 10px;
	position: relative;
}
.edit-project-group .product-button-bar.top {
	margin-bottom: 0;
	padding: 10px 10px 0;
}
.edit-project-group .product-button-bar .savemessage {
	position: absolute;
	top: 15px;
	right: 60px;
}
.edit-project-group .product-button-bar input {
	text-align: center;
	border: unset;
	background: #99cccc;
	padding: 7px;
	font-size: 12px;
	font-weight: bold;
	color: white;
	text-transform: uppercase;
	float: right;
}
.edit-project-group .product-button-bar .add-to-basketmulti, .edit-project-group .product-button-bar .add-all-to-basket {
	text-align: center;
	border: unset;
	background: #99cccc;
	padding: 7px;
	font-size: 12px;
	font-weight: bold;
	color: white;
	text-transform: uppercase;
	float: right;
	margin-left: 10px;
}

.edit-project-group .product-button-bar .remove-all-products-button {
	text-align: center;
	border: unset;
	background: #99cccc;
	padding: 7px;
	font-size: 12px;
	font-weight: bold;
	color: white;
	text-transform: uppercase;
}

.edit-project-group .product-button-bar #ajax_loader {
	float: left;
	height: 29px;
	width: 112px;
	margin-right: 10px;
}

.edit-project-group .product-button-bar #ajax_loader img {
	height: 100%;
	display: block;
	margin: auto;
}

.edit-project-group .product-button-bar #remove-product {
	text-align: center;
	border: unset;
	background: #f3afbc;
	padding: 7px;
	font-size: 12px;
	font-weight: bold;
	color: #393939;
	text-transform: uppercase;
	float: left;
}

.edit-project-group .product-button-bar .add-to-basketmulti:hover,
.edit-project-group .product-button-bar .add-all-to-basket:hover,
.edit-project-group .product-button-bar .remove-all-products-button:hover
{
	color: #393939;
	background: #f3afbc;
	cursor: pointer;
}
.edit-project-group .product-button-bar #remove-product:hover {
	color: white;
}
.edit-project-group .product-button-bar #remove-product:disabled,
.edit-project-group .product-button-bar .add-to-basketmulti:disabled,
.edit-project-group .product-button-bar #savebutton:disabled,
.edit-project-group .add-mood-button-wrapper #mood-create-button:disabled,
.moodboard-wrapper .moodboard-toolbar #save-moodboard:disabled,
.edit-project-group .wishlist-links-grp a.disabled,
.edit-project-group #rename-project-button:disabled{
	color: #9c9393 !important;
	background: #c0cece !important;
	cursor: default;
}


.edit-project-group .product-button-bar input:hover {
	cursor: pointer;
	color: #393939;
}

.edit-project-group .share-group {
	margin-bottom: 10px;
	display: inline-block;
	width: 100%;
	border-bottom: 1px solid #c3dfee;
}
.edit-project-group .share-group .share-title {
	font-size: 15px;
}

.edit-project-group .share-group #share-link {
	text-align: center;
	border: unset;
	background: #99cccc;
	padding: 7px;
	font-size: 12px;
	font-weight: bold;
	color: white;
	text-transform: uppercase;
	float: left;
}
.edit-project-group .share-group #share-link:hover {
	color: #393939;
}

.edit-project-group .share-group #share-url {
	border: 1px dashed #c3dfee;
	padding: 2px 5px;
	float: left;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
}
.edit-project-group .share-group #share-url-button {
	display: inline-block;
	background: #c3dfee;
	margin-top: 4px;
	border: 1px solid #c3dfee;
	padding: 2px 5px;
	color: white;
	font-weight: bold;
}

.edit-project-group .share-group .sharecopied {
	margin-left: 10px;
	display: none;
}

.edit-project-group .mood-title h2 {
	font-size: 15px;
}

.edit-project-group .mood-list-group {
	width: 100%;
	background: #e6e6e6;
	display: block;
	padding: 10px;
	box-sizing: border-box;
	margin-bottom: 10px;
}
.edit-project-group .mood-list-group .mood-ul {
	display: inline-block;
	width: 100%;
}
.edit-project-group .mood-list-group .mood-li {
	width: 100%;
	float: left;
}
.edit-project-group .mood-list-group .mood-li .mood-li-content{
	display: inline-block;
	padding: 5px 0;
	width: 100%;
	box-sizing: border-box;
}
.edit-project-group .mood-list-group .mood-li .mood-li-content .mood-name{
	text-decoration: none;
	color: #393939;
	display: block;
	font-size: 12px;
	font-weight: bold;
	float: left;
	width: 250px;
	padding-left: 5px;
	box-sizing: border-box;
	background: white;
	height: 19px;
}
.edit-project-group .mood-list-group .mood-li .mood-li-content #mood-view-button,
.edit-project-group .mood-list-group .mood-li .mood-li-content .mood-rename-button {
	min-width: 50px;
	display: block;
	background: #99cccc;
	float: left;
	text-align: center;
	margin-right: 5px;
}
.edit-project-group .mood-list-group .mood-li .mood-li-content #mood-view-button:hover a{
	cursor: pointer;
	color: #393939;
	background: #f3afbc;
}
.edit-project-group .mood-list-group .mood-li .mood-li-content #mood-view-button a {
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
	text-transform: uppercase;
	display: block;
	padding: 1px 5px;
}
.edit-project-group .mood-list-group .mood-li .mood-li-content .mood-delete-button,
.edit-project-group .mood-list-group .mood-li .mood-li-content .mood-rename-button a{
	background: #99cccc;
	float: left;
	min-width: 50px;
	text-align: center;
	color: white;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	height: 19px;
	line-height: 19px;
	padding: 0 5px;
}
.edit-project-group .mood-list-group .mood-li .mood-li-content .mood-rename-button.disabled {
	color: #9c9393 !important;
	background: #c0cece !important;
}

.edit-project-group .mood-list-group .mood-li .mood-li-content .mood-delete-button:hover,
.edit-project-group .mood-list-group .mood-li .mood-li-content .mood-rename-button:hover a {
	cursor: pointer;
	color: #393939;
	background: #f3afbc;
}
.edit-project-group .mood-list-group .mood-li .mood-li-content .mood-rename-button.disabled:hover {
	cursor: default;
}
.edit-project-group .add-mood-button-wrapper {
	width: 100%;
	display: block;
	box-sizing: border-box;
	padding: 10px;
	background: #e6e6e6;
}
.edit-project-group .add-mood-button-wrapper button, .edit-project-group #mood-create-button {
	text-align: center;
	border: unset;
	background: #99cccc;
	padding: 2px 5px;
	font-size: 12px;
	font-weight: bold;
	color: white;
	text-transform: uppercase;
}

.edit-project-group .add-mood-button-wrapper button:hover, .edit-project-group #mood-create-button:hover {
	cursor: pointer;
	color: #393939;
	background: #f3afbc;
}
.edit-project-group .add-mood-button-wrapper button:hover, .edit-project-group #mood-create-button:disabled {
	color: #9c9393 !important;
	background: #c0cece !important;
}
.edit-project-group .mood-note {
	margin-bottom: 10px;
	display: block;
}
.edit-project-group .wishlist-label{
	font-weight: bold;
	margin-bottom: 5px;
	margin-right: 5px;
	display: inline-block;
	float: left;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
}

.edit-project-group .share-content {
	display: inline-block;
	height: 30px;
}

.edit-project-group .share-group #ispublic {
	float: left;
	margin-right: 5px;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
}
.edit-project-group #share-link-label {
	font-weight: bold;
	margin-bottom: 5px;
	margin-right: 5px;
	display: inline-block;
	float: left;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
}

.edit-project-group .nomoodgroup {
	width: 100%;
	display: block;
	text-align: center;
	margin: 10px;
	font-weight: bold;
	box-sizing: border-box;
}
.edit-project-group .share-description {
	width: 100%;
	display: block;
}
.edit-project-group .nomessage {
	padding-left: 5px;
}
.moodboard-wrapper {
	position: relative;
	margin-bottom: 10px;
}
.moodboard-wrapper .moodboard-area {
	width: 500px;
	height: 500px;
	display: block;
	border: 1px solid #c3dfee;
	box-sizing: border-box;
}

.moodboard-wrapper .moodboard-area #moodboard {
	width: 100%;
	height: 100%;
	display: block;
	box-sizing: border-box;
	position: relative;
}
.moodboard-wrapper .moodboard-area #moodboard .mood-item {
	display: inline-block;
	position: absolute !important;
}


.moodboard-wrapper .moodboard-area #moodboard .selected .selectoverlay {
	width: 100%;
	display: block;
	height: 100%;
	position: absolute;
	border: dashed blue;
	box-sizing: border-box;
	z-index: 10;
}

.moodboard-wrapper .moodboard-area #moodboard .mood-item img {
	width: 100%;
	height: 100%;
}
.moodboard-wrapper .moodboard-toolbar {
	background: #e6e6e6;
	width: 194px;
	height: 500px;
	position: absolute;
	top: 0;
	right: 0;
	padding: 5px;
	box-sizing: border-box;
}
.moodboard-wrapper .moodboard-toolbar .moodboard-selected-section,
.moodboard-wrapper .moodboard-toolbar .moodboard-background-section,
.moodboard-wrapper .moodboard-toolbar .moodboard-undo-section{
	width: 100%;
	padding: 5px;
	display: block;
	box-sizing: border-box;
	background: #ffffff;
	margin-bottom: 5px;
}

.moodboard-wrapper .moodboard-toolbar .moodboard-selected-section h3, .moodboard-wrapper .moodboard-toolbar .moodboard-background-section h3 {
	width: 100%;
	text-align: center;
}

.moodboard-wrapper .moodboard-toolbar .moodboard-selected-section button {
	width: 100%;
	text-align: center;
	border: unset;
	background: #99cccc;
	padding: 7px;
	margin-bottom: 5px;
	font-size: 12px;
	font-weight: bold;
	color: white;
	text-transform: uppercase;
}

.moodboard-wrapper .moodboard-toolbar .moodboard-selected-section button:hover,
.moodboard-wrapper .moodboard-toolbar .moodboard-background-section #clear-background:hover,
.moodboard-wrapper .moodboard-toolbar #save-moodboard:hover {
	color: #393939;
	cursor: pointer;
}

.moodboard-wrapper .moodboard-toolbar .moodboard-background-section .moodcolour-group {
	margin-bottom: 5px;
}

.moodboard-wrapper .moodboard-toolbar .moodboard-background-section .moodcolour-group #mood-colour{
	float: left;
	width: 100%;
	height: 44px;
	border: 0;
}

.moodboard-wrapper .moodboard-toolbar .moodboard-background-section .moodcolour-group #set-background {
	text-align: center;
	border: unset;
	background: #99cccc;
	padding: 7px 10px;
	margin-bottom: 5px;
	font-weight: bold;
	width: 125px;
	float: right;
	box-sizing: border-box;
	color: white;
	text-transform: uppercase;
}

.moodboard-wrapper .moodboard-toolbar #clear-moodboard {
	width: 100%;
	text-align: center;
	border: unset;
	background: #f3afbc;
	padding: 7px;
	margin-bottom: 5px;
	font-size: 12px;
	font-weight: bold;
	color: white;
	text-transform: uppercase;
}
.moodboard-wrapper .moodboard-toolbar .moodboard-undo-section ul {
	display: inline-block;
	width: 100%;
}
.moodboard-wrapper .moodboard-toolbar .moodboard-undo-section ul li {
	width: 50%;
	float: left;
	padding: 0 2px;
	box-sizing: border-box;
}
.moodboard-wrapper .moodboard-toolbar .moodboard-undo-section ul li button{
	width: 100%;
	height: 25px;
	border: none;
	text-transform: uppercase;
	color: white;
	background: #99cccc;
}
.moodboard-wrapper .moodboard-toolbar .moodboard-undo-section ul li button:hover{
	cursor: pointer;
	color: #393939;
}
.moodboard-wrapper .moodboard-toolbar .moodboard-save-section {
	position: absolute;
	bottom: 0;
	left: 5px;
	width: 184px;
}
.moodboard-wrapper .moodboard-toolbar #save-moodboard {
	width: 100%;
	text-align: center;
	border: unset;
	background: #99cccc;
	padding: 7px;
	margin-bottom: 5px;
	font-size: 12px;
	font-weight: bold;
	color: white;
	text-transform: uppercase;

}
.moodboard-wrapper .moodboard-toolbar .moodboard-background-section .moodcolour-group #set-background:hover, .moodboard-wrapper .moodboard-toolbar #clear-moodboard:hover {
	color: #393939;
	cursor: pointer;
}

.moodboard-wrapper .moodboard-toolbar .moodboard-background-section #clear-background {
	width: 100%;
	text-align: center;
	border: unset;
	background: #f3afbc;
	padding: 7px;
	margin-bottom: 5px;
	font-size: 12px;
	font-weight: bold;
	color: white;
	text-transform: uppercase;
}

.moodboard-wrapper .moodboard-toolbar .moodboard-name-group {
	margin-bottom: 5px;
	width: 100%;
	display: block;
}
.moodboard-wrapper .moodboard-toolbar .moodboard-name-group h3 {
	margin-bottom: 0;
}
.moodboard-wrapper .moodboard-toolbar .moodboard-name-group #moodname {
	width: 100%;
	box-sizing: border-box;
	padding-left: 5px;
}
.moodboard-wrapper .moodboard-toolbar .moodboard-name-group #moodname.failed {
	border: 1px solid #c00000;
}
.moodboard-wrapper .moodboard-toolbar .moodboard-name-group .fail-message {
	color: #c00000;
	font-weight: bold;
	display: none;
}
.moodboard-wrapper .savemessage {
	background: white;
	border: 1px solid #c3dfee;
	width: 250px;
	height: 100px;
	position: absolute;
	top: 200px;
	left: 125px;
	text-align: center;
	line-height: 100px;
	font-weight: bold;
	color: #393939;
	z-index: 100;
}
.wool-projects-index-mood .main {
	position: relative;
}
.wool-projects-index-mood .pleasesavemessage {
	display: none;
	font-weight: bold;
	color: red;
}
.wool-projects-index-mood .moodback {
	position: absolute;
	top: 5px;
	right: 10px;
}

.wool-projects-index-mood .moodback a {
	text-decoration: none;
	background: #99cccc;
	padding: 5px;
	display: block;
	color: white;
	text-transform: uppercase;
	font-weight: 600;
}
.wool-projects-index-mood .moodback a:hover {
	background: #f3afbc;
	color: #393939;
	cursor: pointer;
}

.wishlist-wrapper h2 {
	font-size: 15px;
}
.wishlist-wrapper .product-button-bar {
	width: 100%;
	display: block;
	background: #e6e6e6;
	padding: 5px;
	box-sizing: border-box;
}
.wishlist-wrapper .product-button-bar .product-bar-button {
	text-align: center;
	border: unset;
	background: #99cccc;
	padding: 7px;
	font-size: 12px;
	font-weight: bold;
	color: white;
	text-transform: uppercase;
}
.wishlist-wrapper .product-button-bar #removeproduct {
	background: #f3afbc;
}
.wishlist-wrapper .product-button-bar .product-bar-button:hover {
	color: #393939;
	cursor: pointer;
}
.wishlist-wrapper .product-button-bar .product-bar-button:disabled, .moodboard-selected-section button:disabled {
	color: #9c9393 !important;
    background: #c0cece !important;
}
.wishlist-wrapper #projects-list {
	background: #e6e6e6;
	padding: 5px;
	box-sizing: border-box;
	display: inline-block;;
	width: 100%;
}
.wishlist-wrapper #projects-list li {
	float: left;
	width: 50%;
	padding: 5px;
	box-sizing: border-box;
}

.wishlist-wrapper #projects-list li .product-content {
	background: white;
	display: block;
	position: relative;
	cursor: pointer;
}

.wishlist-wrapper #projects-list li .product-content img {
	width: 165px;
	height: 110px;
	padding: 5px;
}

.wishlist-wrapper #projects-list li .product-content .product-name {
	width: 150px;
	position: absolute;
	display: block;
	top: 0;
	left: 177px;
	font-weight: bold;
	color: #393939;
}
.wishlist-wrapper #projects-list li .product-content a {
	display: block;
	position: absolute;
	bottom: 5px;
	right: 85px;
	box-sizing: border-box;
	width: 70px;
	background: #99cccc;
	color: #393939;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
	padding: 5px 0;
}
.wishlist-wrapper #projects-list li .product-content a:hover {
	cursor: pointer;
	background: #f3afbc;

}
.wishlist-wrapper #projects-list li .product-content .product-check {
	position: absolute;
	bottom: 5px;
	right: 5px;
	transform: scale(1.5);
}
.wool-projects-wishlist-index h1 {
	margin-top: 5px;
	margin-left: 30px;
}
.wool-projects-wishlist-index .nolistmessage {
    width: 100%;
    text-align: center;
	display: block;
	padding: 10px;
	box-sizing: border-box;
}
.wool-projects-wishlist-index .mood-name {
	text-align: center;
	font-size: 15px;
}
.wool-projects-wishlist-index #projects-list {
	background: #e6e6e6;
	margin: 5px 10px;
	padding: 5px;
}
.wool-projects-wishlist-index #projects-list li {
	padding: 5px;
	cursor: move;
	position: relative;
}
.wool-projects-wishlist-index #projects-list li .product-content {
	background: white;
	display: inline-block;
	box-sizing: border-box;
	width: 100%;
	padding: 5px;
}
.wool-projects-wishlist-index #projects-list li .product-content .drag-icon-group {
	width: 20px;
	float: left;
	margin-top: 28px;
}
.wool-projects-wishlist-index #projects-list li .product-content .drag-icon-group .drag-block {
	margin-right: 5px;
	margin-bottom: 5px;
	float: left;
	background: lightgrey;
	width: 5px;
	height: 5px;
	padding: 0;
}

.wool-projects-wishlist-index #projects-list li .product-content img {
	float: left;
}

.wool-projects-wishlist-index #projects-list li .product-content .product-name {
	width: calc(82% - 30px);
	display: block;
	float: left;
	padding-left: 10px;
	box-sizing: border-box;
	font-weight: bold;
}
.wool-projects-wishlist-index #projects-list li .product-content .product-name a {
	color: #393939;
}

.wool-projects-wishlist-index #projects-list li .product-content .instock {
	color: #00C000;
	font-weight: bold;
	width: calc(82% - 30px);
	display: block;
	float: left;
	padding-left: 10px;
	box-sizing: border-box;
}


.wool-projects-wishlist-index #projects-list li .product-content .outstock {
	color: #C00000;
	font-weight: bold;
	width: 82%;
	display: block;
	padding-left: 195px;
	box-sizing: border-box;
}

.wool-projects-wishlist-index #projects-list li .product-content .price-box {
	position: absolute;
	bottom: 40px;
	left: 205px;
	font-size: 18px;
	font-weight: bold;
}

.wool-projects-wishlist-index #projects-list li .product-content .price-box .sale-price {
	background: none repeat scroll 0 0 #f8b2c0;
	padding: 7px;
	border-radius: 2px;
	width: 70px;
	text-align: center;
	position: absolute;
	left: 70px;
	bottom: 0;
	font-size: 11px;
}

.wool-projects-wishlist-index #projects-list li .product-content .product-qty, .wool-projects-wishlist-index #projects-list li .product-content .fabricqtydropdown {
	position: absolute;
	bottom: 25px;
	left: 205px;
}
.wool-projects-wishlist-index #projects-list li .product-content .product-qty input {
	width: 35px;
}
.wool-projects-wishlist-index #projects-list li .product-content .view-product-button {
	position: absolute;
	bottom: 15px;
	right: 10px ;
	width: 200px;
	display: block;
	padding: 5px;
	background: #99cccc;
	box-sizing: border-box;
	float: left;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	color: white;
}
.wool-projects-wishlist-index #projects-list li .product-content .product-check {
	position: absolute;
	right: 15px;
	top: 15px;
}

.wool-projects-wishlist-index .product-button-bar {
	width: 908px;
	background: #e6e6e6;
	display: inline-block;
	padding: 10px;
	margin: 10px;
	position: relative;
}
.wool-projects-wishlist-index .product-button-bar .savemessage {
	position: absolute;
	top: 15px;
	right: 120px;
}

.wool-projects-wishlist-index .product-button-bar input {
	text-align: center;
	border: unset;
	background: #99cccc;
	padding: 7px;
	font-size: 12px;
	font-weight: bold;
	color: white;
	text-transform: uppercase;
	float: right;
}
.wool-projects-wishlist-index .product-button-bar input:hover {
	cursor: pointer;
	color: #393939;
}
.wool-projects-wishlist-index .product-button-bar #select-all-product,.wool-projects-wishlist-index .product-button-bar #deselect-all-product, .wool-projects-wishlist-index .product-button-bar #add-to-basketmulti {
	text-align: center;
	border: unset;
	background: #99cccc;
	padding: 7px;
	font-size: 12px;
	font-weight: bold;
	color: white;
	text-transform: uppercase;
	float: left;
	margin-right: 10px;
}
.wool-projects-wishlist-index .product-button-bar #select-all-product:hover,
.wool-projects-wishlist-index .product-button-bar #deselect-all-product:hover,
.wool-projects-wishlist-index .product-button-bar #add-to-basketmulti:hover {
	color: #393939;
}
.wool-projects-wishlist-index .product-button-bar #add-to-basketmulti:disabled  {
	color: #9c9393 !important;
	background: #c0cece !important;
}
.wool-projects-wishlist-index .moodboard-wrapper {
	width: 100%;
	display: block;
}
.wool-projects-wishlist-index .moodboard-wrapper .moodboard-area {
	margin: auto;
}
.wool-projects-wishlist-index .moodboard-wrapper .moodboard-area .moodboard-group {
	width: 100%;
	height: 100%;
	display: block;
	box-sizing: border-box;
	position: relative;
}
.wool-projects-wishlist-index .moodboard-wrapper .moodboard-area .moodboard-group .mood-item {
	display: inline-block;
	position: absolute !important;
}
.wool-projects-wishlist-index .moodboard-wrapper .moodboard-area .moodboard-group .mood-item img{
	width: 100%;
	height: 100%;
}

.wool-projects-wishlist-index .notecontent {
	width: 100%;
	text-align: center;
	display: block;
	margin-bottom: 10px;
	padding: 5px 20px;
	box-sizing: border-box;
}

.wool-projects-wishlist-index .nowishlistgroup {
	width: 100%;
	height: 100%;
	display: block;
	text-align: center;
	padding: 10px;
	box-sizing: border-box;
}

.wool-projects-wishlist-index .nowishlistgroup .nolistimg {
	width: 100%;
	display: block;
	margin-bottom: 20px;
}

.ui-resizable-handle {
	position: absolute;
	font-size: 0.1px;
	display: block;
	-ms-touch-action: none;
	touch-action: none;
	z-index: auto !important;
}
.ui-resizable-n {
	cursor: n-resize;
	height: 7px;
	width: 100%;
	top: -5px;
	left: 0;
}
.ui-resizable-s {
	cursor: s-resize;
	height: 7px;
	width: 100%;
	bottom: -5px;
	left: 0;
}
.ui-resizable-e {
	cursor: e-resize;
	width: 7px;
	right: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-w {
	cursor: w-resize;
	width: 7px;
	left: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-se {
	cursor: se-resize;
	width: 12px;
	height: 12px;
	right: -5px;
	bottom: -5px;
}
.ui-resizable-sw {
	cursor: sw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	bottom: -5px;
}
.ui-resizable-nw {
	cursor: nw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	top: -5px;
}
.ui-resizable-ne {
	cursor: ne-resize;
	width: 9px;
	height: 9px;
	right: -5px;
	top: -5px;
}
.ui-icon {
	background-image: unset !important;
}
.ui-dialog {
	position: fixed !important;
	z-index: 10;
}
.ui-dialog-titlebar .ui-button {
	float: right;
}
.ui-dialog-content {
	height: auto !important;
	padding: 5px;
}
.ui-dialog-buttonset {
	text-align: right;
	padding: 5px;
}
.ui-dialog-buttonset .ui-button {
	margin: 0 5px;
	padding: 0 5px;
}
.ui-dialog-buttonset #delete-mood-button {
	background: #f3afbc;
}
.ui-dialog-titlebar-close {
	visibility: hidden;
}
.ui-widget-overlay {
	background: #393939;
	opacity: .3;
	display: block;
	width: 100%;
	position: fixed;
	top: 0;
	bottom: 0;
}
#shopping-cart-table .cart-price, #shopping-cart-totals-table .a-right {
	position: relative;
	display: block;
}
#shopping-cart-table .cart-price .converted-price {
	font-size: 9px;
	line-height: 0.8em;
	font-style: italic;
	white-space: unset;
	position: absolute;
	top: unset;
	right: unset;
}
#shopping-cart-table .cart-price .converted-price span {
	font-size: 8px;
	line-height: 10px;
}

#shopping-cart-totals-table .a-right .converted-price {
	font-size: 9px;
	top: unset;
	right: 14px;
}
#checkout-review-table .cart-price {
	position: relative;
	display: block;
}
#checkout-review-table .converted-price {
	font-size: 9px;
	top: 16px;
}
#checkout-review-table tfoot .a-right {
	position: relative;
}
#checkout-review-table tfoot .a-right .converted-price {
	top: 31px;
	right: 10px;
}
#checkout-shipping-method-load .sp-methods li label {
	position: relative;
}
#checkout-shipping-method-load .sp-methods li label .converted-price {
	font-size: 9px;
	top: 16px;
}
#product_tabs_packproducts_contents .pack-product-list{
	display: inline-block;
}
#product_tabs_packproducts_contents .pack-ul {
	margin: 0;
	padding-left: 5px;
}
#product_tabs_packproducts_contents .pack-ul .pack-li {
	float: left;
	margin: 0;
	position: relative;
	width: unset;
	padding: 5px 5px;
	box-sizing: border-box;
}
#product_tabs_packproducts_contents .pack-ul .pack-li a span {
	display: block;
	opacity: 0.8;
	background: #ccc;
	position: absolute;
	bottom: 5px;
	left: 5px;
	width: 155px;
	color: #393939;
	padding: 0 0 0 10px;
	font-weight: bold;
	text-decoration: none;
}
#hometopslider {
	height: 220px;
	overflow: hidden;
	position: relative;
	border: 1px solid #7caeae;
	box-sizing: border-box;
}
#hometopslider .swiper-button-next, #hometopslider .swiper-button-prev {
	background-image: none;
	width: 30px;
	opacity: 0.5;
	height: auto;
	transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	background: white;
	margin: 0;
}
#hometopslider .swiper-button-next:hover, #hometopslider .swiper-button-prev:hover {
	opacity: 1;
}
#hometopslider .swiper-pagination {
	z-index: 1;
	bottom: 0;
}
#hometopslider .swiper-pagination-bullet {
	width: 23px;
	height: 23px;
	background: #99cccc;
	border: 2px dotted #7caeae;
	opacity: 0.4;
}
#hometopslider .swiper-pagination-bullet:hover {
	opacity: 0.6;
}
#hometopslider .swiper-pagination-bullet-active {
	background: #f3afbc;
	opacity: 1;
}
#hometopslider .swiper-button img {
	width: 100%
}
#hometopslider .swiper-button-next {
	right: 1px;
	z-index: 1;
	width: 25px;
}
#hometopslider .swiper-button-prev {
	left: 0;
	z-index: 1;
	width: 25px;
}

#hometopslider .swiper-slide img {
	width: 100%;
}
.sliderbuttons {
	width: 100%;
	display: inline-table;
}
.sliderbuttons .slbutton {
	width: 25%;
	display: inline-block;
	text-align: center;
	background: #E6E6E6;
	font-size: 18px;
	float: left;
}
.sliderbuttons .slbutton a {
	text-decoration: none;
	color: #e6e6e6;
	margin: 1px;
	background: #6e6e6e;
	width: 100%;
	display: inline-block;
	padding: 10px 0;
}
.homepage-title {
	width: 100%;
	display: block;
	text-align: center;
	padding: 5px;
	box-sizing: border-box;
	font-size: 15px;
}
.homepage-craft {
	position: relative;
	padding: 0 50px;
	border-top: 1px solid #7caeae;
	border-bottom: 1px solid #7caeae;
	display: block;
}
.homepage-craft-swiper {
	border-right: 1px solid #7caeae;
	border-left: 1px solid #7caeae;
}
.homepage-craft-item {
	border-right: 1px solid #7caeae;
	display: block;
	text-align: center;
	padding: 5px;
	text-decoration: none;
}
.homepage-craft-item img {
	width: 50px;
	height: 50px;
	display: block;
	margin: auto;
}
.homepage-craft-item .homepage-craft-title {

	color: #393939;
	font-weight: bold;
	font-size: 12px;

}
#homepage-craft-swiper-button-next, #homepage-craft-swiper-button-prev {
	background-image: none;
}
.homepage-categories {
	width: 100%;
	display: inline-block;
	box-sizing: border-box;
	padding: 0 5px;
}
.homepage-category {
	float: left;
	width: 25%;
	padding: 5px;
	box-sizing: border-box;
	text-decoration: none;
	position: relative;
}
.homepage-category .homepage-category-background {
	background: #e6e6e6;
	display: block;
	width: 100%;
	height: 150px;
}
.homepage-category .homepage-category-title {
	transform: translate(-50%, -50%);
	position: absolute;
	top: 50%;
	left: 50%;
	width: 60%;
	padding: 3px;
	background: #99cccc;
	text-align: center;

}
.homepage-category .homepage-category-title span {
	border: 2px dashed #7caeae;
	text-transform: uppercase;
	color: white;
	font-weight: bold;
	display: block;
	padding: 5px;
	font-size: 13px;
}
.homepage-ranges {
	position: relative;
	padding: 0 50px;
}
.homepage-range {
	text-decoration: none;
	text-align: center;
}
.homepage-range img {
	display: block;
	margin: auto;
}
.homepage-range .range-title {
	font-weight: bold;
	color: #393939;
}
.homepage-range .range-price {
	color: black;
	font-weight: bold;
}
.homepage-range .range-shades {
	color: #393939;
}
#homepage-range-swiper-button-next, #homepage-range-swiper-button-prev {
	background-image: none;
}
.homepage-ranges .swiper-button-disabled {
	opacity: 0 !important;
}
.homepage-designers {
	text-align: center;
}
.homepage-designers a {
	display: inline-block;
	padding: 0 5px 5px;
}
.btn-remove {
	color: #000;
	font-size: 12px;
	background: #f3afbc;
	padding: 5px;
	text-decoration: none;
	font-weight: bold;
	line-height: 12px;
    width: auto;
    text-indent: unset;
}
.btn-remove:hover {
	color: white;
}

#product_tabs_customise_contents {
	position: relative;
}

.loadinggrp {
	right: 0;
	width: 50%;
	height: 400px;
	display: block;
}

.loadinggrp img {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

#customiser-element .header,
#customiser-element .button
{
	height: unset;
	text-align: center;
}

.mw.smalltext, #customiser-element p  {
	font: 15px/1.55 'Heebo', Arial, Helvetica, sans-serif !important;
}

.madefirstcolourpickers .selectcontainer {
	display: block;
	padding: 10px;
}

.madefirstcolourpickers .selectcontainer select {
	margin-right: 20px;
}

#product_tabs_customise_contents .popupmask {
	width: 100%;
	height: 100%;
	display: none;
	position: absolute;
	background: black;
	top: 0;
	left: 0;
	opacity: 0.5;
	z-index: 10;
}

.yarnrangesection {
	display: none;
	width: 450px;
	background: white;
}

.yarnrangesection .selectmessage {
	width: 100%;
	text-align: center;
	display: block;
}

#yarn-select {
	position: relative;
}

#yarn-select .yarnrangesmessage {
	display: block;
	width: 100%;
	text-align: center;
}

#yarn-select .yarnrangescontainer {
	overflow-x: auto;
	overflow-y: hidden;
	white-space: nowrap;
	width: 100%;
	display: inline-block;
}

#yarn-select .yarnrangescontainer .rangecontainer{
	position: relative;
	display: inline-block;
	padding: 10px 10px 0 10px;
	margin: 5px;
	background: #E6E6E6;
	box-sizing: border-box;
	width: 193px;
	border: 4px solid white;
}
#yarn-select .yarnrangescontainer .rangecontainer.selected {
	border: 4px solid #ed4b61;
}

#yarn-select .yarnrangescontainer .rangecontainer .rangename {
	width: 100%;
	display: block;
	text-align: center;
	font-weight: bold;
	font-size: 16px;
	height: 60px;
	white-space: normal;
	line-height: 18px;
}

#yarn-select .yarnrangescontainer .rangecontainer .yarngroup {
	height: 160px;
	display: block;
	width: 165px;
}

#yarn-select .yarnrangescontainer .rangecontainer .imgcontainer, .changeyarnpopup .changeyarnlist .yarngroup .imgcontainer {
	position: relative;
	border: 1px solid #99cccc;
	box-sizing: border-box;
}

#yarn-select .yarnrangescontainer .rangecontainer .imgcontainer img, .changeyarnpopup .changeyarnlist .yarngroup .imgcontainer img {
	width: 165px;
	height: 110px;
}

.noyarnmessage {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

#yarn-select .yarnrangescontainer .rangecontainer .imgcontainer .colourcaption, .changeyarnpopup .changeyarnlist .yarngroup .imgcontainer .colourcaption {
	position: absolute;
	bottom: 18px;
	display: block;
	opacity: 0.8;
	background: #ccc;
	width: 155px;
	color: #393939;
	padding: 0 0 0 10px;
	font-weight: bold;
}
.changeyarnpopup .changeyarnlist .yarngroup .stockmessage {
	position: absolute;
	right: 5px;
	bottom: 0;
	font-weight: bold;
}
.changeyarnpopup .changeyarnlist .yarngroup .instock {
	color: #00C000;
}
.changeyarnpopup .changeyarnlist .yarngroup .outstock {
	color: #C00000;
}
#yarn-select .yarnrangescontainer .rangecontainer .yarngroup .instock {
	color: #00C000;
	width: 100%;
	text-align: right;
	display: block;
	font-weight: bold;
	padding: 0 5px;
	box-sizing: border-box;
}

#yarn-select .yarnrangescontainer .rangecontainer .yarngroup .outstock {
	color: #C00000;
	width: 100%;
	text-align: right;
	display: block;
	font-weight: bold;
	padding: 0 5px;
	box-sizing: border-box;
}

#yarn-select .yarnattributescontainer {
	margin: 20px 0;
	position: relative;
}

#yarn-select .yarnattributescontainer .data-table {
	border: 0;
    width: 300px;
}
#yarn-select .yarnattributescontainer .data-table .label{
	border: 0;
	padding-top: 0;
	padding-bottom: 0;
	line-height: 1.3em;
	width: 90px
}
#yarn-select .yarnattributescontainer .data-table .data{
	border: 0;
	padding-top: 0;
	padding-bottom: 0;
	line-height: 1.3em;
}

#yarn-select .yarnattributescontainer .gbp-price {
	position: absolute;
	top: 0;
	right: 0;
    text-align: right;
    font-size: 33px;
    font-weight: bold;
    line-height: 1em;
}

#yarn-select .yarnattributescontainer .gbp-price .fromprice {
	font-size: 18px;
}

.changeyarnpopup {
	position: absolute;
	display: none;
	top: 10px;
	left: 10px;
	height: 626px;
	width: 906px;
	background: white;
	border: 1px solid #99cccc;
	z-index: 10;
}

.changeyarnpopup .topbar {
	width: 100%;
	display: block;
	text-align: center;
}

.changeyarnpopup  .topbar .cancel, .selectyarnchange {
	float: right;
	margin-right: 10px;
	background: #ed4b61;
	padding: 10px;
	color: white;
	font-weight: bold;
}

.changeyarnpopup .changeyarnlist {
	width: 100%;
	display: none;
	height: 515px;
	overflow-y: auto;
	padding: 6px;
	box-sizing: border-box;
}

.changeyarnpopup .changeloadinggrp {
	position: absolute;
	right: 50%;
	top: 50%;
}

.changeyarnpopup .changeyarnlist .yarngroup {
	width: 175px;
	height: 135px;
	padding: 5px;
	box-sizing: border-box;
	display: inline-block;
}
.changeyarnpopup .changeyarnlist .yarngroup .imgcontainer.selected {
	outline: 3px solid #ed4b61;
}

.changeyarnpopup .bottombar {
	width: 100%;
	position: absolute;
	bottom: 10px;
	right: 0;
}

.changeyarnbutton {
	display: block;
	width: 100%;
	text-align: center;
	background: #99cccc;
	color: white;
	font-weight: bold;
}


.yarnrangesection .backbutton {
	background: #ed4b61;
	display: inline-block;
	width: 50px;
	text-align: center;
	color: white;
	padding: 10px;
	box-sizing: border-box;
}
.yarnrangesection .yarnweightselectedtext {
	display: inline-block;
	margin-left: 50px;
}
.colourpickercontainers .getyarnbuttoncontainer .getyarnbutton:hover {
	background: #f3afbc;
}
.colourpickercontainers .pickertitlecontainer {
	width: 100%;
	padding: 0 20px;
	box-sizing: border-box;
	margin-bottom: 10px;
	display: block;
}
.colourpickercontainers .pickertitlecontainer .pickertitle {
	display: block;
	border-bottom: 1px solid;
	padding: 0 5px 5px;
}
.calculateyarnsection {
	width: 450px;
	background: white;
	display: none;
	position: absolute;
	right: 10px;
}
.calculateyarnsection .backbutton {
	background: #ed4b61;
	display: inline-block;
	width: 50px;
	text-align: center;
	color: white;
	padding: 10px;
	box-sizing: border-box;
	margin-bottom: 10px;
}
.calculateyarnsection .section-title {
	color: #ed4b61;
	display: inline-block;
	text-align: center;
	width: 396px;
	font-weight: bold;
	font-size: 16px;
}
.calculateyarnsection .measure-instruct {
	font-weight: bold;
	margin-bottom: 5px;
	display: block;
}

.calculateyarnsection .measure-input {
	width: 100%;
	display: block;
	margin-bottom: 10px;
}

.calculateyarnsection .measure-input input {
	width: 387px;
	line-height: 1.21428571em;
	padding: .67857143em 1em;
	font-size: 1em;
	background: #fff;
	border: 1px solid rgba(34,36,38,.15);
	color: rgba(0,0,0,.87);
	border-radius: .28571429rem;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	display: inline-block;
}

.calculateyarnsection .measure-input .input-label{

	background: none #fff;
	border: 1px solid rgba(34,36,38,.15);
	color: rgba(0,0,0,.87);
	border-radius: .28571429rem;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	padding: 0.4833em .833em;
	position: absolute;
}
.addtocartsection {
	position: relative;
	display: none;
	min-height: 150px;
}
.addtocartyarns {
	display: inline-block;
	width: 100%;
}
.addtocartyarns ul {
	width: 436px;
	display: inline-block;
}
.addtocartyarns ul li {
	margin: 10px;
	border: 1px solid #99CCCC;
	position: relative;
}
.addtocartyarns ul li .productname {
	display: inline-block;
	width: 375px;
	padding: 10px;
	box-sizing: border-box;
	font-size: 14px;
	font-weight: bold;
}
.addtocartyarns ul li .productqty {
	position: absolute;
	left: 180px;
	top: 80px;
	font-weight: bold;
	font-size: 14px;
}
.addtocartyarns ul li .price-box {
	position: absolute;
	top: 0;
	right: 10px;
	font-size: 22px;
	font-weight: bold;
}
.addtocartyarns ul li .price-box .sale-price {
	right: 100px;
	font-size: 14px;
	top: 5px;
	position: absolute;
}
.addtocartyarns ul li .stockmessage {
	position: absolute;
	top: 45px;
	right: 10px;
	font-weight: bold;
}
.addtocartyarns ul li .instock {
	color: #00C000;
}
.addtocartyarns ul li .outstock {
	color: #c00000;
}
.addtocartyarns ul li .yarncheckbox{
	position: absolute;
	bottom: 10px;
	transform: scale(1.2);
	right: 10px;
}
.addtocartyarns ul li .totalyarnprice {
	position: absolute;
	top: 80px;
	left: 250px;
	font-weight: bold;
	font-size: 14px;
}
.addtocartyarns .totallength {
	width: 350px;
	position: absolute;
	top: 10px;
	right: 10px;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
}
.addtocartsection .addtocartbutton {
	width: 100%;
	background: #99cccc;
	padding: 5px;
	text-align: center;
	color: #393939 !important;
	font-weight: bold;
	text-transform: uppercase;
	display: block;
	box-sizing: border-box;
}

.addtocartsection .addyarnsbutton {
	position: absolute;
	bottom: 10px;
	right: 220px;
	width: 115px;
	background: #99cccc;
	padding: 5px;
	text-align: center;
	color: #393939 !important;
	font-weight: bold;
	text-transform: uppercase;
}
.addtocartsection .patterntotalpricegrp {
	text-align: right;
	font-size: 19px;
	font-weight: bold;
}
.addtocartsection .patterntotalpricegrp .totallabel {
	display: inline-block;
	margin-right: 5px;
}
.addtocartsection .addingsheepgrp {
	width: 100%;
	text-align: center;
	display: none;
}

.iro__colorPicker {
	margin: auto;
}


@media only screen and (min-width: 320px) {

	.limage {
		position: absolute;
		width: 100%;
		max-width: 948px;
		height: 100%;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		left: 50%;
		background: white;
	}

	.limage img {
		width: auto;
		max-width: 928px;
		height: auto;
		box-sizing: border-box;
		padding: 0;
	}
	.limage .imagebk {
		background: black;
		width: 100%;

	}
	.cms-homepage-rowan .homepage-wrapper .brandhome-section-header img {
		min-height: 96px;
	}
	.cms-homepage-rowan .homepage-wrapper .brandhome-section-header strong {
		width: 100%;
		text-align: center;
		position: absolute;
		top: 0;
		font-size: 65px;
		font-family: "Times New Roman";
		font-weight: 400;
	}

	.cms-homepage-rowan .homepage-wrapper .brandhome-headingimg .brandhome-heading-text {
		margin: 20px;
		font-size: 30px;
		text-align: center;
		display: block;
	}
	.cms-homepage-rowan .homepage-wrapper li {
		float: left;
		width: 100%;
		padding: 10px 0;
		list-style: none;
	}
	.cms-homepage-rowan .homepage-wrapper li .brandhome-section-item-title {
		width: 100%;
		text-align: center;
		display: inline-block;
		font-size: 42px;
	}
	.cms-homepage-rowan .homepage-wrapper li .brandhome-section-item-desc {
		text-align: center;
		padding: 0 10px;
		font-size: 30px;
	}

	.invalid-number {
		border: 1px dashed #eb340a !important;
	}
	.invalid-number-message {
		clear: both;
		min-height: 13px;
		margin: 3px 0 0;
		padding-left: 17px;
		font-size: 11px;
		font-weight: bold;
		line-height: 13px;
		background: url(../images/validation_advice_bg.gif) 2px 0 no-repeat;
		color: #eb340a;
	}
}
@media only screen and (min-width: 426px) {
	.cms-homepage-rowan .homepage-wrapper .brandhome-headingimg .brandhome-heading-text {
		font-size: 15px;
	}
	.cms-homepage-rowan .homepage-wrapper li {
		width: 50%;
	}
	.cms-homepage-rowan .homepage-wrapper .brandhome-section-header img {
		width: 100%;
		min-height: auto;
	}
	.cms-homepage-rowan .homepage-wrapper li .brandhome-section-item-title {
		font-size: 24px;
	}
	.cms-homepage-rowan .homepage-wrapper li .brandhome-section-item-desc {

		min-height: 92px;
		font-size: 15px;
	}
	.cms-homepage-rowan .homepage-wrapper .brandhome-section-header strong {
		font-size: 40px;
	}

}
@media only screen and (min-width: 769px) {
	.right .img-right, .left .img-left {
		bottom: 50%;
	}
	.cms-homepage-rowan .homepage-wrapper .brandhome-headingimg .brandhome-heading-text {
		font-size: 11px;
	}
	.cms-homepage-rowan .homepage-wrapper li {
		float: left;
		width: 33%;
		padding: 10px 0;
		list-style: none;
	}
	.cms-homepage-rowan .homepage-wrapper .brandhome-section-header strong {
		font-size: 35px;
	}
	.cms-homepage-rowan .homepage-wrapper li .brandhome-section-item-title {
		font-size: medium;
	}
	.cms-homepage-rowan .homepage-wrapper li .brandhome-section-item-desc {

		min-height: 68px;
		font-size: 11px;
	}
}

.consent-bar-container {
	position: fixed;
    bottom: 0;
    z-index: 100;
    width: 100%;
	background: #e6e6e6;
	padding: 20px;
}
.consent-bar-container.hide {
	display: none;
}
.consent-bar-container .accept-button-container {
	float: left;
	width: 30%;
}
.consent-bar-container #acceptCookiesButton {
	font-size: 20px;
	font-weight: bold;
	text-transform: uppercase;
	border: none;
    background: #b0caea;
    color: #393939;
	padding: 10px 20px;
	line-height: 20px;
	transition: all ease-in-out 0.3s;
}
.consent-bar-container #acceptCookiesButton:hover {
	background: #f8b2c0
}
.consent-bar-container .consent-bar-text {
	float: left;
	width: 70%;

}

/* Swap Position Of Title Elements */
.page-empty .right-title{
	display: none;
}

.page-empty .checkout-title .continue-shopping {
	text-decoration: none !important;
	float: left !important;
}

.page-empty .checkout-title .continue-shopping:hover {
	color: #f3afbc !important;
}

/* Modifications to checkout to separate shipping and payment columns back into horizontal steps (desktop and mobile)  */
.firecheckout-set .step-shipping-payment-method .col-1, .firecheckout-set .step-shipping-payment-method .col-1,
.firecheckout-set .step-shipping-payment-method .col-1, .firecheckout-set .step-shipping-payment-method .col-2 {
	width: auto !important;
}

.firecheckout-set .col2-set .col-1,
.firecheckout-set .col2-set .col-2 {
	float: none !important;
}

.firecheckout-set .col2-set .col-2 {
	padding-top: 30px !important;
}

/* Hide Checkout Subtitle */
.firecheckout-index-index .checkout-title .checkout-subtitle {
	display: none;
}

/* Floating Order Summary Widget */
#firecheckout-form .step-summary .summary-item {
	border: solid 1px #eee;
	border-radius: 2px;
	padding: 5px;
	margin: 5px 0;
	font-size: 1.1em;
}

#firecheckout-form .step-summary .summary-item-link,
#firecheckout-form .step-summary .summary-item-link:link,
#firecheckout-form .step-summary .summary-item-link:hover  {
	text-decoration: none;
	color: #15141A !important;
	font-weight: bold;
}

#firecheckout-form .step-summary .summary-item-thumb {
	border: solid 1px #eee;
	border-radius: 2px;
	margin-right: 5px;
	float: left;
}

#firecheckout-form .step-summary .summary-item-qty {
	font-size: 0.75em;
	text-align: right;
}

#firecheckout-form .step-summary .summary-item-price {
	font-weight: bold;
	text-align: right;
}

/* Checkout Step Numbers */
#firecheckout-form .step-number {
	background-color: black;
	font-weight: bold;
	color: white;
	height: 100%;
	padding: 0 10px;
	display: none; /* Have hidden these for now as registered customers start at step 2! */
}

/* Remove little check box to left of filled section titles */
.formfill-section > .block-title::before {
	background-image: none !important;
}

/* Checkout Step Buttons */
.firecheckout-set button.button,
.firecheckout-set button.button:link,
.firecheckout-set button.button:visited
 {
	background-color: #018748 !important;
	border-radius: 2px !important;
	color: white !important;
	border: none !important;
}

@media (max-width: 440px) {
	.firecheckout-set button.button {
		padding: 5px 10px !important;
	}
}

@media (max-width: 580px) {
	.firecheckout-set button.button {
		padding: 5px 10px !important;
	}
}


.firecheckout-set button.button:hover,
.firecheckout-set button.button:focus {
	/* background-color: #f3afbc !important; [WW Pink] */
	background-color: black !important;
}

/* Make Form Fields Fill Full Width Of Box */
.fc-form-wide .firecheckout-set .address-section .form-list .wide,
.fc-form-wide .firecheckout-set .address-section .form-list .field {
	max-width: 100% !important;
}

/* Hide Extra Newsletter Signup Box (Hopefully Nothing Else Important Ever Appears Here? */
.firecheckout-set .step-address .billing-additional {
	display: none;
}

/* Remove Reset Buttons On Shipping & Payment */
.firecheckout-set #shipping-method-reset,
.firecheckout-set #payment-method-reset {
	display: none !important;
}

/* Hide "Delivery" Header On Shipping Methods Table */
.firecheckout-set #checkout-shipping-method-load .sp-methods dt {
	display: none;
}

/* Hide "Additional Information" Header Above Delivery Instructions Box */
#checkout-additional .block-title {
	display: none;
}

/* Hide "Payment Method" Heading As This Is No Longer A Separate Step */
.firecheckout-set #payment-method .block-title {
	display: none;
}

/* "Pay Now" Button Styling */
.firecheckout-set button.btn-checkout {
	background-color: #008000 !important;
	color: white !important;
	width: 100% !important;
}

.firecheckout-set button.btn-checkout span {
	color: white !important;
}

/* Message Box Immediately Above "Pay Now" Button */
.firecheckout-set .confirm-message {
	color: black;
	background: yellow;
	margin-bottom: 20px;
	text-align: center;
	padding: 10px;
}

/* Deal with the floating "Order Summary" sidebar - need to appear under other items on mobile (default behaviour is display: none) */
/* Also fix font sizes on mobile */
@media (max-width: 800px) {
	#firecheckout-form .onecolumn-aside {
		display: inline-block !important;
		float: none !important;
		width: 100% !important;
	}
	#firecheckout-form  #scrolling-spacer {
		display: none !important;
	}
	.firecheckout-set .data-table tfoot, .firecheckout-set .data-table strong {
		font-size: 16px !important;
	}
}

/* #firecheckout-form #payment-method.shipping-pending,
#firecheckout-form #checkout-review-submit.shipping-pending {
	display: none !important;
} */

#stripe-payments-card-errors.populated {
	font-weight: bold !important;
	font-size: 1.4em !important;
	display: inline-block !important;
	border-width: 2px !important;
}

#firecheckout-form .character-limit-container {
	text-align: right;
}

.firecheckout-set .form-comment .wide {
	padding: 0 !important;
}

/* Use same colours for gift voucher button as PAY NOW button */
.firecheckout-set #giftvoucher_add {
	background-color: #008000 !important;
	color: #fff !important;
	width: 100%;
}

/* Fix position of gift voucher box */
.firecheckout-set .form-list {
	padding: 0 !important;
}

/* Increase font size of "Redeem Gift Voucher" label and payment method labels */
.firecheckout-set .sp-methods dt label,
.firecheckout-set .giftvoucher label {
	font-size: 1.2em !important;
}

/* Make final submit step the same width as the other steps */
.firecheckout-set #checkout-review-submit {
	padding: 0 !important;
}

/* Font for labels */
.firecheckout-set .paymentlogo {
	display: inline-block;
	color: #5d5d5d !important;
	font-weight: bold;
	margin-top: -12px;
}

.firecheckout-set .paymentname {
	margin-left: 5px;
}

#giftvoucher_container > dd {
	margin-left: 29px;
}

.firecheckout-set .sp-methods #payment_form_paypal_express li {
	padding-left: 29px;
	font-weight: bold;
	color: #5d5d5d;
}

ul#payment_form_stripe_payments.stripe-new li.stripe-new {
	margin-left: 26px !important;
}

.firecheckout-set .sp-methods dd ul {
	margin: 20px 0 !important;
}

.firecheckout-set #payment_form_paypal_express {
	display: none;
}

/* Styling for currency dropdown - moved from bsscustom.css */
.block-currency{background:none;width:80px;}
.block-title-curency {float: left;padding-right: 5px;}
.block-title-curency span {text-transform: uppercase;}
.block-currency .block-content{padding:0;background:none; position: relative;} 
.all-curent-curency{background: none repeat scroll 0 0 #fff;border: 1px solid #000;height: auto;position: absolute;right: -4px;top: 15px;width: 200px;z-index: 999; padding-bottom: 9px;}
#dropdown-curent-curency img {padding-right: 5px;padding-top: 4px;}
#supported-currencies img {margin-top: 4px;padding-right: 5px;}
#supported-currencies a {padding: 0;text-decoration:none;}
#supported-currencies li {float: left;padding-bottom: 0px;padding-top: 0px;text-align: left;width: 100%; box-sizing: border-box; padding-left: 10px;}
.textlist-currency {display: block;padding: 9px;text-align: left; line-height:1.2em;}
.converted-price {font-size: 0.5em; line-height: 0.8em; font-style:italic; white-space: nowrap; position: absolute; top: 48px; right: 0 }
.converted-price span { font-size: 0.7em; font-weight: normal; }
.price-gbp {font-size: 33px;font-weight: bold;margin-right: 10px;text-align: right;}

/*style for account pages */
.block-account  {
	width: 220px;
}
.block-account .block-title strong {
	width: 200px;
}
#addredeem-giftvoucher-code {
	display: inline-block;
	padding: 10px;
}