@charset "utf-8";

/*
 *-----------------------------------------------------------------
 *THIS STYLESHEET IS USED FOR ALL 9 WEBSITES
 
 * Changes in here affect all sites
 * This stylesheet was created so each website can share the same rule
 * Brand specific colors go in the brand css files.
 * Changes to the structure of the site go here 
 * CSS is strutured via page layout (if applicable) & EMS/Global
 * Rules are rewritten and not short handed in order to maintain readability
 * Ensure rules are commented when their name is not obvious
 * Reduce important tag useage
 * Do not apply source formatting to this document
 *-----------------------------------------------------------------
 */
 
/* CSS Document */

/*Global */

/*Start Temporary Rules  11/10/17 */
form#productsFacets fieldset[id*="ByRoom"] {
    display: none;
}

div.RibbonAdDefault.Made.in.Britain {
    display: none;
}
/*End Temporary Rules  11/10/17 */

#page {	max-width:1280px;	margin:auto;	} 
body {	color: #666666;	line-height: 24px;	font-size: 16px;}
h3 {	font-size: 12px;	font-weight: bold;}

iframe[src*="www.scottsandco.com"], #s2-main-iframe {	display:block!important;}


.col6.acol12.slot3 h1[role="main"], .col12.slot14 h1[role="main"] { display:none; }

a:hover, a:active, a:focus { outline:0;}
.valign { display:table-cell; vertical-align:middle; }

*:focus { outline:0; }
input[type="text"],input[type=""],input[type="password"],input[type="email"] {padding:5px 10px; 	}
select,select option { text-indent:0px; } 
.button_primary { border-radius:0px; padding:10px 20px; font-size:16px;  }
.button_secondary { border-radius:0px; border:none; padding:7px; font-size:16px; }
div.header_wrapper_position { background-color:unset; } 

p[data-promotion-used="offerCode_SFYD"] strong { display:none; }





.orderitem_nominated_text { border:none; }




div.Ribbons > div { font-size:0px!important; }
div[data-ribbon-child]:after {
content:attr(data-ribbon-child);
font-size:14px;
}


div.Ribbons {  position:absolute; bottom:0px; width:100%; }
div.Ribbons .RibbonAdDefault { position:static; }
.product .RibbonAdDefault, .image_container .RibbonAdDefault {width: 65%;} 
.catalogEntryRecommendationWidget .RibbonAdDefault {display: none;} 

@media screen and (min-width:600px) { 
div[id*="ProductPageLayout"].rowContainer .image_container div.Ribbons { bottom:45px; }
}
@media screen and (max-width:600px) { 
div[id*="ProductPageLayout"].rowContainer .image_container div.Ribbons { bottom:15px; } 
}



/***************************************************/
/*               SIGN IN PAGE [No Layout]
/****************************************************/
div#WC_AccountDisplay_div_24.button_align #WC_AccountDisplay_links_3 .button_text { font-size:0px!important; }
div#WC_AccountDisplay_div_24.button_align #WC_AccountDisplay_links_3 .button_text:before { content:"Click here to create an account"; font-size:16px!important; }

form#Logon div.note_welcome_secure { font-size:0px!important; }
form#Logon div.note_welcome_secure:before {
content: 'Enter your registered Scotts & Co. account email address';
font-size:16px!important;
line-height:16px;
}


/*
form#Logon div.note_welcome_secure::after {
  content: "(Please see below to identify which brands form part of your Scotts & Co. account)";
  display: block;
  font-size: 14px !important;
  font-style: italic; 
}*/


/*Reads 'Username:' */
form#Logon label[for="WC_AccountDisplay_FormInput_logonId_In_Logon_1"] {
font-size:0px!important;
}

form#Logon  label[for="WC_AccountDisplay_FormInput_logonId_In_Logon_1"]:before {
content:'Email Address:';
font-size:16px;
}

#contentESpotReg .row.companies img[src="/icons/sos/storelogo.jpg"] { position:  relative; top: 7px; }
#contentESpotReg .row.companies img[src="/icons/ac/logo.jpg"] { position:  relative; top: 9px; }
.row.companies img[src="/icons/rw/storelogo.jpg"] { position:  relative; top: 11px; }
.row.companies img[src="/icons/art/storelogo.jpg"] { position:relative; top:9px; }
#contentESpotReg p { text-align:left; }
h4.companies {  margin-bottom: 4%; text-align:left; font-size:24px; }
.row.companies.top { margin-top:2%; }
.row.companies  img {  height: 55px;  margin: 8px;  padding: 0; }
@media screen and (max-width:800px) {
	.row.companies  img {
	  height: 45px;
	}
}


#container_SecureCheckoutLayout #customers_new_or_returning #WC_CheckoutLogonf_div_4 > p:nth-child(4)::after {
  content: "Please note, Username/Email is the email address you originally registered with.";
  font-size: 14px;
display:block;
}  







div#WC_AccountDisplay_div_23.align span.text_body { font-size:0px!important; }
div#WC_AccountDisplay_div_23.align span.text_body:before {
    font-size: 16px!important;
    line-height: 16px;
    content: "If you haven't bought from Scotts of Stow or another Scotts & Co. brand before simply click the button below to create your Scotts & Co. account.";
}

a#WC_AccountDisplay_links_2.button_primary, a#WC_AccountDisplay_links_3.button_primary { padding:10px 15px; }

p.forgot_password_link_padding a#WC_AccountDisplay_links_1 { color:#666; }

.sign_in_registration .align { min-height:305px; }

@media screen and (min-width:900px) {
	
.sign_in_registration { 
max-width:880px;	
}

.sign_in_registration .header_return { width:49%; max-width:100%; }

.sign_in_registration .header_new { width:49%; }

}

/*Username field */
input#WC_AccountDisplay_FormInput_logonId_In_Logon_1 { height:30px; }
/*Password field */
input#WC_AccountDisplay_FormInput_logonPassword_In_Logon_1 { height:30px; }

/*Where systems JS sets the height so both stack the same, error message on form renders the box incorrectly */
form#Logon #WC_AccountDisplay_div_7 { height:auto!important; }

/*Username and password field are the same width */
#WC_AccountDisplay_FormInput_logonId_In_Logon_1,
#WC_AccountDisplay_FormInput_logonPassword_In_Logon_1 { width:195px; }





/***************************************************/
/*              MY ACCOUNT [No Layout]
/****************************************************/


div.header.bottom_border > span {
    font-size: 120% !important;
    font-weight: bold !important;
}



/*at mobile range add in the following - to make it clear the top header is interactive */
@media screen and (max-width:600px) {
#MyAccountLinks.content div#contentLinks.content_section.section.active span.header_title.left:after {
content: ' -'	
}
#MyAccountLinks.content span.header_title.left:after {
	content: ' +'
}
#MyAccountLinks .MyAccountLinkButton[data-expand="true"] span[class="header_title left"]:after {
	content: ' -'
}

/*Make order history legible JW*/
.my_account .order_status_table {
	font-size: 12px;
	}
/*Make order history legible JW*/
.my_account .button_primary {
	padding: 5px;
	}
}






/*View details on orders placed */
/* div#OrderStatusDetailsDisplayExt_option_button_1_1 a#WC_OrderStatusDisplay_Link_2b_1.button_primary  { padding:10px 15px; } */
/* AVATAR - First button in Order History - My Account */

/***************************************************/
/*              MY ACCOUNT - ADDRESS [No Layout]
/****************************************************/

/*Shows a list of all addressed saved */
div#WC_AjaxAddressBookForm_div_1 select#addressId { height:40px; }

/*vertical align option fields for desktop */
div#WC_AjaxAddressBookForm_div_1 option::before {
    content: "";
    display: inline-block;
    height: 40px;
    vertical-align: middle;
}
/*Vertical alignment for option field */
div#WC_AjaxAddressBookForm_div_1 option {
    display: block;
    height: inherit;
    margin: auto 3px;
    vertical-align: middle;
    width: inherit;
}
/*Country field */
div#WC_AjaxAddressBookForm_div_1 select#country {
min-height:40px;	
}

/*Hide existing text */
div#WC_AjaxAddressBookForm_div_1 div#WC_AddressBookAddressEntryFormf_div_7.column > div#WC_AddressBookAddressEntryFormf_div_7 { font-size:0px; }

/*Change house/name no to read address */
div#WC_AjaxAddressBookForm_div_1  div#WC_AddressBookAddressEntryFormf_div_7.column > div#WC_AddressBookAddressEntryFormf_div_7:before { font-size:16px; content:'Address'; }


div#WC_AjaxAddressBookForm_div_1 input { min-height:30px; }
/*Reset rule in legacy1_1.css */ 
div#WC_AjaxAddressBookForm_div_1 .column { margin-top:0 }

/*Print Button on order details page */
.right_column div#WC_OrderShipmentDetails_div_31_1 { margin-top:-50px; }

/*Order History*/
/*View Details Button Text */
@media screen and  (min-width:600px) {


#ProcessedOrdersStatusDisplay div.button_text_view_details {
font-size:13px;
}
#ProcessedOrdersStatusDisplay a.button_primary { padding:10px 15px; }
}

/*Order history table on mobile - turn 5 columns into 4 and overlay button anchor on table row - this change improves usability*/
@media screen and (max-width:600px) {
/*Rows are relative */
#ProcessedOrdersStatusDisplay table tr { position:relative; }	

/*Extend width of columns */
#ProcessedOrdersStatusDisplay .order_status_table .ul .li { width:23%; }
/*button is full width of row */
#OrderStatusDetailsDisplayExt_option_button_1_1 a.button_primary {  top:0px; left:0px; opacity:0; width:100%; height:100%; padding:0;    }
/*Reset Rules in common1_1.css */
.container_content_leftsidebar > .left_column, .container_content_leftsidebar > .right_column { width:100%; }	
/*Create a virtual button so users know the element is clickable */
#ProcessedOrdersStatusDisplay table tr.ul.row::after {
  background-color: #ccc;
  color: #1b1b1b;
  content: "View More Details";
  font-size: 12px;
  line-height: 30px;
  text-align: center;
  width: 100%;
}
}


/***************************************************/
/*               FORGOT PASSWORD [No Layout]
/****************************************************/
a#WC_PasswordResetForm_Link_2.button_primary { padding:10px 15px; }

/*Password has been reset button confirmation page */
a#WC_PasswordResetDisplay_Link_1.button_primary { padding:10px 15px; }

/*Change your password */
a#WC_PasswordUpdateForm_Link_1.button_primary { padding:10px 15px; }

.sign_in_registration .forgot_password_content { font-size:16px; }

label[for="WC_PasswordResetForm_FormInput_logonId_In_ResetPasswordForm_1"] { font-size:0px; }
label[for="WC_PasswordResetForm_FormInput_logonId_In_ResetPasswordForm_1"]:before { font-size:16px; content:'Email Address'; }

#WC_PasswordResetForm_Link_2[onclick*="isValidForgotenPassword"] div.button_text { font-size:0px!important;}
#WC_PasswordResetForm_Link_2[onclick*="isValidForgotenPassword"] div.button_text:before { font-size:16px!important; content:'Continue'; }

.forgot_password_content#WC_PasswordResetForm_div_6 #WC_PasswordResetForm_div_7 > span.strongtext { font-size:0px }
.forgot_password_content#WC_PasswordResetForm_div_6 #WC_PasswordResetForm_div_7 > span.strongtext:before { font-size:16px; content:'Type your email address in the field below to reset your password'; }

.forgot_password_content#WC_PasswordResetForm_div_6 #WC_PasswordResetForm_div_7 > div.text_medium { font-size:0px; }
.forgot_password_content#WC_PasswordResetForm_div_6 #WC_PasswordResetForm_div_7 > div.text_medium:before { font-size:16px; content:"Please enter your email address below and we'll email you a new password. If you are a registered customer with any of our Scotts & Co. brands you can log on to your account using the same email address and password."; } 

/***************************************************/
/*               EMAIL ME
/****************************************************/


#container_EmailMePageLayout #content_email .box_registration { width:100%!important; margin-left:0px; }
#container_EmailMePageLayout select { padding:5px 5px!important; } 
#container_EmailMePageLayout  #box_email .box_request_email .form .content { border:none; }
@media screen and (max-width:1030px) {
	#container_EmailMePageLayout .label_email_me { width:100%!important;}
	#container_EmailMePageLayout .select_email_me { padding-left:0!important; }
	#container_EmailMePageLayout #WC_UserRegistrationAddForm_div_40_1 { float:left!important; }
	#container_EmailMePageLayout .box_registration .input_width100 { width:80%!important; }
	#container_EmailMePageLayout #box_email .box_request_email .form .content { width:90%!important;  }
}
@media screen and (max-width:600px) {
#container_EmailMePageLayout #content_email { margin:0; }	
}


/***************************************************/
/*               WISHLIST [No Layout]
/****************************************************/

 a#WC_WishListDisplay_links_1.button_secondary { padding:10px 15px; }
 a#WC_CatalogEntryDBThumbnailDisplayJSPF_312983_links_1.no_float.button_primary { padding:10px 15px; }
 

#WC_WishListResultDisplay_div_5 .mh_button {
height: 40px!important;
}

#WC_WishListResultDisplay_div_5 .button_primary > .button_text {
padding: 5px 10px;
}


#wishlist a#WC_WishListDisplay_links_1.button_secondary {
padding: 10px 4%;
}

#wishlist .button_secondary {
display: block;
width: 90%;
}
#wishlist .button_secondary .button_text {
display: block;

}

.my_account_wishlist .deleteLink.hover_underline {
display:block;
margin-top:20px;	
}

/*Share wish list move - move the pagination line under the product shared items - reads 'Displaying products 1 - 1 of 1 ' */
#four-grid, #four-grid-wishlist, #four-grid-espot {
margin-bottom:25px;	
}


div.widget_site_popup > .middle > .content_left_border > .content_right_border > .content .footer .button_container {
                padding: 10px;
}

div.widget_site_popup > .middle > .content_left_border > .content_right_border > .content .footer {
                height: auto; /* change */
                overflow: hidden; /* new */
                padding: 10px 0;
}



 
 /*Ammends to images and column layout */
 #four-grid-wishlist .img > a > img { height: auto!important; }
 /*This resets the dynamic height on the wishlist containers */
 #four-grid-wishlist .img {	height: auto !important;	}


 @media screen and (min-width:600px) {
	#four-grid-wishlist .img {	width: 200px; 	}
	 #WC_WishListDisplay_div_5 input,  #WC_WishListDisplay_div_5 textarea  {width: 88%;}
 }
 @media screen and (max-width:600px) {
	#four-grid-wishlist .img {	width: 100%;	}
	/*share wislist form */
	 #WC_WishListDisplay_div_5 input {width: 92%;}
 	 #WC_WishListDisplay_div_5 textarea {width: 97%;}
	 
	 /*Close Icon for removing product added to wishlist */
	 .my_account_wishlist .deleteLink.hover_underline .remove {
		 position:relative;
		 top:8px;
	 }

 }


#container_QuickShopPageLayout  .col6.acol12[data-slot-id="2"] {    width: 100%; }
#container_QuickShopPageLayout a#WC_QuickOrderForm_link_1.button_primary { padding:10px 15px; }
#container_QuickShopPageLayout input { padding:10px 15px; font-size:140%; }
#container_QuickShopPageLayout a#WC_QuickOrderForm_link_3.button_secondary  { padding:10px 0px;}
#container_QuickShopPageLayout #quick_order .line_number { line-height:50px; }
#container_QuickShopPageLayout #quick_order > span { float:left; margin:20px 0 0 0 }
#container_QuickShopPageLayout .SKU_field { display:block; } 
#container_QuickShopPageLayout small.error { float:left; width:200px; }
#container_QuickShopSummaryPageLayout .sublist > span[id*="InventoryStatus_"] { display:block; }
div#MQuickOrderSumaryForm img[id*="InventoryStatus_OnlineStatus_Img"] { display:none; }
div#MQuickOrderSumaryForm span[id*="offerPrice_"]:before { content: ' '; }
@media screen and (min-width:400px) {
#container_QuickShopPageLayout #WC_QuickOrderForm_div_13 { position:relative; max-width:300px; width:100%; }
#container_QuickShopPageLayout #WC_QuickOrderForm_link_3 {    position: absolute;    right: 0; }
}
@media screen and (max-width:600px) {
#container_QuickShopPageLayout #quick_order 	{ padding:0 }
}
#directSmileDialog #dsPreviewImage { max-width:305px; }
div#container_BasketPageLayout.rowContainer  div.col8.acol12.left > div.col12.acol12 .content_wrapper_position { position:relative; padding-bottom:25px; }
div#container_BasketPageLayout.rowContainer  div.col8.acol12.left > div.col12.acol12 .content_wrapper_position .main_content  { position:relative; }
div#container_BasketPageLayout.rowContainer .security_box { margin-top:20px; }
#container_BasketPageLayout  a#shopcartCheckout.button_primary { padding:10px 15px; }
#container_BasketPageLayout a#WC_PromotionCodeDisplay_links_1.button_primary { padding:10px 15px; }
#container_BasketPageLayout input#promoCode.input { padding:10px 15px; height:23px; position:relative; z-index:10;}
#container_BasketPageLayout a#WC_BreadCrumbTrailDisplay_links_2a.button_secondary { padding:10px 15px; }
div.button_container a#directSmileSave.button_primary.tlignore { padding:15px 30px; margin:10px;  }
form#DirectSmileForm_1540016 div.selector div input { padding:10px 20px; }
#container_BasketPageLayout #total_breakdown { width:100%; }
#container_BasketPageLayout #total_breakdown #promotions {  padding-top:0; margin-left:5%; }



