@charset "UTF-8";
/* Hang Seng Bank Tablet/Desktop Document */


/* ------------------------------------------------- */
/* Main Navigation --------------------------------- */
/* ------------------------------------------------- */

/* Buttons */
#coverBtn-home-container{
	padding:6px 6px 0 7px;
}
.cover-btn{
	display:block;
	padding: 0;
	width:80px;
	height:40px;
	border-radius:4px;
	border:1px solid #FFF;
	background:-webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0.00, #e5e5eb),
	color-stop(1.00, #f8f8f8)
	),#CCC;
	-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.4);
	cursor:pointer;
	-webkit-border-radius:4px;
}
.cover-btn>p{
	padding: 6px 0 0 0;
	font-size:11px;
	font-weight:bold;
	text-align:center;
	line-height:1em;
	/*color:#8f8f91;*/
	color:#444;
}
#coverBtn-home{
	width:41px;
	color:#666;
	text-shadow:1px 1px 2px rgba(255,255,255,0.5);
}
.coverBtn-icon{
	display:block;
	margin-right:5px;
	margin-top:1px;
	float:left;
	width:20px;
	height:20px;
}
#icon-coverBtn-home{
	background:url(../images/icon-home-green.png) 0 0 no-repeat;
	background-size:19px 18px;
}
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
    #icon-coverBtn-home{
	background:url(../images/icon-home-green@2x.png) 0 0 no-repeat;
	background-size: 19px 18px;
	}
}
.coverBtn-arrow{
	display:block;
	margin-top:4px;
	float:right;
	width:15px;
	height:15px;
}
#coverBtn-home-arrow{	
		background:url(../images/arrow-set.png) left no-repeat;
		background-position:0px -15px;
		background-size: 60px 75px;
 }
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
    #coverBtn-home-arrow{
		background:url(../images/arrow-set@2x.png) left no-repeat;
		background-position:0px -15px;
		background-size: 60px 75px;
	}
}

#crumb-bar {
	width:100%;
	padding:6px;
}
#crumb-bar td {
	height:42px;	
	vertical-align:middle;
}
#crumb-home {
	width:44px;
}
#crumb-trail {
	width:100%;
	padding-left:2px;	
}
#crumb-trail td {
	width:33%;
	padding-left:18px;
	padding-right:3px;
}
.crumb-block {	
	background:url(../images/arrow-crumb.png) left no-repeat;
	background-size: 15px 15px;
}	
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
	.crumb-block {
		background:url(../images/arrow-crumb@2x.png) left no-repeat;
		background-size: 15px 15px;
	}
}
.crumb-btn{
	display:table;
	width:100%;
	height:100%;
	border:1px solid rgba(97,152,36,1);
	background:-webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0.00, rgba(115,191,34,1)),
	color-stop(1, rgba(77,124,27,1))
	),#5a8e22;
	-webkit-box-shadow: 0px 1px 1px rgba(255,255,255,0.5);
	-webkit-border-radius:4px;
	cursor:pointer;	
}
.crumb-btn>p{
	display:table-cell;
	vertical-align:middle;
	font-size:11px;
	font-weight:bold;
	text-align:center;
	line-height:10px;
	color:#fff;
	text-shadow:0px -1px 1px rgba(0,0,0,0.4);
	padding: 2px 3px 0px 3px;
	margin:0px;
}
.crumb-btn-white{
	display:table;
	width:100%;
	height:100%;
	border:1px solid #fff;
	background:-webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0.00, rgba(248,248,248,1)),
	color-stop(1, rgba(229,229,235,1))
	);
	-webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.5);
	-webkit-border-radius:4px;
	
	cursor:pointer;	
}
.crumb-btn-white>p{
	display:table-cell;
	vertical-align:middle;
	font-size:11px;
	font-weight:bold;
	text-align:center;	
	color:rgba(68,68,68,1);
	line-height:10px;		
	padding: 2px 3px 0px 3px;
	margin: 0px;	
}
#icon-crumb-btn-home { 
	display:block;
	margin: 1px auto;
	width:19px;
	height:18px;
	background:url(../images/icon-home-white.png) 0 0 no-repeat;
}
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
	#icon-crumb-btn-home { 
		display:block;
		margin: 1px auto;
		width:19px;
		height:18px;	
		background:url(../images/icon-home-white@2x.png) 0 0 no-repeat;
		background-size:19px 18px;
	}
}

