body {
	font:normal 14px/24px 'Montserrat', sans-serif !important;
	background:#eee;
	color:#515151;
	padding:0;
	margin:0;
}
header, footer, nav {
    display: block;
    clear: both;
}
body.NF #homeBanner img{
     display: block;
     width:675px;
     height:350px;
}
img {
    display: block;
    width: 100%;
    border: 0;
}
table {width:100%;}
h1 {
    margin-bottom:15px;
    line-height:30px;
    font-size:180%;
}
#Title h1 {
    font: 400 50px/65px 'Montserrat',sans-serif;
    text-transform: capitalize;
    padding: 0 10px 2px 2px;
    display: block;
    color: #666;
    margin-bottom: 5px;
}
#Title {
    background: #fff0;
    border-bottom: 1px solid #ccc;
    margin: 5px 0 15px 0;
}

.SameDayBanner {
    font: 'montserrat',sans-serif;
    margin: -15px 0 10px 12px;
    display: none;
}

#MainBannerBounder .BannerSpaceProduction:after,
.clearFix:after {
	display:table;
	content:"";
	clear:both;
}
.LogonError .alert-box:before, #registerBox .formContent,
#topRibbon .ShoppingBasket .dropBox, .catNavigate:empty,
body:not(.NJ) .divisionOfNf, body.NJ #divNewExperiment,
body:not(.Home) #CutOffTimeLeftBox, .alert-box:empty,
body.NJ .samedayClock .TimeLeft > span,
.hideMe {display:none;}
.normal {font-weight:normal;}
.bold {font-weight:600;}
.italic {font-style:italic;}
.underline {text-decoration:underline;}
.floatLeft {float:left;}
.floatRight {float:right;}

/* Ajax Loader Styling - Start */
.loaderMask {
  display:none;
  background:rgba(100,100,100,.5);
  position:fixed;
  z-index:100000;
  height:1800px;
  width:100%;
  left:0;
  top:0;
}
.loader {
  background:#fff url(https://cdn.netflorist.co.za/layout/images/loader.gif) no-repeat center center;
  margin-left:-40px;
  margin-top:-40px;
  position:fixed;
  height:80px;
  width:80px;
  left:50%;
  top:50%;
  border-radius: 8px;
  z-index: 100001;
}
/* Ajax Loader Styling -  End  */

#mainContainer footer .staticText, #mainContainer footer .staticText *, #mainContainer .right-section_kbnew .TermsAndConditions *,
#mainContainer .right-section_kbnew .ProductDescriptionContainer *, #mainContainer .right-section_kbnew #bottom-section-kbnew *,
#mainContainer .right-section_kbnew #UpsellController *, #mainContainer .left-section_kbnew *,
#mainContainer .myAccountPages [id$=PanelResults] * {font-family:Calibri, Arial, Sans-Serif;}
#mainContainer .headRibbon, #mainContainer .LeftNavigation * {
    font-family: montserrat,sans-serif;
}
body:not(.Home) #mainContainer .catNavigate * {font-family:Verdana, Geneva, sans-serif;}
#mainContainer .right-section_kbnew *, #mainContainer *, #mainContainer #uploadImagePopup * {font-family:'Montserrat',sans-serif;}

#mainContainer {
    position:absolute;
    width:100%;
    top:150px;
    left:0;
}
#mainContainer a[href]:not(.underline):hover {text-decoration:underline;}
#topRibbon .msbFoot div > a:hover,
#mainContainer #homeBanner a:hover,
#mainContainer ul.socialStrip a:hover,
#mainContainer a[href]:not(.underline),
#mainContainer #NWSSignupSuccess:hover,
#mainContainer .menuL1 > li > a[href]:hover,
#mainContainer .tabs-similarPrd a[href]:hover,
#mainContainer .tile a[href]:not(.underline):hover,
#mainContainer .select-box .select-expanded > .option:hover {text-decoration:none;}
.siteWidth {
	margin:0 auto;
	width:1000px;
}
header .siteWidth {
	margin:0 auto;
	width:1260px;
}
div#mainNav .siteWidth {
    width: 1260px;
    margin: auto;
}
.mainSprite {position:relative;}
    .mainSprite:before, #topRibbon .mainSprite > label:before,
    .contact .call:before, .contact .email:before,
    .help .call:before, .help .email:before {
        background: url(https://cdn.netflorist.co.za/layout/images/home_sprite.png) no-repeat -10px -7px;
        position: absolute;
        display: block;
        height: 30px;
        width: 30px;
    }
    .mainSprite.contact label:before {
        background: url(https://cdn.netflorist.co.za/layout/images/2019_desktop_home-spr01.png) no-repeat -10px -7px !important;
    }
    .mainSprite.ShoppingBasket label:before {
        background: url(https://cdn.netflorist.co.za/layout/images/2019_desktop_home-spr01.png) no-repeat -42px -7px !important;
    }
    .mainSprite.signIn label:before {
        background: url(https://cdn.netflorist.co.za/layout/images/2019_desktop_home-spr01.png) no-repeat -75px -7px !important;
    }
    .mainSprite.ShoppingBasket {
        float: right !important;
    }
    .mainSprite.signIn {
        float: right !important;
        margin-left: 40px !important;
    }
    .mainSprite.currency {
        margin-left: 11px!important;
    }
    .mainSprite.contact {
        margin-left: 48px !important;
    }
.dropBox.currs .option {
    width: 200px!important;
}#topRibbon {
	font:normal 100%/30px 'Montserrat', Arial, Helvetica, sans-serif;
	background:#80a6ad;
	position:fixed;
	z-index:9998;
	color:#fff;
	width:100%;
	left:0;
	top:0;
}
#topRibbon .blue {background:#58b;}
#topRibbon .green {background:#8a6;}
#topRibbon .callCentreToolbar:before {
    background:inherit;
    position:absolute;
    display:block;
    height:100%;
    width:200%;
    content:"";
    left:-50%;
}
#topRibbon .mainSprite {
	box-sizing:border-box;
	text-align:center;
	position:relative;
	height:30px;
	z-index:100;
	float:left;
}
.mainSprite > label,
#topRibbon .signIn > a {
	display:inline-block;
	position:relative;
	font-weight:bold;
	cursor:pointer;
	font-size:80%;
}
#topRibbon .signIn > a {
    color:#fff;
    padding:0;
}
#topRibbon .mainSprite.adminMenu > a {
	padding-left:25px;
	color:#fff;
}
#topRibbon .mainSprite.country, #topRibbon .mainSprite.adminMenu {text-align:left;}
#topRibbon .mainSprite > label {top:-1px;}
#topRibbon .mainSprite:not(.country):not(.adminMenu):not(.currency) label:before {content:"";left:0;top:0;}
/*#topRibbon .contact label:before {background-position:-481px -60px;}*/
/*#topRibbon .ShoppingBasket label:before {background-position:-510px -60px;}*/
/*#topRibbon .signIn label:before {background-position:-540px -60px;}*/
#topRibbon .mainSprite.signIn {text-align:right;}
/*#topRibbon .mainSprite.signIn:hover .userMenuContent {display:block;}*/
#topRibbon .mainSprite.signIn:not([style]),
#topRibbon .mainSprite.endCall {float:right;}
.signIn .row {position:relative;}
.signIn .row .alert-box {
    position: absolute;
    min-width: 290px;
    left: -300px;
    margin: 0;
    top: 0;
    height: 27px;
    line-height: 26px;
}
.signIn .row .error:before {
    border-left-color: #ed3863;
    border-top-color: transparent;
}

.signIn .row .alert-box:before {
    left: auto;
    right: -20px;
    top: 2px;
    height: 0;
}
.dropBox {
	box-sizing:border-box;
	position:absolute;
	line-height:24px;
	background:#fff;
	text-align:left;
    font-size:95%;
	overflow:auto;
	color:#58595b;
	padding:5px 0;
	display:none;
	width:100%;
	box-shadow:1px 0 5px rgba(100,100,100,0.5);
}
.dropBox.currs{
    margin: 0px 3px 4px 30px;
}
.menuContent.dropBox {padding:0;width: 200px;}
.signIn .dropBox {overflow:visible;}
#topRibbon .dropBox .head {
	background:#80a6ad;
	text-align:center;
	line-height:26px;
	font-weight:600;
	padding:0 10px;
    font-size:95%;
	color:#fff;
}
#registerBox .head {cursor:pointer;}
#topRibbon .country label,#topRibbon .currency label,
#topRibbon .contact label {padding-right:7px;}
#topRibbon .mainSprite:not(.country):not(.adminMenu):not(#myFavourite) > label {padding-left:32px;}
#topRibbon .country label:after,
#topRibbon .contact label:after,
#topRibbon .currency label:after
 {
    position: absolute;
    display: block;
    content: "";
    background: url(https://cdn.netflorist.co.za/layout/images/2019_desktop_home-spr01.png) no-repeat -105px -25px !important;
    width: 20px;
    height: 15px;
    right: -13px;
    top: 11px;
}
header .track label:after {font-size:85%;}
#topRibbon .country .dropBox {
	max-height:180px;
	text-align:left;
	font-size:80%;
}
#topRibbon .contact .dropBox {
	padding-right:10px;
	padding-left:10px;
	text-align:center;
    width:220px;
}
#topRibbon .contact .bold {
	margin:5px auto;
	font-size:120%;
}
#topRibbon .callCentreHours {
    font-size: 85%;
    line-height: 19px;
    color: #ababab;
}
#topRibbon .signIn .dropBox:not(.userMenuContent) {
	padding:10px;
	width:250px;
	right:0;
}
#topRibbon .callCentreToolbar .signIn label + .dropBox {width:170px;}
.bottomLine {
    border-bottom:1px solid #939598;
    padding-bottom:5px;
    margin-bottom:5px;
}
#topRibbon a {
	padding:0 10px;
	color:#5d5f61;
}
#topRibbon .contact a {
	color:#80a6ad;
	padding:0;
}
#topRibbon a:not(.underline),
#topRibbon .country a:hover,
a.underline:hover {text-decoration:none;}
#topRibbon .country a:hover {background:#f5f5f5;}
#topRibbon .solid a.underline {display:inline-block;}
#topRibbon .solid a {
	display:table;
	margin:auto;
}
#topRibbon .callCentreToolbar .solid a {display:block;}
#topRibbon .callCentreToolbar .contact .solid a {display: inline-block;}
#topRibbon .list a {display:block;}
#topRibbon .row:not(.hasRegBtn) {
    margin-bottom:10px;
    font-size:95%;
}
#topRibbon .hasRegBtn input[type=checkbox] {
	margin:1px 5px 20px 0;
	float:left;
}
#topRibbon .row.hasGoBtn {margin-bottom:5px;}
#topRibbon .formContent {margin-top:10px;}
#topRibbon .formContent select,
#topRibbon .formContent input:not([type=checkbox]) {
	font:normal 90%/24px 'Montserrat', Arial, Helvetica, sans-serif;
	border:1px solid #5d5f61;
	box-sizing:border-box;
	display:block;
	padding:0;
	margin:0;
}
#topRibbon .formContent input[type=text] {font-family:Arial, sans-serif;}
#topRibbon .formContent input[type=button] {
    border-color:#80a6ab;
	background:#80a6ad;
	font-weight:600;
    color:#fff;
}
#topRibbon .formContent select,
#topRibbon .formContent input[type=text],
#topRibbon .formContent input[type=password] {
	min-height:26px;
	padding:0 6px;
	width:100%;
}
#topRibbon .hasRegBtn {position:relative;}
#topRibbon .hasRegBtn > label {
	line-height:120%;
	font-size:68%;
	color:#939598;
	float:left;
	width:65%;
}
#topRibbon .hasRegBtn label + input {
	cursor:pointer;
	float:right;
	width:30%;
}
#topRibbon .hasGoBtn input[type=password] {
	float:left;
	width:77%;
}
#topRibbon .hasGoBtn input:not([type=password]) {
	cursor:pointer;
	float:right;
	color:#fff;
	width:20%;
}

