.userNameMask:focus{

	background: none!important;
}

.passWord {
	font-family: Arial,sans-serif;
}
.footerPadding {
	padding:0px 0 0 0;

	margin:auto;
	max-width:1450px;
	
}
/* **************************************** MAX WIDTH ************************************************** */
#StandardProgressWrapper {
	right: 0;
	left: 0px;
	width:1450px;
	margin:auto;
	position: absolute;
	top: 53%;
	z-index: 150;
	height: 35px;

}

#salesFrame #StandardProgressWrapper {
	left: 0;
}
#StandardProgressWrapper.progressWrapperStandard {
	left: 40px;
}
#StandardProgressBarPercent {
	float: right;
	color: #fff;
	padding: 3px;
	font-family: FNBSansLight;
	font-size: 30px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
}
.progressBarHidden {
	display:none;
}
#loading {
	color: #fff;
	font-family: FNBSansLight;
	font-size: 30px;
	margin: 2px 0 0 15px;
	position: absolute;
}
#StandardProgressBar {
	height: 35px;
	background: #009999;
}
#StandardProgressBarPercent.progressBarPercent13 {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}
#StandardProgressBarPercent.progressBarPercent14 {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;
}
#StandardProgressBarPercent.progressBarPercent15 {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
}
#StandardProgressBarPercent.progressBarPercent16 {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}
#StandardProgressBarPercent.progressBarPercent17 {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	filter: alpha(opacity=90);
	-moz-opacity: 0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
}
#StandardProgressBarPercent.progressBarPercent18{
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1
}
/* DONOVAN EZI PROGRESS  */
#EziProgressWrapper {
	right: 0;
	left: 0;
	position: absolute;
	top: 53%;
	z-index: 150;
	height: 45px;
	background: #099;
	border-bottom: 5px solid #fff;
	border-top: 5px solid #fff;
}
#EziProgressWrapper.progressWrapperStandard {
	left: 0;
}
#EziProgressBarPercent {
	float: right;
	color: #fff;
	padding: 3px;
	font-family: FNBSansLight;
	font-size: 30px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
}
.progressBarHidden {
	display:none;
}
#loading {
	color: #fff;
	font-family: FNBSansLight;
	font-size: 30px;
	margin: 2px 0 0 15px;
	position: absolute;
}
#EziProgressBar {
	height: 35px;
	background: #63afd1;
}
#EziProgressBarPercent.progressBarPercent13 {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}
#EziProgressBarPercent.progressBarPercent14 {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;
}
#EziProgressBarPercent.progressBarPercent15 {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
}
#EziProgressBarPercent.progressBarPercent16 {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}
#EziProgressBarPercent.progressBarPercent17 {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	filter: alpha(opacity=90);
	-moz-opacity: 0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
}
#EziProgressBarPercent.progressBarPercent18{
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1
}
/*TOP MENU*/
.topMenu{
	font-family: FNBSansLight;
	position:fixed;
	width: 100%;
	z-index: 9000;
	background: #ffffff;
	display:none;
	left:0;
	right:0;
	top:0;
		-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;	
	color:#000000;
}

.ui-topNav{
	position: absolute;
	border-top: 6px solid transparent;
	height: 60px;
	width: 100%;
	max-width: 1525px;
}
.ui-topNav li {
	height: 46px;
	display:table;
	padding-bottom: 6px;
}
.ui-topNavScrollable{
	position: relative;
	height: 60px;
}
.ui-topNavContainer {
	position: relative;
	overflow: hidden;
	height: 60px;
}
.ui-topNavWrapper{
	margin: 0px 0px 0px 0px;
/* 	height: 97px; */
	overflow: hidden;
}
.ui-topNav li .ui-topMenuLabel{
/* 	width: 100%; */
	font-size: 14px;
	font-weight: normal;
	text-decoration: none;
	cursor: pointer;
	display: inline-block;
	padding-left: 5px;
	padding-right: 10px;
	display: table-cell;
	vertical-align: middle;
	text-align: left;
}

.ui-topNav li.customTopMenuPadding{
padding-left:6px;
}

.ui-topNav li .ui-topMenuLabel span{
	word-spacing: -3px;
}

.ui-topNav .ui-topMenuLi.selected {
	position: relative;
}
.ui-topNav .ui-topMenuLi.selected a{
	color: #000;
}
.ui-topNav .ui-gridCol {
	background: url("/03images/chameleon/frame/tabseperator.png") no-repeat left top transparent;
	overflow: hidden;
}

.ui-topNav .ui-gridCol:hover {
	background: url("/03images/chameleon/frame/tabHover.png") no-repeat left top transparent;

}

.ui-topNav .ui-gridCol:hover .ui-topMenuLabel {
	color: black;
}


.ui-topNav  .ui-gridCol:first-child{
	background: none;	
}

.menu_active .ui-topNav .ui-topMenuLi.selected  {
	background-color: #e7e7e7;
}

.ui-topNav  .ui-gridCol.lastTab{
	background: none;
}
.ui-topNavBottomBorderContainer{
	position: relative;
}
.ui-topNavMenuSlider{
	position: relative;
	background: none repeat scroll 0 0 #009999;
    bottom: -60px;
    height: 6px;
    width: 100%;
	float:left;
}
.ui-topNavBottomBorder{
	background: #FFF;
	height: 7px;
	float:left;
	width:100%;
	position: relative;
	bottom: -60px;
}

.ui-topNav .ui-topMenuLi {
	position: relative;
		-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;	
}

.ui-topNav .ui-topMenuLi .ui-topNavMenuActiveIndicator{
	display: none;
	bottom: 0px;
	left: 0;
	right: 0;
	height: 6px;
	position: absolute;
	background-color: #009999;
	z-index: 162;
}
.ui-topNav .ui-topMenuLi.active .ui-topNavMenuActiveIndicator {
	display: block;
}
.menu_active .ui-topNav .ui-topMenuLi.active.selected .ui-topNavMenuActiveIndicator {
	display: none;
}
.ui-topNavMenuSliderIndicator{
/* 	background: none repeat scroll 0 0 #92CAC9; */
    bottom: -62px;
    float: left;
    left: 9999px;
    height: 20px;
    position: absolute;
    z-index: 161;
    background-color: #fff;
    opacity:0;
	filter:alpha(opacity=0);
}
.ui-topNav li#topMenuButtons {
	float:left;
	min-width:72.8px;
	overflow: hidden;
	display:table;
}
.topMenuButtons{
	z-index: 110;
	position:absolute;
	background-color: #E7E7E7;
	right:0;
}
.ui-topNavWrapper a.leftScrollButton{
	background: url("../../03images/chameleon/frame/left-scroll-button.png") no-repeat center center;
	cursor: pointer;
	float: left;
	width:35px;
}
.ui-topNavWrapper a.rightScrollButton{
	background: url("../../03images/chameleon/frame/right-scroll-button.png") no-repeat center 42%;
	cursor: pointer;
	width: 30px;
	position: absolute;
	right: 0;
	top: 28px;
	height: 95px;
}
.rightScrollBottomBorder{
	background: url("../../03images/chameleon/frame/right-scroll-bottom-border.jpg") no-repeat bottom center;
	width: 30px;
	height:100%;
	display:none;
}
/*TOP MENU END*/
/*LEFT SIDEBAR*/
.ui-left-sidebar-top{
	background: url("../../03images/chameleon/frame/left-top.png") no-repeat scroll 0 0 transparent;
    height: 21px;
    left: 52px;
    position: absolute;
    top: 90px;
    width: 56px;
}
.ui-left-sidebar-bottom{
	background: url("../../03images/chameleon/frame/left-bottom.png") no-repeat scroll 0 0 transparent;
    height: 11px;
    left: 52px;
    position: absolute;
    top: -5px;
    width: 54px;
    z-index: 100;
} 

/*LEFT SIDEBAR END*/
/*FOOTER*/
.footerWrapper{
	
	position: fixed;
	bottom: 0px;
	left: 0;
	right: 0;
	height: 56px;
	background-color: #ffffff;
	display:none;
	z-index:9000;
	margin:auto;
}
/* WINDOWS PHONE */
* html .footerWrapper{
   position:absolute;
   top:expression((0-(footerWrapper.offsetHeight)+(document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight)+(ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop))+'px');
}
.ui-footerContent{
	height:50px;
	font-family: FNBSansLight;
}
.ui-footerBorder{
	background: #FFF;
	height: 6px;
	margin-left: 106px;
}
/*FOOTER  END*/
/*CONTENT*/
.progressBar{
	left: 34px;
	height: 5px;
	width:0;
	background: #099;
	position: fixed;
    top: 53%;
	overflow:hidden;
	z-index:116;
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
}
/*CONTENT END*/
/*LOGO*/
.ui-company-logo{
	background: url("../../03images/chameleon/frame/fnb-logo-wide.png") no-repeat scroll left -3px transparent;
    height: 34px;
    left: 8px;
    position: absolute;
    top: 2px;
    width: 370px;
    z-index: 100;
} 
/*LOGO END*/
/*REFERENCE*/
.ui-support-reference{
	font-size: 10px;
	color: #000;
	z-index: 100;
	position: absolute;
	left: 5px;
	bottom:5px;
} 
/*REFERENCE END*/

/*GRIDS*/
.ui-gridGroup {
	display: block;
	clear: both;
	width: 100%;
	position: relative;

}

.ui-gridCol {
	display: block;
	float: left;	
}

.table     { display: table }
.tr        { display: table-row }
.thead     { display: table-header-group }
.tbody     { display: table-row-group }
.tfoot     { display: table-footer-group }
.col       { display: table-column }
.colgroup  { display: table-column-group }
.td, .th   { display: table-cell }
.caption   { display: table-caption }
.table .th {
	float:none;
	vertical-align: middle;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;	
	padding: 10px 10px 0 15px;
	font-family: FNBSansRegular;
	font-size: 1.1em;
	color: #333;
}
.table .td {
	float:none;
	vertical-align: top;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;	
}

h1{
	font-family: FNBSansRegular;
	font-weight:normal;
	font-size:2em;	
}

h2{
	font-family: FNBSansRegular;
	font-weight:normal;
	font-size:1.5em;	
}

h3{
	font-family: FNBSansRegular;
	font-weight:normal;
	font-size:1.3em;	
}

h4{
	font-family: FNBSansRegular;
	font-weight:normal;
	font-size:1.1em;	
}

h5{
	font-family: FNBSansRegular;
	font-weight:normal;
	font-size:1em;	
}

h6{
	font-family: FNBSansRegular;
	font-weight:normal;
	font-size:1em;	
}

#prodSingleMenuHolder .ui-shiftright ,#productGrid .ui-shiftright, .ui-left-product-value .ui-shiftright{
	margin-left:49px;
}


#productGrid .ui-shiftright .ui-shiftright{
	margin-left:0px;

	
}

.ui-shiftright{
	margin-left:0px;
	background:#ffffff;
	
}
#salesFrame .ui-shiftright{
	margin: 0;
	
}

.ui-spacer{
	height:30px;
}

.ui-spacer2{
	height:20px;
}
.ui-spacer1{
	height:10px;
}

.ui-grid0 {
	width: 0;
}

.ui-grid3 {
	width: 3%;
}

.ui-grid5 {
	width: 5%;
}

.ui-grid10 {
	width: 10%;
}

.ui-grid14 {
	width: 14%;
}

.ui-grid15 {
	width: 15%;
}

.ui-grid17 {
	width: 17%;
}

.ui-grid19 {
	width: 19%;
}

.ui-grid20 {
	width: 20%;
}

.ui-grid22 {
	width: 22%;
}

.ui-grid25 {
	width: 25%;
}

.ui-grid30 {
	width: 30%;
}

.ui-grid33 {
	width: 33.33333333%;
}

.ui-grid35 {
	width: 35%;
}

.ui-grid40 {
	width: 40%;
}

.ui-grid45 {
	width: 45%;
}

.ui-grid50 {
	width: 50%;
}

.ui-grid60 {
	width: 60%;
}

.ui-grid63 {
	width: 63%;
}

.ui-grid66 {
	width: 66.66666666%;
}

.ui-grid70 {
	width: 70%;
}

.ui-grid75 {
	width: 75%;
}

.ui-grid78 {
	width: 78%;
}

.ui-grid80 {
	width: 80%;
}

.ui-grid86 {
	width: 86%;
}

.ui-grid90 {
	width: 90%;
}

.ui-grid97 {
	width: 97%;
}

.ui-grid100 {
	width: 100%;
}

.ui-gridThirds {
	width: 33.333%;
}

.ui-gridFifths {
	width: 20%;
}

.ui-gridSixths {
	width: 16.666%;
}

.ui-gridSevenths {
	width: 14.28%;
}

.ui-gridEighths {
	width: 12.5%;
}

.ui-gridNinths {
	width: 11.111%;
}

.ui-gridElevenths {
	width: 9.090%;
}

.ui-gridTwelfths {
	width: 8.333%;
}

.ui-gridThirteenths {
	width: 7.692%;
}

.lt-ie8 .ui-grid10.last {
	overflow: hidden;
	_overflow: visible;
	_zoom: 1;
}

.lt-ie8 .ui-grid10.last {
	float: none;
	_position: relative;
	_left: -1px;
	_margin-right: -1px;
	width: auto;
}

.lt-ie8 .ui-grid20.last {
	float: none;
	_position: relative;
	_left: -1px;
	_margin-right: -1px;
	width: auto;
}

.lt-ie8 .ui-grid25.last {
	float: none;
	_position: relative;
	_left: -1px;
	_margin-right: -1px;
	width: auto;
}

.lt-ie8 .ui-grid30.last {
	float: none;
	_position: relative;
	_left: -1px;
	_margin-right: -1px;
	width: auto;
}

.lt-ie8 .ui-grid40.last {
	float: none;
	_position: relative;
	_left: -1px;
	_margin-right: -1px;
	width: auto;
}

.lt-ie8 .ui-grid50.last {
	float: none;
	_position: relative;
	_left: -1px;
	_margin-right: -1px;
	width: auto;
}

.lt-ie8 .ui-grid60.last {
	float: none;
	_position: relative;
	_left: -1px;
	_margin-right: -1px;
	width: auto;
}

.lt-ie8 .ui-grid70.last {
	float: none;
	_position: relative;
	_left: -1px;
	_margin-right: -1px;
	width: auto;
}

.lt-ie8 .ui-grid80.last {
	float: none;
	_position: relative;
	_left: -1px;
	_margin-right: -1px;
	width: auto;
}

.lt-ie8 .ui-grid90.last {
	float: none;
	_position: relative;
	_left: -1px;
	_margin-right: -1px;
	width: auto;
}

/*GRIDS END*/ /*FOOTER BUTTONS*/
.ui-footerElements {
	height: 75px;
	
}

.ui-footerBtn {
	position: relative;
	float: right;
	height: 50px;
	margin-right: 1px;
	color: white;
/* 	top: 70px; */
	cursor: pointer;
	width: 10%;
	text-align: center;
	line-height: 50px;
	z-index: 9999;
}

.ui-footerBtn a {
	display: block;
	width: 100%;
	height: 100%;
	background: #F90;
	text-decoration: none;
}

.ui-footerBtn a span {
	font-family: FNBSansRegular;
	display: block;
	color: white;
	font-size: 18px;
	padding: 23px 0px 0px 0px;
	text-align: center;
}

.ui-footer-legal{
	color: #bbbbbb;
    font-size: 10px;
    left: 10px;
    position: absolute;
    top: 39px;
    z-index: 9999;
}



 /*ACTION MENU BUTTON*/
.actionMenuButtonWrapper {
	background: #F90;
	z-index: 149;
	position: fixed;
	cursor: pointer;
	left: -39px;
	top: 140px;
}

.actionMenuButtonWrapper p {
	display: none;
}

.actionMenuTextWrapper {
	height: 100%;
}

.actionMenuIcon {
	background: url("../../03images/chameleon/actionmenu/action-menu-icon.png") no-repeat left;
	width: 26px;
	height: 25px;
	font-family: FNBSansRegular;
	color: white;
	font-size: 20px;
	top: 10px;
	margin: 7px;
	left: 7px;
}

/* ACTION MENU BUTTON END*/ /*ACTION MENU*/
.actionMenu {
	background: #FFF;
	clear: both;
	display: none;
	width: 0;
	position: absolute;
    top: 130px;
	padding: 0 0 70px;
}

.actionMenuOrangeBanner {
	background: none repeat scroll 0 0 #FF9900;
	padding: 0 0 10px;
	position: absolute;
	width: 100%;
}

.actionMenuContents {
	opacity: 0;
	background: none repeat scroll 0 0 #FFFFFF;
}

.actionMenuButton p {
	font-family: FNBSansRegular;
	color: #FFF;
	font-size: 16px;
	float: left;
	line-height: 47px;
	margin: 0 0 0 10px;
}

.actionMenuHeader1 .innerPad {
	padding: 10;
}

.actionMenuHeader .innerPad {
	font-family: FNBSansLight;
	padding: 30px 10px 10px;
	color: white;
	font-size: 18px;
	cursor: pointer;
}

.actionMenuHeader.orange .innerPad {
	font-family: FNBSansLight;
	padding: 30px 0 10px 20px;
	color: white;
	font-size: 45px;
}

.actionMenuHeader.grey1 {
	background: #CBCBCA;
	padding-top: 30px;
	margin-left: 5px;
	margin-right: 5px;
}

.actionMenuHeader.grey2 {
	background: #EEEEEE;
	margin-left: 5px;
	margin-right: 5px;
}

.actionMenuHeader.grey3 {
	background: #C1C1C0;
	padding-top: 30px;
	margin-left: 5px;
	margin-right: 5px;
}

.actionMenuHeader.grey4 {
	background: #B1B1B0;
	padding-top: 30px;
	margin-left: 5px;
	margin-right: 5px;
}

.actionMenuHeader.grey5 {
	background: #F3F3F3;
	margin-left: 5px;
	margin-right: 5px;
}

.actionMenuHeader.grey6 {
	background: #F8F8F8;
	margin-left: 5px;
	margin-right: 5px;
}

.actionMenuHeader.grey2 h1 {
	margin-top: 8px;
	font-family: FNBSansRegular;
	color: #000;
	font-size: 14px;
}

.actionMenuHeader.grey2 p {
	font-family: FNBSansRegular;
	color: #B2B1B1;
	margin-top: 5px;
	font-size: 13px;
}

.actionMenuHeader.grey5 h1 {
	margin-top: 8px;
	font-family: FNBSansRegular;
	color: #000;
	font-size: 14px;
}

.actionMenuHeader.grey5 p {
	font-family: FNBSansRegular;
	color: #B2B1B1;
	margin-top: 5px;
	font-size: 13px;
}

.actionMenuHeader.grey6 h1 {
	margin-top: 8px;
	font-family: FNBSansRegular;
	color: #000;
	font-size: 14px;
}

.actionMenuHeader.grey6 p {
	font-family: FNBSansRegular;
	color: #B2B1B1;
	margin-top: 5px;
	font-size: 13px;
}

.actionMenuHeader.orange {
	font-family: FNBSansRegular;
	font-size: 22px;
	color: #FFF;
}

.actionMenuHeader.turq {
	background: #099;
}

.actionMenuButtonIcon {
	background: url("../../03images/chameleon/actionmenu/dot-button-off.png") no-repeat;
	width: 47px;
	height: 47px;
	float: left;
	padding-right: 15px;
}

.actionMenuButton {
	margin: 8px 0 0 20px;
	height: 47px;
	cursor: pointer;
	max-width: 25%;
}

.actionMenuButton:hover .actionMenuButtonIcon {
	background: url("../../03images/chameleon/actionmenu/dot-button-over.png") no-repeat;
}

.actionMenuCol {
	display: block;
	float: left;
	padding: 10px 0 0px;
}

.actionMenuColUp {
	position: relative;
	z-index: 5;
}

.actionMenuCol:first-child {
	margin-left: 0;
}

.col_4_of_4 {
	width: 100%;
}

.col_3_of_4 {
	width: 75%;
}

.col_2_of_4 {
	width: 50%;
}

.col_1_of_4 {
	width: 23%;
}

.actionMenuGroup:before,.actionMenuGroup:after {
	content: "";
	display: table;
}

.actionMenuGroup:after {
	clear: both;
}
.moreOptionsDownArrow {
	background: url("../../03images/chameleon/actionmenu/orangeArrow.png") no-repeat;
	width: 24px;
	height: 38px;
	bottom: 0;
	left: 110px;
	position: absolute;
}
/*CONTENT END*/
/*ERROR
.error{
	position: absolute;
	background: #F90;
	width: 100%;
	top: 0;
	font-family: FNBSansThin;
	color:#fff;
	z-index: 160;
	padding: 10px 0px 10px 40px;
	border-bottom: 6px solid white; 
}
.errorButtonWrapper{
	background: url("../../03images/chameleon/close-icon.png") no-repeat left;
	width: 26px;
	height: 25px;
	float: right;
	margin: 0px 5px 0px 0px;
	cursor:pointer;
}
.errorMessageWrapper{
	font-size: 24px;
}
.errorsWrapper{
	padding: 10px 0px 0px 0px;
	margin: 10px 0 0 0;
	font-size: 16px;
}
.errorWrapper{
	float:left;
	padding: 10px 10px 10px 0px;
	border-left: 2px solid white; 
}
.errorText{
	padding: 0px 0px 0px 5px;
}
ERROR END*/
/**********ERRORS**********/
.error {
	position: fixed;
	background: #FF9900;
	width: 100%;
	top: 0;
	font-family: FNBSansLight;
	color: #fff;
	z-index: 9999;
	border-bottom: 6px solid white;
}

.errorButtonWrapper {
	background: url("/03images/chameleon/close-icon.png") no-repeat center center;
	width: 26px;
	height: 25px;
	float: right;
	cursor: pointer;
	margin: 10px;
}

.errorMessageWrapper {
	font-size: 14px;
	padding: 15px 0px 0px 20px;
}

#errorsWrapper,
.errorsWrapper {
	padding: 0px 10px 10px 10px;
	margin: 10px 0 0 0;
	font-size: 14px;
}

.errorWrapper {
	float: left;
	padding: 0px 0px 20px 15px;
	border-left: 0 none;
}

.errorText {
	padding: 0px 0px 0px 5px;
}

.errorMsg {
	position: absolute;
	top: 30px;
	width: 100%;
	z-index: 999;
	display: none;
}

.error .errorMsg {
	display: block;
}

.errorMsg .errorMsgClose {
	position: absolute;
	right: -15px;
	top: -5px;
	width: 25px;
	height: 7px;
}

.errorMsg .errorMsgBubble {
	background-color: #fff;
	color: #000;
	padding: 5px;
	border-right: 1px solid #FF9900;
	border-bottom: 1px solid #FF9900;
}

/* ----- END Overlay ----- */
/*POPUP*/
.popupWrapper{
	background: none repeat scroll 0 0 #009999;
	position: absolute;
}
/*POPUP END*/
.content {
   /* overflow: hidden;*/
   /* padding: 130px 0 70px 40px;*/
	/*display:none;*/
	padding: 130px 0 0 40px;
}
/*ACTION MENU END*/

html 
{
/* max-width: 1450px; */

}

body
{
height:100%;
}

body #landscapeMSG{
 		display:none;
 	}

#content {

}

.forceFlashHide{
	display: none !important;
}

#ui-contentWrap
{
max-width: 1450px;

margin:auto;
}

.ui-popupBarSubTab 
{
max-width: 1450px;
}

.topMenu 
{
width:100%;
}

.topMenuHeaderWrapper{
	max-width: 1450px;
margin:auto;
}


#productApplyNow
{
max-width: 1450px;
}

.footerInnerWrapper{
	position:relative;
	max-width:1450px;
	margin:auto;
}
	
.footerWrapper {width:100%;}
#productApplyNow, #leadFormButtons, .ui-footerButtonGroup 
{
max-width: 1450px;
}

.menu_active #ui-subMenuWrapper 
{

}

.ui-subMenuWrapper-bgColor 
{
max-width: 1450px;
}

.ui-subMenuWrapper-bgColor 
{
max-width: 1053px;
border-right: 7px solid white;
}

.overlay 
{
max-width: 1450px;
}

#StandardProgressWrapper
{
max-width: 1450px;
}

.ui-rightcontent-and-footer-wrapper 
{
/* border-right: 6px solid #fff; */
}




/* ****************************************** GLOBAL STYLES ********************************** */

ul li 
{
margin-bottom: 4px;
}

p
{
line-height: 16px;
}

@charset "UTF-8";

	#ui-devOptions {position:fixed;top:0;left:150px;z-index:99999;height:10px; font-size:8px; background-color:white;padding: 0 4px; cursor: pointer}
	#ui-sessionOptions {position:fixed;top:0;left:220px;z-index:99999;height:10px; font-size:8px; background-color:white;padding: 0 4px; cursor: pointer}
	
/* 	SESSION INFO */
	#ui-sessionInformation {position:absolute; left:0; top: 12px; width:200px; z-index:99999;background-color: white; padding: 5px; display: none;}
	#ui-sessionInformation div {line-height:15px; font-size: 10px; margin-right: 5px; padding-right: 5px;}
	#ui-sessionInformation div b {color: #009999;}
/* END OF SESSION INFO */
	
	
/* 	COLORS */
	#ui-colorPallete {position:fixed;top:0;left:0;z-index:99999;height:10px;}
	#ui-colorPallete .ui-pallete {float:left;width:10px;height:10px;}
	#ui-colorPallete .ui-devOptions {background-color: white; z-index:99999}
/* END OF COLORS */

