@charset "utf-8";


@import url("../generic/common1_1.css");

body, body * { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif}
a#departmentButton_513002 { display:none; }
#page { max-width:100%!important; }
#headerWrapper, .header_wrapper_position, #contentWrapper,#FooterRecentlyViewed, .footer-partner, div.rowContainer  { max-width:1280px; margin:auto; }


label[for="numberOfPaymentMethods"] { font-size:0px!important; }
label[for="numberOfPaymentMethods"]:before { content: "Do you have a Gift Voucher?"; font-size:16px; }

/*//////////////////////////////////////////////////////////////////////////////////////////////////*/

.brandcolor { color:#6a6968; }

div#WC_AccountDisplay_div_23.align span.text_body:before { font-size:16px!important; line-height:16px; content:"If you haven't bought from Expert Verdict or another Scotts & Co. brands before simply click the button below to create your Scotts & Co. account."; }

.quickLinkAdd2cart,
#interactive_dialogue #checkout,
#interactive_dialogue .lightbox-add2cart { background:#931020!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
	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 */




.image .RibbonAdDefault, .image_container .RibbonAdDefault { /* fixes spacing issue */
        padding: 0 15px 0 5px!important;
}
.image .RibbonAdDefault.Exclusive, .image_container .RibbonAdDefault.Exclusive {
        background: rgba(0, 0, 0, 0) linear-gradient(to right, grey 76%, rgba(255, 255, 255, 0) 100%) repeat scroll 0 0!important;
}
.image .RibbonAdDefault.Offer, .image_container .RibbonAdDefault.Offer {
        background: rgba(0, 0, 0, 0) linear-gradient(to right, #a50d06 76%, rgba(255, 255, 255, 0) 100%) repeat scroll 0 0;
}
div[class="RibbonAdDefault Ribbon - New"], div[class="RibbonAdDefault Ribbon - More Colours"], div[class="RibbonAdDefault Ribbon - More Designs"] { display:none; }



div#container_Homepage  {  padding:0; }
div#container_Homepage div[data-slot-id="7"] { width:100%; }
div#container_Homepage div[data-slot-id="2"] { width:74%; }

div#container_Homepage div[data-slot-id="3"] { width:25%; float:right; }

div#container_Homepage div[data-slot-id="3"] img { max-height:385px; }
@media screen and (max-width:800px) {
div#container_Homepage div[data-slot-id="2"] { width:100%; }
div#container_Homepage div[data-slot-id="3"] { display:none; }
div#container_Homepage  .promo { width:100%!important; margin-bottom:10px; padding:2%!important; }
}



div#container_Homepage .row.margin-true > div > div { margin:inherit; }

div#container_Homepage  .row.margin-true { padding:0; }

div#container_Homepage .acol12.col12.ccol3 { display:none; }

div#container_Homepage li ul#dijit__WidgetBase_1.grid li { width:24%!important; }


div#container_Homepage .ev-btn { background:red; display:block; }


div#container_Homepage .producttext h2 {
    color: #666666;
    font-size: 16px;
    font-weight: bold;
  
}

div#container_Homepage .sub {
  max-width: 70%;
}

div#container_Homepage .ev-btn {
    background: #900 none repeat scroll 0 0;
    color: #fff;
    display: inline-block;
    padding: 7px 14px;
}




div#container_Homepage .promo {
  border: 1px solid #ccc;
  float: left;
  width: 47%;
  padding: 1%;
  margin-right:1%;
  background-size: 245px;
  background-repeat: no-repeat;
  background-position: right;

}

#container_Homepage div[data-slot-id="7"]  .product_group_name { font-size:20px; background-color:#e1e1d6; font-weight:bold; color:#494949; text-decoration:none; } 
#container_Homepage div[data-slot-id="7"] .catPos { border:none; border-radius:0px; }

#container_Homepage div[data-slot-id="7"] .catPos .product_image {
  max-height: 230px;
  overflow: hidden;
}