/* Mini Shopping Basket - Start */
#topRibbon .ShoppingBasket label {padding:0 28px 0 0;}
#topRibbon .ShoppingBasket label:after {
    font:bold 11px/20px Arial, Helvetica, sans-serif;
    content:attr(data-basket-count);
    position:absolute;
    text-align:center;
	border-radius:50%;
	background:#fff;
    color:#80a6ad;
    display:block;
    height:20px;
    width:20px;
    top:4px;
    right:0;
}
#topRibbon .miniShopBasket {
	padding:0 15px 15px 15px;
	box-sizing:border-box;
	text-transform:none;
    background:#fff;
    cursor:default;
	width:300px;
	color:#555;
	left:-65px;
    border:0;
    top:auto;
}
.ShoppingBasket .miniShopBasket:after, .ShoppingBasket .miniShopBasket:before {display:none;}
.miniShopBasket > div:not(.prdMinList) {margin-right:0;}
.miniShopBasket .btnRemove {
	font:bold 17px/16px Tahoma, Geneva, sans-serif;
	text-align:center;
	position:absolute;
	background:none;
	cursor:pointer;
	color:#e44e64;
	height:16px;
	width:16px;
	right:-4px;
	outline:0;
	padding:0;
	border:0;
    top:1px;
}
.miniShopBasket .btnRemove:hover, .tabs-content .Thumb:hover {opacity:0.9;}
#topRibbon  .msbHead {font:normal 18px/50px Arial, Helvetica, sans-serif;}
#topRibbon  .msbHead .floatLeft {text-shadow:0 0 1px #ccc;}
#topRibbon  .prdMinList {
	max-height:280px;
    overflow-x:hidden;
	overflow-y:auto;
	margin-right:-10px;
    padding-right:10px;
}
#topRibbon  .msbProduct, #topRibbon  .msbUpsell {
	position:relative;
	clear:both;
}
#topRibbon  .prdMinList > .msbProduct:first-child {margin-top:0;}
#topRibbon  .msbProduct {
    border-bottom:1px solid #aaa;
    padding-bottom:12px;
    margin-top:12px;
}
#topRibbon  .msbProduct > div:not(.msbUpsell),
#topRibbon  .msbUpsell > div {
	font:normal 14px/20px Arial, Helvetica, sans-serif;
	white-space:normal;
	margin-left:39%;
    padding-right:3%;
	max-width:65%;
}
#topRibbon  .msbProduct > div.prdName {
	font-weight:bold;
	font-size:15px;
}
#topRibbon  .msbUpsell {margin-top:15px;}
#topRibbon  .msbProduct > img {
    max-width:94px;
    height:120px;
}
#topRibbon  .msbUpsell > img {
    margin:0 0 0 28px;
    height:65px;
    width:65px;
}
#topRibbon  .msbFoot {margin-top:15px;}
#topRibbon  .msbFoot div {min-width:47%;}
#topRibbon .msbFoot div > a {
    text-transform:uppercase;
    border:1px solid #80a6ad;
    box-sizing:border-box;
    text-align:center;
    line-height:20px;
    font-size:16px;
    cursor:pointer;
    display:block;
    padding:10px;
    width:100%;
}
#topRibbon .msbFoot div > a:hover {opacity:0.9;}
#topRibbon  .msbFoot .floatLeft > a {color:#80a6ad;}
#topRibbon  .msbFoot .floatRight > a {
    background:#80a6ad;
    color:#fff;
    text-shadow:0 0 1px #fff;
}
/* Mini Shopping Basket -  End  */

/* Custom scrollbars for topRibbon's dropBox & prdMinList - Start */
.ui-menu::-webkit-scrollbar,
#mainNav .menuL2::-webkit-scrollbar,
#topRibbon .dropBox::-webkit-scrollbar,
#topRibbon .prdMinList::-webkit-scrollbar {width:4px;}
.ui-menu::-webkit-scrollbar-thumb,
#mainNav .menuL2::-webkit-scrollbar-thumb,
#topRibbon .dropBox::-webkit-scrollbar-thumb,
#topRibbon .prdMinList::-webkit-scrollbar-thumb,
body:not(.NJ) .ui-menu::-webkit-scrollbar-thumb {
    box-shadow:inset 0 0 5px rgba(128,166,173,0.8);
	background:rgba(128,166,173,0.8);
    border-radius:5px;
}
.ui-menu::-webkit-scrollbar-track,
#mainNav .menuL2::-webkit-scrollbar-track,
#topRibbon .dropBox::-webkit-scrollbar-track,
#topRibbon .prdMinList::-webkit-scrollbar-track {
    box-shadow:inset 0 0 3px rgba(0,0,0,0.4);
    border-radius:5px;
}
/* Custom scrollbars for topRibbon's dropBox -  End  */

header, #mainNav {
    background:#fff;
    position:fixed;
    z-index:1000;
    width:100%;
    top:110px;
    left:0;
    padding-bottom: 3px;
}
header {
    padding:15px 0;
    z-index:1001;
    top:30px;
}
header .mainSprite {
	box-sizing:border-box;
	position:relative;
	/*width:200px;*/
	z-index:100;
	float:left;
}
header .floatRight > .mainSprite {margin-left:10px;}
header .logo {
	background:url(https://cdn.netflorist.co.za/layout/images/2019_NF_logos.png) no-repeat -10px -8px;
	width:350px;
}
header .mainSprite form {
    position:relative;
    width:100%;
}
header .siteSearch {margin-top:10px;}
header .track {
	text-align:right;
	padding-top:5px;
	position:relative;
    background-color:#eeeeee;
    height:40px;
    margin-top:10px;
    margin-left: 46px!important;
    border-radius:3px;
    transition: background-color .3s ease-in-out;
    -moz-transition: background-color .3s ease-in-out;
    -webkit-transition: background-color .3s ease-in-out;
    -o-transition: background-color .3s ease-in-out;
}
header .track:hover {
    background-color: #dadada;
    }
header .siteSearch input[type=submit],
header .logo a {text-indent:-1000px;}
header .logo a {
	display:block;
	height:50px;
}
header .floatRight input {
	border:1px solid #eee;
	box-sizing:border-box;
	display:block;
	height:40px;
	width:100%;
	padding:0;
	margin:0;
    background-color: #fff;
    border-radius:3px;
}
header .floatRight input[type=text] {
	padding:0 15% 0 7%;
	background:#fff;
	color:#487077;
}
header .floatRight .trackOrder form {
	border:0;
	margin:0;
}
header .floatRight .trackOrder input[type=text] {
	border:2px solid #80a6ad;
	font-weight:normal;
	padding-right:20%;
	width:100%;
}
header .floatRight input[type=submit] {
	font:bold 80% 'Montserrat', arial, sans-serif;
	position:absolute;
	cursor:pointer;
	height:40px;
	width:38px;
	right:1px;
	z-index:1;
	top:1px;
}
header .siteSearch input[type=submit] {
    background:#eeeeee url(https://cdn.netflorist.co.za/layout/images/2019_desktop_home-spr01.png) no-repeat -65px -41px; 
    zoom: 95%;
    transition: background .3s ease-in-out;
    -moz-transition: background .3s ease-in-out;
    -webkit-transition: background .3s ease-in-out;
    -o-transition: background .3s ease-in-out;
}
header .siteSearch input[type=submit]:hover {
    background:#dadada url(https://cdn.netflorist.co.za/layout/images/2019_desktop_home-spr01.png) no-repeat -65px -41px;
}
header .track:before {
	background: url(https://cdn.netflorist.co.za/layout/images/2019_desktop_home-spr01.png) no-repeat -107px -44px;
	height:40px;
	content:"";
	width:45px;
	left:15px;
    top:1px;
}
header .track input[type=submit] {width:20%;}
header .track label {
    font:500 100%/30px "Montserrat",sans-serif !important;
	padding:0 22px 10px 72px;
    color:#80a6ad;
}
header .track .dropBox {
	padding:10px;
	top:50px;
	margin:0;
	left:0;
    min-width:230px;
}
/* New header changes for layout 1260px*/
header .floatRight .siteSearch input[type=text] {
    width: 547px !important;
    padding: 0 7% 0 3%;
}

header .floatRight {
    width: 805px;
}

header .mainSprite.siteSearch {
    width: 547px;
}

header .floatRight .siteSearch input[type=submit] {
    right: 0 !important;
    top: 0;
    height: 42px;
}

header .floatRight input[type=text]:focus {
    outline: none;
}
div#topRibbon .siteWidth {
    width: 1260px;
    margin: auto;
}
/*end*/

.googleImgBlock {
    position: absolute;
    top: 30px;
    left: 5px;
}
.googleImgBlock2 {
    position: absolute;
    top: 30px;
    left: 0px;
}
/* Sameday Clock Formatting - Start */
.samedayClock {
	background:#80a6ad;
	position:absolute;
	height:128px;
	left:5px;
	font-size:0;
	z-index:1;
	width:70px;
	color:#fff;
	top:159px;	
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
}
    /*.samedayClock:before,
.samedayClock .TimeLeft:before {
	background:#80a6ad;
	position:absolute;
	display:block;
	height:24px;
	content:"";
	right:-8px;
	width:7px;
	top:0
}*/
.samedayClock:after {
	border-bottom:22px solid transparent;
	border-right:35px solid #80a6ad !important;
	border-left:35px solid #80a6ad !important;
	position:absolute;
	display:block;
	bottom:-22px;
	content:"";
}
.samedayClock .TimeLeft {
	background:url(https://cdn.netflorist.co.za/layout/images/2019_desktop_home-spr01.png) no-repeat -2px -40px !important;
	background-size:50px 50px;
	display:inline-block;
	position:relative;
	min-height:50px;
	width:100%;
}
.samedayClock .TimeLeft:before {
	border-bottom:24px solid transparent;
	border-right:13px solid #fff;
	right:-20px;
	top:-7px;
	height:0;
	width:0;
}
.samedayClock .TimeLeft span {
	line-height:normal;
	position:relative;
	text-align:center;
	font-size:8pt;
	top:60px;
}
.samedayClock .TimeLeft .Time {
	text-align:right;
	font-weight:500;
	font-size:12pt;
	height:18px;
	float:left;
	width:38px;
    padding-top:2px;
}
.samedayClock .TimeLeft .Words {
	font-weight:600;
	text-align:left;
	float:right;
	width:24px;
	top:63px;
    line-height: 21px;
    margin-right: 2px;
}
.samedayClock .TimeLeft .leftFor {
	box-sizing:border-box;
	padding-left:2px;
	font-weight:600;
	display:block;
	clear:both;
	width:100%;
    line-height: 14px;
}
.samedayClock .TimeLeft .CutOffCaption {
	display:inline-block;
	font-weight:600;
	line-height:10pt;
	width:100%;
	left:0;
}
/* Sameday Clock Formatting -  End  */

/* New Main Navigation Menu Formatting - Start */
#mainNav .siteWidth, nav {position:relative;}
nav {
	line-height:normal;
	text-align:center;
	background:#fff;
	height:24px;
}
ul.menuL1, ul.menuL1 ul {
	font:normal 90%/24px 'Montserrat', sans-serif;
    display:inline-block;
    list-style:none;
    text-align:left;
	padding:0;
    margin:0;
}
ul.menuL1:after, ul.menuL1 ul:after {
	display:table;
	clear:both;
	content:"";
}
ul.menuL1 > li {
	color:#939598;
	float:left;
}
ul.menuL1 a {
    text-decoration:none;
    display:block;
    color:#5a5a5c;
    padding:0;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
}
body:not(.NF) ul.menuL1 > li:first-child > a {color: #80a6ad;}
body:not(.NJ) ul.menuL1 > li:first-child > a {
    color: #fff;
    background-color: #ed365c;
    padding: 1px 3px;
}

ul.menuL1 > li > a {
	text-transform:uppercase;
	text-align:center;
	font-weight:600;
	color:#939598;
	padding:0;
}

#mainContainer ul.menuL1 ul a:hover,
#mainContainer footer .staticText a:hover,
#mainContainer footer .footerNav li:hover,
#mainContainer ul.menuL1 .menuL2 .thirdLevelNav:hover {text-decoration:underline;}

ul.menuL1 > li:hover,
ul.menuL1 > li:hover > a,
ul.menuL1 > li > a:hover,
ul.menuL1 > li.active,
ul.menuL1 > li.active > a {color:#80a6ad;}/*#e44e64*/

ul.menuL1 > li > .menuL2 {
	box-sizing:content-box;
	position:absolute;
	background:#fff;
	padding:5px 0;
	display:none;
	width:100%;
	z-index:2;
	top:24px;
	left:0;
	box-shadow: 0 5px 15px -4px #000;
}
ul.menuL1 > li.active > .menuL2 {display:block;}
ul.menuL1 > li > div.menuL2 {
	box-sizing:border-box;
	max-height:450px;
    font-size:100%;
	padding:5px 0;
	overflow:auto;
	width:100%;
	margin:0;
}
ul.menuL1 > li > div.menuL2 > ul.menuCol {
	padding:0 1%;
	width:20%;
	margin:0;
}
ul.menuL1 > li > div.menuL2 > ul.menuCol:not(:first-child)::before {
    border-left:1px solid #ccc;
	position:absolute;
	margin-left:-15px;
	display:block;
	height:94%;
	content:"";
	width:0;
	top:3%;
}
/*ul.menuL1 > li > div.menuL2 > ul.menuCol:first-child {margin:0;}*/

ul.menuL1 > li > .menuL2 > ul.menuCol,
ul.menuL1 > li > .menuL2 > ul.menuCol > li > a {background:#fff;}
ul.menuL1 > li > .menuL2 > ul.menuCol,
ul.menuL1 > li > .menuL2 > li,
ul.menuL1 .menuL2 .thirdLevelNav {
	box-sizing:border-box;
	line-height:30px;
    font-size:105%;
	color:#111;
	margin:0 1%;
	float:left;
	width:23%;
}
ul.menuL1 .menuL2 li ul.menuL3 {
	font-weight:normal;
	background:#fff;
	width:100%;
}

ul.menuL1 .menuL2 li ul.menuL3 > li > a {
	padding:0 0 0 10px;
	color:#5d5f61;/*#939598;*/
}


    ul.menuL1 .menuL2 li ul.menuL3 > li > a {
        padding: 0 0 0 10px;
        color: #5d5f61;
    }


.shopAllCategoryLink {
    font-weight: bold !important;
    font-size: 10pt !important;
}

    ul.menuL1 .menuL2 li ul.menuL3 > li > a {
        padding: 0 0 0 10px;
        color: #5d5f61;
    }

ul.menuL1 .menuL2 .thirdLevelNav {
	cursor:pointer;
	color:#E44E64;
	float:right;
}

ul.menuL1 > li > .menuL2 li,
ul.menuL1 > li > .menuL2 a {
	font-weight:normal;
	font-size:100%;
    line-height:21px;
}

ul.menuL1 > li.active > ul.menuL2 {
    position:absolute;
    width:200px;
    left:0px;
    top:24px;
}
ul.menuL1 > li.active > ul.menuL2 > li,
ul.menuL1 ul.menuL2 .thirdLevelNav {
    padding:0 10px;
    float:none;
    width:100%;
    margin:0;
}
ul.menuL1 li:last-child ul.menuL2 {
    right:0;
    left:auto;
}
ul.menuL1 div.menuL2.twoCols {
	position:absolute;
	width:430px;
	left:0;
}
ul.menuL1 div.menuL2.threeCols {
	position:absolute;
	width:100% !important;
	left:0;
}

.hasProductImg .shopAllCategoryLink {
    text-align: center;
}
ul.menuL1 div.menuL2.fourCols {
	position:absolute;
	width:100%;
	left:0;

}
ul.menuL1 div.menuL2.twoCols .thirdLevelNav,
ul.menuL1 div.menuL2.twoCols > ul.menuCol {
	padding:0 3%;
	width:50%;
}/*margin:0 1%;*/
ul.menuL1 div.menuL2.threeCols .thirdLevelNav,
ul.menuL1 div.menuL2.threeCols > ul.menuCol {
	padding:0 2%;
	width:33.3%;
} /*margin:0 1%;*/
ul.menuL1 div.menuL2.fourCols .thirdLevelNav,
ul.menuL1 div.menuL2.fourCols > ul.menuCol {
	padding:0 2%;
	width:25%;
}

ul.hasProductImg {padding-right:0;}
ul.hasProductImg + .thirdLevelNav {text-align:center;}
ul.menuCol > li.ProductBox {
	text-align:center;
	margin:0 auto;
	width:160px;
}
ul.menuCol > li.ProductBox .ProductHead {font-weight:bold;}
ul.menuCol > li.ProductBox a.ProductImage {height:auto;}
ul.menuCol > li.ProductBox .ProductName,
ul.menuCol > li.ProductBox .ProductPrice {font-style:italic;}
ul.menuL1 > li > .menuL2 a.hasMenuL3 {
    font-weight:600;
    color:#80a6ad;
}
/* New Main Navigation Menu Formatting -  End  */

/* Main Banner Formating - Start */
body.NF #homeBanner{float:left;} .findMyGift {margin-bottom:15px;}#homeBanner{margin-bottom:15px;}
#homeBanner > div, #homeBanner > .floatLeft a, #homeBanner > .RightText a, #homeBanner > .LeftText a, #homeBanner .BannerSlidesContainer, #homeBanner .slides_control, #MainContainer img {height:350px;}
#homeBanner > div {width:50%; box-sizing: border-box;}
#homeBanner > .floatLeft {
	/*text-align:center;*/
	color:#fff;
}
#homeBanner > .floatLeft a {
	font:normal 100%/24px 'Montserrat', sans-serif; 
	padding:24% 17.25% 0 17.25%;
	box-sizing:border-box;
	background:#e5beb9;
	display:block;
	color:#fff;
}
#homeBanner > .RightText {
	/*text-align:center;*/
	color:#fff;
    float:left;
}
#homeBanner > .RightText a {
	font:normal 100%/24px 'Montserrat', sans-serif; 
	padding:24% 17.25% 0 17.25%;
	box-sizing:border-box;
	background:#e5beb9;
	display:block;
	color:#fff;
}
#homeBanner > .LeftText {
	/*text-align:center;*/
	color:#fff;
    float: right;
    border-left:2px solid #fff;
}
#homeBanner > .LeftText a {
	font:normal 100%/24px 'Montserrat', sans-serif; 
	padding:24% 17.25% 0 17.25%;
	box-sizing:border-box;
	background:#e5beb9;
	display:block;
	color:#fff;
}
#homeBanner h1, #homeBanner h2, #homeBanner h3 {display:block;margin:0;}
#homeBanner h1 {
	text-transform:uppercase;
	line-height:48pt;
	font-size:36pt;
}
#homeBanner h2 {
	text-transform:uppercase;
	font-weight:normal;
	line-height:36pt;
	font-size:36pt;
}
#homeBanner h3 {
	line-height:12pt;
	margin-top:25px;
	font-size:12pt;
}
#MainContainer {position:relative;}
#MainContainer > a:visited,
#MainContainer > a {
	background:rgba(255,255,255,0.3);
	position:absolute;
	text-indent:100px;
	overflow:hidden;
	cursor:pointer;
	height:100px;
	width:40px;
	z-index:10;
	top:150px;
}
#MainContainer > a:hover {background:rgba(255,255,255,0.5);}
#MainContainer > a:before {
	font:300 24px 'quicksand', sans-serif;
	text-align:center;
	position:absolute;
	line-height:40px;
	text-indent:0;
	display:block;
	content:"<";
	height:40px;
	width:100%;
	color:#fff;
	top:30px;
	text-shadow:0 0 2px #fff;
}
#MainContainer > a.next {right:0;}
#MainContainer > a.next:before {content:">";}
#MainContainer img {display:inline-block;}
/* Main Banner Formating -  End  */