/* 	GRID OVERLAY */
.ui-grid-overlayDisplay * {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;	
}
	.ui-grid-overlayDisplay {position:fixed; top: 0; left:50px; right: 0px; display:none; opacity: 0.3; z-index: 99998;}
	.ui-grid-overlayWrapper {position:relative;top:0;left:0;z-index:99999;width:100%;}
	.ui-grid-overlayVertical {position:absolute;top:0; left:0;width:100%;height:0px;}
	.ui-grid-overlay {float:left;width:10%;height:1px;position:relative;}
	.ui-grid-overlayRuler {position:absolute;top:0; left:0; height:1000px; background: url('/03images/chameleon/gridOverlay/ruler.gif') repeat-y center center; padding: 0 8px; border-left:1px solid black}
	.ui-grid-overlayRuler2 {position:absolute;top:0; left:-10px; height:1000px; border-left: 1px solid #F90;}
	
	.ui-grid-overlayRuler .ui-grid-overlayRulerMajorPixels {position:absolute; left:0; width: 2000px; border-bottom: 1px solid #F90; height: 1px;}
	.ui-grid-overlayRuler .ui-grid-overlayRulerMajorPixels.hr0 {top:0px;}
	.ui-grid-overlayRuler .ui-grid-overlayRulerMajorPixels.hr1 {top:36px;}
	.ui-grid-overlayRuler .ui-grid-overlayRulerMajorPixels.hr2 {top:72px;}
	.ui-grid-overlayRuler .ui-grid-overlayRulerMajorPixels.hr3 {top:108px;}
	.ui-grid-overlayRuler .ui-grid-overlayRulerMajorPixels.hr4 {top:133px;}
	.ui-grid-overlayRuler .ui-grid-overlayRulerMajorPixels.hr5 {top:158px;}
	.ui-grid-overlayRuler .ui-grid-overlayRulerMajorPixels.hr6 {top:183px;}
	.ui-grid-overlayRuler .ui-grid-overlayRulerMajorPixels.hr7 {top:208px;}
	.ui-grid-overlayRuler .ui-grid-overlayRulerMajorPixels.hr8 {top:233px;}
	.ui-grid-overlayRuler .ui-grid-overlayRulerMajorPixels.hr9 {top:258px;}
	.ui-grid-overlayRuler .ui-grid-overlayRulerMajorPixels.hr10 {top:283px;}
	.ui-grid-overlayRuler .ui-grid-overlayRulerMajorPixels.hr11 {top: 308px;}
	.ui-grid-overlayRuler .ui-grid-overlayRulerMajorPixels.hr12 {top: 333px;}
	.ui-grid-overlayRuler .ui-grid-overlayRulerMajorPixels.hr13 {top: 358px;}
	.ui-grid-overlayRuler .ui-grid-overlayRulerMajorPixels.hr14 {top: 383px;}
	.ui-grid-overlayRuler .ui-grid-overlayRulerMajorPixels.hr15 {top: 408px;}
	.ui-grid-overlayRuler .ui-grid-overlayRulerMajorPixels.hr16 {top: 433px;}
	.ui-grid-overlayRuler .ui-grid-overlayRulerMajorPixels.hr17 {top: 458px;}
	.ui-grid-overlayRuler .ui-grid-overlayRulerMajorPixels.hr18 {top: 483px;}
	.ui-grid-overlayRuler .ui-grid-overlayRulerMajorPixels.hr19 {top: 508px;}
	.ui-grid-overlayRuler .ui-grid-overlayRulerMajorPixels.hr20 {top: 533px;}
	
	.ui-grid-overlayRuler .ui-grid-overlayRulerMinorPixelsBaseLine {position:absolute; bottom: 8px; width: 2000px; border-bottom: 1px solid #666;}
/* END OF GRID OVERLAY */

body {

}
html {
	background: url("/03images/chameleon/frame/left-side-bar.png") repeat-y 0 40px #E7E7E7;
	font-family: FNBSansLight;
 	overflow-y: scroll; 
	overflow-x: hidden;
	height:100%;
}
html.menu_active {
	background-color: #ffffff;
}
html#salesFrame {
	background-image: none;
} 

.boxModel {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;	
}
.transparent {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8*/
  filter: alpha(opacity=0); /* IE 8 Quirks Mode */
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
}
.formElementWrapper {padding-bottom:7px;padding-top:7px;float:left;width:100%;}

a {color:white; text-decoration:none}
a:visited {color:#000000;}

#windowWidth {
	position: absolute;
	top: 0px;
	left: 0px;
	background: #fff;
	z-index: 9999;
	font-size: 12px
}
/* CSS Document */

/* Generic */

.ui-nowrap{
	white-space: nowrap;
}

.removePositioning{
	position:inherit;
}

.relativePos{
	position:relative;
}

.ui-systemErrorInfo {
	position: absolute;
	top: 10px;
	left: 0px;
	border-top: 10px solid #CD0000;
	color: #CD0000;
	font-size: 0.8em;
	font-weight: bold;
	z-index: 99999;
}
.ui-flipHorizontal{
	 transform:matrix(-1, 0, 0, 1, 0, 0);	
	-ms-transform:matrix(-1, 0, 0, 1, 0, 0);	 /* IE 9 */
	-moz-transform:matrix(-1, 0, 0, 1, 0, 0);	 /* Firefox */
	-webkit-transform:matrix(-1, 0, 0, 1, 0, 0);	 /* Safari and Chrome */
	-o-transform:matrix(-1, 0, 0, 1, 0, 0);	 /* Opera */		  
}

.ui-flipVertical   { 	
	transform:matrix(1, 0, 0, -1, 0, 0); 	
	-ms-transform:matrix(1, 0, 0, -1, 0, 0); 	 /* IE 9 */
	-moz-transform:matrix(1, 0, 0, -1, 0, 0); 	 /* Firefox */
	-webkit-transform:matrix(1, 0, 0, -1, 0, 0); 	 /* Safari and Chrome */
	-o-transform:matrix(1, 0, 0, -1, 0, 0); 	 /* Opera */		
}
.ui-subTabLabel.vertical.ui-rotate90min.selected .ui-flipVertical {
	background-color: #009999;
	color: white;
}
.ui-rotate90min {	/* rotate -90 deg */
	transform:matrix(0, -1, 1, 0, 0, 0);
	-ms-transform:matrix(0, -1, 1, 0, 0, 0); /* IE 9 */
	-moz-transform:matrix(0, -1, 1, 0, 0, 0); /* Firefox */
	-webkit-transform:matrix(0, -1, 1, 0, 0, 0); /* Safari and Chrome */
	-o-transform:matrix(0, -1, 1, 0, 0, 0); /* Opera */		
}

.lt-ie9 .ui-rotate90min{
	
	/* IE8+ - must be on one line */ 
   -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0, M12=1, M21=-1, M22=0, SizingMethod='auto expand')";
   
   /* IE6 and 7 */ 
   filter: progid:DXImageTransform.Microsoft.Matrix(
            M11=0,
            M12=1,
            M21=-1,
            M22=0,
            SizingMethod='auto expand');	
}

#content {
/* 	background-color: cyan; */
	/*border-right: 6px solid white;*/
   /* max-width: 1525px;*/
    padding: 0px 0 0 0px;
    position: relative;
	
}

#salesFrame #content {
    padding: 0;
}

.shiftLeft {
    margin-left: -52px;
}
.overflowHidden {
	overflow: hidden;
}
#ui-contentWrap {
	/*position: absolute;
	padding: 125px 0 70px 0;
	top: 10px;*/
	padding:82px 0 0 0;
	
}
#salesFrame #ui-contentWrap {
    padding: 0;
}

.ui-content-padded-wrapper{
	padding:20px;
	
}
.ui-banner {
	height:		100%;
	width:		100%;
	position: relative;
}
.positionRelative {
	position: relative;	
}

.clearBoth {
	clear: both;
}

.centerContent {
	text-align: center;
}
.rightAlign {
	text-align: right;
}

/*
* developer: Vaughan
*/
sup{
	font-size: 0.6em;
}
/*COLORS*/

.white {
	background-color: #FFF;
}

.amber1 {
	background-color: #ff9900;
	color: #fff
}
.whiteBorderTop,
.white1Bordertop {
	border-top: 6px solid white
}
.whiteBorderBottom,
.white1BorderBottom {
	border-bottom: 6px solid white
}

.leftwhiteBucketBorder{
	border-bottom: 1px solid #000000;
	border-top: 1px solid #000000;
	border-left: 1px solid #000000;
}


.teal1 {
	background-color: #009999;
	color: #fff
}

.teal1BorderBottom {
	border-bottom: 6px solid #009999
}

.teal1BorderBottomThick{
	border-bottom: 12px solid #009999
	
}

.teal2 {
	background-color: #14a1a1
}

.ui-productCell.ui-tickBox.lastTick .ui-tickBoxInner.teal2BorderBottom {
	border-bottom: 6px solid #14a1a1
}

.teal3 {
	background-color: #26a8a8
}

.ui-productCell.ui-tickBox.lastTick .ui-tickBoxInner.teal3BorderBottom {
	border-bottom: 6px solid #26a8a8
}

.teal4 {
	background-color: #3bb1b1
}

.ui-productCell.ui-tickBox.lastTick .ui-tickBoxInner.teal4BorderBottom {
	border-bottom: 6px solid #3bb1b1
}

.teal5 {
	background-color: #4db8b8
}

.ui-productCell.ui-tickBox.lastTick .ui-tickBoxInner.teal5BorderBottom {
	border-bottom: 6px solid #4db8b8
}

.teal6 {
	background-color: #61c0c0
}

.ui-productCell.ui-tickBox.lastTick .ui-tickBoxInner.teal6BorderBottom {
	border-bottom: 6px solid #61c0c0
}

.teal7 {
	background-color: #73c7c7
}
.teal7BorderBottom {
	border-bottom: 6px solid #73c7c7
}

.ui-productCell.ui-tickBox.lastTick .ui-tickBoxInner.teal7BorderBottom {
	border-bottom: 6px solid #73c7c7
}

.teal8 {
	background-color: #87cfcf
}

.ui-productCell.ui-tickBox.lastTick .ui-tickBoxInner.teal8BorderBottom {
	border-bottom: 6px solid #87cfcf
}

.teal9 {
	background-color: #99d6d6
}

.ui-productCell.ui-tickBox.lastTick .ui-tickBoxInner.teal9BorderBottom {
	border-bottom: 6px solid #99d6d6
}

.teal10 {
	background-color: #bfe5e5
}

.teal11{
	background-color: #c1ddde
}

.ui-productCell.ui-tickBox.lastTick .ui-tickBoxInner.teal10BorderBottom {
	border-bottom: 6px solid #bfe5e5
}


.white {
	background-color: #fff;
}

.grey1 {
	background-color: #e7e7e7;
}

.grey2{	
	background-color: #d8d7d5;	
}

.grey3{
	background-color: #cdcdcd;
}


/* ----- OVERLAY ----- */
.overlay {
	width: 100%;
	position: fixed;
	background-color: #8B8B8B;
	top: 0;
	bottom: 70px;
	left: 0px;
	right:0px;
	margin:auto;
	z-index: 148;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	height:100%;
}
#salesFrame .overlay {
	left: 0;
}
.overlay-panel {
	margin: 10% auto 0 auto;
	width: 350px;
	background: #FFF;
	
}
/* POPUP */

.ui-theIntercepter4Apply,
.ui-theIntercepter4CallBacks,
.ui-popupOverlay{
	background: url("/03images/chameleon/popupoverlay.png") repeat scroll 0 0 transparent;
    height: 100%;
    left: 0px;    
    position: absolute;
    top: 0;
    width: 100%;
    display:none;
    right:0px;
    margin:auto;
    max-width:1450px;
    z-index:99;
}
.ui-theIntercepter4Apply,
.ui-theIntercepter4CallBacks {
    position: fixed;
    top: 90px;
    right: 0;
    bottom: 56px;
    width: auto;
    max-width: 1450px;
    height: auto;
    overflow: hidden;
    left: 0px;    
    margin:auto;
}

.ui-loginOverlay{
	background: url("/03images/chameleon/popupoverlay.png") repeat scroll 0 0 transparent;
    height: 100%;
    left: 101px;    
    position: absolute;
    top: 0;
    width: 100%;
    display:none;
}

	 .ui-loginOverlay.phoneHide{
	display:none;
	}

.ui-salesOverlay{
	background: url("/03images/chameleon/popupoverlay.png") repeat scroll 0 0 transparent;
    height: 100%;
    left: 0px;    
    position: absolute;
    top: 0;
    width: 100%;
    display:none;
    max-width: 11450px;
    z-index: 8000;
    right:0px;
    margin:auto;
    max-width:1450px;
}
.ui-Intercept,	
.ui-popupBar{	
	background-color: #4EB8B8;
    min-height: 250px;
    left: 0px;
    position: absolute;
    right: 0px;
    top: 25%;
    z-index: 8010;
    max-width: 1450px;
    margin:auto;
}
.ui-Intercept {
    top: 72px;
	position: relative;
	width: 100%;
    border-right:0;
    left: 0;
    z-index: 7010;
    padding: 24px;
}

.ui-Intercept-close, 
.ui-popupCloseBtn{
	background: url("/03images/chameleon/pop_close_btn.png") no-repeat scroll 0 0 transparent;
    height: 23px;
    position: absolute;
    right: 20px;
    top: 18px;
    width: 23px;
    cursor:pointer;
}

.ui-popupContent{
	
	
}

/* DEMO POPUP */

#overlayDemo * {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;	
	text-decoration: none;
}
#overlayDemo h2 {
	padding-right: 50px;
}
#overlayDemo .ui-theIntercepter4CallBacks {
    position: absolute;
    background: #ffffff;
    top: 101px;
    right: 0;
    bottom: 70px;
    width: auto;
    max-width: 1349px;
    height: auto;
    overflow: hidden;
}
#overlayDemo2 .formElementWrapper {
	padding-bottom: 0px;
	padding-top: 0px;
}
#overlayDemo2 {
	padding-left:80px;
}
.smallScreen #overlayDemo2 p {
	padding: 0;
}
#overlayDemoOptions {
	border-top:solid 1px #009999;
	border-bottom:solid 1px #009999;
	margin: 10px 0;
	width: 90%;
	display: table;
	color:#000000;
}
.smallScreen #overlayDemoOptions {
	width: 100%;
}
/* .smallScreen #overlayDemoOptions { */
/* 	border: none; */
/* } */
#overlayDemo2 #callMeBack,
#overlayDemo2 #viewDemo,
#overlayDemo2 #applyNow{
    height: 154px;
    width: 33.3333%;
	display: table-cell;
	position: relative;
	vertical-align: bottom;
	padding: 0 0 6px 0;
}
.smallScreen #overlayDemo2 #callMeBack,
.smallScreen #overlayDemo2 #viewDemo,
.smallScreen #overlayDemo2 #applyNow{
	display:block;
	width: 100%;
	border: none;
	background: none;
	height: auto;
	min-height: 42px;
}
#overlayDemo2 #callMeBack{
	background: url("/03images/chameleon/pop_demo_bg_02.gif") top center no-repeat;
}

#overlayDemo2 #viewDemo{
	background: url("/03images/chameleon/pop_demo_bg_03.gif") top center no-repeat;
    border-right:solid #009999 1px;
}
#overlayDemo2 #applyNow{
	background: url("/03images/chameleon/pop_demo_bg_01.gif") top center no-repeat;
    border-right:solid #009999 1px;
}
.smallScreen #overlayDemo2 #callMeBack{
	background: url("/03images/chameleon/pop_demo_bg_02_phone.gif") center 4px no-repeat;
}
.smallScreen #overlayDemo2 #viewDemo{
	background: url("/03images/chameleon/pop_demo_bg_03_phone.gif") center 4px no-repeat;
	border-bottom:solid 1px #009999;
}
.smallScreen #overlayDemo2 #applyNow{
	background: url("/03images/chameleon/pop_demo_bg_01_phone.gif") center 4px no-repeat;
	border-bottom:solid 1px #009999;
}

#applyNow .overlayDemoOptionsText,
#viewDemo .overlayDemoOptionsText,
#callMeBack .overlayDemoOptionsText {
	padding: 0 50px 0 20px;
	font-size: 13px;
	font-weight: 600;
	line-height: 15px;
	height: 30px;
	display: table-cell;
	vertical-align: middle;
	cursor: pointer;
}
#applyNow .overlayDemoOptionsText {
	padding-left: 0px;
}
.smallScreen #overlayDemo2 .overlayDemoOptionsText {
	padding: 54px 50px 0 10px;
	height: auto;
	display:block;
}
#overlayDemo2 .overlayDemoOptionsText:AFTER {
	content: "";
	display: table;
	position: absolute;
	bottom: 6px;
	right: 6px;
	height: 30px;
	width: 30px;
	background: #FF9900 url("/03images/chameleon/round_arrow_btn.png") center left no-repeat;
}
#overlayDemo .ui-Intercept {
    top: 72px;
    background:  #ffffff;
	position: relative;
	max-width: 1450px;
    border-right:0;
    left: 0;
    z-index: 7010;
}
.smallScreen #overlayDemo .ui-Intercept {
    padding:50px 10px;
}

#overlayDemo2 .ui-Intercept-close{
	background: url("/03images/chameleon/pop_demo_close_btn.gif") no-repeat scroll 0 0 transparent;
    height: 24px;
    position: absolute;
    right: 5%;
    top: 18px;
    width: 25px;
    cursor:pointer;
}


/*PHONE MENU*/
#ui-phoneMenu {
	display: none;
	float: left;
    width: 100%;
}
/*PHONE MENU END*/
/*OVERLAY END*/ /*PRODUCT GRID*/
.phoneHide {
	display: block;
}

.phoneHide-td {
	display: table-cell;
}

.desktopHide-td{
	display: none;
}

.desktopHide{
	display: none;
}

	.ui-phoneMode{
	display: none;
	}
	
	.ui-desktopMode{
		display: block;
	}

.hiddenElement {
	display: block;
}

.hiddenContent {
	display: none;
}

.blockElement {
	display: block;
}

#productApplyNow,
#leadFormButtons,
.ui-footerButtonGroup {
	bottom: 0;
    height: 49px;
    position: fixed;
    left: 0;
   	z-index: 9998;
   	width: 100%;
   	right:0;
   	margin:auto;
}
#calculator #productApplyNow {
	bottom: auto;
	top: 255px;
	right: 20px;
	height: auto;
	overflow: hidden;
}
#calculator #productApplyNow .ui-applyOnlineBtt,
#calculator #productApplyNow .ui-callMeBackBtt {
	padding: 4px 0;
	font-size: 16px;
	height: auto;
	background-color: #099;
}

.ui-productApplyInner {
	margin-right: 10px;
	
}

#salesFrame #leadFormButtons {
	display: none;
}
#leadFormButtons,
.ui-footerButtonGroup {
   	z-index: 9999;
}

.menu_active #productApplyNow {
	display: none;
}
#salesFrame #productApplyNow {
	display: none;
}

#productApplyNow .ui-applyOnlineBtt,
#leadFormButtons .ui-applyOnlineBtt {
	cursor: pointer;
    float: right;
    font-size: 22px;
    height: 34px;
    padding: 16px 0 0px;
    text-align: center;
    width: 10%;
    color:#FFF;
    margin-left: 2px;
}


#productApplyNow .ui-applyOnlineBtt:hover,
#leadFormButtons .ui-applyOnlineBtt:hover {
	background-color: #FFCC33;
}

#productApplyNow .ui-callMeBackBtt {
	color: #FFFFFF;
    cursor: pointer;
    float: right;
    font-size: 16px;
    height: 16px;
    margin-left: 0px;
    padding: 17px 0;
    text-align: center;
    width: 10%;
   
}

#productApplyNow .ui-callMeBackBtt:hover {
	background-color: #FFCC33;
   
}

#productApplyNow .ui-phoneNumberBtt {
    float: right;
    font-size: 16px;
    height: 16px;
    margin-right: 2px;
    padding: 17px 0;
    text-align: center;
    width: 174px;
    color: #666666;
}

#productGrid {
	position: relative;
	/*top: 106px;*/
	padding-bottom: 50px;
	margin-top:20px;
}


#productGrid .ui-link{
	text-decoration:underline;
}



.ui-header-and-content-wrapper{
/* 	float: left; */
    width: 62.5%;
    padding-left:20px;
	display:table-cell;
}

.ui-rightcontent-and-footer-wrapper{
	
   background-color: #f7f7f7;
    border-left: 1px solid #000000;
/*     float: right; */
    
    padding-left: 25px;
    padding-top: 20px;
    width: 37.5%;
     padding-right: 25px;
     display:table-cell;
}

#single-phone-right-content{
	float:none;
}

#productSingleRightContent .fullwidth
{
	padding: 0 0 0 40px;
    width: 100%;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

#productSingleRightContent .fullwidth table{
	margin-bottom: 15px;
    margin-left: 0px;
    margin-top: 15px;
    width: 98%;
}

#productSingleRightContent .fullwidth tr{
	 /* border-bottom: 2px solid #DEDEDE; */
}

#productSingleRightContent .fullwidth tr:last-child{
	 border-bottom: none;
}

#productSingleRightContent .fullwidth th{
	background-color: #FFFFFF;
    padding: 8px;
    font-size: 14px;
    border: 1px solid #FFFFFF;
}

#productSingleRightContent .fullwidth td{
    font-size: 14px;
    padding: 8px;
    background-color: #DDDDDD;
    border: 1px solid #FFFFFF;
}























/* ui-productCell */
.ui-productCell {
	font-size: 14px;
	width: 100%;
	border-bottom: 6px solid white;
	border-right: 6px solid white;
	background-color:#e7e7e7;
	/*position:relative;*/
}

.ui-matrixCol.selected .ui-productCell:after {
	/*background-color: #b2e0e0;
    bottom: -6px;
    content: "";
    display: block;
    height: 6px;
    left: 0;
    margin-right: 6px;
    position: absolute;
    right: 0;
    visibility: visible;
    width: auto;*/
}



.ui-matrixCol.selected .teal2{
	background-color:#4eb8b8;	
}



.ui-matrixCol.selected .ui-productCellSubHeading {
	
}

.ui-matrixCol.selected .ui-productCellSubHeading.skipCalculation  {
	background-color:#ffffff;
	
}

.ui-productCell .ui-benefitsBlock {
	width: 100%;
	color: white;
	padding-left: 0px;
	padding-top: 10px;
}

.ui-productCell .ui-benefitsBlock p {
	font-size: 20px;
	padding-top: 10px;
	font-size: 20px;
	float: left;
	padding-left: 0px;
	padding-right: 20px;
}

.ui-productCell.benefitsCell ul {
	clear: both;
}

.ui-productCell .ui-benefitsBlock p span {
	display: block;
	font-size: 14px;
}

.ui-productCell .ui-benefitsIndicator {
	display: block;
	width: 50px;
	height: 50px;
	background-image: url("/03images/chameleon/productGrid/benefitsCircle.png");
	float: left;
	margin-right: 8px;
}

.ui-productCell .ui-benefitsIndicator .ui-benefitsNumber {
	color: white;
	font-size: 24px;
	width: 50px;
	text-align: center;
	display: block;
	padding-top: 13px
}

.ui-benefitsScroller li.ui-benefit a{
	color:inherit;
	
}

.ui-productCell.ui-productHeading {
	font-size: 18px;
	background-color:#e7e7e7;
	border-right:none;
	
}



.ui-productCell.ui-productHeading.vertical {
	/*height: 160px;*/
	font-size: 18px;
}


.ui-productCell.ui-productHeading.vertical.whiteImgBorderRight {
	background-image: url("/03images/chameleon/productGrid/greyBorderVertical.png");
}

.lastInGroup .ui-productCell.ui-productHeading.vertical.whiteImgBorderRight {
	background-image: url("/03images/chameleon/productGrid/whiteBorderVertical.png");
}

.lastInGroup .greyImgBorderRight {
	background-image: url("/03images/chameleon/productGrid/whiteBorderVertical.png");
}

.lastInGroup .ui-tickBoxInner {
	margin-right: 6px
}

.ui-productCell.ui-productHeading.vertical h2 {
	transform:matrix(0, -1, 1, 0, 0, 0);
	-ms-transform:matrix(0, -1, 1, 0, 0, 0); /* IE 9 */
	-moz-transform:matrix(0, -1, 1, 0, 0, 0); /* Firefox */
	-webkit-transform:matrix(0, -1, 1, 0, 0, 0); /* Safari and Chrome */
	-o-transform:matrix(0, -1, 1, 0, 0, 0); /* Opera */
	
	
    bottom: 0;
    font-size: 18px;
    left: 30px;
    position: absolute;
    text-align: left;
    
    -moz-transform-origin: left bottom;
	-webkit-transform-origin: left bottom;
	-o-transform-origin: left bottom;
	-ms-transform-origin: left bottom;
	transform-origin: left bottom;
    
    
    white-space: nowrap;
    width: auto;
    
    background: none repeat scroll 0 0 transparent;
    margin:0px;
   
  
  
    padding: 0 18px;
    
	
}

.ui-productCell.ui-productHeading.vertical h2 a{
	color:inherit;
}

.ui-productCell.ui-tickBox {
	background-color: #e7e7e7;
	position: relative;
	border-right:6px solid #FFF;
}

.ui-productCell.ui-tickBox.hover {
	background-color: #f2f2f2;
	cursor:pointer;
	}

.ui-TickBoxValue{
	text-align:center;
	
}

.ui-matrixCol.selected .ui-productCell.ui-tickBox {
	 background-color: #9BC9C7;
}

.ui-productCell.ui-tickBox .ui-tickBoxInner {
	/*border-bottom: 6px solid #e7e7e7;*/
	height: 20px;
	padding-bottom: 22px;
	padding-top: 22px;
}



.ui-productCell.ui-tickBox:after{
	background-color: #bbb;
    content: "";
    display: block;
    height: 1px;
    margin: 0 10px;
    visibility: visible;
	
}

.ui-productCell.ui-tickBox.lastboxingroup:after{
	display:none;
}

.ui-productCell.ui-tickBox.last_row_element:after{
	
    display: none;

	
}

.ui-productCell.ui-tickBox.last_row_element{
	border-bottom: 6px solid #FFFFFF;
	}


.ui-productCell.last_row_element.ui-tickBox .ui-tickBoxInner {
	/* border-bottom: 6px solid #FFF; */
}

.ui-matrixCol.selected .ui-productCell.ui-tickBox:after {
	/*background-color: #b2e0e0;
    bottom: 0px;
    content: "";
    display: block;
    height: 6px;
    left: 0;
    margin-right: 6px;
    position: absolute;
    right: 0;
    visibility: visible;
    width: auto;*/
    
    background-color: #999;
    content: "";
    display: block;
    height: 1px;
    margin: 0 10px;
    visibility: visible;
    
    
}

.ui-matrixCol.selected .ui-productCell.ui-tickBox.last_row_element:after{
	display:none;
}

.last .ui-productCell.ui-tickBox .ui-tickBoxInner {
	margin-right: 6px
}

.ui-productCell.ui-tickBox {
	border-bottom: none;
}

.ui-matrixCol.selected .ui-productCell.ui-tickBox {
	border-bottom: none;
}

.ui-matrixCol.selected .ui-productCell.ui-tickBox.last_row_element {
	border-bottom:solid 6px #FFF;
}


.ui-productCell.ui-tickBox.lastTick .ui-tickBoxInner {
	border-bottom: none;
}

.ui-productCell.ui-tickBox .selector {
	background-image: url("/03images/chameleon/productGrid/checkDot.png");
	background-position: center center;
	background-repeat: no-repeat;
	height: 20px
}

.ui-productCell.ui-tickBox.off .selector {
	background-image: none
}

.ui-productCell.ui-productHeading .cellInner {
	padding-top: 16px;
	padding-bottom: 15px;
	border-top:6px solid #FFF;
	border-bottom:6px solid #FFF;
	border-right:6px solid #FFF;
	
}

.ui-matrixCol.lastInGroup .ui-productHeading {
	border-right:none;
}

.ui-matrixCol.last .ui-productHeading .cellInner {
	border-right:6px solid #FFF;
	border-top-right-radius:20px;
}



.ui-productCell.ui-productHeading.teal1 .cellInner {
	background: #e7e7e7;
	border-bottom: 6px solid #009999;
}

