@charset "utf-8";

@import url("../generic/common1_1.css");
@import url("https://fonts.googleapis.com/css?family=Overpass:200,300,300i,400");
.quickLinkAdd2cart,.lightbox-add2cart { background:#3e3721!important; }


/*//////////////////////////////////////////////////////////////////////////////////////////////////*/
* { border-radius:0!important; }
body {
  /*font-family: "Interstate Light";*/
  font-family: "Overpass";
  font-style: normal;
  font-weight: 200;
}
.logo1 {width:200px;     width: 215px;    margin-top: 10%;    margin-left: 10%; position:absolute; }
@media screen and (max-width:745px) {
.logo1 { margin-top:0!important; width:175px!important;  }
}
@media screen and (max-width:640px) {
.logo1 { margin-top:6px!important; width:150px!important;  }
}

#container_CheckoutLayout #WC_StandardLoyaltyCheque_div_2:before { content:'Gift Voucher? Redeem it here...'; font-size:16px; margin-left:4%;}

html[data-title="BL Xmas Clearance | Bloom"] #PageHeading_4_-1001_3074457345618261936 { display:none; }
a#departmentButton_513001 { display:none; }
div#WC_AccountDisplay_div_23.align span.text_body:before { font-size:16px!important; line-height:16px; content:"If you haven't bought from Bloom or another Scotts & Co. brand before simply click the button below to create your Scotts & Co. account."; }
/*
#headerRow2 ul#departmentsMenu a.departmentButton[href*="special-offers"] {
  background: #aa0000 none repeat scroll 0 0;
}*/


@media screen and (min-width:1280px) {
div#headerRow2 #headerRow2 ul#departmentsMenu .departmentButton > span {  padding:0 26px; }
}

@media screen and (min-width:1000px) {
div#headerRow2 ul#departmentsMenu > li.hidden { visibility:visible!important; position:static!important; }
div#headerRow2 ul#departmentsMenu > li:last-child { display:none!important; }
}

@media screen and (min-width:600px) {
a#departmentButton_247852 { background:#3e3721; }
a#departmentButton_247852:hover { color:#666666; }
a#departmentButton_247852:hover { background:#FFFFFF; }
}

#contentRecommendationWidget_HeaderThinEMS_Aurora { visibility:hidden; }
#contentRecommendationWidget_HeaderThinEMS_Aurora li { font-size:13px; text-align:center; }
#contentRecommendationWidget_HeaderThinEMS_Aurora { margin:0; padding:0; }
#contentRecommendationWidget_HeaderThinEMS_Aurora li .left_espot:after {
content: '\2006 \2006 \2006 \2006 \2006 \2022';
margin-left:7%;
}
#contentRecommendationWidget_HeaderThinEMS_Aurora li:last-child .left_espot::after {
content:""!important; 
}


@media screen and (max-width:1280px) { 
#contentRecommendationWidget_HeaderThinEMS_Aurora li { display:none; } 
#contentRecommendationWidget_HeaderThinEMS_Aurora li.active { display:block; } 
#contentRecommendationWidget_HeaderThinEMS_Aurora { margin-bottom:1.7%; } 
#contentRecommendationWidget_HeaderThinEMS_Aurora li .left_espot:after { content:""; }
#contentRecommendationWidget_HeaderThinEMS_Aurora .nav2 { display:block!important; }
#contentRecommendationWidget_HeaderThinEMS_Aurora li { width:100%!important; } 
}

/*********************************************/
/*			 TABLE OF CONTENTS
/*********************************************
	1. GENERAL
	2. BREADCRUMBS
	3. HEADER
		3.1. Logo
		3.2. Shopping Cart Navigation
		3.3. Sign In / Register
	4. NAVIGATION	
		4.1. General Styling 
		4.2. Category Buttons
		4.3. Category Buttons on hover
		4.4. Category Dropdown
		4.5. Search Box
	5. CATEGORY PAGES
		5.1 Column Size
		5.2. Facet Widget Background
		5.3. Product Spot Price
		5.4. Main container for products
		5.5. Navagtional buttons
		5.6. Category ThumbNails
	6. FOOTER
		6.1. Basic
		6.2. Responsive Footer Links
		6.3. Payment Logos 
		6.4. Responsive Payment Logos
		6.5. Dropdown Menu
	7. MY ACCOUNT PAGE
		7.1. Breadcrumb
		7.2. Header Strip
		7.3. Left Nav Border
		7.4. Headers
		7.5. Entry Field Box - Personal Information
		7.6. Entry Field Box - Wishlist
		7.7. Sign In / Register Form
		7.8. My Account Summary Page
		7.9. Registering Details
	8. BUTTONS
		8.1. Primary Buttons
		8.2. Secondary Buttons
	9. ICONS
	10. PRODUCT PAGE
		10.1. Text
		10.2. Size and Colour dropdowns
		10.3. Add to wishlist Dropdown	
		10.4. Extra information section 
		10.5. You may also like section 
		10.6. View Larger Image Section
		10.7. Availability and Quantity Section
		10.8. Delivery Info Tab 
	11. CHECKOUT
		11.1. Text
		11.2. Change Attribute Pop-up
		11.3. Shipping Information
		11.4. Billing Information
		11.5. Sign in Section
	12. STATIC PAGES
*/
/************************************************/
/*			DOCUMENT START /*
/************************************************/




