﻿@charset "utf-8";
/* CSS Document */

.NJ .ToolBarSpace {background: #fff;}
.NJ .ToolBarSpace .Toolbar .Caption,
.NJ .ToolBarSpace .Toolbar .Currency .CurrentCurrency,
.NJ .ToolBarSpace .Toolbar .CountryOfDelivery .CurrentCountry {
    color: #4c1047;
    font-family: verdana;
    font-size: 13px;
}
.NJ .ToolBarSpace .Toolbar .Currency {left: 250px;}
.NJ #CurrencyBoxToolbar {left:140px;}
.NJ .ToolBarSpace .Toolbar .topBarContactUs {left: 470px;}
.NJ .ToolBarSpace .Toolbar .ContactNumber {padding-right: 245px;}
.NJ .ToolBarSpace .Toolbar > a.ShoppingBasket, .NJ .ToolBarSpace .Toolbar > div.ShoppingBasket:before {display:none;}
.NJ .ToolBarSpace .Toolbar > div.ShoppingBasket {color:#fff;font-size:0px;}
.NJ .ToolBarSpace .Toolbar .Logon {
	font-weight: bold;
	right: 0px;
    left: auto;
}
.NJ .ToolBarSpace .Toolbar .Caption:not(a):after,
.NJ .topBarContactUs > .ContactNumber:after {
	/*background-image: url(https://cdn.netflorist.co.za/layout/images/nj_down_caret.png);*/
	top: 3px;
}
.NJ:not(.basketFlow) #B {top:110px;padding-top:1px;position:fixed;}
.NJ:not(.basketFlow) #A .mainHeader {height:74px;width:1015px;margin:0 auto;}
.NJ:not(.basketFlow) #A .mainHeader .headerSprite {
	background-image: url(https://cdn.netflorist.co.za/layout/images/header_sprite.png);
	font: normal 11px/12px Arial, Helvetica, sans-serif;
	margin-right:25px;
	height: 55px;
}
.NJ:not(.basketFlow) #A .mainHeader .njLogo {
    background-position: 0px -47px;
    width: 197px;
}
.NJ:not(.basketFlow) #A .mainHeader .njLogo a {height:55px;}
.NJ #A .mainHeader .ring {
    background-position: -207px -47px;
    width: 91px;
}
.NJ:not(.basketFlow) #A .mainHeader .secure {
	background-position: -307px -47px;
    width: 118px;
}
.NJ #A .mainHeader .basket {
	background-position: -590px -47px;
    width: 95px;
}
.NJ #A .mainHeader .basket a {position:relative;overflow:hidden;}
.NJ #A .mainHeader .basket a:before {
    font:bold 11px/15px arial, sans-serif;
    position:absolute;
    content:attr(title);
    text-align:center;
    display:block;
    color:#fff;
    top:10px;
    right: 15px;
    width: 15px;
    height: 15px;
    text-indent:0;
}
.NJ #A .mainHeader .siteSearch {
	margin-right: 25px;
    padding-top: 12px;
    width: 145px;
}
.NJ #A .mainHeader .track {
    background-position: -694px -47px;
    width: 113px;
}
.NJ:not(.basketFlow)  #A .mainHeader .NonTab {
	margin:0;
	float:left;
}
.NJ #A .mainHeader .siteSearch input[type=text][value=""] {
	background: transparent url(https://cdn.netflorist.co.za/layout/images/header_sprite.png) no-repeat -434px -59px;
}
.NJ #A .mainHeader .siteSearch input[type=text] {
    padding:0 12px !important;
    height: 32px !important;
	width: 77% !important;
    background: #ecebeb;
    box-shadow: none;
    border: 0 !important;
}
.NJ #A .mainHeader .siteSearch input[type=submit] {
    background: transparent url(https://cdn.netflorist.co.za/layout/images/header_sprite.png) no-repeat -547px -59px;
	width: 23% !important;
	text-indent: -100px;
    height: 32px;
	border:none;
}
.NJ .trackOrder {
    left: 352px;
    margin: 10px 0 0 0;
    padding: 10px 10px 0px 10px;
}

