/* Reset */
html{-webkit-text-size-adjust: none;}
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
li{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}
ins{background-color:#ff9;color:#000;text-decoration:none}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0;table-layout:fixed;}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
input,select{vertical-align:middle}
sup {font-weight: normal;}
.last{padding-bottom:0 !important;}
/* App Layout */
.fleft{
	float:left;
}
.fright{
	float:right;
}
.header{
			background:url("/english/images/tablet/app/headerBg.jpg") repeat-x top;
			overflow:hidden;
		}
		
		
		.google_translate_element, .skiptranslate {display:none;visibility:hidden;}
		body {top:0px !important;}

.topSec{
		overflow:hidden;
		box-shadow: 0px 10px 15px #CCC;
		z-index: 10;
		position: relative;
	}
.topSecNavBar{
	height:46px;
	background: #fdfdfd;
	background: -moz-linear-gradient(top,  #fdfdfd 0%, #dddddd 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfdfd), color-stop(100%,#dddddd));
	background: -webkit-linear-gradient(top,  #fdfdfd 0%,#dddddd 100%);
	background: -o-linear-gradient(top,  #fdfdfd 0%,#dddddd 100%);
	background: -ms-linear-gradient(top,  #fdfdfd 0%,#dddddd 100%);
	background: linear-gradient(to bottom,  #fdfdfd 0%,#dddddd 100%);
}
.topSecBtn{
	float:left;
	margin: 8px 0 0 12px;
}
.topSecBtn li{
	float:left;
	margin:0 0 0 10px;
}
.topSecBtn li a{
	border:1px #acacac solid;
	padding:6px 15px;
	font-size:14px;
	font-weight:bold;
	color:#464646;
	display:block;
	background: #eeeeee;
	background: -moz-linear-gradient(top,  #eeeeee 0%, #cdcdcd 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#cdcdcd));
	background: -webkit-linear-gradient(top,  #eeeeee 0%,#cdcdcd 100%);
	background: -o-linear-gradient(top,  #eeeeee 0%,#cdcdcd 100%);
	background: -ms-linear-gradient(top,  #eeeeee 0%,#cdcdcd 100%);
	background: linear-gradient(to bottom,  #eeeeee 0%,#cdcdcd 100%);
}
.topSecBtn li.back a{
	position: relative;  
}
.topSecBtn li.back a span{
	position: absolute;
	width: 19px;
	height: 19px;
	position: absolute;
background: -moz-linear-gradient(-45deg,  #eeeeee 0%, #cdcdcd 100%);
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#eeeeee), color-stop(100%,#cdcdcd));
background: -webkit-linear-gradient(-45deg,  #eeeeee 0%,#cdcdcd 100%);
background: -o-linear-gradient(-45deg,  #eeeeee 0%,#cdcdcd 100%);
background: -ms-linear-gradient(-45deg,  #eeeeee 0%,#cdcdcd 100%);
background: linear-gradient(135deg,  #eeeeee 0%,#cdcdcd 100%);

	-webkit-transform: rotate(45deg) skew(5deg, 5deg);
	top: 4px;
	left: -11px;
	border-left: 1px #acacac solid;
	border-bottom: 1px #acacac solid;
	-webkit-mask-image : 
}
.topClose{
	float:right;
	width:20px;
	height:20px;
	display:block;
	background:url("/english/images/tablet/app/close.png") no-repeat;
	margin:12px 25px 0 0;
}

.topSecTitleBar{
	height:87px;
	border-top:1px #bdbdbd solid;
	background: #d8d8d8;
	background: -moz-linear-gradient(top,  #d8d8d8 0%, #ffffff 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d8d8d8), color-stop(100%,#ffffff));
	background: -webkit-linear-gradient(top,  #d8d8d8 0%,#ffffff 100%);
	background: -o-linear-gradient(top,  #d8d8d8 0%,#ffffff 100%);
	background: -ms-linear-gradient(top,  #d8d8d8 0%,#ffffff 100%);
	background: linear-gradient(to bottom,  #d8d8d8 0%,#ffffff 100%);
}

.topSecTitleBar h1{
	font-family: Helvetica;
	font-size: 40px;
	color: #0d3a61;
	line-height: normal;
	margin: 20px 0 0 30px;
}
.compareBtn{
	float:right;
	margin:15px 15px 0 0;
	border-radius:2px;
}
.compareBtn li{
	float:left;
	border:1px #b0b0b0 solid;
	border-right:0;
}
.compareBtn li:last-child{
	border-right:1px #b0b0b0 solid;
}
.compareBtn li:first-child, .compareBtn li:first-child a{
	border-radius:3px 0 0 3px;
}
.compareBtn li:last-child, .compareBtn li:last-child a{
	border-radius:0 3px 3px 0;
}
.compareBtn li a{
	display:block;
	padding:15px 20px;
	font-size:14px;
	font-weight:bold;
	background: #eeeeee;
	background: -moz-linear-gradient(top,  #eeeeee 0%, #cfcfcf 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#cfcfcf));
	background: -webkit-linear-gradient(top,  #eeeeee 0%,#cfcfcf 100%);
	background: -o-linear-gradient(top,  #eeeeee 0%,#cfcfcf 100%);
	background: -ms-linear-gradient(top,  #eeeeee 0%,#cfcfcf 100%);
	background: linear-gradient(to bottom,  #eeeeee 0%,#cfcfcf 100%);
	color:#464646;
}
.compareBtn li a.active{
	background: #c9c9c9;
	background: -moz-linear-gradient(top,  #c9c9c9 0%, #efefef 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c9c9c9), color-stop(100%,#efefef));
	background: -webkit-linear-gradient(top,  #c9c9c9 0%,#efefef 100%);
	background: -o-linear-gradient(top,  #c9c9c9 0%,#efefef 100%);
	background: -ms-linear-gradient(top,  #c9c9c9 0%,#efefef 100%);
	background: linear-gradient(to bottom,  #c9c9c9 0%,#efefef 100%);
	color:#007ac3;
}
.filterSec{
	height:49px;
}
.filterTxt {
	float:left;
	color:#29B13C;
	padding:17px 0 0 20px;
	font-size:14px;
	font-weight:bold
}
.filterBtnWrap{
	position:relative;
	float:left;
	width:94px;
	margin:8px 0 0 18px;
}
.filterAppBtn{
	border:1px #acacac solid;
	display:block;
	padding:8px 15px 5px;
	font-size:14px;
	font-weight:bold;
	background: #ebebeb;
	background: -moz-linear-gradient(top,  #ebebeb 0%, #d2d2d2 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ebebeb), color-stop(100%,#d2d2d2));
	background: -webkit-linear-gradient(top,  #ebebeb 0%,#d2d2d2 100%);
	background: -o-linear-gradient(top,  #ebebeb 0%,#d2d2d2 100%);
	background: -ms-linear-gradient(top,  #ebebeb 0%,#d2d2d2 100%);
	background: linear-gradient(to bottom,  #ebebeb 0%,#d2d2d2 100%);
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}

.hint {
	padding:5px;
	position: absolute;
	border: 1px solid #006cb3;
	top:40px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	width:280px;
	background: #1786bc;
	background: -moz-linear-gradient(top,  #1786bc 0%, #176cb3 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1786bc), color-stop(100%,#176cb3));
	background: -webkit-linear-gradient(top,  #1786bc 0%,#176cb3 100%);
	background: -o-linear-gradient(top,  #1786bc 0%,#176cb3 100%);
	background: -ms-linear-gradient(top,  #1786bc 0%,#176cb3 100%);
	background: linear-gradient(to bottom,  #1786bc 0%,#176cb3 100%);
	z-index: 2;
}

.hint:after, .hint:before {
	border: solid transparent;
	content: ' ';
	height: 0;
	position: absolute;
	width: 0;
}

.hint:after {
	border-width: 8px;
	border-bottom-color: #1786bc;
	bottom: 100%;
	left:37px;
}

.hint:before {
	border-width: 10px;
	border-bottom-color: #006cb3;
	bottom: 100%;
	left:35px;
}

.hintTop{
	overflow:hidden;
	padding:5px 0 10px;
}

.hintTop a{
	border:1px #0c5e93 solid;
	color:#FFF;
	padding:5px 8px;
	background: #1d8bc7;
	background: -moz-linear-gradient(top,  #1d8bc7 0%, #1372b5 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1d8bc7), color-stop(100%,#1372b5));
	background: -webkit-linear-gradient(top,  #1d8bc7 0%,#1372b5 100%);
	background: -o-linear-gradient(top,  #1d8bc7 0%,#1372b5 100%);
	background: -ms-linear-gradient(top,  #1d8bc7 0%,#1372b5 100%);
	background: linear-gradient(to bottom,  #1d8bc7 0%,#1372b5 100%);
}
.hintTitle{
	color:#fff;
	text-align:center;
	font-size:20px;
	font-weight:bold;
}

.hintBottom{
	overflow:hidden;
	padding:10px;
	display:none;
	background: #ffffff;
	background: -moz-linear-gradient(top,  #ffffff 0%, #e7e7e7 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e7e7e7));
	background: -webkit-linear-gradient(top,  #ffffff 0%,#e7e7e7 100%);
	background: -o-linear-gradient(top,  #ffffff 0%,#e7e7e7 100%);
	background: -ms-linear-gradient(top,  #ffffff 0%,#e7e7e7 100%);
	background: linear-gradient(to bottom,  #ffffff 0%,#e7e7e7 100%);
	border-radius: 0 0 5px 5px;
}

.hintBottom a{
	
	padding:5px 8px;
	font-size:12px;
	font-weight:bold;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}
.hintBottom a.clear{
	background: #f9ecc0;
	background: -moz-linear-gradient(top,  #f9ecc0 0%, #f6e19a 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9ecc0), color-stop(100%,#f6e19a));
	background: -webkit-linear-gradient(top,  #f9ecc0 0%,#f6e19a 100%);
	background: -o-linear-gradient(top,  #f9ecc0 0%,#f6e19a 100%);
	background: -ms-linear-gradient(top,  #f9ecc0 0%,#f6e19a 100%);
	background: linear-gradient(to bottom,  #f9ecc0 0%,#f6e19a 100%);
	border:1px #e5d07e solid;
	color:#bba139;
}

.hintBottom a.go{
	background: #eef7d8;
	background: -moz-linear-gradient(top,  #eef7d8 0%, #e2f2be 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eef7d8), color-stop(100%,#e2f2be));
	background: -webkit-linear-gradient(top,  #eef7d8 0%,#e2f2be 100%);
	background: -o-linear-gradient(top,  #eef7d8 0%,#e2f2be 100%);
	background: -ms-linear-gradient(top,  #eef7d8 0%,#e2f2be 100%);
	background: linear-gradient(to bottom,  #eef7d8 0%,#e2f2be 100%);
	border:1px #cbdca6 solid;
	color:#7f9d3d;
}

.filterContent{
	font-size:16px;
}

.filterContent ul li{
	background: #f4f3f2;
	background: -moz-linear-gradient(top,  #f4f3f2 0%, #eceff0 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f3f2), color-stop(100%,#eceff0));
	background: -webkit-linear-gradient(top,  #f4f3f2 0%,#eceff0 100%);
	background: -o-linear-gradient(top,  #f4f3f2 0%,#eceff0 100%);
	background: -ms-linear-gradient(top,  #f4f3f2 0%,#eceff0 100%);
	background: linear-gradient(to bottom,  #f4f3f2 0%,#eceff0 100%);
	border-bottom:1px #d5d5d5 solid;
	padding:10px;
	color:#757f8a;
}

#rangeDetail, #featuresDetail{
	display:none;
}
.contentSecWrap{
	background:#ededed;
	overflow:hidden;
	padding:35px 20px 0;
	border-top:1px #acacac solid;
}
.contentSec{
	margin:0 0 30px;
}
/* App Layout */

/* common */
@font-face {
	font-family: "interstate";
	font-style: normal;
	font-weight: normal;
	src: url("/english/fonts/interstaterom-webfont.eot?#iefix") format("embedded-opentype"), url("/english/fonts/interstaterom-webfont.woff") format("woff"), url("/english/fonts/interstaterom-webfont.ttf") format("truetype"), url("/english/fonts/interstaterom-webfont.svg#Citibank") format("svg");
}
.pullLeft{
	float:left;
}
.pullRight{
	float:right;
}

a {color: #3399CC;outline: medium none;text-decoration: none;}

img{
	max-width:100%;
}
 img.bannerProdTileImg{
	width:100%;
}
.clear{clear:both;}
h1 {color: #000000;font-size: 20px;font-weight: normal;line-height: 20px;}
h2 {font-size: 16px;padding: 0 0 10px;}
h3 {font-size: 14px;padding: 0 0 10px;}
h4 {font-size: 12px;font-weight: bold;padding: 0 0 10px;}

p{padding:0 0 10px;}
{padding-bottom:0}
.cardSelectList.last {border-bottom: none !important;}
.divider {border-bottom: 1px dotted #CCCCCC;margin-bottom: 20px;}
.redClr{color:#FF0000;}
.redColTxt{color:#FE3434;}
.whiteClr{color:#fff;}
.commonSpacing{margin-top:10px;}
.commonPadHolder{padding:0 10px;}
.commonPadHolder.commonPtop{margin:10px 0 0 0;}

.txtCenter{text-align:center !important;}
.tabInnBgTxt{font-size:18px;}
.facebShare{overflow:hidden; margin:0 10px 15px 10px;}

.fader{height:143px;overflow:hidden;width:228px;}
/* Layout */
body {color: #555555; font-family: arial,verdana,times New Roman;font-size: 12px;}
#container{ margin: 0;overflow: hidden;width: 100%;}



#header {background:#ddd;}
	.topMenu{background:url('/english/images/topMenu.jpg') repeat-x top;height:22px;color:#FFF;font-size: 11px;padding:0 10px;}
	.topMenu li{list-style:none}
		ul.topMenuLeft {float: left;}
		ul.topMenuLeft li{padding:5px 0 0 0;}

		ul.topMenuRight {float:right;}
		ul.topMenuRight li {float: left;margin: 0 8px 0 0;}
		ul.topMenuRight li a {color: #FFFFFF;display: inline-block;padding: 5px 0 0;}
		ul.topMenuRight li.divideBar {font-size: 10.5px;margin: 0;padding: 5px 0 0;}
		ul.topMenuRight li.flyout a.mainLinks {background: url("/english/images/main-links.png") no-repeat 8px 8px;cursor: pointer;display: inline-block;margin: 0;padding: 5px 8px 6px 24px;}
	.dropFlyout {background: none repeat scroll 0 0 #FFFFFF;border: 1px solid #CCCCCC;border-radius: 0 0 10px 10px;box-shadow: 0 5px 14px -7px #3D3D3D;display: none;padding: 10px 0;position: absolute;right: 0;top: 22px;width: 170px;z-index: 9;}
	
		ul.topMenuRight li.search .innerwrap {background: none repeat scroll 0 0 #FFFFFF;height: 15px;margin: 3px 0 0;padding: 0 5px;width: 156px;}
		ul.topMenuRight li.search input.searchBox {background: none;border: none;float: left;font-size: 10px;margin: 0;outline: none;padding: 1px 0 0;width: 113px;}
		ul.topMenuRight li .searchIcon {background: url("/english/images/searchIcon.png") no-repeat 0 2px;display: inline-block;float: left;height: 15px;width: 16px;}
		ul.topMenuRight li.search input.searchBtn {background: none;border:none;cursor: pointer;float: right;font-size: 10px;margin: 1px 0 0;outline: none;padding: 0;width: 27px;}
		ul.topMenuRight li.last {margin:0;}

	.importantLinks{position:relative;}
	.importantLinks .dropLink{background: url("/english/images/main-links.png") no-repeat 8px 8px;padding: 5px 8px 0 24px;}
	.importantLinks .dropdown{position:absolute;border:2px #00609A solid;width:150px;padding:5px;background:#FDFDFD;z-index:2;color:#74808C;top:30px;right:10px;border-radius: 5px;display:none;}
	.dropdownArrow{position:absolute;background: url("/english/images/tablet/dropDownarrow.png") no-repeat scroll 0 0 transparent;width:25px;height:13px;top:-13px;right:20px;}
	.importantLinks .dropdown ul{width:100%;border:1px #ccc solid;border-bottom:none;}
	.importantLinks .dropdown ul li{display: block;float: inherit;margin: inherit;padding: inherit;border-bottom:1px #ccc solid;font-size:12px;}
	.importantLinks .dropdown ul li a{color: #74808C;display: block;padding: 5px;background: #F7F7F7;}
	.importantLinks .dropdown ul li a:hover{background:#004B8F;color:#FFF;}

	.searchMobWrap{display:none;}

	.banner{background: url("/english/images/banner.jpg") repeat-x 0 bottom;height:44px;}
		.mainMenu {padding: 7px 7px 0;}
		.mainMenuIcon, .logOutIcon {height: 28px;margin-top: 3px;width: 82px;}
		.mainMenuIcon {background: url("/english/images/tablet/menuOff.png") no-repeat 0 0;float: right;margin: 3px 0 0 10px;}
		.logOutIcon {background: url("/english/images/tablet/signOff.png") no-repeat 0 0;float: right;}
		.mainMenuIcon.active {background: url("/english/images/tablet/menuOn.png") no-repeat scroll 0 0 transparent;}
	.logo {background: url("/english/images/tablet/logo.png") no-repeat  0 0 ;background-size:58px 30px;display: block;float: left;height: 30px;margin: 0 auto;width: 58px;}
	.pageTitle {color: #FFFFFF;font-size: 16px;font-weight: bold;height: 21px;margin: 0 180px;text-align: center;}
	.leftNavIcon {background: url("/english/images/tablet/cardDropdown.png") no-repeat 0 0;background-size:100% 100%;display: block;height: 16px;margin: 0 auto;width: 88px;}
	.leftNavIconDown {background: url("/english/images/tablet/cardDroptop.png") no-repeat 0 0;background-size:100% 100%;display: block;height: 16px;margin: 0 auto;width: 88px;}

#nav {display: none;position: absolute;width: 268px;right:0;z-index: 9999;}
	ul.mainNavList{background:#003777;}
	ul.mainNavList li {padding: 0;list-style:none;}
	ul.mainNavList li a{color: #FFFFFF;border-bottom: 1px solid #012A58;border-top: 1px solid #014296;display: block;padding:10px;font-weight:bold;}
	ul.mainNavList li a:hover{background: #0177B5;}

#sidebar{display:none; background:#F9FAFC;}

#leftNav {list-style-type: none;margin: 0;padding: 0;}
#leftNav li {border-bottom: 1px solid #E3E5E4;border-top: 0 none;cursor: pointer;display: block;list-style: none outside none;overflow: hidden;}
#leftNav li a {color: #333333;display: inline-block;padding: 12px 0 12px 5px;width: 85%;}
#leftNav li a.listActive {font-weight: bold;}
#leftNav li span {display: block;float: right;}
#leftNav li span.rightArrow {background: url("/english/images/tablet/arrow.png") no-repeat 0 0;display: block; float: right;height: 14px;margin: 16px 10px 0 0;padding: 0;width: 14px;}
#leftNav li span.rightArrow.listActive {background: url("/english/images/tablet/arrowDown.png") no-repeat 0 0;color: #333333;font-weight: bold;}
#leftNav li span.rightArrowSub {background: url("/english/images/left-nav.png") no-repeat scroll right -81px transparent;width: 21px;padding: 10px 0 0;display: block;margin-top:8px;height: 18px;}
#leftNav li span.rightArrowSub.listActive {background-image: url("/english/images/left-nav.png");background-color: transparent;background-repeat: no-repeat;background-position: right -132px;margin-top:18px;height: 18px;}
#leftNav li ul.leftNavSubLinks {background:#F0F0F2;border-top: 1px solid #E3E4E6;display: none;padding: 0;}
#leftNav li ul.leftNavSubLinks li:last-child {border-bottom: medium none;}
#leftNav li ul.leftNavSubLinks li a {padding: 17px 0 17px 15px;}

.linkListHldr{padding:10px;}
.linkListHldr li{list-style:none;}
.linkListDetails {clear: both;display: none;margin-left: 20px;margin-top: 10px;}
.showHideHldr{float:left;padding:0;}
.hideDetails, .showDetails{display: inline-block;float: left;height: 14px;margin-right: 6px;width: 14px;vertical-align: middle;}
.hideDetails {background: url("/english/images/minus.png") no-repeat 0 0;}
.showDetails {background: url("/english/images/plus.png") no-repeat 0 0;}

.linkListSpace{padding:10px 0 0 15px;}
ul.linkList li{background: url("/english/images/grayarrow.png") no-repeat scroll 0 3px transparent;padding: 0 0 10px 15px !important;list-style:none;}

#main{padding:0px;}

.checkList li{background: url("/english/images/green-checkmark.gif") no-repeat 0 3px;line-height: 16px;list-style: none;padding: 0 0 15px 25px;}
.checkList li.last{padding-bottom:0}

	.getDetail{padding:0;}
	.getDetail li{list-style: none;float:left;}
	
	.topContentAplyWrap{padding: 15px 0 0;}
		.topContentAplyWrap a, .topBoxBtn a {font-size: 14px;font-weight: bold; padding: 7px 0; text-align: center; width: 170px;}

.productsListContWrap .greyBtn, .productsListContWrap .blueBtn{width: auto; padding:6px 7px; font-size:12px;}
	.greyBtn, .blueBtn, .addCompareBtn, .CompareNowBtn{border-radius: 2px;color: #FFFFFF;display: inline-block;font-size: 12px;padding: 7px 0;text-align: center;width: 170px;font-weight: bold;}
	.blueBtn, .greyBtn {background: #88daef;background: -moz-linear-gradient(top, #88daef 0%, #43b4df 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#88daef), color-stop(100%,#43b4df));background: -webkit-linear-gradient(top, #88daef 0%,#43b4df 100%);background: -o-linear-gradient(top, #88daef 0%,#43b4df 100%);background: -ms-linear-gradient(top, #88daef 0%,#43b4df 100%);background: linear-gradient(to bottom, #88daef 0%,#43b4df 100%);border: 1px #43b4df solid;}
	.addCompareBtn {background: #f9f9f9;background: -moz-linear-gradient(top, #f9f9f9 0%, #e3e3e3 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#e3e3e3));background: -webkit-linear-gradient(top, #f9f9f9 0%,#e3e3e3 100%);background: -o-linear-gradient(top, #f9f9f9 0%,#e3e3e3 100%);background: -ms-linear-gradient(top, #f9f9f9 0%,#e3e3e3 100%);background: linear-gradient(to bottom, #f9f9f9 0%,#e3e3e3 100%);border: 1px #bbbbbb solid;color: #707070;float: left;margin: 15px 0 0;}
	.CompareNowBtn {background: #e8eff8;background: -moz-linear-gradient(top, #e8eff8 0%, #f7f9fb 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e8eff8), color-stop(100%,#f7f9fb));background: -webkit-linear-gradient(top, #e8eff8 0%,#f7f9fb 100%);background: -o-linear-gradient(top, #e8eff8 0%,#f7f9fb 100%);background: -ms-linear-gradient(top, #e8eff8 0%,#f7f9fb 100%);background: linear-gradient(to bottom, #e8eff8 0%,#f7f9fb 100%);-webkit-box-shadow: 0px 0px 2px 1px #ecf3fa;border: 1px #79bcff solid;color: #3399cc;float: left;margin: 15px 0 0;}

ul.breadCrumb {color: #666666;overflow: hidden;padding: 5px 10px 4px;}
ul.breadCrumb li {display: inline-block;float: left;font-size: 11px;padding: 0 4px 0 0;}
ul.breadCrumb li a {color: #666666;}
ul.breadCrumb li.active {color: #000000;padding: 0;}

.overview {padding: 0 10px 20px 10px;}
.overview.first {padding: 0 10px 0px;}

.tabBtnBlock {padding:0px 25px 15px 10px;overflow:hidden;}
	
	.commLikeArea{margin:0 0 20px 10px;  width:98%;}
		
	
	.topBox .topBoxInner, .topBox .topBoxInnBlock{overflow:hidden;}
		.topBox .topBoxInner{float:left;width:72%;}
			.topBox .topBoxInner ul.giftVocher{margin:0 0 10px 0;overflow:hidden;}
				.topBox .topBoxInner ul.giftVocher li{width:100px;margin-right:5px;float:left;}
			.topBox .topBoxInner .left {float: left; width:175px;}
			.topBox .topBoxInner .right {float: left; margin-left:20px; width:65%;}
				.topBox .topBoxInner .right ul li {background: url("/english/images/green-checkmark.gif") no-repeat scroll 0 4px transparent;line-height: 16px;padding: 0 0 15px 25px;}
			
			.topBox .topBoxInnBlock .topBoxInnBckCont{width:70%;float:left;}
			.topBox .topBoxInnBlock .topBoxInnBckCont ul li {background: url("/english/images/green-checkmark.gif") no-repeat scroll 0 4px transparent;line-height: 16px;padding: 0 0 15px 25px;}
			.topBoxInnBlock .topContentAplyWrap{float:left;margin-left:20px;width: 17%;}
		
		.topBox .topBoxBtn {margin-top: 5px; padding: 20px 0 30px 0;float: left;width:25%;}
			.topBoxBtn .left {float: left;}
			.topBoxBtn .right {float: right;}
			.topBoxBtn .pullRight{float:none;}

				/*ul.topBoxBtnLst{display:block;}
					ul.topBoxBtnLst li{float:left; padding-right:10px; font-size:11px;}
						ul.topBoxBtnLst li a.facebookIcon{ background-image: url("/english/images/facebookIcon.png");}
						ul.topBoxBtnLst li a.facebookIcon{ background-repeat: no-repeat;background-size: contain;border-radius: 3px 3px 3px 3px;cursor: pointer;display: inline-block;height: 18px;width: 18px;z-index: 1;}
						ul.topBoxBtnLst li.clsPadTop{padding-top:2px;}*/
	

.bannerHolder{position:relative; margin-bottom:10px;width: 100%;}
.bannerProd{position: relative;margin:0 0 10px; width:100%;}
.fullBanner {width: 100%;}
.bannerTitle{color: #FFFFFF;display: block;font-family: "interstate";padding: 0 20px 0 0;position: absolute;z-index: 1;left:42%; width:58%;}
	.bannerTitle.bannerTitleWOImg{color: #FFFFFF;display: block;font-family: "interstate";padding: 0 20px 0 14px;position: absolute;z-index:1;left:0%; width:361px;}
.largeTitle{font-size: 24px;line-height: 30px;padding: 0;}
.mediumTitle{font-size: 18px;line-height: 24px;padding: 8px 0 0;}
.smallTitle{font-size: 12px;line-height: 18px;padding: 4px 0 0;}
.bannerBtn{position:absolute; bottom:15px; right:15px; z-index: 9;}

.airAsiaBlock{position: relative;margin:0 0px 25px 0px; overflow:hidden;}
	.airAsiaBlock .bannerTitle{color: #FFFFFF;display: block;font-family: "interstate";padding: 20px 20px 0 10px;position: absolute;z-index:1;left:0%; width:450px;}
	.airAsiaBlock .largeTitle{font-size: 35px;line-height: 30px;padding: 0 0 10px 0;}
	.airAsiaBlock .smallTitle{font-size: 12px;line-height: 18px;padding: 4px 0 0;}

.bannerProdTile{margin-bottom:15px;}
.bannerProdTile .bannerSubTitle{color: #555555;display: block;font-family: "interstate";padding: 0 20px 0 0;position: absolute;z-index: 1;left:0;}
.bannerProdTile .largeSubTitle{font-size: 21px;line-height: 30px;padding: 10px 20px 0 10px;}

.learnMoreLink {text-align: right;padding-top:15px;}
	.learnMoreLink a { background: url("/english/images/learn-more.png") no-repeat scroll right 2px transparent;color: #FFFFFF;font-weight: bold;height: 9px;padding-right: 12px;width: 5px;}

/* Header Slider */
#slides {position: relative;width: 100% !important;}
.slidesjs-slide{width:100%;}
	#slides img, #Proslides img{width:100%;}
	#slides .fullBanner {left: 0;}
	.flex-control-nav{bottom: 18px;}
	.flex-control-paging li a, .flex-control-paging li a:hover {background: url("../images/off.png") 0 0 no-repeat;width: 14px;height: 14px;display: inline-block;color: #fff;}
	.flex-control-paging li a.flex-active {background: url("../images/on.png") 0 0 no-repeat;width: 14px;height: 14px;display: inline-block;}
ul.headSlideArrow{padding:10px 0 10px;}
	ul.headSlideArrow li {background: url("/english/images/head-slider-arrow.png") no-repeat scroll 0 3px transparent; padding: 0 0 5px 10px;list-style: none;font-size:11px;}

.headSlideArrowTop{padding:5px 0 0 0;}
		p.headSlideArrow{background: url("/english/images/head-slider-arrow.png") no-repeat scroll 0 3px transparent; padding: 0 0 5px 10px;list-style: none;font-size:11px;}
.bannerSlider{position:relative;height: 221px;width: 100%;margin-bottom:20px;}
ul.slidesjs-pagination{ position:absolute;bottom:18px;left:320px;margin: 0 auto;overflow: hidden;width: 150px;z-index:999;}
ul.slidesjs-pagination li{float:left;margin-right:5px;}
ul.slidesjs-pagination li a{background:url("../images/off.png") 0 0 no-repeat;width:14px;height:14px;display:inline-block;color:#fff;}
ul.slidesjs-pagination li a.active{background:url("../images/on.png") 0 0 no-repeat;width:14px;height:14px;display:inline-block;}
#slides{position:relative;}
#slides .fullBanner{left:0;}



.topContentArea{background:#EDEDED;border-bottom: 1px dotted #999999;border-top: 1px dotted #999999;margin: 0 0 25px;overflow: hidden;padding: 15px 20px 15px;}	

	/*ol.listnumber {list-style-type: none;margin: 0;padding: 0 0 11px 22px;}
	ol.listnumber li {color: #666666;line-height: 20px;list-style-type: decimal;padding-bottom: 3px;}*/
	ul.tickList {list-style-type: none;margin: 0;padding: 0;}
		ul.tickList li {background: url("/english/images/green-checkmark.gif") no-repeat scroll 0 3px transparent;list-style: none outside none;padding: 0 0 15px 25px;}

.CommonWrapperTwo{overflow:hidden; width:98.7%; padding:0 10px;}
.CommonWrapperThree{overflow:hidden; width:97%; padding:0 10px;}
.CommonWrapperTwo .left{width:290px; float:left;}
.CommonWrapperTwo .right, .CommonWrapperThree .right{margin:0 10px 20px 0px; float:right;}
.CommonWrapperThree .left{float:left;}
.CommonWrapper.noPadBtm{padding-bottom:0px;}
.CommonWrapper{padding:0 10px 20px 10px;}
.topContentAplyApp{width:27%;float:right;}
.FormCommonWrapper{padding:20px 10px;}
.tabsWrapper {margin: 0 10px 15px;clear: both;}

.readyTab1, .readyTab2{position:relative;width:100%;overflow:hidden;}
.commonTabHdr{padding:10px 10px 20px 10px;font-size:16px;font-weight:bold;}
.readyTab1 a.showArrow, .readyTab1 a.showArrow{background: url("/english/images/tablet/show.png") no-repeat scroll right bottom transparent;background-size: 31px 31px;height:32px;width:32px;display:inline-block;}
.readyTab2 a.hideArrow, .readyTab2 a.hideArrow{background: url("/english/images/tablet/hide.png") no-repeat scroll right bottom transparent;background-size: 31px 31px;height:32px;width:32px;display:inline-block;}
.readyTab1 a.showArrow, .readyTab2 a.showArrow, .readyTab1 a.hideArrow, .readyTab2 a.hideArrow{position:absolute;top:8px;right:24px;}
.existingCustomer, .newCredit{display:none;}

.readyCreditTab{display:none !important;}
.tabsWrapperForm{padding-bottom:20px; overflow:hidden;}
.tabContentWrapPad{padding:10px 10px 0 10px;}

.tabsContainer {background: url("/english/images/tablet/tabBg.png") repeat scroll 0 -1px transparent;border-left: 1px solid #CCCCCC;border-right: 1px solid #CCCCCC;bottom: -2px;overflow: hidden;padding: 1px 0 0;position: relative;}
.tabs li{list-style:none;}
.tabs li a{border-right: 1px solid #CCCCCC;color: #26ACE1;display: block;float: left;padding: 15px 10px;}
.tabs li.active a{background: url("/english/images/tablet/tabOnbg.png") repeat-x scroll 0 0 transparent;color: #4A9F26;text-decoration: none;}
.tabs li.tabClose a {background: url("/english/images/tablet/tabArrowup.png") no-repeat center center;height: 12px;width: 24px;}
.tabs li.tabClose.activeArrow a{background: url("/english/images/tablet/tabArrowdown.png") no-repeat center center;}

.tabContentWrap {padding:20px 22px;border:1px solid #c1c1c1;border-radius:0px;background:#fdfdfd url("/english/images/tablet/tabBottomgrad.png")  bottom repeat-x;}
.tabContent {display: none;}
.active_content{display:block;}

.tabProBlock{width:100%; margin:0 0 10px 0;}
	.tabProBlockInn{overflow:hidden; width:100%; border-bottom:1px dotted #cccccc; padding:10px 0;}
		.tabProBlockInn .left{float:left;  width:150px;}
		.tabProBlockInn .right{float:left; padding-left:20px; width:75%;}
		.tabProBlockInn.noBorderLast{border-bottom:none; padding-bottom:0px;}
		.tabProInnBtn{overflow:hidden; width:100%; margin-bottom:15px;}

.tabProBlockInn .right .clsPadTopPro{padding:30px 0 0 0;}
.tabBotBtn {padding: 15px 25px 15px 25px;overflow:hidden;}
/*.tabBotBtn.tabTopPad {padding-bottom:0px;}
.tabBotBtn.tabBotTopHead {padding-top:15px;}
.tabBotBtn.tabBotTopPad {padding-top:0px;}*/

ul.bulLst{padding:0 0 10px;}
ul.bulLst.Online{width:40%;float:left;}
	ul.bulLst li {background: url("/english/images/bullet.jpg") no-repeat scroll 0 6px transparent; padding: 0 0 8px 10px;list-style: none;line-height: 17px;}
	ul.bulLst li ul{margin:10px 0 0 0;}
	ul.bulLst li ul li{background: url("/english/images/squareBullet.jpg") no-repeat scroll 0 7px transparent;padding: 0px 0 10px 10px;}
	
	ul.bulLst li ul.numLst li{background:none;padding: 0px 0 10px 2px;  margin-left:15px;}
	ul.bulLst.last, ul.bulLst li.last, ul.bulLst li ul.numLst.last, .clsDisList ol.termsCondtn li ol.bulList.last, .clsDisList ol.termsCondtn li.last{padding-bottom:0 !important;}

ol.lowerAlpha{padding-bottom:10px;}
	ol.lowerAlpha li {padding:0 0px  5px;margin:0 0 0 25px;list-style:lower-alpha;line-height: 17px;}
		ol.lowerAlpha li ol li{padding:0 0px  5px;margin:0 0 0 25px;list-style:lower-roman;line-height: 17px;}
	
	ol.lowerAlpha li ol.bulletList li{margin:0;background: url("/english/images/bullet.jpg") no-repeat scroll 0 6px transparent; padding: 0 0 8px 10px;list-style: none;line-height: 17px;}
.clsDisList ol.lowerRoman li{padding:0 0px  5px;margin:0 0 0 25px;list-style:none;list-style:lower-roman;line-height: 17px;}

ol.lowerRomanLtr{padding-bottom:10px;}
	ol.lowerRomanLtr li{padding:0 0px  5px;margin:0 0 0 25px;list-style:lower-roman;line-height: 17px;}
		ol.lowerRomanLtr li ol{padding-top:10px;}
		ol.lowerRomanLtr li ol li{background: url("/english/images/squareBullet.jpg") no-repeat scroll 0 7px transparent;padding: 0px 0 10px 10px;list-style:none;}


ol.lowerAlphaBul{padding-bottom:10px; margin-left: -5px;}
ol.lowerAlphaBul li {padding: 6px 0 5px;margin:0 0 0 20px;list-style:lower-alpha;line-height: 17px;}
ol.lowerAlphaBul li ol{padding-top:10px;}
ol.lowerAlphaBul li ol li{background: url("/english/images/squareBullet.jpg") no-repeat scroll 0 7px transparent;padding: 0px 0 10px 10px; list-style-type:none; margin-left:0px;}

/* Common Type List */
.proPromInnLst{overflow:hidden; width:100%; padding-left:25px;}
	.proPromInnLstBlk{float:left; width:200px;}
		ol.comTypeLst{display:block;}
			ol.comTypeLst li{list-style-type:decimal; padding-bottom:8px;}

.proInnImgArea{overflow:hidden; margin:0 0 15px 0;}
	.proInnImgArea ul{display:block;}
		.proInnImgArea ul li{float:left; padding-right:30px;}

/* Graph */

.barGraph{width:100%; height:314px;}
.previous_creditlimit{width:70%;height:220px; position:absolute;  overflow:hidden;display:none;}
.effective_creditlimit{width:70%;height:220px; position:absolute; overflow:hidden;display:none;}
.graphposition{
		position:relative;float:left;margin:0px 0px 0px 10px;text-align:center;
	}
	.grphTxt{
		color:#FFFFFF; margin:0; 
	}
	.legend{
		float:left;margin:0px 12px 0px 0px;
	}
	.nolegend{
		float:left;border:1px solid white;margin:0px 12px 0px 0px;width:2.5px; 
	}
	.legendConatiner
	{
		position:relative; top:230px;display:none;
	}
	.ulContainer{
		position:relative; left:10px;height:30px;text-align:center;
	}
	.explanationContainer
	{
		position:relative; top:230px; width:468px;display:none;
	}
	.explantion{
		position:relative; width:300px; height:20px;
	}

/*Contact us form */
.formSteps{margin-bottom:15px; overflow:hidden;}
.formSteps ul{background:#F7F7F7;background: -webkit-gradient(linear, 0 0, 0 50%, from(#F7F7F7), to(#FFFFFF));background: -webkit-linear-gradient(#F7F7F7, #FFFFFF 50%);background: -moz-linear-gradient(#F7F7F7, #FFFFFF 50%);background: -ms-linear-gradient(#F7F7F7, #FFFFFF 50%);background: -o-linear-gradient(#F7F7F7, #FFFFFF 50%);background: linear-gradient(#F7F7F7, #FFFFFF 50%);-pie-background: linear-gradient(#F7F7F7, #FFFFFF 50%);min-height:43px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;margin-bottom:10px;}
.formSteps ul li{float:left;padding:6px 17px;background:url("/english/images/step_arrow.png") right center no-repeat;height:30px;}
.formSteps ul li.last{background:none;}
.formSteps ul.bulLst{padding:0 0 10px;border:none;background:none;}
.formSteps ul.bulLst li {float:none;width:auto;background: url("/english/images/bullet.jpg") no-repeat scroll 0 6px transparent; padding: 0 0 8px 10px;list-style: none;line-height: 17px;}
.formSteps ul li span.formStepList{color: #C1E0F2;font-weight: bold;padding: 7px 10px 0 0;display: inline-block;float: left;}
.formSteps ul li span.formStepCont{color: #C1C1C1;font-weight: bold;*float:left;}
.formSteps ul li span.formStepContPad{padding:7px 0 0;display:inline-block;}
.formSteps ul li.active span.formStepList{color:#3398CC;}
.formSteps ul li.active span.formStepCont{color:#333;}
.formDetailsinner ul.cLsContactus li.clsPadTopInnForm{padding-top:24px;}
.offsmall {width: 15px !important; border:1px solid #ccc;}
.formDetailsinner ul.cLsContactus li.clsInnFormWid{width:417px !important;}
.formDetailsinner ul.cLsContactus li .rminput {width: 160px !important;}

	.contWraper{display:block; width:100%;}
	.formDetailsBlock{display:block; width:100%;}
		.formDetailsinner{ margin:0 10px 20px 10px;}
			.formDetailsinner ul{display:block;}
				.formDetailsinner ul.cLsContactus, .formDetailsinner ul.cLsContactusManual {display: block;padding: 20px 20px 20px 20px; width:96%;}
				.formDetailsinner ul.cLsContactus li{float:left;margin-right: 20px; width:219px;}
				.formDetailsinner ul.cLsContactus li.monthlyIncome{float:left;width:300px;}
					.formDetailsinner ul.cLsContactus li .inputBox {border: 1px solid #CCCCCC;font-family: Arial;width:188px;padding: 5px 6px 4px 7px;color:#555555;}
						.formDetailsinner ul.cLsContactus li .smallbox { margin-left: 10px;width: 99px !important;}
						.formDetailsinner ul.cLsContactusManual li .smallbox {width: 18px !important; height:24px; padding:0 5px;}
						.jqtransform select.cLsDropDownWidth{width:183px !important;}
						.formDetailsinner ul.lightGreyBg{background:#F7F7F7; float:left;}
						.formDetailsinner ul.darkGreyBg{background:#EAEAEA; float:left;}
						/*select{border:1px solid #cccccc; float:left; color:#555555; height:23px;  vertical-align:middle; text-align:middle;}
						select option{display:block; font-size:12px; padding:0px 15px 0px 3px; color:#555555; vertical-align:middle;}*/
						select.innSmallWdh1{width:72px;}
						ul.cLsContactus.clsPadBtmForm{padding-bottom:20px !important;}
						.formDetailsinner ul.cLsContactus.cLsContNoPadTop{padding-top:0px;}
					
			.cLsContactusManual .radioValueInn{margin:0px 0 0px 0;display:inline-block;}
				.cLsContactusManual p.radioValueInn{padding-bottom:0px;}
				.radioValueInn span{float:left;  margin:0 9px 0 0;}
				.radioValueInn span.clsManPadTop{padding-top:6px;}
				.radioValueInn span.noMarBtm{margin-bottom:0px;}
				.radioValueInn span input.smallbox2{width:60px; display:inline-block;}
				.radioValueInn span.radioValueDis input.radioValueInnSpa{margin:0 10px 0 0; display:inline-block;}
				
/*Contact us form End */
/*For Terms Conditions*/
.clsDisList ol.termsCondtn li{padding:0 0px  5px;margin:0 0 0 25px;list-style:decimal;line-height: 17px;}
.clsDisList p{padding:0 0 5px !important;}
.clsDisList p.last{padding:0;}
.clsDisList ol.termsCondtn, .clsDisList ol.termsCondtn li ol, .clsDisList ol.termsCondtn li ol li ol, .clsDisList ol.termsCondtn li ol.bulList li ol, .clsDisList ol.lowerRoman{padding:0;margin:0;}
.clsDisList ol.termsCondtn li ol.cLspadTop{margin-top:10px;}
.clsDisList ol.termsCondtn li ol li{padding:0 0px  5px;margin:0 0 0 19px;list-style:lower-alpha;line-height: 17px;*margin:0 0 0 23px;}
.clsDisList ol.termsCondtn li ol.bulList{margin:0;padding:0;}
.clsDisList ol.termsCondtn li ol.bulList li{background: url("/english/images/bullet.jpg") no-repeat scroll 0 7px transparent; padding: 0 0 5px 10px;list-style: none;line-height: 17px;margin:0;}
.clsDisList ol.termsCondtn li ol.lowerRoman li ol li{padding:0 0px  5px;margin:0 0 0 25px;list-style:lower-alpha;line-height: 17px;}
.clsDisList ol.termsCondtn li ol.lowerRoman li{padding:0 0px  5px;margin:0 0 0 25px;list-style:lower-roman;line-height: 17px;}
.clsDisList ol.termsCondtn li ol li ol li{padding:0 0px  5px;margin:0 0 0 25px;list-style:lower-roman;line-height: 17px;}
.clsDisList ol.termsCondtn li ol li ol.cLsComonTbl li{margin-left:10px !important;}
.clsDisList ol.termsCondtn li ol li ol li ol li{background: url("/english/images/bullet.jpg") no-repeat scroll 0 7px transparent; padding: 0 0 5px 10px;list-style: none;line-height: 17px;}
.clsDisList ol.termsCondtn li ol li ol li ol.cLscomonTbl li{margin:0 !important;}
.clsDisList ol li.clsPadTopBlock{margin-top:15px !important;}
.clsDisList ol li ol li.clsMarTopMin{ margin-top:-20px; *margin-top:-22px; margin-left:0px;}
.clsDisList ol li ol li.clsMarTopLft{ margin-left:0px;}





ul.bulLstDisc{padding:0 0 10px;}
ul.bulLstDisc li{background: url("/english/images/bullet.jpg") no-repeat scroll 0 6px transparent; padding: 0 0 8px 10px;list-style: none;line-height: 17px;}

ul.bulLstSplit li{background: url("/english/images/bullet.jpg") no-repeat scroll 0 6px transparent; padding: 0 0 8px 10px;list-style: none;line-height: 17px;width:140px;float:left;}
ul.bulLstSmall li {background: url("/english/images/bullet.jpg") no-repeat scroll 0 7px transparent; padding: 0 0 5px 10px;list-style: none;line-height: 17px;font-size:11px;}
ul.bulLstSplit2{overflow:hidden;}
ul.bulLstSplit2 li{background: url("/english/images/bullet.jpg") no-repeat scroll 0 6px transparent; padding: 0 0 8px 10px;list-style: none;line-height: 17px;width:200px;float:left;}

/* Airasia */
.airAsiaBlockInner {position: absolute; top: 120px; width: 99%; z-index: 999; padding:0 0 0 10px;} 
	.airAsiaBlockInner .left{float:left; padding:90px 20px 0 0;width:26%;}
		.airAsiaBlockInner .left h3, .airAsiaBlockInner .right h3{color:#fff;}
	.airAsiaBlockInner .mid{float:left;padding:0 40px 0 0;width:40%;position:relative; text-align:center;}
		.airAsiaBlockInner .mid .first{position:absolute;}
		.airAsiaBlockInner .mid .second {left: 95px; position: relative;top: 57px;}
	.airAsiaBlockInner .right{float:left; width:26%; padding:90px 0 0 0;}
		.airAsiaBlockInner .getDetail li.more{float:left;}
		.airAsiaBlockInner .getDetail li.talk{float:right;}
		.airAsiaBlockInner .greyBtn{width: auto; padding:5px 9px;}
		.airAsiaBlockInner .blueBtn{width: auto; padding:5px 9px;}
	.airAsiaBlock .topBoxBtn{position:absolute; z-index:999; bottom:29px; left:10px;}


.airAsiaBlockList{overflow:hidden; margin:0 10px 20px 10px;}
	.airAsiaBlockList ul{display:block; border:1px solid #dfdfdf; overflow:hidden; padding:0px 0px 0px 20px; background:url("/english/credit-cards/images/desktop/airasia-bginner.jpg") repeat-x #EEEEEE;}
	
		.airAsiaBlockList ul li .mainLst{float:left; width:100%;}
			.airAsiaBlockList ul li .mainLst .left{float:left; padding:0 20px 0 0; width:29%;}
				.airAsiaBlockList ul li .mainLst .left .leftInn{float:left; padding:15px 10px 21px 0; width:82px}
				.airAsiaBlockList ul li .mainLst .left .rightInn{padding:15px 0px 20px 0; float:left; width:56%;}

				.airAsiaBlockList ul li .mainLst .mid .leftInn{float:left; padding:15px 10px 21px 0; width:63px}
				.airAsiaBlockList ul li .mainLst .mid .rightInn{padding:15px 0px 20px 0; float:left;  width:56%;}

				.airAsiaBlockList ul li .mainLst .right .leftInn{float:left; padding:15px 10px 21px 0; width:37px}
				.airAsiaBlockList ul li .mainLst .right .rightInn{padding:15px 0px 20px 0; float:left;  width:56%;}

			.airAsiaBlockList ul li .mainLst .mid{float:left; border-right:1px solid #dfdfdf; border-left:1px solid #dfdfdf; padding:0 20px 0 20px;  width:29%;}
			.airAsiaBlockList ul li .mainLst .right{float:left; padding:0 0 0 20px; width:30%;}

.airAsiaCardArea{overflow:hidden; margin:0 10px 20px 10px; background:url("/english/images/airasia-blue-bg.jpg") repeat-x scroll 0 0 transparent;}
	.airAsiaCardAreaInn{overflow:hidden; padding: 1px 0 5px 10px;}
		.airAsiaCardAreaInn .left{float:left; width:88px; padding:3px 15px 0 0;}
		.airAsiaCardAreaInn .mid{float:left; padding:14px 15px 0 0; width:400px;}
			.airAsiaCardAreaInn .mid h3{color:#fff;}
		.airAsiaCardAreaInn .right{float:right; padding:22px 15px 0 0;}

		.airasiaProductWrap{margin-bottom:20px; overflow:hidden;}
			.airasiaProductWrap .productsList{ float: left;
		padding: 0 27px;
		width: 290px;}
	.airasiaProductWrap .productsList.first{padding-left:0px;}
	.airasiaProductWrap .productsList.second{padding-right:0px;}

/* PROGRESSIVE INVESTMENT PLAN */
.progresiveBlock{overflow:hidden; width:100%; margin-bottom:10px;}
	.progresiveDes{background:url("/english/investments/images/desktop/pip-chart-work-bg.png") 0 0 no-repeat; display:block; height:129px;}
		.progresiveDesInn{display:block; padding:12px 15px;}
			.progresiveDesInn ul{display:block; width:100%;}
				.progresiveDesInn ul li{float:left; padding-right:40px; width:180px;}

/*Common Style for Terms ansd Condition*/
.termsCondScdLevel{margin-left:25px;}
.termsCondthirdLevel{margin-left:45px;}
.termsConditionHolder{overflow:hidden;padding-bottom:5px;}
.termsConditionHolder p{padding:0 0 5px !important;}
.termsConditionHolder p.last{padding:0 !important;}
.termsConditionHolder.last{padding:0;}
.termsConditionLft{float:left}
.termsConditionRgt{margin-left:23px;}

ul.stepHldr{overflow:hidden;}
	ul.stepHldr li{overflow:hidden;padding-bottom:15px;}
	ul.stepHldr li span.stepList{float:left;padding-right:10px;width:5%;}
	ul.stepHldr li span.stepCont{float:left;width:92%;}

/*.listcontentFooter {border-bottom: 1px solid #CCCCCC;border-top: 1px solid #CCCCCC;margin: 0 0 10px;overflow: hidden;}
	.listcontentFooter ul li {border-right: 1px dotted #999999;float: left;padding: 15px 8px 15px 43px;position: relative;width: 25.8%;list-style:none;}
	.listcontentFooter span {height: 24px;left: 6px;position: absolute;top: 10px;width: 24px;}
	.listcontentFooter ul li.right {border: medium none;}

	.iconPhone {background: url("/english/images/footer-list.png") no-repeat 0 0;}
	.iconMail {background: url("/english/images/footer-list.png") no-repeat 0 -25px;}
	.iconVisit {background: url("/english/images/footer-list.png") no-repeat 0 -51px;}*/

.listcontentFooter {margin: 0 10px 10px;overflow: hidden;clear:both;}
	.listcontentFooter ul li {list-style:none;float:left;margin-right:5px;}
	.listcontentFooter ul li a{color:#fff;background:url("/english/images/blue-gradient.jpg") repeat-x;text-align:center;padding: 14px 0 0 0;position: relative;display: inline-block;height: 33px;width:245px;}
	.listcontentFooter ul li a:hover {background:url("/english/images/gray-gradient.jpg") repeat-x;}
	.listcontentFooter span {height: 24px;left: 48px;position: absolute;top: 10px;width: 24px;}
	.listcontentFooter ul li.right {margin-right:0;}

	.iconPhone {background: url("/english/images/call.png") no-repeat 0 0;margin-left:6px;}
	.iconMail {background: url("/english/images/mail.png") no-repeat 0 0;margin-left:10px;}
	.iconVisit {background: url("/english/images/visit.png") no-repeat 0 0;}
	.listcontentFooter span.footInnTxt{display: inline-block;padding-left: 31px;padding-top: 4px;width: 100px;}
	.listcontentFooter span.footInnTxtEmail{display: inline-block;padding-left: 31px;padding-top: 4px;width: 70px;}
	.listcontentFooter span.footInnTxtVst{display: inline-block;padding-left: 31px;padding-top: 4px;width: 83px;}

/**********************************************************/
.tooltipWrap{
	position: relative;
	display:inline-block;
}
.tooltip{
	background: none repeat scroll 0 0 #FFFFFF;
	border: 1px solid #CCCCCC;
	bottom: 21px;
	-moz-box-shadow: 0 0 10px #CCCCCC;
	-webkit-box-shadow: 0 0 10px #CCCCCC;
	box-shadow: 0 0 10px #CCCCCC;
	display: none;
	left: 50%;
	margin: 0 0 0 -150px;
	padding: 10px;
	position: absolute;
	width: 280px;
	z-index: 9998;
}
.tooltipInnerImg{
	width: 88px;
	left: 105px;
}
.tooltip .tipClose{
	display:inline-block;
	background:url("/english/images/close.jpg") no-repeat 0px 0px;
	width:16px;
	height:16px;
	float:right;
	margin:0 0 10px 10px;
}
.tooltip .arrow{
	background:url("/english/images/toolTiparrow.png") no-repeat;
	bottom: -7px;
	height: 7px;
	left: 50%;
	margin: 0 0 0 -8px;
	position: absolute;
	width: 19px;

}

.tooltip.left{
	left:0;
	margin: 0 0 0 -14px;

}
.tooltip.left .arrow{
	left:0;
	margin: 0 0 0 15px;
}

.tooltip.right{
	left: auto;
	right:0;
	margin:0 -15px 0 0 ;
}
.tooltip.right .arrow{
	left: auto;
	right:0;
	margin:0 10px 0 0;
}
.tooltip.bottom{
	bottom: auto;
	top:18px;
	left:50%;
	margin: 0 0 0 -150px;
}
.tooltip.bottom .arrow{
	left: 50%;
	margin: 0 0 0 -10px;
	top: -7px;
}
.tooltip .scroll-pane{
	width: 100%;
	height: 100px;
	overflow: auto;
}
.tpFormBlock{
	display:block;
}
.tpFormBlockInn ul{
	width:100%;
}
	.tpFormBlockInn ul li{
		/*margin:0 0 15px 0 !important;*/
		padding-bottom: 20px;
		width:280px;
		display:inline-block;
	}
		
	.tpFormBlockInn ul li span.formCont{
		padding:0 15px 0 0;
		width:130px;
		float:left;
	}
	.tpFormBlockInn ul li span.tooltipSelect{
		float:left;
	}
	.tpFormBlockInn ul li span.tooltipSelect select{
		width:112px !important;
	}
	/*.tpFormBlockInn ul li span.tooltipSelect .jqTransformSelectWrapper div span{
		width:100px !important;
	}*/
	.tpFormBlockInn ul li span input.inputBoxSlide{
		border:1px solid #ccc;
		padding:0 10px 0 0;
		width:122px;
		height:20px;
		color:#555555;
	}
	/*.tpFormBlockInn ul li div.jqTransformSelectWrapper .tooltipSelect{
		padding:0 10px 0 0;
		width:100px !important;
		color:#555555;
	}*/
	.tpFormBlockInn ul li div.jqTransformSelectWrapper ul li{
		padding:0;
	}

.firstDrop .jqTransformSelectWrapper{z-index:100 !important}
.secDrop .jqTransformSelectWrapper{z-index:99 !important}
.thirdDrop .jqTransformSelectWrapper{z-index:98 !important}
.fourthDrop .jqTransformSelectWrapper{z-index:97 !important}

/*.firstDrop .sbHolder{z-index:100 !important}
.secDrop .sbHolder{z-index:99 !important}
.thirdDrop .sbHolder{z-index:98 !important}
.fourthDrop .sbHolder{z-index:97 !important}*/

/* Scrollbar start */

#footer {padding: 10px;font-size: 11px;}

	.footerMenu{border-bottom: 2px solid #CCCCCC;overflow: hidden;padding: 7px 0 10px;width: 100%;}
	.footerMenu a{color: #666;}
	.footerMenu a:hover{text-decoration:underline;}

	.footerLinks {float: right;padding: 0;}
	.footerLinks ul{margin:0;padding:0;}
	.footerLinks ul li {float: left;padding: 0 0 0 23px;list-style: none;}

	.footerLeftLink{float:left;padding:4px 7px 0 0;}

	.mediaIcons{float:left;border-left:1px solid #ccc;padding:0 0 0 7px;}
	.mediaIcons li{float:left;margin:0 6px 0 0;list-style: none;} 
	.mediaIcons li a.facebookIcon, .mediaIcons li a.twitterIcon, .mediaIcons li a.youtubeIcon, .faceIcon{width:18px;height:18px;background-repeat:no-repeat;display:inline-block;background-size:contain;-webkit-background-size:contain;-moz-background-size:contain;-o-background-size:contain;-ms-background-size:contain;-moz-border-radius: 3px 3px 3px 3px;-webkit-border-radius: 3px 3px 3px 3px;border-radius: 3px 3px 3px 3px;cursor: pointer;z-index:1;}
	.mediaIcons li a.facebookIcon, .faceIcon{background-image:url("/english/images/facebookIcon.png");} 
	.mediaIcons li a.twitterIcon{background-image:url("/english/images/twitterIcon.png");} 
	.mediaIcons li a.youtubeIcon{background-image:url("/english/images/youtubeIcon.png");}

	.footerLinksList {float: right;padding: 0;margin-top: 1px;}
	.footerList li{float:left;padding-left:24px;list-style: none;}

	.footerDisclaimer {overflow: hidden;padding: 16px 0 35px;}
	.footerLogo {background:url("/english/images/citi_logo.png") no-repeat;width:62px;height:16px;float: left;background-size:100% 100%;}
	.copyRight {float: right;text-align: right;color:#999;padding: 4px 0 0;}

#back-top {bottom: 0;padding: 0;position: fixed;right: 0;}
#back-top span {background: url("/english/images/back-to-top.png") no-repeat scroll 0 0 #DDDDDD;border-radius: 3px 3px 3px 3px;display: block;height: 33px;margin-bottom: 0;transition: all 1s ease 0s;width: 33px;z-index: 9999;}

ul.numLst{padding-bottom:10px;}
	ul.numLst li {padding:0 0px  5px;margin:0 0 0 25px;list-style:decimal;line-height: 17px;}
	ul.numLst li ul.bullLst li{background: url("/english/images/squareBullet.jpg") no-repeat scroll 0 7px transparent;padding: 0px 0 10px 10px;list-style:none;}

.showHideArea{padding: 0 0 7px;}
	.showHideHdr a{font-weight:bold;}
	.show, .hide {display: inline-block;padding-left:25px;line-height:17px;}
	.show {background: url("/english/images/plus.png") no-repeat scroll 0 3px transparent;}
	.hide {background: url("/english/images/minus.png") no-repeat scroll 0 3px transparent;}
	.showHideHdr{padding:0 0 10px 0;}
	.showHideSubHdr{padding:0 0 15px 0;}
	.showHideHdr a, .showHideSubHdr a, .showHideHdr span, .showHideSubHdr span{cursor:pointer;display:inline-block;}
	.showHideCont {display:none;padding: 0 0 0 24px;}
	.showHideSubArea .showHideHdr a{font-weight:normal;}
	.showHideSubCont {display:none;padding: 0 0 10px 24px;}

.tableWrap{padding: 0 0 15px;}
	.tableWrap table{border-right: 1px solid #CCCCCC;border-top: 1px solid #CCCCCC;width: 100%;box-shadow: 2px 2px 4px #CCCCCC;}
	.tableWrap tr{vertical-align:top;}
	.tableWrap tr.whiteBg, .tableWrap tr.grayBg {border-bottom: 1px solid #CCCCCC;border-left: 1px solid #CCCCCC;padding: 10px;}
	.tableWrap tr.whiteBg {background:#FFFFFF;}
	.tableWrap tr.grayBg {background:#F5F5F5;}
	.tableWrap tr th, .tableWrap tr td {border-bottom: 1px solid #CCCCCC;border-left: 1px solid #CCCCCC;line-height: 17px;padding: 13px 10px;text-align:left;}
	.oneColumn{width:100%;}
	.tblColumn90{width:90%;}
	.tblColumn70{width:50%;}
	.tblColumn80{width:80%;}
	.tblTwoColumn{width:50%;}
	.tblTwoColumn30{width:50%;}
	.tblTwoColumn30{width:30%;}
	.tblThreeColumn{width:32%;}
	.tblFourColumn{width:25%;}
	.tblFiveColumn{width:20%;}
	.tblColumn10{width:10%;}
	.tblColumn5{width:5%;}
	.tblColumn40{width:40%;}
	.tblCol30{width:30%;}

/* Kana form Light Bod */
.LightKanaForm{width:100%; overflow:hidden;}
	.LightKanaFormInn{width:100%; margin:15px 0; overflow:hidden;}
		.LightKanaFormInnLft{width:30%; margin:0 5% 0 0; float:left;}
		.LightKanaFormInnRgt{width:65%; float:left;}
			.LightKanaFormInnRgt ul{width:100%; overflow:hidden;}
			.LightKanaFormInnRgt ul li{overflow:hidden;margin:0 0 10px 0;}
				.LightKanaFormInnRgt ul li .left{float:left; width:30%; padding-right:5%;}
				.LightKanaFormInnRgt ul li .right{float:left; width:65%;}

/* Light Box Area */
#fancybox-wrap{position:fixed;}
#declaration-bg .declareCont {
    height: 400px;
    margin-bottom: 15px;
    width: 100% !important;
}
#declaration-bg .declareCont .jspContainer, #declaration-bg .declareCont .jspPane {
    margin-right: 10px;
    width: 100% !important;
}


.contInnerList{overflow:hidden;}
	.contInnerList ul{float:left; padding-right:30px;}
.tblMarg{margin-top:10px;}
.scrollArea{padding: 0 10px 0;position:relative;}


.scrollArea.first{overflow:hidden;padding: 0 0 10px 10px;position:relative;}
.scrollArea.last{padding:0;}
	.scrollAreaWrap{overflow:hidden;}
	.scrollAreaHdr{float:left;padding-top:3px;}
	
	.termsCondIcon{float:right;}
	.printIcon{background:url("/english/images/printIcon.png") no-repeat;width:24px;height:24px;display:inline-block;}
	.TermsAndConditions{clear:both;padding:10px;border:1px #ccc solid;color: #999999;font-size: 11px;}
	.TermsAndConditions .scroll-pane{width: 100%;}
	.jspContainer{overflow: hidden;position: relative;}
	.jspPane{position: absolute;}
	.jspVerticalBar{position: absolute;top: 0;right: 0;width: 6px;height: 100%;}
	.jspHorizontalBar{position: absolute;bottom: 0;left: 0;width: 100%;height: 16px;}
	.jspVerticalBar *,.jspHorizontalBar *{margin: 0;padding: 0;}
	.jspCap{display: none;}
	.jspHorizontalBar .jspCap{float: left;}
	.jspTrack{background: #f7f7f7;position: relative;}
	.jspDrag{background: #ccc;position: relative;top: 0;left: 0;cursor: pointer;}
	.jspHorizontalBar .jspTrack,.jspHorizontalBar .jspDrag{float: left;height: 100%;}
	.jspArrow{background: #F7F7F7;text-indent: -20000px;display: none;cursor: pointer;}
	.jspArrow.jspDisabled{cursor: default;background: #F7F7F7;}
	.jspVerticalBar .jspArrow{height: 0px;}
	.jspHorizontalBar .jspArrow{width: 16px;float: left;height: 100%;}
	.jspVerticalBar .jspArrow:focus{outline: none;}
	.jspCorner{background: #eeeef4;float: left;height: 100%;}
	* html .jspCorner{margin: 0 -3px 0 0;}

.discList ol {margin: 0;padding-left:20px;}
	.discList ol li {list-style-type: decimal; padding-bottom: 12px;line-height:14px;}
/**************************** Forms CC APPLICATION Start *****************************/
#innerWrapper{padding:0 10px;}
.innerCont{overflow:hidden;padding-bottom:25px;}
.innerCont.kanaform{overflow:visible !important;display:inline-block;}
.cardSelectScroll{overflow:auto;width:100%;}
.cardSelect{background:url("/english/images/form-bg.jpg") 0 0 repeat;width:47.5%;padding:10px 20px;float:left;}
.cardSelectHdr{background:url("/english/images/shadow.jpg") bottom center no-repeat;width: 100%;padding-bottom: 10px;margin-bottom:15px;}
.cardSelectList{position:relative;overflow:hidden;padding-bottom:15px;margin-bottom:15px;border-bottom:1px dotted #ccc;}
.cardCheck{float:left;margin-right:5px;}
.cardSelectList .cardImg{float:left;margin:0 10px 0 0 !important;width: 100px;}
.cardName{float:left;width: 210px;}
.cardName h3{font-weight:bold;}
.cardDetails{width:210px;display:none;}
.openArrow, .open {background: url("/english/images/tablet/show.png") no-repeat scroll 0 0 transparent;background-size: 31px 31px;}
.closeArrow, .close {background: url("/english/images/tablet/hide.png") no-repeat scroll 0 0 transparent;background-size: 31px 31px;}
.openArrow, .closeArrow, .open, .close{cursor: pointer;width: 31px;height: 31px;position: absolute;right:15px;top: 0;z-index: 999;display: block;}
.open, .close{cursor: pointer;width: 31px;height: 31px;position: absolute;right:10px;top:25px;z-index: 999;display: block;}
.formHldr{float:left;width:100%;border-bottom:1px solid #ccc;}
.formHldr h2{border-bottom:1px solid #ccc;padding-bottom:20px;margin-bottom:20px;}
/*.formHldr .formInner{clear:both;margin-bottom:30px;}
.formHldr .formInner.last{padding-bottom:0;margin-bottom:0;}*/
.formInner{width:100%;}
.formInner .formField{float:inline-block;width:35%;padding:0; float:left;}
.formInner .formValue{float:left;width:44%;padding-left:20px;}
.formInner input, .formValue input[type="radio"] {margin:0 5px 0 0;vertical-align:middle;}
.formInner input[type="checkbox"] {margin:0 5px 0 0;vertical-align:middle;}
.radioValue{margin-right:10px;}
.dropListSmall{width:40px;}
.dropListLarge{width:203px;}
.inputTxt{margin-left:10px;width:65%;}
.inputBoxMedium{width: 140px;height: 23px;padding:0; border:1px solid #ccc;}
.inputBoxLarge{width: 231px;height: 23px;padding:0; border:1px solid #ccc;}
.formSubmit{padding:10px 0 20px;float:right;}
.tabHldr{float:left;width:100%;}
.jqtransform .jqTransformSelectWrapper{float:left;}
/**************************** Forms CC APPLICATION End *****************************/
.productsMain {width: 100%;margin: 0 0 15px;}

.tabInnerListHolder{height:auto !important;}
ul.tabInnerListHolder li {
	background: url("/english/images/green-checkmark.gif") no-repeat scroll 0 4px transparent;
	color: #333333;
	line-height: 16px;
	padding: 0 0 15px 25px;
}

.productsList {border-bottom: 1px dotted #CCCCCC;padding: 20px 10px;position: relative;overflow: hidden;}
.thumbImg {float: left;}
.productsListContWrap{
    margin: 0 0 0 240px;
}
.productsListContWrap .getDetail li.more{float:left;}
.productsListContWrap .getDetail li.talk{float:left; margin:0 0px 0 25px;}

.grayClr{
	color:#555 !important;
}
.productsListCont{margin: 0 0 0 240px;}
.hideArrow, .showArrow, .collapseUp, .collapseDown {cursor: pointer;width: 31px;height: 31px;position: absolute;right: 10px;top: 8px;z-index: 999;display: block;}
.showArrow, .collapseUp {background: url("/english/images/tablet/show.png") no-repeat scroll 0 0 transparent;background-size: 31px 31px;}
.hideArrow, .collapseDown {background: url("/english/images/tablet/hide.png") no-repeat scroll 0 0 transparent;background-size: 31px 31px;}
.productsListDetails {padding: 0 0 15px;display: none;height:auto !important;}

.contInnerBox{padding-bottom:20px;}
	.contInnerBox h3{padding-bottom:5px;}
	.contInnerBox p{padding-left:34px;}
	.monthlyIcon, .weeklyIcon, .dailyIcon, .eyeIcon, .getStartIcon{display: inline-block;height: 24px;width: 24px;vertical-align:middle;margin-right:10px;}
	.monthlyIcon{background: url("/english/images/monthly-icon.png") no-repeat scroll 0 0 transparent;}
	.weeklyIcon{background: url("/english/images/weekly-icon.png") no-repeat scroll 0 0 transparent;}
	.dailyIcon{background: url("/english/images/daily-icon.png") no-repeat scroll 0 0 transparent;}
	.eyeIcon{background: url("/english/images/eye-icon.png") no-repeat scroll 0 0 transparent;}
	.getStartIcon{background: url("/english/images/get-started.png") no-repeat scroll 0 0 transparent;}

/*Product Tab Area */
.productWrapPro{border-bottom:1px #ccc dotted; padding:0 0 20px;margin:0 0 20px;overflow:hidden;}

		.productsListPro {float: left;width: 295px; padding: 0 27px; position:relative;}
		.productsListPro .hideArrow, .productsListPro .showArrow{top:0px; float:right;}

		.productsListPro.center { border-left: 1px solid #CCCCCC;}
		.productWrapPro .productsListContWrap{margin:0 0 0 0;}
		.productsListPro .thumbImg{float: left;padding: 0 0 10px; width:265px;}
		.productsListPro h2{clear:left; width:265px;}
		
		/* Big Points */	
		.bp_img { width:100%; }
		.bigPointsWrap { overflow: hidden; }
			.bigPointsTitle { padding: 10px 0 10px 50px; text-align: left; background:url("/english/credit-cards/images/desktop/airasia-down.png") left center no-repeat #eee; cursor: pointer; }
			.bigPointsTitle.bpt_active { background:url("/english/credit-cards/images/desktop/airasia-up.png") left center no-repeat #eee; cursor: default; }
			.bigPointsTitle_altRed { padding: 10px 0 10px 50px; text-align: left; background:url("/english/credit-cards/images/desktop/airasia-down_red.png") left center no-repeat #ed1f24; cursor: pointer; }
			.bigPointsTitle_altRed.bpt2_active { background:url("/english/credit-cards/images/desktop/airasia-up_red.png") left center no-repeat #ed1f24; cursor: default; }
			.bigPointsTitle h3 { padding: 0; color: #666; font-size: 24px; font-weight: bold; }
			.bigPointsTitle.bpt_active h3 { color: #eb1c24; }
			.bigPointsTitle_altRed h3 { padding: 0; color: #fff; font-size: 24px; font-weight: bold; }
			.bigPointsContent { padding: 10px 20px 20px 20px; background-color: #eee; }
			.bigPointsContent_altRed { padding: 10px 20px 20px 20px; background-color: #ed1f24; }
					
		.bigPointsJoinWrap { border-bottom: 1px #ccc solid; padding: 10px 0 20px 0; margin: 10px 0 20px 0; overflow: hidden; }
			.joinDetail.left { float: left; padding: 0 10px 0 0; position: relative; width: 50%; }
			.joinDetail.left sup { vertical-align: text-top; font-size: 11px; }
			.joinDetail.right { float: left; text-align: right; position: relative; width: 50%; }
		

/*Product Tab Area  End*/

.bottomBox{background:#f6f6f6;border-top:1px solid #ccc;border-bottom:1px solid #ccc;padding:20px;margin:0 0 10px;overflow:hidden;}
	.listBox{overflow:hidden;width:100%;padding:0 0 10px;}
	.listBox li{width:19.7%;background:#fff;border:1px solid #ccc;padding:10px;float:left;min-height:48px;}
	.listBox li.rhtArro{background:url("/english/images/rht-arrow.png") center center no-repeat;width:18px;border:none;box-shadow:none;}
	.bottomBoxBtn{float:right;}
	.bottomBoxBtn a.greyBtn{margin-right:0;}

ul.bottomLinksWrap{overflow: hidden;padding: 20px 0 20px; border-top:1px #ccc dotted;}
ul.bottomLinksWrap.cLsCommon{padding-bottom:0px;}
ul.bottomLinksWrap li{float:left;padding: 0 0 0 20px;}
ul.bottomLinksWrap li.bottomLinkBtn{margin:15px 0 0;}
ul.bottomLinksWrap li.left{padding:0 0 0 20px;}
ul.bottomLinksWrap li.center{border-left:1px #ccc solid;padding:0 20px;}
ul.bottomLinksWrap li.right{padding: 0 20px;  border-left:1px #ccc solid;}
ul.bottomLinksWrap li.left, ul.bottomLinksWrap li.center, ul.bottomLinksWrap li.right{width:28.6%;}
ul.bottomLinksWrap ul.linkList{margin:4px 0 0;}
ul.bottomLinksWrap ul.linkList li{float:none;padding:0 20px;}

ul.bottomPromo{overflow: hidden;padding: 23px 24px 23px 27px;border-top: 1px dotted #CCCCCC;}
ul.bottomPromo.cLsBdrNone{border:none;}
		ul.bottomPromo li.left {float: left;padding: 0 25px 0 0;width: 295px;list-style:none;}
		ul.bottomPromo li.left.creditCard{width:228px;}
		ul.bottomPromo li.right {border-left: 1px dotted #CCCCCC;float: left;padding: 0 0 0 25px;width: 295px;list-style:none;}
		ul.bottomPromo li.right.creditCard{width:362px;}

ul.bottomPromo.bottomPromoWel{padding:10px;}
ul.promoInnBlock {overflow: hidden;padding: 23px 24px 23px 0px;border-top: 1px dotted #CCCCCC;}
		ul.promoInnBlock li.left {float: left;padding: 0 25px 0 0;width: 46%;list-style:none;}
			ul.promoInnBlock li.left h3, ul.promoInnBlock li.right h3{overflow:hidden;}
			ul.promoInnBlock li.left h3 span.promoInnTopPad, ul.promoInnBlock li.right h3 span.promoInnTopPad{padding:4px 0 0 5px;}
			ul.promoInnBlock li.left h3 span, ul.promoInnBlock li.right h3 span{float:left; padding-right:5px; display:block;}
		ul.promoInnBlock li.right {border-left: 1px dotted #CCCCCC;float: left;padding: 0 0 0 25px;width: 46%;list-style:none;}

ul.promoBoxBlock {overflow: hidden;padding: 20px;border-top: 1px dotted #CCCCCC; border-bottom: 1px dotted #CCCCCC; background: none repeat scroll 0 0 #F6F6F6;  margin-bottom:20px;}
	ul.promoBoxBlock li.left {float: left;padding: 0 25px 0 0;width: 295px;list-style:none;}
		ul.promoBoxBlock li.left h3, ul.promoBoxBlock li.right h3{overflow:hidden;}
			ul.promoBoxBlock li.left h3 span.promoInnTopPad, ul.promoBoxBlock li.right h3 span.promoInnTopPad{padding:4px 0 0 5px;}
			ul.promoBoxBlock li.left h3 span, ul.promoBoxBlock li.right h3 span{float:left; padding-right:5px; display:block;}

	ul.promoBoxBlock li.right {border-left: 1px dotted #CCCCCC;float: left;padding: 0 0 0 25px;width: 295px;list-style:none;}

.contentBody {position: relative;}
.WorkAreaHldr {overflow: hidden;position: relative;width: 100%;}
.bannerRotate {margin: 0 0 -4px;position: relative; z-index:1;}
.hideDisplay {display: none;}
.bannerRotate img {width: 100%;}

.offerContentList {bottom: 90px;position: absolute;width: 100%;z-index: 1;}
.offerContentList ul {overflow: hidden;}
.offerContentList li {float: left;margin-left: 4%;width: 20%;}
.offerContentList li a {background: url("/english/images/bg-darkblue.png") repeat 0 0;border-radius: 6px 6px 6px 6px;color: #FFFFFF;display: block;line-height: 15px;min-height: 45px;padding: 10px;position: relative;text-decoration: none;}
.offerContentList li.flex-active a {background:#FFFFFF;color: #000000;cursor: text;}
.offerContentList li a span {display: block;}
.offerListHdr {font-weight: bold;}

.homeBtmArea{overflow:hidden; padding: 20px 10px 0px 0;}
		.homeBtmArea ul{display:block; float:right;}
		.homeBtmArea ul li{float:left; padding:0 0 0 15px;}

div.topArrow {display: none;}
.comInnLink a{color:#05589d;background:url("/english/images/grayarrow.png") 0 4px no-repeat;padding:0 0 0 12px;}
.newsAdHldr {background: url("/english/images/newsBg.png") repeat 0 0;border-radius: 0 0 10px 10px;bottom: 0;padding: 19px;overflow:hidden;}

.newsAdBlueTxt {color: #05589D;font-weight: bold;padding: 0;}

.newsAdGrayTxt {color: #333333;padding: 35px 12px 0 95px;}
.newsAdLogo{float:left;margin: 0 10px 0 0;padding:0;}
.offerContTopHldr{color: #FFFFFF;}
.marketOfferContent {position: absolute;left: 30px;top: 43px;width: 520px;}
.offerContLargeHdr {font-family: "Interstate";font-size: 28px;font-weight: bold;line-height: 32px;}
.offerContMediumHdr {font-size: 24px;font-family: "Interstate";}
.offerContBotHldr {padding:15px 0 0 0;overflow: hidden;}
.offerCardImg {float: left;margin-right: 12px;width: 18%;}
.offerCardTxt {color: #fff;font-family: "Interstate";float: left;width: 61%;font-size: 14px;}
.offerCardTxtHldr {width: 80%;}
.blueTxt {color: #05589D;}

.disclaimer{font-size:11px;color:#666;}

.thumbWrap{overflow:hidden;}
.thumbWrap img{float:left;margin:0 10px 10px 0;}

.filter {border-bottom:1px #ccc dotted;margin:0 0 15px;padding:0 10px;}
.filterBtn {overflow: hidden;padding: 0 0 25px;}
.filterLftBtn {float: left;}
.filterRhtBtn {float: right;}
.cardsTabHldr {margin: 0 0 15px;}
ul.cardsTab {overflow: hidden;background:#EDEEF0;border-radius:5px;border:1px solid #ddd;box-shadow:0 0 5px #ddd;position:relative;}
ul.cardsTab li{float:left;cursor: pointer;height:46px;text-align:center;width:19.7%;border: 1px solid #EDEEF0;}
ul.cardsTab li a{display: block;height: 46px;}
ul.cardsTab.deposits li{width:15.95%}
ul.cardsTab.deposits li, ul.cardsTab.deposits li a{height:75px;}
ul.cardsTab li:hover, ul.cardsTab li.active{background:#FDFDFD;background: -webkit-gradient(linear, 0 0, 0 70%, from(#FDFDFD), to(#F8F8F8));background: -webkit-linear-gradient(#FDFDFD, #F8F8F8 70%);background: -moz-linear-gradient(#FDFDFD, #F8F8F8 70%);background: -ms-linear-gradient(#FDFDFD, #F8F8F8 70%);background: -o-linear-gradient(#FDFDFD, #F8F8F8 70%);background: linear-gradient(#FDFDFD, #F8F8F8 70%);border-radius:5px;box-shadow:0 0 5px #ddd;border:1px solid #ddd;position:relative;}

ul.cardsTab li a.rewards {background: url("/english/credit-cards/images/pc/rewards-off.png") no-repeat scroll center center transparent;}
ul.cardsTab li:hover a.rewards, ul.cardsTab li.active a.rewards{background:url("/english/credit-cards/images/pc/rewards-on.png") no-repeat scroll center center transparent;}

ul.cardsTab li a.travel {background: url("/english/credit-cards/images/pc/travel-off.png") no-repeat scroll center center transparent;}
ul.cardsTab li:hover a.travel, ul.cardsTab li.active a.travel{background:url("/english/credit-cards/images/pc/travel-on.png") no-repeat scroll center center transparent;}

ul.cardsTab li a.cashRebate {background: url("/english/credit-cards/images/pc/cash-rebate-off.png") no-repeat scroll center center transparent;}
ul.cardsTab li:hover a.cashRebate, ul.cardsTab li.active a.cashRebate{background:url("/english/credit-cards/images/pc/cash-rebate-on.png") no-repeat scroll center center transparent;}

ul.cardsTab li a.business {background: url("/english/credit-cards/images/pc/business-off.png") no-repeat scroll center center transparent;}
ul.cardsTab li:hover a.business, ul.cardsTab li.active a.business{background:url("/english/credit-cards/images/pc/business-on.png") no-repeat scroll center center transparent;}

ul.cardsTab li a.showAll {background: url("/english/credit-cards/images/pc/show-all-off.png") no-repeat scroll center center transparent;}
ul.cardsTab li:hover a.showAll, ul.cardsTab li.active a.showAll{background:url("/english/credit-cards/images/pc/show-all-on.png") no-repeat scroll center center transparent;}

ul.cardsTab li a.checkingAcc {background: url("/english/deposits/images/pc/current-off.png") no-repeat scroll center center transparent;}
ul.cardsTab li:hover a.checkingAcc, ul.cardsTab li.active a.checkingAcc{background:url("/english/deposits/images/pc/current-on.png") no-repeat scroll center center transparent;}

ul.cardsTab li a.savingsAcc {background: url("/english/deposits/images/pc/saving-off.png") no-repeat scroll center center transparent;}
ul.cardsTab li:hover a.savingsAcc, ul.cardsTab li.active a.savingsAcc{background:url("/english/deposits/images/pc/saving-on.png") no-repeat scroll center center transparent;}

ul.cardsTab li a.timeDeposit {background: url("/english/deposits/images/pc/time-off.png") no-repeat scroll center center transparent;}
ul.cardsTab li:hover a.timeDeposit, ul.cardsTab li.active a.timeDeposit{background:url("/english/deposits/images/pc/time-on.png") no-repeat scroll center center transparent;}

ul.cardsTab li a.foreignCurrAcc {background: url("/english/deposits/images/pc/foreign-off.png") no-repeat scroll center center transparent;}
ul.cardsTab li:hover a.foreignCurrAcc, ul.cardsTab li.active a.foreignCurrAcc{background:url("/english/deposits/images/pc/foreign-on.png") no-repeat scroll center center transparent;}

ul.cardsTab li a.fundTransfer {background: url("/english/deposits/images/pc/fund-off.png") no-repeat scroll center center transparent;}
ul.cardsTab li:hover a.fundTransfer, ul.cardsTab li.active a.fundTransfer{background:url("/english/deposits/images/pc/fund-on.png") no-repeat scroll center center transparent;}

ul.cardsTab li a.showall {background: url("/english/deposits/images/pc/show-off.png") no-repeat scroll center center transparent;}
ul.cardsTab li:hover a.showall, ul.cardsTab li.active a.showall{background:url("/english/deposits/images/pc/show-on.png") no-repeat scroll center center transparent;}

ul.cardsTab li a.travelInsur {background: url("/english/insurances/images/pc/travel-off.png") no-repeat scroll center center transparent;}
ul.cardsTab li:hover a.travelInsur, ul.cardsTab li.active a.travelInsur{background:url("/english/insurances/images/pc/travel-on.png") no-repeat scroll center center transparent;}

ul.cardsTab li a.motorInsur {background: url("/english/insurances/images/pc/motor-off.png") no-repeat scroll center center transparent;}
ul.cardsTab li:hover a.motorInsur, ul.cardsTab li.active a.motorInsur{background:url("/english/insurances/images/pc/motor-on.png") no-repeat scroll center center transparent;}

ul.cardsTab li a.savingProtect {background: url("/english/insurances/images/pc/savings-off.png") no-repeat scroll center center transparent;}
ul.cardsTab li:hover a.savingProtect, ul.cardsTab li.active a.savingProtect{background:url("/english/insurances/images/pc/savings-on.png") no-repeat scroll center center transparent;}

ul.cardsTab li a.hospitalization {background: url("/english/insurances/images/pc/hospital-off.png") no-repeat scroll center center transparent;}
ul.cardsTab li:hover a.hospitalization, ul.cardsTab li.active a.hospitalization{background:url("/english/insurances/images/pc/hospital-on.png") no-repeat scroll center center transparent;}

ul.cardsTab li a.homeProtect{background: url("/english/insurances/images/pc/home-off.png") no-repeat scroll center center transparent;}
ul.cardsTab li:hover a.homeProtect, ul.cardsTab li.active a.homeProtect{background:url("/english/insurances/images/pc/home-on.png") no-repeat scroll center center transparent;}

ul.cardsTab li a.showallInsur{background: url("/english/insurances/images/pc/show-on.png") no-repeat scroll center center transparent;}
ul.cardsTab li:hover a.showallInsur, ul.cardsTab li.active a.showallInsur{background:url("/english/insurances/images/pc/show-off.png") no-repeat scroll center center transparent;}

.clsTableWrap{padding:0 0 15px;}
.clsTableWrap.last{padding:0;}
.clsTable{border-top:1px #ccc solid;border-right:1px #ccc solid;width:100%;}
.clsTable th{background:#F5F5F5;border-left:1px #ccc solid;border-bottom:1px #ccc solid;padding:10px;text-align:left;}
.clsTable tr {vertical-align: top;}
.clsTable tr.cLsGrey{background:#F5F5F5;}
.clsTable tr.cLsWhite{border-left:1px #ccc solid;border-bottom:1px #ccc solid;padding:10px;background:#FFF;}
.clsTable td{border-left:1px #ccc solid;border-bottom:1px #ccc solid;padding:13px 10px 15px 10px;}
.clsTable td a{word-wrap:break-word;}

.aa_clsTable{border-top:1px #939598 solid;border-right:1px #939598 solid;width:100%;}
.aa_clsTable th{background:#939598;border-left:1px #939598 solid;border-bottom:1px #939598 solid;padding:10px;text-align:left; color:#fff; font-size: 14px; font-weight: bold; }
.aa_clsTable th.special{border-left:1px #fff solid;border-right:1px #fff solid;}
.aa_clsTable tr.altColor{background:#dcdcdc;}
.aa_clsTable td{border-left:1px #939598 solid;border-bottom:1px #939598 solid;padding:10px; color:#000;}
.aa2_clsTable{ width:100%;}
.aa2_clsTable th{color:#fff; font-size: 16px; font-weight: bold; }
.aa2_clsTable td{ padding: 5px 0 0 0; color:#fff; font-size: 14px; }
.aa2_clsTable td.black{ padding: 5px 0 0 0; color:#000; font-size: 14px; }
.aa2_clsTable td a sup { vertical-align: text-top; font-size: 9px; }
.aa2_clsTable td a:link { text-decoration: underline; color:#fff; }
.aa2_clsTable td a:visited { text-decoration: underline; color:#fff; }
.aa2_clsTable td a:hover { text-decoration: underline; color:#fff; }
.aa2_clsTable td a:active { text-decoration: underline; color:#fff; }

span.clsTableInnTxt{float:left; padding:13px 10px 0 0;}


.visible-phone {display: none !important;}
.visible-tablet {display: block !important;}
/*.hidden-desktop {display: inherit !important;}*/
.visible-desktop {display: none !important;}
.visible-portrait{display:none;}

.clsDisList{width:100%; overflow:hidden;}
.clsDisList ol{padding-top:10px;margin:0;}
.clsDisList ol li{list-style-type:decimal;padding-bottom:12px;  margin-left: 25px;}
.clsDisList ol li ol li{list-style-type:none;}

.cmnImgHld{overflow:hidden;width:100%;}
.cmnImgHldLft{float:left; padding-right:20px; width:144px;}
.cmnImgHldRgt{float:left;width:75%;}
ol.currencyWorks{margin:10px 0 0 10px;}
ol.currencyWorks li{list-style-type:decimal; vertical-align:middle; padding: 0 0 8px 8px;}

ul.currencyWorks{overflow:hidden;}
ul.currencyWorks li{padding:0 0 20px 10px;list-style: none; vertical-align:middle;}

.bottomPromo .iconBlock{ width:100%;}
	.bottomPromo .iconBlock .iconBlkInnLft{float:left; padding-right:15px; width:25px;}
		.bottomPromo .iconBlock .iconBlkInnRgt{float:left; width:80%;}
		
.iconBlock{ width:100%;}
	.iconBlockInner{overflow:hidden; width:100%; padding:0 0 15px 0!important;}
		.iconBlockInner.last{padding:0 !important;}
		.iconBlkInnLft{float:left; padding-right:15px; width:25px;}
		.iconBlkInnLft.report{width:85px;}
		.iconBlkInnRgt{float:left; width:93%;}
		.iconBlkInnRgt.report{width:85%;}
			.iconBlkInnRgt ol.lowerAlpha li{margin: 0 0 0 16px;}
			.iconBlkInnLft2{float:left; padding-right:15px; width:42px;}
		.iconBlkInnRgt2{float:left; width:91%;}
		.iconBlkInnRgt2 ol.lowerAlpha li{ margin: 0 0 0 16px;}

.iconBlockInnerWrap{float: left;overflow: hidden; padding-bottom: 12px;width: 230px;}
		.iconBlkInnLftWrap{float:left; padding:0 15px 0 0; width:25px;}
		.iconBlkInnRgtWrap{float: left; width: 70%;}

.iconBlockInnerWrap2{float: left;overflow: hidden; padding: 0 0 12px 0;width: 337px;}
		.iconBlkInnLftWrap2{float:left; padding:0 15px 0 0; width:25px;}
		.iconBlkInnRgtWrap2{float: left; width: 80%;}

.iconBlockInnerWrap3{overflow: hidden; width:98%;}
		.iconBlkInnLftWrap3{float:left; padding:0 15px 0 0; width:85px;}
		.iconBlkInnRgtWrap3{float: left; width: 65%;}


.iconBlockPro{overflow:hidden; width:100%; margin:0 0 10px 0;}
	.iconBlockPro ul{display:block; float:left;}
		.iconBlockPro ul li{float:left; padding:10px 10px 0 40px; margin:0 0 10px 0;}
		.hotlinkIcon{background: url("/english/citi-online/images/desktop/hotlink-icon.png") no-repeat scroll 0 0px transparent;height:33px;}
		.winIcon{background: url("/english/citi-online/images/desktop/win-icon.png") no-repeat scroll 0 0px transparent;height:33px;}
		.iconBlockProArrow{background: url("/english/citi-online/images/desktop/arrow.png") no-repeat scroll 0 0px transparent;height:40px;}

#per-det {
				background: url("../images/icon-per-det.gif") no-repeat scroll 0 0 transparent;
			}
			.sub-hd-comm {
				
				font-size: 16px;
				padding: 0 0 20px 35px;
			}

/* Form Area*/
.contInnerArea{
	padding:0px 10px 20px 10px;
}
.formDetails{
	display:block;
}
.formDetails table{
	margin:15px 0 0;
}
.fieldTitle{
	width:116px;
	padding-right:13px;
	text-align:left;
	vertical-align:top;
}
.inputBox{
	border:1px solid #ccc;
	font-family:Arial;
}
.formDetails tr td{
	padding-bottom:19px;
}
.jqTransformSelectWrapper select.cLsDropDown
{
	width:440px;
}

textarea.textAreaInn{border:1px solid #ccc; font-size:12px; padding:5px 0;}
.firstDrop .jqTransformSelectWrapper{z-index:100 !important}
.secDrop .jqTransformSelectWrapper{z-index:99 !important}
.thirdDrop .jqTransformSelectWrapper{z-index:98 !important}
.fourthDrop .jqTransformSelectWrapper{z-index:97 !important}
.formDetails tr td input[type="radio"] {margin:-1px 5px 0 0;}
.radioLabel{padding-right:10px;}
/* CitiPhone Banking */
.citiPhoneBlock{overflow:hidden; width:100%;}
	.citiPhoneBlockLft{float:left; width:44%; padding-right:32px;}
	.citiPhoneBlockRgt{float:left; width:51%;}
		/*.citiPhoneBlockRgt.bdrleft{border-left:1px dotted #ccc;padding-left:32px;width:45%;}*/
	.citiPhoneBlockRgt .iconBlkInnRgt{float:left; width:auto; padding-top:4px;}
.partHldr {overflow: hidden;}
.lftPartLogo {float: left;width: 150px;}
.lftPartLogoSmall {float: left;width: 50px;}
.rhtPartCont {float: left;padding: 0 0 0 15px;width: 75%;}
.rhtPartContSmall {float: left;padding: 0 0 0 15px;width: 75%;}


/* Loans calculator */
ul.loanCal{display:block; width:100%; overflow:hidden; margin-bottom:15px;}
	ul.loanCal li{float:left; padding:0 20px 0 0; width: 230px;}
	ul.loanCal li{padding-right:0px;}
	ul.loanCal li .inputBox{border:1px solid #ccc;font-family:Arial; padding:0 0 0 5px; color:#555;}
	.loanCalInn{overflow:hidden;}
		.loanCalInnLft{float:left; margin-bottom:15px; font-size:12px; color:#555; width:85%;}
		.loanCalInnRgt{float:right;}

#tdAmorTable table{border-right: 1px solid #CCCCCC;border-top: 1px solid #CCCCCC;width: 100%;box-shadow: 2px 2px 4px #CCCCCC;}
	#tdAmorTable tr{vertical-align:top;}
	#tdAmorTable tr.whiteBg, #tdAmorTable tr.grayBg {border-bottom: 1px solid #CCCCCC;border-left: 1px solid #CCCCCC;padding: 10px;}
	#tdAmorTable tr.whiteBg {background-color:#FFFFFF;}
	#tdAmorTable tr.grayBg {background-color:#F5F5F5;}
	#tdAmorTable tr th, #tdAmorTable tr td {border-bottom: 1px solid #CCCCCC;border-left: 1px solid #CCCCCC;line-height: 17px;padding: 13px 10px;text-align:left;}
	ul.loanCal li .inputBoxTxtWid {width: 140px;}

#errorpage {
	margin: 200px auto;
	text-align: center;
	width: 100%;
}
/*************************** CALCULATOR **********************************/
.calcWrap{background:#FCFCFC;background: -webkit-gradient(linear, 0 0, 0 70%, from(#FCFCFC), to(#F7F7F7));background: -webkit-linear-gradient(#FCFCFC, #F7F7F7 70%);background: -moz-linear-gradient(#FCFCFC, #F7F7F7 70%);background: -ms-linear-gradient(#FCFCFC, #F7F7F7 70%);background: -o-linear-gradient(#FCFCFC, #F7F7F7 70%);background: linear-gradient(#FCFCFC, #F7F7F7 70%);-pie-background: linear-gradient(#FCFCFC, #F7F7F7 70%); border:1px solid #ccc;box-shadow:0 0 10px #ccc;padding:0 20px 50px;margin:0;}
.calcWrap.calcInnerPad{padding-top:20px;}
.calcSliderWrap{padding:0 10px;}
.calcSlider{padding:0 5px;}
.calcCategory{float:left;width:190px;}
.calcCategory.giant{float:left;width:220px;}
.calcSpend{float:left;}
.calcInnerHdr{color:#003C7B;}
.calcInner{padding:23px 0 0;clear: both;}
.calcCategoryHdr{display:block;padding:3px 0 0 35px;}
.calcCategoryHdrTxt{width:170px;}
.giantIcon, .diningIcon, .travelIcon, .utilityIcon, .shoppingIcon,.FuelIcon, .everythingIcon, .mobileIcon, .preferredIcon, .repaymentIcon, .effectiveIcon{display: inline-block;height: 26px;width: 24px;vertical-align:middle;float:left;}
.diningIcon{background: url("/english/credit-cards/images/icon/dining.png") no-repeat scroll 0 0 transparent;}
.giantIcon{background: url("/english/credit-cards/images/icon/giant-purchase.png") no-repeat scroll 0 0 transparent;}
.travelIcon{background: url("/english/credit-cards/images/icon/travel.png") no-repeat scroll 0 0 transparent;}
.utilityIcon{background: url("/english/credit-cards/images/icon/utility.png") no-repeat scroll 0 0 transparent;}
.shoppingIcon{background: url("/english/credit-cards/images/icon/shopping.png") no-repeat scroll 0 0 transparent;}
.everythingIcon{background: url("/english/credit-cards/images/icon/everything-else.png") no-repeat scroll 0 0 transparent;}
.FuelIcon{background: url("/english/credit-cards/images/icon/shell-fuel.png") no-repeat scroll 0 0 transparent;}
.preferredIcon{background: url("/english/forms/images/icon/preferred-loan.png") no-repeat scroll 0 0 transparent;}
.repaymentIcon{background: url("/english/forms/images/icon/repayment-tenure.png") no-repeat scroll 0 0 transparent;}
.effectiveIcon{background: url("/english/forms/images/icon/effective-interest.png") no-repeat scroll 0 0 transparent;}
.everythingElse, .grocery, .petrol, .pharmaceutical, .phoneBills{display: inline-block;height: 26px;width: 24px;vertical-align:middle;float:left; margin: 0 10px 0 0;}
.mobileIcon{background: url("/english/credit-cards/images/icon/mobile.png") no-repeat scroll 0 0 transparent;}

.everythingElse{background: url("/english/credit-cards/images/icon/every-else.png") no-repeat scroll 0 0 transparent;}
.grocery{background: url("/english/credit-cards/images/icon/grocery.png") no-repeat scroll 0 0 transparent;}
.petrol{background: url("/english/credit-cards/images/icon/petrol.png") no-repeat scroll 0 0 transparent;}
.pharmaceutical{background: url("/english/credit-cards/images/icon/pharmaceutical.png") no-repeat scroll 0 0 transparent;}
.phoneBills{background: url("/english/credit-cards/images/icon/phone-bills.png") no-repeat scroll 0 0 transparent;}


.calcWrapper .calcProgress{height:8px;float:left;width:89.6%;background:#ADADAD;margin:7px 0px 0;border:1px solid #ADADAD;border-top:1px solid #838383;border-radius:8px;background:#FFFFFF;background: -webkit-gradient(linear, 0 0, 0 70%, from(#9D9D9D), to(#FFFFFF));background: -webkit-linear-gradient(#9D9D9D, #FFFFFF 70%);background: -moz-linear-gradient(#9D9D9D, #FFFFFF 70%);background: -ms-linear-gradient(#9D9D9D, #FFFFFF 70%);background: -o-linear-gradient(#9D9D9D, #FFFFFF 70%);background: linear-gradient(#9D9D9D, #FFFFFF 70%);-pie-background: linear-gradient(#9D9D9D, #FFFFFF 70%);}
.ui-slider-range {background:#015291;background: -webkit-gradient(linear, 0 0, 0 80%, from(#00B5EC), to(#015291));background: -webkit-linear-gradient(#00B5EC, #015291 70%);background: -moz-linear-gradient(#00B5EC, #015291 80%);background: -ms-linear-gradient(#00B5EC, #015291 80%);background: -o-linear-gradient(#00B5EC, #015291 80%);background: linear-gradient(#00B5EC, #015291 80%);-pie-background: linear-gradient(#00B5EC, #015291 80%);border-radius:8px;height: 8px;}
div.ui-slider {display: inline-block;height: 15px;margin: 0 !important;overflow: visible;padding: 0;position: relative;top: 9px !important;width: 100%;}
.ui-controlgroup a.ui-slider-handle, a.ui-slider-handle {background: url("/english/credit-cards/images/icon/slider-button.png") no-repeat 50% bottom;height: 24px !important;margin-left: 0px !important;margin-top: -31px;padding: 0 3px 2px;width: 24px !important;color:#003C78;font-weight:bold;text-align:center;text-decoration:none;font-size:13px;}
.calcProgress.finance.ui-controlgroup a.ui-slider-handle, a.ui-slider-handle {background: url("/english/credit-cards/images/icon/slider-button.png") no-repeat 50% bottom;height: 24px !important;margin-left: 0px !important;margin-top: -14px;padding: 0 3px 2px;width: 24px !important;color:#003C78;font-weight:bold;text-align:center;text-decoration:none;font-size:13px;}

.calcProgress.readyCredit.ui-controlgroup a.ui-slider-handle, a.ui-slider-handle {background: url("/english/credit-cards/images/icon/slider-button.png") no-repeat 50% bottom;height: 24px !important;margin-left: 0px !important;margin-top: -14px;padding: 0 3px 2px;width: 24px !important;color:#003C78;font-weight:bold;text-align:center;text-decoration:none;font-size:13px;position:absolute;}
.calcSpend {width:70%;}
.calcSpend.giant{width:60%;margin-left:30px;}
div.ui-slider {width:85% !important;left: 0;}
.calcProgress{height:8px !important;float:left;width:89.6%;background:#ADADAD;margin:7px 0px 0;border:1px solid #ADADAD;border-top:1px solid #838383;border-radius:8px;background:#FFFFFF;background: -webkit-gradient(linear, 0 0, 0 70%, from(#9D9D9D), to(#FFFFFF));background: -webkit-linear-gradient(#9D9D9D, #FFFFFF 70%);
background: -moz-linear-gradient(#9D9D9D, #FFFFFF 70%);background: -ms-linear-gradient(#9D9D9D, #FFFFFF 70%);background: -o-linear-gradient(#9D9D9D, #FFFFFF 70%);background: linear-gradient(#9D9D9D, #FFFFFF 70%);-pie-background: linear-gradient(#9D9D9D, #FFFFFF 70%);}
.sliderTxt {background:url("/english/credit-cards/images/calc-arrow.png") no-repeat scroll 0 0 transparent;position: absolute;top: -19px;left: -50%;color:#666666;font-weight:normal;font-size:11px;height:21px;width:56px;text-align:center;}
.calcRate{background:#00B2F0;background: -webkit-gradient(linear, 0 0, 0 70%, from(#00B2F0), to(#01559D));background: -webkit-linear-gradient(#00B2F0, #01559D 70%);background: -moz-linear-gradient(#00B2F0, #01559D 70%);background: -ms-linear-gradient(#00B2F0, #01559D 70%);background: -o-linear-gradient(#00B2F0, #01559D 70%);background: linear-gradient(#00B2F0, #01559D 70%);-pie-background: linear-gradient(#00B2F0, #01559D 70%); padding:20px;margin:0 0 20px;color:#fff;overflow:hidden;position:relative;}
.calcRateLft, .calcRateMid, .calcRateRht{float:left;}
.calcRateLft{width:150px;padding:0 20px 0 0;}
.calcRateMid{width:150px;padding:0 40px 26px 0;}
.calcRateRht{width:190px;border-left:1px solid #fff;padding:0 0 0 50px;}
.calcRate input{border:1px solid #ccc;padding:10px 0;width:125px;text-align:center;font-size:20px;font-weight:bold;}
.calcRateRht input{margin:14px 0 0;font-size:25px;}
.pointsRate{padding:0;}
.calcRateBtm{width:100%;}
.calcRateBtm{width:100%;}
.calcRMlft{float:left;margin-right:20px;}
.calcRMlft .calctxtmiddle{padding:10px 0 0 0;}
.calcRMRgt{float:left;}


.calcShell .calcSpend{width:55%;}
.calcShell .calcSpendShell{width:53.5%;}
.calcShell div.ui-slider{width: 87% !important;}
.calcSpendYear{float:left;}
.otherIconsTxt{margin:0 5px 0 0;}
.calcRateMidShell{padding-bottom:0;}
.calcRate p.disclaimer{color:#fff;}

.calcRateWrap{padding:10px;}
	.calcRateRhtWrap{padding-right: 20px;float: right;}
	.calcRateRhtWrap p{padding:0;float: left;}
	.calcRateRhtWrap input{width:80px;font-size:14px;padding: 5px 0;}
	.calcInnerWrap div.ui-slider{width: 100% !important;}
	.calcInnerWrap, .calcInnerWrapHdr {clear: both;padding: 20px 0 30px;}
	.calcInnerWrapHdr li, .calcInnerWrap li{float:left;font-size:12px;font-weight:bold;}
	.calcInnerWrap li{font-weight:normal;}
	.calcInnerWrapHdr li.first, .calcInnerWrap li.first{width:80px;}
	.calcInnerWrapHdr li.second, .calcInnerWrap li.second{width:170px;}
	.calcInnerWrapHdr li.third, .calcInnerWrap li.third{width:300px;}
	.calcInnerWrapHdr li.fourth, .calcInnerWrap li.fourth{width:100px;text-align:center;}
	.calcRateRhtWrap h3 {float: left;padding: 8px 10px 0 0;}
	.diningIcon1{margin-right:10px;vertical-align:middle;float: none;}
	.calcInnerWrap{padding-bottom:0;}

.calcRateLftWrap{float:left;}
.calcBtnSpacer{margin-right:10px;}

.calcRMval{width:60%;float:left;}
.calcAmt{margin-right:20px;}
.calcInner.calcInnerClr{overflow:visible;}
/*.calcInner input.RMVal{width:80px;font-size:14px;padding: 5px 0;border:1px solid #ccc;text-align:center;}*/
.calcInner input.RMValNoBor{width:80px;font-size:14px;padding: 5px 0;border:none;text-align:center; background:none;}
.calcPaylft{width:60%;float:left;}
.calcPayrgt{margin-left:10px;}
.calcPayrgt input{width:80px;font-size:14px;padding: 5px 0;border:1px solid #ccc;text-align:center;margin:0 0 10px 0;}

.tabsmenuWrapper {border: 1px solid #EBEBEB;overflow:hidden;background: #EBEBEB;width: 100%;margin:20px 0;border-bottom:none;}
	.tabsmenuContainer {width: 160px;float: left;}
	.tabsmenu li {position: relative;}
	.tabsmenu li .tabmenutopArrow {background: url("../images/white-arrow.png") no-repeat scroll 0 0 transparent;height: 19px;position: absolute;right: -9px;top: 40%;width: 10px;}
	.tabsmenu li a {background: #F7F5F6;border-bottom: 1px solid #EBEBEB;padding:36px 15px;width: 130px;display: inline-block;}
	.tabsmenu li.active a {background: #fff;font-weight: bold;}
	.tabmenuContainer {float: left;padding: 20px 20px 20px 30px;width: 480px;}
	.tabmenuContent{display:none;}
	.tabmenuContent.active{display:block;}
	.tabmenuInner{overflow:hidden;}
	.tabmenuInnerLft{float:left;width:45%;padding:0 20px 0 0;}
	.tabmenuInnerRht{float:left;width:45%;padding:0 0 0 20px;border-left:1px dotted #999;}
	.tabInnerImg{text-align:left;}
	.tabInnerImg img{padding:0 10px 5px 0;}
	.iconHdrCont{padding:0 0 20px;}
	.cashIcon, .balanceIcon, .flexiIcon, .dialIcon{display: inline-block;height: 24px;width: 24px;vertical-align:middle;margin-right:10px;}
	.cashIcon{background: url("/english/credit-cards/images/icon/cash-advance.png") no-repeat scroll 0 0 transparent;}
	.balanceIcon{background: url("/english/credit-cards/images/icon/balance-transfers.png") no-repeat scroll 0 0 transparent;}
	.flexiIcon{background: url("/english/credit-cards/images/icon/flexi-payment.png") no-repeat scroll 0 0 transparent;}
	.dialIcon{background: url("/english/credit-cards/images/icon/dial-for-cash.png") no-repeat scroll 0 0 transparent;}
	.clsInfoIcon{background:url("/english/images/info-icon.png") no-repeat;width:12px;height:12px;display:inline-block;margin-left:5px;}
	a.clsInfoIcon{padding-left:5px;}

/********************************************* Comparison *****************************************************************/
.rewardsIcon, .lowRateIcon, .cardtravelIcon, .everydayIcon, .savingsIcon, .termIcon{
	display: inline-block;
	height: 24px;
	margin:0 2px 0 2px;
	vertical-align: middle;
	width: 24px;
}
.rewardsIcon{
	background: url("/english/credit-cards/images/selectorCards/rewards.png") no-repeat scroll 0 0 transparent;
}
.lowRateIcon{
	background: url("/english/credit-cards/images/selectorCards/lowRate.png") no-repeat scroll 0 0 transparent;
}
.cardtravelIcon{
	background: url("/english/credit-cards/images/selectorCards/travel.png") no-repeat scroll 0 0 transparent;
}
.everydayIcon{
	background: url("/english/deposits/images/compareAllAccounts/icons/everydayBanking.png") no-repeat scroll 0 0 transparent;
}
.savingsIcon{
	background: url("/english/deposits/images/compareAllAccounts/icons/savingsAccount.png") no-repeat scroll 0 0 transparent;
}
.termIcon{
	background: url("/english/deposits/images/compareAllAccounts/icons/termDeposits.png") no-repeat scroll 0 0 transparent;
}
#comapreHldr{
	padding:0 10px;
}
.addCardHldr{
	border-top: 1px dotted #CCCCCC;
	margin: 20px 0 0;
	padding: 20px 0 0;
	display:none;
}
.cardsHldr{
	display:none;
}
.termsHldr{
	display:none;
}
#cardDetailsHolder{
	display:none;
}
.addCard {
	background:url("/english/images/add-card-bg.jpg") repeat-x;
	overflow:hidden;
	padding: 20px 30px 0;
	box-shadow: 0 0 6px 4px #CCCCCC;
}
.addCard ul{
	float:left;
}
.lftStripBg{
	background:url("/english/credit-cards/images/selectorCards/addcard/leftBg.png") no-repeat;
	width:13px;
	height:175px;
	float:left;
}
.rhtStripBg{
	background:url("/english/credit-cards/images/selectorCards/addcard/rightBg.png") no-repeat;
	width:13px;
	height:175px;
	float:right;
}
.addCard ul li{
	width: 168px;
	float:left;
	text-align: center;
}
.addCardHdr{
	font-weight:bold;
	font-size:12px;
}
.compareHdr{
	padding:20px 0 0;
	overflow:hidden;
}
.selectCardsHldr{
	border:1px solid #ccc;
	border-radius:3px 3px 3px 3px;
	position:relative;
	margin:20px 0 10px;
	padding:10px 0 10px 15px;
	overflow:hidden;
	font-size: 12px;
}
.rangeHldr{
	float:left;
	width:407px;
}
.compareTabList span{
	display:block;
	background: url("/english/images/bullet.jpg") no-repeat scroll 0 6px transparent;
	padding:0px 0 8px 10px;
}
.cardsDetailsLend ul li p a.blueBtn{
	/*background: url("/english/images/apply-bg.png") no-repeat scroll 0 0 transparent;*/
	width:110px;
	height:17px;
	padding:4px 0 3px;
	text-align: center;
}
.rangeHldrCompare{
	width:550px !important;
	padding-left:5px;
}
.rangeHldrCompare .rangeValue{
	margin-right:20px;
}
.compBotBtn{
	float:right;
}
.selectCardsHdr{
	padding:10px 0;
}
.selectCardsValue{
	padding:0 0 10px;
}
.rangeHldr input, .cardSelectHldr input{
	margin:0 5px 0 0;
	vertical-align: middle;
}
.rangeValue{
	padding:0 5px 0 0;
}
.rangeHldrComp {
	width: 800px !important;
	border-right: 1px solid #CCCCCC;
}
.rangeHldrComp .rangeValue {
	display: inline-block;
	padding: 0 5px 10px 0;
}
.availableCardsCompare{
	border:none !important;
}
.cardSelectHldr{
	padding: 0 5px 0 20px;
	border-right:1px solid #ccc;
	border-left:1px solid #ccc;
	float:left;
	width:380px;
	font-size: 12px;
}
.cardCompHldr{
	padding: 0 15px 0 0;
	float:left;
	width:auto;
	border-right:0 none;
	border-left:0 none;
}
.cardSelectHldr .rangeValue{
	padding-right:30px;
}
.cardsSelectHdr {
    padding-bottom: 7px !important;
}
.availableCards{
	float:right;
	padding:10px 10px 0;
	width: 135px;
	font-size:12px;
	font-weight:bold;
	color:#333;
}
.availableCardsComp{
	border-left:1px solid #ccc;
	width:220px !important;
} 
.orCompare{
	display:block;
	text-align:center;
	padding-bottom:5px;
	font-size:11px;
}
.availableCompCards{
	border-left:1px solid #ccc;
	width: 125px;
	padding-top:10px;
}
.availableCompCards .cardsList{
	float:left;
}
.availableCompCards .cardsAvailable{
	padding:18px 0 0 20px;
}
.cardsList{
	font-size:12px;
	padding-right: 5px;
	float:left;
}
.compareTxt{
	display: block;
	padding-bottom: 5px;
	text-align: center;
}
.compareAllBtn{
	float: right;
	margin-right: 10px;
	text-align: center;
	width: 130px;
}
.rangeHldrLend {
	width: 820px !important;
	border-right: 1px solid #CCCCCC;
}
.availableCardsLend {
	width: 130px !important;
}
.compareAllBtnLend {
	float:none !important;
	margin-left:0px !important;
	text-align:center;
	padding-right: 10px;
}
.compareAllBtn1{
	float:left;
	margin:0 0 0 65px;
	width: auto;
}
.compareAllBtnMarg{margin-left:0px !important;}

.orHldr {
padding: 0 20px;
}

.availableCards .greyBtn, .compareAllBtn .greyBtn{
	height: 16px;
	padding: 4px 7px;
	border-radius:3px;
	width: auto;
}
.selectedCards, .cardsDetails{
	background:url("/english/images/bg-pattern.gif") repeat scroll 0 0 transparent;
	box-shadow: 0 0 6px 4px #ccc;
	border:1px solid #ccc;
	margin:20px 0;
	overflow:hidden;
}
/*.selectedCardsLend .cardCont {
	min-height: 70px !important;
}*/
.selectedCards ul li{
	width:16.68%;
	float:left;
	padding:20px 0 0;
	text-align:center;
}
.selectedCardsComp ul li {
	width: 14.28% !important;
}
.selectedCardsLend ul li{
	width: 25% !important;
}
.cardsDetails{
	margin:20px 0 10px;
}
.cardsDetails ul li{
	text-align:left;
	width: 16.66%;
	float:left;
}
.cardsDetailsLend ul li {
	width: 25% !important;
}
.cardsDetails ul li p{
	border-bottom:1px solid #ccc;
	padding:10px 15px;
	font-size: 11px;
}
.cardsGrayBg{
	background:#f3f3f3;
}
.cardsWhiteBg{
	background:#ffffff;
}
.cardHdr{
	font-size: 12px;
	min-height:28px;
	color:#333;
	font-weight:bold;
}
.cardImg{
	margin:0;
	position:relative;
	min-height:61px;
	padding-bottom:0px;
}
.selectedCardsComp .cardCont {
	height: 60px !important;
}
.cardsDetailsComp ul li {
	width: 14.28% !important;
}
.cardsDetailsLend ul li {
	width: 25% !important;
}
.closeIconHldr{
	position: absolute;
	right:8px;
}
.cardCont{
	padding:10px;
	height:45px;
	color:#666;
}
.Compare .cardCont{
	height:56px;
}
.cardsGrayBg .cardCont{
	background:#EBEBEB;
}
.cardsWhiteBg .cardCont{
	background:#F6F6F6;
}
.cardBtn .greyBtn{
	padding:5px 7px;
}
.cardBtn span{
	margin:10px 0 0;
	display:block;
	min-height:25px;
}
.viewCardsList{
	overflow:hidden;
}
.productName {
	color: #05589D;
}
.viewCardsList ul {
	background:#edeeef;
	border: 1px solid #ddd;
	border-radius: 3px 3px 3px 3px;
	overflow: hidden;
	margin:10px 0 0;
	position:relative;
}
.viewCardsList ul li{
	float:left;
}
.viewCardsList ul li a{
	padding:15px 27px;
	display:inline-block;
	color:#768696;
	font-size:13px;
	font-weight:bold;
	border: 1px solid #edeeef;
}
.viewCardsListLend ul li a {
    padding: 15px 35.95px !important;
}
.viewCardsList ul li a:hover, .viewCardsList ul li a.active{
	background:#f9f9f9;
	border-radius:5px;
	box-shadow:0 0 5px inset #ddd;
	border:1px solid #ccc;
	text-decoration:none;
	position:relative;
	color:#384553;
}
.rangeHldrMort .rangeValueAll {
	padding-left: 6px;
}
.closeIconHldrLend{
	right:65px !important;
}
.selectedCards .blueBtn, .selectedCards .greyBtn{
	width:96px;
	padding:4px 0;
	height:16px;
}


.selectedCardsCompare .cardCont {
	height:90px !important;
}
.grayTick{
	background:url("/english/images/tick_arrow.png") no-repeat 0 0;
	width:14px;
	height:12px;
	display:block;
	margin-bottom:5px;
}
.grayClose{
	background:url("/english/images/cross_img.png") no-repeat;
	width:10px;
	height:12px;
	display:block;
	margin-bottom:5px;
}
.closeIcon{
	display:block;
	background:url("/english/images/close.jpg") no-repeat;
	width:14px;
	height:15px;
}
ul.bulLst li a.grayArrow {
    background: url("/english/images/grayarrow.png") no-repeat scroll 0 4px transparent;
    display: inline-block;
    margin: 0 0 0 10px;
    padding-left: 10px;
    text-align: left;
}

/********************************************* Comparison *****************************************************************/

/* iPads (portrait) ----------- */
 only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
	.listBox li{width:17.9%;min-height:65px;}
	ul.stepHldr li span.stepList{width:7%;}
	ul.stepHldr li span.stepCont{width:90%;}

/* Card Selector */
.addCard ul li{
	width: 156px;
	float:left;
	text-align: center;
}
.addCardMort ul li {
	width: 130px;
}

.rangeHldr {
	width:30%;
}
.cardSelectHldr{
	width:45%;
}
.selectCardsValueIpad .rangeValue{
	padding-bottom:18px !important;
}
.compareAllBtn1 {
	margin: 0 0 0 53px;
}
.selectCardsHdr{
	font-size:11px;
}
.closeIconHldrLend{
	right:25px !important;
}
.selectedCardsComp .blueBtn, .selectedCardsComp .greyBtn{
	width:90px;
	padding:4px 0;
	height:16px;
	border-radius:3px;
}
.selectedCardsComp .blueBtn{
	background: url("/english/images/greenBg.png") repeat-x scroll 0 0 transparent;
}
.selectedCardsComp .greyBtn{
	background: url("/english/images/blue-btn-bg.png") repeat-x scroll 0 0 transparent;
}
.selectCardsValue .rangeValue{
	display:block;
	padding:0 0 10px 0;
	font-size:11px;
}
.cardsDetailsLend ul li p{
	min-height:30px; !important;
}
.selectedCardsComp .cardHdr{
	font-size:11px;
	padding-bottom:0px !important; 
	min-height:45px;
}
.selectedCardsComp .cardCont {
	height: 75px !important;
}
.selectedCardsLend .cardCont {
	min-height: 60px !important;
}
.rangeHldrCompare{
	width:450px !important;
}
.rangeHldrCompare .rangeValue{
	display:inline-block !important;
	margin-right:5px;
}
.rangeHldrLend {
	width: 570px !important;
}
.rangeHldrComp .rangeValue{
	display:block !important;
	padding:0 0 10px 0;
}
.rangeHldrComp {
	width:545px !important;
	border-right:1px solid #ccc;
}
.cardCompHldr .selectCardsValue .rangeValue{
	display:inline-block !important;
	padding:0 30px 0 0;
}
.rangeHldr input, .cardSelectHldr input {
	margin: 0 5px 0 0;
	vertical-align: middle;
}
.availableCards{
	padding-top:35px;
}
.availableCardsComp{
	padding-top:10px !important
} 
.availableCardsCompare{
	padding-top:70px !important;
	border:none;
}
.availableCompCards{
	padding-top:10px;
}
.cardCont {
	color: #666666;
	height: 45px;
	font-size:11px;
	padding:5px;
}
.cardImg{
	width:90%;
}
.closeIconHldr {
	right:-8px;
}
.viewCardsList ul li a{
	padding:15px 11px !important;
}
.selectedCardsCompare .cardCont {
	height:100px !important;
}
.viewCardsListLend ul li a {
	padding: 15px 14.98px !important;
}
.tabsIpadPort li a{
	font-size:10px !important;
}

	
}

@media only screen 
and (min-device-width : 769px) 
and (max-device-width : 800px) 
and (orientation : landscape) {
.rangeHldr {
	width:33%;
}
.cardSelectHldr{
	width:43%;
}
.selectCardsHdr{
	font-size:11px;
}
.selectCardsValue .rangeValue{
	display:block;
	padding:0 0 10px 0;
	font-size:11px;
}
.cardCompHldr .selectCardsValue .rangeValue{
	display:inline-block !important;
	padding:0 30px 0 0;
}
.rangeHldr input, .cardSelectHldr input {
	margin: 0 5px 0 0;
	vertical-align: middle;
}
.availableCards{
	padding-top:20px;
}
.availableCompCards{
	padding-top:10px;
}
.cardCont {
	color: #666666;
	height: 45px;
	font-size:11px;
	padding:5px;
}
.cardImg{
	width:90%;
}
.closeIconHldr {
	right:-8px;
}
.viewCardsList ul li a{
	padding:15px 20.5px;
}
.rangeHldrLend {
	width:600px !important;
}
.closeIconHldrLend {
	right: 20px !important;
}
.viewCardsListLend ul li a {
    padding: 15px 26.9px !important;
}
.cardHdr .addcard{
	margin-left:-20px;
}

}
 @media(min-width: 1024px) {
	ul.slidesjs-pagination {left: 421px;}
	.bannerSlider{height: 297px;}
	.listcontentFooter ul li a{width: 331px; }
	.listcontentFooter span {height: 24px;left: 92px;position: absolute;top: 10px;width: 24px;}
	.cardName,.cardDetails {width: 720px;}
	ul.bottomPromo li.right .iconBlock.clsPadTopWel{padding-top:32px;}
	div.ui-slider {width:50% !important;}
	.calcRateRhtWrap{padding-right:280px;}
	




}
 @media(max-width: 967px) {
/**************************** Forms CC APPLICATION Start *****************************/
	.tabHldr{width:100%;}
	.cardSelect{width:96%;margin-bottom:20px;}
	.cardName,.cardDetails {width: 500px;}
	.formHldr{width:100%;margin:0;}
	.tabHldr{width:100%;}
	ul.bottomPromo li.right .iconBlock.clsPadTopWel{padding-top:32px;}
	.airAsiaBlockInner .left{float:left; padding:90px 20px 0 0;width:27%;}

	.airAsiaBlockInner .mid{float:left;padding:0 20px 0 0;width:32%;position:relative; text-align:center;}

	.airAsiaBlockInner .right{float:right; width:26%; padding:90px 20px 0 0;}
	.viewCardsList ul li a{padding: 15px 11.80px !important;}
	.closeIconHldr {position: absolute;right: 0px;top: 0;left: 88px;}
	.closeIcon {display: block;background: url("/english/images/close.jpg") no-repeat;width: 14px;height: 15px;}
	.cardImg {margin: 0;position: relative;min-height: 61px;padding-bottom: 0px;width: 92px;}
	.cardCont{padding-top:0px;}
	p.cardCont{font-size:10px;}
	.rangeHldr {float: left;width: 33%;}
	.selectCardsValue {padding: 0 0 10px;float: left;width: 143px;}
	.rangeValue {padding: 0 5px 0px 0;float: inheritt;}
	.cardSelectHldr {padding: 0 15px 0 20px;border-right: 1px solid #ccc;border-left: 1px solid #ccc;float: left;width: 30%;font-size: 12px;}
	.availableCards {float: right;padding: 10px 10px 0;width: 29%;font-size: 12px;font-weight: bold;color: #333;}
	.rangeHldr input, .cardSelectHldr input {margin: 10px 5px 12px 0;vertical-align: middle;}
	.topBox .topBoxInner {float:none;width: 100%;}
	.topBox .topBoxInner .right {width: 71%;}
	.topBox .topBoxBtn{float:left;padding:0 0 0 195px;}
	.topBox .topBoxInnBlock .topBoxInnBckCont {width: 100%;float: none;}
	.topBoxInnBlock .topContentAplyWrap{margin-left:0;}
	.topContentAplyApp div.right, .topContentAplyApp .pullRight{float:left;}
	.topContentAplyApp{float:left;width:auto;}
	.addCompareBtnFirst{margin:0;}
	
/**************************** Forms CC APPLICATION End *****************************/
}


/*************** ***************/

#header, #footer, .breadCrumb, .bannerHolder, .bannerProd, .bannerProdTile, .overview, .tabBotBtn, .bottomPromo, .calcSlider, .bottomLinksWrap, .bottomPromoHdr, .contWraper, .tabBtnBlock{display:none !important;}

#main{
	padding: 25px 15px 15px;
	border:1px #d7d7d7 solid;
	background: #eaeaea;
	background: -moz-linear-gradient(top,  #eaeaea 0%, #d7d7d7 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eaeaea), color-stop(100%,#d7d7d7));
	background: -webkit-linear-gradient(top,  #eaeaea 0%,#d7d7d7 100%);
	background: -o-linear-gradient(top,  #eaeaea 0%,#d7d7d7 100%);
	background: -ms-linear-gradient(top,  #eaeaea 0%,#d7d7d7 100%);
	background: linear-gradient(to bottom,  #eaeaea 0%,#d7d7d7 100%);
}
.contentSec {margin: 0 0 30px;}
.commonApplyProducts{overflow:hidden;}
.commonApplyProducts ul li {float: left;}
.topBox {overflow: hidden;padding:0 5px 25px;}

.thumbImg {float: none;margin: 0 0 10px;}
.productsListCont {margin: 0;}
.TermsAndConditions{display:none;}
.termsPlus, .termsMinus {cursor: pointer;display: inline-block !important;float: left;width: 14px;height: 14px;margin-right:10px;}
.termsMinus {background: url("/english/images/minus.png") no-repeat scroll 0 0 transparent;}
.termsPlus {background: url("/english/images/plus.png") no-repeat scroll 0 0 transparent;}



/*************** ***************/