/*Ribbons*/
.RibbonAdDefault.Ribbon.New:after {font-size:0px!important;}
.RibbonAdDefault.Ribbon.New { background:none!important;   }
.RibbonAdDefault.Ribbon.New:before {
    background: url(/icons/sos/new.svg) NO-REPEAT!important;
    background-size: 100%!important;
    content: '' !important;
    z-index: 999;
    top: -12px!important;
    right: -0.35em!important;
    /* font-size: 174px!important; */
    display: block;
    width: 70px;
    height: 70px;
    position: absolute!important;
}


.image .RibbonAdDefault.Offer, .image_container .RibbonAdDefault.Offer {
        background: rgba(0, 0, 0, 0) linear-gradient(to right, rgba(175, 30, 35, 1) 76%, rgba(255, 255, 255, 0) 100%) repeat scroll 0 0!important;
}
.image .RibbonAdDefault.Wrap, .image_container .RibbonAdDefault.Wrap {
        background: rgba(0, 0, 0, 0) linear-gradient(to right, rgba(62, 55, 33, 1) 76%, rgba(255, 255, 255, 0) 100%) repeat scroll 0 0!important;
}
.image .RibbonAdDefault.Designs, .image_container .RibbonAdDefault.Designs {
        background: rgba(0, 0, 0, 0) linear-gradient(to right, rgba(215, 67, 73, 1) 76%, rgba(255, 255, 255, 0) 100%) repeat scroll 0 0!important;
}

/* Hide gift wrap ribbon*/
	.Ribbons .Gift.Wrap {
	display:none!important;
	}
.RibbonAdDefault{
    
    background-color: #9BB2B5!important;
    background: -webkit-gradient(linear, left top, right top, color-stop(0.76, rgba(156, 178, 181, 1)), color-stop(1, rgba(156, 178, 181, 0)))!important;
    background: linear-gradient(to right, rgba(156, 178, 181, 1) 76%, rgba(156, 178, 181, 0) 100%)!important;
    -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(gradientType=1, startColorStr='#FF9BB2B5', endColorStr='#009BB2B5')"!important;
	color: #FFF;
	width:50%!important;
	padding-left:10px;
	padding-top:4px;
}
div.Ribbons {
top:0px!important;
}

/* Changes to layout */




/* 1. GENERAL */
	

	#wishlist, #box .my_account .body, .sign_in_registration, .product_info > .product_name > a, div.namePartPriceContainer > .not_available, div.namePartPriceContainer > span.sku, div.namePartPriceContainer h1.main_header {
    	color: #666666!important;
	} /* All text titles now on brand */ 
	
	.genericError_message {
    	color: #af1e23;
	} /* Generic Error Message - now on brand */
	


/* 2. BREADCRUMBS */
	#WC_MyAccountDisplay_div_1 .myaccount_title .sub_breadcrumb {
		color: #3e3721;
	}
	

/* 3. HEADER */


#headerRow1 div#logo svg {
  height: 257px;
  left: 15px;
  position: absolute;
  top: -85px;
  width: 205px;
  z-index: 9999999;
}



@media screen and (max-width:645px) { 
#headerRow1 #logo svg { width:220px!important;  }
}
@media screen and (max-width:600px) { 
#headerRow1 #logo svg { width:130px!important; top:-62px!important; height:194px!important;  }
}
@media screen and (max-width:400px) { 
#headerRow1 #logo svg { width:130px!important; top:-62px!important; height:194px!important;  }
}
@media screen and (max-width:355px) { 
#headerRow1 #logo svg { width:130px!important; top:-62px!important; height:194px!important;  }
}