.ui-productCell.ui-productHeading.teal2 .cellInner {
	background: #e7e7e7;
	/* border-bottom: 6px solid #14a1a1; */
}

.ui-productCell.ui-productHeading.teal3 .cellInner {
	background: #e7e7e7;
	/*border-bottom: 6px solid #26a8a8; */
}

.ui-productCell.ui-productHeading.teal4 .cellInner {
	background: #e7e7e7;
	/* border-bottom: 6px solid #4db8b8; */
}

.ui-productCell.ui-productHeading.teal5 .cellInner {
	background: #e7e7e7;
	/* border-bottom: 6px solid #14a1a1; */
}

.ui-productCell.ui-productHeading.teal6 .cellInner {
	background: #e7e7e7;
	/* border-bottom: 6px solid #61c0c0; */
}

.ui-productCell.ui-productHeading.teal7 .cellInner {
	background: #e7e7e7;
	/* border-bottom: 6px solid #73c7c7; */
}

.ui-productCell.ui-productHeading.teal8 .cellInner {
	background: #e7e7e7;
	/* border-bottom: 6px solid #87cfcf; */
}

.ui-productCell.ui-productHeading.teal9 .cellInner {
	background: #e7e7e7;
	/* border-bottom: 6px solid #99d6d6; */
}

.ui-productCell.ui-productHeading.vertical .cellInner {
	
	
}

.ui-productCell.ui-productHeading .cellInner:hover {
	/*background-color:#73c7c7;*/
	cursor:pointer;
}

.ui-matrixCol.selected .ui-productCell.ui-productHeading .cellInner {
	background: #a4d2d2;
	/* border-bottom: 6px solid #4cb8b8; */
}

.ui-matrixCol.selected .ui-productCell.ui-productHeading .cellInner:hover {
	background-color:#00a7a7;
}

.ui-productSaveCell , .ui-product-infocell {
	color:#FFF;
}


/* UNSELECTED */

.ui-matrixCol.unselected .benefitsCell li{
	color:#5a5a5a;
}

.ui-matrixCol.unselected .ui-productSaveCell , .ui-matrixCol.unselected .ui-product-infocell {
	color:#5a5a5a;
}

.ui-matrixCol.unselected .ui-productCell .ui-benefitsIndicator{
	background-image: url("/03images/chameleon/productGrid/benefitsCirclegrey.png");
}

.ui-matrixCol.unselected .ui-productCell .ui-benefitsIndicator .ui-benefitsNumber{
	color:#5a5a5a;
}

.ui-matrixCol.unselected .ui-productCell .ui-benefitsBlock p{
	color:#5a5a5a;
}


.ui-matrixCol.unselected .ui-productCell.ui-productHeading .cellInner{
	background-color:#e7e7e7;
	/*border-bottom: 6px solid #da0000; */
}

.ui-matrixCol.unselected .ui-productSaveCell{
	background-color:#e7e7e7;
}

.ui-matrixCol.unselected .benefitsCell{
	background-color:#e7e7e7;
}

.ui-matrixCol.unselected .ui-product-infocell{
	background-color:#e7e7e7;
}

.ui-matrixCol.unselected .ui-productCell:after {
	background-color: #e7e7e7;
    bottom: -6px;
    content: "";
    display: block;
    height: 6px;
    left: 0;
    margin-right: 6px;
    position: absolute;
    right: 0;
    visibility: visible;
    width: auto;
}

.ui-matrixCol.unselected .ui-productCell.ui-productHeading .cellInner:hover {
	background: #BBB;
	
}




.ui-fixLeftMargin {
	margin-left: 6px;
}
.ui-fixRightMargin {
	margin-right: 6px;
}

.ui-fixLeftBorderMargin {
	margin-left: -6px;
}

.ui-fixRightBorderMargin {
	margin-right: -6px;
}

.whiteImgBorderRight {
	background-image: url("/03images/chameleon/productGrid/whiteBorderVertical.png");
	background-position: top right;
	background-repeat: repeat-y;
}

.whiteBorderLeft {
	border-left: 6px solid white;
}

.whiteBorderRight {
	border-right: 6px solid white;
}

.whiteImgBorderLeft {
	background-image: url("/03images/chameleon/productGrid/whiteBorderVertical.png");
	background-position: top left;
	background-repeat: repeat-y;
}

.turqImgBorderLeft {
	background-image: url("/03images/chameleon/productGrid/turqBorderVertical.png");
	background-position: top left;
	background-repeat: repeat-y;
}

.last .ui-tickBox.greyImgBorderRight {
	background-image: url("/03images/chameleon/productGrid/whiteBorderVertical.png");
}

.greyImgBorderRight {
	background-image: url("/03images/chameleon/productGrid/greyBorderVertical.png");
	background-position: top right;
	background-repeat: repeat-y;
}

.productImage {
	text-align: center;
}

.productImage img.cardImg {
	clear: both;
}

.cellInner {
	position:relative;	
	padding:10px 4px;	
}

.ui-productBenefitsGrid{
	
	
}

.ui-productBenefitsGrid .ui-productBenefitHeading{	
	background-color: #FFCC33;
    color: #FFFFFF;
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 15px;
    padding: 10px;
    border:6px solid #FFCC33;
}

.ui-productBenefitsGrid .ui-productBenefitHeading:hover{
	border:6px solid #FFF;
    border-left:none;
	
}

.ui-productBenefitsGrid .ui-productBenefitNum{
	
	font-family: FNBSansLight;
    font-size: 70px;
    letter-spacing: -6px;
    
}

.ui-productBenefitsGrid .ui-productBenefitIncl{
	color: #0C494E;
    margin-left: 12px;
    margin-top: 10px;
    font-size:14px;
    font-family: FNBSansRegular;
}

.ui-productCell .ui-productBenefitsGrid ul {
	margin-left: 12px;
    margin-top: 6px;
    padding: 0;
}

.ui-productBenefitsGrid ul .ui-benefit{
	color: #457170;
    font-size: 14px;
     margin-bottom: 10px;
     
}

.ui-productBenefitsGrid ul .ui-benefit a{
	color:inherit;
}
.ui-productBenefitsCell{
	padding: 10px 0;	
}

.ui-content .ui-gridCol h2{
	font-size: 22px;
    margin-bottom: 13px;
}

.ui-content .ui-gridCol p{
	margin-bottom:10px;
}

.ui-content .ui-listItem{
	margin-bottom:10px;
	background: url("/03images/chameleon/productGrid/bullet_dark.png") no-repeat scroll 0 5px transparent;
    font-size: 15px;
    padding-left: 12px;
}

.ui-product-list-info .ui-listItem{
	margin-bottom: 10px;
	color:#666;
}

.ui-productCell h2 {
	/*padding-left: 8px;
	padding-right: 15px;
	font-size: 24px;
	background: url("/03images/chameleon/productGrid/teal_arrow_select_big.png") no-repeat scroll right 4px;
	margin-right: 6px;*/
	
	background-color: #FF9900;
    color: #FFFFFF;
    font-size: 24px;
    margin-left: -4px;
    margin-right: 15px;
    padding: 18px;
    border:6px solid #FF9900;
    border-left:none;
}

.ui-productCell h2:hover{
	
	border:6px solid #FFF;
	 border-left:none;
}

.ui-productCell h3 {
	padding-left: 8px;
	padding-right: 8px;
	font-size: 18px;
}

.ui-productCell h4 {
	  color: #666666;
    font-family: fnbsansthin;
    font-size: 24px;
    padding-left: 14px;
    padding-right: 8px;
    padding-top: 6px;
}

.ui-productCell p,.ui-productCell ul {
	padding: 7px 15px;
	color:#666;
}

.ui-product-singleheading{
	padding: 16px 14px;	
}

.ui-productSaveCell{
	color:#FFF;
}


.ui-productSaveCell p{
	font-size: 16px;
    padding: 4px 4px 10px 15px;
    text-align: left;
    color:#666;
}

.ui-productTextCell p{
	font-size: 16px;
    padding: 4px 12px;
   
}

.productBubble {
	height: 90px;
	position: absolute;
	top: -102px;
	left:0px;
	width:100%;
	
}

.productBubble h4 {
	padding:8px 8px 0px 8px;
	font-size: 14px;
	font-family: FNBSansLight;
}

.bubbleInner {
	
}

.productBubble p {
	font-family: FNBSansRegular;
    font-size: 14px;
    font-weight: normal;
    padding: 8px;
}

.productBubble img {
	position: absolute;
	bottom: -21px;
	left: 17px;
}



.benefitsCell li {
	font-size: 14px;
    padding-bottom: 12px;
    padding-left: 2px;
    color:#FFF;
}

.benefitsCell .ui-benefitsScroller{display:block;float:none;}

.fullWidth h4 {
	
	padding-top: 2px;
	display:none;
}

.fullWidth .cellContent {
	font-size: 18px;
}

.fullWidth .cellContent {
	display: none;
}

.ui-productCellSubHeading{
	height:60px;
	background-color:#FFF;
	/*margin-bottom:10px;*/
}

.ui-productCellSubHeading .cellInner{
	
	
}

.ui-productheader-vertical{
	background-color: #FF9900;
    height: 30px;
    margin-left: -4px;
    margin-right: 15px;
    position:relative;
    border:6px solid #FF9900;
	 border-left:none;
	
}

.ui-productheader-vertical:hover{
	border:6px solid #FFF;
	 border-left:none;
}

.ui-productheader-vertical h2{
	border:none;
}

.ui-productheader-vertical h2:hover{
	border:none;
}

#matrix .first .fullWidth {
	
}

#matrix  .fullWidth .cellInner {
	/*display:none;*/
}

#matrix .first .fullWidth h4 {
	display:block;
}

#matrix .first .fullWidth .cellInner {
	position: absolute;
	left: 0;
	display: block;
	/*width: 98%;*/
}

#matrix .first .fullWidth .cellContent {
	position: absolute;
	left: 0;
	display: block;
	width: 100%;
}

.fullInner {
	padding-left: 6px;
}

.matrixBorders {
	border-left: 6px solid white;
	/*border-top: 6px solid white;*/
	position: relative;
}

.ui-productWizard {
	padding-bottom: 10px;
	padding-top: 8px;
	position: relative;
	cursor: pointer;
	background: url("/03images/chameleon/productGrid/orange_arrow_select_big.png") no-repeat scroll right center;
	margin-right: 20px;
	margin-left: 20px;
	margin-top: 15%;
}

.ui-productWizard p {
	
    font-size: 20px;
    padding-left: 11px;
  
   
    padding-right: 10%;
    width: 80%;
}

.ui-productGridSolution{
	
	
}

.ui-productGridSolutionSubHeader{
	color: #666666;
    font-size: 18px;
    margin-left: 20px;
    font-family:"FNBSansBold";
}

.ui-productGridSolutionBox{
	background-color: #FFFFFF;
    margin-top: 20px;
    padding: 10px 0px;
    position:relative;
}

.ui-productGridSolutionBoxTail{
	 background: url("/03images/chameleon/productGrid/bubbleArrow2.png") no-repeat scroll 0 0 transparent;
    height: 21px;
    left: 60px;
    position: absolute;
    top: -21px;
    width: 21px;	
}

.ui-productGridSolutionBoxHeading{
	background-color: #73C7C7;
    color: #ffffff;
    font-family: FNBSansLight;
    font-size: 18px;
    margin-right: 0%;
    padding: 10px;
}

.ui-productGridSolutionBoxUL{
	 margin: 20px 10px 0;
}

.ui-productGridSolutionBoxUL .ui-submenu-link{
		color: #666666;
}

.ui-productGridSolutionBoxUL .ui-submenu-link .ui-listItem{
	background: url("/03images/chameleon/productGrid/listcircle.png") no-repeat scroll 0 0 transparent;
    float: left;
    margin-bottom: 15px;
    padding: 5px 26px;
    padding-left: ;
    width: 50%;
    -moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;	
}

.ui-productGridSolutionBoxUL .ui-submenu-link .ui-listItem:hover{
	color: #999;
}

.ui-productLabelItem {
	display: none;
}

.first .ui-productLabelItem {
	/* background: #fff; */
	padding-top: 10px;
	padding-bottom: 10px;
	position: absolute;
	left: -50px;
	top: 0px;
	display: block;
	cursor:pointer;
	color:#666;
}

.first .ui-productLabelItem:after{
	background-color: #BBBBBB;
    bottom: 0px;   
    content: "";
    display: block;
    height: 1px;   
    left: 0;   
    position: absolute;
    visibility: visible;
    width: 93%;
    margin: 0 10px;
}

.first .ui-productLabelItem.clickable:hover{
	background: #f2f2f2;
	color:inherit;
	cursor:pointer;
}

.first .hover .ui-productLabelItem.clickable{
	background: #f2f2f2;
	color:inherit;
	
}

.ui-productLabelItem p {
	color: inherit;
    display: table-cell;
    font-size: 15px;
    height: inherit;
    padding-top: 0;
    text-align: right;
    vertical-align: middle;
    width: inherit;
}

.ui-productBannerCol{
	background-color: #FFFFFF;
    border-top-left-radius: 20px;
    margin-left: 15px;
    padding: 0px;
}

.customMenuGrid {
	text-align: center;
}

.customMenuGrid .customMenuBorder {
	border-left: 6px solid white;
	border-right: 6px solid white;
	border-bottom: 6px solid white;
	padding-bottom: 30px;
}

.customMenuGrid .customMenuPad {
	padding: 30px;
	padding-top: 0px;
}

.customMenuGrid .customMenuPad a {
	color:inherit;
}

.customMenuGrid .ui-gridCol {
	text-align: left
}

.customMenu {
	width: 60%;
	margin: 0 auto;
	text-align: left;
}

#matrix .ui-gridCol {
	
}

.customMenu ul {
	padding-top: 20px;
	padding-left: 8px;
	padding-right: 8px
}

.customMenu li {
	padding: 13px 0 6px 34px;
	background: url("/03images/chameleon/productGrid/smallDisc.png") no-repeat left center;
}

.lt-ie8 .customMenu li {
	background: url("/03images/chameleon/productGrid/smallDisc.png") no-repeat left top;
}

.customMenu .linkList div {
	display: block;
	position: relative;
	top: -3px
}


/*PRODUCT GRID END*/ /*HELPER CLASSES*/
.floatRight {
	float: right;
}

.floatLeft {
	float: left;
}

/*HELPER CLASSES END*/ /*EZI SLIDER*/
.eziWrapper {
	background: #099;
	position: absolute;
	z-index: 6;
	right: 0;
	top: 135px;
	bottom: 70px;
}
/*EZI SLIDER*/ /*MORE OPTIONS ACTION MENU BUTTON*/
.moreOptionsActionMenuTextSwap {
	background: url("/03images/chameleon/actionmenu/more-options-text.png") transparent;
	height: 114px;
	width: 21px;
	margin: 7px 7px 15px 8px;
}

/*MORE OPTIONS ACTION MENU BUTTON*/ 

/*TEST BUTTON END*/
.clearBoth {
	clear: both;
}

.ui-bttn {
	padding: 10px;
}
/*BUTTONS*/ /*You can add css if you need a different icon for your button. Keep to the naming convention*/
.ui-button {
	margin: 0 0 10px 0;
	cursor: pointer;
}

.ui-button .bigCircLeft {
	background: url("/03images/chameleon/buttons/icon-circ.png") no-repeat;
	height: 47px;
	padding: 24px 0 0 71px;
}
.ui-button .bigCircLeft:hover {
	background: url("/03images/chameleon/buttons/icon-circ-hover.png") no-repeat scroll 10px 10px transparent;
}

.ui-button .bigPlusLeft {
	background: url("/03images/chameleon/buttons/icon-circ-plus.png") no-repeat;
	height: 47px;
	padding: 14px 0 0 57px;
}
.ui-button .bigPlusLeft:hover {
	background: url("/03images/chameleon/buttons/icon-circ-plus-hover.png") no-repeat;
}

.ui-button .bigMinusLeft {
	background: url("/03images/chameleon/buttons/icon-circ-minus.png") no-repeat;
	height: 47px;
	padding: 14px 0 0 57px;
}
.ui-button .bigMinusLeft:hover {
	background: url("/03images/chameleon/buttons/icon-circ-minus-hover.png") no-repeat;
}

.ui-button .smallMinusRight {
	background: url("/03images/chameleon/buttons/icon-circ-small-minus.png") no-repeat right;
	height: 21px;
	padding: 0 31px 0 0;
}
.ui-button .smallMinusRight:hover {
	background: url("/03images/chameleon/buttons/icon-circ-small-minus-hover.png") no-repeat right;
}

.ui-button.blueButton {
	background: none repeat scroll 0 0 #70d4d4;
	color: white;
	cursor: pointer;
	height: 37px;
	margin: 2px 2px 0 0;
	top: -39px;
	white-space: nowrap;
	width: 20%;
	text-align: center;
	font-size: 18px;
	line-height: 35px;
}
.ui-button.blueButton p  {

}
.ui-button.blueButton:hover {
	background: none repeat scroll 0 0 #099;
}

/*END BUTTONS*/

/******Sales*******/
#salesPage .phoneviewMainHeading {
	display: none;
}

#salesPage .productOptionsHolder {
	text-align: right;
	color: #666666;
}
#salesPage .productOptionsHolder h1{
	font-size: 24px;
	color: #000;
	padding: 20px 20px 10px 10px;
}
#salesPage .productOptionsHolder li:first-child{
	padding: 10px 20px 10px 10px;
	margin: 10px 0 0 0;
}
#salesPage .productOptionsHolder li{
	padding: 10px 20px 10px 10px;
	cursor: pointer;
}
#salesPage .productOptionsHolder li.selected{
	background: #FFFFFF;
	display: inline-block;
	zoom: 1;
	*display: inline;
}

#salesPage .productAccountsHolder {
	padding: 0 20px;
	color: #FFF;
	overflow: hidden;
}

#salesPage .productSelectionContainer {
	
}

#salesPage .switchToFnb {
	width: 170px;
	height: 245px;
	padding: 20px;
	font-size: 30px;
	float: left;
}
#salesPage .switchToFnb .span1 {
	font-family: FNBSansRegular;
	font-size: 65px;
}
#salesPage .switchToFnb .span2 {
	font-size: 40px;
}
#salesPage .switchToFnb .span3 {
	font-size: 25px;
	position: relative;
	top: -14px;
}

#salesPage .products {
	margin: 20px 0 0;
}

#salesPage .displacementBox {
	background: #E7E7E7;
	height: 60px;
	width: 100%;
}

#salesPage .iWantContainer {
	
}
#salesPage .iWantContainer .products{
	
}

#salesPage .productsBasket {
	
}
#salesPage .iWant {
	background: url("../03images/sales/iWantArrow.png") no-repeat 50% top scroll #FFFFFF;
	bottom: 0;
	padding: 50px 0;
	position: absolute;
	text-align: center;
	width: 100%;
	font-size: 24px;
}

#salesPage h2{
	margin: 20px 0;
	font-size: 24px;
}

#salesPage .productsBasket {
}

#salesPage .productsBasket .ui-buttonIcon img {
	float: right;
}
	#salesPage .productsBasket .ui-button span.ui-buttonAnchor {
		margin: 0 10px 0 0;
	}
	#salesPage .productsBasket .ui-button span.ui-buttonAnchor:hover .ui-buttonIcon {
		background:url("../03images/chameleon/buttons/icon-hover-small.png") no-repeat right;
	}
	#salesPage .productsBasket .ui-button{
		margin: 10px 0;
	}
	
	#salesPage .productsBasket .ui-buttonLabel {
		margin: 3px 10px 0 10px;
	}	
	
#productAccountsHolder .packagesFloat {
	float: left;
	width: 100%;
}

#productAccountsHolder .swithToFNB {

}

#salesPage #productTopNav {
	color: #FFFFFF;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 150;
    
}
	#salesPage #productTopNav .ui-topNavButtonsOne{
		margin: 0 5px 0 0;
		float: left;
    	padding: 10px;
    	width: 108px;
    	background: #FF9900;
	}
	#salesPage #productTopNav .ui-topNavButtonsTwo{
		width: 170px;
		padding: 10px 0 10px 10px;
		float: left;
		background: #FF9900;
	}
	#salesPage #productBasketCount.ui-topNavButtonsThree{
		background: url("../03images/sales/headerCounter.png") no-repeat scroll 0 -1px #FF9900;
	    float: left;
	    font-size: 30px;
	    height: 36px;
	    padding: 3px 0 20px 5px;
	    text-align: center;
	    width: 50px;
	}

#productAccountsHolder .packages {
	
}

#salesPage #productTopNav {
	color: #FFFFFF;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 150;
    
}
	#salesPage #productTopNav .ui-topNavButtonsOne{
		margin: 0 5px 0 0;
		float: left;
    	padding: 10px;
    	width: 108px;
    	background: #FF9900;
	}
	#salesPage #productTopNav .ui-topNavButtonsTwo{
		width: 170px;
		padding: 10px 0 10px 10px;
		float: left;
		background: #FF9900;
	}
	#salesPage #productBasketCount.ui-topNavButtonsThree{
		background: url("../03images/sales/headerCounter.png") no-repeat scroll 0 -1px #FF9900;
	    float: left;
	    font-size: 30px;
	    height: 36px;
	    padding: 3px 0 20px 5px;
	    text-align: center;
	    width: 50px;
	}

/*****End Sales*****/

