@charset "utf-8";

 
@import url("http://www.theoriginalgift.co.uk/wcsstore/AuroraStorefrontAssetStore/91/css/generic/common1_1.css");


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

.brandcolor { color:#082045; }
div#WC_AccountDisplay_div_23.align span.text_body:before { font-size:16px!important; line-height:16px; content:"If you haven't bought from The Original Gift or another Scotts & Co. partner company before simply click the register button below to create your Scotts & Co. account."; }


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

/*

/* Navigation - includes CSS resets and button color amends */

/* CSS resets */

.departmentButton { /* overwrite temp.css link 247 */
border: none!important;
}
ul#departmentsMenu.active { /* overwrite temp.css link 270 */
border-top: 0!important;
}
#header div#headerRow2 a.departmentButton {
margin: 0!important; /* overwrite master.css line 854 */
}
.departmentButton {
border-radius: 0!important; /* overwrite base.css line 89 */
}

/* CSS amends */

#departmentButton_203754 {
background: #a50d06; /* Sale nav */
}
#departmentButton_32964 {
background: #3f5881; /* Special Offers nav */
}


/*

/*Ribbons */


.image .RibbonAdDefault, .image_container .RibbonAdDefault { /* fixes spacing issue */
        padding: 0 15px 0 5px!important;
}
.image .RibbonAdDefault.Gift, .image_container .RibbonAdDefault.Gift {
        background: rgba(0, 0, 0, 0) linear-gradient(to right, rgba(186, 169, 109, 1) 76%, rgba(255, 255, 255, 0) 100%) repeat scroll 0 0!important;
}
.image .RibbonAdDefault.Exclusive, .image_container .RibbonAdDefault.Exclusive {
        background: rgba(0, 0, 0, 0) linear-gradient(to right, rgba(60, 78, 132, 1) 76%, rgba(255, 255, 255, 0) 100%) repeat scroll 0 0!important;
}
.image .RibbonAdDefault.Offer, .image_container .RibbonAdDefault.Offer {
        background: rgba(0, 0, 0, 0) linear-gradient(to right, rgba(197, 45, 45, 1) 76%, rgba(255, 255, 255, 0) 100%) repeat scroll 0 0;
}
.image .RibbonAdDefault.Designs, .image_container .RibbonAdDefault.Designs {
        background: rgba(0, 0, 0, 0) linear-gradient(to right, rgba(106, 137, 207, 1) 76%, rgba(255, 255, 255, 0) 100%) repeat scroll 0 0;
}

/*HOMEPAGE */

@charset "utf-8";
/* CSS Document */

/* 5. HOMEPAGE */
	
	/*5.1 Layout Page */
		/*Layout Name = HomepageLayout */
		#container_Homepage {
	margin: auto;
	padding:0;
}
/* 5.2 Carousel*/
#container_Homepage .contentRecommendationWidget.carousel div.content ul li.hidden {
	visibility:visible!important;
}
#container_Homepage  > div.row:first-of-type {
display: none;
}
#contentRecommendationWidget_4_-1000_3074457345618290728 a {
	display:block!important;
}

#carousel #scroll img { width:100%; }



#container_Homepage  > div.row:first-of-type {
display: none;
}





#container_Homepage.rowContainer div[data-slot-id="6"]  .product_image { max-height:230px; overflow:hidden; }

#container_Homepage.rowContainer .col12[data-slot-id="6"] div[id*="contentRecommendationWidget"] div.left_espot {
  float: left;
  


}

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

   #container_Homepage.rowContainer .col12[data-slot-id="6"] div[id*="contentRecommendationWidget"] div.left_espot {
   width: 24%;
   margin:0 1% 2% 0; 	
  }
}

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

   #container_Homepage.rowContainer .col12[data-slot-id="6"] div[id*="contentRecommendationWidget"] div.left_espot {
   width: 47.5%;
   margin:0 2% 2% 0; 	
  }
}
@media screen and (max-width:450px) {

   #container_Homepage.rowContainer .col12[data-slot-id="6"] div[id*="contentRecommendationWidget"] div.left_espot {
   width: 100%;
 
  }
}