/*This is for the button on the basket page */
#container_BasketPageLayout div#basketShopcartCheckoutButton {
  bottom: -15px;
  position: absolute;
  right: 11px;
}

/* This hides the secondary button that sits in the breadcrumb div on mobile device - overwrites generic style.css line 1857 // JW amend */
@media (max-width: 600px) {
.no_show_desktop{display: block;}
}

/*Major change* - move continue shopping to the bottom left - there are two instances of this button */
 
#container_BasketPageLayout div#continueShoppingButton { position:absolute; bottom:-15px; left:0px; }
/*Where buttons are close to overlap move continue shopping further down */
@media screen and (max-width:550px) {
	#container_BasketPageLayout div#continueShoppingButton  {
	bottom:-40px!important;	
	}
}
#container_BasketPageLayout #continueShoppingButton_footer.no_show_desktop { display:none; }


/*Overwrite legacy1_1.css - this was set to visible as the button is not visible */
#container_BasketPageLayout #continueShoppingButton.no_show_mobile { display:block; }

/*Systems JS hides this button but some browsers still display it, this ensures this button is always removed */
#container_BasketPageLayout #continueShoppingButtonOrderItem.no_show_desktop  { display:none; }


/* When not signed in align button right - reads continue to secure checkout */

#container_SecureCheckoutLayout .new_returning_button #LoginWithAmazon { text-align:center; }

#customers_new_or_returning .new_returning_button #WC_CheckoutLogonf_div_3 .button_text { font-size:0px!important; }
#customers_new_or_returning .new_returning_button #WC_CheckoutLogonf_div_3 .button_text:before { font-size:16px!important; content:"Click here to create an account"; }
#customers_new_or_returning .new_returning_button #WC_CheckoutLogonf_div_3 a { display:block; width:235px; margin:auto; }
#customers_new_or_returning .new_returning_button { width:80%; }
#container_BasketPageLayout #WC_CheckoutLogonf_div_9 > #shopcartCheckoutButton { float:right }




@media screen and (min-width:1080px) {
/*promotional text on basket - "10% off your order */	
.discount.hover_underline {
  display: inline-block;
  margin-left: 100px;
  width: 100%;
}	
}
/*This is to correct the layout if products are displayed down the right column:
product recommendations - when using slot 4 in layout this media query effects both the basket
 data widget and the continue shopping absolute position button */
@media screen and (max-width:900px) {
#container_BasketPageLayout	.col8.acol12.left { width:100%; }
#container_BasketPageLayout	.col4.acol12.left[data-slot-id="4"] { width:100%; }

}






/*Add promotional code text */
#PromotionCodeForm::before {
	
content: 'Enter your Offer Code here (e.g. SOS16)';
display:block;
text-align:left;	
font-weight:bold;
}

#PromotionCodeForm[role="inactive"]::before {
content: ''!important;	
}

/*Hide the label */
#PromotionCodeForm label[for="promoCode"] { display:none; }
/*Text box*/
#PromotionCodeForm  input#promoCode {    height: 15px;    width: 100px; padding:13px 0; text-indent:5px; }

.promo.notify {
  border: 1px solid green;
  display: none; 
  position: absolute;
  max-width: 360px;
  width:100%;
  background:#ffff99;
  margin-top:5px;
 z-index:2;
}
.promo.notify  p {
  font-size: 14px;
   padding: 10px;
  text-align: center;
}
.promo.notify .close {
position:absolute; top:2px; right:2px; cursor:pointer;	
}
.promo.notify a {
  text-decoration: underline;
}
#total_breakdown .promotion_input{ float:left; }
#total_breakdown .promotion_button { float:left; }

#total_breakdown .promotion_used { margin:15px 0; }

@media screen and (min-width:600px) {
	#PromotionCodeForm::before {
		max-width:330px;	
	}
	
}

@media screen and (max-width:600px) {
	/*Quantity input box prevent text overlapping field */
	#container_BasketPageLayout input#qty_ { display:block; width:100%; float:left; }
	/*Quantity label move to left: quantity | 1 */
	#container_BasketPageLayout label[for="qty_"] { float:left; }
	
	
	/*This will move the button into the basket box so it does not overlap the continue shopping button */
	#container_BasketPageLayout div#basketShopcartCheckoutButton {
		bottom: 55px;   
		right: 6%;
	}

}



/*order shipping billing button*/
#PromotionCodeForm .button_primary {  
    margin-left: 25px;
    
}
/*basket page promo button*/
#container_BasketPageLayout #PromotionCodeForm .button_primary {  
    margin-left: 55px;
    
}

#container_BasketPageLayout div[id*="LogosAndLorries_"].product_logos div[id*="product_no_express_"].product_logo_express span.text { display:none; }




/***************************************************/
/*    BASKET - REVIEW ATTRIBUTES
/****************************************************/

/*Mobile - edit attributes embed box, this is not in a media query - allow for desktop testing & meet higher screen size  phones */
 
 /*Remove other views text */
#container_BasketPageLayout  div[id*="quickinfoAngleImagesArea"] > h1 { display:none; }

/*Angle images - remove border */
#container_BasketPageLayout div.widget_mini_quick_info_popup > .content > .left_column > .other_views ul li { border:none; margin-bottom:15px; }

/*product description buttlet points - add leading */
#container_BasketPageLayout div.widget_mini_quick_info_popup div.right_column > ul > li { line-height:20px; }

/*product description*/
#container_BasketPageLayout div.widget_mini_quick_info_popup > .content > .right_column p { line-height:22px; }

#container_BasketPageLayout #box span.main_header { display:block; width:100%; margin-bottom:15px; }

/*Remove the static width set in common1_1.css to flow content */
#container_BasketPageLayout div.widget_mini_quick_info_popup > .content > .left_column { width:auto; margin:0; }

/*Remove the static width set in common1_1.css to flow content */
#container_BasketPageLayout div.widget_mini_quick_info_popup > .content > .right_column { width:100%; line-height:inherit; }

/*use the full width not 95%*/
#container_BasketPageLayout  div.widget_mini_quick_info_popup > .content > .left_column > .image_container { width:100%; margin-bottom:10px;  }

/*View more details button - give spacing */
#container_BasketPageLayout  a#WC_MiniQuickInfo_Link_viewdetails { margin-top:15px; }

/*spacing around price*/
#container_BasketPageLayout  div.widget_mini_quick_info_popup  .price { line-height:25px; }

/*Remove the default background on primay button */
#container_BasketPageLayout .button_add_to_cart > .button_text { background:none; }

/*main outer container spacing */
#container_BasketPageLayout div.widget_mini_quick_info_popup .content { margin:8px; }


/***************************************************/
/*    BASKET - REVIEW ATTRIBUTES (Desktop only) - Just after body tag
/****************************************************/
/*remove other views text */
#quickInfoPopup #quickinfoAngleImagesArea > h1 { display:none; }
#quickInfoPopup { position:static!important; margin:0; }
div.widget_quick_info_popup > .top, div.widget_quick_info_popup > .middle > .content_left_border,div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border,div.widget_quick_info_popup > .bottom { background:none; }
div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .right_column .close_group .close_text,div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .right_column .close_group .close { display:none; }

/*Product description paragreaph text */
#quickInfoPopup .right_column p { line-height:18px; }

/*Remove angle image border */
#quickInfoPopup ul#quickInfoAngleImagesAreaList li#quickInfoThumbnail1 { border:none; }

/*increase font size and line height on product description */
#quickInfoPopup div.right_column ul li { line-height:20px; font-size:12px; }

/*create spaciing betweem angle images and main image */
#quickInfoPopup #quickinfoAngleImagesArea > ul { margin-top:10px; }

/*Remove css from common1_1.css for background image */
#quickInfoPopup .button_add_to_cart > .right_border,
#quickInfoPopup .button_add_to_cart > .left_border
{ background:none; }

 
 /***************************************************/
/*               GUEST CHECKOUT/REGISTER
/****************************************************/
 /*Remove the fixed height */
 #container_SecureCheckoutLayout { height:auto; }
 #container_SecureCheckoutLayout a#guestShopperContinue { padding:10px 15px; } 
 #container_SecureCheckoutLayout a#guestShopperLogon { padding:10px 15px; }
 #container_SecureCheckoutLayout input[type="text"],
 #container_SecureCheckoutLayout input[type="email"],
  #container_SecureCheckoutLayout input[type="password"] { padding:10px 15px; }
  
  

/*underline the links in the terms and conditions EMS */
#infoGuestRegister a span { text-decoration:underline; }

#divDataProtectionStatement {
	margin-left: auto;
}
#container_SecureCheckoutLayout #WC_CheckoutLogonf_div_1 { visibility:hidden; }

#customers_new_or_returning::before {
  content: "Welcome to our Secure Checkout. Do you have a password?";
  font-size: 24px;
  font-weight: bold;
margin-bottom:25px;
display:block;
}



/*Secure Checkout From basket login page: Username or email*/




label[for="WC_CheckoutLogon_FormInput_logonId"] { 
font-size:0px; 
}

label[for="WC_CheckoutLogon_FormInput_logonId"]:after  {
content: 'Username / Email:'; 
font-size:16px;
font-weight:bold;
}
/*continue secure checkout label */	
label[for="WC_CheckoutLogon_FormInput_logonId"] {
font-weight:bold;
}
/*continue secure checkout label */
label[for="WC_CheckoutLogon_FormInput_logonPassword"] {
	font-weight:bold;
}




/*Forgot password information text appears on continue checkout login (bottom) - JS inserts new text */
a.myaccount_link.hover_underline[href*="forgetpassword"] {
display:none; 	
}
#customers_new_or_returning h2 {
    font-size: 20px;
	margin-bottom:10px;
	width:80%;
	text-align:center;
}	

/*REGISTRATION GUEST REGISTRATION BILLING */

#unregistered_form select option {  height:40px; }
#unregistered_form #billingAddressCreateEditFormDiv_1 > br:first-of-type {
  display: none;
}
div#unregistered_form div#billingCreateEditArea1.col1_bill h2 { padding-bottom:0; }

#unregistered_form option::before {
    content: "";
    display: inline-block;
    height: 40px;
    vertical-align: middle;
}
/*Vertical alignment for option field */
#unregistered_form option {
    display: block;
    height: inherit;
    margin: auto 3px;
    vertical-align: middle;
    width: inherit;
}
/*Title field */
#WC__ShoppingCartAddressEntryForm_billingAddressCreateEditFormDiv_1_personTitle_1 { max-width:280px; width:100%; height:20%;  }



/*Create spacing above mobile phone header */
#unregistered_form  #WC_billingAddressCreateEditFormDiv_1_phone2_div_25 {
    margin-top: 20px;
}

#unregistered_form #WC_billingAddressCreateEditFormDiv_1_address1_div_11 { font-size:0px;  }
#unregistered_form #WC_billingAddressCreateEditFormDiv_1_address1_div_11:before { font-size:14px; content: 'Address';  }
#unregistered_form .error { margin-left:0; }

#unregistered_form input,
#unregistered_form select { border:1px solid #ccc; }

/*Country Field */
#unregistered_form .drop_down_country { height:40px; width:150px; }

#unregistered_form #WC__ShoppingCartAddressEntryForm_billingAddressCreateEditFormDiv_1_personTitle_1 { min-height:40px; width:150px; }

/*Guest Registration form labels */
#unregistered_form .label_spacer { font-size:14px; }
unregistered_form input[type="checkbox"] { margin-right:10px; }
#unregistered_form input { padding:10px 20px; }

#unregistered_form select#birthDate { width:80px; }

#unregistered_form select#birthMonth  { width:80px; }

#unregistered_form select#birthYear  { width:80px; }

#unregistered_form  #WC_UnregisteredCheckout_div_12:before {
	content: 'Delivery Address';
	font-size:14px;
	font-weight:bold;
	display:block;
}

@media screen and (max-width:685px) {
/*Date of birth field remove the margin to decrease width */
#unregistered_form #WC_billingAddressCreateEditFormDiv_1_div_36 select { margin-right:0; }
#unregistered_form #WC_billingAddressCreateEditFormDiv_1_div_36 select option { margin: auto -1px; }
}

@media screen and (max-width:400px) {
#unregistered_form input[type="text"] { width:85%; }
}






/*REGISTRATION NEW CUSTOMER FORM */


/*Reset a width restriction on Date of Birth */
form#Register a#WC_UserRegistrationAddForm_links_1.button_primary { padding:10px 15px; }

form#Register a#WC_UserRegistrationUpdateForm_links_1.button_primary  { padding:10px 15px; }

/*Where an '*' sits in its own div - js ammends text this one hidden */
form#Register div#WC_UserRegistrationAddForm_div_8.form_2column span#WC_UserRegistrationAddForm_div_9.required-field { font-size:0px; }

/*Hide the default label */
form#Register label[for="WC_UserRegistrationAddForm_AddressEntryForm_FormInput_address1_1"] {font-size:0px;	}

/*Create a new label */
form#Register  label[for="WC_UserRegistrationAddForm_AddressEntryForm_FormInput_address1_1"]:before {
content: 'Address';
font-size:14px;	
}

div#WC_UserRegistrationAddForm_div_8 { font-size:0px; }
div#WC_UserRegistrationAddForm_div_8:before { content:"The information marked with * must be completed."; font-size:14px; }
div#WC_UserRegistrationAddForm_div_8 > * { font-size:12px; }
form#Register #WC_UserRegistrationAddForm_NameEntryForm_FormInput_personTitle_1 {  max-width:280px; width:100%; min-height:40px; }
form#Register  .field_info { width:auto; }
form#Register #WC_UserRegistrationAddForm_div_40 { margin-top:3%; float:right; }
form#Register > br{ display:block;  }
form#Register .column { padding:2px 0; margin:0; }
form#Register div.label_my_account { width:100%;  }
form#Register  .column select { min-height:inherit; }

form#Register .drop_down_country { height:40px; min-width:160px; }

/*form heading */
form#Register div#WC_UserRegistrationAddForm_div_8.form_2column > h2 {
font-size:18px;
margin-bottom:20px;	
}


/*All input fields in form */
form#Register input { border:1px solid #ccc; padding:10px 20px; }

/*New address */ 
form#Register  .address input { height:auto; padding: 10px 15px }

/*Error messaging remove margin set in common1_1.css: error message for both forms */
form#Register  select { border:1px solid #ccc; }
form#Register .error { margin-left:0px }

/*Appeara on registration / address details */
form#Register span[class="label_msg"] {
  display: block;
  margin-bottom: 18px;
margin-top:-8px;  
  padding: 0;
  position: static !important;
  width: 100%;
}
/*Date of birth text */
form#Register #WC_PersonalInfoExtension_DOB_div_1  span[class="label_msg"]  {
margin-top:3px;	
}

/*Vertical alignment for option field */
form#Register option::before {
    content: "";
    display: inline-block;
    height: 40px;
    vertical-align: middle;
}
/*Vertical alignment for option field */
form#Register option {
    display: block;
    height: inherit;
    margin: auto 3px;
    vertical-align: middle;
    width: inherit;
}


form#Register input[type="checkbox"] { margin-right:10px; }
/*Date of birth move label down */
form#Register #WC_PersonalInfoExtension_DOB_div_3 { margin-bottom:5px;  }



/* Date of birth fields - date, month year */
form#Register #WC_PersonalInfoExtension_DOB_div_3 > select { height:40px; }

@media screen and (min-width:600px) {
form#Register #WC_PersonalInfoExtension_DOB_div_3 > select { min-width:90px; }	
}
@media screen and (max-width:600px) {
form#Register #WC_UserRegistrationAddForm_NameEntryForm_FormInput_personTitle_1 { min-height:40px; }
form#Register #WC_PersonalInfoExtension_DOB_div_3 > select { min-width:68px; }	
}

@media screen and (max-width:385px) {
/*Do not use full width because of padding */	
form#Register input { width:85%; }	

/*Date of birth field remove the margin to decrease width */
form#Register #WC_PersonalInfoExtension_DOB_div_3 select { margin-right:0; }
form#Register #WC_PersonalInfoExtension_DOB_div_3 select option { margin: auto -0px; }
form#Register #WC_PersonalInfoExtension_DOB_div_3 select option { text-indent:0px;}
}





 /***************************************************/
/*	QUICK LOGIN WIDGET/ Secure checkout  (basket/continue checkout)
/****************************************************/
#container_SecureCheckoutLayout {
  height: auto;
  margin: auto;
  max-width: 1000px;
}

#container_SecureCheckoutLayout #partner_companies {
  border: 1px solid #ccc;
  float: left;
  margin-bottom: 30px;
  width: 100%;
}

/*overwrite a max rule, padding rule width set in commmon1_1.css*/
#container_SecureCheckoutLayout  div.content_wrapper > div.main_content  {	
max-width:100%; 
padding:0;	
}
/*Partner companies spacing between each element */
#container_SecureCheckoutLayout #partner_companies > div {
margin:22px;
height:auto;	
}

#WC_CheckoutLogonf_div_0SecureCheckoutLayout.top_border { float:none; padding:inherit; }

