/**** Common css across all pages:START *****/
@charset "utf-8";

@import url("https://fonts.googleapis.com/css?family=Roboto:100,200,300,700&subset=latin-ext");

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p,
	blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn,
	em, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var,
	b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas,
	details, embed, figure, figcaption, footer, header, hgroup, menu, nav,
	output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	/* font: inherit; */
	vertical-align: baseline;
	font-weight: 400;
	word-wrap: break-word;
	-webkit-text-size-adjust: 100%;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup,
	menu, nav, section {
	display: block;
}

/* for making quickshop inputbox text capital */
.quickshopcity{
	text-transform: capitalize;
}

.ui-menu-item #quickshopcitydata{
	text-transform: capitalize;
}

::-webkit-input-placeholder {
   color: #353737;
   font-family: "Roboto";
   font-weight: 100;
}

:focus::-webkit-input-placeholder{
   color: #b5b6b6;
    font-family: "Roboto";
   font-weight: 100;

}

:-moz-placeholder { /* Firefox 18- */
   color: #353737;
    font-family: "Roboto";
   font-weight: 100;
}

:focus:-moz-placeholder { /* Firefox 18- */
   color: #b5b6b6;
    font-family: "Roboto";
   font-weight: 100;
}


::-moz-placeholder {  /* Firefox 19+ */
   color: #353737;
    font-family: "Roboto";
   font-weight: 100;
}

:focus::-moz-placeholder {  /* Firefox 19+ */
   color: #b5b6b6;
    font-family: "Roboto";
   font-weight: 100;
}

:-ms-input-placeholder {
   color: #353737;
    font-family: "Roboto";
   font-weight: 100;
}

:focus:-ms-input-placeholder {
   color: #b5b6b6;
     font-family: "Roboto";
   font-weight: 100;
}

a{
	display: inline-block;
	text-decoration: none;
}

span {
	display: inline-block;
}

a:hover {
	text-decoration: none;
}

body {
	line-height: 1;
	height:100%;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

input, select, textarea, option {
	font-weight: 400;
	outline: none;
	overflow: visible;
	outline: none;
	font-size: 14px;
	color: #222;
}

input[type="button"], input[type="submit"] {
	cursor: pointer;
}

.signfrminpt input[type="submit"].signupsubmit{
    margin: 0 auto;
    display: block;
    border-radius: 0;
    font-weight: 100;
    width: 60%;
    padding: 10px 0;
}

img {
	max-width: 100%;
	border: 0 none;
	outline: none;
}

a {
	outline: none;
}

a:active, a:focus {
	outline: none;
	ie-dummy: expression(thishideFocus = true);
}

input[type=number] {
	-moz-appearance: textfield;
}
/*-------------------------Until here - Copied from http://www.fnp.in/media/css/OctaShop/default_style1.css -----------------------*/
.btn {
	width: 25%;
	color: #fff;
	text-transform: uppercase;
	text-align: center;
	border-color: #f97d00 !important;
	margin-bottom: 0;
	margin-left: -10px;
	color: #fff;
}
/*-------------------------Until here - Copied from http://www.fnp.in/media/css/OctaShop/default_style1.css -> Common section------*/
header {
	padding: 0;
}

header ul {
	vertical-align: middle;
	white-space: nowrap;
	padding: 4px 0 0;
}

#browse::before {
    color: #1e7e27;
    content: "Menu";
    font-family: "Roboto";
    font-size: 12px;
    left: 30px;
    letter-spacing: 2px;
    position: absolute;
    text-align: center;
    top: 0;
}

#browse:hover::before {
    color:#fff;
}

.subbanner {
	width: 100%;
}

#bestseller2>h2 {
	background-color: #e7e3e2;
}

#bestseller3>h2 {
	background-color: #dad3c0;
}

#QuickViewContent #prevArrow {
	background: url('assets/images/iconSpriteBg.png') no-repeat -600px -33px;
	width: 8px;
	height: 13px;
}

#QuickViewContent #nextArrow {
	background: url('assets/images/iconSpriteBg.png') no-repeat -611px -33px;
	width: 8px;
	height: 13px;
}
body.modal-open {
  overflow: auto!important;
  position: relative !important;
}
#modaltrackorder .trackorderfrm {
    margin-bottom: 30px;
}
.alert-box{
	font-weight: 300;
	font-size: 15px;
	padding: 0.65em 0.55em;
	margin-top: 10px;
}

.trackorderfrm>div:nth-child(2) {
/*	padding-left: 1.9rem;*/
}
#modaltrackorder button.trackbtn,#modaltrackorder button.trackbtn:hover{
    font-family: "Roboto";
    margin-bottom: 20px;
    font-weight: 100;
    font-size: 20px;
    padding: .5em 1.3em !important;
}

.trackorderfrm>div:nth-child(3) {
	padding-right: 0;
	padding-left: 2.9rem;
}

.trackorderfrm>div:nth-child(4) {
/*	line-height: 75px;*/
    height: 50px;
    color: #484848;
}

.trackorderfrm>div:nth-child(5) {
	padding-left: 0;
	padding-right: 1.8rem;
}

.trackorderfrm .trackinputs {
	height: 41px;
}

#modaltrackorder h4 {
	color: #7ac4df;
	font-size: 50px;
	font-family: "Roboto";
	font-weight: 200;
	margin-top: 5px;
	margin-bottom: 27px;
}

.trackorderid{
    font-family: "arial";
    font-weight: 600;
/*    font-size: 20px;	*/ /* effecting orderdetail */
}

.profileselectBox{
    width: 100%;
}

#reminderfrm input[type="submit"].button.add{
   font-size: 20px;
}

.errmsg{
    height: 18px;
    width: 100%;
}

#modaltrackorder h5 {
	font-size: 33.3px;
	letter-spacing: 1.2px;
	font-family: "Roboto";
	margin-bottom: 22px;
	font-weight: 200;
}

#modaltrackorder>form label {
	font-family: "Roboto";
	font-size: 19px;
	margin-bottom: 7px;
	font-weight: 500;
}

#modaltrackorder>form button {
	width: 202px;
	padding: 0.4em;
	font-size: 22px;
    border-radius: 0;
}

#modaltrackorder>form label span {
	font-family: "arial";
	font-size: 19px;
    color: #000;
}

.trackorderfrm label{
    color: #000;
    font-size: 1.3em;
}

#loadmorediv{
    text-align: center;
}

#loadmoreproducts{
    border: 1px solid #a3a5a6;
    color: #5b5353;
    font-family: "Roboto";
    font-weight: 100;
    border-radius: 0;
    margin-right: 3.75%;
    background-color: #fff;
}

#loadmoreproducts:hover{
    border: 1px solid #f97d00;
    color: #fff;
    background-color: #f97d00;
}

#viewallproducts{
    border: 1px solid #a3a5a6;
    color: #5b5353;
     font-family: "Roboto";
    font-weight: 100;
     border-radius: 0;
    margin-right: 3.75%;
    background-color: #fff;
}
#viewallproducts:hover{
    border: 1px solid #f97d00;
    color: #fff;
    background-color: #f97d00;
}


#modaltrackorder h5>span:nth-child(1) {
	color: #484747;
	font-family: "Roboto";
	font-weight: 200;
}

#modaltrackorder h5>span:nth-child(2) {
	color: #646262;
	font-family: "Roboto";
	font-weight: 200;
}

#login #loggedinuser{
    display: inline !important;
}
#login .profilename{
     color: #fff;   
}

.itemcart{
    position: relative;
}

.itemcart span{
    position: absolute;
    top: 4px;
    left: 13px;
}
main article {
	padding-top: 4px;
	padding-bottom: 50px;
}

main article h2 {
	margin-bottom: 10px;
	margin-top: 10px;
    font-weight: 300;
}

main p {
	font-size: 13px;
	color: #242424;
	line-height: 16px;
	margin-bottom: 15px;
	text-align: justify;
}

main a {
	text-decoration: underline;
    text-decoration: none;
}

.maintitle {
	font-size: 36px;
	text-align: center;
	margin: 20px 0 25px 0;
    font-weight: 400;
}

h1::before, h1::after {
	content: "";
	height: 1px;
	width: 141px;
	display: inline-block;
	height: 1px;
	width: 137px;
	background: url("../images/iconSpriteBg.png") no-repeat -6px -542px;
	vertical-align: middle;
}

h1::after {
	background-position: -144px -542px;
}

#termsncondition{
    padding: 0 0;
    max-width: 40rem;
    border-radius: 10px;
    box-shadow: 2px 4px 5px 0.00px rgba(11, 11, 12, 0.2);
    border: none;
    position: fixed;
    top: 100px !important;
}

h1>.highlight {
	color: #d62863;
}
.productlisting h3 {
	font-size: 23px;
	padding-bottom: 5px;
/*	border-bottom: 1px solid #f4f4f4;*/  /*border not needed in product page*/
	margin: 0;
	margin-left: 35px;
	margin-top: 20px;
    margin-right: 35px;
}

.productlisting li{
    border: 1px solid #fff;
}
.productlisting>h3>a {
	color: #59b5d7;
}
.productlisting li a:hover {
	color: #31afac;
	border: 1px solid #eaeaea;
	box-shadow:0 0 2px rgba(0,0,0,0.5);
}

.productlisting a {
    border-bottom: 1px solid rgba(0, 0, 0, 0);
    line-height: 27px;
    text-decoration: none;
}

.productlisting>ul a {
	width: 100%;
	border: 0px solid #fff !important;
    transition: all ease-in-out 0.25s;
    background:#fff;
    border-radius:4px;
}

.productlisting img {
	margin-bottom: 0.5em;
}

.productlisting .p-name {
	line-height: 2em;
	color: #909090;
/*    white-space: nowrap;*/
}

.productsection h2 {
	margin-bottom: 20px;
	margin-top:20px;
	margin-left:35px;
	margin-right:35px;
}

span.WebRupee{
	font-family: 'WebRupee' !important;
}

.webprice {
	display: block;
	color: #222;
	font-weight: bold;
}

.webprice .WebRupee {
	font-weight: normal;
	vertical-align: middle;
	margin-right: 0.2em;
}

.call2axn {
	white-space: nowrap;
	overflow: visible;
}

.infobar {
	background: rgba(255, 255, 255, 0.8);
	padding: 0.1em 6%;
	position: relative;
	top: -11.8em;
	/* max-width: 204px; */
	margin: 0 auto;
}

.infobar>span {
	width: 50%;
	color: #767575;
	height: 1.9em;
	line-height: 1.9em;
	overflow: hidden;
/*    font-size: 15px;*/
	text-align: center;
	font-family: "Roboto";
    font-weight: 300;
}

.infobar>span::before {
	content: "";
	width: 23px;
	height: 15px;
	background: url("../images/iconSpriteBg.png") -550px 0px no-repeat;
	vertical-align: middle;
	display: inline-block;
}

.infobar>.bought::before {
	background-position: -576px 0px;
	width: 23px;
}

.earliestdelivery {
	color: #000;
	font-size: 13.5px;
	text-align: center;
	margin: 5px 0;
}

.quickview, .add2cart {
	text-transform: uppercase;
	text-align: center;
	font-family: "Roboto";
    font-weight: 100;
	padding: 0.5em;
	font-size: 0.9em;
	cursor: pointer;
	max-width: 115px;
}

.quickview {
	border: 1px solid #a3a5a6;
	color: #5b5353;
	margin-right: 3.75%;
	background-color: #fff;
}

.add2cart {
	border: 1px solid #f97d00;
	color: #fff;
	background-color: #f97d00;
}

.moredata {
	/* visibility: hidden; */
	overflow: visible;
}

.productlisting a:hover .moredata {
	visibility: visible;
}


 footer.clearfix:after {
   content: " ";
   display: block;
   height: 0;
   clear: both;
}

.moredata{
	font-size: 0.9em;
}


.infobar {
	top: -10.1em;
}

.call2axn {
	padding-bottom: 1px;
}

footer {
	float: left;
    width: 100%;
    position: relative;
}

#footer h6 {
	font-size: 0.8em;
	text-transform: uppercase;
	text-align: center;
	margin-bottom: 15px;
	font-weight: 600;
}

#socialtoolbar h6 {
	margin-bottom: 15px;
    margin-left: .8em;
}

ul #socialtoolbar>ul{
    margin-left: 10px;
}
#footer{
    background: #f2f2f2;
	float:left;
}
.fixed{
  top: 123px;
  position: -webkit-sticky;
  position: -moz-sticky;
  position: -ms-sticky;
  position: -o-sticky;
}

#subscribe>h6 {
	text-align: left;
	margin-right: 0;
}
/* 
#footer #subscribeform>button {
    font-size: 0.95rem;
    font-weight: 400;
    font-family: arial;
} */

#subscribeform>button{
    border-radius: 0;
    font-size: .9rem;
    line-height: 1em;
    height: 37px;
    display: inline-block;
    z-index:0;
}

#socialtoolbar>ul>li {
	display: inline-block;
}

#socialtoolbar>ul>li>a {
	width: 30px;
	height: 30px;
	position: relative;
	overflow: hidden;
}

#socialtoolbar>ul>li>a>img {
	position: relative;
	top: -697px;
	max-width: 700px;
	top: -697px;
}

#tw>img {
	left: -34px;
}

#pt>img {
	left: -68px;
}

#gp>img {
	left: -101px;
}

#fb>img:hover, #tw>img:hover, #pt>img:hover, #gp>img:hover {
	top: -738px;
}

div#securetransactions {
	border-right: none;
}
#securetransactions{
    position: relative;
}

#securetransactions>.payopt {
	position: relative;
    overflow: hidden;
    height: 28px;
    width: 243px;
    margin: 15px auto;
    text-align: center;
    margin-left: 24%;
}

#securetransactions>div>img {
	left: -0;
/*	top: -737px;*/
    bottom: 15px;
	position: relative;
	max-width: 700px;
	overflow: hidden;
}
.footerlinks ul{
	margin: 0;

}
#footer .footerlinks>h6 {
	font-size: 11px;
    font-weight: 100;
	color: #59b5d7;
	text-transform: uppercase;
	margin-bottom: 6px;
	text-align: left;
}

.footerlinks>ul>li>a {
	margin: 5.5px 0;
	font-size: 0.9em;
	color: #6a6a6a;
    font-family: "Roboto";
    font-weight: 100;
}

.footerlinks a:hover {
	color: #f97d00;
	text-decoration: underline;
}
#brands ul img{
    width: 100%;
}
#ourbrandstitle {
	margin-top: 30px;
	font-size: 17.8px;
	color: #59b5d7;
	text-transform: uppercase;
	line-height: 1;
	font-weight: bold;
}

#brands {
    padding-bottom: 20px;
    border-bottom: 1px solid #fff;
    display:none;
}
#morelinks {
    padding-top: 20px;
 }

#morelinks>ul>li {
	display: inline;
	white-space: nowrap;
}

#morelinks>ul>li {
	border-right: 1px solid #9e9e9e;
	font-size: 13px;
	line-height: 23.3px;
	padding: 0 10px 0 5px;
}

#morelinks>ul>li:first-child {
	padding-left: 0;
}

#morelinks a {
	color: #666666;
    font-family: "Roboto";
    font-weight: 400;
	font-size: 0.9rem;
}

#morelinks a:hover {
	color: #f97d00;
}

#morelinks>ul>li:last-child {
	border-right: none;
}

#morelinks>h3, main h2 {
	font-size: 18.8px;
	color: #59b5d7;
}

#morelinks>h3 {
	font-size: 17.8px;
}

#copyright {
	color: #666666;
	font-size: 0.9em;
	margin-top:30px;
}

.scrollstop{
    overflow: scroll;
    position: fixed;
}

div.reveal-modal {
	border: none;
	outline: none;
	padding:0;
	padding-top: 15px;
}

button:focus {
	outline: 0;
}

.textright{
    text-align: right;
}

.numtext{
    font-family: "Roboto";
    font-weight: 400;
}

.descriptionshow, .descriptionshow:hover{
    margin-left: 20px;
    color: rgb(85, 85, 85);
    text-decoration: none;
}

input[type="text"]:focus, input[type="email"]:focus, input[type="search"]:focus,
	input[type="number"]:focus, input[type="date"]:focus, input[type="password"]:focus
	{
        font-family: "Roboto";
    font-weight: 400;
	background-color: #fff;
}

input[type="text"], input[type="email"], input[type="search"], input[type="number"], input[type="date"], input[type="password"] {
    font-weight: 100;
	background-color: #fff;
}

body.modal-open {
	overflow: hidden;
	position: fixed;
}

.toolbardialog h4 {
	text-align: center;
	background: none !important;
	font-size: 2em;
	color: #7ac4d5;
	margin-bottom: 0.5em;
}
.padding-top{
	padding-top: 90px !important;
}
.top90{
	top: 90px !important;
}

.toolbardialog {
	margin: 0 ;
	padding: 30px 0 0 0;
	width: 100%;
	max-width: 100%;
	border-radius: 0;
	top: 76px !important;
	box-shadow: none;
	border-top: none;
	position: fixed;
}

.smiley {
	background: url("../images/iconSpriteBg.png") no-repeat;
	background-position: -10px -282px;
	width: 65px;
	height: 62px;
	vertical-align: middle;
}

.toolbardialog h5 {
	color: #454545;
	font-size: 2.1875em;
	padding: 0 0 10px 0;
	text-align: center;
    font-family: "Roboto";
    font-weight: 200;
}

.buttonrow {
	text-align: center;
	padding: 15px 0;
}

span sup.ordinal {
    font-size: 0.6em;
}

.toolbardialog .call2axn, .shopnowbtn{   /* .toolbardialog .call2axn:hover, .shopnowbtn:hover*/
	color: #fff;
	background-color: #f97d00;
	text-transform: uppercase;
	padding: 0.5em;
    font-size: 18px;
	transition: none;
    border: 1px solid #F97D00;
    border-radius: 0;
    width: auto;
    font-family: "Arial";
    font-weight: 100;
}

.toolbardialog #backbutton.call2axn {
	background-color: #fff;
	color: #888;
	border: 1px solid #ccc;
    border-radius: 0;
    width: auto;
    margin-right: 30px;
}

.toolbardialog .orseparator {
	text-align: center;
	line-height: 1em;
    font-size: 1.5em;
	font-weight: 100;
}

.elapsetimetext {
	text-align: center;
}

#modalclock>div:nth-child(3) {
	margin-top: 60px;
    margin-bottom: 68px;
}

#samedaydeliverytitle {
	font-family: "Roboto";
	font-weight: 100;
	font-size: 3vw;
	color: #000;
	margin-bottom: 8px;
	margin-top: 20px;
}

#modalclock>div>button {
	font-size: 1.3em;
    padding: 7px 35px;
	line-height: 26px;
	font-family: "Roboto";
	font-weight: 200;
    border-radius: 0;
}

label {
	font-weight: bold;
}

.orbetween {
	font-weight: bold;
}

.helpoptions {
	font-size: 1.2em;
	color: #7d7d7e;
    max-width: 60.5rem;
    margin: auto !important;
}

.helpoptions li{
    text-align: left !important;
}

.helpoptions li h6 {
	font-weight: 100;
	font-size: 26px;
	color: #40405e;
}

.helpoptions ul, .helpoptions li {
	list-style: none;
}

ul.helpoptions li {
	padding: 2em 0;
	text-align: left;
	padding-top: 46px;
	padding-left: 100px;
}

.helpoptions a {
	color: #78c4dc;
	font-size: 1.28em;
}

#modalhelp li::before {
	content: "";
	float: left;
	height: 53px;
	width: 60px;
	margin-right: 16px;
	background: url("../images/iconSpriteBg.png") no-repeat;
}

li#chat {
	padding-left: 83px;
}

li#faq {
/*
	padding-left: 0;
	padding-top: 13px;
    width: 38%;
    margin: 0 auto;
*/
}

#faq h6{
/*    text-align: center;*/ 
}

#faq a{
    display: block;
    text-align: center;
    white-space: nowrap;
}

li#email {
/*	padding-top: 16px;*/
}

li#phone, li#email{
     padding-left: 100px; 
}

#modalhelp li#phone::before {
	background-position: 19px -101px;
}

#modalhelp li#email::before {
	background-position: -103px -100px;
}

#modalhelp li#chat::before {
	background-position: -39px -104px;
}
/* #modalhelp li#faq, #modalhelp li#contact{
    padding-top: 1em;
} */
 div#modalhelp li#faq, div#modalhelp li#contact{
    padding-top: 46px;
} 
#modalhelp li#faq::before, #modalhelp li#contact::before {
    margin-right: 15px;
	background-position: -165px -99px;
}

#modalhelp>h5 {
	font-family: "Roboto";
	font-weight: 200;
	font-size: 35px
}

#helptitle {
	font-family: "Roboto";
	font-weight: 200;
	font-family: 50px;
    margin-top: 30px;
	margin-bottom: 4px;
/*	margin-top: 5px;*/
	font-size: 3.56em;
}

.elapsetime {
	text-align: center;
}

.deliverytxt {
	font-size: 3em;
}

button:hover, button:focus .button:hover, .button:focus {
	background-color: #f97d00;
}

.elapsetimetext {
	font-size: 2.8vw;
	font-weight: 100;
	color: #228eb6;
	font-family: "Roboto";
	display: block;
	margin: 0.2em 0;
}

.giftnow {
	margin-top: 30px;
	margin-bottom: 30px;
	margin-left: 4%;
	color: #fff;
	background-color: #f97d00;
	border: 1px solid #a3a5a6;
	text-transform: uppercase;
	font-family: 'Raleway', sans-serif;
	padding: 0.6em;
	cursor: pointer;
}

.giftnowbtn {
	width: 15%;
	font-size: 28px;
	margin-bottom: 45px;
	padding: 6px 0;
}

.shopnow {
	font-size: 20px;
	width: 170px;
	margin: 30px auto;
	color: #fff;
	background-color: #f97d00;
	border: 1px solid #a3a5a6;
	text-transform: uppercase;
	font-family: 'Raleway', sans-serif;
	padding: 0.6em;
	cursor: pointer;
}

.toolbardialog .lightbottombar {
	width: 100% !important;
    background-color: #a3dfea;
    display: table;
	max-width: 100%;
	background-color: #a3dfea;
	vertical-align: middle;

}
#modalsearch .toolbardialog .lightbottombar {
	margin-top: 200px;
}
.toolbardialog .lightbottombar form {
/*	display: inline-block;*/
/*	width: 900px;*/
}

input.shoptxtbox {
	/*	width: 21.5%;*/
	display: inline-block;
	margin-bottom: 0;
    font-family: "Roboto";
    font-weight: 100;
	/*	margin-right: 27px;*/
}

.bottombartext {
	font-size: 1.5rem;
	color: #fff;
	font-weight: 300;
}

.bottombartext1 {
	font-size: 1.5em;
	color: #188297;
	font-weight: 300;
}

.numbergifts {
	font-size: 3em;
	color: #7ac4e1;
}

#searchtitle {
	font-family: "Roboto";
	font-weight: 300;
	font-size: 50px;
	margin-bottom: 52px;
}

#modalsearch input {
	display: inline-block;
}

#modalsearch>form {
	border-bottom: 1px solid #a3dfea;
	/*    width: 1084px;*/
	height: 66px;
	margin-bottom: 57px;
    position: relative;
/*    z-index: 10000;*/
}

#modalsearch>form.row {
	max-width: 67.5rem;
    margin-left: auto;
    margin-right: auto;
}

#modalsearch{
    padding: 30px 0 0 ;
}

.row .row {
	width: 100%;
}

#modalsearch input[type="search"], #modalsearch input[type="search"]:focus {
	height: 56px;
    font-family: "Roboto";
    font-weight: 300;
	margin: 0px auto;
	padding: 0 0 0 25px;
	border-style: none none none none;
	box-shadow: none;
	font-family: Roboto;
	font-size: 3.125em;
	line-height: 1em;
}

.toolbardialog .lightbottombar>.row {
	height: 65px;
    display: table-cell;
    vertical-align: middle;
/*
	padding-top: 22px;
	padding-bottom: 18px;
*/
}

.toolbardialog .lightbottombar>div>div {
	padding-left: 0;
	padding-right: 0;
}

.quickfrm>div:nth-child(1) {
	padding-left: 0.6rem;
	padding-right: 0;
}

.quickfrm>div:nth-child(2) {
	padding-left: 0.6rem;
	padding-right: 0rem;
}

.quickfrm>div:nth-child(3) {
	padding-left: 0.6rem;
	padding-right: 0rem;
}

.quickfrm>div:nth-child(5) {
	padding-left: 2.4em;
	font-size: 16px;
    padding-right: 0;
}

.toolbardialog .lightbottombar form button.quickshopbtn{
	font-size: 0.875em;
	width: 100%;
	padding: 0.37em 0.1em;
	margin-bottom: 0;
    font-family: "Arial";
    font-weight: 400;
    border-radius: 0;
}
input.pickdate[type="text"]:focus {
    font-family: "Roboto";
    font-weight: 100;
	background:white url(../images/calendar.jpg) right no-repeat !important;
}
.quickfrm input:read-only {
    background: #fff;
}
.customizedFnpSearch .term{
    color: #888;
}

.customizedFnpSearch li:last-child{
    background-image: none;
}
.customizedFnpSearch li:last-child.ui-state-focus{
  border: 1px solid #a3dfea;
}

.customizedFnpSearch .ui-menu-item a{
    font-weight: 400;
}

ul.helpoptions li#faq{
    padding-left: 100px;
}
.searchbtn span{
    line-height: 2.4em;
    font-size: 30px;
}

.nav-up {
	top: -100% !important;
}
@-webkit-keyframes mymove {
	0%   {opacity: 0;}
	100% {opacity: 1;}
}

/* Standard syntax */
@keyframes mymove {
	0%   {opacity: 0;}
	100% {opacity: 1;}
}
.nav-down {
	top: 0 !important;
	-webkit-animation: mymove 2s;
	animation: mymove 2s;
}

.cat-up {
	top: 0 !important;
	position: fixed;
	left: 0;
	transition: all 0.5s ease-in-out 0.1s;
	padding-top: 0 !important;
}

.cat-up .menu {
	margin-top: 0 !important;
}

.cat-down {
	top: 75px !important;
	position: fixed;
	left: 0 !important;
}

.top-bar-section .dropdown label span.WebRupee  span {
	margin-right: 5px !important;
}
/* .productsection a img{
    width: 100%;
} */

.productsection {
	margin-top: 5px;
}
.timeslottable thead tr {
	background: #59b6d8 none repeat scroll 0 0;
}

.timeslottable thead tr th,.timeslottable thead tr th .timesloter {
	color: #fff !important;
	position: relative;
}

.timeslottable tbody tr td {
	position: relative;
}

.timeslottable  tbody tr td:hover:after {
    background: #137599 none repeat scroll 0 0;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    top: -2px;
    width: 100%;
}

.ui-slider-tabs-list-wrapper {
	background: #59b6d8;
}

.ui-slider-tabs-list li a {
	text-shadow: none !important;
	position: relative;
}

.ui-slider-tabs-list li.selected a:after {
    background: #137599 none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 2px;
    left: 10%;
    position: absolute;
    right: 10%;
}

@media only screen and (max-width: 64em){
div.x-medium {
    width: 55%;
    right: 45%;
    left: auto;
    padding-left: 39px;
    padding-bottom: 20px;
    clear: both;
    }
    #productform .xpress-product-form{
        width: 23.5em;
    }
}

@media only screen and (max-width: 64em){
div.medium-xx {
    width: 50%;
    left: 0;
}
    div.medium-xx .product-selected{
        margin: 0 auto;
    }    
    #productDetailsContainer .xpress-product-form{
        margin: 0 auto;
    }
}

.searchfrm>div:nth-child(1) {
	padding-left: 0;
	padding-right: 0;
	margin-top: 8px;
}

.searchfrm>div:nth-child(2) {
	padding-left: 30px;
	padding-right: 0;
}


#modalsearch>form>div>input::-webkit-input-placeholder {
	font-family: "Roboto";
	font-weight: 100;
	color: #000;
	vertical-align: bottom;
}

#straightface {
	background-position: 0px -364px;
	width: 144px;
	height: 142px;
	float: left;
	top: 5.9em;
}

#cartSummaryId {
	text-align: center;
}

    .checkbox {
  position: relative;
  display: inline-block;
}
.checkbox {
  width: 24px;
  height: 24px;
}
.checkbox input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.box {
  position: absolute;
  left: 9px;
  border: 0.1rem solid #000;
/*  box-shadow: inset 0 0.1rem 2px rgba(0, 0, 0, 0.1);*/
  background-color: #fff;
  top: 4px;
  right: 4px;
  bottom: 4px;
  left: 4px;
}

.filterOptionsSelection .box {
  top: 7px;
  right: 10px;
  bottom: 7px;
  left: 4px;
}

.checkbox input:focus ~ .box {
/*  box-shadow: inset 0 0.1rem 0.1rem rgba(0,0,0,0.075),0 0 8px #66afe9;*/

}

.checkbox input:checked ~ .box{
     border: 1px solid #66afe9;
}

#addontab .checkbox input:checked ~ .check{
    background-size: 17px;
}

.checkbox input:checked ~ .check {
  position: absolute;
  -webkit-animation: chkZoomIn cubic-bezier(0, 0, 1, 1) 0.3s;
  animation: chkZoomIn cubic-bezier(0, 0, 1, 1) 0.3s;
  top: 0.1rem;
  right: 3px;
  bottom: 6px;
    background-size: 20px 20px;
  left: 8px;
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20fill%3D%22%233999e3%22%20d%3D%22M13.686%203.746c-.396-.348-1.011-.323-1.373.056l-6.28%206.448-2.373-2.258c-.885-.849-2.26.467-1.374%201.315l3.072%202.925c.379.362%201.058.359%201.422-.021l6.965-7.151c.362-.379.336-.967-.059-1.314z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 20px;
}

.checkbox input:checked ~ figcaption{
	background:#000;
}

.autogrow, .autogrow:focus{
    font-family: "Roboto";
    font-weight: 400;
    font-size: 14px;
	border: 0 solid #888787;
	border-bottom-width: 1px;
	box-shadow: none;
    outline: none;
    background-color: #fff;
    resize: none;
    overflow:hidden;
    overflow-x:hidden;
    overflow-y:hidden;
}
 .checkbox input:checked ~ .check {
  top: 1px;
  right: 1px;
  bottom: 1px;
  left: 2px;;
}
.filterOptionsSelection .checkbox input:checked ~ .check {
  top: -6px;
  right: 10px;
  bottom: -6px;
  left: 4px;
}
.touchtarget {
  position: absolute !important;
  top: 1px;
  right: 1px;
  bottom: 1px;
  left: 1px;
  cursor: pointer;
  background-color: rgba(255,255,255,0);
}
.filterOptionsSelection .touchtarget {
  top: 8px;
  right: 9px;
  bottom: 8px;
  left: 3px;
}
.touchtarget:hover{
	border:1px solid #59b6d8;
}
@keyframes chkZoomIn {
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
  }
}

.crtbtn{
    padding-top: 0;
    padding-bottom: 45px;
}

#cartSummaryId div .crtbtn>button{
   font-weight: 100;
   font-size: 1.2em;
   padding: 0.7em 1.8em !important;
   font-family: "Arial";
}

#cartSummaryId table thead tr {
	background-color: #fff;
}

.cartcontainer div button:nth-child(2), .cartcontainer div button:nth-child(2):hover
	{
	font-family: "arial";
	font-size: 1.35em;
	padding: 12px 11px;
	line-height: 16px;
	border: 1px solid #f97d00;
    border-radius: 0;
}

.cartcontainer div button:nth-child(1), .cartcontainer div button:nth-child(1):hover
	{
	font-family: "arial";
	font-size: 1.25em;
	padding: 12px 15px;
	line-height: 16px;
	margin-right: 20px;
}

#cartSummaryId table tr:nth-of-type(even) {
	background-color: #fff;
}

.filledcartheader{
    font-family: "Roboto";
    font-weight: 200;
    font-size: 3em;
    margin-top: 2px;
    margin-bottom: 17px;
    color: #7ac4d5;
}

.cartgrid{
	color: #333;
	margin-bottom: 1rem !important;
	text-align: left;
    padding-right: 20px;
}
.ordercartgrid.cartgrid{
    padding-right: 0;
}

#fillcart .jspContainer .jspPane{
    padding-right: 20px;
}

#fillcart .jspContainer .jspVerticalBar .jspDrag{
    height: 50px !important;
}

.cartgrid .alert-box{
    font-size: 11px !important;
}

span.highlight {
    color: #59b5d7;
    font-weight: 300;
}

.columns span.highlight {
    color: #d62863;
    font-weight: 400;
}

.webprice span.curr_aed {
    font-weight: 600;
}

.proddetail .prodprice .webprice span.curr_aed {
    font-weight: 400;
}

.searchhighlight{
    color: #f47d20 !important;
}

.cartgrid span.highlight{
	margin-top: 0;
	margin-bottom: 0.5rem;
	color: #59b5d7;
    font-family: "Roboto";
    font-weight: 400;
	display: block;
}
span.error, small.error {
    font-style: normal;
     margin-bottom: 0.5rem;
    background: #db3638;
}
.alert-box.success:after{
	border-bottom-color: #3a945b;
    border-top: solid 10px transparent;
    border-right: solid 10px transparent;
    border-left: solid 10px transparent;
    top: -21px;
}

.alert-box:after{
	content: '';
    position: absolute;
    top: -10px;
    left: 30px;
	margin: 0 auto;
	width: 0;
    height: 0;
    border-bottom: solid 10px #db3638;
    border-left: solid 10px transparent;
    border-right: solid 10px transparent;

/*
    border-right: solid 10px #db3638;
    border-bottom: solid 10px transparent;
    border-top: solid 10px transparent;
*/
}
.alert-box.alert-box1:after{
	 margin: 0;
}