/*****Check Boxes******/
.checkbox-wrapper {}
.checkbox-label {padding:8px 0 0 10px;}
.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("/03images/chameleon/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:#EEE;}

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

/* 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{}

/* Checkbox in eZiPanels */
#eziWrapper .checkbox-wrapper .formElementContainer,
#eziWrapper .checkbox-wrapper .formElementLabel{width:auto;}

/* Checkbox in TC Notes */
.note-tc .checkbox-wrapper{}
.note-tc .checkbox-wrapper .formElementContainer{}
.note-tc .checkbox-wrapper .formElementLabel{font-size:1em;font-family:FNBSansLight,Arial,sans-serif;}
.note-tc .tcText{float:left;padding:10px 0 0 5px;}
/*****Check Boxes End******/

/********Radio Buttons**********/

.switcherAdjust{border-top:6px solid white;border-right:6px solid white;}
.switcherAdjust .radioButton{padding: 5px 12px;}
.switcherAdjust .formElementLabel{color:#fff;padding-top:13px}
.switcherAdjust.formElementWrapper{padding-bottom:0px;padding-top:0px;}

.switcherAdjust.formElementWrapper.searchField{border:none;}

.td .switcherAdjust{border-left:6px solid white;}
.td .switcherAdjust .grid10 {width:20%}
.td .switcherAdjust .grid90 {width:80%}
.td .switcherAdjust .grid90 .radioButtonsGroup{width:100%;}
.td .switcherAdjust .grid90.formElementContainer{padding-right:4px;}
.td	.switcherAdjust .radioButton{padding: 5px 12px;}
.formTable .radioButtonContainer .radioButton{padding: 0px 12px;}
.radio-focus {
	background: #FFF!important;;
}
.radioGroupValue{width:1px;height:1px;border:none;position:absolute;background: none;}
.radioButtonContainer{float:left;}
.radioButtonsGroup {
	background: #73C7C7;
	position: relative;
	float: left;
	padding: 4px;
	margin: 0 10px;
}

.radioExtraWideFix .left{padding-left:20px;padding-top:10px;}
.radioExtraWideFix .padLeft10Fix{padding-left:10px};

.tableCell .radioButtonsGroup {
	margin-left: 4px;
}

.radioButton {
	cursor: pointer;
	float: left;
	padding: 0 12px;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
/* 	font-size:1.4em; */
	line-height:1.45em
}

.switcherWrapper {
	background: #8dcdcd;
	float: left;
	margin: 1px;
}

.switcherWrapperSelected {
	background: #ADDBDB;
	float: left;
}
.switcherWrapper.disabled{background:#888;}
.switcherWrapper.disabled .radioButton{cursor:default;}
/********Radio Buttons End**********/

/********Text Area**********/
textarea {
    color: #444;
    width: 100%;
    border: 2px solid #BFE5E5;
    resize: none;
    line-height: 15px;
	-webkit-appearance:none;
    border-radius: 0;
    padding-left: 0;
    padding-right: 0;
}

.charCount {
	float: right;
}
/********Text Area End**********/

/********Dropdown**********/
.mobiDropdownInnerLabelWrapper {display:none;}
.dropdown-wrapper { /*background: #FFF;*/
	
}

.dropdown-wrapper .grid100 {
	*width: 98%;
	width: 100%;
}

.dropdown-label {
	*width: 38%;
}

.dropdown-label-inner {
	padding-right: 10px;
}

.dropdown-hidden-input {
	display:none;
}

.dropdown-single-wrapper .dropdown-label-inner {
	padding: 17px 0 0 20px;
}

.dropdown-two-wrapper .dropdown-label-inner {
	padding-top: 23px;
}

.dropdown-three-wrapper .dropdown-label-inner {
	padding: 17px 0 0 20px;
}

.dropdown-wrapper.margin50,.dropdown-wrapper.gridElementSpacing {
	margin: 0;
}

.dropdown-wrapper.margin50 .dropdown-label-inner,.dropdown-wrapper.gridElementSpacing .dropdown-label-inner
	{
	padding-left: 20px;
}

.dropdown-initiator {
	margin: 0px 0px 0px 10px;
	cursor: pointer;
	position: relative;
}

.dropdown-trigger {
	background: url("/03images/chameleon/dropdown/right-arrow.png")
		no-repeat center center #F90;
	width: 20px;
	height: 25px;
	left: -10px;
	top: 5px;
	position: absolute;
	cursor: pointer;
}

.dropdown-trigger-selected {
	background: url("/03images/chameleon/dropdown/down-arrow.png") no-repeat
		center center #F90;
}

.dropdown-single-wrapper .dropdown-trigger {
	margin: 5px;
}

.dropdown-two-wrapper .dropdown-trigger {
	margin-top: 12px;
}

.dropdown-three-wrapper .dropdown-trigger {
	margin-top: 8px;
}

.dropdown-single-wrapper .dropdown-selection,.dropdown-two-wrapper .dropdown-selection,.dropdown-three-wrapper .dropdown-selection
	{
	background: #73C7C7;
	margin: 0 10px 0 0;
	color: #000;
	height: auto;
	padding: 11px 0px 10px 20px;
}

.dropdown-selection-white {
	margin: 0 5px 0 0;
	color: #000;
	min-height: 14px;
	padding: 9px 0px 8px 20px;
	border: 2px solid #ADDBDB;
	background-color: #FFF;
	overflow: hidden;
	
}

.dropdown-wrapper-expanded .dropdown-selection-white {
	color: #000;
	height: auto;
}

.dropdown-three-wrapper .dropdown-selection-white {
	min-height: 56px;
	padding: 5px 0px 5px 20px;
}

.dropdown-content-wrapper {
	position: absolute;
	padding: 4px;
	border: 2px solid #d7efef;
	background-color: #FFF;
	display: none;
	z-index: 148;
	margin: 2px 0 0 10px;
}

.dropdown-content-footer-wrapper {
	margin: 0;
}

.dropdown-content {
	list-style: none;
	z-index: 50;
	overflow-x: hidden;
	overflow-y: auto;
}

.dropdown-content-top {
	background: #c8eceb;
	width: 100%;
	*width: 99%;
	margin: 0 0 4px 0;
}

.dropdown-content-top-indicator {
	height: 10px
}

.dropdown-content-top-indicator-inner {
	background: #73C7C7;
	height: 12px;
	margin: -5px 10px 0 15px;
	*display: none;
}

.dropdown-item,.dropdown-item-first {
	background: url("/03images/chameleon/dropdown/drop-circle-small.png")
		no-repeat 5px center #c8eceb;
	color: #000;
	*width: 98%;
	height: auto;
	padding: 5px 0 5px 5px;
	cursor: pointer;
	margin: 0 0 1px 0;
	min-height: 30px;
	list-style: none;
}

.dropdown-three-wrapper .dropdown-content .dropdown-item {
	margin: 0 0 5px 0;
}

.dropdown-item.selected-item {
	background: url("/03images/chameleon/dropdown/drop-circle-small.png")
		no-repeat 5px center #d7efef;
}

.dropdown-item:hover {
	background: url("/03images/chameleon/dropdown/drop-circle-small.png")
		no-repeat 5px center #d7efef;
}

.dropdown-item-row {
	width: 100%;
	*width: 60%;
}

.dropdown-single-wrapper .dropdown-content .dropdown-item-row {
	line-height: 14px;
	margin: 8px 0 8px 0;
}

.dropdown-item-cell-left,.dropdown-item-cell-right {
	float: left;
	width: 30%;
	*width: 50%;
	line-height: 14px;
}

.dropdown-selection .dropdown-item-cell-right,.dropdown-selection .dropdown-item-cell-left
	{
	float: left;
	width: 50%;
	*width: 49%;
	line-height: 16px;
}

.dropdown-single-wrapper .dropdown-item-icon {
	height: 29px;
	width: 30px;
	float: left;
}

.dropdown-two-wrapper .dropdown-item-icon {
	background: url("/03images/chameleon/dropdown/drop-circle-small.png")
		no-repeat 90% center;
	height: 29px;
	width: 30px;
	float: left;
}

.dropdown-three-wrapper .dropdown-item-icon {
	background: url("/03images/chameleon/dropdown/drop-circle-large.png")
		no-repeat 90% center;
	height: 62px;
	float: left;
}

.dropdown-selection .dropdown-item-icon,.dropdown-selection-white .dropdown-item-icon
	{
	width: 0;
	height: 0;
	float: left;
}

.dropdown-content-wrapper .dropdown-h4 {
	line-height: 14px;
	margin: 8px 0 8px 0;
}

.dropdown-three-wrapper .dropdown-content .dropdown-item-row {
	line-height: 14px;
	margin: 8px 0 8px 0;
}

.dropdown-h1 {
	font-family: FNBSansRegular;
	font-size: 14px;
}

.dropdown-h2 {
	font-family: FNBSansLight;
	font-size: 14px;
}

.dropdown-h3 {
	font-size: 11px;
	font-family: FNBSansLight;
}

.dropdown-h4,.dropdown-h5 {
	font-size: 14px;
	font-family: FNBSansRegular;
}

.dropdown-item-icon-wrapper {
	
}

.dropdown-item-row-wrapper {
	margin: 0 0 0 40px;
}

.dropdown-selection-white .dropdown-item-row-wrapper {
	margin: 0;
}

.dropdown-selection-white .dropdown-item-row-h1 {
	margin: 0;
}

.dropdown-selection-white .dropdown-item-row-h2 {
	margin: 0;
}

.dropdown-item-row-h1 {
	margin: 0 0 0 40px;
}

.dropdown-item-row-h2 {
	margin: 0 0 0 40px;
}

.ammountsHolder .dropdown-item-row {
	width: 50%;
	float: left;
}

.ammountsHolder .dropdown-h3 {
	width: 100%;
}

.ammountsHolder .dropdown-h4 {
	width: 100%;
}

.dropdown-wrapper.disabled .dropdown-selection-white {
	background: #f6f6f6;
	border-color: #eee;
}

.dropdown-wrapper.disabled .dropdown-trigger {
	background: #ddd;
}

.dropdown-wrapper.disabled .dropdown-h4 {
	color: #999;
}
/********Dropdown End**********/
/********Dropdown Input**********/
.dropdown-input-wrapper {
	position: relative;
}

.dropdown-content-top .marginLeft10 {
	margin-left: 10%;
}

.dropdown-content-top .marginLeft20 {
	margin-left: 20%;
}

.dropdown-content-top .marginLeft30 {
	margin-left: 30%;
}

.dropdown-content-top .marginLeft40 {
	margin-left: 40%;
}

.dropdown-content-top .marginLeft50 {
	margin-left: 50%;
}

.dropdown-content-top .marginLeft60 {
	margin-left: 60%;
}

.dropdown-content-top .marginLeft70 {
	margin-left: 70%;
}

.dropdown-content-top .marginLeft80 {
	margin-left: 80%;
}

.dropdown-content-top .marginLeft90 {
	margin-left: 90%;
}

.dropdown-input-container {
	padding: 2px 2px 2px 2px;
}

.dropdown-input {
	background-color: #FFF;
	border: 0 none;
	height: 34px;
	width: 100%;
	text-indent: 10px;
	line-height: 34px;
	padding: 0;
}

.dropdown-input-icon-search {
	background: url("/03images/chameleon/dropdown/search-icon.png") no-repeat 0 0;
	width: 34px;
	height: 34px;
	position: absolute;
	right: 2px;
	top: 2px;
}

.dropdown-scroller {
	overflow-y: auto;
	overflow-x: hidden;
}

.dropdown-static {
	position: static;
	width: 100%;
}
/********Dropdown Input End**********/

/********Dropdown Footer Input Start**********/

/********Dropdown Footer Input End**********/
 /********Dropdown Disabled Start**********/ 
#formFooterButtons .dropdown-disabled .dropdown-selection,
.dropdown-disabled .dropdown-selection-white
	{
	background-color: #C7C7C7;
	border-color: #C7C7C7;
}

.dropdown-disabled .dropdown-trigger {
	background-color: #888;
}

.dropdown-disabled .dropdown-trigger,.dropdown-disabled .dropdown-initiator
	{
	cursor: default;
}
/******** Dropdown  End**********/


/************ TOOL TIP ***************/
.radioButtonContainer .tooltipParent{float:left;margin-left:10px;}
.tooltipParent{position:relative;background:#C1E7E5;width:30px;height:30px;}
.input-wrapper .input-container-inner .tooltipParent{position:absolute;right:0px;}

.tooltip {
	display: none;
	position: absolute;
	border: 3px solid white;
	padding: 5px 5px 8px 8px;
	background: #addbdb;
	width: 200px;
	cursor: pointer;
}

.tooltip.leftScreen{bottom: 40px;left: -4px;}
.tooltip.rightScreen{bottom: 40px;right: -4px;z-index: 149;}

.input-wrapper .input-container-inner.toolTipSpacer{padding-right:38px;position:relative;}
.tooltip .tooltip-pointer {
	position: absolute;
	bottom: -17px;
	width: 15px;
	height: 17px;
}

.tooltip.leftScreen .tooltip-pointer {
	left: 14px;
	background: url("/03images/chameleon/tooltip/pointer_left.png") left top	no-repeat;
}

.tooltip.rightScreen .tooltip-pointer {
	right: 19px;
	background: url("/03images/chameleon/tooltip/pointer.png") left top	no-repeat;
}

.tooltipButton {
	background: url("/03images/chameleon/tooltip/questionMark.png") 1px center no-repeat;
	width: 30px;
	height: 30px;
	cursor: pointer;
}
.tooltipButtonCross {
	background: url("/03images/chameleon/tooltip/crossMark.png") center center no-repeat;
}

.tooltip-close {
	background: url("/03images/chameleon/tooltip/close-icon.png") center center no-repeat;
	width: 25px;
	height: 26px;
	float: left;
	cursor: pointer;
}

.tooltip-text {
	float: left;
	max-width: 200px;
	padding: 5px;
	text-align:left;
	line-height:18px;
	font-size:1.4em;
}

.multiTableCellTooltip{
	top: 11px;
	position: absolute;
}
/************ end of tool tip ******************/


/********Input**********/
.input-wrapper{
	background: #fff;
	*width:49%;
}
.td.input-label{
	vertical-align: middle;
	padding-left: 10px;
}
.input-label{
	*width:38%;
}
.input-container{
	width: 60%;
	position: relative;
}
.input-phonenumber .input-container-inner {
	width: 60%;
	float:left;
	padding: 0 3%;
}
.input-phonenumber .input-container-inner.dialingcode {
	width: 30%;
	float:left;
	padding: 0 0 0 10px;
}

.input-label-inner,
.input-container-inner {
	padding: 0 10px;
/* 	height: 30px; */
}
.input-input,
.input-input2,
.input-input3 {
	border-style: solid; 
	border-width: 2px; 
	border-color: #ADDBDB; 
	height: 28px;
	width: 100%;
	text-indent:10px; 
	line-height:28px;
	float: left;
	-webkit-appearance:none;
    border-radius: 0;
    padding-left: 0;
    padding-right: 0;
}
.input-input2{
	width: 30%;
}
.input-input3{
	width: 68%;
}
.input-icon-search{
	background: url("../03images/chameleon/input/search-icon.png") no-repeat;
	width: 22px;
	height: 24px;
	position: absolute;
	top: 7px;
	margin-left: -15px;
}
.input-default-text { 

}
.input-default-text-active { 
	color: #a1a1a1;
}
/********Input End**********/

/*FOOTER BUTTONS END*/ /*TOP BUTTON BAR*/
.ui-headerButtonGroup {
	display: none;
}

.ui-headerButtonsWrapper {
	/* overflow: hidden; */
	margin: 0px 0px 0px 0px;
	height: 30px;
}

.ui-headerButton {
	float: right;
	background: none repeat scroll 0 0 #FF9900;
	color: white;
	cursor: pointer;
	height: 37px;
	position: relative;
	top: -39px;
	box-sizing: border-box;
	border: 1px solid #E7E7E7;
	text-align: center;
}

.ui-headerButton a {
	float: left;
	padding: 10px 0 0 8px;
	text-align: center;
	text-decoration: none;
}

.ui-headerButton a span {
	color: white;
	font-family: FNBSansRegular;
	font-size: 14px;
}

.settingsButton {
	background: #FFF;
	background-image: url("/03images/chameleon/topbuttonbar/settings-icon.png");
}

.settingsButton a span {
	color: #dcdcdc;
	font-family: FNBSansRegular;
	font-size: 14px;
}

.settingsButton img {
	float: left;
	padding: 4px;
}

.contactButton {
	background: #FFF;
	background-image: url("/03images/chameleon/topbuttonbar/contact-icon.png");
}

.contactButton a span {
	color: #dcdcdc;
	font-family: FNBSansRegular;
	font-size: 14px;
}

.contactButton img {
	float: left;
	padding: 4px;
}

.optionsButton {
	background: #FFF;
	background-image: url("/03images/chameleon/topbuttonbar/options-icon.png");
}

.optionsButton a span {
	color: #dcdcdc;
	font-family: FNBSansRegular;
	font-size: 14px;
}

.optionsButton img {
	float: left;
	padding: 4px;
}

/*TOP BUTTON BAR END*/

/* News Page */
.orrangeBgArrowLeft {
	background: url("/03images/testing/orrangeBgArrowLeft.png") no-repeat;
	min-height: 34px;
	padding: 0 0 0 48px;
	margin: 0 10px 30px 0;
}

#contentWrapper{
	
	
	
}


/* Global Form Elements */
.left{
	width: 50%;
	float: left;
}


.formElementLabel{
	padding: 0 0 0 10px;
}

.formElementLabel.left{
	padding: 15px 0 0 10px;
}

/* Global Form Elements End */

/*
* for me themes
*/
.themes > ul{
	position: absolute;
	top: 154px;
	left: 40px;
	width: 20%;
	min-width: 20%;
}

.themes > ul li{
    height: 52px;
    padding: 0;
    margin: 0 20px 5px 10px;
    background: no-repeat;
    cursor: pointer;
}

.themes > ul li.currentTab{
    background-color: #fff;
}

.themes > ul span{
	display: block;
	padding: 5px 0 0 52px;
	color: #888;
}

.themes > ul strong{
    font-size: 20px;
}

.themes > ul strong:before{
	content: '\A';
    white-space: pre;
}

#themesCollage{
	z-index: 0;
}

#themesCollage #items{
	position: relative;
	visibility: hidden;
	height: 100%;
	top: 20px;
	border-right: 7px solid #fff;
	border-bottom: 7px solid #fff;
}

#themesCollage #items .third{
	width: 33.3%;
}

#themesCollage #items .half{
	width: 50%;
}

#themesCollage #items .full{
	width: 100%;
}

#themesCollage #items > div{
	position: relative;
	display: block;
	overflow: hidden;
	float: left;
}

#themesCollage #items > div.teal-lite{
	background: #99d6d6;
}

#themesCollage #items > div.teal-med{
	background: #61c0c0;
}

#themesCollage #items > div.teal-dark{
	background: #26a8a8;
}

#themesCollage #items a{
	position: relative;
	display: block;
	z-index: 2;
	height: 100%;
	text-decoration: none;
	border-top: 7px solid #fff;
	border-left: 7px solid #fff;
}

#themesCollage #items a > div{
	position: absolute;
	z-index: 1;
	padding: 10px;
	font-size: 12px;
	color: #222;
}

#themesCollage #items a > div.regular{
	font-size: 20px;
}

#themesCollage #items a > div.large{
	font-size: 26px;
}

/*
* centering is handled by jQuery as we dont know the width of the images to try use margin: 0 auto
*/
#themesCollage #items a > div.bottom,
#themesCollage #items a > .img.bottom{
	bottom: 0;
}

#themesCollage #items a > div.right{
	right: 0;
}

#themesCollage #items strong{
	color: #fff;
}

#themesCollage #items .img{
	padding: 0;
}

#themesCollage #items img{
	display: block;
}

ul li.bankingTab{
	background-image: url(/03images/chameleon/themes/menu/banking.png);
}

ul li.carTab{
    background-image: url(/03images/chameleon/themes/menu/car.png);
}

ul li.homeTab{
    background-image: url(/03images/chameleon/themes/menu/home.png);
}

ul li.jobTab{
    background-image: url(/03images/chameleon/themes/menu/job.png);
}
/*
* for me themes End
*/

/*
* for me theme article
*/
#themesArticle .ui-grid20{
	background: #61c0c0;
	border-right: 7px solid #fff;
}

#themesArticle .ui-grid20 div{
	padding: 10px;
	font-size: 60px;
	color: #fff;
}

#themesArticle .ui-grid20 span{
	font-size: 30px;
}

#themesArticle .ui-grid70{
	position: relative;
}

#themesArticle #pagination{
	position: absolute;
	top: -7px;
	right: 11px;
	background: #61c0c0;
	color: #fff;
}

#themesArticle #pagination *{
	color: #fff;
}

#themesArticle #pagination #pages,
#themesArticle #pagination #arrows{
	float: left;
	border: 7px solid #fff;
}

#themesArticle #pagination #pages{
	padding: 5px 20px;
}

#themesArticle #pagination #arrows{
	border-left: none;
	padding: 5px;
}

#themesArticle #pagination #pages span,
#themesArticle #pagination #arrows a{
	font-size: 28px;
	line-height: 28px;
	height: 28px;
	font-weight: bold;
}

#themesArticle #pagination #arrows a{
	display: inline-block;
	padding: 0 5px;
	text-decoration: none;
}

#themesArticle #content{
	padding: 70px 50px;
}

#themesArticle #related{
	clear: both;
	padding-top: 20px;
	border-top: 7px solid #fff;
}

#themesArticle #related h2{
	padding: 10px;
	margin-right: 40px;
	font-size: 20px;
	line-height: auto;
}

#themesArticle #related h2,
#themesArticle #related li{
	float: left;
}

#themesArticle #related li{
	position: relative;
	padding: 12px;
	margin-right: 5px;
	height: auto;
	background: #fff;
	color: #61c0c0;
	font-size: 20px;
	line-height: 20px;
	font-weight: bold;
	list-style: none;
}

#themesArticle #related li:after{
	position: absolute;
	left: 10px;
	bottom: 28px;
	border: solid transparent;
	content: " ";
	pointer-events: none;
	border-color: rgba(255, 255, 255, 0);
	border-left-color: #fff;
	border-width: 16px;
}

#themesArticle #related li a{
	text-decoration: underline;
	color: inherit;
}
/*
* for me theme article End
*/

/*
* for me pay
*/
#pay{
	padding-top: 20px;
}

#pay #sidebar{
	margin-left: 17%;
	border-top: 7px solid #fff;
}

#pay #sidebar li{
	border-bottom: 7px solid #fff;
	border-left: 7px solid #fff;
	position: relative;
}

#pay #sidebar li:last-child{
	margin-top: 20px;
	border-top: 7px solid #fff;
}

#pay #sidebar .articleCounter h3{
	position: absolute;
	bottom: 5px;
}

#pay #sidebar .articleCounter .amount{
	float: right;
}

#pay .switch a{
	margin: 5px 0 0 -30px;
}
/*
* for me pay End
*/

/*
* article banner
*/
.articleBanner{
	padding: 10px;
}
.articleBanner.teal-lite{
	background: #99d6d6;
}

.articleBanner.teal-med{
	background: #61c0c0;
}

.articleBanner.teal-dark{
	background: #26a8a8;
}

.articleBanner p.width50{
	width: 50%;
}

.articleBanner p.right{
	float: right;
}

.articleBanner p.center{
	margin: 0 auto;
}

.articleBanner strong{
	color: #fff;
}
/*
* article banner End
*/

/*
* article counter
*/
.articleCounter{
	padding: 10px;
	background: #26a8a8;
}

.articleCounter *{
	color: #fff;
}

.articleCounter h3{
	font-size: 24px;
	font-weight: bold;
}

.articleCounter .count > div{
	float: left;
}

.articleCounter .plus{
	margin-right: 3px;
	font-size: 26px;
	font-family: arial;
	line-height: 34px;
}

.articleCounter .number{
	width: 30px;
	height: 30px;
	border: 2px solid #fff;
	line-height: 30px;
	border-radius: 15px;
	text-align: center;
	font-weight: bold;
}

.articleCount {
	float: right;
	position: relative;
}
.ui-button .articleCount {
	position: absolute;
	top: 41px;
	left: 18px;
	font-size: 1.3em;
	width: 30px;
	text-align: center;
}
.ui-listItem .articleCount .circle {
	position: absolute;
	top: -1px;
	left: -5px;
	height: 21px;
	width: 21px;
	background-image: url('/03images/chameleon/buttons/icon-hover-small.png');
}
.ui-theme .ui-listItem .articleCount {
	display: none;
}
/*
* article counter End
*/


/*
* switch
*/
.switch{
	padding: 10px;
	background: #26a8a8;
}

.switch *{
	color: #fff;
}

.switch a{
	display: inline-block;
	padding: 8px 30px 8px 20px;
	background: #f90;
	text-decoration: none;
	color: #fff;
	font-weight: bold;
}

.switch .fnb{
	font-size: 3em;
}
/*
* switch End
*/


