@import url(https://fonts.googleapis.com/css?family=Poppins&display=swap);

html {
		--scrollbarBG: #fff;
		--thumbBG: #333;
}

body::-webkit-scrollbar {
		width: 11px;
}

body {
		scrollbar-width: thin;
		scrollbar-color: var(--thumbBG) var(--scrollbarBG);
		overflow-x: hidden;
}

		body::-webkit-scrollbar-track {
				background: var(--scrollbarBG);
		}

		body::-webkit-scrollbar-thumb {
				background-color: var(--thumbBG);
				border-radius: 6px;
				border: 3px solid var(--scrollbarBG);
		}

html {
		font-size: 0.8em !important;
		letter-spacing: 2.0px !important;
		line-height: 1.2em
}

body {
		font-family: 'Poppins',sans-serif !important;
}

h1, h2, h3, h3, h4, h5, h6 {
		font-family: 'Poppins',sans-serif !important;
}

p {
		margin: 0 !important
}

a {
		color: #B11843;
		font-weight: 700
}

.row {
		width: 100% !important;
		max-width: 100vw !important;
		margin: 0 !important
}

.header {
		background-color: #fff;
		color: #333 !important;
		padding: 10px;
		height: 45px
}

		.header div:nth-child(1) {
				text-align: left
		}

				.header div:nth-child(1) span {
						margin-right: 10px
				}

		.header div:nth-child(2) {
				text-align: right
		}

		.header i {
				margin-right: 4px
		}

		.header span {
				color: #FFE3A3 !important
		}

.menu {
		list-style-type: none;
		margin-top: 30px;
		background-color: #B11843;
}

		.menu li {
				display: inline-flex;
				margin-right: 20px
		}

				.menu li a {
						font-size: 1.2em;
						color: #fff !important;
						font-weight: 700
				}

.footer {
		min-height: 100px;
		background-color: #f0f0f0;
		color: #333 !important;
		text-align: center;
		margin-top: 100px !important
}

		.footer a {
				color: #333 !important;
		}

.bgFilled {
		padding-top: 100px;
		background: url(../img/compress_bg.jpg) no-repeat;
		background-position: 0 center !important;
		background-size: cover;
		padding-bottom: 100px
}

.bgFilled2 {
		padding-top: 100px;
		background: url(../img/compress_bg2.jpg) no-repeat;
		background-position: 0 center !important;
		background-size: cover;
		padding-bottom: 100px
}

.bgFilled3 {
		padding-top: 100px;
		background: url(../img/compress_bg3.jpg) no-repeat;
		background-position: 0 center !important;
		background-size: cover;
		padding-bottom: 100px
}

.bgFilled4 {
		padding-top: 100px;
		background: url(../img/compress_bg4.jpg) no-repeat;
		background-position: center !important;
		background-size: cover;
		padding-bottom: 100px
}

.bgFilled5 {
		padding-top: 100px;
		background: url(../img/compress_bg5.jpg) no-repeat;
		background-position: 0 center !important;
		background-size: cover;
		padding-bottom: 100px
}

.bgFilled6 {
		padding-top: 100px;
		background: url(../img/compress_bg6.jpg) no-repeat;
		background-position: 0 center !important;
		background-size: cover;
		padding-bottom: 100px
}

.bgFilled7 {
		padding-top: 100px;
		background: url(../img/compress_bg7.jpg) no-repeat;
		background-position: 0 center !important;
		background-size: cover;
		padding-bottom: 100px
}

.bgFilled8 {
		padding-top: 100px;
		background: url(../img/compress_bg_whyEparcel.jpg) no-repeat;
		background-position: 0 center !important;
		background-size: cover;
		padding-bottom: 100px
}

.bgFilled9 {
		padding-top: 100px;
		background: url(../img/bgMain.jpg) no-repeat;
		background-position: bottom !important;
		background-size: cover;
		padding-bottom: 100px;
		min-height: 100vh;
		padding-left: 10px;
		padding-right: 10px;
}


.bgFilled11 {
		/*background: url(../img/web/bg2.jpg) no-repeat;
		background-position: bottom !important;
		background-repeat: no-repeat !important;
		background-size: cover;*/
		background: linear-gradient(-45deg, #000000, #0E4E70, #000000);
		background-size: 1000% 1000%;
		animation: gradient 40s ease infinite;
		padding-top: 100px;
		height: 200px !important;
		width: 100vw !important;
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 300px !important;
		background-color: #888 !important;
}

@keyframes gradient {
		0% {
				background-position: 0% 50%;
		}

		50% {
				background-position: 100% 50%;
		}

		100% {
				background-position: 0% 50%;
		}
}

.bgFilled10 {
		/*background-blend-mode: saturation;*/
		padding-top: 100px;
		/*background: linear-gradient(black, black), url(../img/bgMain_nimbl.jpg) no-repeat;*/
		/*background: url(../img/bgMain_nimbl.jpg) no-repeat;*/
		background-position: bottom !important;
		background-size: cover;
		padding-bottom: 100px;
		height: 100vh !important;
		width: 100% !important;
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 300px !important;
}
@media only screen and (max-width: 1210px) {
		.hideonMedium {
				display: none !important;				
		}
}

@media only screen and (max-width: 1024px) {		
		.bgFilled10 {
				padding-top: 150px !important;
		}
}



@media (min-aspect-ratio: 16/9) {
		.introVideo {
				width: 100% !important;
				height: auto;
				padding: 0 !important;
				position: fixed;
				z-index: -1;
				filter: brightness(50%) grayscale(50);
		}
}

@media (max-aspect-ratio: 16/9) {
		.introVideo {
				height: 100% !important;
				width: auto;
				padding: 0 !important;
				position: fixed;
				z-index: -1;
				filter: brightness(50%) grayscale(50);
		}
}

.bgFilledCapeTown {
		padding-top: 100px;
		background: url(../img/bg_CapeTown.fw.png) no-repeat;
		background-position: 0 center !important;
		background-size: cover;
		padding-bottom: 100px
}

.bgFilledJohannesburg {
		padding-top: 100px;
		background: url(../img/bg_Johannesburg.fw.png) no-repeat;
		background-position: 0 center !important;
		background-size: cover;
		padding-bottom: 100px
}

.bgFilledPretoria {
		padding-top: 100px;
		background: url(../img/bg_Pretoria.fw.png) no-repeat;
		background-position: 0 center !important;
		background-size: cover;
		padding-bottom: 100px
}

.bgFilledDurban {
		padding-top: 100px;
		background: url(../img/bg_Durban.fw.png) no-repeat;
		background-position: 0 center !important;
		background-size: cover;
		padding-bottom: 100px
}

.bgFilledTerms {
		padding-top: 100px;
		background: url(../img/bg_Terms.fw.png) no-repeat;
		background-position: 0 center !important;
		background-size: cover;
		padding-bottom: 100px
}

.bgFilledHappy {
		padding-top: 100px;
		background: url(../img/compress_bg_happy.jpg) no-repeat;
		background-position: 0 center !important;
		background-size: cover;
		padding-bottom: 100px;
		min-height: 400px
}

.bgFilledSad {
		padding-top: 100px;
		background: url(../img/compress_bg_sad.jpg) no-repeat;
		background-position: 0 center !important;
		background-size: cover;
		padding-bottom: 100px;
		min-height: 400px
}

.bgFilledSolid {
		padding-top: 100px;
		background-color: #fff;
		background-position: center !important;
		background-size: cover;
		padding-bottom: 100px;
}

.bgFilledSolideParcel {
		padding-top: 100px;
		background-color: #fff;
		background-position: center !important;
		background-size: cover;
		padding-bottom: 100px;
		background-color: #f0f0f0;
}

.bgFilledSolideParcel ul li h4 {
		color: #B11843 !important;
}

.bgFilledSolidNimbl {
		padding-top: 100px;
		background-color: #0E4E70 !important;
		background-position: center !important;
		background-size: cover;
		padding-bottom: 100px;
}

h1 {
		width: 100% !important;
		text-align: center;
		color: #fff !important
}

		h1 b {
				color: #FFE3A3
		}

h2 {
		width: 100% !important;
		text-align: center;
		color: #333 !important;
		font-size: 1.4em;
		font-weight: 400
}

h3 {
		width: 100% !important;
		text-align: center;
		color: #fff !important
}

h4 {
		width: 100% !important;
		text-align: center;
		color: #fff !important;
		font-size: 0.9em !important;
		font-weight: 700
}

h5 {
		text-align: left;
		color: #FFE3A3 !important;
		font-size: 1.1em !important;
		font-weight: 700;
		padding: 10px !important;
		border-bottom: solid 1px #FFE3A3;
		margin: 10px
}

h6 {
		width: 100% !important;
		text-align: center;
		color: #fff !important
}

.h6Alternative {
		width: 100% !important;
		font-weight: 700 !important;
		text-align: center;
		color: #333 !important;
		font-size: 2.0em !important;
		color: #FFE3A3 !important;
		margin-bottom: 30px
}

.list li {
		display: inline-block;
		padding-left: 5px;
		padding-right: 5px
}

.ParcelDetailsItem2 {
		display: none
}

.ParcelDetailsItem3 {
		display: none
}

.ParcelDetailsItem4 {
		display: none
}

.ParcelDetailsItem5 {
		display: none
}

.ParcelDetailsItemTotal {
		display: none
}

.DelSelected {
		font-size: 1.8em
}

.CollectSelected {
		font-size: 1.8em
}

input[type=text] {
		height: 40px !important;
		font-weight: 700;
		color: #000;
		margin-top: 5px;
		border-radius: 5px;
		font-size: 1em
}

input[type=password] {
		height: 40px !important;
		font-weight: 700;
		color: #000;
		margin-top: 5px !important;
		border-radius: 5px;
		font-size: 1em
}

input[type=number] {
		height: 40px !important;
		font-weight: 700;
		color: #000;
		margin-top: 5px !important;
		border-radius: 5px;
		font-size: 1.2em !important;
}

input[type=date] {
		height: 40px !important;
		font-weight: 700;
		color: #000;
		margin-top: 5px !important;
		border-radius: 5px;
		font-size: 1em
}

select {
		height: 40px !important;
		font-size: 1.1em !important;
		color: #000;
		font-weight: 700;
		border-radius: 10px
}

.fancyButtonCheck {
		border: none;
		background: #fff;
		color: #900;
		font-weight: 100;
		padding: 20px;
		text-transform: uppercase;
		border-radius: 6px;
		display: inline-block;
		transition: all .3s ease 0s;
		display: block;
		text-align: center !important;
		font-size: 1.4em
}

		.fancyButtonCheck:hover {
				font-weight: 700 !important;
				letter-spacing: 3px;
				-webkit-box-shadow: 0 5px 40px -10px rgba(255,255,255,.57);
				-moz-box-shadow: 0 5px 40px -10px rgba(255,255,255,.57);
				transition: all .3s ease 0s
		}

.fancyButton {
		border: none;
		background: #900;
		color: #fff !important;
		font-weight: 100;
		padding: 20px;
		text-transform: uppercase;
		border-radius: 6px;
		display: inline-block;
		transition: all .3s ease 0s;
		display: block;
		text-align: center !important;
		font-size: 1.4em
}

		.fancyButton:hover {
				font-weight: 700 !important;
				letter-spacing: 3px;
				-webkit-box-shadow: 0 5px 40px -10px rgba(0,0,0,.57);
				-moz-box-shadow: 0 5px 40px -10px rgba(0,0,0,.57);
				transition: all .3s ease 0s
		}

.fancyButtonEComm {
		border: none;
		background: #B11843;
		color: #fff !important;
		font-weight: 100;
		padding: 20px;
		text-transform: uppercase;
		border-radius: 6px;
		display: inline-block;
		transition: all .3s ease 0s;
		display: block;
		text-align: center !important;
		font-size: 1.4em;
		max-width: 95%;
		margin: auto
}

		.fancyButtonEComm:hover {
				font-weight: 700 !important;
				letter-spacing: 3px;
				-webkit-box-shadow: 0 5px 40px -10px rgba(0,0,0,.57);
				-moz-box-shadow: 0 5px 40px -10px rgba(0,0,0,.57);
				transition: all .3s ease 0s
		}

.fancyButtonAlt {
		border: none;
		background: #333;
		color: #fff !important;
		font-weight: 100;
		padding: 10px;
		text-transform: uppercase;
		border-radius: 6px;
		display: inline-block;
		transition: all .3s ease 0s;
		display: block;
		text-align: center !important;
		font-size: 1.0em;
}

		.fancyButtonAlt:hover {
				font-weight: 700 !important;
				background-color: #900;
				letter-spacing: 3px;
				-webkit-box-shadow: 0 5px 40px -10px rgba(0,0,0,.57);
				-moz-box-shadow: 0 5px 40px -10px rgba(0,0,0,.57);
				transition: all .3s ease 0s
		}

.fancyButtonSec {
		border: none;
		background: #333;
		color: #fff !important;
		font-weight: 100;
		padding: 20px;
		text-transform: uppercase;
		border-radius: 6px;
		display: inline-block;
		transition: all .3s ease 0s;
		display: block;
		text-align: center !important;
		font-size: 1.4em
}

		.fancyButtonSec:hover {
				font-weight: 700 !important;
				letter-spacing: 3px;
				-webkit-box-shadow: 0 5px 40px -10px rgba(0,0,0,.57);
				-moz-box-shadow: 0 5px 40px -10px rgba(0,0,0,.57);
				transition: all .3s ease 0s
		}

.fancyButtonSmall {
		border: none;
		background: #ccc;
		color: #333 !important;
		padding: 10px;
		height: 30px;
		line-height: 13px;
		text-transform: uppercase;
		border-radius: 6px;
		display: inline-block;
		transition: all .3s ease 0s;
		display: block;
		text-align: center !important;
		font-size: 1.2em;
		width: 200px !important;
		font-weight: 700 !important
}

		.fancyButtonSmall:hover {
				background-color: #FFE3A3;
				color: #333 !important;
				font-weight: 700 !important;
				-webkit-box-shadow: 0 5px 20px -10px #FFE3A3;
				-moz-box-shadow: 0 5px 40px -10px rgba(0,0,0,.57);
				transition: all .3s ease 0s
		}

.paddingTop10 {
		padding-top: 10px !important
}

.marginBottom50 {
		margin-bottom: 50px !important
}

.marginBottom10 {
		margin-bottom: 10px !important
}

.marginTop50 {
		margin-top: 50px !important
}

.marginTop10 {
		margin-top: 10px !important
}

.SectionYellow div b {
		font-size: 1.3em !important;
		color: #990000 !important
}

.modal {
		display: none;
		position: fixed;
		z-index: 3;
		padding-top: 100px;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		overflow: auto;
		background-color: #333;
		background-color: rgba(0,0,0,.8)
}

.modalNotify {
		display: none;
		position: fixed;
		z-index: 3;
		padding-top: 100px;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		overflow: auto;
		background-color: #333;
		background-color: rgba(0,0,0,.8)
}

.modal-content {
		position: relative;
		background-color: #fff;
		margin: auto;
		padding: 10px;
		border: 1px solid #888;
		width: 95%;
		-webkit-animation-name: animatetop;
		-webkit-animation-duration: 0.4s;
		animation-name: animatetop;
		animation-duration: 0.4s;
		font-size: 1em;
		line-height: 2em;
		border: solid 0px #fff;
}

@-webkit-keyframes animatetop {
		from {
				top: -300px;
				opacity: 0
		}

		to {
				top: 0;
				opacity: 1
		}
}

@keyframes animatetop {
		from {
				top: -300px;
				opacity: 0
		}

		to {
				top: 0;
				opacity: 1
		}
}

.close {
		color: #000;
		float: right;
		font-size: 35px;
		font-weight: 700
}

		.close:hover, .close:focus {
				color: #000;
				text-decoration: none;
				cursor: pointer
		}

.modal-header {
		padding: 2px 16px;
		color: white
}

.modal-body {
		padding: 2px 16px
}

.modal-footer {
		padding: 2px 16px;
		background-color: #fff;
		color: #333
}

.h1Alternative {
		color: #333 !important
}

		.h1Alternative b {
				color: #333 !important
		}

.h2Alternative {
		color: #333 !important;
		font-size: 1.2em
}

.h2AlternativeWhite {
		color: #fff !important;
		font-size: 1.2em
}

.h3Alternative {
		font-weight: 700;
		margin-top: 20px;
		margin-bottom: 20px;
		color: #990000 !important;
		font-size: 1.2em
}

.priceOption {
		font-size: 1.4em;
		color: #990000 !important
}

.priceOptionBold {
		font-size: 0.6em !important;
		color: #333 !important
}

.priceOptionItalic {
		font-size: 0.6em !important;
		color: #333 !important
}

.primaryBackground {
		background-color: #d9d9d9 !important;
		color: #333 !important
}

.MoreDetailTable {
		background-color: #fff !important;
		min-width: 400px;
		margin: auto;
		width: 100%
}

		.MoreDetailTable th {
				text-align: left
		}

.trackOverviewTable {
		background-color: #fff !important;
		width: 100%;
		max-width: 400px;
		margin: auto;
}

.trackOverviewTableDetail {
		margin-top: 30px !important;
		background-color: #fff !important;
		width: 100%;
		max-width: 800px;
		margin: auto;
		text-align: left;
}

.TrackDetails {
		margin-top: 50px !important;
		width: 100%;
		max-width: 800px;
		margin: auto
}

		.TrackDetails tr td {
				padding-left: 20px
		}

.TrackDayHeading td {
		padding-left: 5px !important;
		font-size: 1.3em !important;
		color: #000;
		font-weight: 700
}

.alert-box {
		border: solid 2px #333
}

.fullWidth {
		width: 98% !important;
		margin: auto;
}

.StepOrder {
		text-align: center;
		margin-bottom: 30px;
		margin-top: 30px
}

.StepOrder {
		text-align: center;
		margin-bottom: 30px;
		margin-top: 30px
}

		.StepOrder span {
				text-align: center;
				background-color: #FFE3A3;
				border: solid 1px #fff;
				padding: 20px
		}

.stepComplete {
		background-color: #28CE28
}

.OrderParcelDetailsTable {
		width: 100%
}

label {
		font-size: 13px;
		font-weight: bold;
		margin-bottom: 35px;
}

		label b {
				margin-left: 10px;
				color: #990000 !important
		}

.CollectionDatePicker {
		max-width: 400px;
		background-color: #fff;
		color: #900;
		border: solid 1px #FFE3A3;
		padding: 20px;
		font-size: 1.4em;
		text-align: center;
		margin: auto;
		margin-bottom: 30px !important
}

.CollectionDatePickerSelected {
		max-width: 400px;
		background-color: #333;
		color: #fff;
		border: solid 1px #900;
		padding: 20px;
		font-size: 1.4em;
		text-align: center;
		margin: auto;
		margin-bottom: 30px !important
}

.confirmationHolder {
		padding: 40px;
		border: solid 1px #FFE3A3;
		width: 100%;
		max-width: 500px;
		margin: auto;
		text-align: center;
		color: #900;
		font-size: 1.3em;
		line-height: 25px !important;
		margin-bottom: 50px
}

		.confirmationHolder span {
				margin-top: 5px;
				color: #333
		}

		.confirmationHolder b {
				color: #FFE3A3;
				font-size: 1em
		}

.fontSize15em {
		font-size: 1.5em !important
}

input.largerCheckbox {
		width: 30px;
		height: 30px
}

.boldAtag {
		font-size: 1.4em !important;
		color: red
}

.linkedAtag {
		font-size: 1.2em !important;
		font-weight: 700;
		color: #900
}

.overviewGrey {
		background-color: rgba(0,0,0,.4) !important
}

		.overviewGrey td {
				color: #fff !important;
				font-size: 1.3em !important
		}

.overviewRed {
		background-color: #990000 !important
}

		.overviewRed td {
				color: #fff;
				font-size: 1.5em
		}

.fancyMenu {
		border: none;
		color: #333 !important;
		font-weight: 100;
		padding: 5px;
		text-transform: uppercase;
		border-radius: 6px;
		display: inline-block;
		transition: all .4s ease 0s;
		display: block;
		font-size: 0.9em !important;
		border-bottom: solid 3px #fff
}

		.fancyMenu:hover {
				color: #B11843 !important;
				background: 0 0;
				transition: all .3s ease 0s;
				border-bottom: solid 3px #333;
				border-radius: 0
		}

.offSiteMenu {
	display: none;
}

.fancyMenuMobile {
		border: none;
		color: #fff !important;
		font-weight: 100;
		padding: 5px;
		text-transform: uppercase;
		border-radius: 6px;
		display: inline-block;
		transition: all .4s ease 0s;
		display: block;
		font-size: 1.3em !important;
		border-bottom: solid 3px #333
}

		.fancyMenuMobile:hover {
				color: #B11843 !important;
				background: 0 0;
				transition: all .3s ease 0s;
				border-bottom: solid 3px #333;
				border-radius: 0
		}

.fancyMenuEComm {
		border: none;
		color: #333 !important;
		font-weight: 100;
		padding: 5px;
		text-transform: uppercase;
		border-radius: 6px;
		display: inline-block;
		transition: all .4s ease 0s;
		display: block;
		font-size: 0.9em !important;
		border-bottom: solid 3px #FFE3A3;
		padding-top: 20px
}

		.fancyMenuEComm:hover {
				color: #fff !important;
				background: 0 0;
				transition: all .3s ease 0s;
				border-bottom: solid 3px #333;
				border-radius: 0
		}

.fancyMenuECommSmall {
		border: none;
		color: #333 !important;
		font-weight: 100;
		padding: 5px;
		text-transform: uppercase;
		border-radius: 6px;
		display: inline-block;
		transition: all .4s ease 0s;
		display: block;
		font-size: 1.3em !important;
		border-bottom: solid 3px #333;
		padding-top: 20px
}

		.fancyMenuECommSmall:hover {
				color: #fff !important;
				background: 0 0;
				transition: all .3s ease 0s;
				border-bottom: solid 3px #333;
				border-radius: 0
		}

.noborder li a {
		border-bottom: solid 1px #B11843 !important;
}

		.noborder li a:hover {
				color: #fff !important;
				border-bottom: solid 1px #fff !important;
		}

.articleHolder {
		padding: 20px;
		width: 100%
}

		.articleHolder section {
				margin-top: 50px
		}

td i {
		font-size: 0.8em !important;
		font-weight: 700;
		display: block
}

.maxWidth1000 {
		max-width: 1200px;
		margin: auto
}


.exclaimText {
		font-size: 2.0em !important;
		color: #333 !important
}

.quickLink {
		color: #333 !important
}

.ui-menu-item a {
		color: #333 !important;
		font-size: 1.1em !important
}

.lineHeight18 {
		line-height: 20px !important
}

.yellowText {
		color: #FFB70E !important
}

.redText {
		color: #990000 !important
}

.fancyMenuEcomm {
		border: none;
		color: #333 !important;
		font-weight: 100;
		padding: 5px;
		padding-top: 10px !important;
		text-transform: uppercase;
		border-radius: 6px;
		display: inline-block;
		transition: all .3s ease 0s;
		display: block;
		font-size: 1.0em !important
}

		.fancyMenuEcomm:hover {
				color: #B11843 !important;
				font-weight: 700 !important;
				letter-spacing: 3px;
				background: 0 0;
				transition: all .3s ease 0s
		}

.menuEcomm {
		list-style-type: none
}

		.menuEcomm li {
				display: inline-flex;
				margin-right: 10px;
		}

				.menuEcomm li a {
						font-size: 0.9em;
						color: #333;
						font-weight: 700
				}

.exclaimName {
		font-size: 1.4em
}

.greyOut {
		background-color: #ccc !important;
		color: #333 !important
}

.h1EComm {
		font-size: 1.2em !important;
		color: #333 !important;
		border-bottom-color: #fff !important
}



.h3EComm {
		font-size: 1.0em !important;
		color: #B11843 !important;
		border-bottom-color: #ccc !important;
		text-align: left;
		background-color: #eee;
		padding: 5px;
		margin-bottom: 30px;
		font-weight: bold !important
}

.h5EComm {
		font-size: 1.2em !important;
		color: #B11843 !important;
		text-align: left;
		font-weight: 700 !important;
		text-align: center
}



.registerForm {
		border: solid 3px #333;
		min-width: 300px;
		width: 90%;
		margin: auto;
		margin-top: 50px;
		min-height: 300px;
		padding-bottom: 20px
}

		.registerForm input[type=text], input[type=password] {
				font-weight: 700;
				margin-top: 20px !important;
				max-width: 90%;
				margin: auto
		}

		.registerForm select {				
				font-weight: 700;
				margin-top: 20px !important;
				max-width: 90% !important;
				margin-left: auto !important;
				margin-right: auto !important
		}

.fancyButtonLogin {
		border: none;
		background: #ccc;
		color: #333 !important;
		padding: 10px;
		height: 40px;
		line-height: 20px;
		text-transform: uppercase;
		border-radius: 6px;
		display: inline-block;
		transition: all .3s ease 0s;
		display: block;
		text-align: center !important;
		font-size: 1.2em;
		width: 90% !important;
		font-weight: 700 !important;
		margin: auto;
		margin-top: 20px
}

		.fancyButtonLogin:hover {
				background-color: #FFE3A3;
				color: #333 !important;
				font-weight: 700 !important;
				-webkit-box-shadow: 0 5px 20px -10px #FFE3A3;
				-moz-box-shadow: 0 5px 40px -10px rgba(0,0,0,.57);
				transition: all .3s ease 0s
		}

.fancyButtonLoginMenu {
		float: right;
		border: none;
		background: #333;
		color: #fff !important;
		padding: 8px !important;
		padding-left: 15px;
		padding-right: 15px;
		height: 40px;
		line-height: 25px;
		text-transform: uppercase;
		border-radius: 6px;
		display: inline-block;
		transition: all .3s ease 0s;
		display: block;
		text-align: center !important;
		font-size: .9em;
		min-width: 150px !important;
		margin: auto;
		margin-top: -5px !important;
		margin-left: 10px;
		text-transform: none
}

		.fancyButtonLoginMenu:hover {
				background-color: #fff;
				border: solid 1px #B11843;
				color: #B11843 !important;
				font-weight: 700 !important;
				-webkit-box-shadow: 0 5px 20px -10px #B11843;
				-moz-box-shadow: 0 5px 40px -10px rgba(0,0,0,1);
				transition: all .3s ease 0s
		}

.overviewTable {
		max-width: 600px !important;
		width: 100%;
		margin: auto
}

		.overviewTable td {
				height: 40px !important;
				font-size: 1em;
				font-weight: 700
		}

.overviewExclaim {
		color: #900;
		font-size: 1.4em !important
}

.checkYes {
		font-size: 1em;
		color: #4AAA3F
}

.checkNo {
		color: #900;
		font-size: 1em
}

.getBetterPrices {
		max-width: 500px;
		text-align: center;
		margin: auto;
		margin-top: 10px
}

		.getBetterPrices a {
				font-weight: bold !important;
				font-size: 1.5em !important
		}

.ChangePasswordTable {
		background-color: #fff !important;
		min-width: 400px;
		margin: auto;
		width: 100%
}

		.ChangePasswordTable td input[type=password] {
				margin: 0px !important;
				color: #FFE3A3
		}

.payNowPayFast {
		background-image: url(../img/payNowPayfast.fw.png);
		background-position: center;
		background-color: #fff !important;
		width: 280px !important;
		height: 140px !important;
		margin: auto;
		margin-top: 50px;
		cursor: pointer !important;
		background-repeat: no-repeat;
		border: solid 3px #fff;
		padding: 20px !important
}

		.payNowPayFast:hover {
				background-image: url(../img/payNowPayfast_hover.fw.png);
				-webkit-box-shadow: 0 5px 40px -10px #ddd;
				-moz-box-shadow: 0 5px 40px -10px #ddd;
				transition: all .3s linear 0s
		}

.payNoweWallet {
		background-image: url(../img/paynoweWallet.fw.png);
		background-position: center;
		background-color: #fff !important;
		width: 280px !important;
		height: 140px !important;
		margin: auto;
		margin-top: 50px;
		cursor: pointer !important;
		background-repeat: no-repeat;
		border: solid 3px #fff;
		padding: 20px !important
}

		.payNoweWallet:hover {
				background-image: url(../img/paynoweWallet_hover.fw.png);
				-webkit-box-shadow: 0 5px 40px -10px #ddd;
				-moz-box-shadow: 0 5px 40px -10px #ddd;
				transition: all .3s linear 0s
		}

.modal-header-content {
		font-size: 1.3em !important;
		color: #B11843 !important;
		border-bottom-color: #ccc !important;
		text-align: center;
		padding: 5px;
		font-weight: bold !important
}

.CostOfInsruance {
		font-weight: 700;
		font-size: 1.4em;
		color: red
}

.loggedInBar {
		width: 100% !important;
		position: relative;
		top: 0;
		left: 0;
		height: 60px;
		background-color: #fff;		
		background-color: #f0f0f0;
}

.welcomeMessage {
		color: #333;
		font-weight: 700;
		font-size: 0.9em;
		margin-right: 40px;
		margin-top: 10px
}

.courierPriceTableWidth {
		width: 500px
}

.pageLoader {
		width: 100vw;
		min-height: 400px;
		background-color: #fff;
		text-align: center;
		padding-top: 100px;
		color: #333;
		font-size: 1.1em !important;
		font-weight: 700
}

.smallTrackingResult {
		list-style-type: none !important;
		margin: auto;
		border: solid 2px #ccc;
		max-width: 400px;
		padding: 20px
}

		.smallTrackingResult li.progtrckr-done {
				color: #333 !important;
				font-weight: 700;
				font-size: 1.4em;
				text-align: left !important
		}

				.smallTrackingResult li.progtrckr-done i {
						color: #28CE28 !important;
						margin-right: 10px
				}

		.smallTrackingResult li.progtrckr-todo {
				color: #ccc !important;
				font-weight: 700;
				font-size: 1.4em;
				text-align: left !important
		}

				.smallTrackingResult li.progtrckr-todo i {
						color: #aaa !important;
						margin-right: 10px
				}

				.smallTrackingResult li.progtrckr-todo b {
						font-size: 0.5em !important;
						color: #B11843;
						padding-left: 10px
				}

.welcomeModal {
		position: absolute;
		width: 100vw;
		height: 100%;
		background-color: #ccc;
		top: 0;
		left: 0;
		text-align: center !important;
		padding-top: 20px;
		background: url(../img/compress_bg.jpg) no-repeat;
		background-position: 0 center !important;
		background-size: cover
}

.welcomeModalHolder {
		border: solid 1px #fff;
		width: 400px;
		height: 250px;
		margin: auto;
		background-color: #fff;
		padding: 20px;
		border-radius: 5px;
		margin-top: 20px
}

.fancyButtonWelcomePage {
		float: left;
		border: none;
		background: #B11843;
		color: #fff !important;
		padding: 8px !important;
		min-height: 40px;
		line-height: 25px;
		text-transform: uppercase;
		border-radius: 6px;
		display: inline-block;
		transition: all .3s ease 0s;
		display: block;
		text-align: center !important;
		font-size: .9em;
		min-width: 100% !important;
		margin: auto;
		margin-top: 10px;
		text-transform: none
}

		.fancyButtonWelcomePage:hover {
				background-color: #fff;
				border: solid 1px #B11843;
				color: #B11843 !important;
				font-weight: 700 !important;
				-webkit-box-shadow: 0 5px 20px -10px #B11843;
				-moz-box-shadow: 0 5px 40px -10px rgba(0,0,0,1);
				transition: all .3s ease 0s
		}

.fancyButtonWelcomePage2 {
		float: left;
		border: none;
		background: #333;
		color: #fff !important;
		padding: 8px !important;
		height: 40px;
		line-height: 25px;
		text-transform: uppercase;
		border-radius: 6px;
		display: inline-block;
		transition: all .3s ease 0s;
		display: block;
		text-align: center !important;
		font-size: .9em;
		min-width: 100% !important;
		margin: auto;
		margin-top: 10px;
		text-transform: none
}

		.fancyButtonWelcomePage2:hover {
				background-color: #fff;
				border: solid 1px #333;
				color: #333 !important;
				font-weight: 700 !important;
				-webkit-box-shadow: 0 5px 20px -10px #333;
				-moz-box-shadow: 0 5px 40px -10px rgba(0,0,0,1);
				transition: all .3s ease 0s
		}

.fancyButtonWelcomePage3 {
		float: left;
		border: none;
		background: #FFE3A3;
		color: #fff !important;
		padding: 8px !important;
		height: 40px;
		line-height: 25px;
		text-transform: uppercase;
		border-radius: 6px;
		display: inline-block;
		transition: all .3s ease 0s;
		display: block;
		text-align: center !important;
		font-size: .9em;
		min-width: 100% !important;
		margin: auto;
		margin-top: 10px;
		text-transform: none
}

		.fancyButtonWelcomePage3:hover {
				background-color: #fff;
				border: solid 1px #FFE3A3;
				color: #FFE3A3 !important;
				font-weight: 700 !important;
				-webkit-box-shadow: 0 5px 20px -10px #FFE3A3;
				-moz-box-shadow: 0 5px 40px -10px rgba(0,0,0,1);
				transition: all .3s ease 0s
		}

.h2Welcome1 {
		font-size: 1.2em !important;
		color: #B11843 !important;
		border-bottom-color: #ccc !important;
		text-align: left;
		padding: 10px;
		border-bottom: solid 1px #B11843 !important;
		font-weight: 700
}

.h2Welcome2 {
		font-size: 1.2em !important;
		color: #333 !important;
		border-bottom-color: #ccc !important;
		text-align: left;
		padding: 10px;
		border-bottom: solid 1px #333 !important;
		font-weight: 700
}

.h2Welcome3 {
		font-size: 1.2em !important;
		color: #FFE3A3 !important;
		border-bottom-color: #ccc !important;
		text-align: left;
		padding: 10px;
		border-bottom: solid 1px #FFE3A3 !important;
		font-weight: 700
}

.whyEParcel1 {
		background-color: #B11843;
		min-height: 300px;
		color: #fff;
		font-size: 6em;
		line-height: 3em
}

.whyEParcel1Alt {
		color: #B11843;
		font-weight: bold !important;
		text-align: left
}

		.whyEParcel1Alt ul {
				list-style-type: circle
		}

		.whyEParcel1Alt li {
				font-size: 0.8em !important
		}

				.whyEParcel1Alt li b {
						color: #000
				}

.whyEParcel2 {
		background-color: #5C94C3;
		min-height: 300px;
		color: #fff;
		font-size: 6em;
		line-height: 3em
}

.whyEParcel2Alt {
		color: #4A6B86;
		font-weight: bold !important;
		text-align: left
}

		.whyEParcel2Alt ul {
				list-style-type: circle
		}

		.whyEParcel2Alt li {
				font-size: 0.8em !important
		}

				.whyEParcel2Alt li b {
						color: #000
				}

.h2Welcome4 {
		font-size: 1.2em !important;
		color: #4A6B86 !important;
		border-bottom-color: #ccc !important;
		text-align: left;
		padding: 10px;
		border-bottom: solid 1px #B11843 !important;
		font-weight: 700
}

.whyEParcel3 {
		background-color: #FFE3A3;
		min-height: 300px;
		color: #fff;
		font-size: 6em;
		line-height: 3em
}

.whyEParcel3Alt {
		color: #333;
		font-weight: bold !important;
		text-align: left
}

		.whyEParcel3Alt ul {
				list-style-type: circle
		}

		.whyEParcel3Alt li {
				font-size: 0.8em !important
		}

				.whyEParcel3Alt li b {
						color: #B11843
				}

.h2Welcome5 {
		font-size: 1.2em !important;
		color: #FFE3A3 !important;
		border-bottom-color: #ccc !important;
		text-align: left;
		padding: 10px;
		border-bottom: solid 1px #FFE3A3 !important;
		font-weight: 700
}

.chkNotify {
		margin-left: 20px !important;
		width: 20px;
		height: 20px;
		margin-top: 10px !important;
		color: #28CE28
}

.smallerText {
		font-size: .7em;
		font-weight: 700
}

.BaseWeight {
		font-size: 1.2em !important;
		color: red !important
}

.MoreDetailTablePrices {
		background-color: #fff !important;
		min-width: 400px;
		margin: auto;
		width: 100%
}

		.MoreDetailTablePrices th {
				text-align: left
		}

@media all and (max-width:1023px) {
		.logoImage {
				width: 200px !important;
		}

		.loginButton {
				float: right;
		}

		.courierPriceTableWidth {
				width: 50% !important
		}

		.StepOrder span {
				font-size: 0.8em !important
		}

		.MoreDetailTable {
				min-width: 100px !important;
				max-width: 100vw !important
		}

		.linkedAtag {
				font-size: 0.8em !important
		}

		.overviewTable {
				width: 100% !important
		}

		.h5EComm {
				width: 100% !important;
				margin: 0 !important;
				margin-top: 10px !important;
				margin-bottom: 10px !important
		}

		.h2EComm {
				margin: 0 !important;
				margin-top: 10px !important;
				margin-bottom: 10px !important
		}

		.exclaimName {
				font-size: 0.9em !important
		}

		.ChangePasswordTable {
				min-width: 100px !important
		}

		.viewPrices {
				font-size: 0.6em !important
		}

		.checkYes {
				font-size: 0.8em !important
		}

		.checkNo {
				font-size: 0.8em !important
		}

		code {
				font-size: 0.7em !important
		}

		.MoreDetailTablePrices {
				border: 0;
				width: 100vw !important
		}

				.MoreDetailTablePrices caption {
						font-size: 1.3em
				}

				.MoreDetailTablePrices thead {
						border: none;
						clip: rect(0 0 0 0);
						height: 1px;
						margin: -1px;
						overflow: hidden;
						padding: 0;
						position: absolute;
						width: 1px
				}

				.MoreDetailTablePrices tr {
						border-bottom: 3px solid #ddd;
						display: block;
						margin-bottom: .625em
				}

				.MoreDetailTablePrices td {
						border-bottom: 1px solid #ddd;
						display: block;
						font-size: .8em !important;
						text-align: left
				}

						.MoreDetailTablePrices td:nth-child(1):before {
								content: "CODE:";
								float: left;
								font-weight: 700;
								text-transform: uppercase;
								margin-right: 10px
						}

						.MoreDetailTablePrices td:nth-child(2):before {
								content: "AREAS:";
								float: left;
								font-weight: 700;
								text-transform: uppercase;
								margin-right: 10px
						}

						.MoreDetailTablePrices td:nth-child(3):before {
								content: "NC BASE:";
								float: left;
								font-weight: 700;
								text-transform: uppercase;
								margin-right: 10px
						}

						.MoreDetailTablePrices td:nth-child(4):before {
								content: "NC p/kg:";
								float: left;
								font-weight: 700;
								text-transform: uppercase;
								margin-right: 10px
						}

						.MoreDetailTablePrices td:nth-child(5):before {
								content: "RC BASE:";
								float: left;
								font-weight: 700;
								text-transform: uppercase;
								margin-right: 10px
						}

						.MoreDetailTablePrices td:nth-child(6):before {
								content: "RC p/kg:";
								float: left;
								font-weight: 700;
								text-transform: uppercase;
								margin-right: 10px
						}

						.MoreDetailTablePrices td:last-child {
								border-bottom: 0
						}

				.MoreDetailTablePrices tr {
						border-bottom: solid 2px #333;
						margin-bottom: 20px
				}

		.tableHeader {
				display: none !important
		}

		.maxWidth1000 {
				max-width: 100%;
		}

		.fancyButtonLoginMenu {
				height: 45px;
				line-height: 35px
		}

		.MoreDetailTable {
				border: 0
		}

				.MoreDetailTable caption {
						font-size: 1.3em
				}

				.MoreDetailTable thead {
						border: none;
						clip: rect(0 0 0 0);
						height: 1px;
						margin: -1px;
						overflow: hidden;
						padding: 0;
						position: absolute;
						width: 1px
				}

				.MoreDetailTable tr {
						border-bottom: 3px solid #ddd;
						display: block;
						margin-bottom: .625em
				}

				.MoreDetailTable td {
						border-bottom: 1px solid #ddd;
						display: block;
						font-size: .8em !important;
						text-align: left
				}

				.MoreDetailTable tr {
						border-bottom: solid 2px #333;
						margin-bottom: 20px
				}

		.modal-content {
				position: relative;
				background-color: #fff;
				margin: auto;
				padding: 10px;
				border: 1px solid #888;
				max-width: 99vw !important;
				-webkit-animation-name: animatetop;
				-webkit-animation-duration: 0.4s;
				animation-name: animatetop;
				animation-duration: 0.4s;
				font-size: 1em;
				line-height: 2em;
				border: solid 1px #fff
		}

		.modal {
				padding-top: 40px !important
		}

		.overviewTab {
				min-height: 60px !important;
		}

				.overviewTab a {
						width: 100% !important;
				}
}

.confirmedLoggedIn {
		background-color: #B11843;
		color: #fff;
		margin-top: 5px !important;
		margin-bottom: 5px !important;
		padding: 10px !important;
		margin-bottom: 30px !important
}

.fancyButtonEDelete {
		border: none;
		background: #333;
		color: #fff !important;
		font-weight: 100;
		padding: 20px;
		text-transform: uppercase;
		border-radius: 6px;
		display: inline-block;
		transition: all .3s ease 0s;
		display: block;
		text-align: center !important;
		font-size: 1.4em;
		max-width: 95%;
		margin: auto
}

		.fancyButtonEDelete:hover {
				background-color: #B11843;
				-webkit-box-shadow: 0 5px 40px -10px rgba(0,0,0,.57);
				-moz-box-shadow: 0 5px 40px -10px rgba(0,0,0,.57);
				transition: all .3s ease 0s
		}

.overviewTab {
		border: none;
		color: #333 !important;
		font-weight: 100;
		padding: 5px;
		text-transform: uppercase;
		border-radius: 6px;
		display: inline-block;
		transition: all .4s ease 0s;
		display: block;
		font-size: 1.1em !important;
		text-align: center;
}

		.overviewTab a:hover {
				color: #ccc !important;
				background: 0 0;
				transition: all .3s ease 0s;
				border-bottom: solid 3px #ccc;
				border-radius: 0
		}

.tabLinks {
		background-color: #FFE3A3;
		color: #333 !important;
		padding: 10px;
		border-radius: 8px;
}

.activeTabber {
		font-weight: 700;
		color: #fff !important;
		border-bottom: solid 3px #333;
		background-color: #333;
}

.currentWalletValue {
		width: 100% !important;
		color: #000;
		font-size: 150%;
		padding-top: 30px !important;
		padding-bottom: 30px !important;
		font-weight: 700
}

.smallText {
		font-size: 0.7em !important;
}

.h5PriceOptoins {
		font-size: 2.0em !important;
		color: #333 !important;
		border-bottom: solid 1px #ccc !important;
}

.CollectionDatePickerToday {
		max-width: 400px;
		background-color: #B11843;
		color: #fff;
		border: solid 1px #FFE3A3;
		padding: 20px;
		font-size: 1.4em;
		text-align: center;
		margin: auto;
		margin-bottom: 30px !important
}

.close:hover, .close:focus {
		transition: 0.70s;
		-webkit-transition: 0.70s;
		-moz-transition: 0.70s;
		-ms-transition: 0.70s;
		-o-transition: 0.70s;
		-webkit-transform: rotate(180deg);
		-moz-transform: rotate(180deg);
		-o-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		transform: rotate(180deg);
}

.fancyMenuHeaderItem {
		width: 100%;
		color: #FFE3A3 !important;
		font-size: 12px !important;
}

.fancyMenuHeader {
		width: 100%;
		font-size: .7em;
		color: #FFE3A3;
}

		.fancyMenuHeader b {
				color: #FFE3A3;
				font-size: 1.3em
		}

.informationBox {
		width: 90%;
		min-height: 200px;
		background-color: #fff;
		border: solid 1px #eee;
		padding: 10px;
}

.infoBox1 {
		font-size: 0.9em;
		float: left;
		font-weight: bold;
		width: 100% !important;
}

.infoBox2 {
		padding-top: 5px;
		font-size: 2.5em !important;
		float: left;
		font-weight: bold;
		width: 100% !important;
		color: #B11843 !important;
}

.infoBox3 {
		padding-top: 5px;
		font-size: 1.0em !important;
		float: left;
		font-weight: normal;
		text-align: right;
		width: 100% !important;
}

.ecommDefault_h2 {
		color: #FF94B8 !important;
		font-size: 1.5em !important;
		text-align: left !important;
		margin-left: 10px;
		padding-top: 10px;
		width: 94% !important;
		border-bottom: solid 1px #FF94B8;
}

.ecommDefault_h2_bottom {
		color: #FF94B8 !important;
		font-size: 1.5em !important;
		text-align: right !important;
		margin-left: 10px;
		padding-top: 10px;
		width: 94% !important;
		border-top: solid 1px #FF94B8;
}

.informationBoxTable {
		border: none !important;
		background-color: #B11843;
		width: 100% !important;
}

		.informationBoxTable tr td {
				color: #ddd !important;
				font-weight: 300;
				font-size: 0.9em;
		}

		.informationBoxTable tr:nth-of-type(even) {
				background-color: #B11843;
		}

		.informationBoxTable tr td b {
				font-size: 1.0em;
		}

		.informationBoxTable tr td i {
				font-size: 1.6em !important;
		}

.informationBox ul {
		padding: 10px !important;
		color: #ddd !important;
		font-size: 0.8em !important;
}

		.informationBox ul a {
				color: #fff !important;
				text-decoration: underline;
				text-transform: lowercase;
		}

.smallButton {
		font-size: 0.8em !important;
		padding: 15px !important;
}

.searchBox::placeholder {
		color: #ccc;
		font-weight: normal !important;
}

.dataTables_length label {
		margin-bottom: 10px !important;
}

.dataTables_filter label input {
		min-width: 400px !important;
		margin-bottom: 10px !important;
}

.eShopData {
		font-size: 0.8em !important;
}

		.eShopData input[type=text] {
				font-size: 1.2em !important;
				height: 30px !important;
				border-radius: 5px !important;
		}

		.eShopData select {
				height: 30px !important;
				border-radius: 5px !important;
				width: 200px !important;
		}

		.eShopData input[type=text]:focus {
				-webkit-box-shadow: none !important;
				box-shadow: none !important;
				border-color: #333 !important;
				background-color: #fff !important;
		}

		.eShopData textarea {
				height: 100px;
				resize: none;
		}

.eShopColumn {
		padding-left: 10px;
		padding-right: 10px;
}

.eshopDataHolder {
		margin-left: 5px !important;
		margin-right: 5px !important;
}

.h3eShop {
		font-size: 1.4em !important;
		color: #B11843 !important;
		border-bottom-color: #ccc !important;
		text-align: left;
		padding: 5px;
		margin-top: 30px;
		font-weight: bold !important;
		border-bottom: solid 1px #B11843 !important;
		margin-bottom: 20px !important;
}

.required {
		border-bottom: solid 2px #B11843 !important;
}

.requiredMissing {
		border: solid 2px red !important;
}

.imageHolder {
		width: 205px !important;
		height: 300px !important;
		border: solid 2px #333;
		background-color: #FFF !important;
		display: table-cell;
		vertical-align: middle
}

		.imageHolder img {
				max-width: 205px !important;
				max-height: 300px !important;
		}

.imageHolderNoSize {
		width: auto !important;
		height: auto !important;
		border: solid 2px #333;
		background-color: #F3F4F6 !important;
		display: table-cell;
		vertical-align: middle
}

		.imageHolderNoSize img {
				max-width: auto !important;
				max-height: auto !important;
		}

.editProductHeader {
		font-size: 0.9em !important;
		color: #B11843 !important;
}

		.editProductHeader b {
				font-size: 1.9em !important;
				color: #333 !important;
		}

.inventoryChange {
		width: 100px !important;
}

.paginate_button {
		color: #333 !important;
		margin-left: 5px !important;
		margin-right: 5px !important;
		font-weight: normal !important;
}

		.paginate_button:hover {
				text-decoration: underline;
				font-weight: bold !important;
		}





.h6eComm {
		color: #333 !important;
		width: 100% !important;
		text-align: left;
		font-weight: bold;
		border-bottom: solid 1px #333;
		margin-bottom: 20px;
}

section {
		background-color: #f0f0f0;
		padding: 20px;
}

.MainColorText {
		color: #B11843 !important;
}

.orderStatus {
		float: right !important;
		font-weight: bold !important;
		font-size: 1.3em !important;
		color: #333 !important;
}

.fancyButtonGreen {
		border: none;
		background: #279120;
		color: #fff !important;
		font-weight: 100;
		padding: 20px;
		text-transform: uppercase;
		border-radius: 6px;
		display: inline-block;
		transition: all .3s ease 0s;
		display: block;
		text-align: center !important;
		font-size: 1.4em
}

		.fancyButtonGreen:hover {
				font-weight: 700 !important;
				letter-spacing: 3px;
				-webkit-box-shadow: 0 5px 40px -10px rgba(0,0,0,.57);
				-moz-box-shadow: 0 5px 40px -10px rgba(0,0,0,.57);
				transition: all .3s ease 0s
		}

.eShopH2 {
		font-size: 1.4em !important;
		color: #666 !important;
		border-bottom: solid 1px #333 !important;
		text-align: left;
		padding: 10px;
		margin-bottom: 20px
}

		.eShopH2 b {
				color: #B11843 !important;
				font-size: 70%;
				padding-left: 15px;
		}

.messageNotifier {
		height: 30px;
		background-color: #05a081 !important;
		text-align: center;
		padding-top: 8px;
		color: #fff !important;
		font-weight: bold !important;
		display: none;
}

.tag {
		background-color: #333 !important;
		color: #fff !important;
		border-radius: 10px !important;
		font-size: 0.8em !important;
		padding: 5px;
}

.featured {
		color: #ECA90E !important;
		font-size: 1.2em !important;
		float: right;
		margin-top: 6px;
		margin-right: 5px;
		width: 30px;
}

.reportHeader {
		color: #fff !important;
		font-size: 200%;
		width: 100% !important;
		text-align: center;
		margin-top: 20px;
}

.reportHeading {
		margin-top: 10px !important;
		color: #fff !important;
		font-size: 0.9em !important;
		width: 100% !important;
		text-align: center;
		margin-top: 20px;
}

.readOnly {
		background-color: #f0f0f0 !important;
		;
		color: #111 !important;
}

.templateImageHolder {
		height: 200px !important;
		overflow: hidden;
}

.smallTextBox {
		font-size: 0.9em !important;
		height: 30px !important;
}

.tabs li label {
		font-weight: bold;
}

.tabs .tab-content {
		top: 50px !important;
}

.tabs [id^="tab"]:checked + .menuLabel:hover {
		background: #ddd !important;
		color: #B11843 !important;
}

.tabs [id^="tab"]:checked + .menuLabel {
		background: #eee !important;
		color: #B11843 !important;
		font-weight: bold;
}


@media only screen and (max-width: 1100px) {
		.tabs .tab-content {
				position: inherit !important;
				float: left;
		}

		.tabs li {
				float: left;
				display: block;
				width: 100% !important;
		}

				.tabs li label {
						display: inline-block;
						width: 100% !important;
				}
}


.richText-editor {
		font-size: 1.2em !important;
}

.keepAlive {
		position: absolute; /* Sit on top of the page content */
		width: 100%; /* Full width (cover the whole page) */
		height: 100%; /* Full height (cover the whole page) */
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background-color: #333; /* Black background with opacity */
		z-index: 99999; /* Specify a stack order in case you're using a different order for other elements */
		cursor: pointer; /* Add a pointer on hover */
		display: none;
}

.keepAliveContainer {
		width: 50vw;
		height: 300px;
		background-color: #f0f0f0;
		margin: auto;
		margin-top: 100px;
		text-align: center;
		padding: 50px;
}

		.keepAliveContainer b {
				font-size: 2.0em !important;
		}

		.keepAliveContainer p {
				font-size: 1.1em !important;
		}


.covidNotice {
		background-color: #fff !important;
		color: #f0f0f0 !important;
		font-size: 0.9em !important;
		padding: 20px;
		line-height: 1.6em;
}

		.covidNotice b {
				font-size: 1.1em;
		}

.h2MoreInfo {
		font-size: 2.5em !important;
		margin-bottom: 40px !important;
		margin-top: 0px !important;
		f
}

.moreInfoUl {
		text-align: center !important;
		list-style-type: none !important;
}

		.moreInfoUl li {
				margin-bottom: 10px;
				font-size: 1.1em !important;
				font-weight: normal;
		}

.fancyButtonSpecial {
		border: none;
		background: #f0f0f0;
		color: #333 !important;
		font-weight: 100;
		padding: 10px;
		text-transform: uppercase;
		border-radius: 6px;
		display: inline-block;
		transition: all .3s ease 0s;
		display: block;
		text-align: center !important;
		font-size: 1.0em;
		max-width: 95%;
		margin: auto;
}

		.fancyButtonSpecial:hover {
				font-weight: 700 !important;
				letter-spacing: 3px;
				-webkit-box-shadow: 0 5px 40px -10px rgba(0,0,0,.57);
				-moz-box-shadow: 0 5px 40px -10px rgba(0,0,0,.57);
				transition: all .3s ease 0s
		}

.messageNotifyCount {
		margin-left: 5px;
		color: #fff !important;
		background-color: #B11843 !important;
		border-radius: 20px;
		width: auto;
		height: auto;
		padding: 5px 5px 5px 5px;
		font-size: 1.2em !important;
}

.kwelaButton {
		color: #FFE3A3 !important;
		background: none !important;
		border: solid 2px #FFE3A3;
		border-radius: 5px;
		padding: 5px;
		transition: all 0.5s;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
}

		.kwelaButton:hover {
				background-color: #FFE3A3 !important;
				color: #000 !important;
				font-weight: bold !important;
		}

.meelaButton {
		color: #fff !important;
		background: none !important;
		border: solid 2px #fff;
		border-radius: 5px;
		padding: 5px;
		transition: all 0.5s;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
}

		.meelaButton:hover {
				background-color: #B11843 !important;
				color: #fff !important;
				font-weight: bold !important;
				border: solid 2px #B11843;
		}

.meelaButtonNimbl {
		color: #fff !important;
		background: none !important;
		border: solid 2px #fff;
		border-radius: 5px;
		padding: 5px;
		transition: all 0.5s;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
}

		.meelaButtonNimbl:hover {
				background-color: #fff !important;
				color: #000 !important;
				font-weight: bold !important;
				border: solid 2px #fff;
		}

.meelaButtonNimblBlue {
		font-size: 0.9em;
		font-weight: normal !important;
		color: #fff !important;
		background: none !important;
		border: none;
		border-radius: 5px;
		padding: 10px;
		transition: all 0.5s;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
}

		.meelaButtonNimblBlue:hover {
				background-color: #333 !important;
				color: #fff !important;
		}

.sellOnline {
		padding-top: 150px !important;
		padding-bottom: 150px !important;
		background: url(../img/ads/bgMain2.jpg) no-repeat;
		background-position: bottom !important;
		background-size: cover;
		padding-left: 10px;
		padding-right: 10px;
		background-color: #D9C5AA;
		color: #333 !important;
		text-align: center;
}

		.sellOnline b {
				font-size: 3.0em;
				line-height: 1.5em;
				color: #fff !important;
		}

@media only screen and (max-width: 800px) {
		.h2AlternativeWhite {
				line-height: 2.0em !important;
		}
}

.sortableList li {
		width: 100% !important;
		display: inline-block;
		background-color: #FFE3A3;
		color: #333;
		padding: 10px !important;
		margin-bottom: 5px;
		font-weight: bold;
}

		.sortableList li b {
				color: #B11843;
				font-weight: bold;
				float: right;
				font-size: 150% !important;
		}

.sortable-ghost {
		background-color: #ddd !important;
		color: #000 !important;
}

.altUploadButton {
		border: none;
		background: #FFE3A3;
		color: #333 !important;
		padding: 10px;
		text-transform: uppercase;
		border-radius: 6px;
		transition: all .3s ease 0s;
		text-align: center !important;
		font-size: 1.0em;
		margin: auto;
		font-weight: bold !important;
}

		.altUploadButton:hover {
				background: #333 !important;
				color: #fff !important;
		}

		.altUploadButton:focus {
				background: #FFE3A3 !important;
				color: #333 !important;
		}

.registerShopHolder {
		background-color: #212326 !important;
		color: #fff !important;
		position: fixed;
		top: 0;
		left: 0;
		min-height: 100vh;
		height: 100% !important;
		width: 100%;
		z-index: 100000 !important;
		text-align: center;
		padding-top: 100px;
		overflow: scroll;
}

.registerShopContent {
		max-width: 600px;
		min-height: 400px;
}

.registerShopHolder b {
		font-size: 3.0em;
		line-height: 1.5em;
}

.registerShopHolder table {
		background-color: #212326 !important;
		border: solid 1px #212326 !important;
}

		.registerShopHolder table td {
				color: #fff !important;
				font-size: 1.2em !important;
		}

.registerShopHolder tr:nth-of-type(even) {
		background-color: #212326 !important;
}

.field-container {
		position: relative;
		margin-top: 30px;
}

.field {
		display: block;
		width: 100%;
		max-width: 600px !important;
		padding: 15px 10px 0;
		border: solid 1px #212326;
		font-size: 14px;
		height: 80px !important;
		margin: auto !important;
		text-transform: uppercase;
}

		.field:focus {
				outline: 0 !important;
		}

.floating-label {
		position: absolute;
		pointer-events: none;
		top: 5px;
		left: 10px;
		font-size: 12px;
		opacity: 0;
		padding: 0 2px;
		-webkit-transition: 0.2s ease-in-out;
		transition: 0.2s ease-in-out;
		color: #aaa !important;
		font-weight: bold;
}

.field:valid + .floating-label {
		opacity: 1;
		top: -20px;
		color: #212326;
}

.field:focus + .floating-label {
		color: #03a9f4;
}

.field-underline {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: -5px;
		border: 1px solid #212326 !important;
		z-index: -1;
		padding: 10px 10px 0;
}

.field:focus + .floating-label + .field-underline {
		border-color: #212326 !important;
}

.maxWidth600 {
		max-width: 600px;
		margin: auto
}




.closeRegisterButton {
		font-size: 1.2em !important;
		color: #fff !important;
		position: absolute;
		top: 20px;
		left: 30px;
}

		.closeRegisterButton:hover {
				color: #B11843 !important;
		}

.stepbystepHolder {
		background-color: #f4f6f8;
		text-align: left;
		margin-bottom: 50px;
		padding: 30px;
}

.googleResultItemsChoose {
		list-style-type: none !important;
}

		.googleResultItemsChoose li {
				font-size: 1.4em;
				font-weight: bold;
				padding: 5px;
		}

				.googleResultItemsChoose li:hover {
						color: #B11843 !important;
						cursor: pointer !important;
				}

.h2MyHomeHeading {
		color: #212326 !important;
		text-align: left !important;
		border-bottom: solid 1px #212326 !important;
		margin-bottom: 10px !important;
}

.colorNewBlack {
		color: #212326 !important;
}

.newOrderNotifyHolder {
		background-color: #B11843 !important;
		color: #fff !important;
		font-weight: bold;
		font-size: 1.2em !important;
}

.kleinBietjieGroter {
		font-size: 1.2em !important;
		padding-bottom: 5px;
}

.timeHolder {
		height: 15px !important;
		width: 100% !important;
		text-align: left;
		padding-bottom: 30px;
		color: #888;
}


.overviewCountItem {
		border-top-left-radius: 20px;
		border-top-right-radius: 20px;
		border-color: black;
		background-color: black;
		color: white;
		height: 80px !important;
		padding-left: 15px;
		padding-right: 15px;
		padding-top: 10px;
		padding-bottom: 10px;
		font-size: 1.0em;
		text-align: center;
		float: left;
		margin-bottom: 30px;
		font-weight: 700 !important;
		width: 100%;
}

		.overviewCountItem b {
				font-size: 1.9em !important;
				float: right;
				width: 100%;
				text-align: right;
		}

		.overviewCountItem i {
				font-size: 0.9em !important;
				float: left;
				width: 100%;
				text-align: left;
				height: 30px;
		}

.overviewCountItemGood1 {
		background-color: #5C81B8 !important;
		color: #fff;
}

.overviewCountItemGood2 {
		background-color: #76C000 !important;
		color: #fff;
}

.overviewCountItemGood3 {
		background-color: #B93E3E !important;
		color: #fff;
}

.overviewCountItemGood4 {
		background-color: #FE9837 !important;
		color: #fff;
}

.overviewCountItemGood5 {
		border: solid 1px #333 !important;
		background-color: #f4f6f8;
		color: rgba(0,0,0,.57);
		min-height: 200px;
}

		.overviewCountItemGood5 ul {
				text-align: left;
				list-style-type: none;
		}

				.overviewCountItemGood5 ul li b {
						font-size: 1.2em !important;
						text-align: left;
				}

.quickLink {
		width: 100% !important;
		height: 40px !important;
		border-bottom: solid 1px #ccc;
		margin-top: 10px;
}

		.quickLink a {
				float: left;
				margin-top: 10px !important;
				color: rgba(0,0,0,.57) !important;
		}

		.quickLink b {
				float: right !important;
				font-size: 3.0em;
				margin-top: -3px !important;
				color: #ccc;
		}

		.quickLink:hover {
		}

				.quickLink:hover a {
						color: #B11843 !important;
				}

				.quickLink:hover b {
						color: rgba(0,0,0,.57) !important;
				}

.storeSettingHolder {
		width: 100%;
		font-size: 1.4em;
		color: #B11843 !important;
		font-weight: bold !important;
		background-color: #fff;
		height: 140px;
		display: flex;
}

.storeSettingImage {
		height: 140px;
		min-width: 60px;
		font-size: 2.5em;
		padding-top: 30px;
		padding-left: 20px;
}

.storeSettingData {
		height: 125px;
		width: 100%;
		padding: 10px;
		text-align: right !important;
}

		.storeSettingData h5 {
				color: #000 !important;
				border-bottom: solid 1px #fff;
				font-size: 1.0em !important;
				padding: 0 !important;
				text-align: right;
		}

		.storeSettingData p {
				padding-left: 20px;
				color: #666 !important;
		}

.faGreen {
		color: #4AAA3F !important;
}

.faRed {
		color: red !important;
}


.helpCentreHolderAlt i {
		font-size: 1.0em !important;
		color: #B11843;
		margin-right: 10px;
}


.helpCentreHolderAlt b {
		width: 100% !important;
		text-align: center;
}

.helpCentreHolderAlt .DescriptionBox {
		margin-top: 80px !important;
		width: 100% !important;
		text-align: left;
		color: black !important;
		line-height: 20px;
}


.helpCentreHolderTer {
		width: 100% !important;
		height: 200px !important;
		background-color: #FFE3A3;
		color: #333;
		padding: 20px;
		border-radius: 10px;
		margin-bottom: 40px;
}

		.helpCentreHolderTer i {
				font-size: 1.0em !important;
				color: #B11843;
				margin-right: 10px;
		}


		.helpCentreHolderTer b {
				width: 100% !important;
				text-align: center;
		}

.helpCentreHolderAlt {
		width: 100% !important;
		height: 200px !important;
		color: #fff;
		padding: 20px;
		border-radius: 10px;
		margin-bottom: 40px;
}

#button-holder {
		background-color: #B11843;
		cursor: pointer;
		float: left;
		height: 40px;
		margin: 5px 0 0 0;
		text-align: center;
		width: 50px;
		margin-left: -5px;
		border-top: 1px solid #B11843;
		border-right: 1px solid #B11843;
		border-bottom: 1px solid #B11843;
		border-top-right-radius: 10px;
		border-bottom-right-radius: 10px;
}

.search-text-input {
		border-top: thin solid #e5e5e5;
		border-right: thin solid #e5e5e5;
		border-bottom: 0;
		border-left: thin solid #e5e5e5;
		box-shadow: 0px 1px 1px 1px #e5e5e5;
		float: left;
		height: 17px;
		margin: .8em 0 0 .5em;
		outline: 0;
		padding: .4em 0 .4em .6em;
		width: 90% !important;
		border-top-right-radius: 0px !important;
		border-bottom-right-radius: 0px !important;
}

#button-holder i {
		margin: 10px;
		width: 20px;
		color: #fff !important;
}

