body {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 0.9em;
	font-weight: 400;
}
input {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 1.1em;
}

a {
	color: #0a3770;
	text-underline-position: under;
}

p {
	margin: 5px 0 15px;
	line-height: 1.3;
	font-size: 1em;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: 600;
	color: #663300;
	margin: 18px 0 7px;
}
h1 {
	color: #993300;
	margin-bottom: 60px;
}
input[type='text']::placeholder {
	color: #e9e9e9;
	font-style: italic;
}
input[type='submit']{
	cursor: pointer !important;
}
sup {
	font-size: 1.2em;
	top: 0;
}
/* Comman Classes*/
.readMore {
	display: block;
    margin-bottom: 35px;
    font-weight: 400;
    font-size: 1.05em;
}
.readMore.moreHighlightedProductsLink, #productBySpotLight, #viewMoreProductCategory, .serachResultPage .searchLink {
	text-align: center;
	font-size: 1.3em;
	margin-bottom: 100px;
}
.hideIt {
	display: none;
}
.errorMessage, .error {
	color: red;
}
.successMessage {
	color: #006C53;
}
.close.closePopupButton {
	text-decoration: none;
    font-weight: bold;
    color: #c2c2c2;
    position: absolute;
    top: 8px;
    right: 12px;
    font-size: 1em;
}
/* Page Header */
#siteHeader {
	border-top: 5px solid #0A6A4F;
}
/*Site Logo*/
#siteHeader .logoWrapper {
	margin: 20px auto;
}
a#mainLogo {
	background: url(../images/layout/Avon_Logo_horizontal.png) left top no-repeat;
    width: 250px;
    height: 75px;
    display: inline-block;
    position: absolute;
    top: -8px;
    z-index: 1;
}
#mainLogo h1 {
	position: absolute;
    clip: rect(1px 1px 1px 1px);
}

/*Logout Link */
.logoutLink {
	display: none;
}

/* Tools */
#tools {
	display: inline-block;
	float: right;
	padding: 0;
	margin: 0 0 5px;
	position: relative;
}
#tools li > a {
	color: #000;
    display: block;
    padding: 12px 15px 14px 78px;
    line-height: 1.3;
    font-size: 14px;
}
#tools li {
	display: inline-block;
	border: 1px solid #016d53;
	border-radius: 10px;
    text-align: center;
    margin-right: 10px;
    font-size: 0.9em;
    font-weight: 600;
    line-height: 1.5;
    width: 179px;
    box-sizing: border-box;
}
#tools li:last-child {
	margin-right: 0;
}
#mainMenu li.logoutLink {
	padding: 0;
}
#mainMenu li.logoutLink a {
	color: #994c00;
	padding: 0;
}
#mainMenu li.logoutLink span {
	text-transform: capitalize;
	color: #ab4002;
}
#tools li:hover, #tools li.active {
	border-color: #994c00;
}
.talkToUs:hover {
	background-position: 5px -66px;
}
.getOnlinePrescription:hover {
	background-position: 7px -63px;
}
.shoppingBasket:hover > a .productsInBasket {
	color: #994c00;
	border-color: #994c00;
}
#tools li.active {
	box-shadow: 0px 0px 12px 3px #ccc;
}
#tools li:hover > a, #tools li.active > a {
	color: #994c00;
}
#tools li:hover .productsInBasket, #tools li.active .productsInBasket {
	color: #994c00;
	border-color: #994c00;
}
.talkToUs {
	background: url(../images/layout/Talk_to_us_Icon.png) 5px -5px no-repeat;
}
.getOnlinePrescription {
	background: url(../images/layout/Get_online_prescription_Icon.png) 7px top no-repeat;
}
.shoppingBasket {
	background: url(../images/layout/Shopping_basket_Icon.png) 5px 4px no-repeat;
}
.shoppingCartLink {
	margin-right: 0;
	position: relative;
}
.shoppingCartLink .productsInBasket {
	border: 3px solid #016d53;
    border-radius: 50%;
    color: #016d53;
    position: absolute;
    top: 8px;
    left: 48px;
    font-size: 1.5em;
    padding: 0 5px;
    line-height: 1;
    font-weight: normal;
}
/* main Menu & bottom Menu/ Nav */
#mainMenu, #bottomMenu {
	border-top: 1px solid #016d53;
	border-bottom: 1px solid #016d53;
}

#mainMenu ul, #bottomMenu ul {
	padding: 0;
	text-align: right;
	margin: 6px auto;
}
#bottomMenu ul { 
 text-align: center;
}
#mainMenu ul li, #bottomMenu ul li {
	display: inline-block;
	margin-right: 28px;
	text-transform: uppercase;
}

#mainMenu ul li:last-child, #bottomMenu ul li:last-child {
	margin-right: 0;
}