@media screen and (min-width:600px) { 
	/*move form to the right to make it central */
	#container_SecureCheckoutLayout form#AjaxLogon { margin-left:5%; }

	#WC_CheckoutLogonf_div_0BasketPageLayout.top_border  { float:left; padding-right:0; }
	#customers_new_or_returning .new { float:right; border-left:2px dotted #cbcbcb; position:static; 		padding:0 0 0 6%;  }
	#customers_new_or_returning .new {   width: 43% !important;  }
	#customers_new_or_returning .returning {	width: 40%!important; padding:0;	}
	#customers_new_or_returning .returning { border:none;   }
	#customers_new_or_returning input { width:100%; max-width:200px; }
	#customers_new_or_returning .new_returning_button { position:static; }
	/*continue as guest button - make absolute use js offset to align to left input field */
	a#guestShopperContinue { position:absolute; }
	/*Partner companies*/
	#container_SecureCheckoutLayout #scott_companies_col1 { width:40%; }
}
@media screen and (max-width:600px) { 
#container_SecureCheckoutLayout #scott_companies_col1 {
  width: 30%;
}
/*Form never touches the right */
#container_SecureCheckoutLayout  form#AjaxLogon {
width:96%;	
}
}

@media screen and (max-width:450px) {
#container_SecureCheckoutLayout #partner_companies > div { margin:0; }	
#container_SecureCheckoutLayout #scott_companies_col1 { width:100%; }
#container_SecureCheckoutLayout #partner_companies {
  
    
   
    padding: 18px;
    width: 85%;
	margin:auto;
}	
	
} 


/***************************************************/
/*              OrderShippingBillingView
/****************************************************/
#container_ShippingAndBillingPageLayout .textDeliveryMethod br { display:none; }
#container_ShippingAndBillingPageLayout div.product_logos div[id*="product_no_express_"].product_logo_express_shippingnbilling span.text { display:none; }
#container_ShippingAndBillingPageLayout a#WC_PromotionCodeDisplay_links_1.button_primary { padding:10px 15px; }
/*Next primary button*/
#container_ShippingAndBillingPageLayout a#shippingBillingPageNext.button_primary.button_left_padding { padding:10px 45px; }
#container_ShippingAndBillingPageLayout a#WC_ShipmentDisplay_links_5.button_secondary { padding:10px 0px; }
#container_ShippingAndBillingPageLayout .promotion_input input { padding:15px 0; }
#container_ShippingAndBillingPageLayout #total_breakdown { line-height:33px; }



div[data-delivery="express"]:after { content: ' (Next Working Day)'; }
div[data-delivery="priority"]:after { content: ' (2 – 4 Days)'; }
div[data-delivery="standard"]:after { content: ' (5 – 8 Days)'; }

/*hide email on shipping billing, order conf, summary and in my account order history */
.address_email1, .address_telephone { display:none; }


#container_ShippingAndBillingPageLayout div#buttons_adress_details #WC_UnregisteredCheckout_links_4.button_primary { float:right; } 
/*Text do you have a gift card or voucher */

#container_ShippingAndBillingPageLayout .content_text > label[for="numberOfPaymentMethods"] {    font-size: 140%;    line-height: 40px;  }
/*option select field increase padding */
#container_ShippingAndBillingPageLayout select.drop_down_billing,
#container_ShippingAndBillingPageLayout select.drop_down_billing > option { height:45px; padding:0 10px; font-size:16px; }

#container_ShippingAndBillingPageLayout  #balanceEnquiryButton {    padding: 10px 25px; }


/*hide the sms notification message - this must be enabled in management center */
#WC_CheckoutPaymentAndBillingAddressSummaryf_div_5,
#WC_CheckoutPaymentAndBillingAddressSummaryf_div_4.contentline { display:none; }


/*Loyalty cheque */

#lcFormContainer {
  max-width: 220px;
}


#lcResultContainer span#lcChequeValue::before,
#lcResultContainer span#lcRedValue::before,
#lcResultContainer span#lcLeftBalance::before{
	content:'£'
}

#lcResultContainer #lcRedValue { color:green; font-weight:bold; }
#lcResultContainer #lcLeftBalance { color:red; font-weight:bold; }



/*Card details - card expiry heading & Secuity number*/
label[for="cc_date_1"] span,
label[for="cc_cvc_1"] span {  color:#919191; }
/*Card EXP date */
input#cc_date_1 { min-width:85px; height:30px; }
#WC_ShipmentDisplay_div_32_3 {
   font-size:14px;
    display: block;
    max-width: 725px;
}
/*CSV Payment */

#cc_cvc_1 {
    min-width: 70px;
    height: 45px;
    margin-bottom: 10px;
}

 /*promotional input bottom - price and sub total container */
#container_ShippingAndBillingPageLayout #total_breakdown { width:100%; }
#container_ShippingAndBillingPageLayout #total_breakdown #promotions {  padding-top:0; margin-left:5%; }
#container_ShippingAndBillingPageLayout form#PromotionCodeForm div.promotion_used > br:first-of-type { display:none; }

/*Card Number default placeholder text*/


#WC_CheckoutPaymentsAndBillingAddressf_div_2_1 { float:none!important; }

@media screen and (max-width:635px) {
.billing_address_container {
  width: 100%;
}

} 

@media screen and (max-width:600px) {
#container_ShippingAndBillingPageLayout .billing_address_container { width:100%; }
} 





/*Expiry Date */

label[for="payMethodRadio_lc_1"] { margin-right:100px;   }


@media screen and (max-width:1000px) {
	#container_ShippingAndBillingPageLayout #WC_ShipmentDisplay_div_32_3 {
	   	width: 500px;
	}
}
@media screen and (max-width:880px) {
	#container_ShippingAndBillingPageLayout #WC_ShipmentDisplay_div_32_3 {   
		width: 300px;
	}
}
@media screen and (max-width:650px) {
	#container_ShippingAndBillingPageLayout #WC_ShipmentDisplay_div_32_3 {   
    	width: 100%;
	}
}

@media screen and (min-width:995px) {
	#container_ShippingAndBillingPageLayout #lcFormContainer { 
	width:600px;
	}
 }
/*improve rendering on tablet - move button under input field text */
@media screen and (max-width:690px) {
	.cheque_button {
		display: block;
		margin-top:15px;
	}
}


@media screen and (min-width:400px) {
#container_ShippingAndBillingPageLayout #paypalPaymentButton	{ margin-left:30px; }
}




/********************************************************/
/*   (Review Attributes Popup) | (BASKET/ORDER SUMMARY)
/*******************************************************/

/* CHECKOUT – product lightbox, checking product details. JW */
div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .right_column {line-height: 20px  }

#quickInfoPopup .button_add_to_cart > .button_text { background:none!important; float:none!important; }
#quickInfoPopup #WC_QuickInfo_Link_UpdateCartItem { padding:10px 15px; }
#quickInfoPopup a#WC_QuickInfo_Link_viewdetails { margin:16px 0; font-size:16px; }
#quickInfoPopup  .main_header { margin:10px 0 }

#quickInfoPopup span.sku { margin:10px 0; display:block;  }
#quickInfoPopup select,
#quickInfoPopup select option { padding:5px; }



/*JW */
#quickInfoPopup .yousave_price .label_price, #quickInfoPopup .yousave_price .price {
    color: #c00303;
}


/********************************************************/
/*   GIFT WRAP Dialogue Box seen on product page and basket
/*******************************************************/
div[id*="giftWrapPopup"] { background:white; border:2px solid #ccc; }
/*Save Button */
div[id*="giftWrapPopup"] #WC_QuickOrderForm_link_1.button_primary { padding:15px 30px; }
@media screen and (min-width:600px) {
div[id*="giftWrapPopup"] .detail_info_gift > table { min-width:450px; }
}
div[id*="giftWrapPopup"] .char_limit2 { font-size:10px; }
div[id*="giftWrapPopup"]  .right_column  { max-width:450px!important; }


/********************************************************/
/*  INACTIVITY Dialogue Box - visible on all pages
/*******************************************************/
a#inactivityWarningPopupOK { margin-bottom:10px; }
#inactivityWarningPopup .message_text { width:auto!important; }


/***************************************************/
/*              ORDER SUMMARY
/****************************************************/
#container_OrderSummaryPageLayout p[data-promotion-used="offerCode_SFYD"] .span_offer_code { display:none; } 
#container_OrderSummaryPageLayout div[id*="LogosAndLorries_"].product_logos div[id*="product_no_express_"].product_logo_express_shippingnbilling span.text { display:none; }
#container_OrderSummaryPageLayout  a#singleOrderSummary.button_primary { padding:20px 30px;   }
#container_OrderSummaryPageLayout a#WC_SingleShipmentSummary_links_4.button_secondary.tlignore { padding:20px 15px;   }
#container_OrderSummaryPageLayout #WC_SingleShipmentSummary_div_31_1.button_footer_line { float:right;  }

#WC_SingleShipmentSummary_div_13, #WC_CheckoutPaymentAndBillingAddressSummaryf_div_1 { border-top:1px solid #e5e5e5;  }
.row.full.top1 #WC_SingleShipmentSummary_div_31_1 {
    margin-top: 1%;
    margin-bottom: 1%;
}



/***************************************************/
/*              ORDER CONFIRMATION
/****************************************************/

#WC_OrderShippingBillingConfirmationPage_div_25, #WC_OrderShippingBillingConfirmationPage_div_9 { border:none!important; }
div#WC_OrderShippingBillingConfirmationPage_div_13 {
    border-top: 1px solid #e5e5e5;
}
div#container_OrderConfirmationPageLayout div#WC_OrderItemDetailsSummaryf_div_2_1.itemspecs div[id*="LogosAndLorries_"].product_logos div[id*="product_no_express_"].product_logo_express_shippingnbilling span.text { display:none; }
#container_OrderConfirmationPageLayout p[data-promotion-used="offerCode_SFYD"] { display:none; }
#container_OrderConfirmationPageLayout div[id*="LogosAndLorries_"].product_logos div[id*="product_no_express_"].product_logo_express_shippingnbilling span.text { display:none; }
#container_OrderConfirmationPageLayout a#WC_OrderShippingBillingConfirmationPage_Print_Link.button_primary { padding:10px 15px; }
#container_OrderConfirmationPageLayout a#WC_OrderShippingBillingConfirmationPage_links_1.button_secondary { padding:10px 15px; }
/*Hide Email Address */
#container_OrderConfirmationPageLayout  .shipping_address p.profile { display:none; }
#container_OrderConfirmationPageLayout #WC_OrderShippingBillingConfirmationPage_div_4 { padding:25px!important; }


#container_OrderConfirmationPageLayout #WC_OrderShippingBillingConfirmationPage_links_1 { background-image:linear-gradient(white, white) !important}
#container_OrderConfirmationPageLayout #WC_OrderShippingBillingConfirmationPage_div_4 h1 { font-size:16px!important; max-width:700px; }

#container_OrderConfirmationPageLayout #checkout_crumb .crumb p { margin-top:15px; font-size:16px!important; }

#container_OrderConfirmationPageLayout #orderDateParagraph { font-size:16px; }

/* ORDER CONFIRMATION – styling ‘continue shopping’ button JW */
#container_OrderConfirmationPageLayout .button_secondary > .button_text { background: grey; color: #fff !important; padding: 10px 20px; }



/*now save your details text button - appears when completing an order using a temporary address at checkout */

#save_your_details_dialog #LangCurrencyApplyBtnText:before {
font-size:16px;	
}

#save_your_details div * { background:grey!important; }



/***************************************************/
/*             HEADER
/****************************************************/

/*
#headerRow1 Holds: Logo, telephone_MobileEMS, QuickLinks 
#headerRow2 Holds: Main Nav, Searchbox
*/
#header {
	font-size: 16px;
	line-height: normal;
}
#header::before {
	display:none;
} /* Removes yellow strip at very top of page */

#header #headerRow1 ul#quickLinksBar > li {
font-size: 12px;	
}





#header #headerRow1 ul#quickLinksBar #cartDropdown {	border-radius: 0;	font-size: 16px; }


/*menu on hover - becomes active */
#header div#headerRow2 ul#departmentsMenu.active { 
border-top: 0;
}


#header div#headerRow2  a.departmentButton {	margin: 2px 0; border-radius: 0; border: none; margin:0;  }

/*Remove orange border on drop down menu */
#header div#headerRow2 .departmentMenu { border-top:none!important; top:100%; }

#header div#headerRow2 .departmentMenu {
	font-size: 16px;
}
#header div#headerRow2 .departmentMenu > .header {
	font-size: 16px; /* was inherit - Amended to fit brand guidelines on 30.09.15 by Cora Phillips */
}


#header #headerRow2 .subcategoryList > li > a {
    padding: 5px 8px;
}

/* MAIN NAV SEARCH BOX – remove blue outline found in Chrome JW */
#header div#headerRow2 #searchTermWrapper > input:focus {outline-width: 0;}

#header div#headerRow2 #searchFilterButton {
	width: 130px;
}

/*Menu Drop down - convert from uppercase to normal case*/
#header div#headerRow2 .categoryList > li  a[id*="subcategoryLink"] {  font-weight:normal;  }

#header div#headerRow2 .categoryList > li >  a {
text-transform:capitalize;
}
/* if category contains no subcategories give this tag the following: Js assigns tags */ 
#header #headerRow2 #departmentsMenu ul.categoryList li[role="hidden"] { display:none; }
/* if category contains no subcategories add this to tag Extras - set tag is visible*/ 
#header #headerRow2 #departmentsMenu ul.categoryList li[role="hidden"][id*="extras"] { display:inline-block!important; } 


/*Search Bar */
@media screen and (min-width:600px) {
	
	/*changes from inline block to block to correct a spacing issue in navigation */
	#header #headerRow2 div#departmentMenuDivs ul#departmentsMenu > li { display:block; float:left; }
	/*main navigation ul tag, dont let categories stack */
	#header ul#departmentsMenu {  display: block;  float: left;  max-height: 35px;  overflow: hidden;  width: 100%; }
	
	
	#header div#headerRow2 #searchBar {
		width:50%;
		left:48%;
	}	
}



@media screen and (min-width:700px) {
	/* Logo */
	#header #headerRow1 > div {
        height: 150%;  
	}
}


	#header div#headerRow2 #searchBox {
		border-radius: 0;
	} /* Removes rounded corners from search box */
	#header div#headerRow2 .basicMenu.active {
		border-radius: 0px;
	} /* Removes rounded corners on search dropdown */
	/*Category Pages */	
	

/*Mobile Navigation remove underline on headerr links */
@media screen and (max-width:600px) {
	
#header div#headerRow2 ul#departmentsMenu li div.departmentMenu div.header > a.departmentMenuLink	{ text-decoration:none!important; }
#header div#headerRow2 ul#departmentsMenu li div.departmentMenu div.header > a.departmentMenuLink:hover	{ text-decoration:underline!important; }
#header div#headerRow2 ul#departmentsMenu .subcategoryList > li { width:100%!important; }
	
}

/*Main menu drop down - all departments main drop down now have collapsble second level menu, JS recycles existing menu */
@media screen and (min-width:600px)  {
/*Reset new JS ul div */	
#headerRow2 ul#departmentsMenu div[aria-label="All Departments"] .sublevels > ul { padding:0; }
/*Sublevels menu is hidden by default */
#headerRow2 ul#departmentsMenu div[aria-label="All Departments"] .sublevels { display:none; }
/* top level categories */
#headerRow2 ul#departmentsMenu div[aria-label="All Departments"] .sublevels li { list-style:none; line-height:25px; }
/*Hide 3rd level categories */
#headerRow2 ul#departmentsMenu div[aria-label="All Departments"] .sublevels li .subcategoryList { display:none; }	
#headerRow2 ul#departmentsMenu div[aria-label="All Departments"] .sublevels li a.menuLink.subcategoryMenuLink { display:none; }	
#headerRow2 ul#departmentsMenu div[aria-label="All Departments"] .categoryList > li > a { display:inline-block; }
#headerRow2 ul#departmentsMenu div[aria-label="All Departments"] .menu_toggle { padding:5px; cursor:pointer; }
}
@media screen and (max-width:600px) {
#headerRow2 ul#departmentsMenu div[aria-label="All Departments"] .tablet_menu { display:none!important; }	
}


/*HEADERPHONE EMS - NEW */

/*Header telephone is div tag created outside the reponsive header - having it visible breaks the nav */
#header #headerRow1 #telephone { 
	display: none!important;  
}

#header  #headerRow1 span#mobile_EMS {
    text-align: center;
	display:block;
}

#header  #headerRow1 span#mobile_EMS img {
    position:absolute;
	width:26px;
	margin: -3px 0px 0px -30px;
}

#header  #headerRow1 #telephone_Mobile { z-index:2; }
/*END */

#header  #headerRow1 div#quickLinksMenu.active { z-index:2; }
#header #headerRow1  li.separator-false a#quickLinksButton br {
	display:block;
} /* Removes <br> on quick links - words now fit on one line on 12.10.15 by Cora Phillips */

/*The quicklinks link is visble between 600 and 610px */
@media screen and (min-width:600px) {


#header #headerRow1 #quickLinksButton { display:none; }
}
#header #headerRow1 ul#quickLinksBar #LItelephone {
	line-height: 29px; /* Added extra spacing above number in 'quick links' menu on 12.10.15 by Cora Phillips *//*display: none; - Removed so number appears in 'quick links' menu on 12.10.15 by Cora Phillips */
	
}
/*Remove telephone tag- as info is diplayed in footer */
#header #headerRow1 #quickLinksBar > li#LItelephone  {
position:absolute;	
}

@media screen and (max-width:600px) {

	
/*This removed the spacing from header Mobile EMS - which is not currently in use */
#header #headerRow2 { margin-top:10px; }


/*Header Mobile EMS */
	div#quickLinksMenu {
	  margin-top: 10px;
	  
	}	
}
/*END New Change*/
/***************************************************/
/*             FOOTER
/****************************************************/