/*Default */
div#container_Homepage #categoryRecommendationWidget_7_-1010_3074457345618270411 > div.header { display:none; }
@media screen and (min-width:700px) {
div#container_Homepage #dijit__WidgetBase_0 > li { width:25%!important; margin-bottom:15px; }
}
@media screen and (max-width:700px) {
div#container_Homepage #dijit__WidgetBase_0 > li { width:50%!important; }
}


/* New Grid */

div#container_Homepage .entrygrid { width:24%; float:left;   margin:0 1% 1% 0!important; }
div#container_Homepage .entrygrid .header {
  background-color: #e1e1d6;  
 
  font-size: 20px;
  font-weight: bold;
  height: 50px;
  line-height: 50px;
  text-align: center;
  width: 100%;
color:#494949;

}
.entrygrid a { text-decoration:none!important; }

@media screen and (min-width:1280px) {

div#container_Homepage #entry4,
div#container_Homepage #entry8 { margin-right:0!important; }
}

@media screen and (max-width:960px) {
div#container_Homepage .entrygrid { width:49%; }
}
@media screen and (max-width:600px) {
div#container_Homepage .entrygrid { width:49%; }
/*hide botom text */
div#container_Homepage .information { display:none; }

div#container_Homepage .entrygrid .header { font-size:12px; }	
	

}

div#container_Homepage #carousel #navigation { border:none; }

div#container_Homepage .entrygrid .product { max-width:100%; padding:0; }

div#container_Homepage .entrygrid .product > .product_image img { max-width:100%; }

div#container_Homepage .entrygrid #price_row { position:absolute; bottom:0px; width:100%; }

div#container_Homepage .entrygrid #price_row .ev-btn { float:right; }

div#container_Homepage .entrygrid .row#title { position:absolute; top:0px; width:100%; }

div#container_Homepage .relative { position:relative; }

div#container_Homepage .block { display:block; }



div#container_Homepage .entrygrid #title > h2 {
  float: right;
  font-size: 16px;
  font-weight: bold;
  padding: 4px 12px;
  text-align: right;
  text-shadow: 3px 3px 7px white;
  width: 80%;
color:#414141;
background:rgba(0, 0, 0, 0) linear-gradient(to left, rgba(255, 255, 255, 1) 25%, rgba(255, 255, 255, 0) 100%) repeat scroll 0 0;

}

div#container_Homepage .entrygrid div.price { width:100%; text-align:right; }

div#container_Homepage .entrygrid .ev-btn { float:right; }

div#container_Homepage .entrygrid .price { color:#0985b5; font-weight:bold; font-size:20px; }
div#container_Homepage .entrygrid .only {
    color: #9a0000;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold;
    text-align: right;
}


div#container_Homepage .b {
    max-width: 49%;
    width: 100%;
    display: block;
    float: left;
    margin-right: 1%;
}
@media screen and (max-width:750px) {
div#container_Homepage .b {
    max-width: 100%;
    width: 100%;
    display: block;
	margin-bottom:2%;
 
    margin-right: 0%;
}	
}

/*Information bottom */
div#container_Homepage .information { padding:3%; }

div#container_Homepage .information h1 { font-size:14px; font-weight:bold; margin:0 0 15px 0;  }

div#container_Homepage .information p { line-height:20px; margin:10px 0; font-size:12px; color:#666;   }



/*Hide dynamic info */

/*Remove Product Name */
div#container_Homepage .entrygrid h2 { display:none; }
/*Remove Product price */
div#container_Homepage .entrygrid .price { display:none; }

/*Remove Product button */

div#container_Homepage .entrygrid .ev-btn   { display:none!important; }





div#container_Homepage .homepage_footer.row {
  background: #e7e7e7 none repeat scroll 0 0;
  margin-top: 1%;
  padding: 20px;
max-width:1227px;
}

div#container_Homepage .col1b {
  float: left;
  width: 51%;
}

.col1b > ul {
  padding: 0;
}

div#container_Homepage .col1b li {
  float: left;
  list-style: outside none none;
  margin-right: 2%;
}
div#container_Homepage .col1b > p {
  display: block;
  float: left;
  margin-top: 2%;
  width: 100%;
}