@media only screen and (max-width: 560px) {
		.search-text-input {
				width: 85% !important;
		}
}

canvas {
		margin-bottom: 50px;
}

.uniqueVisitor {
		width: 50px !important;
		height: 25px !important;
		display: flex;
		background-color: rgb(255, 99, 132) !important;
		float: left;
		margin-right: 20px;
}

.uniqueVisits {
		width: 50px !important;
		height: 25px !important;
		display: flex;
		background-color: #5C81B8 !important;
		float: left;
		margin-right: 20px;
}

.uniqueData {
		padding-left: 20px;
		line-height: 20px;
}

.shippingRule {
		border-bottom: solid 1px #ccc;
		background-color: #f4f6f8 !important;
		padding-left: 0px !important;
		padding-right: 0px !important;
		border-left: solid 1px #f4f6f8 !important;
		border-right: solid 1px #f4f6f8 !important;
}

.shippingruleHeader {
		padding-top: 20px;
		padding-left: 20px !important;
}

		.shippingruleHeader input[type=radio] {
				display: flex;
				margin-right: 10px !important;
		}

		.shippingruleHeader label {
				text-align: left !important;
				color: #aaa !important;
				width: auto !important;
				display: flex !important;
				font-weight: bold;
				font-size: 1.4em !important;
		}