#mainMenu ul li:hover a, #bottomMenu ul li:hover a, #bottomMenu ul li.active a {
	color: #994c00;
}
#mainMenu ul li a, #bottomMenu ul li a {
	color: #016d53;
	font-weight: 600;
	font-size: 1.1em;
}
/*Shopping cart popup*/
.formDialog {
	display: none;
}
#shoppingCartPopup, .formDialog.ui-dialog-content {
	display: none;
	/*position: absolute;*/
    background: #fff;
    /*left: 159px;*/
    /*top: 40px;*/
    border: 1px solid #994c00;
    border-radius: 12px;
    box-shadow: 0px 0px 24px -5px #000;
    padding: 10px 30px 10px;
    box-sizing: border-box;
}
#shoppingCartPopup {
	min-width: 600px;
	min-height: 175px !important;
}
#shoppingCartMessage, #productAddToCart > p {
	margin: 20px 0;
}
.formDialog.ui-dialog-content {
	width: 764px !important;
	min-height: 175px !important;
}
#shoppingCartPopup h2 {
	color: #994c00;
	text-align: left;
}
#shoppingCartPopup table.mainTableForMobile {
	display: none;
} 
#shoppingCartPopup table.mainTableForMobile, 
#shoppingCartPopup table.mainTableForDesktop {
	width: 100%;
    text-align: right;
    border-collapse: collapse;
    margin-bottom: 50px;
    max-width: 675px;
    width: 100%;
}
#shoppingCartPopup table.mainTableForMobile table tbody td, #shoppingCartPopup table.mainTableForMobile table thead th,
#shoppingCartPopup table.mainTableForDesktop tbody td, #shoppingCartPopup table.mainTableForDesktop thead th {
	border-bottom: 1px solid #999;
	padding: 10px 0;
	position: relative;
}
#shoppingCartPopup table tbody td:nth-child(2), #shoppingCartPopup table tbody td:first-child, #shoppingCartPopup table thead th:nth-child(2) {
	text-align: left;
}
#shoppingCartPopup table tbody td:nth-child(2), #shoppingCartPopup table thead th:nth-child(2) {
	font-weight: normal;
	min-width: 168px;
}
#shoppingCartPopup table tbody td:nth-child(3), #shoppingCartPopup table thead th:nth-child(3) {
	min-width: 100px;
}
#shoppingCartPopup table tbody td:last-child, #shoppingCartPopup table tfoot td:last-child {
	padding-right: 10px;
}
#shoppingCartPopup table tfoot td {
	font-weight: normal;
}
#shoppingCartPopup table tfoot td.prescriptionInfoColumn {
	font-style: italic;
	text-align: left;
	font-size: 0.9em;
	position: relative;
}
.prescriptionInfoColumn span.nhsChargemessage {
	position: absolute;
	 width: 314px;
}
#shoppingCartPopup table tfoot td div, div.warningMessage {
	text-align: center;
	border: 1px solid #006666;
	padding: 13px 10px 10px 85px;
	background: url(../images/layout/warningIcon.png) 10px 8px no-repeat;
	font-style: normal;
}

#shoppingCartPopup table tfoot td div h3, div.warningMessage h3 {
	color: #000;
    font-size: 1em;
    margin: 0px 0 0px;
    line-height: 1;
}
#shoppingCartPopup table tfoot td div p, div.warningMessage p {
	font-size: 0.9em;
	font-style: italic;
    line-height: 1.3;
    margin-bottom: 10px;
    font-weight: normal;
}
div.warningMessage {
	max-width: 305px;
	box-sizing: border-box;
	margin-left: -14px;
	margin-bottom: 20px;
}
#shoppingCartPopup table tfoot tr:first-child td {
	padding-top: 35px;
}
#shoppingCartPopup table tfoot tr:last-child td {
	font-weight: bold;
    font-size: 1.2em;
    padding-top: 5px;
    padding-bottom: 10px;
}
#shoppingCartPopup table tbody td:nth-child(2) span {
	line-height: 1.3;
}
#shoppingCartPopup .productName {
	display: block;
	font-weight: bold;
}
#shoppingCartPopup .productName+span {
	font-style: italic;
}
.prescriptionRequired {
	color: #994c00;
}
#shoppingCartPopup
#shoppingCartPopup table tbody td span.prescriptionRequired {
	color: #994c00;
	font-weight: normal;
}
#shoppingCartPopup table tbody td .quantity, table.shoppingBasketWrapper td .quantity {
	display: inline-block;
	border: 1px solid #016d53;
	padding: 5px 0px 5px 10px;
    width: 45px;
}
#shoppingCartPopup table tbody td span.removeProductLink {
	position: absolute;
    right: -15px;
    font-size: 1.2em;
    line-height: 1;
    font-weight: 600;
}
span.removeProductLink a {
	color: #ccc;
	text-decoration: none;
}
#shoppingCartPopup table tbody td:last-child, table.shoppingBasketWrapper td:last-child, 
#shoppingCartPopup table td.subTotalAmount, #shoppingCartPopup table td.subTotalHeading {
	font-weight: bold;
}
#shoppingCartPopup table tbody td img {
	margin: 0 0 0 25px;
}
#shoppingCartPopup table tr th {
	font-weight: normal;
	font-size: 1.1em;
	min-width: 135px;
}
#shoppingCartPopup div, .shoppingCartWrapper .contentButtons, #addRegisterPopup .contentButtons, .contentButtons {
	text-align: right;
	margin-bottom: 20px;
}
.continueShoppingLink {
	text-decoration: underline;
}
a.checkoutLink, a.addYourPrescription, .contentButtons input[type="submit"], .contentButtons a.makePayment {
	border: 1px solid #006c53;
    border-radius: 7px;
    background: linear-gradient(to bottom, #006c53 0%, #006c53 0%, #006c53 45%, #333333 100%);
    padding: 7px 27px;
    color: #fff;
    margin-left: 20px;
    text-decoration: none;
}
.contentButtons a+a {
	margin-left: 15px;
}
/*Start Spotlight css*/
#spotlight, #highlightedProductList, #productDetails, .serachResultPage, .rightSideBlock {
	float: right;
	width: 100%;
	max-width: 780px;
}

#productDetails {
	max-width: 755px;
}
#productDetails p {
	line-height: 1.5;
}
#productDetails p.question {
	font-style: italic;
	margin-bottom: 5px;
}
.productCategories h2 {
	margin-top: 0;
}

/* Aside Block */
.asideBlock {
	max-width: 280px;
	width: 100%;
	float: left;
	margin-right: 20px;
}
#autoCompleteResult {
    position: absolute;
    top: 47px;
    background: #fff;
    margin-top: 0;
    width: 174px;
    width: 165px;
    left: 26px;
    left: 32px;
    z-index: 1;
    max-height: 250px;
    overflow-y: scroll;
    overflow-y: auto;
    border-bottom: 1px solid #006666;
    border-right: 1px solid #006666;
    border-left: 1px solid #006666;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