#icon-crumb-btn-home-green { 
    display:block;
    margin: 0 auto;
    width:19px;
    height:18px;
    background:url(../images/icon-home-green.png) 0 0 no-repeat;
}
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
    #icon-crumb-btn-home-green { 
        display:block;
        margin: 1px auto;
        width:19px;
        height:18px;    
        background:url(../images/icon-home-green@2x.png) 0 0 no-repeat;
        background-size:19px 18px;
    }
}

/* ------------------------------------------------- */
/* Services Navigation ----------------------------- */
/* ------------------------------------------------- */
#serviceNav{
	position:absolute;
	left:-9999px;
	top:-9999px;
	margin:0 0;
	padding: 10px 2%;
	width:100%;
	/*background:-webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0.00, rgba(0,0,0,0.1)),
	color-stop(0.50, rgba(0,0,0,0.0))
	),#FFF;*/
	/*background: #E9F0E0;*/
	overflow:hidden;
	-khtml-user-select:none;
	z-index:9999;
}

#serviceNav a{
	position:relative;
	font-size:14px;
	font-weight:bold;
	cursor:pointer;
}

#serviceNav .new-1{
	position:absolute;
	display:block;
	top:10px;
	right:0px;
	width:14px;
	height:22px;
	background: url(../images/icon-nav-new.png) no-repeat;
	background-size:14px 22px;
}

.green-navBar .new-1
{
	float:right;
	display:block;
	top:0px;
	right:10px;
	width:14px;
	height:22px;
	background: url(../images/icon-nav-new.png) no-repeat;
	background-size:14px 22px;
}

#serviceNav .new-2, #serviceNav .new-3{
	position:absolute;
	display:block;
	top:17px;
	right:20px;
	width:8px;
	height:9px;
	background: url(../images/icon-nav-new2.png) no-repeat;
	background-size:8px 9px;
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
	#serviceNav .new-1{ background: url(../images/icon-nav-new@2x.png) no-repeat; background-size:14px 22px;}
	#serviceNav .new-2{ background: url(../images/icon-nav-new2@2x.png) no-repeat; background-size:8px 9px;}
	#serviceNav .new-3{ background: url(../images/icon-nav-new2@2x.png) no-repeat; background-size:8px 9px;}
}

#serviceNav .new-3{
	top:14px;
	right:16px;
}

.serviceNav-lvl1, .serviceNav-lvl2, .serviceNav-lvl3{
	display:block;
	margin:0;
	padding:0;
}

.serviceNav-lvl2, .serviceNav-lvl3{
	overflow:hidden;
}

/* Service nav level 1 settings */
.serviceNav-lvl1-item, .serviceNav-lvl1-item.off{
	height:49px;
	border-radius:5px;
	border:2px solid #FFF;
	background:-webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0.00, #9be222),
	color-stop(1.00, #76b610)
	);
	-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.5);
}

.serviceNav-lvl1-item.off{
	margin-bottom:5px;
	background:-webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0.00, #f8f8f8),
	color-stop(1.00, #e5e5e5)
	);
}

/* Nav icons */

.nav-1-accServ-on a{
	background:url(../images/icon.png) 10px center no-repeat;
}

.nav-1-accServ-off a{
	background:url(../images/nav-icons-accServ-green.png) 10px center no-repeat;
}

.nav-1-billPay-on a{
	background:url(../images/nav-icons-billPay-white.png) 10px center no-repeat;}

.nav-1-billPay-off a{
	background:url(../images/nav-icons-billPay-green.png) 10px center no-repeat;}

.nav-1-investment-on a{
	background:url(../images/nav-icons-investment-white.png) 10px center no-repeat;
}

.nav-1-investment-off a{
	background:url(../images/nav-icons-investment-green.png) 10px center no-repeat;
}

.nav-1-insurance-on a{
	background:url(../images/nav-icons-insurance-white.png) 10px center no-repeat;
}