.highlightRuleHeader {
		color: #fff !important;
}

		.highlightRuleHeader label {
				color: #B11843 !important;
				font-size: 1.8em !important;
		}

.quoteButton {
		border: none !important;
		background: #B11843 !important;
		color: #fff !important;
		padding: 10px !important;
		text-transform: uppercase !important;
		border-radius: 6px !important;
		transition: all .3s ease 0s !important;
		text-align: center !important;
		font-size: 1.0em !important;
		margin: auto !important;
		font-weight: bold !important;
}

.rateItems {
		background-color: #fff !important;
		padding: 20px;
		text-align: left !important;
		line-height: 20px !important;
}

		.rateItems b {
				font-size: 1.2em !important;
		}

		.rateItems label {
				font-weight: 700;
				color: black;
		}

.dynamicTable tr td select {
		text-transform: uppercase !important;
}

.AddZoneTable {
		width: 100% !important;
		text-align: left;
}

		.AddZoneTable tr td {
				font-size: 1.0em !important;
		}

				.AddZoneTable tr td input {
						font-size: 1.2em !important;
						width: 100% !important;
						padding: 5px !important;
						text-transform: uppercase;
						font-weight: bold;
				}

				.AddZoneTable tr td textarea {
						color: black;
						font-size: 1.2em !important;
						width: 100% !important;
						padding: 5px !important;
						height: 200px;
						resize: none;
						text-transform: uppercase;
				}