@media screen and (max-width:700px) {
#footer li[class="expand"] h3:before {
    content: '';
    background: url(/icons/sos/expand-icon1.jpg);
    display: inline-block;
    border: 1px solid white;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-size: 100%;
    position: relative;
    top: 5px;
    left: -5px;
}
#footer li[class="expand active"] h3:before {    
    background: url(/icons/sos/expand-icon2.jpg)!important;
content: '';
 display: inline-block;
    border: 1px solid white;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-size: 100%;
    position: relative;
    top: 5px;
    left: -5px;
   
}
}

#footer {
	padding-top:0px;
	background-image: none!important;
} /*Removes grey background on footer */
#footer div.content {
	border-top:1px solid #ccc;
} /* Give the footer a border  */
#footerRow1 #footerPartnerCompaniesSection { width:auto!important; }

#footerRow1 {
	border:none;
	width:auto;
} /* Remove the default base.css border */
#footerRow1  h3 { font-size:16px; }
#footerRow1 .header { width:165px!important; }
.footer.mobile.row {
	display:none;
	content: "";
} /* This rule has been added to the HTML - on desktop: display:none */
/*div#footerPartnerCompaniesSection.section div.header h3 {
	width:300px;
} set Partner Companies header to fixed width to allow one line of text */
#footerRow1 > .section > .header {
	color: #666666;
} /* Footer header colour - Now on brand  */
#footerRow1 > .section > ul, #quickLinksBar {
	color: #666666;
} /* Footer links colour - Now on brand  */
#footerRow1 div.section.active ul li {
	line-height:300%;
} /*Active footer menu links - Mobile */
#footerRow1 ul li {
	background-image: none;
} /* Removes double arrows in footer */

/*footer always appears at bottom when content without floats could overlap - continue secure checkout page */
#footer_secure_checkout {
	display: none;

}


.footer_call {
    background-color: #fafafa;
    border-bottom: 1px solid #b8b8b8;
    border-top: 1px solid #b8b8b8;
    float: left;
    padding: 5px;
    width: 100%;
    margin-bottom: 10px;
}

@media screen and (max-width:1070px) {

#footer .row1 { width:100%; float:left; }
#footer .row1 > div { float:none; margin:auto; }

#footer .row1 .left { width:540px; }
#footer .row1 .right { width:540px; }
}
@media screen and (max-width:560px) {

#footerRow2 .security { float:none!important; margin:auto; }
#footer .row1 .left { width:100%; }
#footer .row1 .right { width:100%; }

#footer .left li:first-child {
  width: 100%;
}
#footer .left li:nth-child(2) {
  margin-left: 36%;
}




}



		
		
/*6.2. Responsive Footer Links */	

/* 6.3 Payment Logos */
		#footer[role="navigation"] > div > .content > ul > li[style*="width"] {
	width:100%!important;
	display:block!important;
} /* Target the dynamically adjusted CSS width for for the footer li tags */
#footer .prevPageButton[role="button"], #footer .nextPageButton[role="button"] {
	display:none;
} /* Hide the arrows for the footer content */
#footer[role="navigation"] .hidden {
	visibility:visible!important;
} /* Reset the .hidden class within footer */
/* #footerRow2 img {	width:100%; } */
		#footerRow2 ul li {
	list-style:none;
	float:left;
}
#footerRow2 ul {
	margin:0;
	padding:0
}

#footerRow2 .right li:first-child {
margin-left:10%;
}



#footerRow2 {
  border-top: 1px solid #e2e2e2;
  margin-top: 15px;
  padding-top: 20px;
}


@media screen and (max-width:850px) {	
#footerRow1 .footer.mobile.row	{ display:block!important; }
}
@media screen and (min-width:600px) {
	
/*Two HTML Elements in the footer one for desktop one for mobile */	
a.link_desktop { display:inline; }	
a.link_mobile { display:none; }	
}
@media screen and (max-width:600px) {	

#footerCompanyInformationSection.section { padding-top:0!important;  }
	#footerRow1 .header {  width: 100%!important; float:left; }
	#footerRow1 > div { display:block!important; }
	
	/*Two HTML Elements in the footer one for desktop one for mobile */
	a.link_desktop { display:none; }	
	a.link_mobile { display:inline; }
}


		
#footerRow1 > .section > .header > .toggle::before {
  background: rgba(0, 0, 0, 0) url("/icons/ogc/rwdUI.png") repeat scroll -39px -39px !important;
  content: "" !important;
  display: block !important;
  height: 20px !important;
  left: -15px !important;
  position: absolute !important;
  top: 19px !important;
  width: 20px !important;
}
#footerRow1 > .section > .header > .toggle.selected::before {
  background: rgba(0, 0, 0, 0) url("/icons/ogc/rwdUI.png") repeat scroll -58px -39px !important;
 
}

#footerRow1 > .section > .header > .toggle {
position:static!important;
height:auto!important;
}


#footerRow2 .security {
  float:left;
  display: block;
  max-width: 375px;
  position:relative;
}

#footerRow2 ._col1 {
  float: left;
  width: 24.5%;
}

#footerRow2 ._col1 > h3 {
  font-size: 14px;
  margin: 3% 0;
}

#footerRow2 ._col1 > p {
  font-size: 12px;
  line-height: 14px;
  color:#989898;
  margin-bottom:15px;
}

#footerRow2 ._col1 img {
  width: 75px;
}


@media screen and (max-width:450px) {
#footerRow2 ._col1 > p {
  left: 8%!important;
  line-height: 14px!important;
  top:100%;
}
	
#footerRow2 .security {
 
  margin-bottom: 25%;
 
}
	
}

/*TRUST PILOT */


@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.tp-updated-mini .bold-underline {
	font-weight:600
}
}
@keyframes fade-in {
to {
opacity:1
}
}
@keyframes fade-out {
to {
opacity:0
}
}
.tp-updated-mini .anim-fade-in, .tp-updated-mini .tp-widget-loader, .tp-updated-mini .tp-widget-fallback {
	animation:fade-in .5s ease .3s forwards
}
.tp-updated-mini .anim-fade-out, .tp-updated-mini .tp-widget-loader--loaded {
	animation:fade-out .5s ease .3s forwards
}


.tp-updated-mini .hidden {
	display:none
}
.tp-updated-mini .clearfix {
	display:inline-block
}
.tp-updated-mini .clearfix::after {
	content:".";
	display:block;
	clear:both;
	visibility:hidden;
	line-height:0;
	height:0
}
.tp-updated-mini .clearblock {
	display:block
}
.tp-widget-loader, .tp-widget-fallback {
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%)
}
.tp-updated-mini #fallback-logo {
	display:none
}
.tp-updated-mini .no-svg #fallback-logo {
	display:inline-block
}
.tp-updated-mini .tp-widget-wrapper {
	position:relative;
	width:100%;
	height:100%;
	opacity:0;
	transition:opacity 1s ease
}
.tp-updated-mini .tp-widget-wrapper.visible {
	opacity:1
}
.tp-updated-mini .star-rating {
	font-size:0
}
.tp-updated-mini .star-rating [class^="star-"] {
	display:inline-block;
	background-color:#ccc;
	border-radius:2px;
	margin-right:2px;
	padding:2px 3px 3px
}
.tp-updated-mini .star-rating [class^="star-"]:last-of-type {
	margin-right:0
}
.tp-updated-mini .star-rating.business {
	margin:7px 0 0
}
.tp-updated-mini .star-rating.small [class^="star-"] {
	padding:3px;
	margin-right:2px
}
.tp-updated-mini .star-rating.star-1 .star-1 {
	background-color:#e22027
}
.tp-updated-mini .star-rating.star-2 .star-1 {
	background-color:#f47324
}
.tp-updated-mini .star-rating.star-2 .star-2 {
	background-color:#f47324
}
.tp-updated-mini .star-rating.star-3 .star-1 {
	background-color:#f8cc18
}
.tp-updated-mini .star-rating.star-3 .star-2 {
	background-color:#f8cc18
}
.tp-updated-mini .star-rating.star-3 .star-3 {
	background-color:#f8cc18
}
.tp-updated-mini .star-rating.star-4 .star-1 {
	background-color:#73b143
}
.tp-updated-mini .star-rating.star-4 .star-2 {
	background-color:#73b143
}
.tp-updated-mini .star-rating.star-4 .star-3 {
	background-color:#73b143
}
.tp-updated-mini .star-rating.star-4 .star-4 {
	background-color:#73b143
}
.tp-updated-mini .star-rating.star-5 .star-1 {
	background-color:#007f4e
}
.tp-updated-mini .star-rating.star-5 .star-2 {
	background-color:#007f4e
}
.tp-updated-mini .star-rating.star-5 .star-3 {
	background-color:#007f4e
}
.tp-updated-mini .star-rating.star-5 .star-4 {
	background-color:#007f4e
}
.tp-updated-mini .star-rating.star-5 .star-5 {
	background-color:#007f4e
}
.tp-updated-mini .tp-widget-loader,
.tp-updated-mini .tp-widget-fallback {
	opacity:0;
	width:400vh;
	max-width:50%;
	text-align:center
}
.tp-updated-mini .tp-widget-loader svg,
.tp-updated-mini .tp-widget-fallback svg {
	width:100%
}
@media screen and (min-width: 400px) {
.tp-updated-mini .tp-widget-loader,
.tp-updated-mini .tp-widget-fallback {
	max-width:200px
}
}
.tp-updated-mini .tp-widget-loader--loaded {
	opacity:1
}
.tp-updated-mini .tp-widget-logo img,
.tp-updated-mini .tp-widget-stars img {
	border:0
}
.tp-updated-mini .tp-widget-logo svg,
.tp-updated-mini .tp-widget-stars .tp-updated-mini svg {
	display:block;
	width:100%
}
.tp-updated-mini .bold-underline {
	color:#191919;
	border-bottom:1px solid rgba(25,25,25,0.6)
}
.tp-updated-mini .bold-underline:hover {
	border-color:#191919
}
.tp-updated-mini .dark .bold-underline:not(.bold-underline--single-theme) {
	color:#fff;
	border-color:rgba(255,255,255,0.6)
}
.tp-updated-mini .dark .bold-underline:not(.bold-underline--single-theme):hover {
	border-color:#fff
}
.tp-updated-mini .brand-new {
	display:none
}
.tp-updated-mini .rebranding {
	
	line-height:1;
	color:#191919
}
.tp-updated-mini .rebranding .brand-new {
	display:block
}
.tp-updated-mini .rebranding .brand-old {
	display:none
}
.tp-updated-mini .rebranding .star-rating [class^="star-"] {
	margin-right:3px;
	padding:4px
}
.tp-updated-mini .rebranding.dark .tp-logo__text {
	fill:#fff
}
.tp-updated-mini .tp-rebrand-stars .tp-rebrand-star__canvas {
	fill:#d6d6d6
}
.tp-updated-mini .tp-rebrand-stars .tp-rebrand-star__shape {
	fill:#fff
}
.tp-updated-mini .tp-rebrand-stars--1 .tp-rebrand-star:nth-of-type(-n+1) .tp-rebrand-star__canvas {
	fill:#FF3722
}
.tp-updated-mini .tp-rebrand-stars--2 .tp-rebrand-star:nth-of-type(-n+2) .tp-rebrand-star__canvas {
	fill:#FB963A
}
.tp-updated-mini .tp-rebrand-stars--3 .tp-rebrand-star:nth-of-type(-n+3) .tp-rebrand-star__canvas {
	fill:#F9CD16
}
.tp-updated-mini .tp-rebrand-stars--4 .tp-rebrand-star:nth-of-type(-n+4) .tp-rebrand-star__canvas {
	fill:#73CF11
}
.tp-updated-mini .tp-rebrand-stars--5 .tp-rebrand-star:nth-of-type(-n+5) .tp-rebrand-star__canvas {
	fill:#00B67A
}


.tp-updated-mini .rebranding .tp-widget-wrapper {
	text-align:left;
	max-width:255px
}
.tp-updated-mini .rebranding .tp-widget-logo {
	width:55%;
	margin:0 0 8px
}
.tp-updated-mini .rebranding .tp-widget-stars {
	width:94%;
	margin:0 0 8px
}
.tp-updated-mini .rebranding .tp-widget-businessinfo {
	color:#000;
	font-size:11px
}
.tp-updated-mini .rebranding .tp-widget-businessinfo__trustscore, .rebranding .tp-widget-businessinfo__total {
	text-transform:none
}
.tp-updated-mini .rebranding strong {
	color:#000
}
.tp-updated-mini .rebranding.dark .tp-widget-businessinfo {
	color:#fff
}
.tp-updated-mini .rebranding.dark strong {
	color:#fff
}
.tp-updated-mini .rebranding.light .tp-widget-businessinfo {
	color:#191919
}
.tp-updated-mini .rebranding.light strong {
	color:#191919
}
@media screen and (min-width: 200px) {
.tp-updated-mini .rebranding .tp-widget-logo {
	max-width:140.25px
}
.tp-updated-mini .rebranding .tp-widget-businessinfo {
	font-size:14px;
	max-width:255px
}
}
@media screen and (min-width: 235px) {
.tp-updated-mini .rebranding .tp-widget-businessinfo__trustscore, .rebranding .tp-widget-businessinfo__total {
	display:inline-block;
	vertical-align:middle
}
.tp-updated-mini .rebranding .tp-widget-businessinfo__trustscore::after {
	content:'|';
	margin:0 2px
}
}


.tp-updated-mini .tp-widget-wrapper {
	min-width:120px;
	margin:0 auto;
	text-align:center
}
.tp-updated-mini .tp-widget-logo, .tp-widget-stars {
	margin:0 auto 10px;
	max-width:255px
}
.tp-updated-mini .tp-widget-stars .star-rating {
	text-align:left
}
.tp-updated-mini .tp-widget-stars .star-rating [class^="star-"] {
	width:calc(20% - 2px)
}
.tp-updated-mini .tp-widget-stars .star-rating [class^="star-"] img {
	width:100%;
	height:auto
}
.tp-updated-mini .tp-widget-businessinfo {
	margin:0 0 15px;
	line-height:1.2
}
.tp-updated-mini .tp-widget-businessinfo__trustscore, .tp-widget-businessinfo__total {
	text-transform:uppercase
}
@media screen and (min-width: 250px) {
.tp-updated-mini .tp-widget-businessinfo {
	line-height:1
}
.tp-updated-mini .tp-widget-businessinfo__trustscore,
.tp-updated-mini  .tp-widget-businessinfo__total {
	display:inline-block;
	vertical-align:middle
}
.tp-updated-mini .tp-widget-businessinfo__trustscore::after {
	content:'|';
	margin:0 8px
}
.tp-updated-mini .tp-widget-stars .star-rating [class^="star-"] {
	width:calc(20% - 4px);
	padding:4px 5px 5px;
	margin-right:4px
}
}
.tp-updated-mini * { text-decoration:none; }

#footer .tp-widget-wrapper.visible { height:auto; }


/*END */



/*Social Icons */
#footer .social.icons {width:270px;  display: block;   margin: auto;  padding: 0;}
#footer .social.icons li { width:22%; }
#footer .social.icons svg { opacity:0.5; }
#footer .social.icons li { float:left; list-style:none; margin-right:10px; }
#footer .social.icons li:last-child { margin-right:0px; }


/*6.5. Dropdown Menu */	
		#footerRow1 > .section > .header > .toggle::before {
	left:-41px;
	top:-40px;
} /* Repositions Icon of choice for dropdown before click*/
#footerRow1 > .section > .header > .toggle {
	height: 17px;
	width: 17px;
} /* Increases size of area to allow square icon to show through before click */
#footerRow1 > .section.active > .header > .toggle {
	height: 21px;
	width: 20px;
	bottom: -7px
} /* Increases size of area to allow square icon to show through after click */
#footerRow1 > .section.active > .header > .toggle::before {
	left: -58px;
	top: -35px;
} /* Repositions Icon of choice for dropdown after click*/
#footerRow1 > .section > .header {
	padding-left: 9px; /* was 0 - Amended to align headers with list on 02.10.15 by Cora Phillips */
}
#footerRow1 ul li {
	padding-left: 9px;
}
#divDataProtectionStatement {
	margin-left: auto;
}

/***************************************************/
/*       DEFAULT PAGE LAYOUT/SEARCH RESULTS
/****************************************************/
.product .ribbonText { width:100%;margin-bottom:3%;text-align:center;}
.product .ribbonText b { text-transform:uppercase; color:#862a1f; }

div.widget_title_container, .widget_title_container_position { margin:0!important; }

.product_info h3[class*="product_shortDescription_"] {
    font-weight: normal;
    font-size: 14px;
    text-align: center;
	margin-bottom:10%;
}
.product div[id*="sa_s28_product_rat"] { width:173.5px; margin:auto; margin-bottom:3%; }
.product  #sa_s28_product_rating .ratingValue { display:none; } 
.product  #sa_s28_product_rating .reviewCount { position:relative; top:-4px; left:3px; }
.product  #sa_s28_product_rating .reviewCount:before {
content:"(";	
}
.product  #sa_s28_product_rating .reviewCount:after {
content:")";	
}
#catalogEntryRecommendationWidgetFooterRecentlyViewedEMS_Aurora { max-width:1280px; margin:auto; }

#catalogEntryRecommendationWidgetFooterRecentlyViewedEMS_Aurora .product div[id*="sa_s28_product_rat"] { width:185px; }