/* Three Tiles - Start */
.threeTiles {margin-bottom:15px;}
.tile {
	box-sizing:border-box;
	background:#edeff0;
	text-align:center;
	max-height:314px;
	margin-left:1.5%;
	font-size:105%;
	padding:10px 0;
	color:#80a6ad;
	width:32.3%;
	float:left;
}
.homeTiles .tile:hover {opacity:0.9;}
.tile > a {
	display:block;
	border:0;
}
.homeTiles .fourTileBox {
	margin-left:1.5%;
	width:32.3%;
	float:left;
}
.threeTiles > .tile:nth-child(3n+1),
.homeTiles .fourTileBox:nth-child(3n+1) {margin-left:0;}
.threeTiles a {color:#80a6ad;}
.threeTiles .safe {
	text-transform:uppercase;
	font-weight:700;
	line-height:40px;
	padding:20px 0;
}
footer .join {
	text-transform:uppercase;
	background:#80a6ad;
	font-size:95%;
	color:#fff;
}
.threeTiles .help {line-height:20px;}
.join .head {
	margin-bottom:11px;
	line-height:36px;
	font-weight:600;
	font-size:250%;
}
.join .head i {
	font-weight:normal;
	font-style:normal;
}
.join .content {
	margin-bottom:12px;
	line-height:20px;
}
.join .boxForm {
	position:relative;
	padding:0 20px;
}
.join .boxForm input[type=text] {
	box-sizing:border-box;
	padding:0 50px 0 10px;
	background:#fff;
	font-size:90%;
	color:#5d5f61;
	display:block;
	height:30px;
	width:100%;
	outline:0;
	border:0;
}
.join .boxForm a {
	background:url(https://cdn.netflorist.co.za/layout/images/home_sprite.png) no-repeat -304px -60px;
	box-sizing:border-box;
	position:absolute;
	text-indent:200%;
	overflow:hidden;
	cursor:pointer;
	height:30px;
    width:40px;
    right:20px;
	padding:0;
    top:0;
}
.help .call, .help .email, .contact .call, .contact .email {position:relative;}
.help .call:before, .help .email:before, .contact .call:before, .contact .email:before {
	background-position:-245px -36px;
	height:20px;
	width:20px;
	content:"";
	left:30%;
	top:0;
}
.help .call:before, .contact .call:before {
	background-position:-275px -36px;
	left:33%;
}
.contact .call:before, .contact .email:before {
	left:16%;
	top:2px;
}
.contact .call:before {left:22%;}
/* Three Tiles -  End  */

/* Homepage Tiles - Start */
.homeTiles .tile {
	background:#fff;
	padding:0;
}
.fourTileBox .tile {
	margin-left:5%;
	width:47.5%;
}
.fourTileBox .tile:nth-child(2n+1) {margin-left:0;}
.fourTileBox .tile:nth-child(4n+1),
.fourTileBox .tile:nth-child(4n+2) {margin-bottom:15px;}
.fourTileBox .tile:nth-child(4n) img, .fourTileBox .tile:nth-child(4n+2) img,.fourTileBox .tile:nth-child(2n+1) img{
    height:173px;
}
#threee img{height:361px!important;}
.homeTiles .tileImg {position:relative;}
.homeTiles .prdTag {
	text-transform:uppercase;
	background:#80a6ad;
	position:absolute;
	line-height:50px;
	width:115px;
	color:#fff;
}
.homeTiles .best {font-size:110%;}
.homeTiles .new {font-size:150%;}
.homeTiles .tileContent {
	/*padding:20px 0 15px 0;*/
	color:#fff;
    position:relative;
    width:100%;
}
.fourTileBox .tileContent {
    /*text-transform: uppercase;
    font: 500 16px 'Montserrat',sans-serif;
    width: 11.3%;
    background-color: rgba(0,0,0,.5);
    padding: 7px 15px 6px 15px;
    text-align: center;
    position: absolute;
    z-index: 1;
    margin: -51px 0px 0 0px;
    width: 11.3%;
    height: 50px;
    line-height: 18px;
    box-sizing: border-box;
    white-space: pre-line;*/
    z-index: 1;
    font: 500 16px 'Montserrat',sans-serif;
    line-height: 50px;
    box-sizing: border-box;
    background-color: rgba(0,0,0,.5);
    white-space: nowrap;
    margin-top: -50px;
    height: 50px;
    overflow: hidden;
}
.homeTiles .tileHead {
	text-transform: uppercase;
    font: 500 30px 'Montserrat',sans-serif;
    text-align: center;
    position: absolute;
    /*margin: -49px 0px 0 0px;*/
    width: 100%;
    /*padding: 5px 0px;*/
    background-color: rgba(0,0,0,.5);
    /*transform: translate(0,-50%);*/
    /*Modified by Parag*/
    bottom:0px;
    min-height: 50px;
    display:flex;
    align-items:center;
    justify-content:center;
}
.homeTiles .tileTagline {
    font: 300 12px 'Montserrat',sans-serif;
    font-style: italic;
    font-size: 90%;
    text-transform: uppercase;
    text-align: center;
    position: absolute;
    margin: -13px 0px 0 0px;
    padding: 5px 0px;
    display:none;
    width: 100%;
    height: auto;
    background-color: rgba(0,0,0,.5);
    transform: translate(0,-48.7%);
}
/* Homepage Tiles -  End  */

/* New to NetFlorist - Start */
.newtoNF {
    margin: 40px 0 30px 0;
}
.newNFhead {
    text-align: center;
    font: 500 36px montserrat,sans-serif;
    color: #db4e65;
}
.newNFhead:after {
    content: "";
    display: block;
    margin: 0 auto;
    width: 20%;
    padding-top: 10px;
    border-bottom: 1px solid #ccc;
}
.newNFsection {
    margin: 40px 0 30px 0;
    float: left;
}
.newNFsubhead {
    font: 600 28px montserrat,sans-serif;
    color: #61888f;
    margin-bottom: 5px;
}
.newNFleft {
    float: left;
}
.newNFright {
    float: left;
    width: 500px;
}
.newNFlarge {
    margin: 0;
    margin: 3px 3px 5px 2px;
}
.newNFmedium {
    padding: 15px;
    background-color: #e0e2e3;
    height: 217px;
    margin: 3px;
    float: left;
    width: 460px;
    clear: both;
}
.newNFsmall1 {
    float: left;
    margin: 3px;
}
.newNFsmall2 {
    float: left;
    margin: 3px;
}
.newNFlogowrap {
    margin-top: 15px;
    padding-top: 10px;
    border-top: 1px solid #ccc;
    width: 100%;
    float: left;
}
.newNFlogos {
    float: left;
}
#newNFviewbtn {
    margin: 17px 0;
    background: #80a6ad;
    position: relative;
    border-radius: 4px;
    text-align: center;
    line-height: 46px;
    cursor: pointer;
    display: block;
    width: 95px;
    height: 45px;
    color: #fff;
    border: 0;
    font-weight: 500;
    float: right;
}
    #newNFviewbtn:hover {
        text-decoration: none !important;
        background-color: #bdbdbd;
    }

body.NJ .newtoNF {
    display: none;
}
/* New to NetFlorist - End */