#container_Homepage .col12[data-slot-id="6"] {
    width: 102%;
    position: relative;
    left: -1%;
}

 #container_Homepage .row { padding:0; }

#container_Homepage .slide .left {
	float:left;
	width:34%;
	height:100%;
	background:#e5edf8;
}
#container_Homepage .slide .right {
	float:left;
	width:65%;
	height:100%;
	overflow:hidden;
}
#container_Homepage .slide .left h1, #container_Homepage .slide .left p {
	text-align:center;
}
#container_Homepage .slide .left span {
	display:block;
	text-align:center;
}
#container_Homepage .slide a, #container_Homepage #promo .button {
	display:block;
	width:45%;
	background:#b9a67c;
	color:white;
	font-weight:bold;
	text-align:center;
	font-family:arial;
	margin:auto;
	padding:8%;
	border: 3px solid #b9a67c;
	border-radius: 5px;
}
#container_Homepage .slide .button:after, #container_Homepage #promo .button:after {
	content:' >'
}
#container_Homepage .slide p.text {
	font-size:145%;
	margin-top: 2%;
	margin-bottom: 5%;
}
#container_Homepage .slide .container {
	display: table-cell!important;
	vertical-align: middle;
}
#container_Homepage .slide .text {
	line-height: 155%;
	color:#082045;
}
#container_Homepage .slide h1 span {
	font-weight:bold;
	color:#082045;
}
#container_Homepage .contentCarouselWidget > .content {
	overflow:hidden;
}

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

.bottomknowledgespot:last-child {
position:relative;
left:-18px;
}
 img[src*="/ogc/aurora/shopfront.jpg"] { position:relative; top:20px; }

img[src*="/ogc/aurora/personalised-logo.jpg"] { position:relative; top:35px; }
 img[src*="/ogc/aurora/express-delivery-logo.jpg"] { position:relative; top:25px; }




} 

 @media screen and (min-width:600px) {
	#container_Homepage div.row.margin-true div.col8.acol12 {
		width:76%;
		margin-bottom:1%;
	}
	#container_Homepage div.row.margin-true div.col4.acol12 {
		width:24%;
	}
	.topknowledgespot {
    min-height: 315px;
}
}
 @media screen and (max-width:599px) {
	 
	 #container_Homepage.rowContainer .col12[data-slot-id="6"] div[id*="contentRecommendationWidget"] div.left_espot {
		 width:48%;
	 
 }
	#container_Homepage div.row.margin-true div.col8.acol12 {
		width:100%;
	}
	#container_Homepage div.row.margin-true div.col4.acol12 {
		width:0%;
	}
	#container_Homepage div.row.margin-true div.col4.acol12 * {
		display:none;
	}
}

#container_Homepage .carousel.padding-true > .content {
	margin:0!important;
}
/*5.3 Promotion */		
		