/* IE10+ CSS styles go here */
	#autoCompleteResult {
		top: 49px;
	}
}
#autoCompleteResult li {
    width: 95%;
    font-size: 1em;
    text-align: left;
    padding: 4px 3px;
    box-sizing: border-box;
}
#autoCompleteResult li a {
	color: #000;
}
#autoCompleteResult li:hover a {
	color: #ab4002;
}

/*Start general search css*/
.serachProduct, .repeatPrescription {
	background-color: #f9f9f9;
	margin-bottom: 20px;
}

/*Start general search css*/
.serachProduct h2, .fillPrescription h2, .repeatPrescription h2 {
	background-color: #016d53;
    text-align: center;
    color: #fff;
    padding: 4px 0;
    font-size: 1.4em;
    margin: 0;
}

#generalSearch, #repeatPrescriptionForm, #newsletterSubscriptionForm {
	text-align: center;
    padding:20px 18px 28px;
}

#repeatPrescriptionForm select#prescriptionId, #repeatPrescriptionForm select#prescriptionId option {
	max-width: 244px;
	width: 244px;
	display: block;
	word-break: break-all;
}

#generalSearch {
	position: relative;
	margin-bottom: 20px;
}

#generalSearch #generalSearchInput {
	width: 161px;
    border-radius: 14px;
    border: 1px solid #006666;
    padding: 5px 15px 3px;
    margin-right: 8px;
}

#generalSearch input[type="submit"] {
	background: #006666;
	background: linear-gradient(to bottom, #006c53 0%, #006c53 0%, #006c53 45%, #333333 100%);
    border: none;
    border-radius: 12px;
    color: #fff;
    /*font-size: 0.8em;*/
    padding: 5px 10px 4px 11px;
}

/* Article blocks */
.articleBlock {
	float: none;
	width: 100%;
	margin-bottom: 90px; /*50px*/
}
.articleBlock article {
	display: inline-block;
	width: 49%;
	max-width: 377px;
	background: #f8f8f8;
	background: linear-gradient(to bottom, #f9f9f9 40%, #fff 80%);
	border-top: 1px solid #016d53;
	padding: 25px;
	box-sizing: border-box;
	margin-bottom: 30px;
	vertical-align: top;
}
.articleListMobileWrapper, .moreArticlesLinkWrapper {
	float: right;
    max-width: 780px;
}
.moreArticlesLinkWrapper {
	width: 100%;
}
 #moreArticles {
    width: 342px;
    margin: 0 auto;
    font-size: 1.3em; 	
 }
.articleBlock #articleList, .articleListMobileWrapper {
	display: inline-block;
}
.articleBlock #articleList {
	width: 100%;
}
.articleBlock article:nth-of-type(odd) {
	margin-right: 20px;
}
.articleBlock span.rated {
	text-align: center;
	font-size: 1.3em;
}
.articleBlock article h2 {
	margin: 0 0 20px;
}

/*Product Details*/
#productDetails h1:first-child, .mainDashboard .dashboardHeading {
	font-weight: normal;
	color: #000; 
	font-size: 1.4em;
	margin: 0 0 2px;
}

#productDetails h2, .mainDashboard > h1 {
	color: #ac4002;
	margin-top: 0;
	font-size: 2.3em;
	margin-bottom: 0;
	line-height: 1;
}

#productDetails .subtitle{
	font-size: 1.1em;
  margin: 11px 0px 4px 0px;
}

#productDetails > .productDescription >h2 {
	font-size: 1.1em;
  margin: 11px 0px 4px 0px;
}

#productDetails h2+h3 {
	color: #000;
    font-weight: 500;
    font-size: 1.4em;
    margin: 3px 0 20px;
}

.productOverview {
	font-weight: 600;
	max-width: 60%;
}

#productDetails .productImage {
	display: inline-block;
    float: right;
    margin: 0 0 0 20px;
    width: 260px;
    max-width: 260px;
}
#productDetails .productImage  img {
	display: block;
	margin: 0 auto;
}
#productDetails .productImage  img+span {
	margin-top: 10px; 
}
.productImage span {
	display: block;
	text-align: center;
	color: #994c00;
	font-weight: 600;
	margin-bottom: 50px;
}

.productCategories h3 {
	color: #000;
    margin-bottom: 5px;
    font-size: 1.25em;
    font-weight: 500;
}

.productCategories ul {
	margin-top: 0;
}

.productCategories li > a {
	color: #0A3E75;
	text-decoration: underline;
	line-height: 1.5;
	font-size: 1.08em;
}

.asideBlock.productContainer .productCategories {
	margin: 20px 0 60px;
}

#addToCartForm .addTocartWrapper {
    padding: 18px;
    background-color: #f8f8f8;
    border: 1px solid #006666;
    max-width: 390px;
    margin: 30px 0;
}

#addToCartForm .addTocartWrapper input {
	border: 1px solid #006666;	
	margin-right: 8px;
}

#addToCartForm .addTocartWrapper input[type="text"] {
	padding: 7px;
	max-width: 110px;	
}

#addToCartForm .addTocartWrapper input[type="number"] {
	width: 33px;
	padding: 7px 0 7px 10px;
}

#addToCartForm .addTocartWrapper input[type="submit"], .OpenWizardLink, input[type="submit"], 
#addRegisterPopup .contentButtons input[type="submit"] {
	background: #006666;
	background: linear-gradient(#006666, #01372a);
	color: #fff;
	padding: 7px 25px;
	margin-right: 0;
	border-radius: 8px;
	border: 1px solid #006666;
}

#addToCartForm .addTocartWrapper input[type="submit"]:hover {
	background: linear-gradient(#01372a, #006666);
}

/* Highlighted Product List*/
#highlightedProductList {
	min-height: 350px;
	margin-bottom: 60px;
}
.shopPageWrapper #highlightedProductList {
	min-height: 650px;
}
#highlightedProductList h2, #relatedProducts h2 {
	text-align: center;
	margin: 40px 0 20px;
	color: #5d2200;
}

