/* Smartphones (portrait and landscape) -------------------- */
@media
only screen and (min-device-width: 320px) and (max-device-width: 640px) {
	.topNav li a {
		font-size: 14px!Important;
		white-space: normal!Important;
	}
}

/* Smartphones (portrait) & Old SP (landscape) ------------- */
@media
only screen and (min-width: 320px) and (max-width: 540px) {
	#formFooterButtons .footerBtn {
		width:20%!Important;
	}

}
 
/* Smartphones & Tablets (portrait) & Tiny Desktops -------- */
@media
only screen and (min-width: 321px) and (max-width: 799px) {
	#footerWrapper #fnb-logo{
		  background: url("../../03images/sales/01global/logo_full_turq.png") 10px 0px no-repeat;
	      background-size: 100px 40px;
		  height: 50px;
		  width: 112px!important;
	}
}
 
/* Smartphones & Tablets (portrait & landscape) ------------ */
@media
only screen and (min-device-width: 640px) and (max-device-width: 960px) {
    
}
  
/* Global Smartphones & Tablets (portrait) & Tiny Desktops -------- */
@media
only screen and (max-width: 799px) {

.forcedHideInMobile {display:none!important;}
.showInMobileOnly{display:block!important;}
	
.grid10 {width: 100%;}
.grid16 {width: 100%;}
.grid15 {width: 100%;}
.grid20 {width: 100%;}
.grid25 {width: 100%;}
.grid30 {width: 100%;}
.grid33 {width: 100%;}
.grid40 {width: 100%;}
.grid50 {width: 100%;}
.grid60 {width: 100%;}
.grid65 {width: 100%;}
.grid67 {width: 100%;}
.grid70 {width: 100%;}
.grid75 {width: 100%;}
.grid80 {width: 100%;}
.grid90 {width: 100%;}
.grid100{width:100%;}

	.pagingWrapper .grid30{
		width:33%;
	}
	.mobiPopupWrapper {
			top: 99px;
			z-index: 180;
			left: 25px;
			right: 0;
			bottom: 54px;
	}
	.pageWrapper {
		padding-left: 25px!Important;
	}
	#popupWrapper {
		top: 99px!Important;
		bottom: 54px!Important;
	}
	#popupWrapper .pageWrapper {
		padding-left: 0!Important;
	}
	#popupWrapper .displayTableCell {
		display:block!Important;
		float: left;
	}
	#mobileDeviceOfferStartFramePointer .grid20 {
		width: 50%;
	}
	#formFooterButtons .footerBtn {
		width:25%!Important;
	}
	.closeButtonWrapper {
		top: 3px;
	}
	.topNav{
		height: 56px!Important;
	}
	.topNav li {
		height: 56px!Important;
		white-space: normal!Important;
	}
	.topNav li a{
		font-size: 12px!Important;
		white-space: normal!Important;
	}
	.left-sidebar-top {
		top: 86px!Important;
	}
	.topNavWrapper a.rightScrollButton {
		height: 64px!Important;
		background: url("../../03images/base/frame/right-scroll-button.png") no-repeat center 32%;
	}
	.topNavWrapper a.leftScrollButton{
		height: 64px!Important;
		background: url("../../03images/base/frame/left-scroll-button.png") no-repeat center 42%;
	}
	#headerButtonsWrapper .headerButton:first-child {
		width: 35%!Important;
	}
	#footerWrapper {
		height: 60px!Important;
	}
	#footerWrapper #footerContent {
		height: 60px!Important;
	}
	#formFooterButtons .footerBtn {
		height: 49px!Important;
		font-size: 12px!Important;
	}
	#formFooterButtons .footerBtn a {
		font-size: 12px!Important;
	
	}
	#formFooterButtons .mobiFooterButton a {
		height: 49px!Important;
		font-size: 12px!Important;
	}
	#actionMenuButtonWrapper #actionMenuIcon {
		/* background-size: 100%!Important; */
	}
	#actionMenuButtonWrapper #moreoptionsActionMenuTextSwap {
		background-size: 100% 85%!Important;
		width: auto!Important;
		height: 105px!Important;
		margin: 0px 2px 0px 3px!Important;
	}
	#actionMenuButtonWrapper {
		top: 105px!Important;
	}
	#actionMenuButtonWrapper #actionMenuIcon {
		width: 11px!Important;
		height: 17px!Important;
		margin: 5px 4px 0 4px!Important;
		
		background: url("../../03images/base/actionmenu/action-menu-icon.png") no-repeat -7px;
	}
	.actionMenuHeader.orange {
		line-height: 1;
	}
	#actionMenuOrangeBanner, .moreoptionsBannerOne {
		min-height: auto;
	}
	#headerButtonsWrapper .headerButton:first-child a span {
		font-size: 12px!Important;
	}
	#headerButtonsWrapper {
		height: 30px!Important;
	}
	.headerButton a {
		height: 30px!Important;
	}
	.headerButton a span {
		line-height: 30px!Important;
	}
	.tableCellItem {
		font-size: 12px!Important;
	}
	
	.htmlBackGround {
		background: url("../../03images/base/frame/left-side-bar-small.png") repeat-y 0 20px #E7E7E7!Important;
	}
	#footerWrapper #fnb-logo{
		/*background: url("../../03images/base/frame/fnb-logo-only-small.png") no-repeat left!Important;*/
		top:0!Important;
		left: 3px!Important;
	}
	.footerMessage {
		padding: 10px 0px 10px 0;
		bottom: 45px;
		left: 25px;
		font-size: 14px;
		height: 40px;
	}
	.footerMessageTotal {
		margin: 0 30px 0 5px;
	}
	.left-sidebar-bottom {
		/*background: url("../../03images/base/frame/left-bottom-small.png") no-repeat!Important;*/
		height: 11px!Important;
		width: 26px!Important;
		left: 4px!Important;
	}
	.left-sidebar-top {
		/*background: url("../../03images/base/frame/left-top-small.png") no-repeat!Important;*/
		height: 23px!Important;
		width: 40px!Important;
		top: 86px!Important;
		left: 3px!Important;
		position: absolute!Important;
	}
	#StandardProgressWrapper.progressWrapperStandard {
		left: 25px;
	}
	.formElementLabel {
		padding: 5px 10px 5px 10px;
		font-size: 12px;
	}
	.formElementContainer {
		padding-left: 10px;
	}
	h2 {
	padding-top: 5px;
	padding-bottom: 5px;
	}
	h2, h3, h4, h5, h6 {
	padding-left: 10px;
	padding-right: 10px;
	}
	.dropdownElementWrapper {
		padding-left: 10px;
	}
	.formElementLabel.grid40{
		width:100%;
	}
	.formElementContainer.grid60{
		width:100%;
	}
	#BranchSearchCode{
		width: 45%;
	}
	.branchcodesearch .grid25{
		width: 45%;
	}
	h1 {
		font-size: 14px!Important;
	}
	h2 {
		font-size: 14px!Important;
	}
	h3 {
		font-size: 14px!Important;
	}
	h4 {
		font-size: 14px!Important;
	}
	h5 {
		font-size: 15px!Important;
	}
	#extendedPageHeader.subTabHeadingFix {
		padding-left: 0px;
		padding-top: 0px;
		padding-bottom: 5px;
	}
	.subTab3 {
		width:30%!Important;
	}
	.subTab4 {
		width:25%!Important;
	}
	.subTab5 {
		width:20%!Important;
	}
	.subTab6 {
		width:16.66%!Important;
	}
	.subTab7 {
		width:14.28%!Important;
	}
	.subTabsMenu div.subTab {
		font-size: 12px;
		background: #d3edee;
		border-right: 2px solid #fff;
		height: 42px;
		width: auto;
	}
	.subTabsMenu div.subTab {
	top: 0px;
	}
	.subTabsMenu div.active {
		background: #72C6C6;
		color: #FFF;
	}
	input[type="button"], input[type="submit"], input[type="reset"], input[type="file"], button {
		font-size: 12px;
	}
	input {
		-webkit-border-radius:0; 
		border-radius:0;
		-webkit-appearance: none;
	}
	.inputNoteInner {
		padding: 10px;
		font-size: 12px;
	}
	.branchSearchBank.inputNote .bankNameInput{
		font-size: 12px;
	}
	.dropdown-h4, .dropdown-h5 {
		font-size: 12px;
	}
	.dropdownElementWrapper.grid60 {
	width: 100%;
	}
	.tableGroupHeader img.folderImg {
		width: 25px;
		top: 2px;
		left: 0px;
		margin-right: 0px;
	}
	.tableHeaderRow.tableGroupHeader div {
		font-size: 14px;
		height: 30px;
		overflow: hidden;
		padding-left: 5px;
	}
	.tableRow .large a {
		pointer-events: none;
		text-decoration: none;
	}
	.tableGroupHeader {
		height: 30px;
		line-height: 30px;
	}
	.tableHeaderRow {
		padding: 0;
	}
	.tableGroupHeader.selectAdjust {
		height: 30px;
		overflow: hidden;
		line-height: 26px;
	}
	.radioButton {
		font-size: 12px;
	}
	.mobiHeaderControls{
		overflow: hidden;
	}
	.pageLimits {
		border-right: none;
	}
	.branchcodesearch .grid60 .grid40 {
		width: 45%;
	}
	.note a, .note p, .note li {
		font-size: 12px;
	}
	.tableContainer .eziLinks {
		width: 100%;
	}
	.topNavMenuSliderIndicator {
		display:none;
	}
	/* DEFAULTS */
	h6 {
		font-size: 14px;
		padding-left: 10px;
		padding-bottom: 0px;
		clear: both;
		padding-top: 5px;
	}
	.dlTitle.formElementLabel, .dlData.formElementContainer {
		padding: 7px 10px 7px 10px;
		font-size: 12px;
	}
	.formElementWrapper {
		padding-top: 0px;
	}
	.eziWrapper .formElementWrapper {
		padding-top: 7px;
		border-top: none!Important;
	}
	.settingsLandingAcountFields .dlTitle {
		padding: 12px 0px 12px 10px;
		font-size: 12px;
	}
	#nodtt {
		margin-top: 16px!Important;
	}
	.settingsLandingPage .settingsLandingAcountFields {
		border-left-width: 10px;
	}
	.settingsButtonPadding, .settingsRightAlignPadding {
		padding: 5px 0 5px 10px;
	}
	.dlData {
		/* display: none; */
	}
	.doubleItemTop{
		width:100%;
	}
	#StandardProgressWrapper {
		top: 51%;
		height: 35px;
	}
	.eziWrapper {
		top: 99px!Important;
		bottom: 50px!Important;
		border-left: none!Important;
	}
	#eziPannelButtons {
		/* width: 100%!Important; */
		height: 48px!Important;
		width: 100%;
	}
	#eziPannelButtonsWrapper {
		/* left: 25px!Important; */
		/* bottom: 54px!Important; */
		z-index: 180;
	
		padding: 6px;
}
	.actionMenuButton {
		height: auto!Important;
	}
	#eziWrapper .actionMenuHeader {
		font-size: 14px!Important;
	}
	#eziPannelButtonsWrapper .actionMenuButton {
		height: auto!Important;
	}
	#StandardProgressBarPercent {
		font-size: 20px;
		padding: 4px 0 0 3px;
	}
	#loading {
		font-size: 20px;
		margin: 3px 0 0 15px;
	}
	#StandardProgressBar {
		height: 25px;
	}
	#EziProgressBar {
		height:25px;
	}
	#EziProgressWrapper {
		top: 51%;
		height: 35px;
	}
	#EziProgressBarPercent {
		font-size: 20px;
		padding: 4px 0 0 3px;
	}
	#phoneBookSearchContainerText.grid30 {
		width: 50%;
	}
	
	#newsLanding #rightColNews div.grid40 {
		width: 100%;
	}
	#newsLanding .moreItemButton {
		padding-left: 5px;
	}
	#newsLanding .loggedInDate{
		float: left;
		padding-right: 5px;
	}
	#buyAirtime_landing .grid25 {
		width: 45%;
	}
	.searchOrText {
		padding-left: 5px;
	}
	/* SWITCHER */
	.tableSwitcherItemsContainer{
		/* width: 50%;
		margin: 0 0 0 5px;
		height: 30px;
		overflow: hidden;
		float: left; */
		width: 100%;
		margin: 3px 0 0 5px;
		overflow: hidden;
		padding: 0 10px 0 0;
	}
	.tableHeaderControls .tableSwitcherButton {
		width: 100%;
		font-size: 12px;
		height: 30px;
		line-height: 30px;
		margin: 0 0 2px 0;
	}
	.switcherGroup .switcherWrapper {
		width: 100%;
	}
	/* .tableHeaderControls .tableActionButtonContainer {
		width: 45%;
		position: relative;
		padding-left: 11px;
	} */
	.tableHeaderControls .tableActionButtonContainer .labelInner {
		padding: 0px 0px 0px 0px;
	}
	.tableHeaderControls .mobi-dropdown-trigger {
		background: url("../../03images/base/mobi/switcherDownArrow.png")	no-repeat 100% 45%;
		width: 50%;
		height: 30px;
		position: absolute;
		cursor: pointer;
		display: none;
		top: 33px;
	}
	.addRecipientsAddButtonWrapper {
	height: 100px!important;
	}
	.mobi-dropdown-trigger-expanded {
		background: url("../../03images/base/mobi/switcherDownArrowExpanded.png") no-repeat 100% 45%!important;
		z-index: 5;
	}
	.mobi-header-trigger{
		background: url("../../03images/base/mobi/tableHeaderControlsDrag.png") no-repeat center center #73C7C7;
		position: absolute;
		width: 100%;
		height: 25px;
		display: block;
		cursor: pointer;
		bottom: 0;
		z-index: 140;
	}
	#formFooterButtons {
	max-height: 50px;
	}
	.mobiFooterButton {
		display: block;
		color: #000;
		font-size: 14px;
		padding: 10px 10px 10px 0;
	}
	.headerControlLabel {
		width: 50%;
		margin: 6px 0 0 0;
		height: 20px;
		line-height: 1;
	}
	.headerControlLabel .labelInner {
		padding: 2px 5px 2px 5px;
		font-size: 12px;
		height:auto;
		line-height: 1;
	}
	.tableHinnerContent{
		position: relative;
		top: -6px;
		padding: 0 0 0 5px;
		height: 30px;
		overflow: hidden;
	}
	.tableHinnerContent.noGroupImg{top:0px;}
	
	#summary_of_account_balances .tableHinnerContent {
	top: 0;
	}

	.tableHeaderControls .tableSearchBarWrapper {
		width: 65px;
	}
	.tableHeaderControls .searchField {
		padding: 0;
	}
	.tableHeaderControls .tableActionButton {
		width: 25px;
		height: 25px;
	}
	.tableHeaderControls .tableActionButton.addButton {
		background-size: 100%;
		margin: 0 2px 2px 2px
	}
	.tableHeaderControls .tableActionButton.searchButton {
		background-size: 100%;
		margin: 0 2px 2px 2px
	}
	.tableHeaderControls .tableActionButton.downloadButton {
		background-size: 100%;
		margin: 0 2px 2px 2px
	}
	.tableHeaderControls .tableActionButton.printButton {
		background-size: 100%;
		margin: 0 2px 2px 2px
	}
	.tableHeaderControls .tableActionButton.searchClose {
		background-size: 100%;
		margin: 0 2px 2px 2px
	}
	.tableHeaderControls .searchField input {
		height:25px;
	}
	.mobiHeaderControls .formElementContainer{
		padding-left: 0;
		padding-right: 0;
	}
	.mobiHeaderControls .radioButtonsGroup {
		width: 100%;
	}
	.mobiHeaderControls .formElementLabel {
	padding: 10px 10px 0 5px!important;
	color:#000;
	}
	.mobiHeaderControls{
	border-top: none!important;
	border-right: none!important;
	}
	#OnceOffPayments #firstH2{
		padding-bottom:10px!important;
	}
	.switcherAdjust.formElementWrapper {
		margin-top: 0px!important;
	}
	.tableHeaderControls {
		height: 25px;
	}
	.bcal-container {
		z-index: 190;
		left: 25px;
		overflow: hidden;
	}
	
	.bcal-nav-left {
	position: absolute;
	left: -35px;
	top: -41px;
	z-index: 40000;
	}
	.bcal-nav-right {
	position: absolute;
	right: -35px;
	top: -41px;
	}
	.mobiPopupInnerWrapper .formElementContainer.grid60 {
	padding-left: 25px;
	}
	.bcal-table {
		width: 90%;
		margin-left: 15px;
	}
	.mobiPopupInnerWrapper p {
		font-size: 14px;
		line-height: 14px;
		padding-left: 5px;
		float: left;
		color: #fff;
	}
	.mobiHiddenFooterButton .actionMenuButtonIcon {
		float: left;
	}
	.mobiHiddenFooterButton a {
		color: #fff;
		font-size: 14px;
		line-height: 27px;
		text-decoration:none;
		margin: 0 5px 0 5px;
	}
	.mobiHiddenFooterButton{
		width:auto;
		float: right;
		margin: 5px 0 0 0;
		cursor:pointer;
	}
	.subTabsContainer {
		overflow: hidden;
		float: left;
	}
	
	/* Confirm Pages */
	.confirmHeader .confirmHeaderInner .confirmHeaderTopText {
		font-size: 14px;
	}
	.confirmHeader .confirmHeaderInner .confirmHeaderBottomText {
		font-size: 14px;
	}
	.confirmPage .prettyDateValue{
		font-size: 14px;
	}
	.confirmPage .grid80{
		width: 100%;
	}
	.confirmHeader .confirmHeaderInner .confirmDate {
		top: 8px;
	}
	.confirmPage .floatLeftRecipient {
		font-size: 14px;
	}
	.confirmPage .totalRow .tableCell {
		width: 50%!important;
		float: left;
	}
	.confirmPage .totalCellInner {
		height: auto;
		line-height: 14px;
		font-size: 12px;
	}
	.confirmPage .tableCellItem.doubleItemTop, .tableCellItem.doubleItemBottom {
		width: 100%;
	}
	.confirmPage .tableCellItem.doubleItemTop, .tableCellItem.doubleItemBottom {
		width: 100%;
	}
	.confirmPage .hiddenLabel{
		font-weight: bold;
	}
	.confirmPage .rightBox {
		position: static;
		width:100%;
		min-height: 100px;
	}
	.confirmPage .rightBoxContent {
		position: static;
		border-left: none;
	}
	.confirmPage .whiteMessageContainer {
		margin: 5px 0px 0px 0;
	}
	.confirmPage .rightBox h5 {
		font-size: 16px;
	}
	.confirmPage .rightBoxInner {
		padding: 0 0 0 40px;
		margin: -15px 0 0 0;
		line-height: 1px;
	}
	.confirmPage .rightBoxInner p {
		font-size: 14px;
		line-height: 1;
	}
	.errorMessageWrapper {
		font-size: 14px;
	}
	.errorText {
		font-size: 14px;
	}
	.error {
		min-height: auto!important;
		z-index: 170;
	}
	#errorGridGroup .grid70{
		margin-bottom:7px;
	}
	.confirmPage .confirmNoteColumn .note{
		border-left:0 none;
	}
	
	/* Datepicker */
	.monthName {
		font-size: 14px;
	}
	.confirmFinishHeaderButtonContainer .print {
		display:none;
	}
	.confirmFinishHeaderButtonContainer .download {
		display:none;
	}
	.tableHeaderControls .tableActionButton .tableActionButtonLabel {
		font-size: 12px;
		padding: 20px 0 0;
		display: none;
	}
	#actionMenu {
		padding: 0;
	}
	#actionWrap {
		left: 25px;
		top: 99px;
	}
	.actionMenuCol {
		display: block;
		width: 100%;
	}
	.moreOptionsDownArrow {
		display:none;
	}
	.actionMenuBottomLabel {
		display:none;
	}
	.actionMenuButtonIcon {
		width: 27px;
		height: 27px;
		background-size: 100%;
	}
	.actionMenuButton:hover .actionMenuButtonIcon {
		width: 27px;
		height: 27px;
		background-size: 100%;
	}
	.actionMenuHeader.orange {
		font-size: 16px;
	}
	.bannerSubHeadings {
		font-size: 16px;
	}
	.actionMenuButton .actionMenuButtonIconText {
		font-size: 14px;
	}
	.actionMenuLeftBorder {
		border-left: none;
	}
	.actionMenuRightBorder {
		border-left: none;
	}
	.actionMenuLeftRightBorder {
		border-left: none;
		border-right: none;
	}
	.actionMenuContents .actionColHeader {
		padding: 20px 10px 10px;
	}
	/* TABLE DEFAULTS */
	.groupedCol1, .groupedCol2 , .groupedCol3, .groupedCol4, .groupedCol5, .groupedCol6{
	width: 100%!Important;
	}
	.col1, .col3, .col4, .col5, .col6, .col7, .col8 {
	width: 100%!Important;
	}
	.tableContainer .eziLinks .eziLink {
	width: 100%!Important;
	margin: 2px 0 0 0!Important;
	font-size: 12px!Important;
	}
	.tableCellItem {
		line-height: 14px!Important;
	}
	.tableRowInner{
		padding: 2px 0 0 0!Important;
	}
	.tableCell .input-wrapper {
		margin-top: 0;
	}
	/*  Developer: Donovan
	Top Menu */
	.topMenu {
		position:static;
	}
	.topNavWrapper {
		margin: 0px;
	}
	#headerButtonsWrapper .headerButton:first-child {
		width: 18%;
	}
	#headerButton_2{
		width:35px;
	}
	#headerButton_3{
		width:35px;
	}
	#headerButton_4{
		width:35px;
	}
	#headerButton_5{
		width:35px;
	}
	#headerButton_6{
		width:35px;
	}
	/* PAGE */
	.pageWrapper {
		padding-top: 0;
	}
	.td {
		display:block;
	}
	.td.grid50 {
		width: 100%;
	}
	.td.grid33 {
		width: 100%;
	}
	.td .formElementWrapper:first-child {
		border-top: 1px solid #e7e7e7;
	}
	.ghostBlock {
		display: none;
	}
	.grid50 {
		width: 100%;
	}
	.borderRightWhite, .borderRightGrey, .borderRightTurq, .borderRightAmber {
		border-right-width: 0;
	}
	.tableRowHeader{
		display:none;
	}

	.tableCell .rowMoreButton {
		width: 10%;
		background: #f5f5f5;
	}
	.hiddenLabel{
		display:block;
		float: left;
		font-size: 10px;
		width: auto;
		line-height: 14px;
		padding: 2px 0 2px 0;
		width: 100%;
	}
	.tableRow {
		padding: 0 0 12px 0;
		min-height: 52px;
	}

	.tableCell .rowMoreButton {
		height: 100%;
		top: 0px;
	}
	.tableContainer a{
		text-decoration:none;
		pointer-events: none;
	}
	.greyBack{
		background-color: #f5f5f5;
	}
	/* SUBTABS */
	#subTabsPageHeader{
		width:100%;
	}
	/* OVERLAY */
	.overlay {
		top: 99px;
		left: 25px;
	}
	#popupWrapper {
	left: 25px;
	}
	/* PAGE SPECIFIC */
	.tableHeaderControls .tableActionButtonContainer {
		float: right;
	}
	.totalRow .totalCellInner {
	height: auto;
	line-height: 14px;
	font-size: 14px;
	text-align: left;
	}
	.tableHeaderControls .tableActionButtonContainer {
		position: absolute;
		right: 3px;
	}
	.td .formElementWrapper {
	border-top: none;
	}
	.td .formElementLabelSingle{
		font-size: 12px;
		padding: 5px 10px 5px 10px;
	}
	/* FOOTER */
	#formFooterButtons .dropdown-wrapper{
		display:none;
	}
	#formFooterButtons .datePicker {
		display:none;
	}
	#formFooterButtons .footerBtn {
		width:14.28%;
	}
	/* MOBI ELEMENTS */
	#formFooterButtons .mobiHiddenFooterButton{
		display:none;
	}
	#formFooterButtons .mobiFooterButton {
		display: table;
		padding: 0;
	}
	.hideForMobile{
		width: 100%!important;
		height: 0;
		background: #f5f5f5;
		padding-right: 10%;
		overflow: hidden;
	}
	.hideForMobile .tableCell{
		padding-right: 0;
	}
	.phoneContentButton {
		display: block;
	}
	#support-reference {
		display:none;
	}
	.pagination {
		width: 100%;
	}
	.pagingWrapper .td {
		float: left;
		font-size: 12px;
		line-height: 40px;
	}
	.valignMiddle, .vertMiddle {
		line-height: 1;
	}
	.note, .tc {
		font-size: 14px;
		padding: 5px 10px;
		margin: 10px 0;
	}
	.note .note-heading {
	font-size: 14px;
	}
	.note-tc .checkbox-wrapper .formElementLabel {
		font-size: 14px;
		float: left;
		width: 80%!important;
		padding: 0!important;
	}
	.note-tc .checkbox-wrapper .formElementContainer {
		width: 20%;
		float: left;
	}
	.button .smallTurqPlus {
		font-size: 14px;
	}
	.stack {
		overflow: hidden;
	}
	.tableCell .rowMoreButton .arrow {
		background: url(/banking/03images/fnb/arrows/tableRightOrange-small.png) right center no-repeat;
	}
	.listDisc>li, .listCircle>li, .listSquare>li, .listDecimal>li, .listLowerAlpha>li, .listUpperAlpha>li {
		font-size: 12px;
	}
	.prettyDateValue {
		font-size: 14px;
		float: none;
	}
	.prettyDateTime {
		font-size: 14px;
		float: left;
		padding-left: 0;
	}
	.rightColNews .grid60{
		width:50%;
	}
	.rightColNews .grid40{
		width:50%;
	}
	a {
		font-size: 14px;
	}
	.prettyDateLabel {
		width: 50%;
		font-size: 12px;
		padding-left: 10px;
	}
	.pagingWrapper .formTable {
	width: 100%;
	}
	.browserHidden {display:block!important;}
	.browserDisplay {display:block!important;}

	#actionWrap {
		padding-left: 0!important;
	}
	.actionMenuUrlWrapper {
		min-height: 100%;
	}
	#actionMenuUrlWrapper .tableContainer {
		padding-right: 0;
		left: 0;
	}
	.actionMenuUrlWrapper #option_items .col1{
		width: 25%!important;
	}
	.actionMenuUrlWrapper #option_items .col2{
		width: 25%!important;
	}
	.actionMenuUrlWrapper #option_items .col3{
		width: 25%!important;
	}
	.actionMenuUrlWrapper #option_items .col4 {
		width: 25%!important;
	}
	#actionMenuUrlWrapper .actionMenuLeftBar p {
		margin-left: 0;
		margin-right: 0;
	}
	.timeOverlay {
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
	}
	.dropdown-keyboard-tab{
		background-color:transparent;
		border: 0px solid;
		-webkit-appearance: none;
	}
	.tableCellItem.goodStatus {
		background: url("/banking/03images/fnb/finish/tickColorIcon.png") no-repeat 5px 2px;
	}
	/* DOWNLOAD BUTTON */
	.download-w {
		right: 5px!Important;
		top: 0!Important;
	}
	.tableNoDataText {
	font-size: 14px;
	}
	#before_img {
		background: url("/banking/images0/before_mobile.jpg") repeat-y left top #01999a!Important;
		height: 50px!Important;
		width: 100%!Important;
	}
	#link_img {
		background: url("/banking/images0/link_mobile.jpg")  repeat-y 5% top #01999a!Important;
		height: 77px!Important;
		width: 100%!Important;
	}
	#verify_img {
		background: url("/banking/images0/verify.jpg") repeat-y 10% top #01999a!Important;
		height: 77px!Important;
		width: 100%!Important;
	}
	#create_acc_img {
		background: url("/banking/images0/create_acc.jpg") repeat-y 5% top #01999a!Important;
		height: 77px!Important;
		width: 100%!Important;
	}
	.more_img {
	top: 60px!Important;
	left: 30px!Important;
	}
}

