#Title {
    display:block;
    padding:0;
    margin:0;
}
.ContentPage img {
    width:auto;
    display:inline-block;
}
.ContentPage img[src$='/13/Reg/Flower.jpg'] {margin-right:8px;}
.ContentPage H1 {
    color:#58595b !important;
    text-align:left;
    font-size:14pt;
    top:auto;
    position:inherit;
    font-weight:bold;
    margin:0px 0px 10px 0px;
    text-transform:capitalize;
    width:auto;
}
.ContentPage H2 {
    text-align:left;
    font-size:10pt;
    margin:0px 0px 10px 0px;
    top:auto;
    position:inherit;
    font-weight:normal;
}
.ContentPage .CatalogueWideBanner {
    background-color:#dcdcdc;
    display:inline-block;
    width:992px;
    padding:0px 0px 0px 0px;
    margin:0px 11px 50px 13px;
    text-align:left;
    vertical-align:top;
    line-height:normal;
    font-size:10pt;
}
.ContentPage.Content {
    text-align:left;
    font-family:Verdana, Helvetica, Arial;
    font-size:13pt !important;
    line-height:normal !important;
    width:992px;
}
h3:empty {display:none;}
.ContentPage H3 {
    font-size:13pt;
    color:#5C9A95;
    font-weight:bold;
    margin:15px 0px 10px 0px;
    text-transform:capitalize;
    line-height:normal;
    text-align:left;
}
.ContentPage H4 {
    font-size:11pt;
    color:#5C9A95;
    font-weight:bold;
    margin:0px 0px 10px 0px;
    text-transform:capitalize;
}

.ContentPage P, .Copy {
    display:block;
    margin:0px 0px 15px 0px;
    font-size:11pt;
    line-height:20pt;
    color:#555555;
}
.ContentPage .position > .position-copy p {margin-top:0;}
.ContentPage .hr-container {width:100%;}
.ContentPage P B {font-weight:bold;}
.ContentPage P B, .ContentPage P A, .ContentPage H2, .Copy a {
    color:#4d807b;/*#d96878*/
    font-size:11pt;
    font-weight:bold;
    text-decoration:underline;
}
.Copy a {font-weight:bold;}
#A.NG .ContentPage P B, #A.NG .ContentPage P A, #A.NG .ContentPage H2, #A.PG .ContentPage P B,
#A.PG .ContentPage P A, #A.PG .ContentPage H2, #A.NG .ContentPage H2 A, #A.PG .ContentPage H2 A {color:#5b9a98;}
#A.NJ .ContentPage P B, #A.NJ .ContentPage P A, #A.NJ .ContentPage H2, #A.NJ .ContentPage H2 A {color:#628097;}
#A.NP .ContentPage P B, #A.NP .ContentPage P A, #A.NP .ContentPage H2, #A.NP .ContentPage H2 A {color:#A072A3;}
.ContentPage P A:active, P .ContentPage A:visited, P .ContentPage A:link, .ContentPage P A:active, .ContentPage P A:visited, .ContentPage P A:link {
    font-size:11pt;
    line-height:13pt;
    color:#4d807b;
    font-weight:bold;
    text-decoration:underline !important;
}
.ContentPage P A:hover, .Copy a:hover {
    font-size:11pt;
    line-height:13pt;
    color:#5c9a95;
    font-weight:bold;
    text-decoration:none !important;
}
.ContentPage P UL {
    font-size:11pt;
    line-height:13pt;
    color:#555555;
    width:66%;
    margin:0px 0px 15px 0px;
}
.ContentPage LI {
    list-style-position:outside !important;
    list-style-type:disc;
    padding-left:10px;
    margin:5px 0px 10px 20px;
    font-size:11pt;
    line-height:13pt;
    color:#555555;
    text-align:justify;
}
.ContentPage .NavigationBar {
    display:inline-block;
    width:500px;
    position:relative;
    top:0;
    left:0;
    padding:0;
    margin:0px auto;
    text-align:left;
    vertical-align:top;
    line-height:0;
    font-size:0;
}
.ContentPage .NavigationBar[id$=NavigationBarTop] {
    position:absolute;
    left:50%;
    margin-left:-250px;
    top:100px;
}
.ContentPage .NavigationBar .FilterNavigation {
    display:inline-block;
    width:10px;
    line-height:normal;
    font-size:10pt;
}

.AddressContent .PagingNavigation {
    font:normal 14px/40px Verdana, Helvetica, Arial;
    text-align:center;
    position:relative;
    color:#808080;
    display:block;
    margin:0 auto;
}
.AddressContent .PagingNavigation > a {
    display:inline-block;
    text-decoration:none;
    font-size:16px;
    padding:0 3px;
    color:#333;
}
.AddressContent .PagingNavigation > span:not([id*=dpAddressList]), .AddressContent .PagingNavigation > a.active {
    border:1px solid #e44e64;
    display:inline-block;
    border-radius:50%;
    line-height:22px;
    min-width:30px;
    color:#e44e64;
    height:22px;
}
.AddressContent .PagingNavigation > input[id*=btnDeleteAddrBook] {
    border:1px solid #e44e64;
    position:absolute;
    cursor:pointer;
    color:#e44e64;
    left:0px;
    top:9px;
}
.AddressContent table + .PagingNavigation > span[id*=dpAddressList] {border-radius:0 0 10px 10px;}
.AddressContent .PagingNavigation > span[id*=dpAddressList] {
    background-color:#fff6f7;
    box-sizing:border-box;
    display:block;
}
.AddressContent .PagingNavigation SPAN.PagingStatus {padding:0px 15px 0px 0px;}
.AddressContent .PagingNavigation SPAN.PagingStatus B {font-weight:normal;}
.AddressContent .PagingNavigation > [id*=btnDeleteAddrBook], .AddressContent .PagingNavigation A.PagingLinkBack, .AddressContent .PagingNavigation A.PagingLinkStart, .AddressContent .PagingNavigation A.PagingLinkA, .AddressContent .PagingNavigation A.PagingLinkB, .AddressContent .PagingNavigation A.PagingLinkC, .AddressContent .PagingNavigation A.PagingLinkD, .AddressContent .PagingNavigation A.PagingLinkE, .AddressContent .PagingNavigation A.PagingLinkEnd, .AddressContent .PagingNavigation A.PagingLinkNext, .AddressContent .PagingNavigation span.PagingLinkA {
    display:inline-block;
    font-size:16px;
    font-weight:normal;
    border:1px solid #808080;
    background-color:#ffffff;
    padding:0 6px;
    margin:0px 0px 0px 6px;
    text-decoration:none;
    color:#666666;
    box-sizing:border-box;
    line-height:20px;
    border-radius:3px;
}
.AddressContent .PagingNavigation span.PagingLinkA {
    font-weight:bold;
}
.AddressContent .PagingNavigation a.PagingLinkNum {
    text-decoration:underline;
}
.AddressContent .PagingNavigation span.PagingLinkA, .AddressContent .PagingNavigation a.PagingLinkNum {
    margin:0px 0px 0px 6px;
    background:none;
    padding:0;
    border:0;
}