.NJ #TopMenuBar {background: #ebebeb;}
.NJ ul.menuL1 {
    background: #ebebeb;
    color: #575757;
}
.NJ ul.menuL1 a {
	color: #575757;
	font-size:12px;
	line-height: 38px;
}
.NJ ul.menuL1 ul {background: #fff;}
.NJ ul.menuL1 > li {color: #575757;}
.NJ ul.menuL1 > li:before {display:none;}
.NJ ul.menuL1 > li > a {
	color: #575757;
	text-transform:uppercase;
}
.NJ ul.menuL1 > li:hover,
.NJ ul.menuL1 > li:hover > a,
.NJ ul.menuL1 > li > a:hover,
.NJ ul.menuL1 > li.active,
.NJ ul.menuL1 > li.active > a {
    background: #4a0048;
    color: #fff;
}
.NJ ul.menuL1 > li > .menuL2 li,
.NJ ul.menuL1 > li > .menuL2 a {font-size:100%;}

.NJ .divisionOfNf {
    background: #4a0048 url(https://cdn.netflorist.co.za/layout/images/mini_nf.png) no-repeat center 83%;
    font:normal 9px/12px arial,sans-serif;
    text-transform:uppercase;
    position: absolute;
    text-align:center;
    white-space:pre-wrap;
    box-sizing:border-box;
    padding:4px 4px 0;
    height: 90px;
    color: #fff;
    width: 52px;
    left: -60px;
}
.NJ .divisionOfNf:after {
    left:0;
    content:"";
    bottom:-22px;
    display:block;
    position:absolute;
    border-left: 26px solid #4a0048;
    border-right: 26px solid #4a0048;
    border-bottom: 22px solid transparent;
}

.NJ .menuCollapsed {
    background-color: #4c1047;
    position: absolute;
    line-height: 31px;
    height: 31px;
    top: 0px;
    left: 1px;
    background-position: 5px 7px;
    width: 70px;
    padding-left: 27px;
}
.NJ .trackOrder input[type=submit],
.NJ .menuContent ul li.agentProfile,
.NJ #lc_chat_layout #lc_chat_header {background-color:#4c1047;color:#fff;}
.MAA #lc_chat_layout #lc_chat_header,
.MAA #lc_chat_layout.lc-expanded #lc_chat_header .lc-minimize,
.MAA #lc_chat_layout.lc-expanded #lc_chat_header .lc-close {color:#fff !important;}
.MAA #lc_chat_layout.lc-collapsed #lc_chat_header.lc-dark-icon {background-image:url(https://assets1.chat.freshdesk.com/images/chat-icon.svg) !important;}
.NJ .ToolBarSpace.callCentreToolbar .Toolbar > .Caption.CountryOfDelivery {left: 120px;top:8px;}
.NJ .ToolBarSpace.callCentreToolbar .Toolbar .Currency {left: 250px;top:8px;}
.NJ .ToolBarSpace.callCentreToolbar .Toolbar > .Caption.CountryOfDelivery + .select-label {
    left: 230px;
    top: 28px;
}
.NJ .ToolBarSpace.callCentreToolbar .Toolbar > .Caption.Currency + .select-label {
    left: 565px;
    top: 28px;
}
.NJ .ToolBarSpace .Toolbar .ContactNumberPopUp .red {color:#4c1047 !important;}
.NJ .ToolBarSpace .Toolbar .ContactNumberPopUp {width:170px;}




#A .mainHeader .siteSearch input[type=text] {border-radius:0;}


.SF #A .mainHeader .headerSprite,
.MY #A .mainHeader .headerSprite,
.NF.basketFlow #A .mainHeader .headerSprite {margin-right: 38px;}
.SF #A .mainHeader .sameday,
.MY #A .mainHeader .sameday,
.basketFlow:not(.NF):not(.NJ) #A .mainHeader .sameday {
    background-position: -694px 0;
    width: 120px;
}

.NJ .ui-state-highlight,
.NJ .ui-widget-header .ui-state-highlight {
    border: 1px solid #4a0048 !important;
    background-color: #4a0048 !important;
}
.NJ .select-box .select-expanded::-webkit-scrollbar-thumb,
.NJ .ui-menu::-webkit-scrollbar-thumb {
    background: rgba(74,0,72,0.8);
}
.NJ #A .HomePage {padding-top:22px;}
.NJ #A .HomePage .SmallAdvertBox.NWS {display:none;}

.NJ:not(.basketFlow) #A {top:145px;}
.NJ:not(.basketFlow) #D {min-height:71px;}
.NJ.MAB #D {top:-115px;}