#container_Homepage #promo {
	background: #e5edf8;
}
#container_Homepage #promo .promocontainer {
	display:table-cell;
	vertical-align:middle;
}
#container_Homepage #promo .promocontainer h1 {
	color:#082045;
	text-align:center;
	font-weight:bold;
	padding-bottom:10%;
	font-size:200%;
	line-height:150%;
}
#container_Homepage #promo .promocontainer p {
	color:#082045;
	text-align:center;
	font-size:16px;
	line-height:24px;
	margin-left:4%;
	margin-right:4%;
	padding-top:7%;
}


 @media screen and (max-width: 800px) {
#container_Homepage #promo .promocontainer p {
	line-height:16px!important;
}
}
/*5.4 Grid */
		
		#container_Homepage div[id*="contentRecommendationWidget_6"] > div.content > ul > li {
	white-space:normal
}
#container_Homepage  .nextPageButton, #container_Homepage  .prevPageButton {
	display:none;
}
#container_Homepage div[id*="contentRecommendationWidget_6"] .left_espot h2 {
	text-align: center;
	font-size: 120%;
	font-weight: normal;
	color:#082045;
}
#container_Homepage div[id*="contentRecommendationWidget_6"] > div.content {
	margin:auto!important;
}
#container_Homepage div[id*="contentRecommendationWidget_6"] > div.content > ul > li img {
	width:100%;
}
#container_Homepage div[id*="contentRecommendationWidget_6"] > div.content > ul > li.hidden {
	visibility:visible
}
#container_Homepage div[id*="contentRecommendationWidget_6"] > div.content > ul {
	white-space:normal;
}
#container_Homepage div[id*="contentRecommendationWidget_6"] {
	padding: 0!important;
}
 @media screen and (min-width:600px) {
#container_Homepage div[id*="contentRecommendationWidget_6"] > div.content > ul > li {
	width:24.222%!important;
	margin-right:1%;
}
}
 @media screen and (max-width:599px) {
#container_Homepage div[id*="contentRecommendationWidget_6"] > div.content > ul > li {
	width:48%!important;
	margin-right:2%;
}
#container_Homepage div[id*="contentRecommendationWidget_6"] .left_espot h2 {
	font-size:16px!important;
}
}
/*5.5 Knowledge Top */
		
		#container_Homepage #hold {
	width: 100%;
}
#container_Homepage .topknowledgespot {
	border: 1px solid #ccc;
	font-family:Arial, Helvetica, sans-serif;
	color: #082046;
	width:100%;
}

.topknowledgespot p, .topknowledgespot h2 { text-align:center; }
 
 #container_Homepage .topknowledgespot {
	
	float:left;
	
}
 
 #container_Homepage .topknowledgespot .right img {
	display:block;
	margin:auto;
}
#container_Homepage .topknowledgespot .right {
	width:100%;
}
 @media screen and (min-width:700px) {
#container_Homepage .topknowledgespot {
	width:23.5%!important;
	float:left;
	margin-right:1.2%;
	padding-bottom:45px;
}


#container_Homepage .col12 div[id*="contentRecommendationWidget"] div.left_espot:last-of-type .topknowledgespot {
	margin-right:0;
}

}

.row div.col12 div#contentRecommendationWidget_13_-1000_3074457345618276293.contentRecommendationWidget.carousel.clip-true.padding-true.background-false.border-false div.content ul li.hidden {
	visibility:visible;
}
@media screen and (min-width:600px) and (max-width:900px) {
	#container_Homepage .topknowledgespot { width:49%!important; margin-bottom:10px; }
	#container_Homepage .topknowledgespot { min-height:320px; }
	
	#container_Homepage .col12 div[id*="contentRecommendationWidget"] div.left_espot:nth-child(3) .topknowledgespot,
	#container_Homepage .col12 div[id*="contentRecommendationWidget"] div.left_espot:nth-child(5) .topknowledgespot {
	margin-right:0;
	float:right;
	}
	
#contentRecommendationWidget_13_-1000_3074457345618265913 {

    margin: auto;
    width: 90%;
}
}

div[id="hold"] .EDescription {
	float: left;
	margin-right: 2%;
	padding: 3%;
	width: 93%;
}
div[id="hold"] .EDescription p {
	font-size: 12px;
	line-height: 20px;
	text-align: center;
	color: #666
}
	

.row div.col12 div#contentRecommendationWidget_13_-1000_3074457345618276293.contentRecommendationWidget.carousel.clip-true.padding-true.background-false.border-false div.content ul li {
	width:50%!important;
	margin-bottom:3%;
}
.row div.col12 div#contentRecommendationWidget_13_-1000_3074457345618276293.contentRecommendationWidget.carousel.clip-true.padding-true.background-false.border-false div.content ul {
	white-space:normal;
}