.product img.sa_s28_display_avg_rating { max-width:138px; display:inline!important; }


.product_info > .product_name > h2 {
    color: #666666;
    display: block;
    font-size: 16px;
    line-height: 24px;
	text-align:center;
    padding-bottom: 5px;
	font-weight:bold;
	margin-top:5%;
}

ul.grid .product div[id*="BVRRIR-"] { display:none; }  

.product_info > .product_name > a,
.product_info > .product_price { text-align:center; }

.product_info .offer_price,
.product_info .original_price,
.product_info .yousave_price { width:100%; text-align:center; }
.product_info .yousave_price { margin-bottom:5px; }
 /*changes circular options to square options */
div.rowContainer[id*="DefaultCategoryPageLayout"] .facetSelectContainer .swatch img, .facetSelected > a > div.filter_option > span > img {
	border-radius: 0%;
}

div.product_listing_container div.product .yousave_price { width:100%; }	

/*Navagtional buttons - Takes off rounded corners on all boxes */
div.rowContainer[id*="DefaultCategoryPageLayout"] .selectWrapper { 
	border-radius: 0;
}
/*Navagtional buttons - Takes off rounded corners on all boxes */		
div.rowContainer[id*="DefaultCategoryPageLayout"] .controlBar .pageControl.number > a{ 
	border-radius: 0;
}

/*Removes border radius on page number selector */
div.rowContainer[id*="DefaultCategoryPageLayout"] .pageControlButton {
border-radius: 0px;	
} 	

/*Default Layout - Column Widths */	
div.rowContainer[id*="DefaultCategoryPageLayout"] .product > .product_image img,
div.rowContainer[id*="DefaultSearchResultLayout"] .product > .product_image img,
#container_Sales_Category  .product > .product_image img {
		max-height:none;
		height:auto;
}


div[id*="DefaultCategoryPageLayout"] div#tab1Widget,
div[id*="DefaultSearchResultLayout"] div#tab1Widget { margin-left:0px!important; width:100%!important; }
	
	
/* Removes corners on main container */	
div.rowContainer[id*="DefaultCategoryPageLayout"] .productListingWidget {	border-radius: 0px;	} 

/*Remove border for each product */	
div.rowContainer[id*="DefaultCategoryPageLayout"] .catEntryGrid_border,
div.rowContainer[id*="DefaultSearchResultLayout"] .catEntryGrid_border { border:none!important; }

/*Remove Padding top for each element */
 .product_listing_container > .grid_mode li,
 .product_listing_container > .grid_mode li { padding-top:0; }

/*
Remove height in product description - The height is dynamically created based on product data - setting the height to auto
is fine as long as the bottom border is hidden on the following container ->  [.catEntryGrid_border ] , this has been set above 
*/
 .product_listing_container .product_info > .product_price,
 .product_listing_container .product_info > .product_price {padding:0px 0 0 15px!important;   }

/*The style.css uses relative positioning - the rendering is off.. 09/12/2015*/

 .product_listing_container li[style] .price.old_price { position:static!important; }


.row.catEntryetails { float:left; width:100%; }
.row.catEntryetails .right.column2 { width:100%; }






.row.catEntryetails.bz-empty .right.column2 { float:left; width:100%; }
ul.grid .product div[id*="BVRRIR-"] {   
    margin: auto;
    width: 145px;
}

@media screen and (min-width:1200px) {
.row.catEntryetails .left { width:0.1%; }
.row.catEntryetails .right { width:99%!important; }
ul.grid .product div[id*="BVRRIR-"] { margin-top:5%; }
/*No Stars */
.row.catEntryetails.bz-empty .right.column2 { width:99.5%!important; }
.row.catEntryetails.bz-empty .left { width:0.2%!important; }
}




/*Pagination background colors */
div.rowContainer[id*="DefaultCategoryPageLayout"] .selectWrapper,
div.rowContainer[id*="DefaultSearchResultLayout"] .selectWrapper { background-color:#f7f4f4!important; border:none!important; }

/*Pagination Page Numbers - background colors */
div.rowContainer[id*="DefaultCategoryPageLayout"] .controlBar .pageControl.number > a:hover,
div.rowContainer[id*="DefaultSearchResultLayout"] .controlBar .pageControl.number > a:hover,
div.rowContainer[id*="DefaultCategoryPageLayout"] .controlBar .pageControl.number > a.selected,
div.rowContainer[id*="DefaultSearchResultLayout"] .controlBar .pageControl.number > a.selected { background-color:#898989!important;  }

/*This fixes an issue with pagination where the button is not inline */
@media screen and (min-width:600px) and (max-width:900px) {	
	.productListingWidget > .header_bar > .title,
	 .productListingWidget > .header_bar > .title { position:static!important;}
	 .productListingWidget > .header_bar .pagination_present,
	 .productListingWidget > .header_bar .pagination_present { margin:0!important; }
	  .product_listing_container .sorting_view_controls_container,
	 .product_listing_container  .sorting_view_controls_container { margin:0!important; }	
	
	  .product_listing_container .pageControlButton,
	   .product_listing_container .pageControlButton { margin:0!important; }
	
}
/*Fixes issue where there is not enough room to display the label next to the button */
@media screen and (max-width:450px) {	
	 .product_listing_container .page_label {
	
		display: block!important;
		margin-top: -20px!important;
		margin-left: 8px!important;
	}
	
	/*This moved the button up marginally to correct an aligment issue at mobile range */
	
	 .product_listing_container .paging_controls {		
    padding-top: 6px!important;

	}
}
	

/*
DESKTOP 
3 Column Layout between 601 and 1280px*/
@media screen and (min-width:600px) {
	
	 .product_listing_container .col4.acol12.ccol3  {		width: 25%;	}
	
	 .product_listing_container .col8.acol12.ccol9,
	
	 .product_listing_container .col8.acol12.ccol9 {		width: 75%;	}
	
	
	 .product_listing_container ul.grid[data-dojo-type="wc/widget/Grid"] li
	 { width:33%!important; }
	
	
	 .product_listing_container .product > .product_image img { max-width:100%; }
	
	
			
	 .product_listing_container .product { max-width:100%!important; }
	
	 .product_listing_container .product_image div.image  { max-width:283px!important; }
		
	
	 .product_listing_container .product > .product_image[style*="height"] { height:auto!important; }
		
	
}

/*PHONE
1 Column Layout (large images at 600px)
*/
 @media screen and (max-width:830px) {
	.product_listing_container ul.grid[data-dojo-type="wc/widget/Grid"] li	 { width:50%!important; } 
 }
 @media screen and (max-width:650px) {	 
.product_listing_container ul.grid[data-dojo-type="wc/widget/Grid"] li	 { width:50%!important; }	
.product_listing_container .product > .product_image[style*="height"] { height:auto!important; }	
.product_listing_container .product { max-width:100%!important; }	
.product_listing_container .product > .product_image img { max-width:100%!important; }
.product > .product_image img { max-height:100%!important; }
 }
 
 @media screen and (max-width:500px) {
	.product_listing_container ul.grid[data-dojo-type="wc/widget/Grid"] li	 { width:100%!important; } 
 }




	
	
		
div[id*="container_DepartmentPage"] .catPos {
border-radius:0px!important;
}
div[id*="container_DepartmentPage"] .categoryRecommendationWidget.carousel.clip-true.padding-true.background-false.border-false .prevPageButton,  div[id*="container_DepartmentPage"] .categoryRecommendationWidget.carousel.clip-true.padding-true.background-false.border-false .nextPageButton {
	display:none;
}
div[id*="container_DepartmentPage"] .categoryRecommendationWidget.carousel.clip-true.padding-true.background-false.border-false div.content ul li.hidden {
	visibility:visible!important;
}
div[id*="container_DepartmentPage"] .categoryRecommendationWidget div.content ul {
	white-space:normal!important;
}






@media screen and (min-width:600px) {
	div[id*="container_DepartmentPage"] div[itemprop="primaryImageOfPage"] h1 {
margin-left:15px;
}
	
	div[id*="container_DepartmentPage"] .row.margin-true > div > div, div[id*="container_DepartmentPage"]  .carousel.padding-true > .content { margin:0 }
	div[id*="container_DepartmentPage"] .carousel.padding-true { padding: 0 }
	
	div[id*="container_DepartmentPage"] .ccol3, 
	div[id*="container_DepartmentPage"] .ccol3, div[id*="container_DepartmentPage"] .ccol3 {	width: 20%;	}
	div[id*="container_DepartmentPage"] .ccol9,
	div[id*="container_DepartmentPage"] .ccol9, div[id*="container_DepartmentPage"] .ccol9 { width: 80%;}
	 div[id*="container_DepartmentPage"] ul li {
		margin-bottom:20px;
	}
}
 @media screen and (max-width:599px) {
	 	div[id*="container_DepartmentPage"] div[itemprop="primaryImageOfPage"] h1 {
	margin-left:9%;
	}
	div[id*="container_DepartmentPage"] .prevPageButton {
		left:1%!important;
	}
	div[id*="container_DepartmentPage"] .nextPageButton {
		right:1%!important;
	}
	div[id*="container_DepartmentPage"] .catPos {
		margin-bottom:10%;
	}
	.left_espot div[id=BannerTextContainer]{
		display:none!important;
		}
}
 @media screen and (min-width:415px) {
	 div[id*="container_DepartmentPage"] .categoryRecommendationWidget.carousel.clip-true.padding-true.background-false.border-false div.content ul li {
		width:33%!important;
	}
 }
 @media screen and (max-width:415px) {
		div[id*="container_DepartmentPage"] div[itemprop="primaryImageOfPage"] h1 {
	margin-left:15%;
	}
	div[id*="container_DepartmentPage"] .catPos > .product_image > a > img {
		max-height:none!important;
	}
	div[id*="container_DepartmentPage"] .catPos {
		margin-bottom:5%;
	}
	div[id*="container_DepartmentPage"] .categoryRecommendationWidget.carousel.clip-true.padding-true.background-false.border-false div.content ul li {
		width:100%!important;
	}
}

.quickLinkAdd2cart {
    display: block;
    padding:2%;
    background: orange;
    margin: auto;
    border-radius: 6px;
    text-align: center;
    line-height: 27px;
    color: white;
max-width:130px;
}

@media screen and (max-width:650px) {
.quickLinkAdd2cart {
width: 120px;
}
}

/***************************************************/
/*               REQUEST CATALOGUE /*
/****************************************************/


@media screen and (max-width: 600px) {

.box_catalog {
 
    max-width: 0px;
    width: 100%;
    float: left;
    margin-right: 1%;
    margin-left: 6%;
    height:inherit;
}
}


#catalogRequestForm > div, div#container_ConfirmationRequestCataloguePageLayout.rowContainer #slot2_ConfirmationRequestCataloguePageLayout {
  border: 1px solid #ccc;
  max-width: 1115px;
  padding: 4%;
}


#container_RequestCataloguePageLayout form#catalogRequestForm #content_request_catalogue .heading_account::after {
    color: #999;
    content: "Please choose the latest issue of our catalogues you would like to order below. Just tick which ones you’d like and we will despatch to you free of charge in the post.";
    display: block;
    font-size: 16px;
    font-weight: lighter;
	margin-top:1%;
width:90%; padding:1%;
}



#container_RequestCataloguePageLayout .box_catalog { padding:0; }
#container_RequestCataloguePageLayout #content_request_catalogue img[src*="logo"] {
  display: none;
}

#container_RequestCataloguePageLayout .box_catalog .text_body p {
  display: none;
}

#container_RequestCataloguePageLayout .catalogue_subtitle {
  color: #666;
  font-size: 18px;
  height:auto!important;
}

#container_RequestCataloguePageLayout .box_catalogue_text br { display:none; }

div#WC_RequestCatalog_div_6 {
    float: left;
    width: 100%;
}

/*confirmation*/
#container_ConfirmationRequestCataloguePageLayout.rowContainer #slot2_ConfirmationRequestCataloguePageLayout .catalogue_descripcion { display:none; }
#container_ConfirmationRequestCataloguePageLayout.rowContainer #slot2_ConfirmationRequestCataloguePageLayout .catalogue_subtitle { display:none; }
#container_ConfirmationRequestCataloguePageLayout.rowContainer div.row div#slot2_ConfirmationRequestCataloguePageLayout.col12 > div .heading_account::after {
content:'The following catalogues will be sent to you';
 font-size: 18px;
    font-weight: lighter;
  color: #999;
 display: block;
margin-top:1%;
 }



/***************************************************/
/*               PRODUCT PAGE /*
/****************************************************/

.top.namePartPriceContainer > div.item_spacer_3px { display:none; }

/*Select an option Text 22nd March 2016 - decision to hide this label
div[id*="ProductPageLayout"].rowContainer #defattr_heading_Option::before {
    content: "Select an";
}
*/

/*Remove Express delivery is not avaliable text */
div[id*="ProductPageLayout"].rowContainer div[id*="product_no_express_"] span.text { display:none; }

div[id*="ProductPageLayout"].rowContainer #defattr_heading_Option { display:none; }


div[id*="ProductPageLayout"].rowContainer #atstbx:before {

content: 'Follow us';
display:block;	
	
}
/*JW Player Watermark */
div[id*="ProductPageLayout"] .jwlogo { display:none!important; }

/*Add to Basket Button */
div[id*="ProductPageLayout"].rowContainer a#add2CartBtn.button { padding:10px 0; width:100%!important; max-width:none!important; }

/*Add to Wishlist*/
div[id*="ProductPageLayout"].rowContainer div#addToShoppingListBtn { padding:5px 0; width:100%!important; max-width:none!important; }

/*Add to Wishlist ::before */

div[id*="ProductPageLayout"].rowContainer .shopperActions .dropdown_primary > .drop { height:50%; }

/*Product Long description - add spacing */
div[id*="ProductPageLayout"].rowContainer div[id*="product_longdescription"] > ul {    margin-top: 20px; }

 div[id*="product_longdescription"] > ul:last-of-type li { list-style-type:disc;  }

/*Product Long description - Express delivery attribute - can be hidden in MC too */

div[id*="ProductPageLayout"].rowContainer #descAttributeName_1_9_-1018_3074457345618261923,
div[id*="ProductPageLayout"].rowContainer #descAttributeValue_1_9_-1018_3074457345618261923 { display:none;}		

/*angle images - Remove header */
div[id*="ProductPageLayout"].rowContainer .widget_product_image_viewer > .content > .other_views > .other_views_text { display:none; }	

/*angle images - do not display extra small images if data is wrong */
div[id*="ProductPageLayout"].rowContainer ul#ProductAngleImagesAreaList li a img[src*="extrasmall"] { display:none; }

/*product description */
div.rowContainer[id*="ProductPageLayout"] .product_text p { float:left; font-size: 16px; text-align: left; line-height: 22px; border-top: 1px solid #ccc; padding: 10px 0; border-bottom: 1px solid #ccc; }


/*product image container */
div.rowContainer[id*="ProductPageLayout"]  .image_container { position:relative; }

/*Remove delivery info tab */
div.rowContainer[id*="ProductPageLayout"] .tab_header div#tab2 {
    display: none;
}


div.rowContainer[id*="ProductPageLayout"] .tab_header  .tab_container:hover  { 
background:white!important;
}




/*Video play icons - Overlay the image ontop all angle images with youtube links*/
div.rowContainer[id*="ProductPageLayout"] ul#ProductAngleImagesAreaList li { position:relative; }
div.rowContainer[id*="ProductPageLayout"] ul#ProductAngleImagesAreaList a[href*="youtube.com/watch"]::before {
  background: rgba(0, 0, 0, 0) url("/icons/images/logos/videoplay.png") no-repeat scroll 0 0 / 100% auto;  
  content: "";
  display: block;
  height: 36px;
  left: 22px;
  position: absolute;
  top: 15px;
  width: 34px;
}



/*reassurance messaging added 22/11/2016 */

@media screen and (min-width:670px) and (max-width:1280px)  {
	div.rowContainer[id*="ProductPageLayout"] .trust.info {
	display:none;	
	}
}
@media screen and (max-width:670px) {
	div.rowContainer[id*="ProductPageLayout"] .trust.info {
	display:none;	
	}
}

div.rowContainer[id*="ProductPageLayout"] .trust.info {
margin:15px 0;	
}
div.rowContainer[id*="ProductPageLayout"] .trust.info p {
  font-size: 16px;
}
div.rowContainer[id*="ProductPageLayout"] .trust.info svg {
  position: relative;
  top: 6px;
  width: 22px;
}





/*Stock Grid */

/*Js new container for improved mobile usability, touch start delay is not fully reliable */
@media screen and (min-width:600px) {
div.rowContainer[id*="ProductPageLayout"] .cloudzoomFrame { display:none; }
}

