/* STOP ANY WIERDNESS CAUSED BY CHROME UPDATES */
input[type="radio"] {
    opacity: 1;
}
/* / STOP ANY WIERDNESS CAUSED BY CHROME UPDATES */

body {
	font-family: 'Oxygen', sans-serif;
	font-weight: 400;
	color: #475b65;
	background: #fff;
}

h1,h2,h3,h4,h5,h6 {
	color: inherit;
}

p {
	font-size: 14px;
}

a, a:hover {
	color: #758792;
}

/*
CHOPPING OUT THESE LINES RETAINS THE NICE BLUE GLOW AROUND FOUNDATION 5 TABS ON BOOKING CALENDAR:
I've included them separately in style_missingBit.css so they can be loaded into all pages except booking calandar pages

a:active { -moz-outline-style: none; outline: none; }
a:focus { -moz-outline-style: none; outline: none; }
*/

.phoneLink a { color: #475B65; text-decoration: none !important; cursor: default; } 
.phoneLink a:hover { color: #475B65; text-decoration: none !important; cursor: default; }

.inline-list {
	display: inline-block;
}

.inline-list.jumpToMenus li {
	position:relative;
	left: -20px;
	border-right: none;
	width: 250px;
}	

.align-right {
	text-align: right;
}

.global-nav li {
	border-right: 1px solid #758792;
	padding-right: 1.375em;
	line-height: 1.3;
}

.global-nav a {
	font-size: 13px;
}

.global-nav a:hover {
	color: #d09c41;
}

/* book eyetest CTA button */
.global-nav li > a.button {
	font-weight: 400;
	background-color: #1F8DCD;
	border-color: white;
}
.global-nav li > a.button:hover {
	background-color: #389CCD;
	color: white;
}
	
.global-nav.footer-nav {
	margin-top: 20px;
	font-size: 14px;
	color: #475b65;
	font-weight: 700;
}

.footer-nav a {
	font-size: 15px;
	color: #475b65;
}

.footer-nav li {
	padding-right: 0em;
	margin-left: 0em;
	border-right: 0px;
}

.FAQs li {
	list-style-type:none;
	line-height: 2.0;
	padding-left: 10px;
}

.FAQs a:hover {
	color: #d09c41;
}

.center {
	text-align: center;
}

.currency-select {
	display: inline-block;
	width: auto;
}

li.last {
	border-right: none;
	padding-right: 0;
}

header{
	padding-top: 10px;
	background: #fff;
} 

.logo {
	margin-top: 15px;
	margin-bottom: 20px;
	display: block;
	text-align: center;
}

.hiring-image {
	margin-top: 1px;
	margin-left: -30px;
	margin-bottom: -20px;	
}

/* This class is used when "We're hiring!" image is displayed in top navigation:
 it inserts 'customer' in front of 'reviews' so that 'customer' can be hidden for iPad in portrait
 (in 'iPAD - PORTRAIT ONLY' section below) as it doesn't fit */
.hiring-insert:before {
  content: " customer";
}

.header-strap {
	font-weight: 300;
	font-size: 20px;
	text-align: right;
	margin-top: 15px;
}

.header-strap strong {
	font-weight: 400;
}

.header-strap a {
	color: inherit;
	border-bottom: 2px solid #475b65;
	font-weight: 400;
}

.top-bar {
		background: transparent;
}

.top-bar .toggle-topbar {
	right: 10px;
}

.nav-bg {
	position: relative;
	z-index: 9;
	background: #475b65;
}

.nav-bg:before {
	content: "";
	position: absolute;
	left: 40%;
	top: 0;
	bottom: 0;
	right: 0;
	background: #d09c41;
}

.mobile-strapline {
	text-align: center;
	font-weight: 300;
	margin-top: 5px;
	font-size: 18px;
}

.contain-to-grid {
	background: none;
}

.top-bar .toggle-topbar .burger-icon {
	background: url(../img/burger.png) no-repeat right 16px;
	background-size: 20px 14px;
	text-align: right;
}

.top-bar-section li.currency a {
	display: inline-block !important;
	float: left;
}

.main-nav .top-bar-section ul li a {
	background: #475b65;
	font-weight: 400;
	font-size: 14px;
	padding: 0 25px;
}

.main-nav .top-bar-section ul li.eyeTest a {
	background: #1F8DCD;
	border-right: 1px solid #e7ca9c;	
}

.main-nav .top-bar-section ul li.eyeTest a:hover {
	background: #389CCD;	
}

.main-nav .top-bar-section ul li a:hover {
	background-color: #59717D;
	color: white;	
}

.main-nav .top-bar-section li.alt-colour a {
	background-color: #d09c41;
	font-weight: 300;
}

.main-nav .top-bar-section li.alt-colour a:hover {
	color: #475b65;
	background-color: #d09c41;
}

.main-nav .top-bar-section li.alt-colour.currency {
	font-size: 20px;
	background-color: #d09c41;
		
}

.main-nav .top-bar-section li.alt-colour.currency a {
	padding: 0 10px;
	font-size: 20px;
	
}

.main-nav .top-bar-section li.alt-colour.hideLink a {
	padding: 0 5px;
	font-size: 20px;	
	color: #475b65;
	cursor:default;
   pointer-events: none;	
}

.main-nav .top-bar-section .divider  {
	border-left: none;
	border-right: 1px solid #8f9d9f;

}

.top-bar-section ul {
	background: transparent;
}

.main-nav .top-bar-section li.basket-ico a {
	background: #d09c41 url(../img/basket.png) no-repeat 15px center;
	background-size: 20px;
	padding-left: 44px;
}

.divider-sides {
	border-left: 1px solid #e7ca9c;
	border-right: 1px solid #e7ca9c;
	
}

.divider-sides a {
	line-height: 1;
}

.gold-nav-bg {
	background: #d09c41;
}

.gold-nav-bg .eyeTests a {
	width: 100%;
	display: inline-block;
	background: #1F8DCD;
	line-height: 3.7;
	text-align: center;
	color: white;
	font-size: 16px;
}

.gold-nav-bg .eyeTests a:hover {
	color: white;
}

.eyeTestsBar ul li {
	line-height: 2.3;
	background-color: #1F8DCD;	
	color: white;
	text-align: center;
	margin-bottom: -17px;
	display: block;	
	border-bottom: 1px solid #fff;	
}

.eyeTestsBar ul li a {
	font-size: 18px;
	color: white;	
	width: 100%;
}

.eyeTestsBar li a:hover {
	color: white;
	background-color: #389CCD;
	display: block;
}

.mobile-top-cta a {
	display: inline-block;
	text-align: center;
	width: 48%;
	color: #fff;
	text-transform: uppercase;
	padding: 20px 0;
}

.mobile-top-cta .basket-ico {
	border-left: 1px solid #fff;
	background: url(../img/basket.png) no-repeat 20px center;
	padding-left: 20px;
}

/*-- Reasons banner --*/

.reasons div {
	
	margin-top: 8px;
	font-size: 15px;
}

.reasons p {
	padding-left: 28px;
	background: url(../img/tick.png) no-repeat left center;
	background-size: 24px;	
	display: inline-block;
	color: #758792;
	margin-bottom: 5px;
	font-size: 12px;
	height: 24px;
	line-height: 24px;
}

/*-- Slider --*/

.bxslider {
	list-style: none;
	margin: 0;
	padding: 0;
}

.bestSellers {
	margin-bottom: 10px;
}

.carousel {
	text-align: center;
	font-size: 12px;
}

.carousel li {
	float: left;
	margin-top: -7px;
}

.carousel li img {
	margin: 0 auto;
}

.top-margin {
	margin-top: 10px;
}

.center-wrapper {
	text-align: center;
	display: block;
}

.break-width {
	width: 425px;
	margin-left: -15px;
}


.pattern-wrap {
	background: url(../img/bg.png);
	padding: 40px 0;
}

/*-- Main section --*/
.all-stores {
	background: #fff;
	padding: 0 15px;
}

.all-stores ul {
	margin-top: 0;
	margin-bottom: 0;
	overflow: auto;
}

.all-stores p {
	margin-top: 5px;
	margin-bottom: 0;
}

.box-heading {
	font-weight: 400;
	font-size: 24px;
	margin-top: 0;
}

.quote-box {
	background: #abb7b8;
	padding: 0 15px;
	overflow: auto;
}

.quote-box .box-heading {
	color: #fff;
}

.quote, .quoted-by {
	color: #475b65;
}

.quoted-by {
	font-size: 12px;
	font-weight: 700;
	padding-bottom: 15px;
	margin-bottom: 0;
	float: left;
}

.quote {
	font-weight: 300;
	margin-bottom: 5px;
}

.read-more {
	color: #fff;
	float: right;
	white-space: nowrap;
	text-transform: uppercase;
	margin-bottom: 0;
}

.read-more a {
	color: #fff;
}

/*-- about-box --*/

.about-box {
	margin-top: 40px;
}

.about-bg {
	background: #fff;
	overflow: auto;
	margin-bottom: 40px;
}

.about-hero {
  height:250px;
	background: url(../img/interior.jpg) no-repeat left top;
}

.no-padding-right {
	padding-right: 0;
}

.address-box {
	margin-top: 0px;
}

.italic {
	font-style: italic;
	color: #96a6b0;
	font-weight: 300;
}

.address-box address {
	font-size: 13px;
	color: #758792;
	font-weight: 300;
	line-height: 1.5;
	font-style: normal;
	margin-bottom: 10px;
}

.address-box address strong {
	font-weight: 400;
	font-size: 14px;
}

.store-header {
	text-transform: uppercase;
	color: #758792;
	margin-bottom: 8px;
}

/*-- footer --*/

footer {
	background: #fff;
	padding: 8px 0;
	margin-top: 40px;
}

.social-links {
	list-style: none;
	margin-top: -10px;
	padding: 0;
}

.social-links li {
	float: left;
	margin-right: 15px;
	width: 20px;
}


.legals {
	font-size: 12px;
	color: #758792;
	margin-bottom: 0;
	text-align: right;
}

.legals a {
	color: #758792;
}

/*-- Store modal --*/

.center-img {
	text-align: center;
}

.lrg-btns {
	text-align: center;
	color: #fff;
}

.welcome-text {
	text-align: center;
}

.lrg-btns a:hover {
	color: #fff;
}

.lrg-btns a span {
	text-align: center;
}

.to-stores-btn {
	background: #d09c41;
	height: 100%;
	width: 100%;
	display: block;
	color: #fff;
	padding: 10px;
	line-height: 1.2;
}

.to-home-btn {
	background: #475b65;
	color: #fff;
	padding: 10px;
	height: 100%;
	width: 100%;
	line-height: 1.2;
	display: block;
}


/*-- Main store page --*/

.full-bleed.grey {
	background: #eff1ef;
}

.eye-img {
	background: url(../img/eye.png) no-repeat left top;
	margin-bottom: 20px;
}

.banner-title {
	font-weight: 300;
	margin-bottom: 10px;
}

.indented-left {
	padding-left: 65px;
}

.product-grid ul {
	margin: 0;
}

.product-grid .no-margin {
	margin: 0;
}

.product-grid li {
	border-right: 1px solid #dfe4e2;
}

.product-grid li.no-border {
	border: none;
}

.price {
	font-size: 16px;
	margin-top: 10px;
}

.product-img {
	margin: 0 auto;
	display: block;
}

.product-img-wrap {
	width: 100%;
}

.product-name {
	color: #475b65;
	font-weight: 700;
	margin-bottom: 0;
}

.buy-now-btn {
	background: #d09c41;
	font-size: 18px;
	text-align: center;
}

.buy-now-btn a {
	color: #fff;
	white-space: nowrap;
}

.brand-name {
	font-size: 16px;
	margin-top: 10px;
	color: #96a6b0;
}

.brand-name-homepage {
	font-size: 12px;
	color: #96a6b0;
	background: #FFF;
	margin-top: -10px;	
	margin-bottom: -2px;	
}

.brand-name-homepage .nudgeUpModelNumber {
	position:relative;
	top:-5px;	
}

.borders {
	border-top: 1px solid #dfe4e2;
	border-bottom: 1px solid #dfe4e2;
	padding: 5px 0;
	overflow: auto;
}

.border-bottom {
	border-bottom: 1px solid #dfe4e2;
	padding: 0 0;
	overflow: auto;
}

.border-left {
	border-left: 1px solid #dfe4e2;
}

.margin-top {
	margin-top: 20px;
}


/*-- Side nav --*/

.sidebar-nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 13px;
}

.sidebar-nav li {
	padding: 0 5px;
}

.sidebar-nav a {
	border-bottom: 1px solid #dfe4e2;
	display: block;
	padding-bottom: 4px;
	margin-bottom: 4px;
}

.sidebar-nav a:hover, .sidebar-nav a.active {
	color: #d09c41;
}

li.title {
	background: #e9ecea;
	margin-bottom: 5px;
	padding-bottom: 2px;
	padding-top: 2px;
}

.showCursor {
	cursor:pointer;
}
.showCursor:hover {
	color: #d09c41;
}

.last-in-section a {
	border-bottom: none;
	margin-bottom: 10px;
}


/*-- Single section styles --*/

.section-name-wrap {
	background: #475b65;
	color: #fff;
	padding: 4px 0;
	margin-bottom: 18px;
	margin-left: -1px;
}

.section-name-wrap h1 {
	font-weight: 400;
	font-size: 22px;
	padding-left: 16px;
	margin: 0;
}

.pagination {
	text-align: right;
	margin-top: 20px;
}

.pagination a {
	margin-left: 8px;
	display: inline-block;
	white-space: nowrap;
}

.pagination a:hover {
	color: #d09c41;
}

/*-- Single product style --*/

.single-product a:hover {
	color: #D09C41;
}

.single-product.row {
	margin-bottom: 0px;
}
.single-product .product-hero {
	margin: 0 auto;
}

.single-product .product-name {
	font-size: 24px;
	font-weight: 300;
}

.single-product .brand-name {
	font-weight: 700;
	font-size: 17px;
}

.product-description {
	margin-top: 20px;
}

.social-icons {
	margin-bottom: 0;
}

.social-icons a {
	display: inline-block;
	margin-right: 100px;
}

.social-links li {
	margin-top: 5px;
	display: inline-block;
	margin-right: 10px;
	border-right: none;
}

.quantity-wrap {
	background: #f8f0e5;
	color: #d09c41;
	display: inline-block;
	min-height: 30px;
	vertical-align: top;
}

.quantity-wrap p {
	margin-bottom: 0;
	line-height: 1;
	padding: 4px 6px 5px;
}

.add-to-btn {
	display: inline-block;
	vertical-align: top;
	white-space: nowrap;
	background: #d09c41;
	color: #fff;
	padding: 3px 6px;
	min-height: 30px;
	cursor:pointer;
	/*border-radius: 5px;*/
}

.add-to-btn .phone-ico {
	background: #d09c41 url(../img/phone.png) no-repeat 0px center;
	background-size: 15px;
	padding-left: 20px;
}

.add-to-btn a:hover {
	color: black;
}

.add-to-btn p {
	margin-bottom: 0;
	text-transform: uppercase;
	vertical-align: top;
}

.add-to-btn a {
	color: #fff;
}

.back-btn {
	margin-top: 30px;
	display: inline-block;
	font-size: 14px;
	color: #475b65;
}

.back-btn-FAQs {
	display: inline-block;
	font-size: 14px;
	color: #475b65;
}

input.quantity-field,input.quantity-field:focus {
	background: #fff;
	border: none;
	outline: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	width: 30px;
	display: inline-block;
	text-align: center;
	margin-bottom: 0;
	padding: 2px 4px;
	font-size: 14px;
	height: auto;
}

.right-align-child {
	text-align: right;
}

.padding-sides {
	padding-left: 15px;
	padding-right: 15px;
	margin-top: 20px;
	padding-top: 10px;
}

.padding-bottom{
	padding-bottom: 30px;
}

.product-info {
	font-weight: 300;
	font-size: 22px;
}

.bx-pager {
	margin-top: 10px;
	line-height: 0.8;
}

.border-pager {
	border-bottom:	1px solid #dfe4e2;
}

.border-pager li {
	border-right: none;
}

.border-pager a {
	display: table;
	height: 100%;
}

.view-images-title {
	margin-top: -20px;
	margin-bottom: -10px;
	font-size: 16px;
}

/*-- about page ---*/ 
.full-width-banner {
	background: #EDEBEC url(../img/shop-banner.png) no-repeat center top;
	height: 212px;
}

.full-width-banner-BW {
	background: #EDEBEC url(../img/shop-banner-BW.png) no-repeat center top;
	height: 212px;
}

.normal-page-title {
	font-weight: 300;
	border-bottom: 1px solid #475b65;
	font-size: 24px;
	margin-bottom: 20px;
}

/*-- Footer nav toggle --*/

.footer-more {
	text-align: center;
	width: 100%;
	display: block;
	color: #fff;
	padding: 15px 0;
	font-weight: 700;
}

.footer-more:hover {
	color: #fff;
}

.footer-more-wrap {
	background: #475b65; 
}

.js-slide-toggle {
	display: none;
}


.legals-mobile a {
	display: inline-block;
	color: #fff;
	margin-bottom: 4px;
	margin-right: 10px;
}

.footer-slider {
	list-style: none;
	margin: 0;
	padding: 0;
}

.footer-slider a {
	color: #d09c41;
	font-weight: 700;
	text-align: center;
	font-size: 16px;
	display: block;
}

.center-wrap {
	text-align: center;
}

.margin-top.smaller {
	margin-top: 10px;
}

.contactUs-table {
	border: none;
	background: #fff;
}

.contactUs-table tr {
	border: none;
	background: #fff;
}

.contactUs-table tr:nth-child(even) {
	background: #fff;
}

/*-- General Table Styles --*/
.general-table {
	border: none;
	width: 100%;
}

.general-table a {
	font-weight: 400px;
}

.general-table thead tr {
	background: #475b65;
}

.general-table th {
	color: #fff;
	text-transform: uppercase;
	white-space: nowrap;
}

.general-table tr {
	background: #e9ecea;
	/*border-bottom: 1px solid #758792;*/
}

.general-table tr:nth-child(even) {
	background: #e9ecea;
}

.margin-bottom {
	margin-bottom: 30px;
}

.total-cost {
	display: block;
	margin-bottom: 2px;
	font-weight: 400;
	color: red;
}

.label-row {
	background: #475b65;
	color: #fff;
	font-weight: bold;
}

.sidenote {
	font-size: 14px;
	font-weight: normal;
	color: #000;
}

.dataTables_wrapper input {
	outline: none;
}

/*-- Reglazes Page --*/
.red {
	color: red;
}
.red a:hover { color: #d09c41; }

.has-tip:hover,
.has-tip {
	border-bottom: none;
	color: #475b65;
}

.tooltip {
	background: #475b65;
}

.tooltip>.nub {
	border-color: #475b65;
}

.tooltip.tip-right>.nub {
	border-color: transparent #475b65 transparent transparent
}

.tooltip.tip-bottom>.nub {
	border-color: transparent transparent #475b65 transparent
}

.single-option {
	vertical-align: middle;
	margin-bottom: 2px;
}

.single-option input {
	margin-right: 10px;
}

.reglaze-options li {
	margin-bottom: 10px;
}

.reglaze-name {
	text-transform: uppercase;
}

.btn {
	background: #475b65;
	display: inline-block;
	padding: 8px 18px;
	color: #fff;
	border: none;
	cursor:pointer;	
}

.btn:hover {
	color: #fff;
}

/*-- Basket Page --*/

.small-btn,
.small-btn:hover {
	background: #475b65;
	padding: 4px 10px;
	display: inline-block;
	color: #fff;
	margin-top: 2px;
}

.small-yellow-btn,
.small-yellow-btn:hover {
	background: #d09c41;
	padding: 4px 10px;
	display: inline-block;
	color: #fff;
	margin-top: 2px;
}

.yellow-btn,
.yellow-btn:hover {
	background: #d09c41;
	display: inline-block;
	padding: 8px 18px;
	color: #fff;
	border: none;
	cursor:pointer;	
}

.remove-col {
	text-align: right;
}

.shopping-table tfoot td {
	text-align: right;
	font-weight: 400;
	color: #475b65;
}

.bolder a {
	text-decoration:underline;
}

.justify { text-align:justify; }

.shopping-table tfoot td.align-left {
	text-align: left;
	font-weight: normal;
}

.shopping-table tfoot tr.topBorder {
	background: #e9ecea;
	border-top: 1px solid #758792;
}

hr { display: block; height: 1px;
    border: 0; border-top: 1px solid #758792;
    margin:-.5em 0px 0em 0px; 
		padding: 0; }

.red a {
	color: red;
}

a.red:hover {
	color: #d09c41;
}

input.amount-input {
	width: 40px;
	border-radius: 0;
	outline: none;
	box-shadow: none;
	text-align: center;
}

/*-- Login Page --*/
fieldset {
	border: none;
	padding: 0;
}

.forgot-password-title {
	color: #d09c41;
	text-transform: uppercase;
	margin-bottom: 5px;
}

.forgotten-password a {
	font-weight: bold;
}

.login input[type="text"],
.forgotten-password input[type="text"] {
	box-shadow: none;
	border-radius: 0;
	outline: none;
}

/*-- Prescription page --*/

.dob select {
	width: 78px;
}

.prescription-table {
	width: auto;
}

.prescription-table input[type="text"] {
	box-shadow: none;
	outline: none;
	border-radius: 0;
}

.label-text {
	white-space: nowrap;
	color: #d09c41;
	font-weight: bold;
	max-width: 180px;
	text-transform: uppercase;
}

.opticians-address {
	resize:vertical;
	min-height: 100px;
}

/*-- Reviews page --*/
.single-review {
	border-bottom: 1px solid #475b65;
	margin-bottom: 15px;

}

.no-of-reviews {
	font-size: 12px;
	border-bottom: 1px solid #475b65;
	text-align: left;
}

.posted-by {
	font-weight: bold;
	margin-bottom: 0;
}

time {
	font-size: 12px;
	margin-bottom: 15px;
	display: block;
}

.scores li {
	line-height: 1.2;
}


/*-- Slides --*/

.slide-wrap {
	display: block;
	overflow: auto;
}

.slide {
	min-height: 100%;
}

.slide .headline {
	font-size: 30px;
	color: #fff;
	font-weight: 300;
	padding-top: 30px;
	padding-bottom: 10px;
	margin-top: 0;
}


.slide .headline span {
	color: #d09c41;
	display: block;
	margin-left: 30px;
}

.slide-1 .slide-img {
	float: left;
}

.slide.slide-2 .headline {
}

.slide.slide-2 .four-across {
}

.slide.slide-3 .headline {
}

.four-across {
	margin-top: 10px;
}

.four-across .list {
	list-style: none;
	margin: 0;
	padding: 0;
	margin-left: 5%;
	float: left;
}

.four-across a {
	color: #fff;
}

.four-across a:hover {
	color: #d09c41;
}

.list li {
	color: #fff;
	font-size: 12px;
}

li.more-text a {
	color: #d09c41;
	margin-top: 5px;
	font-size: 14px;
}

.border-pager img {
	max-width: 100%;
	display: block;
}

.thumb-slider {
	min-height: 413px;
}

.thumb-slider .table-wrap {
	display: table;
	height: 100%;
	width: 100%;
	min-height: 380px;
	height: 380px
}

.thumb-slider span {
	display: table-cell;
	vertical-align: middle;
	width: 100%;
}

.thumb-slider li >img {
	max-height: 405px;
}

.border-pager .block-grid li {
	padding: 0;
}

.border-pager a {
	display: block;
	display: table;
	height: 100%;
	outline: none;
	
}

.border-pager span {
	display: table-cell;
	vertical-align: middle;
	height: 100%;
}

.checkout-small {
	background: #d09c41;
	text-align: center;
	display: block;
}

.end-product td {
	border-bottom: 1px solid #475b65;
}

.small-thumbs {
	border: none;
}

.small-thumbs td {
	vertical-align: middle;
	padding: 0;
}

.small-thumbs a {
	display: block;
	outline: none;
}

.small-thumbs img {
	width: auto;
	max-width: 100%;
	outline: none;
}

.small-thumbs tr {
	border-bottom: 1px solid #dfe4e2;
}

.thirty-three.cols >div {
	width: 32%;
	height: 100%;
	display: inline-block;
	vertical-align: middle;
}

.thirty-three.cols {
	border-bottom: 1px solid #dfe4e2;
}

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

	.top-bar.expanded .all-links {
		display: block;
	}

	.main-nav.expanded .top-bar-section .divider {
		display: none;
	}

	.main-nav .top-bar-section ul li a {
		font-size: 14px;
		padding: 0 10px;
	}

	.top-bar .toggle-topbar a.burger-icon {
		color: #fff;
		padding: 0 26px;
	}

	.main-nav .top-bar-section ul li a:hover {
		background-color: transparent;
	}

	.main-nav .top-bar-section li.alt-colour a:hover {
		color: #fff;
	}

	.main-nav .top-bar-section li.basket-ico a {
		padding-left: 50px;
	}

	.reasons  div.align-right {
		text-align: left;
	}

	.logo {
		margin-top: 10px;
		margin-bottom: 0;
	}

	.all-stores {
		margin-bottom: 40px;
	}

	.eye-img {
		background-image: none;
	}

	
	.indented-left {
		padding-left: 0;
	}

	.price p,.buy-now-btn {
		font-size: 14px;
	}

	.product-hero {
		margin-bottom: 30px;
	}

	footer {
		margin-top: 10px;
	}
	
}

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

	/* stop modal having loads of white space at bottom */
 	.fixSize {
 		min-height: 10vh; 
		top: 15vh;/* nudge down the modal a little from top of page */
 		left: 0;
 		margin: 0 auto;
 		width: 100%; 
 	}
	/* use modal background style from Foundation 3 so that entire screen is blacked-out when modal launches  */
	.reveal-modal-bg { position:fixed;height:100%;width:100%;background:#000;background:rgba(0,0,0,0.45);z-index:40;display:none;top:0;left:0}

	.logo {
		margin-bottom: 10px;
	}

	.slide .headline {
		padding-top: 0;
		padding-bottom: 0;
		line-height: 1;
	}

	.four-across .list {
		margin-left: 2%;
	}
}


/*----------------*/
/*-- MOBILE ONLY--*/
/*----------------*/


@media only screen and (max-width: 640px) { 
	.nav-bg:before {
		background-color: transparent;
	}

	.top-bar-section .divider {
		display: none;
	}

	.top-bar .all-links {
		display: none;
	}

	.main-nav .top-bar-section .divider-mobile  {
		border-top: 1px solid #8f9d9f;
	}	
	
	.main-nav .top-bar-section ul li a {
		margin-bottom: 2px;
	}

	.main-nav .top-bar-section ul li a:hover {
		background-color: #475B65;
	}

	.main-nav .top-bar-section ul li.first a {
		margin-top: 10px;
	}

	.main-nav .top-bar-section ul li.last a {
		margin-bottom: -2px;
	}	
	
	.nav-bg {
		padding: 5px 0;
	}

	.main-nav .top-bar-section li.alt-colour a  {
		background: #475b65;
		font-weight: 400;
	}

	.divider-sides {
		border: none;
	}

	.currency-select {
		width: 100%;
		margin-top: 15px;
		margin-bottom: 20px;
	}

	.legals {
		text-align: left;
	}

	.top-bar.expanded {
		position: relative;
	}

	.general-table th {
		white-space: normal;
	}

	.small-remove.small-btn {
		margin-top: 10px;
		display: block !important;
		text-align: center;
	}

	.thumb-slider li >img {
		max-height: 405px;
	}

	.label-row p {
		margin-bottom: 0;
	}

	.label-row p a {
		color: #fff;
		font-weight: bold;
	}
	
	.break-width {
		width: auto;
		margin-left: 0;
	}

	.reasons p {
		font-size: 13px;
		background: url(../img/tick_large.png) no-repeat left center;
		background-size: 20px;	
	}
	
	.mobile-top-cta .basket-ico {
		border-left: 1px solid #fff;
		background: url(../img/basket_large.png) no-repeat 20px center;
		background-size: 20px;
		padding-left: 20px;
	}
	
	.carousel li {
		float: left;
		margin-top: 0px;
		margin-bottom: -20px;
	}
	
	.bx-viewport { 
		height: 360px;
	}
	
	.view-images-title {
		margin-bottom: 0px;
	}
	
	li.title {
		color: white;
		background: #475B65;
	}
	
/* old! I went off this yellow and went for white instead as below */	
	li.title.yellow {
	color: #59717D;
	background: #F8F0E5;
	border: 1px solid #758792;
	height: 30px;
}

	li.title.white {
	color: #59717D;
	background: white;
	border: 1px solid #758792;
	height: 30px;
}
	
	.add-to-btn .phone-ico {
		background: #d09c41 url(../img/phone_large.png) no-repeat 0px center;
		background-size: 15px;
		padding-left: 20px;
	}			

	.brand-name-homepage {
		margin-bottom: 15px;	
	}
	
	.phoneLink a { color: #758792; text-decoration: underline !important; cursor: pointer; } 
	.phoneLink a:hover { color: #758792; text-decoration: underline !important; cursor: pointer; }	
}


/*----------*/
/*-- iPAD --*/
/*----------*/


@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (device-aspect-ratio: 3/4) {
	.reasons p {
		font-size: 11px;
		background: url(../img/tick_large.png) no-repeat left center;
		background-size: 20px;
	}
	
	.main-nav .top-bar-section li.basket-ico a {
		background: #d09c41 url(../img/basket_large.png) no-repeat 10px center;
		background-size: 20px;
		padding-left: 40px;
	}
	
	.slide .headline {
		margin-top: 10px;
		font-size: 24px;
	}
	
	.carousel li {
		float: left;
		margin-top: -5px;
		margin-bottom: -20px;
	}
	
	.bx-viewport { height: 369px; 
	}
	
	.add-to-btn .phone-ico {
		background: #d09c41 url(../img/phone_large.png) no-repeat 0px center;
		background-size: 15px;
		padding-left: 20px;
	}	
	
	.brand-name-homepage {
		margin-bottom: 15px;	
	}	
}

/*--------------------------*/
/*-- iPAD - LANDSCAPE ONLY--*/
/*--------------------------*/

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (device-aspect-ratio: 3/4)
and (orientation : landscape) {
	.bx-viewport { height: 413px; 
	}
}

/*-------------------------*/
/*-- iPAD - PORTRAIT ONLY--*/
/*-------------------------*/

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (device-aspect-ratio: 3/4)
and (orientation : portrait) {
	.hiring-insert:before {
	  content: "";
	}
}

/*--------------------------------------------*/
/*-- Dad's phone: Google Nexus (720 x 1280) --*/
/*--------------------------------------------*/


@media only screen and (device-width: 720px) and (orientation : portrait)
 {
	.bx-viewport { height: 387px; 
	}
}