@media screen and (max-width:600px) {
	div[id="hold"] { display:none; }
	.v_align { display:table-cell; vertical-align:middle; }
	
	#container_Homepage .topknowledgespot {
		width:100%!important;
	}
	
	
		#container_Homepage .topknowledgespot .right {
		width:40%;			
		}
		#container_Homepage .topknowledgespot .left {
		width:59%;			
		}
	#container_Homepage .bottomknowledgespot {
		width:100%!important;
	}
	#container_Homepage .bottomknowledgespot {
		height:auto!important;
	}
	#container_Homepage .topknowledgespot {
		height:auto!important;
	}
	div.row div.col12 div#contentRecommendationWidget_13_-1000_3074457345618276293.contentRecommendationWidget.carousel.clip-true.padding-true.background-false.border-false div.content ul li {
		width:95%!important;
		margin:3% auto;
	}
}
#container_Homepage .topknowledgespot h2 {
	font-size: 22px;
	line-height: 33px;
	font-weight: bold;
	margin:5%;
}
#container_Homepage .topknowledgespot p {
	font-size: 16px;
	line-height: 24px;
	margin:5%;
}
/*5.6 Knowledge Bottom */
		
		#container_Homepage #hold {
	width: 100%;
}
#container_Homepage #hold > div:last-child {
	margin-right: 0;
}
#container_Homepage .bottomknowledgespot {
	background-color: #082045;
	
	color: #ffffff;
	float: left;
	padding: 2%;
	margin-right:2%;
	margin-top:2%;
	width:44.9%;
	text-align: center;
	
}
#container_Homepage .bottomknowledgespot p {
	font-size: 16px;
	line-height: 24px;
}
/*5.7 Social*/	
		
		
	#container_Homepage .social {
	
	color: #082045;
	float: left;
	padding: 2%;
	margin-right:2%;
	width:93%;
	text-align: center;
}
#container_Homepage .social p {
	font-size: 16px;
	line-height: 24px;
}
#container_Homepage #icons {
	margin-top: 2%;
}


#container_Homepage div[data-slot-id="6"] .griditem { width:25%!important; margin-bottom:20px; } 
#container_Homepage div[data-slot-id="6"] .content > ul { white-space:normal!important; display:none; }
#container_Homepage div[data-slot-id="6"] .content > ul li.hidden { visibility:visible!important; }

#container_Homepage div[data-slot-id="6"] > .categoryRecommendationWidget { padding:0; margin:0; }

#container_Homepage div[data-slot-id="6"] .catPos > .container { height:auto!important; }

.product_group_name.product_info { height:auto!important; padding:8%; }

@media screen and (max-width:750px) {
#container_Homepage div[data-slot-id="6"] .griditem { width:50%!important; } 
}



#container_Homepage div.row.margin-true div.col8.acol12 {
        margin-bottom: 0!important;
}


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

/* CSS targeting carousel and promo positioning – it now untilises the full width of the page */

#container_Homepage div.row.margin-true div.col8.acol12 {
width: 75%!important;
}
#container_Homepage div.row.margin-true div.col4.acol12 {
width: 25%!important;
}


/*#container_Homepage .row.margin-true > div > div {
margin: 10px 0!important;
}*/



/* this one you added for me earlier, will need to change the ‘bottom’ css value */

	
	
}


/* 1. GENERAL */
	