/*HOMEPAGE */
#container_homepage3 {	margin:0;	padding:0;}
#container_homepage3 div[class="row margin-true"] { margin:0; padding:0;}
#container_homepage3 div[data-slot-id="4"] { display:none; }
#container_homepage3 .titleItems { display:none; }
#container_homepage3 .titles2 li { list-style:none; float:left; padding:1.5% 2%; font-size:20px; text-transform:uppercase; border:1px solid #ccc; font-weight:bold; margin-right:1%; cursor:pointer; background:white; position:relative; top:2px; }
#container_homepage3 .titles2 li.active {  border-bottom:none; z-index:25; border-top:3px solid #3e3721; }
#container_homepage3 .titles2 ul { padding-left:0; }
#container_homepage3 div[id*="catalogEntryRecommendationWidgetWidget_CatalogEntryRecommendation_"] {    border: 1px solid #ccc;    margin: 0!important;    position: relative;    background: white;    z-index: 20;}
#container_homepage3 div[data-slot-id="5"],
#container_homepage3 div[data-slot-id="6"],
#container_homepage3 div[data-slot-id="7"],
#container_homepage3 div[data-slot-id="8"],
#container_homepage3 .ccol9 {width:100%;}
#container_homepage3 #contentRecommendationWidget_3_-1012_3074457345618336920 img { width:100%; }
#container_homepage3 div[data-slot-id="2"] {	width:70%;	margin-right:1%;}
#container_homepage3 div[data-slot-id="2"] .slider-x, #container_homepage3 div[data-slot-id="3"] .left_espot {	margin-bottom:1%;}
#container_homepage3 .carousel > .content > ul > li > .product { max-width:100%; }
#container_homepage3 div[data-slot-id="3"] {	width:29%;}
#container_homepage3 .w100 {	width:100%;}
#container_homepage3 .image-item {float: left;	width: 32.33%;	margin-right: 1.5%;}
#container_homepage3 .owl-dots { display:none; }
#container_homepage3 #carousel2 ul { padding-left:0; }
#container_homepage3 #carousel2 { position:relative; z-index:10; }
#container_homepage3 #carousel2 li { list-style:none; float:left; width:33%; font-size:13px; }
#container_homepage3 #carousel2  .product { max-width:100%; }
@media screen and (min-width:1280px) {
#container_homepage3 #carousel2 li div.product:after {content: '\2006 \2006 \2006 \2006 \2006 \2022';margin-left:8%;}
#container_homepage3 .left1,#container_homepage3 .right1 { display:none; }
}
#container_homepage3 .left1 { position:absolute; width:19px!important; cursor:pointer; }
#container_homepage3 .right1 { position:absolute; width:19px!important; cursor:pointer; }
@media screen and (max-width:1280px) {
#container_homepage3 #carousel2 li { width:100%!important; }
#container_homepage3 #carousel2 li { display:none; }
#container_homepage3 #carousel2 li.active { display:block!important; }
#container_homepage3 .left1 { left:0px;}
#container_homepage3 .right1 { right:0px; }
}
#container_homepage3 #carousel2 li div.product.box3:after {content:"";	}
#container_homepage3 #contentRecommendationWidget_5_-1000_3074457345618336922 { display:none; }
#container_homepage3 .column1,#container_homepage3 .column2,#container_homepage3 .column3 {	width:100%!important;}
#container_homepage3 .cola { background-color: #f6f6f3;	border: 1px solid #afafaf;float: left;	width: 33.5%;}
#container_homepage3 .colb {	background-color: #f6f6f3;border: 1px solid #afafaf;	float: right;	width: 57%;}
#container_homepage3 .block1 {	padding:2%;	margin-top:1%;}
#container_homepage3 .block1 h4 {	font-size: 20px;	line-height: 43px;	text-align: center;	color:#3e3822;margin-bottom:2%;}
#container_homepage3 ._col1 {	float: left;	width: 50%;}
#container_homepage3 ._col2 {	float: right;	width: 45%;}
#container_homepage3 ._col1 > img {  box-shadow: -10px 8px 10px #cccccc;  display: block;  margin: auto;  transform: rotate(-3deg);}
#container_homepage3 hr {background: #1b1b1b none repeat scroll 0 0;	border: medium none;	height: 3px;	position: relative;	top: 28px;}
#container_homepage3 .active_tab h3 {    color: white;    text-transform: uppercase;    font-size: 18px;}
#container_homepage3 .inactive_tab h3 {    text-transform: uppercase;    font-size: 18px;}
#container_homepage3 .tab_container {    height: 44px;}
#container_homepage3 .inactive_tab {    background: white!important;    border-top: 1px solid #ccc!important;}
#container_homepage3 .active_tab h3 {    color: #3e3721!important;    text-decoration: underline;}
#container_homepage3 .cola {	background-color: #f6f6f3;	border: 1px solid #afafaf;	float: left;	width: 33.5%;}
#container_homepage3 .cola.block1 > h4 {  background: #f6f6f3 none repeat scroll 0 0;  margin: auto;  position: relative;  width: 54%;}
#container_homepage3 .colb.block1 > h4 {  background: #f6f6f3 none repeat scroll 0 0;  margin: auto;  position: relative;  width: 30%;}
@media screen and (min-width:600px) {
#container_homepage3 .item3, #container_homepage3 .item6 {margin-right:0px!important;}
#container_homepage3 .item4, #container_homepage3 .item5, #container_homepage3 .item6 {margin-top:1%;    }	
}

@media screen and (max-width:600px) { 
#container_homepage3  .titles2 li { font-size:12px!important;  }
#container_homepage3 .image-item {width:49%!important;}
#container_homepage3 .image-item {margin:1% 2% 1% 0;}
#container_homepage3 .image-item.item2,
#container_homepage3 .image-item.item4,
#container_homepage3 .image-item.item6 {margin-right:0px!important;}
#container_homepage3 .ddd > div { width:100%!important; height:auto!important; }
#container_homepage3 div[data-slot-id="2"] { width:100%; }
#container_homepage3 div[data-slot-id="3"] #contentRecommendationWidget_3_-1012_3074457345618336920 { display:none; }
#container_homepage3 div[data-slot-id="3"] { width:100%; }
#container_homepage3 div[data-slot-id="3"] .image-item2.w100 { margin-top:1%!important; }
#container_homepage3 div[data-slot-id="2"] img { width:100%; }
#container_homepage3 {padding:3%;}
#container_homepage3 .block1 { padding:0; }
}
@media screen and (max-width:325px) {
#container_homepage3 .image-item {	width:100%!important;	margin:2%; 0!important;}
}
/*END HOMEPAGE CSS */
		
		
		
		
		
	/* 3.2. Shopping Cart Button */
			div#cartDropdown {
				border-color: #3e3721 #c9cece #c9cece!important;
			} /* Removes yellow strip at top of box - Now on brand */ 

			div#cartDropdown a#GotoCartButton1.basicButton span {
				border: none!important;
				color: #ffffff!important;	
				font-size: 16px;
			} /* Styles the Go to Cart Button - Now on brand */
			
			#minishopcart_total {
    			background-color: #af1e23!important;
    			border-radius: 0px!important;
			} /* styles total of items red box */
			
			div#widget_minishopcart_popup > #cartDropdown > .content > .subtotal > .product_price, div#widget_minishopcart_popup_1 > #cartDropdown > .content > .subtotal > .product_price {
    			color: #3e3721;
			} /* Subtotal Price Colour - now on brand */
			
			
			
			#widget_minishopcart:hover {
    			background-image: linear-gradient(#e6e7e8, #e6e7e8)!important;
			} /*Shopping cart button on hover - Now on brand */