/* Custom ------------------------- */
@media
only screen and (max-width: 480px) {
	.hideForMobile {
	padding-right: 15%;
	}
	.tableCell .rowMoreButton {
		width: 15%;
	}
	.big3Inner {
	padding: 5px 0 0 0!Important;
	background-position: 100% 35%!Important;
	}
	#actionWrap {
		left: 0!Important;
		top: 0!Important;
		width: auto!Important;
		padding-bottom: 0!Important;
		bottom: 0!Important;
		z-index: 200!Important;
	}
	#actionMenuButtonWrapper {
		z-index: 201;
	}
	.eziWrapper {
		top: 0px!Important;
		bottom: 0px!Important;
		width: 100%!Important;
		z-index: 160;
	}
	#eziPannelButtonsWrapper {
		/* left: 0px!Important; */
		bottom: 59px!Important;
		z-index: 180;
	}
	.mobiPopupWrapper {
		position: absolute;
		background: #d7efef;
		top: 0;
		z-index: 180;
		left: 0px;
		right: 0;
		bottom: 0px;
		overflow-y: scroll;
	}
	.mobiDropdownClose{
		display:block;
	}
	.mobiDropdownInnerLabelWrapper, .mobiFooterButton {
		display: block;
		color: #000;
		font-size: 14px;
		padding: 10px 10px 10px 0;
	}
	.mobiPopupWrapper {
		top: 0;
		z-index: 180;
		left: 0px;
		right: 0;
		bottom: 0px;
	}
	.dropdown-content-wrapper {
		z-index: 300;
		margin: 0;
		top: -100px;
		left: -25px;
		right: 0;
		width: auto!important;
		bottom: 0px!important;
		overflow: hidden;
	}
	.eziWrapper .dropdown-content-wrapper {
		top: 0;
		left: 0;
	}
	.dropdown-content {	
		height: 94%!important;
		max-height: none!important;
	}
	#eziWrapper .pagination {
	width: 100%;
	}
	.mobiPopupWrapper .dropdown-content-wrapper {
		z-index: 2001;
		margin: 0;
		top: 0px;
		left: 0px;
		right: 0;
		width: auto!important;
		height: 100%!important;
		bottom: 0;
	}
	.mobiPopupWrapper .dropdown-content {
		max-height: none!important;
	}
	.mobiPopupWrapper-bcal-container {
		z-index: 2000!Important;
		left: 0!Important;
		top:0!Important;
		bottom:0!Important;
		height:auto!Important;
	}
	.mobiPopupWrapper-bcal-container .background-bcal-container {
		top: 45%!Important;
	}
	.mobiPopupWrapper-bcal-container .inner-bcal-container {
		top: 46%!Important;
	}
	.mobiPopupWrapper-bcal-container .bcal-month {
		top: -35px!Important;
	}
	.mobiPopupWrapper-bcal-container .calendarCancelButton p {
		font-size: 14px;
	}
	.mobiPopupWrapper-bcal-container p {
		padding-left: 5px;
	}
	.mobiPopupWrapper-bcal-container .calendarButtonIcon {
		width: 27px;
		height: 27px;
		margin: 10px 0 0 0;
		background-size: 100%!Important;
	}
	.mobiPopupWrapper-bcal-container .calendarDoneButton:hover .calendarButtonIcon{
		background-size: 100%!Important;
		margin: 10px 0 0 0!Important;
	}
	.mobiPopupWrapper-bcal-container .calendarCancelButton:hover .calendarButtonIcon{
		background-size: 100%!Important;
		margin: 10px 0 0 0!Important;
	}
	.mobiPopupWrapper-bcal-container .calendarHolidayCancelButton:hover .calendarButtonIcon{
		background-size: 100%!Important;
		margin: 10px 0 0 0!Important;
	}
	.mobiPopupWrapper-bcal-container #yearPicker_calendar{
		position: absolute!Important;
		top: 20%!Important;
	}
	.mobiPopupWrapper-bcal-container . .bcal-container .dropdown-content-wrapper {
		margin: -15px 0 0 22px!Important;
		width: 80px!Important;
		height: 60px!Important;
	}
	/* actionmenu Tables */
	#actionMenuUrlWrapper #actionTableClose {
		height: 30px;
		width: 40px;
		background: url("/banking/03images/base/actionmenu/closeBtt.gif") no-repeat center center;
	}
	#actionMenuUrlWrapper .actionMenuLeftBar {
		height: 100%;
		position: static;
		top: 0px;
		bottom: 0px;
		background-color: #B1B1B1;
		background-image:none;
		width:100%;
	}
	#actionMenuUrlWrapper .input-wrapper.searchField .formElementContainer {
		padding-right: 34px;
		position: relative;
		right: 2px;
		top: 2px;
		width: 100%;
	}
	#actionMenuUrlWrapper .tableContainer {
		padding-right: 0;
		position: static;
		left: 10px;
		float: none;
		width: 100%;
	}
	#actionMenuUrlWrapper .table {
		margin-left: 0;
		width: 100%;
	}
	.actionMenuUrlWrapper .tableContainer .tableCellItem {
		height: auto;
	}
	#actionMenuUrlWrapper .actionMenuLeftBar p {
		color: #fff;
		font-size: 16px;
		margin-top: 0;
		margin-left: 0;
		margin-right: 0;
		text-align: center;
	}
	#actionMenuUrlWrapper .formElementWrapper {
		padding-top: 3px;
	}
	/* Logoff Timer */
	#sessionTimedOutOverlay {
	    top: 35;
	    bottom: 35;
	}
	#logOffTimerPopUp {
		width: 100%;
	}

	#logOffTimerPopUp .clock {
		background: url("../../03images/base/logoff/clockBg.png") no-repeat center center transparent;
		height:184px;
		
	}
	#logOffTimerPopUp #buttonRow {
		display: block;
		width: 100%;
		float: left
	}

	#logOffTimerPopUp #buttonRow .buttoncell {
		padding: 30px 0px 30px 55px;
		display: block;
		margin-right: 10px;
		background: url("../../03images/base/actionmenu/dot-button-off.png") no-repeat center left transparent;
		text-align: right;
		cursor: pointer;
		font-size: 14px;
		float: left;
	}

	#logOffTimerPopUp #buttonRow .buttoncell:hover {
		background: url("../../03images/base/actionmenu/dot-button-over.png") no-repeat center left transparent;
	}

	#logOffTimerPopUp #buttonRow .floatContainer {
		display: block;
		float: right;
		margin: 0 auto;
	} 
	#logOffTimerPopUp #timer {
		font-size: 60px;
		display: block;
		width: 100%;
		text-align: center;
		padding-top:38px;
	}

	#logOffTimerPopUp #timerText {
		font-size: 20px;
		display: block;
		width: 100%;
		text-align: center;
	}

	#logOffTimerPopUp .clockContainer {
		width: 100%;
		padding-top: 20px;
	}

	#logOffTimerPopUp #messageText {
		float: left;
		font-family: FNBSansLight;
		font-size: 20px;
		padding: 20px 20px 0 20px;
		text-align: center;
		width: 100%;
	}
	/* ActionmenuWrapper */
	.actionMenuUrlWrapper #option_items .col1{
		width: 50%!important;
	}
	.actionMenuUrlWrapper #option_items .col2{
		width: 50%!important;
	}
	.actionMenuUrlWrapper #option_items .col3{
		width: 50%!important;
	}
	.actionMenuUrlWrapper #option_items .col4 {
		width: 50%!important;
	}
	
	/* POP */
	#popupWrapper {
		left: 0;
		top: 0!Important;
		bottom: 0!Important;
		z-index: 160;
	}
	#MOBILE_OFFER_FORM .scrollingBannerContainer {
		top: 20%!Important;
	}
	#popupWrapper #extendedPageHeader {
	padding: 10px 0 10px 0;
	}
}