.button_primary {
    		background-image: linear-gradient(#082045, #082045);	
		}

	.button_secondary {
    		background-image: linear-gradient(#d1d3d4, #d1d3d4);    	
		} 		
	
	.button_secondary:hover, .selectWrapper:hover, .shopperActions .dropdown_primary:hover {
    		background-image: linear-gradient(#e6e7e8, #e6e7e8)!important;
		} /*'Cancel' button on hover on Register Page - Now on brand */
		
	
	
	.genericError_message {
    	color: #af1e23;
	} /* Generic Error Message - now on brand */
	
	

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


/* 3. HEADER */




@media screen and (min-width:600px) { 
		#header #headerRow1 > div { height:136%!important; }
}


@media screen and (max-width:600px) { 		
	div#headerRow1 div#logo  div.left_espot p { display:none; }
}

@media screen and (min-width:600px) { 
#headerRow1 { height:75px; }
}
#headerRow1 div#logo svg {
  height: 255px;
  left: 0;
  position: absolute;
  top: -85px;
  width: 245px;
  z-index: 9999999;
}
@media screen and (max-width:775px) { 
#headerRow1 #logo svg { width:220px!important;  }
}
@media screen and (max-width:645px) { 
#headerRow1 #logo svg { width:185px!important;  }
}
@media screen and (max-width:600px) { 
#headerRow1 #logo svg { top:-106px!important; width:150px!important; }
}

			

div#headerRow1 div#logo  div.left_espot p { font-size:14px; }
	
	
	/* 3.2 Shopping Cart Button */
			div#cartDropdown {
				border-color: #082045 #c9cece #c9cece!important;
			} /* Removes yellow strip at top of box - Now on brand */ 
			
			
			/*Promotion text on basket page */
			div#cartDropdown .discount.hover_underline { color: #082045; }
			
			/*mini basket ajax - text for "10 off your order in basket" */
			div#cartDropdown a.hover_underline[href*="DiscountDetailsDisplayView"] {
			color: #082045;	
			}

			div#cartDropdown a#GotoCartButton1.basicButton span {
				border: none!important;
				color: #ffffff!important;	
				
			} /* Styles the Go to Cart Button - Now on brand */
			
			div#cartDropdown #minishopcart_total {
    			background-color: #af1e23!important;
    			border-radius: 0px!important;
			} /* styles total of items red box */
			
			div#cartDropdown .product_price			 {
    			color: #082045!important;
			} /* Subtotal Price Colour - now on brand */
			
			
			div#cartDropdown #widget_minishopcart:hover {
    			background-image: linear-gradient(#e6e7e8, #e6e7e8)!important;
			} /*Shopping cart button on hover - Now on brand */
	
	
	
	
	
	
	/* 3.3. Sign In / Register */
		div#WC_AccountDisplay_div_21.myaccount_header,
		div#WC_AccountDisplay_div_4.myaccount_header  {
			border-color: #082045 #e5e5e5 #e5e5e5;
		} /* Top line colour change - Now on brand */
		
		a#WC_AccountDisplay_links_2.button_primary div.button_text,
		a#WC_AccountDisplay_links_3.button_primary div.button_text {
			border: none;
		} /* Sign in buttons styled - Now on brand */
		
		a#WC_AccountDisplay_links_2.button_primary,
		a#WC_AccountDisplay_links_3.button_primary {
			background-image: linear-gradient(#082045, #082045);
    		
			
		} /* Sign in buttons styled - Now on brand */

		div#WC_UserRegistrationAddForm_div_5.myaccount_header {
			border-color: #082045 #e5e5e5 #e5e5e5;	
		} /*Styles 'Please Register Below' button */
		
	
 
		

		
		
		form#Register a#WC_UserRegistrationAddForm_links_2.button_secondary.button_left_padding div.button_text {
			color: #082045;
			
		} /* 'Cancel Button' text - Now on brand */

		
		form#Register .button_secondary:hover {
    		background-image: linear-gradient(#e6e7e8, #e6e7e8);
		} /*'Cancel' button on hover - Now on brand */
		
		form#Register .button_secondary {
    	background-image: linear-gradient(#d1d3d4, #d1d3d4);
    			
		} /* 'Cancel' button background - Now on brand */
		
		
		.error_msg {
    		color: #af1e23;
		} /* Error message on Register form - now on brand */


	
	/* 4. NAVIGATION */
	




	#quickLinksBar .basicMenu > h3 { background: #082045; }
	@media screen and (min-width:600px) {

/*Spacing between main top level categories */
		.departmentButton > span {
                padding: 0 8px;
		}
		
		#page #departmentsMenu {
			background-color: #082045!important;
		} /* Nav background colour - Now on brand */
		}
		@media screen and (max-width:600px) {
		#headerRow2 { background: #082045; } 	
		}
		
		#departmentsMenu li { border-right:1px solid white!important; }		
	
	/* 4.2 Category Buttons */
		.departmentButton {
			background-image: none;
			border: 1px solid #082045;
		} /* Category button colour on nav - Now on brand */

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

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

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

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


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

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

		

		
		
		
		
		div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.section_list {
    		background-color: #ffffff; 
		} /* Removes grey background on category section */
		
				
		