.AddressContent .PagingNavigation a.On {
    background:#ea4d60;
    color:#fff;
}
.ContentPage table {
    border-collapse:collapse;
    border-color:#808080;
    /*background:#fff;*/
    margin:0 0 15px;
}
.ContentPage td {
    /*padding:2px 5px 2px 5px;*/
    margin:0;
    border-color:#808080;
    border-collapse:collapse;
}
.ContentPage .ContentTestimonials {
    display:block;
    margin:15px 0px 15px 0px;
    font-family:Verdana, Helvetica, Arial;
}
.ContentPage .ContentTestimonials .Name {
    font-weight:bold;
    font-size:10pt;
}
.ContentPage .ContentTestimonials .Date {
    font-size:8pt;
    color:#808080;
}
.ContentPage .ContentTestimonials .Message {
    text-align:justify;
    margin:10px 0px 0px 0px;
}
.ContentPage hr.Separator {border-collapse:collapse;}

.MyAccountContent .PetalHistory {
    font-family:Verdana, Helvetica, Arial;
    font-size:10pt;
}
.StatusMessageToolTip {
    color:#444444;
    font-size:10pt;
    border:1px solid #808080;
    padding:10px 10px 10px 10px;
    background-color:#EFEFEF;
    margin:5px 15px 10px 0px;
    width:400px;
}
.StatusMessageError {
    color:#C00000;
    font-size:10pt;
    border:1px solid #808080;
    padding:10px 10px 10px 10px;
    background-color:#EFEFEF;
    margin:5px 15px 10px 0px;
    width:400px;
}
.ContentSiteSimpleForm {
    padding:10px 0px 10px 0px;
    background-color:transparent;
    margin:5px 15px 10px 0px;
}

DIV.ListTripleColumn {
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
}
DIV.ListTripleColumn SPAN {
    display:inline;
    margin:4px 8px 4px 0px;
    padding:0px 0px 0px 0px;
    list-style-type:none;
    list-style:none;
}
UL.ListTripleColumn {
    padding:0px 0px 0px 0px;
}
UL.ListTripleColumn LI {
    width:1200px;
    display:inline-block;
    list-style-type:none;
    padding:0px 0px 0px 0px;
    font-family:Verdana, Helvetica, Arial;
    color:#d66875;
    color:Gray;
    font-size:8pt;
}

DIV.ListIndexColumn {
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
}
DIV.ListIndexColumn SPAN {
    display:inline;
    margin:4px 8px 4px 0px;
    padding:0px 0px 0px 0px;
    list-style-type:none;
    list-style:none;
}
UL.ListIndexColumn {
    padding:0px 0px 0px 0px;
    margin:10px 0px 0px 0px;
    position:relative;
    /*left:-30px;*/
}
UL.ListIndexColumn LI {
    width:214px; /*200px*/
    display:inline-block;
    list-style-type:none;
    padding:0px 0px 0px 0px;
    margin:0px 0px 0px 0px;
    font-family:Verdana, Helvetica, Arial;
    color:#d66875;
    color:Gray;
    font-size:8pt;
    vertical-align:top;
    text-align:left !important;
}

UL.ListIndexColumn LI A {
    display:inline-block;
    margin:1px;
    font-family:Verdana, Helvetica, Arial;
    color:#444444;
    font-size:10pt;
    text-decoration:none;
}
UL.ListIndexColumn LI A:hover {
    color:#d96878;
    text-decoration:underline;
}

.FlatList {
    display:inline-block;
    margin:1px;
    font-family:Verdana, Helvetica, Arial;
    color:#d66875;
    color:Gray;
    font-size:8pt;
}
UL.FlatList {
    padding:0px 0px 0px 0px;
    font-family:Verdana, Helvetica, Arial;
    color:#d66875;
    color:Gray;
    font-size:8pt;
    -moz-column-count:3;
}
UL.FlatList LI.FlatList {
    width:28%;
    display:inline-block;
    list-style-type:none;
    padding:0px 0px 0px 0px;
    font-family:Verdana, Helvetica, Arial;
    color:#d66875;
    color:Gray;
    font-size:8pt;
}

.BoldText {
    font-weight:bold;
    font-size:11pt;
    font-family:Verdana, Helvetica, Arial;
    color:#d66875;
}

.SEOContent {
    font-weight:normal;
    font-size:10pt;
    font-family:Verdana, Helvetica, Arial;
    color:#adabac;
}

.BestSellers {zoom:1;}
.BestSellers:after {
    content:"";
    display:table;
    clear:both;
}
#A .ContentPage .ProductBox {
    float:left;
    width:23%;
    height:360px;
    padding:0px;
    margin:0 1%;
    vertical-align:top;
    line-height:normal;
    font-size:10pt;
}