div#container_Homepage .col2b {
  float: right !important;
  width: 40%;
}

div#container_Homepage .col1b h3 {
  font-size: 20px;
  font-weight: lighter;
  text-align: center;
}

div#container_Homepage .col2b > input[type="text"] {
  height: 30px;
  width: 47%;
}

div#container_Homepage .col2b > input[type="submit"] {
  background: grey none repeat scroll 0 0;
  border: medium none;
  color: white;
  padding: 13px 20px;
  position: relative;

}
div#container_Homepage .col2b > h3 {
  font-size: 25px;
  font-weight: lighter;
  margin:3% 0 ;

}

div#container_Homepage .col2b > p {
  margin-top: 2%;
}


@media screen and (max-width:1060px) {
	
	div#container_Homepage .col1b {
 
  width: 55%!important;
}
}

@media screen and (max-width:730px) {
	div#container_Homepage .col1b {
 
  width: 100%!important;
}	

	div#container_Homepage .col2b {
 
  width: 100%!important;
}
	
}



/* 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: #850505;
	}
	

/* 3. HEADER */
		
		
		
	/* 3.2. Shopping Cart Button */
			div#cartDropdown {
				border-color: #6a6968 #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: #6a6968;
			} /* Subtotal Price Colour - now on brand */			
			
/*Your offer code is xxxx and you get xxx text - mini basket */
div#cartDropdown div.content div.subtotal.adjustment_price a.hover_underline { color:#931020; }
			
			#widget_minishopcart:hover {
    			background-image: linear-gradient(#e6e7e8, #e6e7e8)!important;
			} /*Shopping cart button on hover - Now on brand */
	
	/* 3.3. Sign In / Register */
		div#WC_AccountDisplay_div_21.myaccount_header, div#WC_AccountDisplay_div_4.myaccount_header  {
			border-color: #6a6968 #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(#6a6968, #6a6968);
    		border: none;
			border-radius: 0;
			color: #ffffff;
		} /* Sign in buttons styled - Now on brand */

		div#WC_UserRegistrationAddForm_div_5.myaccount_header {
			border-color: #6a6968 #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(#6a6968, #6a6968);
    		border: none;
    		
		} /* 'Submit Button' background - Now on brand */
		
		form#Register a#WC_UserRegistrationAddForm_links_2.button_secondary.button_left_padding div.button_text {
			color: #6a6968;
			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 */


/*Mobile Carousel*/







/* 4. NAVIGATION */


#headerRow1 .logo1 { 
 
 height:274px;  width: 243px;  z-index: 9999999; 
 } 

@media screen and (max-width:645px) { 
#headerRow1 .logo1 { width:220px!important;  }
}
@media screen and (max-width:600px) { 
#headerRow1 .logo1 { width:220px!important; top:-105px!important;  }
}
@media screen and (max-width:400px) { 
#headerRow1 .logo1 { width:200px!important;  }
}
@media screen and (max-width:355px) { 
#headerRow1 .logo1 {    width: 165px !important;   }
}



#headerRow1 div#logo svg { 
 
left: 0;  position: absolute;  top: -100px; height:274px;  width: 243px;  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:220px!important; top:-105px!important;  }
}
@media screen and (max-width:400px) { 
#headerRow1 #logo svg { width:200px!important;  }
}
@media screen and (max-width:355px) { 
#headerRow1 #logo svg {    width: 165px !important;   }
}


#container_CheckoutLayout .logo1  { 
 
left: 42%;  position: relative;  top: -100px; height:200px;  width: 243px;  z-index: 9999999; 
    text-align: center;
    margin-bottom: 0px;
 } 
#container_CheckoutLayout div[id*="contentRecommendationWidget_1_-1000"] .left_espot {
    height:100px!important;
}

@media screen and (max-width:1024px) { 
#container_CheckoutLayout .logo1 { width:220px!important;  top:-80px!important; }
}
@media screen and (max-width:645px) { 
#container_CheckoutLayout .logo1 { width:220px!important;  top:-80px!important; }
}
@media screen and (max-width:600px) { 
#container_CheckoutLayout .logo1  { width:220px!important; top:-90px!important;  }
}
@media screen and (max-width:400px) { 
#container_CheckoutLayout .logo1 { width:200px!important;  }
}
@media screen and (max-width:355px) { 
#container_CheckoutLayout .logo1  {    width: 165px !important; top:-80px!important;  }
}