input.error, textarea.error{
    padding-right: 26px;
    border-color:#db3638 !important;
}
/*
input.error::after{
    background: url(../images/alert.png) 245px 2px no-repeat !important;
}
*/

.alert-box.alert{
	background: #db3638;
	border-color: #db3638;
}

.alert-box.alert.alert-right, .alert-box.info.alert-right  {
    position: absolute;
    top: -10px;
    min-width: 200px;
    z-index: 1;
}

.alert-box.alert.alert-top.success{
    background: #3ea948;
    border-color: #3ea948;
}

.alert-box.alert.alert-top.success:after{
    border-top: solid 10px #3ea948;
}

.alert-box.alert.alert-top{
    background: #db3638;
    border-color: #db3638;
    width: 200px;
    top: -50px;
}



.alert-box.alert.alert-top:after{
    border-top: solid 10px #db3638;
}

.alert-box.alert.alert-top:after{
    top: 28px;
    left: 10px;
    border-top: solid 10px #db3638;
    border-bottom: solid 10px transparent;
    border-right: solid 10px transparent;
}

.alert-box.alert.alert-left, .alert-box.info.alert-left {
    position: absolute;
    left: -215px;
    width: 200px;
    top: -45px;
}

.alert-box.alert.alert-left:after {
    top: 8px;
    right: -230px;
    border-left: solid 10px #db3638;
    border-right: none;

}
.alert-box.alert-box1.alert.alert-left:after {
	border-left: solid 10px rgba(0,0,0,0.9);
}


.inputdiv .alert-box.info.alert-left:after {
    top: 4px;
    right: -230px;
    border-left: solid 10px #7bbbe1;
    border-right: none;

}
.alert-box.alert{
    position: absolute;
	background: #E03131;
	border-color: #E03131;
}

.alert-box.info{
    position: absolute;
	background: #7bbbe1;
	border-color: #7bbbe1;
}


.alert-box:after, .alert-box.info:after{
	content: '';
    position: absolute;
    top: 4px;
    width: 0;
    height: 0;
}
.inputdiv{
    position: relative;
}

span.success{
	font-style: normal;
	margin-bottom: 0.5rem;
	background: green;
	color: white;
}
span.success:after{
	content: '';
    position: absolute;
    top: 51%;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 0;
    height: 0;
    border-top: solid 10px green;
    border-left: solid 10px transparent;
    border-right: solid 10px transparent;
}
.cartgrid p{
	font-size: 1.4rem;
    font-family: "Roboto";
    font-weight: 100;
	margin-bottom:1.5rem !important;
}

.cartgrid figure img{
	float: left;
	width: 80px;
	height: 90px;
}
.cartgrid figcaption{
    float: left;
/*    margin-top: 20px;*/
}

/* .cartgrid *{
    font-size: 0.875rem;
} */
.contentwrapper .columns .cartgrid *{
    font-size: 1rem;
}

.textcenter {
    text-align: center;
}


.cartgrid figcaption span
{
	display: block;
/*	font-size: 0.85rem;*/
	margin-bottom: 0.6rem;
	margin-left: 0.6rem;
}

.cart-productname span.rmv {
    font-weight: 400;
}

.cartgrid figcaption .p-id, .cartgrid figcaption .p-name{
	font-weight: normal;   /*for dialogue cart*/
    font-family: "Roboto";
    font-size: 13px;
}

.cartgrid [class*="block-grid-"]>li{
	text-align: left !important;
}

#cartSummaryId h4 {
	font-family: "Roboto";
	font-weight: 300;
	font-size: 2em;
	margin-top: 2px;
	margin-bottom: 15px;
}

#cartSummaryId table tr th {
	font-size: 1.25em;
	font-family: "Roboto";
	color: #363658;
	font-weight: 500;
}

#cartSummaryId p, .cartcontentwrap p {
	font-size: 1.5em;
	font-weight: 300;
	color: #000;
	letter-spacing: 0.1px;
	margin: 0px;
}

#cartSummaryId>div>button {
	padding: 15px 25px;
	font-family: arial;
	font-size: 1.7em;
	line-height: 15px;
	margin-bottom: 50px;
}

#cartempty {
	padding-bottom: 3px;
	font-size: 1.821875em;
	letter-spacing: 0.1px;
	color: #d62863;
    font-family: "Roboto";
	margin-bottom: 6px;
    font-weight: 300;
    margin-top: 45px;
}

.logintitle {
	font-family: Raleway;
	font-size: 1.5em;
	margin-bottom: 20px;
	color: #7ac4e1;
	text-align: center;
}
#modallogin h4.signtitle {
	font-size: 1.8em;
}

h4.signtitle {
	font-size: 2.5em;
	font-family: "Roboto";
	font-weight: 300;
	margin-top: 18px;
	margin-bottom: 55px;
}

.loginsocial {
/*	position: relative;*/
/*	left: 26px;*/
	text-align: right;
	margin: 65px 0; 
}

.loginsocial>span:nth-child(1) {
/*    font-weight: 100;*/
	color: rgba(0, 0, 0, 0.7);
	font-weight: 100;
	font-size: 20px;
}

.loginsocial>form {
	width: 300px;
    margin-left: auto;
/*	float: right;*/
/*	margin-right: 31px;*/
}

button.facebookbtn {
	background: url(../images/fb.png) no-repeat;
    width: 175px;
    height: 45px;
    border: none;
    margin-bottom: 12px;
    margin-top: 1px;
    border-radius: 0;
    background-size: 165px 45px;
}

button.googleplus {
	background: url("../images/google.png") no-repeat;
	width: 175px;   /*checkout signin button*/
	height: 45px;
	border: none;
    border-radius: 0;
	background-size: 165px 45px;
}

.loginsocial button.googleplus{
/*    margin-right: 4px;*/
}

.socialtxt1 {
	display: inline-block;
	font-size: 14px;
	margin-top: 7px;
	font-family: "Roboto";
    font-weight: 100;
	font-size: 16.17px;
	color: #636060;
}

.socialtxt2 {
	display: block;
}

.loginsocial>span:nth-child(2) {
	margin-bottom: 13px;
	margin-top: 10px;
    font-weight: 100;
	margin-right: 47px;
	font-size: 13.5px;
}

.signfrminpt input[type="text"], .signfrminpt input[type="email"], .signfrminpt input[type="tel"], .signfrminpt input[type="password"]{
    font-weight: 100;
    margin-top: 25px;
}

.signfrminpt .inputdiv .ui-selectmenu-button{
    margin-top: 35px;
}

.signupfrm .socialtxt2, .signupfrm .generallogin a:nth-child(3) {
	margin: 3px 0 0 20px;
	font-size: 14px;
    color: #A5A5A5;;
}

.signupfrm>a:nth-child(8) {
	font-size: 20.19px;
	font-family: "Roboto";
    font-weight: 100;
	color: #297fb8;
}

.signupfrm>span:nth-child(2) {
	margin-top: 8px;
	margin-bottom: 25px;
}

/*.signupfrm input:nth-child(2),*/ .signupfrm .generallogin>.inputdiv:nth-child(1) input, .signupfrm .setpassword input:nth-child(1) {
	margin-bottom: 35px;
	font-size: 16px;
	padding: 0 0 0 9px;
}

.sendmail span{
    display: block;
    font-size: 12px;
    color: #888787;
    margin-left: 10px;
    white-space: nowrap
}

.sendmail span:first-child{
    margin-top: 10px;
}

#frgtlinksbmt, #signupsbmt{
    width: 100%;
    padding: 0;
}

#frgtlinksbmt{
	height: 1.9em;
    font-family: Arial;
    color: #fff;
    font-size: 1.2rem;	
}

/* .signupfrm>input:nth-child(4) {
	font-size: 16px;
} */

#signupname{
    /* margin-top: 0; */  /*@$hakeel Need Space between email and name  */
}

.member {
	color: #7ac4d5;
	margin-top: 5px;
	font-size: 18px;
    margin-bottom: 0;
}

#modalsignup .signupfrm>span:nth-child(1) {
	margin-bottom: 25px;
}

.loginsocial form.signufrmpsocial{
    margin-right: 31px;
}


.signupfrm {
	margin-bottom: 50px;
	position: relative;
/*	left: -39px;*/
}

.signupfrm input.inputdashed, .signupfrm input.inputdashed {
/*	width: 280px;              Dialogue Login*/
    font-family: "Roboto";
    font-weight: 100;
	margin-left: 2px;
}

.signupfrm form>input:nth-child(1), .signupfrm form>input:nth-child(2),
	.signupfrm form>input:nth-child(4) {
    font-family: "Roboto";
    font-weight: 100;
}

.signupfrm .sendmail input[type="submit"], .signupfrm .setpassword input[type="submit"]{
    border-radius: 0;
    font-family: "Roboto";
    font-weight: 100;
    font-size: 22px;
    padding: 10px;
    margin-top: 35px;
    margin-left: 35px;
}

.signupfrm form>input::-webkit-input-placeholder {
/*
	font-family: Roboto;
	font-weight: 500;
*/
}
/*input.mandatory::-webkit-input-placeholder:before{
    color:red;
    content:"*";
}*/
.mandatory:before{
    color:red;
    content:"*";
}
.signupfrm input[type="email"], .signupfrm input[type="number"], .signupfrm input[type="text"], .trackorderfrm input[type="email"], .trackorderfrm input[type="text"]{
	height: auto;
	padding: 0 0 0 5px;
    font-family: "Roboto";
    font-size: 13px;
    font-weight: 400;
	border: 0 solid #888787;
	border-bottom-width: 1px;
    min-height: 0;
	box-shadow: none;
	display: block;
	color: #666262;
}


/*.label.emaillabel {
	font-family: 'Roboto';
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
 }
 label.emaillabel ::-moz{
	font-family: 'Roboto';
	-moz-transform:translateY(-20px)!important;
	color:red;
 }
 label .emaillabel:focus::-moz {
	-moz-transform: translateY(-20px)!important;
	visibility: visible !important;
	color:green;

}*/
 
 /*label .emaillabel :focus::-webkit , label.emaillabel :valid::-webkit {
	-webkit-transform: translateY(-20px);
	transform: translateY(-20px);
	visibility: visible !important;

}*/

input#otp::-webkit-input-placeholde{
	-webkit-transition: none !important;
	transition: none !important;
}
 input#otp:focus::-webkit-input-placeholder, #otp input:valid::-webkit-input-placeholder {
	-webkit-transform: none !important;
	transform: none !important;
	visibility: hidden !important;

}
.signupfrm input[type="tel"]:focus, .signupfrm input[type="tel"]:focus, .trackorderfrm input[type="tel"]:focus {
	border-color: #2273b4;
    min-height: 0;
    background-color: #fff;
    font-family: "Roboto";
    font-weight: 100;
	box-shadow: none;
}

 .signupfrm input[type="password"]:focus , .signupfrm input[type="email"]:focus,.signupfrm input[type="text"]:focus,.signupfrm input[type="tel"]:focus {
	border-color: #2273b4 !important;
    min-height: 0;
    font-family: "Roboto";
    font-weight: 400;
	box-shadow: none;
	color: #5d5c5c;
}

 /*.signupfrm input[type="text"]:focus {
	border-color: #2273b4;
    min-height: 0;
    font-family: "Roboto";
    font-weight: 100;
	box-shadow: none;
}*/

.signupfrm .generallogin input[type="password"]{
   margin-top: 25px;  /*signup password causing extra space*/
}

.signupfrm input[type="password"] {
	height: auto;
	margin-top: 40px;   
	padding: 0 0 0 5px;
	border: 0 solid #878787;
    font-family: "Roboto";
    font-weight: 100;
	border-bottom-width: 1px;
    min-height: 0;
	box-shadow: none;
}

.signupfrm form input:nth-child(3), .signupfrm form input:nth-child(4) {
	display: inline-block;
}
.signfrminpt .inputdiv .ui-selectmenu-menu ul{
    height: 200px;
}
.signupfrm input[type="tel"], .signupfrm input[type="tel"]:focus, .trackorderfrm .number, .trackorderfrm .code{
	height: auto;
	width: 76%;
    display: inline;
    font-family: "Roboto";
    font-weight: 300;
	padding: 0 0 0 5px;
	border: 0 solid #222;
	border-bottom-width: 1px;
    min-height: 0;
	box-shadow: none;
	margin-left : -2px;
}
 .telnumber .ui-front .ui-menu {
	height: 200px;
}

.telnumber .ui-front{
	z-index: 1;
}

#signin .code{
    padding-left: 0;
}

input#mobile.code{
/*	width:13%;*/
}
.signupfrm form label>.code, .trackorderfrm .code {
	width: 20%;
    font-family: "Roboto";
    font-weight: 100;
    display: inline;
	border: 0px solid #878787;
	border-bottom-width: 1px;
/*
	-webkit-box-shadow: -5px 4px 0px -4px #878787;
	-moz-box-shadow: -5px 4px 0px -4px #878787;
*/
    min-height: 0;
/*	box-shadow: -5px 4px 0px -4px #878787;*/
}

.signupfrm input[type="number"]{
    width: 80%;
    display: inline-block;
}

.signupfrm form label {
	display: inline;
    font-weight: 300;
    margin-left: 9px;
}

.code.number {
	float: left;
}

.signfrminpt input[type="submit"].loginbtn{
    margin-top: 39px;
}

.signupfrm input[type="submit"].loginbtn {
	margin-bottom: 13px;
	display: block;
    width: 4.6em;
	border: 1px solid #da7532;
	text-transform: uppercase;
	font-family: "Roboto";
    font-weight: 100;
	cursor: pointer;
	color: #fff;
	font-size: 1.59em;
/*	font-weight: normal;*/
	background-color: #f97d00;
	padding: 0 11px;
    border-radius: 0;

}

.signupfrm form .signupbtn {
	width: 70%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
	padding: 6px 0;
}

.logor {
	font-size: 17px;
}

.logor h1 {
	content: "";
	display: inline-block;
	width: 137px;
	background: url("../images/iconSpriteBg.png") no-repeat -6px -542px;
}

.tt-suggestion {
	padding: 3px 20px;
	font-size: 18px;
	line-height: 24px;
}

.tt-menu, .gist {
	text-align: left;
}

.tt-menu {
	position: static;
}

#cutoffTime {
	font-family: "Courier New", Courier, monospace;
	font-size: 1.1em;
}

/*
.signupfrm>div {
	height: 210px;
	max-height: 210 px;
}
*/

.frgtfrm  input[type="email"]{
    margin-bottom: 20px;
}
.frgtfrm form span:last-child{
    margin-top: 10px;
    font-size: 1em;
}

.frgtfrm form{
/*    text-align: center;*/
}

.newacc{
    display: block;
    text-align: center;
    margin-bottom: 20px;
}

.columnseparator {
	text-align: center;
	padding-right: 33px;
	padding-bottom: 20px;
	font-family: Roboto;
	font-size: 21px;
}

.columnseparator>span {
	text-align: center;
	background-image: url("../images/iconSpriteBg.png");
	background-repeat: no-repeat;
	background-position: -665px -106px;
	line-height: 210px;
	font-weight: 400;
	width: 30px;
	max-width: 30px;
	color: #888;
}
.highlight span{
	color: #ee7617;
}
/*
.quickfrm .ui-autocomplete {
	z-index: 1010;
	background: #fff;
	border: 1px solid #cccccc;
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}
*/

.row .quickfrm{
/*    position: relative;*/
/*    z-index: 9999;*/
}

.ui-datepicker {
	font-size: 0.7em;
}

.pac-container {
	z-index: 9999;
	width: 32rem;
	min-width: 32rem;
}

.frgttxt{
        margin-bottom: 13px;
    margin-top: 10px;

    font-family: "Roboto";
    font-size: 13.5px;
    margin-left: 53px;
    font-size: 13.5px;
    font-weight: 500;
}

.frgtloginsocial>span:nth-child(1) {
    color: rgba(0, 0, 0, 0.7);
    font-weight: 100;
    font-size: 20px;
}

.frgtloginsocial>span:nth-child(2) {
    margin-bottom: 13px;
    margin-top: 10px;
    font-size: 13.5px;
    margin-left: 53px;
    font-size: 13.5px;
    font-weight: 100;
}

.frgttxt {
    display: block;
}

.frgtloginsocial>form{
    width: 300px;
    /* float: right; */
    margin-right: 31px;
}

.forgotpasswordtitle {
	padding-top: 25px;
	padding-bottom:15px;
/*	margin-bottom: 15px;*/  /*for frgtpswdverification*/
	text-align: center;
	font-size: 2.5em;
	font-family: "Roboto";
    font-weight: 100;
	color: #7ac4e1;
}

input[type="email"].frgtver, input[type="password"].frgtver, input[type="number"].frgtver {
    margin-bottom: 15px;
    font-family: "Roboto";
    font-weight: 100;
}

.linespearator{
    width: 50%;
    float: right;
 border-top: 1px solid transparent;
 -moz-border-image: -moz-linear-gradient(left, red 0%, green 100%);
 border-image: linear-gradient(to left, #afafaf 0%, #fff 100%);
 border-image-slice: 1;
    margin: 1rem 0;
}


.darklinespearator{
    width: 50%;
    float: right;
 border-top: 1px solid transparent;
 -moz-border-image: -moz-linear-gradient(left, red 0%, green 100%);
 border-image: linear-gradient(to left, #777 0%, #FFFFFF 100%);
 border-image-slice: 1;
    margin: 1rem 0;
}

.darklinespearatorfull, .linespearatorfull{
    width: 100%;
}

.frgtsocial .googleplus{
    background-position: 0px -612px;
}

.frgtfrm{
    margin-top: 20px;
    margin-bottom: 0;
}

.frgtfrm>input[type="checkbox"]{
    margin-top: 15px;
    margin-bottom: 30px;
}

.frgtsocial{
    margin-top: 30px;
}

.options>h2 {
    color: #2e3436;
    font-size: 25px;
    text-align: center;
}

.inputedit>a:nth-child(2){
    position: absolute;
    left: 273px;
    top: 0px;
}

.inputresend>a:nth-child(2){
    position: absolute;
    left: 253px;
    top: 0px;
}

.inputedit{
    position: relative;
    margin-bottom: 10px;
}

.inputresend{
    position: relative;
    margin-bottom: 15px;
}

.inputblock{
    position: relative;
}
/*<--Checkout Footer CSS -->*/
.mainfooter > * {
    font-family: "Roboto";
    font-size: 1.5em; /*@kptest*/
}

.mainfooter div span{
    color: #59b5d7;
	font-size: 1.25rem;
}

.mainfooter div label{
    cursor: auto;
    color: #4d4d4d;
}
.mainfooter{
	float: left;
    background: #f2f2f2;
    padding: 15px 0;
/*
    position: absolute;
    bottom: 0;
*/
    width: 100%;
}

/*END*/

.options{
    text-align: center;
/*    margin-bottom: 70px;*/
}

.options h1{
    font-weight: 100;
    margin-bottom: 15px;
    color: #ccc;
}

.options h1::before{
    margin-right: 15px;
}

.options h1::after{
    margin-left: 15px;
}

.links:hover{
    color: #31afac;
}

.forgotpasswordtitle::before, .forgotpasswordtitle::after{
    background: url();
    width:0;
}

#mailinfo {
	color: #4e9a06;
	font-family: sans-serif;
	font-size: 14px;
    vertical-align: super;
}

.checkmark {
	display: inline-block;
	width: 22px;
	height: 22px;
	-ms-transform: rotate(45deg); /* IE 9 */
	-webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
	transform: rotate(45deg);
	background-color: #06FF00;
	border-radius: 26px;
	margin-left: 0;
}

div.forgtpage{
    margin-left: 225px;
}


.checkmark_stem {
	position: absolute;
	width: 3px;
	height: 9px;
	background-color: #ffffff;
	left: 11px;
	top: 6px;
}

.checkmark_kick {
	position: absolute;
	width: 3px;
	height: 3px;
	background-color: #ffffff;
	left: 8px;
	top: 12px;
}


input[type="button"].pswdbtn, input[type="submit"][type="submit"].pswdbtn{
    margin-bottom: 13px;
    display: block;
    width: 80%;
    margin: 20px auto 0 auto;
    border: 1px solid #f97d00;
    text-transform: uppercase;
    font-family: "Roboto";
    font-weight: 100;
    cursor: pointer;
    color: #fff;
    font-size: 1.3em;
    background-color: #f97d00;
    padding: 10px 39px;
    border-radius: 0;
}

div.frgtpswd{
    padding-left: 0;
    padding-right: 0;
}

/*.sigincheckout input.mandatory::-webkit-input-placeholder:before{
    color:red;
    content:"*";
}*/

input[type="tel"].code{
    text-align: center;
    padding-left: 0;
}

#hamburgermenu .scroll-pane-hmbrg
{
  	width: 100%;
  	overflow-x:hidden;
  	overflow-y:hidden;
  	outline: none;
  	white-space: nowrap;
}
#hamburgermenu .scroll-pane-hmbrg:hover{
	overflow-x:auto;
}
#hamburgermenu .scroll-pane-menu{
   height: 250px;
   max-height:250px;
   width: 100%;
   overflow-y:hidden;
}
#hamburgermenu .scroll-pane-menu ul{
	padding-right: 20px!important;
	padding-left: 20px!important;
}
#hamburgermenu .scroll-pane-menu .jspHorizontalBar
{
	display: none!important;
}
.scroll-pane-menu ul li{
 height: 30px;
 line-height: 30px;
 display: block;
}
#hamburgermenu div section{
	display: inline-block;
	vertical-align: top;
	position: relative;
	min-width: 180px;
}
#hamburgermenu div section ul li a{
  white-space: nowrap;
	display:block;
}
.currencyoption{
    cursor: pointer;
}
#hamburgermenu .scroll-pane-hmbrg .scroll-pane-menu a:hover{
    color: #59b5d7;
		text-decoration:underline;
}

#hamburgermenu div section::after{
	content: "";
	display: block;
	position: absolute;
	width: 1px;
	height: 273px;
	top: 60px;
	right: -5px;
	background: url("../images/iconSpriteBg.png") -682px -500px no-repeat;
}

#hamburgermenu div section:last-child::after {
	display: none;
	background: none;
}

#hamburgermenu>div>section li {
	padding: 0.5em 0;
}

#hamburgermenu>div.ui-tabs-panel{
	width: 80%;
	display: inline-block;
}

#hamburgermenu{
	height: 320px;
}
#hamburgermenu>div.ui-tabs-panel{
    padding-bottom: 0;
    padding-left: 0;
}

#hamburgermenu>ul>li>a::after {
	content: "";
	width: 7px;
	height: 15px;
	display: inline-block;
	margin-left: 1.5em;
	margin-right: 0.75em;
	vertical-align: middle;
	background: url("../images/iconSpriteBg.png") -555px -55px no-repeat;
}

#hamburgermenu{
    padding-bottom: 0;
}

#hamburgermenu .ui-state-active a::after,
#hamburgermenu>ul>li>a:hover::after{
	background-position: -569px -55px;
}



.ui-tabs-vertical {
	display: inline-block;
	vertical-align: top;
}

.ui-tabs-vertical .ui-tabs-nav {
	display: inline-block;
	padding: 0 .1em 0 0;
	background: none;
	border: none;
}

.ui-tabs-vertical .ui-tabs-nav li {
	width: 100%;
	border: none;
	background: none;
}

.ui-tabs-vertical .ui-tabs-nav li a {
	display: block;
}

.ui-tabs-vertical .ui-tabs-panel {
	padding: 1em;
	display: inline-block;
	vertical-align: top;
}

.ui-tabs-anchor {
	cursor: pointer !important;
	float: right !important;
}
/* //TODO - remove hack*/


#modalhamburgermenu {
	padding-top: 0px;
}
#modalhamburgermenu h4{
/*    margin-top: 7px;*/
	position: absolute;
	width: 100%;
	padding-left: 20%;
	padding-right: 40px;
	text-align: center;
	font-size: 2.3em;
	font-family: "Roboto";
	font-weight: 300;
	margin-bottom:0;
	top: 5px;
	color: #dd4b94;
}
.ui-tooltip {
    max-width: 350px;
  }

#modalhamburgermenu h3{
	color: #59b5d7;
	margin-bottom: 15px;
	font-size: 1em;
    font-weight: 300;
    margin-left: 20px;
}

#hamburgermenu #tabs-1 section .jspDrag{
    height: 40px !important;
}


#hamburgermenu .jspHorizontalBar .jspDrag{
    width: 100px !important;
}

#hamburgermenu {
	background: #fff;
	width: 100%;
	font-size: 0.95em;
	clear: both;
	margin:0;
	padding-top: 0;
	padding-left: 0;
	border: none;
}

#hamburgermenu>ul {
	width: 15%;
	min-width: 175px;
	background: #f5f3f4;
	padding-right: 0;
	padding-left: 0;
}

#modalhamburgermenu>h5#firstlevelmenuheader {
	display: inline-block;
	font-size: 1.25em;
	color: #59b5d7;
	text-align: right;
	padding: 1em 2em 0.5em 0;
	width: 15%;
	min-width: 175px;
	background: #f5f3f4;
	margin-bottom: 0;
	margin-top: 0;
}

#hamburgermenu>ul>li>a {
	font-size: 1em;
    font-family: "Roboto";
    font-weight: 100;
	padding: 0.5625em 0;
	white-space: nowrap;
	text-overflow: ellipsis;
}

#hamburgermenu .ui-state-default, #hamburgermenu .ui-widget-content .ui-state-default,
	#hamburgermenu .ui-widget-header .ui-state-default {
	background: #f5f3f4;
	color: #000;
}

#hamburgermenu .ui-state-default a, #hamburgermenu .ui-state-default a:link,
	#hamburgermenu .ui-state-default a:visited {
	color: #000;
	text-align: right;
}

#hamburgermenu .ui-state-active, #hamburgermenu .ui-widget-content .ui-state-active,
	#hamburgermenu .ui-widget-header .ui-state-active {
	background: #fff;
	color: #dd4b94;
}

#hamburgermenu .ui-state-active a, #hamburgermenu .ui-state-active a:link,
	#hamburgermenu .ui-state-active a:focus {
	color: #dd4b94;
	background: white;
	}
#hamburgermenu .ui-corner-all, #hamburgermenu .ui-corner-bottom,
	#hamburgermenu .ui-corner-left, #hamburgermenu .ui-corner-bl {
	border-radius: 0;
}

#hamburgermenu>div>section a {
	font-size: 0.8125em;
}

.ui-autocomplete-category {
	font-weight: bold;
	padding: .2em .4em;
	margin: .8em 0 .2em;
	line-height: 1.5;
    height: 0.3em;
    background: url('../images/iconSpriteBg.png') no-repeat -6px -522px;
    width: 426px;
    line-height: 0.3em;
    margin: 10px 30px;
}

/* ul.ui-autocomplete>li:first-child {
	padding-top: 0;
	margin-top: 0;
} */

/************ Tradiitonal Menu is Started **************/
/*start: CM added code for traditional menu  */

.reveal-modal-bg.traditonalhamburger{
    z-index: 999;
}

.catlinks{
    color:#000;
}


/*end: CM added code for traditional menu  */


/******* from [CM] for filled-cart.css***************/
.cartcontainer {
	max-width: 925px;
	margin: 0 auto;
	width: 923px;
}

.rmv{
    text-decoration: underline;
    font-weight: 100;
    font-size: 0.8em;
    color: #999;
    margin-top: 30px;
}
.rmv::after{
    background: url("../images/iconSpriteBg.png") no-repeat -632px -35px;
	width: 9px;
	height: 10px;
    margin-left: 8px;
    content: "";
    vertical-align: middle;
    display: inline-block;
}

.cartcontainer thead tr th:nth-child(1) {
	width: 308px;
	padding-left: 3px;
}

.cartcontainer thead tr th:nth-child(2) {
	width: 250px;
	padding-left: 50px;
}

.cartcontainer thead tr th:nth-child(3) {
	width: 253px;
	padding-right: 56px;
}

.cartcontainer thead tr th:nth-child(4) {
	width: 168px;
	text-align: right;
}

.clearside {
	clear: both;
}

.cartcontainer>table {
	width: 100%;
	border-collapse: separate;
}

.cartcontainer>table>tfoot, .cartcontainer>table>tfoot>tr {
	background: none;
	height: 50px;
}

.removefromcart {
	color: #e7e6e6;
	margin-bottom: 0px;
	padding: 0rem 0rem 0.063rem;
	text-decoration: underline;
	font-weight: normal;
	font-size: 0.9em;
	background: none;
}

.closeicon {
	background: url('/prototype/product-images/iconSpriteBg.png') no-repeat
		-632px -35px;
	width: 9px;
	height: 10px;
}

.cartcontainer button:hover, .cartcontainer button:focus, .cartcontainer .button:hover,
	.cartcontainer .button:focus {
	background-color: transparent;
	color: #e7e6e6;
}

.cartrow {
	height: 145px;
}

.cartrow img {
	float: left;
	margin-right: 15px;
	width: 70px;
	height: 94px;
}

tbody .cartrow td:first-child {
	width: 210px;
	padding-left: 0;
}

th:last-child {
	text-align: center;
}

.cartcontainer th:last-child {
	text-align: right;
	padding-right: 0px;
	padding-top: 15px;
	width: 100%;
	font-family: "Roboto";
	font-size: 1em;
	color: #4f4f4f;
}

.cartcontainer td:last-child {
	text-align: right;
	padding-right: 0px;
	padding-top: 15px;
	width: 100%;
	font-family: "Roboto";
	font-size: 1em;
	color: #4f4f4f;
}

th:nth-child(3) {
	text-align: center;
	vertical-align: text-top;
}

.cartcontainer td:nth-child(3) {
	text-align: center;
	padding-right: 94px;
	vertical-align: text-top;
	font-family: "Roboto";
	font-size: 1em;
	font-weight: 200;
}

tbody .cartrow td {
	/*    vertical-align: middle;*/
	padding-top: 17px;
	padding-left: 48px;
}

.flowername {
	margin: 0px auto;
	text-align: left;
	display: block;
	font-weight: bold;
}

.noofflower {
	margin: 0px auto;
	text-align: left;
	display: block;
	font-weight: bold;
	margin-bottom: 28px;
}

.place {
	margin: 0px auto;
	text-align: left;
	display: block;
	margin-bottom: 7px;
	font-family: "Roboto";
	font-size: 1.15em;
	color: #4f4f4f;
}

.deliverydate {
	margin: 0px auto;
	text-align: left;
	margin-bottom: 9px;
	color: #A6F0F7;
	white-space: nowrap;
	display: block;
	font-family: "Roboto";
	font-size: 1em;
	font-weight: 200;
	color: #7ac4df;
}

.deliverytype {
	margin: 0px auto;
	text-align: left;
	display: block;
	font-family: "Roboto";
	font-size: 1em;
	color: #4f4f4f;
}

table tfoot td[colspan="3"] {
	text-align: right;
	font-weight: normal;
	font-family: "Roboto";
	color: #4f4f4f;
	vertical-align: middle;
	font-size: 1em;
	font-weight: 200;
}

tfoot tr .gradientborder {
	border-top: 1px solid transparent;
	-moz-border-image: -moz-linear-gradient(left, red 0%, green 100%);
	border-image: linear-gradient(to left, #DCDCDC 0%, #FFFFFF 100%);
	border-image-slice: 1;
}

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

tfoot tr .webprice {
	border-top: 1px solid #DCDCDC;
}
/* Before that working code are there */
.maincontaint-area th {
	text-align: left;
	font-size: 1em;
}

.rowcontaint {
	height: 20%;
	border: 1px solid blue;
}

.image-area {
	display: inline-block;
	width: 25%;
	border: 1px solid black;
}

.image-description {
	display: inline-block;
	width: 30%;
	border: 1px solid black;
}

.closeoption {
	/*display:inline-block;*/
	border: 1px solid black;
	width: 30%;
	border: 1px solid black;
	background: url('/prototype/product-images/iconSpriteBg.png') no-repeat
		-632px -35px;
	width: 11px;
	height: 10px;
}

.closeoption a {
	text-decoration: underline;
	width: 100px;
}

.image-holder {
	display: inline-block;
	border: 1px solid black;
	width: 40%;
	max-height: 50%;
}

.image-holder1 {
	display: inline-block;
	border: 1px solid black;
	width: 40%;
	max-height: 50%;
}

#QuickViewModal {
	padding: 0;
	max-height: 550px;
}

.bgoverlay {
	background-color: rgb(85, 85, 85);
	opacity: 0.75;
}

.reveal-modal .quickviewclose {
	right: -15px;
	top: -10px;
	position: absolute;
}

.reveal-modal .close-reveal-modal{
    color: #AAAAAA;
    cursor: pointer;
    font-size: 2.6rem;
    font-weight: 300;
    line-height: 1;
    position: absolute;
    top: -0.5rem;
    right: 0.8rem;
}

.top-bar-section ul li {
	padding: 0 !important;
}
/*Susanta added as common css*/
meta.foundation-data-attribute-namespace {
	font-family: false;
}

html, body {
	height: 100%;
}

html {
    position: relative;
    min-height: 100%;
	box-sizing: border-box;
}

*, *:before, *:after {
	box-sizing: inherit;
}

html, body {
	font-size: 14px;
}

body {
	background: #fff;
	color: #222;
	cursor: auto;
	font-style: normal;
	font-weight: normal;
	line-height: 1.2;
	margin: 0;
	padding: 0;
	position: relative;
}

a:hover {
	cursor: pointer;
}

img {
	max-width: 100%;
	height: auto;
}

img {
	-ms-interpolation-mode: bicubic;
}

.left {
	float: left !important;
}

.right {
	float: right !important;
}

.clearfix:before, .clearfix:after {
	content: " ";
	display: table;
}

.clearfix:after {
	clear: both;
}

.hide {
	display: none;
}

