.displayNone {display: none;}
.clearBoth {clear: both;}
.mobileHide {display: block;}
.mobileShow {display: none;}

.paddingTop10 {padding: 10px 0 0 0;}
.thin {font-family: "FNBSansThin";}
.paddingBottom10 {padding: 0 0 10px 0;}
.table {display: table;float: none!important;}
.tableRow {display: table-row;float: none!important;}
.tableCell {display: table-cell;float: none!important;}

.turq {color:#4DADAF;}
.turqLight{background: #8EBFC0;}

#SwitchEasyaccount div {
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;
}

#row1 {
	background: #009999;
	width: 100%;
	padding: 30px 0;
	text-align: center;
}
	#row1 h1{
		font-family: "FNBSansRegular";
		font-size: 16px;
		color: #FFF;
		border-top: 1px solid #FFF;
		border-bottom: 1px solid #FFF;
		padding: 5px 0;
		margin: 10px 0;
		display: inline;
	}
		#row1 h1 b{
			font-family: "FNBSansBold";
			font-size: 16px;
			color: #FFF;
		}
	#row1 h2.one{
		font-family: "FNBSansRegular";
		font-size: 35px;
		color: #FFF;
		margin: 20px 0 5px;
	}
	#row1 h2.two{
		font-family: "FNBSansBold";
		font-size: 45px;
		color: #FFF;
		margin: 5px 0 5px;
	}
	#row1 h2.three{
		font-family: "FNBSansRegular";
		font-size: 27px;
		color: #FFF;
		margin: 5px 0 0;
	}
	
#row2 {
	background: #00B8B8;
	padding: 40px;
	font-family: "FNBSansRegular";
	font-size: 40px;
	color: #FFF;
	text-align: center;
}
	#row2 b{
		font-family: "FNBSansBold";
		font-size: 40px;
		color: #FFF;
	}

#row3 {
	background: #FFF;
	padding: 40px 200px 40px 60px;
	position: relative;
}
	#row3 h3{
		font-family: "FNBSansBold";
		font-size: 18px;
		color: #000;
	}
	#row3 p{
		font-family: "FNBSansLight";
		font-size: 10px;
		color: #000;
	}
	#row3 .ui-button {
		background: url("/03images/chameleon/news/orange_next.jpg") no-repeat scroll 6% center #FF9900;
	    color: #FFFFFF;
	    cursor: pointer;
	    font-size: 16px;
	    padding: 7px 5px 7px 30px;
	    position: absolute;
	    right: 8px;
	    width: 180px;
	    bottom: 25%;
	}


#SwitchEasyaccount #row4 {
	background: #009999;
	width: 100%;
	padding: 25px 50px;
}	
#SwitchEasyaccount #row4 .col1 {
	width: 10%;
	float: left;
	padding: 0 10px;
}
	#SwitchEasyaccount #row4 .col1 .plusIcon{
		background: url('/03images/promotions/SwitchEasyaccount/plus.png') no-repeat;
		padding: 35px 0 0;
		font-family: "FNBSansBold";
		font-size: 10px;
		color: #FFF;
		
	}
	
#SwitchEasyaccount #row4 .col2 {
	width: 30%;
	float: left;
	padding: 0 10px;
}
#SwitchEasyaccount #row4 .col3 {
	width: 30%;
	float: left;
	padding: 0 10px;
}
#SwitchEasyaccount #row4 .col4 {
	width: 30%;
	float: left;
	padding: 0 10px;
}

#SwitchEasyaccount #row4 li {
	font-family: "FNBSansLight";
	font-size: 13px;
	color: #FFF;
	list-style: disc;
}
#SwitchEasyaccount #row4 li b{
	font-family: "FNBSansRegular";
	font-size: 13px;
	color: #FFF;
}


@media only screen and (max-width: 1200px) {
	
}
@media only screen and (max-width: 900px) {
	
}
@media only screen and (max-width: 700px) {
	#row1 {
		padding: 10px 0;
	}
		#row1 h1{
			font-size: 12px;
		}
			#row1 h1 b{
				font-family: "FNBSansBold";
				font-size: 12px;
				color: #FFF;
			}
		#row1 h2.one{
			font-family: "FNBSansRegular";
			font-size: 35px;
			color: #FFF;
			margin: 20px 0 5px;
		}
		#row1 h2.two{
			font-family: "FNBSansBold";
			font-size: 45px;
			color: #FFF;
			margin: 5px 0 5px;
		}
		#row1 h2.three{
			font-family: "FNBSansRegular";
			font-size: 27px;
			color: #FFF;
			margin: 5px 0 0;
		}
	#row2 {
		padding: 20px;
	}
	#row3 h3{
		font-family: "FNBSansBold";
		font-size: 18px!important;
		color: #000;
	}
	#SwitchEasyaccount #row4 .col1 {
		width: 100%;
		float: none;
		padding: 10px 10px;
	}
		#SwitchEasyaccount #row4 .col1 .plusIcon{
			padding: 35px 0 0;
		}
		#SwitchEasyaccount #row4 .col1 .plusIconDescription{
			font-family: "FNBSansBold";
			font-size: 10px;
			color: #FFF;
		}
	#SwitchEasyaccount #row4 .col2 {
		width: 100%;
		float: none;
	}
	#SwitchEasyaccount #row4 .col3 {
		width: 100%;
		float: none;
	}
	#SwitchEasyaccount #row4 .col4 {
		width: 100%;
		float: none;
	}
	#row3 .ui-button {
	    font-size: 16px;
	    position: absolute;
	    right: 0;
    	bottom: 5px;
	}
	#row3 {
		padding: 10px 10px 45px 10px;
	}
	#SwitchEasyaccount #row4 {
		padding: 10px 10px;
	}
	.mobileHide {display: none;}
	.mobileShow {display: block;}
}
@media only screen and (max-width: 400px) {
	
}