/*Distance betweeen main categories */

#header #headerRow2 .departmentButton > span { padding: 0 20px;}
/* Sale nav */
#header #headerRow2 #departmentButton_514501 {
background: #a50d06; 
}


#quickLinksBar .basicMenu > h3 { background: #6a6968; }
	@media screen and (min-width:600px) {
		#page #departmentsMenu {
			background-color: #6a6968!important;
		} /* Nav background colour - Now on brand */
		}
		
@media screen and (max-width:600px) {
		#headerRow2 { background: #931020; } 	
		}
		
		#departmentsMenu li { border-right:1px solid white!important; }		
	
	/* 4.2 Category Buttons */
		.departmentButton {
			background-image: none;
			border: 1px solid #6a6968;
		} /* Category button colour on nav - Now on brand */

		.departmentButton > span {
			border:none;			
			color: #ffffff;
			border-radius:0px;
			
		} /* Category button outline on nav - Now on brand */

	/* 4.3. Category Buttons on hover */
		.departmentButton:hover {
			background-image: none!important;
 			border-color: #6a6968!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 #6a6968; }		
		.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: #6a6968!important;
		} /* Highlight search term - now on brand */
		
		#autoSuggestAdvancedSearch > a {
    		color: #6a6968;
		} /* 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: #6a6968!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/ev/rwdUI.png") repeat scroll -61px -1px!important;
		} /* changes 'filter by' selection cross icon - Now on brand */
				
	
	
		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: #6a6968!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.5. Navagtional buttons */
		
		
		
 /*	6.FOOTER	*/






#footerRow1 > .section > .header > .toggle::before {

content: url("/icons/ev/rwdUI.png");
}



.row.footer.top {
    background: white none repeat scroll 0 0;
    padding: 0.8% 0;
    margin-top: 1.5%;
}
.row.footer.top {
    border-top: 1px dotted #000!important;
    border-bottom: 1px dotted #000!important;
  
}
#footer .subscribe > input {
  border: 1px solid #666;
  margin-right: 1%;
  padding: 11px!important;
  width: 45%;
}

#footer .subscribe > a {
  background: #404041 none repeat scroll 0 0;
  color: white;
  display: inline-block;
  font-weight: bold;
  padding: 10px;
  width: 150px;
}
#footer .tp-widget-wcs {
  
  width: 20%;
}

#footer .tp-widget-wcs .rebranding.light { width:75%; }
#footer .subscribe {
 margin-top:1%;
  width: 59%;
}

@media screen and (max-width:980px) {
#footer .subscribe { width:59%; float:none; margin:auto; }
}

#footer .social_links {
 padding-top:0!important;
  width: 20%;
margin-top:2%;
}

#footer .social_links li {
  float: left;
  list-style: outside none none;
  max-width: 35px;
}
#footer .social_links > ul {
  padding: 0;
}

.row.footer.top {
  background: white none repeat scroll 0 0;
  padding: 0.8% 0;
margin-top:1.5%;
}
#footer .row.footer.links {
padding:1% 0;
}

#footer .row.footer.links li {
  float: left;
  list-style: outside none none;
  width: 33%;
  
}
.row.footer.top > .row.m_width, .row.footer.links > .row.m_width{
  float: none !important;
  margin: auto;

}

#footer .row.footer.links .row p {
  color: white;
  float: left;
  font-size: 16px;
  margin-top: 1%;
  width: 100%;
}

#footer .footer .row { width:100%; float:left; }

@media screen and (max-width:700px) {
#footer .row.footer.links h3 {cursor:pointer;}
}

#footer .row.footer.links h3 {
  color: white;
  font-size: 16px;
  text-align: left;

}

#footer .row.footer.links a {
  color: white;
  display: block;
  text-align: left;
}