div#cartDropdown a.hover_underline[href*="DiscountDetailsDisplayView"] {
                font-weight: bold;
                color: #3e3721;
}

	
	/* 3.3. Sign In / Register */

		
		div#WC_AccountDisplay_div_21.myaccount_header, div#WC_AccountDisplay_div_4.myaccount_header  {
			border-color: #3e3721 #e5e5e5 #e5e5e5;
		} /* Top line colour change - Now on brand */
		
		a#WC_AccountDisplay_links_2.button_primary div.button_text, a#WC_AccountDisplay_links_3.button_primary div.button_text {
			border: none;
		} /* Sign in buttons styled - Now on brand */
		
		a#WC_AccountDisplay_links_2.button_primary, a#WC_AccountDisplay_links_3.button_primary {
			background-image: linear-gradient(#3e3721, #3e3721);
    		border: none;
			border-radius: 0;
			color: #ffffff;
		} /* Sign in buttons styled - Now on brand */

		div#WC_UserRegistrationAddForm_div_5.myaccount_header {
			border-color: #3e3721 #e5e5e5 #e5e5e5;	
		} /*Styles 'Please Register Below' button */
		
		div.button_text {
			border: none!important;
			color: #ffffff;
		} /* 'Submit Button' text - Now on brand */
 
		.button_primary {
    		background-image: linear-gradient(#3e3721, #3e3721);
    		border: none;
    		
		} /* 'Submit Button' background - Now on brand */
		
		form#Register a#WC_UserRegistrationAddForm_links_2.button_secondary.button_left_padding div.button_text {
			color: #3e3721;
			border: none;	
		} /* 'Cancel Button' text - Now on brand */
		
		form#Register .button_secondary:hover {
    		background-image: linear-gradient(#e6e7e8, #e6e7e8);
		} /*'Cancel' button on hover - Now on brand */
		
		form#Register .button_secondary {
    		background-image: linear-gradient(#d1d3d4, #d1d3d4);
    		border: none;
    		border-radius: 0;
		} /* 'Cancel' button background - Now on brand */
		
		.error_msg {
    		color: #af1e23;
		} /* Error message on Register form - now on brand */

		#headerThinEMS {
		width: 100%;
		margin-top: 10px;
		}



		/* 4.0 Navigation */
		.departmentButton > span {padding: 0 15px;}
		/* Sale nav */
		#departmentButton_40001 {
		background: #a50d06; 
		}

		#quickLinksBar .basicMenu > h3 { background: #3e3721; }
		@media screen and (min-width:600px) {
		#page #departmentsMenu {
			background-color: white!important;
		} /* Nav background colour - Now on brand */
		}
		@media screen and (max-width:600px) {
		#headerRow2 { background: #6D6E71; } 
		.button_primary, .button.primary, .basicButton, .basicButton > span, .button_primary > .button_text {
   		 background-image: linear-gradient(#6D6E71, #6D6E71)!important;
		}	
		}
		
		#departmentsMenu li { border-right:1px solid white!important; }		
	
	/* 4.2 Category Buttons */
		.departmentButton {
			background-image: none;
			border: 1px solid #3e3721;
		} /* Category button colour on nav - Now on brand */

		.departmentButton > span {
			border:none;			
			color: #6D6E71;
			border-radius:0px;
		} /* Category button outline on nav - Now on brand */

	#headerRow2 .departmentButton > span[data-active="true"] { background-color:#6D6E71!important; }

	/* 4.3. Category Buttons on hover */
		.departmentButton:hover {
			background-image: none!important;
 			border-color: #3e3721!important; 	
		} /*Colours button on hover - Now on brand */

		.departmentButton:hover::after {
    		background-image: none!important;	
		} /*Colours button on hover - Now on brand */

	/* 4.4. Category Dropdown */		
		ul#departmentsMenu.active { border-top:2px solid #3e3721; }		
		.departmentMenu.active ul.categoryList { border-bottom:2px solid #666; }	
		.departmentMenu > li, .departmentMenu > .header {
    		border-bottom: 0px solid #ccc;
		} 
		
		 
 	/* 4.5. Search Box */


		
		div.widget_title_container .black, div.widget_search_results .black {
    		color: #3e3721!important;
		} /* Highlight search term - now on brand */
		
		#autoSuggestAdvancedSearch > a {
    		color: #3e3721;
		} /* Changes colour of 'Advanced Search' spot at bottom of dropdown */




	/* 5.2. Facet Widget Background */
		.optionContainer > .title {
   		 	background: linear-gradient(#ffffff, #ffffff) repeat scroll 0 0 rgba(0, 0, 0, 0)!important;
   		
   			border-radius: 0 0 0 0!important;
   		 	color: #3e3721!important;
		} /* Removes gradient background on headers - Now on brand */

		

		
		
		
		
		div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.section_list {
    		background-color: #ffffff; 
		} /* Removes grey background on category section */
		
		
		
		.facetWidget .close {
    		background: rgba(0, 0, 0, 0) url("/icons/bl/rwdUI.png") repeat scroll -61px -1px!important;
		} /* changes 'filter by' selection cross icon - Now on brand */
				
	/* 5.3. Product Spot Price */
		
	
		div.productListingWidget div.from_price span.label_price, .product_info > .product_price, div.productListingWidget div.offer_price span.label_price, .product_price .offer_price span  {
			color: #3e3721!important;
		} /* Prices and 'Price' and 'From tag colour changed - Now on brand */
		
		.product_price .original_price span, .product_info > .product_name > a {
   			color: #666666!important;
		} /* 'Original price' tag and product name/description colour changed - Now on brand */
		
	/* 5.4. Main container for products */
		
		
		
		/* 5.6. Category ThumbNails */


 /*	6.FOOTER	*/
#tpwidget1 { position:relative; top:-10px; }
.footer1 { width:100%;margin-bottom:1%;border-top: 1px solid #ccc;padding-top: 2%;margin-top: 2%; padding-bottom:0; margin-bottom:0;}
.footer_info { width:100%; }
.footer_info { float:none; margin:auto;}
.footer_info a.signup1 {background:#3e3721;display:inline-block;padding: 1% 2%; color:  white;font-size: 16px;margin-left:  1%;height: 25px;}
.footer_info h4 {display: block;float: left;font-size: 22px;margin-top:9%;}
.footer_info .emailblock.left { width:70%; }
.footer_info input[type="email"] { width:75%; margin-top:2%; padding:1%!important; }
.footer_info .emailblock.left p { width:  100%;    float:  left;    font-size:  12px;    line-height:  18px;margin-top: 7px; }
.footer_info .container1 {     width: 57%; margin:  auto;}
.footer_info .row1, .footer_info .row2  { width:100%; }
.footer_info .social.right.row { width:13%; }
.rowfull { width:100%; }
.footer_info .tp3.left { width:15%; }
.footer_info .social.right.row img { width:20%; max-width:30px; margin-right:4%; }

.footer_info .social.right.row {    width: 15%; margin-top:1.2%;}
@media screen and (max-width:935px) {
.footer_info input[type="email"] { width:70%; }
}
@media screen and (max-width:775px) {
.footer_info .emailblock.left { width:100%; }
.footer_info .tp3.left { width:100%; }
.footer_info div#tpwidget1 { width: 201px;margin:  auto;float:  none; }
.footer_info .social.right.row { width:100%; }
.footer_info .social.right.row img { width:auto; }
.footer_info .container1 { width:100%; }

}



#footerWrapper ul.social.icons li div._icon.svg.crop.blog svg {
  left: -6px;
  position: relative;
  top: -6px;
}

#footerWrapper ul.social.icons li  svg {
max-height:70px;
}

#footer { max-width:1280px; margin:auto; }
#footer .social.icons li {
  max-width: 57px;
  width: 16%;
}

#footerWrapper {
    max-width: 1280px;
    margin: auto;
}