.dynamicTable tr td {
		text-transform: uppercase !important;
}




.rateCNC {
		display: block !important;
}

.rateHeaderCNC label {
		color: #777 !important;
}

@media only screen and (min-width: 1025px) and (max-width: 1280px) {
		.storeSettingImage {
				display: none !important;
		}

		.storeSettingData h5 {
				text-align: left !important;
		}

		.storeSettingData {
				text-align: left !important;
		}
}

.richText .richText-editor {
		font-family: 'Poppins',sans-serif !important;
}

.urlMenuActive {
		color: #B11843 !important;
}

.extensionIcon {
		font-size: 5.0em !important;
}

.colorPink {
		color: #B11843 !important;
}

.imageHolderHoriz {
		width: 500px !important;
		max-height: 300px !important;
		height: 300px !important;
		overflow: hidden !important;
		border: solid 2px #333;
		background-color: #fff !important;
		display: table-cell;
		vertical-align: middle;
		text-align: center;
}

		.imageHolderHoriz img {
				width: 500px !important;
				height: 300px;
				object-fit: cover !important;
				object-position: center !important;
				overflow: hidden !important;
		}

.productCategoryMain {
		width: 100% !important;
		color: #333 !important;
		font-weight: bold;
		height: auto;
		float: left;
		font-size: 1.4em;
		border-bottom: solid 1px #f0f0f0;
		background-color: #f0f0f0;
		border-top: solid 1px #ccc;
		border-bottom: solid 1px #ccc;
		margin-top: -1px;
}

		.productCategoryMain:nth-child(even) {
				background-color: #fff !important;
		}


		.productCategoryMain span {
				width: 100% !important;
				float: left;
		}