#relatedProducts h2 {
    color: #ab4002;
    text-align: left;
    font-size: 1.9em;
    margin-bottom: 30px;
}

/*Product categories*/
#parentCategories {
	background-color: #5d2200;
	color: #fff;
	text-align: center;
	padding: 7px 0;
	margin: 15px 0 70px;
    position: relative;
}
#parentCategories li, #parentCategories #childSubCategories li:last-child {
	display: inline-block;
    font-size: 1em;
    font-weight: bold;
    padding: 1px 0;
    margin-right: 5px;
}
#parentCategories li:last-child, #parentCategories li:last-child a {
	margin: 0;
	padding: 0;
	border: none;
}
#parentCategories li a {
	color: #fff;
	padding: 0 7px 0 0;
    border-right: 1px solid #fff;
    font-weight: normal;
}
#parentCategories li.visited a {
	color: #ead6a6;
	font-weight: bold;
}
/*sub cateories*/
#parentCategories #childHighlightCategories.hideIt, #parentCategories #childSubCategories.hideIt {
	display: none;
}
#parentCategories li #childHighlightCategories,
#parentCategories li #childSubCategories {
    display: block;
    position: absolute;
    bottom: -37px;
    color: #000;
    min-width: 93%;
    left: 0;
    background: #ead6a6;
    padding: 5px 15px;
    box-sizing: border-box;
    min-height: 32px;
    margin: 0 5%  0 28px;
    text-align: left;
}
#parentCategories li:nth-of-type(5) #childSubCategories {
	width: 93%;
	margin: 0 4%;
}
#parentCategories li ul#childHighlightCategories:after,
#parentCategories li ul#childSubCategories:after {
	content: ' ';
    width: 18px;
    height: 18px;
    display: inline-block;
    position: absolute;
    background: linear-gradient(to bottom, transparent 0%, #ead6a6 0);
    transform: rotate(-44deg);
    top: -10px;	
}
#parentCategories li:first-child ul#childHighlightCategories:after,
#parentCategories li:first-child ul#childSubCategories:after {
    left: 97px;
}

#parentCategories li:nth-of-type(2) ul#childHighlightCategories:after,
#parentCategories li:nth-of-type(2) ul#childSubCategories:after {
    left: 185px;
}
#parentCategories li:nth-of-type(3) ul#childHighlightCategories:after,
#parentCategories li:nth-of-type(3) ul#childSubCategories:after {
	left: 280px;
}
#parentCategories li:nth-of-type(4) ul#childHighlightCategories:after,
#parentCategories li:nth-of-type(4) ul#childSubCategories:after {
	left: 408px;
}
#parentCategories li:nth-of-type(5) ul#childHighlightCategories:after,
#parentCategories li:nth-of-type(5) ul#childSubCategories:after {
	right: 210px;
}
/*#parentCategories li:nth-of-type(6) ul#childHighlightCategories:after,
#parentCategories li:nth-of-type(6) ul#childSubCategories:after {
	right: 100px;
}*/
#parentCategories li:last-child ul#childHighlightCategories:after,
#parentCategories li:last-child ul#childSubCategories:after {
	right: 100px;
}
#parentCategories li #childHighlightCategories a,
#parentCategories li #childSubCategories a {
	color: #000;
    border: none;
    text-decoration: underline;
    font-weight: normal;
}
#parentCategories li #childSubCategories a.highlighted {
	color: #0a3770;
	font-weight: bold;
	text-decoration: none;
}
#childSubCategories li {
	display: inline-block;
}
ul#featureProductList {
	margin-bottom: 0
}
#highlightedProductList #featureProductList li, #relatedProducts li {
	display: inline-block;
	width: 177px;
	margin: 0 20px 40px 0;
	vertical-align: top;
	min-height: 230px;
}

#relatedProducts.relatedProduct li {
    margin: 0 auto;
    display: block;
}

#highlightedProductList #featureProductList li:nth-child(4n), #relatedProducts li:nth-child(4n) {
	margin-right: 0;
}

#highlightedProductList #featureProductList li a, #relatedProducts li a {
	display: block;
	margin-bottom: 15px;
	/*min-height: 230px;*/
}

#highlightedProductList #featureProductList li a img, #relatedProducts li a img {
    margin: 0 auto;
    display: block;	
}
#highlightedProductList #featureProductList li:hover a img, #relatedProducts li:hover a img {
	border-bottom: 0;
	transform: scale(1.012);
}

#highlightedProductList #featureProductList li:hover a span, #relatedProducts li:hover a span {
	color: #ab4002;
	font-size: 1.005em;
}

#highlightedProductList #featureProductList li:hover a span.diseases, #relatedProducts li:hover a span.diseases {
	font-size: 1.055em;
}

#highlightedProductList #featureProductList li a .productNewImage, #relatedProducts li a .productNewImage {
	margin: 0 auto;
    display: block;
    border-bottom: 1px solid gray;
    max-width: 177px;
    min-height: 153px;
    padding-bottom: 21px;
    margin-bottom: 15px;
    position: relative;
}
.productNewImage:after {
	content: ' ';
	display: block;
	width: 100%;
	height: 20px;
	background: url(../images/layout/productShadow.png) 0px 0px no-repeat;
	position: absolute;
	bottom: -20px;
}
#highlightedProductList #featureProductList li span, #relatedProducts li span {
	display: block;
	text-align: center;
	font-size: 1em;
	color: #000;
}

#highlightedProductList #featureProductList li span.diseases, #relatedProducts li span.diseases {
	font-size: 1.05em;
}

#highlightedProductList .productName, #relatedProducts .productName, .productName {
	font-weight: 700;
	font-size: 1em;
	display: block;
}

#highlightedProductList #featureProductList li span.highlightedProductPrice, #relatedProducts li span.highlightedProductPrice {
	color: #ab4002;
	font-size: 1em;
}

