/* ------------------------- All page attributes --------------------------- */
@import url('https://fonts.googleapis.com/css?family=Montserrat|Tangerine');
@import url(//db.onlinewebfonts.com/c/3a861ecacbb23f33b2bb683e90c45e31?family=Optima+nova+LT);
@font-face {font-family: "Optima nova LT"; src: url("//db.onlinewebfonts.com/t/3a861ecacbb23f33b2bb683e90c45e31.eot"); 
src: url("//db.onlinewebfonts.com/t/3a861ecacbb23f33b2bb683e90c45e31.eot?#iefix") format("embedded-opentype"), 
("//db.onlinewebfonts.com/t/3a861ecacbb23f33b2bb683e90c45e31.woff2") format("woff2"), 
url("//db.onlinewebfonts.com/t/3a861ecacbb23f33b2bb683e90c45e31.woff") format("woff"), 
url("//db.onlinewebfonts.com/t/3a861ecacbb23f33b2bb683e90c45e31.ttf") format("truetype"), 
url("//db.onlinewebfonts.com/t/3a861ecacbb23f33b2bb683e90c45e31.svg#Optima nova LT") format("svg"); }

@import url('https://fonts.googleapis.com/css2?family=Arsenal&display=swap');
font-family: 'Montserrat', sans-serif;
html {
  width: 100%;
  height: 100%;
}

body {
  background-color: #ffffff;
  ddisplay: flex;
  justify-content: center;
  align-items: center;
  height: 100%; 
  list-style:none;
  font-family: 'Montserrat', sans-serif;!important;	
}
body a{text-decoration:none!important; list-style:none!important;  font-family: 'Montserrat', sans-serif; }
h1, h2{ font-family: 'Montserrat', sans-serif;}
*, :after, :before {
    box-sizing: border-box!important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
body {
    font-family: 'Montserrat', sans-serif;!important;	
    font-weight: 400;
    font-style: normal;
    color: #092a22;
    background: #fff;
    line-height: 1.65;
}
/*@media all and (max-width:639px){	
.slicknav_menu{
	display:block;
	width:60%;
	float:left;	
	bbackground:transparent;
	bbackground:#092a22;
	z-index:1000;
	mmargin-top:1.5em;
}
.slicknav_menu li{
	font-family: 'Montserrat', sans-serif;
	font-size:0.85em;
	line-height:5;
	bbackground:transparent ;
	background:#092a22;
	padding:0!important;
	margin:0!important;
	width:100%!important;
	text-align:left;
	text-transform:uppercase;
	border-bottom:1px solid #175747; 
}
.slicknav_nav a:hover{
	background: transparent;
	color: #fff;
}
#mainmenu{
	display:none;
}
.logo{
	wwidth:30%;
	float:left;	
}
} */

.holiday{width:90%;
	margin-left:auto;
	margin-right:auto;
	margin:0 auto;
}
.holiday h2{
	font-family:Montserrat, SansSerif, serif, Calibri!important;
	font-size:18px;
	color:#3484C5;
	line-height:0.6;
	font-weight:bold;
	text-align:center;
	letter-spacing:1px;
 }
/* ------------------------- End of All page attributes --------------------------- */
.js .slicknav_menu {display:none!important;}
.js #slicknav_menu {display:none!important;}
.slicknav_menu{display:none!important}
#slicknav_menu{display:none!important}
#mainWrapper{clear:all; margin:0 auto!important; padding:0; width:100%!important; bborder: 1px solid #fff; position:absolute; }
#pageHeader{width:100%; margin:0 auto!important; border:none; xposition:fixed; z-index: 1000; float:left; padding:0;}
.freedelivery{width:100%; background-color:#fff; height:40px!important; margin:0 auto!important; ddisplay:block;}
.freedelivery h2{line-height:40px; height:30px; margin:0 auto!important; color:#404353; font-size:12px;  text-align: center; font-family: 'Montserrat', sans-serif; bborder:1px solid #00f;
text-decoration:none; letter-spacing:1px!important; font-weight:bold;}

.headerblock{width:100%; height:120px; background:#404353; list-style-type:none; padding:0; text-aligh:center; margin:0 auto;}
.HeadMidcontent{width:60%; height:120px; list-style-type:none; padding:0; text-aligh:center; margin:0 auto;}/* #404353; */
.HeadMidcontent a img{margin:auto auto!important; background-repeat:no-repeat; max-width:260px; height:auto; display:block;  padding:6px 0 6px 0; }
.HeadMidcontentmobile{display:none!important;}
.HeadMidcontentmobile a img{display:none!important;}

/* ----------------- Basket option */	
.basketmobile{display:none!important;}
.basket{mmargin:0; ppadding:0; max-width:100px!important; width:100px!important; max-height:50%!important; height:auto!important; float:right; margin:42px 40px 42px 0px; padding:0; }
.basket a{text-decoration:none;}
.basket a img{width:35px!important; height:auto!important; }	


.basket span{width:20px; height:20px; background-color:#ffffff; float:right; padding:0; margin:0 40px 0 0; 
	webkit-border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-ms-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;	
	}
.basket span p{
	font-size:1em!important;
	color:#000000;
	line-height:20px;
	margin-left:auto;
	margin-right:auto;
	margin:0 auto;
	text-align:center;
	font-family: 'Montserrat', sans-serif;
	font-weight:bold;
}
.container-fluid {
   /* margin: 100px 0; */
 mmargin:320px 0 10px 0; /* was set to before margin increase  margin:320px 0 10px 0;  */
    margin:320px 0 10px 0!important;
}
/* --------------------------------- end of basket  ---------------------------------------- */
.mainmenu{ display:table; height:40px;  max-width:100%!important; width:100%; margin: auto auto; text-align:center;  }
.menu-nav{    
	background:#fff;
    padding:0;
    display:table-cell;
    vertical-align: middle;
}
.menu-nav li{
display:inline-block;/* whatever you want to do with your li */
position:relative; /*new* for menu bar at the bottom of menu items */
}

.menu-nav ul li ul{
	visibility: hidden;
  opacity: 0;
  position: absolute;
  transition: all 0.5s ease;
  margin-top: 1rem;
  left: 0;
  display: none;
  bborder:1px solid #f00;
}
.menu-nav ul li:hover > ul,
ul li ul:hover {
  visibility: visible;
  opacity: 1;
  display: block;
  bborder:1px solid #00f;
}	
	
.dropdown{
 visibility: hidden;
  opacity: 0;
  position: absolute;
  transition: all 0.5s ease;
  margin-top: 1rem;
  left: 0;
  display: none; 
	}
.menu-nav li:hover > ul,
ul li ul:hover {
  visibility: visible;
  opacity: 1;
  display: block;
}		
.dropdown{line-height:1.5;}
.dropdown ul li ul li {
  clear: both;
  width: 100%;
  bborder:1px solid #f00;
}

.menu-nav li a {
	display:block; text-align: center;
    padding:1px 16px;/* was 14px 16px */
    text-decoration: none; font-family: 'Montserrat', sans-serif; text-decoration:none!important; font-size:13px!important; text-align:center!important; font-weight:500; 
	vertical-align:middle!important; text-transform:none!important; list-style:none!important;
	color:#404353; 	letter-spacing: 2px; 		
	}
	
.menu-nav  li a:hover
	{ 
	color:#404353;	
	}
/* ------------------------------ new for menu bar at the bottom of menu items */	
.menu-nav li a::before{content:""; display:block; height:2px; width:0%; background-color:#404353; position:absolute;  margin-top:30px; transition:all ease-in-out 250ms;}	
.menu-nav li a:hover::before{width:100%;}
/* --------------------------------------------------- */	 
.active {
    background-color: #092a22;
	}	
/* ---------------------------- Home Index page Body stuff with images ------------------------------------- */

.topintro{width:100%; margin:30px 0 20px 0; float:left; display:block; }
.topintro h1{text-decoration: none; font-family: 'Montserrat', sans-serif;!important;	 text-decoration:none!important; font-size:1.5em!important; text-align:center!important; color:#404353; letter-spacing:2px; }
.topintro h2{text-decoration: none; font-family: 'Montserrat', sans-serif;!important;	 text-decoration:none!important; font-size:1.2em!important; text-align:center!important;  margin:0 0 0  0;
color:#3D9612; font-weight:600; letter-spacing:2px; }
	
#content{width:100%!important; float:left!important; margin:0 auto; }
	
#content .midcontainer{width:100%; float:left; margin:0 auto;}
#content .midcontainer .products{width:24%; height:50vh; margin:0 4.5% 6.5% 4.5%; float:left;  } /*width:20%; height:40vh; margin:0 6.5% 6.5% 6.5%;float:left; */
#content .midcontainer a{bborder:1px solid #999!important; text-decoration:none;}
#content .midcontainer a img{width:100%; height:auto;}	
#content .midcontainer .products span{margin:5% auto;}
.products p{
	font-family: 'Montserrat', sans-serif;!important;
	text-decoration:none!important;
	height:16px;
	font-size:0.9vw!important; 
	line-height:34px!important; 
	text-align:center!important; 
	vertical-align:middle!important; 
	text-transform:none!important;
	color:#092a22;
	font-weight:500;
	letter-spacing:1px;
	}
#content .midcontainer .products span h2{
	font-family: 'Montserrat', sans-serif;!important;
	text-decoration:none!important;
	margin-top:18px; 
	height:26px;
	font-size:0.8vw!important;/* was 18px */ 
	line-height:26px!important; 
	text-align:center!important; 
	vertical-align:middle!important; 
	text-transform:none!important;	
	color:#404353;
	font-weight:500;
	letter-spacing:1px;
	border:1px solid #404353;	
	} 
/* ------------------------------------------- Footer Content on Home Index Page --------------------------- */
.footer2_content{width:100%!important;  margin:1.5vw 0 0 0; zz-index:210;  background-color:#092a22; padding:0; bborder:2px solid #00f; float:left; }
.barcontent {	
	width:25%!important;
	hheight:50px!important;/* new line #ad8330 */
	margin:3vw 0 0 4vw; /* good at 20px */
	bborder:2px solid #00f;
}
.barcontent p{text-decoration: none; font-family: 'Montserrat', sans-serif; text-decoration:none!important; font-size:0.8vw!important;  color:#fff; line-height:3.2; letter-spacing:1px; }
.footer2_option{max-width:240px;}
.footer2_option li{text-decoration: none; font-family: 'Montserrat', sans-serif; text-decoration:none!important; font-size:0.9vw!important; bborder:1px solid #f00; line-height:2.2; letter-spacing:1px; }
.footer2_option li a{text-decoration: none; font-family: 'Montserrat', sans-serif; text-decoration:none!important;  list-style:none!important; color:#ad8330; letter-spacing:1px; }

.payments{width:20%; height:50px; float:right; margin:-50px 50px 30px 0;}
.payments img{width:50%; height:auto; float:right; mmargin:0 50px 30px 0;}

/* ----------------------------------------------------- ALL Product Pages content ---------------------------------- */

.prod_discription{width:60%;  margin:0px 20% 50px 20%!important;   background:#ffff; padding:30px 0 0px 0; text-align:center!important; pposition:absolute; float:left; }
.prod_discription p{text-decoration: none; font-family: 'Montserrat', sans-serif;!important;	 text-decoration:none!important; ttext-align:center; text-align:left;  list-style:none!important; color:#092a22;  xxfont-weight:590;
 font-size:0.95em; letter-spacing:1.5px; line-height:1.5em; font-weight:normal; margin:0 auto;}

.prod_pg_topintro{width:100%; margin:0px 0 40px 0!important; float:left; ddisplay:block;}
.prod_pg_topintro h1{text-decoration: none; font-family: 'Montserrat', sans-serif;!important;	 text-decoration:none!important; xxxfont-size:1em; text-align:center!important; color:#404353; font-weight:normal; letter-spacing:2px; }
.prod_pg_topintro h2{text-decoration: none; font-family: 'Montserrat', sans-serif;!important;	 text-decoration:none!important; xxfont-size:1.2em; text-align:center!important;  margin:0 0 0  0 letter-spacing:2px;;
color:#3D9612; font-weight:600; line-height:32px; } /* font was 22px for h1 and 20px for h2 */
.prod_pg_topintro h3{
	text-decoration: none;	font-family: 'Montserrat', sans-serif!important; text-decoration:none!important; font-size:1.2em;	text-align:center!important; margin:0 0 0  0 letter-spacing:2px;
	color:#EC4811;	font-weight:600; line-height:38px;
}
/* --------------------------------------------------------- Matte Lipstick & Matte Liquid Lipstick content ------------------------------------------------------ */

.contentPP{ clear:both; width:100%!important; float:left; margin:0 auto;
bborder:1px solid #f00!important;
	}
.midcontainerPP{xwidth:100%!important; xfloat:left; xmargin:0 auto; xborder:1px solid #00f!important;}
.midcontainerPP a{bborder:1px solid #999!important; text-decoration:none;}
.midcontainerPP a img{width:100%; height:auto; bborder:1px solid #999!important;}
.productsPP span{margin:5% auto; }

.productsPP{
	text-decoration: none; font-family: 'Montserrat', sans-serif;!important;	 text-decoration:none!important; 	
	width:27%;/* was 20% */ 
	height:40%!important;
	margin:0 2% 8% 4.3%;/* was 2% 6.5% 6.5% 6.5%   -- 0 2% 7% 3.9%*/ 
	float:left!important;
	bborder:1px solid #f00;
	}
.productsPP p{
	font-family: 'Montserrat', sans-serif;!important;	
	text-decoration:none!important;
	height:16px;	
	font-size:1.7vh!important; 
	line-height:30px!important; 
	text-align:center!important; 
	vertical-align:middle!important; 
	text-transform:none!important;
	letter-spacing:1px;
	color:#092a22;
	font-weight:500; 	
	}
	
 .productsPP span h2{
	font-family: 'Montserrat', sans-serif;!important;	
	text-decoration:none!important;
	margin-top:16px; 
	height:26px;
	font-size:0.85vw!important; 
	line-height:24px!important; 
	text-align:center!important; 
	vertical-align:middle!important; 
	text-transform:none!important;	
	color:#404353;
	font-weight:500;
	letter-spacing:1px;
	border:1px solid #404353;
	}
 .productsPP span h3{
	font-family: 'Montserrat', sans-serif;!important;	
	text-decoration:none!important; 
	width:48%!important; /* was 43%*/
	margin-top:12px; 
	height:26px;
	font-size:1.85vh!important; 
	line-height:3.0vh!important; 
	text-align:left!important; 
	vertical-align:middle!important; 
	text-transform:none!important;	
	color:#CE0000!important;
	font-weight:500;
	float:left;
	padding-left:5px;
	letter-spacing:1px;
	border-top:1px solid #999;
	border-bottom:1px solid #999;
	border-right:1px solid #999;
	}
.productsPP span h4{
	font-family: 'Montserrat', sans-serif;!important;	
	text-decoration:line-through!important; 
	width:48%!important; /* was 43%*/
	margin-top:12px; 
	height:26px;
	font-size:1.85vh!important; 
	line-height:3.0vh!important; 
	text-align:right!important; 
	vertical-align:middle!important; 
	text-transform:none!important;	
	color:#092a22;
	font-weight:500;
	float:left;
	padding-right:5px;
	letter-spacing:1px;
	border-top:1px solid #999;
	border-bottom:1px solid #999;
	border-left:1px solid #999;
	
	}	
.productsPP h5{	
	font-family: 'Montserrat', sans-serif;!important;	
	text-decoration:none!important; 
	font-size:14px!important; 
	line-height:1.5!important; 
	text-align:justify!important; 
	vertical-align:middle!important; 
	text-transform:none!important;
	color:#092a22;
	font-weight:575;	
	margin:12px 0 12px 0;
	xletter-spacing:1px!important;	
	}	
	
 .productsPP .outofstockmessage{bborder:1px solid #f00; float:left!important; width:100%;  height:3.8vh;/*was 3.5vh*/ margin-top:3%; background-color:#D8A5AF;}	/* this line height causing out of stock items to mis allignment */
 .productsPP .outofstockmessage h3{
	cclear:both;
	font-family: 'Montserrat', sans-serif;!important;	
	text-decoration:none!important; 
	font-size:1.85vh!important; 
	hheight:3vh;
	line-height:4vh!important; 
	text-align:center!important; 
	vertical-align:middle!important; 
	text-transform:none!important;
	color:#092a22;
	font-weight:500;
	ffloat:left;
	letter-spacing:1.5px!important;
	}	
.productsPP  #form1 #button{
	bborder:1px solid #f00;
	font-family: 'Montserrat', sans-serif;!important;	
	background-color:#fff;
	margin-top:3%;
	height:3.45vh;
	font-size:1.7vh!important;
	color:#092a22;
	mmax-width:66%!important;
	width:100%!important;
	line-height:3vh!important; 
	text-align:center!important; 
	vertical-align:middle!important; 
	text-transform:none!important;
	letter-spacing:1px;
	display:block;
	float:left!important;
	/*-- New -- */	
	transition: all .5s ease-out;
    background-position: right bottom;
	}
.productsPP #form1 #button:hover{
	border:1px solid #092a22;
	color:#fff;
	background-color:#092a22;	
	background-position: left bottom;
	background: linear-gradient(to right, #092a22 50%, white 50%);
	background-size: 200% 100%;
	transition: all .6s ease-out;	
	display:block;
}	

.productsPP_description p{
	border:1px solid #c96;
	font-family: 'Montserrat', sans-serif;!important;	
	text-decoration:none!important;
	font-size:1.52vh!important;
	line-height:2.3vh!important;
	text-align:justify!important;
	vertical-align:middle!important;
	text-transform:none!important;
	margin:2% 2% 2% 2%;
	padding:2% 2% 2% 2%;
	color:#ffffff;
	font-weight:normal;
	}
/* ------------------------ Eye Shadow content ------------------------------ */
.eyeshadow_topintro{width:100%; margin:-40px 0 20px 0!important; float:left; display:block; bborder:1px solid #f00;}	
.contentPPeyeshadow{margin:20px 0 1.5% 0!important; bborder:1px solid #f00;}
		
.eyeshadowPP{ clear:both!important; max-height:40%!important; height:100%!important; max-width:100%!important; width:50%!important; float:left!important; margin:1.5% 0 5% 5%!important;}
.eyeshadowPP a img{height:auto!important; max-width:100%!important; width:100%!important; margin:0 auto!important; display:block!important;   vertical-align:central; bborder:1px solid #ff0;}

.descriptiondetail{width:37%!important; float:left; margin:12% 3% 0% 3%; }/* has the description for the eyeshadow page and the cost details etc */

.eyeshadow_description{
	margin:18px 0 0 0;
	padding:0;
	clear:both;	
	width:100%; 	
	}	

.eyeshadow_description p{	
	border:none!important;
	font-family: 'Montserrat', sans-serif;!important;	
	text-decoration:none!important;
	font-size:1.8vh!important;
	line-height:3vh!important;
	text-align:justify!important;
	vertical-align:middle!important;
	text-transform:none!important;
	margin:0% 2% 2.2% 2%;	
	color:#092a22;
	font-weight:normal;
	letter-spacing:1px;
	}

.eyeshadow_details{width:100%; float:left; margin:0px 0 0% 0; margin-left:auto; margin-right:auto; bborder:1px solid #00f;}
.eyeshadow_details p{
	font-family: 'Montserrat', sans-serif;!important;	
	margin:0 0 0 0!important;
	text-decoration:none!important; 	
	height:2.2vh;/*was 1.8 */
	font-size:1.8vh!important; /*was 1.8 */
	line-height:16px!important; /*was 1.8 */
	text-align:center!important; 
	vertical-align:middle!important; 
	text-transform:none!important;
	color:#092a22;
	font-weight:550;
	letter-spacing:1px;}
	
.eyeshadow_details span{margin:5px 0 0 0;}
.eyeshadow_details span h2{
	font-family: 'Montserrat', sans-serif;!important;	
	text-decoration:line-through!important; 
	width:23%!important; /* was 43%*/
	margin-top:1.8%; 	
	font-size:1vw!important; 
	line-height:1.5!important; 
	text-align:right!important; 	
	vertical-align:middle!important; 
	text-transform:none!important;	
	color:#165307;
	font-weight:500;
	float:left;
	border-top:1px solid #404353;
	border-bottom:1px solid #404353;
	border-left:1px solid #404353;
	letter-spacing:1px;
	}
.eyeshadow_details span h3{
	font-family: 'Montserrat', sans-serif;!important;	
	text-decoration:none!important; 
	width:23%!important; /* was 43%*/
	margin-top:1.8%; 	
	font-size:1vw!important; 
	line-height:1.5!important;  
	padding-left:8px;
	text-align:left!important; 
	vertical-align:middle!important; 
	text-transform:none!important;	
	color:#f00;
	font-weight:500;
	float:left;
	border-top:1px solid #404353;
	border-bottom:1px solid #404353;
	border-right:1px solid #404353;
	letter-spacing:1px;
	}	
.eyeshadow_details span h4{
	font-family: 'Montserrat', sans-serif;!important;	
	text-decoration:none!important; 
	width:48%!important; /* was 43%*/
	margin:1.8% 0 0 4%; 	
	font-size:1vw!important; 
	line-height:1.5!important; 
	text-align:center!important;  
	vertical-align:middle!important; 
	text-transform:none!important;	
	color:#165307;
	font-weight:500;
	float:left;
	border:1px solid #404353;
	letter-spacing:1px;
	}	
	
.eyeshadow_details .outofstockeyeshadow{bborder:1px solid #f00; float:left!important; width:100%;  height:3.5vh;/*was 3.5vh*/ margin-top:1.8%; background-color:#D8A5AF;}
.eyeshadow_details .outofstockeyeshadow h3{
	cclear:both;
	font-family: 'Montserrat', sans-serif;!important;	
	background-color:#fff;
	text-decoration:none!important; 
	font-size:1vw!important; 
	line-height:1.5!important; 
	height:0.1vh;	
	text-align:center!important; 
	vertical-align:middle!important; 
	text-transform:none!important;	
	color:#165307;
	font-weight:500;
	ffloat:left;
	bborder:1px solid #00f;
	letter-spacing:1px;}
	
	
.eyeshadow_details  #form1 #button{
	bborder:2px solid #f00;
	font-family: 'Montserrat', sans-serif;!important;	
	margin:1.8% 0% 0 3%!important;
	height:3.2vh;	
	color:#092a22;
	mmax-width:66%!important;
	width:40%!important;
	font-size:0.8vw!important; 
	line-height:1.4!important; 
	text-align:center!important; 
	vertical-align:middle!important; 
	text-transform:none!important;
	float:left!important;
	display:block;
	letter-spacing:1px!important;
	transition: all .5s ease-out!important;
	background-color:#fff;
    background-position: right bottom!important; 
	}
.eyeshadow_details #form1 #button:hover{
	border:1px solid #092a22!important;
	color:#fff!important;
	background-color:#092a22!important;	
	background-position: left bottom!important;
	background: linear-gradient(to right, #092a22 50%, white 50%)!important;
	background-size: 200% 100%!important;
	transition: all .6s ease-out!important;	
	display:block!important;
}	

/* --------------------------------------------- lipliner -------- Montserrat ------------ Arsenal ------------ 09C------------ */

.midcontainerLip .prodimg{width:30%; float:left; margin:0 10% 5% 5%; }
.midcontainerLip .prodimg a img{width:100%; height:auto;}

.liplinercolours{
	width:40%; bborder:1px solid #f00;
	float:left; margin:0% 0 0 0!important; 
	}	
.liplinercolours h4{
	font-family: 'Montserrat', sans-serif;!important;color:#092a22; font-size:1em!important; line-height:1em!important; text-align:center!important; vertical-align:middle!important; 
	text-transform:none!important; letter-spacing:2px; margin:20px auto; 
}

.liplinercolours .colourOptions{width:100%; float:left; margin:0 2% 0 2%;	}/* the colour selection container with all colours */
.liplinercolours .colourOptions a img{width:12%; height:auto!important; border:2px solid #C4C4C4!important; margin:0 2% 2.3% 1.2%; padding:0.5%; float:left;   }/* height:9.6vh; Each colour selection -- was width:56px; height:56px;   margin:0 2.3% 2.3% 1%; */
.liplinercolours .colourOptions a img:hover{border:2px solid #09c!important;}/* was #09c  this line off css is deleted*/
.liplinercolours .colourOptions a img.active
	{
	border:2px solid #09c!important; /* was #09c */
	background-color:#ffffff; 
	}
.liplinercolours .colourOptions #form2 #col{ /* for lip liner form 2 to hide the id but keep it under the image   ***** Form  BORDER IMPORTANT ***********  */
	bborder:2px solid #c4c4c4!important; /*was #c4c4c4# */
	margin:0% 0 0% -14%!important;/* was 0% 0 0% -78px */		
	height:9.6vh!important; /* height:9.6vh!important; */
	width:12.3%!important;	/* was 9.66%  width:65px*/
	vertical-align:middle!important; 
	text-transform:none!important;
	float:left!important;	
	bborder:1px solid #f00!important;		
	}
.liplinercolours .colourOptions #form2 #col:hover{border:2px solid #09c!important;}/* was #09c */
.liplinercolours .colourOptions #form2 #col.active 
	{
	border:2px solid #09c!important; /* was #09c */
	background-color:#ffffff; 
	}	

.lipliner_details{width:100%; float:left; margin:3% auto; margin-left:auto; margin-right:auto; }/* full colour select Price and add to container */

.lipliner_details span{margin:1% 0 1% 0; }
.lipliner_details span h2{
	font-family: 'Montserrat', sans-serif;!important;	
	text-decoration:none!important; 
	width:43%!important; /* was 43%*/
	margin:1.5% 0 8% 3.6%;
	height:3.2vh;
	font-size:2.2vh!important; 
	line-height:3.0vh!important; 
	text-align:center!important; 
	padding:right:8px;
	vertical-align:middle!important; 
	text-transform:none!important;	
	color:#165307;
	font-weight:500;
	letter-spacing:1px;
	float:left;
	border:1px solid #404353;
	}
 .lipliner_details span h3{
	font-family: 'Montserrat', sans-serif;!important;	
	text-decoration:none!important; 
	width:25%!important; /* was 43%*/
	margin:1.5% 0 8% 0;
	height:3.2vh;
	padding-left:8px;
	font-size:2vh!important; 
	line-height:3.0vh!important; 
	text-align:left!important; 
	vertical-align:middle!important; 
	text-transform:none!important;	
	color:#f00;!important;
	font-weight:500;
	float:left;
	padding-left:5px;
	letter-spacing:1px;
	border-top:1px solid #404353;
	border-bottom:1px solid #404353;
	border-right:1px solid #404353;
	}	
.lipliner_details span h4{
	font-family: 'Montserrat', sans-serif;!important;	
	text-decoration:line-through!important; 
	width:25%!important; /* was 43%*/
	margin:1.5% 0 8% 0;
	height:3.2vh;
	font-size:2.2vh!important; 
	line-height:3.0vh!important; 
	text-align:right!important; 
	padding:right:8px;
	vertical-align:middle!important; 
	text-transform:none!important;	
	color:#165307;
	font-weight:500;
	letter-spacing:1px;
	float:left;
	border-top:1px solid #404353;
	border-left:1px solid #404353;
	border-bottom:1px solid #404353;
	}
.lipliner_details .outofstockeyeshadow{bborder:1px solid #f00; float:left!important; width:100%;  height:3.5vh;/*was 3.5vh*/ margin:2% 0 8% 0; background-color:#D8A5AF;}
.lipliner_details .outofstockeyeshadow h3{
	cclear:both;
	font-family: 'Montserrat', sans-serif;!important;	
	text-decoration:none!important; 
	font-size:2vh!important; 
	hheight:3vh;
	line-height:3.5vh!important; 
	text-align:center!important; 
	vertical-align:middle!important; 
	text-transform:none!important;
	letter-spacing:1px;
	color:#632554;
	font-weight:500;
}
.lipliner_details .selectedcol{width:100%;  height:4.5vh!important;} /* height:4.5vh!important; */
.lipliner_details .selectedcolimg{width:9%; height:100%; margin:0 0% 0 30%; float:left;}
.lipliner_details .selectedcol .selectedcolimg a img{/* **************************************** image with product name */
	width:80%!important; /* non dynamic 50% */
	height:auto!important; /*was 1.8 *//* non dynamic 100% */
	border:2px solid #09c;	
	padding:2%!important;
	vertical-align:middle!important; 
	float:left!important;	
	}
.liplinercolours .lipliner_details .selectedcol p{
	font-family: 'Montserrat', sans-serif;!important;	
	text-decoration:none!important; 
	wwidth:80%!important; /* was excluded originally */
	height:4.2vh;/*was 1.8 */
	font-size:2.2vh!important; /*was 1.8 */
	line-height:4.2vh!important; /*was 1.8 */
	text-align:center!important; 
	vertical-align:middle!important; 
	text-transform:none!important;
	color:#000000;
	font-weight:500;	
	float:left!important;
	letter-spacing:1px;
	}	
.lipliner_details #form1 #button{
	bborder:2px solid #f00;
	background-color:#fff;
	font-family: 'Montserrat', sans-serif;!important;		
	margin:1.5% 0 8% 0;
	height:3.2vh;/* height:3.2vh; */
	font-size:1em!important;
	color:#092a22;
	mmax-width:66%!important;
	width:43%!important;
	line-height:2.5vh!important; 
	text-align:center!important; 
	vertical-align:middle!important; 
	text-transform:none!important;
	float:left!important;
	letter-spacing:1px;
	display:block;
	transition: all .5s ease-out;
    background-position: right bottom;
	}
.lipliner_details #form1 #button:hover{
	border:1px solid #092a22;/*  #092a22  */
	color:#fff;
	background-color:#092a22;	
	background-position: left bottom;
	background: linear-gradient(to right, #092a22 50%, white 50%);
	background-size: 200% 100%;
	transition: all .6s ease-out;	
	display:block;   hheight:auto;
	} 	
	
.colourOptions #form1 #button{bborder:2px solid #f00; }
.colourOptions .makeselection{
	margin:1.5% 0 8% 0;
	height:3.45vh;
	font-size:2.2vh!important;
	color:#cdbf63;
	mmax-width:66%!important;
	width:56%!important;
	line-height:2.5vh!important; 
	text-align:center!important; 
	vertical-align:middle!important; 
	text-transform:none!important;
	float:left!important;
}
.colourOptions .makeselection h3{
	font-family: 'Montserrat', sans-serif;!important;		
	margin:1.5% 0 8% 0;
	height:3.45vh;
	font-size:2.2vh!important;
	color:#cdbf63;
	mmax-width:66%!important;
	width:56%!important;
	line-height:3.45vh!important; 
	text-align:center!important; 
	vertical-align:middle!important; 
	text-transform:none!important;
	float:left!important;
}	

/* -------------------------------------------  new saleitems page discount codes ------------------------------------ */	

#contentPP .discountwithcode{bborder:1px solid #f00; float:left!important; width:100%;  height:1.8em;/*was 3.5vh*/ margin:0 0 3.5% 0!important; background-color:#FF8080;}
#contentPP .discountwithcode h3{
	cclear:both;
	font-family: 'Montserrat', sans-serif;!important;	
	text-decoration:none!important; 
	font-size:1em!important; 
	hheight:3vh;
	line-height:1.8em!important; 
	text-align:center!important; 
	vertical-align:middle!important; 
	text-transform:none!important;
	color:#092a22;
	font-weight:500;
	ffloat:left;
	bborder:5px solid #00f;
	letter-spacing:1px;
	}

.productsPP p1{
	font-family: 'Montserrat', sans-serif;!important;
	margin:0 0 0 0!important;
	text-decoration:none!important; 	
	height:2.2vh;/*was 1.8 */
	font-size:1.8vh!important; /*was 1.8 */
	line-height:16px!important; /*was 1.8 */
	text-align:center!important; 
	vertical-align:middle!important; 
	text-transform:none!important;
	display:block;
	color:#092a22;
	font-weight:500;	
	letter-spacing:1px;}
	
.productsPP span h32{
	font-family: 'Montserrat', sans-serif;!important;
	text-decoration:none!important; 
	width:50%!important; /* was 43%*/
	margin-top:25px; 
	height:26px;
	font-size:2vh!important; 
	line-height:3.3vh!important; 
	text-align:left!important; 
	vertical-align:middle!important; 
	text-transform:none!important;	
	color:#CE0000!important;
	font-weight:500;
	float:left;
	padding-left:5px;
	letter-spacing:1px;
	border-top:1px solid #999;
	border-bottom:1px solid #999;
	border-right:1px solid #999;
	}
.productsPP span h42{
	font-family: 'Montserrat', sans-serif;!important;
	text-decoration:line-through!important; 
	width:50%!important; /* was 43%*/
	margin-top:25px; 
	height:26px;
	font-size:2vh!important; 
	line-height:3.3vh!important; 
	text-align:right!important; 
	vertical-align:middle!important; 
	text-transform:none!important;	
	color:#092a22;
	font-weight:500;
	float:left;
	padding-right:5px;
	letter-spacing:1px;
	border-top:1px solid #999;
	border-bottom:1px solid #999;
	border-left:1px solid #999;
	
	}		
.productsPP  .form1 .button{
	bborder:1px solid #f00;
	font-family: 'Montserrat', sans-serif;!important;	
	margin-top:5px;
	height:3.45vh;
	font-size:1em!important;
	color:#092a22;
	max-width:100%!important;
	width:100%!important;
	line-height:2.8vh!important; 
	text-align:center!important; 
	vertical-align:middle!important; 
	text-transform:none!important;
	float:left!important;
	background-color:#fff;
	transition: all .5s ease-out;
    background-position: right bottom;
	letter-spacing:1px;
	}
.productsPP .form1 .button:hover{
	border:1px solid #092a22;
	color:#fff;
	background-color:#092a22;	
	background-position: left bottom;
	background: linear-gradient(to right, #092a22 50%, white 50%);
	background-size: 200% 100%;
	transition: all .6s ease-out;	
	display:block;
}
/* --------------------------- CSS for the website Ending ---------------------------------- */
/* NEW CSS for checkout complete, payment cancel, and page for transcations from paypal IPN */

#checkout_complete{width:80%!important; padding-top:20%!important; margin:0 auto!important;}
#checkout_complete p{font-family: 'Montserrat', sans-serif;!important;	font-size:1vw!important; line-height:30px!important; text-align:center!important; letter-spacing:1px; }


/* ----------- Transactions css ---------------------- */

.freedelivery_transactions{display:none;}
.basket_transactions{display:none;}
.basketmobile_transactions{display:none;}

/* ----------- end of Transactions css ---------------------- */

.anchor{}
.bundle_lipliner{ width:27%;  float:left; margin:0 2% 8% 4.3%;}
.bundle_lipliner p{ color:#092a22; font-weight:bold; xmargin:2% 2.4%; text-align:center;}



#linerlinersel{ font-family: 'Montserrat', sans-serif!important;	 text-decoration:none!important; width:40%; margin:0 0 0 15px;}
#lipliner_button{font-family: 'Montserrat', sans-serif!important;	 text-decoration:none!important; width:40%; line-height:1;}
#lipliner_button:hover {border:1px solid #092a22;	color:#fff;	background-color:#092a22;	background-position: left bottom; background: linear-gradient(to right, #092a22 50%, white 50%);
	background-size: 200% 100%;	transition: all .6s ease-out; }


.bundle_selection_item{xborder:1px solid #f00;}
.bundle_selection_item .productsPP{	 font-family: 'Montserrat', sans-serif!important;	 text-decoration:none!important; width:100%;  margin:0 2% 8% 4.3%;	float:left!important;}
.bundle_selection_item .productsPP p{font-family: 'Montserrat', sans-serif!important; text-decoration:none!important; height:16px; font-size:1.7vh!important; line-height:30px!important; text-align:center!important; 
	vertical-align:middle!important; text-transform:none!important;	letter-spacing:1px;	color:#092a22;	font-weight:500; margin:6% 0 0 0;}
.bundle_selection_item  .productsPP img{ width:75%; xfloat:right!important; height:auto; margin:7px 0 0 0; text-align:center;}
.bundle_selection_item  .productsPP span{}
.bundle_selection_item  .productsPP span h2{	font-family: 'Montserrat', sans-serif!important; text-decoration:none!important; margin-top:16px; height:26px; font-size:0.85vw!important; 
	line-height:24px!important; text-align:center!important; vertical-align:middle!important; text-transform:none!important;color:#404353; font-weight:500; letter-spacing:1px;	border:1px solid #404353;	}

.form2{}


.bundle_selection_item .productsPP  #form4 #button3{bborder:1px solid #f00;	font-family: 'Montserrat', sans-serif!important; background-color:#fff;	margin-top:3%;	height:3.45vh;	font-size:1.7vh!important;
	color:#092a22;	;width:100%!important;	line-height:3vh!important; 	text-align:center!important; vertical-align:middle!important; 	text-transform:none!important;	letter-spacing:1px;	display:block;
	float:left!important;transition: all .5s ease-out;  background-position: right bottom;	}
.bundle_selection_item  .productsPP #form4 #button3:hover{	border:1px solid #092a22;	color:#fff;	background-color:#092a22;	background-position: left bottom; background: linear-gradient(to right, #092a22 50%, white 50%);
	background-size: 200% 100%;	transition: all .6s ease-out;display:block;}	
/* -------------------------------------------------------------------------------- */

#sl{float:left; bborder:1px solid #f00;}
.linerlinersel{ font-family: 'Montserrat', sans-serif!important;  line-height:2; text-decoration:none!important; width:40%; margin:5px 0 0 15px;}
#contentPP .bundle_lipliner .productsPPb{	 font-family: 'Montserrat', sans-serif!important; text-decoration:none!important; width:100%;  margin:3% 2% 8% 4.3%;	float:left!important; }
#contentPP .bundle_lipliner .productsPPb img{ width:65%; float:right!important; height:auto; mmargin:0 auto!important; xxtext-align:center;  }

#contentPP .bundle_lipliner .productsPPb p{font-family: 'Montserrat', sans-serif!important; text-decoration:none!important; height:16px; font-size:1.7vh!important; line-height:30px!important; text-align:center!important; 
	vertical-align:middle!important; text-transform:none!important;	letter-spacing:1px;	color:#092a22;	font-weight:500; float:left; width:100%; margin:16% 0 0 0;}
#contentPP .bundle_lipliner .productsPPb span{float:left; width:100%;}
#contentPP .bundle_lipliner .productsPPb span h2{	font-family: 'Montserrat', sans-serif!important; text-decoration:none!important; margin-top:16px; height:26px; font-size:0.85vw!important; 
	line-height:24px!important; text-align:center!important; vertical-align:middle!important; text-transform:none!important;color:#404353; font-weight:500; letter-spacing:1px;	border:1px solid #404353;
	float:left; width:100%;	}
	

 .productsPPb  #form5 #button5{bborder:1px solid #f00;	font-family: 'Montserrat', sans-serif!important; background-color:#fff;	margin-top:3%;	height:3.45vh;	font-size:1.7vh!important;
	color:#092a22;	;width:100%!important;	line-height:3vh!important; 	text-align:center!important; vertical-align:middle!important; 	text-transform:none!important;	letter-spacing:1px;	display:block;
	float:left!important;transition: all .5s ease-out;  background-position: right bottom;	}
 .productsPPb #form5 #button5:hover{	border:1px solid #092a22;	color:#fff;	background-color:#092a22;	background-position: left bottom; background: linear-gradient(to right, #092a22 50%, white 50%);
	background-size: 200% 100%;	transition: all .6s ease-out;display:block;}

/* -------------------------------------------------------------------------------- */

.prescriptionPP{
	text-decoration: none; font-family: 'Montserrat', sans-serif;!important;	 text-decoration:none!important; 	
	width:40%;/* was 20% */ 
	height:40%!important;
	margin:0 2% 8% 4.3%;/* was 2% 6.5% 6.5% 6.5%   -- 0 2% 7% 3.9%*/ 
	float:left!important;
	bborder:1px solid #f00;
	}

.pre_contect_intro{width:100%; margin:30px 0 20px 0; float:left; display:block; }
.pre_contect_intro h1{text-decoration: none; font-family: 'Montserrat', sans-serif;!important;	 text-decoration:none!important; font-size:1.2em!important; text-align:center!important; color:#404353; letter-spacing:1.5px; }
.pre_contect_intro h2{text-decoration: none; font-family: 'Montserrat', sans-serif;!important;	 text-decoration:none!important; font-size:1.2em!important; text-align:center!important;  margin:0 0 0  0;
color:#3D9612; font-weight:600; letter-spacing:2px; }
	
.prescriptionPP a{bborder:1px solid #999!important; text-decoration:none;}
.prescriptionPP a img{width:100%; height:auto; bborder:1px solid #999!important; }
.prescriptionPP span{margin:5% auto; }

.prescriptionlargeimgPP {width:40%; hheight:20%; float:left; bborder:1px solid #f00; margin:0 3% 3% 3%;}
.prescriptionlargeimgPP img{width:100%; height:auto; bborder:1px solid #999!important;}

.offers_description{width:60%;  margin:0px 20% 50px 20%!important;   background:#ffff; padding:30px 0 0px 0; text-align:center!important; pposition:absolute; float:left; }
.prod_discription p{text-decoration: none; font-family: 'Montserrat', sans-serif;!important; text-decoration:none!important; ttext-align:center; text-align:left;  list-style:none!important; color:#092a22;  xxfont-weight:590;
 font-size:0.95em; letter-spacing:1.5px; line-height:1.5em; font-weight:normal; margin:0 auto;}
 /* ----------------------------------------------------------- */
 .colourselect{margin:0 4px 0 3%; width:15%; float:left; padding:0 0 0 10px; } 
 .colselect{ margin:0 4px 0 3%; float:left; height:25px; }
 .colselect h2{font-family: 'Montserrat', sans-serif!important; text-decoration:none!important;  color:#000; 
   font-size:16px; line-height:25px; font-weight:600!important;  }

 .needed{margin:0 0px 0 0; float:left; xwidth:2.85%; xheight:25px; }
 .needed p{ text-decoration:none!important; font-family: 'Montserrat', sans-serif;!important; text-decoration:none!important; font-size:16px; 
 font-weight:bold; line-height:34px; color:#f00; }
 
 .valueselect{width:20%;  float:left; }
 .valselect{margin:0 4px 0 3%; float:left; hheight:25px;  padding:0 0 0 10px;}
 .valselect h2{font-family: 'Montserrat', sans-serif;!important; text-decoration:none!important;  color:#000; 
   font-size:16px; line-height:28px; ffont-weight:bold;  }

 .valneeded{margin-left:0%; float:left; width:2.8%; }
 .valneeded p{ text-decoration:none!important; font-family: 'Montserrat', sans-serif;!important; text-decoration:none!important; font-size:16px; 
 font-weight:bold; line-height:36px; color:#f00;}
 
 .product_colour_selection{width:30%;  float:left;}
  .prodsel_powersel{width:30%; float:left;  padding:0 0 0 0%; margin-left:3%;}
 .product_power_selection{width:50%; float:left; margin:-10px 0 0 40px; hheight:100px;  position: relative; }
 
 .prodsel_powersel .product_power_selection select{width:100%; border:1px solid #BFBFBF; margin:20px 0 0 75px; height:40px; text-shadow:0 1px 0 rgba(0,0,0,0.4); background:#EFEFEF; line-height:1; 
 padding-left:10px; letter-spacing:1px; text-decoration:none!important; font-family: 'Montserrat', sans-serif;!important; text-decoration:none!important; font-size:14px; 
 bborder:1px solid #f00; }
 
 .prodsel_powersel  .product_power_selection option{background-color: #fff; padding:0 0 10px 20px; bborder:1px solid #00f;}
 
 /* new options for new index prescription contacts ------------- new page with message option -----------------------------------------*/
 .valueselect2{width:20%;  float:left;} /* text Now  Value select  label  Container*/
 .valselect{margin:0 4px 0 3%; float:left; hheight:25px;  padding:0 0 0 10px;} /* div with h2 in */
 .valselect h2{font-family: 'Montserrat', sans-serif!important; text-decoration:none!important;  color:#000; 
   font-size:16px; line-height:28px; ffont-weight:bold;  }
 
 .colourselect2{margin:0 4px 10px 3%; width:15%; float:left; padding:0 0 0 10px; }    /* text Now select colour label container */
 .prodsel_powersel2 {width:50%; float:left;  padding:0 0 0 0%; margin-left:0%; } /* the selection container */
 .product_power_selection2{width:35%; float:left; margin:-15px 0 0 0px; hheight:100px;  position: relative; } /* Power selection drop down */
  .prodsel_powersel2 .product_power_selection2 select{width:100%; border:1px solid #BFBFBF; margin:20px 0px 0 0px; height:40px; text-shadow:0 1px 0 rgba(0,0,0,0.4); background:#EFEFEF; line-height:1; 
 padding-left:10px; letter-spacing:1px; text-decoration:none!important; font-family: 'Montserrat', sans-serif;!important; text-decoration:none!important; font-size:14px;}
 .prodsel_powersel2  .product_power_selection2 option{background-color: #fff; padding:0 0 10px 20px;  } 
 .product_colour_selection2{width:30%;  float:left;  margin-left:100px;}
 
 .selectiomessage{width:80%; float:left;margin:20px 0 20px 0%; border:1px solid #092a22;}
 .selectiomessage p{font-family: 'Montserrat', sans-serif!important; font-size:16px; text-decoration:none!important; color:#092a22;	text-align:center;	font-weight:bold;}

 .form-action{width:100%;}
  #buttonx{	background-color:#fff; font-family: 'Montserrat', sans-serif;!important; margin:1.5% 0 8% 0; height:3.6vh;/* height:3.2vh; */ font-size:1em!important; color:#092a22;
	width:80%!important; line-height:2.5vh!important; text-align:center!important;	vertical-align:middle!important; text-transform:none!important;	float:left!important;
	letter-spacing:1px;	display:block;	transition: all .5s ease-out;   background-position: right bottom; 	}
	
  #buttonx:hover{border:1px solid #092a22;/*  #092a22  */ color:#fff; background-color:#092a22;	background-position: left bottom;	background: linear-gradient(to right, #092a22 50%, white 50%);
	background-size: 200% 100%;	transition: all .6s ease-out; display:block;  hheight:auto;	} 
	
.preLensesPrice {width:100%;  margin:0 0 0px 15px; padding:0; ffloat:left;} /* was width:50% margin:0 0 0 15px */
 .preLensesPrice span h5{font-family: 'Montserrat', sans-serif!important;  font-size:1.3em!important; color:#6ec9c0; 
line-height:2.5!important; text-align:left!important; text-transform:none!important; padding:0 0 0 60%; margin:0; xfloat:left!important;
letter-spacing:1px;	display:block;  bborder: 1px solid #092a22; font-weight:bold;}
 
 .form-label  { /* container */
  display:block;
  position: relative;
  padding-left: 24px; /* was 35px new 24*/
  margin-bottom: 10px; /* was 12px new 10 */
  cursor: pointer;
  font-size: 14px; /* was 22px new 10 */
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-weight:bold;
  letter-spacing:1px; 

}
/* Hide the browser's default radio button */
 .form-label input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
/* Create a custom radio button  span*/
.checkmark {
  position: absolute;
  top: 4px;/* was 0  new 4*/
  left: 0;
  height: 16px;/* was 25px */
  width: 16px;/* was 25px */
  background-color: #eee; 
  border:1px solid #D7D7D7; 
  border-radius: 50%;
}
/* On mouse-over, add a grey background color */
.form-label:hover input ~ .checkmark {
  background-color: #ccc;
}
/* When the radio button is checked, add a blue background */
.form-label input:checked ~ .checkmark {
  background-color: #2196F3;
}
/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
/* Show the indicator (dot/circle) when checked */
.form-label input:checked ~ .checkmark:after {
  display: block;
}
/* Style the indicator (dot/circle) */
.form-label .checkmark:after {
 	top: 9px;
	left: 9px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: white;
}

/*---------------------------- footer ------------------------------- */
.centerline{width:100%; height:20px;  border:1px solid #fff; float:left;}
.termsandcondition{width:90%;  margin:0 auto; }
.termsandcondition h1{background-color:#fff; font-family: 'Montserrat', sans-serif;!important;  margin:auto; font-size:1.4em!important; color:#092a22;
	width:100%!important; line-height:3!important; text-align:center!important;	vertical-align:middle!important; text-transform:none!important;	xfloat:left!important;
	letter-spacing:1px;	display:block; padding:10px 10px 10px 10px; }
.termsandcondition p{background-color:#fff; font-family: 'Montserrat', sans-serif;!important; margin:auto; font-size:1.2em!important; color:#092a22;
	width:100%!important; line-height:1.3!important; text-align:left!important; text-transform:none!important;	xfloat:left!important;
	letter-spacing:1px;	display:block; padding:10px 10px 10px 10px; xborder: 1px solid #092a22;}
 
 /* ----------------------------- New Contact Lenses ------   Not Prescription Lenses ------------------------------- */
#optionform{}

#optionselect .contactLenses span{margin:5% auto;}

#optionselect{ 
	font-family: 'Montserrat', sans-serif;!important;	
	text-decoration:none!important;
	margin-top:16px; 
	height:26px;
	font-size:0.85vw!important; 
	line-height:24px!important; 
	xtext-align:center!important; 
	vertical-align:middle!important; 
	text-transform:none!important;	
	color:#404353;
	font-weight:500;
	letter-spacing:1px;
	border:1px solid #404353;
}

.contactLenses{
	text-decoration: none; font-family: 'Montserrat', sans-serif;!important;	 text-decoration:none!important; 	
	width:27%;/* was 20% */ 
	height:40%!important;
	margin:0 2% 8% 4.3%;/* was 2% 6.5% 6.5% 6.5%   -- 0 2% 7% 3.9%*/ 
	float:left!important;
	bborder:1px solid #f00;
	}
.contactLenses p{
	font-family: 'Montserrat', sans-serif;!important;	
	text-decoration:none!important;
	height:16px;	
	font-size:1.7vh!important; 
	line-height:30px!important; 
	text-align:center!important; 
	vertical-align:middle!important; 
	text-transform:none!important;
	letter-spacing:1px;
	color:#092a22;
	font-weight:500; 	
	}
	
#optionselect .contactLenses span h2{
	font-family: 'Montserrat', sans-serif;!important;	
	text-decoration:none!important;
	margin-top:16px; 
	height:26px;
	font-size:0.85vw!important; 
	line-height:24px!important; 
	text-align:center!important; 
	vertical-align:middle!important; 
	text-transform:none!important;	
	color:#404353;
	font-weight:500;
	letter-spacing:1px;
	border:1px solid #404353;
	}
.contactLenses span h3{
	font-family: 'Montserrat', sans-serif;!important;	
	text-decoration:none!important; 
	width:48%!important; /* was 43%*/
	margin-top:12px; 
	height:26px;
	font-size:1.85vh!important; 
	line-height:3.0vh!important; 
	text-align:left!important; 
	vertical-align:middle!important; 
	text-transform:none!important;	
	color:#CE0000!important;
	font-weight:500;
	float:left;
	padding-left:5px;
	letter-spacing:1px;
	border-top:1px solid #999;
	border-bottom:1px solid #999;
	border-right:1px solid #999;
	}
 .contactLenses span h4{
	font-family: 'Montserrat', sans-serif;!important;	
	text-decoration:line-through!important; 
	width:48%!important; /* was 43%*/
	margin-top:12px; 
	height:26px;
	font-size:1.85vh!important; 
	line-height:3.0vh!important; 
	text-align:right!important; 
	vertical-align:middle!important; 
	text-transform:none!important;	
	color:#092a22;
	font-weight:500;
	float:left;
	padding-right:5px;
	letter-spacing:1px;
	border-top:1px solid #999;
	border-bottom:1px solid #999;
	border-left:1px solid #999;
	
	}	
.contactLenses h5{	
	font-family: 'Montserrat', sans-serif;!important;	
	text-decoration:none!important; 
	font-size:14px!important; 
	line-height:1.5!important; 
	text-align:justify!important; 
	vertical-align:middle!important; 
	text-transform:none!important;
	color:#092a22;
	font-weight:575;	
	margin:12px 0 12px 0;
	xletter-spacing:1px!important;	
	}	
	
 .productsPP .contactLenses .outofstockmessage{bborder:1px solid #f00; float:left!important; width:100%;  height:3.8vh;/*was 3.5vh*/ margin-top:3%; background-color:#D8A5AF;}	/* this line height causing out of stock items to mis allignment */
 .productsPP .contactLenses .outofstockmessage h3{
	cclear:both;
	font-family: 'Montserrat', sans-serif;!important;	
	text-decoration:none!important; 
	font-size:1.85vh!important; 
	hheight:3vh;
	line-height:4vh!important; 
	text-align:center!important; 
	vertical-align:middle!important; 
	text-transform:none!important;
	color:#092a22;
	font-weight:500;
	ffloat:left;
	letter-spacing:1.5px!important;
	}	
.productsPP .contactLenses  #form1 #button{
	bborder:1px solid #f00;
	font-family: 'Montserrat', sans-serif;!important;	
	background-color:#fff;
	margin-top:3%;
	height:3.45vh;
	font-size:1.7vh!important;
	color:#092a22;
	mmax-width:66%!important;
	width:100%!important;
	line-height:3vh!important; 

	text-align:center!important; 
	vertical-align:middle!important; 
	text-transform:none!important;
	letter-spacing:1px;
	display:block;
	float:left!important;
	/*-- New -- */	
	transition: all .5s ease-out;
    background-position: right bottom;
	}
.productsPP .contactLenses #form1 #button:hover{
	border:1px solid #092a22;
	color:#fff;
	background-color:#092a22;	
	background-position: left bottom;
	background: linear-gradient(to right, #092a22 50%, white 50%);
	background-size: 200% 100%;
	transition: all .6s ease-out;	
	display:block;
}	

.productsPP_description .contactLenses p{
	border:1px solid #c96;
	font-family: 'Montserrat', sans-serif;!important;	
	text-decoration:none!important;
	font-size:1.52vh!important;
	line-height:2.3vh!important;
	text-align:justify!important;
	vertical-align:middle!important;
	text-transform:none!important;
	margin:2% 2% 2% 2%;
	padding:2% 2% 2% 2%;
	color:#ffffff;
	font-weight:normal;
	}
#buttonContactLenses{}	
.productsPP  #form1 #buttonContactLenses{
	bborder:1px solid #f00;
	font-family: 'Montserrat', sans-serif;!important;	
	background-color:#fff;
	margin-top:3%;
	height:3.45vh;
	font-size:1.7vh!important;
	color:#092a22;
	mmax-width:66%!important;
	width:100%!important;
	line-height:3vh!important; 
	text-align:left!important;
	padding-left:4px; 
	vertical-align:middle!important; 
	text-transform:none!important;
	letter-spacing:1px;
	display:block;
	font-weight:bold;
	float:left!important;
	border:1px solid #092a22;
	/*-- New -- */	
	transition: all .5s ease-out;
    background-position: right bottom;
	}
.productsPP #form1 #buttonContactLenses:hover{
	border:1px solid #092a22;
	color:#fff;
	background-color:#092a22;	
	background-position: left bottom;
	background: linear-gradient(to right, #092a22 50%, white 50%);
	background-size: 200% 100%;	
	transition: all .6s ease-out;	
	display:block;
	font-weight:normal;
	
}	
.productsPP  #form1b #buttonContactLensesb{
	bborder:1px solid #f00;
	font-family: 'Montserrat', sans-serif;!important;	
	background-color:#fff;
	margin-top:3%;
	height:3.45vh;
	font-size:1.7vh!important;
	color:#092a22;
	mmax-width:66%!important;
	width:100%!important;
	line-height:3vh!important; 
	text-align:left!important;
	padding-left:4px; 
	vertical-align:middle!important; 
	text-transform:none!important;
	letter-spacing:1px;
	display:block;
	font-weight:bold;
	float:left!important;
	border:1px solid #092a22;
	/*-- New -- */	
	transition: all .5s ease-out;
    background-position: right bottom;
	}
.productsPP #form1b #buttonContactLensesb:hover{
	border:1px solid #092a22;
	color:#fff;
	background-color:#092a22;	
	background-position: left bottom;
	background: linear-gradient(to right, #092a22 50%, white 50%);
	background-size: 200% 100%;
	transition: all .6s ease-out;	
	display:block;
	font-weight:normal;
}