.colRowTop
{
	border-top:5px #fff solid;
	border-right:5px #fff solid;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.colRowComplete
{
	border-top:5px #fff solid;
	border-right:5px #fff solid;
	border-bottom:5px #fff solid;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.colRowMiddle
{
	border-right:5px #fff solid;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.colRowBottom
{
	border-right:5px #fff solid;
	border-bottom:5px #fff solid;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.colRowDevider
{
	background: #a2cecd;
	border-right:5px #fff solid;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
    padding:5px;
}

.colRowLeftOnly
{
	border-left:5px #fff solid;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.colRowRightOnly
{
	border-right:5px #fff solid;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.colRowBottomOnly
{
	border-bottom:5px #fff solid;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.colRowTopOnly
{
	border-top:5px #fff solid;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.col30
{
    width: 33.33%;
}
.col25
{
    width: 25%;
}
.col20
{
    width: 20%;
}

/* ui-list */
.ui-list {color:#000000;}
.ui-list a {
	color: inherit
}
.ui-list.floatingItems .ui-listItem {
	float: left;
	margin: 8px;
}
.ui-list.turqBlockBullet .ui-listItem {
/* 	background-image: url("/03images/chameleon/productGrid/turqBorderVertical.png"); */
	border-left: 6px solid  #87cfcf;
	background-position: top left;
	background-repeat: repeat-y;
	padding: 0 15px 0 10px;
	line-height: 20px;
	margin: 4px 0 4px 12px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
/* end of ui-list */


/** HOME PAGE **/

.ui-homepage_col_wrapper{
	/*margin-left: -10px;
    margin-top: -1px;*/
    margin-left:0px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;    
	height:100%;
}

.ui-homepage-col{	
	float:right;	
}

.ui-homepage_firstwo_col_wrap{
	width:47%;
	float: left;
	height:100%;
}

.ui-homepage-leftcol{
	 width: 40%;
	 float:left;
}

.ui-homepage-middlecol{	
	border-left: 7px solid #FFF;
	border-right: 7px solid #FFF;
	width: 55%;
	background-color:#FFF;
	height:100%;
}

.ui-homepage-middlecol h2{
	color: #666666;
    font-family: FNBSansLight;
    font-size: 26px;
    margin-bottom:14px;	
}

.ui-homepage-switchbox{		
  	border:7px solid #FFF;
    height: 493px;
    margin-top: 40px;
    width: 80%;
    position:relative;    
}

.ui-homepage-switchbox span
{
	display: block;
}

.ui-homepage-switch_p{
	font-size: 29px;
    letter-spacing: 1px;
    margin: 0 auto;
    padding: 60px 10px;
    text-align: center;
    white-space: nowrap;
    width: 135px;
    line-height: 31px;
}

.ui-homepage-big-font{
	font-size: 76px;
	line-height: 63px;
}

.ui-homepage-big-num{
	float: left;
    font-size: 54px;
    line-height: 50px;
}

.ui-homepage-small{
	font-size: 26px;
}

.ui-home-orangeButton{
    font-size: 21px;
    padding: 7px 5px;
    position: absolute;
    right: -24px;
    top: 345px;
    width: 144px;
    text-align: center;	
    background: url("/03images/chameleon/news/orange_next.jpg") no-repeat 6% center #FF9900;
}

.ui-homepage-bannerblock{	
	background-color:#999;
	height:500px;
	position:relative;	
}

.ui-home_right_round_button{
	background:url('/03images/chameleon/round_arrow_btn.png');
	width:38px;
	height:34px;
	position:absolute;
	right:0px;
	bottom:10px;
}

.ui-home-popular{
	background-color: #FFFFFF;
    padding: 10px 10px 54px;
    position: relative;
}

.ui-homepage_popular_ul{
	margin:0px;
	padding:0px;	
}

.ui-homepage_popular_ul li{
	background: url("/03images/chameleon/orange_arrow.png") no-repeat scroll 0 0px transparent;
    color: #000000;
    margin-bottom: 10px;
    padding-left: 17px;
}

.ui-business-rightcontent{	
	margin: 20px;
}

.ui-business-rightcontent h3{
	color: #000000;
    font-family: FNBSansLight;
    font-size: 26px;
    margin-bottom: 20px;
}

.ui-business-rightcontent .ui-homepage_popular_ul li{	
	color: #000000;
}

.ui-home-more-popular{	
/* 	background: url("/03images/chameleon/orange_arrow.png") no-repeat scroll 0 0px transparent; 
    bottom: 20px;
    color: #666666;
    padding-left: 13px;
    position: absolute;
    right: 51px;
    */
}

.ui-home-popular .ui-buttonLabel
{
	height: 33px;
	line-height: 33px;
	text-align: right;
	padding: 0 35px 0 0;
	color: #666666;
}

.ui-home-popular .ui-home_right_round_button
{
	margin: 0;
	width: 38px;
	height: 34px;
	position: absolute;
	right: 0px;
	bottom: 65px;
}

.ui-homepage-right-wrapper{
	border:6px solid #ffffff;
	margin-top:40px;
	display:table;
	table-layout:fixed;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	width:100%;
	border-collapse: collapse;
}

.ui-homepage-rightcol{
	float:right;
	width:48%;
}

.ui-col-right-subcol{
	display:table-cell;
	width:50%;
	vertical-align:top;
	position:relative;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

.ui-homepage-DemoCol-upper{
	height:50%;
	overflow:auto;
}

.ui-homepage-DemoCol-lower{
	position:absolute;
	bottom:0;
	width:100%;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}


.ui-col-right-subcol-right{
	/*border-left:7px solid #FFF;*/
}

.ui-homepage-innersubcol-right{
	width:50%;
}

.ui-homepage-innersubcol-left{
	width:50%;
}

.ui-homepage-innersubcol-left.autoHeight{
	height: auto;
}


.ui-homepage-innersubcol-right{
	border-left:6px solid #ffffff;
	border-right:6px solid #ffffff;
}

.ui-homepage-right-bannerblock{
	background-color:#009999;
	position:relative;	
	height: 486px;
 	/* border-bottom:7px solid #FFF; */


}

.ui-homepage-right-circle-button{
	background: url("/03images/chameleon/productGrid/benefitsDiscSmall.png") no-repeat scroll 15px 9px transparent;
	background-size: 16px;
	color: #000000;
	font-size: 14px;
	padding: 11px 20px 11px 50px;
	position: relative;
	margin: 0;
}

.ui-homepage-right-circle-button .ui-buttonLabel {
    position:relative;    
    top: 0px;
}

.ui-homepage-DemoCol{
	color:#ffffff;
	padding:15px 15px;
	background:#009999;
	border-top:7px solid #ffffff;
}

.ui-homepage-DemoCol h4{
	margin-bottom:10px;
}

.ui-homepage-DemoCol .ui-link{
	line-height: 30px;
}

.ui-homepage-DemoCol .ui-homepage-Demoheader3{
	margin-top:10px;
	margin-bottom:15px;
}

.ui-homepage-DemoCol .ui-link a{
	color:#ffffff!important;
}


.ui-home-orangeRegisterButton {
    background: url("/03images/chameleon/news/orange_next.jpg") no-repeat scroll 6% center #FF9900;
    font-size: 16px;
    padding: 7px 10px;
    position: relative;
    text-align: center;
    width: 144px;
    color:#ffffff;
    cursor:pointer;
}

.ui-commercialhome .ui-homepage-right-circle-button{
	height: 32px;
    padding: 25px 24px 17px 80px;
    background: url("/03images/chameleon/productGrid/benefitsDisc.png") no-repeat scroll 15px 13px transparent;
    margin:0px;
}
#commericalBlock3 {
	margin-bottom: 40px;
}
#commericalBlock4,
#commericalBlock5 {
	min-height: 250px;
	border-right: none;
}
#commericalBlock4 .bx-wrapper,
#commericalBlock5 .bx-wrapper {
	height: 100%;
}
.commercial-right-content{
	
}

.ui-homepage-right-circle-button:last-child{
	margin:0px;
}

.ui-homepage-right-circle-button.last{
	border-bottom:none;
}

.ui-homepage-circ-val{
	font-size: 14px;
    left: 17px;
    position: absolute;
    text-align: center;
    top: 45px;
    width: 45px;
}

.ui-homepage-circ-val-big{
	font-size: 35px;
    left: 18px;
    position: absolute;
    text-align: center;
    top: 34px;
    width: 45px;
}

.ui-homepage-right-blue-circle-button{	
	background: url("/03images/chameleon/orange_arrow.png") no-repeat  92% center #ffffff;    
    color: #666666;
    font-size: 22px;
    height: 20px;
    padding: 5px;
    position: relative;
    margin:0px;
    border-left:7px solid #FFF;	
}

.ui-homepage-right-blue-circle-button .ui-buttonLabel{
	font-size: 14px;
    padding-right: 33px;
    padding-top: 3px;
    text-align: right;
} 

.ui-homepage-circ-val-big-blue{
	color: #FFFFFF;
    font-size: 28px;
    left: 41px;
    position: absolute;
    text-align: center;
    top: 37px;
    width: 45px;	
}

.ui-home-twitter{
	padding:15px;
}

.ui-home-twitter .username{
	color: #666666;
    font-size: 19px;
    margin-bottom: 11px;	
}

.ui-home-twitter .tweet_message{
	color: #666666;
    font-size: 16px;	
}

.ui-homepage-switch_p_small{
	display:none;	
}

/** HOME PAGE END **/


/** MENU **/

.ui-dumbmenu-wrapper{
	
	
}

.ui-dumbmenu_ul{
	
	margin:0px;
	padding:0px;	
}

.ui-dumbmenu_ul li{
	background: url("/03images/chameleon/orange_arrow.png") no-repeat scroll 0 3px transparent;
    color: #666666;
    margin-bottom: 10px;
    padding-left: 17px;
    float:left;
    height:20px;
    margin-right:20px;
}

/** MENU END **/

.ui-themeMenu {
	margin: 40px 0 0 0;
}
.ui-themeMenu h2{
	font-size: 2em;
	margin: 10px;
}

/** PRODUCT SINGLE **/

.ui-productMultiApply{
	padding: 20px 0 5px 0;
	
}

.ui-productMultiApply p{
	 /*padding-left: 20px;*/
	 padding-right: 20px;
	font-size: 15px;
}

.ui-productMultiApply h2{
	color: #FFFFFF;
    font-family: FNBSansThin;
    font-size: 24px;
    margin-bottom: 15px;
    padding-left: 30px;
	
}

.ui-productMultiApply h3{
	color: #000000;
	font-family: FNBSansBold;
	font-size: 18px;
	margin-bottom: 15px;
	margin-top: 25px;
	padding-left: 0;
	
}

.ui-productMultiApply ul.ui-list{
	margin-left:20px;
	margin-right:20px;
}

.ui-productMultiApply li.ui-listItem{
	
	font-size: 14px;
    /*background: url("/03images/chameleon/productGrid/bullet_dark.png") no-repeat scroll 0 5px transparent;*/
    padding-left: 0;
    margin-bottom:12px;
    color:#000000;
}

.ui-product-single-heading{	
	margin-left: 6px;
    padding: 20px 30px 10px 33px;
    position:relative;	
}

.ui-product-single-infoblock{
	float:none;
}

.ui-product-single-infoblock-inner{
	padding-left:20px;
	padding-right:20px;
}

.ui-product-single-desktoprightcontent{
	margin-bottom: 20px;
    margin-left: 20px;
}

.ui-product-single-infoblock table{
	margin-bottom: 15px;
    margin-left: 20px;
    margin-top: 15px;
    width: 95%;
}

.ui-product-single-infoblock tr{
	 /* border-bottom: 2px solid #DEDEDE; */
}

.ui-product-single-infoblock table .borderBottom{
	border-bottom: 2px solid #f1f1f1; 
}

.ui-product-single-infoblock tr:last-child{
	 border-bottom: none;
}


.ui-product-single-infoblock th{
	background-color: #FFFFFF;
    padding: 8px;
    font-size: 14px;
    border: 1px solid #f1f1f1;
}

.ui-product-single-infoblock td{
    font-size: 14px;
    padding: 8px;
    background-color: #f1f1f1;
    border: 1px solid #FFFFFF;
}

.ui-product-single-infoblock table {
	border:1px solid #f1f1f1;
}


.ui-product-single-infoblock table tr:first-child th {
  border-top: 0;
}
.ui-product-single-infoblock table tr:last-child td {
  border-bottom: 0;
}
.ui-product-single-infoblock table tr td:first-child,
.ui-product-single-infoblock table tr th:first-child {
  border-left: 0;
}
.ui-product-single-infoblock table tr td:last-child,
.ui-product-single-infoblock table tr th:last-child {
  border-right: 0;
}

.ui-grid50 .ui-product-single-infoblock p{
    padding-left: 15px;
	padding-right: 15px;
	}

.ui-product-single-infoblock p{
	font-size: 14px;
    margin-bottom: 16px;
    padding-left: 39px;
	color: #000000;
	padding-right: 40px;
	}

.ui-product-single-infoblock ul{

	}

.ui-product-single-infoblock li{
	line-height: 16px;
	}
		
.ui-product-single-infoblock a{
	color: #333333; 
	text-decoration: underline; 
}

.ui-product-single-infoblock .ui-product-single-ul a{
	margin-bottom: 0px;
    padding-left: 0px;
}

.ui-product-single-benefit .ui-productCell {
	border:none;
}

.ui-product-single-benefit .whiteImgBorderRight{ 
	background-image:none;
}

.ui-product-single-benefit .ui-button{
	background: url("/03images/chameleon/productGrid/smallArrowDown.png") no-repeat scroll center top transparent;
    color: #333333;
    margin-top: 10px;
    padding-top: 20px;
    text-align: center;
	
}

.ui-product-single-optionalextras .ui-single-product-optionalextras-ul {
	margin-bottom: 16px;
    margin-left: 15px;
    margin-top: 16px;
	
}

.ui-product-single-optionalextras .ui-single-product-optionalextras-ul li {
	
	background: url("/03images/chameleon/productGrid/smallDisc.png") no-repeat scroll 0 0 transparent;
    margin-bottom: 6px;
    padding-bottom: 6px;
    padding-left: 37px;
    padding-top: 6px;
	
}

.ui-product-single-benefit .ui-button.selected{
	background: url("/03images/chameleon/productGrid/smallArrowUp.png") no-repeat scroll center top transparent;
}

.ui-product-single-benefit .ui-benefitsScroller{
	float:none;	
}



.ui-product-single-benefit .benefitsCell li{
	background: url("/03images/chameleon/productGrid/smallDisc.png") no-repeat scroll 0 0 transparent;
    margin-bottom: 6px;
    padding-left: 37px;
    padding-top: 6px;
}

.ui-product-single-benefit .benefitsCell li a{
	color:#FFF;
}



.ui-product-single-infoblock h2{
	color: #333333;
    font-size: 24px;
    margin-bottom: 15px;
    padding-left: 20px;
    font-family: FNBSansThin;
}



.ui-product-single-infoblock h3{
	color: #333333;
    padding-left: 20px;
    font-size: 14px;
    font-family: FNBSansBold;
    margin-bottom: 10px;
    padding-left: 20px;
}

.ui-lss-container .ui-product-single-infoblock h3{
	color: #000000;
    padding-left: 20px;
    font-size: 24px;
	font-family: FNBSansBold;
	margin-bottom: 10px;
	padding-left: 39px;
	font-weight: normal;
	margin-top: 40px;
	}

.ui-product-single-infoblock h4{
	color: #333333;
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 10px;
}



.ui-product-single-footer-heading h2{
	color: #FFFFFF;
    font-family: FNBSansThin;
    font-size: 24px;
   	padding: 10px 26px;;
}

.ui-product-single-3col{
	
	padding-bottom:10px;
}

.ui-product-single-3col h4{
	font-size: 14px;
	padding: 4px 26px 4px 0;
	font-family: FNBSansRegular;
}

.ui-product-single-3col p{
	color: #323232;
    font-size: 14px;
    padding: 0 27px 3px 0;
	
}

.ui-product-single-3col a{
	color: inherit;   
    text-decoration:underline;   
}

.ui-product-single-3col a:hover{
	color:#666;
}

.ui-product-single-ul{
	margin-left: 20px;
	margin-bottom:15px;
	
}


.ui-product-single-ul li{
	background: url("/03images/chameleon/productGrid/bullet_grey.png") no-repeat scroll 0 5px transparent;
    color: #000000;
    font-size: 14px;
    padding-left: 12px;
	line-height:16px;
}

.ui-product-single-bigfont{
	font-size: 30px;
    font-weight: bold;	
}

.ui-product-single-apply{
	 counter-reset:li; /* Initiate a counter */
	
    margin-bottom: 8px;
    margin-left: -3px;
    padding: 0;
}
.ui-product-single-apply a{
	 text-decoration: underline;
}

.ui-product-single-apply-text{
	 margin-left: 0px;
    padding: 0 42px 0 11px;
}


.ui-productMultiApply li.ui-listItem.ui-product-single-apply-listItem{
    
    background: none repeat scroll 0 0 transparent;
    color: #000000;
    font-size: 14px;
    list-style: none outside none;
    margin-bottom: 15px;
    padding-left: 33px;

}



.ui-productMultiApply li.ui-listItem.ui-product-single-apply-listItem:before{
	content:counter(li); /* Use the counter as content */
    counter-increment:li; /* Increment the counter by 1 */
   	background: url("/03images/chameleon/productGrid/white_apply.png") no-repeat scroll 0 0 transparent;
   	color: #000000;
    font-weight: normal;
    margin-bottom: 0;
    margin-left: -33px;
    margin-right: 7px;
   padding: 4px 8px 3px 7px
    
    
    
}

.ui-product-single-apply-number{
	
    color: #FFFFFF;
    font-size: 17px;
    font-weight: bold;
    margin-right: 15px;
    padding: 0 4px 0 12px;
}

.ui-product-single-heading h1
{
	color: #000000;
    font-family: FNBSansBold;
    font-size: 28px;
    font-weight: normal;
    margin: 3px 0 0 0;
    }
    
.ui-product-single-heading p{color: #333;font-size: 13px; font-family: FNBSansLight;}

.ui-product-single-heading img {
	bottom: -21px;
    left: 20px;
    position: absolute;
}


.ui-product-grid-popup-overlay-box{
	background:#bfe6e5;
	padding: 20px 15px;
	
}

.ui-product-grid-popup-overlay-box h2{	
	color: #006766;
    font-size: 35px;
    margin-bottom:15px;
}

.ui-product-grid-popup-overlay-box p{	
	color: #006766;   
	padding-bottom: 10px;
}

.ui-product-grid-popup-overlay-box .input-wrapper .input-label {
	width:auto;	
	padding: 12px 2px 12px 12px;
}

.ui-product-grid-popup-overlay-box .input-wrapper .input-input {
	border:none;
	line-height:normal;
}

.ui-product-overlay-next-btn{
	bottom: -5px;
    position: absolute;
    right: 20px;
    color:#FFF;	
}

/* White menu  */


.ui-finger-menu{
    margin-bottom: 30px;
    margin-left: 0;
    margin-top: 20px;
    position:relative;
    z-index:0;
}

.ui-finger-menu-compact{
	margin-top: 30px;
	margin-bottom: 30px;
	margin-left:3%;
}


.ui-listItem .ui-finger-menu{
	 margin-left: 0;
	 margin-bottom:10px;
}

.ui-listItem{
	position:relative;
}

.ui-listItem .ui-finger-menu  li{
	padding-left:0;
	padding-right:0;
	position:relative;
	margin-left:0;
}




.

.ui-product-value-price{
	color: #009A99;
    font-size: 20px;
    padding-left: 20px;
}

.ui-leftproductvalueholder{
	position:fixed;
	
}

.ui-product-value-price a{
	color: #009A99;
}

.ui-product-value-box{
	padding:30px 40px;
	color:#3e3e3e;
}

.ui-product-value-box{	
	display:none;
}

.ui-product-value-box-col {
	margin-right:5%;
}

.ui-product-value-box-col b{
	font-family: FNBSansBold;
    font-size: 14px;
}

.ui-product-value-box h1{	
	font-family: FNBSansBold;
    font-size: 18px;
    margin-bottom: 6px;
    color:#3e3e3e;
}

.ui-product-value-box h2{	
	font-family: FNBSansBold;
    font-size:28px;
    font-weight: normal;
    margin-bottom: 0;
     color:#3e3e3e;
}

.ui-product-value-box h3{	
    font-family: FNBSansBold;
    font-size: 14px;
    margin: 10px 0;
    padding-left: 0px;
     color:#3e3e3e;
}

.ui-product-value-box h4 i{
	margin-right: 3px;
}

.ui-productvalue-left-background{
	background-color: #ffffff;
    height: 5000px;
    position: fixed;
    width: inherit;	
}

.ui-product-value-box h4{	
	border-left: 3px solid #FFFFFF;
    font-family: FNBSansLight;
    font-size: 14px;
   margin: 10px 0;
    padding-left: 12px;
     color:#3e3e3e;
}

.ui-product-value-box p {
    font-family: FNBSansLight;
    font-size: 14px;
    line-height: 17px;
    margin: 0 0 10px 0;
	color: #3e3e3e;

}

.ui-product-value-box ul,ol{
	padding-left: 15px;
	margin:15px 0px;
}

.ui-product-value-box ul li{
	 font-size: 14px;
    list-style: disc outside none;
    margin-bottom:5px;
    line-height: 16px;
}

.ui-product-value-box ol li{
	font-size: 14px;
    list-style: decimal outside none;
    margin-bottom: -4px;
}

.ui-product-value-box ol li ul li{
	list-style: disc outside none;
	 margin-bottom: 0px;
}

.ui-product-value-box ol li{
	line-height: 20px;
}

.ui-product-value-box table{
	border:1px solid #FFF;
	width:100%;
	margin: 20px 0;
}

.ui-product-value-box th{
	color: #333;
    font-weight: normal;
    padding: 4px;
    font-size:14px;
     background-color: #FFF;
     border-bottom: 1px solid #DEDEDE;
    border-right: 1px solid #DEDEDE;
}



.ui-product-value-box th.mainheading{
	color: #000000;
    font-size: 14px;
   
}





.ui-product-value-box td{
	
    margin-right: 2px;
    padding: 4px;
    font-size:14px;
    border:1px solid #FFF;
}

.ui-product-value-box td:nth-child(2n+1){
	
   
}



.ui-product-value-box tr{
	
}

.ui-product-value-box a{
	text-decoration:underline;
	color:inherit;
}


/* LOCATORS */


.ui-locators-single-heading{	
	margin-left: 0;
    padding: 20px 0;
    position:relative;	
}

.ui-locators-single-infoblock{
	padding-left: 20px;
}

.ui-locators-single-infoblock h2{
	color: #999999;
    font-size: 30px;
    font-weight: normal;
    margin-bottom: 15px;
    padding-left: 20px;
}

.ui-locators-single-infoblock h3{
	color: #333333;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
    padding-left: 20px;
}

.ui-locators-single-infoblock h4{
	color: #333333;
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 10px;
    padding-left: 20px;
}

/* PHONE*/

.ui-product-value-box-phone{
	color:#FFF;
}

.benefitdesc_close{
	
	background: url("/03images/chameleon/close-icon-grey.png") no-repeat scroll 6px 6px transparent;
    cursor: pointer;
    display: none;
    height: 26px;
    padding: 7px;
   	float:right;
    width: 25px;
}

#benefit_description{
	position:relative;
	display:none;
	
}

/* RATES */

.ui-rates-content{
	padding: 30px 0px 20px;
}

#productSingleRightContent .contentMargin .ui-rates-content h2{
	font-family: "FNBSansBold";
	font-size: 18px;
	margin:0;
}

#productSingleRightContent .contentMargin .ui-rates-content h3{
	font-family: "FNBSansLight";
	font-size: 14px;
	margin:0;
	margin-top:3px;
}

.ui-rates-devider{
	height:6px;
	background-color:#FFF;
    margin: 25px -35px 10px;
}

.ui-rates-content h1{
	font-size:26px;
	margin-bottom:20px;
}

.ui-rates-content h2,
.ui-rates-content h3 {
	font-family: FNBSansRegular;
    font-size: 20px;
    margin-bottom: 10px;
    margin-top: 25px;
}

.ui-rates-content h3{
	font-family: FNBSansThin;
	color: #777777;
    font-size: 16px;
    margin-bottom: 20px;
    font-size: 16px;
}

.ui-rates-content p{
	margin: 10px 0;
	
}

.ui-rates-content a{
	text-decoration:underline;
}

.ui-rates-publish{
	color: #777777;
    font-size: 14px;
    text-align: right;
}

.ui-rates-publish-date{
	font-size: 16px;
    margin-top: 6px;
    text-align: right;	
}

.ui-rates-content table{
	width:100%;
	margin-bottom: 20px;
}

.ui-rates-content tr {
	background-color: #FFFFFF;   
    border-bottom: 3px solid #DEDEDE;    
}

.ui-rates-content tr:last-child {
    border-bottom: none;
}

.ui-rates-content thead {
	background-color:#bfe6e5;
}

.ui-rates-content thead tr {
	background-color:transparent;
	 border-bottom: none;
}

.ui-rates-content th{
	padding: 10px;
}

.ui-rates-content td{
	padding: 4px 10px;
}

.ui-productClose{
	position:absolute;
	right:10px;
	width:35px;
	height:35px;
}

.ui-productClose img{
	left:0px;
	bottom:0px;
	cursor:pointer;
}

/* NEWS ROOM */

.ui-news-room-box1{
	/* height: 460px; */
	padding: 20px 60px;
	position:relative;
	
}

.ui-news-room-box2{
	border-bottom: 6px solid #FFFFFF;
   /*  height: 284px; */
    padding: 20px 70px 20px 50px;
    position: relative;
}

.ui-news-room-box3{
	/* height: 130px; */
    padding: 20px 70px 20px 50px;
    position: relative;
	
}


.ui-news-room-box1 h1{
	color: #000000;    
    font-size: 33px;  
    
}

.ui-news-room-box1 h1 b{
	color: #FFFFFF;
    font-size: 40px;
}

.ui-news-room-box1 p{
	color: #FFF;
   
}

.ui-news-room-box3 h1{
	color: #000000;
    font-size: 23px;
    margin-bottom: 10px;
}

.ui-news-room-box3 h1 b{
	color: #000000;
    font-size: 34px;
}

.ui-news-room-box3 p{
	color: #FF;
   
}

.ui-news-room-box1 .news-room-image{
	 margin: 20px 0;
    text-align: center;
	
}

.ui-news-room-box2 .news-room-image{
	float: right;
    margin-left: 20px;
	
}

.ui-news-room-box2 h1{
	color: #000000;    
    font-size: 33px;  
    margin-bottom: 30px;
}

.ui-news-room-box2 h1 b{
	color: #FFFFFF;
    font-size: 40px;
}

.ui-news-room-box2 p{
	color: #000;
   
}

.ui-news-round-button{
	background:url('/03images/chameleon/round_arrow_btn.png');
	width:38px;
	height:34px;
	position:absolute;
	right:0px;
	bottom: 25px;
}

.ui-news-room-content{
	
	
}

.ui-news-room-archive-content{
	margin-left:6px;
	border-right: 7px solid #FFFFFF;
}

.ui-news-archive-button{
	
    border-bottom: 6px solid #FFFFFF;
  
}

.ui-news-archive-btn{
	
	background: none repeat scroll 0 0 #F1F1F1;   
    
    height: 100px;
    cursor:pointer;
	
}

.ui-news-archive-btn:hover{
	
	background-color: #bfe5e5;
	
}



.ui-news-archive-btn p{
	float: left;
    font-size: 30px;
    padding: 35px 48px 0;
}

.ui-news-archive-btn-end{
    float: right;
    height: 100px;
    width: 80px;
    background:url("/03images/chameleon/news/down.png") no-repeat scroll 32px 40px #CFCDCD;
}

.ui-news-archive-button.selected .ui-news-archive-btn-end{
	background:url("/03images/chameleon/news/close.png") no-repeat scroll 32px 40px #CFCDCD;
}

.ui-news-archive-content-button-holder{
	display:none;
}

.ui-news-archive-content-button{
	border-bottom: 4px solid #F1F1F1;
    margin-left: 50px;
    padding-bottom: 5px;
    
}

.ui-news-archive-content-button h5{
	
	background: url("/03images/chameleon/news/orange_next.jpg") no-repeat scroll 0 1px transparent;
    color: #2E2E2E;
    font-size: 19px;
   
    margin-top: 10px;
    padding-left: 24px;
}

.ui-news-archive-content-button p{
	color: #808080;
	padding: 3px 0;
}

.ui-news-archive-content-button a{
	color:inherit;
}

.ui-news-single-heading{	
	margin-left: 6px;
    padding: 20px 30px;
    position:relative;	
}

.ui-news-single-heading h1{color: #666666;font-size: 45px;font-weight: bold;margin: 10px 0 0;}
.ui-news-single-heading p{color: #333;font-size: 16px;}

.ui-news-single-heading img {
	bottom: -21px;
    left: 20px;
    position: absolute;
}

.ui-news-room-article-content{
	padding: 82px 0px 82px 60px;
	background:#ffffff;
	max-width:1450px;
	margin:auto;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

.ui-news-room-article-content h1{
	color: #333333;
    font-size: 34px;

    
    margin-bottom: 25px;
	
}

.ui-news-room-article-content h2{
	color: #333333;
    font-size: 20px;
   
     margin-bottom: 25px;
	
}

.ui-news-room-article-content p{
	color: #333333;
    font-size: 15px;
    margin-bottom: 20px;
    
	
}

.ui-news-header-article{
	background-color: #F3F3F3;
    float: right;
    padding: 20px;
    margin-left: 30px;
    margin-right: 0px;
    margin-top: -20px;
    margin-bottom: 25px;
  	border-bottom: 1px solid #000;
	border-top: 1px solid #000;
	border-left: 1px solid #000;
    
}

.ui-news-header-article h4{
	font-size: 15px;
    margin-bottom: 20px;
}

.ui-news-header-article h5{
	font-size: 35px;
    margin-bottom: 15px;
}

.ui-news-header-article p{
	margin-bottom: 0;
}

.ui-news-header-article a{
	color:#009999;	
}

.ui-news-single-heading-holder {
	
}

/* 	Lifestyle Slider */

.lifeStyle .ui-header-and-content-wrapper{
	width:100%;
}

 #productSingleRightContent.ui-grid70{
	width:70%;
}

.lifeStyle .ui-finger-menu {
    margin-bottom: 30px;
    margin-left: 15px;
    margin-top: 30px;
}

.ui-slider-single-heading{color: #666666;font-size: 45px;font-weight: bold;margin: 10px 0 0;padding:20px;}

.ui-lss-container {
	position: relative;
	width: 100%;
	min-height: 0;
	margin-left:20px;
}

.ui-lss-wrapper {
	width: 100%;
	overflow: hidden;
}

.ui-lss-wrapper .ui-lss-slider {
	width: 100%;
/* 	height: 100%; */
	padding:0;
}

.ui-lss-wrapper .ui-lss-slider .item {
	float: left;
	position:relative;
	left:-10px;
	width: 100%;
}

.ui-lss-wrapper .ui-lss-slider .item img {
	width: 100%;
	height: auto;
}



.paginationContainer
{
    top: 102%;
    display: block;
    height: 50px;
    left: 26%;
    position: absolute;
    text-align: center;
    width: 74%;   
}

.pageLeft
{
	display:block;
	height:100%;
	width:30px;
	background:url("/03images/chameleon/pageSlider/leftPage.png") left top no-repeat;
	color:#787878;
	width:120px;
	padding-left: 13px;
	padding-top: 4px;
	cursor:pointer;
	display:block;
	position:absolute;
	left:0;
}

.pageRight
{
	display:block;
	height:100%;
	width:30px;
	background:url("/03images/chameleon/pageSlider/rightPage.png") right top no-repeat;
	color:#787878;
	width:90px;
	padding-right: 10px;
    padding-top: 2px;
	cursor:pointer;
	display:block;
	position:absolute;
	right:0;
	top:0;
}

.paginator
{
display:block;
width:100%;
 text-align: center;
}

.paginatorInner
{
margin:auto;
}

.dot
{
width:15px;
height:15px;
margin-left:10px;
display:inline-block;
position:relative;
background:url("/03images/chameleon/pageSlider/unselectedPage.png") right top no-repeat;
top:3px;
cursor:pointer;
}

.selectedDot
{
background:url("/03images/chameleon/pageSlider/selectedPage.png") right top no-repeat;
cursor:pointer;
}


.paginationContainer.mainMenuPager 
{
    bottom: -12%;
    left: 0;
    width: 100%;
}

.ui-lss-container
{
	float:left;
}

.menuSelection
{
width:100px;
height:100px;
margin-left:10px;
display:inline-block;
position:relative;
/* background:url("/03images/chameleon/pageSlider/unselectedPage.png") right top no-repeat; */
border:1px solid #009999;
top:3px;
cursor:pointer;
}

.sliderButtons
{
	display:none;
}

.ui-lss-container  .paginationContainer
{
	display:none;
}

.hideElement
{
	display:none;
}


/* 	Lifestyle Slider END */

/* SOCIAL LINKS */

.ui-social-links {
	bottom: 75px;
    left: 62px;
    position: fixed;
    display:none;
	
}

.ui-social-btn{
	width:24px;
	height:24px;
	cursor:pointer;
}

.ui-social-fb{
	background:url("/03images/chameleon/frame/social.jpg") -4px 0px no-repeat;	
}

.ui-social-twitter{
	background:url("/03images/chameleon/frame/social.jpg") -4px -26px no-repeat;	
}

.ui-social-google{
	background:url("/03images/chameleon/frame/social.jpg") -4px -58px no-repeat;	
}

.ui-social-youtube{
	background:url("/03images/chameleon/frame/social.jpg") -4px -115px no-repeat;	
}

.ui-social-linkedin{
	background:url("/03images/chameleon/frame/social.jpg") -4px -86px no-repeat;	
}
/* SOCIAL LINKS END */


.wizardNotVisible{
	visibility:hidden;
}
.wizardDisplayNone{
	display:none;
}
.cellInner h2 a{
	color:inherit;
}

.ui-footer-legal a{
	color:inherit;	
}




/**********REASON WIDGET START**********/
#ui-reasonsWrapper {
	width: 100%; 
	max-width: 100%; 
}

#ui-reasons {
/* 	min-height: 270px; */
	overflow: hidden;
	display: none;
}
.ui-reason {
	position: relative;
	display: none;
	font-family: FNBSansRegular;
}
.ui-reason.active {
	display: block;
}

.ui-reasonCounter{
	position: absolute;
	top: -20px;
	right: 0;
	font-size: 50px;
	color: #e7e7e7;
}
.reasonHash {
	float:left;
	width: auto;
	padding-top: 10px;
}
.reasonNum {
	float:right;
	width: auto;
	font-size: 150px;
}
.ui-reasonHeading,
.ui-reasonProduct ,
.ui-reasonContent {
	position: relative;
	padding: 10px;
}

.ui-reasonHeading {
	padding-top: 35px;
	width: 50%;
	color: #666666;
	font-family: FNBSansThin;
}
.ui-reasonProduct {
/* 	font-weight: bold; */
	font-size: 24px;
	font-family: FNBSansLight;
}

.ui-reasonContent{
	font-family: FNBSansLight;
}

.ui-reasonsContent .inner{
	padding: 10px;
}

/**********REASON WIDGET END**********/


/****** POPUP *******/

.ui-popupMessageAnchor{
	/*background-color: #00FF00; */
    float: right;
    height: 10px;
    position: relative;
    width: 10px;
    display:none;
    
	
}

.ui-popupMessage{
	
	background-color: #ADDBDB;
    border: 3px solid #FFFFFF;
    bottom: 10px;
    color: #000000;
    left: -30px;
    padding: 15px;
    position: absolute;
    width: 500px;
    z-index: 10;
	
}

.ui-popupMessage h3{
	margin-bottom: 6px;
    padding: 0;
}

.ui-popupMessagePointer{
	background:url("/03images/chameleon/tooltip/pointer_left.png") no-repeat;
	bottom: -21px;
    height: 21px;
    left: 22px;
    position: absolute;
    width: 16px;
}

.ui-popupMessageClose{
	background: url("/03images/chameleon/pop_close_btn.png") repeat scroll 0 0 transparent;
    float: right;
    height: 23px;
    width: 23px;
    margin-bottom: 10px;
    margin-left: 10px;
	
}

/**********DEV:DONOVAN**********/

.hidden{display:none;}
html body #content.zeroHeight{display:none;}

/***********************/
/*LOGIN*/
.loginWrapper
{

	float: left;
	/* cursor: pointer; */
	height: 24px;
	position: relative;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	margin-top:6px;
}

#login{
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}


.LoginButtonWrapper{

	padding-right:10px;
}

.loginInfoRegister a:hover,
.loginButtonAnchor:hover
{
	background-color: #FFCC33;
}



.loginWrapper.PhoneLoginButtonWrapper
{

	background: #FF9900;
	position: absolute;
	right: 0;
}
.loginButton
{
	width: 100%;
	height: 24px;
    line-height: 24px;
    margin: 0;
    text-align: center;
    color:#ffffff;
}
.loginButtonAnchor
{
	cursor:pointer;
	background: none repeat scroll 0 0 #FF9900;
}
.userfield {
    float: left;
    height: 24px;
    margin-right: 0;
    width: 100%;

}

.userfield input{
	background: #ffffff url("/03images/chameleon/frame/transparent.png") repeat scroll 0 0 transparent;
    border: none;
    height: 24px;
    line-height: 14px;
	position: absolute;
	width:100%;
	padding-left: 5px;
	font-size: 14px;
	border:1px solid #cccccc;
		-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	
}
.userfield p {
    height: 24px;
    line-height: 24px;
    margin: 0 0 0 8px;
    position: absolute;
    padding: 0;
    font-size: 13px;
    z-index: 300;
}
.userFieldUsername
{
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	position: relative;
}

.userFieldPassword
{
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	border-left: 1px solid transparent;	
	border-right: 1px solid transparent;	
	position: relative;
}

.LoginInfoContent{
	margin-left:50px;
}


.LoginInfoContent h1
{
	padding: 20px 10px 0;
	color:#ffffff;
	font-size:20px;
	font-weight:bold;
}

.loginInfoPassword
{
	font-size:16px;
	margin-left:10px;
	margin-bottom:20px;
	cursor:pointer;
}

.LoginInfoHeader
{
	background:#73c7c7;
	margin-bottom:20px;
	position:relative;
	display:block;
}

.loginInfoRegister
{
	margin-bottom:15px;
}

.loginInfoRegisterText{
		margin-bottom:5px;
		margin-left:10px;
}

.loginInfoRegister a
{
    line-height: 37px;
    margin: 0;
    text-align: center;
    width: 100%;
    background:#FF9900;
    color:#ffffff;
    padding:10px 15px 10px 15px;
    white-space:nowrap;
    margin-left:10px;

}
.loginInfoMore
{
	margin-bottom:15px;
}

.loginInfoMore h2
{

	margin-left:10px;
	font-weight:bold;
	
}

.loginInfoMore>div
{
	margin-bottom:10px;
	margin-left:10px;
	
}

.loginInfoContact
{
	margin-bottom:15px;
}

.loginInfoContact h2
{

	margin-left:10px;

	
}

.loginInfoContact>div
{
	margin-bottom:10px;
	margin-left:10px;
	font-weight:bold;
	
}

.LoginInfo form
{
	display:none;	
}



/*SEARCH*/

.searchWrapper
{

	/* float: right; */
/* 	background: #ffffff; */
	/* cursor: pointer; */
	height: 30px;
	position: relative;
	box-sizing: border-box;
	/* border: 1px solid #E7E7E7;
	text-align: center; */
}

.searchWrapperBlank
{
	background: none;
	height: 30px;
	position: relative;
	box-sizing: border-box;
}
.searchfield {
    float: left;
    height: 30px;
    margin-right: 0;
    width: 100%;
/*     background: #ffffff; */
}
.searchfield input{
	background: url("/03images/chameleon/frame/transparent.png") repeat scroll 0 0 transparent;
    border: none;
    height: 24px;
    line-height: 24px;
	position: absolute;
	width:100%;
	border: 2px solid transparent;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

.searchfield .searchtext {
    height: 24px;
    line-height: 24px;
    position: absolute;
    padding: 0;
    font-size: 13px;
    text-align:left;
    width:100%;
    border: 2px solid transparent;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	margin:0;
	margin-top:4px;
}

.searchButton
{
	background:url("/03images/chameleon/buttons/searchGlass.png") 50% 50% no-repeat;
	width: 100%;
	height: 24px;
    line-height: 24px;
    margin: 0;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	margin-top:6px;
}
.searchButton span
{
	width: 100%;
	height: 37px;
    line-height: 37px;
    margin: 0 0 0 2px;
    color: #ff9900;
}

/*BANKING LINKS*/
.bankingLinksWrapper{
	/* float: right; */

	/* cursor: pointer; */
	height: 30px;
	position: relative;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

.bankingLinksWrapper.border{
	border: 2px solid transparent;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.bankingLinksButton
{
	background:  url("/03images/chameleon/buttons/linksSettings.png") 50% 50% no-repeat;
	width: 100%;
	height: 24px;
    line-height: 24px;
    margin: 0;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	display: block;
	cursor: pointer;
	margin-top:5px;
}

.bankingLinksButtonRegister
{
	background:  url("/03images/chameleon/buttons/register.png") 50% 50% no-repeat;
	width: 100%;
	height: 24px;
    line-height: 24px;
    margin: 0;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	display: block;
	cursor: pointer;
	margin-top:6px;
}
.bankingLinksWrapper .positionMe{
	
	overflow: hidden;
	height: 30px;
	
	}
.floatMeRight
{
float: right;
}
.bankingLinksWrapper .displayLinks
{
	display:block;
	height: 150px;
	position: absolute;
	z-index: 9999;
	background: white;
}

.bankingLinksWrapper .hideLinks
{

}
.bankingLinkItem {
    height: 24px;
    line-height: 24px;
/*     margin: 0 0 0 6px; */
    padding: 0;
    display: block;
    width: 100%;
    position: relative;
	float: left;
	cursor: pointer;
    font-size: 13px;
    text-align:left;
    margin-top:4px;
}

.bankingLinkItem:hover {
    color: black;
}

.bankingLinkItemSettings {
    height: 24px;
    line-height: 24px;
    padding: 0 0 0 12px;
    display: block;
    position: relative;
	float: left;
    font-size: 13px;
    cursor: pointer;
    text-align:left;
    margin-top:4px;
}

.webroot{
	padding-left:0px;
	border-left:none;
}

.bankingLinkItemSettings:hover {
    color: black;
}

.bankingLinkItemSettings a{
    color: #333333;
}
.bankingLinkItem a {
    color: #333333;
}
.bankingLinksButtonAnchor
{
}
.linksArrow
{
	background: url("/03images/chameleon/buttons/linksArrow.png") right top no-repeat;
	width: 100%;
	height: 33px;
	cursor: pointer;
}
.bankinglinkItemGroup
{
	width: 100%;
		-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;	
}
/*END BANKING LINKS*/


.no-labels .input-label,
.no-labels .formElementLabel {
	display: none;
}
.no-labels .input-container,
.no-labels .dropdownElementWrapper {
	width: 100%;
}
.theme-icon {
	background-color: transparent;
	background-image: url('/03images/themes/sprite.png');
	width: 37px;
	height: 37px;
	float: left; 
	margin: 2px 10px
}
.theme-icon.bird { background-position: 0px -0px }
.theme-icon.EverydayBanking { background-position: 0px -37px }
.theme-icon.Investments { background-position: 0px -74px }
.theme-icon.Buyingorsellingacar { background-position: 0px -111px }
.theme-icon.Women { background-position: 0px -148px }
.theme-icon.Retirement { background-position: 0px -185px }
.theme-icon.Accounts { background-position: 0px -222px }
.theme-icon.CreditAndLoans { background-position: 0px -259px }

.theme-icon.FirstJob { background-position: -37px -0px }
.theme-icon.Travel { background-position: -37px -37px }
.theme-icon.GetRewards { background-position: -37px -74px }
.theme-icon.Buyinganewhome { background-position: -37px -111px }
.theme-icon.Gettingyourqualification { background-position: -37px -148px }
.theme-icon.Savings { background-position: -37px -185px }
.theme-icon.BankingChannels { background-position: -37px -222px }
.theme-icon.ForexImportExport { background-position: -37px -259px }

.theme-icon.ValueAddedServices { background-position: -74px -0px }
.theme-icon.RewardsDiscounts { background-position: -74px -37px }
.theme-icon.BusinessInvestments { background-position: -74px -74px }
.theme-icon.InstantSolutions { background-position: -74px -111px }
.theme-icon.Transact { background-position: -74px -148px }
.theme-icon.Invest { background-position: -74px -185px }
.theme-icon.IndustryExpertise { background-position: -74px -222px }
.theme-icon.Finance { background-position: -74px -259px }

.theme-icon.Sectors { background-position: -111px -0px }
.theme-icon.MerchantServicesSpeedpoint { background-position: -111px -37px }
.theme-icon.Insurance { background-position: -111px -74px }
.theme-icon.Rewards { background-position: -111px -111px }
.theme-icon.International { background-position: -111px -148px }
.theme-icon.b2 { background-position: -111px -185px }
.theme-icon.b3 { background-position: -111px -222px }
.theme-icon.b4 { background-position: -111px -259px }

.ui-validationMessage {
	display: none;
}
.validationError .ui-validationMessage {
	display: 		block;
	padding: 		8px 8px 0px 10px; 
	width: 			100%;
	clear:both;
}
.validationBubble {
	position: 	relative;
	color: 			black;
	padding: 	10px 15px; 
	background-color: #ff9900;
	border-color: #ff9900;
}
.validationBubble:after {
	content: "";
	position: absolute;
	display: block;
	border-width: 8px;
	border-style: solid;
	border-top-color: transparent;
	border-right-color: transparent;
	border-bottom-color: inherit; 
	border-left-color: inherit;
	top: -16px;
	left: 25px;
}

.leftCol .formElementWrapper,
.rightCol .formElementWrapper,
.leftCol .input-wrapper,
.rightCol .input-wrapper {
	border-bottom: 	1px solid #E7E7E7;
}
.leftCol .formElementWrapper.last,
.rightCol .formElementWrapper.last,
.leftCol .input-wrapper.last,
.rightCol .input-wrapper.last {
	border-bottom: 	none;
}
.leftCol {
	border-right: 	6px solid #E7E7E7;
}

.ui-leadForm h1,
.ui-leadForm h2,
.ui-leadForm h3,
.ui-leadForm h4 {
	padding: 10px;
	color: #333;
}
.ui-leadForm h1 {
	font-size: 1.8em;
	font-family: FNBSansRegular;
}
.ui-leadForm h2 {
	font-size: 1.4em;
	font-family: FNBSansRegular;
}
.ui-leadForm h3 {
	font-size: 1.2em;
	font-family: FNBSansRegular;
}
.ui-leadForm p {
	padding: 10px;
	margin: 0;
	font-size: 15px;
	margin-bottom: 16px;
	color: #666;
}
.ui-leadForm a,
.ui-leadForm a:hover,
.ui-leadForm a:visited {
	color: #009999;
}
.ui-calculator h1,
.ui-calculator h2,
.ui-calculator h3,
.ui-calculator h4 {
	padding: 10px;
	color: #333;
}
.ui-calculator h1 {
	font-size: 1.8em;
	font-family: FNBSansRegular;
	background-color: #73c7c7;
	color: white;
	position: relative;
	padding: 1.4em 1em;
	margin: 0 0 1em 0;
}
.ui-calculator h1:after {
	content: "";
	position: absolute;
	display: block;
	border-width: 8px;
	border-style: solid;
	border-color:  #73c7c7 #73c7c7 transparent transparent;
	bottom: -16px;
	left: 25px;
}

.ui-calculator h2 {
	display: none;
}
.ui-calculator h3 {
	font-size: 1.2em;
	font-family: FNBSansRegular;
}
.ui-calculator p {
	padding: 10px;
	margin: 0;
	font-size: 15px;
	margin-bottom: 16px;
	color: #666;
}
.ratesAndPricing h1,
.ratesAndPricing h2,
.ratesAndPricing h3,
.ratesAndPricing h4 {
	padding: 10px;
	color: #333;
}
.ratesAndPricing h1 {
	font-size: 1.6em;
	font-family: FNBSansRegular;
}

.ratesAndPricing h2 {
	font-size: 1.4em;
	font-family: FNBSansRegular;
}
.ratesAndPricing h3 {
	font-size: 1.2em;
	font-family: FNBSansRegular;
}
.ratesAndPricing p {
	padding: 10px 10px 15px 10px;
	margin: 0;
	font-size: 1em;
	color: #666;
}
.ratesAndPricing a,
.ratesAndPricing a:hover {
	text-decoration: underline;
	color: #333;
}
#productSingleRightContent.ui-calculator  form {
	background-color: white;
margin-left: 0;
}

#productSingleRightContent.ui-calculator form h1{
	border-bottom:none;
}


#productSingleRightContent.ratesAndPricing  form {
	margin-left: 40px;
}
.ui-calculator .ui-finger-menu {
	margin-top: 40px;
}
.ui-calculator .ui-footerBtn {
	width: 10%;
}

/* SEARCH RESULTS */

.ui-searchresult-header{
	 background-color: #FFFFFF;
    margin-top: 20px;
    padding: 20px 20px 50px;
}

.ui-searchresult-header h1{
	font-size:26px;
	
}

.ui-searchresult-column{
	margin-top: -22px;
}

.ui-resultColHeading{
	background-color: #4DB8B8;
    margin: 0 20px;
    padding: 15px;
    position:relative;
	
}

.ui-resultColHeading h2{
	
}

.ui-resultColHeading-tail{
	background: url("/03images/chameleon/blueArrow.png") repeat scroll 0 0 transparent;
    bottom: -17px;
    height: 17px;
    left: 30px;
    position: absolute;
    width: 17px;
}

.ui-searchresult{
	margin: 30px 36px;
}

.ui-searchresult h3{
	
	color: #333333;
    font-family: FNBSansBold;
    font-size: 18px;
    font-weight: normal;
    margin-bottom: 6px;
}

.ui-searchresult p{
	 color: #666666;
    font-size: 14px;
	
}

.ui-searchresult-header-number{
	color: #666666;	
}

.ui-searchresult-header-string{
	font-family: FNBSansBold;
    font-weight: normal;
	
}

.rightCol .table {
	border-bottom: 1px solid #E7E7E7;
}
.ui-labelValues {
	border-bottom: 1px solid #E7E7E7;
	margin-bottom: 1px;
}
.ui-labelValues .formElementLabel,
.ui-labelValues .formElementContnet {
	padding: 10px;
	vertical-align: middle;
}


/* ECONOMICS */

.ui-articleboximg{
	float: left;
	margin-left: -5px;
	margin-top: -5px;
	margin-bottom: 100px;
	margin-right:10px;
	height: 100%;
}

.uiImageCorrection .ui-articleboximg{
	  margin: -5px 10px 10px -5px;
}

.ui-articleboximg img{
	height: auto;
    width: auto;
}

.ui-economic_floatbox.bottom .ui-articleboximg {
	 float: none;
     margin: 0;
}

.ui-economic_floatbox.leftbox .ui-articleboximg {
	border-right: 6px solid #FFFFFF;
    margin: -20px 15px 0 -20px;
}

.ui-lss-wrapper .ui-lss-slider .item .ui-articleboximg img {
	height: auto;
    width: auto;
}

.ui-economicHolder{
	padding: 35px 60px;
}



.ui-economicHolder h1{
	font-family: FNBSansLight;
    font-size: 30px;
    font-weight: normal;
    margin-bottom: 13px;
}

.ui-economicHolder p{
	
}

.ui-economic_floatbox{
	background-color: #ffffff;
    border: 1px solid #000000;
    float: left;
   height: 240px;
    margin: 10px 0px 10px 0;
    padding: 20px 45px 20px 20px;
    position: relative;
    width: 49%;
    -moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	
}

.ui-economic_floatbox:nth-child(2n+1){
	margin-right: 16px;
}

.ui-economic_floatbox.leftbox{
	height: 202px;
	
}

.ui-economic_floatbox h3{
	 font-size: 20px;
    margin-bottom: 10px;
    margin-top: 10px;
}

.ui-economic_floatbox p{
	color:#666;
	font-size: 14px;
}

.economicFloatHolder{
-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;	
}



.ui-economicFloatHolder:after{
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.ui-lifestyle-paddingleft{
	padding-left:0px;
}

.ui-economic-about-box-content{
	padding: 13px;
}

.ui-economic-about-box-content h3{
	font-size: 20px;
    margin-bottom: 6px;
}


.ui-economic-about-box-content p{
	 color: #666666;
    font-size: 15px;
}

.ui-economic-about-box-img{
	
	border: 6px solid #FFFFFF;
    float: left;
    height: 130px;
    margin-right: 30px;
    width: 100px;
	
}

.ui-economic-about-box{
	
	margin-bottom: 30px;
}

.ui-economic-about-box:after{
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.ui-economic-archive-btn{	
	background: none repeat scroll 0 0 #F1F1F1;       
    padding: 30px 50px;
}

.ui-economic-archive-btn h1{
	font-size: 26px;
    margin-bottom: 5px;
}

.ui-economic-archive-content-button{
	border-bottom: 4px solid #F1F1F1;
    margin-left: 0;
    padding-bottom: 5px;
    
}

.ui-economic-archive-content-button h5{
	background: url("/03images/chameleon/round_arrow_btn.png") no-repeat scroll 0 1px transparent;
	color: #2E2E2E;
	font-size: 19px;
	margin-top: 4px;
	padding-left: 48px;
	min-height: 29px;
	margin-left: 10px;
	padding-top: 10px;
}

.ui-economic-archive-content-button h6{
	float: right;
    margin: 2px 25px;
    padding: 0;	
}

.ui-economic-archive-content-button p {
color: #808080;
padding: 3px 0 0 60px;
position: relative;
top: -12px;
}
.ui-economic-archive-content-button a{
	color:inherit;
}

.ui-economic-archive-showall{
	float: right;
    padding: 20px;
}

.ui-economic-archive-showall a{
	color:inherit;
}

/* PRODUCT VALUE PAGES */

#prod-scrollbar1 { width: 100%; clear: both;  position:relative; background-color:#FFF; }
#prod-scrollbar1 .viewport { background-color: #FFF;
   /* height: 306px;*/
     height: 319px;
    margin-right: 45px;
    overflow: hidden;
    position: relative; 
}
#prod-scrollbar1 .overview { list-style: none; position: absolute; left: 0; top: 0; right: 0;padding:0px; background-color:#ffffff; padding-left:18px;}
#prod-scrollbar1 .thumb .end,
#prod-scrollbar1 .thumb { background-color: #9d9b9c; }
#prod-scrollbar1 .scrollbar { float: right;
    position: absolute;
    right: 6px;
    top: 0;
    width: 40px; }
#prod-scrollbar1 .track { background-color: #FFF; height: 100%; width:10px; position: relative; padding: 0 15px; }
#prod-scrollbar1 .thumb { height: 20px; width: 10px; cursor: pointer; overflow: hidden; position: absolute; top: 0;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}
#prod-scrollbar1 .thumb .end { overflow: hidden; height: 5px; width: 13px; }
#prod-scrollbar1 .disable{ display: none; }
.noSelect { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; }


.value-element{
	float: right;
    margin-bottom: 0px;
    width: 100%;
    margin-right: 5px;
    border-bottom:1px solid #d3d3d3;
}
.valueblock{
	
	
	/*  border-bottom: 1px solid #D3D3D3; */
    float: right;
    height: 39px;
    margin-right: 0;
    width: 38px;
	
}

.valueblock.selected{	
	background-color: #AEAEAE;
    border-right: 6px solid #E7E7E7;
    width: 31px;
}

.valueblock.active {
	background: url("/03images/chameleon/productGrid/checkDotv2.png") no-repeat scroll 9px 12px ;
}

.valueblock.active.selected {
	
	background: url("/03images/chameleon/productGrid/checkDotv2.png") no-repeat scroll 8px 12px #AEAEAE;
    border-right: 6px solid #E7E7E7;
    width: 31px;
}

.valueblocktext{
	/* float: right; */
    font-size: 14px;
    height: 24px;
    margin-right: 20px;
    color:#000000;
    cursor:pointer;
    text-align : right;
   /*  margin-left: 10px; */
   
   
    
     padding: 13px 15px 3px 0px;
	
}

.valueblocktext_text{
	 height: 26px;
}

.valueblocktext_line{
	background-color: #D3D3D3;
    height: 1px;
    width: 100%;
    display:none;
	
}

.product-value-column-2 .valueblocktext {
	margin-right: 78px; 
}


.product-value-column-3 .valueblocktext {
	margin-right: 122px; 
}


.product-value-column-4 .valueblocktext {
	
	 margin-right: 159px;
}

.product-value-column-5 .valueblocktext {
	margin-right: 189px; 
}

.product-value-column-6 .valueblocktext {
	margin-right: 224px; 
}

.product-value-column-7 .valueblocktext {
	margin-right: 277px; 
}

.product-value-column-8 .valueblocktext {
	margin-right: 224px; 
}

.product-value-column-9 .valueblocktext {
	margin-right: 224px; 
}

.product-value-column-10 .valueblocktext{
	margin-right: 391px; 
	
}

.valueblocktext:hover{
	 color:#009a99;
	
}

/* .value-element:hover{
	background-color: #f2f2f2;
} */

.valueblocktext.active{
	color:#CCCCCC;
	/*font-weight:bold;*/
	
}

.product-value-descbox{
	 margin-bottom: 50px;
    margin-top: 0px;
    min-height: 500px;
    /* border-left:1px solid #000000; */
   
}

.ui-productvalueverticalline{
	background-color: #000000;
    height: 2000px;
    position: fixed;
    width: 1px;
}

.value-headings-holder{
	height: 65px;
	padding-right: 50px;
	height: 100px;
	 margin-bottom: 6px;
	 margin-top:15px;
}

.value_heading{
	
    background-color: #FF9900;
    border-bottom: 6px solid #FF9900;
    float: right;
    height: 100%;
    margin-right: 5px;
    overflow: hidden;
    position: relative;
    width: 33px;
}

.value_heading_text{
	bottom: 8px;
    height: 100px;
    position: absolute;
    right: -76px;
    width: 100px;
    background-color:#FF9900;
    white-space: nowrap;
    color:#FFF;
}

.value-footer-holder{
	height: 65px;
	padding-right: 45px;
	height: 100px;
	 margin-bottom: 6px;
}

.value_footer{
	
    float: right;
    height: 100%;
    margin-right: 5px;
    width: 33px;
    position:relative;
    overflow: hidden;
    
}

.value_footer_text{
	bottom: -10px;
    color: #767676;
    font-size: 14px;
    height: 100px;
    position: absolute;
    right: -77px;
    text-align: right;
    width: 100px;
    background-color:#98D6D7;
	
}

.value_footer_main{
	color: #767676;
    float: right;
    font-size: 18px;
    font-weight: normal;
    margin-right: 27px;
    margin-top: 10px;
}

.white_line{
	height:6px;
	background-color:#FFF;
	position:relative;
}

/* END PRODUCT VALUE PAGES */

/* Banking banners */

.banking-bannerWrapper{
    float: left;
    margin-left:49px;
    background-color: #999999;
    height: 450px;
    position: relative;
    width:100%;
}

.banking-banner{
	float:left;
    width: 25.85%;
    height: 450px;
}

/* END Banking banners */

/* Banners */
.bannerThumb
{
	display:none;
}

.bannerThumbContainer .bannerThumb 
{
	background-color: #ffffff;
	display: block;
	height: 140px;
	width: 140px;
	text-align:center;
	border:1px solid #009999	;
}

.ui-bannerSingle, .ui-bannerSingleGroup
{
	height:100%;
}

.ui-bannerSingle .bannerItem, .ui-bannerSingleGroup .bannerItem
{
	height:100%;
}


.bannerThumbContainer
{
	display:block;
	background-color:#ffffff;
	position:relative;
	top:-10000px;
}

.bannerThumbContainer .bannerThumbnail
{
	position:relative;
	left:55%;
	margin:0px 0 50px 0;
	width: 140px;
	top: -74px;
}

.sectionHeader
{
	font-size: 20px;
    left: 10%;
    position: relative;
    top:20px;
}

.sectionCount
{
    font-size: 100px;
    left: 22%;
    position: relative;
    top: -80px;
    padding-top:15px;
}

.bannerDots
{
	position:absolute;
	height:auto;
	left: 32%;
	width:20px;
	top:115px;
    background-color:#009999;
}
.bannerDots img
{
	display:block;
	width:20px;
	height:22px;
}

.leftAlign
{
	width:0px;
}

.promoBackground{
	background:#ffffff;
	margin-left: 49px;
}

.tbAlignRight
{
	left:40%;
}

.tbAlignLeft
{
	left:-20px;
}

.bannerThumbContainer .thumbText 
{
	display:block;
    left:5px;
    width:135px;
    position:absolute;
    bottom:5px;
    color:#000000;
    text-align:left;
}

.FeaturedGroup .sectionHeader
{
	background:url('/03images/pages/all-promotions/Featured.png') no-repeat;
	width:20px;
	height:75px;
	
}

.WinGroup .sectionHeader
{
	background:url('/03images/pages/all-promotions/Win.png') no-repeat;
	width:20px;
	height:75px;
	
}

.NewGroup .sectionHeader
{
	background:url('/03images/pages/all-promotions/New.png') no-repeat;
	width:20px;
	height:75px;
	
}


.FeaturedGroup .bannerThumbContainer .bannerThumbnail .bannerThumb
{
	border-bottom:3px solid #15a0a3;
}
.FeaturedGroup .bannerDots
{
	background-color:#15a0a3;
}

.WinGroup .bannerDots
{
	background-color:#ff9900;
}
.WinGroup .bannerThumbContainer .bannerThumbnail .bannerThumb
{
	border-bottom:3px solid #ff9900;
}

.NewGroup .bannerThumbContainer .bannerThumbnail .bannerThumb
{
	border-bottom:3px solid #15a0a3;
}
.NewGroup .bannerDots
{
	background-color:#15a0a3;
}

/* Banners */

.bottomOfDiv {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;	
}
/* to set all emails to lowercases */
.setToLowerCase{
	text-transform:lowercase;
}

.topLeftRound {
	border-top-left-radius: 20px;
}
.ui-bannerColomnItem.topLeftRound #BannerContainer,
.ui-bannerColomnItem.topLeftRound #BannerWrapper,
.ui-bannerColomnItem.topLeftRound .miniBanner-img {
	border-top-left-radius: 15px;
}
.miniBanner {position: relative; height: 100%; background-color: white; color: #333;}
.miniBanner-img {overflow: hidden;}
.miniBanner-inner {padding: 16px 8px; font-size: 0.8em; line-height: 1.6em;}
.miniBanner-inner h3 {font-size: 2em; color: #ccc;}
.miniBanner-inner span {font-size: 1.4em;}

.ui-linkRedirect {
	cursor: pointer;
}

.ui-termsAndConditionsClause {
	font-size: 12px;
}




/* ******************************** RESET PROD MARGINS ************************** */

/* pvt clients */
#productSingleRightContent .ui-grid-col-private 
{
padding: 0;
margin: 0;
}

#productSingleRightContent.youNeedContent 
{
padding: 0;
margin: 0;
}

/* general */

a{
	color:#000000;
}
	
/* html body #content #ui-contentWrap a
{
color: black;
} */


#productSingleRightContent
{
padding: 0;
margin: 0;
height:100%;
}

#productSingleRightContent .ui-product-single-infoblock-inner {
padding: 0;
margin: 0;
}

#productSingleRightContent .ui-lss-container{
padding: 0;
margin: 0;
}
	
#content #productSingleRightContent  .ui-gridCol.ui-paddedLeftonPhone
{
padding: 0;
margin: 0;
padding-left:0px;
padding-top:10px;
}

.ui-lss-wrapper .ui-lss-slider .item 
{
position: relative;
left: -0;
}


#productSingleRightContent .ui-header-and-content-wrapper {
padding: 0;
margin: 0;
}

/* elements */
#productSingleRightContent .ui-product-single-infoblock table 
{
padding: 0;
margin: 0;
width: 100%;
}

#productSingleRightContent .ui-product-single-heading 
{
padding: 0;
margin: 0;
}

#productSingleRightContent .ui-product-single-heading h1 
{
padding: 0;
margin: 0;
}

#productSingleRightContent .ui-product-single-infoblock h2 
{
padding: 0;
margin: 0;
}

#productSingleRightContent .ui-product-single-infoblock h3 {
padding: 0;
margin: 0;
}

#productSingleRightContent .ui-product-single-infoblock p 
{
padding: 0;
margin: 0;
}

#productSingleRightContent .ui-product-single-infoblock table p {
padding: 0;
margin: 0;
}

#productSingleRightContent .ui-product-single-infoblock table .ui-product-single-ul {
padding: 0;
margin: 0;
}

#productSingleRightContent .contentMargin table ul {
padding: 0;
margin: 0;
}

#productSingleRightContent .ui-product-single-ul {
padding: 0;
margin: 0;
}