.invisible {
	visibility: hidden;
}

.antialiased {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

img {
	display: inline-block;
	vertical-align: middle;
}

textarea {
	height: auto;
	min-height: 50px;
    resize: none;
}

select {
	width: 100%;
}

#footer .medium-block-grid-3{
	height: 125px;
	border-bottom: 1px solid #fff;
	padding-left: 100px;
	padding-right: 100px;
}
#footer .medium-block-grid-3 > li{
	height: 100%;
	padding-top: 20px;
    padding-right: 30px;
}
#footer [class*="block-grid-"] > li.footerlinks{
	border: none;
	text-align: left;
}
#productinfo [class*="block-grid-"]>li{
	padding: 0;
}

#footer [class*="block-grid-"]>li:last-child {
	border: none;
}

[class*="block-grid-"], [class*="block-grid-"]>li {
	margin: 0;
	padding: 0;
	text-align: center;
}

[class*="block-grid-"]>li {
	padding-top: 20px;
    padding-right: 30px;
}

.senderdetail.row{
    max-width: 1600px;
}

.row {
	margin: 0 auto;
	max-width: 1600px;
	width: 100%;
}

.row:before, .row:after {
	content: " ";
	display: table;
}

.row:after {
	clear: both;
}

.row.collapse>.column, .row.collapse>.columns {
	padding-left: 0;
	padding-right: 0;
}

.row.collapse .row {
	margin-left: 0;
	margin-right: 0;
}

.row .row {
	margin: 0 0.6em;
	max-width: none;
	width: auto;
}
.row .row .row {
	margin: 0 -0.4em;
	max-width: none;
	width: auto;
}


.row .row:before, .row .row:after {
	content: " ";
	display: table;
}

.row .row:after {
	clear: both;
}

.row .row.collapse {
	margin: 0;
	max-width: none;
	width: auto;
	margin-top: 10px;
	margin-bottom: 10px;
}

.row .row.collapse:before, .row .row.collapse:after {
	content: " ";
	display: table;
}

.row .row.collapse:after {
	clear: both;
}

.row.uncollapse>.column, .row.uncollapse>.columns, .row .row.uncollapse>.column,
	.row  .row.uncollapse>.columns {
	padding-left: 100px;
	padding-right: 100px;
}
.column, .columns{
	padding-left: 0.4em;
	padding-right: 0.4em;
}

body {
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	text-size-adjust: 100%;
}

.noselect {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

p, blockquote {
	margin: 0.5rem 0;
}

h1, h2, h3, h4, h5, h6 {
	line-height: 1;
	font-weight: bold;
	margin: 0.25rem 0;
}

h1 {
	font-size: 25.2px;
	font-weight: bold;
}

h2 {
	font-size: 22.4px;
}

h3 {
	font-size: 19.6px;
}

h4 {
	font-size: 16.8px;
}

h5 {
	font-size: 15.4px;
}

h6 {
	font-size: 14px;
}

blockquote {
	margin: 0 2rem 0 1.5rem;
	border-color: #eee;
	padding: 0 0 0 0.5rem;
	color: #81663d;
}

pre {
	font-size: 0.9em;
	color: #81663d;
}

abbr {
	font-size: inherit;
}

code {
	display: inline-block;
	border: 1px solid #e5dac8;
	border-radius: 3px;
	background-color: #f6f1eb;
	padding: 0 2px;
	line-height: 1.3;
	color: #222;
	font-size: 0.9em;
}

dl, dl>dt, dl>dd {
	margin: 0;
}

dl>dd {
	margin-left: 2rem;
}

.form-grid .columns label, .form-grid .column label {
	/* Push it closer to the bottom of the .column. */
	position: relative;
}

.form-grid label {
	position: static;
}

.form-grid form:after {
	content: '';
	clear: both;
	display: block;
}

/* Utility class - for user-defined container elements */
.rc-container-element {
	margin: 0 0 0.8em 0;
}

hr.gutter {
	border: 0;
	margin: 0 0 0.8em 0;
}

/* Standard Forms */
form {
	margin: 0 0 0;
}

/* Using forms within rows, we need to set some defaults */
/* We don't use the following since we have .form-grid in _grid.scss. */
/* Label Styles */
label {
	font-size: inherit;
	color: #484848;
	cursor: pointer;
	display: inline-block;
	font-weight: normal;
	margin-bottom: 0;
	/* Clicking a LABEL too quickly highlights its text and then makes normal clicks not
        navigate to the input and not toggle the checkbox/radio. */
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	/* Styles for required inputs */
	top: 0;
	vertical-align: 0;
	line-height: 1.3;
}

label.right {
	float: none !important;
	text-align: right;
}

label.inline {
	margin: 0 0 0 0;
	padding: 0.0714285714rem 0;
}

label small {
	text-transform: capitalize;
	color: #646464;
}

select::-ms-expand {
	display: none;
}

input[type="tel"]:focus{	background-color: #fff;
}
/* We use this to get basic styling on all basic form elements */
input[type="text"], input[type="password"], input[type="date"], input[type="datetime"],
	input[type="datetime-local"], input[type="month"], input[type="week"],
	input[type="email"], input[type="number"], input[type="search"], input[type="tel"],
	input[type="time"], input[type="url"], textarea {
	-webkit-appearance: none;
	background-color: #fff;
	border: 1px solid #cccccc;
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
	color: #000;
	font-size: inherit;
	margin: 0;
	min-height: 34px;
    height: auto;
	width: 100%;
	border-radius: 0;
	vertical-align: top;
	box-sizing: border-box;
	transition: none;
}

input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus,
	input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus,
	input[type="week"]:focus, input[type="email"]:focus, input[type="number"]:focus,
	input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus,
	input[type="url"]:focus, textarea:focus {
	background: afakevalue;
	border-color: afakevalue;
	outline: none;
}

input[type="text"]:disabled, input[type="password"]:disabled, input[type="date"]:disabled,
	input[type="datetime"]:disabled, input[type="datetime-local"]:disabled,
	input[type="month"]:disabled, input[type="week"]:disabled, input[type="email"]:disabled,
	input[type="number"]:disabled, input[type="search"]:disabled, input[type="tel"]:disabled,
	input[type="time"]:disabled, input[type="url"]:disabled, textarea:disabled
	{
	background-color: #ddd;
	cursor: default;
}

input[type="text"][disabled], input[type="text"][readonly], fieldset[disabled] input[type="text"],
	input[type="password"][disabled], input[type="password"][readonly],
	fieldset[disabled] input[type="password"], input[type="date"][disabled],
	input[type="date"][readonly], fieldset[disabled] input[type="date"],
	input[type="datetime"][disabled], input[type="datetime"][readonly],
	fieldset[disabled] input[type="datetime"], input[type="datetime-local"][disabled],
	input[type="datetime-local"][readonly], fieldset[disabled] input[type="datetime-local"],
	input[type="month"][disabled], input[type="month"][readonly], fieldset[disabled] input[type="month"],
	input[type="week"][disabled], input[type="week"][readonly], fieldset[disabled] input[type="week"],
	input[type="email"][disabled], input[type="email"][readonly], fieldset[disabled] input[type="email"],
	input[type="number"][disabled], input[type="number"][readonly],
	fieldset[disabled] input[type="number"], input[type="search"][disabled],
	input[type="search"][readonly], fieldset[disabled] input[type="search"],
	input[type="tel"][disabled], input[type="tel"][readonly], fieldset[disabled] input[type="tel"],
	input[type="time"][disabled], input[type="time"][readonly], fieldset[disabled] input[type="time"],
	input[type="url"][disabled], input[type="url"][readonly], fieldset[disabled] input[type="url"],
	textarea[disabled], textarea[readonly], fieldset[disabled] textarea {
	background-color: #ddd;
	cursor: default;
}

input[type="text"].radius, input[type="password"].radius, input[type="date"].radius,
	input[type="datetime"].radius, input[type="datetime-local"].radius,
	input[type="month"].radius, input[type="week"].radius, input[type="email"].radius,
	input[type="number"].radius, input[type="search"].radius, input[type="tel"].radius,
	input[type="time"].radius, input[type="url"].radius, textarea.radius {
	border-radius: 3px;
}

input[type="submit"] {
	-webkit-appearance: none;
}

/* Give ourselves some padding for these. */
textarea {
	padding-top: 0.57rem;
	padding-bottom: 0.57rem;
	resize: none; /*Making Global for every Textarea*/
}

/* Respect enforced amount of rows for textarea */
textarea[rows] {
	height: auto;
}

/* Add height value for select elements to match text input height */
select {
	-webkit-appearance: none !important;
	background-color: #fff;
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
	color: #222;
	/* Prevent extra dotted lines in FF. */
	background-image:
		url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMTJweCIgeT0iMHB4IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIzcHgiIHZpZXdCb3g9IjAgMCA2IDMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYgMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gcG9pbnRzPSI1Ljk5MiwwIDIuOTkyLDMgLTAuMDA4LDAgIi8+PC9zdmc+);
	background-repeat: no-repeat;
	border: 1px solid #cccccc;
	/* Line up with INPUT[type=text] padding. */
	font-size: inherit;
	color: #222;
	line-height: 1.5;
	/* Using min-height here will cause vertical alignment issues in FF. */
	height: 34px;
	width: auto;
	max-width: 100%;
	vertical-align: top;
	border-radius: 0;
	/* Set the background on focus so IE doesn't make it the Windows selected color on focus. */
}

select:-moz-focusring {
	color: transparent;
	text-shadow: 0 0 0 #000;
}

select.radius {
	border-radius: 3px;
}

select:hover {
	background-color: afakevalue;
	border-color: afakevalue;
}

select:focus::-ms-value {
	background-color: none;
}

select:disabled {
	background-color: #ddd;
	cursor: default;
}

select[size], select[multiple] {
	/* Don't force a height (undo our work in form-select mixin, but give a minimum. */
	height: auto;
	min-height: 34px;
	/* Remove padding on select element, and add it to the option elements */
	padding: 0;
}

select[size] option, select[multiple] option {
	padding: 0.1em 0.6em;
}

/* Adjust margin for form elements below */
input[type="file"], select {
	margin: 0;
}

/* Normalize file input width */
input[type="file"] {
	width: 100%;
}

/* HTML5 Number spinners settings */
input[type=number] {
	-moz-appearance: textfield;
}

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button
	{
	-webkit-appearance: none;
	margin: 0;
}

/* We add basic fieldset styling */
fieldset {
	border: 1px solid #ddd;
	padding: 1.42rem;
	margin: 1.28rem 0;
}

fieldset legend {
	font-weight: bold;
	background: #fff;
	padding: 0 0.21rem;
	margin: 0;
	margin-left: -0.21rem;
}

input[type=range] {
	width: 100%;
	background-color: transparent;
	padding: 0;
	margin: 0;
	border-radius: 2px;
	-webkit-appearance: none;
}

input[type=range]::-ms-fill {
	height: 20px;
}

input[type=range]::-webkit-slider-runnable-track {
	width: 100%;
	height: 15px;
	background: #ccc;
	border: none;
}

input[type=range]::-webkit-slider-thumb {
	-webkit-appearance: none;
	border-radius: 50%;
	height: 15px;
	width: 15px;
}

.rc-field-cell .rc-input-wrapper[select], .rc-field-cell select {
	width: 100%;
}

/* Foundation var overrides */
button, button.icon, .button, a.button, input[type=button], input[type=submit],
	input[type=reset] {
	-webkit-appearance: none;
	-moz-appearance: none;
	border-radius: 0;
	border-style: solid;
	border-width: 1px;
	cursor: pointer;
	font-weight: normal;
	line-height: normal;
	margin: 0 0 0;
	position: relative;
	text-align: center;
	text-decoration: none;
	display: block;
	transition: background-color 300ms ease-out;
	display: inline-block;
	min-height: 34px;
	min-width: 34px;
	max-width: 100%;
	width: 10em;
	padding: 0 0.3em;
	line-height: 1;
	margin-bottom: 0.8em;
	cursor: pointer;
	font-size: 1rem;
	font-weight: bold;
	transition: background-color 500ms ease-out, color 500ms ease-out;
	border-color: #799197;
	/* Normal state. */
	background-color: #e5f3f7;
	color: #3f4d52;
	border-radius: 0.35rem;
	/* Shouldn't be highlighted as user drags over text. */
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	outline: none;
	vertical-align: top;
	/* Make buttons that would otherwise be "outer" to be "inner" styled.  For
        use with IFRAME Modal content pages. */
}

.form-grid button, .form-grid button.icon, .form-grid .button,
	.form-grid a.button, .form-grid input[type=button], .form-grid input[type=submit],
	.form-grid input[type=reset] {
	margin-bottom: 0.4em;
}

button.disabled, button[disabled], button.icon.disabled, button.icon[disabled],
	.button.disabled, .button[disabled], a.button.disabled, a.button[disabled],
	input[type=button].disabled, input[type=button][disabled], input[type=submit].disabled,
	input[type=submit][disabled], input[type=reset].disabled, input[type=reset][disabled]
	{
	border-color: #ddd;
	background-color: #fff;
	color: #ccc;
	box-shadow: none;
	cursor: default;
}

button.primary, button[type="submit"], button.icon.primary, button.icon[type="submit"],
	.button.primary, .button[type="submit"], a.button.primary, a.button[type="submit"],
	input[type=button].primary, input[type=button][type="submit"], input[type=submit].primary,
	input[type=submit][type="submit"], input[type=reset].primary, input[type=reset][type="submit"]
	{
	margin-bottom: 0.8em;
	cursor: pointer;
	font-size: 1rem;
	font-weight: 100;
	transition: background-color 500ms ease-out, color 500ms ease-out;
	/*border-color: #fefefe;
	 Normal state.
	background-color: #f97d00;*/
	color: #fff;
	border-radius: 0.35rem;
	/* Shouldn't be highlighted as user drags over text. */
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	/***********************/
	background: #f78828;
	border: 1px solid #da7532;
	background: linear-gradient(to bottom,#E87325 0,#E87325 100%);
	border-radius: 4px;
	outline: 0;
	color: #f9f9f9;
	text-transform: uppercase;
	cursor: pointer;
	text-shadow: 0 0 1px rgba(0,0,0,0.33);
}

.form-grid button.primary, .form-grid button[type="submit"], .form-grid button.icon.primary,
	.form-grid button.icon[type="submit"], .form-grid .button.primary,
	.form-grid .button[type="submit"], .form-grid a.button.primary,
	.form-grid a.button[type="submit"], .form-grid input[type=button].primary,
	.form-grid input[type=button][type="submit"], .form-grid input[type=submit].primary,
	.form-grid input[type=submit][type="submit"], .form-grid input[type=reset].primary,
	.form-grid input[type=reset][type="submit"] {
	margin-bottom: 0.4em;
}

button.primary:hover, button[type="submit"]:hover, button.icon.primary:hover,
	button.icon[type="submit"]:hover, .button.primary:hover, .button[type="submit"]:hover,
	a.button.primary:hover, a.button[type="submit"]:hover, input[type=button].primary:hover,
	input[type=button][type="submit"]:hover, input[type=submit].primary:hover,
	input[type=submit][type="submit"]:hover, input[type=reset].primary:hover,
	input[type=reset][type="submit"]:hover {
	background-color: #f78828;
	transition: background-color 0ms ease-out, color 100ms ease-out;
}

button.primary:active, button[type="submit"]:active, button.icon.primary:active,
	button.icon[type="submit"]:active, .button.primary:active, .button[type="submit"]:active,
	a.button.primary:active, a.button[type="submit"]:active, input[type=button].primary:active,
	input[type=button][type="submit"]:active, input[type=submit].primary:active,
	input[type=submit][type="submit"]:active, input[type=reset].primary:active,
	input[type=reset][type="submit"]:active {
	background-color: #E87325;
	transition: none;
	box-shadow: inset 0 0 4px 1px rgba(0, 0, 0, 0.468627);
}

button.primary.disabled, button.primary[disabled], button[type="submit"].disabled,
	button[type="submit"][disabled], button.icon.primary.disabled, button.icon.primary[disabled],
	button.icon[type="submit"].disabled, button.icon[type="submit"][disabled],
	.button.primary.disabled, .button.primary[disabled], .button[type="submit"].disabled,
	.button[type="submit"][disabled], a.button.primary.disabled, a.button.primary[disabled],
	a.button[type="submit"].disabled, a.button[type="submit"][disabled],
	input[type=button].primary.disabled, input[type=button].primary[disabled],
	input[type=button][type="submit"].disabled, input[type=button][type="submit"][disabled],
	input[type=submit].primary.disabled, input[type=submit].primary[disabled],
	input[type=submit][type="submit"].disabled, input[type=submit][type="submit"][disabled],
	input[type=reset].primary.disabled, input[type=reset].primary[disabled],
	input[type=reset][type="submit"].disabled, input[type=reset][type="submit"][disabled]
	{
	border-color: #ddd;
	background-color: #fff;
	color: #ccc;
	box-shadow: none;
	cursor: default;
}

button.secondary, button.icon.secondary, .button.secondary, a.button.secondary,
	input[type=button].secondary, input[type=submit].secondary, input[type=reset].secondary
	{
	/* Already covered in defaults. */

}

.button, a.button {
	padding: 0.6em 0.3em;
}

.button.button-multi-line, a.button.button-multi-line {
	padding: 0.1em 0.3em;
}

.rc-table, table {
	border-color: #e4d7c5;
}

.rc-table tr th, table tr th {
	text-align: center;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.rc-table tr th.sortable, table tr th.sortable {
	position: relative;
	cursor: pointer;
}

.rc-table tr th.sortable:focus, table tr th.sortable:focus {
	outline: 1px solid #66afe9;
	outline-offset: -1px;
}

.rc-table tr th.sortable:before, .rc-table tr th.sortable:after, table tr th.sortable:before,
	table tr th.sortable:after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	background-color: rgba(68, 68, 68, 0.25);
}

.rc-table tr th.sort-asc:before, table tr th.sort-asc:before {
	top: 0;
	height: 3px;
}

.rc-table tr th.sort-desc:after, table tr th.sort-desc:after {
	bottom: 0;
	height: 3px;
}

.rc-table tr th.sort-index-0:before, .rc-table tr th.sort-index-0:after,
	table tr th.sort-index-0:before, table tr th.sort-index-0:after {
	background-color: #444;
}

.rc-table tr th.sort-index-1:before, .rc-table tr th.sort-index-1:after,
	table tr th.sort-index-1:before, table tr th.sort-index-1:after {
	background-color: rgba(68, 68, 68, 0.75);
}

.rc-table tr th.sort-index-2:before, .rc-table tr th.sort-index-2:after,
	table tr th.sort-index-2:before, table tr th.sort-index-2:after {
	background-color: rgba(68, 68, 68, 0.5);
}

.rc-table tr th.filter .input-filter, table tr th.filter .input-filter {
	margin: 0;
	display: block;
	width: 100%;
	min-height: 30px;
	box-sizing: border-box;
}

.rc-table th, .rc-table td, table th, table td {
	border-width: 1px 0 0 1px;
	border-color: #E9E9E9;
	border-style: solid;
}

.rc-table th, .rc-table tfoot>tr>td, table th, table tfoot>tr>td {
	border-color: #E9E9E9;
}
/*Susanta Added CSS common to all the my accout pages */
table {
	border: solid 1px #E9E9E9;
	table-layout: auto;
	width: 100%;
	border-spacing: 0;
	background: 0 0;
	margin: 0;
	margin-bottom: .8em;
}

table tfoot, table thead {
	background-color: #f7f8fa;
}

table tbody td a {
	color: #333;
}

table td, table th, table td, table th {
	border-width: 1px 0 0 1px;
	border-color: #E9E9E9;
	border-style: solid;
}

table tbody tr td, table tbody tr th, table tfoot tr td, table tfoot tr th,
	table thead tr th, table tr td {
	display: table-cell;
	line-height: 1.2857142857rem;
}

table tr td, table tr th {
	color: #222;
	font-size: inherit;
	text-align: left;
}

/*overrding the stye.css*/
#prevArrow,#nextArrow{
	z-index: 10;
}
#mainbanner #prevArrow {
	width: 30px;
	height: 35px;
	background: transparent url("../images/back.png") repeat scroll 0% 0%;
	left: 0;
}

#mainbanner #nextArrow {
	width: 30px;
	height: 35px;
	background: transparent url("../images/next.png") repeat scroll 0% 0%;
	right: 0;
}

#mainbanner .slick-prev {
	left: 20px;
}

#mainbanner.slick-next {
	right: 20px;
}

#mainbanner .slick-prev::before, .slick-next::before {
	font-size: 0px;
	line-height: 1;
	opacity: 0.75;
	color: #FFF;
}

.slick-slider {
	margin-bottom: 0;
}

/*Category Page CSS*/
#sort{

    width:150px;
    overflow:visible;
    cursor: pointer;
    padding-top:  0px;
    padding-bottom: 0px;
    height: 25px;
    background-color: #fff;

}

.leftnav{
    float: right;
    height: auto;
}
.navigation{
    margin-top: 22px;
}

.navigation>div{
    display: inline-block;
}

.clearside{
    clear: both;
}

.navigation div nav .navmenu{
    text-decoration: none;
    color:#000;
}

.navigation div nav .navmenu1{
    text-decoration: none;
    color:#7ac4e1;
}

#myModal{
	padding: 0 0;
	max-width: 45.5rem;
	border-radius: 0;

	box-shadow: none;
	border-top: none;
	position: absolute;
}

.popupitems {
    display: table;
    width: 100%;
    list-style: none;
}

.popupitems>li{
    display: table-cell;
    width: 33%;
    text-align: center;
    font-size: 0.8em;
}

.p-name{
    font-size: 13px;

}

.h-price{
    font-size: 13px;
    font-weight: bold;
}



/*
.popupitems li figure>figcaption{
    text-align: left;
}
*/

.froyo{
    background-color: #7f7f7f;
    height: auto;
}

#popupemptyfroyo{
/*
    background: url("../images/iconSpriteBg.png")  no-repeat;
    background-position: -6px -371px;
*/
    width: 132px;
	height: 129px;
    border:0;
    vertical-align: middle;
    margin: 20px 0;
}

div.froyo > span:first-child{
    margin-top: 35px;
    color:#fff;
    font-size: 2em;
}

.frownface{
    font-weight: bold;
    font-size: 13px;
}

.froyo{
    text-align: center;
}

.popupitems li figure>input{
    display: block;
}

.categorydescription p{
	font-family: 'Roboto',sans-serif;
    color: #666;
    font-size: 15px;
    line-height: 22px;
    margin-bottom: 0;
}
span.morecontent{
	display: inline;
}
#filterdropdownph.row, #topbarcontainer.row{
	max-width: 100%;
	padding:0 30px;
}
#topbarcontainer > div > nav > section > ul.right{
	z-index: 990;
}
#breadcrumbs>a::after{
    content : " > ";
}
#breadcrumbs>*{
    vertical-align: -webkit-baseline-middle;
    vertical-align: -moz-middle-with-baseline;
}

#breadcrumbs>label{
    color: #31afac;
    font-weight: 100;
}

#mainbanner{
    padding-top: 99px;
    margin-bottom: 5px;
    position: relative;
}
#mainbanner img{
	min-height: 270px;
/*   height: 508px;*/
}

#mainbanner .slick-list img{
    /* height: 508px; */
    object-fit: cover;
}
#mainbanner h1 {
 color: #fff;
 font-family: "alex brush";
 font-size: 3vw;
 font-weight: lighter;
 letter-spacing: 0.15px;
 position: absolute;
 right: 11px;
 top: 40%;
 width: 50%;
}

#mainbanner h1:after{
    background: url();
    width:0;
}

#mainbanner h1:before{
    background: url();
    width:0;
     top: 213px;
    right: 160px;

}

.searchwrapper{
    padding-top: 130px;
}

.searchresultfor{
    margin-left: 15px;
}

.searchresultfor>span:nth-child(2) {
    color: #7ac4e1;
    margin-left: 10px;
}

p{ /* .categorydescription */
    position: relative;
}
#mainbanner>.categorydescription{
    font-family: "Roboto";
    line-height: 23px;
    color: #555;
    font-size: .8em;
    top: 57%;
    right: 10px;
    position: absolute;
    width: 50%;
    height: 140px;
}
.categorydescription a.morelink{
	color:#fff;
	font-size:1.15em;
}
.leftnav label,#breadcrumbs label {
	vertical-align: -webkit-baseline-middle;
    vertical-align: -moz-middle-with-baseline;
    vertical-align: baseline;
}
#loginguser ul li{
	background: white;
	padding: 0 !important;
}
#loginguser, #currencyconversion {
	position: relative;
}

#currencyconversion{
    line-height: 12px;
}

.currencys{
/*    border: none;*/
    margin-left: 0;
    padding-top: 0;
}
.currencyinfo:after{
    content: '';
    position: absolute;
    top: -10px;
    right: 9%;
    margin: 0 auto;
    width: 0;
    height: 0;
    border-bottom: solid 10px #fff;
    border-left: solid 10px transparent;
    border-right: solid 10px transparent;
}

.currencys li{
    border-color: #E9E9E9;
    border-width: 0px 0px 1px 0px;
    border-style: solid;
    text-align: left;
    padding-top: 5px;
    padding-bottom: 5px;
}

.currencys li a{
    padding-left: 5px;
    font-size: 13px;
    font-size: 13px;
    color: #333;
}

.currencys .currtitle{
    border-top: none;
    text-align: center;
    color: #59b5d7;
}

ul.logindropdown, ul.currencydropdown {
	display: none;
	position: absolute;
    margin: 5px 0 0 0;
    z-index: 99999;
}

span#loggedinuser{
    color: #1e7e27;
    font-size: 13px;
    margin-top: 6px;
    font-family: roboto;
    font-weight: 400;
}
span#loggedinuser:hover, button.selected span#loggedinuser{
    color: #fff;
}
span#loggedinuser.removeafter::after{
    content: none;
}
.loginguser>span {
	padding-top: 8px;
}

.currtitle{
    text-align: center;
    color: #59b5d7;
    font-size: 0.875em;
}
.currencyinfo li.currencyoption {
    font-size: 0.8em;
}
#loggedinuser {
	position: relative;
	top: 24px;
    left: -1px;
    white-space: nowrap;
}
#loginguser table{
	margin-bottom: 0;
	width: 150px;
}
#loginguser table tr, #currencyconversion ul li{
	background: white !important;
}
#loginguser table tr td a{
    text-transform: capitalize;
    font-size: 0.8em;
    display: block;
    text-transform: capitalize;
    padding: 4px;
    font-size: 0.8em;
    text-decoration: none;
    color: #333;
    background: #fff;
}
#loginguser table tr td{
	line-height:4px;
	vertical-align:middle;
	border-color: #cdcdcd;

}
/* span#loggedinuser::after {
	content: "▾";
	position: absolute;
    top: -6px;
    font-size: 22px;
} */

.ui-datepicker .ui-state-default, ui-datepicker .ui-widget-content .ui-state-default,.ui-datepicker .ui-widget-header .ui-state-default{
	color: #222;
}
/*jscroll pane css common design for all sccroll
/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */

.jspContainer
{
	overflow: hidden;
	position: relative;
}
.scroll-pane-menu .jspPane{
left: 0!important;
}

.jspPane
{
	position: absolute;
}

#tabs .jspVerticalBar {
    position: absolute;
/*    top: 10px;*/
    right: 10px;
    width: 5px;
    height: 100%;
}


.jspVerticalBar
{
	position: absolute;
	top: 0;
	right: 0;
	width:7px !important;
	height: 100%;
}

.jspHorizontalBar {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 5px;
}

.horizontal-only {
    height: auto;
    max-height: 290px;
}

.jspCap
{
	display: none;
}

.jspHorizontalBar .jspCap
{
	float: left;
}

.jspTrack
{
	background: #EFF0F1;
	position: relative;
	-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

.jspDrag
{
	background:#BEBDBD;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
	height: 15px !important;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
	float: left;
	height: 100%;
}

.jspCorner
{
	background: none;
	float: left;
	height: 100%;
}
.scroll-pane {
    width: 100%;
    height: 200px;
    overflow: hidden;
    outline: none;
}

#cartSummaryId .scroll-pane, .cartcontentwrap .scroll-pane{
	height: 200px;
}




/*

*/
/*jquery ui tooltip */

.ui-tooltip {
    background: #7BCDDD !important;
    color: white;
    border: none;
    padding: 0;
    opacity: 1;
}
.ui-tooltip-content {
    position: relative;
    padding: 0.5em;
    color: white !important;
}
.ui-tooltip-content::after {
    content: '';
    position: absolute;
    border-style: solid;
    display: block;
    width: 0;
}
.right .ui-tooltip-content::after {
    top: 18px;
    left: -10px;
    border-color: transparent #7BCDDD;
    border-width: 10px 10px 10px 0;
}
.left .ui-tooltip-content::after {
    top: 18px;
    right: -10px;
    border-color: transparent #7BCDDD;
    border-width: 10px 0 10px 10px;
}
.top .ui-tooltip-content::after {
    bottom: -10px;
    left: 72px;
    border-color: #7BCDDD transparent;
    border-width: 10px 10px 0;
}
.bottom .ui-tooltip-content::after {
    top: -10px;
    right: 72px;
    border-color: #DDD transparent;
    border-width: 0 10px 10px;
}

/* Ovverriding */

/*
.yourclass .slick-next::before{
    content: "";
}

[dir='rtl'] .yourclass .slick-next::before
{
    content: '';
}

.yourclass .slick-prev::before
{
    content: '';
}
[dir='rtl'] .yourclass .slick-prev:"before
{
    content: '';
}
*/

#prevArrow:before{
    content: '';
}

#nextArrow:before{
    content: '';
}
.cartcontentwrap {
    padding-top: 130px;
}

.cartcheckout, .cartcheckout:focus {
    color: #fff;
    background-color: #f97d00;
    text-transform: uppercase;
    padding: 0.5em;
    transition: none;
    border: 1px solid #F97D00;
    border-radius: 0;
    width: auto;
    font-family: "Roboto";
    font-weight: 100;
}

.cartcontinue, .cartcontinue:hover {
    font-family: "Roboto";
    font-weight: 100;
    background-color: #fff;
    color: #888;
    border: 1px solid #ccc;
    border-radius: 0;
    width: auto;
    margin-right: 30px;
}
[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important;
}
#stickytopmenu {
     max-width: 1600px;
    background-color: #fff;
    width: 100%;
    background-color: #fff;
}
.retailtitle {
    font-size: 36px;
    text-align: center;
    margin: 10px 0 25px 0;
    font-weight: 300;
}
.searchfrm .ui-autocomplete {
	width: 67.5rem !important;
    padding-left: 35px;
    padding-top: 30px;
}

.searchfrm .ui-widget-content .ui-menu-item{
    padding: 3px 1em 3px 0em;
}

.quickfrm .ui-menu .ui-menu-item{
    padding-left: 8px;
    text-transform: capitalize;
}
.toolbardialog .quickfrm input{
    text-transform: capitalize;
    cursor: pointer;
    background-color: #fff;
    font-size: 0.875em;
}
.quickfrm input:read-only{
    background: #fff;
}
#sort{
	z-index:15000;
}
#sort + span{
	font-size: 0.9em;
	width: inherit;
	vertical-align: middle;
}
#sort + span > span{
	display: inline-block;
}
.leftnav .ui-widget-content .ui-menu-item{
	font-size: 1.1em;
	padding-left: 6px;
}
.leftnav .ui-selectmenu-open{
	z-index: 20000;
}
.leftnav .ui-state-default, .leftnav .ui-widget-content{
	background-color: #fff;
	background-image: none;
}
.leftnav .ui-selectmenu-button .ui-state-default .ui-icon{
    background-image: url("../images/dropdownup.png");
}
.leftnav .ui-state-default .ui-icon {
    background-image: url("images/ui-icons_222222_256x240.png");
    border-left: 1px solid #eaeaea;
}
.leftnav .ui-widget.ui-state-default, .leftnav  .ui-widget.ui-state-default{
	border-color: #e6e6e6;
}
.leftnav .ui-selectmenu-button .ui-selectmenu-text{
	padding-left: 6px;
    color: #000;
}

/* @Shakeel */
#subscribeform .alert-box.alert.alert-bottom{
    top: 100px;
    width: 210px;
    z-index: 10;
}

.alert-box.alert.alert-bottom{
     width: 210px;
}

.disclaimer .alert-box.alert.alert-bottom{
    top: 63px;   /*Order-Summary Checkbox*/
}

.alert-box.alert.alert-bottom:after{
    top: -20px;
    left: 20px;
    border-bottom: solid 10px #db3638;
    border-top: solid 10px transparent;
    border-right: solid 10px transparent;
}
.deltym {
    white-space: nowrap;
}
#currencyconversion ul.currencydropdown{
    right: 0px;
    position: absolute;
}

.currtitle{
    text-align: center;
    color: #59b5d7;
}
.quickfrm>div:nth-child(4) {
    padding-left: 2.4em;
    font-size: 16px;
    padding-right: 0;
}
#securetransactions .payopt>img{
/*
    object-fit: none;
    object-position: -146px -737px;
    width: 243px;
    height: 28px;
*/
    left: auto;
    top: -2px;
    position: relative;
    max-width: 700px;
    overflow: hidden;
}
#securetransactions>.walletopt{
    bottom: -5px;
    position: absolute;
    left: -28px;
    right: 0;
    display:none;
}
.productlisting ul.medium-block-grid-5{
    margin-left: 35px;
    margin-right: 35px;
}

.leftnav  .ui-menu {
	font-size: 0.8em;
    border-radius: 0;
}

.toolbardialog #backbutton.call2axn.btnchange:hover, #backbutton.btnchange:hover, #backbutton.call2axn.btnchange:focus{
    border: 1px solid #f97d00;
    color: #fff;
    background-color: #f97d00;
    transition: background-color 500ms ease-out, color 500ms ease-out;
}