/*product code */
/*Js moves this to the product long description where it does not have this class */
div[id*="ProductPageLayout"].rowContainer span.sku { font-size:10px; margin:0; display:none; color:#666666; font-size:12px; }

/*product price */
div[id*="ProductPageLayout"].rowContainer div.namePartPriceContainer > div.product_price { font-size:22px; font-weight:normal; }


/*BZ Stars - Hidden by Default js - condition, show reviews if exists */
div[id*="ProductPageLayout"].rowContainer div#productSlot56 div#BVRRSummaryContainer { display:none; }

.sa-s28-pro-dis p { word-break:inherit!important; }

/*Remove ' Select attributes to see availability ' TEXT */
div[id*="ProductPageLayout"].rowContainer div.left.available span.text { display:none; }

/*product stock message color */
div[id*="ProductPageLayout"].rowContaine .text.textRed { color:red; }
div[id*="ProductPageLayout"].rowContaine .text.textGreen { color:green; }

/* Reads "Avaliability" followed by in stock message/out of stock */
div[id*="ProductPageLayout"].rowContainer .available .header { display:none; }

/*border under product description container - remove */
div[id*="ProductPageLayout"].rowContainer .namePartPriceContainer  {
border-bottom:0; 	
}
/*Add to wishlist button */
div[id*="ProductPageLayout"].rowContainer .shopperActions .dropdown_primary {	background: #d1d3d4 none repeat scroll 0 0; border-style: none; 		}
/*Text in add to wishlist*/
div[id*="ProductPageLayout"].rowContainer .shopperActions .dropdown_primary a {	color: #666666; font-size:16px;		}

/*product header */
div[id*="ProductPageLayout"].rowContainer div.namePartPriceContainer h1.main_header { font-size:22px; color:#666666; margin-bottom: 5px; }



/*prices - when there is was pricing */
div[id*="ProductPageLayout"].rowContainer div.namePartPriceContainer .price_now { margin-bottom:10px; }

/*Pricing leading on was pricing */
div[id*="ProductPageLayout"].rowContainer div.namePartPriceContainer div[id*="price_display"] { line-height:20px; }


/*product Main Image */
div[id*="ProductPageLayout"].rowContainer img#productMainImage { max-height:none!important;  height:auto!important; text-align:left!important; } 

/*Stop the image being centrally aligned */
.product_page_content .widget_product_image_viewer > .content { text-align:left!important; }

/*fixes a data issue where a space is needed once product from the stock grid has been selected - this is a psedueo class for IE8*/
div.rowContainer[id*="ProductPageLayout"] div.product_price > div > span::before { content: ' ' }

/*Remove border */
div.rowContainer[id*="ProductPageLayout"] .product_text { border:none; }

/*Attachments remove width restrictions */
div.rowContainer[id*="ProductPageLayout"] #attachmentPaginationContainer .attachment > .attachment { max-width:none; }

/*Direct smile */
div[id*="ProductPageLayout"].rowContainer div#directSmileContainer_-1 form#DirectSmileForm_-1 div.selector div.right { float:left; }

/*Direct smile personalisation form */ 
div[id*="ProductPageLayout"].rowContainer .ds_form { margin-top:10px; border-top:none; border-bottom:none; }
/*Direct smile personalisation form  do not crop the field allow full height*/ 
div[id*="ProductPageLayout"].rowContainer  #personalisedFormContainer.ds_form{
 height: 100% !important;
 overflow:visible!important;
}
.linkImageLarge { display:none; }


div[id*="ProductPageLayout"].rowContainer div.available[id*="InventoryStatus_"] { border:0; }

/*Removes the attributes value - eg youtube: watch383 // Price Check :yes */
/*
div[id*="ProductPageLayout"].rowContainer div#tab1Widget div.content > ul { display:none; }
*/

/*Hide Tab3 by default - JS displays if there is content 11/01/2017 */
div[id*="ProductPageLayout"].rowContainer div.tab_container#tab3 { display:none; }




/*Promotion text */
div[id*="ProductPageLayout"].rowContainer .discount_basket_promo .promotion { font-size:14px; }

/* Removes rounded corners on quantity box */
div[id*="ProductPageLayout"].rowContainer .quantity_input { border-radius: 0px; } 


/* Removes rounded corners on main box */
div[id*="ProductPageLayout"].rowContainer .tab { border-radius: 0px; } 




/*when product description is moved up to another div - add these rules */
div[id*="ProductPageLayout"].rowContainer .namePartPriceContainer .item_spacer_10px { height:auto; }
div[id*="ProductPageLayout"].rowContainer .namePartPriceContainer .item_spacer_10px h2.text_body { padding-left:0px!important; }
div[id*="ProductPageLayout"].rowContainer .namePartPriceContainer .item_spacer_10px .product_text { border-bottom:none!important; }



/*when product tile is moved up above image add these rules */
div[id*="ProductPageLayout"].rowContainer .widget_product_image_viewer h1.main_header {
    color: #666666 ;
    display: block;
    font-size: 18px;
	margin-left:15px;
    line-height: 26px;
    padding: 0;
	display:none;  /*dekstop should be hidden */
}

/* removes text 'displaying 1 of 1 attachments */
div.rowContainer[id*="ProductPageLayout"]  .num_products {
display:none;	
}
/*Attachments title */
div.rowContainer[id*="ProductPageLayout"]  #attachmentPaginationContainer .title {
display:none;	
}
/*Attachments header */
div.rowContainer[id*="ProductPageLayout"] #attachmentPaginationContainer .header {
display:none;	
}
/*Hide the default text*/
div.rowContainer[id*="ProductPageLayout"] div.attachment > .description { display:none; }

/*insert the text above the image */
div.rowContainer[id*="ProductPageLayout"] div.attachment div.icon > a::before {
content: attr(aria-label)	
}
/*force the text onto seperate line */
div.rowContainer[id*="ProductPageLayout"] div.attachment div.icon > a > img {
display:block;
margin:20px 0;
}
/*Correct pricing position on sale pricing where external css has defined as relative */
.product_price  .price { position:static!important; } 
 
/*Allows for positioning below elements absolutely */
div.rowContainer[id*="ProductPageLayout"] .col5.acol12.ccol12.left.slot6 {position:relative; }
div.rowContainer[id*="ProductPageLayout"] .sublist { line-height:20px; max-width:100%; }

div.rowContainer[id*="ProductPageLayout"] .sublist.col6,
div.rowContainer[id*="ProductPageLayout"] .definingAttributes {  margin-top:0px; padding:0; }

div.rowContainer[id*="ProductPageLayout"] .available > .sublist { padding:0; }


/*New js tag */
div.rowContainer[id*="ProductPageLayout"] .definingAttributes > div[id*="InventoryStatus_Availability_"] { padding:0; margin:0; }
/* default tag */
div.rowContainer[id*="ProductPageLayout"] div[data-slot-id="5"] > div[id*="InventoryStatus_Availability_"] { padding:0; margin:0; }

div.rowContainer[id*="ProductPageLayout"] .available { padding:0px; }


div.rowContainer[id*="ProductPageLayout"] .col6 { width: 100%; }

div.rowContainer[id*="ProductPageLayout"] .row.margin-true > div > div { margin:0; }


/*new js element hide at resolutions above 1280*/
div.rowContainer[id*="ProductPageLayout"] a.readmore { display:none; margin:5px 0 14px 0; font-size:12px; }

div.rowContainer[id*="ProductPageLayout"] div[id*="InventoryStatus_Availability"] .availabilityBorder { margin-bottom:0px;  }


/*Express delivery text */
span.orderitem_nominated_text { display:none; }
div.rowContainer[id*="ProductPageLayout"] span.orderitem_nominated_text.text { font-size:0px;   }
div.rowContainer[id*="ProductPageLayout"] span.orderitem_nominated_text.text:before {  content: "Order by 6PM";  font-size: 16px;  left: -7px;  position: relative;  top: 3px;  z-index: 2; }

/*Change to express delivery item logo for 2 lorries to make smaller */
div.rowContainer[id*="ProductPageLayout"] img[src*="logo_delivery_2lorry_72.jpg"] { width:70px; }

div.rowContainer img[id*="InventoryStatus_OnlineStatus_Img_"][src*="/wcsstore/AuroraStorefrontAssetStore/icons/"] {
display:none; 
}	



/*

div.rowContainer[id*="ProductPageLayout"] div[id*="InventoryStatus_Availability_Section_"] .textGreen::before {
  background: rgba(0, 0, 0, 0) url("/wcsstore/AuroraStorefrontAssetStore/icons/sos/widget_product_info/checkmark_icon.png") no-repeat scroll 0 0;
  content: "";
  display: inline-block;
  height: 10px;
  margin-right: 5px;
  width: 10px;
}
div.rowContainer[id*="ProductPageLayout"] div[id*="InventoryStatus_Availability_Section_"] .textRed::before {
  background: rgba(0, 0, 0, 0) url("/wcsstore/AuroraStorefrontAssetStore/icons/sos/widget_product_info/backordered_icon.png") no-repeat scroll 0 0;
  content: "";
  display: inline-block;
  height: 10px;
  margin-right: 5px;
  width: 10px;
}

*/
.sublist > span[id*="InventoryStatus_"] { display:none; font-size:14px; }
.definingAttributes .sublist > span[id*="InventoryStatus_"] { display:block; }

div[id*="container_DefaultProductPageLayout"].rowContainer .slot8[data-slot-id="8"] .quickLinkAdd2cart { width:115px;}

div[id*="container_DefaultProductPageLayout"].rowContainer .slot8[data-slot-id="8"] .row.catEntryetails .left { width:0.2%!important;}
div[id*="container_DefaultProductPageLayout"].rowContainer .slot8[data-slot-id="8"] .row.catEntryetails .right { width:99%!important;}


@media screen and (max-width:1280px) {
	
/*Product Page Tab - Remove margin-left from style.css */
div.rowContainer[id*="ProductPageLayout"] div#tab2Widget { margin-left:0; }

/*size guide tab content block override styles.css */
div[id*="ProductPageLayout"].rowContainer div#tab3Widget { margin-left:0; }

/*Js inserts this into page with attached event - display this only when the repsonsive layout changes - scroll to description from top*/
div.rowContainer[id*="ProductPageLayout"] a.readmore { cursor:pointer; display:inline-block; }
}
/*Product Page Tab - Remove indendation on tab */
div.rowContainer[id*="ProductPageLayout"] .tabButtonContainer { margin:0!important; }
/*Alternative Images - Do not Display the 7th image */
.widget_product_image_viewer > .content > .other_views > ul > li:nth-child(7) { display:none; }
/*Alternative Images */
.widget_product_image_viewer > .content > .other_views > ul > li { width:89px!important; border:none!important; margin:0px 5px 0 0!important; height:auto!important; }
/*Alternative Images */
#ProductAngleImagesAreaList > li img { height:auto!important; } 

/*Drop down options for select attribute, stacking it higher ensures its always clickable.*/
div.rowContainer[id*="ProductPageLayout"] table.dijitInline { position:relative; z-index:1; }

/*View larger image main container*/

div.rowContainer[id*="ProductPageLayout"] .image_container .hover_text { max-width:300px; }

/*Delivery Info Tab */
div.rowContainer[id*="ProductPageLayout"] #ContentDeliveryInfoTab table { width:100%; }
/*Delivery Info Tab */
div.rowContainer[id*="ProductPageLayout"] #ContentDeliveryInfoTab table td {
    	border: 1px solid #ccc;
    	border-collapse: collapse;
    	/*padding: 2%; */
	}

/*Delivery Info Tab */
div.rowContainer[id*="ProductPageLayout"] #ContentDeliveryInfoTab table {	border-collapse: collapse;	}
/*Delivery Info Tab */
div.rowContainer[id*="ProductPageLayout"] #ContentDeliveryInfoTab .info td,
div.rowContainer[id*="ProductPageLayout"] #ContentDeliveryInfoTab .info tr	{
	border: 1px solid #ccc;
	padding: 5px;
	vertical-align: middle;
	}
	/*Delivery Info Tab */
	div.rowContainer[id*="ProductPageLayout"] #ContentDeliveryInfoTab img.van {
	width: 30px;
	position: relative;
	bottom: -5px;
	}
	/*Delivery Info Tab */
	div.rowContainer[id*="ProductPageLayout"] #ContentDeliveryInfoTab img.scottie {
	width: 55px;
	position: relative;
	bottom: -2px;	
	}
	/*Delivery Info Tab */
	div.rowContainer[id*="ProductPageLayout"] #ContentDeliveryInfoTab p {
	margin-bottom: 5px;
	}
	/*Delivery Info Tab */
	div.rowContainer[id*="ProductPageLayout"] #ContentDeliveryInfoTab h4 {
	
	
	font-weight: normal;
	font-size: 1.3em;
	margin: 10px auto;
	}




@media screen and (max-width:1280px) {
/*tab container now touches left */
div.rowContainer[id*="ProductPageLayout"] div#tab1Widget {
    margin-left: 0!important;
}	

/*tab header now touches left */
div.rowContainer[id*="ProductPageLayout"] .tab_header {
       margin-left: 0px!important; 
}
/*remove indentation on tab */
div.rowContainer[id*="ProductPageLayout"]  .tab_header { border-spacing:0!important; }

}

/*not at mobile range */
@media screen and (min-width:600px) {
/*desktop - Alternative Images limit width so images stack*/	
div.rowContainer[id*="ProductPageLayout"] .widget_product_image_viewer > .content > .other_views > ul { max-width:300px; }

}

/*Tablet*/
@media screen and (min-width:600px) and (max-width:1280px) {
div[id*="ProductPageLayout"].rowContainer #productMainImage { max-width:100%!important; }
/*Layout changes slot 5 + 6 larger width, product main image larger width.*/
div[id*="ProductPageLayout"].rowContainer div.col5[data-slot-id="5"],
div[id*="ProductPageLayout"].rowContainer div.col5[data-slot-id="6"] { width:55%!important; }	
}

@media screen and (max-width:600px) {
	/* move containers to the left which do not have left margins */	

	div[id*="ProductPageLayout"].rowContainer {    margin: 0 10px;}
	/*Angle images */
	div[id*="ProductPageLayout"].rowContainer .widget_product_image_viewer > .content > .other_views > ul > li { width:100px; height:100px; border:none; }
	
	div[id*="ProductPageLayout"].rowContainer .widget_product_image_viewer > .content > .other_views > ul > li > a > img { height:auto!important; width:100%!important;  }
	
	/*Remove padding on left set by styles.css */
	div[id*="ProductPageLayout"].rowContainer .widget_product_image_viewer > .content > .other_views > ul { padding:0; }
	
	div[id*="ProductPageLayout"].rowContainer .slot4[data-slot-id="4"] {
		width: 100%!important;
	}
	/*was max width 300px for desktop - for phone it is 600px -  The text is hidden inside but may be removed in future */
	div.rowContainer[id*="ProductPageLayout"] .image_container .hover_text { max-width:600px; }
	
	
	
	
	
	div[id*="container_DefaultProductPageLayout"].rowContainer .slot5[data-slot-id="5"] {
		width: 100%!important;
	}
	/* Product page image is now 100% width - no longer 95% */
	div[id*="ProductPageLayout"].rowContainer .image_container { width:100%!important;  }
	
	div[id*="ProductPageLayout"].rowContainer .product_text p { margin:2% 0!important; } 	
	/*This makes the product main image occupy full width at mobile size */	
	div[id*="ProductPageLayout"].rowContainer .product_page_content .widget_product_image_viewer .image_container { width:100%!important; }	
	
	div[id*="ProductPageLayout"].rowContainer  .widget_product_image_viewer > .content { width:100%; }	
	div[id*="ProductPageLayout"].rowContainer #productMainImage { max-height:100%!important; max-width:100%!important; width:100%!important; } 
	
	/*Reset rule in styles.css */
	div[id*="ProductPageLayout"].rowContainer .shopperActions { padding-left:0; }
	
	/*JS div inserted above - hidden at desktop visible on mobile */
	div[id*="ProductPageLayout"].rowContainer .widget_product_image_viewer h1.main_header { display:block!important; }
	
	/*Product short description to use full 100% of width*/

	
	div[id*="ProductPageLayout"].rowContainer div#productSlot56 div.slot5 {	width:100%;		}
	
	

	
	
}




/***************************************************/
/*               STATIC PAGES /*
/****************************************************/
	
	.static_page_content h1, .static_page_content h2, .static_page_content h3, .static_page_content h4, .static_page_content h5, .static_page_content h6, .static_page_content p {
	margin-bottom: 12px!important;
}/* Overwrites the rule margin:0 from static pages */
/* 6.3. Sitemap Link */
		.static_page_content .info_table_1, .static_page_content > .content_box {
	border-color: #000000 #e5e5e5 #e5e5e5!important;
} /* Removes the background colour on sitemap widget - Now on brand */
.static_page_content > .page_header {
	color: #000000!important;
} /* Title colour for sitemap widget - Now on brand */

/*Remove all underlines for links except on hover */
.static_page_content a {
	text-decoration:none!important; 
 }
 .static_page_content a:hover {
	text-decoration:underline!important; 
 }



/* 6.4. FAQ pages */
/*Static pages use full width */
.linkWidget.collapsible > h3:before {
	background: url("/wcsstore/contentspots/categories/sos/icons/rwdUI.png");
	width: 100px;
	height: 100px;
	display: block;
	border: 1px solid red;
	float: left;
}
.container_static_full_width { max-width:100%!important; }
#container_FAQS  .linkWidget.collapsible div.content ul li { font-size:140%; }
#container_FAQS  .linkWidget.collapsible div.content ul { padding:0%; }
#container_FAQS.rowContainer { padding: 10px 0px 0px 0px;  }
@media screen and (min-width:800px) {
#container_FAQS .col6.acol12[data-slot-id="2"] { width:30% }
#container_FAQS .col6.acol12[data-slot-id="3"] { width:70% }
}
@media screen and (max-width:800px) {
#container_FAQS .col6.acol12[data-slot-id="2"] { width:100% }
#container_FAQS .col6.acol12[data-slot-id="3"] { width:100% }
}
/*static content right */
	.info_section #pagelinks li {
	margin-bottom:20px;
	line-height: 18px;
	list-style: none;
} /*line height between top links on faq pages */
.info_section #pagelinks li a {
	text-decoration: none;
	font-size: 16px;
} /*font size on top links on faq pages */
ul#pagelinks li:hover {
text-decoration:underline;
}