/*.productCategoryMain span::before {
						content: '';
						display: inline-block;
						width: 5px;
						height: 5px;
						-moz-border-radius: 7.5px;
						-webkit-border-radius: 7.5px;
						border-radius: 7.5px;
						background-color: #B11843;
						margin-bottom: 2px;
						margin-right: 5px !important;
						float: left;
				}*/

.productCategorySec {
		width: 100% !important;
		color: #333 !important;
		width: 100% auto;
		float: left;
		font-size: 90% !important;
		display: none;
}

		.productCategorySec span::before {
				content: '';
				display: inline-block;
				width: 7px;
				height: 7px;
				-moz-border-radius: 7.5px;
				-webkit-border-radius: 7.5px;
				border-radius: 7.5px;
				background-color: #B11843;
				margin-bottom: 2px;
				margin-right: 5px !important;
				float: left;
				margin-top: 5px;
		}

.productCategoryTer {
		width: 100% !important;
		color: #333 !important;
		width: 100% auto;
		float: left;
		font-size: 90% !important;
		display: none;
}

		.productCategoryTer span::before {
				content: '';
				display: inline-block;
				width: 7px;
				height: 7px;
				-moz-border-radius: 7.5px;
				-webkit-border-radius: 7.5px;
				border-radius: 7.5px;
				background-color: #05a081;
				margin-bottom: 2px;
				margin-right: 5px !important;
				float: left;
				margin-top: 5px;
		}