.currencydropdown{
    display: none;
}

.leftnav .ui-selectmenu-menu .ui-state-disabled{
    color: #000;
    opacity: 1;
    font-weight: 500;
}
nav#hamburgermenu>ul{
	height:320px;
	overflow: hidden;
}

#cartSummaryId div .scroll-pane>ul,.tncTopContent{
    overflow-y: auto;
    overflow-x:hidden;
}

div.scroll-pane>ul, div.scroll-pane-topmenu>ul,.tncTopContent, nav#hamburgermenu .scroll-pane-menu, .categorydescription, nav#hamburgermenu>ul{
         overflow-y: hidden;
        overflow-x:hidden;
     }

div.scroll-pane-topmenu>ul:hover,
div.scroll-pane>ul:hover,
nav#hamburgermenu>ul:hover,
nav#hamburgermenu .scroll-pane-menu:hover,
.categorydescription:hover{
    	overflow-y: auto;
    	overflow-x:hidden;
}
div.scroll-pane-topmenu>ul::-webkit-scrollbar,
div.scroll-pane>ul::-webkit-scrollbar,
nav#hamburgermenu>ul::-webkit-scrollbar,
nav#hamburgermenu .scroll-pane-menu::-webkit-scrollbar,
.categorydescription::-webkit-scrollbar,.tncTopContent::-webkit-scrollbar {
	width: 0.5em;
}
div.scroll-pane-topmenu>ul::-webkit-scrollbar-thumb,
div.scroll-pane>ul::-webkit-scrollbar-thumb,
div.scroll-pane-hmbrg::-webkit-scrollbar-thumb,
nav#hamburgermenu>ul::-webkit-scrollbar-thumb,
nav#hamburgermenu .scroll-pane-menu::-webkit-scrollbar-thumb,
.categorydescription::-webkit-scrollbar-thumb,.tncTopContent::-webkit-scrollbar-thumb {
	-webkit-box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.3);
	 background-color:#cdd4d4;
}
div.scroll-pane-topmenu>ul::-webkit-scrollbar-thumb:HOVER,
div.scroll-pane>ul::-webkit-scrollbar-thumb:HOVER,
div.scroll-pane-hmbrg::-webkit-scrollbar-thumb:HOVER,
nav#hamburgermenu>ul::-webkit-scrollbar-thumb:HOVER,
nav#hamburgermenu .scroll-pane-menu::-webkit-scrollbar-thumb:HOVER,
.categorydescription::-webkit-scrollbar-thumb:HOVER,.tncTopContent::-webkit-scrollbar-thumb{
    -webkit-box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.4);
     background-color:#cdd4d4;
}

div.scroll-pane-topmenu>ul::-webkit-scrollbar-track,
div.scroll-pane>ul::-webkit-scrollbar-track,
div.scroll-pane-hmbrg::-webkit-scrollbar-track,
nav#hamburgermenu>ul::-webkit-scrollbar-track,
nav#hamburgermenu .scroll-pane-menu::-webkit-scrollbar-track,
.categorydescription::-webkit-scrollbar-track,.tncTopContent::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,0.3);
    background-color:#fafafa;
}
div.scroll-pane>ul,div.scroll-pane-hmbrg,.tncTopContent{
	width: 100%;
	height: 100%;
}
div.scroll-pane ul li, #tabs div.scroll-pane ul li{
	max-width: 100%;   /*@$hakeel Removed Important Coz it was overriding Timeslot*/
}
div.scroll-pane-hmbrg::-webkit-scrollbar{
	height: 0.5em;
}
.animate-if.ng-enter, .animate-if.ng-leave, .delayshow.ng-enter, .delayshow.ng-leave {
  transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.5s;
}

.animate-if.ng-enter,.delayshow.ng-enter,
.animate-if.ng-leave.ng-leave-active {
  opacity:0;
}

.animate-if.ng-leave,.delayshow.ng-leave,
.animate-if.ng-enter.ng-enter-active {
  opacity:1;
}
.inputchanger{
	text-align:right;
	width:100%;
}
input#USERNAME:read-only{
	background: #fff;
	color: #888;
	font-weight: 300;
	font-size: 0.875rem;
}
#loginmodalform .sendmail span{
	white-space: normal;
}
.delayshow.ng-enter{
	transition-delay: 10s;
}

.contentwrapper .accountheight .myaccount .orderdate{
	white-space: nowrap;
}
.nomatch{
    font-weight: 500;
}

.citylist{
  width:100%;
  margin-bottom:20px;
}

#deliverycity li{
  width:50%;
  line-height:1.5em;
  float:left;
}

/*
.page-wrap {
  min-height: 100%;
  margin-bottom: -75px;
}

.page-wrap:before, .page-wrap:after{
    display: initial !important;
    content: " ";
}

.page-wrap:after{
  content: "";
  display: initial;
    clear: none !important;
}

#securefooter,
.page-wrap:after {
  height: 75px;
}
*/
.dt-delivery{
	color:#3ea948;
	font-weight:400 !important;
}
#fnpsearch::-webkit-input-placeholder {
	color: #00f !important;
}
#fnpsearch:-moz-placeholder { /* Firefox 18- */
	color: #00f !important;
}
#fnpsearch::-moz-placeholder {  /* Firefox 19+ */
	color: #00f !important;
}
#fnpsearch:-ms-input-placeholder {
	color: #00f !important;
}
#editdialog .cancel.close-reveal-modal{
    position: static;
    font-size: 1rem;
}
.saved-addres>ul>li>div{
    cursor: pointer;
    border-radius: 6px;
}
@media screen and (min-width: 1024px) {
	.personalizedelivery .personalmsg{
		width: 100px;
	}
}

#personlizedblock{
	display: block;
}

.personalmsg textarea[rows]{
	height: 82px;
	background-color: #FFFFFF;
}
#modalhelp, #modaltrackorder, #modallogin, #modalcart, #modalsearch{
	box-shadow:0 3px 5px rgba(0,0,0,0.5);
}
/*@kp*/
.categorydescription a.morelink {
    bottom: 0;
    color: #fff;
    font-size: 1.15em;
    position: relative;
    left: 0;
}
#mainbanner > .categorydescription {
    color: #fff;
    font-family: "Roboto";
    font-size: 0.8em;
    height: 140px;
    line-height: 23px;
    position: absolute;
    right: 10px;
    top: 57%;
    width: 50%;
    text-align: justify;
}
.alert-box.alert a, .alert-box.alert a:hover{
	color:#fff;
}

.mainsubtitle {
    color: #444;
    font-size: 14px;
    font-weight: 300;
    margin-top: -10px;
    text-align: center;
}
.maintitle {
    font-size: 26px;
    text-align: center;
    margin: 10px 0 15px 0;
    font-weight: 300;
}
#fnpsearch::-webkit-input-placeholder {
	color: #bbb !important;
	font-weight:400;
}
#fnpsearch:-moz-placeholder { /* Firefox 18- */
	color: #bbb !important;
}
#fnpsearch::-moz-placeholder {  /* Firefox 19+ */
	color: #bbb !important;
}
#fnpsearch:-ms-input-placeholder {
	color: #bbb !important;
}
#browse:before {
    color: #1e7e27;
    content: "Shop";
    font-family: "Roboto";
    font-size: 0.75em;
    font-weight: 400;
    left: 2px;
    position: absolute;
    text-align: center;
    top: 38px;
    width: 100%;
}

.footuncollapse{
	padding-left: 100px;
	padding-right: 100px;
}
@media only screen and (max-width:72em) {
	#footer	.medium-block-grid-3{
				padding-left: 50px;
				padding-right: 50px;
		}
		.footuncollapse{
				padding-left: 40px;
				padding-right: 0;
		}
}
.wrapper .list-page.togel-block ul li a{
    float: none;
}
#sendform .add-address-panel{
	color: #b3b3b3; 
    border: none; 
    padding: 20px; 
    height: 15.25rem; 
    text-align: center;
    font-size: 1.2 rem;
    display: table-cell;
    vertical-align: middle;
}
#sendform .add-address-panel span{
	display: block;
    font-size: 20px;
    line-height: 2.5rem;
    color: #989898;;
    text-decoration: underline;    
}
#sendform span.plus{
	cursor: pointer;
    font-size: 3rem;
    display: inline;
    text-decoration: none;
}
#sendform li.add_new_Address .row{
	border: 1px dashed #888888; 
	padding : 30px;
	display: inline-table;
    vertical-align: middle;
}
.saveaddrlink{
	background: #888;
    width: 100%;
    color: #fff;
    margin-bottom: 30px;
}
.users-addres .button{
	margin: 0 auto 15px auto;
}
#modalmobilenumber .alert-box.alert.alert-bottom{
    width: 260px;
    white-space: nowrap;
    right: 10px;
}

.loc-icon {
    width: 15px;
    height: 20px;
    margin-right: 7px;
    margin-top: 6px;
    display: inline-block;
    vertical-align: top;
    background-image: url("/assets/images/autocomplete-icons.png");
    background-size: 34px;
    background-position: -1px -161px;
}
.option-highlight {
    font-weight: bold;
}
li#contact{
	margin: 0 auto;
    display: block;
    float: none;
}
.helplist .content-design ul{
	margin:0 auto;
}
.infomsgbox{
	background:#7bbbe1 !important;
	border-color:#7bbbe1 !important;
	width: 291px !important;
	left: -300px !important;	
}
.infomsgbox:after{
	border-left: solid 10px #7bbbe1 !important;
	right: -320px !important;
}


/*#addontab .ui-slider-tabs-list li.selected a{
    color: #000;
    background-color: #fff;
}
#addontab .ui-slider-tabs-list li.selected a:after{
    background: #fff;
}
#addontab .ui-slider-tabs-list li a:after {
    background: #137599 none repeat scroll 0 0;
    bottom: 0;
    content: "" !important;
    height: auto;
    left: inherit;
    position: absolute;
    right: 10%;
    content: '';
    position: absolute;
    z-index: -1;
    top: 0;
    right: -1.3em;
    bottom: 0;
    width: 2em;
    background: #a6dff3;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ddd));
    background-image: none;
    background-image: -moz-linear-gradient(top, #fff, #ddd);
    background-image: -ms-linear-gradient(top, #fff, #ddd);
    background-image: -o-linear-gradient(top, #fff, #ddd);
    background-image: none;
    -moz-box-shadow: 2px 2px 2px rgba(0,0,0,.4);
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transform: skew(10deg);
    -moz-transform: skew(10deg);
    -ms-transform: skew(10deg);
    -o-transform: skew(10deg);
    transform: skew(30deg);
    -webkit-border-radius: 0 5px 0 0;
    -moz-border-radius: 0 5px 0 0;
    border-radius: 0 5px 0 0;
}*/
.outofstock{
    color: #db3638;
}
.delivery-address .web-wrapper .users-addres{
	margin-bottom: 5px;
}

.profilenumber:before,
.countrycodeprefix:before{
    content: "+";
}
.telinput .ui-selectmenu-text, .telnumber .ui-selectmenu-text{
	color: #000;
}
.bluetext{
	color: #59b5d7;
}
div.checkbox {
	width: 30px !important;
	border: none !important;
	padding: 0 !important;
	float: none !important;
	height: 30px !important;
	vertical-align: bottom !important;
}
.inputlength .checkbox{
	float: left !important;
}
.inputlength .bluetext{
	float: left;
	position: absolute;
	left: 45px;
	top: 5px;
}
/* Controlling Width for More then  1600px */
article.categorydescp a:hover{
    color:#05807d;
}  
footer{
   float: none;
   max-width: 1600px;
   display: block;
   margin: 0 auto;
   float: none;
}
.productsection a{
   display: block;
   margin: 0 auto;
   max-width: 1600px;
   font-weight: 400;
}

.productlisting{
   max-width: 1600px;
   margin: 0 auto;
}
span.email{
	margin-left: 10px;
	font-family: "Roboto";
}
.differentemailid{
	font-size: 12px;
    float: right;
}
#forgotpassword{
	color: #008CBA;
	font-size: 12px;
	float: right;
}
.sendmail{
    color: #4caf50d4;
    width: 60%;
    text-align: left;
    line-height: 1.4;
    display: inline-block;
}
.pop-up-msg-login-desk {
    position: fixed;
    top: 30%!important;
    background: #fff;
    padding: 20px;
    right: 5%;
    font-size: 15px;
    border-radius: 4px;
    text-align: center;
    display: none;
    z-index: 9999999;
    line-height: 22px;
    width: 25%;
    height: 25%; 
}
.revealbutton{
	margin-top:20px;
}
.pop-up-msg-login-desk .revealbutton a {
    display: inline-block;
    font-size: 12px;
    padding: 7px;
    border: 1px solid #888;
    border-radius: 4px;
    min-width: 120px;
    width: inherit;
    margin: 0 5px;
    cursor: pointer;
    text-transform: uppercase;
    line-height: 18px;
    transition: all ease-in-out 0.25s;
    color: #222;
}
#passwordsent{
	margin-top: 0;
	color: #009d43;
 	font-size: 12px;
    display: block;
}
.popupspan{
	margin-bottom: 5px;
}
    div.removepopup {
    height: 180px;
    width: 30px;
    min-width: 300px;
    padding: 20px;
    margin-top: 90px;
    font-size: 1.2rem;
}
 
 .revealopacity{
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    opacity: 0.7;
    background-color: black;
    z-index: 111;
} 
.notreceivemail{
	float: right;
    font-size: 0.9em;
    width: 30%;
    display: inline-block;
    line-height: 1.4;
}
.activeresendtimer{
	color: #008CBA ;
    margin-left: 30px;
}
span.password{
	clear: both;
    display: block;
	margin-left: 10px;
}
.loginwithoutpassword{
	border: 1px solid;
    padding: 10px;
    font-family: "Roboto";
    width: 100%;
    white-space: nowrap;
    text-align: center;
    font-size: 12px;
}
.generateotp {
	border: 1px solid !important;
    padding: 6px !important;
    text-align: center;
    width: 13rem!important;
    margin-left: 38px !important;
    margin: 0 auto !important;
}
#resendotp{
	color : #008CBA;
}
 .resendotp{
	display: block;
    text-align: center;
    margin-top: 11px;
}
.fbtextalign{
	text-align:right;
	display: inline-block;
}
.googletextalign{
	text-align:right;
	display: inline-block;
}
.tncTopContent{
	height: 137px;
}
.empty-field{
	position: absolute;
	right: 7px;
	margin-top: 30px;

}
span.passwordalert {
    margin-top: 15px;
    color: #222;
    font-size: 14px;
}
label.emaillabel {
    position: absolute;
}
label.emaillabel{
	-webkit-transition: all 0.3s ease-in-out;
	/*transition: all 0.3s ease-in-out;*/
}
label.emaillabel{
	-moz-transition: all 0.3s ease-in-out;
	/*transition: all 0.3s ease-in-out;*/
}
md-input-container.emailinput.ng-animate.md-input-invalid,md-input-container.md-input-invalid label{
	display: block !important;
	margin:0 !important;
	color: rgba(0,0,0,0.38);
	font-size: 13px;
    font-weight: 500;
    color: #666666;
}

md-input-container.md-input-invalid label:focus{
	color: rgba(0,0,0,0.38);
}
md-input-container.emailinput.md-input-has-value ,md-input-container{
	display: block !important;
	margin:0 0 !important;
}

label.emaillabel.md-required{
	overflow: inherit !important;
	color:#878787;	
}
md-input-container label:not(.md-no-float):not(.md-container-ignore), md-input-container .md-placeholder{
	overflow: inherit  !important;	
    color: #4d4d4d;
    font-size: 13px;
    font-weight: 400;
}

.md-errors-spacer{
	min-height: 0 !important;
}
span#ui-id-18-button{
	display: inline-block;
    margin-top: 34px;
    float: left;
}
	md-input-container.mobilelabel{
	float: right !important;
	width: 77% !important;

}
.inputdiv.animate-if{
	clear: both !important;
}
md-input-container label:not(.md-container-ignore).md-required:after{
	display:none !important;
}

@media only screen and (min-width: 1600px){
	.cat-up{
		left: auto;
	}
}

#loginmodalform #CUSTOMER_MOBILE_CONTACT{
	margin-bottom: 0;
    padding-top: 1px;
    border-width: 0 0 1px 0;
    font-size: 13px;
    font-weight: 400;
}

.resendOTP{
	text-align: center;
}

md-input-container.md-input-focused .md-input, md-input-container .md-input.ng-invalid.ng-dirty, md-input-container.md-input-resized .md-input{
	border-width: 0 0 1px 0;
}

md-input-container label{
	margin-left: 0 !important;
	color: rgba(0,0,0,0.38);
}

#loginmodalform #messages{
	position: absolute;
	top: -40px;
	margin: 0;
}
label.mobilel {
	top: 3px;
}

#loginmodalform .telinput .ui-selectmenu-text{
	line-height : 0.8;
	height: 20px;
}

article ul li{
	font-size:13px;
	line-height: 20px;
}

form[name='mobiledialogfrm'] div>ul{
	height: 150px;
}

/*css added for view cart */
.viewCartQuantity {
    border:  1px solid  #808080;
    border-radius: 3px;
    width: 70px;
    margin-left: 30px;
    height: 24px;	
}

input.quatityincrease{
	border: none;
    background-color: #fff;
    float: left;
    max-width: 25%;
    min-width: 5%;
    margin-bottom: auto;
    margin-left: 5px;
    min-height: 100%;
    font-weight: 300;
	font-size: 22px;
}
.viewitemquantity{
    display: inline-block;
	margin-top: -3px;
    vertical-align: -webkit-baseline-middle;
}
input.quatitydecrease{
	border: none;
    background-color: #fff;
    padding-right: 16px;
    margin-right: 2px;
    margin-bottom: auto;
    float: right;
    max-width: 20%;
    min-width: 7%;
    min-height: 21px;
    font-weight: 300;
	font-size: 16px;
}
/*css for delivery page cart increase */
.deliveryviewcart{
	border:  1px solid  #a198a8;
    border-radius: 3px;
    width: 82px;
    height: 36px;
    margin-left: 154px;	
    display: inline-flex;
}

.deliveryviewcart>.deliverycartincr{
	border: none;
    background-color: #fff;
    margin-right: 5px;
    padding-left: 5px;
    padding-right: 5px;
    vertical-align: -webkit-baseline-middle;
}
.deliveryviewcart>.viewcartquantity{
	display: inline-block;
    vertical-align: -webkit-baseline-middle;
    margin-top: 10px;
}

.deliveryviewcart>.deliverycartdecr {
	border: none; 
	background-color: #fff; 
	padding-left: 8px;
	vertical-align: -webkit-baseline-middle;
}
/* css for ordersummary page */
.remove2 {
	 position: relative;
}
.ordersummaryviewcart{
    right: 95px;
    top: 6px;
    border: 1px solid #999;
    border-radius: 3px;
    width: 96px;
    height: 36px;
    margin-left: 177px;
	margin-bottom: 59px;
    display: inline-flex;
    bottom: 46px;
}
.remove2>.ordersummaryviewcart{
    right: 95px;
    top: -2px;
    border: 1px solid #999;
    border-radius: 3px;
    width: 96px;
    height: 37px;
    margin-left: 48px;
   	margin-left: 177px;
    margin-bottom: 56px;
    display: inline-flex;
    bottom: 46px;
    position:absolute;
}
.ordersummaryviewcart>.quantityincrease{
	font-size: 21px;
    font-weight: 400;
    border: none;
    background-color: #fff;
    margin-right: 5px;
    margin-bottom: auto;
    padding-left: 14px;
    padding-right: 8px;
    vertical-align: -webkit-baseline-middle;
}
.ordersummaryviewcart>.ordersummaryquantity{
	display: inline-block;
    vertical-align: -webkit-baseline-middle;
    margin-top: 9px;
    margin-left: 8px;
    font-size: 14px;
}

.ordersummaryviewcart>.quantitydecrease {
	font-size: 22px;
    font-weight: 200;
    border: none;
    background-color: #fff;
    padding-left: -1px;
    vertical-align: -webkit-baseline-middle;
    margin: auto;
}
.addonordersummary{
	border-bottom:aliceblue !important;
}
.firstaddon{
    margin-top: -37px;
}
.delivery-detail .addonn-unit-quantity {
	font-size : 14px;
}



.message textarea::placeholder {
    font-weight: 300;
    color: #666;
}

#password::placeholder {
    font-size: 26px;
    color: #fff;
}

.errormsgwrapper h2 {
    font-weight: 300;
}
.columns .telinput span#ui-id-14-button {
    margin-top: 35px;
}
.navigation .searchresults {
    font-size: 16px;
}
span#totalproductcount {
    color: rgb(72, 72, 72);
}
.filterOptionsSelection .row h4.heading {
    padding: 5px 10px;
    color: #aaa;
    font-size: 14px;
    font-weight: normal;
    line-height: 45px;
    margin-top: -0.8rem;
}

.inp_fran::placeholder {
    font-weight: 400;
    color: #6d6c6c;
}

input, textarea, select, button {
    font-size: 13.3333px;
    font-family: Arial;
}
select.selectBox.profileselectBox, option {
    font-weight: 400;
}

input#emailId::placeholder {
    font-weight: 300;
    color: #6b6a6a;
}

.profile-edit .mandatory.ng-valid-maxlength.ng-dirty.ng-valid-parse.ng-invalid.ng-invalid-required.ng-touched::placeholder, .profile-edit .ng-valid.ng-valid-email::placeholder .profile-edit .ng-valid.ng-valid-email::placeholder, .profile-edit .ng-invalid-required.ng-touched::placeholder{
	font-weight: 400;
    font-size: 14px;
	color: #b2b2b2;
}


.pro-details .mandatory.ng-invalid.ng-invalid-required.ng-touched::placeholder, .pro-details textarea.mandatory.autogrow.ng-invalid.ng-invalid-required.ng-touched::placeholder, textarea.ng-invalid.ng-invalid-required.ng-touched::placeholder, li.inputdiv .mandatory.ng-untouched::placeholder{
	font-weight: 400;
    font-size: 14px;
	color: #767272;
}

.mandatory.ng-dirty.ng-valid-parse.ng-invalid.ng-invalid-required.ng-touched::placeholder, .phone.number.ng-valid-minlength.ng-valid-maxlength.ng-dirty.ng-valid-parse.ng-invalid.ng-invalid-required.ng-touched::placeholder, .ng-valid-pattern.ng-dirty.ng-valid-parse.ng-invalid.ng-invalid-required.ng-touched::placeholder{
    font-weight: 400;
    color: #bdb9b9;	
}

.ng-invalid-required.ng-valid-maxlength::placeholder, .reminder-datepicker::placeholder {
    font-weight: 300;
    color: #bdb9b9;
}

textarea#textarea::placeholder {
    font-weight: 300;
    color: #777575;
}

.navigation .ui-front select#sort {
    font-family: roboto;
    font-size: inherit;
    margin-top: -8px;
}
.quickfrm .columns .shoptxtbox::placeholder {
    font-weight: 400;
    color: #b8b5b5;
}
.myaccount .profile-edit-datepicker.hasDatepicker::placeholder {
    font-weight: 400;
    color: #a1a0a0;
}

.myaccount .mandatory.ng-invalid.ng-invalid-required::placeholder{
	font-weight: 400;
    color: #a1a0a0;
}
#frgtlinksbmt{
	margin-bottom: 13px;
	margin-top: 39px;
}
#frgtlinksbmt:disabled{
	opacity: 0.7;
}

.progress-bar-inner-section{
	width: 100%;
    opacity: 1;
    animation: 2s linear 0s normal none infinite running progress-bar-stripes;
    background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.5) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0.5) 75%, transparent 75%, transparent);
    background-size: 40px 40px;
    position: absolute;
    left: 0;
    box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15) inset;
    color: #fff;
    float: left;
    font-size: 12px;
    height: 100%;
    line-height: 20px;
    text-align: center;
    transition: width 0.6s ease 0s;
}

.progress-bar-section{
	display:none;
    background-color: #F6F6F6;
    border: 1px solid white;
    height: 1.5625rem;
    margin-bottom: 0.625rem;
 /*    padding: 0.125rem; */
    background: #dd771f none repeat scroll 0 0;
    border: medium none !important;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

@keyframes progress-bar-stripes {
0% {
    background-position: 0 0;
}
100% {
    background-position: 40px 0;
}
}
@keyframes progress-bar-stripes {
0% {
    background-position: 0 0;
}
100% {
    background-position: 40px 0;
}
}

.bg-hide .progress-bar-section {
    display: block !important;
}
#frgtlinksbmt .content-text {
    display: block;
    position: absolute;
    z-index: 12;
    font-size: 18px;
    height: 100%;
    margin-top: -7px;
   /*  margin-left: 77px; */
   position: relative;
    padding-top: 10px;
}
#loginmodalform .useotp .alert-box.alert.alert-right{
	top: -10px;
	left: 237px;
}
span#taxprice {
    font-size: x-small;
}
span.exclvat {
	float: right;
    padding-right: 15px;
}
span#exclvat {
    display: inline-block;
    font-size: x-small;
}
.generateotp {
	margin-left: 43px !important;
}
#tabs div.scroll-pane ul li {
	list-style-type: disc;
}

/* My account page Revamp styles */

.flex-basic {
    display: flex;
    align-items: center;
    justify-content: center;
}
.flex-row {
	display: flex;
    flex-direction: column;
    align-items: center;
	justify-content: center;
}

.account-heading {
    text-transform: uppercase;
	grid-area: heading;
}
.my-account-container {
	display: grid;
    grid-template-columns: 310px 310px 310px;
    grid-gap: 25px;
	grid-template-areas: "heading heading heading";
}
.card {
	display: flex;
	height: 150px;
    align-items: center;
    flex-direction: column;
	background: #fff;
	border-radius: 4px;
	padding: 30px 16px 24px;
	cursor: pointer;
	box-shadow: 0px 2px 1px -1px rgba(0,0,0,0.2), 0px 1px 1px 0px rgba(0,0,0,0.14), 0px 1px 3px 0px rgba(0,0,0,0.12);
}
.card-title {
    margin: 10px;
    text-transform: uppercase;
}
.card-sub-title {
    color: rgba(0, 0, 0, 0.54);
    font-size: 14px;
}
.gold-card {
    display: flex;
    flex-direction: column;
    background: #000000;
    color: #FFFFFF;
    border-radius: 4px;
    padding-top: 14px;
    box-shadow: 0px 2px 1px -1px rgba(0,0,0,0.2), 0px 1px 1px 0px rgba(0,0,0,0.14), 0px 1px 3px 0px rgba(0,0,0,0.12);
    background-image: url("/assets/images/gold-card-left.png"), url("/assets/images/gold-card-right.png");
    background-position: left center, right center;
    background-repeat: no-repeat;
    background-size: contain;
}

.gold-active-container {
    display: flex;
    justify-content: space-around;
    border: 1px solid #000;
    align-items: center;
    margin: 0px 5px 25px;
}
.gold-logo {
    height: 50px;
    width: 50px;
}
.gold-validity-info .gold-heading {
    font-weight: 700;
    font-size: 14px;
    color: #D1A842;
    margin: 0;
    line-height: 1.9;
}
.gold-validity-info .gold-validity {
    font-size: 12px;
    color: #FFFFFF;
    margin: 0;
}
.gold-active-btn {
    background: #008000;
    padding: 8px 16px;
    border-radius: 20px;
    font-size: 10px;
    font-weight: 500;
}

.gold-border {
    padding: 2px;
    background: linear-gradient(to right, #C99B30 10%, #FFF3A6 15%, #C99B30 30%, #FFF3A6 100%);
}
.gold-shipping-info {
	margin-top: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: 500;
}

.gold-shipping-info img{
    padding: 0px 5px;
}
.custom-overlay {
    position: fixed;
    display: none;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 99999;
    background: rgba(0,0,0,0.8);
}
.myaccount-icons {
    width: 36px;
    height: 36px;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p,
blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn,
em, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas,
details, embed, figure, figcaption, footer, header, hgroup, menu, nav,
output, ruby, section, summary, time, mark, audio, video, .alert-box,
.webprice, .signfrminpt input[type="text"], .signfrminpt input[type="email"],
.signfrminpt input[type="tel"], .signfrminpt input[type="password"], 
input[type="text"], input[type="email"], input[type="search"], input[type="number"],
input[type="date"], input[type="password"] {

    font-family: 'Roboto';
}

input[type="text"], input[type="email"], input[type="search"], input[type="number"], input[type="date"], input[type="password"]
	{
    font-family: "Roboto";
}

#loginmodalform .alert-box.alert.alert-right,
.alert-box.info.alert-right {
    left: 100%;
    top: 1px;
}

.alert-box.alert.alert-right,
.alert-box.info.alert-right {
    white-space: nowrap;
    left: 325px;
}

.alert-box:after,
.alert-box.info:after {
    left: -21px;
    border-right: solid 10px #db3638;
    border-bottom: solid 10px transparent;
    border-top: solid 10px transparent;
}

.inputdiv .alert-box.info:after {
    border-right: solid 10px #7ac4df;
    border-bottom: solid 10px transparent;
    border-top: solid 10px transparent;
}

input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
textarea {
    padding: 0 0 0 0.57rem;
}

select {
    background-position: 100% center;
    padding: 0 0 0 0.28rem;
}

.autogrow,
.autogrow:focus {
    padding: 0 0 0 5px;
}

/* Decrease the space between LABEL and related field Grids used for FORMs. */
.form-grid {
    text-align: left;
}

/* Adjust margin for form elements below */
input[type="file"],
select {
    padding-right: 1.2rem;
}

.telnumber input.error {
    background: url(../images/alert.png) right no-repeat;
    padding-right: 26px;
    background-size: 17px;
    border-color: #db3638 !important;
}

input.error, textarea.error {
    background: url(../images/alert.png) right no-repeat;
    background-size: 17px;
}
.alert-box.success:after{
    left: 35px;
}
#footer .medium-block-grid-3>li {
    border-right: 1px solid #fff;
} 
/* Loading Material Icon*/
@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/materialicons/v40/flUhRq6tzZclQEJ-Vdg-IuiaDsNa.woff) format('woff');
}
.breadcrumb-icons {
    font-size: 20px !important;
    vertical-align: middle;
}
.contain-to-grid .top-bar {
	max-width: 100%;
}

/*date picker*/
.ui-datepicker {
	width: 100%;
	color: #515151;
}

.ui-datepicker .ui-state-default {
	background: #FFFFF7 !important;
	padding: 0 !important;
	color: #515151;
}

.ui-datepicker .ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus,.ui-datepicker a {
	color: #515151;
}

.ui-datepicker-calendar tr,.ui-datepicker-calendar tr:nth-of-type(even) {
	background: #FFFFF7;
}

.ui-datepicker-calendar a {
	color: #515151;
	line-height: 1.25rem !important;
	height: 1.25rem !important;
	font-size: 0.7rem; /*!imortant Removed for Small Calendar*/
}

.ui-datepicker .ui-widget-header,.ui-datepicker .ui-widget-content {
	background: none;
	background-color: #FFFFF7;
	border: none;
	color: #515151;
	padding: 0;
}

.ui-datepicker th,.ui-datepicker .ui-widget-header {
	font-weight: normal;
}

.ui-datepicker .ui-state-hover,.ui-datepicker .ui-state-active {
	color: #FFFFF7 !important;
	background: #29af4c !important;
}

.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next {
	height: 1.33rem;
	padding: 0;
	line-height: 1.33rem !important;
}

.ui-datepicker .ui-datepicker-title {
	padding: 0;
	line-height: normal;
}

.ui-datepicker table {
	font-size: 0.75rem;
	margin: 0;
}

.ui-widget {
	font-family: 'Raleway', sans-serif;
}

.ui-datepicker .ui-icon,.ui-widget-content .ui-icon {
	background-image: url("../img/ui-icons_222222_256x240.png");
}

.ui-datepicker .ui-datepicker table thead {
	background: #FFFFF7;
}

.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span {
	/*	left: 0;  */ /*Small Calendar Arrow*/
	margin-left: 0;
	top: 0;
	margin-top: 0;
}

.ui-datepicker .ui-state-default,.ui-datepicker .ui-widget-content .ui-state-default,.ui-datepicker .ui-widget-header .ui-state-default {
	border: none;
	background: none;
}

.ui-datepicker .ui-corner-all {
	background: none !important;
	background-color: #FFFFF7 !important;
	border: none;
}
/*
.ui-datepicker-prev,
.ui-datepicker-prev:HOVER{
	padding: 0 !important;
	margin: 0 !important;
	border: none !important;
	height:1.5em !important;
	line-height:1.5em !important;
	font-size: 0.7rem!important;
	
} 
*/
table.ui-datepicker-calendar {
	border: none;
	direction: ltr;
}

.quickfrm .ui-autocomplete {
	z-index: 1010;
	background: #fff;
	border: 1px solid #cccccc;
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}

.ui-datepicker .ui-state-default,.ui-datepicker .ui-widget-content .ui-state-default,.ui-datepicker .ui-widget-header .ui-state-default {
	color: #888;
	font-weight: normal !important;
	border: none !important;
}

.ui-datepicker td span,.ui-datepicker td a {
	text-align: center;
}

.slider_tooltip {
	position: absolute;
	bottom: 0;
	display: inline-block;
	color: #515151;
}

#slider-range {
	height: 0.8rem;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1.8em;
	margin-top: 0.2rem;
}

#slider-range .ui-slider-range {
	background: #c2e29d;
} /*#87C63F*/
#slider-range .ui-slider-handle {
	border-color: #808080;
	background: #808080;
	color: #808080
}

#slider-range a {
	text-decoration: none;
	outline: none;
}

.ui-widget-content .ui-menu-item {
	background: none;
	border: none;
	font-family: 'roboto';
	font-weight: 100;
	font-size: 18px;
}