#A .ContentPage .ProductBox .HeaderBox {
    position:relative;
    z-index:20;
    background-color:transparent;
    height:36px;
    width:230px;
    padding:0px 0px 0px 0px;
    background-position:top left;
    display:inline-block;
    text-align:left;
}
#A .ContentPage .ProductBox .HeaderBox:hover {
    background-position:top left;
    display:inline-block;
    text-align:left;
}
/* START :MOVED TO THEME CSS FILE */
.ContentPage .ProductBox .HeaderBox, #A.SF .ContentPage .ProductBox .HeaderBox, #A.MY .ContentPage .ProductBox .HeaderBox {
    background-image:url('https://cdn.netflorist.co.za/layout/images/template2013/homepage_product_header_nf.png');
    background-repeat:repeat-x;
    background-color:#d96878;
    background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#ed9cab), to(#d96878));
    background-image:-webkit-linear-gradient(top, #ed9cab, #d96878);
    background-image:-moz-linear-gradient(top, #ed9cab, #d96878);
    background-image:-ms-linear-gradient(top, #ed9cab, #d96878);
    background-image:-o-linear-gradient(top, #ed9cab, #d96878);
}
#A.NG .ContentPage .ProductBox .HeaderBox {
    background-color:#5b9a98;
    background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#88B8B8), to(#5b9a98));
    background-image:-webkit-linear-gradient(top, #88B8B8, #5b9a98);
    background-image:-moz-linear-gradient(top, #88B8B8, #5b9a98);
    background-image:-ms-linear-gradient(top, #88B8B8, #5b9a98);
    background-image:-o-linear-gradient(top, #88B8B8, #5b9a98);
}
#A.NJ .ContentPage .ProductBox .HeaderBox {
    background-color:#628097;
    background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#8CA3B4), to(#628097));
    background-image:-webkit-linear-gradient(top, #8CA3B4, #628097);
    background-image:-moz-linear-gradient(top, #8CA3B4, #628097);
    background-image:-ms-linear-gradient(top, #8CA3B4, #628097);
    background-image:-o-linear-gradient(top, #8CA3B4, #628097);
}
#A.NP .ContentPage .ProductBox .HeaderBox {
    background-color:#A072A3;
    background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#BE9EC0), to(#A072A3));
    background-image:-webkit-linear-gradient(top, #BE9EC0, #A072A3);
    background-image:-moz-linear-gradient(top, #BE9EC0, #A072A3);
    background-image:-ms-linear-gradient(top, #BE9EC0, #A072A3);
    background-image:-o-linear-gradient(top, #BE9EC0, #A072A3);
}
#A.PF .ContentPage .ProductBox .HeaderBox, #A.PG .ContentPage .ProductBox .HeaderBox, #A.HC .ContentPage .ProductBox .HeaderBox {display:none;}
/* END :MOVED TO THEME CSS FILE */
#A .ContentPage .ProductBox .HeaderBox .HeaderText {
    vertical-align:middle !important;
    padding:0px 0px 0px 0px;
    margin:0px 0px 0px 0px;
    display:inline-block;
    width:230px;
    text-align:center;
    font-family:Trebuchet MS, Arial, Helvetica, Verdana;
    font-size:12pt;
    text-decoration:none;
    text-transform:none;
    color:#ffffff;
    font-weight:bold;
    line-height:36px;
    overflow:hidden;
    -webkit-font-smoothing:subpixel-antialiased;
}
#A .ContentPage .ProductBox .Product {
    position:relative;
    z-index:1; /*18*/
    top:-1px;
    display:inline-block;
}
#A .ContentPage .ProductBox .SectionTitle {
    padding:0px 0px 0px 0px;
    margin:0px 0px 0px 0px;
}
#A .ContentPage .ProductBox IMG.Header {
    margin:0px 0px 0px 0px;
    width:229px;
    height:38px;
}
#A .ContentPage .ProductBox .ProductName {
    font-size:9pt;
    letter-spacing:-0.5px;
    color:#555555 !important;
    display:inline-block;
    width:229px;
    margin-top:7px;
    text-align:center;
    font-weight:bold;
    font-family:Arial, Helvetica, Verdana;
}
.ProductBox .ProductName, .ProductBox .ProductPrice, .ProductBox .ShopNowLink {font-weight:bold;}
#A .ContentPage .ProductBox .ProductDiscounted {
    font-size:9pt;
    color:#D76374;
    display:inline-block;
    width:229px;
    margin-top:2px;
    text-align:center;
    font-weight:normal;
    font-family:Arial, Helvetica, Verdana;
    line-height:8pt;
}
#A .ContentPage .ProductBox .ProductDiscounted .Was {text-decoration:line-through;}
#A .ContentPage .ProductBox .ProductDescription {display:none;}
#A .ContentPage .ProductBox .NextDeliveryPhrase {
    font-size:9pt;
    color:#5a5b5c;
    display:inline-block;
    width:229px;
    text-align:center;
    font-weight:normal;
    font-family:Arial, Helvetica, Verdana;
}

#A .ContentPage .ProductBox .SoldOut {
    font-size:8pt;
    color:#C00000;
    display:inline-block;
    width:229px;
    text-align:center;
    font-weight:normal;
    font-family:Arial, Helvetica, Verdana;
}
#A .ContentPage .ProductBox A.ProductName:visited,
#A .ContentPage .ProductBox A.ProductName:active,
#A .ContentPage .ProductBox A.ProductName:link {text-decoration:none;}
#A .ContentPage .ProductBox A.ProductName:hover {text-decoration:underline;}
#A .ContentPage .ProductBox .ProductPrice {
    font-size:9pt;
    color:#555555;
    display:inline-block;
    width:229px;
    text-align:center;
    font-weight:bold;
    font-family:Arial, Helvetica, Verdana;
}
#A .ContentPage .ProductBox .ProductCode {
    font-size:7pt;
    color:#A0A0A0;
    display:inline-block;
    width:229px;
    text-align:center;
    font-family:Arial, Helvetica, Verdana;
}

#A .ContentPage .ProductBox .RetailPrice {
    font-size:9pt;
    color:#000000;
    display:inline-block;
    width:229px;
    text-align:center;
    font-weight:normal;
    font-family:Trebuchet MS, Arial, Helvetica, Verdana;
    text-decoration:line-through;
}

#A .ContentPage .ProductBox .PriceDiffPercent {
    font-size:9pt;
    color:#8C0000;
    display:inline-block;
    width:180px;
    text-align:center;
    font-weight:bold;
    font-family:Trebuchet MS, Arial, Helvetica, Verdana;
    padding-top:2px;
    padding-bottom:2px;
}
#A .ContentPage .ProductBox A.ShopNowLink {
    font-size:9pt;
    color:#d76374;
    display:inline-block;
    width:229px;
    text-align:center;
    font-weight:bold;
    font-family:Arial, Helvetica, Verdana;
    text-decoration:none;
}
.ContentPage .ImageTag {
    border:0px none;
    position:absolute;
    z-index:10;
    top:-2px;
    left:-2px;
}
#mainContainer .OrderHistory *{
    font-family: 'Montserrat',sans-serif!important;
}
DIV.OrderHistory {
    text-align:center;
}
DIV.OrderHistory > img {
    width:auto;
    height:auto;
    margin:auto auto 15px auto;
    background:#fff;
    padding:0 16%;
}
/*  Wider status Bar CSS Changes -  Start  */
 #StatusBar {
   margin: 0 10px;
   box-sizing: border-box;
    border-radius: 2px;
    position: relative;
    margin-top:10px;
    border-top: 0.5px solid #eee;
    padding-top: 10px !important;
    margin-bottom:15px;
}
#StatusBar ul.pbTrackList {
    margin: 0 auto;
    width:80%;
    padding: 0;
}
ul.pbTrackList li {
   position: relative;
    list-style: none;
	width: 20%;
    float: left;
    height:54px;
}
.iconDCSprite::before,.iconDCSprite::after { 
	background: url(../../../layout/images/2019_desktop_track-spr02.png) no-repeat 0px 0px; 
    display: block;
    position: absolute;
    content: " ";
}
ul.pbTrackList li > a, ul.pbTrackList li.active:hover > a::before, ul.pbTrackList li:hover > a::before {
    position:absolute;
    display:block;
    border:0;
}
ul.pbTrackList li.active:hover > a::before, ul.pbTrackList li:hover > a::before {
    font:300 14px/30px 'Montserrat',sans-serif;
    content:attr(data-title);
    white-space:normal;
    background:#494949;
    border-radius:4px;
    line-height:22px;
    padding:0 15px;
    color:#fff;
    z-index:9;
    left:60px;
    bottom:0;
    min-width:300px;
}
li.iconDCSprite.OutforDelivery a:before {
    white-space: pre-wrap !important;
    width: 130px;
    line-height: 1.9em !important;
    text-align: center;
} 
ul.pbTrackList li::after, ul.pbTrackList li > a {
    margin-left:-27px;
	height: 74px;
    width: 74px;
    left: 50%;
    top: 0;
}
.pbTrackList li:first-child::before {display:none;}
.pbTrackList li:not(:first-child)::before {
	background-position: -609px -20px;
    height: 30px;
    width: 23px;
    top: 18px;
    left:-5px;
}
ul.pbTrackList li.OrderReceived::after {background-position: -22px -127px;}
ul.pbTrackList li.ProcessingOrder::after {background-position: -110px -126px;}
ul.pbTrackList li.PreparedforDelivery::after {background-position: -195px -124px;}
ul.pbTrackList li.OutforDelivery::after {background-position: -284px -124px;}
ul.pbTrackList li.Delivered::after {background-position: -368px -124px;}