.productCategoryHolder {
		margin-top: 40px;
}

		.productCategoryHolder ul {
				list-style-type: none !important;
		}

		.productCategoryHolder a {
				font-size: 10pt !important;
				color: #888 !important;
				float: right;
		}

		.productCategoryHolder span {
				padding: 3px;
				padding-left: 0px !important;
				float: left;
		}

				.productCategoryHolder span:hover {
						cursor: pointer;
				}

						.productCategoryHolder span:hover a {
								color: #B11843 !important;
								font-weight: bold !important;
						}

.categoryOverviewHolder1 {
		color: #B11843 !important;
		font-size: 8pt !important;
		padding-top: 5px;
		padding-bottom: 5px;
		padding-left: 8px;
		padding-right: 20px;
		border-radius: 10px;
		float: right;
		width: 200px;
}

.categoryOverviewHolder2 {
		color: #05a081 !important;
		font-size: 8pt !important;
		padding-top: 5px;
		padding-bottom: 5px;
		padding-left: 8px;
		padding-right: 8px;
		border-radius: 10px;
		float: right;
		width: 150px;
}

.imageHolderHorizPrev {
		width: 500px !important;
		max-height: 300px !important;
		height: 300px !important;
		overflow: hidden !important;
		display: table-cell;
		vertical-align: middle;
		text-align: center;
}