#footer .social.icons {
width:268px!important;
}

@media screen and (max-width:600px) {
.mobile.great { float:right!important; }
#footer div[id="reviews-summary"] { width:465px!important;  margin-left:-12%; }
.mobile.great {
    display: inline-block!important;
    float: right!important;
    width: 60px!important;
position:relative; 
top:-4px;
}

}

/*Category Pages */

fieldset[id="Pattern or Finish"],
fieldset[id="Material"],
fieldset[id="Electrical power type"] { display:none; }
div[class="promo-box"] { border:1px solid #ccc; margin-top:0!important;  } 
div[class="promo-box"] .promo-box.textfield { margin-bottom:10px; }
#content .collapsible > h3::before, .categoryNavWidget.collapsible > h3::before, .linkWidget.collapsible > h3::before {
content: url("/icons/bl/rwdUI.png")!important;
}

		
/* 7. MY ACCOUNT PAGE */
	/* 7.1. Breadcrumb */		
		#WC_MyAccountDisplay_div_1 .myaccount_title .landingpage_link, #WC_MyAccountDisplay_div_1 .myaccount_breadcrumb, #WC_MyAccountDisplay_div_1 .myaccount_title .current_breadcrumb, #WC_MyAccountDisplay_div_1 .myaccount_title .divider {
    		color: #3e3721;
			font-weight: normal;
			line-height: 33px;
		} /* Breadcrumb link - Now on Brand */
		
	/* 7.2. Header Strip */
		.myaccount_header, div#WC_OrderStatusCommonPage_div_2.myaccount_header.bottom_line {
			border-color: #3e3721 #e5e5e5 #e5e5e5!important;
		} /* Changes border from yellow - Now on brand */
		
		div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.header span.header_title {
			font-size: 13px;
		} /*Increases size of headers in left menu */
		
		h2.myaccount_header.bottom_line, h2.myaccount_header, h2.myaccount_header.bottom_line {
			font-weight: normal;
		} /*Headers from bold to normal */
		
	/* 7.3. Left Nav Border */
		div.widget_left_nav > div.content_left_border {
    		border: 2px solid #3e3721;
		} /* Now on brand */
		
		#wishlist {
    		border: 2px solid #3e3721
		} /* Wishlist box - Now on brand */
		
		#MyAccountLinks > #contentLinks > .bottom_border > .MyAccountLinkButton {
			background-image: linear-gradient(#f7f9f9, #f7f9f9);
    		border: 1px solid #c9cece;
    		border-radius: 0;
		} /* Styles the 'menu' button for lower res devices */ 
		
		div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.section_list > ul > li > a {
			font-size: 16px;
		} /* Left Nav - sub-headings size */

		div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.section_list ul li, div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.section_list div.showMore {
    		color: #666666;
    		font-size: 16px;
		} /* Left nav - headings size */
		
	/* 7.4. Headers */
		.myaccount_desc_title {
			font-size: 16px;
			font-weight: normal;	
		} /* 'Welcome, name' text styled */
		
				
		h2.myaccount_header, h2.myaccount_header.no_side_lines, h2.myaccount_header.bottom_line {
			font-weight: normal;
		} /* Header now not bold */
		
	/*7.5. Entry Field Box Personal Information */
		div#WC_UserRegistrationUpdateForm_div_11.form_2column form#Register h2 {
			font-size: 18px;
			font-weight: normal;	
		} /*Field entry section headers */

		.label_my_account {
			font-size: 14px;
			font-weight: normal;
		} /* Field entry titles */
	
		#Register input, #WC_AccountForm_div_9 input, #my_account_billing input, #shipAddr input {
    		height: 25px;
    		margin-bottom: 15px;
		} /* Increases size of input field boxes */
		
		#box .my_account .body {
			padding-bottom: 25px;
		} /*Extends border over terms & conditions */

		
		.drop_down_country {
			height: 30px;
			width: 240px;
		} /* Extends the width and height of country dropdown */

		#Register input, #WC_AccountForm_div_9 input, #my_account_billing input, #shipAddr input {
			width: 235px;
		} /* Makes all boxes same width */


		.form_2column .column select {
			min-height: 30px;
			border: 1px solid #ccc;
			margin-right: 10px;
		} /* Increases height of dropdowns and makes appearance same as text input */

		input#WC_UserRegistrationUpdateForm_FormInput_sendMeEmail_In_Register_1.checkbox {
			width: 20px;
		} /*Repositions radio button for sign up */
	
		span.label_msg {
			font-size: 12px;
			display: block;
			line-height: 2.3em;
			margin: -16px 0 15px 0;
		} /*notes next to fields stylised */

	@media (max-width:3000px) and (min-width:860px) {
		div#WC_PersonalInfoExtension_DOB_div_1.column span.label_msg {
			position: relative;
			top: 11px;
			right: 346px;
		} /*Repositions notes underneath entry boxes */ 
		div#WC_UserRegistrationAddForm_div_8.form_2column div#WC_PersonalInfoExtension_DOB_div_1.column span.label_msg {
			top: 45px;
			right: 410px;
			}
	}

	@media (max-width:860px) and (min-width:600px) {
		div#WC_PersonalInfoExtension_DOB_div_1.column span.label_msg { 
			position:relative;
			float: left;
			top:11px;
			right: 0px;
		} /*Repositions notes underneath boxes */ 
		
		div#WC_UserRegistrationAddForm_div_8.form_2column div#WC_PersonalInfoExtension_DOB_div_1.column span.label_msg {
			top: 45px;
			right: 397px;
			}	
	}

	@media (max-width:600px) and (min-width:200px) {
		div#WC_PersonalInfoExtension_DOB_div_1.column span.label_msg { 
			position:relative;
		} /*Repositions notes underneath boxes */ 
		
		div#WC_UserRegistrationUpdateForm_div_20.column_label span.label_msg, div#WC_AddressEntryForm__div_26.column_label span.label_msg {
			line-height: 1.3em;
			margin: -12px 0 15px 0;
		} /* Line height on 'note' section spacing*/
		
		div#WC_UserRegistrationAddForm_div_8.form_2column div#WC_PersonalInfoExtension_DOB_div_1.column span.label_msg {
			top: -9px;
		}
	}

	/*7.6. Entry Field Box Wishlist */
		.offerprice {
			color: #3e3721;
			margin-top: 30px;
		} /* Changes colour and position of price */

		#four-grid-wishlist .item .description_fixedwidth {
			overflow: unset;
		} /* Removes Scroll on product description */

	/*7.7. Sign In / Register Form */	
	
		.note_welcome_secure, div#WC_AccountDisplay_div_7.align p label, div#WC_AccountDisplay_div_23.align p, div#WC_AccountDisplay_div_23.align ul {
			font-size: 16px;
			line-height: 24px;
			margin-top: 10px;
		} /* Increases font size */
		
		.registration_header {
			font-size: 18px;
		} /* Header font-size larger */
		
		.sign_in_registration .align input {
			height: 25px;
		} /* Increaases size of input fields */
		
		.sign_in_registration .align {
			height: 266px;
		} /* Outer boxes now same height */
		
		a#WC_AccountDisplay_links_1.myaccount_link {
			font-size: 16px;
			text-decoration: underline;
		} /* Styles 'forgotton password' link - now on brand */

		input#WC_UserRegistrationAddForm_FormInput_receiveEmail_In_Register_1, input#WC_UserRegistrationAddForm_FormInput_sendCatalog_In_Register_1 {
			width: 16px;
		} /* added to align radio buttons under the input boxes */
		
		div#contentRecommendationWidget_TerminoConditionEMS.contentRecommendationWidget div.left_espot p a {
			color: #369bc8;
			text-decoration: underline;
		} /* styles links on terms and conditions pop up box within register form */

	/* 7.8. My Account Summary Page */
		
		div.info_table {
			margin: 6px 0 0 6px;
		} /* Increases spacing on Personal Information Box */
		
		.my_account .myaccount_link, .order_status_table {
			margin-left: 6px;	
		} /* Aligns text */

	/* 7.9. Registering Details */
		div#WC_UserRegistrationAddForm_div_8.form_2column > h2 {
			font-size: 18px;	
			font-weight: normal;
		} /*Increases size of headers within entry form */
		
		.checkbox_registration {
			margin-right: 10px;
		} /* Increases space next to radio buttons on entry form */
		
		.myaccount_title {
			color: #666666;
		} /* Word 'create' no brand colour - was black */