#productDetails #relatedProducts {
	margin-top: 80px;
	width: 780px;
	max-width: 780px;
}

/*Product page prescription*/
#prescriptionNote {
	background: #f5f5f5;
	padding: 20px 20px 10px;
    box-shadow: 0px 0px 6px #bdb9b9;
    border-radius: 8px;
    margin: 20px 0;
}
#prescriptionNote h3:first-child {
	color: #ab4002;
	margin-top: 0;
}

/* Testimonial */
.testimonials {
	border: 1px solid #016d53;
	border-radius: 5px;
	padding: 15px 10px 120px;
	box-sizing: border-box;
	width: 98%;
	max-width: 337px;
	text-align: center;
	position: relative;
	margin-right: 20px;
	display: inline-block;
	background: url(../images/layout/testimonial_icon.png) center bottom no-repeat;
	vertical-align: top
}
.testimonials {
	
}
#articleList  .testimonials {
	width: 33%;
	max-width: 280px;
}
.testimonials h2, aside.openingHours h3, .contactPageWrapper > h2 {
	color: #ab4002;
	margin: 10px 0 25px;
	font-size: 1.6em;
}

.testimonials ul {
	margin-bottom: 50px;
}
.testimonials ul li blockquote .quotation{
	font-size: 1.2em;
    max-width: 220px;
    display: block;
    margin: 0 auto;
}
.testimonials ul li blockquote .personDetails {
	font-style: italic;
	font-size: 1em;
}
.testimonials ul li blockquote .personName{
	font-size: 1.3em;
	font-weight: 600;
	display: block;
	font-style: normal;

}
.testimonials ul li blockquote .occupation,
.testimonials ul li blockquote .city {
	display: block;
}
.testimonials ul li blockquote .rating {
	margin: 6px 10px;
}
.testimonials ul li blockquote .rating span:after {
	content: "\2605";
	color: #993300;
	font-size: 1.3em;
}
.testimonials ul li blockquote .rating span.rated:after {
	color: #ff6633;
}
.testimonials button.slick-next {
	right: 80px;
}
.testimonials img {
	margin: 10px auto;
}
.testimonials button.slick-prev {
	left: 94px;
}

.testimonials .slick-next, .testimonials .slick-prev {
	top: 117%;
	/*background: #ab4002;*/
}

.testimonials .slick-prev:before, .testimonials .slick-next:before {
	background: url(../images/layout/left_arrow_&_right_arrow.png) -8px -3px no-repeat;
	opacity: 1;
	color: transparent;
}
.testimonials .slick-next:before {
	background-position: -55px -3px;
}
.shopPageWrapper #highlightedProductList  h1:first-child, .serachResultPage h1:first-child {
	margin: 0 0 30px;
}
.shopPageWrapper #parentCategories  {
	margin-bottom: 50px;
}
.shopPageWrapper #productList {
	min-height: 370px;
}
.firstParagraph {
	margin-bottom: 30px;
}
/* Opening Hours */
aside.openingHours {
	border: 1px solid #016d53;
    border-radius: 5px;
    padding: 15px 10px;
    box-sizing: border-box;
    text-align: center;
    position: relative;
    margin-right: 20px;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 60px;
}
aside.openingHours ul {
	padding: 0 35px;
}
aside.openingHours ul li {
	text-align: left;
}
div.openingHours {
	float: right;
	width: 185px;
	margin-left: 20px;
}
.openingHours h3 {
	text-align: center;
	margin-top: 0;
}
.openingHours li {
	font-weight: 600;
}
.openingHours li span {
	float: right;
	text-align: left;
	display: inline-block;
	min-width: 80px;
}
.openingHours p {
	text-align: center;
}
/* bottom content css */
#bottomContent {
	padding: 40px 0;
}
#bottomContent .bottomLinks {
	margin-bottom: 40px;
}
#bottomContent .bottomLinks, #bottomContent .pharmacyInfo {
	display: flex;
    justify-content: space-between;
}

#bottomContent .bottomLinks li, #bottomContent .pharmacyInfo li {
	display: inline-block;
	align-self: center;	
}

#bottomContent .pharmacyInfo li.openingHours li {
	text-align: left;
}
#bottomContent .bottomLinks li:first-child {
	display: none;
}
#bottomContent .bottomLinks li:first-child, #bottomContent .bottomLinks li:nth-child(2), #bottomContent .bottomLinks li:last-child {
	border: 1px solid #016d53;
	border-radius: 10px;
    text-align: center;
    margin-right: 10px;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.3;
    width: 179px;
    box-sizing: border-box;
}
.bottomLinks .shoppingBasket .productsInBasket {
	left: 36px ;
}
#bottomContent .bottomLinks li:hover {
	border-color: #994c00;
}
#bottomContent .bottomLinks li:hover a {
	color: #994c00;
}
#bottomContent .bottomLinks li:first-child a, #bottomContent .bottomLinks li:nth-child(2) a, #bottomContent .bottomLinks li:last-child a {
	padding: 12px 15px 14px 78px;
}

#bottomContent .bottomLinks li a {
	color: #000;
	display: inline-block;
}

#bottomLogo {
	background: url(../images/layout/Avon_Icon_vertical.png) left top no-repeat;
    width: 230px;
    height: 131px;
    display: inline-block;
}