.static_page_content h3 {
	font-size: 22px;
	
} 




/***************************************************/
/*  	JS Custom Lightbox (Partner Companies)
/****************************************************/
/* A seperate file creates a lightbox based on information in EMS (Partner companies)-  */

#lightbox9 div:nth-child(2) {top: 10%!important;}
#lightbox9 #WC_AccountDisplay_div_31 .sign_text_medium {margin-bottom: 0!important;}
#lightbox9 #WC_AccountDisplay_div_31 #scott_companies_col1 {width: 100%;}
#lightbox9 #WC_AccountDisplay_div_31 #scott_companies_col2 ul {margin: 0 0 0 -35px;}
#lightbox9 #WC_AccountDisplay_div_31 #scott_companies_col2 ul li {line-height: 16px;}



/*BREADCRUMBS JS BUTTON */
#widget_breadcrumb li.back {    border: 1px solid #999;    border-radius: 2px;    padding: 3px;    cursor: pointer;    padding: 3px 7px; color:#666666;margin-right:1%;}
#widget_breadcrumb li.back:hover {text-decoration:underline;}

/***************************************************/
/*  	MINI SHOP CART PRODUCT ADDED Popup
/****************************************************/
/*(MiniShopCartProductAdded - dijitDialog dijitDialogFocused dijitFocused) /*
/*ICONS */
#MiniShopCartProductAdded #cartDropdown > h3 { font-size:13px; font-weight:bold; }
#MiniShopCartProductAdded #cartDropdown > .closeButton::after {
   			background-image: url("/wcsstore/contentspots/categories/sos/icons/rwdUI_rtl.png")!important;
		} /* Shopping basket colour - now on brand */

/*Drop down box - move down becasuse of header Mobile EMS content */
@media screen and (max-width:600px) {
	 #MiniShopCartProductAdded { margin-top:23px; }
}

/*Move the drop down up - flush with icon */

@media screen and (min-width:600px) { #quick_cart_container,  #MiniShopCartProductAdded { top:61px!important; }   }
@media screen and (max-width:700px) {
#MiniShopCartDisplayView_1 { min-width:100%; margin-top:10.5%!important; padding-right:0px!important; }
#MiniShopCartDisplayView_1 a#MiniShopCartCloseButton_1 { display:block!important;}
}
#MiniShopCartProductAddedWrapper   a#MiniShopCartCloseButton_2 { font-size:14px; }



		/*Department page - show collapsible icon*/
		/*#content .collapsible > h3::before, .categoryNavWidget.collapsible > h3::before,*/
		.linkWidget.collapsible > h3::before {
    		content: ''!important;
		}
		
		#widget_minishopcart {
    			background-image: none!important; /* was linear-gradient(#d1d3d4, #d1d3d4) */
    			border: 1px solid #c9cece!important; /* added by JW 2015-09-30 */
    			border-radius: 0px!important;
			}
			
			
			#widget_minishopcart::before {
				clip: none!important; /* was rect(1px, 51px, 36px, -2px)!important; */
    			content: url("../../images/responsive/mybasket.png")!important;
    			left: 0!important;
				position: relative!important;
				top: 6px!important;
				clip:
			}
			
			
		
		
		
		
		
		
			
		
		
		




/*Temp*/

/*Index search results - videos and articles tab (SEARCH RESULTS PAGE ONLY)*/
#container_DefaultSearchResultLayout #tab2, #container_DefaultSearchResultLayout #tab1{ display:none; }


/***************************************************/
/*               WIDGETS /*
/****************************************************/


/*Category Recommendation*/

.catPos > .product_image > a > img  { max-height:inherit; margin:auto;  }
.catPos > .product_image > a { height:auto; max-height:240px; overflow:hidden; }


/*Reset height set on external css file */
div#widget_breadcrumb { height:auto!important; margin:0; display:block; }
html[data-title="Search Results"] #widget_breadcrumb { display:none!important; }
div#widget_breadcrumb > ul li { line-height:18px; }


/*These apply to widgets across the site... ie not page specific */

/*FACET WIDGET */
#content .collapsible, .categoryNavWidget.collapsible, .linkWidget.collapsible { background:#f7f4f4; border-radius:0px!important; }
#content .collapsible:hover, .categoryNavWidget.collapsible:hover, .linkWidget.collapsible:hover { background:#f0f0f0; }

/*avoid the filters appearing during mobile page loading */
@media screen and (max-width:600px) {
.collapsible > .content { display:none; }
/*When clicked reset */

}

/*recently viewed correct relative positioning from style.css*/
#FooterRecentlyViewed .price { position:static!important; }


ul.facetSelect li input[type="checkbox"][onclick*="SearchBasedNavigationDisplayJS.toggleSearchFilter"] { display:none; }

/*Face widget headers - eg color, Size, Web Search Category */
#content .facetWidget.collapsible .optionContainer > .title { font-size:18px!important; height:auto!important; }

		
/*End Mod*/




/*New Change*/
/*Checkout Progress Bar */


 #new_progressBar span  { width:21.2%; margin-left:-15px; } 

@media screen and (min-width:600px) and (max-width:970px) { 
 #new_progressBar .Nav2 b,
  #new_progressBar .Nav3 b,
 #new_progressBar .Nav4 b, 
 #new_progressBar .Nav5 b { 
 line-height:16px!important; top:10px!important; font-size:12px; 
  } 
 }
 
 
#container_ShippingAndBillingPageLayout div[data-slot-id="1"]  div > .left_espot {
  margin: auto;
  max-width: 972px;
}

#container_ShippingAndBillingPageLayout #new_progressBar span {
  margin-left: -15px;
  width: 20.9%;
}

/*Guest Checkout - 5 Possible Steps, merge them steps closer on this layout */

#new_progressBar { overflow:hidden; float:left; width:100%; position:relative; z-index:900; margin-top:35px;  }

#WC_ShipmentDisplay_div_4 { z-index: 5; display:none!important; }

#new_progressBar .statusIcon {
	left: 22px;
	position: absolute;
	top: 10px;
	z-index: 2;
}
#new_progressBar > span {
	position:relative;
	display:block;
	float:left;
	overflow:hidden;
}
@media screen and (min-width:600px) {
#new_progressBar .Nav1 { margin-left:0!important; }
}
@media screen and (max-width:600px) {
#new_progressBar > span { width:100%!important; }	
	
}

#new_progressBar img.bg { max-width:none; }
#new_progressBar b {
	color: white;
	font-size: 13px;
	left: 54px;
	position: absolute;
	top: 12px;	
	z-index: 1;
	padding-right:20px;
}

/*Progress Bar html in marketing content */

/*progress bar */
.progress-label { width:100%; text-align:center; }
div#WC_ShipmentDisplay_div_4 span.step_on {position:relative;z-index:2;}
#WC_ShipmentDisplay_div_4 > span { top:-15px; }
div#WC_ShipmentDisplay_div_4 .step_arrow { display:none; }
.progress-row.row { max-width:1280px; margin:auto; }
.progress-row {  margin:auto; }

.progress-field.row {  float: left;    width: 100%;}
.progress-label {    float: left;}
@media screen and (max-width:830px) {
.progress-label { font-size:12.5px; }

}
@media screen and (max-width:700px) {
.progress-label {    font-size: 11px;    line-height: 13px;    margin-bottom: 3%;}
}

.progress-slot {    float: left;font-weight:bold;}
.fill .progress-slot::before {    content: "";    display: block;}
.fill {    background: grey none repeat scroll 0 0;    border-radius: 50px;    display: block;    float: left;    height: 25px;    overflow: hidden;    padding: 0.4%;    position: relative;    width: 100%;}
.fill .progress-slot.active:before {    background: #9cb2b5;    border-radius: 0px 50px 50px 0;    height: 33px;    position: relative;    top: -4px;}
.fill .progress-slot.active[data-position="1"]:before {left:-4%;}
.fill .progress-slot.active[data-position="2"]:before {left:-10%;}
.fill .progress-slot.active[data-position="3"]:before {left:-15%;}
.fill .progress-slot.active[data-position="4"]:before {left:-20%;}
.fill .progress-slot.active[data-position="5"]:before {left:-30%;width:500px;}


/*Message helper on errors - improve usability by stopping auto scroll for default absolute positioning */
#MessageArea { position:fixed!important; }

/*dijitDialog*/

/*Create your wishlist - visible on basket page, product page */
@media screen and (max-width:600px) {	
	div.widget_site_popup > .middle > .content_left_border > .content_right_border > .content { min-height:230px; }
	div.widget_site_popup > .middle > .content_left_border > .content_right_border > .content form input { width:auto; }
}

/*Product reommendation EMS */
/*Button navigation */
.controlBar .pageControl.number > a { border-radius:0; }



/* Default progress bar  #WC_ShipmentDisplay_div_4 { display:none; } */



/*WIDGET CAROUSEL */

.carousel > h2 {
	color: #666666;
}

#contentRecommendationWidget_aurora_slider  .left_espot,
.left_espot a[href*="aurora_slider"]  { display:none; }




/*Hide Ribbons on certain widgets */
#boxFooterRecentlyView .Ribbons { display:none; }

/*Hide Ribbons on product reccomendations */
div[id*="IBMProductRecommendationWidget"] ul li .product .Ribbons { display:none; }

/* CLOUD ZOOM CSS. (c)2012-2013 Star Plugins. */








/*
 Cloud Zoom CSS. (c)2012-2015 Star Plugins.
*/

/* CSS for lens */
.cloudzoom-lens {
	border:1px solid #d1d3d4;  
   /* width:135px;
    height:169px; */
    box-shadow: -0px -0px 10px rgba(0,0,0,0.40);
    cursor:crosshair;
    z-index: 9999;
}
/* CSS for zoom window. */
.cloudzoom-zoom {
    border:1px solid #888;
   /* width:600px;
    height:750px; */
    box-shadow: -0px -0px 10px rgba(0,0,0,0.40);
	z-index: 9999;
}
/* CSS for zoom window in 'inside' mode. */
.cloudzoom-zoom-inside {
    border:none;
    box-shadow:none;
	z-index: 9999;
}

/* CSS for captions */
.cloudzoom-caption {
    display:none;   /* CSS captions should be hidden initially */
    text-align: left;
    background-color:#000;
    color:#fff;
    font-weight:bold;
    padding:10px;
    font-family: sans-serif;
    font-size:11px;
   
}

/* A blank image */
/*This effects the part of the image which is outsize the lens, the color needs to be transparent, its been removed because the building up of layers causes the image to become invisible */
.cloudzoom-blank {
  /*  background-image:url('/icons/generic/blank_white.png'); */
}

/* The animated ajax loading image */
.cloudzoom-ajax-loader {
    background-image:url('/icons/generic/ajax-loader.gif');
    width:32px;
    height:32px;
}


.cloudzoom-tint { opacity:0!important; }


/*Product Page Stock Messaging*/

.textGreen {

color: #00B11F;
}



/*****************/
/*PROMO CODES *****/

/******************/

/*Promotional Codes - hide the offer codes */


div[data-promotion-used="offerCode_SFYD"] span[width="15px"] { display:none; }


fieldset[id*="-Taxonomy"] { display:none; }
.subscribeButton[href*="MarketingSpotData/"] { display:none; }



/*****************/
/*QUICK INFO JS STYLES
/******************/
#interactive_dialogue input.invalid {	border:2px solid red;}
#interactive_dialogue .no {	display:none;}
#interactive_dialogue #diaglogue2 {	overflow-y:scroll}

#interactive_dialogue .product-recs-format .product > .product_image img {	max-width:140px;}
#interactive_dialogue .product-recs-format .overflow .product .quickLinkAdd2cart {	margin: auto;	float: none;	display: block;	width: 150px;	text-align: center;}
#interactive_dialogue div[id*="avg-rating"] span { position:static!important; }
#interactive_dialogue .product-recs-load .product .product_name { height:75px!important; }
#interactive_dialogue .product-recs-load .review_data { height:50px!important; }
#interactive_dialogue .product-recs-load .catEntryetails .left { display:none!important;}
#interactive_dialogue .product-recs-load > div { height:auto!important; }
#interactive_dialogue .product-recs-load > div .owl-dots > div { margin:1%!important; }
#interactive_dialogue .product-recs-load li { float:left; width:auto!important; }
#interactive_dialogue .product-recs-load ul { width:40000px; }
#interactive_dialogue .product-recs-load > div { overflow:hidden; }
#interactive_dialogue .right.column2 {width:100%!important;}
@media screen and (max-width:800px) {
#interactive_dialogue div.row.perso_fields {	width:100%!important;}
}
#interactive_dialogue.persoActive .padding {	padding-top:0!important;}
#interactive_dialogue .row.pricerow .offer_price, #interactive_dialogue .row.pricerow .original_price {width:100%;}
#interactive_dialogue #directSmilePreview, #interactive_dialogue #dsInfo {display:none;}
.product-recs-format .overflow .product .right.column2, .overflow .product .row.catEntryetails {width:100%;float:left;}
#interactive_dialogue .product-recs-format .overflow .product {float:left;}
#MiniShopCartProductAddedWrapper {height:0px;overflow:hidden;}
#interactive_dialogue #name1 div {	font-size:16px;}
.blk_screen {	width: 100%;	height: 100%;	background: black;	position: fixed;	left: 0px;	top: 0px;	z-index: 9998;	opacity: 0.85;}
.diaglogue1 {	background-color: white;	left: 30%;	position: fixed;	top: 5%;	width: 70%;	max-width:800px;	z-index: 9999;}
#interactive_dialogue >  #diaglogue2 {	overflow-y:scroll;	overflow-x:hidden;}
@media screen and (max-width:1000px) {
.diaglogue1 {	width:90%!important; border:1px solid #ccc; border-radius:10px;}
}
@media screen and (max-width:800px) {
#interactive_dialogue .buttons {width:100%!important;}
}
@media screen and (max-width:600px) {
#interactive_dialogue .details {
	width:100%!important;
}
}
@media screen and (max-width:600px) {
#interactive_dialogue #rec .content ul li {	width: 200px!important;	visibility:visible!important;}
#interactive_dialogue #rec .carousel > .prevPageButton.hidden, #interactive_dialogue .carousel  > .nextPageButton {	display:block!important;}
}
 @media screen and (max-width:600px) {
#interactive_dialogue div#rec div.content {width:100%;overflow-x:scroll!important;}
#interactive_dialogue .price {position: static !important;}
#interactive_dialogue div#rec { margin-bottom:20px;}
}
#interactive_dialogue #rec .price {	position:static;}
#interactive_dialogue #rec ._name.mh_name {	height:auto!important;}
#interactive_dialogue #rec > ._image {	height:auto!important;}
#interactive_dialogue #rec .content, #rec .carousel.padding-true {	margin:0!important;	padding:0!important;}
#interactive_dialogue #rec  ._image img {max-width:140px!important;}
#interactive_dialogue .myclose.blk_screen { height:100%; width:100%; position:fixed; background:black; left:0px; top:0px; }
#interactive_dialogue .diaglogue1 {display: none; opacity: 0; left: 560px; top: -122.222px;}
#interactive_dialogue .fancybox-close {right: 0px;top:1%;display: block;width: 40px;height: 37px;position: absolute;right: 0px;top: -20px;margin-left: 0px;}
#interactive_dialogue form[name="DirectSmileForm"] sup { width:100%; display:block; }
#interactive_dialogue form[name="DirectSmileForm"] .selector > div { display:inline; }
#interactive_dialogue .profile {max-width: 160px;}
#interactive_dialogue #product-recs { display:block; width:1px; height:1px; position:absolute; left:-999px; }
#interactive_dialogue .addtocartsuccess {width:100%; font-weight:bold; font-size:20px; margin-bottom:3%; display:none; color:green;}
#interactive_dialogue .title1 { width:100%; font-weight:bold;}
#diaglogue2 {padding: 4%; }
#interactive_dialogue .productdetails {width:35%;}
#interactive_dialogue select { padding:5px; width:100%; }
#interactive_dialogue .left_column { display:none; }
#interactive_dialogue .right_column #QuickInfoaddToShoppingListBtn { display:none; }
#interactive_dialogue .right_column ul { display:none; }
#interactive_dialogue .right_column p { display:none; }
#interactive_dialogue .right_column .sku { display:none; }


#interactive_dialogue .right_column.wasprice .original_price {     text-decoration: line-through; }

#interactive_dialogue .right_column.wasprice .yousave_price * { color:#C00303; font-size:16px!important; }

#interactive_dialogue .right_column.wasprice .offer_price { font-size:20px; font-weight:bold; }
#interactive_dialogue .right_column.wasprice .offer_price,
#interactive_dialogue .right_column.wasprice .original_price { text-align:left; }
#interactive_dialogue .right_column #WC_QuickInfo_Link_close { display:none; }
#interactive_dialogue .right_column .main_header { display:none; }
#interactive_dialogue .right_column #WC_QuickInfo_Link_addtocart { display:none; }
#interactive_dialogue .right_column #WC_QuickInfo_Link_viewdetails { display:none; }
#interactive_dialogue .perso_fields { width:0%; float:left; }
#interactive_dialogue .left.buttons { width:30%; float:right; }
#interactive_dialogue > .myclose {display:block;padding:0px;text-decoration:none;text-align:center;color:black;background-image:url(/wcsstore/AuroraStorefrontAssetStore/javascript/fancybox/fancybox_sprite.png)!important;
}
#interactive_dialogue .continue { display: block; width:100%; border: 1px solid rgb(204, 204, 204); padding: 10px 0; text-decoration: none; text-align: center; background: white none repeat scroll 0% 0%; color: black; }
#interactive_dialogue .loading2 { position:absolute; z-index:9999; background:white; display:none; border: 1px solid #ccc;border-radius: 10px; }
#interactive_dialogue .lightbox-add2cart { display: block; border: 1px solid rgb(204, 204, 204); padding: 10px; color: white; font-weight: bold; text-decoration: none; text-align: center; margin-top: 15px; background:#FBBB0B}
#interactive_dialogue .errors.text {width:100%; color:red; display:none; margin-top:4%;}
#interactive_dialogue .stockstatus { font-size:14px; font-weight:bold; width:100%; }
#interactive_dialogue .price1 { font-weight:bold; font-size:20px;}
#interactive_dialogue .r2 {width: 27%; min-width:165px; margin-right:2%;}
#interactive_dialogue .r3,
#interactive_dialogue .r4 { list-style: outside none none; margin:10px 0}
#interactive_dialogue .checkout { display: block; border: 1px solid rgb(204, 204, 204); padding: 10px; color: white; font-weight: bold; text-decoration: none; text-align: center; margin-top: 15px; background:#FBBB0B;}
#interactive_dialogue img[src*="tick"] { width:30px; margin-right:1%; display:block; float:left;} 
#interactive_dialogue .tick2 {width:25px; min-width:30px; margin-right:1%; display:block; float:left;}
#interactive_dialogue h3.added { margin-bottom: 20px; font-size: 16px; color:green; line-height: 26px; float: left; width: 90%; }
#interactive_dialogue .left.details { width: 40%; }