ul.pbTrackList li.OrderReceived.active::after {background-position: -24px -208px;}
ul.pbTrackList li.ProcessingOrder.active::after {background-position: -110px -207px;}
ul.pbTrackList li.PreparedforDelivery.active::after {background-position: -197px -207px;}
ul.pbTrackList li.OutforDelivery.active::after {background-position: -282px -207px;}
ul.pbTrackList li.Delivered.active::after {background-position: -368px -207px;}
/*  Wider status Bar CSS Changes -  End  */

.delStatusGuide {
    border-radius:4px;
    background:#ddd;
}
.headeli:before, .headeli:after {
    background: url(../../../layout/images/2019_desktop_track-spr02.png) no-repeat  -522px -24px;
    position: absolute;
    display: block;
    height: 30px;
    width: 30px;
    content: "";
}
.headeli:before {
    left: 15px;
    top: 15px;
}
.headeli:after {
    background-position:-416px -24px;
    height: 44px;
    width: 44px;
    right: 15px;
    top: 8px;
}
.headeli.active::before {background-position:-522px -62px;}
.headeli.active::after {display:none;}
.headeli:not(.active):hover{background-color:#c4c4c4;}
.headeli {
    font: 500 18px/60px 'Montserrat',sans-serif;
    padding: 0 10px 0 60px;
    position: relative;
    text-align:left;
    box-sizing: border-box;
    cursor:pointer;
    margin:0;
}
.OrderContent label {
    font: 24px 'Montserrat',sans-serif;
    color: #fff;
}
.OrderContent {
    padding: 0 0 0 25px;
    position: relative;
    line-height: 60px;
    font-weight: 400;
    text-align:left;
    font-size: 200%;
    box-sizing: border-box;
    background-color: #80a7ae;
    margin: 20px auto;
}
.OrderContent::after {
    font: 400 24px/40px 'Montserrat',sans-serif;
    content: attr(data-count);
    position: relative;
    border-radius: 100%;
    background: #fff;
    display: inline-block;
    text-align:center;
    color: #80a7ae;
    height: 40px;
    width: 40px;
    top: 0;
    left: 40px;
}
tr.trackmyorder * {
    padding: 0 0 3px!important;
}
tr.item:not(:first-child) td {
    border-top: 1px solid #d5d5d5;
}
/*changes for Delivery Guide status start*/
#DeliveryguideInfo {
    position: relative;
    padding-bottom:20px;
    margin-bottom:20px;
}
#TrackInfo {
	box-sizing: border-box;
    border-radius: 2px;
    position: absolute;
    float:left;
	width: 42.5%;
}
#TrackInfo span{
    font-size:13px;
    color:#454545;
}
#TrackInfo ul.TrackInfoList {
    margin: 0 auto;
    padding: 0;
}
ul.TrackInfoList li {
    box-sizing:border-box;
    display:inline-block;
    vertical-align:top;
    position:relative;
    line-height:16px;
    padding-top:75px;
    list-style:none;
    font-size:90%;
	width:31%;
}
.iconDCSprite::before,.iconDCSprite::after { 
	background: url(../../../layout/images/2019_desktop_track-spr02.png) no-repeat 0px 0px; 
    display: block;
    position: absolute;
    content: " ";
}
ul.TrackInfoList li > a, ul.TrackInfoList li.active:hover > a::before {
    position:absolute;
    display:block;
    border:0;
}