/* Footer Formatting - Start */
footer {
	padding-bottom:15px;
	background:#fff;
}
footer > .threeTiles {padding-top:15px;}
footer .social {
	background:#80a6ad;
	margin-bottom:15px;
	line-height:40px;
	color:#fff;
}
footer ul.socialStrip {
	list-style:none;
	font-size:120%;
	padding:20px 0;
	margin:0;
}
.footerNav .column ul {
	list-style:none;
	font-size:80%;
	padding:0;
	margin:0;
}
footer .socialStrip li {
	box-sizing:border-box;
	margin-left:4.1%;
	float:left;
    padding-right:7px;
}
footer .socialStrip li:last-child,
footer .socialStrip li:first-child {margin-left:0;}
footer .socialStrip .mainSprite:before {
	background:url(https://cdn.netflorist.co.za/layout/images/2019_desktop_home-spr01.png) no-repeat -10px -7px;
    content:"";
	top:0;
	left:0;
    height: 42px;
    width: 42px;
}

footer .socialStrip .mainSprite:hover {
    background-color: rgba(0, 0, 0, 0.1);
    border-radius: 20px 5px 5px 20px;
    transition: background-color .3s ease-out;
    -moz-transition: background-color .3s ease-out;
    -webkit-transition: background-color .3s ease-out;
    -o-transition: background-color .3s ease-out;
}
.socialStrip li.fbk:before {background-position:-167px -10px}
.socialStrip li.twt:before {background-position:-394px -10px}
.socialStrip li.ins:before {background-position:-450px -10px}
.socialStrip li.ytb:before {background-position:-337px -10px}
.socialStrip li.pin:before {background-position:-280px -10px}
.socialStrip li.pls:before {background-position:-224px -10px}
.socialStrip li.blg:before {background-position:-559px -10px}
.socialStrip li.app:before {background-position:-506px -10px}
footer .socialStrip a {
	position:relative;
	padding-left:47px;
	line-height:40px;
    font-weight:500;
	font-size:85%;
	display:block;
	color:#fff;
}
footer .socialStrip li:last-child {float:right;}
footer .socialStrip li a:before {
    box-sizing: border-box;
    /*border:1px solid #fff;*/
    /*border-radius:50%;*/
    position: absolute;
    display: block;
    height: 42px;
    width: 42px;
    content: "";
    top: 0;
    left: 0;
    /*box-shadow:0 0 2px #fff;*/
}
    footer .staticText {
    line-height:normal;
	font-size:80%;
	color:#808285;
	width:45%;
}
footer .footerNav {
	font-size:85%;
	color:#808285;
}
footer .staticText a, footer .footerNav a, footer .copyrightBox {color:#808285;}
footer .footerNav a {
	text-transform:capitalize;
	display:block;
}
footer .floatRight {
	padding-bottom:90px;
	position:relative;
	width:52%;
}
footer .floatRight:before {
	border-left: 1px solid #ddd;
	position:absolute;
	display:block;
    height:100%;
	content:"";
    left:-3%;
    width:0;
}
.footerNav .column {
	box-sizing:border-box;
	line-height:18px;
	float:left;
	width:25%;
}
.footerNav .column:not(:first-child) {padding-left:10px;}
.footerNav .column .head {
	text-transform:uppercase;
	font-weight:700;
	font-size:80%;
}
footer .copyrightBox {
	position:absolute;
	line-height:18px;
	font-size:75%;
	width:100%;
	bottom:0;
}
.copyrightBox .paymentMethods {
	margin-top:4px;
	height:55px;
}
body.Home .copyrightBox .paymentMethods {height:60px;}
.copyrightBox .paymentMethods::before {
    height: 100%;
    width: 100%;
    content: "";
    background: url(../images/Payment_Options_2022.jpg) no-repeat 0px 0px;
    background-size: contain;
    height: 60px;
}
/* Footer Formatting -  End  */

/* Common Footer Modifications Excl. Home - Start */
body:not(.Home) footer .floatRight {width:61%;}
body:not(.Home) footer .floatRight:before {left:-5.3%}
body:not(.Home) .join {
    min-height:180px;
    margin:0;
}
body:not(.Home) .join .head {
    margin:10px 0 15px 0;
    font-size:270%;
}
body:not(.Home) .join .content {
    margin-bottom:15px;
    font-size:115%;
}
/* Common Footer Modifications Excl. Home -  End  */

/* Category Banner UI Implementation - Start */
.categoryBanner {margin-bottom:10px;}
.catNavigate {clear:both;}
    .catNavigate .breadCrumb,
    .catNavigate .breadCrumb a,
    .myAccountPages .floatRight,
    .myAccountPages a.manage-reminders {
        font-weight: bold;
        font-size: 90%;
        color: #58595B;
    }

    /*Added for last child color change*/
        .catNavigate .breadCrumb a:last-child {
            color: #EF3E62;
        }
.catNavigate .floatRight > select {
	border:1px solid #ddd;
	border-radius:3px;
	margin-right:15px;
	padding-left:5px;
	font-size:12px;
    height:25px;
	float:left;
	color:#777;
}
.catNavigate .pagination {margin:0;}
.catNavigate .pagination li a {
    line-height:23px;
	padding:0 10px;
}
.catNavigate li:not(.disabled):not(.active) a {color:#80a6ad;}
#mainContainer .pagination a[href]:not(.underline) {text-decoration:none;}
.catNavigate .pagination > .active > a:hover,
.catNavigate .pagination > .active > a {
	background-color:#80a6ad !important;
	border-color:#80a6ad !important;
}
 .catNavigate .pagination {
        margin-top: 2px;
        margin-left: 20px;
        color: #58595b;
        font-size: 85%;
    }

        .catNavigate .pagination a {
            display: inline-block;
            font-weight: 400;
            text-align: center;
            min-width: 10px;
            color: #58595b;
            margin: 0 3px;
        }

            .catNavigate .pagination a.On {
                font-weight: 700;
                color:#ef3e62;
            }
body.Category .select-box .select-collapsed {
	padding:5px 5px 5px 10px;
	line-height:12px;
	font:inherit;
	width:100%;
	border:0;
}
.catFilter .select-box {
    border: 1px solid #cecece;
    padding: 0 25px 0 0;
    line-height: 18px;
    height: 28px;
    border-radius: 4px;
}

.catFilter .select-box .select-expanded .option {
	border:0;
	display:block;
    line-height:17px;
    padding:3px 0 3px 10px;
	border-top:1px solid #eee;
}
.catFilter .select-box .select-expanded .option:hover {background:#eee;}
.catFilter .select-box .select-expanded .option:first-child {border:0;}
.catNavigate .catFilter .select-box:before {
	border:5px solid transparent;
	border-top-color:#aaa;
	border-bottom-width:0;
	position:absolute;
	display:block;
	content:"";
	right:10px;
	top:12px;
	height:0;
	width:0;
}
.catFilter .select-box .select-expanded {
	border:1px solid #aaa;
	box-sizing:content-box;
	overflow:auto;
	height:auto;
	width:100%;
    left:-1px;
}
.catFilter .select-box .toggle {height:28px;}
.catFilter .select-box .select-collapsed {padding:0 10px;}

body.Category, body.Category .ProductBox {margin-bottom:15px;}

#advFilterPanel {
    border:1px solid #fff;
    font-size:95%;
    width:23%;
    float:left;
    
    -webkit-user-select:none;
       -moz-user-select:none;
        -ms-user-select:none;
            user-select:none;
}
#advFilterPanel h3 {
    border-bottom:1px solid #cdcdcd;
    border-top:1px solid #fff;
    text-transform:uppercase;
    border-width:1px 0;
    background:#f3f3f3;
    position:relative;
    line-height:40px;
    font-weight:600;
    padding:0 15px;
    cursor:pointer;
	font-size:100%;
	margin:0;
}
#advFilterPanel h3:first-of-type {border-top-width:0;}
#advFilterPanel h3:not(.active):last-of-type {border-bottom-width:0;}
#advFilterPanel h3.active {background:#f5f5f5;}
#advFilterPanel h3:before {
	font:bold 15px/40px arial,sans-serif !important;
	position:absolute;
	font-size:100%;
	display:block;
	content:"+";
	right:12px;
	
	/*-webkit-transition:all 0.1s ease-in-out;
	   -moz-transition:all 0.1s ease-in-out;
			transition:all 0.1s ease-in-out;*/
}
#advFilterPanel h3.active:before {
	line-height:26px !important;
	content:"_";
		font-size:110% !important;
	/*-webkit-transform:rotate(-45deg);
	   -moz-transform:rotate(-45deg);
			transform:rotate(-45deg);*/
}
#advFilterPanel .ui-icon {
    position:absolute;
    right:10px;
    top:12px;
}
#advFilterPanel h3 + div {
    background:#f9f9f9;
	overflow:hidden;
    padding:0;
    border:0;
	height:0;
	
	-webkit-transition:all 0.2s ease-in-out;
	   -moz-transition:all 0.2s ease-in-out;
			transition:all 0.2s ease-in-out;
    
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    -ms-box-shadow:none;
    -o-box-shadow:none;
    box-shadow:none;
}
#advFilterPanel h3.active + div {
	padding:15px 0;
	height:auto;
}
#advFilterPanel .chkList, #advFilterPanel .rdoList, #advFilterPanel .currRange {
	position:relative;
	margin:0 15px;
}
#advFilterPanel .bold {
    font-weight:600;
    font-size:97%;
}
#advFilterPanel #priceRange {
    margin:10px 16px 0 24px;
    position:relative;
	background:none;
    height:18px;
    padding:0;
	border:0;
    
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    -ms-box-shadow:none;
    -o-box-shadow:none;
    box-shadow:none;
}
#advFilterPanel #priceRange:before {
    border:1px solid #d7d7d7;
    position:absolute;
    display:block;
    content:"";
    width:104%;
    left:-4%;
    top:8px;
}
#advFilterPanel #priceRange:after {
    position: absolute;
    display: block;
    width: 105.5%;
    left: -3.7%;
    content: "";
    height: 6px;
    z-index: 1;
    top: 10px;
    background: repeating-linear-gradient( to right, #d7d7d7, #d7d7d7 1px, transparent 1px, transparent 11% );
}
#advFilterPanel .ui-slider-range {
    margin-top:8px;
    height:2px;
}
#advFilterPanel .ui-slider-handle {
    background:#818286;
    border-radius:50%;
    cursor:e-resize;
    height:15px;
    width:15px;
    outline:0;
    border:0;
    top:2px;
}
#advFilterPanel ul {list-style:none;}
#advFilterPanel ul li {
    line-height:25px;
    display:block;
}
#advFilterPanel label, #advFilterPanel label {
    padding-left:20px;
	font-weight:500;
    cursor:pointer;
    display:block;
    text-transform:capitalize;
}
    #advFilterPanel ul.chkList li label a {
        color: #58595B;
    }
#advFilterPanel ul.chkList label {text-transform:capitalize;}
    #advFilterPanel input[type=checkbox], #advFilterPanel input[type=radio] {
        position: absolute;
        display: block;
        outline: 0;
        accent-color: #80A6AD;
        /*height:0;
    width:0;*/
        left: 0;
        margin-top: 7px !important;
    }
.custom-checkbox:after {
    content: "\2713";
    position: absolute;
    top: 50%;
    left: 5px;
    transform: translateY(-50%);
    color: #ffffff;
    font-size: 1rem;
    opacity: 0;
}
#advFilterPanel input[type=checkbox]:checked + .custom-checkbox:after {
    opacity: 1;
}

#advFilterPanel input[type=checkbox]::before, #advFilterPanel input[type=radio]::before {
    border:1px solid #aaa;
    position:absolute;
    border-radius:50%;
    display:none;
    height:11px;
    width:11px;
    content:"";
    top:3px;
    left:0;
}

#advFilterPanel input[type=checkbox]:checked::before, #advFilterPanel input[type=radio]:checked::before {
    border-color:#90a9bd;
    background:#90a9bd;
}
body.hasFilter #productsContainer {
    width:746px;
    float:right;
}
body.Category .ProductBox {
	margin-left:2%;
	min-height:400px;
    float:left;
    width:23.5%;
}
body.hasFilter .ProductBox {width:32%;}
#advFilterPanel input[type=button]:first-child {
    margin-top: 0;
}
#advFilterPanel input[type=button] {
    border: 0;
    background: #80a6ad;
    width: 100%;
    line-height: 36px;
    margin: 10px 0;
    color: #fff;
    font-size: 120%;
    font-weight: bold;
    cursor: pointer;
}