/* Smartphones & Tablets (landscape) & Splitted Desktops --- */
@media
only screen and (min-width: 800px) and (max-width: 1000px) {
   #footerWrapper #fnb-logo{
		background: url("../../03images/sales/01global/logo_full_turq.png") 10px 0px no-repeat;
	    background-size: 100px 40px;
		 height: 50px;
		 width: 112px!important;		
	}
}

@media only screen and (min-width: 0px) and (max-width: 1280px) {
	
	.td.ghostBlock{
		display: none;
	}
	
}
@media all and (min-width: 0px) and (max-width: 1280px){

	.td.ghostBlock{
		width:33.3333%;
	}
	.td.grid50 {
		width:33.3333%;
	}
	.td.grid100 {
		width:66.6666%;
	}
	.td.grid100{
		width:66.66%;
	}
	
}


/* --------------------------------------------------------- */
/* DEVICES BY RATIO ---------------------------------------- */
/* --------------------------------------------------------- */
 
 
/* iPads (portrait and landscape) -------------------------- */
@media
only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    #footerWrapper #fnb-logo{
    	background: url("../../03images/sales/01global/logo_full_turq.png") 10px 0px no-repeat;
	      background-size: 100px 40px;
		  height: 50px;
		  width: 112px!important;    	    	
	}
}
 
 
/* iPads (portrait) ---------------------------------------- */
@media
only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    #footerWrapper #fnb-logo{
    	background: url("../../03images/sales/01global/logo_full_turq.png") 10px 0px no-repeat;
	      background-size: 100px 40px;
		  height: 50px;
		  width: 112px!important;    	
	}
}
 
 
/* iPads (landscape) --------------------------------------- */
@media
only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
    #footerWrapper #fnb-logo{
		background: url("../../03images/base/frame/fnb-logo-thin.png") no-repeat;
      background-size: 100px 40px;
	  height: 50px;
	  width: 112px!important;		
	}
}