ul.TrackInfoList li::after {
    margin-left:-36px;
	height: 70px;
    width: 70px;
    left: 50%;
    top: 0;
}
.TrackInfoList li:first-child::before {display:none;}
.TrackInfoList li:not(:first-child)::before {
	background-position: -495px -57px;
    height: 15px;
    width: 10px;
    top: 26px;
    left:-5px;
}
ul.TrackInfoList li.OrderReceived::after {background-position: -14px -23px;}
ul.TrackInfoList li.ProcessingOrder::after {background-position: -93px -23px;}
ul.TrackInfoList li.PreparedforDelivery::after {background-position: -174px -23px;}
ul.TrackInfoList li.OutforDelivery::after {background-position: -254px -23px;}
ul.TrackInfoList li.Delivered::after {background-position: -334px -23px;}

.TrackInfoRight{
    box-sizing: border-box;
	border-left: 1px solid #acacac;
    float: right;
    width: 57%;
    text-align:left;
    padding:0 30px 0 20px;
    position:relative;
}
.HeadTrackInfoRight {
    font: 500 18px 'Montserrat', sans-serif;
    pointer-events: none;
    position: absolute;
    top: -41px;
}
.headTrackInfo,.subheadTrackInfo{
    font: 600 12px/24px 'Montserrat',sans-serif;
    color: #ee2e5d;
}
h4.desTrackInfo,h4.subdesTrackInfo{
    font:400 11px 'Montserrat', sans-serif;
    color: #3a3a3a;
    margin-bottom:5px;
}
.subheadTrackInfo{padding: 0px 0px 0px 20px;}
h4.subdesTrackInfo {padding-left: 20px;}
.TrackInfoLeftarea{float:left;}
.TrackInfoRightarea{float:right;}
/*changes for Delivery Guide status end */

/*Changes for order History Start*/
.Orderhistory {
    padding: 4px 10px 0px 25px;
    position: relative;
    line-height: 60px;
    font-weight: 400;
    text-align:left;
    box-sizing: border-box;
    background-color: #80a7ae;
    margin: 20px auto;
    border-radius:4px;
}
.Orderhistory>label {
    font:400 24px 'Montserrat', sans-serif;
    color:#fff;
}
.Orderhistory input[type=text] {
   padding: 0px 34% 0 2%;
    background: #7fa6ad;
    color: #fff;
    font-size: 14px;
}
.Orderhistory input {
        border: 1px solid #628c94;
        box-sizing: border-box;
        display: block;
        height: 40px;
        width: 100%;
        padding: 0;
        margin:7px 0;
        outline: 0;
        border-radius: 4px;
    }
.Orderhistory input[type=submit] {
        font: 500 14px 'montserrat',sans-serif;
        position: absolute;
        cursor: pointer;
        height: 39px;
        width: 98px;
        right: 10px;
        background:#628c94;
        color: #fff;
        z-index: 1;
        top: 5px;
        border-radius: 4px;
    }
.Orderhistory ::placeholder { 
       color:#fff;
       font-size:14px!important;
       padding:6px;

   } 
 