/* ******************************** RE-INSERT PROD MARGINS ************************** */

/* general */
.contentMargin
{
height:100%;
display:table;
width:100%;
padding: 0 0px 0 15px;
box-sizing: border-box;
}


#productSingleRightContent .ui-product-single-heading
{
margin: 10px 0 0 0;
min-height:54px;
}

#productSingleRightContent  .contentMargin .ui-product-single-heading p
{
margin: 0 0 5px 0;
}



/* elements */
#productSingleRightContent .contentMargin h1
{
margin: 0 0 10px 0;
border-bottom: 1px solid #000000;
padding-bottom: 4px;
}

#productSingleRightContent .contentMargin h2
{
margin: 0 0 10px 0;
}




/*style for h2*/
#productSingleRightContent .contentMargin h2 {
color: #000000;
font-size: 14px;
margin-bottom: 15px;
padding-left: 20px;
font-family: FNBSansBold;
border-bottom: none	;
margin: 10px 0 10px 0;
padding: 0 0 5px 0;
}

#productSingleRightContent .ui-header-and-content-wrapper 
{
position: relative;
vertical-align:top;
padding-right:15px;
}

.ui-rightcontent-and-footer-wrapper
{
	position: relative;
	left: 0px;	
}

html body #productSingleRightContent  .ui-rightcontent-and-footer-wrapper h2
{
	border: none;
	color: #000000;
	font-size: 18px;
	padding-bottom: 0;
	font-family: "FNBSansBold";
}


