/* ----- Global Resets ----- */ 
input:focus {outline: none}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {-webkit-appearance:none; margin:0;}
input[type="password"]{font-family:Arial,Helvetica,Sans-serif;}

.sales-input-holder{float:left; padding-right:2px;}
.sales-input-holder .input-input.alpha {padding:4px 5px;}

/* ----- TOP MENU ----- */
/* topMenuSales {
	background-color:#E7E7E7;
	font-family:FNBSansLight;
	position:fixed;
	width:100%;
	z-index:149;
} */
#topMenuSales #left-sidebar-top{top:46px;}
#topMenuSales #debugInfoString{position:absolute; top:10px; display:none;}

.salesTopMenuButton{margin-left:1px; float:right; display:none;}
#sessionReferenceNumer{float:right; font-size:1.4em; padding:25px 15px 0 0; display:none;}
#salesTopMenuContainer{float:right;margin:0 15px 6px 0; height:40px;}

/* ----- Global Styles to fix Ajax includes etc. ----- */
.radioButtonContainerWidth{width:48%;}
.salesOrderedListStyleAcceptance > li{font-size:inherit; padding-right:15px;}
.showHide{display:none;}
.showNoTopBorder{border:none !important;}
.branchSearchBank.inputNote {margin:5px 0 10px;}

/* -----  ----- */
#salesTextBold{font-weight:bold;}
#salesShowroomPopularTickBody{padding:10px 10px 0 0;}
#salesDisplayContent{font-size:18px; padding:10px 10px 0 20px;}

/* ----- The Basics ----- */
.productPageHeaderFix{
    padding: 10px 5px 9px 3px;
    border-bottom: 1px solid black;
    font-weight: bold;
}

/* ----- Showroom Pages ----- */
#salesShowroomInvestmentImage{
	background: url(/Sales/03images/sales/salesinvestment.png) no-repeat top;
	width: 182px;
	height: 172px;
}

.salesHideContainerClass,
.salesHideProductContainerClass{display:none;}

.colMiddleAlign{height:100%;}

/* ----- StepMenu Tag ----- */
.salesStepMainContainer{
	width: 100%;
	height: 48px;
	background-color: #f2f9f9;
}
.salesStepMainContainerBottomBar{
	width: 100%;
	height: 5px;
	background-color: white;
}