.nav-1-insurance-off a{
	background:url(../images/nav-icons-insurance-green.png) 10px center no-repeat;
}

.nav-1-loans-on a{
	background:url(../images/nav-icons-loans-white.png) 10px center no-repeat;
}

.nav-1-loans-off a{
	background:url(../images/nav-icons-loans-green.png) 10px center no-repeat;
}

.nav-1-cardServ-on a{
	background:url(../images/nav-icons-cardServ-white.png) 10px center no-repeat;
}

.nav-1-cardServ-off a{
	background:url(../images/nav-icons-cardServ-green.png) 10px center no-repeat;
}

.nav-1-eServ-on a{
	background:url(../images/nav-icons-eServ-white.png) 10px center no-repeat;
}

.nav-1-eServ-off a{
	background:url(../images/nav-icons-eServ-green.png) 10px center no-repeat;
}

.nav-1-custServ-on a{
	background:url(../images/nav-icons-custServ-white.png) 10px center no-repeat;
}

.nav-1-custServ-off a{
	background:url(../images/nav-icons-custServ-green.png) 10px center no-repeat;
}

.nav-1-privBank-on a{
	background:url(../images/nav-icons-privBank-white.png) 10px center no-repeat;
}

.nav-1-privBank-off a{
	background:url(../images/nav-icons-privBank-green.png) 10px center no-repeat;
}

.nav-1-mpfServ-on a{
	background:url(../images/nav-icons-mpfServ-white.png) 10px center no-repeat;
}

.nav-1-mpfServ-off a{
	background:url(../images/nav-icons-mpfServ-green.png) 10px center no-repeat;
}

.nav-1-orsoServ-on a{
	background:url(../images/nav-icons-orsoServ-white.png) 10px center no-repeat;
}

.nav-1-orsoServ-off a{
	background:url(../images/nav-icons-orsoServ-green.png) 10px center no-repeat;
}

.nav-1-eSta_eAdv-on a{
	background:url(../images/nav-icons-eSta_eAdv-white.png) 10px center no-repeat;
}

.nav-1-eSta_eAdv-off a{
	background:url(../images/nav-icons-eSta_eAdv-green.png) 10px center no-repeat;
}

.nav-1-eInvAdv-on a{
	background:url(../images/nav-icons-eInvAdv-white.png) 10px center no-repeat;
}

.nav-1-eInvAdv-off a{
	background:url(../images/nav-icons-eInvAdv-green.png) 10px center no-repeat;
}

.nav-1-eAlert-on a{
	background:url(../images/nav-icons-eAlert-white.png) 10px center no-repeat;
}

.nav-1-eAlert-off a{
	background:url(../images/nav-icons-eAlert-green.png) 10px center no-repeat;
}

.nav-1-upgrade-on a{
	background:url(../images/nav-icons-upgrade-white.png) 10px center no-repeat;
}

.nav-1-upgrade-off a{
	background:url(../images/nav-icons-upgrade-green.png) 10px center no-repeat;
}

/*mobile menu nav start*/
.nav-1 a{
	background:url(../images/menunav/nav-acc.png) 10px center no-repeat;
	background-size:25px 25px;
}
.nav-2 a{
	background:url(../images/menunav/nav-payment.png) 10px center no-repeat;
	background-size:25px 25px;
}
.nav-3 a{
	background:url(../images/menunav/nav-td.png) 10px center no-repeat;
	background-size:25px 25px;
}
.nav-4 a{
	background:url(../images/menunav/nav-fx.png) 10px center no-repeat;
	background-size:25px 25px;
}
.nav-5 a{
	background:url(../images/menunav/nav-contact.png) 10px center no-repeat;
	background-size:25px 25px;
}
.nav-6 a{
	background:url(../images/menunav/nav-other.png) 10px center no-repeat;
	background-size:25px 25px;
}
.nav-7 a{
	background:url(../images/menunav/nav-lan.png) 10px center no-repeat;
	background-size:25px 25px;
}

/*mobile menu nav end*/