.ui-autocomplete {
	z-index: 10000;
	background: #fff;
	position: fixed;
	/*    top: 310.5px !important;*/
	border: none;
}

.ui-state-focus,.ui-widget-content .ui-state-focus {
	background-color: #a3dfea;
	font-family: 'roboto';
	/*    background: none;*/
	border: 1px solid #a3dfea;
	/*    font-size: 18px;*/
	font-weight: 100;
}

.ui-menu .ui-menu-item {
	/*    padding: 3px 1em 3px .9em;*/
	
}

.hasDateicker table tr th {
	font-size: 0.7rem;
}

.ui-datepicker {
	width: 14rem;
	margin: 0 auto;
	padding: 0;
	border: 1px solid #444;
}

#deliverydatepicker .ui-datepicker-year {
	display: none;
}

#deliverydatepicker .ui-datepicker-month {
	color: #484747;
	font: 300 20px/46.001px roboto;
}

.ui-datepicker-inline {
	border: none !important;
	border-radius: 10px;
}

.hasDateicker table tr td {
	font-size: 0.65rem;
}

.ui-slider-horizontal {
	height: 0.7rem;
}

.ui-slider .ui-slider-handle {
	width: 0.6rem;
	height: 1rem;
}
/* For nav filter */
[ng\:cloak],[ng-cloak],[data-ng-cloak],[x-ng-cloak],.ng-cloak,.x-ng-cloak {
	display: none !important;
}

.scroll-pane .dropdown label {
	padding: 0px;
	display: inline;
}

.top-bar-section .scroll-pane {
	height: 225px;
	width: 97% !important;
}

table#myaccountlink a:hover {
	color: #2178CF;
}

input:read-only ,.recipientaddress textarea.readonlyinput{
	color: #333 !important;
}
/*input:-moz-read-only { 
    color: #888 !important;
}*/
.readonly {
	color: #888;
}

/*For increasing the height of each child of filter bar*/
.scroll-pane .dropdown {
	height: 31px;
}

.menudropdown h3 {
	color: #5CB6CF;
	margin: 0.65rem 0.85rem;
	font-weight: normal;
	text-align: left;
	cursor: auto;
}

.menudropdown li h4 a.navmenu {
	/*background-color: white !important;
       color: #5CB6CF !important;*/
	margin: 0.65rem 0.85rem;
	font-weight: 400;
	font-size: 17px !important;
	text-align: left;
	cursor: auto;
	padding: 0px !important;
	border: none !important;
}

/*     */
#filtersOptions {
	display: none;
}

.ui-datepicker .availableDate span {
	color: #999999;
}

.categorydescription {
	/*    padding-top:40px !important;*/

}

#variantBlock .slideable {
	width: 6.25em;
	margin: auto;
}

#deliveryErrorMsg {
	font-size: 12px;
	color: #f04124;
	text-align: left;
	padding-bottom: 5px;
	font-weight: bold;
}
.personalized .loadinggif {
	background: url('/images/ajax-loader.gif') no-repeat 50% center !important;
}

.ui-menu .lasthint {
	/*
        border-bottom: 1px solid transparent;
        -moz-border-image: -moz-linear-gradient(right, red 0%, green 100%);
        -webkit-border-image: -webkit-linear-gradient(right, #777 0%, #FFFFFF 100%);
        -webkit-border-image: -webkit-gradient(linear, center top, center bottom, from(#777), to(#FFFFFF));
        border-image: linear-gradient(to right, #777 0%, #FFFFFF 100%);
        border-image-slice: 1;
        border-top: 0px;
        border-left: 0px;
        margin-bottom: 5px;
*/
	background-image: linear-gradient(90deg, #000, transparent), linear-gradient(90deg, #000, transparent);
	-moz-background-size: 100% 5px;
	background-size: 100% 1px;
	background-position: 0 101%, 0 100%;
	background-repeat: no-repeat;
	padding-bottom: 5px;
}

.searchfrm .customizedFnpSearch.ui-autocomplete {
	position: absolute;
	top: 66px !important;
	z-index: 10000 !important;
}

ul.customizedFnpSearch li:last-child {
	border: none;
}

.searchterm {
	font-weight: bold;
}

#addoncontainer .popupitems {
	text-align: left;
}

/*New product page template changes*/
.deliveryDay {
	display: inline-block;
	font-weight: 300;
	font-family: "Roboto";
}

.timeleft {
	/*     width: 205px;*/

}

.timerange {
	font-size: 0.875em !important;
}

.priceblock span,.priceblock {
	font-size: 1em !important;
}

/*.myaccount input.mandatory::-webkit-input-placeholder:before,textarea.mandatory::-webkit-input-placeholder:before {
	color: red;
	content: "*";
}*/

.popupitems li figure>input[type=checkbox] {
	display: block !important; /*Remove wrongly added css as display none*/
}

.mainsubtitle {
	color: #222;
	font-size: 20px;
	font-weight: 300;
	margin-top: -10px;
	text-align: center;

}

#shippingcost {
	font-family: "Roboto";
}

/* #deliverydatepicker .ui-datepicker-calendar tbody tr:nth-child(3) td:first-child a { ovverding the earilier css
    color: #515151 !important;
   font: 300 1em Roboto !important;
    text-decoration: none !important;
} */
.holiday span {
	color: #d94376;
	font: 300 1.5em Roboto;
	text-decoration: underline;
}

#addontab ul {
	display: inline;
	float: left;
	text-align:left;
	overflow: auto;
/*	width: 100% !important;*/
}

#addontab .slick-slider ul {
	text-align:center;
}

#addontab .ui-slider-tabs-list{
	width: 1000px !important; /*Quick fix to resolve slider width issue*/
}

#addontab ul li,.popupitems {
	float: none; /*causing addon to break*/
}
.saved-addres{
    float: left;
    display: block;
    width: 100%;
}

#deliverydatepicker .ui-datepicker .ui-datepicker-prev,#deliverydatepicker .ui-datepicker .ui-datepicker-prev-hover {
	left: 10em;
	top: 1em;
}

#deliverydatepicker .ui-datepicker .ui-datepicker-next {
	right: 10em;
	top: 1em;
}

.customizedAutoComplete {
	max-height: 184px !important;
	position: absolute !important;
	overflow: hidden;
	background-color: #fff;
	position: absolute !important;
	z-index: 99999;
	border-radius: 2px;
	border-top: 1px solid #d9d9d9 !important;
	font-family: Arial, sans-serif;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.customizedAutoComplete .ui-menu-item {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	line-height: 30px;
	text-align: left;
	border-top: 1px solid #e6e6e6;
	border-bottom: none !important;
	font-size: 13px;
	color: #333333;
}

#totalproductcount {
	display: none;
}

#shipprice {
	bottom: 0;
}

.precity,.nextcity ,.citylocality, #localitylookup{
	text-transform: capitalize;
}

/* #pincodemsg,#localitycity {
	display: block;
} */

.calendarfooter,.timeslotfooter {
	height: 60px;
}

.datepickerhead,.slick-slide {
	outline: none;
}

.timeslottable tbody tr td ul li a {
	/*width: 100%;*/
	height: 100%;
	padding: 5px 0;
	font-size: 14px !important;
	text-decoration: underline !important;
	position: relative;
}
/*.timeslottable tbody tr td ul li a:hover span{
        text-decoration:underline !important;
}*/
.timeslottable tbody tr td ul li a:hover:after {
	content: "";
	position: absolute;
	height: 1px;
	background: #59b5d7;
	left: 4%;
	right: 0;
	bottom: 7px;
}

.timeslottable tbody tr td ul li a:hover span {
	color: #59b5d7;
}

.timeslottable tbody tr td ul li {
	padding: 0;
}

#pincodeAlert,#dateAlert {
	display: none;
}

.paddingLeft10 {
	padding-left: 10px;
}
#breadcrumbs span {
	color: #666;
    font-weight:400;
}

#breadcrumbs a:hover {
	color: #31afac;
}

#pincodeAlert {
	margin-top: 38px;
}

/* secure-comon.css override changes from prototype*/
.telnumber input:nth-child(2) {
	width: 86%; /* 88%; */ /*85%*/
}

.profile-edit input {
	margin-bottom: 0px;
}

/* .contentwrapper {
    padding-top: 30px;
}
 */
.readonlyinput {
	background-color: #ffffff !important;
}

/* secure-common.css END*/

/* PRODUCT PAGE OVERRIDE CSS*/
#addontab .jspVerticalBar .jspCap {
	height: 20px;
	display: block;
}

#addontab .checkboxwrapper {
	position: absolute;
	margin-left: 6px;
}

.checkbox {
	width: 24px; /*Order Summary Checkbox style move to securemain.css*/
	height: 24px; /*done for checkout sign-in*/
	vertical-align: text-bottom; /*topbar checkbox aligmnet */
}

#addontab .checkbox {
	width: 30px;
	height: 30px;
}

.checkboxwrapper {
	box-shadow: none;
	left: -5px;
	margin-bottom: 0;
}

.shipingmode a {
	display: block;
}

.date-dialscroll a,.midnightdel a {
	margin: 0;
	padding: 10px 0;
	display: block;
}

#shipprice {
	position: absolute;
	left: 6.5em;
	white-space: nowrap;
	overflow: hidden;
	font-size: 0.9em;
}

/*PRODUCT PAGE CSS END */
#localCurrencyIdTo {
	width: 200px;
	height: 30px;
}

.pricediv .off {
	font-size: 0.9em;
	padding-left: 5px;
}
.price-discount-block{
	display: inline-block;
}
.pricediv {
	color: #7bccdd;
	font-family: "Roboto";
	font-size: 1.7em;
	padding-top: 20px;
	text-align: center;
	font-weight: normal;
}

.variantItem {
	cursor: pointer;
}

/* Agent Custom Product CSS*/
#customprodinfo {
	width: 500px;
	border: none;
	margin: 0 auto;
}

#customprodinfo td {
	border: none;
	vertical-align: middle;
	font-weight: 300;
}
#customprodinfo .child1 {
    width : 35%;
}
#customprodinfo .child2 {
	width : 60%;
}
.customProductWrapper h1 {
	text-align: center;
}

.prdfrm {
	margin-top: 50px;
}

input.pickshipdate[type="text"]:focus {
	font-family: "Roboto";
	font-weight: 100;
	background: white url(../images/calendar.jpg) right no-repeat !important;
}

.pickshipdate {
	background: url(../images/calendar.jpg) right no-repeat;
	padding-right: 26px;
}

.subvariantlist {
	text-transform: capitalize;
}

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

input[type='radio'].subvariant {
	-webkit-appearance: none;
	width: 15px;
	height: 15px;
	border: 1px solid #7ac4df;
	border-radius: 50%;
	outline: none;
	vertical-align: top;
	margin-right: 10px;
	margin-bottom: 0;
	/*    box-shadow:0 0 5px 0px gray inset;*/
}

input[type='radio'].subvariant:before {
	content: '';
	display: block;
	width: 55%;
	height: 55%;
	margin: 20% auto;
	border-radius: 50%;
}

input[type='radio'].subvariant:checked:before {
	background: #7ac4df;
}

.subvariantlist label {
	margin-right: 40px !important;
	color: #565656;
}

div.filterOptionsSelection #price-slider {
	margin-top: 7px;
}

div.filterOptionsSelection #slider-or {
	text-align: center;
	margin-top: -11px
}

.personalizedimg {
	width: 100%;
	max-width: 85px;
	max-height: 70px;
}

.imgupload img {
	width: 100%;
	height: 100%;
}

/*@$hakeel*/
.shipingnote {
	margin-top: 10px;
	padding-left: 10px;
	font-weight: bold;
}

#cards-0,#debcards-0 {
	display: none;
}

.searchparam {
	color: #31afac;
	text-transform: capitalize;
}
/*
.searchparam::before{
        content: ",";
        margin-right: 5px;
}
*/
.searchparam {
	margin-bottom: 10px;
}

div.searchresults>span:nth-child(2)::before {
	content: "";
}

h2.nomatch>span:first-child::before {
	content: "";
}

div .searchparam::before {
	content: ", ";
}

/*div .searchparam:nth-child(2)::before{
    content: " ";
}*/
.productcountspan {
	padding-left: 0.5em;
	color: #7ac4e1;
}

/*@Shakeel Android CSS*/
.appcontentwraper {
	margin-top: 170px;
	margin-bottom: 60px;
}

.appcontentwraper>div img:first-child {
	margin-bottom: 34px;
}

.appcontentwraper>div img {
	display: block;
	margin: 0 auto;
}

.androiddetail {
	text-align: center;
}

.androiddetail>span {
	display: block;
	justify-content: space-between;
}

.androiddetail span.code,.androiddetail span.code span {
	display: inline;
}

.intoline1 {
	color: #000000;
	font-size: 40.6px;
}

.intoline2 {
	color: #00b716;
	font-size: 26.6px;
}

.intoline3 {
	color: #000000;
	font-size: 28.1px;
}

.intoline4 {
	font-size: 31.7px;
	color: #000000;
}

.save {
	color: #05b8f0;
	font-size: 37.7px;
}

/*
.save:before{
      content: "";
      position: absolute;
      height: 1px;
      border-bottom: 1px solid #05b8f0;
      width: 40px;
}

.save:after{
        width: 40px;
        content: "";
      position: absolute;
      height: 1px;
      border-bottom: 1px solid #05b8f0;
}
*/
.save {
	width: 72%;
	text-align: center;
	/* border-bottom: 1px solid #05b8f0; */
	line-height: 0.1em;
	margin: 18px 55px 10px;
	position: relative;
	z-index: 1;
}

.save:before {
	z-index: -1;
	content: "";
	position: absolute;
	top: 1px;
	left: 0;
	right: 0;
	bottom: 0;
	height: 1px;
	border-bottom: 1px solid #05b8f0;
	width: 100%;
}

.save>span {
	background: #fff;
	padding: 0 10px;
}

/*
span.save{
    display: table;
    white-space: nowrap;
}
*/
.discount {
	color: #000000;
	font-size: 95.7px;
}

.exclusive {
	color: #000000;
	font-size: 23.4px;
	margin-bottom: 10px;
}

.code,.code span {
	font-size: 24.2px;
}

.code {
	color: #000000;
}

.code span {
	color: #05b8f0;
}

.valid {
	color: #000000;
	font-size: 19.4px;
	margin-top: 15px;
}

.download,.download:focus {
	border-radius: 0;
	font-family: "Roboto";
	font-weight: 100;
	color: #fff;
	border: 1px solid #f97d00;
	background-color: #f97d00;
	font-size: 24px;
	width: 55%;
	margin-top: 15px;
}

/*Android Style End*/

/*Franchise 8-1-15
Modidfied By:$hakeel
Reason for Modification:Completing the Page
*/

/*------------------------------------*\
            Heading Styling
\*------------------------------------*/
.franchiseheading {
	font-size: 1.8em;
	letter-spacing: 0.2px;
	font-weight: 300;
	margin-bottom: 20px;
}

.franchisesubheading {
	color: #d92763;
	margin-top: 10px;
	margin-bottom: 15px;
	font-weight: 300;
}

/*------------------------------------*\
            List Styling
\*------------------------------------*/
.list li {
	margin-left: 28px;
	margin-bottom: 10px;
	font-size: 14px;
}

.list li:before {
	content: "� ";
	color: #59b5d7;
}

/*------------------------------------*\
            paragraph styling
\*------------------------------------*/
.paragraph p {
	font-size: 14px;
	color: #616161;
	line-height: 18px;
}

.paragraph {
	margin-top: 20px;
}

/*------------------------------------*\
            Outlets Styling
\*------------------------------------*/
.franchiseelink  ul li a {
	text-decoration: none;
	color: #636363;
	margin-bottom: 10px;
}

.franchiseelink {
	width: 20%;
	font-size: 14px;
}

.clearside {
	clear: both;
}

/*------------------------------------*\
               Form styling
\*------------------------------------*/
.frmnote {
	font-size: 12px;
	padding: 10px 0 0px 0px;
	margin-bottom: 15px;
}

.registerfrm {
	width: 84%;
	position: relative;
	border: 1px solid #70caed;
}

.registerfrm span {
	font-size: 0.9rem;
}

.registerfrm span.franformtitle {
	font-size: 2.5rem;
	text-transform: capitalize;
	letter-spacing: 0.1rem;
	color: #59b5d7;
	/*      padding: 20px 0;*/
}

.registerfrm>* {
	display: block;
	text-align: center;
	width: 63%;
	margin: 0px auto;
}

.registerfrm input[type="text"],.registerfrm input[type="email"],.registerfrm input[type="number"],.registerfrm input[type="tel"],.registerfrm textarea {
	height: auto;
	font-size: 17px;
	margin-bottom: 35px;
	padding: 0 0 0 5px;
	font-family: "Roboto";
	font-weight: 300;
	border: 0 solid #888787;
	border-bottom-width: 1px;
	min-height: 0;
	box-shadow: none;
}

/*
.frm > span:nth-child(1){
    color:#fff;
    font-size: 2em;

}

.frm > span:nth-child(2){
    font-size: 12px;
    color:#616161;
    padding: 10px 0;

}
*/
.frm {
	position: relative;
	margin: 20px 85px;
	padding: 20px 0px;
}

/*
.frm form input{
    margin:15px 0;
    border-radius: 5px;
    background-color: #70caed;
    border-color: #166989;

}
*/
.frm form input[type=submit] {
	color: #fff;
	background-color: #f97d00;
	border-radius: 0px;
	border: none;
	font-size: 20px;
	padding: 2px 95px;
}

.frminput::-webkit-input-placeholder {
	/*    color:#166989;*/
	font-size: 0.95em;
}
/*.inputdiv input::-webkit-input-placeholder:before{
    content: " *";
    color: red;
}
.inputdiv input::-moz-input-placeholder:before{
    content: " *";
    color: red;
}
.inputdiv input::-ms-input-placeholder:before{
    content: " *";
    color: red;
}*/

.registerfrm form .telephone .code {
	font-size: 16px;
	height: auto;
	text-align: center;
	/*    padding: 0 0 0 5px;*/
	width: 20%;
	/*    margin-bottom: 40px;*/
	border: 0 solid #888787;
	border-bottom-width: 1px;
	background-color: #fff;
	min-height: 0;
	box-shadow: none;
}

.registerfrm form .telephone .number {
	width: 76%;
    margin-left: 1px;
	display: inline-block;
    box-shadow: -5px 4px 0px -4px #878787;
}
.registerfrm form .telephone .ui-selectmenu-text, .registerfrm form .telephone .ui-selectmenu-button:focus{
        font-size: 16px;
    font-family: "Roboto";
    color: #000;
    height: 22px;
}
.registerfrm form .telephone * {
    height: 22px;
}
/*
.frminput:focus::-webkit-input-placeholder{
  color:#fff;
}
*/

/*
.frminput:hover::-webkit-input-placeholder{
  color:#fff;
}
*/

/*
.frminput::-moz-placeholder{
  color:#166989;
}
.frminput:focus::-moz-placeholder{
  color:#fff;
}
*/
/*

.frminput:hover::-moz-placeholder{
  color:#fff;
}
*/

/*
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
*/
/*
.registerfrm form> input, .registerfrm form> textarea{
    border-color: #166989;
    background-color: #70CAED;
    border-radius: 0.35rem;
}
*/
.registerfrm form>button[type='submit'] {
	border-color: #f97d00;
	width: 70%;
	font-size: 1.4em;
	font-family: "Roboto slab";
	font-weight: 400;
	margin-bottom: 30px;
	border-radius: 0px;
}

.delcharleft:hover,.delcharleft:focus,.charleft:hover,.charleft:focus,.francharleft:hover,.francharleft:focus {
	color: #b9b6b6;
	cursor: default;
}
.char25.delcharleft {
    margin-bottom: 0;
}
.delcharleft {
/*	margin-bottom: 40px;*/
    /* position: absolute; */
    font-size: 0.9em;
    color: #b9b6b6;
    /* bottom: 0; */
    display: block;
    margin-top: 5px;
    text-align: right;
    /* right: -45px; */
    /* top: 0; */
    /* left: 330px; */
    white-space: nowrap;
}

.charleft {
	position: absolute;
	right: 100px;
	font-size: 0.9em;
	color: #b9b6b6;
	bottom: 101px;
}

.francharleft {
	position: absolute;
	color: #b9b6b6;
	bottom: 0px;
	right: -45px;
}
/*
.registerfrm form> input:HOVER, .registerfrm form>textarea:HOVER{
        color:#166989!important;
        border-color: white;
    background-color: #70CAED;
}
*/
[class*="block-grid-"]>li.fernscontact {
	padding-right: 0;
}

.fernsabout,.fernscontact {
	text-align: left !important;
}

.fernsabout p {
	color: #656565;
}

.fernsabout ul li:before {
	background-size: 8px 8px;
	width: 8px;
	height: 9px;
	margin-right: 15px;
	display: inline-block;
	content: "";
	background-repeat: no-repeat;
	background-image: url(../images/liststyle.png);
}

.fernsabout p {
	font-size: 1em;
	line-height: 22px;
}

.fernsabout ul li {
	color: #656565;
	/*      list-style: inside disc;*/
	line-height: 2rem;
}

/*
.registerfrm form> input:focus, .registerfrm form>textarea:focus{
        color:#166989!important;
        border-color: white;
    background-color: #70CAED;
}
*/

/*
.frm form input:focus{
    border-color: #fff;
    background-color: #70caed;
}
*/

/*------------------------------------*\
                FAQ Styling
\*------------------------------------*/
.faq {
	margin-top: 25px;
	margin-bottom: 20px;
}

/*------------------------------------*\
       Overriding Jquery Accordion
\*------------------------------------*/
.faq .ui-accordion .ui-accordion-header {
	color: #383737;
	background: none;
	font-weight: normal;
	padding-left: 1.2em;
	margin-top: 0;
}

.faq .ui-accordion-header-active {
	color: #d92763 !important;
	font-weight: 100 !important;
	border: 1px solid #d3d3d3 !important;
}

.faq .WebRupee {
	font-size: 1.1em;
	vertical-align: middle;
}

.faq .ui-accordion .ui-accordion-header .ui-accordion-header-icon {
	left: auto;
	right: .8em;
}

#accordion h3:nth-last-child(2) {
	border: 1px solid #d3d3d3 !important;
}

#retailoutlets li {
	text-align: left;
}

#retailoutlets li a {
	text-decoration: none;
	color: #242424;
	font-size: 1em;
	line-height: 2.1em;
}

.faq .ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl {
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
}

.faq .ui-state-default {
	border-top: 1px solid #d3d3d3;
	border-left: 1px solid #d3d3d3;
	border-right: 1px solid #d3d3d3;
	border-bottom: none;
}

/*
.faq .ui-accordion-header-active .ui-state-active{
     border: 1px solid #d3d3d3;
}
*/
.faq .ui-state-default .ui-icon {
	background: url('../images/iconSpriteBg.png') no-repeat 0 -229px;
	width: 17px;
	height: 18px;
}

.faq .ui-state-active .ui-icon {
	background: url('../images/iconSpriteBg.png') no-repeat 0 -247px;
	width: 18px;
	height: 18px;
}

.faq .ui-accordion .ui-accordion-content {
	padding: 10px;
}

#accordion p {
	font-size: 14px;
	line-height: 25px;
}

.faq .ui-widget-content {
	border: none;
	background: none;
}

.faq .ui-state-focus:focus {
	outline: none;
}

.faq li.fernsabout {
	padding-right: 30px;
}

/*
.ui-accordion-content[style] {
  height: auto !important;             /* Causing Tab to not Slide Smoothly
}

*/
.regiterfrmtitle {
	margin: 30px auto;
}

/*Franchise End*/

/*Styling Date Picker Small*/
.smalldatepicker.ui-datepicker {
	width: 30%;
	margin: 0 auto;
	padding: 0;
	border: 1px solid #3fac49;
}

#deliverydatemenu .smalldatepicker {
	width: 100%;
}

#deliverydatepicker .ui-datepicker-year, .smalldatepicker .ui-datepicker-year {
	display: none;
}

.edit-profile-specific .ui-datepicker-year, .reminder-specific .ui-datepicker-year {
	display: inline;
}

.edit-profile-specific.ui-datepicker select.ui-datepicker-year, .reminder-specific.ui-datepicker select.ui-datepicker-year {
	width: 25%;
}

.accountheight {
	min-height: 317px
}

.smalldatepicker {
	height: 288px;
	background-color: #fff;
}

.edit-profile-specific.ui-datepicker, .reminder-specific.ui-datepicker{
	height: 305px;
	background-color: #ffffff;
	z-index: 99999 !important;
}

.smalldatepicker.ui-datepicker .ui-datepicker-prev span {
	width: 0;
	height: 0;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-right: 6px solid #484747;
	background: none;
	color: #484747;
	font-size: 2em;
	text-indent: 0;
}

.smalldatepicker.ui-datepicker .ui-datepicker-prev {
	left: 7em;
	top: 1.5em;
	cursor: pointer;
	background: #fff !important;
}

.edit-profile-specific.ui-datepicker .ui-datepicker-prev, .reminder-specific.ui-datepicker .ui-datepicker-prev {
    left: 3em;
    top: 0.6em;
    width: 2.5em;
    height: 2.5em;
}

.smalldatepicker.ui-datepicker .ui-datepicker-next {
	right: 7.5em;
	top: 1.2em;
	cursor: pointer;
	background: #fff !important;
}

.edit-profile-specific.ui-datepicker .ui-datepicker-next, .reminder-specific.ui-datepicker .ui-datepicker-next {
    right: 3em;
    top: 0.6em;
    width: 2.5em;
    height: 2.5em;
}

#deliverydatemenu .smalldatepicker.ui-datepicker .ui-datepicker-prev {
	left: 5em;
	top: 1.15em;
	cursor: pointer;
	background: #fff !important;
}

#deliverydatemenu .smalldatepicker.ui-datepicker .ui-datepicker-next {
	right: 5.5em;
	top: 1.2em;
	cursor: pointer;
	background: #fff !important;
}

.smalldatepicker.ui-datepicker .ui-datepicker-next span {
	/*    right: 15em;*/
	cursor: pointer;
	background: #fff !important;
	/*    top: 1.25em;*/
	width: 0;
	height: 0;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-left: 6px solid #484747;
}

.smalldatepicker .ui-datepicker-month {
	color: #484747;
	font: 300 20px/46.001px Roboto;
}

.smalldatepicker thead * {
	color: #484747;
	font: 300 18px Roboto;
}

.smalldatepicker tbody tr td {
	/*    line-height: 2em;*/

}

.smalldatepicker .ui-datepicker-calendar a {
	color: #59b5d7;
	/*    font-size: 18px;*/
	font-weight: 100;
}

.smalldatepicker.ui-datepicker .ui-state-default {
	/*    font-size: 18px;*/
	font-weight: 100;
	/*    line-height: 2rem */
}

.smalldatepicker.ui-datepicker .ui-state-hover,.ui-datepicker .ui-state-active {
	color: #FFFFF7;
	background: #59b5d7;
}

/*Category Dropdown*/
#sort-button,#sort-button.ui-state-focus {
	border-radius: 0;
}

.leftnav.ui-front .ui-state-focus {
	border: 1px solid #fff;
	background-color: #fff;
}

#topbarcontainer {
	max-width: 1600px;
	background: #fff;
	width: 100%;
	z-index: 1;
	/*    width: calc(100% - 0.8em);*/
	padding-top: 22px;
	/*box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);*/
}

.top-bar .checkboxwrapper {
	white-space: nowrap;
}

#paymentmodetab #tabs-6 .amount,#paymentmodetab #tabs-5 .amount,#paymentmodetab #tabs-4 .amount {
	display: block;
	text-align: center !important;
}

.alert-box.alert.alert-bottom.success:after {
	border-bottom-color: #3a945b;
	border-top: solid 10px transparent;
	border-right: solid 10px transparent;
	top: -21px;
	left: 35px;
}

.registerfrm .alert-box.success {
	top: -25px;
	left: 70px;
}

.alert-box.success {
	position: absolute;
	background: #3a945b;
	border-color: #3a945b;
}

.cardradioblock input[type='radio'] {
	-webkit-appearance: none;
	width: 20px !important;
	height: 20px !important;
	border: 1px solid #7ac4df;
	border-radius: 50% !important;
	outline: none !important;
	vertical-align: bottom;
	padding: 0px !important;
	margin: 0px !important;
}

.cardradioblock {
	margin-top: 15px;
}

#checkoutInfoFormNB {
	text-align: center;
}

/*Currency Styling */
.curr_usd,.curr_gbp,.curr_eur,.curr_aud,.curr_sgd,.curr_qar,.curr_nzd,.curr_myr,.curr_cad,.curr_aed,.curr_omr,.curr_kwd,.curr_bhd{
	margin-right: 0.2em;
}

/* cartsummary and ordersummary prod name styling */
.telinput input[type="tel"].number,.registerfrm .telephone input[type="tel"].number {
	box-shadow: -5px 4px 0px -4px #878787;
    padding-left: 10px;
}
.generallogin .telinput input[type="tel"].number,.registerfrm .telephone input[type="tel"].number{
	width:100%;
}

.personalizeddetails img {
	margin: 0 auto !important;
}

.personalizeddetails .labelmsg {
	padding-top: 15px;
	padding-bottom: 5px;
}

.personalizeddetails textarea {
	background-color: #fff;
}

/* selected city tooltip view in product page css */
.selectedLocality {
	font-size: 0.8em;
	text-align: left;
	width: 100%;
	padding-left: 5px;
	padding-bottom: 5px;
	color: #888787;
	background-color: #ffffca;
	display: none !important;
}

/* .xpress-product-form #localitypicker {
	height: 100% !important; @Shakeel for Product City Height
	min-height: 40px;
} */
#cartcount{
    position: relative;
}
#cartToolTip button{
    padding: 5px 8px;
    border-radius: 0;
    vertical-align: initial;
    background: transparent;
    width: inherit;
    height: inherit;
    font-family: "Roboto";
    min-height: 0;
    min-width: 0;
    font-weight: 100;
    font-size: 13px;
}
#cartToolTip .viewcart{
    border: 1px solid #888888;   
    color: #888888;
    margin-right: 10px;
}
#cartToolTip .proceedcheckout{
    border: 1px solid #f88729;
    color: #f88729;
}
#cartToolTip.alert-box.success{
    border: #63b7d9;
    border-radius: 0;
    
}
#cartToolTip.alert-box.success:after{
    border-bottom-color: #fff;
    top: -20px;
    right: -165px;
}
#cartToolTip span{
    display: block;
    text-align: center;
    font-size: 17px;
    color: #515151;
    margin-top: 35px;
}
#cartToolTip>div>div{
    text-align: center;
    margin-top: 25px;
}
#cartToolTip>div{
    border: 1px solid #67b8d6;
    margin: 9px;
    min-width: 320px;
    min-height: 165px;
}
#cartToolTip {
    display: none;
    position: absolute;
    left: -220px;
    /* margin-left: 100%; */
    background-color: #fff;
    line-height: 40px;
    color:#fff;
    border-radius: 5px;
    padding: 0 ;
    z-index: 10000;
    top: 75px;
    box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.25);
    -webkit-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.25);
}
#cartToolTip.alert-box .close{
    opacity: 1;
    border-radius: 10px;
    color: #fff;
    font-size: 14px;
    padding: 5px;
    right: -0.7rem;
    top: 0%;
    font-family: "Roboto";
    background: #63b7d9;
}

.personalmsg .charleft {
	bottom: 10px;
}

.personalized {
	position: relative;
}

.personalized .alert-box {
	width: auto !important;
}

.xpress-product-form #dateAlert {
	margin-top: 65px;
}

.xpress-product-form #dateAlert.international{
	top: 75px;
}

.content-messages {
	color: #b22222;
}
.pricelabel {
	font-weight: 500;
}

.cartgrid .medium-4.large-4.columns.pricelabel.textright {
    font-weight: bold;
}

a.morelink {
	text-decoration: none;
	outline: none;
}

.morecontent span {
	display: none;
}

#categorydescriptionmore {
    color: #fff;
    font-size: 1.15em;
    position: static;
    text-align: left;
    top: 0;
    width: 98%;
    float: left;
    height: 115px;
    overflow: auto;
}

.signuplink {
	font-size: 18.17px;
	color: #7ac4df;
	text-decoration: none;
	display: inline;
	white-space: nowrap;
}

#cutoffTime::AFTER {
	content: "hrs";
	color: #228eb6;
}

.marginbottom {
	margin-bottom: 10px !important;
}

.selectedOption {
	border: 1px solid #7ac4df !important;
}

.smalldatepicker .ui-datepicker-calendar a {
	/*    font-size: 1.1em;*/

}

.smalldatepicker tbody * {
	font-size: 1.1em;
}

.edit-profile-specific.ui-datepicker tbody *, .reminder-specific.ui-datepicker tbody *{
	 font-size: 1em;
	 text-align: center
}
.smalldatepicker.ui-datepicker td {
	padding: 0.5625rem 0.625rem;
}

.categorydescp h2 {
	margin-bottom: 15px;
}

#modaldatetimepicker .roboX {
	z-index: 1000;
}

#modaldatetimepicker #prevArrow,#modaldatetimepicker #nextArrow {
	display: none !important;
}

.logintopalert-box {
	background: #db3638;
	border-color: #db3638;
}

.logintopalert-box::AFTER {
	content: '';
	position: absolute;
	top: 4px;
	left: -21px;
	margin: 0 auto;
	width: 0;
	height: 0;
	border-right: none !important;
	border-bottom: solid 10px transparent;
	border-top: solid 10px transparent;
}

.errorul {
	text-align: center;
	width: 500px;
	margin: 0 auto;
}

.unselectable {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: default;
}

.modalcartcolumns {
	padding-left: 0;
	padding-right: 0;
}