/* Logoff Timer */
	#sessionTimedOutOverlay {
		top: 0;
		bottom: 0;
	}
	#logOffTimerPopUp {
		width: 100%;
	}

	#logOffTimerPopUp .clock {
		background: url("../../03images/base/logoff/clockBg.png") no-repeat center center transparent;
		height:184px;
		
	}
	#logOffTimerPopUp #buttonRow {
		display: block;
		width: 100%;
		float: left
	}

	#logOffTimerPopUp #buttonRow .buttoncell {
		padding: 30px 0px 30px 55px;
		display: block;
		margin-right: 10px;
		background: url("../../03images/base/actionmenu/dot-button-off.png") no-repeat center left transparent;
		text-align: right;
		cursor: pointer;
		font-size: 14px;
		float: left;
	}

	#logOffTimerPopUp #buttonRow .buttoncell:hover {
		background: url("../../03images/base/actionmenu/dot-button-over.png") no-repeat center left transparent;
	}

	#logOffTimerPopUp #buttonRow .floatContainer {
		display: block;
		float: right;
		margin: 0 auto;
	} 
	#logOffTimerPopUp #timer {
		font-size: 60px;
		display: block;
		width: 100%;
		text-align: center;
		padding-top:38px;
	}

	#logOffTimerPopUp #timerText {
		font-size: 20px;
		display: block;
		width: 100%;
		text-align: center;
	}

	#logOffTimerPopUp .clockContainer {
		width: 100%;
		padding-top: 20px;
	}

	#logOffTimerPopUp #messageText {
		float: left;
		font-family: FNBSansLight;
		font-size: 20px;
		padding: 20px 20px 0 20px;
		text-align: center;
		width: 100%;
	}