body.Category .ProductBox .ProductName,
body.Category .ProductBox .ProductPrice,
body.Category .ProductBox .NextDeliveryPhrase {color:#58595b;}
#mainContainer .ProductBox .ProductName,
#mainContainer .ProductBox .ShopNowLink,
#mainContainer .ProductBox .ProductPrice,
#mainContainer .ProductBox .NextDeliveryPhrase {
    font-family: montserrat,sans-serif;
    line-height: 20px;
    font-size: 88%;
    display: block;
    width: 100%;
}
#mainContainer .ProductBox .NextDeliveryPhrase {font-size:100%;}
body.Category .ProductBox > .Product {
    text-align:center;
    display:block;
    top:0;
}
body.Category .Product .imageTag {
    text-transform:uppercase;
	background:#80a6ad;
	position:absolute;
	line-height:35px;
    font-size:110%;
    min-width:50%;
    color:#fff;
	left:0;
	top:0;
}
body.Category .ProductBox > .Product > a:first-of-type {min-height:304px;}
body.Category .ProductBox > .Product > a:first-of-type > img {
    min-height:304px;
    background:#ddd;
}
body.Category .ProductBox a {
	position:relative;
	text-align:center;
	display:block;
}
body.Category:not(.hasFilter):not(.hasLHN):not(.myFavouritePage):not(.sortSwift) .ProductBox:nth-of-type(4n+1) {margin-left:0;}
body.Category.hasLHN .ProductBox:nth-of-type(4n+4) {margin-left:0;}
body.Category.hasLHN .ProductBox.LHN {margin-left: 0 !important;}
body.Category.hasFilter .ProductBox:nth-of-type(3n+1) {margin-left:0;}
body.Category.hasFilter #CheckAvailabilityFilterBox {clear:both;}
body.Category.hasFilter .CataloguePage {
    float: right;
    width: 75.4%;
}
body.Category .ProductBox .ShopNowLink {color:#e64e63;}
body.Category .ProductBox .ProductName {
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
}
.catNavigate, .categoryPage .categoryBanner {margin:0 0 15px 0;}

body.Category .wrap,
body.Category .wrap > img {
    max-width:100%;
    min-width:100%;
}
body.Category .caption {margin-left:15px;}
body.Category .caption h3 {margin:7px 0 0 0;}
body.Category .wrap a {
    margin-left:5px;
    text-align:left;
    font-size:100%;
}
body.Category .wrap > img {
    height:auto;
    width:auto;
}
body.Category .wrap .caption-inner {margin:15px 0 0 0;}
#mainContainer .LeftNavigation * {font-size:98%;}

.zone_truck {
    text-transform:uppercase;
    text-overflow:ellipsis;
    box-sizing:border-box;
    white-space:nowrap;
    background:#80a6ad;
    display:list-item;
    position:absolute;
    text-align:center;
    line-height:35px;
    overflow:hidden;
    border-radius:0;
    font-size:85%;
    padding:0 5px;
    max-width:70%;
    min-width:50%;
    height:auto;
    color:#fff;
    width:auto;
    bottom:0;
    left:0;
}
.zone_truck > .zoneText {display:inline;}
/* Category Banner UI Implementation -  End  */

/* =================== NJ UI Formatting - Start =================== */
body.NJ header .logo {width:230px;}
body.NJ ul.menuL1 > li > a {color:#b0b0b0;}
body.NJ footer .tile,
body.NJ footer .tile a {color:#fff;}
body.NJ header .track label,
body.NJ #topRibbon .contact a,
body.NJ ul.menuL1 > li.active a,
body.NJ ul.menuL1 > li:hover > a,
body.NJ ul.menuL1 > li > a:hover,
body.NJ ul.menuL1 > li:first-child > a,
body.NJ #topRibbon .msbFoot .floatLeft > a,
body.NJ #topRibbon .ShoppingBasket label:after {color:#cdb998;}
body.NJ .popHeader,
body.NJ #topRibbon,
body.NJ .zone_truck,
body.NJ footer .tile,
body.NJ .filterPopup,
body.NJ .samedayClock,
body.NJ footer .social,
body.NJ .homeTiles .prdTag,
body.NJ .samedayClock:before,
body.NJ .buttons > a:visited,
body.NJ .buttons > a:not(:hover),
body.NJ #topRibbon .dropBox .head,
body.NJ.Category .Product .imageTag,
body.NJ .filterPanel > .filterContent,
body.NJ .samedayClock .TimeLeft:before,
body.NJ .filterSetPanel .buttons input,
body.NJ #topRibbon .msbFoot .floatRight > a,
body.NJ #topRibbon .formContent input[type=button] {background-color:#cdb998;}
body.NJ .samedayClock:after {
	border-right-color:#cdb998 !important;
	border-left-color:#cdb998 !important;
}
body.NJ header .floatRight input[type=submit] {
    border-color: #eeeeee;
    background-color: #eeeeee;
}
body.NJ header .floatRight input {
    border-color: #eeeeee;
}
body.NJ header .track:before {
    background: url(https://cdn.netflorist.co.za/layout/images/2019_desktop_home-spr01.png) no-repeat -107px -83px;
}
body.NJ header .siteSearch input[type=submit] {
    background: #eeeeee url(https://cdn.netflorist.co.za/layout/images/2019_desktop_home-spr01.png) no-repeat -65px -80px;
    transition: background .3s ease-in-out;
    -moz-transition: background .3s ease-in-out;
    -webkit-transition: background .3s ease-in-out;
    -o-transition: background .3s ease-in-out;
}
body.NJ header .siteSearch input[type=submit]:hover {
    background: #dadada url(https://cdn.netflorist.co.za/layout/images/2019_desktop_home-spr01.png) no-repeat -65px -80px;
}
body.NJ #topRibbon .msbFoot div > a,
body.NJ #topRibbon .formContent input[type=button] {border-color:#cdb999;}
body.NJ header .logo {background-position:-400px -17px;}
body.NJ .join .boxForm a {background-position:-344px -60px;}
body.NJ .help .call:before {background-position:-275px -6px;}
body.NJ .contact .call:before {background-position:-275px -66px;}
body.NJ .help .email:before {background-position:-245px -7px;}
body.NJ .contact .email:before {background-position:-245px -66px;}
body.NJ .samedayClock[style*=none] {display:inline-block !important;}
body.NJ .samedayClock .TimeLeft {
	background:url(https://cdn.netflorist.co.za/layout/images/home_sprite.png) no-repeat -508px 55px !important;
	padding-bottom:50px;
    min-height:60px;
    padding-top:5px;
}
body.NJ .samedayClock .TimeLeft:after {
    font:normal 12px/16px  Arial, Helvetica, sans-serif;
	content:"A DIVISION OF";
    text-align:center;
    line-height:16px;
    padding:0 10px;
	display:block;
	color:#fff;
}
body.NJ ul.menuL1 > li:hover, .NJ ul.menuL1 > li:hover > a,
body.NJ ul.menuL1 > li > a:hover, .NJ ul.menuL1 > li.active,
body.NJ ul.menuL1 > li.active > a {background:inherit;}
body.NJ #TopMenuBar, body.NJ ul.menuL1 {
	background:inherit;
	color:inherit;
}
body.NJ ul.menuL1 a {
	font-size:inherit;
	line-height:inherit;
}
body.NJ #topRibbon .ShoppingBasket {display:none;}
body.NJ .filterSetPanel .popHeader .collapseBtn {background: #cdb998;}
body.NJ .popHeader {color: #ebe5d5;}
body.NJ .filterSetPanel .popHeader .collapseBtn::before {color: #ebe5d5;}
body.NJ .filterPanel .buttons input { background-color: #a99576;}
body.NJ .giftWrapSlide {background-color: #cdb998;}
/* Custom scrollbars for NJ - topRibbon's dropBox & prdMinList - Start */
body.NJ .ui-menu::-webkit-scrollbar-thumb,
body.NJ #mainNav .menuL2::-webkit-scrollbar-thumb,
body.NJ #topRibbon .dropBox::-webkit-scrollbar-thumb,
body.NJ #topRibbon .prdMinList::-webkit-scrollbar-thumb,
body.NJ .select-box .select-expanded::-webkit-scrollbar-thumb {
    box-shadow:inset 0 0 5px rgba(205,185,152,0.8);
	background:rgba(205,185,152,0.8);
}
/* =================== NJ UI Formatting -  End  =================== */

/* Dual Banner Fixes - Start */
#MastHeadHTML {margin:0 0 15px 0;}
#MainBannerBounder {
    top:0 !important;
    padding:0;
}
#MainBannerSlides {
    margin-top:-12px;
    background:#fff;
    height:171px;
    width:730px;
}
#MastHeadHTML, #MainBannerBounder,
.BannerSpaceProduction {width:100%;}
/* Dual Banner Fixes -  End  */

/* Scroll Top and  Bottom links styling - Start */
.pageElevator {
    background:#fff url(https://cdn.netflorist.co.za/layout/images/elevator_arrows.png) no-repeat 9px 13px;
    border:1px solid #999;
    box-sizing:border-box;
    text-indent:-200px;
    border-radius:50%;
    overflow:hidden;
    cursor:pointer;
    position:fixed;
    display:none;
    height:38px;
    bottom:50px;
    width:39px;
    right:50px;
    z-index:9;
    padding:0;
}
.pageElevator:hover {
    background-position:-20px 13px;
    background-color:#fafafa;
    border-color:#e44e64;
}
/* Scroll Top and  Bottom links styling -  End  */

/* tabs-similarPrd & tabs-similarCat - Start */
.tabs-content ul {list-style:none;}
.tabs-content .Thumb, .tabs-content li {float:left;}
.tabs-content .Thumb {
    text-align:center;
    line-height:18px;
    margin-top:5px;
    font-size:75%;
    width:15%;
}
.tabs-content li {width:23.5%;}
.tabs-content li:not(:nth-child(4n+1)),
.tabs-content .Thumb:not(:nth-child(6n+1)) {margin-left:2%;}
.tabs-content .Thumb:nth-child(n+7) {margin-top:10px;}
.tabs-content .Thumb strong {
    text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden;
    display:block;
}
.tabs-content a {color:#414042;}
.tabs-content div[class$=tabs-similar] a {display:block;}
.tabs-content img {
    margin-bottom:5px;
    background:#ddd;
}
/* tabs-similarPrd & tabs-similarCat -  End  */


div#lc_chat_layout {right:13%;}
body.NJ #lc_chat_layout #lc_chat_header {
    background-color:#cdb998;
    color:#fff;
}
body.NJ #lc_chat_layout #lc_chat_container .lc-button-submit {
    background-color:#cdb998;
    border-color:#cdb998;
}
body:not(.NJ) #lc_chat_layout #lc_chat_header {
    background-color:#80a6ad;
    color:#fff;
}
body:not(.NJ) #lc_chat_layout #lc_chat_container .lc-button-submit {
    background-color:#80a6ad;
    border-color:#80a6ad;
}
#lc_chat_layout:not(.lc-expanded) #lc_chat_header.lc-dark-icon {background-image:url(https://assets1.chat.freshdesk.com/images/chat-icon.svg) !important;}
#lc_chat_layout #lc_chat_header *:first-child {color:#fff;}

.ui-datepicker table {line-height:normal;}
.ui-datepicker-trigger {width:auto;}
.prdAvlBanner.secondBanner {clear:both;}

.hasCheckbox, .hasCheckbox label {
    line-height:24px;
    font-size:95%;
    display:block;
}
.hasCheckbox input {
    margin:5px 5px 0 0;
    float:left;
}

[id$=PopUp] img {width:auto;}
.myAccountPages {
    margin-bottom:15px;
    color:#414042;
}
.profileContainer .ButtonSpace {width:54%;}
.myAccountPages .fieldsetContainer {width:47%;}
.addressBookContainer .ButtonSpace {width:47%;}
.myAccountPages .fieldsetContainer:not(:first-of-type) {width:50%;}
.myAccountPages a.manage-reminders {
    line-height:24px;
    margin-left:6px;
    bottom:auto;
    float:none;
    padding:0;
}
.myAccountPages a.manage-reminders:first-child {margin-right:6px;}
.calendar-body, .AddressContent {background:#fff;}
.MyAccountContent ul.Index {
    background: #eee;
    padding-top: 15px;
}
.myAccountPages .loggedStatus, .myAccountPages .deleteBar {
    font-weight:normal;
    color:#414042;
}
.myAccountPages .deleteBar {
    padding:0 0 0 10px;
    position:relative;
    line-height:24px;
    right:auto;
    top:auto;
    border:0;
}
.myAccountPages .deleteBar a {
    border-bottom:1px solid #e64e63;
    color:#e64e63;
}
.myAccountPages .deleteBar a:hover {
    background-color:#e64e63;
    line-height:24px;
}
.myAccountPages tr.group td, .myAccountPages table td > .Address {padding:0 8px;}
.myAccountPages .loggedStatus strong {color:#e64e63;}
.AddressContent .AddressFilter {line-height:21px;}
.AddressContent .AddressButton {height:19px;}
#Content.MyAccountContent ul.Index {margin:0;}
.actualFourtyPerCent .reminderDateRow select {width:164px;}
.reminderConrainer .bottomBtns {margin:5px 3px 5px 5px;}
.categoryBanner object, .categoryBanner embed {width:100%;}
.dropPop .hasChild:hover+label, .dropPop label:hover {color:#80a6ad !important;}
#loginBox div.ErrorMessage {
	margin:0 0 10px;
	width:auto;
    left:0;
    top:0;
    position:relative;
}

/* Jquery Dialog CSS + Date Picker CSS \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\///////////////////////////////////   === Start === */
.filterContent .hasDatepicker {width:50% !important;}
.filterPanel .hasDatepicker {width:82% !important;}
.ui-datepicker {width:210px !important;}
.ui-datepicker-calendar {font-size:12px !important;}
.ui-datepicker .ui-datepicker-title {
    line-height:1.6em !important;
    margin:0 1.7em !important;
}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
	border:1px solid #80a6ad !important;
	height:20px !important;
	width:20px !important;
	top:0px !important;
	background:none;
	cursor:pointer;
}
.ui-datepicker .ui-datepicker-prev {left:4px !important;}
.ui-datepicker .ui-datepicker-next {right:4px !important;}
.ui-datepicker-trigger {
	cursor:pointer;
	float:right;
}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
	border-color:#669198 !important;
	margin:1px 2px !important;
	display:inline-block;
	width:46% !important;
}
.ui-datepicker-header a {margin-top:3px;}
.ui-datepicker-calendar a.ui-state-default {
	border:1px solid #d3d3d3 !important;
	background:#fff none !important;
}
.ui-datepicker-title select {
	font:normal 13px/30px Arial, Helvetica, sans-serif !important;
	padding:2px 4px;
}
.ui-widget .ui-widget-header, .ui-datepicker .ui-widget-header .ui-state-hover, .ui-datepicker-calendar .ui-state-default.ui-state-hover, .ui-datepicker-calendar .ui-state-default.ui-state-active, .ui-datepicker-calendar .ui-state-default.ui-state-highlight.ui-state-active {
	border-color:#669198 !important;
	background:#80a6ad !important;
	color:#fff !important;
}
.ui-dialog .ui-dialog-title {margin:0 !important;}
.ui-dialog-titlebar {
	font-weight:normal !important;
	font-size:16px;
}
.ui-dialog-titlebar .ui-dialog-titlebar-close,  .ui-dialog-titlebar .ui-dialog-titlebar-close:visited {
	border-color:#666 !important;
	background:#ddd !important;
	color:#fff !important;
}
.ui-dialog-titlebar .ui-dialog-titlebar-close:hover {
	border-color:#d66172 !important;
	background:#fff !important;
	color:#fff !important;
}
.ui-datepicker-calendar .ui-state-default.ui-state-highlight {
	background:#fce89f !important;
	border-color:#edcd5c !important;
	color:#000 !important;
	font-weight:bold !important;
}
.ui-datepicker .ui-widget-header .ui-icon {
    background-image:url(https://cdn.netflorist.co.za/layout/images/ui-icons_ffffff_256x240.png) !important;
    cursor:pointer;
}
/* Jquery Dialog CSS + Date Picker CSS \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\///////////////////////////////////   ===  End  === */
/* Custom alert/error maessages */
.alert-box {
    font:normal 12px/22px Tahoma,Geneva,Arial,sans-serif;
    box-sizing:border-box;
    padding:0 10px 0 35px;
    border-radius:5px;
    position:absolute;
    display:none;
    bottom:28px;
    right:-10px;
    margin:10px;
    width:250px;
    color:#555;
}
.success{display: block;}
.error {
    background:#ffecec url(../images/error.png) no-repeat 10px 50%;
    border:1px solid #f5aca6;
    display:block;
}
.alert-box:before {
    border:10px solid transparent;
    position:absolute;
    display:block;
    bottom:-20px;
    content:"";
    right:1px;
}
.error:before {border-top-color:#ed3863;}
.ProductDescriptionContainer, .NewPer {clear:both;}
.NewPer {display:none;}
body.Category.hasBigBanner .ProductBox:nth-of-type(4n+1):not(:first-of-type) {margin-left:1.5%;}

.dropBox > .btnChatNow {
    background: #80a6ad;
    border: 0;
    line-height: 25px;
    padding: 2px 7px;
    margin: 10px 0 5px 0;
    color: #fff;
    font-size: 120%;
    display:inline-block;
    cursor:pointer;
    font-weight: 500;
    border-radius:3px;
}

/*split banner*/
#homeBanner > .bannerButtons {
    height:auto;
    width:100%;
}
.bannerButton {
    box-sizing: border-box;	
    line-height:80px;
    text-align:center;
    font-size:20px;
    float:left;
    width:25%;
}
.bannerButton a {
    display:block;
    transition: opacity .5s ease-in-out;
    -moz-transition: opacity .5s ease-in-out;
    -webkit-transition: opacity .5s ease-in-out;
    -o-transition: opacity .5s ease-in-out;
}
.bannerButton a:hover {
    opacity:0.8;
}

.bannerButton:not(:first-child) a {
    border-left: 1px solid rgba(255, 255, 255, 0.2);
}

/* Personalisation Clipping Popup UI changes - Start */
.showClipping #ClipDialog, .showClipping #btnSaveClipImg {display:block;}
.showClipping #ClipDialog + div + div, .showClipping #ClipDialog + div,
.showClipping .popupControls .pullRight,
#btnSaveClipImg, #ClipDialog  {display:none;}
#ClipDialog {width:100%;}
#ClipModal {
	position:relative;
	/*height:450px;*/
}
/*.showClipping .popupContainer {
	margin-left:-460px !important;
	width:920px !important;
}*/
/*.showClipping #ClipImageItem, .showClipping #ClipPreview,
.showClipping #ClipImageItem img, .showClipping #ClipPreview img {
	height:450px !important;
	width:450px !important;
}*/
/*.showClipping .popupContent {height:450px;}*/
.showClipping .popupControls .pullLeft {
	text-align:right;
	width:100%;
}
.showClipping #btnSaveClipImg {
	margin-left:auto;
	margin-right:0;
}
/* Personalisation Clipping Popup UI changes -  End  */

.menuL1 a[title*="Valentine"] {
    /*color: #be2527 !important;*/
    color:#fff;
}

/* BlackF and Cyber Monday - Start */
#blackFCyberM_2019 {
    pointer-events:none !important;
    background: #ef3e62; /*#fe6f61; #607c81;  Old browsers */ /*CB - #0f2c56*/
    /*background: -moz-linear-gradient(left, #000000 0%, #000000 100%); /* FF3.6-15 */
    /*background: -webkit-linear-gradient(left, #000000 0%,#000000 100%); /* Chrome10-25,Safari5.1-6 */
    /*background: linear-gradient(to right, #000000 0%,#000000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=1 );*/
    position: fixed;
    z-index: 99999;
    display: none;
    height: 60px;
    width: 100%;
    left: 0;
    top: 0;
}

    #blackFCyberM_2019 * {
        font: 400 14px/20px 'Montserrat', sans-serif;
    }

body[data-show-bfcm="True"] #blackFCyberM_2019 {
    display: block;
    z-index:1000;
}