#footer .row > hr {
  background: white none repeat scroll 0 0;
  border: medium none;
  height: 1px;
  width: 60%;
}
#footer .tp-widget-wrapper.visible {
  height: 67px;
}
.row._col3 {
  float: none !important;
  margin: 0 auto;
  width: 78% !important;
}


.row.partners {

  float: left;
  width: 100%;
  padding:0.5% 0;
}

.row.partners .m_width {
    float: none !important;
    margin: auto;
    width: 100%;
}

._col3 {
  float: left;
  width: 65%;
}

._col2 {
  float: left;
  width: 30%;
}
.row.partners.safeandsecure, #footer .row.footer.links { background:none!important;}
div#container_Homepage .homepage_footer.row { display:none;  }
._col3 li {
  float: left;
  list-style: outside none none;
  width: 33%;
}
.row.m_width * { color:#444!important; }

.column_menu  { float:left; width:29%;    }
.s1 { color:#777; margin-top:8%; }
.column_menu.menu3 div.catList[style*="top"] { position:relative; }
.row.m_width, #header { max-width:1280px; margin:auto; }

#headerWrapper, div[class="row partners"], .header_wrapper_position { max-width:100%!important; }
.m_width { max-width:1280px!important; }
#footer .subscribe > a { color:white!important; }


/*Category Pages */

#content .collapsible > h3::before, .categoryNavWidget.collapsible > h3::before, .linkWidget.collapsible > h3::before {
content: url("/icons/ev/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: #6a6968;
			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: #6a6968 #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 #6a6968;
		} /* Now on brand */
		
		#wishlist {
    		border: 2px solid #6a6968;
		} /* 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: #6a6968;
			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: #6a6968 #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 */

		
		
		.button_primary, .button.primary, .basicButton, .basicButton > span, .button_primary > .button_text {
    		background-image: linear-gradient(#931020, #931020 )!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/ev/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/ev/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/ev/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: #6a6968!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: #931020!important;
		} /* Price - Now on brand */
		
		.product_price .yousave_price span {
			color: #af1e23;
		} /* Styles 'you save' price - now on brand */
		
/*Appears on various price container tags on the site */
.product_price { color:#931020!important;}
		

/* Stock Grid */

#container_FashionProductPageLayout #attributeMatrix .heading { width:40px!important; }	


#container_FashionProductPageLayout #attributeMatrix .cell {
    float: none !important;
    margin: auto;
}
/*Order Change on specified columns - 2008076 */
#page.product_2008076 #container_FashionProductPageLayout #attributeMatrix tr td:nth-child(2) {
  left: 78px;
  position: relative;
}

#page.product_2008076 #container_FashionProductPageLayout #attributeMatrix tr td:nth-child(3) {
  left: 80px;
  position: relative;
}
#page.product_2008076 #container_FashionProductPageLayout #attributeMatrix tr td:nth-child(4) {
  left: -42px;
  position: relative;
}
#page.product_2008076 #container_FashionProductPageLayout #attributeMatrix tr td:nth-child(5) {
  left: -118px;
  position: relative;
}

/*Order Change on specified columns - 1959573*/
#page.product_1959573 #container_FashionProductPageLayout #attributeMatrix tr td:nth-child(2) {
  left: 88px;
  position: relative;
}

#page.product_1959573 #container_FashionProductPageLayout #attributeMatrix tr td:nth-child(3) {
  left: 0px;
  position: relative;
}
#page.product_1959573 #container_FashionProductPageLayout #attributeMatrix tr td:nth-child(4) {
  left: -83px;
  position: relative;
}



		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: #6a6968!important;
		} /* Add to wishlist button text - now on brand as per secondary button */
			
		.created_list {
    		background: transparent url("/icons/ev/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: #6a6968!important;
		    border-radius: 0px!important;
		    border-top: 2px solid #6a6968!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/ev/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/ev/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/ev/fancybox_sprite.png")!important;
		}
		
	/* 10.7. Availability and Quantity Section */
		.available > .sublist {
			padding-left: 0!important;
			
		} /* Aligns stock logo neatly */

		



	

	
/*11. CHECKOUT*/

#container_CheckoutLayout #WC_StandardLoyaltyCheque_div_2:before { content: "Gift Voucher? Redeem it here..."!important; } 
	/* 11.1. Text */
		.breadcrumb_current, #breadcrumb .on {
    		color: #6a6968;
		} 
		
		.dropdown_primary > .button > .content {
    		color: #6a6968;
		} /* 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: #6a6968!important;
		} /* Breadcrumb title - MNow on brand */
		
	/*11.3. Shipping Information */	
		#box .main_header {
    		background: rgba(0, 0, 0, 0) url("/icons/ev/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/ev/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/ev/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/ev/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/ev/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 */
		


/* tidy category banners put on by activities */

#container_DefaultCategoryPageLayout h1 {
visibility:hidden;
}