/* 8. BUTTONS */
	div#WC_UserRegistrationAddForm_div_5.myaccount_header {
		border-color: #3e3721 #e5e5e5 #e5e5e5!important;	
	} /*Styles 'Please Register Below' on Sign in/Register Page button */
			
	/* 8.1. Primary Buttons */
		div.button_text, .button_add_to_cart > .button_text {
			border: none!important;
			color: #ffffff;
			font-size: 16px;
		} /* 'Submit Button' text - Now on brand */
		#container_ProductPage .col6.acol12.slot3 { height:auto!important; }
		#container_ProductPage div#addToShoppingListBtn { background:#6D6E71!important; }
		.button_primary, .button.primary, .basicButton, .basicButton > span, .button_primary > .button_text {
    		background-image: linear-gradient(#6D6E71, #6D6E71)!important;
    		border: none!important;
    		border-radius: 4px!important;
			color: #ffffff!important;
			font-size: 16px;
		} /* 'Submit Button' background - Now on brand */
		
		.button_add_to_cart > .left_border {
    		background: rgba(0, 0, 0, 0) url("/icons/bl/add_to_cart_sprite.png") no-repeat scroll left top!important;
		} /*Change attributes pop-up box - Now on Brand */
		
		.button_add_to_cart > .button_text {
/* 			background: rgba(0, 0, 0, 0) url("/icons/bl/add_to_cart_sprite.png") repeat-x scroll center bottom!important;			 */
		} /*Change attributes pop-up box - Now on Brand */
		
		.button_add_to_cart > .right_border {
    		background: rgba(0, 0, 0, 0) url("/icons/bl/add_to_cart_sprite.png") no-repeat scroll right top!important;
		} /*Change attributes pop-up box - Now on Brand */
		
	/* 8.2. Secondary Buttons */
		.button_secondary > .button_text, form#Register a#WC_UserRegistrationAddForm_links_2.button_secondary.button_left_padding div.button_text {
			color: #666666!important;
			border: none!important;	
			font-size: 16px;
		} /* 'Cancel Button' text on Register Page - Now on brand */
		
		.button_secondary:hover, .selectWrapper:hover, .shopperActions .dropdown_primary:hover {
    		background-image: linear-gradient(#e6e7e8, #e6e7e8)!important;
		} /*'Cancel' button on hover on Register Page - Now on brand */
		
		.button_secondary {
    		background-image: linear-gradient(#d1d3d4, #d1d3d4)!important;
    		border: none!important;
    		border-radius: 4px!important;
		} /* 'Cancel' button background on Register Page - Now on brand */	
			
							
	
		
		

/* 10. PRODUCT PAGE */


	/* 10.1. Text */
		div.namePartPriceContainer h1.main_header, div.namePartPriceContainer > span.sku {
    		color: #666666!important;
		} /* Title and product code - Now on brand */
		
		div.namePartPriceContainer > div.product_price {
    		color: #3e3721!important;
		} /* Price - Now on brand */
		
		.product_price .yousave_price span {
			color: #af1e23;
		} /* Styles 'you save' price - now on brand */
		
		#breadcrumb .on {
   			color: #3e3721;
		}
		
		
		

		div.namePartPriceContainer > div.product_price {
			
			font-weight: normal!important;
		} /* Price size and weight */

		.available .header, .product_listing_container .list_mode .product > .available .header, #widget_package_summary > .left_border > .right_border > .content > .item > .available .header {
			display: none;
		} /* Removes text which is unnecesary and unaligned */ 
		
	/* 10.2. Size and Colour dropdowns */
		.definingAttributes {
			margin-top: 18px;
		} /* Moves chart down so it doesn't overlap the top section */
			
		.available, div.namePartPriceContainer {
			border-bottom: 0px!important;
		} /* Removes line above availability blurb and below product name */
			
		
			
		
					
	/* 10.3. Add to wishlist Dropdown */
		.shopperActions .dropdown_primary {
    		background: #d1d3d4 none repeat scroll 0 0!important;
    		border-radius: 4px!important;
    		border-style: none!important;
		}/*Add to wishlist dropdown - Now on brand */
			
		.shopperActions .dropdown_primary > .drop {
   			 border-left: 0px!important;
		}/*Add to wishlist dropdown Removes middle line - Now on brand */

		.shopperActions .dropdown_primary > a {
    		color: #666666!important;
			font-size:16px!important;
		} /* Add to wishlist button text - now on brand as per secondary button */
			
		.created_list {
    		background: transparent url("/icons/bl/plus_icon.png")no-repeat scroll 10px 50%!important;
		} /* Sign in / register icon - now on brand */
		
		.shopperActions .dropdown_primary > .drop div::before {
			top: 3px!important;
		} /* Popsitions the arrow so the next icon doesn't show from sprite */
				
	/* 10.4. Extra information section */
		.tab_container {
			color: #666666!important;
		    border-radius: 0px!important;
		    border-top: 2px solid #3e3721!important;
		} /* Extra info header boxes line - now on brand */
		
		
		
		.inactive_tab {
    		background: #d1d3d4 none repeat scroll 0 0!important;
   			background-image: none!important;
		} /* Tab tops on extra information box - now on brand */
		
		
		
	/* 10.5. You may also like section */
		.productDescDropMerch > a > .arrow {
   			 background: rgba(0, 0, 0, 0) url("/icons/bl/rwdUI.png") no-repeat scroll -80px -40px!important;
		} /*Right Arrow - now on brand */
			
		.productDescDropMerch[aria-expanded="true"] > a > .arrow {
    		background: rgba(0, 0, 0, 0) url("/icons/bl/rwdUI.png") no-repeat scroll -100px -40px!important; 
		} /*Down Arrow - now on brand */
		
	/* 10.6. View Larger Image Section */		
		.fancybox-item.fancybox-close {
    		background-image: url("/icons/bl/fancybox_sprite.png")!important;
		}
	
	/* 10.7. Availability and Quantity Section */

		.available > .sublist {
			padding-left: 0!important;
			
		} /* Aligns stock logo neatly */

		


	