div[id*="ProductPageLayout"] img[src*="logo_delivery_express_72.jpg"],
#container_BasketPageLayout img[src*="logo_delivery_express_72.jpg"],
#container_ShippingAndBillingPageLayout img[src*="logo_delivery_express_72.jpg"],
#container_OrderSummaryPageLayout img[src*="logo_delivery_express_72.jpg"],
#container_OrderConfirmationPageLayout img[src*="logo_delivery_express_72.jpg"] { display:none; }


div[id*="ProductPageLayout"] .product_logo_express::before,
#container_BasketPageLayout  .product_logo_express::before, 
#container_ShippingAndBillingPageLayout .product_logo_express::before,
#container_OrderSummaryPageLayout .product_logo_express::before,
#container_OrderConfirmationPageLayout .product_logo_express::before  {

 		background: url("../../../../../icons/ogc/express_delivery.jpg");
		background-size:100%;
		background-repeat:no-repeat;
 		content: "";
  		display: inline-block;
  		height: 40px;
 		width: 40px;
		margin-right:8px;
  		background-repeat: no-repeat;
		}



div[id*="ProductPageLayout"] img.red_lorries_logo[src*="logo_delivery_1lorry_72.jpg"],
#container_BasketPageLayout img.red_lorries_logo[src*="logo_delivery_1lorry_72.jpg"],
#container_ShippingAndBillingPageLayout img.red_lorries_logo[src*="logo_delivery_1lorry_72.jpg"],
#container_OrderSummaryPageLayout img.red_lorries_logo[src*="logo_delivery_1lorry_72.jpg"],
#container_OrderConfirmationPageLayout img.red_lorries_logo[src*="logo_delivery_1lorry_72.jpg"]
 {
  background: rgba(0, 0, 0, 0) url("../../../../../icons/ogc/icon_lorry.jpg") no-repeat scroll 0 0 / 45px auto;
  display: inline-block;
  height: 0;
  padding: 18px 23px;
  width: 0;
}


div[id*="ProductPageLayout"] img.red_lorries_logo[src*="logo_delivery_2lorry_72.jpg"],
#container_BasketPageLayout img.red_lorries_logo[src*="logo_delivery_2lorry_72.jpg"],
#container_ShippingAndBillingPageLayout img.red_lorries_logo[src*="logo_delivery_2lorry_72.jpg"],
#container_OrderSummaryPageLayout img.red_lorries_logo[src*="logo_delivery_2lorry_72.jpg"],
#container_OrderConfirmationPageLayout img.red_lorries_logo[src*="logo_delivery_2lorry_72.jpg"]

 {
  background: rgba(0, 0, 0, 0) url("../../../../../icons/ogc/icon_lorry.jpg") repeat scroll 0 0 / 45px auto;
  display: inline-block;
  height: 0;
  padding: 15px 45px;
  width: 0;
}




		
		.facetWidget .close {
    		background: rgba(0, 0, 0, 0) url("../../../../../icons/ogc/rwdUI.png") repeat scroll -61px -1px!important;
		} /* changes 'filter by' selection cross icon - Now on brand */
				

	
		div.productListingWidget div.from_price span.label_price, .product_info > .product_price, div.productListingWidget div.offer_price span.label_price, .product_price .offer_price span  {
			color: #082045!important;
		} /* Prices and 'Price' and 'From tag colour changed - Now on brand */
		
		.product_price .original_price span, .product_info > .product_name > a {
   			color: #666666!important;
		} /* 'Original price' tag and product name/description colour changed - Now on brand */
		
	
		
	/* 5.5 Navagtional buttons */
		
		
	
 /*	6.FOOTER	*/

#footerRow1 > .section > .header > .toggle::before {

content: url("../../../../../icons/ogc/rwdUI.png");
}


/*Category Pages */