.previewATag {
		padding-top: 2px !important;
		padding-right: 5px;
		float: right !important;
}

.previewBTag {
		width: 400px !important;
		float: left;
		padding-left: 5px;
}

.leftLine {
		padding-left: 0px !important;
}

		.leftLine:before {
				content: '';
				border-top: 1px solid #ccc;
				background: #ccc;
				width: 100%;
				float: left;
				width: 10px;
				margin-top: 8px;
				margin-right: 3px;
		}


.expander {
		width: 20px !important;
		padding-left: 5px;
		font-size: 10pt !important;
		color: #ccc !important;
		float: left;
}

.collapsibleBorder {
		border-left: solid 1px #333 !important;
		float: left;
}

.collapsibleBorder2 {
		float: left;
}

.linerSpacer {
		float: left;
}

.terCategory {
		margin-left: 0px !important;
}

@media only screen and (max-width: 600px) {
		.logoImage {
				width: 200px !important;
		}
		.loginButton {
				float: right;
		}
		.previewBTag {
				width: auto !important;
				float: left;
				display: table-cell;
		}

		.previewATag {
				width: auto !important;
				float: left;
				width: 50px !important;
				display: table-cell;
		}

		.categoryOverviewHolder1 {
				display: none;
		}

		.categoryOverviewHolder2 {
				display: none;
		}

		.productCategorySec span::before {
				display: none;
		}

		.productCategoryTer {
				padding-left: 20px;
		}
}

.variantOnTheFlyDescription {
		background-color: #dfe3e8;
		color: #212b36;
		padding: 8px !important;
		text-align: center;
		display: inline-flex;
		margin-right: 10px;
		border-radius: 10px;
}

		.variantOnTheFlyDescription a {
				font-weight: bold;
				margin-left: 10px;
		}

label select {
		margin-top: 5px;
}

.sortable {
		list-style-type: none;
}

		.sortable li {
				width: 100%;
				background-color: #fff;
				color: #B11843;
				padding: 10px;
				margin-bottom: 2px;
				font-weight: bold;
				font-size: 1.2em;
		}

		.sortable i {
				color: #999;
				margin-right: 10px;
		}

.ui-sortable-helper {
		background-color: #B11843 !important;
		color: #fff !important;
}

.dirtyPopup {
		display: none;
		z-index: 10000;
		height: 40px;
		width: 200px;
		background: #B11843;
		color: #fff;
		top: -10px;
		right: 10px;
		position: fixed;
		transition: all 0.8s;
		padding: 5px;
		padding-top: 20px;
		vertical-align: top;
		text-align: center;
		font-size: 0.9em !important;
		border-radius: 10px;
}

.tableBiggerText tr td {
		font-size: 1.2em !important;
}

.uplodifyOrderView {
		font-size: 0.9em !important;
		width: 100%;
		background-color: #FFE3A3;
		padding: 10px;
}

		.uplodifyOrderView h3 {
				font-size: 1.0em !important;
				font-weight: bold;
				width: 100% auto;
				text-decoration: underline;
				text-align: left;
				color: black !important;
		}

.templateMenu {
		background-color: #FFE3A3;
		padding: 10px;
		list-style-type: none;
		float: left;
}

		.templateMenu li {
				width: 100%;
				float: left;
				display: block;
				font-size: 11px;
				font-weight: bold;
				margin-bottom: 10px;
		}

.greyHolder {
		background-color: #fff;
}

.h2GreyHolder {
		background-color: #333;
		width: 100%;
		margin: 0px !important;
		color: #f4f4f4 !important;
		text-align: left;
		padding-left: 20px;
		padding-top: 20px;
		padding-bottom: 20px;
		margin-bottom: 30px !important;
}

.colorscheme {
		width: 50px !important;
		height: 50px !important;
		border: solid 5px #fff;
		float: left;
		border: solid 1px #333;
		margin-right: 10px !important;
}

.colorschemeName {
		width: 100px !important;
		height: 50px !important;
		float: left;
		margin-right: 10px !important;
		padding-top: 20px;
		font-weight: bold;
		font-size: 20px;
}

.noBgTable {
		border-spacing: 0;
		border-collapse: collapse;
}

		.noBgTable tr th {
				background-color: #333 !important;
				color: #fff !important;
				border-bottom: solid 1px #f4f4f4;
		}

		.noBgTable tr td {
				background-color: #fff !important;
				border-bottom: solid 1px #f4f4f4;
		}

.imageHolderLogo {
		width: 350px !important;
		height: 80px !important;
		border: solid 2px #333;
		background-color: #FFF !important;
		display: table-cell;
		vertical-align: middle;
		padding: 10px;
}

		.imageHolderLogo img {
				max-width: 350px !important;
				max-height: 80px !important;
		}

.imageHolderBanner {
		width: 400px !important;
		max-width: 400px !important;
		height: auto !important;
		border: solid 2px #333;
		background-color: #FFF !important;
		display: table-cell;
		vertical-align: middle;
		padding: 10px;
}

		.imageHolderBanner img {
				max-width: 400px !important;
				max-height: 300px !important;
				width: 100%;
		}


.h2EComm {
		font-size: 15px !important;
		color: #333 !important;
		border-bottom: solid 1px #333 !important;
		text-align: left;
		padding: 10px;
		font-weight: 700;
		margin-bottom: 30px
}

		.h2EComm b {
				color: #333 !important;
				font-size: 25px;
				padding-left: 15px;
		}

				.h2EComm b:after {
						content: " | ";						
				}



.fancyButtonGeneralSmallPageBack_a {
		border: none;
		background: #333;
		color: #f4f4f4 !important;
		font-weight: normal !important;
		text-transform: uppercase;
		border-radius: 6px;
		transition: all .3s ease 0s;
		display: block;
		text-align: center !important;
		font-size: 12px;
		font-family: 'Poppins',sans-serif !important;
		height: 40px !important;
		line-height: 15px !important;
		margin-top: 10px;
		min-width: 150px;
		padding-top: 12px;
		padding-left: 10px;
		padding-right: 10px;
}

.fancyButtonGeneralSmallPageBackPink_a {
		border: none;
		background: #0E4E70;
		color: #fff !important;
		font-weight: normal !important;
		text-transform: uppercase;
		border-radius: 6px;
		transition: all .3s ease 0s;
		display: block;
		text-align: center !important;
		font-size: 12px;
		font-family: 'Poppins',sans-serif !important;
		height: 40px !important;
		line-height: 15px !important;
		margin-top: 10px;
		min-width: 150px;
		padding-top: 12px;
		padding-left: 10px;
		padding-right: 10px;
}

.fancyButtonGeneralSmallPageBack {
		border: none;
		background: #333;
		color: #f4f4f4 !important;
		font-weight: normal !important;
		text-transform: uppercase;
		border-radius: 6px;
		transition: all .3s ease 0s;
		display: block;
		text-align: center !important;
		font-size: 12px;
		font-family: 'Poppins',sans-serif !important;
		height: 40px !important;
		line-height: 15px !important;
		margin-top: 10px;
		width: 150px;
}

.fancyButtonGeneralSmallPageBackPink {
		border: none;
		background: #B11843;
		color: #fff !important;
		font-weight: normal !important;
		text-transform: uppercase;
		border-radius: 6px;
		transition: all .3s ease 0s;
		display: block;
		text-align: center !important;
		font-size: 12px;
		font-family: 'Poppins',sans-serif !important;
		height: 40px !important;
		line-height: 15px !important;
		margin-top: 10px;
		width: 150px;
}

.fancyButtonGeneralSmall {
		border: none;
		background: #B11843;
		color: #fff !important;
		font-weight: bold !important;
		text-transform: uppercase;
		border-radius: 6px;
		transition: all .3s ease 0s;
		display: block;
		text-align: center !important;
		font-size: 12px;
		font-family: 'Poppins',sans-serif !important;		
		padding: 10px !important;
		line-height: 15px !important;
}

.fancyButtonGeneralSmall_a {
		border: none;
		background: #B11843;
		color: #fff !important;
		font-weight: bold !important;
		text-transform: uppercase;
		border-radius: 6px;
		transition: all .3s ease 0s;
		display: block;
		text-align: center !important;
		font-size: 12px;
		font-family: 'Poppins',sans-serif !important;		
		line-height: 15px !important;
		padding: 10px !important;
}

.fancyButtonGeneralSmallYellow_a {
		border: none;
		background: #FFE3A3;
		color: #333 !important;
		font-weight: bold !important;
		text-transform: uppercase;
		border-radius: 6px;
		transition: all .3s ease 0s;
		display: block;
		text-align: center !important;
		font-size: 12px;
		font-family: 'Poppins',sans-serif !important;		
		line-height: 15px !important;
		padding: 10px !important;
}

.fancyButtonGeneralSmallGreen {
		border: none;
		background: #05a081;
		color: #fff !important;
		font-weight: bold !important;
		text-transform: uppercase;
		border-radius: 6px;
		transition: all .3s ease 0s;
		display: block;
		text-align: center !important;
		font-size: 12px;
		font-family: 'Poppins',sans-serif !important;		
		line-height: 15px !important;
		padding: 10px !important;
}

.fancyButtonGeneralSmallGreen_a {
		border: none;
		background: #05a081;
		color: #fff !important;
		font-weight: bold !important;
		text-transform: uppercase;
		border-radius: 6px;
		transition: all .3s ease 0s;
		display: block;
		text-align: center !important;
		font-size: 12px;
		font-family: 'Poppins',sans-serif !important;		
		line-height: 15px !important;
		padding: 10px !important;
}

.fancyButtonGeneralSmall2 {
		border: none;
		background: #333;
		color: #fff !important;
		font-weight: bold !important;
		text-transform: uppercase;
		border-radius: 6px;
		transition: all .3s ease 0s;
		display: block;
		text-align: center !important;
		font-size: 12px;
		font-family: 'Poppins',sans-serif !important;		
		line-height: 15px !important;
		padding: 10px !important;
}

.fancyButtonGeneralSmall2_a {
		border: none;
		background: #333;
		color: #fff !important;
		font-weight: bold !important;
		text-transform: uppercase;
		border-radius: 6px;
		transition: all .3s ease 0s;
		display: block;
		text-align: center !important;
		font-size: 12px;
		font-family: 'Poppins',sans-serif !important;		
		line-height: 15px !important;
		padding: 10px !important;
}



.fancyButtonGeneralSmallDanger {
		border: none;
		background: #ff0000 !important;
		color: #fff !important;
		font-weight: bold !important;
		text-transform: uppercase;
		border-radius: 6px;
		transition: all .3s ease 0s;
		display: block;
		text-align: center !important;
		font-size: 12px;
		font-family: 'Poppins',sans-serif !important;		
		line-height: 15px !important;
		padding: 10px !important;
}

.fancyButtonGeneralSmallSuccess {
		border: none;
		background: #28CE28 !important;
		color: #fff !important;
		font-weight: 700;
		text-transform: uppercase;
		border-radius: 6px;
		display: inline-block;
		transition: all .3s ease 0s;
		display: block;
		text-align: center !important;
		font-size: 15px;
		padding: 13px !important;
		font-family: 'Poppins',sans-serif !important;
}