@media all and (-webkit-min-device-pixel-ratio: 2) {
	.serviceNav-lvl1-item a{background-size:25px 25px;}
	
	.nav-1-accServ-on a{
		background:url(../images/nav-icons-accServ-white@2x.png) 10px center no-repeat;
		background-size:25px 25px;
	}
	
	.nav-1-accServ-off a{
		background:url(../images/nav-icons-accServ-green@2x.png) 10px center no-repeat;
		background-size:25px 25px;
	}
	
	.nav-1-investment-on a{
		background:url(../images/nav-icons-investment-white@2x.png) 10px center no-repeat;
		background-size:25px 25px;
	}
	
	.nav-1-investment-off a{
		background:url(../images/nav-icons-investment-green@2x.png) 10px center no-repeat;
		background-size:25px 25px;
	}
	
	.nav-1-insurance-on a{
		background:url(../images/nav-icons-insurance-white@2x.png) 10px center no-repeat;
		background-size:25px 25px;
	}
	
	.nav-1-insurance-off a{
		background:url(../images/nav-icons-insurance-green@2x.png) 10px center no-repeat;
		background-size:25px 25px;
	}
	
	.nav-1-loans-on a{
		background:url(../images/nav-icons-loans-white@2x.png) 10px center no-repeat;
		background-size:25px 25px;
	}
	
	.nav-1-loans-off a{
		background:url(../images/nav-icons-loans-green@2x.png) 10px center no-repeat;
		background-size:25px 25px;
	}
	
	.nav-1-cardServ-on a{
		background:url(../images/nav-icons-cardServ-white@2x.png) 10px center no-repeat;
		background-size:25px 25px;
	}
	
	.nav-1-cardServ-off a{
		background:url(../images/nav-icons-cardServ-green@2x.png) 10px center no-repeat;
		background-size:25px 25px;
	}
	
	.nav-1-eServ-on a{
		background:url(../images/nav-icons-eServ-white@2x.png) 10px center no-repeat;
		background-size:25px 25px;
	}
	
	.nav-1-eServ-off a{
		background:url(../images/nav-icons-eServ-green@2x.png) 10px center no-repeat;
		background-size:25px 25px;
	}
	
	.nav-1-custServ-on a{
		background:url(../images/nav-icons-custServ-white@2x.png) 10px center no-repeat;
		background-size:25px 25px;
	}
	
	.nav-1-custServ-off a{
		background:url(../images/nav-icons-custServ-green@2x.png) 10px center no-repeat;
		background-size:25px 25px;
	}
	
	.nav-1-privBank-on a{
		background:url(../images/nav-icons-privBank-white@2x.png) 10px center no-repeat;
		background-size:25px 25px;
	}
	
	.nav-1-privBank-off a{
		background:url(../images/nav-icons-privBank-green@2x.png) 10px center no-repeat;
		background-size:25px 25px;
	}
	
	.nav-1-mpfServ-on a{
		background:url(../images/nav-icons-mpfServ-white@2x.png) 10px center no-repeat;
		background-size:25px 25px;
	}
	
	.nav-1-mpfServ-off a{
		background:url(../images/nav-icons-mpfServ-green@2x.png) 10px center no-repeat;
		background-size:25px 25px;
	}
	
	.nav-1-orsoServ-on a{
		background:url(../images/nav-icons-orsoServ-white@2x.png) 10px center no-repeat;
		background-size:25px 25px;
	}
	
	.nav-1-orsoServ-off a{
		background:url(../images/nav-icons-orsoServ-green@2x.png) 10px center no-repeat;
		background-size:25px 25px;
	}
	
	.nav-1-eSta_eAdv-on a{
		background:url(../images/nav-icons-eSta_eAdv-white@2x.png) 10px center no-repeat;
		background-size:25px 25px;
	}
	
	.nav-1-eSta_eAdv-off a{
		background:url(../images/nav-icons-eSta_eAdv-green@2x.png) 10px center no-repeat;
		background-size:25px 25px;
	}
	
	.nav-1-eInvAdv-on a{
		background:url(../images/nav-icons-eInvAdv-white@2x.png) 10px center no-repeat;
		background-size:25px 25px;
	}
	
	.nav-1-eInvAdv-off a{
		background:url(../images/nav-icons-eInvAdv-green@2x.png) 10px center no-repeat;
		background-size:25px 25px;
	}
	
	.nav-1-eAlert-on a{
		background:url(../images/nav-icons-eAlert-white@2x.png) 10px center no-repeat;
		background-size:25px 25px;
	}
	
	.nav-1-eAlert-off a{
		background:url(../images/nav-icons-eAlert-green@2x.png) 10px center no-repeat;
		background-size:25px 25px;
	}
	
	.nav-1-upgrade-on a{
		background:url(../images/nav-icons-upgrade-white@2x.png) 10px center no-repeat;
		background-size:25px 25px;
	}
	
	.nav-1-upgrade-off a{
		background:url(../images/nav-icons-upgrade-green@2x.png) 10px center no-repeat;
		background-size:25px 25px;
	}
	
	/*mobile menu nav start*/
	.nav-1 a{
		background:url(../images/menunav/nav-acc.png) 10px center no-repeat;
		background-size:25px 25px;
	}
	.nav-2 a{
		background:url(../images/menunav/nav-payment.png) 10px center no-repeat;
		background-size:25px 25px;
	}
	.nav-3 a{
		background:url(../images/menunav/nav-td.png) 10px center no-repeat;
		background-size:25px 25px;
	}
	.nav-4 a{
		background:url(../images/menunav/nav-fx.png) 10px center no-repeat;
		background-size:25px 25px;
	}
	.nav-5 a{
		background:url(../images/menunav/nav-contact.png) 10px center no-repeat;
		background-size:25px 25px;
	}
	.nav-6 a{
		background:url(../images/menunav/nav-other.png) 10px center no-repeat;
		background-size:25px 25px;
	}
	.nav-7 a{
		background:url(../images/menunav/nav-lan.png) 10px center no-repeat;
		background-size:25px 25px;
	}
	
	/*mobile menu nav end*/
}