/*11. CHECKOUT*/
	/* 11.1. Text */
		.breadcrumb_current, #breadcrumb .on {
    		color: #3e3721;
		} 
		
		.dropdown_primary > .button > .content {
    		color: #3e3721;
		} /* Make a wishlist text - Now on brand */
		
		
		.dropdown_primary > .drop > .white_line {
   			display: none;
		} /* Removes white line on dropdown */
		
	/* 11.2. Change Attribute Pop-up */
		.button_add_to_cart:hover > .button_text {
    		color: #ffffff;
		} /* 'Update cart' button - now on brand */
		
		#checkout_crumb .crumb a {
    		color: #3e3721!important;
		} /* Breadcrumb title - MNow on brand */
		
	/*11.3. Shipping Information */	
		#box .main_header {
    		background: rgba(0, 0, 0, 0) url("/icons/bl/box_header_tile1.png") repeat-x scroll 0 0;
		} /*Shipping information container (central part) - now on brand */
		
		#box .main_header .left_corner {
    		background: transparent url("/icons/bl/box_header_left1.png") no-repeat scroll 0 0;
		} /*Shipping information container (left part) - now on brand */
		
		#box .main_header .right_corner {
    		background: transparent url("/icons/bl/box_header_right1.png") no-repeat scroll 0 0;
		} /*Shipping information container (right part) - now on brand */
	
	/* 11.4. Billing Information */	
		#box .main_header .left_corner_straight {
    		background: transparent url("/icons/bl/box_header_left_straight.png") no-repeat scroll 0 0;
		} /*Billing information container (left part) - now on brand */
		
		#box .main_header .right_corner_straight {
    		background: transparent url("/icons/bl/box_header_right_straight.png") no-repeat scroll 0 0;
		} /*/*Billing information container (right part) - now on brand */
		
	/* 11.5. Sign in Section */	
		#customers_new_or_returning h2 {
			font-size: 14px;	
		} /*Increases size of headers above sign in fields */
		

		
	