#productSingleRightContent .contentMargin h3
{
margin: 20px 0 10px 0;
}


#productSingleRightContent .contentMargin p
{
margin: 0 0 20px 0;
}

#productSingleRightContent .contentMargin ul
{
margin: 0 0 20px 0;
}

#productSingleRightContent .contentMargin  h6
{
	font-family: FNBSansLight;
    font-weight: normal;
    font-size: 18px;
    color: rgb(102, 102, 102);
    margin-bottom: 10px;
}

#productSingleRightContent .contentMargin .ui-grid50 p
{
margin: 0 40px 10px 0;
}

#productSingleRightContent .contentMargin .ui-grid50 p
{
margin: 0 40px 10px 0;
}

#productSingleRightContent .contentMargin .DblCol .ui-grid50:last-child p
{
margin: 0 0 10px 0;
}

#productSingleRightContent .contentMargin .ui-grid50 li
{
margin: 0 40px 10px 0;
}

#productSingleRightContent .contentMargin .DblCol .ui-grid50:last-child li
{
margin: 0 0 10px 0;
}


#productSingleRightContent .contentMargin .ui-grid50 h2
{
margin: 0 40px 10px 0;
}

#productSingleRightContent .contentMargin .DblCol .ui-grid50:last-child h2
{
margin: 0 0 10px 0;
}

#productSingleRightContent .contentMargin .ui-grid50 h6
{
margin: 0 40px 10px 0;
}

#productSingleRightContent .contentMargin .DblCol .ui-grid50:last-child h6
{
margin: 0 0 10px 0;
}


#productSingleRightContent .contentMargin .ui-grid50 h3
{
margin: 0 40px 10px 0;
}

#productSingleRightContent .contentMargin .DblCol .ui-grid50:last-child h3
{
margin: 0 0 10px 0;
}

/* side boxes */
.ui-changeWidth 
{
margin: 0 0 0 0;
padding: 0 0 0 0;
position: relative;
left: 0px;
}


.ui-standardPadding {
	padding: 8px;
}
span.clickable {
	text-decoration: underline;
}
span.clickable:hover {
	text-decoration: none;
}
.ui-clickable,
.clickable {
	cursor: pointer;	
}


/* tables */

	
	.tableLabel
	{
	display: none;
	}


html body #content
{
	color: black;	
	display:table;

}

#fullFrame, #ajaxFrame{
	margin-left:0px;
	height:100%;
}

#fullFrame > .ui-gridGroup, #ajaxFrame > .ui-gridGroup{
	height:100%;
}

#content .customBackground{
	display:none;
}

/*	subMenu	*/
#ui-subMenuWrapper * {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;	
}
#ui-subMenuWrapper            
{
/* position: absolute; */
top: 90px;
right: 0;
left: 0px;
display: none;
margin: 90px auto 0 auto;
width:100%;
background:#ffffff;
z-index:8999;
height:100%;
}
.ui-subMenuWrapper-inner1 {
	z-index: 8000;
	position: relative;
	max-width:1450px;
	margin:auto;
	padding-bottom:56px;
}
.ui-subMenuWrapper-inner2 {
    display: table;
	width: 100%; 
}
.ui-subMenuWrapper-bgColor {
	position: absolute;
	width: 100%; 
	height: 3000px;
	background-color: #4EB8B8;
	z-index: 0;
}

#ui-subMenuWrapper .ui-subMenu { 
	display: none; 
}
#ui-subMenuWrapper .ui-subMenuSegment	 		{ display: none;  }
#ui-subMenuWrapper .ui-subMenuGroups,
#ui-subMenuWrapper .ui-subMenuGroupItems	{ display: table-cell }
#ui-subMenuWrapper .ui-subMenuGroups	{ }
#ui-subMenuWrapper .ui-subMenuSegment .ui-subMenuGroupItem { 
display: none;
position: relative;
width: 100%;
padding: 20px;
z-index: 300; }

#ui-subMenuWrapper .ui-subMenuItems a:hover
{
color: #c7dfdf
}

#ui-subMenuWrapper .ui-subMenuGroupWrapper:hover
{
background-color: white;
}

#ui-subMenuWrapper .ui-subMenuGroups	{ width:25%; padding: 0; 
	vertical-align: top;}
#ui-subMenuWrapper .ui-subMenuGroupItems	{ width:75%; 
	position: relative;}

#ui-subMenuWrapper .ui-subMenuGroupsWrapper	{ 
	display: block; 
   	margin-left: 50px;
}
#ui-subMenuWrapper .ui-subMenuGroupsWrapperInner	{ 
	display: table;
	width: 100%; 
	height: 100%;
}

.menu_active #ui-subMenuWrapper {
	display: block; 
}
.menu_active #ui-subMenuWrapper .ui-subMenuSegment.selected {
	display: table; 
   	width: 100%;
}
.menu_active #ui-subMenuWrapper .ui-subMenuSegment.selected {
	display: table-row;
	width: 100%; 
}
.menu_active #ui-subMenuWrapper .ui-subMenuSegment .ui-subMenuGroupItem.selected { 
	display: block; 
}

.menu_active #ui-subMenuWrapper .groupHeadingWrapper {
	position: relative;
}

.menu_active #ui-subMenuWrapper .groupHeading {
	position: absolute;
	right: 11%;
	top: 100px;
	font-size: 70px;
	font-family: FNBSansThin;
	color: #4EB8B8;
	height: 0px;
	width: 600px;
	margin: 220px -260px 0px -60px;
	text-align: right;
}
	
.menu_active #ui-subMenuWrapper .ui-subMenuSegment .ui-subMenuGroupItem .themesHeading,
.menu_active #ui-subMenuWrapper .ui-subMenuSegment .ui-subMenuGroupItem .productsHeading {
	width: 3.5%;
	float: left;
	min-height: 150px;
	overflow: hidden;
	position: relative;
	color: #DAEFF0;
}
.menu_active #ui-subMenuWrapper .ui-subMenuSegment .ui-subMenuGroupItem .themesGroup {
	position: absolute;
	left: 0px;
	margin-left: 4.5%;
	padding-left: 0;
	width: 82%;
}
.menu_active #ui-subMenuWrapper .ui-subMenuSegment .ui-subMenuGroupItem .productsGroup {
	position: absolute;
	left: 0px;
	margin-left: 4.5%;
	padding-left: 2%;
	border-left: 1px solid #DAEFF0;
	width: 82%;

}

#ui-subMenuWrapper h1,
#ui-subMenuWrapper h2,
#ui-subMenuWrapper h3,
#ui-subMenuWrapper h4 {
	font-family: FNBSansThin;
	font-size: 24px;
    color: #333;
}
#ui-subMenuWrapper h4 {
	font-size: 14px;
	width: 150px;
	height: 30px;
	top: 60px;
	position: absolute;
	left: -60px;
	text-align: right;
    color: #DAEFF0;
}

#ui-subMenuWrapper .ui-subMenuGroup
{
	display: table-row;
    height: 50px;
    padding-bottom: 5px;
}
#ui-subMenuWrapper .ui-subMenuGroupWrapper {
	display: table-cell;
	background-color: #C3E7E7;
	color: #009999;
    cursor: pointer;
    font-size: 14px;
	font-size: 18px;
	vertical-align: bottom;
    padding: 8px 10px 4px 16px;
    border-bottom: 4px solid #DAEFF0;
}
#ui-subMenuWrapper .ui-subMenuGroup.last {
	margin: 0; 
}
#ui-subMenuWrapper  .ui-subMenuGroup.selected .ui-subMenuGroupWrapper,
#ui-subMenuWrapper .ui-subMenuGroupItems{
	background-color: #4EB8B8;

}
#ui-subMenuWrapper .ui-subMenuItems {
	width: 33.3333%;
	float: left;
	padding-right: 20px;
}
#ui-subMenuWrapper .ui-subMenuItem {
/* 	margin: 8px 0; */
	height: 25px;
	line-height: 25px;
	display: block;
	font-size: 16px;
/* 	font-family: FNBSansThin; */
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
#ui-subMenuWrapper .ui-subMenuGroups .ui-switchNow {
	display: table-cell;
	position: relative;
	left: 10px;
	vertical-align: bottom;
	z-index: 3;
}
#ui-subMenuWrapper .ui-subMenuGroups .ui-switchNow.commercial {
	display: none;
}
#ui-subMenuWrapper .ui-subMenuGroups .ui-switchNowWrapper {
    padding: 0 4px;
	height: 30px;
	line-height: 30px;
	color: white;
	background-color: #F90;
	margin-top: 25px;
}

.rotate90 {
	/* Safari */
	-webkit-transform: rotate(-90deg);
	/* Firefox */
	-moz-transform: rotate(-90deg);
	/* IE */
	-ms-transform: rotate(-90deg);
	/* Opera */
	-o-transform: rotate(-90deg);
	/* Internet Explorer */
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
#ui-subMenuWrapper .showAllLifeStages {
	margin: 25px 0 0 25px;
	cursor: pointer;
	width: 0px;
}
.ui-subMenuThemes,
.ui-subMenuProducts {
	margin-top: 25px;
}

#ui-subMenuWrapper .closeSegment,
#ui-subMenuWrapper .closeGroup {
	background-image: url('/03images/chameleon/pop_close_big_btn_black.png');
	background-repeat: no-repeat;
	background-position: center center;
	width: 35px;
	height: 35px;
	position: absolute;
	right: 10px;
	top: 0px;
	cursor: pointer;
	z-index: 99999;
}
#ui-subMenuWrapper .closeGroup {
	background-color: #ffffff;
	display: none;
}
 
/*DEV:RYNO*/
	
	.ui-errorInfoBox {
		padding: 70px 20px;
		text-align: right;
		margin-top:150px;
		font-family: FNBSansLight;
		font-size: 32px;
		
	}
	
	.ui-errorInfoBox .ui-wrapper{
		width: 600px;
		margin: 0 auto;
	}
	
	.ui-errorInfoBox .ui-errorHeading {
		ont-family: FNBSansRegular;
		font-size:65px;
	
	}
	
	.ui-errorInfoBox .ui-small {
		font-family: FNBSansRegular;
		font-size: 20px;
	
	}

/*DEV:RYNO*/

.sliding .slideWrapper {
	height: 140px;
	overflow: hidden;
	position: relative;
	border-left: 1px solid #DAEFF0;
	padding-left: 1.5%;
}

.sliding .leftScrollButton {
	position: absolute;
	height: 0px;
	width: 0px;
	top: 55px;
	cursor: pointer;
	border-width: 8px;
	border-style: solid;
	border-top-color: transparent;
	border-right-color: inherit; 
	border-bottom-color: transparent; 
	border-left-color: transparent;
	left: 8px;
	z-index: 2;
}

.sliding .rightScrollButton {
	position: absolute;
	height: 0px;
	width: 0px;
	top: 55px;
	cursor: pointer;
	border-width: 8px;
	border-style: solid;
	border-top-color: transparent;
	border-right-color: transparent; 
	border-bottom-color: transparent; 
	border-left-color: inherit; 
	right: -10px;
}

.sliding .ui-bannerContainerWrapper {
	position: relative;
	height: 100%;
	width: 33.3333%;
	border-left: 8px solid #4EB8B8;
	float:left;
}
.sliding .ui-bannerContainerWrapper:first {
	border: 0px;
}
.sliding .ui-bannerContainer {
	position: relative;
	height: 100%;
	overflow: hidden;
	border-width: 0px;
	width: 100%;
}
.sliding .ui-banner {
	width: 100%;
	height: 100%;
}

.sliderIndicatorWrapper {
	height: 30px;
	line-height: 30px;
	font-size: 2em;
	width: 100%;
	margin: auto;
	text-align: center;
}

.sliderIndicator {
	margin: 3px;
	background: url('/03images/chameleon/gray-dot.png') left center no-repeat;
	padding: 5px;
}

.sliderIndicator.selected {
	background: url('/03images/chameleon/turq-dot.png') left center no-repeat;
}

.menuitemgroupholder {
	margin-left:10px;
}

.menuitemgroupholder .menuitemgroupholder {
	margin-left:0px;
}

#prodSingleMenuHolder .menuitemgroupholder .menuitemgroupholder{
	background:#ffffff;
}

.menuitemholder{
	cursor:pointer;
	margin-top:10px;
}

.genericItemholder  {
/* 	display:none; */
margin-bottom:10px;

}

.menuitemgroupholder    {
/* 	display:none; */
/* margin-top:10px; */
}

.subTabIncl .genericItemholder .genericItemholder.phoneHide{
	display:block;
}

.genericItemholder .genericItemholder .genericItemholder.phoneHide{
	display:none;
}

#product-single-wrapper{
	height:100%;
}

#product-single-wrapper > .ui-gridGroup{
	height:100%;
}




#prodSingleMenuHolder{
	padding-top:10px;
	height:100%;

}

.genericItemholder .genericItemholder .genericItemholder .menuitemholder li.selected{

	background: none;
    border-left:6px solid #009999;
    padding: 3px 12px 3px 6px;
    margin: 0 0 5px 3px;

}

.genericItemholder{
	position:relative;
}

#prodSingleMenuHolder.normalMenu .menuitemgroupholder  .menuitemgroupholder .ui-listItem {
    background: none;

}


.ui-finger-menu .dropArrow{
	background: #ffffff url("/03images/chameleon/dropdown/down-arrow-orange.png") 96% center no-repeat;
	z-index:2;
}

.ui-finger-menu .upArrow{
	background: #ffffff url("/03images/chameleon/dropdown/up-arrow-orange.png") 96% center no-repeat;
	z-index:2;
}

.ui-finger-menu-compact{
	margin-top: 30px;
	margin-bottom: 30px;
	margin-left:3%;
}

.ui-finger-menu .ui-listItem span {
width: 90%;
display: block;
}

.ui-finger-menu li{
	background: none repeat scroll 0 0 #FFFFFF;
/*     margin-bottom: 10px; */
    padding: 7px 12px;
    font-size: 14px;
	
}

.ui-finger-menu li:hover{
	background: none repeat scroll 0 0 #F1F1F1;
	}

.ui-finger-menu li.ui-finger-menu-header{
	background: none repeat scroll 0 0 transparent;
    border-bottom: 1px solid #000000;
    color: #000000;
    font-family: FNBSansBold;
    font-size: 18px;
    font-weight: normal;
    margin-bottom: 10px;
    margin-top: 17px;
    padding: 5px 11px 9px;
    text-align: left;
	
}

.ui-finger-menu .ui-finger-menu-header-deskTop{
	background: none repeat scroll 0 0 transparent;
    border-bottom: 1px solid #000000;
    color: #000000;
    font-family: FNBSansBold;
    font-size: 18px;
    font-weight: normal;
    margin-bottom: 10px;
    margin-top: 17px;
    padding: 6px 3px 9px 11px;
    text-align: left;
	
}

.menuitemgroupholder .menuitemgroupholder.phoneHide{
	display:block;
}

.menuitemgroupholder .menuitemgroupholder .ui-finger-menu{
	margin-top:0px;
}

.ui-finger-menu li.ui-finger-menu-header:first-child{
	margin-top:0px;
}

.ui-finger-menu li.selected{
	margin-left: 0px;
	position: relative;
	color: #cccccc;
}

.ui-finger-menu li.ui-finger-menu-header.selected{
		/*padding-right: 30px;*/
		margin-right:0px;
		margin-left:0px;
		
}




/* one level down */
.menuitemgroupholder .menuitemgroupholder .ui-finger-menu{
	margin-bottom: 0;
    margin-left: 0;
	
}



.menuitemgroupholder .menuitemgroupholder .menuitemgroupholder .ui-finger-menu li{
	background:none;
}

.menuitemgroupholder .menuitemgroupholder .menuitemgroupholder .ui-finger-menu .menuSelect {
	background:#FFFFFF;
}


.menuitemgroupholder .menuitemgroupholder .menuitemgroupholder .ui-finger-menu .dropArrow{
	background: #ffffff url("/03images/chameleon/dropdown/down-arrow-orange.png") 100% center no-repeat;
	z-index:2;
}

.menuitemgroupholder .menuitemgroupholder .menuitemgroupholder .ui-finger-menu .upArrow{
	background: #ffffff url("/03images/chameleon/dropdown/up-arrow-orange.png") 100% center no-repeat;
	z-index:2;
}

.ui-phone-side-menu-heading-vertical-wrapper{
	position:relative;
}


/* OVERLAY SUBTABS */

.ui-popupOverlaySubTab {
    background: url("/03images/chameleon/popupoverlay.png") repeat scroll 0 0 transparent;
    display: none;
    height: 100%;
 /*    left: 101px; */
    position: absolute;
    top: 0;
    width: 100%;
    display:none;
    max-width: 1450px;
    z-index:1;
    margin-left:0px;
    margin-top:90px;
}



.ui-popupBarSubTab{	
    position: relative;
    top: 58px;
    border-right:4px solid #FFF;
    border-top: 4px solid #FFFFFF;
    border-bottom: 4px solid #FFFFFF;
    z-index:1;
    display:none;
    max-width: 1450px;
    width:100%;
 	min-height:119px;
}

.ui-popupOverlaySubTab.phoneHide,.ui-popupBarSubTab.phoneHide{
display:block;
}

.subTabAlign{
	position:relative;
}

.subTabAlign2{
}

.ui-popupBarSubTab .ui-popupContent{	
/* 	margin-left:57px; */
	width:100%;
	border-left:1px solid #ffffff;
}

.ui-popupBarSubTab .table{	
	display:block;
	padding:10px 0;
	width:80%;
	margin-left:10%;
}

.ui-popupBarSubTab .table>div{	
	min-height:50px;
	display:block;
	min-width:135px;
}

.ui-popupBarSubTab .table>div.bottomBorder{	
		border-bottom: 5px solid #87cfcf;
}

.ui-popupBarSubTab .table>div.noBorder{	
	border-bottom:none;

}

.ui-popupBarSubTab .table.single>div.bottomBorder{
	border-bottom:none;
}


.ui-popupBarSubTab .table .rowAlign{
clear:both;
}

.ui-popupBarSubTab .table .td{	
	vertical-align: middle;

	display:block;
	float:left;
	height:100%;
	cursor:pointer;

}

.ui-popupBarSubTab .ui-product-grid-popup-overlay-box{
	padding:0px;
}

.ui-popupBarSubTab .ui-subTabLabel{
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;	
}

.ui-popupBarSubTab .ui-subTabLabel>div{
	text-align:center;
	display:table-cell;
	vertical-align:middle;
	background:#ffffff;
	height:50px;
	width: 135px;
}


.ui-popupBarSubTab .ui-flipHorizontal{
	 transform:matrix(0, 0, 0, 0, 0, 0);	
	-ms-transform:matrix(0, 0, 0, 0, 0, 0);	 /* IE 9 */
	-moz-transform:matrix(0, 0, 0, 0, 0, 0);	 /* Firefox */
	-webkit-transform:matrix(0, 0, 0, 0, 0, 0);	 /* Safari and Chrome */
	-o-transform:matrix(0, 0, 0, 0, 0, 0);	 /* Opera */		  
}

.ui-popupBarSubTab .ui-flipVertical   { 	
	transform:matrix(1, 0, 0, 1, 0, 0); 	
	-ms-transform:matrix(1, 0, 0, 1, 0, 0);	 /* IE 9 */
	-moz-transform:matrix(1, 0, 0, 1, 0, 0); 	 /* Firefox */
	-webkit-transform:matrix(1, 0, 0, 1, 0, 0);	 /* Safari and Chrome */
	-o-transform:matrix(1, 0, 0, 1, 0, 0); 	 /* Opera */		
}

.ui-popupBarSubTab .ui-rotate90min {	/* rotate -90 deg */
	transform:matrix(1, 0, 0, 1, 0, 0); 
	-ms-transform:matrix(1, 0, 0, 1, 0, 0);  /* IE 9 */
	-moz-transform:matrix(1, 0, 0, 1, 0, 0);  /* Firefox */
	-webkit-transform:matrix(1, 0, 0, 1, 0, 0);  /* Safari and Chrome */
	-o-transform:matrix(1, 0, 0, 1, 0, 0);  /* Opera */		
}

 .lt-ie9 .ui-popupBarSubTab .ui-rotate90min{
	
	/* IE8+ - must be on one line, unfortunately */ 
   -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1, M12=0, M21=0, M22=1, SizingMethod='auto expand')";
   
   /* IE6 and 7 */ 
   filter: progid:DXImageTransform.Microsoft.Matrix(
            M11=1,
            M12=0,
            M21=-0,
            M22=1,
            SizingMethod='auto expand');	
}

.ui-popupBarSubTab .ui-subTabLabel{
	width:12.5%;
	float:left;
	height:100%;
		border-right:5px solid #87cfcf;
		border-left:5px solid #87cfcf;
			vertical-align: middle;

	display:block;
	margin-bottom:5px;
	cursor:pointer;
}

.ui-popupBarSubTab .white{
	background-color: #87cfcf;
}

.ui-popupBarSubTab .lt-ie9 .ui-rotate90min{
	
	/* IE8+ - must be on one line, unfortunately */ 
   -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0, M12=0, M21=0, M22=0, SizingMethod='auto expand')";
   
   /* IE6 and 7 */ 
   filter: progid:DXImageTransform.Microsoft.Matrix(
            M11=0,
            M12=0,
            M21=-0,
            M22=0,
            SizingMethod='auto expand');	
}

.subTabMenu{
	display:none;
}

.subTabMenu .ui-subTabs .ui-subTabLabel{
	background-color:#FF9900; color:#FFF;

}