.serviceNav-lvl1-item a, .serviceNav-lvl1-item.off a{
	padding-left:45px;
	color:#FFF;
	text-shadow:0px -1px 1px rgba(0,0,0,0.4);
}

.serviceNav-lvl1-item.off a{
	color:#666;
	text-shadow:1px 1px 2px #FFF;
}

.serviceNav-lvl1-link{
	display:block;
	margin: 0;
	padding: 14px 20px 14px 20px;
	/*background:url(../images/icon.png) 10px center no-repeat;*/
}

.serviceNav-lvl1-link-2line{
	display:block;
	margin: 0;
	padding: 8px 20px 0 20px;
	font-size:10px;
	background:none;
}


/* Service nav level 2 settings */
.serviceNav-lvl2-item{
	margin:0 5px;
	padding:0;
	border-left:3px solid #FFF;
	border-right:3px solid #FFF;
	background:#B5E06D;
}

.serviceNavpopup-lvl2-item{
	margin:0 5px;
	padding:0;
	border-left:3px solid #FFF;
	border-right:3px solid #FFF;
	background:#B5E06D;
}

.serviceNav-lvl2-item a{
	display:block;
	margin:0 15px;
	padding:10px 10px 10px 0px;
	color:#4e7d02;
	text-shadow:1px 1px 2px #FFF;
	border-bottom: 1px solid #90b554;
}

.serviceNavpopup-lvl2-item div{
	display:block;
	margin:0 15px;
	padding:10px 10px 10px 0px;
	color:#4e7d02;
	text-shadow:1px 1px 2px #FFF;
	border-bottom: 1px solid #90b554;
	font-size: 14px;
	font-weight: bold;
}

.serviceNav-lvl2-item.on a{
	border:none;
	color:#365405;
	background:url(../images/arrow-green1-12.png) right center no-repeat;
}

.serviceNav-lvl2-item.selected a{
	color:#365405;
	background:url(../images/arrow-green2-3.png) right center no-repeat;
	cursor:default !important;
}

.serviceNav-lvl2-item.off a{
	background:url(../images/arrow-green1-6.png) right center no-repeat;
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
	.serviceNav-lvl2-item.on a{background:url(../images/arrow-green1-12@2x.png) right center no-repeat; background-size:13px 13px;}
	.serviceNav-lvl2-item.off a{background:url(../images/arrow-green1-6@2x.png) right center no-repeat; background-size:13px 13px;}
}