body[data-show-bfcm="True"] form #topRibbon {
    top: 60px;
}

body[data-show-bfcm="True"] header {
    top: 90px;
}

body[data-show-bfcm="True"] #mainNav {
    top: 170px;
}

body[data-show-bfcm="True"] #mainContainer {
    top: 210px;
}

body[data-show-bfcm="True"].basketFlow div.Room {
    margin-top: 60px;
}

body[data-show-bfcm="True"].basketFlow #TopBarSpace {
    top: 100px;
}


#blackFCyberM_2019 .BF-CM {
    /*background: url('https://cdn.netflorist.co.za/layout/images/Header-Assets.png') no-repeat center center;*/
    background: url('../images/desktop_compain.png') no-repeat center center;
    position: relative;
    line-height: 20px;
    width: 1000px;
    height: 100%;
    margin: auto;
    color: #fff;
    display:none;
}

.BF-CM-right {
    margin: 10px 15% 10px 0;
    float: right;
}

.BF-CM-column {
    float: left;
}

    .BF-CM-column:first-child {
        border-right: 1px solid #fff;
        padding-right: 16px;
        margin-right: 15px;
        text-align: right;
    }

#blackFCyberM_2019 .BF-CM-column > div:first-child {
    font-size: 20px;
}

#blackFCyberM_2019 .BF-CM-column u, #blackFCyberM_2019 .BF-CM-column > div:first-child {
    font-weight: 600;
}
/* BlackF and Cyber Monday -  End */

/* Swift Type Search UI Override - Start */
.st-default-autocomplete {
    position:fixed !important;
    top:95px !important;
}
body[data-show-bfcm="True"] .st-default-autocomplete {top:155px !important;}
.categoryPage .st-ui-injected-search-summary {
	font:400 50px/65px 'quicksand',arial,sans-serif;
    text-transform:capitalize;
    padding:0 10px 2px;	
    display:block;
    color:#666;
    border-bottom: 1px solid #ccc;
}
.categoryPage .st-ui-injected-search-summary strong {font-weight:400;}
.categoryPage .st-ui-injected-content.st-search-results {margin:20px 0;}
.categoryPage .st-query-present::after {
    display:table;
    content:"";
    clear:both;
}
.categoryPage .st-query-present > a.st-ui-result.st-ui-image {
    box-sizing:border-box;
	margin-bottom:15px;
	text-align:center;
	min-height:400px;
    width:23.5%;
    float:left;
    padding:0;
}
.categoryPage .st-query-present > a.st-ui-result.st-ui-image:hover {text-decoration:none !important;}
.categoryPage .st-query-present > a.st-ui-result.st-ui-image:not(:nth-child(4n+1)) {margin-left:2%;}
.categoryPage .st-query-present > a.st-ui-result.st-ui-image::before {display:none;}
.categoryPage .st-ui-injected-content a.st-ui-result.st-ui-image .st-ui-thumbnail {
	height:100%;
	width:100%;
	float:none;
	margin:0;
}
.categoryPage .st-ui-injected-content a.st-ui-result.st-ui-image .st-ui-thumbnail img {
	min-height:304px;
    background:#ddd;
	display:block;
}
.categoryPage a.st-ui-result .st-ui-type-heading, a.st-ui-result .st-ui-type-detail, a.st-ui-result .st-ui-type-detail-bold {
	font:400 15px/20px Calibri,Arial,Sans-Serif !important;
	color:#58595b !important;
}
.categoryPage a.st-ui-result .st-ui-type-detail {max-height:unset;}
.categoryPage a.st-ui-result .st-ui-type-detail::after {
	content:"Shop Now";
	font-weight:bold;
	color:#d76374;
	display:block;
}
.categoryPage a.st-ui-result .st-ui-type-detail-bold {
	font-weight:bold !important;
	display:block;
}
.categoryPage a.st-ui-result .st-ui-type-heading {
	font-weight:600 !important;
	margin-bottom:0;
	margin-top:7px;
}
.categoryPage a.st-ui-result .st-ui-type-heading:hover {text-decoration:underline;}
.categoryPage section .st-ui-pagination .st-query-present {
    /*text-align:right;*/
    margin-top:13px;
    float:right;

}
.categoryPage section .st-ui-pagination .st-query-present a.st-ui-pagination-link {
	font-family:Verdana,Geneva,sans-serif !important;
	display:initial;
    text-align:center;
    font-weight:400;
    min-width:10px;
	font-size:12px;
    color:#58595b;
    margin:0 3px;
}
.categoryPage section .st-ui-pagination .st-query-present a.st-ui-pagination-link.active {font-weight:600;}
.categoryPage section .st-ui-pagination .st-query-present a:not(.st-ui-pagination-number-link) {
	position:relative;
	cursor:default;
	height:24px;
	width:10px;
	color:#eee;
}
.categoryPage section .st-ui-pagination .st-query-present a:not(.st-ui-pagination-number-link) span {display:none;}
.categoryPage section .st-ui-pagination .st-query-present a:not(.st-ui-pagination-number-link)::before {
	position:absolute;
	cursor:pointer;
	content:"\00BB";
	color:#58595b;
	text-indent:0;
	display:block;
	height:100%;
	width:100%;
	left:10px;
	top:-3px;
}
.st-ui-injected-overlay-container section.st-ui-no-results .st-ui-type-heading, section.st-ui-no-results .st-ui-type-heading {
    display:none;
}

#SwiftSortDD {
    display:none;   
    text-align:left;
    border: 1px solid #cecece;
    line-height: 18px;
    height: 28px;
    border-radius: 4px;
    margin:10px 30px 10px;    
    width: 130px;
}
#SwiftSortDD select {
   
    background:transparent;
    padding: 0 5px;
    font-size: 8pt;
    display: block;
    color: #4b4b4b;
    height: 28px;
    outline:0;
    border: 0;
    cursor: pointer;
}

img#Swiftimg {
    width:235px;
    height:304px;
    display:block;
}

.SortingPagination {
   font-family: Verdana,Geneva,sans-serif!important;
   font-size: 12px;
    margin-bottom:10px;
    line-height:45px;
    text-align:right;
     height: 40px;
}
.SortingPagination a {
  color: black;
  padding:3px 5px;
}
/* Swift Type Search UI Override -  End  */
/*Omni channel changes- Start*/
.FavItemPopupMask{
    background: rgba(0,0,0,0.8);
    position: fixed;
    z-index: 999999;
    display: none;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
}
.FavItemContainer{
    transform:translate(-50%, -50%);
    position: fixed!important;
    left: 50%!important;
    top: 50%!important;
    padding: 10px 20px 0;
    box-sizing: border-box;
    background: #fff;
    width: 800px;
    height: 550px;
    border-radius: 4px;
    z-index: 9999;
    opacity: 1;
    display: block;
 }
.FavPopupHead h3 {
    border-bottom: 1px solid #cdcdcd;
    padding: 0 10px 0 50px;
    position: relative;
    line-height: 50px;
    font-weight: 600;
    font-size: 20px;
    color: #7fa6ad;
    font-family: 'Montserrat',sans-serif;
}