#modalcart .lightbottombar {
	margin-left: 0;
	margin-right: 0;
}
/*
#cartSummaryId .row .textcenter .lightbottombar{
                display: none;
}
#modalcart #cartSummaryId .row .textcenter .lightbottombar{
                display: block;
}*/
/*
#cartSummaryId .row .textcenter .close-reveal-modal{
                display: none;
}
#modalcart #cartSummaryId .row .textcenter .close-reveal-modal{
                display: block;
}
*/
span.timeslottxt {
	display: inline;
	color: #59b5d7;
}

#countryselect {
	background-image: none;
	border-left: none;
	border-right: 0;
	border-top: 0;
	border-bottom-color: #878787;
	box-shadow: none;
	height: 20px;
	box-shadow: none;
	background-color: #fff;
	padding: 0 0 0 0;
	width: 20%;
	/*    margin-top: 30px*/
}

.customizedFnpSearch {
	border-left: 2px solid #a3dfea;
	border-right: 2px solid #a3dfea;
	border-bottom: 2px solid #a3dfea;
}

.generallogin #countryselect {
	margin-top: 30px;
}

.customizedFnpSearch li.ui-menu-item a:hover,.customizedFnpSearch li.ui-menu-item.lasthint a:hover,.searchfrm .customizedFnpSearch li.ui-menu-item,.searchfrm .customizedFnpSearch li.ui-menu-item:hover {
	color: #333 !important;
}

.customizedFnpSearch li a,.customizedFnpSearch li a:hover,.customizedFnpSearch a,.customizedFnpSearch a:hover {
	color: #333 !important;
}

.registerfrm #countryselect {
	height: 22px;
	font-weight: 300;
}

span.tooltip {
	position: absolute;
	width: 128px;
	height: 48px;
	line-height: 48px;
	padding: 0px 16px 0px 8px;
	font-size: 22px;
	text-align: center;
	color: rgb(255, 255, 255);
	background: rgb(96, 172, 57);
	border: 0px 0px 0px 0px none none none none rgb(255, 255, 255) rgb(70, 126, 42) rgb(255, 255, 255) rgb(255, 255, 255);
	border-radius: 0px 3.2px 3.2px 0px;
	text-shadow: rgba(0, 0, 0, 0.6) 1px 1px 1px;
	box-shadow: rgb(85, 153, 51) -4px 0px 4px 0px inset;
}

span.tooltip:after {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-width: 24px;
	border-style: solid;
	border-color: transparent #60AC39 transparent transparent;
	top: 0px;
	left: -48px;
}

.curr_nzd,.curr_usd,.curr_gbp,.curr_eur,.curr_aud,.curr_sgd,.curr_qar,.curr_nzd,.curr_myr,.curr_cad,.curr_aed,.curr_omr,.curr_kwd,.curr_bhd{
	vertical-align: initial;
	/* font-size:23px */
}

#cards-1 {
	position: relative;
}

#debcards-1 {
	position: relative;
}

#ccard-type-icon,#dcard-type-icon {
	height: 35px;
	width: 50px;
	position: absolute;
	top: 5px;
	right: 2px;
}
.rupay-card{
	background-image: url("../images/cardicons/rupay50x35.png");
}

.mastercard-card {
	background-image: url("../images/cardicons/master-card50x35.png");
}

.visa-card {
	background-image: url("../images/cardicons/visa50x35.png");
}

.amex-card {
	background-image: url("../images/cardicons/american-express50x35.png");
}

.maestro-card {
	background-image: url("../images/cardicons/maestro50x35.png");
}

.diners-card {
	background-image: url("../images/cardicons/diners-club50x35.png");
}

.unknown-card {
	background-image: url("../images/cardicons/cardicon50x35.png");
}
.productfetchingloader{
	text-align: center;
	margin-top: 50px;
}
/* card icons for saved card*/
.mastercard-icon {
	background-image: url("../images/cardicons/master-card70x45.png");
}

.visa-icon {
	background-image: url("../images/cardicons/visa70x45.png");
}

.amex-icon {
	background-image: url("../images/cardicons/american-express70x45.png");
}

.carderrormsg_CC,.carderrormsg_DC {
	display: none;
	margin-bottom: 10px;
	background-color: #db3638;
	padding: 5px;
	color: #FFFFFF;
	font-weight: 300;
}

.cardmsg {
	height: 35px;
}

#paymentmodetab .paymentoption {
	padding-top: 0;
}

#currencyicon {
	font-size: 25px;
}

.successmsg {
	color: #42c2dc;
	font-size: 0.9em;
}

#modalmobilenumber {
	border-radius: 10px;
	box-shadow: 2px 4px 5px 0.00px rgba(11, 11, 12, 0.2);
	border: none;
	position: fixed;
	padding: 0;
	top: 130px !important;
}

input[type="submit"].mobilesbmt {
	font-family: "Roboto";
	font-weight: 100;
	display: block;
	margin: 0 auto;
	border-radius: 0;
	padding: 10px 0;
	font-size: 25px;
	margin-bottom: 55px;
}

.inputinfo {
	color: #888787;
	font-size: 13px;
	text-align: center;
	display: block;
	margin-bottom: 30px;
	margin: 20px auto 35px auto;
}
.inputdiv div.info.alert-box.alert-right{
    z-index: 100;
}

#modalmobilenumber .inputdiv .number {
	width: 75%;
	color: #353737;
	height: auto;
	/* background: #fff; */
	font-family: "Roboto";
	font-weight: 100;
	border: 0 solid #c2c2c2;
	border-bottom-width: 1px;
	min-height: 0;
	box-shadow: none;
	display: inline;
	box-shadow: -5px 4px 0px -4px #878787;
}

#modalmobilenumber .inputdiv {
	margin-top: 60px;
}

#modalmobilenumber .dialogueheadtitle {
	font-size: 26px;
	padding: 5px 0;
}

.inputdiv .selectcode ul, .telinput .ui-selectmenu-menu.ui-front ul.ui-menu {
	height: 250px;
    margin-top: 0;
}

.registerfrm #htfield {
	display: none;
}

#subscribeform #htfield {
	display: none;
}

.ui-widget-content a {
	font-weight: 400;
}

.top-bar {
	background: inherit;
}

.top-bar-section .dropdown label {
	color: #333 !important;
	font-size: 1.02em !important;
	font-weight: 300 !important;
}

.top-bar-section li:not  (.has-form ) a:not (.button ):hover {
	background-color: #36c2cf;
}

.top-bar-section .has-dropdown>a:after {
	border-color: rgba(255, 255, 255, 0) transparent transparent transparent;
}

.label {
	background-color: inherit;
}

#paymentrowpaymentlink input[type='submit']{
	width: 200px;
}

#agentadjustmetform{
	margin-top: 50px;
}
.inputdiv .ui-selectmenu-button .ui-selectmenu-text, .telinput.inputdiv .ui-selectmenu-button .ui-selectmenu-text {
    padding: 0;
    text-align: center;
	line-height: 1.4;
}
.inputdiv .ui-selectmenu-button, .inputdiv .ui-selectmenu-button:focus, .telinput.inputdiv .ui-selectmenu-button, .telinput.inputdiv .ui-selectmenu-button:focus {
    background-image: none;
    border-left: none;
    border-right: 0;
    border-top: 0;
    border-bottom: 1px solid #878787;
    box-shadow: none;
    height: 24.5px;
    box-shadow: none;
    background-color: #fff;
    width: 33% !important;
    border-radius: 0;
    outline: none;
    font-size: 15.4px;
}
.row #clickcoupon {
    font-weight: 300;
}
.signupfrm .inputdiv .ui-selectmenu-button, .signupfrm .inputdiv .ui-selectmenu-button:focus,  .signupfrm .telinput.inputdiv .ui-selectmenu-button,  .signupfrm .telinput.inputdiv .ui-selectmenu-button:focus{
	height: 20px;
}
.inputdiv .ui-selectmenu-button .ui-icon-triangle-1-s, .telinput.inputdiv .ui-selectmenu-button .ui-icon-triangle-1-s {
    display: none;
}

.otheroptionsmenu{
    padding: 5px;
    background-color: #D3D3D3;
}
.hideLookupButton .field-lookup a {
	display: none;
}
#editaddressfrom .location .alert-box{
	left: 108px;
}
.profilename{
	width: 250px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.profilenumber{
	white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 150px;
}
.profilemail{
	width: 170px;
    vertical-align: bottom;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#navmenubar>ul.ui-tabs-nav>li.tabs-active>a::after{
     background: url(../images/iconSpriteBg.png) no-repeat -517px -70px;
}
#navmenubar>ul>li>a.specialhammenu::after{
    background: url(../images/iconSpriteBg.png) no-repeat -517px -83px;
	width: 9px;
	height: 6px;
}
#navmenubar>ul>li.ui-state-default a.specialhammenu, #navmenubar>ul>li.ui-state-default a.specialhammenu:link{
    color: #ffde00;
}
#navmenubar>ul>li.tabs-active.ui-tabs-active a.specialhammenu,#navmenubar>ul>li.tabs-active.ui-tabs-active a.specialhammenu:link{
	color: #105512;
}
.users-addres li {
    text-decoration: none;
}
#thankaccordion .serviceChargeClass {
	height: 120px;
}
.columns .setSupplierPaymentWidth {
	width:70%;
	margin: 0 auto;
}
#paymentmodetab #tabs-8{
	width: 100%;
    margin: 0 auto;
}
#tabs-8 .setSupplierPaymentWidth.otheroptionsmenu>div.medium-3{
	float: none;
    margin: 0 auto;
}

.paymenterrormsg{
	display: block;
	text-align: center;
	color: #DB3638;
	font-size: 1.2rem;
}

/****************************** CSS for Message on Card *************************/
.main-contianer{
	width:303px;
	position:relative;
	margin:0 auto;
}
#f1_container {
	position: relative;
	margin: 10px auto;
	width:303px;
	height: 442px;
	z-index: 1;
	transition: all 0.5s linear;
}
#f1_container {
	perspective: 2000px;
}
#f1_container:hover, #f1_container.card-open{
	transform:translate(200px,0px);
}
#f1_card {
	width: 303px;
	height: 442px;
	transform-style: preserve-3d;
	transition: all 0.5s linear;
	transform: rotateY(-20deg);
	margin-top:20px;
	transform-origin: 0px 0px;
}
#f1_container.card-open .front.face{
	visibility: hidden;
	opacity: 0;
	transition: visibility 0s 2s, opacity 2s linear;
}
#f1_container.card-open .back.face{
	-ms-backface-visibility: visible;
}
#f1_container:hover #f1_card, #f1_container.card-open #f1_card {
	transform: rotateY(-160deg);
	left:20px;
	height:430px;
}
.face {
	position: absolute;
	width: 100%;
	height: 442px;
	/*backface-visibility: hidden;*/
    -webkit-backface-visibility: hidden;
	z-index:999;
}
.face.front{
	overflow:hidden;
	transition: all 0.5s linear 0s;
}
.face.back {
	display: block;
	transform: rotateY(180deg);
	box-sizing: border-box;
	color: white;
	text-align: center;
	width:303px;
	overflow:hidden;
	box-shadow:-5px 5px 5px rgba(0,0,0,0.5);
	transition: all 0.5s linear 0s;
    outline: 1px solid transparent;
}
#f1_container:hover .face.back, #f1_container:hover .face.front,
#f1_container.card-open .face.back, #f1_container.card-open .face.front {
	height:430px;
	width:290px;
}
.inner {
	background: rgba(0, 0, 0, 0) url("../images/cardbackground.jpg") no-repeat scroll -301px 0;
	box-shadow: 5px 5px 5px rgba(0,0,0,0.5);
	display: block;
	height: 430px;
	overflow: hidden;
	position: absolute;
	left: 0px;
	top: 0px;
	transform: rotateY(0deg);
	transition: all 0.5s linear 0s;
	width: 303px;
	z-index: -1;
    outline: 1px solid transparent;
}
#f1_container:hover .inner, #f1_container.card-open .inner{
	left: -17px;
	transform: rotateY(-20deg);
	top:-6px;
	height: 442px;
}
.form {
	height: 80%;
	left: -70px;
	position: absolute;
	text-align: left;
	top: 20px;
	transform: rotateY(0deg);
	transform-origin: 0 0 0;
	transform-style: preserve-3d;
	z-index: 999;
	opacity:0;
}
.form input{
	border:none;
	box-shadow: none;
	border-bottom:1px dashed #333;
	font-size:20px;
	font-family: 'Roboto';
	font-weight:300;
	color:#999;
}
.form textarea{
	border:none;
	font-size:20px;
	font-family: 'Roboto';
	font-weight:300;
}
.form .name{
	width:172px;
}
.message {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	height: 100px;
	left: 23%;
	position: absolute;
	text-align: left !important;
	top: 26%;
	width: 445px;
}

.message textarea {
	background:url(../images/dotted-line.png) repeat;
	height: 100%;
	line-height: 49px;
	text-align: left !important;
	width: 100%;
	resize: none;
	color:#999;
	box-shadow: none;
}
#cardmessage .shopnowbtn{
    position: absolute;
    border-radius: 0;
    font-family: 'Arial';
    font-weight: 600;
    background: #f97d00;
    font-size: 18px;
    padding: 10px 0;
    margin: 0;
	left: -10px;
	bottom: -56px;
	min-width: 0px;
	min-height: 0px;
	width: 95px;
	height: 38px;
	margin-left: 5px;
}
#textarea_feedback {
	bottom: -30px;
	color: #999;
	font-weight: 300;
	position: absolute;
	right: 0;
}
.form.show{
	opacity:1;
}
.wishes {
	bottom: 0;
	left: 360px;
	position: absolute;
	width: 160px;
}
.wishes input{
	margin-bottom:20px;
}
#cardmessage .alert-box.alert.alert-right{
	left:160px;
}
.wishes input:last-child{
	margin-bottom:0;
}
#cardmessage{
	background: transparent;
	box-shadow: none;
}
#cardmessage .close-reveal-modal {
    padding: 5px 8px;
    background-color: #f97d00;
    z-index: 9;
    color: #fff;
    border-radius: 15px;
    right: -28rem;
    font-size: 1.2rem;
    top: -3rem;
}
.inputlength .edit{
	cursor: pointer;
}
.saved-addres li>div.hidden-parameters{
	border: none;
	padding: 0;
}
/*
.valentine{
   border-bottom: 1px solid transparent;
   background-color:red;
}

.valentine:hover {
    background-color: yellow;
}

.valentineIcon{
	content: "";
    width: 23px;
    margin-right: 3px;
    height: 15px;
    background: url(../images/iconSpriteBg.png) -550px 0px no-repeat;
    vertical-align: middle;
    display: inline-block;
}

.valintensdaytooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
}

.valintensdaytooltip .valintensdaytooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;

    position: absolute;
    z-index: 1;
}

.valintensdaytooltip:hover .valintensdaytooltiptext {
    visibility: visible;
} */

.valentineCalenderFooterText{
	visibility: hidden;
} 

.hasDatepicker .valentine a{
border: 1px solid #DD4B94 !important;
}

.hasDatepicker .valentine a::active:hover{
	background: #DD4B94 !important;
}

/* ./End of CSS */
#giftfindericon{
	position: fixed;
	display: block;
	z-index: 999;
	bottom: 0;
	right:0.5%;
}
#giftfindericon:hover::before{
	content: 'Gift Finder';
	background: url(../images/dialog-box.png);
	display: inline-block;
	width: 182px;
	height: 42px;
	position: absolute;
	left: -185px;
	top: 6px;
	color: #fff;
	text-align: center;
	font-size: 18px;
	padding: 9px;
}
#giftfinder .datepickerhead{
    text-align: left;
}
.datepickerhead {
	text-align: center;
	border-bottom: 1px solid #cdcdcd;
}
.calendarfooter, .timeslotfooter {
	margin-top: 15px;
	background-color: #eff0f2;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}
.calendarfooter {
	text-align: right !important;
	padding-right: 25px;
}
#giftfinder {
	padding: 0 0;
	max-width: 38rem;
	border-radius: 10px;
	box-shadow: 2px 4px 5px 0.00px rgba(11, 11, 12, 0.2);
	border: none;
	position: fixed;
	top: 20% !important;
}
.calendartitle, .dialogueheadtitle {
	text-align: center;
	font-family: "Roboto";
	font-weight: 100;
	margin: 4px auto;
	display: block;
	color: #59b5d7;
	font: 400 26px / 46.001px Roboto;
}
.slideable-dialog .slick-slide {
    width: 38rem;
}
.slick-initialized .slick-slide {
    display: block;
}
#giftdatepicker .ui-state-disabled, #giftdatepicker .ui-widget-content .ui-state-disabled, #giftdatepicker .ui-widget-header .ui-state-disabled {
    color: #c3c5c4;
}
#giftdatepicker table tr td {
    color: #222222;
    font-size: 0.875rem;
    padding: 0.8625rem 0.625rem;
    text-align: left;
}
#giftdatepicker tbody * {
    color: #14bcc1;
    font: 300 1.5em Roboto;
}
#giftdatepicker .ui-datepicker {
    width: 38rem;
    margin: 0 auto;
    padding: 0;
    border: 1px solid #444;
}
#giftdatepicker .ui-datepicker .ui-state-hover, #giftdatepicker .ui-datepicker .ui-state-active {
    color: #FFFFF7 !important;
    background: #58b5d7 !important;
}

#giftdatepicker .calender-event-day a{
border: 1px solid #DD4B94 !important;
}

#giftdatepicker .ui-datepicker .calender-event-day .ui-state-hover, #giftdatepicker .ui-datepicker .calender-event-day .ui-state-active {
    color: #FFFFF7 !important;
    background: #DD4B94 !important;
}
#giftdatepicker .ui-datepicker-calendar a {
    color: #515151;
    line-height: 2rem !important;
    height: 2rem !important;
    font-size: 1.5em !important;
    font-weight: 100 !important;
}
#giftdatepicker tbody * {
    color: #14bcc1;
    font: 300 1.5em Roboto;
}
#giftdatepicker .ui-datepicker th, #giftdatepicker .ui-datepicker .ui-widget-header {
    font-weight: normal;
    padding: 0;
}
#giftdatepicker .ui-datepicker .ui-datepicker-prev span {
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid #484747;
    background: none;
    color: #484747;
    font-size: 2em;
    text-indent: 0;
    left: 0;
}
#giftdatepicker .ui-datepicker .ui-datepicker-prev, #giftdatepicker .ui-datepicker .ui-datepicker-prev-hover {
    left: 10em;
    top: 1em;
    cursor: pointer;
    background: #fff !important;
}
#giftdatepicker .ui-state-disabled, #giftdatepicker .ui-widget-content .ui-state-disabled, #giftdatepicker .ui-widget-header .ui-state-disabled {
    color: #c3c5c4;
}
#giftdatepicker .ui-datepicker .ui-datepicker-next {
    right: 10em;
    cursor: pointer;
    background: #fff !important;
    top: 1em;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid #484747;
}
#giftdatepicker .ui-icon {
    background: none;
}
#giftdatepicker thead * {
    color: #484747;
    font: 300 22px Roboto;
}
#giftdatepicker .ui-datepicker-month {
	color: #484747;
	font: 300 20px/46.001px Roboto;
}
.timeslothead a {
    font-size: 2em;
}
.backtocalendar {
    text-align: left;
    margin-left: 35px;
    position: absolute;
    top: 18px;
    font-size: 2em;
    width: 20px;
    display: inline-block;
}
#giftfinder .citysearch{
	border:none;
	box-shadow: none;
	border-bottom: 1px solid #888;
	min-height: 20px;
	width: 85%;
	margin: 0 auto;
}
#giftfinder .citysearch{
    background: url(../images/city.png) 190px no-repeat !important;
    text-transform: capitalize;
}
#giftfinder #deliveryDatelink {
	 border-bottom: 1px solid #888;
	 display: block;
	 padding-bottom: 2px;
	width: 85%;
	margin: 0 auto;
    position: relative;
 }
#giftfinder #deliveryDatelink:after{
    content: '';
    display: inline-block;
    width: 18px;
    height: 18px;
    background-image: url('../images/calendar.png');
    position: absolute;
    right: 10px;
}
#giftfinder .action {
	text-align: center;
}
#giftfinder .action button {
	font: 300 17px / 35.001px Roboto;
	border-radius: 0;
	background-color: #f97d00;
	color: #fff;
	border: 1px solid #f97d00;
}
#giftfinder .close-reveal-modal {
	z-index: 9;
}
#giftfinder .skip{
	display: block;
	cursor: pointer;
	color: #59b5d7;
	text-decoration: underline;
	font-size: 18px;
	position: relative;
	padding-bottom: 8px;
    right: auto;
}
/*.giftfinderform>div:first-child,.giftfinderform>div:nth-child(2) {
	display: inline-block;
	vertical-align: middle;
}
.giftfinderform>div:first-child{
	width: 49%;
}*/
.giftfinderform>.row>.medium-6.columns:first-child:after{
	content: '';
	position: absolute;
	top: -45px;
	right: 0;
	width: 1px;
	background-color: #eee;
	height: 120px;
}
.giftfinderform>.row {
	margin-top: 120px;
	margin-bottom: 120px;
	float: left;
}

.calender-footer-event-disp{
	display:none;
}

.calendarfooter .calender-event-footer-message{
   color: #FF00FF;
   padding: 21px;
   float: right;
   text-align: left;
   right: -15px;
   position: relative;
   padding-right: 0px;
}
.got-it{
	display: none;
	position: fixed;
	bottom: 0;
	right: 71px;
	z-index: 9999;
}
.got-it span:first-child{
	position: fixed;
	bottom: 58px;
	right: 60px;
	width: 156px;
	text-align: left;
	white-space: normal;
	color: #fff;
}
.got-it:after{
	content: '';
	background-image: url('../images/arrow-2.png');
	display: inline-block;
	height: 43px;
	width: 87px;
	position: fixed;
	bottom: 67px;
	right: 35px;
}
.got-it span:last-child{
	position: fixed;
	bottom: 25px;
	right: 105px;
	border: 1px solid #fff;
	padding: 2px 10px;
	color: #fff;
	cursor: pointer;
}
.calendarfooter .calender-event-footer-message span{
	border: 1px solid;
	margin: 0 10px;
	padding: 7px 8px;
	vertical-align: middle;
}
.giftfindercitylisting{
    width: 480px !important;
    white-space: nowrap;
	overflow: hidden;
    list-style-type: none;
	background-color: rgb(46, 181, 203);
	color: rgb(255, 255, 255);
	height: auto;
	border-radius: 5px;
	padding: 10px 0px;
	text-overflow: ellipsis;
	margin-top: 12px;
	margin-left: 20px;
}
.giftfindertriangle {
  position:absolute;
  width: 0; 
  height: 0; 
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid rgb(46, 181, 203);
  margin-left: 26px;
}
#quickshophelper{
	display: none;
	position: absolute;
	top: 138px;
}
#quickshophelper.qscity{
	display: block;
}
#giftdatepicker{
	height: 336px;
}
.giftfindercitylisting li{
    display: inline;
	font-size: 14px !important;
	text-transform: capitalize;
}
a.disabled {
	pointer-events: none;
	cursor: default;
}
.giftfindercitylisting li a {
	color: #fff !important;
}
.giftfindercitylisting .ui-state-focus {
	background:none;
	border:1px solid #2eb5cb;

}
.goToGiftFinder{
	text-decoration: underline;
	font-size: 13px;
	display: inline-block;
	margin: 20px 0 20px 30px;
	float: left;
	cursor: pointer;
}
.goToGiftFinder::before {
	content: '';
	background: url('../images/city.png');
	width: 18px;
	height: 18px;
	display: inline-block;
	vertical-align: text-bottom;
}
.gfcityerror{
	display: none;
	position: absolute;
	top: -96px;
	left: 23px;
	white-space: nowrap;
}
.gfcityerror:after {
	content: none;
}
#quickshophelper:after {
	content: ' \25b2';
	color: #2eb5cb;
	position: absolute;
	font-size: 13px;
	top: 0;
	left: 45px;
}
#qsuggestions > li {
	font-size: 14px;
	font-weight: 400;
	padding: 0 8px;
	cursor: pointer;
	font-family: "Roboto";
	font-weight: 100;
}
.giftfinderform{
	position: relative;
}
input[type=text]::-ms-clear {
	display: none;
}
.bg-giftfinder {
    background: #000000;
    background: rgba(0, 0, 0, 0.45);
    bottom: 0;
    display: none;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1004;
    left: 0;
}

.shipping-scroll{
	height:280px;
	overflow-y:scroll;
}

.sender-details .web-wrapper ul li div ul{
    margin-top: -189px;
    height: 161px;
    width: 89px;
    background: rgb(255, 255, 255);
}
.oldprice span {
	text-decoration: line-through;
}
.menu{
	background: #666;
    margin-top: 5px;
    border: 0px solid #555;
}

.telnumber span#ui-id-11-button {
    height: 19px;
}

#ccnumber::placeholder, #ccnameoncard::placeholder, #ccexpmonth::placeholder, #ccexpyear::placeholder, #ccardcvv::placeholder  {
    color: #9f9fa0;
    font-weight: 300;
}

.mandatory.ng-dirty.ng-valid-parse.ng-invalid.ng-invalid-required.ng-touched::placeholder, .ng-pristine.ng-valid.ng-valid-email.ng-touched::placeholder, #editdialog form .inputdiv input[type="email"]::placeholder {
    color: #8c8b8b;
    font-weight: 400;
}

.mandatory.addressfield.autogrow.ng-valid-maxlength.ng-dirty.ng-valid-parse.ng-invalid.ng-invalid-required.ng-touched::placeholder {
	color: #5d5c5c;
    font-weight: 400;
}

.registerfrm .inputdiv .frminput.mandatory.ng-pristine::placeholder {
    font-weight: 300;
    color: #676666;
}
.producttoolbardialog {
	top: 123px;
}

.popup-background{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.8);
    z-index: 99;
    display: none;
}
#cartpanel #viewcart .arrow{
    position: absolute;
    top: -10px;
    right: 30px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff;
    border-top: 0px;
    width: 0;
    height: 0;
    z-index: 99999;
}
.cartgrid::before {
	counter-increment: section;
    content: counter(section);
    position: absolute;
    left: -15px;
    top: 0;
    width: 20px;
    background: #7D8035;
    color: #fff;
    text-align: center;
    font-size: 12px;
    border-radius: 0 4px 4px 0;
    padding: 3px 0;
}
#cart #cartpanel{
    position: absolute;
    height: 0;
    width:100%;
    transition:all 0.3s linear;
}
.cart-section{
    position: absolute;
    width: 320px;
    z-index: 9999;
    background: #fff;
    border-radius:4px;
    box-shadow: 0 4px 40px rgba(0,0,0,0.2);
}
.cart-heading{
    color: #222;
    font-size: 16px;
    font-weight: 500;
    text-align:left;
    border-bottom: 1px solid #e2e2e2;
    padding: 15px 15px 10px;
}
.cart-heading a{
    float:right;
    cursor: pointer;
}
.cart-heading a i{
    color: #666;
    font-size: 18px;
}
.empty-content{
	padding:20px 0 30px 0;
}
.empty-content i{
    color: #ccc;
    font-size: 40px;
    margin-bottom: 30px;	
}
.empty-content p{
    font-size: 18px;
    color: #222;
    font-weight: 400;
}
#cartcontent{
    padding: 15px;
    max-height: 360px;
    overflow-y: auto;
    overflow-x: hidden;
    color:#222;
    background: #f9f9f9;
}
.cartgrid,.delete-dialog{
    background: #fff;
    border-radius: 4px;
    padding: 10px;
    position:relative;
    margin-bottom: 10px;
    text-align:left;
    box-shadow: 0 2px 3px rgba(0,0,0,0.3);   
}
#cartcontent .cartgrid ul{
    margin:0;
}
#cartcontent .cartgrid ul li{
	display:flex;
    max-width:100%;
    text-align:left;
    position :relative;
    padding :0;
}
#cartcontent .cartgrid li:hover{
	color:#222;
}
.cart-image,.cart-personalizedimg {
    width: 60px;
}
.cart-image img,.cart-personalizedimg img {
    width:60px;
    height:60px;
    border: 1px solid #d5d5d5;
    border-radius: 4px;
}
.cart-description{
    line-height: 18px;
    width: 68%;
    margin:2px 0 0 10px
}
.p-name.cart-name,.location-name {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 85%;
}
.cart-product-del {
    position: absolute;
    top: 0;
    cursor:pointer;
}
.cart-product-del span i{
    color:#999;
}
.cart-description .webprice .WebRupee {
    line-height:1;
    vertical-align: middle;
    font-size:13px;
}
.cart-description .webprice{
    display:inline-block;
    font-weight: 400;
    font-size: 13px;
}
.dott {
    width: 4px;
    height: 4px;
    background: #ccc;
    border-radius: 50%;
    margin: 0 5px 3px;
}
.cart-location {
    font-size: 14px;
    padding: 20px 0;
    text-align:left;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.cart-location i{
    font-size: 16px;
}
.cart-details {
    padding: 10px;
    background: #f8f8f8;
    color: #666;
    border-radius:4px;
}
.cart-personalizedimg,.cart-personalizedmsg{
    display:inline-block;
    vertical-align:top;
}
.cart-date {
    float:left;
    font-size: 40px;
    font-weight: 300;
    color: #222;
    margin-top: -7px;
    vertical-align: text-top;	
}
.cart-timeslot .webprice {
    display: inline-block;
    font-weight:400;
}
.cart-month, .cart-day {
    font-size: 14px;
    margin-left:5px;
    width:30px;
    text-transform:uppercase;
}
.cart-timeslot, .cart-timeday, .cart-time, .cart-timeslot .webprice, .free-tag{
    font-size: 12px;
}
.cart-timeslot .webprice .WebRupee{
    margin: 0;
    font-size: 12px;
}
/*---------------------cart personalized-------------*/
.personalized-heading {
   font-size: 12px;
   margin:10px 0;
}
.personalized-block{
	width:100%;
}
.cart-personalizedmsg{
    width:179px;
    display:inline-block;
    border: 1px solid #d5d5d5;
    padding: 5px;
    margin-left:10px;
    height: 60px;
    border-radius: 4px;
    font-size: 13px;
    background: #f8f8f8;
    overflow:auto;
}
.cart-personalizedimg img{
	height:60px;
}
/*----------------------cart total*/
.cart-total {
    position:relative;
    padding: 15px;
    color:#222;
    text-align:left;
    font-weight: 500;
    font-size: 16px;
    box-shadow: 0 -2px 4px rgba(0,0,0,0.2);
}
.cart-total span.webprice, .cart-timeslot span.webprice, .free-tag{
    float: right;
    color: #222;
}
#cart-button .cart-proceed {
    min-width: 100%;
    font-size: 18px;
    background: #E87325;
    color: #fff;
    border: 1px solid #E87325;
    border-radius: 0 0 4px 4px;
    min-height: 52px;
    max-height: 52px;
    font-weight: 500;
    cursor: pointer;
    box-sizing: border-box;
}
#cart-button .cart-proceed:hover{
    color:#fff;
}
.addon-values{
    display: inline-block;
    border: 1px solid #d5d5d5;
    border-radius: 4px;
    width: 100px;
    line-height: 22px;
    text-align: center;
}
.cart-addons{
	margin-top:5px;
}
.increase-addon, .decrease-addon{
    float: left;
    width: 30%;
    border-right: 1px solid #d5d5d5;
    height: 22px;
    color: #222;
    cursor:pointer;
}
.addon-values i{
	font-size: 18px;
	vertical-align: middle;
}
.increase-addon{
    float:right;
    border-left: 1px solid #d5d5d5;
    border-right: 0;
}
.addons-li{
    margin-top:10px;
}
.delete-dialog {
	position: fixed;
	display:block;
	width:20%;
	top: 40%;
	left:40%;
	height: 141px;
	box-shadow: none;
	font-size:16px;
	text-align:center;
	z-index:999999;
}
 
.del-heading {
	padding: 20px 0;
}
.delete-dialog .del-button{
	color:#222;
	font-size: 14px;
	border-radius: 4px;
	border: 1px solid #d8d8d8;
	background:#fff;
}
.delete-dialog #del-cancel {
	margin-right: 20px;
}
button.del-button:hover,button.del-button:focus{
	color: #fff;
	background: #666;
}
.personalized-content {
    white-space: initial;
}
#cart {
	position: relative;
}
.product-panel .add-addon {
    background-color: #009d48;
    margin: 12px 0;
    border-radius: 3px;
    padding: 5px;
    font-weight: 500;
    text-align: center;
    color: #fff;
}
.product-panel .add-addon i.material-icons {
    vertical-align: top;
}
.product-panel .add-addon .make-it-extra {
	vertical-align: text-top;
	margin-left: 6px;
}
#add-message,.extra-special {
    display: none;
    background: #7D8035;
    padding: 5px;
    color: #fff;
    font-size: 14px;
    text-align: left;
    border-radius: 4px;
    margin-bottom: 10px;
}
#add-message i{
    vertical-align: middle;
}
#add-message i,.extra-special i{
    margin-right: 5px;
}
.extra-special {
    display: block;
    height:30px;
    padding:7px;
    margin: 10px 0;
    font-weight: 700;
    text-align: center;
    cursor:pointer;
    box-shadow: 0px 2px 6px 0 rgba(0, 0, 0, 0.14);
}
.extra-special i{
    font-size: 16px;
    vertical-align:text-top;	
}

.cart-section,
.cart-product-del {
    right: 0;
}

.cart-heading,
.cart-location,
.cartgrid,
#cartcontent .cartgrid ul li {
    text-align: left;
}

.cart-heading a {
    float: right;
    cursor: pointer;
}

.cartgrid::before {
    left: -15px;
    border-radius: 0 4px 4px 0;
}

.cart-description {
    margin: 2px 0 0 10px
}