.Historybox {
    /*width: 30%;
    display: inline-block;*/
    float: right;
    /* padding-left: 90px; */
}
DIV.OrderHistory DIV.OrderHistoryItem {
    clear:both;
    vertical-align:top;
    border-bottom:0px solid;
    margin-bottom:20px;
    background:#fff;
    /*height:160px;*/
}
DIV.OrderHistory SPAN.SingleOrder, DIV.OrderHistory SPAN.TrackSingleOrder {
    display:inline-block;
    width:300px;
    text-align:left;
    margin-bottom:0px;
    clear:left;
    vertical-align:top;
    padding:10px 8px 10px 0;
}
DIV.OrderHistory SPAN.TrackSingleOrder {width:250px;}
DIV.OrderHistory SPAN.SingleOrder {
    min-height:95px;
}
DIV.OrderHistory SPAN.SingleOrder SPAN.MainCaption, DIV.OrderHistory SPAN.SingleOrder SPAN.Caption, DIV.OrderHistory SPAN.TrackSingleOrder SPAN.MainCaption {
    color:#484848;
    float:left;
    font-size:12px;
    width:90px;
    padding:0 5px;
    margin:0 0 5px;
}
DIV.OrderHistory SPAN.TrackSingleOrder SPAN.DatePlaced {
    font-size:12px;
    color:#808080;
    font-weight:bold;
    display:block;
}
DIV.OrderHistory SPAN.SingleOrder SPAN.Tools, DIV.OrderHistory SPAN.TrackSingleOrder SPAN.Tools {
    display:inline-block;
    clear:both;
    width:100%;
}
DIV.OrderHistory SPAN.SingleOrder SPAN.Tools a, DIV.OrderHistory SPAN.TrackSingleOrder SPAN.Tools a[id$=LinkToPrintableReceipt] {
    clear:both;
    width:100%;
    display:inline;
    padding:5px 5px 0px;
    text-transform:capitalize;
    color:#e64e63;
    font-size:12px;
    line-height:12pt;
    border-bottom:1px solid;
    text-decoration:none!important;
}
DIV.OrderHistory .print-receipt:hover, DIV.OrderHistory SPAN.SingleOrder SPAN.Tools A:link:hover, DIV.OrderHistory SPAN.TrackSingleOrder SPAN.Tools a[id$=LinkToPrintableReceipt]:hover {
    text-decoration:underline;
}
DIV.OrderHistory SPAN.TrackSingleOrder SPAN.Caption {
    font-size:8pt;
    color:#777777;
}
DIV.OrderHistory SPAN.SingleOrder SPAN.DatePlaced, DIV.OrderHistory SPAN.SingleOrder SPAN.Value, DIV.OrderHistory SPAN.TrackSingleOrder SPAN.Value, DIV.OrderHistory SPAN.TrackSingleOrder SPAN.MainCaption + SPAN.MainCaption {
    border:1px solid #ededed;
    float:right;
    font-size:12px;
    font-weight:700;
    margin:0 0 5px;
    padding:0 5px;
    width:150px;
    color:#575759;
    background-color:#ededed;
    text-align:left;
}
DIV.OrderHistory SPAN.TrackSingleOrder SPAN.Value,
DIV.OrderHistory SPAN.TrackSingleOrder SPAN.MainCaption + SPAN.MainCaption {width:135px;}
DIV.OrderHistory SPAN.SingleOrder > SPAN.Value, DIV.OrderHistory SPAN.TrackSingleOrder SPAN.orderNo {
    border-color:#ededed;
    background:#ededed;
    color:#575759;
}
DIV.OrderHistory SPAN.SingleOrderDetails, DIV.OrderHistory SPAN.TrackSingleOrderDetails {
    border-left:1px solid #d5d5d5;
    clear:right;
    display:inline-block;
    font-size:12px;
    line-height:23px;
    margin-bottom:0;
    padding:10px;
    text-align:left;
    vertical-align:top;
    width:690px;
}
DIV.OrderHistory SPAN.SingleOrderDetails {
    width:665px;
    min-height:130px;
}
DIV.OrderHistory SPAN.TrackSingleOrderDetails > table tbody tr *, DIV.OrderHistory SPAN.TrackSingleOrderDetails TABLE#TrackSingleOrderDetailstable tr * {
    padding:5px;
    vertical-align:middle;
    color:#494949 ;
    font:500 12px 'Montserrat', sans-serif; 
}

DIV.OrderHistory SPAN.TrackSingleOrderDetails > table {
    width:100%;
    margin:1px 0 !important;
    border-spacing:1px;
}
DIV.OrderHistory SPAN.TrackSingleOrderDetails > table thead tr th, DIV.OrderHistory SPAN.TrackSingleOrderDetails .ODTHeaderRow th {
    background:#80a7ae;
    color:#fff !important;
    font-weight:400;
    font-size:12px;
    margin-top:2px;
    border-radius: 4px;
    padding:2px 6px !important;
}
DIV.OrderHistory SPAN.TrackSingleOrderDetails TABLE#TrackSingleOrderDetailstable {margin:1px 0;}
DIV.OrderHistory SPAN.TrackSingleOrderDetails > table thead tr th.Caption1,
DIV.OrderHistory SPAN.TrackSingleOrderDetails TABLE#TrackSingleOrderDetailstable tr th.Caption1 {width:120px;}
DIV.OrderHistory SPAN.TrackSingleOrderDetails > table thead tr th.Caption2,
DIV.OrderHistory SPAN.TrackSingleOrderDetails TABLE#TrackSingleOrderDetailstable tr th.Caption2 {width:130px;}
DIV.OrderHistory SPAN.TrackSingleOrderDetails > table thead tr th.Caption3,
DIV.OrderHistory SPAN.TrackSingleOrderDetails TABLE#TrackSingleOrderDetailstable tr th.Caption3 {width:200px;}
DIV.OrderHistory SPAN.TrackSingleOrderDetails > table thead tr th.Caption4,
DIV.OrderHistory SPAN.TrackSingleOrderDetails TABLE#TrackSingleOrderDetailstable tr th.Caption4 {width:245px;}
DIV.OrderHistory SPAN.TrackSingleOrderDetails TABLE#TrackSingleOrderDetailstable tr th {
    color:white;
    padding:3px;
}

DIV.OrderHistory SPAN.SingleOrderDetails > table tbody tr *, DIV.OrderHistory SPAN.SingleOrderDetails TABLE#SingleOrderDetailstable tr * {
    padding:5px;
    vertical-align:middle;
    color:#575759;
}