#bottomLogo a {
	position: absolute;
    clip: rect(1px 1px 1px 1px);
}
#bottomContent .pharmacyInfo li {
	max-width: 178px;
	width: 100%;
	align-self: auto;
	text-align: center;
} 
.pharmacyInfo li h3 {
    font-size: 1.1em;
    margin-bottom: 10px;
    margin-top: 18px;
}
.pharmacyInfo li span {
	font-weight: bold;
	display: block;
}
.pharmacyInfo li p {
	line-height: 1.5;
	margin: 5px 0;
}
.pharmacyInfo li address {
	font-style: normal;
}
.pharmacyInfo li address P {
	margin: 0;
}
/* online Payment Merchant */
#externalLinks {
	border-top: 1px solid #016d53;
}
#legalLinks li {
	/*width: 90px;
    height: 35px;*/
    display: inline-block;
    margin-right: 20px;
}
.pharmacyRegistered{
	background: url(../images/layout/Registered_Pharmacy.png) left top no-repeat;
	width: 91px;
}
.FCOTravelAdvice{
	background: url(../images/layout/travel_advice.png) left top no-repeat;
	width: 105px;
}
.paypal{
	background: url(../images/layout/sagePay.png) left top no-repeat;
}
.americanExpress{
	background: url(../images/layout/Mastercard_Icon.png) left top no-repeat;
}
.masterCard{
	background: url(../images/layout/Maestro_Icon.png) left top no-repeat;
}
.visaCard{
	background: url(../images/layout/Visa_Icon.png) left top no-repeat;
}

#onlinePaymentMerchant {
	float: right;
}
#onlinePaymentMerchant li {
	width: 56px;
    height: 36px;
    display: inline-block;
    margin-right: 15px;
}
#onlinePaymentMerchant li:last-child {
	margin-right: 0;
}

/* Online consultant */
.onlineConsultation h1, .orderMedicine h1, .rightSideBlock h1 {
	margin-bottom: 20px;
}
.rightSideBlock h1 {
	margin-top: 0;
}
.getPrescription {
	margin-bottom: 80px;
}

.getPrescription h2.queries+p{
	width: 55%;
	float: left;
}

h2.queries, .orderMedicineOnline h2.queries {
	color: #000;
	font-weight: lighter;
	font-size: 1.5em;
	margin-top: 0;
}

.getPrescription > img {
	float: right;
    margin-left: 25px;
    width: 40%;
}
.getPrescription p.pharmaLogo img {
	float: none;
}

.requiredOnlinePrescription {
	margin-bottom: 100px;
}
.requiredOnlinePrescription h2 {
	color: #993300;
    font-size: 1.5em;
    margin-bottom: 20px;
}
.requiredOnlinePrescription > ul {
	column-count: 3;
}
.requiredOnlinePrescription > ul > li {
	margin-bottom: 30px;
}

.requiredOnlinePrescription > ul > li:nth-of-type(6) {
	min-height: 320px;
}
.requiredOnlinePrescription > ul > li:nth-of-type(10) {
	min-height: 160px;
}
/*.requiredOnlinePrescription li > ul li {
	padding-left: 20px;
	background: url(../images/layout/brownArrow.png) 0px 4px no-repeat;
}*/
.requiredOnlinePrescription > ul li a {
	font-size: 1em;
    line-height: 1.4;
    text-decoration: underline;
}

.requiredOnlinePrescription > ul li:first-child h4 {
	margin-top: 0;
}
.requiredOnlinePrescription > ul li h4 {
	margin-bottom: 0;
	font-size: 1.35em;
}
.requiredOnlinePrescription > ul li h4 a {
	color: #000;
	text-decoration: none;
	margin-bottom: 5px;
    display: block;
}