.fancyButtonGeneralSmallSuccess_a {
		border: none;
		background: #28CE28 !important;
		color: #fff !important;
		font-weight: 700;
		text-transform: uppercase;
		border-radius: 6px;
		display: inline-block;
		transition: all .3s ease 0s;
		display: block;
		text-align: center !important;
		font-size: 15px;
		padding: 13px !important;
		font-family: 'Poppins',sans-serif !important;
		padding-top: 10px;
}



.fancyButtonGeneralSmallPublish {
		border: none;
		background: #B11843;
		color: #fff !important;
		font-weight: 100;
		padding: 5px;
		text-transform: uppercase;
		border-radius: 6px;
		display: inline-block;
		transition: all .3s ease 0s;
		display: block;
		text-align: center !important;
		font-size: 0.8em !important;
		width: 100px !important;
		font-family: 'Poppins',sans-serif !important;
}

.fancyButtonGeneralSmallLightGreen {
		border: none;
		background: #05a081;
		color: #fff !important;
		font-weight: bold;
		padding: 15px;
		text-transform: uppercase;
		border-radius: 6px;
		display: inline-block;
		transition: all .3s ease 0s;
		display: block;
		text-align: center !important;
		font-size: 1.2em;
}

		.fancyButtonGeneralSmallLightGreen:hover {
				border: none;
				background: #05a081;
				color: #fff !important;
				text-transform: uppercase;
				border-radius: 6px;
				display: inline-block;
				transition: all .3s ease 0s;
				display: block;
				text-align: center !important;
				font-size: 1.0em;
		}



.fancyButtonGeneralSmallNext {
		border: none;
		background: #B11843;
		color: #fff !important;
		font-weight: bold;
		padding: 5px;
		text-transform: uppercase;
		border-radius: 6px;
		display: inline-block;
		transition: all .3s ease 0s;
		display: block;
		text-align: center !important;
		font-size: 0.9em;
		width: 100px !important;
		float: right;
}

.fancyButtonGeneralSmallBack {
		border: none;
		background: #333;
		color: #fff !important;
		font-weight: bold;
		padding: 5px;
		text-transform: uppercase;
		border-radius: 6px;
		transition: all .3s ease 0s;
		display: block;
		text-align: center !important;
		font-size: 0.9em;
		width: 100px !important;
}

.fancyButtonGeneralSmallTemplate {
		float: left;
		border: none;
		background: #FFE3A3 !important;
		color: #333 !important;
		font-weight: 700 !important;
		padding: 10px;
		text-transform: uppercase;
		display: inline-block;
		transition: all .3s ease 0s;
		display: block;
		text-align: center !important;
		font-size: 12px;
		margin-left: 5px;
		border-radius: 3px;
}

.fancyButtonGeneralSmallTemplateSelect {
		float: left;
		border: none;
		background: #05a081 !important;
		color: #fff !important;
		font-weight: 700 !important;
		padding: 10px;
		text-transform: uppercase;
		display: inline-block;
		transition: all .3s ease 0s;
		display: block;
		text-align: center !important;
		font-size: 12px;
		margin-left: 5px;
		border-radius: 3px;
}

.fancyButtonGeneralSmallTemplatePreview {
		float: left;
		border: none;
		background: #B11843 !important;
		color: #fff !important;
		font-weight: 700 !important;
		padding: 10px;
		text-transform: uppercase;
		display: inline-block;
		transition: all .3s ease 0s;
		display: block;
		text-align: center !important;
		font-size: 12px;
		margin-left: 5px;
		border-radius: 3px;
}

.fancyButtonSmallStyle {
		font-size: 10px !important;
}

.fancyButtonGeneralSmallTemplate:hover {
		box-shadow: 0 5px 16px 0 rgba(0,0,0,0.1), 0 2px 8px 0 rgba(0,0,0,0.1);
}

.fancyButtonGeneralSmallTemplateSelect:hover {
		box-shadow: 0 5px 16px 0 rgba(0,0,0,0.1), 0 2px 8px 0 rgba(0,0,0,0.1);
}

.fancyButtonGeneralSmallTemplatePreview:hover {
		box-shadow: 0 5px 16px 0 rgba(0,0,0,0.1), 0 2px 8px 0 rgba(0,0,0,0.1);
}

.rowLabel10 label {
		margin-bottom: 10px !important;
}

.templateColorPreview {
		width: 30px;
		height: 30px;
		border-radius: 50%;
		border: solid 1px #000;
		float: left;
		display: inline-flex;
		margin-top: 12px;
}


.loginForm {
		background-color: #f4f4f4;
		width: 90%;
		max-width: 500px !important;
		margin: auto;
		margin-top: 50px;
		min-height: 380px;
		padding-top: 20px;
		box-shadow: 0 5px 16px 0 rgba(0,0,0,0.1), 0 2px 8px 0 rgba(0,0,0,0.1);
}

		.loginForm input[type=text], input[type=password] {
				font-weight: 700;
				margin-top: 20px !important;
				max-width: 90%;
				margin: auto
		}

.loginItem {
		float: left;
		width: 100%;
		margin-top: 10px;
		padding-left: 20px;
}

		.loginItem a {
				color: #B11843 !important;
				width: 100px;
		}

				.loginItem a:hover {
						color: #333 !important;
						text-decoration: underline;
				}

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

.blackRegister {
		background-color: #212326;
		width: 100vw;
		height: 100vh;
		position: absolute;
		top: 0;
		left: 0;
		padding: 30px;
		padding-top: 50px;
		text-align: center;
		line-height: 1.5em;
}

		.blackRegister b {
				font-size: 25px;
				color: #fff !important;
				width: 100%;
				float: left;
				margin-bottom: 30px !important;
		}

		.blackRegister input[type=password], .blackRegister input[type=text] {
				margin: 0px !important;
				width: 100% !important;
				max-width: 100% !important;
				color: #B11843 !important;
		}

		.blackRegister label {
				margin-bottom: 20px;
		}

				.blackRegister label select {
						margin: 0px !important;
				}

		.blackRegister .fullWidth {
				max-width: 100% !important;
				width: 100% !important;
		}

		.blackRegister i {
				color: #fff;
				padding: 20px !important;
				float: left;
				width: 100%;
				font-size: 12px;
				font-weight: normal !important;
		}

.storeNameURLPrefix {
		position: relative;
		float: left;
		width: 100%;
}

		.storeNameURLPrefix:after {
				position: absolute;
				right: 10px;
				top: 10px;
				content: '.myeparcel.co.za';
				color: #B11843 !important;
				font-weight: bold;
		}

.pageToolTip {
		margin-left: 5px;
}

.dropdown {
		position: relative;
		display: inline-block;
}

.dropdown-content {
		display: none;
		position: absolute;
		background-color: #fff;
		min-width: 200px;
		box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
		padding: 12px 16px;
		z-index: 1;
		width: auto !important;
}

.dropdown:hover .dropdown-content {
		display: block;
}

.fancyMenu2 {
		border: none;
		color: #333 !important;
		font-weight: 100;
		padding: 5px;
		text-transform: uppercase;
		border-radius: 6px;
		display: inline-block;
		transition: all .4s ease 0s;
		display: block;
		font-size: 0.9em !important;
		border-bottom: none !important;
}

		.fancyMenu2:hover {
				color: #B11843 !important;
				background: 0 0;
				transition: all .3s ease 0s;
				border-bottom: solid 3px #333;
				border-radius: 0;
				font-weight: bold !important;
		}

.fullWidth2 {
		margin-left: 0px !important;
		margin-right: 0px !important;
		padding-left: 0px !important;
		padding-right: 0px !important;
}

.menuGrey {
		background-color: #f0f0f0 !important;
}

		.menuGrey li a {
				color: #333 !important;
				font-size: 1.3em !important;
		}

.nimblBackground {
		background-color: #333 !important;
}

		.nimblBackground li a {
				border-bottom: none !important;
		}

				.nimblBackground li a:hover {
						border-bottom: none !important;
						color: #000 !important;
				}

.nimblHeader {
		position: fixed;
		top: 0;
		left: 0;
		background-color: transparent;
		height: 90px;
		width: 100%;
		z-index: 2147483647;
}

.nimblMenu {
		background-color: transparent !important;
		float: right;
		width: 100%;		
}

		.nimblMenu li a {
				border-bottom: none !important;
		}

				.nimblMenu li a:hover {
						border-bottom: none !important;
						color: #333 !important;
				}

.scrollhide {
		visibility: visible;
		opacity: 1;
		transition: visibility 0s, opacity 0.5s linear;
}

.scrollhideAction {
		visibility: hidden;
		opacity: 0;
		transition: visibility 0s, opacity 0.5s linear;
}

.scrollLockMenu {
		max-height: 100px;
		z-index: 2147483647 !important;
		position: fixed;
		top: 0px;
		left: 0px;
		background-color: #fff;
		transition: left 1s linear;
		border-bottom: solid 1px #f0f0f0;
}

		.scrollLockMenu ul li a {
				color: #333 !important;
				margin-top: 15px;
		}

.h2Nimble {
		font-family: 'Varela Round', sans-serif !important;
}

.h1Alternative_n {
		color: #333 !important;
		font-family: 'Varela Round', sans-serif !important;
}

		.h1Alternative_n b {
				color: #333 !important;
				font-family: 'Varela Round', sans-serif !important;
		}

.h2Alternative_n {
		color: #333 !important;
		font-size: 1.2em;
		font-family: 'Varela Round', sans-serif !important;
}

.h2AlternativeWhite_n {
		color: #fff !important;
		font-size: 1.2em;
		font-family: 'Varela Round', sans-serif !important;
}

.h3Alternative_n {
		font-weight: 700;
		margin-top: 20px;
		margin-bottom: 20px;
		color: #990000 !important;
		font-size: 1.2em;
		font-family: 'Varela Round', sans-serif !important;
}

.h3nimbl {
		color: #313131 !important;
		font-size: 40px !important;
		text-align: center;
		font-family: 'Varela Round', sans-serif !important;
}
.h3nimbl_Custom1 {
		color: #313131 !important;
		font-size: 16px !important;
		text-align: right;
		font-weight: bold;
		font-family: 'Varela Round', sans-serif !important;
}
.h3nimbl_Custom1 b{
		font-size: 30px;
		color: #333 !important;
}
		.h3nimbl_Custom2 {
		color: #313131 !important;
		font-size: 16px !important;
		text-align: left;
		font-weight: bold;
		font-family: 'Varela Round', sans-serif !important;
}

.h3nimbl_Custom2 b {
		font-size: 30px;
		color: #333 !important;
}

.nibleHeaderFA {
		float: left;
		margin: 0 !important;
		padding: 0 !important;
		color: #333 !important;
		font-size: 1.0em !important;
		padding: 10px !important;
		width: auto;
		text-align: center;
		line-height: 1.5em;
		text-align: center;
}

		.nibleHeaderFA b {
				font-size: 20px !important;
				color: #313131;
		}

.cardColumn {
		color: #333;
		font-size: 5.0em;
		float: left;
		width: 100%;
		text-align: center;
		padding: 20px;
}

.cardHolder {
		box-shadow: 0 5px 16px 0 rgba(0,0,0,0.1), 0 2px 8px 0 rgba(0,0,0,0.1);
		min-height: 380px;
		width: 100%;
}

.nimblFont_L {
		font-size: 17px;
		line-height: 25px;
}

.marginRight10px {
		margin-right: 10px !important;
}

.nimblSmallMenuButton {
		color: #fff !important;
		float: right;
}

.scrollLockMenu .nimblSmallMenuButton {
		color: #333 !important;
		margin-top: 20px !important;
}

.nimblContent ul li {
width: 100%;
}

.nimblFooter {
		background-color: #313131;
		padding-top: 50px;
		padding-bottom: 50px;
		min-height: 300px;
		margin-top: 0px !important;
}