DIV.OrderHistory SPAN.SingleOrderDetails > table {
    width:100%;
    margin:1px 0 !important;
}
DIV.OrderHistory SPAN.SingleOrderDetails > table thead tr th, DIV.OrderHistory SPAN.SingleOrderDetails .ODTHeaderRow th {
    background:#7fa6ad;
    color:#fff !important;
    font: 12px 'Montserrat', sans-serif;
    line-height:23px;
    margin-top:2px;
    border-radius: 4px;
    padding:2px 6px !important;
}
DIV.OrderHistory SPAN.SingleOrderDetails TABLE#SingleOrderDetailstable {margin:1px 0;}
DIV.OrderHistory SPAN.SingleOrderDetails > table thead tr th.Caption1,
DIV.OrderHistory SPAN.SingleOrderDetails TABLE#kSingleOrderDetailstable tr th.Caption1 {width:120px;}
DIV.OrderHistory SPAN.SingleOrderDetails > table thead tr th.Caption2,
DIV.OrderHistory SPAN.SingleOrderDetails TABLE#SingleOrderDetailstable tr th.Caption2 {width:130px;}
DIV.OrderHistory SPAN.SingleOrderDetails > table thead tr th.Caption3,
DIV.OrderHistory SPAN.SingleOrderDetails TABLE#SingleOrderDetailstable tr th.Caption3 {width:200px;}
DIV.OrderHistory SPAN.SingleOrderDetails > table thead tr th.Caption4,
DIV.OrderHistory SPAN.SingleOrderDetails TABLE#SingleOrderDetailstable tr th.Caption4 {width:245px;}
DIV.OrderHistory SPAN.SingleOrderDetails TABLE#SingleOrderDetailstable tr th {
    color:white;
    padding:3px;
}

DIV.Paymethod  {
    font:400 12px 'Montserrat', sans-serif;
    background-color:#ededed;
    width:250px;
    padding: 5px;
    margin: auto 0px;
}
DIV.Paymethod SPAN.Values {
        color:#494949 ;
        font: 600 12px 'Montserrat', sans-serif;
}
DIV.OrderHistory SPAN.SingleOrderDetails SPAN.Caption {
    display:inline-block;
    width:170px;
    color:#777777;
    text-align:right;
    padding-right:5px;
}
DIV.OrderHistory SPAN.SingleOrderDetails SPAN.Value {
    display:inline-block;
    width:300px;
    text-align:left;
}
DIV.OrderHistory SPAN.TrackSingleOrderDetails SPAN.Value {
    border:1px solid;
    display:inline-block;
    font-size:10pt;
    font-weight:bold;
    margin:5px;
    padding:5px;
    width:111px;
}

DIV.OrderHistory SPAN.TrackSingleOrderDetails SPAN.Caption {
    display:inline-block;
    width:170px;
    color:#777777;
    text-align:left;
    padding-right:37px;
}
DIV.OrderHistory SPAN.TrackSingleOrderDetails SPAN.Value {
    border:1px solid;
    display:inline-block;
    font-size:12px;
    font-weight:bold;
    margin:5px;
    padding:5px;
    width:111px;
}

SPAN.ItemValue {
    display:inline-block;
    width:200px;
    text-align:left;
    padding-left:0px;
}

SPAN.ItemValueItemID {
    display:inline-block;
    width:100px;
    text-align:left;
}

SPAN.ItemValueStatus {
    display:inline-block;
    width:370px;
    text-align:left;
    padding-left:10px;
}
/*button css -Start*/
.buttonspace {
    text-align: center;
    padding: 10px;
}
#ButtonShowMore {
    display: inline-block;
    background: #80a6ad;
    text-decoration: none!important;
    text-align: center;
    font-size: 14px;
    color: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 4px;
    width:325px;
    height: 55px;
    line-height: 55px;
    cursor: pointer;
    position: relative;
}
a#ButtonShowMore:hover {
    background-color: #89b0b7;
    text-decoration: none!important;
}
#ButtonShowMore::after {
    background: url(https://cdn.netflorist.co.za/layout/images/2019_desktop-subpages-spr01.png) no-repeat -20px -56px;
    content: "";
    display: block;
    height: 29px;
    width: 30px;
    position: absolute;
    right: 62px;
    top: 12px;
}
/*End of button css*/
DIV.OrderHistory SPAN.SingleOrderDetails SPAN.Value SPAN.NotReleased {
    display:inline;
    font-weight:bold;
    width:300px;
    text-align:left;
    color:maroon;
    font-weight:bold;
}
DIV.OrderHistory SPAN.SingleOrderDetails SPAN.Value SPAN.Released {
    display:inline-block;
    width:300px;
    text-align:left;
    color:green;
    font-weight:bold;
}
DIV.OrderHistory .print-receipt {
    color:#E64E63;
    display:block;
    padding:8px 5px;
    text-decoration:none;
    clear:both;
    margin:0;
}

DIV.OrderHistory SPAN.TrackSingleOrderDetails SPAN.Value SPAN.NotReleased {
    color:#800000;
    font-weight:bold;
}
DIV.OrderHistory SPAN.TrackSingleOrderDetails SPAN.Value SPAN.Released {
    color:#008000;
    font-weight:bold;
}
/* Changes for orderhistory end*/
.Warning {
    font-size:9pt;
    width:760px;
    text-align:left;
    white-space:normal;
    float:left;
}
.Warning .ErrorMessage {
    background-color:#F9CA6F;
    border-top:1px solid #CC911E;
    border-right:1px solid #CC911E;
    border-bottom:1px solid #CC911E;
    border-left:1px solid #CC911E;
    margin:10px 0px 4px 0px;
    padding:5px 10px 5px 2px;
    text-align:left;
    vertical-align:top;
    min-height:28px;
}
.Warning .ErrorMessage .Description {
    font-family:Verdana, Helvetica, Arial;
    font-size:9pt;
    display:inline;
    line-height:10pt;
    vertical-align:top;
    color:#9F4529;
    text-align:justify;
}
.Warning .ErrorMessage .Description IMG {
    margin-left:5px;
    margin-right:8px;
    float:left;
    margin-bottom:20px;
}
/*.ContentPage .CataloguePage
{
    margin-left:0px !important;
}*/
.ContentPage .CataloguePage .ProductBox {
    height:360px !important; /*margin-left:0px !important;     margin-right:18px !important;*/
}

SPAN.On {
    font-family:Arial;
    font-weight:600;
    font-size:10.5pt;
    color:#738E95;
}

SPAN.Off {
    font-family:Arial, Helvetica;
    font-weight:300;
    font-size:10.5pt;
    color:#709492;
}