.cart-date {
    float: left;
}

.cart-month,
.cart-day,
.cart-timeslot,
.cart-timeday,
.cart-time,
.cart-timeslot .webprice,
.free-tag {
    margin-left: 5px;
}

#add-message i,
.extra-special i {
    margin-right: 5px;
}

.delete-dialog #del-cancel {
    margin-right: 20px;
}

.cart-personalizedmsg {
    margin-left: 10px;
}
.free-tag {
    margin-left: 15px;
}
html,body {
    height: 100%;
    position: relative;
}
body {
    margin: 0;
    padding: 0;
    counter-reset: section;
}

header ul>li {
	display: inline-block;
}

input[type="number"] {
	-moz-appearance: textfield;
}
/* this css is for remove autofill css */
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus,
	input:-webkit-autofill:active {
	-webkit-transition-delay: 9999s;
	transition-delay: 9999s;
}

.web-wrapper {
	margin: 0 auto;
	width: 100%;
	max-width: 1600px;
}

.header-wrapper {
	margin: 0 auto;
	max-width: 1366px;
	width: 100%;
	position: relative;
	padding: 0 35px;
}
#login-message {
	display: none;
	position: absolute;
	top: 74px;
	right: 34px;
	width: 222px; 
	box-shadow: 0 4px 40px rgba(0,0,0,0.2); 
	border-radius: 4px; 
	background: #333; 
	color: #999; 
	font-size: 16px;    
	padding: 18px 12px; 
	cursor: default;
}
#login-message .header-arrows{
	bottom: auto;   
	top: -6px;    
	right: 35px;    
	border-left: 7px solid transparent;    
	border-right: 7px solid transparent;    
	border-bottom: 7px solid #333;    
	border-top: 0;    
	position: absolute;
}
#login-message span {
	color: #fff;
	line-height: 1.5;
} 
#info-toolbar {
	padding: 5px;
	background: #707428;
	text-align: right;
	font-size: 14px;
	position: relative;
	z-index: 9999999;
}
#info-toolbar li a, #info-toolbar li {
	color: #fff;
	font-weight: 400;
	text-decoration: none;
	cursor: pointer;
}

#info-toolbar li {
	text-align: left;
	position: relative;
	margin: 0 8px;
	vertical-align: top;
}

#info-toolbar li span {
	font-weight: 400;
}

#info-toolbar li a i, #info-toolbar li i {
	font-size: 24px;
	vertical-align: top;
	margin-top: -4px;
	margin-left: -7px;
}

.info-item::after {
	position: absolute;
	width: 1px;
	height: 90%;
	top: 5%;
	background: #d5d5d5;
	content: "";
}

.left-side {
	float: left;
}

.right-side {
	float: right;
}

#otherOptions>a {
	font-size: 14px;
	color: #fff;
	cursor: pointer;
}

#otherOptions>a:hover {
	color: #126b2a;
}

#maintoolbar {
	width: 100%;
	padding: 5px;
	height: 79px;
	position: relative;
	z-index: 999999;
	background: #7D8035;
	clear: both;
}

#maintoolbar>.web-wrapper {
	overflow: auto;
}

/*--------------------------------------------------------fnp logo*/
#fnplogo {
	margin-top: 6px;
}

#fnplogo img {
	max-width: 163px;
}
/*---------------------------------------------------------------search bar in header*/
#searchform {
	display: inline-block;
	height: 42px;
	padding: 14px 0 12px 22px;
	position: relative;
	box-sizing: content-box;
}

#fnpsearch {
	font-weight: normal;
	color: rgba(0, 0, 0, 0.75);
	font-size: 13px;
	width: 350px;
	display: inline-block;
	margin: 0;
	height: auto;
	transition: none;
	vertical-align: middle;
	border: 1px solid #bbb;
	border-right: 0;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.2) inset;
	max-height: 40px;
	min-height: 40px;
	background: #fdfdfd;
	transition: all ease-in-out 0.25s;
	padding: 12px;
	box-sizing: border-box;
}
#navmenubar .header-wrapper>div>div>section>ul, #navmenubar .header-wrapper>div>div>section>ul>li {
    display: block;
    padding-left:0;
}
#navmenubar .header-wrapper>div>div>section>ul {
   	/* min-height: 345px; */
    max-height: 345px;
    overflow-y: hidden;
}
#navmenubar .header-wrapper>div>div>section>ul, #navmenubar .header-wrapper>div>div>section>ul>li {
    display: block;
}
#navmenubar .header-wrapper ul li {
    max-height: 45px;
}
#navmenubar .header-wrapper>div a {
    text-decoration: none;
    display: block;
    padding: 8px;
    color: #222;
    font-size: 13px;
    font-weight: 400;
    text-transform: none;
    position: relative;
    line-height: 1;
}
#navmenubar .header-wrapper>div.opened {
    display: inline-block;
    border-radius: 0 0 4px 4px;
    box-shadow: 0 22px 40px rgba(0,0,0,0.2);
    visibility:visible;
}
#navmenubar .header-wrapper>ul li.opened{
    text-decoration: none;
        border-bottom: 4px solid #7D8035;
}
#navmenubar .header-wrapper>div a:hover {
    text-decoration: none;
    color: #2179d0;
}
/*---------------------------------scroll bar third menu Panel*/
.sub-navmenubar {
    float: left;
    width: 100%;
    display: table;
}
/* Added badge to hamburger menu */
.new { 
	background: #E03131; 
	color: #fff; 
	padding: 1px 5px; 
	border-radius: 20px; 
	font-size: 8px; 
	position: absolute; 
	left: 8px; 
	text-transform: uppercase; 
	top: -4px; 
}
/*---------------------------------on hover on account and currency drop down css*/
#account #account-dropdown {
    width: 220px;
    background: #fff;
    box-shadow: 0 4px 40px rgba(0,0,0,0.2);
	border-radius: 4px;
}
#account-dropdown .inner-div{
    max-height:inherit;
    margin-top:0px;
    box-shadow: 0 4px 40px rgba(0,0,0,0.2);
}
#infotools #account-dropdown li {
    position: relative;
    padding:0px;
    text-align:left;
	display: inherit;
}
#account-list{
	padding:0;
}
#infotools #accountbtn{
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    direction: ltr;
}
#account-dropdown li a {
    color: #222;
    text-align: left;
    padding: 15px;
    text-transform: none;
    font-size: 14px;
    display:block;
    width:100%;	
}
#account-dropdown .header-login-btn{
	float: right;
    width: initial;
    color: #fff;
    font-size: 12px;
    min-height: 24px;
    padding: 0;
    cursor: pointer;
    position: relative;
    z-index: 9;
    text-transform: none;
    pointer-events: all;
    transition: none;
} 
#account-dropdown .header-login-btn:hover {
    color: #666;
}
#account-dropdown #guest-li:active,#account-dropdown #guest-li:hover {
    background-color: #333;
    color: #999;
}
/*---------------------hi guest li css in account drop down*/
#guest-li{
	background: #333;
    color: #999;
    font-size: 16px;
    padding: 18px 12px !important;
    cursor: default;
}
#guest-li i{
	vertical-align: top;
    letter-spacing: 5px;
}
#guest-li #login-link a {
    padding: 5px;
    color: #fff;
    font-size: 12px;
    font-weight: 500;
}
/*---------------------user name in account dropdown*/
#user-name{
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 60px;
    min-width: 50px;
    vertical-align: middle;
    display: inline-block !important;
}
/*------------------------------hover on more in header--(enquire dropdown css), hover on currency in header(currency dropdown css)*/
.inner-div{
	font-size: 14px;
    overflow: auto;
    max-height: 400px;
    float: left;
    width: 100%;
    box-shadow: 0 2px 6px rgba(0,0,0,0.3);
    border-radius: 4px;
    text-align:left;
    margin-top:3px;
}
.inner-div ul{
	margin:0px;
}
.arrows{
	position: absolute;
    bottom: -10px;
    right: 24px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #fff;
    width: 0;
    height: 0;
    -webkit-filter: drop-shadow(0px 3px 2px #ddd);
}
#account-dropdown .arrows{
	bottom: auto;
    top: -6px;
    right: 35px;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #333;
    border-top: 0;
    width: 0;
    height: 0;
}
#enquire-dropdown,.currency-dropdown,#account-dropdown {
    position: absolute;
    z-index: 999999999;
    width: 261px;
    right: 0;
    background-color:#2c9c4a;
    text-align:left;
}
#enquire-list li {
    margin: 0px;
}
.inner-div #enquire-list li i {
	font-size: 24px;
    vertical-align: middle;
    color: #666;
    letter-spacing: 5px;
}
#currencydropdown{
	overflow: auto;
	max-height: 400px;
	float: left;
	box-shadow: 0 2px 6px rgba(0,0,0,0.3);
	border-radius: 4px;
	padding: 0;
}
.currencyoption{
	font-size: 14px;
	background:#fff;
    border-bottom: 1px solid #d5d5d5;
    cursor: pointer;
    color: #222;
    display:block;
}
.inner-div #enquire-list li,.inner-div #currencydropdown li, .inner-div li{
	width: 100% !important;
    max-width: inherit !important;
    border-bottom: 1px solid #d5d5d5;
    cursor: pointer;
    color: #222;
    background: #fff;
    margin:0px;
}
#enquire-dropdown .inner-div ul li:hover, #enquire-dropdown .inner-div ul li:active,#currencydropdown .currencyoption:hover,#currencydropdown .currencyoption:active,#account-dropdown li:hover,#account-dropdown li:active{
	background-color:#f2f2f2;
}
#enquire-dropdown .inner-div ul li a, .currency-dropdown #currencydropdown li a{
	font-size:14px;
	color:#222;
	display:block;
	padding:15px;
}
#enquire-dropdown .arrows, .currency-dropdown .arrows{
    bottom: inherit;
    top: -15px;
    border-bottom: 10px solid #fff;
    border-top: 10px solid transparent;
}
#info-toolbar .currencyoption a {
    font-size: 14px;
    color: #222;
    font-weight: 400;
}
/*-------------------------------------------------------banner in home page*/
.moredata {
    font-size: 14px;
}
/*------------------------------------------------------------------search*/
#searchhintlistdiv.showhints{
    display: block;
}
#searchhintlistdiv>p{
    font-size: 13px;
    font-style: italic;
    color: #666;
}
#searchhintlistdiv>ul,#searchhintlistdiv>ul>li{
    display: block;
}
#searchhintlistdiv>ul>li{
    padding: 3px;
    font-size: 14px;
}
#searchhintlistdiv>ul>li>a{
    text-decoration: none;
    color: #5fbcdd;
    text-transform: capitalize;
}
#searchhintlistdiv>ul,#searchhintlistdiv>ul>li{
    display: block;
}
#searchhintlistdiv>ul>li>a{
    text-decoration: none;
    color: #666;
    padding: 15px 15px 15px 40px;
    display:block;
    text-transform:capitalize;
    width:100%;
}
#searchhintlistdiv>ul>li:hover{
	background:#f2f2f2;
}
#fnpsearch.istyping{
    background-position: right 26px center;
}
#searchhintlistlabel:after{
    content: "Your personalized category suggestions";
    vertical-align:top;
}
#searchhintlistlabel.popularsearch:after{
    content: "Popular Searches";
    vertical-align:top;
}
#searchhintlistlabel.popularsearch::after{
    content: "Popular Searches";
    display: inline-block;
    vertical-align:top;
}
#searchhintlistlabel span {
    padding-left: 4px;
}
#searchhintlistlabel.scount0:after{
    content: "Could not find any categories matching your search phrase";
}
#searchhintlistlabel.scountempty:after{
    content: "Start typing to view personalized suggestions";
}
#searchhintlistdiv>ul>li.popular-search-item{
    width: 100%;
    cursor: pointer;
    color: #222;
}
#searchhintlistdiv>ul>li.popular-search-item:hover{
	background: #f2f2f2;
}
li.popular-search-item a {
    color: #222 !important;
    padding-left:25px;
}
.personalizedelivery.personalizedorder div {
    display: inline-block;
}
.highlight{
	color: #59b5d7;
}
#personlizedblock .personalizedorder {
	padding-top: 5px;
}
.personalizedorder .imgupload, .personalizedorder .personalmsg {
	width: 50%;
	float: left;
}
.personalizedorder .imgupload {
	padding-right: 5px;
}
.personalizedorder .personalmsg textarea{
	width: 95%;
    height: 70px;
    color: rgb(84, 84, 84);
    cursor: default;
    background-color: rgb(235, 235, 228);
}
.personalizedorder .imgupload img {
	height: 70px;
	width: 100%;
}
.clear-both {
	clear: both;
}
.orderaddress .personalizedelivery span {
	color: #59b5d7;
}
/*------------------------------------------------footer content*/
main article {
    padding-top: 4px;
    padding-bottom: 50px;
}
#morelinks>h3, main h2, .categorydescp h2 {
    font-size: 18.8px;
    color: #59b5d7;
}
main article h2 {
    margin-bottom: 35px;
    font-weight: 300;
}
main p {
    font-size: 13px;
    color: #242424;
    line-height: 16px;
    margin-bottom: 15px;
    text-align: justify;
}
main a {
    color: #31afac;
    text-decoration: none;
}
/*--------------------------------------------------Footer*/
#footerline1, #footerline2 {
    border-bottom: 1px solid #fff;
}
footer h6 {
    text-transform: uppercase;
    font-weight: 500;
    font-size: 12px;
    margin-bottom: 16px;
}
#subscribeform>input {
    font-weight: 300;
    padding: 10.5px 6.67px 6.67px 39.64px;
    background: url(/assets/images/simpee-footer-sprite.png) -210px 10px no-repeat;
    background-color: #fff;
    border: 1px solid #a3a5a6;
    border-right-width: 0;
    width: 186px;
    display: inline-block;
    min-height: 37px;
    margin: 0;
}
#subscribeform>button {
    border-radius: 0;
    font-size: .9rem;
    text-transform: uppercase;
    cursor: pointer;
    background: #f37c15;
    color: #f9f9f9;
    border: 1px solid #da7532;
    padding: 0 16px;
    display: inline-block;
    height: 37px;
    vertical-align: middle;
    width: auto;
    margin: 0px -4px 0px;
    font-weight: 400;
}
#socialtoolbar>img {
    width: 164px;
    height: 30px;
    background: url(/assets/images/simpee-footer-sprite.png) 0 0 no-repeat;
}
#securetransactions>img {
    width: 241px;
    height: 62px;
    background: url(/assets/images/simpee-footer-sprite.png) 0 -42px no-repeat;
}
#socialtoolbar, #securetransactions {
    border-left: 1px solid #fff;
}
#footerline2, #footerline3 {
    text-align: center;
    padding: 32px 0;
}
#footerline3 {
    padding-bottom: 16px;
}
#morelinks>li>a {
    color: #666;
    font-size: 12px;
    margin: 4px;
}
#morelinks>li:after {
    content: "|";
}
#copyright {
    font-size: 12px;
    margin-top:10px;
}
span.error, small.error {
    display: block;
    font-size: .75rem;
    font-style: italic;
    font-weight: normal;
    margin-bottom: 1rem;
    padding: .375rem .5625rem .5625rem;
    background: #f04124;
    color: #fff;
}
/*-------------new loader used in cart and login*/
.input-loader{
    width: 20px;
    height: 20px;
    position: absolute;
    right: 0;
    top: 73%;
    margin:-16px 0 0 -16px;
    border: 2px rgba(0,0,0,0.25) solid;
    border-top: 2px #00994f solid;
    border-radius: 50%;
    -webkit-animation: spCircRot .6s infinite linear;
    animation: spCircRot .6s infinite linear;
    display: none;
}
@-webkit-keyframes spCircRot {
	from { -webkit-transform: rotate(0deg); }
	to { -webkit-transform: rotate(359deg); }
}
@keyframes spCircRot {
	from { transform: rotate(0deg); }
	to { transform: rotate(359deg); }
}
/*---------------------------------------max-width of header media quires*/
@media only screen and (max-width: 1600px){
	.header-wrapper{
		padding: 0 35px;
	}
}
@media only screen and (max-width: 1042px){
    #searchform{
        padding-left:12px;
    }
    #searchhintlistdiv{
        left: 211px;
    }
    .top_banners li{
	    padding: 5px;
	    margin-bottom: 20px;
    }
	.banner-text{
		display: none;
	}
	#plp_heading{
		width: 100%;
		margin-bottom: 20px;
		text-align: center;
	}
}
@media(max-width:1280px){ 
	.circle{ 
		margin: 16px 0px 0px 3px;
	}
	.customer-full-name{
	   padding-right: 0px;
	}
	.review{
	   min-width: 329px;
	}
	.each-review .review {
       min-width: 261px;
    }
}
/*---------------------------alert message generic css*/
.alert-box.alert,.alert-box {
	position:absolute;
    font-weight: 300;
    font-size: 15px;
    padding: 12PX;
    color:#fff;
    background: #db3638;
    border-color: #db3638;
}
.alert-box.alert.alert-bottom::after {
	content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-bottom: solid 10px #db3638;
    border-top: solid 10px transparent;
    border-right: solid 10px transparent;
    border-left: solid 10px transparent;
}
.alert-box.alert.alert-right::after, .alert-box.alert-right::after {
	content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-left: solid 10px transparent;
   	border-right: solid 10px #db3638;
    border-bottom: solid 10px transparent;
    border-top: solid 10px transparent;
}
.alert-box.alert.alert-top:after {
	top: 28px;
	left: 10px;
	border-top: solid 10px #db3638;
	border-bottom: solid 10px transparent;
	border-right: solid 10px transparent;
}
#subscribeform .alert-box.alert.alert-bottom {
    width: 210px;
    z-index: 10;
    position: absolute;
    left: 26px;
    text-align: left;
    background: #db3638;
    border-color: #db3638;
}
#subscribeform .alert-box.alert.alert-bottom::after{
	top: -20px;
	left: 12px;
}
.form-grid {
    text-align: left;
}
p#searchhintlistlabel {
    margin: 0.0rem 0;
}
ul#searchhintlist {
    padding: 0px 0 0;
}
#topbarcontainer .right-filters{
	left: inherit !important;
}
#fnpsearch {
    float: left;
}

#info-toolbar {
    text-align: right;
}

#fnpsearch {
    font-family: roboto;
}

.info-item::after {
    right: -8px;
}

#searchform {
    padding: 14px 0 12px 22px;
}

#fnpsearch {
    border-radius: 4px 0 0 4px;
}