#externalLinks ul {
	display: inline-block;
	margin: 25px 0;
}
#externalLinks a {
    width: inherit;
    position: relative;
    display: block;
    height: 35px;

}
#externalLinks a span {
	position: absolute;
    clip: rect(1px 1px 1px 1px);
}
/* Site footer */
#siteFooter {
	background-color: #0B6F54;
	color: #fff;
	padding-top: 10px;
}
.verifySiteLink {
	background: url(../images/layout/Operating_legally.png) left top no-repeat;
	width: 143px;
    height: 118px;
    display: inline-block;
    margin: 12px 15px 20px 0;
}
.verifySiteLink span {
	position: absolute;
    clip: rect(1px 1px 1px 1px);
}
#siteFooter a {
	color: #fff;
}
#siteFooter p {
	display: inline-block;
	float: right;
	font-style: italic;
}
/*Order Medicine Online page css*/
main .orderMedicineOnline section {
	margin-bottom: 60px;
}
main .orderMedicineOnline h2 {
	color: #993300;
	font-size: 2em;
}
main .orderMedicineOnline section h3 {
	color: #000;
	font-weight: normal;
	font-size: 1.6em;
}
main .orderMedicineOnline section img {
	float: right;
    width: 40%;
	margin: 0 0 20px 20px;
    max-width: 500px;
}
main .orderMedicineOnline section:nth-of-type(2n) img {
	float: left;
	margin: 0 20px 20px 0;
}
main .testimonials.innerPageTestimonial {
	max-width: 720px;
	width: 100%;
	margin: 0 auto; 
	display: block;
}
main .orderMedicineOnline .testimonials h2 {
    font-size: 1.8em;
    margin-top: 10px;
}
main .orderMedicineOnline .openWizardLink {
	border: 1px solid #006c53;
    border-radius: 12px;
    background: linear-gradient(to bottom, #006c53 0%, #006c53 0%, #006c53 45%, #333333 100%);
    padding: 10px 36px;
    color: #fff;
    font-size: 20px;
    font-weight: lighter;
    text-decoration: none;
    display: inline-block;
}
main .orderMedicineOnline .wizardWrapper {
	margin: 25px auto 80px;
	text-align: center;
}

.orderStatusHeading {
	display: inline-block;
	margin-right: 100px;
}

/*popup css*/

/* dialog */
.ui-dialog-titlebar {
	display: none;
}
.ui-dialog.ui-widget-content {
	background: transparent;
	border: none;
	/*top: 95.5px !important;*/
    /*left: 723px !important;*/
}
.ui-widget-overlay {
	background: #000;
    opacity: .5;
}
/*cookie info css*/

@media (max-width:1080px) { 
	#bottomContent {
		padding: 40px 25px;
	}
	#mainMenu ul {
		padding: 0 25px;
	}
	#productDetails {
		width: 70%;
	}
}
@media (max-width:1065px) { 
	.asideBlock {
		zoom: 0.92;
	}
}
@media (max-width:1000px) {
	.shopPageWrapper .asideBlock {
		zoom:0.89;		
	}
	#productDetails {
		zoom:0.85;
		width: 67%;
	}
}
/* tablet css*/
@media (max-width:959px) {
	a#mainLogo {
		position: static;
		display: block;
		margin: 0 auto 40px;
	}
	#tools {
		display: block;
    	float: none;
    	text-align: center;
    	margin: 0 0 25px;
	}
	#mainMenu ul {
		text-align: center;
	}
	#mainMenu ul li, #bottomMenu ul li {
		margin-right: 20px;
	}
	#bottomContent .bottomLinks {
		justify-content: space-around;
		padding-top: 175px;
		text-align: center;
	}
	.shopPageWrapper .asideBlock.productContainer {
		margin: 0;
	    width: 100%;
	    display: block;
	    zoom: 1;
	    float: left;
	}
	.shopPageWrapper .asideBlock.productContainer .testimonials {
		margin: 0 0 50px 25px;
	}
	#bottomContent .bottomLinks #bottomLogo {
		position: absolute;
		top: 53px;
		left: 37%;
	}
	#bottomContent .pharmacyInfo {
		column-count: 2;
    	display: block;
    	text-align: center;
	}
	#bottomContent .pharmacyInfo > li {
		break-inside: avoid-column;
		min-height: 155px;
	}
	.openingHours {
		float: none;
		margin-left: 0;
	}
	#highlightedProductList ul#featureProductList  {
		margin-bottom: 0;
		padding: 0
	}
	.articleBlock  > a.readMore {
		margin-bottom: 80px;
	}
	.introduction > img {
		max-width: 70%;
	}
	.introduction .openingHours h3 {
		margin-top: 0;
	}
	.productPageWrapper div:first-child.asideBlock {
		float: none;
	}
	.productPageWrapper .asideBlock {
		zoom:1;
	}
	.productPageWrapper #relatedProducts {
		max-width: 480px;
		margin: 60px auto 0;
	}
	.productPageWrapper #relatedProducts h2 {
	    text-align: center;
	}
	#relatedProducts h2 {
		margin-bottom: 40px;
	}
	#relatedProducts ul > li.relatedProductList {
		width: 45%;
	}
	#relatedProducts ul > li:nth-of-type(even).relatedProductList {
		margin-right: 0;
	}
	.productPageWrapper+div.asideBlock.productContainer {
		float: none;
		max-width: 100%;
	    width: 100%;
	    margin-bottom: 95px;
	}
	.productPageWrapper+div.asideBlock.productContainer  > aside.productCategories {
		float: right;
		width: 48%;
		margin-top: 0;
	}
	.productPageWrapper+div.asideBlock.productContainer  > aside.productCategories h2 {
		text-align: center;
		margin-bottom: 40px;
	}
	.productPageWrapper+div.asideBlock.productContainer  > aside.productCategories div {
		column-count: 2;
	}
	.productPageWrapper+div.asideBlock.productContainer  > aside.productCategories h3:first-child {
		margin-top: 0;
	}
	#productDetails  {
		width: 100%;
		float:none;
		max-width: 100%;
		zoom:0.9;
	}
	#addToCartForm .addTocartWrapper {
		padding: 15px;
		margin: 30px 0;
	}
	#shoppingCartPopup {
		max-width: 100%;
	}
	aside.openingHours {
		margin-bottom: 0;
	}
	.cookie-item-wrapper {
		max-width: 930px;
		width: 100% !important;
	}
	.cookie-without-image {
		float: none !important;
	    text-align: center;
	    margin: 0;
	    width: 100% !important;
	    margin-bottom: 10px;
	}
	.cookie-close {
		float: none !important;
	    margin: 0px auto !important;
	}
}
@media (max-width:730px) {
	#mainMenu ul li a, #bottomMenu ul li a {
		font-size: 0.90em;
	}
}
@media (max-width:650px) {
	#mainMenu ul li a, #bottomMenu ul li a {
		font-size: 0.86em;
	}
}
@media (max-width:625px) {
	a#mainLogo {
		width: 235px;
		height: 130px;
		background: url(../images/layout/Avon_Icon_vertical.png) left top no-repeat;
	}
	#tools li, #bottomContent .bottomLinks li:first-child, #bottomContent .bottomLinks li:nth-child(2), #bottomContent .bottomLinks li:last-child {
		width: 136px;
	}
	#tools li > a, #bottomContent .bottomLinks li:first-child a, #bottomContent .bottomLinks li:nth-child(2) a, #bottomContent .bottomLinks li:last-child a {
	    padding: 11px 11px 11px 52px;
	    line-height: 1;
	    font-size: 1em;
	}
	#generalSearch #generalSearchInput {
		width: 200px;
	}
	#productDetails p {
		font-size: 1.1em;
	}
	#autoCompleteResult {
	    left: 53px;
		width: 207px;
	    top: 47px;
	}
	#relatedProducts li {
		max-width: 46%;
		margin-right: 10px;
	}
	#bottomContent .bottomLinks li:first-child {
		width: 140px;
	}
	#tools li.getOnlinePrescription,
	#bottomContent .bottomLinks li:last-child {
		margin-right: 0;
	}
	#tools li:last-child {
		position: absolute;
	    bottom: -290px;
	    left: 80px;
	    z-index: 1;
	}
	.talkToUs {
		background-position: -5px -130px;
	}
	.getOnlinePrescription {
		background-position: -6px -130px;		
	}
	.shoppingBasket {
		background-position: -9px -58px;		
	}
	.bottomLinks .shoppingBasket {
		background-position: -13px -55px;
	}
	.shoppingCartLink .productsInBasket, .bottomLinks .shoppingBasket .productsInBasket {
		top: 3px;
	    left: 29px;
	}
	a.checkoutLink.hideIt {
		display: none;
	}
	.bottomLinks .shoppingBasket .productsInBasket {
	    top: 2px;
		left: 19px;
	}
	#mainMenu ul {
		padding: 15px 0 100px;
	}
	#mainMenu ul li, #bottomMenu ul li {
		display: block;
		margin: 0 0 10px 0;
	}
	#mainMenu li.logoutLink span {
		display: block;
	}
	#mainMenu ul li a, #bottomMenu ul li a {
		font-size: 1.05em;
	}
	.getPrescription {
		margin-bottom: 30px;
	}
	.requiredOnlinePrescription > ul > li {
		margin-bottom: 35px;
	}
	.requiredOnlinePrescription > ul > li:nth-of-type(6),
	.requiredOnlinePrescription > ul > li:nth-of-type(10) {
		min-height: auto;
	}
	.requiredOnlinePrescription h2 {
		text-align: left;
	}
	.requiredOnlinePrescription > ul {
		column-count: 1;
	}
	.orderMedicineOnline h2.queries+ p, .getPrescription h2.queries+p {
		width: 100%;
		float: none;
	}
	.onlineConsultation h1, .orderMedicine h1, main .orderMedicineOnline h2 {
		font-size: 1.65em;
	}
	main .orderMedicineOnline section img, .getPrescription > img {
		width: 100%;
		margin: 0 0 20px 0;
	}
	main .orderMedicineOnline .openWizardLink {
		font-size: 16px;
	    padding: 8px 30px;
	}
	.testimonials {
		margin: 0 auto;
		max-width: 290px;
	}
	.testimonials ul li blockquote .quotation {
		font-size: 1.1em;
	}
	.shopPageWrapper .asideBlock.productContainer {
		float: none;
	}
	.shopPageWrapper .asideBlock.productContainer .testimonials {
		margin-left: 0;
	}
	#bottomMenu {
		margin-top: 210px;
		padding-bottom: 93px;
    	padding-top: 12px;
	}
	#bottomContent {
	    padding: 5px 25px 40px;
	}
	#bottomContent .bottomLinks #bottomLogo {
		top: -470px;
		left: auto;
	}
	#bottomContent .bottomLinks {
		padding-top: 0;
	    margin: 15px -10px 0;
	}
	#bottomContent .pharmacyInfo {
		column-count: initial;
	}
	#bottomContent .pharmacyInfo > li {
		display: block;
		min-height: auto;
		margin: 0 auto 35px;
	}
	#bottomContent .bottomLinks li:first-child {
		display: inline-block;
	}
	#bottomContent .bottomLinks li:nth-child(2) {
		position: absolute;
		top: -85px;
	}
	#externalLinks {
		padding-bottom: 150px;
	}
	#externalLinks ul {
		display: block;
		text-align: center;
		float: none;
	}
	#siteFooter {
		padding-bottom: 50px;
	}
	#siteFooter p {
		float: none;
		display: block;
		text-align: center;
	}
	#siteFooter p > a {
		display: block;
	}
	.verifySiteLink {
		position: absolute;
    	top: -170px;
    	left: 28%;
	}
	.mobPopupLogo.hideIt {
		display: inline-block;
		background: url(../images/layout/Avon_Logo_horizontal_small.png) left top no-repeat;
	    width: 181px;
	    height: 49px;
	    z-index: 1;
	}
	.close.closePopupButton {
		font-weight: normal;
		font-size: 1.8em;
		top: 15px;
		right: 17px;
	}
	.mobPopupLogo h1 {
	    position: absolute;
	    clip: rect(1px 1px 1px 1px);
	}
	.formDialog.ui-dialog-content, #shoppingCartPopup {
		max-width: 100% !important;
		width: 100% !important;
		height: 100vh !important;
		min-height: 100% !important;
    	position: fixed;
    	border: none;
    	border-radius: 0;
    	box-shadow: none;
    	padding: 15px 20px;
	    min-width: 320px;
	}
	#shoppingCartPopup > h2 {
		text-align: center;
	}
	#shoppingCartPopup table {
		max-width: 100%;
		border-collapse: collapse;
		min-width: 290px;
	}
	#shoppingCartPopup table.addedCartTableForMobile td.prescriptionInfoColumn {
		font-weight: normal;
		font-size: 0.8em;
	}
	.ui-dialog.ui-widget-content {
		top: -3px !important;
	    left: -3px !important;
	}
	.ui-widget-overlay {
		display: none;
	}
	.mainTableForDesktop#shoppingCartTable {
		display: none;
	}
	#shoppingCartPopup table.mainTableForMobile {
		max-width: 290px;
		display: block;
		/*margin: 0 auto 50px; */
		margin: 0 auto 20px; 
		border-bottom: none;
	}
	#shoppingCartPopup table.mainTableForMobile.hideIt {
		display: none;
	}
	#shoppingCartPopup table.mainTableForMobile table td {
		max-width: 50%;
		width: 50%;
	}
	#shoppingCartPopup div, .shoppingCartWrapper .contentButtons, #addRegisterPopup .contentButtons, .contentButtons {
		text-align: center;
	}
	#shoppingCartPopup table tbody td:last-child, #shoppingCartPopup table tfoot td:last-child {
		padding-right: 0;
	}
	#shoppingCartPopup table tfoot td div, div.warningMessage {
		margin-top: 10px;
		margin-left: 0;
	}
	#shoppingCartPopup table tfoot td div p {
		font-size: 13px;
	}
	#shoppingCartPopup table div.warningMessage h3 {
		font-size: 14px;
	}
	#shoppingCartPopup td.tableBodyForMobile table {
		margin-bottom: 30px;
	}
	#shoppingCartPopup table tbody td span.removeProductLink {
		right: 0;
	}
}

@media (max-width: 460px) {
	a.checkoutLink {
		display: block;
	    margin: 20px auto 10px;
	    max-width: 110px;
	}
}