#interactive_dialogue .product-recs-load .carousel { margin:0 0 7px 0!important; }
#interactive_dialogue .product-recs-format {width:100%; float:left; overflow-x:scroll;}
#interactive_dialogue .product-recs-title { font-size:18px; width:100%; float:left; }
#interactive_dialogue .loading2 { display:none; margin:auto;background:white; border: 1px solid #ccc;border-radius: 10px;}
#interactive_dialogue hr.left {width:100%; height:1px; border:none; margin:10px 0; background:#ccc;}
#interactive_dialogue .color_and_size { padding-top:0; }
#interactive_dialogue .left.buttons {width:30%; }
#interactive_dialogue .left.line { width:100%;} 
#interactive_dialogue .overflow { min-height:100px;}
#interactive_dialogue #WC_QuickInfo_input_quantity { border:1px solid rgb(169, 169, 169); height:30px; border-radius:0px; }
#interactive_dialogue .product-recs-load { width:100%; }
#interactive_dialogue .product-recs-load > div { width:100%; padding:0px; }
#interactive_dialogue .product-recs-load > div.slider-x { margin-bottom:1.5%; }
#interactive_dialogue .product-recs-load > div div.content { margin:0px!important; }
.product-recs-load h2[id*="title_"] { font-weight:bold; }

@media screen and (max-width:550px) {
	#interactive_dialogue .productdetails { width:65%; }
#interactive_dialogue h3.added { margin-bottom:0px }	
#interactive_dialogue select { width:100%; }
#interactive_dialogue .continue, #interactive_dialogue .checkout { width:43%; float:left; font-size:12px; padding:3px; float:left; border-radius:8px; }
#interactive_dialogue .lightbox-add2cart, #interactive_dialogue .continue { float:left; width:100%; padding:8px 0;}
	#interactive_dialogue .continue { margin-right:3%; }
	#interactive_dialogue .checkout { margin-top:0; padding:4px; }
	#interactive_dialogue h3.added { line-height:21px; }
	
	#single-sku .left.details li { float:left; margin-left:8px; }
	
	#interactive_dialogue #single-sku { padding:0px 9px 9px 9px!important; }
}




/*E GIFT Cards */

@media screen and (max-width:600px) {
#diaglogue2 .perso_fields.egift input[type="text"] { display:block; }
#diaglogue2 .perso_fields.egift br { display:none; }
#diaglogue2 textarea { width:100%; }
#interactive_dialogue .checkout { width:100%;  margin-top:10px; padding:10px 0; }
}

/* Hide - Show Mobile Carousel */

 div[data-ems-name*="Mobile_"]  { display:none;}
div[data-device="mobile"] { display:none; }

@media screen and (max-width: 500px) {    
div[data-ems-name*="Mobile_"] {   display:block;    }
div[data-ems-name*="aurora_slider"] {   display:none;   }  
}

@media screen and (max-width:600px) {
div[data-device="desktop"] { display:none!important; }
div[data-device="mobile"] { display:block!important; }
}



@media screen and (max-width: 600px) {		
#footer .footer_call { display:none; }	    		
#footer .row.m_width > div.row:first-child {	display:none!important;	}	
 	
}



/* Dijit */


.dijit-range .dijitSliderMoveable {
	z-index:99;
	position:absolute !important;
	display:block;
	vertical-align:middle;
}
.dijit-range .dijitSliderMoveableH {
	right:0;
}
.dijit-range .dijitSliderMoveableV {
	right:50%;
}
.dijit-range .dj_a11y div.dijitSliderImageHandle,
.dijit-range .dijitSliderImageHandle {
	margin:0;
	padding:0;
	position:relative !important;
	border:8px solid gray;
	width:0;
	height:0;
	cursor: pointer;
	-webkit-tap-highlight-color: transparent;
}

.dijit-range .dj_a11y .dijitSliderFocused .dijitSliderImageHandle {
	border:4px solid #000;
	height:8px;
	width:8px;
}
.dijit-range .dijitSliderImageHandleV {
	top:-8px;
	right: -50%;
}
.dijit-range .dijitSliderImageHandleH {
	left:50%;
	top:-5px;
	vertical-align:top;
}
.dijit-range .dijitSliderBar {
	border-style:solid;
	border-color:black;
	cursor: pointer;
	-webkit-tap-highlight-color: transparent;
}
.dijit-range .dijitSliderBarContainerV {
	position:relative;
	height:100%;
	z-index:1;
}
.dijit-range .dijitSliderBarContainerH {
	position:relative;
	z-index:1;
}
.dijit-range .dijitSliderBarH {
	height:4px;
	border-width:1px 0;
}
.dijit-range .dijitSliderBarV {
	width:4px;
	border-width:0 1px;
}
.dijit-range .dijitSliderProgressBar {
	background-color:red;
	z-index:1;
}
.dijit-range .dijitSliderProgressBarV {
	position:static !important;
	height:0;
	vertical-align:top;
	text-align:left;
}
.dijit-range .dijitSliderProgressBarH {
	position:absolute !important;
	width:0;
	vertical-align:middle;
	overflow:visible;
}
.dijit-range .dijitSliderRemainingBar {
	overflow:hidden;
	background-color:transparent;
	z-index:1;
}
.dijit-range .dijitSliderRemainingBarV {
	height:100%;
	text-align:left;
}
.dijit-range .dijitSliderRemainingBarH {
	width:100% !important;
}
.dijit-range .dijitSliderBumper {
	overflow:hidden;
	z-index:1;
}
.dijit-range .dijitSliderBumperV {
	width:4px;
	height:8px;
	border-width:0 1px;
}
.dijit-range .dijitSliderBumperH {
	width:8px;
	height:4px;
	border-width:1px 0;
}
.dijit-range .dijitSliderBottomBumper,
.dijit-range .dijitSliderLeftBumper {
	background-color:grey;
}
.dijit-range .dijitSliderTopBumper,
.dijit-range .dijitSliderRightBumper {
	background-color:transparent;
}
.dijit-range .dijitSliderDecoration {
	text-align:center;
}
.dijit-range .dijitSliderDecorationC,
.dijit-range .dijitSliderDecorationV {
	position: relative; 
}
.dijit-range .dijitSliderDecorationH {
	width: 100%;
}
.dijit-range .dijitSliderDecorationV {
	height: 100%;
	white-space: nowrap;
}
.dijit-range .dijitSliderButton {
	font-family:monospace;
	margin:0;
	padding:0;
	display:block;
}
.dijit-range .dj_a11y .dijitSliderButtonInner {
	visibility:visible !important;
}
.dijit-range .dijitSliderButtonContainer {
	text-align:center;
	height:0;	
}
.dijit-range .dijitSliderButtonContainer * {
	cursor: pointer;
	-webkit-tap-highlight-color: transparent;
}
.dijit-range .dijitSlider .dijitButtonNode {
	padding:0;
	display:block;
}
.dijit-range .dijitRuleContainer {
	position:relative;
	overflow:visible;
}
.dijit-range .dijitRuleContainerV {
	height:100%;
	line-height:0;
	float:left;
	text-align:left;
}
.dijit-range .dj_opera .dijitRuleContainerV {
	line-height:2%;
}
.dijit-range .dj_ie .dijitRuleContainerV {
	line-height:normal;
}
.dijit-range .dj_gecko .dijitRuleContainerV {
	margin:0 0 1px 0; 
}
.dijit-range .dijitRuleMark {
	position:absolute;
	border:1px solid black;
	line-height:0;
	height:100%;
}
.dijit-range .dijitRuleMarkH {
	width:0;
	border-top-width:0 !important;
	border-bottom-width:0 !important;
	border-left-width:0 !important;
}
.dijit-range .dijitRuleLabelContainer {
	position:absolute;
}
.dijit-range .dijitRuleLabelContainerH {
	text-align:center;
	display:inline-block;
}
.dijit-range .dijitRuleLabelH {
	position:relative;
	left:-50%;
}
.dijit-range .dijitRuleLabelV {
	
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.dijit-range .dijitRuleMarkV {
	height:0;
	border-right-width:0 !important;
	border-bottom-width:0 !important;
	border-left-width:0 !important;
	width:100%;
	left:0;
}
.dijit-range .dj_ie .dijitRuleLabelContainerV {
	margin-top:-.55em;
}
.dijit-range .dj_a11y .dijitSliderReadOnly,
.dijit-range .dj_a11y .dijitSliderDisabled {
	opacity:0.6;
}

.dijit-range .dj_a11y .dijitSlider .dijitSliderButtonContainer div {
	font-family: monospace; 
	font-size: 1em;
	line-height: 1em;
	height: auto;
	width: auto;
	margin: 0 4px;
}
.dijit-range .dj_a11y .dijitButtonContents .dijitButtonText,
.dijit-range .dj_a11y .dijitTab .tabLabel {
	display: inline !important;
}
.dijit-range .dj_a11y .dijitSelect .dijitButtonText {
	display: inline-block !important;
}
.dijit-range .dijitTextArea {
	width:100%;
	overflow-y: auto;	
}
.dijit-range .dijitTextArea[cols] {
	width:auto; 
}
.dijit-range .dj_ie .dijitTextAreaCols {
	width:auto;
}
.dijit-range .dijitExpandingTextArea {
	
	resize: none;
}
.dijit-range .dijitToolbarSeparator {
	height: 18px;
	width: 5px;
	padding: 0 1px;
	margin: 0;
}

.dijit-range .dijitEditor {
	display: block;	
}
.dijit-range .dijitEditorDisabled,
.dijit-range .dijitEditorReadOnly {
	color: gray;
}
.dijit-range .dijitTimePicker {
	background-color: white;
}
.dijit-range .dijitTimePickerItem {
	cursor:pointer;
	-webkit-tap-highlight-color: transparent;
}
.dijit-range .dijitTimePickerItemHover {
	background-color:gray;
	color:white;
}

/* STARTED */
.dijit-range  dijitSlider.dojoxRangeSlider .dijitSliderLeftBumper, 
.dijit-range .dijitSlider.dojoxRangeSlider .dijitSliderBottomBumper {
	background:#FFFFFF;
}
.dijit-range .dijitSliderDisabled.dojoxRangeSlider .dijitSliderLeftBumper,
.dijit-range  .dijitSliderDisabled.dojoxRangeSlider .dijitSliderBottomBumper {
	background:#EFEFEF;
}
.dijit-range .dojoxRangeSliderBarContainer {
	position:relative;
	z-index:1;
}
.dijit-range .dojoxRangeSlider .dijitSliderProgressBarV {
	position:relative !important;
}
.dijit-range .dojoxRangeSlider .dijitSliderProgressBar {
	overflow:hidden;
	cursor:pointer;
}
.dijit-range .dojoxRangeSlider .dijitSliderProgressBarV {
	position:absolute !important;
	border-width: 0px;
}
.dijit-range .dojoxRangeSlider .dijitSliderImageHandleH {
	left: -50%;
}
.dijit-range .dijitSlider .dojoxRangeSliderBarContainer .dijitSliderProgressBarH, .dojoxRangeSlider .dijitSliderMoveableH {	right:auto !important;}
.dijit-range .dijitSliderProgressBar {	background:#999;}
.dijit-range .dojoxRangeSlider .dijitSliderImageHandleH:after {	content: attr(data-ranged);	position: relative;	left: -15px;	top:10px;}
.dijit-range .dojoxRangeSlider .dijitSliderImageHandleH[data-end]:after {left:-25px!important;	}




/* WISHLIST OPTION */


div.favourite-icon {
position: absolute;
    right: 0%;
	bottom:0%;
    background: white;
    border-radius: 40px!important;
	height: 40px;
    width: 40px;
	z-index:9;
}

 .product .favourite-icon .favourite-icon-layer1:before { content:"";  background:url("/icons/generic/save-inactive.svg")  no-repeat; display:block; width:28px; height:28px; background-size:100%;  } 
 .product .favourite-icon .favourite-icon-layer2:before { content:"";  background:url("/icons/generic/save-active.svg")  no-repeat; 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;     border-radius: 10px 0px 0px 10px; 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;
}

.wishlist-product > div { float:left; width:100%; }
.wishlist-product-title h5 { font-weight:normal; }
.wishlist-product { float:left; }
#wishlistContainer-popup { background:white; display:none; position:fixed; border:1px solid red; z-index:10;}
.wishlist-product img { max-width:250px; }
#wishlistContainer-popup-overlay { background:black; display:none; width:100%; height:100%; position:fixed; left:0px; top:0px;  }
.wishlist-close:before {
    content: "";
    background: url(/wcsstore/AuroraStorefrontAssetStore/javascript/fancybox/fancybox_sprite.png);
    display: block;
    width: 34px;
    height: 36px;
    position: relative;
    top: -17px;
    left: 14px;
}
div.wishlist-product-price > div { font-weight:bold; }
div.wishlist-product-price > div.price-was { font-weight:normal; }

div.wishlist-product-price .price-save { color:red; }

.middle.auto { width:100px; margin:auto; }
.wishlist-product-price > div { width:100%; float:left; }
.wishlist-product-title, .row.left.price-now, .row.left.price-was, .row.left.price-save { text-align:center; }
.wishlist-close, .delete_entry { cursor:pointer; }
div.wishlist-product { max-width:285px; margin-bottom:2%; }
@media screen and (min-width:900px) {	
div.wishlist-product { width:32.5%; }	
}
@media screen and (max-width:900px) {	
div.wishlist-product { width:48.5%; }	
}

.remove1 { display:block; background:#ccc; min-width:150px; text-align:center; color:#444; float:left; padding:8px; position:relative; }
.savefor { display:block; background:orange; min-width:150px; text-align:center; color:white; float:left; margin-right:10px; padding:8px; }
.remove1:before { content:""; background:url("/icons/generic/wish_list-bin.jpg"); display:inline-block; width:20px; height:20px; position:absolute; left:5px; }
.buttons1 { width:350px; margin:auto; float:none!important;  }
@media screen and (max-width:600px) {	
.buttons1 a { width:100%;display:block;  }	
.wishlist-actions { float:left!important; width:100%; }
.buttons1 { float:left!important; width:90%; }
div.wishlist-product { width:100%; }
}

.sa_s28_rating, .sa_s28_Like_rating { display:inline-block; float:left; }
.sa_s28_display_avg_rating {
    margin:  auto;
    width: 135px;
}
.product .row.catEntryetails .left { width:100%; }
div[data-ribbon-parent="Ribbon - Offer"] {
display:none!important;	
}


.personalisation_logo_logo { display:none; }

#catalogEntryRecommendationWidgetFooterRecentlyViewedEMS_Aurora h2 { display:block!important; }

#widget_minishopcart_popup .remove-link:hover { color:#333; }
#widget_minishopcart_popup .remove-link {     border: 1px dotted #ccc; position:relative; 
       margin-top: 22px;
    border-left: 0;
    border-right: 0;
    padding: 4px 0; 
}
#widget_minishopcart_popup .remove-link img { 
width: 20px;
    position: absolute;
    margin-left: 3px;
    top: 1px;
}

.tmspslot { min-height:auto!important; }
@media screen and (min-width:1200px) {
#tpwidget1 { position:relative; left:60px; }

}

.Verdict, .EV, div[data-ribbon-child*="“"], div[data-ribbon-parent="Product Testimonial"], div[data-ribbon-parent="Product Testimonial Source"] { display:none!important; }


html[data-title="Secure Checkout"] #LoginWithAmazon, html[data-title="Secure Checkout"] #customers_new_or_returning h3 { display:none; }

div#contentRecommendationWidget_aurora_slider img, #contentRecommendationWidget_Mobile_Carousel_EMS img { display:none; }


/*Pure360 product recs - some resets */
.sa-review-multibrand > img { display:none!important; }
.sa-review-multibrand { visibility:hidden; }