#fnplogo {
    margin-left: -15px;
}
#info-toolbar li#language-option {
    text-align: right;
}
#guest-li #login-link {
    width: 45px;
    float: right;
}
@import url(https://fonts.googleapis.com/css?family=Roboto+Slab:300);

body { margin:0 auto; padding:0px;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,  a, abbr, acronym, address, big, cite, code,  del, dfn, em, img, ins, 
kbd, q, s, samp,  small, strike, strong, sub, sup, tt, var,  b, u, i, center,  dl, dt, dd, ol, ul, li,  fieldset, form, label, legend,  table, caption, tbody, tfoot, 
thead, tr, th, td,  article, aside, canvas, details, embed,  figure, figcaption, footer, header, hgroup,  menu, nav, output, ruby, section, summary,  
time, mark, audio, video {font-family: 'Roboto'; word-wrap:break-word; -webkit-text-size-adjust:100%;}
ol, ul {
    list-style: outside none none;
	margin:0;
	padding:0;
}
main p, main blockquote {
    color: #656565;
    line-height: 22px;
    margin: 0.5rem 0;
}

strong{font-weight:400;}
a { display:inline-block; text-decoration:none; }
.content-design { width:100%; margin: 2% auto; padding:0px; float:left; font-family: 'Roboto'; font-weight:300;}

.content-design p { font-family:font-family: 'Roboto'; font-weight:300; font-size:1em; margin-bottom:15px; text-align:justify; color:#242424; line-height:25px; }
.content-design h4 { color:#31AFAC; font-family:font-family: 'Roboto'; font-weight:400; font-size:1.3em;}
.content-design ul { margin:0px; padding:0px;}
.content-design ul li { margin:0 0 10px; padding:0 0 0 20px; background:url(../images/bulets-icon.png) no-repeat left 0px; color:#242424; font-family:font-family: 'Roboto'; font-weight:300; font-size:1em;}
.content-design ol li { list-style:decimal !important;  margin:0 15px 10px; padding:0 0 0 20px; color:#242424; font-family:font-family: 'Roboto'; font-weight:300; font-size:1em;}
.content-design ul li ul li { list-style:circle !important; background:none !important; margin-top:10px !important; }
.content-design ul li:hover {  background:url(../images/bulets-icon-hover.png) no-repeat left 0px;}
.left-astrology { width:100%; margin: 2% auto; padding:0px; float:left;}
.left-astrology img { float:left; margin-right:20px; background:#dcdada; padding:5px;}
.right-astrology { width:100%; margin: 2% auto; padding:0px; float:left;}
.right-astrology img { float:right; margin-left:20px; background:#dcdada; padding:5px;}
.content-design h6 {color:#d62863; margin:10px 0; font-size:1.1em; font-family: 'Roboto Slab', serif; font-weight:300;}
.content-design span {
    color: #d9366d;
    font-size: 1.4em !important;
    margin-bottom: 10px;
}


.table-content{ border-collapse:collapse;color:#333; margin:10px 0;}
.table-content tr:nth-child(even){background:#CCC}
.table-content tr{background:#ebeaea}
.table-content tr td{padding:2px 3px;border:1px solid #fff;}
.table-content tr th{background:#666;font-weight:bold;padding:5px;color:#fff;border:1px solid #fff;text-align:center;}

.fnpteam { margin:15px 0; width:100%; float:left; padding:0px; }
.fnpteam img { float:left; margin-right:20px;}
.fnpteam h6 {color:#59b5d7; margin:10px 0; font-size:1.3em; font-family: 'Roboto'; font-weight:300;}
.fnpteam p { font-size:1em; line-height:1.6em; margin-bottom:20px; color:#101010; text-align:justify;}


.careers-content-right .partner{ background:#da5281 !important; margin:0px; padding:13px 26px; color:#fff; border-radius:5px 5px 0 0;}
.careers-content { float:left; margin:0px auto; padding:0px; width:100%; }
.careers-content h4 { color: #59b5d7; font-size: 1.5em; margin: 10px 0; margin:10px 0; font-family: 'Roboto slab'; font-weight:300;}
.careers-content h5 { color: #DA5281; font-size: 1.1em; margin:20px 0 !important; font-family: 'Roboto'; font-weight:300;}
.careers-content h6 { color: #DA5281; font-size: 1.1em; margin:20px 0 !important; font-family: 'Roboto'; font-weight:300;}
.careers-content-right { margin:0px; padding:0px; float:left; width:70%; overflow: hidden; }
.careers-content-right p {color:#333; /*font-size:16px; */margin-bottom:10px; line-height:25px;}
.careers-content-right p strong{font-weight:400;}
.careers-content-right ul { margin:0px; padding:0px;}
.careers-content-right ul li { color:#333; /*font-size:16px;*/  padding-left:20px; margin-bottom:20px; background:url(../images/bulets-icon.png) no-repeat left 5px; line-height:20px;}
.careers-content-right .partner-logo{padding:10px;}
.careers-content-right a{color:#59b5d7;}
.careers-content-left { margin:0px; padding:0px; float:left; width:25%; background:#eefdfd; margin-right:4%;}
.careers-content-left h4 { background:#da5281; margin:0px; padding:13px 26px; color:#fff; border-radius:5px 5px 0 0;}
.careers-content-left ul { margin:0px; padding:0px;}
.careers-content-left ul li { padding:10px; border-bottom:solid 1px #c2fdfd; color:#2b9797; cursor:pointer;}
.careers-content-left ul li a{color:#2b9797 !important;}

.more-plush { font-size:15px; float:right; margin-right:20px; color:#DA5281; cursor:pointer;}
.careers-content-left li.active { color:#da5281 !important;}
.mainsubtitle{color: #454545;font-family: "roboto slab"; font-size: 2.1875em; font-weight: 200; padding: 0 0 10px; text-align: center;}
.helplist{width:100%;}
.helplist li{width:30%; float:left; background:none !important;}

.helplist li#phone::before {
    background-position: 19px -101px;
}
.helplist li#email::before {
    background-position: -103px -100px;
}
.helplist li#faq{width:30%; padding-top:0;}
.helplist li#faq::before {
    background-position: -165px -99px;
    margin-right: 0;
}
.helplist li h6 {
    color: #40405e;
    font-size: 26px;
    font-weight: 100;
}
.helplist a {
    color: #78c4dc;
    font-size: 1.28em;
}
.helplist li::before {
    background: rgba(0, 0, 0, 0) url("/assets/images/iconSpriteBg.png") no-repeat scroll 0 0;
    content: "";
    float: left;
    height: 53px;
    margin-right: 16px;
    width: 60px;
}
.query-form{
	width:100%;
	float:left;
	text-align:center;
	padding-top:20px;
}
.query-form form{
	width:60%;
	display:inline-block;
}
.query-form input[type="text"], .query-form textarea, .query-form select{
	width:100%;
	margin-bottom:15px;
}
.query-form input[type="submit"]{
	display:block;
	border-radius:0;font-size: 1.5em;font-weight: 400; margin-top: 20px;padding: 9px 0;width: 92%; background:#f97d00; text-align:center; color:#fff; max-width:200px;
}
li#faq{
	padding-left:60px;
}
.content-news h4{
	margin-bottom:20px;
}
h2.subtitle {
    color: #222;
    font-size: 20px;
    font-weight: 300;
    margin-top: -10px;
    text-align: center;
}
.content-news li {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
    display: inline-block;
    margin: 2% 1%;
    padding-left: 0 !important;
    text-align: center;
    vertical-align: top;
    width: 22%;
}
.content-news li img{
	width:100% !important;
	height:190px;
	min-width:175px;
}
.partner-content{
	float:left;
	width:65%;
}
.thums{
	float:right;
	width:32%;
}
.thums img{
	width:100%;
}
.careers-content-left ul li{
	position:relative;
}
.careers-content-left ul li .inner-link{
	display:none;
}
.careers-content-left ul li .inner-link a {
    border-bottom: 1px solid #c2fdfd;
    color: #2b9797 !important;
    cursor: pointer;
    padding: 8px 0;
	display:block;
	font-size:12px;
}
.careers-content-left ul li .inner-link a:last-child{
	border-bottom:none;
} 
/*.careers-content-left ul li:first-child .inner-link,.test{
	display:block;
}*/

.careers-content-left ul li:before {
    background: #333 none repeat scroll 0 0;
    content: "";
    height: 2px;
    position: absolute;
    right: 10px;
    top: 20px;
    width: 10px;
}
.careers-content-left ul li.active:after{
	transform:rotate(0deg);
}
.careers-content-left ul li:after {
    background: #333 none repeat scroll 0 0;
    content: "";
    height: 2px;
    position: absolute;
    right: 10px;
    top: 20px;
    width: 10px;
	transform:rotate(90deg);
	transition:all ease-in-out 0.3s;
}
.careers-content-left .terms-use li{
	padding:7px 10px;
}
.careers-content-left ul li ul li:before, .careers-content-left ul li ul li:after, .careers-content-left.partner-programes ul li:after, .careers-content-left.partner-programes ul li:before, .careers-content-left.coupons-list ul li:before, .careers-content-left.coupons-list ul li:after,
.careers-content-left .terms-use li:before, .careers-content-left .terms-use li:after
{
	display:none;
}
.content-news {
    float: left;
    width: 100%;
	max-height:500px;
	overflow:auto;
}
.terms-conditions li {
    float: left;
    margin: 0 0 10px !important;
    text-align: left;
    width: 100%;
	padding:0 0 0 20px !important;
}
.cards, .cash{
    border: 1px solid #ccc;
    float: left;
    margin-bottom: 20px;
    width: 100%;
}
.cards h4, .cash h4{
	text-align:center;
}
.cards li{
	float:left;
	width:50% !important;
	margin:0 !important;
	text-align:left !important;
	padding:5px !important;
	border-top:1px solid #ccc;
	background:none !important;
}
.cards li:nth-child(2n+2){
	border-left:1px solid #ccc;
}
.cash li{
	display:table-cell;
	vertical-align:top;	
	width:20%;
	border-right:1px solid #ccc;
}
.cash li:last-child{
	border:none;
}
.cash h4{
	font-size:18px;
}
.cash li ul li{
	float:left;
	width:100%;
	text-align:left;
	font-size:12px;
	padding:5px !important;
	border-top:1px solid #ccc;
	border-right:none;
	margin:0 !important;	
}
.cash li ul li:last-child{
	border-top:1px solid #ccc;
}
.cash li ul li.branch{
	min-height:92px;
}
.top {
    bottom: 50px;
    display: none;
    position: fixed;
    right: 30px;
}
.top a {
    border: 1px solid #ccc;
    border-radius: 50%;
    color: #333;
    display: block;
    padding: 13px 15px;
    transition: all 0.3s ease-in-out 0s;
}
.top a:hover {
    background: #333 none repeat scroll 0 0;
    color: #fff;
}
/*testimonials*/
.main-content{
	width:100%;
	float:left;
}
.content{
	display:block;
	width:100%;
	padding:10px;
	margin-bottom:20px;
	border:1px solid #ccc;
	position:relative;
	float:left;
}
.month{
	float:left;
	width:100%;
}
.month h2{
	font-weight:300;
	margin-bottom:10px;
	margin-top:20px;
}
.content p{
	margin-bottom:20px;
}
.Years {
    border: 1px solid #333;
    float: left;
    margin: 10px 0 !important;
    padding: 2px 5px !important;
    position: relative;
}
.Years li{
	background:none !important;
	padding:0 10px 0 0 !important;
	margin:0 !important;
	font-size:20px !important;
	position:relative !important;
}

.Years li::after {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #333;
    content: "";
    height: 0;
    position: absolute;
    right: 0;
    top: 10px;
    width: 0;
}
.Years li:hover ul{
	display:block;
}
.Years ul {
    background: #fff none repeat scroll 0 0 !important;
    border: 1px solid #ccc;
    display: none;
    left: -6px;
    position: absolute;
    top: 26px;
    width: 120%;
    z-index: 2;
	list-style:none !important;
}
.Years ul li{
	padding:2px 5px !important;
	list-style:none !important;
}
.Years ul li:after{
	display:none;
}
.Years ul li a{
	display:block;
	color:#333;
}
.Years ul li a:hover{
	color:#59b5d7;
}

.months {
    border: 1px solid #333;
    float: right;
    font-size: 20px;
    margin-bottom: 20px;
    padding: 2px 5px;
    position: relative;
}
.months li:hover ul{
	display:block;
}
.months ul {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ccc;
    display: none;
    left: -1px;
    position: absolute;
    top: 28px;
    width: 101.5%;
}
.months ul li{
	padding:2px 5px;
}
.months ul li a{
	display:block;
	color:#333;
}
.user-block {
    border-radius: 10px;
    float: left;
    margin: 0 0 10px;
    width: 100%;
}
.user-block-right {
    border-radius: 5px;
    float: right;
    width: 100%;
}
.review-date {
    color: #393939;
    float: right;
    font-size: 10px;
    margin: 2px 10px;
}
.user-block-left {
    float: left;
    width: 20%;
}
.user-block-left span {
    color: #51a2e4;
    display: block;
    font-size: 16px !important;
    margin: 0;
    text-align: left;
}
.tail {
    background: rgba(0, 0, 0, 0) url("http://corporate.fnp.com/fnptest/images/spTestimonial_15052015.png") repeat scroll 0 0;
    height: 22px;
    margin: 25px 0 0 35px;
    width: 42px;
}
.user-content {
    background: #ecfeff none repeat scroll 0 0;
    border-radius: 10px;
    float: right;
    margin: 0 auto;
    padding: 0;
    width: 100%;
}
.user-content p {
    color: #414141 !important;
    font-size: 1em !important;
    margin: 0.5em 0;
    padding: 10px !important;
}


.test-name{
	padding-top:30px;
}
.top{
	position:fixed;
	bottom:50px;
	right:30px;	
	display:none;
	z-index:99999;
}
.top a{
	color:#333;
	display:block;
	padding:13px 15px;
	border-radius:50%;
	border:1px solid #ccc;
	transition:all ease-in-out 0.3s;
}
.top a:hover{
	color:#fff;
	background:#333;
}
.submit-test{
	width:60px !important;
}
/*our-team-css*/
.our-team{
	width:100%;
	margin-top:100px;
	font-family: 'Roboto';
	margin-bottom:20px;
}
.our-team h1 {
    color: #7ac4df;
    display: block;
    float: left;
    font-size: 40px;
    font-weight: 300;
    margin: 0 0 30px;
    text-align: center;
    width: 100%;
}
h1::before, h1::after {
    background: rgba(0, 0, 0, 0) url("/assets/css/../images/iconSpriteBg.png") no-repeat scroll -10px -542px;
    content: "";
    display: inline-block;
    height: 1px;
    vertical-align: middle;
    width: 137px;
}
h1::after {
    background-position: -144px -542px;
}
.our-team ul.medium-block-grid-5 {
    margin-left: 0px;
    margin-right: 0px;
}
.our-team li{
	padding:30px 25px 20px;
	width:31.65%;
	margin-bottom:2.5%;
	transition:all ease-in-out 0.3s;
	-webkit-transition:all ease-in-out 0.3s;
	-moz-transition:all ease-in-out 0.3s;
	-o-transition:all ease-in-out 0.3s;
	-ms-transition:all ease-in-out 0.3s;
	background:#eff0f1;
	margin-right:2.5%;
	/*max-height:700px;
	min-height:700px;*/
	overflow:hidden;
}
.our-team li a.show-more{
	text-align:right;
	display:block;
}
.our-team li:hover a.show-more{
	font-weight:400;
	color:#fff;
}
.our-team li .hide-content{
	display:none;
}
.our-team li:nth-child(3n+3){
	float:right;
	margin-right:0;
}
.our-team .img-section{
	width:100%;
	text-align:center;
	margin-bottom:30px;
}
.our-team .img-section img{
	border-radius:50%;
	border:10px solid #fff;
}
.our-team .content-section {
    max-height: 430px;
	min-height:430px;
    overflow: hidden;
    width: 100%;
}
.our-team .content-section h2{
	font-size:20px;
	text-align:center;
	font-weight:400;
	line-height:40px;
	margin-bottom:0;
	transition:all ease-in-out 0.3s;
	-webkit-transition:all ease-in-out 0.3s;
	-moz-transition:all ease-in-out 0.3s;
	-o-transition:all ease-in-out 0.3s;
	-ms-transition:all ease-in-out 0.3s;
}
.our-team .content-section h4{
	font-size:18px;
	text-align:center;
	font-weight:200;
	margin-bottom:20px;
	transition:all ease-in-out 0.3s;
	-webkit-transition:all ease-in-out 0.3s;
	-moz-transition:all ease-in-out 0.3s;
	-o-transition:all ease-in-out 0.3s;
	-ms-transition:all ease-in-out 0.3s;
}
.our-team .content-section p{
	font-size:14px;
	text-align:left;
	font-weight:300;
	line-height:24px;
	transition:all ease-in-out 0.3s;
	-webkit-transition:all ease-in-out 0.3s;
	-moz-transition:all ease-in-out 0.3s;
	-o-transition:all ease-in-out 0.3s;
	-ms-transition:all ease-in-out 0.3s;
}
.our-team .content-section p strong{
	font-weight:400;
}
.our-team li:hover{
	background:#7ac4df;
}
.our-team li:hover h2, .our-team li:hover h4{
	color:#166784;
}
.our-team li:hover p{
	color:#fff;
}
.our-team .medium-block-grid-5 > li:nth-of-type(5n+1) {
	clear:none !important;
}
.content-section.pop-content .hide-content {
    background: #fff none repeat scroll 0 0;
    display: block;
    left: 20%;
    position: fixed;
    right: 20%;
    top: 20%;
    z-index: 99999;
	padding:10px;
}
.content-section.pop-content .hide-content .img-section{
	float:left;
	width:25%;
}
.content-section.pop-content .hide-content .img-section img{
	border-radius:0;
}
.content-section.pop-content .hide-content .content-section{
	float:right;
	width:74%;
	max-height:350px;
	overflow:auto;
}
.content-section.pop-content .hide-content .content-section h2,
.content-section.pop-content .hide-content .content-section h4{
	text-align:left;
}
.our-team li:hover .hide-content p{
	color:#353737 !important;
}
.close {
    background: #000 none repeat scroll 0 0;
    border-radius: 50%;
    color: #fff;
    font-family: arial;
    font-weight: bold;
    height: 30px;
    padding-top: 7px;
    position: absolute;
    right: -10px;
    text-align: center;
    top: -10px;
    width: 30px;
}
.transparent-bg {
    background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
    bottom: 0;
    height: 100%;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99999;
	display:none;
}
.transparent-bg.show-bg{
	display:block;
}
.hidden-cont{
	display:none;
}
.mCSB_container.block .hidden-cont{
	display:block !important;
}
/*scroller*/
.content-section.scroll {
    max-height: 350px;
    overflow: auto;
}
/*scroller*/
/*flower-meaning*/
/**/

.flower-content { float:left; margin:0; padding:0px; width:100%;}
.flower-blog { margin:0 22%; padding:0px; width:56%;}



/**/
ul.tabs {
margin: 0;
padding: 0;
float: left;
list-style: none;
height: 32px;
border-bottom: 1px solid #fff;
border-left: 1px solid #fff;
width: 100%;
}

ul.tabs li {
float: left;
margin: 0;
cursor: pointer;
padding: 4px 14px ;

border: 1px solid #fff;
border-left: none;
font-weight: bold;
background: #fff;
font-family:font-family: 'Roboto'; font-weight:300;
font-size:1.5em;
overflow: hidden;
position: relative;
                }

ul.tabs li:hover {
background: #fff;
                }             

ul.tabs li.active{
 background: #f7ebeb;
border-bottom: 1px solid #f7ebeb;

                }

.tab_container-all {
 border: 1px solid #fff;
border-top: none;
clear: both;
float: left;
width:99.8%;
background: #f7ebeb;

 }

.tab_content {
padding: 10px;
font-size: 1.2em;
display: none;
}

#container-all {
width:100%;
margin:0px 0;
padding:18px 0px;
float:left
}



#container-all img { float:right; margin:15px 0;}

#container-all .light-gray { width:100%; float:left; background:#f2f2f2; border-radius:3px;}
#container-all .gray {  width:100%; float:left;  background:#D9D9D9; border-radius:3px;}

#container-all .name { color:#005193; padding:10px; margin-top:10px; margin-bottom:0px;}


/*
 * jQuery Nivo Slider v3.2
 * http://nivo.dev7studios.com
 *
 * Copyright 2012, Dev7studios
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 */
 
/* The Nivo Slider styles */
.nivoSlider {
	position:relative;
	width:100%;
	height:auto;
	overflow: hidden;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
	max-width: none;
}
.nivo-main-image {
	display: block !important;
	position: relative !important; 
	width: 100% !important;
}

/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:6;
	display:none;
	background:white; 
	filter:alpha(opacity=0); 
	opacity:0;
}
/* The slices and boxes in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
	top:0;
}
.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
	overflow:hidden;
}
.nivo-box img { display:block; }

/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	width:100%;
	z-index:8;
	padding: 5px 10px;
	opacity: 0.8;
	overflow: hidden;
	display: none;
	-moz-opacity: 0.8;
	filter:alpha(opacity=8);
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:9;
	cursor:pointer;
	font-size:2.5em;
	padding:0 8px;
	color:#fff;
}
.nivo-directionNav a:hover { color:#31AFAC !important;}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav {
	text-align:center;
	padding: 15px 0;
}
.nivo-controlNav a {
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}

.theme-default .nivoSlider {
	position:relative;
	background:#fff url(loading.gif) no-repeat 50% 50%;
    margin-bottom:10px;
    -webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
    -moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
    box-shadow: 0px 1px 5px 0px #4a4a4a;
}
.theme-default .nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
.theme-default .nivoSlider a {
	border:0;
	display:block;
}

.theme-default .nivo-controlNav {
	text-align: center;
	padding: 20px 0;
}
.theme-default .nivo-controlNav a {
	display:inline-block;
	width:22px;
	height:22px;
	background:url(bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin: 0 2px;
}
.theme-default .nivo-controlNav a.active {
	background-position:0 -22px;
}

.theme-default .nivo-directionNav a {
	display:block;
	width:30px;
	height:30px;
	background:
	url(../images/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
	opacity: 0;
	-webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}
.theme-default:hover .nivo-directionNav a { opacity: 1; }
.theme-default a.nivo-nextNav {
	background-position:-30px 0;
	right:15px;
}
.theme-default a.nivo-prevNav {
	left:15px;
}

.theme-default .nivo-caption {
    font-family: Helvetica, Arial, sans-serif;
}
.theme-default .nivo-caption a {
    color:#fff;
    border-bottom:1px dotted #fff;
}
.theme-default .nivo-caption a:hover {
    color:#fff;
}

.theme-default .nivo-controlNav.nivo-thumbs-enabled {
	width: 100%;
}
.theme-default .nivo-controlNav.nivo-thumbs-enabled a {
	width: auto;
	height: auto;
	background: none;
	margin-bottom: 5px;
}
.theme-default .nivo-controlNav.nivo-thumbs-enabled img {
	display: block;
	width: 120px;
	height: auto;
}

.flower-blog span { cursor:pointer;}
/*search by flowet*/
.taber-blog { float:left; margin:20px; width:100%;}
#w {
  display: block;
  width: 100%;
  margin: 0 auto;
  background: none;
  height:350px;
  overflow-y:scroll;
  }


#content {
  display: block;
  background: #fff;
  padding: 0px 15px;
 
}


.contentblock {
  display: block;
  padding: 10px 20px;
  width:75%;
  float:right;
}

.contentblock.hidden {
  display: none;
}

/* side navigation */
#sidemenu {
  margin: 0;
  padding: 0;
  width: 20%;
  float: left;
  background: #e8e8e8;
  border-right: 1px solid #c9c9c9;
}


#sidemenu li { display: block; text-align: center; border-top: 1px solid #fff; font-size: 1.1em; }

#sidemenu li a { 
  display: block;
  padding: 6px 2px;
  color: #555;
  text-decoration: none;
  border-bottom: 1px solid #d1d1d1;

}
#sidemenu li a:hover {
  background: #f2f2f2;
}

#sidemenu li a{ 
  display: block;
 
}

#sidemenu li a.open {
  width: 100%;
  background: #fff;
}

/*Deals*/
.offers-content {
    border: 1px solid #d4d4d4;
    border-radius: 3px;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
    float: left;
    font-weight: 300;
    margin-bottom: 20px;
    padding: 0;
    width: 100%;
}
.Coupons-display {
    border-right: 1px solid #d4d4d4;
    float: left;
    font-weight: 300;
    margin-right: 10px;
    min-height: 120px;
    padding: 15px 0 0;
    width: 23%;
}
.Coupons-display p {
    color: #656565;
    font-weight: 300;
    margin: 0;
    text-align: center;
}
.Coupons-display h3 {
    color: #5e9436;
    font-size: 25px;
    font-weight: normal;
    line-height: 34px;
    margin: 0;
    padding: 10px 0;
    text-align: center;
    text-transform: uppercase;
}
.Coupons-Content {
    float: left;
    font-size: 18px;
    font-weight: bold;
    width: 50%;
}
.Coupons-Content h4 {
    color: #333;
    font-size: 18px;
    font-weight: 400;
    margin: 0;
    padding: 15px 0;
}
.Coupons-Content p {
    color: #656565;
    font-size: 14px;
    font-weight: normal;
    margin: 0 0 10px;
}
.btn-deals {
    background-color: #fff;
    border-radius: 2px;
    color: #1e52a4;
    cursor: pointer;
    display: inline;
    font-size: 12px;
    text-decoration: none;
    text-transform: capitalize;
    transition: background-color 1s ease 0s;
}
.button-popup {
    float: right;
    margin: 37px 20px;
    padding: 0;
    width: 19%;
}
.button-popup input[type="button"] {
    background: #f97d00 none repeat scroll 0 0;
    border: medium none;
    color: #fff;
    font-size: 14px;
    padding: 8px;
	font-weight:400;
}
.modal-box {
    width: 50%;
}
.modal-box {
    background: #fff none repeat scroll 0 0 padding-box;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    display: none;
    position: fixed;
    width: 50%;
    z-index: 9999;
	top:25% !important;
	left:25%;
}
.careers-content-right a {
    color: #59b5d7;
}
.modal-box a.close {
    color: #fff;
    font-size: 1.5em;
    line-height: 1;
    position: absolute;
    right: 2%;
    text-decoration: none;
    top: 5%;
	padding-top:3px;
}
.btn-deals-small {
    color: #333;
    float: right;
    font-size: 0.8em;
    padding: 0.75em 1em;
}
.modal-box .modal-body {
    padding: 2em 1.5em;
}
.modal-body ul {
    margin: 0;
    padding: 0;
}
.modal-body h3 {
    color: #d62863;
    font-size: 18px;
    padding: 10px 0;
}
.modal-body ul li {
    font-weight: normal;
    list-style: outside none disc !important;
    margin-bottom: 15px;
    margin-left: 25px !important;
	background:none;
}
.light-bg{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.5);
	z-index:99;
	display:none;
}
.careers-content-left li.active a{
	color: #da5281;
}
.careers-content-left li:hover  a{
    color: #da5281;
}

/*fnp-stores*/
.wrapper{float:left; width:100%; padding:0 3%;}
.fullWidth{float: left; width:100%;}
.breadcrumb{float: left; width: 100%; padding: 13px 0;}
.breadcrumb a{font-size: 18px; color: #000; float: left;}
.breadcrumb span{float: left; font-size: 23px; color: #000; line-height: 13px; margin: 4px 9px;}
.breadcrumb p{color: #59b5d7; font-size: 18px; margin: 0; float: left; line-height: inherit;}
.breadcrumb .sortBy{float:right; width: auto;}
.breadcrumb .sortBy p{font-size: 16px; color: #494646; margin:8px 10px 0 0; float: left;}
.breadcrumb .sortBy .selectType{float: left; border: 1px solid #e0e0e0; width: 160px; overflow: hidden; background:url(images/selectDrop.png) 95% 11px no-repeat;}
.breadcrumb .sortBy .selectType select {padding: 4px 9px; width: 110%; border: 1px solid #fff;; box-shadow: none; background: transparent; background-image: none;appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; -webkit-appearance: none;}
.franchise-left, .franchise-left .services{
	float:left;
	width:49%;
}
.franchise-left .img-section, .franchise-left .requirement, .franchise-left .Products-Services, .franchise-left .avenues{
	float:left;
	width:100%;
	margin-bottom:10px;
}
.franchise-left .img-section img{
	width:100%;
}
.franchise-left .services span {
    font-size: 1em !important;
    font-weight: 400;
}
.franchise-right{
	float:right;
	width:49%;
}
.franchise-right .form-section{
	float:left;
	width:100%;
}
.franchise-right .form-section .right-franchise {
    border: 2px solid #59b5d7;
    float: left;
    padding: 1% 4%;
    width: 100%;
	text-align:center;
}
.franchise-right .form-section .right-franchise p, .franchise-right .form-section .right-franchise h2{
	text-align:center;
	color:#d62863;
	font-weight:100;
}
.franchise-right .form-section .right-franchise .address_book_row_form{
	float:left;
	width:100%;
	margin-bottom:10px;
}
.franchise-right .form-section .right-franchise label{
	float:left;
	width:30%;
	text-align:left;
	font-weight:100;
}
.franchise-right .form-section .right-franchise input, .franchise-right .form-section .right-franchise textarea{
	float:right;
	width:70%;
}
.franchise-right .form-section .right-franchise textarea{
	height:70px;
}
.franchise-right .form-section .right-franchise input[type="submit"]{
	width:30%;
	float:left;
	margin-bottom:0;
}
.faqs{
	float:left;
	width:100%;
	margin-bottom:20px;
}
.faqs ul {
	margin:0 !important;
}
.faqs li {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
    float: left;
    padding: 0 !important;
    width: 100%;
	margin:0 !important;
}
.faqs li span {
    border: 1px solid #ccc;
    display: block;
    font-size: 1em !important;
    padding: 10px;
	position:relative;
	cursor:pointer;
	border-bottom:none;
}

.faqs li span.active, .faqs li:last-child span{
	border-bottom:1px solid #ccc;
}
.faqs li span:before{
	position:absolute;
	content:"";
	width:10px;
	height:2px;
	background:#d9366d;
	right:10px;
	top:25px;
}
.faqs li span:after{
	position:absolute;
	content:"";
	width:10px;
	height:2px;
	background:#d9366d;
	right:10px;
	top:25px;
	transform:rotate(90deg);
	transition: all 0.3s ease-in-out 0.3s;
}
.faqs li .faq-content{
	float:left;
	width:100%;
	display:none;
	margin-bottom:10px;
	padding:10px;
}
.faq-content a{
	color:#59b5d7;
}
.faqs li .faq-content p{
	margin:0 0 10px 0 !important;
}

.faqs li span.open-content:after{
	transform: rotate(0deg);
}
.map{
	float:left;
	width:100%;
}
.Our-Video{
	float:left;
	width:100%;
}
/*new-franchise*/
.medium-block-grid-2 > li.fernsabout{
    list-style: outside none none;
    width: 60%;
}
.medium-block-grid-2 > li.fernscontact{
    list-style: outside none none;
    width: 40%;
}
.franchiseheading {
    font-size: 1.8em;
    font-weight: 300;
    letter-spacing: 0.2px;
    margin-bottom: 20px;
}
.franchisesubheading {
    color: #59b5d7;
    font-weight: 300;
    margin-bottom: 15px;
    margin-top: 10px;
	font-size:1.8em;
}
.fernsabout ul li:before {
    background-image: url("/assets/images/liststyle.png");
    background-repeat: no-repeat;
    background-size: 8px 8px;
    content: "";
    display: inline-block;
    height: 9px;
    margin-right: 15px;
    width: 8px;
}
.fernsabout, .fernscontact {
    text-align: left !important;
}
.fernsabout ul li {
    color: #656565;
    line-height: 2rem;
}
.fernsabout p {
    font-size: 1em;
    line-height: 22px;
	color: #656565;
}
#morelinks > h3, main h2 {
    color: #59b5d7;
    font-size: 18.8px;
}
#mainbanner{
	padding:0;
	position:relative;
}
#mainbanner .banner-content{
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	text-align:center;
	padding:2% 0;
	background:rgba(0,0,0,0.5);
}
#mainbanner .banner-content h1{
	font-family: 'Roboto slab' !important;
	width:100%;
	top:0;
	position:relative;
	font-size: 3vw !important;
}
#mainbanner .banner-content h3 {
    color: #fff;
    font-family: "Roboto slab",serif !important;
    font-size: 2.2em;
    font-weight: 100;
    margin-top: 2%;
    position: relative;
    top: 0;
    width: 100%;
}
.top-tabs, .life-tabbing{
	width:100%;
	display:block;
	text-align:center;
	padding:10px 0;
	position:relative;
}
.top-tabs ul, .life-tabbing ul{
	margin:0;
	padding:0;
}
.top-tabs ul li, .life-tabbing ul li{
	display:inline-block;
	text-align:center;
	padding:5px 0px;
	margin:0 20px;
	font-size:1.8em;
	cursor:pointer;
	/*background:#ccc;*/
	color:#333;
	transition:all ease-in-out 0.3s;
	position:relative;
}
hr.bottom-border, hr.life-tabbing-bottom-border {
    background: #59b5d7 none repeat scroll 0 0;
    border: medium none;
    height: 1px;
    margin: 0;
    position: absolute;
    top: 50px;
    transition: all 0.3s ease-in-out 0s;
    width: 130px;
}
.top-tabs ul li:hover, .top-tabs ul li.active, .life-tabbing ul li.active{
	color:#59b5d7;
}
.tabbes{
	float:left;
	width:100%;
	padding:10px;
	text-align:left;
	display:none;
}
.tab-active{
	display:block;
}
.tabbes .faqs li:before{
	background:none;
	height:auto;
	display:none;
}
.mostPopularGift .heading{float: left; width: 100%; text-align: center !important; margin:20px 0 0 0; position:relative;}
.mostPopularGift .heading .back-to-retail {
    position: absolute;
    right: -30px;
    border: 1px solid #59b5d7 !important;
    color: #59b5d7 !important;
    top: 0;
    font-weight: 300;
}
.mostPopularGift .heading .back-to-retail a{padding:10px; display:block; color: #59b5d7 !important;}
.mostPopularGift .heading h1{margin: 0; display: inline-block; padding:0 1%; font-size: 34px; font-weight:100;}
.mostPopularGift .heading h1 span{color: #d62863 !important;}
.mostPopularGift .heading span.left{background:url(../images/iconSpriteBg.png) left -540px no-repeat; width:10%; height: 5px; display: inline-block;}
.mostPopularGift .heading span.right{background:url(../images/iconSpriteBg.png) -146px -540px no-repeat; width:11%; height: 5px; display: inline-block;}
.map { margin:0px; padding:0px; float:left; width:100%;}
.store-location-left { float:left; margin-right:5%; width:30%; padding:40px 0; font-family: 'Roboto'; font-weight:300;}
.store-location-left img { margin: 0 22%;}
.store-location-left h3 { color:#d62863 !important; font-family: 'Roboto';  margin:20px 0; font-size:1.4em;}
.store-location-right { float:right; width:65%;  margin:0 auto; padding:40px 0; font-family: 'Roboto'; font-weight:300;}
.location { background:url(http://corporate.fnp.com/fnptest/revvit-static/images/location.jpg) left no-repeat; padding-left:40px; margin-bottom:15px; padding-top:2px; line-height:26px; font-family: 'Roboto'; }
.call-us { background:url(http://corporate.fnp.com/fnptest/revvit-static/images/call-us.jpg) left no-repeat; padding-left:40px; padding-top:2px; line-height:32px; font-family: 'Roboto';  }

.togel-block { width:80% !important; margin:0 10% 0% 10% !important; font-family: 'Roboto'; font-weight:300;}
.togel-block ul li, .togel-block li{ width:31%; display:inline-block; border:solid 1px #b4b4b4; margin:0 1% 1% 1%;}
.togel-block ul li a, .togel-block li a{float:left; width:100%; padding:20px 0;}
.togel-block ul li h6, .togel-block li h6 {color:#59b5d7; font-size:1.4em; text-align:center; margin:0 0 15px; font-weight:300 !important;}
.togel-block ul li p, .togel-block li p { text-align:center; font-size:1.4em; color:#101010;}
#togel-block { position:relative; right:0px;  border-radius:20px; top:5px; text-align:center; color:#666; cursor:pointer;}
#togel-block-list { margin:0px; padding:0px; display:none;  width:100%; color:#000; font-family: 'Roboto'; font-weight:300; font-size:16px; text-transform:capitalize; position:relative; top:10px;}
#togel-block-list { margin:0px; padding:0px; display:none;  width:100%; color:#000; font-family: 'Roboto'; font-weight:300; font-size:16px; text-transform:capitalize; position:relative; top:10px;}
.plus { font-size:22px; vertical-align:sub;}
.minus { font-size:22px;}
h6 a { color:#59b5d7;}
.registerfrm > * {
	width:80%;
}
.cityNames #togel-block-list{
    top: 0;
}
.registerfrm span.franformtitle{font-size:1.8em;}
.registerfrm form > button[type="submit"]{margin-left:15%;}
.registerfrm {
    border: 1px solid #70caed;
    float: right;
    margin-right: 10px;
    position: relative;
    width: 84%;
}
.life-img{
	width:100%;
	display:block;
}
.life-img li{
	display:inline-block;
	width:48%;
	text-align:center;
	margin:1%;
}
.left-faq{
	float:left;
	width:24%;
}
.left-faq li{
	float:left;
	width:100%;
	margin-bottom:10px;
	font-size:15px;
	color:#666;
	font-weight:100;
	cursor:pointer;
}
.left-faq li.active{
	color:#7ac4e1;
}
.middle-faq{
	float:left;
	width:50%;
}
.right-contact{
	float:right;
	width:24%;
}
.middle-faq .faqs li .faq-content li{
	background:rgba(0, 0, 0, 0) url("http://corporate.fnp.com/fnptest/revvit-static/images/bulets-icon.png") no-repeat scroll 0 0 !important;
    color: #656565 !important;
    font-size: 1em !important;
    font-weight: 300 !important;
    margin: 0 0 10px !important;
    padding: 0 0 0 20px !important;
	line-height:20px;
}
.middle-faq .faqs li .faq-content li:hover {
    background: rgba(0, 0, 0, 0) url("http://corporate.fnp.com/fnptest/revvit-static/images/bulets-icon-hover.png") no-repeat scroll left 0 !important;
}
.middle-faq  .faqs li span:before, .middle-faq  .faqs li span:after{
	top:18px !important;
}
.right-contact h2{
	color:#7ac4e1;
	font-weight:100;
	font-size:18px;
	margin-bottom:10px;
}
.phone,.mail {
    color: #000;
    float: left;
    margin-bottom: 5px;
    padding-left: 25px;
    position: relative;
    width: 100%;
}
.mail:after {
    background: rgba(0, 0, 0, 0) url("../images/iconSpriteBg.png") no-repeat scroll -626px 0;
    content: "";
    height: 19px;
    left: 0;
    position: absolute;
    top: 0;
    width: 25px;
}
.phone:after {
    background: rgba(0, 0, 0, 0) url("../images/iconSpriteBg.png") no-repeat scroll -626px -50px;
    content: "";
    height: 19px;
    left: 0;
    position: absolute;
    top: 0;
    width: 25px;
}
.right-contact .inner{
	float:right;
	width:60%;
}

.content-news .mCSB_draggerRail{
	width:4px !important;
}
.content-news .mCSB_dragger .mCSB_dragger_bar{
	background-color: rgba(0, 0, 0, 0.75) !important;
	width:6px !important;
}
.left-testi{
	float:left;
	width:76%;
}
.right-testi{
	float:right;
	width:22%;
	border:1px solid #ccc;
	padding:10px;
}
.right-testi .trustedcompany-widget iframe{
	border:none !important;
}
.right-testi .bottom-payment{
	display:block;
	width:100%;
}
.right-testi .bottom-payment img{
	width:100%;
}
#retailoutlets {
	display:block;
    margin-top: 30px;
    padding: 10px;
    width: 100%;
}
#retailoutlets .franchiseheading{
	margin-bottom:0;
}
.life-tabbing{
	display:block;
	width:100%;
	text-align:center;
}
.life-tabbing li{
	display:inline-block;
}
.life-tabbes{
	float:left;
	width:100%;
	padding:10px;
}
.disclaimer li{
	text-align:left !important;
	display:block !important;
	width:100% !important;
	margin-top:0;
	margin-bottom:10px !important;
}
.topm{
	margin-top:100px;
}
.mandatory:before{
	left:10px !important;
	color:#000 !important;
}
.flower-section {
    display: inline-block;
    margin: 1% 0.5%;
    width: 32%;
	position:relative;
	height:200px;
	overflow:hidden;
}
.flower-section a{
	color:#ff0;
	display:block;
	text-align:right;
}
.flower-section img{
	height:100%;
}
.flower-section h2{
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	padding:5px 0;
	text-align:center;
	background:rgba(0,0,0,0.8);
	color:#fff;
	margin:0;
	font-weight:100;
	transition:all ease-in-out 0.3s;
}
.flower-section p{
	position:absolute;
	bottom:-100%;
	text-align:left !important;
	left:0;
	right:0;
	padding:10px;
	text-align:center;
	background:rgba(0,0,0,0.8);
	color:#fff;
	margin:0;
	height:100%;
	transition:all ease-in-out 0.3s;
}
.flower-section:hover h2{
	bottom:-100%;
}
.flower-section:hover p{
	bottom:0;
}
.togel-block.list-page{
	padding-top:40px;
}
.togel-block{
	position:relative;
}
.alphbets {
    left: -117px;
    position: absolute;
    top: 10px;
    width: 50px;
    z-index: 999;
}
.alphbets.stick {
    position: fixed;
    top: 100px;
    z-index: 2;
	 left: 50px;
}
.alphbets.stick.stick-bottom {
    bottom: 0 !important;
    left: -117px !important;
    position: absolute !important;
    top: auto !important;
}
.alphbets li {
    border: none !important;
    float: left !important;
    font-size: 14px;
    margin-bottom: 1px !important;
    padding: 2px 0 !important;
    text-align: center !important;
    width: 96% !important;
}
.alphbets li a{
	color:#333;
	display:block;
	padding:0 !important;
}
.alphbets li a:hover{
	color:#59b5d7;
}
.mCSB_container .news ul li{
	list-style:none !important;
	background:none !important;
	padding:0 !important;
	text-align:center !important;
}

main{
margin-top:0px !important;
}

.download.gifts{
	max-width:320px;
	text-align:center;
	padding:5px 10px;
	background:linear-gradient(to bottom, #f78828 0, #dd771f 100%);
	border: 1px solid #da7532;
	border-radius: 4px;
	text-shadow: 0 0 1px rgba(0, 0, 0, 0.33);
    margin-bottom: 25px;
    margin-top: 5px;
}

.download-gifts{
	padding-left:33px;
}
.download.gifts:hover{
	color:#fff;
	background:#f78828 !important;
}
/*.top-mar{
	padding-top:110px !important;
	position:relative;
}
.top-mar::before {
    background: #ccc none repeat scroll 0 0;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    right: 0;
    top: 92px;
}*/
/*================================<< RESPONSIVE CSS>>=======================================*/

@media only screen and (min-width:641px) and (max-width: 980px) {
	
	.right-astrology img { width:40% !important}
	.left-astrology img { width:40% !important}
	.content-design span { font-size:1em !important; margin:10px 0 !important;}
	
	}

@media (max-width: 768px){
	.our-team li {
		margin-bottom: 3.5%;
		width: 48%;
	}
	.our-team li:nth-child(3n+3){
		float:left;
		margin-right:2.5%;
	}
	.our-team li:nth-child(2n+2){
		float:right;
		margin-right:0;
	}
	.mCSB_inside > .mCSB_container{
		margin-right: 10px !important;
	}
	.mCSB_scrollTools{
		right: -7px !important;
	}
	.our-team .content-section{
		min-height: 480px;
		max-height: 480px;
	}
	.medium-block-grid-2 > li.fernsabout, .medium-block-grid-2 > li.fernscontact{
		width:100%;
	}
	
	.registerfrm{
		float:left;
		width:100%;
		margin:0 !important;
		padding:20px !important;
		text-align:center;
	}
	.registerfrm > * {
		display:inline-block;
	}
	.content-wrapper, main {
		margin: 0 !important; 
	}
	.fernsabout ul li:before {
		background-image: url("/assets/images/liststyle.png");
		background-repeat: no-repeat;
		background-size: 8px 8px;
		content: "";
		display: inline-block;
		height: 9px;
		margin-right: 15px;
		width: 8px;
		background: #59b5d7;
		border-radius: 50%;
	}
	#retailoutlets {
		display: block;
		margin-top: 30px;
		padding: 0;
		width: 100%;
		float: left;
	}
	#retailoutlets ul{
		float:left !important;
		width:100% !important;
	}
	#retailoutlets ul li{
		width:25% !important;
		float:left !important;
	}
	#retailoutlets ul li ul, #retailoutlets ul li ul li{
		width:100% !important;
		float:left !important;
		margin-left:0 !important;
	}
	.regiterfrmtitle {
		float: left;
		padding: 10px;
		width: 100%;
	}
	.inputdiv {
		margin-bottom: 20px;
	}
	#countryselect{
		display:none !important;
	}
.registerfrm form > button[type="submit"] {
    margin-left: 0%;
    background: #f97d00;
    border-color: #f97d00 !important;
    padding: 10px 20px;
    color: #fff;
}
h1::before, h1::after {
	display:none !important;
}
#mainbanner .banner-content h1 {
    color: #fff;
    font-family: "Roboto slab",serif !important;
    font-size: 25px;
    position: relative;
    top: 0;
    width: 100%;
}
#mainbanner .banner-content h3{
	font-size:20px;
}
	
}
@media only screen and (max-width:640px) {
	
	.right-astrology img { width:96% !important; display:block; margin:0px !important;}
	.left-astrology img { width:96% !important; display:block; margin:0px !important;}
	.content-design span { font-size:1em !important; margin:10px 0 !important;}
	.content-design p { font-size:1em !important;}
	.row.uncollapse > .column, .row.uncollapse > .columns, .row .row.uncollapse > .column, .row .row.uncollapse > .columns  {
		padding-left:20px !important;	
		padding-right:20px !important;
		
		}
		body,table,td,p,a,li,blockquote {
-webkit-text-size-adjust:none !important;

}
table {width: 100% !important; border-collapse:collapse;}
table.deviceWidth + p.MsoNormal,
table.deviceWidth + div.MsoNormal
                {

font-size:0 !important;
                }
	
	.top-tabs ul li, .life-tabbing ul li{
		font-size:1.5em;
	}
	.medium-block-grid-2 > li.fernsabout .tabbes ul{
		margin:0 !important;
	}
	.fernsabout ul li:before {			
			margin-right: 5px;			
		}
	}
	
	@media (max-width: 480px){
	.our-team li {
		width: 100%;
		margin-right:0;
		margin-bottom:5%;
	}
	.our-team ul.medium-block-grid-5 {
		margin-left: 20px;
		margin-right: 20px;
	}
	.top-tabs ul li, .life-tabbing ul li {
    font-size: 14px !important;
	margin:0 10px !important;
}
#retailoutlets ul li {
    float: left !important;
    width: 50% !important;
}
.bottom-border{
	display:none !important;
}
#mainbanner .banner-content h1 {
    color: #fff;
    font-family: "Roboto",serif !important;
    font-size: 20px;
    position: relative;
    top: -5px;
    width: 100%;
}
#mainbanner .banner-content h3 {
    font-size: 14px;
	top:-10px;
}
}
@media (max-width: 360px){
	.our-team h1{
		font-size:26px;
	}
	h1::before, h1::after{
		width:90px;
	}
	h1::after {
		background-position: -190px -542px;
	}
	.row.uncollapse > .column, .row.uncollapse > .columns, .row .row.uncollapse > .column, .row .row.uncollapse > .columns{
		padding:0 0.4em;
	}
	.top-tabs ul li, .life-tabbing ul li {
    font-size: 12px !important;
    margin: 0 5px !important;
}


.registerfrm span.franformtitle {
    font-size: 1.5em;
}
.tabbes{
	padding:0 10px !important;
}
.franchisesubheading{
	margin-top:0 !important;
}
}
/* for retatilStore product listing */
.cityNames {
 margin-top: 30px;
 
}
.centerAlign{
 text-align : center;
}

.showMore {
 text-align : center;
}
.showMore>span{
 padding-top: 20px;
}

@media only screen and (max-width: 360px){
.togel-block li {
    margin: 0 0 1%;
    width: 100%;
}
.storeFlowers, .storeCakes, .storeGifts{
    margin-bottom: 35px;
}

#oder-no::placeholder, #email::placeholder{
    font-weight: 400;
    color: #636262;
}

.gift-btn a.btn{
	font-weight: 300;
}

}

.left-section .main-cat p a, .left-section .content-area p a{color:#2379d0 !important;}

[an error occurred while processing this directive]
/****  Common css across all pages:END *****/