/* 12. STATIC PAGES */





#container_ProductPage #IBMProductRecommendationWidget_10_-1007_3074457345618310928PPUNI01 .controlBar { display:none; }
#container_ProductPage #IBMProductRecommendationWidget_10_-1007_3074457345618310928PPUNI01 .product_price,
#container_ProductPage #tab2Widget .product .offer_price,
#container_ProductPage #tab2Widget .product .original_price { text-align:center!important; }

#container_ProductPage .discount_basket_promo a,
#container_ProductPage .discount_basket_promo { color:rgb(102, 102, 102)!important; }

#container_ProductPage .discount_basket_promo { border:1px solid rgb(102, 102, 102);  }
#container_ProductPage  .deliv { border:none!important; }
#container_ProductPage .row.left.deliv .inner { width:100%!important; padding:0!important; }
#container_ProductPage  .deliv .option:first-of-type { 
margin-top:2%;
}

#container_ProductPage .prod-bg { background:#efeff0!important; }



#container_ProductPage div#addToShoppingListBtn {    background-color: #3e3721; }

#interactive_dialogue a#checkout {
    background: #3e3721!important;
}

#container_BasketLayout div.catalogEntryRecommendationWidget { border:none!important; }


@media screen and (max-width:600px) {
    #footer .social.icons {   display:none!important;   }
   
}


#container_Homepage ._column1 .first {
    width: 47%!important;
    margin-right:10px!important;
}

/* Temporary hide free gift button in basket*/

.free_gift_container {
/*display:none!important */


}

/* WISHLIST OPTION */


div.favourite-icon {
position: absolute;
    right: 0%;
	bottom:0%;
    background:rgba(255,255,255,0.00) !important;
    border-radius: 40px!important;
	height: 40px;
    width: 40px;
	z-index:9;
   
}

 .product .favourite-icon .favourite-icon-layer1:before { content:"";  background:url("/icons/generic/bl-save-inactive.svg")  no-repeat!important; display:block; width:28px; height:28px; background-size:100%;  } 
 .product .favourite-icon .favourite-icon-layer2:before { content:"";  background:url("/icons/generic/bl-save-active.svg")  no-repeat!important; display:block; width:28px; height:28px; background-size:100%;   }  
.product .favourite-icon > div { margin-top:8px; margin-left:5.8px; }
.product .favourite-icon .favourite-icon-layer2 { display:none; }
.product .favourite-icon[data-selected="true"] .favourite-icon-layer1 { display:none; }
.product .favourite-icon[data-selected="true"] .favourite-icon-layer2 { display:block; }
body > #wishlistContainer > .layer1 { position:fixed; background:white; right:0%; bottom:2.5%; padding:7px; z-index:10; max-height:32px; }
body > #wishlistContainer > .layer1 b {
    position:  absolute;
    left:  0px;
	color:white;
    top: 12px;
    width:  100%;
    text-align:  center;
}