.subTabMenu .ui-subTabs .ui-subTabLabel .subtext {background-color:#FF9900; color:#FFF;
	background-image:url("/03images/chameleon/round_arrow_btn_down.png");
	background-repeat:no-repeat;
	background-position:90% 10%;
}

.subTabMenu .ui-subTabs .ui-subTabLabel .subtext.selected {background-color:#FF9900; color:#FFF;
/* 	background-image:url("/03images/chameleon/round_arrow_btn_up.png");
	background-repeat:no-repeat;
	background-position:90% 75%; */
}

.subTabMenu .ui-subTabs .ui-subTabLabel:hover {background-color:#FF9900; color:#FFF;}


.subTabMenu .ui-subTabs .ui-subTabLabel:hover .subtext {background-color:#FF9900; color:#FFF;}

.ui-popupBarSubTab .ui-subTabLabel.vertical.ui-rotate90min.selected .ui-flipVertical {
    background-color: #87cfcf;
    border:1px solid #ffffff;
    -moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;	

}

.ui-popupBarSubTab .ui-product-grid-popup-overlay-box {
    background:#87cfcf;
    min-height:119px;
}


.ui-popupOverlaySubTab .ui-popupCloseBtn {padding-right:1%;}

.ui-popupOverlaySubTab .borderRight{
	height:100%;
	width:10%;
	margin-left:0px;
}

/* OVERLAY SUBTABS */


/* generic subTabs */
  
.ui-subTabsVertical {
	float:right; 
	font-size:0.8em; 
	width:100%; 
	background-color:white;
	border-left: 3px solid #FF9900;
	position:relative;
	margin-right:-3px;
 }

.lt-ie9 .ui-subTabsVertical{
/* 	margin-right:-47px; */
	}
.ui-subTabsVerticalWrapper{
	left: auto;
    overflow: hidden;
    position:fixed; 
    top: 152px;
    width: 48px;
    margin-left: 0px;
    left:0px;
    z-index:10;
    }

.ui-subTabs {position:reltative; font-size:0.8em;}
.ui-subTabs .ui-subTabLabel {margin: 0 5px 5px 0; padding:5px; cursor:pointer;}
.ui-subTabs .ui-subTabLabel.vertical {margin: 0; height:110px; width:110px; border-left: 2px solid #f1f1f1;
/* border-right: 2px solid #ffffff; */
	
	
}

.ui-subTabs .ui-subTabLabel.selected {background-color:white;}
.ui-subTabs .ui-subTabLabel:hover {background-color:#009999; color:#FFF;}
.ui-subTabs .ui-subTabLabel:hover .subtext {background-color:#009999; color:#FFF;}
.ui-subTabs .ui-subTabLabel div {margin: 10px; font-size:16px;}
.ui-subTabs .ui-subTabLabel img {margin: 0px 5px}
.ui-subTabs .ui-subTabContent {display:none;}
.ui-subTabContent {display:none;}
.ui-subTabContent.selected{display:block;}
.ui-subTabs .ui-subTabContent.selected{display:block;}
.ui-subTabsVertical .ui-subTabLabel {height:35px; margin:auto; padding:5px; cursor:pointer;width:98%; word-wrap: break-word; }
.ui-subTabsVertical .ui-subTabLabel.selected{background-color: #009999;}
/* ENDOF generic subTabs */

/* SUBTABS */
.hiddenSubtabContent{
	display:none;
}
.visibleSubtabContent{
	margin-right: 52px;
}

/* SUBTABS RIGHT*/
.subTabRight{
	width:100%;
	/*add by sizwe
	z-index:-1;*/
}
.subTabRight > ul{
	height:100%;
	top: 134px;
	bottom: 0;
	right:0;
    position: absolute;
    width: 5%;
	background: #FFF;
	/*add by sizwe
	z-index:-1;*/
}
.subTabRight > ul li{
	margin: 0 1px 0 0;
	padding-left: 10px;
	cursor:pointer;
	height: 97px;
	/*add by sizwe
	z-index:-1;*/
}
.subTabRight > ul li span{
	display: none;
	/*add by sizwe
	z-index:-1;*/
}
.subTabRight .transactionalTab{
	margin: 20px 0 0;
	background: url("/03images/chameleon/subtabs/transactional-tab.jpg") no-repeat scroll center bottom #FFF;
}
.subTabRight .transactionalTab:hover{
	background: url("/03images/chameleon/subtabs/transactional-tab-selected.jpg") no-repeat scroll center bottom #76c4c4;
}
.subTabRight .transactionalTab.currentTab{
	background: url("/03images/chameleon/subtabs/transactional-tab-selected.jpg") no-repeat scroll center bottom #76c4c4;
}
.subTabRight .lendingTab{
	margin: 0;
	background: url("/03images/chameleon/subtabs/lending-tab.jpg") no-repeat scroll center bottom #FFF;
}
.subTabRight .lendingTab:hover{
	background: url("/03images/chameleon/subtabs/lending-tab-selected.jpg") no-repeat scroll center bottom #76c4c4;
}
.subTabRight .lendingTab.currentTab{
	background: url("/03images/chameleon/subtabs/lending-tab-selected.jpg") no-repeat scroll center bottom #76c4c4;
}
.subTabRight .investingTab{
	margin: 0;
	background: url("/03images/chameleon/subtabs/investing-tab.jpg") no-repeat scroll center bottom #FFF;
}
.subTabRight .investingTab:hover{
	background: url("/03images/chameleon/subtabs/investing-tab-selected.jpg") no-repeat scroll center bottom #76c4c4;
}
.subTabRight .investingTab.currentTab{
	background: url("/03images/chameleon/subtabs/investing-tab-selected.jpg") no-repeat scroll center bottom #76c4c4;
}
.subTabRightBlueBottom{
      
    left: 100px;
    position: fixed;
    top: 721px;
    width: 51px;
      
    
}
#salesFrame .subTabRightBlueBottom {
	display: none;
}
.subTabRightBlueBottom div {
	position: absolute;
	top:0; left:0;
	font-size: 14px;
	color: white;
	padding: 0 0 20px 0;
	width: 640px;	
	text-align: right;
}
/*SUBTABS RIGHT END*/

.ui-compareGrid * {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;	
}
.ui-compareGrid {
	width: 100%;
	table-layout:fixed;
	color: #666666;
}
.ui-compareGrid tr{
	border-right:2px solid #ffffff;
}

.ui-compareGrid .ui-compareGroupHeading {
	color: #000000;
	font-family: "FNBSansBold";
	font-size: 18px;
	padding: 12px 8px 12px 14px;
	background-color: white;
}
.ui-compareGrid .ui-compareHeadings {
	border-right: 1px solid white;
}
.ui-compareGrid .ui-compareHeading {
	border-top: 6px solid white;
}
.ui-compareGrid .ui-productBenefitHeading *,
.ui-compareGrid .ui-compareHeadingBlock * {
	color: white;
}
.ui-compareGrid .ui-compareHeadingBlock {
	margin: 10px 5px 10px 5px;
	padding: 10px 20px;
	background-color: #f90;
	border-top: 6px solid #f90;
	border-right: 6px solid #f90;
	border-bottom: 6px solid #f90;
	border-left: 6px solid #f90;
	overflow: hidden;
	font-size: 24px;
	font-family: FNBSansRegular;
	position: relative;
}
.ui-compareGrid .ui-compareHeadingBlock .ui-rotate90min{
	width: 200px;
	height: 220px;
	position: absolute;
	bottom: 0;
	font-size: 14px;
}
.ui-compareGrid .ui-compareHeadingBlock:hover {
	border-color: #fff;
}
.ui-compareGrid .ui-compareHeading,
.ui-compareGrid .ui-compareItem-value,
.ui-compareGrid .ui-compareBenefit {
	border-right: 1px solid #000000;
}
.ui-compareGrid .ui-compareHeading.last {
	-webkit-border-top-right-radius: 20px;
	-moz-border-radius-top-right: 20px;
	border-top-right-radius: 20px;
}
.ui-compareGrid .ui-compareHeading.first,
.ui-compareGrid .ui-compareGroupHeading,
.ui-compareGrid .ui-compareItem-value.first,
.ui-compareGrid .ui-compareBenefit.first {
	/* border-left: 6px solid white; */
}
.ui-compareGrid .ui-compareItems {
	border-right: 6px solid white;
}
.ui-compareGrid .ui-compareItem:hover {
	background-color: #f2f2f2;
}

.ui-compareGrid .ui-compareItem-description,
.ui-compareGrid .ui-compareItem-value {
	display: table-cell;
	vertical-align: middle;
}
.ui-compareGrid .ui-compareItem-value .ui-tickBox {
	background-color: transparent;
}
.ui-compareGrid .ui-compareItem-description {
	color: inherit;
	font-size: 15px;
	height: inherit;
	padding: 8px;
	text-align: right;
	width: inherit;
}
.ui-compareGrid .ui-compareItem-description.last {
	border-bottom: 0px;
}
.ui-compareGrid .ui-compareItem-value.last {
	border-bottom: none;
}
.ui-compareGrid .ui-compareItem-value {
	text-align: center;
	/* border-bottom: 1px solid #ccc; */
	height: 56px;
	padding: 8px;
	font-size: 12px;
}
.ui-compareGrid .ui-compareItem-value .cellInner {
	padding: 0px;
	height: 100%;
}

.ui-compareGrid .ui-compareItem-value .cellInner .cellInner-link {
	border: 0px;
}
.ui-compareGrid .ui-compareItem-value .cellInner .ui-tickBoxInner {
	padding: 0px;
	margin: 16px 0px;
}
.ui-compareGrid .ui-compareItem-value .ui-tickBox {
	border: 0px;
}
.ui-compareGrid .ui-compareItem-value.selectedO {
	background: url('/03images/chameleon/productGrid/checkDot.png') no-repeat center center transparent;
}
.ui-compareGrid .ui-popupMessage {
	bottom: 30px;
}

.ui-compareGrid .ui-compareSummary {
	position: relative;
}
.ui-compareGrid .ui-compareSummaryBubble {
position: relative;
margin: 0 4px 8px 4px;
bottom: 0;
background-color: white;
min-height: 65px;
}

.ui-compareGrid .ui-compareSummaryBubble:after {
	content: "";
	position: absolute;
	display: block;
	border-width: 12px;
	border-style: solid;
	border-top-color: white;
	border-right-color: transparent;
	border-bottom-color: transparent;
	border-left-color: white;
	bottom: -24px;
	left: 15px;
}

.ui-compareGrid .ui-compareSummaryHeading {
	height: 50%;
	padding: 5px 0 4px 10px;
	overflow: hidden;
}

.ui-compareGrid .ui-compareSummarySubHeading {
	height: 50%;
	padding: 8px 0 0 10px;
	overflow: hidden;
}

.ui-compareGrid .ui-productBenefitIncl{
	color: #0C494E;
    margin: 10px;
    font-size:14px;
    font-family: FNBSansBold;
}

.ui-compareGrid .ui-productBenefitIncl ul{
	color: #0C494E;
    font-size:14px;
    font-family: FNBSansLight;
}
.ui-compareGrid .ui-productBenefitIncl li{
	margin-top: 5px;
}
.ui-compareGrid .ui-productBenefitIncl a{
	color: #666;
}
.ui-compareGrid .ui-popupMessageAnchor {
	width: 0;
	height: 0;
	text-align: left;
}
.ui-compareGrid .labelCol {
	width: auto;
}
.ui-compareGrid .ui-shiftright {
	margin: 0;
}


.ui-productvalue-right-background{
	background-color: #ffffff;
height: 5000px;
position: fixed;
width: 833px;
z-index:-1;	
}


/* global styles */
html body #content .ui-homepage_popular_ul li div:hover
{
	color: black;
}

html body #content a:hover
{
	color: black;
	text-decoration: none;
}


html body #content .ui-buttonLabel:hover
{
	color: black;
}


.promoColumn .bannerThumb .altText {
    display:none;
}
.promoColumn .bannerThumb .thumbImage {
    margin: 0px;
    position: relative;
}
.promoColumn .bannerThumb  .thumbText {
	font-size: 14px;
}
.promoColumn .bannerThumb  .thumbText .subTxt{
	font-size: 12px;
	margin: 3px 0;
}		
.ui-home-popular .promoColumn .bannerThumb .altText {
    display:block;
}
.ui-home-popular .promoColumn .bannerThumb .thumbImage,
.ui-home-popular .promoColumn .bannerThumb .thumbText {
    display:none;
}
	

.ui-banner .BannerContainer {
	height:			100%;
	width:			100%;
	background: 	#73c7c7;
}
.slideWrapper .ui-banner .BannerContainer {
	background: 	#26A8A8;
}

.ui-banner .BannerWrapper {
	position:		relative;
	height: 		100%;
	width:			100%;
	margin:		0 auto;
	overflow:		hidden;
}
.ui-banner .BannerWrapper .copywrapper {
	position:	relative;
	left:			5%;
	top:			3%;
	float:		left;
	z-index: 	1;
	height: 	90%;
	position: relative;
}

.ui-banner .BannerWrapper .copywrapper .copy,
.ui-banner .BannerWrapper .copywrapper .copy1,
.ui-banner .BannerWrapper .copywrapper .copy2,
.ui-banner .BannerWrapper .copywrapper .copy3, 
.ui-banner .BannerWrapper .copywrapper .copy4 {
	position:		relative;
	font-size:		12px;
	color:			#fff;
	font-family:	"FNBSansRegular";
	display: 		block;
}

.ui-banner .BannerWrapper .copywrapper .copy1 {
	font-size:		36px;
}
.slideWrapper .ui-banner .BannerWrapper .copywrapper .copy1,
.slideWrapper .ui-banner .BannerWrapper .copywrapper .copy2 {
	font-size:		18px;
}

.ui-banner .BannerWrapper .copywrapper .copy2 {
	font-family:	"FNBSansLight";
	font-size:		22px;
}

.ui-banner .BannerWrapper .copywrapper .copy3 {
	font-size:		12px;
	font-family:	"FNBSansLight";
	margin-bottom:5px;
}

.ui-banner .BannerWrapper .copywrapper .copy4 {
	font-size:		12px;
	font-family:	"FNBSansLight";
}				
							
.ui-banner .BannerWrapper .imagewrapper {
	height: 100%;
	width: 100%;
	overflow: hidden;
	position: absolute;
	bottom: 0px;
	right: 0px;
}						
.ui-banner .BannerWrapper .image {
	height: 40%;
	position: absolute;
	bottom: 20px;
	right: 15px;
}		
.slideWrapper .ui-banner .BannerWrapper .BannerContainer {
	background-color: #26A8A8;
}					
.slideWrapper .ui-banner .BannerWrapper .image {
	width: auto;
	position: absolute;
	bottom: 0px;
	right: 0px;
	height: 50%;
	margin: 0 16px 8px 0;
}					
.ui-banner .BannerWrapper .ui-spacer {
	height: 8%;
	position: relative;
}
	
	
.ui-banner  .thumbImage {
    margin-left: 0px;
    margin-top: 0px;
    position: relative;
    left:5px;
}
	
.ui-banner  .thumbText {
	display:block;
}

#submitForexHistory {
	padding: 8px;
	margin: 7px;
}
.ui-userMessage {
	padding: 10px 20px;
}

.ui-video .ui-videoThumbnail { width: 215px; min-height: 122px;
	position: relative;
	margin-bottom: 10px;
	margin-right: 10px;
	cursor: pointer;
	clear:both;
}

.ui-video .ui-videoThumbnail .ui-videoThumbnail-play {
	background: url("/03images/chameleon/playBar.png") no-repeat 0 0
		transparent;
	height: 30px;
	width: 213px;
	position: absolute;
	top: 45px;
	margin-left: 3px;
}
.ui-video .ui-videoThumbnail .ui-videoThumbnail-time {
	float: right;
	padding: 6px;
	color: white;
	font-size: 15px;
}

.ui-video .ui-videoThumbnail img {
	width: 100%;
	height: 122px;
	border: 2px solid white;
	background-color: white;
}
.ui-video .ui-video-text {
	padding: 10px 10px 10px 18px;
	background: url("/03images/chameleon/orange_arrow.png") no-repeat center left transparent;
	cursor: pointer;
	text-decoration: underline;
}
.ui-video .ui-video-text:HOVER {
	text-decoration: none;
}
.ui-video .ui-videoThumbnail .ui-videoThumbnail-text {
	padding: 0 0 0 8px;
	min-height: 40px;
	font-size: 0.8em;
}
.ui-video .ui-videoThumbnail .ui-videoThumbnail-fileSize {
	font-family: FNBSansRegular;
}

.ui-video .ui-videoWrapper {
	background: url("/03images/chameleon/popupoverlay.png") repeat scroll 0 0 transparent;
	height: 100%;
	position: absolute;
	top: 0px;
	width: 100%;
	 -webkit-transform: translateZ(0);

left: 0px;
right:0px;
margin:auto;	
position: fixed;
top: 90px;

	overflow: auto;
	display: none;
	z-index: 8000;
	max-width: 1450px;
}
.xlScreen .ui-video .ui-videoWrapper {
	width: 100%;
}
.smallScreen .ui-video .ui-videoWrapper {
	left: 0px;
}
.tinyScreen .ui-video .ui-videoWrapper {
position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
}

.ui-video .ui-videoWrapper * {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.ui-video .ui-videoWrapper.videoFrameOpen {
	display: block;
	clear:both;
}

.ui-video .ui-videoWrapper .ui-videoBlockClose {
	position: absolute;
	top: 8px;
	right: 110px;
	width: 23px;
	height: 23px;
	background: url("/03images/chameleon/pop_close_btn.png") repeat scroll 0
		0 transparent;
	cursor: pointer;
}

.ui-video .ui-videoWrapper .ui-videoBlock {
	position: relative;
	top: 40px;
/* 	right: 49px; */
	background-color: #e7e7e7;
	border-top: 8px solid white;
	border-bottom: 8px solid white;
	width: 100%;
}

.ui-video .ui-videoWrapper .ui-videoPlaceHolder {
	position: relative;
	top: 18px;
	border: 4px solid white;
	border-bottom-width: 2px;
	width: 640px;
	margin: 0 auto 40px auto;
	overflow: hidden;
	background: url("/03images/chameleon/ajax-loader.gif") no-repeat scroll center center black;
}

.ui-video .ui-videoWrapper object,.ui-video .ui-videoWrapper .ui-videoObject
	{
	width: 100%;
	height: 100%;
}

.shortScreen .ui-video .ui-videoWrapper .ui-videoPlaceHolder,
.mediumScreen .ui-video .ui-videoWrapper .ui-videoPlaceHolder {
	width: 400px;
}

.smallScreen .ui-video .ui-videoWrapper .ui-videoPlaceHolder {
	width: 250px;
	margin-top: 30px;
}
.ui-video .ui-videoWrapper .ui-videoBlockClose {
	position: absolute;
	top: 8px;
	right: 110px;
}
.mediumScreen .ui-video .ui-videoWrapper .ui-videoBlockClose {
	right: 110px;
}
.tinyScreen .ui-video .ui-videoWrapper .ui-videoBlockClose {
	right: 10px;
}
.tinyScreen .ui-video .ui-videoWrapper .ui-videoBlock {
	top: 77px;
	right: 0;
}

.tinyScreen .ui-subTabsVerticalWrapper {
	z-index: 7050;
}
.MaxVideoWidth{
	width: 100%;
}
#leadFormInformationWrapper {
	display: none;
	margin: 10px 10px 0px 100px;
	font-style: italic;
	font-size: 12px;
}

/* Start simpleLayout1 */
.productSimpleLayout1LeftContent{
	width: 55%;
	left:0;
	border-left:6px solid #ffffff;
	padding:0;
}

.productSimpleLayout1LeftContent .contentPadding{
	padding: 0px 20px 10px 20px;
}

.productSimpleLayout1LeftContent .noContentPadding{
	padding: 0px 0px 0px 0px;
}

.productSimpleLayout1LeftContent .ui-product-single-infoblock table {
	padding: 0;
	margin: 0;
	width: 100%;
}

.productSimpleLayout1LeftContent td {
	font-size: 14px;
	padding: 8px;
	background-color: #DDDDDD;
	border: 1px solid #FFFFFF;
}

.productSimpleLayout1LeftContent th {
	background-color: #FFFFFF;
	padding: 8px;
	font-size: 14px;
	border: 1px solid #FFFFFF;
}

.productSimpleLayoutHeading{
	padding:30px 20px 15px 20px;
	margin:0;
}

.productSimpleLayoutHeading h1 {
	color: #000000;
	font-family: FNBSansThin;
	font-size: 36px;
	font-weight: normal;
	margin: 3px 0 0 0;
}

.productSimpleLayoutHeading p {
	color: #333;
	font-size: 14px;
	font-family: FNBSansThin;
}

.productSimpleLayout1RightContent{
	width: 25%;
	left:0;
	background-color: #9AD6D6;
	border-left: 6px solid #FFFFFF;
	padding-left: 25px;
	padding-top: 20px;
	padding-right: 25px;
	position: relative;
}

.productSimpleLayout1RightContent .ui-productMultiApply h2{
	padding-left:0px;
}

.benefitsContainer .benefitBlock{
	background-color:#99d6d6;
	background-image:url("/03images/pages/simplePageLayout/tick.png");
	background-repeat: no-repeat;
	background-size: 37px 37px;
	background-position: 10px 20px;
	padding:20px 20px 40px 60px;
	width:50%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;	
	border-right:2px solid #e7e7e7;
	border-bottom:2px solid #e7e7e7;
	min-height:100px;
	height:auto;
	word-break:break-all;
}

 .benefitsContainer .benefitBlock.even{
	border-right:none;
}

.benefitsContainer{
	clear:both;
	margin-bottom:20px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;	
	z-index:-1;
	display:table;
	table-layout: fixed;
}

.productSimpleLayout1LeftContent .ui-pdfDownload-link{
	text-decoration:underline;
}

	

/* End simpleLayout1 */

 html{
	background:#ffffff;
}

.ui-left-sidebar-top, .ui-left-sidebar-bottom , .ui-topNavMenuSlider , .ui-topNavBottomBorder{
	background:none;
}

.ui-topNavContainer{
height:60px;	
height:55px;
}

#ui-contentWrap {
padding: 75px 0 0 0;
}

.ui-company-logo {
background: url("../../03images/chameleon/frame/FNBlogo.png") no-repeat scroll 0px 0px transparent;
}

.subTabRightBlueBottom div{
	color:#000000;
	top: -79px;
	font-size: 18px;
	border-bottom: 1px solid #000000;
}



.subTabRightBlueBottom {
left: 111px;
position: fixed;
top: 791px;
width: 51px;
display:none;
}

#ui-contentWrap {
padding: 0px 0 0 0px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;	
	height:100%;
	display:table;
}


html body #content {
margin:auto;
padding-right:0;
/* background:#ffffff; */
/* margin-top:90px; */
min-height:100%;
padding:90px 0 56px 0;
height:100%;
width:100%;
}

body{
height:100%;
}

.ui-footerBorder {
background: #FFF;
height: 6px;
margin-left: 0px;
margin-right: 10px;
border-bottom:1px solid #e7e7e7;
}

#ui-headerBorder {
background: #ffffff;
height: 6px;
margin-left: 0px;
position:fixed;
width:100%;
top:82px;
z-index:9001;
border-top:1px solid #e7e7e7;
}



.footerPadding{
/* 	background:#ffffff; */
} 


/* MENU */

.ui-subMenuWrapper-bgColor{
	background:#ffffff;
}

#ui-subMenuWrapper .ui-subMenuItem{
	color:#000000;
font-size: 13px;
font-family: "FNBSansLight"; 
}

#ui-subMenuWrapper .ui-subMenuItem a{
	color:#000000;
	font-size: 13px;
	font-family: "FNBSansLight"; 
}

#ui-subMenuWrapper h1, #ui-subMenuWrapper h2, #ui-subMenuWrapper h3, #ui-subMenuWrapper h4 {
font-family: "FNBSansBold";
font-size: 18px;
color: #000000;
}

#ui-subMenuWrapper .ui-flipVertical{
	color:#daeff0;
	font-size:13px;
}

#ui-subMenuWrapper .ui-subMenuGroup.selected .ui-subMenuGroupWrapper{
	background:#ffffff;
	color:#b8b8b8;
}

.ui-subMenuWrapper-bgColor {
position: absolute;
width: 100%;
height: 3000px;
background-color: #4EB8B8;
z-index: 0;
display:none;
}

.menu_active #ui-subMenuWrapper .ui-subMenuSegment .ui-subMenuGroupItem .productsGroup{
	position:relative;
}

.ui-subMenuWrapper-inner2{

}

#ui-subMenuWrapper .ui-subMenuGroupsWrapper{
	margin-left:0px;
}

#ui-subMenuWrapper .ui-subMenuGroups{
	background:#ffffff;
	width: 20%;
	padding-top: 17px;
}

#ui-subMenuWrapper .ui-subMenuGroupItems {
background-color: #ffffff;
color: #000000;
}

#ui-subMenuWrapper .ui-subMenuGroupWrapper {
display: table-cell;
background-color: #ffffff;
color: #000000;
cursor: pointer;
font-size: 14px;
font-size: 18px;
vertical-align: bottom;
padding: 8px 10px 4px 16px;
border-bottom: none;
font-family: "FNBSansBold";
}

.menu_active #ui-subMenuWrapper .ui-subMenuSegment .ui-subMenuGroupItem .productsGroup{
	margin-left:2%;
}

#ui-subMenuWrapper .ui-subMenuSegment .ui-subMenuGroupItem{
	padding-top:0px;
}

.ui-subMenuThemes, .ui-subMenuProducts {
margin-top: 0px;
}

.menu_active #ui-subMenuWrapper .ui-subMenuSegment .ui-subMenuGroupItem .productsGroup{
	padding-top:45px;
}



.menu_active #ui-subMenuWrapper .ui-subMenuSegment .ui-subMenuGroupItem .themesHeading, .menu_active #ui-subMenuWrapper .ui-subMenuSegment .ui-subMenuGroupItem .productsHeading {
top: 5px;
}

#StandardProgressWrapper {
top: 103px;
height: 10px;
border:none;
}

#StandardProgressBar{
	height:10px;
}

#loading {
color: #fff;
font-family: FNBSansLight;
font-size: 16px;
margin: 12px 0 0 15px;
position: absolute;
}

#StandardProgressBarPercent{
	display:none;
}


.interactiveShareSwarm{
	border:none;
}

.socialIcon {
	display: inline-block;
	padding: 8px 8px 8px 0px;
}

@media print {
	body,
	.ui-table * {font-size: 12px;}
	#topMenu,
	.subTabRightBlueBottom,
	#prodSingleMenuHolder {
		display: none;
		visibility: hidden;
	}
	#footerWrapper {
		clear:both;
		float:left;
		position: absolute;
		bottom: 0;
	}
	#productSingleRightContent {
		width: 100%;
	}
}