.salesStepItemContainer{
	background-color: white;
	float: left;
	height: 43px;
	width: 190px;
	padding: 0 10px 0 10px;
	margin: 0 5px 0 0;
}
.salesStepItemContainerHighLight{background-color:#61c0c0;}
.salesStepItemTitleHolder{float:left;}
.salesStepItemCounterHolder{float:right;}
.salesStepItemTitleStep {font-size:12px; padding:6px 0 0 0;}
.salesStepItemTitleDisplay {padding:4px 0 0 0;}
.salesStepItemCounterHolder {padding:7px 0 0 0;}

.salesStepDisplayNumber {background-color:#99D6D6; float:left; padding:6px 8px;}
.salesStepDisplayTotal {float:left; padding:6px 0 6px 4px;}

.salesStepItemSpeechTip{
	margin: 43px 0 0 0;
	background: url("/Sales/03images/sales/salesstepdownarrow.png") no-repeat top;
	width: 11px;
	height: 20px;
	position:relative;
	z-index: 2;
}
.salesStepDisplayTickMark{
	margin: 8px 0 0 0;
	/*background: url("/Sales/03images/sales/tick.png") no-repeat top;*/
	width:16px;
	height:16px;
}
#salesPopupButtonContainer{float:right;}

#salesPopupButton2Container{float:right;}

/* ----- checkbox override ----- */
.checkbox-wrapper {}
.checkbox-label {padding:8px 0 0 10px; font-size:1.4em;}
.checkbox-leftlabel .checkbox-label{padding:7px 10px 0 15px;}
.checkbox-graphic-wrapper{position:relative;width:30px;height:30px;}
.checkbox-input{
	position:relative;
	cursor:pointer;
	width:30px;
	height:30px;
	z-index:5;
	margin:0;
	border:0 none;
	background:none;
}
.checkbox-graphic{
	position:absolute;
	top:0;
	left:0;
	z-index:1;
	display:block;
	width:30px;
	height:30px;
	border:2px solid #ADDBDB;
	background:url("/Sales/03images/base/checkbox/checkbox_sprite.png") 0 200px no-repeat #FFF;
}
/* :checked */
.checkbox-graphic-wrapper.checked .checkbox-graphic{background-position:5px 5px; border-color:#009999;}

/* :disabled */
.checkbox-graphic-wrapper.disabled .checkbox-graphic{
	border-color :#ccc;
	background-color: #e7e7e7;
}

/* :checked:disabled */
.checkbox-graphic-wrapper.checked.disabled .checkbox-graphic{
	background-position: 5px -40px;
	background-color: #e7e7e7;
}

/* select-all toggle */
.checkall-toggle-wrapper .checkall-check-link{}
.checkall-toggle-wrapper .checkall-uncheck-link{}

/* Checkbox in tables */
.tableCell .checkbox-wrapper.formElementWrapper{}
.tableCell .checkbox-wrapper .checkbox-label {padding:0px;float:none;}
.tableCell .checkbox-wrapper .formElementContainer {float:none;padding:0;}

.tableCell .checkbox-graphic-wrapper {margin:0;float:left;}
.tableCell.right .checkbox-graphic-wrapper {float:right;}
.tableCell.selectAllActive .checkbox-graphic-wrapper,
.tableCell.center .checkbox-graphic-wrapper {margin:0 auto;float:none;}

.selectAllLink.checkall-check-link{}
.selectAllLink.checkall-uncheck-link{}

/* ----- global overrides from banking ----- */
/* ----- Banking Path and other fixes ----- */
.fixCheckboxLink{font-size:1.0em;}
.salesInlineLink {font-size:14px;}

.tooltipButton {background:url("/Sales/03images/base/tooltip/questionMark.png") 1px center no-repeat;}
.tooltipButtonCross {background: url("/Sales/03images/base/tooltip/crossMark.png") center center no-repeat;}
.tooltip-close {background: url("/Sales/03images/base/tooltip/close-icon.png") center center no-repeat;}

/* definition list override */
.floatDefinitionList{float: left;}
.salesCustomGrid40{width:40%;}
.salesCustomGrid60{width:60%;}

/*.checkbox-wrapper.salesCheckboxFix{margin-left:15px;}*/
.labelLeft{
	float: left;
	width: 42%;
}
.radioButtonContainer{
	padding-top: 5px;
	padding-bottom: 5px;
	/*border-top: 1px solid #E7E7E7;*/
	width: 100%;
}

.ghostBlock{background-color:#E7E7E7;}

.salesTopMenuContainer{
	max-height: 46px;
	overflow: hidden;
}

.salesRadioButton{padding:5px 14px;}

/* ----- globals for document upload ----- */
.salesDocumentMinus{
	cursor: pointer;
	background: url("/Sales/03images/base/buttons/icon-circ-small-minus-oragne.png") no-repeat;
	width: 21px;
	height: 21px;
	margin-right: 5px;
	float: left;
}
.documentUploadParagraph{
	overflow: hidden;
}
.salesDocumentfilename{
	width: auto;
	float: left;
}

.dropdownWithTooltip .dropdownContainerAlignLeft{width:85%; float:left;}
.dropdownWithTooltip .dropdownTooltipAlign{float:right;}
.dropdownWithTooltip .dropdownTooltipAlignDropWindow{margin-top:30px;}

.salesTickmark{
	background:url("/Sales/03images/sales/tick.png") no-repeat 0 0;
	font-size:14px;
	margin-top:8px;
	margin-left:15px;
	padding-left:23px;
}
.blueButton,
.orangeButton{
	padding:12px;
	cursor:pointer;
	color:#FFF;
	font-size:1.6em;
}
.orangeButton{background-color:#FF9900;}
.blueButton{background-color:#73C7C7; text-align:center;}

/* ----- Sales Landing Header ----- */
#extendedPageHeader #salesShopHeadFull h1,
#extendedPageHeader #salesShopHeadLeft h1{border:0 none;}
#extendedPageHeader #salesShopHeadRight{padding:0 15px 7px 0;}
#extendedPageHeader.noSubTabs.withExtraContent{background-color:#FFF;}

#salesRetrieveApplicationButton.orangeButton{float:right;}
#iContratingButton.orangeButton{float:right;}
#retrieveiContratingButton.orangeButton{float:right;}
#iContratingSubmitLaterButton.orangeButton{float:right;}
#iContratingDeclineButton.orangeButton{float:right;}
#iContratingAcceptButton.orangeButton{float:right;}

/* ----- Sales Landing Top Menu ----- */
#salesLandingMenuContainer{float:none; margin:0;margin-left:100px;}

.SalesLandingMenuButtons{
	font-size:1.4em;
	float:left;
	padding:10px;
	margin:2px 2px 2px 2px;
	cursor:pointer;
}
#salesLandingMenuLabel{
	width:80px;
	font-size:1.6em;
	float:left;
	margin: 10px 0 0 2px;
}
.lowlightTabClass{background-color:#8DCDCD;}
.highlightTabClass{background-color:#ADDBDB;}

#salesLanding .sideBySideLeft{}
#salesLanding .sideBySideRight{}

/* ----- Sales salesPopupCloseButton Tag ----- 
#salesPopupCloseButton{
	background:url("/Sales/03images/base/close-icon.png") no-repeat 0 0 transparent;
	width:26px;
	height:26px;
	cursor:pointer;
	position:absolute;
	top:20px;
	right:20px;
	z-index:50;
}
#salesPopupCloseButton.salesPopupCloseButtonPushedDown{top:50px;}
*/
/* ----- salesLoginRetrieveApplicationPopup Tag ----- */
/* #salesPopupSwitcher{
	background-color:inherit;
	width:100%;
	position:absolute;
	left:0;
	top:0;
}
#salesPopupSwitcherInner{padding:0 5px 0 10%;}
.salesPopupSwitcherButton{
	background-color:#FFF;
	font-size:1.6em;
	text-align:center;
	cursor:pointer;
	padding:12px 0;
	max-width:400px;
}

#salesPopupSwitcherButtonOne{border-right:10px solid #A2A2A2;}
#salesPopupSwitcherButtonTwo{}

.salesPopupSwitcherButton.activeSwitcher{background-color:#009999;}

#salesPopupSwitcherContainer{max-width:810px;}
#salesPopupSwitcherContainer.hasSwitcher{padding-top:40px;}

.salesHidePopupContainerClass{display:none;}

.salesLoginSidebySideBlock{}
.salesLoginSidebySideBlock.grid50{width:45%;}
#salesPopupSwitcherContainer .orangeButton{
	float:right;
	font-size:1.8em;
	padding:10px 15px;
}

.salesRetrieveApplicationHeading{font-size:2.4em; padding-bottom:5px;}
.salesRetrieveApplicationMessage{font-size:1.4em; padding-bottom:15px;}

.salesRetrieveBankingDetails{
	font-size:1.0em; 
	padding-bottom:5px;
	cursor: pointer;
	text-decoration:underline;
} */

/* ----- errorPage tag ----- */
.salesErrorBackColSizing{height:118px;}
/* #salesErrorTitleContainer{
	background-color:#FF9900;
	position:absolute;
	width:70%;
	height:95px;
	margin:50px 0 0 20px;
	float:left;
}
#salesErrorTitle{
	color:#FFF;
	font-size:2.5em;
	font-weight:bold;
	padding:20px 0 0 15px;
}
#salesErrorSubTitle{
	color:#FFF;
	font-size:1.8em;
	padding:8px 0 0 15px;
}
#salesErrorSpeachBubbleTail{
	background:url("/Sales/03images/sales/saleserrortail.png") no-repeat top;
	width:19px;
	height:33px;
	margin:145px 0 0 44px;
	position:absolute;
}
 */
#salesErrorDescriptionContainer{padding:80px 0 0 32px;}
#salesErrorDescription1{font-size:1.8em; padding:0 0 5px 0;}
#salesErrorDescription2{font-size:1.4em;}

/* salesYouAlsoGetIconblock.tag */
#ssaYouAlsoGetTitle{}
#ssaYouAlsoGetWrapper {font-size:1.4em; padding-left:15px; padding-bottom:15px;}

.ssaYouAlsoGetItem{vertical-align:middle;}
.ssaYouAlsoGetItemInner{
	background:url("/Sales/03images/sales/icon_onlinebanking.png") no-repeat left center;	/* Default Image for "you also get" */
	padding:10px 20px 10px 40px;
	cursor:pointer;
	vertical-align:middle;
}
#youAlsoGetEbucks {background-image:url("/Sales/03images/sales/icon_ebucks.png");}
#youAlsoGetCellphoneBanking {background-image:url("/Sales/03images/sales/icon_cellbanking.png");}
#youAlsoGetEmailStatement {}
#youAlsoGetOnlineBanking {background-image:url("/Sales/03images/sales/icon_onlinebanking.png");}
#youAlsoGetInContact {}
#youAlsoGetFnbConnect {}

.ssaYouAlsoGetCol1{width:15%;}
.ssaYouAlsoGetCol2{width:18%;}
.ssaYouAlsoGetCol3{width:18%;}
.ssaYouAlsoGetCol4{width:17%;}
.ssaYouAlsoGetCol5{width:16%;}
.ssaYouAlsoGetCol6{width:16%;}
.ssaYouAlsoGetText{}

/* BRANCH SEARCH */
#bsBankNameNote{margin-bottom:10px;}
#bsBankNameInput,
#trmInvestmentTermDisplay,
#bsBranchNameInput {
	background-color:transparent;
	border:0 none;
	color:#666;
	font-size:1.68em;
	padding:10px 15px;
	width:100%;
}

/* branchSearch GENERIC auto-complete */
.acinput-wrapper{position:relative;}
.acinput-input{}
.acinput-results{font-size:inherit; position:absolute; top:28px; left:0; right:0; width:100%; z-index:2;}
.acinput-results .ac-ul{padding:2px; background-color:#ADDBDB; margin-bottom:80px;}
.acinput-results .ac-li{
	clear:both;
	background-color:#F7F7F7;
	display:block;
	padding:2px 10px;
	cursor:pointer;
}
.acinput-results .ac-li:hover{background-color:#ADDBDB;}
.acinput-results .ac-li .ac-display-value{float:left; display:block;}
.acinput-results .ac-li .ac-return-value{float:right; display:block;}

/* branchSearch CODE auto-complete */
#bsWrapper .acinput-results{width:200%; top:32px; left:-100%; right:0;}

/* branchSearch NAME auto-complete (in eZi) */
#acContainer .acinput-input{float:none;}
#acContainer .acinput-results{clear:both; margin-top:-2px; position:relative; top:0;}
#acContainer .acinput-results .ac-ul{margin-bottom:70px;}
#acContainer .acinput-results .ac-li{padding:5px 10px;}

.autopopulate-results .ac-ul{display:table;width:100%;}

.autopopulate-results .autoPopulateItem {display:table-row;float:none;}

.autopopulate-results .autoPopulateItem .ac-display-value{display:table-cell;float:none;padding:3px}

/* suburbSearch auto-complete */
.ac-display-value.ac-suburb{width:40%;}
.ac-display-value.ac-city{width:40%;padding:0 10px; color:#333;}
.ac-return-value.ac-postal{width:20%; text-align:right; color:#333;}

/* STYLES copy-pasted all over the place */
.saleAcceptanceParagraph{padding:10px 15px;}
.saleAcceptanceParagraphAlt{font-size:15px; margin-bottom:0;}

#referenceNoFormat{font-weight:bold;}
#salesSaveAndExitHeading{font-size:2.2em; padding:0 0 5px 0;}
#salesSaveAndExitMessage{font-size:1.4em; padding:0 0 15px 0;}
.salesPopupButtons{margin-right:20px;}
.salesDeclinedReasonTextArea{font-size:15px;}

#salesSaveAndExitMessage p{
	padding:0px;
}

/* debtconsolidation tables */
.debtConTableClass{padding: 5px 0xp 5px 0px; float: left;width:25%;}

/* loanSearch tables */
.loanSearchTableClass{padding: 5px 0xp 5px 0px; float: left;width:20%;}

/* apple ipad iframe fix*/
.appleIPadiFrameWrapper{
	height: 1400px; 
	width: 100%; 
	overflow: auto;
}
.eziSliderResendOTP {
	clear:both;
	margin-left: 15px;
}
.loanOptionsPageContentHeading{
	width: 100%;
	text-align: center;
}

.loanOptionsPageHeading{
	font-size: 2.4em;
	font-weight: bold;
}

.singleIconButton {
	margin: 0 16px -4px 0;
	padding: 0 0 0 0;
	display: block;
	width: 100%;
	border: none;
}

.singleIconButtonBody {
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s ease-in-out;
	width: 48px;
	height: 48px;
	display: block;
	position: relative;
	text-align: center;
	margin: 0 auto;
}

.singleIconButtonBody:hover {
	transform: translateY(-5px);
}

.fontOrange {
	color: #ff9900;
}

/* PRE 2017 FIX */
html {
	min-width: 890px;
	overflow: auto;
}	
#topNavWrapper {
	left: inherit;
    width: 70%;
	max-width: 1400px;
	margin: auto;
}
#SalesLanding .SalesLandingMenuButtons {
	margin: 2px 2px 0px 2px;
}
@media screen and (max-width: 1280px) {
    #topNavWrapper,
	#main {
		width: 90%;
		left: 5%;
		max-width: 1400px;
    }
	#SalesLanding #salesLandingMenuLabel {
		display: none;
	}
	#SalesLanding #salesLandingMenuContainer {
		margin-left: 8px;
	}
	#SalesLanding .SalesLandingMenuButtons {
		padding: 10px 8px;
	}
}

#ssaLandingLeftColMenu .salesCategoryButtonSpacing {
    background-position: top left;
    margin: 6px 0px 6px 0px;
    padding: 3px 16px 6px 40px;
}
#ssaLandingLeftColMenu .salesCategoryButtonSpacing:HOVER {
    background-position: 8px top;
}

#SalesLanding .salesAddToBasketHolder.enabledButton {
	margin: 0;
    width: 25px;
    height: 25px;
    position: absolute;
    top: 0px;
	left: 0px;
	background-size: contain;
    background-position: top left;
	-webkit-transition: all.2s;
    -moz-transition: all.2s;
    -o-transition: all.2s;
    transition: all.2s;
}
#SalesLanding .salesAddToBasketHolder.enabledButton:HOVER {
    background-position: top right;
    left: 0px;
}
#SalesLanding .activeMenuItem .salesAddToBasketHolder.enabledButton:HOVER {
    margin-left: 8px;
}
#SalesLanding .activeMenuItem .salesButtonSpacing {
    margin: 6px 0px 0px 0px;
}
#SalesLanding .activeMenuItem .salesButtonSpacing:first-child {
    margin: 0px 16px 0px 40px;
}
#SalesLanding .activeMenuItem .salesButtonSpacing .formButton {
    padding: 9px 0;
}