SPAN.ItemNoCaptionCol {
    font-size:10pt;
    color:#777777;
    display:inline-block;
    width:100px;
    color:#777777;
    text-align:left;
    padding-right:4px;
}
.ContentPage .CataloguePage {
    width:1021px;
    margin-left:-13px !important;
}
.contentSearchBox {
    width:992px;
    position:relative;
    left:0px;
    top:20px;
}
.contentSearchBox .SearchBox {
    top:-5px !important;
    right:1px !important;
    z-index:1 !important;
}

DIV.OrderHistory SPAN.TrackSingleOrder br {clear:both;}
DIV.OrderHistory SPAN.TrackSingleOrder br, DIV.ContentPageSpace > h1 + h2:empty,
DIV.OrderHistory SPAN.TrackSingleOrder SPAN.MainCaption:empty {display:none !important;}

/*For new BreadCrumb style on Special-Occasions page- Sagar [22 Aug 2016]*/
.ContentPage H2.breadCrumb {
    padding:2px 0;
    display:inline-block;
    position:relative !important;
    font-family:Verdana,sans-serif;
    text-decoration:none !important; /*border-bottom:2px solid #e44e64;*/
    margin-bottom:15px;
    font-size:8pt;
}
.ContentPage H2.breadCrumb a, .ContentPage H2.breadCrumb span {
    font-family:Verdana,sans-serif;
    font-size:8pt;
    text-decoration:none !important;
}
.ContentPage H2.breadCrumb a:after {
    content:"/ ";
    margin:0 0 -1px 5px;
    display:inline-block;
}

.ContentPage #itemPlaceholderContainer {
    width:100%;
    margin:0;
}
#itemPlaceholderContainer tr:nth-child(even) td {background-color:#fff6f7;}
#itemPlaceholderContainer td {line-height:18px;}
#itemPlaceholderContainer td input[id$=chkSelect] {
    margin:4px 10px 10px 0px;
    float:left;
}
#itemPlaceholderContainer .group span {
    font:bold 28px/40px Verdana, Helvetica, sans-serif;
    border-bottom:2px solid #e44e64;
    color:#e44e64;
}

/*added by gs for hiding filter box on track my order and order history*/
.FilterBlock {display:none;}

/* Sorting of list items for Sagar's task - Added by Nomaan - Start */
ul.ListIndexColumn {min-height:610px;}
ul.ListIndexColumn li {
    width:25%;
    line-height:18px;
    position:absolute;
}
ul.ListIndexColumn li:nth-child(20n+1) {top:0px;}
ul.ListIndexColumn li:nth-child(20n+2) {top:30px;}
ul.ListIndexColumn li:nth-child(20n+3) {top:60px;}
ul.ListIndexColumn li:nth-child(20n+4) {top:90px;}
ul.ListIndexColumn li:nth-child(20n+5) {top:120px;}
ul.ListIndexColumn li:nth-child(20n+6) {top:150px;}
ul.ListIndexColumn li:nth-child(20n+7) {top:180px;}
ul.ListIndexColumn li:nth-child(20n+8) {top:210px;}
ul.ListIndexColumn li:nth-child(20n+9) {top:240px;}
ul.ListIndexColumn li:nth-child(20n+10) {top:270px;}
ul.ListIndexColumn li:nth-child(20n+11) {top:300px;}
ul.ListIndexColumn li:nth-child(20n+12) {top:330px;}
ul.ListIndexColumn li:nth-child(20n+13) {top:360px;}
ul.ListIndexColumn li:nth-child(20n+14) {top:390px;}
ul.ListIndexColumn li:nth-child(20n+15) {top:420px;}
ul.ListIndexColumn li:nth-child(20n+16) {top:450px;}
ul.ListIndexColumn li:nth-child(20n+17) {top:480px;}
ul.ListIndexColumn li:nth-child(20n+18) {top:510px;}
ul.ListIndexColumn li:nth-child(20n+19) {top:540px;}
ul.ListIndexColumn li:nth-child(20n+20) {top:570px;}

ul.ListIndexColumn li:nth-child(n+1):nth-child(-n+20) {left:0%;}
ul.ListIndexColumn li:nth-child(n+21):nth-child(-n+40) {left:25%;}
ul.ListIndexColumn li:nth-child(n+41):nth-child(-n+60) {left:50%;}
ul.ListIndexColumn li:nth-child(n+61):nth-child(-n+80) {left:75%;}

/* total 20 links per page */
ul.hospitalList {min-height:210px;}
ul.hospitalList li:nth-child(5n+1) {top:0px;}
ul.hospitalList li:nth-child(5n+2) {top:40px;}
ul.hospitalList li:nth-child(5n+3) {top:80px;}
ul.hospitalList li:nth-child(5n+4) {top:120px;}
ul.hospitalList li:nth-child(5n+5) {top:160px;}
ul.hospitalList li:nth-child(n+1):nth-child(-n+5) {left:0%;}
ul.hospitalList li:nth-child(n+6):nth-child(-n+10) {left:25%;}
ul.hospitalList li:nth-child(n+11):nth-child(-n+15) {left:50%;}
ul.hospitalList li:nth-child(n+16):nth-child(-n+20) {left:75%;}
/* Sorting of list items for Sagar's task - Added by Nomaan -  End  */

/* Adding Shop Now Buttons on SEO page- Sagar[23AUG2017]  */
ShopNowLink {
    font-size:9pt;
    display:inline-block;
    width:229px;
    text-align:center;
    font-weight:bold;
    font-family:Arial,Helvetica,Verdana;
    text-decoration:none;
}
/* Shop Now END */
.Historybox {
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
    align-items: center;
    width:auto;
}

.Historybox .txtOrderNumber {
    width: 290px;
    padding-right:10px !important;
}

.Historybox select {
    width: 170px;
    margin-right: 10px;
    height: 39px;
    padding-left:15px;
    border-radius: 4px;
    background: #628c94;
    color: #fff;
    box-shadow: none;
    outline: 0;
    border: 0px;
}