.serviceNav-lvl2-bottom{
	margin:0 5px 10px 5px;
	padding:0;
	height:9px;
	border-left:3px solid #FFF;
	border-right:3px solid #FFF;
	border-bottom:3px solid #FFF;
	border-radius: 0 0 5px 5px;
	background:#B5E06D;
}

/* Service nav level 3 settings */
.serviceNav-lvl3-top{
	margin:0 5px;
	padding:0;
	height:5px;
	border-left:3px solid #FFF;
	border-right:3px solid #FFF;
	border-bottom:3px solid #FFF;
	background:#B5E06D;
}
.serviceNav-lvl3-item{
	margin:0 10px;
	padding:0;
	border-left:2px solid #FFF;
	border-right:2px solid #FFF;
	background:#DAF3B2;
}
.serviceNav-lvl3-item a{
	display:block;
	margin:0 15px;
	padding:10px 20px 10px 0px;
	color:#4e7d02;
	text-shadow:1px 1px 2px #FFF;
	border-top: 1px solid #90b554;
}

.serviceNav-lvl3-item.on a{
	color:#365405;
	background:url(../images/arrow-green2-3.png) right center no-repeat;
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
	.serviceNav-lvl3-item.on a{background:url(../images/arrow-green2-3@2x.png) right center no-repeat; background-size:13px 13px;}
}

.serviceNav-lvl3-bottom{
	margin:0 5px;
	padding:0;
	height:5px;
	border-left:3px solid #FFF;
	border-right:3px solid #FFF;
	border-top:3px solid #FFF;
	background:#B5E06D;
}

/* >>> END Services Navigation ---------------------- */


/* Tab Navigation */
.tabnav{
	display:table;
	/* Height Review */ /*margin:15px 0px 0px 0px;*/
	margin:8px 0 0 0 ;
	padding:0px;
	width:100%;
}

.tabnav>LI{
	margin-left:1%;
	padding:0;
	float:left;
	display:table;
	/* Height Review */ /*height:50px;*/ height:35px;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	border-top:1px solid #fff;
	border-bottom:0px none;
	-webkit-border-radius: 5px 5px 0px 0px;
	-webkit-box-shadow:0px -1px 2px rgba(0,0,0,0.3);
	list-style:none;
}
.tab-2>LI{
	width:48%;
	color:#4e7d02;
}
.tab-3>LI{
	width:32.3%;
}
.tabnav>LI>A{
	display:table-cell;
	padding:0;
	margin: 0;
	height:25px;
	text-align:center;
	vertical-align:middle;
	width:100%;
	cursor:pointer;
}

.tabnav_on{background-color:#FBFBFB;}
/*.tabnav_on{background-color:#E9F0E0;}*/
.tabnav_on>A{
	font-weight:bold;
	font-size:12px;	
	-webkit-box-shadow:0px 2px 0px #FBFBFB;
	/*-webkit-box-shadow: 0px 2px 0px rgba(245,245,245,1);*/
}
.tabnav_off {
	background:-webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0.00, #e6e4e4),
	color-stop(1, #d6d5d5)
	);
}
.tabnav_off>A {
	color:#999;
	text-shadow:1px 1px 2px #FFF;
	font-weight:bold;
	font-size:12px;
}

.tabnav_contentBox {
	background-color:#f6f6f6;
	border-top:2px solid white;
}

/* start 2011-10-15 Travis Customer Authentication Phase 1*/
.tabnav_inactive a {
	background:-webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0.00, #e6e4e4),
    color-stop(1, #d6d5d5)
    );
}

.tabnav_active a {
	background-color: #f6f6f6;
}

.stepBar {
	margin-bottom: 3px; padding: 15px 10px 15px 20px;
	font-size: 14px;
	-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.3);
}
/* end 2011-10-15 Travis Customer Authentication Phase 1*/

/* 13 Apr 2012 Project Winnie Enhancement */