.FavPopupHead h3::before{
    background: url(https://cdn.netflorist.co.za/layout/images/2019_desktop-subpages-spr01.png) no-repeat -28px -338px;
    position: absolute;
    overflow: hidden;
    display: block;
    height: 50px;
    width: 45px;
    content: "";
    left: 0;
    top: 0;
}
.FavMsg{
     font:400 14px/24px 'Montserrat',sans-serif; 
     color:#515151;
     margin: 15px 0 15px;
}
.FavItemInnerContainer{
    border: 2px solid #f1f1f1;
    width: 600px;
    height: 300px;
    margin: 20px auto;
    overflow-y: auto;
    overflow-x: hidden;
}
.FavItemContainer .btncls {
    display: flex;
    width: 100%;
    flex-direction: row;
    justify-content: center;
}

/*.btncls {margin: 10px 0px 0px 148px;}*/
.FavmfpButton{
    font:16px 'Montserrat',sans-serif;  
    /*display: inline-block;*/
    background: #80a6ad;
    text-align: center;
    margin-bottom: 5px;
    border-radius: 5px;
    line-height: 48px;
    min-width: 300px;
    cursor: pointer;
    padding:0px;
    height: 48px;
    color: #fff;
    border: 0;
}
.shopbtn{background-color:#888888;}
.shopbtn:hover{background-color:#6a6a6a;}
.btnsavebtn::after{
    background: url(https://cdn.netflorist.co.za/layout/images/2019_desktop-subpages-spr01.png) no-repeat -73px -294px;
    position: absolute;
    display: block;
    height: 50px;
    width: 48px;
    content: "";
    right: 50px;
    top: 8px;
}
.btndelsave {
    display: inline-block;
    position: relative;
}
#btnDeleteSavedList, #btnCheckout,#btnSaved,#btnShop {
 padding: 0px 41px 0px 15px;
}
 .btndelsave::after{
   background: url(https://cdn.netflorist.co.za/layout/images/2019_fav_popups_etc.png) no-repeat -84px -281px;
    position: absolute;
    display: block;
    height: 50px;
    width: 48px;
    content: "";
    right: 7%;
    top: 8px;
}
.btnsavebtn {position:relative;margin-left:10px;}
.savebtn:hover{background-color:#5a878f;}
.upsImage img {
    width: 45px;
    height: 50px;
}
.Basketitems{
    border-bottom: 1px solid #cdcdcd;
    padding: 5px;
    margin: 0 auto;
    height:95px;
}

.FavItemInnerContainer >table{
    width: 100%;
    margin: 1px 0!important;
    border-collapse:collapse;
}
.FavItemInnerContainer table tr th {
    font-size: 10pt;
    padding-top:10px;
    line-height: 23px;
    font-weight:400;
    text-align: left;
    font-family: 'Montserrat',sans-serif;
    color: #525252;
}
.FavItemInnerContainer table tr.Basketitems td .upsImage img {
    margin:0px auto;
}
td.cap1 {
    font-size: 10pt;
    line-height: 23px;
    text-align: left;
    width: 214px;
    color:#525252;
}
td.cap2 {
    width: 216px;
    color:#525252;
}
.name,.cell.itemPrice {
    font: 600 14px/24px 'Montserrat',sans-serif !important;
    width: 200px;
    color: #525252;
}
.cell .itemPrice{font-size: 24px;}
.favClosebtn {
    background-position: -66px -223px;
}
/*Omni channel changes- End*/

/*Changes for Slider--Start*/
img {vertical-align: middle;}


body.NJ .oStripButton input {
    background: #a99576;
}

body.NJ #occasionStrip,body.NJ #rightoccasionStrip {
    display: none !important;
}

body.NJ #occasionStrip {
    background: #cdb998 url(https://cdn.netflorist.co.za/layout/images/findmygift.png) no-repeat 0;
}

 /*Slideshow container*/ 
.BannerSlidesContainer {
  max-width: 1000px;
  position: relative;
  margin: auto;
}

 /*Next & previous buttons*/ 
.ngprev, .ngnext {
  cursor: pointer;
  position: absolute;
  top: 50% !important;
  transform:translateY(-50%);
  width: auto;
  padding: 16px;
  margin-top: -22px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
  width:20px!important;
  height:80px!important;
}

 /*Position the "next button" to the right */
.ngnext {
  right: 0;
  border-radius: 3px 0 0 3px;
}

 /*On hover, add a black background color with a little bit see-through */
.ngprev:hover, .next:hover {
  background-color: rgba(0,0,0,0.8);
}

a.ngnext:before {
    transform: rotateZ(-180deg);
    left:0;
}
a.ngprev:before{
    left:0;
}
 /*Fading animation*/ 
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}

 /*On smaller screens, decrease text size*/ 
@media only screen and (max-width: 300px) {
  .ngprev, .ngnext,.text {font-size: 11px}
}
/*Changes for Slider-End*/
.BasketPopupHeight {
    height: 220px;
    margin: -125px auto 0 -400px;
}
.DisplayNone {
    display:none;
}
#topRibbon div#divCustWalletBIF {
    float: right;
    margin-left: 25px!important;
    position: relative;
}
#topRibbon div#divCustWalletBIF>label {
    width: 30px!important;
    height: 31px!important;
    line-height: 30px!important;
    padding: 0!important;
    text-align: center;
    border-left: 1px solid #b6c7ca;
    padding-left: 5px!important;
}
div#divCustWalletBIF label:before {
    display: none !important;
}
#divCustWalletBIF> label:after{
     background: #ef3e62 url(https://cdn.netflorist.co.za/layout/images/2019_desktop-subpages-spr01.png) no-repeat -600px -296px;
    display: block;
    height: 30px;
    width: 30px;
    content: "";
    position: absolute;
    border-radius: 3px;
}
#topRibbon #divCustWalletBIF .bifSprite-tooltiptext{
    width: 170px;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 0 0;
    position: absolute;
    z-index: 1;
    top: 115%;
    right: 0;
    margin-left: -50px;
    opacity: 1;
    transition: opacity .3s;
}
#topRibbon .mainSprite-bifSprite .bifSprite-tooltiptext::after {
    content: "";
    position: absolute;
    bottom: 100%;
    right: 10px;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent #555 transparent;
}
/*Customer wallet*/
#topRibbon div#divCustWallet {
    float: right;
    margin-left: 25px !important;
    position:relative;
}
div#divCustWallet label:before {
    display: none !important;
}
.dropBox.creditWalletBox {
    width: 220px;
    top:30px;
    right: 0;
    padding: 10px;
    z-index:999 !important;
}
#topRibbon div#divCustWallet > label {
    width: 30px!important;
    height: 31px!important;
    line-height: 30px!important;
    padding: 0!important;
    text-align: center;
    border-left: 1px solid #b6c7ca;
    padding-left: 5px !important;
}
div#divCustWallet > label:after {
    background: url(https://cdn.netflorist.co.za/layout/images/2019_desktop-subpages-spr01.png) no-repeat;
    display: block;
    height: 30px;
    background-position: -602px -295px;
    width: 30px;
    content: "";
    position: absolute;
}
div#divCustWallet>label:hover:after {
    background: url(https://cdn.netflorist.co.za/layout/images/2019_desktop-subpages-spr01.png) no-repeat;
    display: block;
    height: 30px;
    background-position: -562px -295px;
    width: 30px;
    content: "";
    position: absolute;
}

#topRibbon div#divCustWallet label:hover {
    background: #fff;
    color: #80a6ad;
}
#topRibbon .mainSprite-wallet .wallet-tooltiptext {
    visibility: hidden;
    width: 170px;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 0 0;
    position: absolute;
    z-index: 1;
    top: 115%;
    right: 0;
    margin-left: -50px;
    opacity: 0;
    transition: opacity .3s;
}
#topRibbon .mainSprite-wallet .wallet-tooltiptext::after {
    content: "";
    position: absolute;
    bottom: 100%;
    right: 10px;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent #555 transparent;
}

#topRibbon .mainSprite-wallet:hover .wallet-tooltiptext {
  visibility: visible;
  opacity: 1;
}

.walletViewBtnWrap .viewBtn {
    background: #80a6ad;
    text-transform: uppercase;
    color: #fff !important;
    width: 100%;
    padding: 4px !important;
    text-align: center;
    margin: 7px 0px 1px !important;
    display: block !important;
    box-sizing: border-box;
    text-decoration:none !important;
}
.walletViewBtnWrap .viewBtn:hover {
    background: #80a6add4;
}
.walletContentRow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.walletContentCol20 {
    margin-right: 20px;
    width: 20%;
}
.walletContentCol20 label {
    color: #989595;
}
.walletContentCol80 {
    width: 80%;
}

.walletContentCol80 > h4 {
    color:#80a6ad;
}
/*Register box*/
#registerBox input::-webkit-input-placeholder,
form.SearchBox input::-webkit-input-placeholder {
    color:#757575 !important;
} 
div#loginBoxinput::-webkit-input-placeholder,
div#loginBox input::-webkit-input-placeholder {
    color:#757575 !important;
} 
/*End*/

/*Credit page*/
.creditWalletHeader > h3 {
    position:relative;
    font-size: 34px;
    padding-left: 70px;
    font-weight: 400;
    letter-spacing: -1px;
}
.creditWalletWrap {
    margin-bottom: 25px;
    background: #fff;
    width: 490px;
    color: #797777;
}
.viewAccumlationWrap {
    padding: 20px;
    width: 460px;
    color: #797777;
    text-align: center;
    box-sizing: border-box;
}
.AccumVisible {
    margin-bottom: 20px;
}
.creditWalletHeader {
    text-align: center;
    background: #80a6ad;
    color: #fff;
    padding: 30px;
}
.creditWalletHeader > h3:before {
    background: url(https://cdn.netflorist.co.za/layout/images/2019_desktop-subpages-spr01.png) no-repeat;
    background-position: -282px -236px;
    position: absolute;
    display: block;
    height: 65px;
    width: 75px;
    content: "";
    left: 80px;
    top: -20px;
}

.creditWalletHeader > h3 {
    position: relative;
}
.creditWalletContent {
    padding: 20px;
}
.walletContentCol20 label:after {
    background: url(https://cdn.netflorist.co.za/layout/images/2019_desktop-subpages-spr01.png) no-repeat;
    display: block;
    height: 30px;
    background-position: -560px -298px;
    width: 30px;
    content: "";
}

.walletContentCol20 > div {
    font-size: 14px;
    padding: 0px 5px 0;
}

.walletContentCol80 h3 {
    padding: 7px 0;
}

.creditWalletContent h4 {
    text-align: center;
    margin: 15px;
    font-size: 32px;
}

.creditWalletContent p {
    line-height: 2em;
    color: #8e8989;
}
.wallteLineSeprator {
    border-top: 1px solid #d8d8d85c;
    padding-bottom: 15px;
    margin-top: 25px;
}
.creditWalletContent .addToBasketBtn{
    font: 500 14px/58px 'Montserrat',sans-serif;
    box-sizing: border-box;
    padding: 0px 45px 0 10px;
    display: inline-block;
    text-decoration: none !important;
    background: #ed365c;
    border-radius: 5px;
    text-align: center;
    position: relative;
    width: 100%;
    color: #fff;
    margin: 0;
    height: 45px;
    line-height: 45px;
}


.walletbalanceForm {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 20px;
}

.walletbalanceForm > input {
    width: 65.2%;
    height: 30px;
    padding: 5px;
    margin-right:9px;
}

.walletbalanceForm .ButtonRow {
    width: 45%;
    padding-left: 10px;
}
.creditWalletContent .addToBasketBtn:after { 
    content: "";
    background: url(https://cdn.netflorist.co.za/layout/images/2019_desktop_home-spr01.png) no-repeat;
    background-position: -283px -62px;
    position: absolute;
    display: block;
    height: 34px;
    width: 39px;
    content: "";right: 10px;
    top: 7px;
}
.viewAccumlationWrap .BtnAccn {
    background: #80a6ad;
    color: #fff;
    text-decoration: none!important;
    position: relative;
    display: block;
    width: 295px;
    margin: auto;
    padding: 12px 35px 10px 0;
}


a.BtnAccn:After {
    background: url(https://cdn.netflorist.co.za/layout/images/2019_desktop-subpages-spr01.png) no-repeat;
    background-position: -15px -55px;
    position: absolute;
    display: block;
    height: 30px;
    width: 38px;
    content: "";
    right: 45px;
    top: 7px;
}
a.BtnAccn.buttonBoxed:after {
    background: url(https://cdn.netflorist.co.za/layout/images/2019_desktop-subpages-spr01.png) no-repeat;
    display: block;
    height: 30px;
    background-position: -227px -268px;
    width: 38px;
    content: "";
}
.viewAccumlationWrapBox {
    background: #fff;
    /*position: absolute;*/
    top: 34px;
    padding: 30px 0;
    z-index: -1;
    box-sizing: border-box;
}

.viewAccumlationWrap {
    position: relative;
}
.viewAccumlationWrap.AccumVisible {
    background: #fff;
}

a.BtnAccn.buttonBoxed {
    background: transparent;
    border: 1px solid #80a6ad;
    color: #80a6ad;
}
table.accumulation-data tr {
    border-bottom: 1px solid #e0e0e0;
}

table.accumulation-data {
    border-collapse: collapse;
    width: 100%;
}

table.accumulation-data td {
    padding:10px;
    text-align:left;
}
table.accumulation-data th {
    font-size:14px;
    font-weight:400;
    padding-bottom:15px;
}
/*table.accumulation-data {
    height: 150px;
    overflow-y: scroll;
    display: block;
}*/
.SystemHelpWrap {
    width: 460px;
    margin-bottom: 50px;
    box-sizing: border-box;
}

a.BtnHowSystemWrk {
    display: block;
    position: relative;
    width: 295px;
    margin: auto;
    background: #ddd;
    text-align: center;
    color: #747474;
    padding: 12px 35px 10px 0;
    text-decoration: none!important;
}
}
a.BtnHowSystemWrk:after {
    background: url(https://cdn.netflorist.co.za/layout/images/2019_desktop-subpages-spr01.png) no-repeat;
    background-position: -134px -232px;
    position: absolute;
    display: block;
    height: 32px;
    width: 38px;
    content: "";
    right: 10px;
    top: 7px;
}
.genericPopup.creaditHelpPopup {
    transform: translate(-50%, -50%);
}
.genericPopup.creaditHelpPopup {
    border-radius: 0;
    padding: 25px;
}

.creditHelpTitle h3 {
    color: #80a6ad;
    border-bottom: 1px solid #a2a2a2;
    padding-bottom: 10px;
}

.creditSystemPopupData {
    padding: 20px;
    height: 320px;
    overflow-y: scroll;
}
.creditHelpTitle > h3:after {
    background: url(https://cdn.netflorist.co.za/layout/images/2019_desktop-subpages-spr01.png) no-repeat;
    background-position: -140px -270px;
    position: absolute;
    display: block;
    height: 32px;
    width: 38px;
    content: "";
    left: 2px;
    top: -2px;
}

.creditHelpTitle > h3 {
    position: relative;
    padding-left: 45px;
}
.creditWalletContent .addToBasketReedmBtn {
    background: #65ae38;
    border-color: #65ae38;
    color: #fff;
    padding: 13px 15px;
    box-shadow: none;
    border: none;
    border-radius: 3px;
    cursor: pointer;
}
.creditWalletContent a#btnRedeemedVal {
    background: #65ae38;
    border-color: #65ae38;
    color: #fff;
    padding: 13px 15px;
    box-shadow: none;
    border: none;
    border-radius: 3px;
    cursor: pointer;
    display: block;
    width: 230px;
    text-decoration:none !important;
}
.creditWalletContent span#ButtonBottomArea {
    width: 41.3% !important;
    padding: 0;
}


.creditWalletContent a#ancUndoRedeemed,
.creditWalletContent span#ButtonBottomArea {
    display:block;
    width:50%;
    vertical-align:middle;
}

.creditWalletContent a#ancUndoRedeemed {
    padding: 10px 20px;
    vertical-align: middle;
    cursor: pointer
}
.creditWalletContent a#ancUndoRedeemed:active {
    color: #ed365c;
}
.creditWalletContent .addToBasketReedmBtn:hover,
.creditWalletContent a#btnRedeemedVal:hover {
    background: #65ae38e0;
}
.creditWalletContent a#btnRedeemedVal > b {
    margin-right:3px;
}
.soldOutOverlay_search {
    display: none;
    background: rgba(255,255,255,0.65) url(https://cdn.netflorist.co.za/layout/images/sold-out_overlay_search.png) no-repeat center center;
    /*width: 360px;
    height: 460px;*/
    z-index: 1;
    position: absolute;
    top: 0;
}
.soldOutOverlay_favourite {
    display: none;
    background: rgba(255,255,255,0.65) url(https://cdn.netflorist.co.za/layout/images/sold-out_overlay_search.png) no-repeat center center;
    width: 100%;
    height: 306px;
    z-index: 1;
    position: absolute;
    top: 0;
}
/*Gift Wizard open css for category pages*/
.filterSetPanel {
    z-index: 22 !important;
    margin-top:-130px !important;
}
.giftWrapSlide {
    top: 50%;
    left: 0;
    right: auto;
    bottom: auto;
    -webkit-transform: rotate(-90deg) translateY(50%) translateX(-50%);
    -moz-transform: rotate(-90deg) translateY(50%) translateX(-50%);
    -ms-transform: rotate(-90deg) translateY(50%) translateX(-50%);
    -o-transform: rotate(-90deg) translateY(50%) translateX(-50%);
    transform: rotate(-90deg) translateY(50%) translateX(-50%);
    transform-origin: left;
    margin-bottom: 0;
    max-width: 100%;
    z-index: 9;
    margin: 0 auto;
    position: fixed;
    background: #80a6ad;
    color: #fff;
    cursor:pointer;
    padding: 5px 7px;
}
span.PassViewIcon {
    background: url('https://cdn.netflorist.co.za/layout/images/2020_desktop_home-spr01.png') no-repeat -468px -228px;
    width: 25px;
    height: 18px;
    position: absolute;
    right: 56px;
    top: 4px;
    cursor: pointer;
}

input#tbPassword {
    padding-right: 35px !important;
}
input#tbPassword {
    float: left !important;
    width: 77% !important;
    color: #333 !important;
}
span.PassViewIcon.PassVisible {
    background: url(https://cdn.netflorist.co.za/layout/images/2020_desktop_home-spr01.png) no-repeat -468px -254px;
}
#ctl00_ucTopRibbon_UCLogin_tbPassword {
    float: left !important;
    width: 77% !important;
    color:#333 !important;
}
#loginPwd {
    position: relative;
    padding-right: 36px !important;
}