#content .collapsible > h3::before, .categoryNavWidget.collapsible > h3::before, .linkWidget.collapsible > h3::before {
content: url("../../../../../icons/ogc/rwdUI.png")!important;
}


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

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

		
		
	/*7.6. Entry Field Box Wishlist */
		.offerprice {
			color: #082045;
			
		} /* Changes colour and position of price */

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

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

		
		
		div#contentRecommendationWidget_TerminoConditionEMS.contentRecommendationWidget div.left_espot p a {
			color: #369bc8;
			text-decoration: underline;
		} /* styles links on terms and conditions pop up box within register form */

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

	/* 7.9. Registering Details */
		
		
		
		
		.myaccount_title {
			color: #666666;
		} /* Word 'create' no brand colour - was black */

/* 8. BUTTONS */
	div#WC_UserRegistrationAddForm_div_5.myaccount_header {
		border-color: #082045 #e5e5e5 #e5e5e5!important;	
	} /*Styles 'Please Register Below' on Sign in/Register Page button */
			
	/* 8.1. Primary Buttons */
		div.button_text, .button_add_to_cart > .button_text {
			border: none!important;
			color: #ffffff;
			font-size: 16px;
		} /* 'Submit Button' text - Now on brand */

		.button_primary:hover, .button.primary:hover,  .basicButton:hover, .basicButton > span:hover,  {
    		background-image: linear-gradient(#5a5a7b, #5a5a7b)!important;
		} /* 'Submit Button' on hover - Now on brand */
		
		.button_primary, .button.primary, .basicButton, .basicButton > span, .button_primary > .button_text {
    		background-image: linear-gradient(#082045, #082045)!important;
    		border: none!important;
    		
			color: #ffffff!important;
			font-size: 16px;
		} /* 'Submit Button' background - Now on brand */
		
		#container_BasketPageLayout .button_add_to_cart > .left_border {
    		background: rgba(0, 0, 0, 0) url("../../../../../icons/ogc/add_to_cart_sprite.png") no-repeat scroll left top!important;
		} /*Change attributes pop-up box - Now on Brand */

		#container_BasketPageLayout .button_add_to_cart > .right_border {
    		background: rgba(0, 0, 0, 0) url("../../../../../icons/ogc/add_to_cart_sprite.png") no-repeat scroll left top!important;
		} /*Change attributes pop-up box - Now on Brand */
		
		#container_BasketPageLayout .button_add_to_cart > .button_text {
			background: rgba(0, 0, 0, 0) url("../../../../../icons/ogc/add_to_cart_sprite.png") repeat-x scroll center bottom!important;			 
		} /*Change attributes pop-up box - Now on Brand */
		/*appears outside baksetlayout tag */
		#quickInfoPopup .offer_price, #quickInfoPopup span[id*="offerPrice_"] {
   		 color: #082045;
		}
		#quickInfoPopup span[id*="listPrice_"] { text-decoration:line-through; }

		
		
		
	/* 8.2. Secondary Buttons */
		.button_secondary > .button_text,
		form#Register a#WC_UserRegistrationAddForm_links_2.button_secondary.button_left_padding div.button_text {
			color: #666666!important;
			font-size:16px;
		} /* 'Cancel Button' text on Register Page - Now on brand */
		
		
			
							
	
		
		

/* 10. PRODUCT PAGE */
	/* 10.1. Text */
		
		
		div.namePartPriceContainer > div.product_price {
    		color: #082045!important;
		} /* Price - Now on brand */
		
		.product_price .yousave_price span {
			color: #af1e23;
		} /* Styles 'you save' price - now on brand */
		
	

		
/* Ammend product tab text label */


#page.product_2068032 .tabButtonContainer #tab3 .left_espot {   
    font-size: 0px;
}
#page.product_2068032 .tabButtonContainer #tab3 .left_espot:before {
    content: "Ingredients";
    font-size: 18px;
}
#page.product_2068383 .tabButtonContainer #tab3 .left_espot {   
    font-size: 0px;
}
#page.product_2068383 .tabButtonContainer #tab3 .left_espot:before {
    content: "Ingredients";
    font-size: 18px;
}		
		
	/* 10.2. Size and Colour dropdowns */
		
			
		
		
			
		
					
	/* 10.3. Add to wishlist Dropdown */
		
		

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

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

		


	

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



/*Basket Promotion offer code used text color */
div.promotion_used_description ul > li { color:#082045; }