/* Bar navigation (Bottom) */
.barNav{margin:0; padding:0; list-style:none;}
.barNav>LI{position:relative; margin:0; padding:0;}
.barNav>LI>A{
	display:block; margin:0; padding:13px 40px 13px 15px;
	border-top:1px solid white; border-bottom:1px solid #CCC;
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.00, whiteSmoke), color-stop(0.5, #E3E3E3) ),#E3E3E3;
	-webkit-box-shadow:0px 1px 1px rgba(0, 0, 0, 0.5);
	color: #666; font-size:13px; line-height:14px;
}
.barNav>LI>A>.ui-arrow{position:absolute; top:15px; right:10px; background-position:-15px -15px;}
.barNav.white>LI>A{background:white; color:#4087C9; border-top:1px solid #999; border-bottom:0;}
.barNav.white>LI>A>.ui-arrow{background-position:-15px -60px;}

/* Page navigation */
.pageNav{
	position:relative;
	padding:0; 
	width:100%; height:35px;
	background:-webkit-gradient( 
	linear,
	left top, left bottom,
	color-stop(0.00, rgba(255,255,255, 0.7)),
	color-stop(1.00, rgba(255,255,255, 0))
	), #CCC;
	border-top:1px solid #999; border-bottom:1px solid #999;
	text-align:center;
}
#contents .pageNav>P, .pageNav>P{margin:10px; font-size:13px; font-weight:bold; color:#666; text-shadow:1px 1px 2px white; line-height:1em;}
.pageNav>A{position:absolute; top:10px; display:block; height:15px; color:#666; text-shadow:1px 1px 2px white; font-weight:bold;}
.pageNav>A.prev{left:15px;}
.pageNav>A.prev>.ui-arrow{float:left; margin-right:2px; background-position:-45px -15px;}
.pageNav>A.next{right:15px;}
.pageNav>A.next>.ui-arrow{float:right; margin-left:2px; background-position:-15px -15px;}
.pageNav>A>.ui-arrow{display:inline-block;}
.pageNav>A>.label{padding-bottom:6px;}
.pageNav.withPageIndex>A.first{left:15px;}
.pageNav.withPageIndex>A.first>.ui-arrow{float:left; margin-right:2px; width:18px; background-position: -30px -75px;}
.pageNav.withPageIndex>A.prev{left:55px;}
.pageNav.withPageIndex>A.prev>.ui-arrow{float:left; margin-right:2px; background-position:-45px -15px;}
.pageNav.withPageIndex>A.next{right:55px;}
.pageNav.withPageIndex>A.next>.ui-arrow{float:right; margin-left:2px; background-position:-15px -15px;}
.pageNav.withPageIndex>A.last{right:15px;}
.pageNav.withPageIndex>A.last>.ui-arrow{float:left; margin-right:2px; width:18px; background-position:0px -75px;}

/* Tab navigation */
.tabNav{
	display:table;
	margin:0; /* Height Review */ /*padding:15px 0 0 0;*/ padding:8px 0 0 0 ;
	width:100%;
	border-spacing: 0px;
	user-select:none;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}
.tabNav>LI{
	display:table-cell;
	margin:0; padding:0 2px;
	/* Height Review */ /*height:45px;*/ height:35px; width:30%;
	vertical-align:middle;
}
.tabNav.autoWidth>LI{width:auto;}
.tabNav>LI>A, .tabNav>LI>SPAN{
	display:table;
	width:100%; height:100%;
	border:1px solid white; border-bottom:0;
	border-radius: 5px 5px 0 0;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.00, #E6E4E4), color-stop(1, #D6D5D5) ); 
	-webkit-box-shadow:0px -1px 2px rgba(0,0,0,0.3);
	text-shadow:1px 1px 2px white;
	font-weight:bold;
}
.tabNav>LI.more{width:10%; white-space: nowrap;}
.tabNav>LI.selected>A, .tabNav>LI.selected>SPAN{background:#F6F6F6;color:black;text-shadow:none;}
.tabNav>LI.selected>A>P{color:black}
.tabNav>LI>A>P, .tabNav>LI>SPAN>P{color:#999;display:table-cell; margin:0; padding:0px 6px; text-align:center; vertical-align:middle; /* Height Review */line-height:1.3em;}
.tabNav>LI.more>SPAN{background:-webkit-gradient( linear, left top, left bottom, color-stop(0.00, #E8EFDF), color-stop(1, #BED3A3) );}
.tabNav>LI.more>SPAN>P{background:url(../images/arrow-tri-green-down.png) center 85% no-repeat; color:#589122; text-shadow:none;}
.tabNav>LI.more.selected>SPAN{background:-webkit-gradient( linear, left top, left bottom, color-stop(0.00, #98E031), color-stop(1, #78B822) );}
.tabNav>LI.more.selected>SPAN>P{background:url(../images/arrow-tri-white-up.png) center 85% no-repeat; color:white;}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
	.tabNav>LI.more>SPAN>P{background-image:url(../images/arrow-tri-green-down@2x.png); background-size:10px 5px;}
	.tabNav>LI.more.selected>SPAN>P{background-image:url(../images/arrow-tri-white-up@2x.png); background-size:10px 5px;}
}

/* more menu */
.moreMenu{width:100%; background:#F6F6F6; overflow:hidden; -webkit-transform-origin:50% 0; -webkit-transition-property:height; -webkit-transition-duration:0.5s;}
.moreMenu.collapsed{height:0}

/* v1 */
.moreMenu>.headerBar{height:6px;background:#F6F6F6;}
.moreMenu>UL{margin:0; padding:0 0 5px 0; list-style:none;}
.moreMenu>UL>LI{display:block; margin:0; padding:3px; background:white; border-bottom:1px solid #CCC; -webkit-box-shadow:0 2px 2px rgba(0,0,0,0.3);}
.moreMenu>UL>LI:first-child{border-top:1px solid #CCC;}
.moreMenu>UL>LI>A{display:block; padding:7px; color:#666;}
.moreMenu>UL>LI.selected>A{background:#F1F5E6; -webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.2);}
/* v2 */
.moreMenu>.wrapper{margin-bottom:5px; padding:5px; background:#78B822; -webkit-box-shadow:0 2px 2px rgba(0,0,0,0.3);}
.moreMenu>.wrapper>UL{margin:0; padding:0; list-style:none;}
.moreMenu>.wrapper>UL>LI{display:block; margin:0; padding:0; background:white; border-bottom:1px solid #CCC; }
.moreMenu>.wrapper>UL>LI:first-child{border-top-left-radius:4px; border-top-right-radius:4px;}
.moreMenu>.wrapper>UL>LI:last-child{border-bottom-left-radius:4px; border-bottom-right-radius:4px;}
.moreMenu>.wrapper>UL>LI>A{display:block; padding:10px; color:#666;}
.moreMenu>.wrapper>UL>LI.selected>A{background:#589023; -webkit-box-shadow:inset 0 1px 6px rgba(0,0,0,0.5); color:white;}
.moreMenu>.wrapper>UL>LI:first-child>A{border-top-left-radius:4px; border-top-right-radius:4px;}
.moreMenu>.wrapper>UL>LI:last-child>A{border-bottom-left-radius:4px; border-bottom-right-radius:4px;}


/* for web query*/
/*
@media only screen and (orientation : landscape) {
    #serviceNav.serviceNav{
		position:absolute;
		left: 0px !important;
		top: 0px !important;
		margin:0 0;
		width: 30%;
		padding: 2%;
		background: #E9F0E0;
		overflow:hidden;
		-khtml-user-select:none;
		z-index:99;
		display:block !important;

    }
    #pageContents{
    	width:70%;
		float:right;
		display:block !important;
    }
	#mainNav-mode1{
		display:block !important;
	}
	#coverBtn-home-container{
		display:none;
	}
	#mainNav-mode2{
		display:none !important;
	}
	#menufooter.menufooter{
		display:none !important;
	}
}
*/
/*
@media only screen and (orientation : portrait) {
	#serviceNav.serviceNav{
		position:absolute;
		left:-9999px;
		top:-9999px;
		margin:0 0;
		width: 100%;
		padding: 2%;
		background: #E9F0E0;
		overflow:hidden;
		-khtml-user-select:none;
		z-index:9999;
    }
	#pageContents{
    	width:100%;
		float:left;
    }
}
*/