.pddLoginBox .PassViewIcon {
    right: 5px;
    top: 15px;
}
span.PassViewIcon.visibled{
    background: url(https://cdn.netflorist.co.za/layout/images/2020_desktop_home-spr01.png) no-repeat -468px -254px;
}
#fc_frame {right: 92px !important;}
div#fc_frame.fc-widget-small {bottom: 5px!important;}


/*Voucher CSS*/
.wallertCol-1 {
    display: inline-block;
}
.voucherWalletWrap {
    display: inline-block;
    vertical-align: top;
    width: 490px;
    margin-left: 16px;
}

.creditWalletWrap {
    display: inline-block;
}

.voucherWalletHeader {
    text-align: center;
    background: #80a6ad;
    color: #fff;
    padding: 30px;
}

.voucherWalletHeader > h3 {
    position: relative;
    font-size: 34px;
    padding-left: 70px;
    font-weight:400;
    letter-spacing: -1px;
}
.voucherWalletContent {
    padding: 20px;
    background: #fff;
}
.voucherWalletHeader > h3:before {
    background: url(https://cdn.netflorist.co.za/layout/images/2019_desktop-subpages-spr01.png) no-repeat;
    background-position: -381px -236px;
    position: absolute;
    display: block;
    height: 65px;
    width: 100px;
    content: "";
    left: 45px;
    top: -20px;
}
tr.headerTitle td {
    font-size: 13px;
    color: #828080;
}
.voucherWalletContent table td:first-child {
    width: 70%;
}
.claimButton:hover {
    background: #e2e0e0bf;
}
.addToBasketBtn:hover {
    background: #ed365cde;
}
.voucherWalletContent table td:last-child {
    width: 15%;
    text-align: center;
}

.voucherNumber {
    font-size: 13px;
    line-height: 1.4;
}

.claimButton {
    background: #e2e0e0;
    color: #333;
    padding: 5px 13px;
    text-align: center;
    text-decoration: none !important;
    border-radius: 3px;
    cursor:pointer;
}
tr.seperator-line a {
    cursor: pointer;
}
.voucheradded {
    background: rgb(83, 175, 26);
    color: #fff;
    padding: 6px 13px;
    font-size: 13px;
    border-radius: 3px;
}

.voucherNumber > b {
    font-size: 12px;
}
.voucherWalletContent table td:nth-child(2) {text-align: center;width: 30%;}

tr.seperator-line {
    border-bottom: 1px solid #dddddd;
}


.voucherWalletContent table {
    border-collapse: collapse;
}

tr.seperator-line td {
    padding: 15px 0;
    color: #8e8989;
}
.VoucherRedeemWrap .addToBasketBtn{
    font: 500 14px/58px 'Montserrat',sans-serif;
    box-sizing: border-box;
    padding: 12px 53px 12px 13px;
    width: 20% !important;
    text-decoration: none!important;
    background: #ed365c;
    border-radius: 5px;
    text-align: center;
    position: relative;
    width: 100%;
    color: #fff;
    margin: 0;
    height: 45px;
    line-height: 45px;
    cursor:pointer;
}
.VoucherRedeemWrap .addToBasketBtn:after {
     content: "";
    background: url(https://cdn.netflorist.co.za/layout/images/2019_desktop_home-spr01.png) no-repeat;
    background-position: -283px -62px;
    position: absolute;
    display: block;
    height: 34px;
    width: 39px;
    content: "";
    right: 10px;
    top: 5px;   
}

.VoucherRedeemWrap > input {
    width: 56.8%;
    height: 30px;
    padding: 5px;
    margin-right: 10px;
}

.VoucherRedeemWrap {
    background: #fff;
    margin: 10px auto;
    padding: 15px;
}
.VoucherRedeemWrap > h5 {
    font-size: 16px;
    color: #717070;
    font-weight: 500;
    margin-bottom: 10px;
}
.creditWalletHeader {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.voucherWalletHeader {
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}

.voucherWalletContent {
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}

.VoucherRedeemWrap {
    border-radius: 5px;
}
.viewAccumlationWrap > a {
    border-radius: 4px;
}

.SystemHelpWrap > a {
    border-radius: 4px;
}
/*End Voucher*/
.chat-fc-form-outer {
    height: 400px!important;
}
a.fc-button {
    text-decoration: none;
    font-weight: 600;
}
li.pre-fc-field input {
    padding-left: 10px!important;
}

.walletContentCol20 label.voucherIcon:after {
    background: url(https://cdn.netflorist.co.za/layout/images/2019_desktop-subpages-spr01.png) no-repeat;
    display: block;
    height: 30px;
    background-position: -560px -298px;
    width: 30px;
    content: "";
}

.VoucherWalletBox {
    margin-top: 15px;
    padding-top: 10px;
    border-top: 1px solid #ddd;
}
.voucherWrapContent {
    padding: 0px 5px;
}
/*Home page changes for footer banners cake*/
.newNFright .newNFsubhead {
    font-size: 24px;
    color: rgb(97, 136, 143);
    font-weight: bold;
    line-height: 1.2;
    text-align: left;
}
.newNFright .newNFmedium > p {
    font-size: 16px;
    color: rgb(92, 92, 92);
    line-height: 1.5;
    text-align: left;
}
.newNFright .newNFlogowrap {
    border: 0 !important;
}
.newNFright .newNFlogos {
    display: none;
}
.newNFright .newNFlogowrap {
    margin-top: 5px !important;
}
.st-default-autocomplete {
    position: fixed!important;
    top: 95px!important;
}
.ui-autocomplete {
position: fixed!important;
    top: 95px!important;
}
.siteWidth.categoryPage b {
font-weight: normal;
}
.dropBox #loginBox a.forgotPass.ToolbarPass {
    margin-left: 0px;
    padding-left: 0px;
    color: #ef3e62;
    font-size:12px;
}
.dropBox #loginBox .formContent .bottomLine a.forgotPass {
    margin-left: 0px;
    padding-left: 0px;
    color: #ef3e62;
    font-size:12px;
}
.dropBox #registerBox .formContent span.PassViewIcon2 {
    background: url(https://cdn.netflorist.co.za/layout/images/2020_desktop_home-spr01.png) no-repeat -468px -228px;
    width: 25px;
    height: 18px;
    position: absolute;
    right: 5px;
    top: 4px;
    cursor: pointer;
}

.dropBox #registerBox .formContent span.PassViewIcon2.PassVisible2  {
    background: url(https://cdn.netflorist.co.za/layout/images/2020_desktop_home-spr01.png) no-repeat -468px -254px;
}
.dropBox #loginBox .hasGoBtn .loginBtn {
     border-radius:4px;
}
.dropBox #registerBox .formContent .hasRegBtn input[type="button"] {
    border-radius:4px;
}
.dropBox #registerBox .formContent .hasCheckbox label {
    font-size:9px;
    color:#939598;
}
.dropBox #registerBox .formContent input:not([type=checkbox]), .dropBox #loginBox .formContent input:not([type=checkbox]) {
    font-family: 'Montserrat',sans-serif;
    font-size: 11px;
}
.mt-2 {
    margin-top:15px;
}

.contOverlay {
    width: 58.5%;
}
@media (max-width:5398px) {
    .contOverlay {
        width: 58.5%;
    }
}
@media (max-width:5395px) {
    .contOverlay {
        width: 61.5%;
    }
}
@media (max-width:4052px) {
    .contOverlay {
        width: 58.5%;
    }
}
@media (max-width:4050px) {
    .contOverlay {
        width: 67.5%;
    }
}

@media (max-width:2698px) {
    .contOverlay {
        width: 73.5%;
    }
}

@media (max-width:1920px) {
.contOverlay {
width: 76%;
}
}
@media (max-width:1744px) {
.contOverlay {
width: 78%;
}
}
@media (max-width:1601px) {
.contOverlay {
width: 81%;
}
}
@media (max-width:1500px) {
.contOverlay {
width: 82%;
}
}
@media (max-width:1380px) {
.contOverlay {
width: 85%;
}
}
@media (max-width:1260px) {
.contOverlay {
width: 87%;
}
}
@media (max-width:1226px) {
    .contOverlay {
        width: 85%;
    }
}
@media (max-width:1024px) {
    .contOverlay {
        width: 83%;
    }
}
@media (max-width:899px) {
    .contOverlay {
        width: 80%;
    }
}
@media (max-width:770px) {
    .contOverlay {
        width: 77%;
    }
}
@media (max-width:675px) {
    .contOverlay {
        width: 71%;
    }
}
.clearBoth {
	clear:both;
}
.provinceSelect {
	width:48.5% !important;
}
#topRibbon .mainSprite.country .dropBox.list a:hover, #topRibbon .mainSprite.country .dropBox.list a.activeCountry {
    color: #fff;
    text-decoration:none;
    background-color: #ed365c;
}
#TopMenuBar ul.menuUk {
    text-align:left;
    width:100%;
}
#TopMenuBar .menuUk li.ukGift:first-child {
    margin-left:0px;
}
#TopMenuBar .menuUk li.ukGift:last-child {
    margin-left:10px !important;
}