.mainWrapper {
    background: #FFFFFF;
    height: 100%;
    margin: 0;
    overflow: hidden;
     padding-bottom: 10px;
    position: relative;
    width: 99.5%;
    z-index: 1;
}

.smallScreen .mainWrapper, .tinyScreen .mainWrapper {
    display: block;
    height: 100%;
    padding-bottom: 10px;
 }
.topWrapper {
    clear: both;
    padding-bottom: 20px;
    padding-top: 15px;
    position: relative;
    width: 100%;
    margin-left: 5%;
    z-index: 3;
 }
 .txt1, .txt2, .txt3 {
 	font-family: FNBSansRegular;
    position: relative;
 	width: 55%;
 }
 .endDate {
 	font-family: FNBSansLight;
    position: relative;
 	padding: 15px 0;
 }
 .txt1 {
 	color: #333333;
    font-size: 120%;
    line-height: 180%;
    top: 0px;
 }
  .txt2 {
 	color: #000000;
    padding-top: 10px;
    top: 0px;
    /*filer:Alpha(opacity=-1);
    webkit-opacity:-1;
    opacity:-1;
    moz-opacity:-1;*/
 }
 .amount {
 	font-size: 270%;
 }
 .amountTxt {
 	font-size: 230%;
 }
 .txtline {
 	margin-top: 10px;
 	width:55%;
 	position:relative;
 	overflow: hidden;
 }
 .topLine{
 	border:solid 1px #333333;
 	width:100%;
 	position:relative;
 	overflow:hidden;
 }
 .bottomLine{
 	background:#333333;
 	width:50%;
 	height:7px;
 	position:relative;
 }
 .txtline img {
	width: 55%;
 }
 .txt3 {
 	margin-top: 10px;
 }

 strong {
 	font-family: FNBSansBold;
 }
html body #content p {
	padding-top: 20px;
 	font-size: 95%;
 	font-family: FNBSansLight;
}
.apply {
	padding-top: 10px;	
}
.applyNow {
    background: url("/03images/chameleon/news/orange_next.jpg") no-repeat scroll 6% center #FF9900;
    color: #FFFFFF;
    cursor: pointer;
    font-family: "FNBSansRegular";
    font-size: 16px;
    padding: 5px 0 5px 25px;
    width: 80px;
}
a {
	border: none;
}
.terms {
	color: #333333;
    font-family: FNBSansRegular;
    font-size: 14px;
    padding: 15px 3px 0 0;
    position: relative;
    text-align: right;
    width: 99%;
    z-index: 3;
}
.termsDeco {
	text-decoration: underline;
}
.botWrapper {
    background: url('/03images/promotions/CardOpenSwipe/mainBg.jpg') repeat top left;	
    border-top: 1px solid #d7d7d7;	
    border-bottom: 1px solid #d7d7d7;
    clear: both;
    /*height: 10px;
    padding-bottom: 30px;*/
    height: 100%;
    padding-bottom: 30px;
    position: relative;
    width: 100%;
    overflow:hidden;
    z-index: 3;
}
.txt4 {
	margin-left: 5%;
 	position:relative;
}
.title {
 	font-size: 85%;
 	font-family: FNBSansBold;
 	line-height: 220%;
}
.txt5 {
	padding:20px 0 30px 0;
}
.txt5, .par1, .point1, .point2, .point3, .point4{
	position:relative;
	height:auto;
} 
.title1, .title2, .title3 {
	padding: 20px 0;
    position: relative;
	width: 60%;
}
.t1, .t2, .t3 {	
	cursor: pointer;
}
.greyLine {
    background: url('/03images/promotions/CardOpenSwipe/lineGrey.png') no-repeat bottom left;		
}
.arrow {
	position: absolute;
	left: 382px;
	top: 20px;
}
img.greyLine {
	width:80%;
}
.a1, .a2, .a3 {
	display: block;
}
.b1, .b2, .b3 {
	display: none;
}
img.arrow {
	width:3%;
}
.par1, .par2, .par3 {
	display: none;
 	font-size: 90%;
	padding: 20px 0;
}
.point1, .point2, .point3, .point4, .point5, .point6, .point7, .point8, .point9 {
    padding-left:35px;
    height: 45px;
    vertical-alignment: middle;
    width: 80%;	
}
.point1 {
    background: url('/03images/promotions/CardOpenSwipe/icon1.png') no-repeat top left;
}
.point2 {
    background: url('/03images/promotions/CardOpenSwipe/icon2.png') no-repeat top left;
}
.point3 {
    background: url('/03images/promotions/CardOpenSwipe/icon3.png') no-repeat top left;
}
.point4 {
    background: url('/03images/promotions/CardOpenSwipe/icon4.png') no-repeat top left;
}
.point5 {
    background: url('/03images/promotions/CardOpenSwipe/icon5.png') no-repeat top left;
}
.point6 {
    background: url('/03images/promotions/CardOpenSwipe/icon6.png') no-repeat top left;
}
.point7 {
    background: url('/03images/promotions/CardOpenSwipe/icon7.png') no-repeat top left;
}
.point8 {
    background: url('/03images/promotions/CardOpenSwipe/icon8.png') no-repeat top left;
}
.point9 {
    background: url('/03images/promotions/CardOpenSwipe/icon9.png') no-repeat top left;
}
.parAlign {
	padding-top: 8px;
    vertical-align: middle;
}
.cardsWrapper {
   	height: 200%;
    position: absolute;
    right: 0;
    top: 0;
    width: 200%;
    z-index: 2;
}
.card1 img, .card2 img, .card3 img, .card4 img {
	width: 80%;
}
.card1 {
    position: absolute;
    right: -43px;
    top: -90px;
}
.card4 {
    position: absolute;
    right: 10px;
    top: 3px;
}
.card3 {
    position: absolute;
    right: -139px;
    top: 90px;
}
.card2 {
    position: absolute;
    right: -85px;
    top: 184px;;
}
/*** ***	Device view  *** ***/
.smallScreen .topWrapper {
    margin-left: 0;
 }
.smallScreen .txt4 {
	margin-left: 0;
}
.tinyScreen .topWrapper {
    padding-top: 95px;
}
.tinyScreen .txt1 {
    font-size: 92%;
    line-height: 123%;
}
.tinyScreen .amount {
    font-size: 180%;
}
.tinyScreen .amountTxt {
    font-size: 120%;
}
.tinyScreen html body #content p {
    font-family: FNBSansLight;
    font-size: 75%;
}
.tinyScreen .txt4 {
    font-size: 80%;
}
.tinyScreen .title1, .tinyScreen .title2, .tinyScreen .title3 {
    padding: 20px 0;
    position: relative;
    width: 98%;
}
.tinyScreen .arrow {
    position: absolute;
    left: 255px;
}
.tinyScreen img.arrow {
    width: 6%;
}
.tinyScreen .card1 img, .tinyScreen .card2 img, .tinyScreen .card3 img, .tinyScreen .card4 img {
	width: 50%;
}
.tinyScreen .card1 {
    right: -93px;
    top: -54px;
}
.tinyScreen .card4 {
    right: -61px;
    top: 3px;
}
.tinyScreen .card3 {
    right: -154px;
    top: 58px;
}
.tinyScreen .card2 {
    right: -121px;
    top: 116px;
}
.tinyScreen .point1, .tinyScreen .point2, .tinyScreen .point3, .tinyScreen .point4 {
    padding-bottom: 30px;
}