#container_DefaultCategoryPageLayout div[id*="contentRecommendationWidget_4"] li{
width:100%!important;
}


#container_DefaultCategoryPageLayout div[id*="contentRecommendationWidget_4"] li:first-child {
width:0px!important;
}

#container_DefaultCategoryPageLayout .carousel.padding-true > .content {
    margin:0px!important;
}

#container_DefaultCategoryPageLayout div[id*="PageHeading_4"] {
height:0px!important;
padding:0px!important;
margin:0px!important;
}

#container_DefaultCategoryPageLayout div[id*="contentRecommendationWidget_4"]  {
    margin: 0px!important;
padding:0px!important;
margin-top:1%!important;
}



/********************START FOOTER*/









@media screen and (max-width:980px) {
#footer .subscribe { width:59%; float:none; margin:auto; }
}

#footer .social_links {
 
  width: 20%;
}

#footer .social_links li {
  float: left;
  list-style: outside none none;
  max-width: 35px;
}
#footer .social_links > ul {
  padding: 0;
}

.row.footer.top {
  background: white none repeat scroll 0 0;
  padding: 0.8% 0;
margin-top:1.5%;
}
#footer .row.footer.links {
background-color:#9eb5b8;
padding:1% 0;
}

#footer .row.footer.links li {
  float: left;
  list-style: outside none none;
  width: 33%;
  
}
.row.footer.top > .row.m_width, .row.footer.links > .row.m_width{
  float: none !important;
  margin: auto;

}

#footer .row.footer.links .row p {
  color: white;
  float: left;
  font-size: 16px;
  margin-top: 1%;
  width: 100%;
}

#footer .footer .row { width:100%; float:left; }

@media screen and (max-width:700px) {
#footer .row.footer.links h3 {cursor:pointer;}
}




#footer .row > hr {
  background: white none repeat scroll 0 0;
  border: medium none;
  height: 1px;
  width: 60%;
}
#footer .tp-widget-wrapper.visible {
  height: 67px;
}
.row._col3 {
  float: none !important;
  margin: 0 auto;
  width: 78% !important;
}


.row.partners {
 
  float: left;
  width: 100%;
  padding:0.5% 0;
}

.row.partners .m_width {
    float: none !important;
    margin: auto;
    width: 100%;
}


._col3 {
  float: left;
  width: 65%;
}

._col2 {
  float: left;
  width: 30%;
}

._col3 li {
  float: left;
  list-style: outside none none;
  width: 33%;
}

img[src*="/icons/ev/footer_logo_sos.png"] {
    width:  85%;
    position:  relative;
    top: 20px;
}
.footer_call { padding-right:0px!important; padding-left:0px!important; }
div[class="row partners"] { float:none!important; max-width:1280px; margin:auto; }
#footer { padding-left:0; padding-right:0; }
.row.partners.safeandsecure { background:#575756; padding-top:1.5%; }
#footer-partner { width:100%; float:left; margin-top:1.2%; }
#footer div[class="row m_width"][data-mobile="true"] #tpwidget1,
#footer div[class="row m_width"][data-mobile="true"]  .social_links { display:none;  }
#footer div.row.m_width.mobile { display:none; }
#footer div.row.m_width.mobile.active { float:left!important; }
#footer div.row.m_width.mobile.active { display:block; margin-top:1.5%;}
#footer div.row.m_width.mobile.active .tp-widget-wcs,
#footer div.row.m_width.mobile.active .social_links { width:auto; float:left; }
#footer .row.m_width.mobile .mobile.contents { margin:auto; float:none; }
#footer span.charges { display:block; font-size:11px;   width:100%; text-align:center; }
#footer-partner ._col2 p { margin-top:8%; }
@media screen and (max-width:700px) {
#footer img[src*="footer_logo_sos.png"] {top:5px; }
#footer-partner ._col2 p  { line-height:15px; }
#footerRow1 h3 { text-align:left!important; }
.row.partners.safeandsecure { padding-top:5%; }
#footer #footerRow1 > .section {
    padding: inherit!important;
     text-align: inherit!important;
     vertical-align:inherit!important;
     padding-right:inherit!important;
    padding-left: inherit!important;

}

#footer-partner { width:100%; float:left; margin:5% 0 3% 0; }
#footer-partner ._col2 p { font-size:12px;margin-top:8%; }
}
.footer_call { margin-bottom:0px!important; }

.row.partners.safeandsecure li { list-style:none; float:left; }
.row.partners.safeandsecure  ._col2 ul,.row.partners.safeandsecure  ._col3 ul { padding:0; }
.row.partners.safeandsecure ._col2 { width:76%; margin:auto; float:none; }
.row.partners.safeandsecure  ._col3 li,.row.partners.safeandsecure  ._col3 { width:100%; }
.row.partners.safeandsecure  ._col3 li img { display:block; margin:auto; }

.row.partners.safeandsecure  ._col2 ul { display:  block;    margin:  auto!important;   width: 55%; }
.row.partners.safeandsecure ._col2 { width:100%; position:relative; top:-10px; }


@media screen and (min-width:755px) {
.row.partners.safeandsecure ._col2 ul { float:left; }
.row.partners.safeandsecure ._col3 { width:38%; float:right; }
.row.partners.safeandsecure li { width:44%; float:left; }
.row.partners.safeandsecure .m_width { max-width:1140px; }
}


@media screen and (max-width:755px) {
.row.partners.safeandsecure li { width:44%; }
#footer .subscribe { width:100%; }
.row.partners.safeandsecure .payments { max-width:60%; }
#footer .subscribe { float:none; margin:auto; }
#footer div.row.m_width.mobile.active #tpwidget1 { margin-right:10px; }

}
@media screen and (max-width:715px) {
.row.partners.safeandsecure ._col2 li { width:49%; }
.row.partners.safeandsecure ._col3 li img { width:75%; }
}

@media screen and (max-width:700px) {

#footer .row.footer.links a { display:none; }
#footer li.expand.active a { display:block!important; }


}





/* Hide - Show Mobile Carousel */

#container_homepage #contentRecommendationWidget_2_-1012_3074457345618323404 {
    display:none;
}

@media screen and (max-width: 500px) {
    
  #container_homepage #contentRecommendationWidget_2_-1012_3074457345618323404{
    display:block;
      
      
      
}
    
    
    #container_homepage    #contentRecommendationWidget_aurora_slider{
        display:none;
    }
  
}



a.dividoprod {
    font-size: 50px;
}

@media screen and (max-width:700px) {
#footer .row.footer.links h3 {cursor:pointer;}
}

#footer .row.footer.links h3 {
  color: white;
  font-size: 16px;
  text-align: left;

}
@media screen and (max-width:700px) {
#footer .row.footer.links li { width:100%!important; }
#footer .row.footer.links h3, #footer .row.footer.links a {     margin: auto;
    width: 50%;
min-width:220px;
    
}
#tpwidget1 { width:45%!important; float:none; margin:auto; }
#footer .social_links {
    width: 25%!important;
    margin: auto;
    float: none;
}
#footer .tp-widget-wcs .rebranding.light { width:100%!important; }
#footer .subscribe p[style] { padding:3%;}
.mobile.great { margin-bottom:15px; }
#footer .row.footer.links a { text-indent:8%; font-size:14px; }
}

