body {
	background: #fff;
	width: 640px;
	margin: 0 auto;
}
#personal {
	background: none!important;
	background-attachment: fixed;
}
/*Logo change for mobile*/
#logo img {
	display: none;
}
#logo a {
	background: url('../mobile_images/images/hsbc-logo.gif') no-repeat;
	display: block;
	width: 280px;
	height: 55px;
	background-size: contain;
}
#logo {
	padding: 51px 21px 32px;
	float: left;
}
/*END*/
/*Header section*/
#top {
	width: 640px;
}
#locale, #search, #onlineBanking ul li#internetBanking {
	display: none;
}
#mainTopWrapper #tabs li {
	font-weight: normal;
}
#mainTopWrapper #tabs li.on {
	font-weight: bold;
}
#mainTopWrapper #tabs li.last a, #mainTopUtilityRow #tabs li a {
	font-size: 190%;
	padding: 19px 21px;
}
#siteControls #onlineBanking, #onlineBanking ul li {
	padding: 0;
}
#onlineBanking ul li.regLink {
	display: none;
}
#onlineBanking ul li a.button, #onlineBanking ul li a.button:hover, #onlineBanking ul li a.button:focus, #onlineBanking ul li a.button:active {
	background: url('../mobile_images/images/bg_button.gif') no-repeat;
	padding: 19px 16px;
	color: #fff;
}
#onlineBanking ul li a.button span, #onlineBanking ul li a.button:hover span {
	background: none;
	font-size: 151%;
	padding: 0;
}
#genericPopupWin #innerPage {
	width: 640px;
	padding: 0;
}
#genericPopupWin #top #mainTopUtility, #genericPopupWin #top #mainTopUtilityRow {
	width: 640px;
}
#genericPopupWin #top #mainTopWrapper {
	min-width: 640px;
	width: 640px;
	max-width: 640px;
}
#top #mainTopWrapper {
	background: url('../mobile_images/images/header-bg.jpg') center bottom repeat-x;
	min-width: 640px;
	width: 640px;
	max-width: 640px;
}
#onlineBanking ul.legacy .regLink {
	display: none;
}
#siteControls #locale, #siteControls #form01 {
	display: none;
}
#top div#mainTopUtilityRow, #top div#mainTopNavigation {
	width: 640px;
	padding: 0;
}
/** Mobile Nav **/
#sections ul#topLevel {
	display: none!important;
}
#sections {
	float: left;
	width: 640px;
	overflow: hidden;
	padding: 0 0;
}
#sections #mobileNav {
	float: left;
	width: 640px;
	position: absolute;
	overflow-x: hidden;
	top: 140px;
}
#mobileNav .mobileNavBelt {
	width: 1920px;
}
#sections #mobileNav .level1, #sections #mobileNav .level2, #sections #mobileNav .level3 {
	float: left;
	width: 640px;
	background-color: #efeff0;
}
#sections #mobileNav .level1 ul, #sections #mobileNav .level2 ul, #sections #mobileNav .level3 ul {
	border-top: 2px solid #d0d0d0;
	border-bottom: 2px solid #d0d0d0;
	padding: 4px 0 0;
	float: left;
	width: 640px;
}
#sections #mobileNav li {
	float: left;
	width: 600px;
	margin: 0 20px;
	border-bottom: 2px solid #d0d0d0;
}
#sections #mobileNav li.last {
	border-bottom: none;
	padding: 0 0 4px;
}
#sections #mobileNav li a {
	float: left;
	width: 530px;
	display: block;
	padding: 23px 42px 15px 28px;
	background: url("../mobile_images/images/mobile-arrow.gif") right top no-repeat;
	color: #333;
}
#sections #mobileNav li.mobileNavNewWindow a {
	background: url("../mobile_images/images/mobile-new.gif") right top no-repeat;
}
#sections #mobileNav li a{
	outline: none;
	text-decoration: none;
}
#sections #mobileNav li a:hover, #sections #mobileNav li a:active, #sections #mobileNav li a:focus {
	text-decoration: underline;
	outline: none;
}
#sections #mobileNav .level1 li a {
	font-size: 112.5%;
	line-height: 12px;
	padding: 15px 42px 23px 28px;
	background: url("../mobile_images/images/mobile-arrow-high.gif") right top no-repeat;
	color: #626469;
}
#sections #mobileNav .level1 li a strong, #sections #mobileNav .level2 li a, #sections #mobileNav .level3 li a {
	font-weight: bold;
	font-size: 133.33%;
	line-height: 45px;
	color: #333;
}
#sections #mobileNav .level2 li a, #sections #mobileNav .level3 li a {
	font-size: 150%;
}
#sections #mobileNav a span.mobileOnly {
	display: block;
	line-height: 1.3em;
	padding: 5px 0 9px;
}
#sections #mobileNav .level2 li a img {
	padding: 15px 0;
}
#sections #mobileNav a.mobileNavBackButton {
	float: left;
	width: 131px;
	height: 62px;
	display: block;
	background: #fff url("../mobile_images/images/mobile-back.gif") left top no-repeat;
	text-indent: -9999px;
}
#sections #mobileNav p.mobileNavTitle {
	width: 509px;
	float: left;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 150%;
	padding: 9px 0 21px;
	line-height: 32px;
	color: #828282;
	background-color: #fff;
}
#sections a#mobileNavButton {
	display: block;
	cursor: pointer;
	position: absolute;
	top: 30px;
	right: 12px;
	width: 178px;
	height: 84px;
	background: url("../mobile_images/images/navicon.gif") left top no-repeat;
}
#sections a#mobileNavButton:hover,
#sections a#mobileNavButton:active,
#sections a#mobileNavButton:focus{
	border: 1px dotted #000;
}
#sections #mobileNavWrapper a.open {
	background: url("../mobile_images/images/navicon_on.gif") left top no-repeat;
}
#welcome {
	width: 640px;
}
#welcome #welcomeRow {
	width: 600px;
}
/** End Mobile Nav **/
/* end header section */
/* Generic */
div#mainTopNavigation:after, div#mainTopUtilityRow:after, #grid:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#innerPage, body #grid, body #productNav {
	width: 640px;
	padding: 0 !important;
}
body .grid .back, #productComparisonTools .compare, #products, #grid #products .furtherInfo .column .inner {
	clear: both;
	width: 550px;
}
#top div#mainTopNavigation, body .grid {
	position: relative;
}
/* End Generic*/

/* Grid */
#grid {
	width: 640px;
}
#grid .grid_6 {
	width: 600px;
	padding: 20px;
}
#grid .grid_12 {
	width: 600px;
	padding: 0 20px 30px 20px;
}
#businessHome #grid .grid_18, #grid .grid_18 {
	width: 640px;
	padding: 0;
}
#grid .grid_24, #personalHome #grid .grid_24, #businessHome #grid .grid_24, #business #grid .grid_24 {
	width: 640px;
	padding: 0 0 10px 0;
}
#grid .grid_17 {
	width: 640px;
	padding: 0;
}
/*End Grid changes*/
/*Hero*/
#heroContainer {
	width: 640px;
	padding: 0 0 20px 0;
}
#hero, #hero .carouselWrapper {
	width: 640px;
}
#personalHome #hero li .carouselTab {
	display: none;
}
#hero ul li {
	height: 340px;
	width: 600px;
}
/*Footer*/
div#globalFooter {
	width: 640px;
	padding: 0;
	background: none;
    border-right: 0px solid #FFF;
}
#globalFooter a:hover, #globalFooter a {
	text-decoration: none;
}
#globalFooter #supportLinks {
	width: 600px;
	padding: 24px 20px 10px;
	background: #636469;
}
#globalFooter #supportLinks li {
	float: none;
	padding: 4px 0 25px 71px;
	line-height: 2.3em;
}
#globalFooter #supportLinks li a {
	font-size: 215%;
}
#supportLinks .contact {
	background: url("../mobile_images/images/contact.jpg") left top no-repeat;
}
#supportLinks .chat {
	background: url("../mobile_images/images/live-chat.jpg") left top no-repeat;
}
#supportLinks .branch {
	background: url("../mobile_images/images/find-branch.jpg") left top no-repeat;
	padding: 4px 0 22px 71px;
}
#supportLinks .onlinehelp {
	background: url("../mobile_images/images/online_help_mobile.gif") left center no-repeat;
	    padding: 0px 0px 2px 71px !important;
}

div#footerMap {
	width: 600px;
	background: #525358;
	padding: 16px 20px 35px;
}
#globalFooter .dropDownLang {
	background: none repeat scroll 0 0 #636469;
	width: 600px;
	padding: 20px;
}
#business #footerMap div.column, #businessHome #footerMap div.column, #footerMap div.column {
	float: none;
	width: 600px !important;
}
#footerMap .column ul {
	display: none;
}
#footerMap .column h2 {
	font-size: 175%;
	line-height: 35px;
	padding: 18px 0 16px 2px;
	border-bottom: 1px solid #6a6b70;
	cursor: pointer;
	background: url("../mobile_images/images/open-list.jpg") right center no-repeat;
}
#footerMap .column h2 br, #footerMap .column h2 a br {
	display: none;
}
#footerMap .column .open {
	background: url("../mobile_images/images/close-list.jpg") right center no-repeat;
}
#footerMap .column ul li a {
	font-size: 170%;
	padding: 15px 20px;
	color: #bcbec0;
	display: block;
	line-height: 1.3em;
}
#footerMap li, #meta li {
	font-size: 100%;
}
#globalFooter #footerMap li, ul#meta li, #meta li {
font-size: 100%;
}
#globalFooter #footerMap li.subcategory{
	font-size: 170%;
	padding: 15px 20px;
	display: block;
}
ul#meta {
	width: 600px;
	padding: 12px 20px 22px;
}
ul#meta li {
	font-size: 150%;
	line-height: 1.3em;
	padding: 10px 20px 0px 0;
}
ul#meta li.footer_info{
	font-size: 95%;
	float: left;
	padding-top: 10px;
}
#dropDown h2, #globalFooter .dropDownLang h2 {
	font-size: 125%;
}
#innerPage .dropDownLang .langList li a {
	font-size: 130%;
}
/*End footer*/
/*Segmant landing */
#grid .grid .column ul li {
	font-size: 100%;
}
#grid .grid .column ul li.subcategory {
	font-size: 210%;
	padding: 20px 0px 20px 20px;
	border-bottom: 1px solid #d5d5d5;
	font-weight: bold;
}
#businessHome #grid .grid_18 .contentRow {
	width: 640px;
	padding: 0;
}
#businessHome .grid_18 .contentRow .contentItem {
	width: 600px;
	padding: 10px 20px 20px;
	border-bottom: 1px solid #ccc;
}
#businessHome .grid_18 .contentRow div.contentItem:last-child {
	border: 0;
}
#businessHome .grid_18 .contentRow .contentItem h2 {
	font-size: 175%;
	padding: 20px 0;
	line-height: 1.3em;
}
#businessHome .grid_18 .contentRow .contentItem p {
	font-size: 150%;
	line-height: 1.4em;
}
#businessHome #grid .grid_18 .contentRow .contentItem li {
	padding: 10px 0;
}
#grid .grid .contentRow .contentItem img {
	display: none;
}
#grid .contentItem h2 a, #grid .contentItem h3 a, #grid .contentItem h4 a, #searchResults .searchListing h4 a {
	background: url("../mobile_images/images/red-chevron.gif") right center no-repeat;
}
#grid .grid .grid_8 .column ul.redLinklist li a, .jqmWindow a.redLink, #grid .grid .column ul li a, #grid .grid a.redLink, #grid .grid_6 .featureBox ul li a, #businessHome #grid .grid .contentItem ul li a, #grid .popupMenu .popupMenuItemContent p a {
	background: url("../mobile_images/images/prod-nav-chevron.gif") right center no-repeat;
	padding: 0 25px 0 0;
	line-height: 1.3em;
}
#grid .productRow .productItem .greyBox a.redLink img {
	display: none;
}
#grid .productRow .productItem .greyBox a.redLink {
	display: inline;
}
#grid .grid_16 > a.redLink {
	font-size: 170%;
	margin: 0 0 0 20px;
}
#grid .contentItem h2 a {
	padding: 0 15px 4px 0;
}
#businessHome #grid .grid_24 .grid_6 {
	width: 640px;
	padding: 0;
}
#businessHome #grid .grid_24 .grid_6 .contentItem, #businessHome #grid .grid_24 .grid_6 .featureBox {
	width: 600px;
	padding: 0 20px;
}
/*End Segmant*/
/*Home Page*/
#grid .grid_6 .contentItem h2 {
	font-size: 210%;
	line-height: 1.3em;
	padding: 20px 0 10px;
}
#grid .grid_6 .contentItem h2 a {
	line-height: 1.3em;
}
#grid .grid_6 .contentItem p {
	padding: 0 0 20px 240px;
	clear: none;
}
/*End home page*/
/*T5 */
#grid .grid_24 #productNav ul {
	display: block;
	position: static;
	width: 640px;
	border-top: 1px solid #ccc;
	padding: 0;
}
#grid .grid_24 #productNav ul li{
	float: none;
}
#grid .grid_24 #productNav ul li a{
	display: block;
	float: none;
	background: url("../mobile_images/images/nav-chevron.gif") 584px center no-repeat #f7f7f7;
}
#grid .grid_24 #productNav ul li a span{
	font-size: 183.8%;
	color: #000;
	background: none;
	text-align: left;
	border-bottom: 1px solid #fff;
	padding: 18px 24px 18px 21px;
	font-weight: bold;
	line-height: 32px;
}
#grid .grid_24 #productNav ul li.selected a{
	padding: 0;
}
#grid .grid_24 #productNav ul li.selected a span{
	background: #525358;
	padding: 18px 24px 18px 21px;
	color: #fff;
	text-align: left;
	border-bottom: 1px solid #fff;
	line-height: 32px;
	font-size: 183.8%;
}
#productNav h2 {
	font-size: 225%;
	padding: 20px;
	line-height: 1.3em;
	font-weight: bold;
}
.grid_24 #productNav h2 {
	padding: 20px;
}
#grid .grid_6 .contentItem {
	padding: 0;
	width: 600px;
}
#grid .grid_6 #treeNav, #grid .grid_6 #leftNav {
	width: 640px;
	padding: 0 0px 10px;
	border: 0;
	margin-left: -20px;
}
#grid .grid_6 #treeNav ul li, #grid .grid_6 #leftNav ul li {
	border-bottom: none;
	padding: 0;
}
#grid .grid_6 #treeNav ul li p a, #grid .grid_6 #leftNav ul li a {
	background: url("../mobile_images/images/open-list-nobg.jpg") right center no-repeat;
	padding: 29px 0 32px 20px;
	display: block;
	font-size: 200%;
	letter-spacing: 1px;
}
#treeNav ul li.on p a, #treeNav ul li ul li.on a, #leftNav ul li.on a, #leftNav ul li ul li.on a {
	color: #333333;
}
#treeNav ul li.open p a, #treeNav ul li ul li.open a, #leftNav ul li.open a, #leftNav ul li ul li.open a {
	color: #db0011;
}
#grid .grid_6 #treeNav ul li p, #grid .grid_6 #leftNav ul li {
	padding: 0 10px 0 0;
}
#grid .grid_6 #treeNav ul .open p a, #grid .grid_6 #leftNav ul .open a {
	background: url("../mobile_images/images/close-list-nobg.jpg") right center no-repeat;
}
#grid .grid_6 #treeNav ul .open p, #grid .grid_6 #leftNav ul .open {
	border-bottom: 1px solid #666;
}
#grid .grid_6 #treeNav ul .open, #grid .grid_6 #leftNav ul .open {
	border: 0;
}
#grid .grid_6 #treeNav ul .open ul, #grid .grid_6 #leftNav ul .open ul {
	padding: 0;
}
#grid .grid_6 #treeNav ul .open ul li a, #grid .grid_6 #leftNav ul .open ul li a {
	background: url("../mobile_images/images/nav-chevron.gif") 584px center no-repeat #f7f7f7;
	padding: 18px 0 18px 58px;
	display: block;
	font-size: 230%;
	color: #000;
	width: 580px;
}
#treeNav > ul > li.open.on > ul.mobileOnly > li.selected > a {
	color: red !important;
}

#grid .grid_6 #treeNav ul .open ul .on a, #grid .grid_6 #leftNav ul .open ul .on a {
	color: #db0011;
}
#grid .grid_6 #treeNav ul .open ul li, #grid .grid_6 #leftNav ul .open ul li {
	padding: 0 15px 0 0;
}
#personal #grid .grid_12 .contentItem h3 {
	font-size: 200%;
	padding: 20px 0 10px 0;
}
#grid .grid .contentItem h4, #grid .grid .contentItem h5 {
	font-size: 190%;
	padding: 20px 20px 10px;
	clear: both;
	line-height: 1.3em;
}
#grid .grid_6 .contentItem h4, #grid .grid_6 .contentItem h5 {
	padding: 20px 0 10px;
}
#grid .grid_12 .contentItem h4, #grid .grid_12 .contentItem h5 {
	padding: 20px 0 10px;
}
#grid .grid_17 .contentItem h4, #grid .grid_17 .contentItem h5 {
	padding: 20px 0 10px;
}
#productFooter {
	width: 600px;
	padding: 15px 20px;
	background: 0;
	border: 0;
}
#grid .grid_24 #productFooter .column {
	width: 600px;
	padding: 0;
	background: url("../mobile_images/images/open-list-nobg.gif") no-repeat scroll 550px 25px transparent;
}
.contact_column_fix {
	display: block;
	padding: 35px 0px;
	border-bottom: 1px solid #d5d5d5;
	font-size: 90%;
	background: url("../mobile_images/images/prod-nav-chevron.gif") 543px center no-repeat;
	text-decoration: none;
}
#grid .grid #productFooter .column h3 {
	font-size: 210%;
	display: block;
	padding: 30px 38px 30px 70px;
	border-bottom: 1px solid #fff;
	cursor: pointer;
}
#grid .grid #productFooter .column ul li a {
	display: block;
	padding: 35px 20px;
	border-bottom: 1px solid #d5d5d5;
	font-size: 170%;
	background: url("../mobile_images/images/prod-nav-chevron.gif") 566px center no-repeat;
}
#grid .grid .mortgages h3 {
	background: url("../mobile_images/images/home-bg.gif"), url("../mobile_images/images/open-list-nobg.gif") #f7f7f7;
	background-position: 10px center, 557px 38px;
	background-repeat: no-repeat;
}
#grid .grid .mortgagesOn h3 {
	background: url("../mobile_images/images/home-bg-on.gif"), url("../mobile_images/images/open-list-nobg.gif") #f7f7f7;
	background-position: 10px center, 557px 38px;
	background-repeat: no-repeat;
}
#grid .grid .accounts h3 {
	background: url("../mobile_images/images/mortgages-bg.gif"), url("../mobile_images/images/open-list-nobg.gif") #f7f7f7;
	background-position: 10px center, 557px 38px;
	background-repeat: no-repeat;
}
#grid .grid .accountsOn h3 {
	background: url("../mobile_images/images/mortgages-bg-on.gif"), url("../mobile_images/images/open-list-nobg.gif") #f7f7f7;
	background-position: 10px center, 557px 38px;
	background-repeat: no-repeat;
}
#grid .grid .accountsOn h3 a { color: #DB0011;}
#grid .grid .mortgagesOn h3 a { color: #DB0011;}
#grid .grid .accountsOn h3.open {
	background: url("../mobile_images/images/credit_card_icon_mobile_white_47x47.png "), url("../mobile_images/images/red_close-list.png") #DB0011;
	background-position: 10px center, 557px 38px;
	background-repeat: no-repeat;
	color: #FFF;
}
#grid .grid .mortgagesOn h3.open {
	background: url("../mobile_images/images/credit_card_icon_mobile_white_47x47.png "), url("../mobile_images/images/red_close-list.png") #DB0011;
	background-position: 10px center, 557px 38px;
	background-repeat: no-repeat;
	color: #FFF;
}
#grid .grid .tools h3 {
	background: url("../mobile_images/images/tools-bg.gif"), url("../mobile_images/images/open-list-nobg.gif") #f7f7f7;
	background-position: 10px center, 557px 38px;
	background-repeat: no-repeat;
}
#grid .grid .toolsOn h3 {
	background: url("../mobile_images/images/tools-bg-on.gif"), url("../mobile_images/images/open-list-nobg.gif") #f7f7f7;
	background-position: 10px center, 557px 38px;
	background-repeat: no-repeat;
}
#grid .grid .advice h3 {
	background: url("../mobile_images/images/advice-bg.gif"), url("../mobile_images/images/open-list-nobg.gif") #f7f7f7;
	background-position: 10px center, 557px 38px;
	background-repeat: no-repeat;
}
#grid .grid .adviceOn h3 {
	background: url("../mobile_images/images/advice-bg-on.gif"), url("../mobile_images/images/open-list-nobg.gif") #f7f7f7;
	background-position: 10px center, 557px 38px;
	background-repeat: no-repeat;
}
#grid .grid #productFooter .contact h3,
#grid .grid .column.contact h3 {
	background: url("../mobile_images/images/phone-bg.gif"), url("../mobile_images/images/open-list-nobg.gif") #f7f7f7;
	background-position: 10px center, 557px 38px;
	background-repeat: no-repeat;
}
#grid .grid .column.contact .showHideContent {
    padding-top: 30px;
}
#grid .grid .column.contact h3 {
    padding: 30px 0 30px 70px;
}

#grid .grid .mortgages .open {
	background: url("../mobile_images/images/home-bg-inv.gif"), url("../mobile_images/images/close-list.jpg") #515358;
	background-position: 10px center, 557px 38px;
	background-repeat: no-repeat;
	color: #fff;
}
#grid .grid .accounts .open {
	background: url("../mobile_images/images/mortgages-bg-inv.gif"), url("../mobile_images/images/close-list.jpg") #515358;
	background-position: 10px center, 557px 38px;
	background-repeat: no-repeat;
	color: #fff;
}
#grid .grid .tools .open {
	background: url("../mobile_images/images/tools-bg-inv.gif"), url("../mobile_images/images/close-list.jpg") #515358;
	background-position: 10px center, 557px 38px;
	background-repeat: no-repeat;
	color: #fff;
}
#grid .grid #productFooter .accountsOn h3.open a { color: #fff;}
#grid .grid #productFooter .mortgagesOn h3.open a { color: #fff;}
#grid .grid #productFooter .tools h3.open a { color: #fff;}
#grid .grid #productFooter .advice h3.open a { color: #fff;}
#grid .grid .advice .open {
	background: url("../mobile_images/images/advice-bg-inv.gif"), url("../mobile_images/images/close-list.jpg") #515358;
	background-position: 10px center, 557px 38px;
	background-repeat: no-repeat;
	color: #fff;
}
#grid .grid .column.contact h3.open,
#grid .grid #productFooter .contact h3.open {
	background: url("../mobile_images/images/phone-bg-inv.gif"), url("../mobile_images/images/close-list.jpg") #515358;
	background-position: 10px center, 557px 38px;
	background-repeat: no-repeat;
	color: #fff;
}
#grid .grid #productFooter .contact h3.open a { color: #fff;}
#grid .grid .mortgages, #grid .grid .accounts, #grid .grid .tools, #grid .grid .advice {
	background: none;
}
#grid .grid #productFooter .column .contentItem img {
	display: none;
}
#grid .grid_6 .promo {
	display: none;
}
#grid .grid_12 .contentItem p {
	font-size: 170%;
	line-height: 1.4em;
	padding: 10px 0;
}
#grid .grid_12 .contentItem > div.OnlineAppColumn1 > p {line-height: 1.1em;}
,#grid #smallPrint p, #grid .productRow #smallPrint p, #grid .contentItem #smallPrint p, #grid .productItem #smallPrint p {
	font-size: 170%;
	line-height: 1.55em;
	padding: 10px 0 30px;
	clear: both;
}
body .grid .smallPrint p {
	font-size: 100%;
	line-height: 1.55em;
	padding: 10px 0 30px;
	clear: both;
}
body #grid .grid a.popup{
	background: url("../mobile_images/images/mobile-new.gif") right center no-repeat;
	padding: 0 30px 0 0;
	}
#grid .productRow #smallPrint p b, #grid .contentItem #smallPrint p b, #grid .productItem #smallPrint p b {
	font-weight: 700;
}
#grid .productRow #smallPrint p {
	padding: 10px 20px 30px;
}
/*End T5*/
/*T3 Product details*/
#grid .grid_24 .featureBox {
	display: none;
}
#productDetails .right {
	display: none;
}
#productDetails {
	width: 640px;
	float: 0;
	height: auto;
}
#grid #productDetails .back {
	padding: 20px 20px 0;
	width: 600px;
	float: none;
	position: static;
}
#grid #productDetails .back a {
	font-size: 190%;
	float: none;
}
#detailsInner {
	width: 640px;
	height: auto;
	float: none;
	position: static;
}
#productDetails h2 {
	font-size: 300%;
	padding: 20px;
	position: static;
	line-height: 1.3em;
}
#propositionTabs .pageTabs li, .productDetails .pageTabs li, .premierTabs .pageTabs li, .advanceTabs .pageTabs li, body .pageTabs li, .pageTabs li {
	float: none;
}
.productDetails .pageTabs, .premierTabs .pageTabs, .advanceTabs .pageTabs, .internationalTabs .pageTabs, .businessTabs .pageTabs {
	width: 640px;
	border-top: 1px solid #ccc;
	position: static;
	padding: 0;
}
#propositionTabs .pageTabs li a, .productDetails .pageTabs li a, .premierTabs .pageTabs li a, .advanceTabs .pageTabs li a, body .pageTabs li a {
	display: block;
	float: none;
	background: url("../mobile_images/images/nav-chevron.gif") 584px center no-repeat #f7f7f7;
}
body #treeNav li a {
	display: block;
	float: none;
	background: url("../mobile_images/images/nav-chevron.gif") 584px center no-repeat #f7f7f7;
	font-size: 183.8%;
	color: #000;
	text-align: left;
	border-bottom: 1px solid #fff;
	padding: 18px 24px 18px 21px;
	font-weight: bold;
	line-height: 32px;
}
#treeNav ul li.on a.treeNavred {color: #fff;}
body #treeNav li.on a {
	background: #525358;
	padding: 18px 24px 18px 21px;
	color: #fff;
	text-align: left;
	border-bottom: 1px solid #fff;
	line-height: 32px;
	font-size: 183.8%;
}
.premierTabs .pageTabs li a, .advanceTabs .pageTabs li a, .businessTabs .pageTabs li a {
	width: 640px;
}
.propositionTabs .pageTabs li a span {
	font-size: 87.5%;
}
.productDetails .pageTabs li a span, .premierTabs .pageTabs li a span, .advanceTabs .pageTabs li a span, .propositionTabs .pageTabs li a span {
	font-size: 183.8%;
	color: #000;
	background: none;
	text-align: left;
	border-bottom: 1px solid #fff;
	padding: 18px 24px 18px 21px;
	font-weight: bold;
	line-height: 32px;
}
/*.premierTabs .pageTabs li a span br, .advanceTabs .pageTabs li a span br, .propositionTabs .pageTabs li a span br  {
	display: none;
}*/
.premierTabs .pageTabs li a span strong, .advanceTabs .pageTabs li a span strong, .propositionTabs .pageTabs li a {
	font-size: 100%;
	font-weight: bold;
}
#propositionTabs .pageTabs li.selected a span, .productDetails .pageTabs li.selected a span, .propositionTabs .pageTabs li.selected a span {
	background: #525358;
	padding: 18px 24px 18px 21px;
	color: #fff;
}
body .premierTabs .pageTabs li.selected a, body .premierTabs .pageTabs li.selected a span, .propositionTabs .pageTabs li.selected a span, .propositionTabs .pageTabs li.selected a, .propositionTabs .pageTabs li.selected a span, .premierProductDetails .pageTabs li.selected a span {
	background: #292278;
	color: #fff;
}
body .advanceTabs .pageTabs li.selected a, body .advanceTabs .pageTabs li.selected a span {
	color: #fff;
	background: #525358;
}
.premierTabs .pageTabs li a span br, .advanceTabs .pageTabs li a span br {
	display: none;
}
body .pageTabs li.last a, #productNav .pageTabs li.last a, body .pageTabs li.first a, #productNav .pageTabs li.first a {
	display: block;
float: none;
background: url("../mobile_images/images/nav-chevron.gif") 584px center no-repeat #f7f7f7;
}
.propositionTabs .pageTabs li a span, .propositionTabs .pageTabs li.selected a span, .propositionTabs .pageTabs li.last a span {
	padding: 18px 24px 18px 21px;
}
.propositionTabs .pageTabs li.selected a span .premierProductDetails .pageTabs li.selected a span {
	background: #292278;
}
#premier #propositionTabs .pageTabs li.selected a span, #premier .productDetails .pageTabs li.selected a span {
	background: #171661;
}
#propositionTabs .pageTabs li.last a span, .productDetails .pageTabs li.last a span {
	padding: 18px 24px 18px 21px;
}
#propositionTabs .pageTabs li.first a, .productDetails .pageTabs li.first a, #propositionTabs .pageTabs li.last a, .productDetails .pageTabs li.last a {
	background-position: 584px center;
}
#propositionTabs .pageTabs li.selected a, .productDetails .pageTabs li.selected a {
	padding: 0;
}
#premier #productDetails, #advance #productDetails {
	height: auto;
	background: none;
}
body .pageTabs li a:hover, body .pageTabs li a:active, body .pageTabs li a:focus, #productNav .pageTabs li a:hover, #productNav .pageTabs li a:active, #productNav .pageTabs li a:focus {
	background: url("../mobile_images/images/nav-chevron.gif") no-repeat scroll 584px center #F7F7F7;
	text-decoration: underline;
	color: #000;
}
#propositionTabs .pageTabs li a:hover, .productDetails .pageTabs li a:hover, #propositionTabs .pageTabs li a:active, .productDetails .pageTabs li a:active, #propositionTabs .pageTabs li a:focus, .productDetails .pageTabs li a:focus {
	background: url("../mobile_images/images/nav-chevron.gif") 584px center no-repeat #f7f7f7;
	text-decoration: underline;
	color: #000;
}
#propositionTabs .pageTabs li.selected a:hover, .productDetails .pageTabs li.selected a:hover {
	color: #fff;
}
.jqmWindow .grid_16 .productItem ul li, #grid .grid_16 .productItem ul li, .jqmWindow .grid_12 .productItem ul li, #grid .grid_12 .productItem ul li, body .productItem ul li {
	font-size: 175%;
	line-height: 1.5em;
	padding: 4px 20px 15px 80px;
	margin-top: 17px;
	background: url("../mobile_images/images/dark-green-tick-nobg.gif") 18px 0px no-repeat;
}
.jqmWindow .grid_16 .productRow .productItem, #grid .grid_16 .productRow .productItem {
	width: 640px;
	padding: 0;
}
.jqmWindow .grid .productItem li span, #grid .grid .productItem li span {
	line-height: 1.3em;
	font-size: 110%;
	padding: 10px 10px 10px 0px;
}
body#genericPopupWin .grid .back, #grid .grid .back {
	width: 600px;
	padding: 20px;
	position: static;
}
#grid .back a {
	font-size: 176%;
	line-height: 1.5em;
	background: url("../mobile_images/images/red-chevron-back.gif") left center no-repeat;
	padding: 7px 0 6px 25px;
	float: none;
}
#grid .grid a.backtoTop {
	display: none;
}
#grid .grid .back a.backtoTop {
	display: block;
	font-size: 170%!important;
	line-height: 1.3em;
	margin: 0 20px;
	background: url("../mobile_images/images/moreLinkUp.gif") left center no-repeat;
	padding: 0 0 0 28px;
	float: right;
}
.jqmWindow .grid .productItem h2, #grid .grid .productItem h2, .jqmWindow .grid .productItem h3, #grid .grid .productItem h3, #advance #grid .grid .menu .contentItem h2 {
	padding: 20px;
	font-weight: normal;
}
.jqmWindow .grid .productItem h3, #grid .grid .productItem h3 {
	border-bottom: 2px solid #ccc;
	font-size: 190%;
	line-height: 1.3em;
	padding: 20px;
}
#grid .grid h3.advance {
	margin: 0 20px;
	background-position: left 13px;
	padding: 20px 0px 20px 33px;
	font-size: 210%;
}
#grid .productItem #smallPrint {
	background: none;
	width: 600px;
	padding: 0 20px;
}
#grid .grid_16, .jqmWindow .grid_16 {
	width: 640px;
	padding: 0;
}
.jqmWindow .grid .productItem h4, #grid .grid .productItem h4 {
	font-size: 210%;
	line-height: 1.3em;
}
#grid .grid .contentItem h5 {
	font-size: 190%;
	line-height: 1.3em;
}

.jqmWindow .grid .productItem h4, #grid .grid .productItem h4 {
	padding: 34px 0 10px 20px;
	clear: both;
}
.jqmWindow .grid .productItem #requestACallback h4, #grid .grid .productItem #requestACallback h4 {
	padding: 34px 0 10px 0;
}
.jqmWindow .grid .productItem #requestACallback a.redLink, #grid .grid .productItem #requestACallback a.redLink {
	font-size: 170%;
}
.jqmWindow .grid .productItem p, .jqmWindow .grid_8 .scroll p, #grid .contentItem p, #grid .productItem p, #grid .productItem #smallPrint p {
	font-size: 170% !important;
	line-height: 1.3em;
	padding: 10px 20px !important;
	clear: both;
}
#grid > div.grid.grid_24 > div.contentItem > div.hsbcContent.hsbcContentStyle07 > p {padding: 10px 20px !important;}
.contentItem table tr td .yes, .productItem table tr td .yes, #productComparison td.even .yes, .contentItem table tr.odd td .yes, .productItem table tr.odd td .yes, #productComparison td.odd .yes {
    background-image: url(../mobile_images/images/greenTickMobile.png) !important;
	padding: 20px 0 !important;
}

#grid .menu .contentItem p, #grid .menu .productItem p {
	padding: 0;
}
#grid .grid_18 .contentItem p {
	padding: 10px 0;
}
.jqmWindow .grid .shaded p, .jqmWindow .grid .promo p, #grid .grid .column ul li, #grid .grid .column p, #grid .grid_6 .featureBox ul li, #grid .grid_6 .featureBox .column p {
	line-height: 1.3em;
}
.jqmWindow .grid_16 .productRow, .jqmWindow .grid_16 .productItem, #grid .grid_16 .productRow, #grid .grid_16 .productItem {
	width: 640px;
}
#grid .grid .productItem a.redLink, #grid .grid .contentItem a.redLink, #grid .grid .productItem a.overlayLaunchLink, #grid .grid .contentItem a.overlayLaunchLink {
	padding: 17px 28px 16px 0;
	line-height: 1.3em;/*font-size:190%;*//*margin:0 0 0 20px;*/
}
#grid .grid .productItem > a.overlayLaunchLink, #grid .grid .contentItem > a.overlayLaunchLink {
	font-size: 170%;
	float: left;
	clear: both;
	margin: 0 20px;
}
#grid .grid .productItem a.pdfLink, #grid .grid .contentItem a.pdfLink {
	padding: 17px 0 16px 40px;
	line-height: 1.3em;
}
#grid .grid .productItem > a.pdfLink, #grid .grid .contentItem > a.pdfLink, #grid .grid .productItem > a.redLink, #grid .grid .contentItem > a.redLink {
	font-size: 170%;
	padding: 17px 28px 16px 20px;
}
#grid .grid .productItem > a.pdfLink, #grid .grid .contentItem > a.pdfLink {
	margin-left: 20px;
	padding-left: 35px;
}
#grid .grid a.redLink {
	padding: 10px 20px 10px 0;
}
#grid .grid_8, .jqmWindow .grid_8 {
	width: aut0;
	padding: 0;
}
#grid .grid_16 .column, #grid .grid_18 .column {
	width: 610px;
	margin: 15px;
	padding: 10px 0px 20px;
	background: url("../mobile_images/images/promo-bg.gif") bottom repeat-x;
}

.jqmWindow .grid_8 .column, #grid .grid_8 .column, #grid .grid_7 .column {
	margin: 20px;
	background: url("../mobile_images/images/promo-bg.gif") bottom repeat-x;
	padding: 10px 20px 20px;
	width: 558px;
}
.jqmWindow .grid_8 .column {
	margin: 20px;
	background: none !important;
	padding: 10px 20px 20px;
	width: 558px;
}
.jqmWindow .propositionTabs .pageTabs li a {
width: 520px;
}
.jqmWindow .propositionTabs .pageTabs {
position: static;
width: auto;
float: left;
padding: 0 0 30px;
}
ul#meta.customFooter {
 width: 600px!important;
}
#customWidthOne.customWidth.contentItem {
	width: 600px!important;
}
.productComparison tr.productLinks ul li a.redLink, .jqmWindow .lightviewFooter a.redLink {
	background: url("../mobile_images/images/prod-nav-chevron.gif") right center no-repeat;
	display: block;
	padding: 20px 20px 20px 0;
	font-size: 170%;
}
#grid .grid_16 .column .inner, #grid .grid_18 .column .inner, #grid .grid_7 .column .inner {
	background: 0;
	width: 560px;
}
#grid .grid_7 .column .inner p {
	font-size: 175%;
	clear: both;
	line-height: 1.3em;
}
#grid .grid_16 .column div.apply:last-child {
	border: 0;
}
#grid .grid_16 .column .apply, #grid .grid_18 .column .mutual_funds1{
	width: 560px;
	border-bottom: 1px solid #ccc;
	padding: 20px;
	border-right: none!important;
	margin: 0 5px;
	height: auto;
}
#grid .grid_18 .column .mutual_funds2 {
	width: 560px;
	padding: 20px;
	border-right: none!important;
	margin: 0 5px;
	height: auto;
}
#grid .grid_16 .column .apply h3, #grid .grid_18 .column .mutual_funds2 h4 , #grid .grid_18 .column .mutual_funds1 h4 {
	font-size: 210%;
	padding: 4px 0 31px;
}
#grid .grid_16 .column .apply p, #grid .grid_16 .column .apply p.phone, #grid .grid_18 .column .mutual_funds2 p , #grid .grid_18 .column .mutual_funds1 p {
	font-size: 190%;
	line-height: 1.3em;
}
#grid .grid_16 .column .apply .redLink, #grid .grid_18 .column .mutual_funds2 .redLink {
	font-size: 175%;
	padding: 20px 27px 15px 0;
	display: block;
	line-height: 1.2em;
	clear: both;
}
#grid .grid_8 .promo .inner {
	margin: 0 auto;
	width: 558px;
	padding: 5px 0px;
}
#grid .grid_8 .promo .inner h3 {
	font-size: 220%;
	padding: 20px 0;
}
/*#grid .grid_8 .promo .inner p,
#grid .grid_8 .promo .inner a{
	font-size:190%;
	line-height:1.3em;	
}*/
#grid .grid a.overlayLaunchLink {
	background: url("../mobile_images/images/mobile-new.gif") right center no-repeat;
	padding: 0 30px 0 0;
	display: inline-block;
	font-size: 170%;
	padding: 20px 30px 20px 0;
}
.productItem ul li strong {
	padding: 0 0 20px 0;
}
.jqmWindow .grid .column h2, #grid .grid .column h2, #grid .grid_6 .featureBox h2, .jqmWindow .grid .column h3, #grid .grid .column h3, #grid .grid_6 .featureBox h3, #grid .grid_6 .featureBox h4 {
	font-size: 190%;
	line-height: 1.3em;
	padding: 10px 0 26px 0;
}
.jqmWindow .grid .shaded p, .jqmWindow .grid .promo p, #grid .grid_6 .featureBox ul li, #grid .grid_6 .featureBox .column p {
	font-size: 190%;
	line-height: 1.3em;
}
#grid .grid .column a.pdfLink {
	font-size: 170%;
	display: inline-block;
	padding: 20px 0px 20px 32px;
	background: url("../mobile_images/images/download.gif") left 29px no-repeat;
	line-height: 1.3em;
}
#grid .grid .column p > a.pdfLink {
	font-size: 100%;
}
#grid .grid .shaded a.pdfLink {
	background-position: left 32px!important;
}
/*End T3*/
/* Button Styles */
.jqmWindow a.greyBtn, #grid a.greyBtn {
	background: url("../mobile_images/images/btn1_link_left.gif") left top no-repeat;
	background-size: contain;
	padding: 0 0 0 16px;
	margin: 20px 20px 20px 0;
	color: #000;
}
#grid .prev a.greyBtn {
	background: url("../mobile_images/images/btn1_link_right.gif") right top no-repeat;
	padding: 0 2px 0 0;
	margin: 10px 0 0 0;
	color: #000;
}
#grid .prev a.greyBtn span {
	background: url("../mobile_images/images/btn5_back.gif") left top no-repeat;
	padding: 28px 20px 24px 42px;
	color: #000;
}
.jqmWindow .productItem > a.greyBtn, #grid .productItem > a.greyBtn, #grid .grid_16 .contentItem > a.greyBtn {
	margin: 20px;
}
#grid .about a.greyBtn span, #premier .grid_8 .column a.greyBtn span, #grid #propositionDetails .right a.greyBtn span, #grid .applyBox a.greyBtn span, #grid a.greyBtn span.new {
	background: url("../mobile_images/images/btn2_new_page_main.gif") right top no-repeat;
	padding: 24px 58px 23px 0;
	font-size: 150%;
}
.jqmWindow a.videoBtn, #grid a.videoBtn {
	background: url("../mobile_images/images/btn5_video.gif") left top no-repeat;
	padding: 0 0 0 48px;
}
#grid .contentItem p > a.videoBtn span {
	font-size: 100%;
}
.jqmWindow a.greyBtn span, #grid a.greyBtn span {
	background: url("../mobile_images/images/btn1_link_main.gif") right top no-repeat;
	background-size: cover;
	padding: 24px 58px 24px 0;
	font-size: 150%;
	white-space: nowrap;
}
.jqmWindow a.videoBtn span, #grid a.videoBtn span {
	background: url("../mobile_images/images/btn1_link_right.gif") right top no-repeat;
	padding: 23px 20px 24px 10px;
	font-size: 150%;
}
.jqmWindow p > a.greyBtn span, #grid p > a.greyBtn span {
	font-size: 100%;
}
#grid .about a.greyBtn span.plain, #premier .grid_8 .column a.greyBtn span.plain, #grid #propositionDetails .right a.greyBtn span.plain, #grid .applyBox a.greyBtn span.plain, #grid a.greyBtn span.plain {
	background: url("../mobile_images/images/btn3_main.gif") right top no-repeat;
	padding: 29px 27px 23px 0;
	font-size: 150%;
}
#grid a.redBtn, .jqmWindow a.redBtn {
	background: url("../mobile_images/images/red_btn_left_off.gif") left top no-repeat;
	padding: 0 0 0 16px;
	margin: 0px 0px 0px 20px;
	font-size: 150%;
}
#grid .grid #products .furtherInfo a.redBtn {
	font-size: 150%;
	margin: 20px 0;
}
#grid .productItem > a.redBtn, .jqmWindow .productItem > a.redBtn, #grid .contentItem > a.redBtn, .jqmWindow .contentItem > a.redBtn {
	font-size: 170%;
}
#grid .contentItem > a.redBtn {
	margin: 20px 0;
}
#grid .promo .inner > a.redBtn, .jqmWindow .promo .inner > a.redBtn {
	font-size: 150%;
	margin: 20px 0;
}
.jqmWindow a.redBtn span, #grid a.redBtn span {
	background: url("../mobile_images/images/red_btn_off.gif") right top no-repeat;
	padding: 23px 20px 25px 0;/*font-size:150%;*/
}
#hero .tabArticleText a.redBtn span {
	font-size: 125%;
}
#grid a.redBtn:hover, .jqmWindow a.redBtn:hover {
	background: url("../mobile_images/images/red_btn_left_on.gif") left top no-repeat;
}
.jqmWindow a.redBtn:hover span, #grid a.redBtn:hover span {
	background: url("../mobile_images/images/red_btn_on.gif") right top no-repeat;
}
/*End button*/
#premier .jqmWindow .grid .grid_8 .quote p, #premier #grid .grid .grid_8 .quote p, #advance .jqmWindow .grid .quote p, #advance #grid .grid .quote p {
	font-size: 190%;
	line-height: 1.3em;
}
#grid .grid .quote p span {
	font-size: 80%;
	display: block;
	padding: 10px 0;
}
.jqmWindow .grid .grid_8 .quote a.redLink, #grid .grid .grid_8 div.quote a.redLink {
	font-size: 150%;
	display: inline-block;
	padding: 13px 20px 12px 50px;
}
.jqmWindow .grid .grid_16 .quote a.redLink, #grid .grid .grid_16 .quote a.redLink {
	font-size: 150%;
	display: inline-block;
	padding: 13px 20px 12px 63px;
}
#grid .contentItem ul li {
	font-size: 170%;
	line-height: 1.5em;
	padding: 5px 0 5px 25px;
}
#grid > div.grid.grid_24 > div.grid.grid_18 > div > div.productItem > ul > li {
	padding: 4px 20px 15px 80px;
}
#grid .gtnShowHide ul li ul li {
	font-size: 100%;
}
#grid .grid_8 .column p {
	font-size: 175%;
	line-height: 1.3em;
	clear: both;
}
#grid .grid .grid_8 .column ul li {
	font-size: 170%;
	line-height: 1.3em;
}
#grid .grid .grid_8 .column a.redLink, #grid .grid .grid_16 .column a.redLink {
	font-size: 170%;
	padding: 20px 20px 20px 0;
	display: inline-block;
}
#grid .productItem ul, #grid .contentItem ul, .jqmWindow .grid_8 .column ul, #grid .grid .grid_8 .column ul {
	padding: 0 20px 5px 40px;
}

#grid .grid .grid_8 .promo ul {
	padding: 0 0 5px 20px;
}
#grid .grid .grid_8 .relatedInfo ul {
	padding: 0 0 5px 0;
}
/*Product selector*/
#grid #productComparisonTools {
	width: 600px;
	padding: 0 20px;
}
#grid .grid_18 #productComparisonTools {
	width: 600px;
	padding: 0 10px;
}
#productSelector {
	width: 600px;
}
#products {
	width: 600px;
	margin: 0;
}
#products table, #products table tbody, #products table tr, #products tr.spacer td, form#productSelector #products table thead {
	width: 570px;
}
#products table .productInfo th {
	display: block;
	width: 570px;
	clear: both;
}
#products .productInfo td {
	border: 0;
	clear: both;
	display: block;
	background: #f6f6f6;
}
#products .productInfo td p {
	font-size: 180%;
	line-height: 1.3em;
}
#products .productInfo td.price p {
	font-size: 130%;
	line-height: 2em;
}
#products .productInfo h5, #grid .grid .column h5 {
	font-size: 170%;
	line-height: 1.3em;
	text-align: left;
}
#products .productInfo td.price p.largerFont, form#productSelector #products table thead th p.largerFont, #products .productInfo td.largerFont {
	font-size: 130%;
	line-height: 1.3em;
}
#products .productInfo td .greyBtn {
	display: inline-block;
	float: none;
}
#products table col.price, #products table .price {
	width: 570px;
	float: left;
	border-bottom: 1px solid #ccc;
}
#products .productInfo td.price p {
	text-align: left;
}
#products .productInfo td.price span {
	font-size: 130%;
	font-weight: bold;
}
#products .productInfo td.price p span {
	line-height: 1.8em;
	text-align: left;
}
#products .productInfo td.price p .yes {
	background: url("../mobile_images/images/lrg-green-tick-nobg.gif") left bottom no-repeat;
}
#products .productInfo td.price p .no {
	background: url("../mobile_images/images/lrg-cross-nobg.gif") left bottom no-repeat;
}
#products .productInfo th h4 {
	font-size: 210%;
	line-height: 1.2em;
	text-align: left;
}
#products .productInfo th h4 br {
	display: none;
}
#products .productInfo th h4 span {
	line-height: 1em;
	text-align: left;
	font-size: 100%;
}
#products tr.productInfo {
	border: 0;
}
#products .productInfo th h4.premier span, .productComparison th h3.premier span, #products .productInfo th h4.advance span, .productComparison th h3.advance span {
	background-position: left center;
}
.grid_12 #smallCarousel {
	display: none;
}
#products .furtherInfo {
	width: 600px;
	background: none;
}
#products .furtherInfo td, #products .furtherInfo .handle {
	width: 564px;
	left: 0;
}
#products .furtherInfo .handle {
	line-height: 30px;
	height: 37px;
	bottom: -15px;
	margin-left: -1px;
    position: static;
    
}
#products .furtherInfo .handle a {
	font-size: 210%;
}
#products tr.spacer {
	height: 55px;
}
#products .furtherInfo .content {
	width: 590px;
	margin: 0 0 25px 0;
	padding: 20px 0;
	border-left: 5px solid #f6f6f6;
	border-right: 5px solid #f6f6f6;
	border-bottom: 1px solid #f6f6f6;
}
#products .furtherInfo .features {
	width: 550px;
	padding: 0 20px;
}
#products .furtherInfo .actions {
	width: 590px;
}
#grid #products .furtherInfo .help h5, #grid .grid #products .furtherInfo .actions h5 {
	font-size: 210%;
	line-height: 1.3em;
}
#grid .grid #products .furtherInfo .actions h5, #grid .grid #products .furtherInfo .actions .inner {
	width: 550px;
	padding: 10px 20px;
}
#grid .grid #products .furtherInfo .actions ul {
	padding: 20px 0;
	clear: both;
}
#grid .grid #products .furtherInfo .actions ul li {
	padding: 20px;
	border-bottom: 1px solid #ccc;
}
#grid .grid #products .furtherInfo .actions ul li:first-child {
	border-top: 1px solid #ccc;
}
#grid .grid #products .furtherInfo .actions ul li a {
	font-size: 185%;
	display: block;
	line-height: 1.3em;
}
.valueActive {
    background:none;
    height: auto;
    padding-left: 0;
    position: static;
    width: auto;
}
.valueRegion {
	border: 1px solid #ccc;
	display: block;
	clear: both;
	height: 24px;
	font-size: 165%;
	margin: 0 auto 28px;
	padding: 20px;
	width: 558px;
	background: url("../mobile_images/images/custom-select-bg.gif") center bottom repeat-x;
}
.customSelect select.replaced{
	width:600px;
	height:65px;
}
.customSelect select.replaced option{
	font-size:170%;	
}
.valueRegion .value {
	float: left;
}
.valueRegion .arrow {
	background: url("../mobile_images/images/expand-grey.gif") center right no-repeat;
	height: 20px;
	width: 30px;
	float: right;
	top:25px;
	right:15px;
}
.valueRegion .valueRegionInner{
	padding: 0 5px 5px 12px;	
}
.valueRegionInner span{
	width:auto;	
}
#mobileProductTabsWrapper #menu0, #mobileProductTabsWrapper #menu1 {
	width: 598px;
	border: 1px solid #ccc;
	margin: -28px 0 28px 0;
	position: static!important;
	padding: 0;
}
#mobileProductTabsWrapper #menu0 li, #mobileProductTabsWrapper #menu1 li {
	font-size: 170%;
	padding: 15px 20px;
	cursor: pointer;
	list-style: none;
}
#mobileProductTabsWrapper #menu0 .active, #mobileProductTabsWrapper #menu1 .active {
	background: #CCC;
}
#grid #products .furtherInfo .help {
	width: 550px;
	background: none;
	padding: 20px;
}
#grid #products .furtherInfo .help p {
	font-size: 175%;
	line-height: 1.3em;
}
#grid #productComparisonTools .compare {
	width: 600px;
}
#grid #productComparisonTools .compare a {
	background: none;
}
#grid #productComparisonTools .compare a span {
	background: #515358;
	font-size: 150%;
	font-weight: normal;
	padding: 30px 20px;
	color: #fff;
}
#grid #productComparisonTools .compare a:hover span {
	background: #db0011;
}
#grid #otherAccounts {
	width: 600px;
	border: 0;
	box-shadow: none;
	padding: 15px 0px;
}
#grid #otherAccounts .column {
	width: 600px;
	padding: 0;
}
#grid #otherAccounts .column h3 {
	padding: 0 0 20px;
}
#grid #otherAccounts .column p {
	font-size: 170%;
	line-height: 1.3em;
}
#grid #otherAccounts .column ul li a {
	display: block;
	font-size: 210%;
	line-height: 1.3em;
	border-bottom: 1px solid #ccc;
	padding: 20px 0;
	background-position: 560px center;
}
#grid #otherAccounts div.column:nth-child(2) ul li:first-child a {
	border-top: 1px solid #ccc;
}
#products .furtherInfo .handle a.selected {
	background: url("../mobile_images/images/LinkUp.gif") 233px 2px no-repeat #d8d8d8;
}
#products .furtherInfo .handle a {
	background: url("../mobile_images/images/moreLinkDown.gif") 233px 2px no-repeat #d8d8d8;
	padding: 2px 46px 5px 10px;
	width:216px;
}

#products .furtherInfo .handle.fix a.selected {
	background: url("../mobile_images/images/LinkUp.gif") 155px 2px no-repeat #d8d8d8;
	width:130px;
}
#products .furtherInfo .handle.fix a {
	background: url("../mobile_images/images/moreLinkDown.gif") 155px 2px no-repeat #d8d8d8;
	padding: 2px 46px 5px 10px;
	width: 130px;
}
/*End product selector*/
/*Generic Page*/
#grid .grid_17 .contentRow p.intro, #grid .contentItem p.intro, #grid .productItem p.intro {
	font-size: 175%;
	line-height: 1.3em;
}
#grid .grid_18 .contentRow .contentItem, #grid .grid_18 .contentItem {
	width: 600px;
	padding: 0 20px;
}
#grid .grid_18 .productItem {
	width: auto;
}
#grid .grid_18 .contentItem img.right {
	float: none;
	clear: both;
	padding: 5px 0 15px;
}
#grid .contentItem ol, #grid .productItem ol, .jqmWindow .grid_8 .column ol, #grid .grid .grid_8 .column ol {
	padding: 20px 20px 20px 50px;
}
#grid .contentItem ol li, #grid .productItem ol li, .jqmWindow .grid_8 .column ol li, #grid .grid .grid_8 .column ol li {
	font-size: 175%;
	line-height: 1.3em;
	padding: 10px 20px;
}
#grid .grid_6 .column {
	border: none;
	width: 600px;
	padding: 20px 0;
	margin: 0;
}
#grid .grid .contact {
	background: none;
	border-bottom: 1px solid #ccc;
	margin: 0;
}
#grid .grid .contact p.phone {
	font-size: 150%;
}
#grid .grid .contact p.phone span {
	display: inline-block;
	margin: 0;
	font-weight: normal;
	color: #FFF;
	font-size: 135%;
}

#grid .grid .contact p.phone span.twoNumbers {
	padding:43px 0;
	font-size: 95%;
	color: #4c4c4c;
}
#grid .grid .contact p {
	font-size: 150%;
}
#grid .grid .column p.smallPhone {
	font-size: 150%;
	line-height: 1.3em;
}
#grid .grid .articles {
	background: none;
}
#grid .grid .articles .open {
	background: url("../mobile_images/images/tools-bg-inv.gif"), url("../mobile_images/images/close-list.jpg") #515358;
	background-position: 10px center, 557px 38px;
	background-repeat: no-repeat;
	color: #fff;
}
#grid .grid .articles h3 {
	background: url("../mobile_images/images/tools-bg.gif"), url("../mobile_images/images/open-list-nobg.gif") #f7f7f7;
	background-position: 10px center, 557px 38px;
	background-repeat: no-repeat;
}
#grid .grid .articles h3 {
	font-size: 210%;
	display: block;
	padding: 30px 0 30px 70px;
	border-bottom: 1px solid #fff;
	cursor: pointer;
}
#grid .grid .articles ul li a {
	display: block;
	padding: 35px 20px;
	border-bottom: 1px solid #d5d5d5;
	font-size: 245%;
	background: url("../mobile_images/images/prod-nav-chevron.gif") 566px center no-repeat;
}
#grid .grid .contentItem img.left {
	margin-left: 20px;
}
/*End Generic*/
/*Search */
#searchResults {
	width: 600px;
	padding: 0 20px;
}
#searchResults h3 {
	font-size: 220%;
	line-height: 1.3em;
}
#searchResults h3 span {
	color: #ee3124;
	display: inline-block;
}
#searchResults .searchMenu li.current a {
	padding: 0 8px;
	background-color: #ee3124;
}
#searchResults .searchMenu {
	width: 580px;
	padding: 15px 10px;
}
#searchResults .searchMenu li {
	font-size: 150%;
	line-height: 1.3em;
	padding: 0 10px 0 0;
}
#searchResults .searchMenu li.prev a {
	background: url("../mobile_images/images/back-chevron.gif") left center no-repeat;
	padding: 0 8px 0 20px;
}
#searchResults .searchMenu li.next a {
	background: url("../mobile_images/images/prod-nav-chevron.gif") right center no-repeat;
	padding: 0 20px 0 8px;
}
#searchResults .searchListing h4 a {
	font-size: 210%;
	background: url("../mobile_images/images/prod-nav-chevron.gif") right center no-repeat;
	line-height: 1.3em;
	padding: 0 25px 0 0;
}
#searchResults .searchListing h4 {
	padding: 0 0 16px;
}
#searchResults .searchListing p {
	font-size: 190%;
	line-height: 1.3em;
}
#searchResults .searchListing ul li {
	border-bottom: 1px solid #ccc;
	padding: 20px 0 10px;
}
/*End search*/
form #products .productInfo th {
	padding: 15px;
}
form #products .productInfo td.price {
	padding: 15px;
}
form #products .productInfo td label {
	font-size: 175%;
	line-height: 1.3em;
	padding-top: 15px;
	float: right;
	width: 175px;
}
#mortgageForm {
	width: 560px;
	padding: 20px 20px 70px;
}
#mortgageForm ul {
	width: 560px;
}
#mortgageForm ul li {
	width: 413px;
}
#mortgageForm ul li label {
	font-size: 190%;
	line-height: 1.3em;
	padding: 20px 29px 5px 0;
	width: 413px;
}
#mortgageForm ul li input, #mortgageForm ul li select {
	font-size: 175%;
	padding: 15px;
	width: 390px;
}
#mortgageForm fieldset input.question {
	width: 360px;
	padding: 15px;
}
form #products .productInfo td input[type=checkbox] {
	/* Double-sized Checkboxes */
	-ms-transform: scale(2); /* IE */
	-moz-transform: scale(2); /* FF */
	-webkit-transform: scale(2); /* Safari and Chrome */
	-o-transform: scale(2); /* Opera */
	padding: 10px;
}
form#productSelector #products table thead {
	display: none;
}
form#productSelector fieldset p.intro, form#productSelector fieldset p {
	font-size: 190%;
	line-height: 1.3em;
}
#mortgageForm span.help a {
	background: url("../mobile_images/images/tool-tip.gif") center center no-repeat;
	width: 45px;
	height: 45px;
}
#mortgageForm fieldset .mandatory {
	font-size: 130%;
}
#mortgageForm span.help {
	right: -100px;
	top: 63px;
}
#mortgageForm fieldset .searchBtn {
	bottom: 22px;
	right: 20px;
}
#mortgageForm .helpText {
	top: 8px;
	font-size: 80%;
	line-height: 1.3em;
	width: 520px;
	padding: 10px 5px;
}
#mortgageForm .tooltipContent {
	top: 5px!important;
}
#mortgageForm fieldset input.searchBtn, #productSelector fieldset input.compareBtn {
	background: #515358;
	font-size: 150%;
	font-weight: normal;
	padding: 10px 20px;
	color: #fff;
	height: auto;
	width: auto;
	text-indent: 0;
}
#mortgageForm fieldset input.searchBtn:hover, #productSelector fieldset input.compareBtn:hover, #mortgageForm fieldset input.searchBtn:active, #productSelector fieldset input.compareBtn:active, #mortgageForm fieldset input.searchBtn:focus, #productSelector fieldset input.compareBtn:focus {
	background: #db0011;
}
/*Premier Proposition page*/
#advance #propositionDetails, #premier #propositionDetails {
	background: none!important;
	width: 640px;
	height: auto;
}
#propositionDetails #stage {
	display: none;
}
#premier #detailsInner, #advance #detailsInner {
	display: none;
}
#premier #productDetails .branding, #advance #productDetails .branding, #advance #propositionDetails .branding, #premier #propositionDetails .branding {
	position: static;
	margin: 40px 20px 20px;
}
#premier #productDetails .branding img, #advance #productDetails .branding img, #advance #propositionDetails .branding img, #premier #propositionDetails .branding img {
	display: none;
}
#advance #productDetails .branding, #advance #propositionDetails .branding {
	background: url("../mobile_images/images/HSBC-Advance_mid.gif") left top no-repeat;
	height: 41px;
	width: 349px;
}
#premier #productDetails .branding, #premier #propositionDetails .branding {
	background: url("../mobile_images/images/HSBC-Premier_mid.gif") left top no-repeat;
	height: 41px;
	width: 330px;
}
#premier #propositionDetails .right, #advance #propositionDetails .right {
	position: static;
}
#grid .grid #propositionTabs .pageTabs {
	position: static;
	padding: 0;
	width: 640px;
	margin: 0 0 25px;
}
#propositionTabs .pageTabs li a {
	width: 640px;
}
.applyOnlineSteps.row {
	margin: 10px 20px;
}
#premier #propositionTabs .pageTabs li.selected a span, #propositionTabs .pageTabs li.selected a {
	color: #fff;
	border: 0;
}
#propositionTabs .pageTabs li a span span {
	font-size: 100%;
	line-height: 1.3em;
	border-bottom: none;
}
#propositionTabs .pageTabs li a span {
	font-size: 175%;
	color: #000;
	background: none;
	text-align: left;
	border-bottom: 1px solid #fff;
	padding: 18px 24px 18px 21px;
	font-weight: bold;
	line-height: 1.3em;
}
#propositionTabs .pageTabs li a span br {
	display: none;
}
.jqmWindow .grid_12 .productRow .productItem, #grid .grid_12 .productRow .productItem {
	width: 600px;
}
#grid .grid .applyBox {
	width: 600px;
	padding: 25px 20px;
	margin: 20px 0;
	background: #f0eff1;
}
#propositionDetails .rightInner, #productDetails .rightInner, #grid .grid .applyBox .rightInner {
	float: none;
	padding: 0 20px;
}
#propositionDetails .right p, #grid .grid .applyBox .right p {
	width: 600px;
	text-align: left;
	font-size: 190%;
	padding: 10px 0 30px;
}
#grid .grid .contentRow {
	width: 640px;
}
#premier #grid .grid .menu .contentItem, #advance #grid .grid .menu .contentItem {
	width: 600px;
	padding: 0 20px;
}
/*End Premier P Page*/
/*Popup page*/
#genericPopupWin #top {
	width: 640px;
}
#genericPopupWin #top div#mainTopNavigation {
	width: 600px;
	padding: 0 20px;
}
#genericPopupWin #top div#mainTopNavigation #logo img {
	display: block;
}
#genericPopupWin #grid {
	width: 640px;
	padding: 0;
}
#genericPopupWin #grid .grid_24 {
	width: 640px;
	padding: 0 0 10px;
}
body#genericPopupWin #productNav {
	width: auto;
}
#genericPopupWin .contentItem h3, #genericPopupWin #grid .grid .contentItem h4, #genericPopupWin #grid .grid .contentItem h5 {
	padding: 10px 20px;
}
#grid #products .furtherInfo h5 {
	font-size: 225%;
	padding: 20px 0 30px;
	line-height: 40px;
}
#genericPopupWin #grid .contentItem img.left {
	padding: 5px 20px 15px;
}
#genericPopupWin #grid .contentItem ul {
	padding: 0 20px 5px 45px;
}
#genericPopupWin #grid .contentItem #smallPrint p {
	padding: 10px 20px 30px;
}
#genericPopupWin #meta {
	width: 600px;
	padding: 21px 20px 22px;
}
/*End pop up page*/
/*Advance proposition Page */
.jqmWindow .grid_12 .productRow, .jqmWindow .grid_12 .productItem, #grid .grid_12 .productRow, #grid .grid_12 .productItem {
	width: 600px;
}
#advance #propositionTabs .pageTabs li.selected a span {
	color: #fff;
	border: 0;
}
#grid .grid .productItem h3 span {
	line-height: 1.3em;
}
#grid .grid_17 .contentItem h3 {
	font-size: 300%;
	padding-bottom: 34px;
}
/*End advance proposition page*/
/*Business home page*/
#tabs li.currentBreadcrumb {
	padding: 8px 0 0 30px;
}
#mainTopUtilityRow #tabs li.currentBreadcrumb a {
	padding-right: 0;
}
#businessHome #productNav .branding, #business #productNav .branding {
	padding: 20px;
}
#businessHome .grid_12 .contentItem h3 {
	font-size: 270%;
	line-height: 1.3em;
}
#businessHome #grid .grid_24 .grid_6 .featureBox {
	display: block;
	background: none;
	width: 600px;
	padding: 0;
	margin-top: 20px;
}
#grid .grid_24 .grid_6 .featureBox h2, #grid .grid_24 .grid_6 .featureBox h3, #grid .grid_24 .grid_6 .featureBox h4 {
	display: block;
	padding: 20px;
	cursor: pointer;
	background: url("../mobile_images/images/open-list-nobg.gif")560px center #f7f7f7 no-repeat;
}
#grid .grid_24 .grid_6 .featureBox .open {
	background: url("../mobile_images/images/close-list.jpg")560px center #515358 no-repeat;
	color: #fff;
}
#grid .grid_18 .shaded {
	background: none;
}
#grid .grid_24 .grid_6 .featureBox ul li {
	padding: 0;
}
#grid .grid_24 .grid_6 .featureBox ul li a {
	display: block;
	padding: 25px 20px;
	border-bottom: 1px solid #d5d5d5;
	background-position: 570px center;
}
#businessHome #grid .grid_24 .grid_6 {
	padding: 10px 20px 20px;
	width: 600px;
	float: left;
}
#businessHome #grid .grid_24 .grid_6 .contentItem {
	width: 600px;
	padding: 0;
	clear: both;
}
#businessHome #grid .grid_24 div.grid_6:nth-child(odd) {
	clear: both;
}
#grid .grid_6 .contentItem img, #business #grid .grid_7 .contentItem img {
	float: left;
	padding: 30px 20px 20px 0;
}
#grid .grid_24 .grid_6 .contentItem h2 a {
	background: url("../mobile_images/images/prod-nav-chevron.gif") right center no-repeat;
	padding: 0 30px 0 0;
	line-height: 1.3em;
}
#grid .contentItem h4 a {
	background: url("../mobile_images/images/prod-nav-chevron.gif") right center no-repeat;
	padding: 0 30px 0 0;
	line-height: 1.3em;
}
#grid .grid_7 .contentRow h3, #businessHome #grid .grid .contentItem h4, #business #grid .grid_17 .contentItem h4, #business #grid .grid_7 .contentRow .contentItem h4 {
	padding: 20px 0;
	font-size: 210%;
	line-height: 1.3em;
}
#grid .grid_18 .first {
	border: none;
}
#businessHome #grid .grid_24 .grid_6 .fullWidth {
	width: 600px;
	padding: 0 20px;
	clear: both;
	float: none;
	display: block;
}
/*HSBC Pillar Page*/
#grid .grid .shaded {
	background: none;
}
#premier #grid .grid_24 .contentItem h2 {
	font-size: 290%;
	line-height: 1.1em;
}
#advance #grid .contentItem h3 a, #premier #grid .contentItem h3 a {
	font-size: 175%;
	background: url("../mobile_images/images/moreLinkDown.gif") right center no-repeat;
	padding: 20px 30px 20px 0;
	line-height: 1.3em;
}
#advance #grid .grid .menu .contentItem h3, #premier #grid .grid .menu .contentItem h3 {
	padding: 20px 0;
}
#advance #grid .menu .contentItem p, #premier #grid .menu .contentItem p {
	border: none;
}
#premier #grid .grid_24 .contentItem h2 {
	font-size: 290%;
	line-height: 1.1em;
}
#premier .jqmWindow .scroll h2, #premier .jqmWindow .grid .productItem h2, #premier #grid .grid .productItem h2, #premier #grid .grid .contentItem h2, #premier .jqmWindow .grid .productItem h3, #premier #grid .grid .productItem h3, #premier #grid .grid .menu .contentItem h2 {
	font-weight: normal;
}
#advance #grid .grid .contentItem h2, #premier #grid .grid .contentItem h2 {
	padding: 0 20px 30px;
}
#grid .grid .contentRow .column {
	width: 600px;
	padding: 20px;
	margin: 0;
}
#grid .grid .contentRow .column .column {
	padding: 0;
}
#grid .grid .contentRow .column .column a.redBtn {
	margin: 20px 0;
	font-size: 170%;
}
#premier #grid .grid .contentRow .contentItem p.intro, #advance #grid .grid .contentRow .contentItem p.intro, #premier #grid .grid .column p.intro, #advance #grid .grid .column p.intro {
	font-size: 210%;
	line-height: 1.3em;
}
#premier #grid .grid .contentRow .contentItem, #advance #grid .grid .contentRow .contentItem {
	width: 600px;
	padding: 0 20px;
}
#premier #grid .grid .contentRow .contentItem .contentItem, #advance #grid .grid .contentRow .contentItem .contentItem {
	padding: 0;
}
#grid .portalRow {
	width: 600px;
	padding: 0 20px;
	clear: none;
	float: none;
}
#grid .contentItem .portalRow {
	padding: 0;
}
#grid .portalRow .portalItem {
	width: 600px;
	padding: 0;
}
#grid .portalRow .portalItem img {
	display: none;
}
#premier #grid .portalRow .portalItem h5 a, #advance #grid .portalRow .portalItem h5 a {
	font-size: 190%;
	display: inline;
	padding: 0 20px 0 0;
	background-position: right 10px;
}
#premier #grid .portalRow .portalItem h5 a br, #advance #grid .portalRow .portalItem h5 a br {
	display: none;
}
#premier #grid .contentItem .portalRow .portalItem h3 a, #advance #grid .contentItem .portalRow .portalItem h3 a {
	font-size: 220%;
	line-height: 1.3em;
	background: url("../mobile_images/images/mobile-new.gif") right center no-repeat;
	padding: 0 35px 0 0;
}
#premier #grid .portalRow .portalItem ul, #advance #grid .portalRow .portalItem ul {
	padding: 0 0 5px 20px;
}
#premier #grid .portalRow .portalItem ul li, #advance #grid .portalRow .portalItem ul li {
	padding: 10px 0 10px 15px;
	line-height: 1.3em;
	font-size: 170%;
}
#grid .grid .caption {
	background: none;
	position: static;
	width: 580px;
	opacity: 1;
	padding: 9px 20px;
	margin: -12px 0 20px -10px;
	background: url("../mobile_images/images/caption-bg.jpg") right center repeat-x;
}
#grid .grid .menu .caption {
	width: 580px;
}
#premier #grid .grid .contentItem .caption p, #advance #grid .grid .contentItem .caption p {
	border: none;
}
#premier #grid .grid .contentItem .caption p a, #advance #grid .grid .contentItem .caption p a {
	color: #000;
	line-height: 1.5em;
	background: url("../mobile_images/images/prod-nav-chevron.gif") right center no-repeat;
	padding: 0 20px 0 0;
}
#grid .pillarPagination {
	display: none;
}
#grid .pillarPagination .pillarContent {
	width: 560px;
}
#grid .grid .menu .contentItem img {
	display: none;
}
#grid .grid .contentRow .column h3 {
	line-height: 1.3em;
	clear: both;
}
#grid .grid .contentRow .column p, #grid .grid .contentRow .column ul li a {
	font-size: 170%;
	line-height: 1.3em;
	clear: both;
}
#grid .grid .contentRow .contentItem .greyBtn, #grid .grid .contentRow .contentItem .redBtn {
	margin: 20px 20px 20px 0;
}
#grid .grid .shaded {
	border-bottom: 1px solid #ccc;
}
#grid .grid_7 .contentRow, #grid .grid_6 .shaded, #grid .grid_8 .shaded, #grid .grid .contentRow .shaded {
	border: 1px solid #ccc;
	background: none;
	width: 558px;
	margin-left: 20px;
}
#grid .grid_17 .contentItem {
	padding: 0 20px;
	width: 600px;
}
#grid .grid_12 .productItem h2 {
	font-size: 190%;
	line-height: 1.3em;
}
/*End Pillar Page*/

/***Carousel 1.7 style***/

#carousel, #carousel .carousel-background, #carousel .carousel-wrapper {
	width: 640px;
}
#carousel .personal .item0 {
	background: url(../mobile_images/images/placeholders/carousel04.jpg) no-repeat;
}
#carousel .personal .item1 {
	background: url(../mobile_images/images/placeholders/carousel01.jpg) no-repeat;
}
#carousel .personal .item2 {
	background: url(../mobile_images/images/placeholders/carousel02.jpg) no-repeat;
}
#carousel .personal .item3 {
	background: url(../mobile_images/images/placeholders/carousel03.jpg) no-repeat;
}
#carousel .carousel-menu, #grid a.redBtn.desktopOnly {
	display: none;
}
#carousel .text-dark .panel-item, #carousel .text-light .panel-item {
	background: none;
}
#carousel .carousel-item .carousel-item-inner {
	width: 320px;
	padding: 10px 20px 10px;
}
#carousel .carousel-item {
	width: 346px;
	min-height: 230px;
}
#carousel .carousel-wrapper {
	padding: 0;
}
#carousel .carousel-item h2 {
	font-size: 150%;
	padding: 0 0 18px;
	line-height: 28px;
}
#carousel .carousel-item p {
	font-size: 100%;
	line-height: 24px;
}
/***grid for expat media int page***/
.gridExpatGlo {
	padding: 0 20px;
}
/*Tables*/
#grid .grid .contentItem table {
	width: 600px;
	margin: 35px 20px;
}
#grid .grid_18 .contentItem table, #grid .grid_12 .contentItem table, .grid .grid_17 .contentItem table {
	width: 600px;
	margin: 30px 0;
}
#grid .grid_16 .contentItem table {
	width: 600px;
	margin: 20px;
}
.productItem table thead tr th, .productItem table thead tr td, .productItem table tr th, .productItem table tr td, .contentItem table thead tr th, .contentItem table thead tr td, .contentItem table tr th, .contentItem table tr td {
	font-size: 170%;
	line-height: 1.35em;
	padding: 10px;
}
.grid .grid_12 .contentItem table {
	width: 600px;
	margin: 30px 0;
}
#grid #productComparisonTools .prev, #grid #productComparisonTools .compare {
	width: 600px;
}
#productTable {
	width: 600px;
}
#productComparison, #fixed-table-header {
	width: 600px;
}
#fixed-table-header {
	display: none!important;
}
#productComparison tr.sectionType a.expand {
	white-space: normal;
	line-height: 1.2em;
	font-size: 150%;
}
/**/

#grid .grid_8 .promo img {
	display: none;
}
.jqmWindow .productItem, #grid .productItem, .jqmWindow .productRow, #grid .productRow, #grid .contentItem {
	clear: both;
}
#grid .grid .showHideWrapper .showHideHeader a.triggerAll {
	top: 42px;
}
#grid .grid a.pdfLink {
	background: url("../mobile_images/images/icon_pdf_launch.gif") left 28px no-repeat;
	line-height: 1.3em;
}
#grid .grid .contentItem a.redLink, #grid .grid .contentItem p a.redLink {
	background: url("../mobile_images/images/prod-nav-chevron.gif") right center no-repeat;
	padding: 0 20px 0 0;
	line-height: 1.3em;
}
.showHideWrapper {
	width: 600px;
	margin: 0 20px;
}
#grid .contentItem .showHideWrapper .showHideHeader p {
	padding: 10px 0;
}
.showHideHeader, #grid .grid_24 .showHide, #grid .grid_16 .showHide {
	width: 598px!important;
}
#grid .grid_16 div.showHide:first-child {
	border-top: 1px solid #d9d9d9;
}
#grid .grid .productItem .showHide .trigger, #grid .grid .contentItem .showHide .trigger {
	background-position: 10px 21px;
}
#grid .contentItem #smallPrint, #grid .productItem #smallPrint {
	width: 600px;
	padding: 0 20px;
}
#grid .showHide #smallPrint {
	width: 540px;
}
#premier #grid .grid .contentRow .contentItem #smallPrint, #advance #grid .grid .contentRow .contentItem #smallPrint {
	width: 600px;
	padding: 0;
}
#grid .padtop30 {
	padding-top: 100px;
}
#grid p.padtop30 {
	display: none;
}
.desktopOnly {
	display: none !important;
}
.mobileOnly {
	display: inline-block !important;
}
.mobilePhone {
	background: url("../mobile_images/images/mobile-icon-off.gif") no-repeat scroll left center transparent;
	float: left;
	padding: 0 0 0 53px;
	margin: 20px 20px 20px 0;
}
.showHideContent .mobilePhone {
	margin: 20px;
}
.mobilePhone span {
	background: url("../mobile_images/images/red_btn_off.gif") no-repeat scroll right center transparent;
	color: #FFFFFF;
	float: left;
	font-size: 175%;
	padding: 24px 15px 23px 2px;
	text-decoration: none;
}
#grid .grid #productFooter .column p {
	font-size: 200%;
	padding: 5px 20px 20px;
	line-height: 1.3em;
	clear: both;
}
#grid .grid #productFooter .contact p {
	padding: 10px 20px;
}
#grid .grid #productFooter .column .contentItem p {
	padding: 5px 0 20px;
}
#grid .grid #productFooter .column a.pdfLink {
	display: block;
	padding: 30px 30px 30px 35px;
	border-bottom: 1px solid #d5d5d5;
}
/*Tables v2.0*/
.grid .grid_16 #productTable, .grid .grid_16 #productComparisonTools {
	width: 600px;
	margin: 40px 20px 0;
	overflow-x: scroll;
	padding-top: 40px;
	background: url("../mobile_images/images/scroll.jpg") no-repeat scroll left top transparent;
}
.grid .grid_16 #productTable #productComparison {
	width: 900px;
	margin: 0;
}
#fixed-table-header tr.productHeadings th, .grid #productTable #productComparison tr.productHeadings th, .grid #productTable #productComparison tr.rowContent td p, .grid #productTable #productComparison tr.rowContent th {
	font-size: 150%;
	line-height: 1.3em;
}
#productComparison th h3 span, #fixed-table-header th h3 span {
	font-size: 100%;
}
#productComparison td p strong {
	font-size: 100%;
}
#productComparison th h3, #fixed-table-header th h3 {
	font-size: 120%;
	line-height: 1.3em;
}
#productComparison th h3 span, #fixed-table-header th h3 span, .grid #productTable #productComparison td p strong {
	line-height: 1.3em;
}
#productComparison td.even .yes, #productComparison td.odd .yes {
	background: url("../mobile_images/images/dark-green-tick-nobg.gif")no-repeat scroll center center transparent;
	height: 51px;
}
#productComparison td.even .no, #productComparison td.odd .no {
	background: url("../mobile_images/images/lrg-cross-nobg.gif")no-repeat scroll center center transparent;
	height: 51px;
}
#productComparison tr ul li, #fixed-table-header tr ul li {
	font-size: 170%;
	line-height: 1.3em;
	clear: both;
}
#productComparison tr td ul li, #fixed-table-header tr td ul li {
	font-size: 100%;
}
table tbody tr div.greenTick, table tbody tr div.greenTick.dark {
	background-image: url("../mobile_images/images/lrg-green-tick-nobg.gif");
	height: 49px;
}
table tbody tr div.greyCross, table tbody tr div.greyCross.light {
	background-image: url("../mobile_images/images/lrg-cross-nobg.gif");
	height: 49px;
}
#productComparison th h3.premier span, #fixed-table-header th h3.premier span {
	background: url("../mobile_images/images/HSBC-Premier_small.gif") no-repeat scroll left top transparent;
	height: 27px;
	width: auto;
}
#products .productInfo th h4.advance span, .productComparison th h3.advance span {
	background: url("../mobile_images/images/HSBC-Advance_small.gif") no-repeat scroll left top transparent;
	height: 27px;
	width: auto;
}
table tbody tr th span.help a {
	background: url("../mobile_images/images/tool-tip.gif") no-repeat scroll left top transparent;
	height: 45px;
	width: 45px;
}
#grid .grid .scrollTable, #grid .grid #productComparisonTools #productTable .scrollTable, #grid .grid .contentItem .scrollTable, #lightviewDetails > div.lightview > div.grid.grid_8 > div > div.scrollTable {
	width: 600px;
	padding: 40px 0 0;
	overflow-x: scroll;
	background: url("../mobile_images/images/scroll.jpg") no-repeat scroll left top transparent;
	display: block;
}

#grid .grid .scrollTable table, #grid .grid .contentItem .scrollTable table {
	width: 1200px;
	padding: 0;
	margin: 0;
}
#grid .grid .showHideWrapper .showHide .scrollTable {
	width: 550px; /*Adjusted for index-83.html*/
	overflow-x: scroll;
}
#grid .grid .showHideWrapper .showHide .scrollTable table {
	width: 800px;
	margin: 0;
}
#grid .grid .scrollTable table thead tr th p, #grid .grid .scrollTable table thead tr td p, #grid .grid .scrollTable table tr th p, #grid .grid .scrollTable table tr td p, #grid .grid .scrollTable table thead tr th, #grid .grid .scrollTable table thead tr td, #grid .grid .scrollTable table tbody tr td li {
	font-size: 170%;
	line-height: 1.3em;
}
#grid .grid .scrollTable table tbody tr th h4 {
	font-size: 210%;
	line-height: 1.3em;
}
#grid .grid .scrollTable table tbody tr th h4 a {
	background: url("../mobile_images/images/prod-nav-chevron.gif") right center no-repeat;
	padding: 0 25px 0 0;
}
#grid .grid .scrollTable table thead tr.bgRow td, .productComparison tr.rows-separator td, #businessProductTable tr.bgRow td, #businessProductTable tr.rows-separator td {
	font-size: 1px;
	line-height: 1%;
}
/*Bespoke 1.6 changes*/
body .grid .contentItem table, body .grid .productItem table, body .grid .back, body #productNav, body #productFooter, body .grid .applyBox {
	width: 600px;
}
#grid > div.grid.grid_24.JQueryCustomTabContent > div:nth-child(2) > div#productNav {
	width:auto;
}
body .grid_24 > #productNav {
	padding: 0;
	border-bottom: 1px solid #ccc;
	width: 640px;
}
#grid #otherAccounts .column h4 {
	float: none;
	clear: both;
	display: block;
	font-size: 210%;
	line-height: 1.3em;
	background: none;
}
#grid #otherAccounts .column ul {
	width: 600px;
}
#grid #otherAccounts .column ul li {
	background: none;
	clear: both;
	float: none;
	display: block;
	padding: 0;
}
#products .furtherInfo .features p, #products .furtherInfo .features ul li {
	font-size: 170%;
	line-height: 1.3em;
}
.productComparison tr.rowContent th p, #productComparison td p {
	line-height: 1.3em;
}
body #otherAccounts .column {
	border: none;
}
body .grid_12, body .grid_12 .productItem, body .grid_12 .productRow, body .grid_12 .contentItem, body .grid_12 .contentRow, body .grid_12 .bannerItem, body .grid_12 .contentItem table, body .grid_12 .productItem table, body .grid_12 .back, body .grid_12 .applyBox {
	width: 600px;
}
body ul, #hero .carouselWrapper .tabArticleText ul {
	padding: 0 0 6px 40px;
}
#productComparison tr ul li a.redBtn, #fixed-table-header tr ul li a.redBtn {
	font-size: 150%;
	margin: 0;
}
#productComparison td a.more {
	background: url("../mobile_images/images/moreLinkDown.gif") no-repeat scroll right center transparent;
	padding: 0 29px 3px 0;
}
#productComparison td a.more.open {
	background: url("../mobile_images/images/moreLinkUp.gif") no-repeat scroll right center transparent;
	padding: 0 29px 3px 0;
}
form #products .productInfo td {
	padding: 15px;
	clear: both;
	float: left;
	width: 570px;
}
form #products .productInfo td .inner {
	clear: none;
	display: block;
	float: left;
	width: 50%;
}
.productDetails {
	width: 640px;
	height: auto;
}
.productDetails .branding {
	position: static;
	padding: 0 20px;
}
.productDetails .pageTabs, body .pageTabs {
	position: static;
}
.productDetails .right, #productNav .right {
	position: static;
	clear: both;
	display: block;
	padding: 20px 0;
}
.productDetails .right .rightInner, #productNav .right .rightInner {
	clear: both;
	display: block;
	float: none;
	padding: 0 20px;
	width: 600px;
}
.productDetails .right .rightInner p {
	font-size: 170%;
	padding: 15px 0;
	line-height: 1.3em;
}
.productDetails .branding h2 {
	font-size: 225%;
	line-height: 1.3em;
}
#grid .grid_24 .advanceBox, #grid .grid_24 .premierBox {
	width: 569px;
	background: #e4e4e4;
	margin: 20px;
}
#grid .grid_24 .premierBox {
	background: #292278;
}
#grid .grid .premierBox a.overlayLaunchLink {
	background: url("../mobile_images/images/mobile-premier-new.gif") no-repeat scroll right center transparent;
}
#grid .grid .premierBox a.greyBtn {
	background: url("../mobile_images/images/purple_btn_left.gif") no-repeat scroll left top;
	color: #fff;
}
#grid .grid .premierBox a.greyBtn span.new {
	background: url("../mobile_images/images/purple_btn_full.gif") no-repeat scroll right top;
}
#grid .grid_24 .advanceBox .inner, #grid .grid_24 .premierBox .inner {
	width: auto;
}
#grid .grid_24 .advanceBox p, #grid .grid_24 .premierBox p {
	font-size: 150%;
	line-height: 1.3em;
}
#grid .grid_24 .advanceBox p span, #grid .grid_24 .premierBox p span {
	font-size: 140%;
	line-height: 1.3em;
}
#grid .grid_16 .column .inner .inner {
	width: 550px;
}
#grid .grid_16 .column .inner .inner a.redBtn {
	margin: 20px 0;
}
#searchResults .searchMenu li a {
	line-height: 1.1em;
}
.propositionDetails #detailsInner, .premierProductDetails #detailsInner {
	height: 0;
	width: 0;
}
.premierProductDetails {
	background: none!important;
	border-bottom: 1px solid #ccc;
}
#grid .grid_24 .premierBox .about {
	border: 0;
	float: none;
	padding: 0px;
}
body .grid_16 .contentRow .contentItem, body .grid_16 .productRow .productItem {
	width: 600px;
}
body .grid .grid_8 .shaded .inner, body .grid .propositionRow .shaded .inner {
	width: 560px;
}
.propositionDetails {
	background: none!important;
	height: auto;
	width: 600px;
	padding: 20px 20px 0;
}
.propositionDetails #stage {
	display: none;
}
.propositionDetails #stage h2, .propositionDetails #stage p, .propositionDetails #stage p a {
	color: #000;
}
.propositionDetails .branding {
	position: static;
	clear: both;
}
.propositionDetails .right {
	position: static;
}
.propositionDetails .right .rightInner {
	float: none;
}
body .right .rightInner p {
	float: none;
	font-size: 170%;
}
body .grid .popupMenu {
	display: none;
}
body .grid .applyBox .right {
	float: none;
}
body .grid_24, body .grid_24 .contentRow, body .grid_24 .propositionRow {
	width: 640px;
}
body .menu .contentItem {
	width: 600px;
	padding: 10px 20px;
}
body .grid .contentItem h3.premier, body .grid .productItem h3.premier {
	font-size: 210%;
	line-height: 1.3em;
	padding: 20px 0 10px;
}
body .grid_16 .contentItem h3.premier, body .grid_16 .productItem h3.premier {
	padding: 0 20px;
}
body .contentIntro, body .contentRow .contentIntro {
	float: none;
	width: 600px;
	padding: 10px 0px;
}
body .contentIntro h3, body .contentRow .contentIntro h3 {
	font-size: 210%;
	line-height: 1.3em;
}
body .contentRow .contentIntro p {
	font-size: 170%;
	line-height: 1.3em;
}
body .propositionRow .column {
	display: block;
	width: 600px;
	padding: 10px 20px;
}
body .propositionRow .column p.intro {
	font-size: 170%;
	line-height: 1.3em;
}
#grid .grid_16 .productItem h4, #grid .grid_16 .productRow h4, #grid .grid_16 .contentItem h4 {
	padding: 20px 20px 10px;
}
body .propositionRow .contentItem {
	position: static;
	width: 600px;
	padding: 0 20px;
}
#grid .propositionRow .contentItem p {
	padding: 0;
}
#grid .propositionRow .column h4 {
	font-size: 190%;
	line-height: 1.3em;
}
body .propositionRow .promo {
	border: none;
	box-shadow: none;
}
body .grid .grid_8 .shaded, body .grid .propositionRow .shaded {
	width: 600px;
	padding: 10px 20px;
}
#grid .grid .shaded p {
	font-size: 170%;
}
#grid .grid .columnRow .promo ul li a {
	font-size: 226.7%; /*Changed from 170 12/12 */
	line-height: 1.3em;
}
.advanceProductDetails #detailsInner {
	display: none;
}
.advanceProductDetails {
	background: none!important;
}
.advanceProductDetails .right .rightInner p {
	padding: 10px 0;
}
#grid .grid_16 .quote p {
	font-size: 190%;
	padding: 14px 65px 6px;
}
#grid .grid_24 .advanceBox .about {
	border: none;
	float: none;
	padding: 0;
}
#grid .grid .shadedRow {
	background: none;
	padding: 0 0 10px;
}
body .propositionRow .column p {
	font-size: 170%;
}
body .propositionRow .column li a {
	font-size: 170%;
}
#grid .grid_12 .contentItem h2 a {
	font-size: 210%;
	line-height: 1.3em;
}
body .contentRow .contentItem, body .contentRow .contentIntro .contentItem {
	width: 600px;
	padding: 0px;
}
#grid .contentRow .contentItem p, #grid .contentRow .contentIntro .contentItem p {
	padding: 0;
}
#grid .grid .contentRow .contentIntro .contentItem > ul {
	padding: 0;
	margin-left: -20px;
}
#grid .grid .contentRow .contentIntro .contentItem > ul li {
	padding: 10px 20px;
	display: block;
	width: 600px;
	border-bottom: 1px solid #ccc;
}
#grid .grid .contentRow .contentIntro .contentItem > ul li a {
	display: block;
	background: url("../mobile_images/images/prod-nav-chevron.gif") right center no-repeat;
}
.internationalTabs .pageTabs li a span, .businessTabs .pageTabs li a span {
	font-size: 120%;
}
body .contentRow .contentIntro .contentItem ul li a {
}
body .contentRow .contentRow .contentItem {
	width: 600px;
}
#grid .contentItem > h3 {
	line-height: 1.3em;
	font-size: 210%;
}
#grid .contentItem > h3 a {
	font-size: 100%;
}
#grid .grid_24 > .contentRow {
	width: 600px;
	padding: 0 20px;
}
.propositionDetails .branding h2 {
	font-size: 210%;
}
body .shadedRow .contentItem img, body .shadedRow .column img {
	display: none;
}
#grid .shadedRow .contentItem .caption {
	display: none;
}
#grid .column.promo ul li {
	width: auto;
	border-bottom: none;
	display: block;
	padding: 15px 20px;
	margin-left: -20px;
}
#grid .column.promo .inner ul li {
	width: 510px;
}
#grid .column.promo ul li a {
	display: block;
}
.contentRow .contentRow #smallCarousel {
	display: none;
}
#grid .grid_24 .contentRow p.intro {
	font-size: 170%;
	line-height: 1.3em;
}
#productSet {
	width: 600px;
}
#grid #productComparisonTools #productSet .options {
	width: 600px;
}
#productSet .options .filter {
	width: 600px;
	margin-bottom: 20px;
	border: 1px solid #ccc;
}
form #products .productInfo td label, #businessProductTable td label {
	font-size: 150%;
	width: 150px;
}
#productSet .options .filter p, #productSet .options .filter label {
	font-size: 170%;
	border: 0;
	float: none;
	display: block;
	padding: 15px 18px;
}
#productSet .options .filter p {
	border-bottom: 1px solid #ccc;
}
#productSelector fieldset input.compareBtn, #productSet fieldset input.compareBtn, #productSelector fieldset input.compareBtn:focus, #productSet fieldset input.compareBtn:focus, #productSelector fieldset input.compareBtn:active, #productSet fieldset input.compareBtn:active, #productSelector fieldset input.compareBtn:hover, #productSet fieldset input.compareBtn:hover {
	background: url("../mobile_images/images/compareBtn.gif") right center no-repeat;
	width: 213px;
	height: 66px;
	text-indent: -9999px;
}
#grid .grid_18 .contentItem > img {
	display: none;
}
body .contentRow h3 {
	font-size: 190%;
	line-height: 1.3em;
}
body .grid_8 .bannerItem {
	display: none;
}
#grid .grid_16 .contentItem > h3 {
	padding: 10px 20px;
	font-size: 210%;
}
#grid .grid_16 .contentItem h3.advance {
	padding: 20px 20px 20px 33px;
}
#grid .contact .inner {
	width: 522px;
}
#grid .contact .inner a.redLink {
	font-size: 170%;
}
#grid .grid_8 .contentItem {
	width: 640px;
}
#grid .grid_8 .contentItem > img {
	display: none;
}
#grid .grid_8 .contentItem > h2 {
	font-size: 210%;
	padding: 10px 20px;
	line-height: 1.3em;
}
#grid .grid_24 > h3, #grid .grid_24 .grid_18 > h3, #grid .grid_24 .grid_16 > h3 {
	font-size: 210%;
	line-height: 1.3em;
	padding: 10px 20px;
}
#grid .grid_24 .grid_12 > h3 {
	font-size: 210%;
	line-height: 1.3em;
	padding: 10px 0;
}
#grid .grid_24 > .contentItem > .scrollTable {
	margin-left: 20px;
}
.price br:first-child {
	display: none;
}
body .grid_16 .contentItem {
	width: 640px;
}
body .contentIntro > h3 {
	padding: 10px 20px;
}
body #grid .grid .propositionRow .column ul li a.overlayLaunchLink {
	font-size: 226.72%;
}
#grid .grid .column p.phone {
	font-size: 170%;
	line-height: 1.3em;
}
body .grid_18 #businessProductTable h3 {
	font-size: 190%;
	line-height: 1.3em;
}
#businessProductTable > div.contentItem > h3 {
	font-size: 190%;
	line-height: 1.3em;
	padding: 24px 20px;
	background-size: 640px;
}
#banner{
	width:640px;	
}
#banner .bannerMenuItems{
	display:none;	
}
#banner .bannerItem .bannerItemContent{
	left:10px;	
}
.lightview .grid_8 .column{
	width:498px;
	margin:0;
}
.lightview .grid_8 .column p, .lightview .grid_8 .column li, .lightview .grid_8 .column a.redLink {
    font-size: 150%;
    line-height: 1.3em;
}
.lightviewWide .lightviewTop{
	width:550px;	
}
.lightviewWide .lightview{
	width:550px;	
}
.lightviewWide .lightviewBottom{
	width:550px;	
}
.lightviewWide .lightviewFooter{
	width:530px;
	padding:25px 0;
	background:none;
}
.lightviewWide .grid_24 {
    padding: 13px 10px 15px 15px;
    width: 526px;
}
.lightviewWide .grid_16{
	width:525px;
}
.lightviewWide .grid_16 .productItem,
.lightviewWide .grid_16 .productRow,
.lightviewWide .grid_16 .productRow .productItem{
	width:516px;
}
.lightviewHeading{
	width:529px;
	padding: 20px 11px 10px;
}
.lightviewHeading .right p{
	font-size:170%;
	line-height: 1.3em;
}
.lightviewWide .lightviewHeading h2{
	font-size:210%;
	line-height: 1.3em;
}
.lightview .grid .productItem h3.advance{
	padding:5px 0 10px 30px;	
}
.lightviewWide .grid .grid_8 .promo{
	width:481px;	
}
.lightviewWide .lightviewFooter a.redLink{
	font-size:150%;
	background: url("../mobile_images/images/prod-nav-chevron.gif") no-repeat scroll right center rgba(0, 0, 0, 0);
	line-height: 1.3em;
	padding:10px 20px 10px 0;
}

#cookiePolicyTabContent .tabContent {
	display: none;
}

#servicesTabContent .tabContent {
	display: none;
}

#ibServicesTabContent .tabContent {
	display: none;
}

#billPaymentsTabContent .tabContent {
	display: none;
}

.JQueryCustomTabContent .tabContent {
	display: none;
}

.JQueryCustomTabContent .tabContent > h2 {
	font-size:225%
}

.JQueryCustomTabContent .tabContent > ul li {
	font-size: 170%;
	line-height: 1.5em;
	padding: 5px 0 5px 25px;
}
.JQueryCustomTabContent .tabContent > p {
	font-size: 170%;
	line-height: 1.4em;
	padding: 10px 0;
}

/*---------------------- FAQ styles -------------------------*/

.faqContent {
	display: none;
}

#grid .grid .productItem .faq {
	padding-bottom: 4px;
}

#grid .grid .productItem .faq h5 {

	font-size:180%;
	line-height: 1.3em;
	padding: 20px 35px 10px;
	margin-left: 20px;
	text-decoration: none;
	font-weight:normal;
	background: url(../mobile_images/images/arrow-show-hide.png) left 60% no-repeat;
}
#grid .grid .productItem .faq h5:hover{
	 text-decoration:underline;
	 font-weight:normal;
	 color:#db0011;
	}

#grid .grid .productItem .faq.closed {
	border-bottom: 0 none;
	margin-bottom: 0;
	padding-bottom: 0;
}
#troubleshooting > div.productItem.mobileOnly > div > h5 {
	cursor: pointer;
	width: 550px;
}
#troubleshooting > div.productItem.mobileOnly > div.faq > h5 > span {
	float: right;
	width: 116px;
	height: 48px;
}
/*-------------------- Cookie Menu Tabs ----------------------*/

ul, ol, li {
	list-style: none outside none;
}

#grid #productNavigation {
	border-bottom: 1px solid #D7D7D7;
	padding: 11px 20px;
	height: 50px;
}

#grid #productNavigation h2 {
	float: left;
	font-size: 150%;
	line-height: 30px;
	padding: 8px 20px 5px 0;
	width: 500px;
}

#grid #productNavigation #pageNav {
	float: left;
	width: 940px;
}

#grid #productNavigation #rightNav ul {
	float: right;
	position: relative;
	right: -8px;
}

#grid #productNavigation #rightNav li {
	color: #333333;
	float: left;
	font-size: 75%;
	line-height: 24px;
	padding: 0 0 0 6px;
	position: relative;
	z-index: 100;
}

#grid #productNavigation #rightNav li a {
	display: block;
	font-size: 100%;
	padding: 8px 8px 11px 41px;
}

#grid #productNavigation #rightNav li#contactTab {
	background: url("../images/uk-content/contact.gif") no-repeat scroll left 8px transparent;
	line-height: 14px;
	padding: 7px 8px 8px 33px;
}

#grid #productNavigation #rightNav li#shareTab a {
	background: url("../images/uk-content/share.gif") no-repeat scroll 8px 8px transparent;
}

#grid #productNavigation #rightNav li#shareTab a.open {
	background: url("../images/uk-content/shareOpen.gif") no-repeat scroll 8px 8px #606060;
	color: #FFFFFF;
}

#grid #productNavigation #rightNav li#shareTab, #grid #productNavigation #rightNav li#printTab, #grid #productNavigation #rightNav li#shareTab ul {
	display: none;
}

#grid #productNavigation #rightNav ul.dropDown {
	background-color: #606060;
	display: none;
	padding: 1px 0 0;
	position: absolute;
	right: 0;
	width: 142px;
	z-index: 100;
}

#grid #productNavigation #rightNav a.open ul.dropDown {
	display: block;
}

#grid #productNavigation #rightNav ul.dropDown li {
	color: #FFFFFF;
	display: block;
	float: none;
	font-size: 100%;
	line-height: 15px;
	padding: 0;
	width: auto;
}

#grid #productNavigation #rightNav li#shareTab ul.dropDown li a {
	background-position: 10px 10px;
	background-repeat: no-repeat;
	border-bottom: 1px dotted #999999;
	color: #FFFFFF;
	display: block;
	line-height: 15px;
	padding: 11px 10px 9px 40px;
}

#grid #productNavigation #rightNav li#shareTab ul.dropDown li a:hover, #grid #productNavigation #rightNav li#shareTab ul.dropDown li a:active, #grid #productNavigation #rightNav li#shareTab ul.dropDown li a:focus {
	background-color: #000000;
	background-position: 10px 11px;
	border-bottom-color: #000000 !important;
	padding: 12px 10px 8px 40px;
	position: relative;
	top: -1px;
}

#grid #productNavigation #rightNav li#shareTab ul.dropDown li a#emailShare {
	background-image: url("../images/uk-content/email.gif");
}

#grid #productNavigation #rightNav li#shareTab ul.dropDown li a#emailShare:hover, #grid #productNavigation #rightNav li#shareTab ul.dropDown li a#emailShare:active, #grid #productNavigation #rightNav li#shareTab ul.dropDown li a#emailShare:focus {
	background-image: url("../images/uk-content/emailHover.gif");
}

#grid #productNavigation #rightNav li#shareTab ul.dropDown li a#facebookShare {
	background-image: url("../images/uk-content/facebook.gif");
}

#grid #productNavigation #rightNav li#shareTab ul.dropDown li a#facebookShare:hover, #grid #productNavigation #rightNav li#shareTab ul.dropDown li a#facebookShare:active, #grid #productNavigation #rightNav li#shareTab ul.dropDown li a#facebookShare:focus {
	background-image: url("../images/uk-content/facebookHover.gif");
}

#grid #productNavigation #rightNav li#shareTab ul.dropDown li a#twitterShare {
	background-image: url("../images/uk-content/twitter.gif");
}

#grid #productNavigation #rightNav li#shareTab ul.dropDown li a#twitterShare:hover, #grid #productNavigation #rightNav li#shareTab ul.dropDown li a#twitterShare:active, #grid #productNavigation #rightNav li#shareTab ul.dropDown li a#twitterShare:focus {
	background-image: url("../images/uk-content/twitterHover.gif");
}

#grid #productNavigation #rightNav li#shareTab ul.dropDown li a#diggShare {
	background-image: url("../images/uk-content/digg.gif");
}

#grid #productNavigation #rightNav li#shareTab ul.dropDown li a#diggShare:hover, #grid #productNavigation #rightNav li#shareTab ul.dropDown li a#diggShare:active, #grid #productNavigation #rightNav li#shareTab ul.dropDown li a#diggShare:focus {
	background-image: url("../images/uk-content/digg.gif");
}

#grid #productNavigation #rightNav li#shareTab ul.dropDown li a#redditShare {
	background-image: url("../images/uk-content/reddit.gif");
}

#grid #productNavigation #rightNav li#shareTab ul.dropDown li a#redditShare:hover, #grid #productNavigation #rightNav li#shareTab ul.dropDown li a#redditShare:active, #grid #productNavigation #rightNav li#shareTab ul.dropDown li a#redditShare:focus {
	background-image: url("../images/uk-content/reddit.gif");
}

#grid #productNavigation #rightNav li#shareTab ul.dropDown li.last a {
	border-bottom-color: #606060;
}

#grid #productNavigation #rightNav li#printTab a {
	background: url("../images/uk-content/print.gif") no-repeat scroll 8px 8px transparent;
}

#grid #productNavigation #rightNav li#planTab a {
	background: url("../images/uk-content/plan.gif") no-repeat scroll 8px 8px transparent;
}

.shareDisclaimer {
	display: none;
}

#grid #productNavigation #pageNav ul {
	border-top: 1px solid #D7D7D7;
	clear: both;
	float: left;
	width: 940px;
}

#grid #productNavigation #pageNav li {
	border-right: 29px solid #FFFFFF;
	color: #000000;
	float: left;
	font-size: 87.5%;
	font-weight: bold;
	line-height: 18px;
	padding: 9px 0 8px;
	position: relative;
}

#grid #productNavigation #pageNav li.last {
	border: 0 none;
}

#grid #productNavigation #pageNav li a {
	color: #000000;
	line-height: 18px;
}

#grid #productNavigation #pageNav li.selected, #grid #productNavigation #pageNav li.selected a {
	color: #DB0011;
}

#grid #productNavigation #pageNav li span {
	bottom: -9px;
	height: 18px;
	position: absolute;
	width: 100%;
}

#grid #productNavigation #pageNav li.selected span {
	background: url(../common/gfx/content/selectedTab.gif) no-repeat scroll center bottom transparent;
}

/*---------------- Cookie policy styles -----------------*/

#grid .grid .productItem .cookieFaq {
	padding-bottom: 4px;
	cursor: pointer;
}

#grid .grid .productItem .cookieFaq h5 {
	font-size: 75%;
	line-height: 18px;
	padding: 5px 0 10px 15px;
	text-decoration: none;
	background: url(../common/gfx/content/faq-arrow-down.jpg) left 40% no-repeat;
}

#grid .grid .productItem .cookieFaq.closed {
	border-bottom: 0 none;
	margin-bottom: 0;
	padding-bottom: 0;
}

#grid .grid .productItem .cookieFaq .cookieFaqContent {
	display: none;
}

/*------------------CookieTable------------------------*/

.cookieTable {
	border-bottom: 1px dotted #DCDBDC;
	float: left;
	margin-bottom: 16px;
	width: 620px;
}

.cookieTable .cookieSection {
	float: left;
	width: 620px;
}

.cookieTable .sectionHeading {
	background: url(../common/gfx/content/table_row_bg.jpg) repeat-x scroll left top #EAEAEA;
	border: 1px solid #DCDBDC;
	cursor: pointer;
	height: 50px;
	padding: 14px 18px 36px;
}

.cookieTable .contentHeadings {
	background-color: #F0F0F0;
	height: 42px;
}

.cookieTable .contentHeadings div, .cookieTable .cookieRow div {
	float: left;
}

.cookieTable .contentFirstCol {
	padding: 11px 0 0 18px;
	width: 188px;
}

.cookieTable .contentSecondCol {
	padding-top: 11px;
	width: 414px;
}

#grid .grid_16 .productItem .cookieTable .sectionHeading h4 {
	background: url(../common/gfx/content/faq-arrow-down.jpg) no-repeat scroll right 1px transparent;
	font-size: 100%;
	line-height: 0.9em;
	padding-bottom: 8px;
}

#grid .grid_16 .productItem .cookieTable .sectionHeading p {
	line-height: 1.4em;
	padding: 0;
}

.cookieTable .cookieRow {
	border-bottom: 1px dotted #DCDBDC;
	float: left;
}

.cookieTable .cookieRow.last {
	border-bottom: 0 none;
}

#grid .grid_16 .productItem .cookieTable .closed .sectionHeading h4 {
	background: url(../common/gfx/content/faq-arrow-down.jpg) no-repeat scroll right 1px transparent;
}

#grid .grid_16 .productItem .cookieTable .closed .sectionContent {
	display: none;
}

#grid .grid_16 .productItem .expandAllLink {
	border-bottom: 1px dotted #DCDBDC;
	margin-bottom: 16px;
	padding: 15px 0 10px;
	text-align: right;
}

#grid .grid_16 .productItem .expandAllLink a {
	font-weight: bold;
}

.cookieTandC {
	padding-bottom: 10px;
}

#grid .grid_16 .productItem .cookieTandC h4 {
	background: url(../common/gfx/content/faq-arrow-down.jpg) no-repeat scroll left 7px transparent;
	cursor: pointer;
	font-size: 100%;
	padding-left: 20px;
}

#grid .grid_16 .productItem .cookieTandC.closed h4 {
	background: url(../common/gfx/content/faq-arrow-down.jpg) no-repeat scroll left 8px transparent;
}

#grid .grid_16 .productItem .cookieTandC.closed .tandcContent {
	display: none;
}

#grid .grid_16 .productItem .cookieTandC ul {
	padding: 8px 0 8px 20px;
}

#grid .grid_16 .productItem .cookieTandC ul li {
	background: none repeat scroll 0 0 transparent;
	font-size: 75%;
	list-style: disc outside none;
	margin: 0;
	padding: 0 0 6px;
}

#grid .contentItem p.intro, #grid .productItem p.intro {
	color: #000000;
	font-size: 190%;
	line-height: 40px;
}

/* Cookie menu tab END */

/* Cookie BOX START */

.eucookie_disclaimer {
	border: 3px solid #F5DFA0;
	border-radius: 2px;
	-moz-border-radius: 2px;
	padding: 10px 10px 10px 110px;
	background: url("../common/gfx/content/eu-cookie_mobi.png") no-repeat scroll 13px 12px white;
	clear: both;
	margin: 10px 20px 20px 20px;
	width: auto;
	min-height: 40px;
}

/* Start - Applied for the pop up pages by Maria Melambioti */
#genericPopupWin div#disclaimer_banner.eucookie_disclaimer{width: auto;}
/* End */

/* Cookie BOX END */

/* Branch and ATM locator */
.mapLink {
	cursor: pointer;
}
.mapGroupLink {
cursor: pointer;
}
.itemHeader p {
font-size: 70%;
}
.expandableHeaderLink{
	text-decoration:none;
}
 #grid .grid .expandableSection .expandableHeader .highlights h3{
	 background: url("../common/gfx/content/roundArrow.png") no-repeat scroll 5px center transparent;
	 color: #000000;
    font-size: 190%;
    font-weight: normal;
    line-height: 150%;
    margin: 5px 0;
    padding: 2px 0 2px 40px;
}
#grid .grid .expandableSection .expandableHeader .highlights h3.selected{
	 background: url("../common/gfx/content/roundArrowOpen.gif") no-repeat scroll 5px center transparent;
} 
 #grid .grid .branchHeading {
	 font-size: 225%;
 }
 #grid .grid .expandableSection .expandableContent .item .mapLink .itemContent p {
	 font-size: 210%;
 }
 #grid #productNavigation h2.branchesHeader, #grid h2.branchesHeader {
	 font-size: 200%;
 }
 
 #grid .grid a.triggerModalDetails07.overlayLaunchLink {
	     font-size: 220%;
 }
 #grid .grid .expandableSection .expandableContent .item.mapLink .itemContent p {
	 font-size: 150%;
	 line-height: 1.1em;
 }
/* Branch and ATM locator END*/

/* Expandables */

#grid .grid .expandableSection .expandableHeader {
}

#grid .grid .expandableSection .expandableHeader h3{
	 background: url("../common/gfx/content/roundArrow.png") no-repeat scroll 5px center transparent;
	 color: #000000;
    font-size: 120%;
    font-weight: normal;
    line-height: 150%;
    margin: 5px 0;
    padding: 2px 0 2px 40px;
}
#grid .grid .expandableSection .expandableHeader h3.selected{
	 background: url("../common/gfx/content/roundArrowOpen.gif") no-repeat scroll 5px center transparent;
}

#grid .grid .expandableSection .expandableContent {
	display: none;
}

#grid .grid .expandableSection .expandableContent .item .itemHeader {
}
#grid .grid .expandableSection .expandableContent .item .itemHeader p{
	padding: 0 8px 8px 50px;
	font-weight:bold;
}

#grid .grid .expandableSection .expandableContent .item .itemContent {
}

#grid .grid .expandableSection .expandableContent .item .itemContent p{
	padding: 0 8px 20px 50px;
	font-size: 100%;
}
/* Expandables END */

/* Online security troubleshooting*/
.sectionBg {
	background: url(../common/gfx/content/table_row_bg.jpg) repeat-x scroll left top #EAEAEA;
	border: 1px solid #DCDBDC;
	cursor: pointer;
	padding: 14px 18px 0px;
}


/* Online security troubleshooting END*/

/* Top Logon bar */
#sitecontrols {
	float: right !important;	
}
#authenticate colgroup col {
	width: auto !important;	
}
#authenticate div.csLabel {
	font-size: 75%;
	font-weight: bold;	
	margin: 4px 5px 0 0;
	display: inline-block;
}
#authenticate td.csLabel {
	vertical-align: top;
}
#internetBanking div.ibLink {
	display: inline-block;
}
#authenticate table {
	table-layout: auto;
}
/* Top Logon bar END */


/* Cookies Enable/Disable Functionality START */
form.eucookie_prefs_form {
width: 940px;
display: block;
float: left;
clear: right;
}
form#dnt_prefs_selection fieldset {
border: none;
padding: 0px;
margin: 0px;
}
#top h1, #top caption, .hidden {
left: -9999px!important;
position: absolute!important;
}
div.eucookie_prefs {
font-size: 100%;
margin: 10px 20px 10px 0;
padding: 15px 20px 15px 90px;
width: 37%;
float: left;
min-height: 10.5em;
border: 1px solid #CACACA;
}

form.eucookie_prefs_form h6 {
font-size: 78%;
margin-bottom: 0.3em;
}
div.cookieformrow {
width: 100%;
display: inline-block;
margin-top: 10px;
}
div.eucookie_prefs.eucookie_disable {
background: url("../common/gfx/content/cookies_disabled.png") no-repeat scroll 15px 15px white;
clear: right;
}
div.eucookie_prefs.eucookie_enable {
background: url("../common/gfx/content/cookies_enabled.png") no-repeat scroll 15px 15px white;
}
div.cookieformrow {
width: 100%;
display: inline-block;
margin-top: 10px;
}
div.eucookie_status.eucookie_enabled {
background: url("../common/gfx/content/eprivacy_icon_enabled.gif") no-repeat scroll 25px 10px #F0F0F0;
}
div.eucookie_btn_container {
display: block;
float: right;
padding: 0px 0px 0px 10px;
width: 26%;
margin: 0px;
clear: right;
}
div.cookieformrow .floatLeft {
margin: 0 3px;
}
div.cookieformrow label {
font-size: 90%;
}
.floatLeft {
float: left !important;
}
form.eucookie_prefs_form span.help {
display: inline;
background: url("../common/gfx/content/tooltip_icon.gif") left top no-repeat;
width: 18px;
height: 18px;
float: left;
position: relative;
margin: 0 0 0 6px;
}

div.eucookie_status.eucookie_disabled {
background: #F9E5E7 url("../common/gfx/content/eprivacy_icon_disabled_on_pink.gif") no-repeat scroll 25px 10px;
border: 0;
}
div.eucookie_status.eucookie_disabled .eucookie_btn_container {
width: 13%;
margin: 0;
padding: 3px 10px 3px 10px;
}
div.eucookie_btn_container {
display: block;
float: right;
padding: 0px 0px 0px 10px;
width: 26%;
margin: 0px;
clear: right;
}
div.eucookie_status .eucookie_btn_container.single {
width: 124px;
padding: 0px;
}

div.eucookie_status {
border: 1px solid #F0F0F0;
clear: both;
color: #4C4C4C;
font-size: 90%;
margin: 0px 0 10px;
padding: 10px 70px 10px 64px;
vertical-align: middle;
width: 878px;
}

form.eucookie_prefs_form span.help {
display: inline;
background: url("../common/gfx/content/tooltip_icon.gif") left top no-repeat;
width: 18px;
height: 18px;
float: left;
position: relative;
margin: 0 0 0 6px;
}

div.eucookie_disclaimer p, div.eucookie_status p, div.eucookie_prefs p {
margin: 0.2em 0;
font-size: 130% !important;
line-height: 30px;
}

form.eucookie_prefs_form p {
line-height: 18px;
}
/* Cookies Enable/Disable Functionality END */
.langList {
	margin: 0 auto;
	width: 640px;
	padding: 12px 0 11px 0;
}
.langList li {
	float: left;
	padding: 0 20px;
	font-size: 180%;
	line-height: 1.3em;
}
.langList li.selected {
	font-weight: bold;
}
.homeBanner {
	width: 640px;
	height: auto;
	padding: 0 0 30px;
	position: relative;
	top: -17px;
	display: block;
}
.homeBanner .bannerContent {
	padding: 0px;
	position: absolute;
	top: 40px;
	background: rgba(255,255,255,0.9);
	width: 390px;
	height: auto;
}
.homeBanner .bannerContent h2 {
	font-size: 210%;
	line-height: 1.2em;
	font-weight: normal;
	padding: 20px 20px 5px;
	width: auto;
}
.homeBanner .bannerContent p {
	font-size: 150%;
	line-height: 1.3em;
	padding: 0 20px;
	width: auto;
}
.homeBanner .bannerContent a.redBtn {
	font-size: 150%;
}
.homeBanner .bannerContent a.greyBtn {
	font-size: 87.5%;
	margin: 20px !important;
}
.homeBanner .bannerContent a.videoBtn {
	margin: 20px;
}
.row .twoColFirst {
	width: 290px;
	float: left;
	padding: 0 20px;
}
.row .oneColFirst {
	width: 600px;
	float: left;
	padding: 0 20px;
}
.row .twoColSecond {
	width: 290px;
	float: left;
}
.row .twoColFirst .content, .row .twoColSecond .content {
	padding: 5px 0 25px;
	width: 276px;
}
.row .oneColFirst .content {
	padding: 5px 0 25px;
	width: 600px;
}
.row .twoColFirst .content p, .row .oneColFirst .content p, .row .twoColSecond .content p {
	color: #4c4c4c;
	font-size: 190%;
	line-height: 1.3em;
	width: auto;
}
.row .twoColFirst .content h3 a.redLink, .row .oneColFirst .content h3 a.redLink, .row .twoColSecond .content h3 a.redLink {
	font-size: 150% !important;
	padding: 15px 20px 15px 0;
	background: url("../mobile_images/images/prod-nav-chevron.gif") right center no-repeat !important;
	display: inline-block;
}
.row .twoColFirst .content p, .row .oneColFirst .content p, .row .twoColSecond .content p {
	color: #4c4c4c;
	font-size: 190%;
	line-height: 1.3em;
}
@charset "utf-8";
/******************* NEW 2013 ********************/
table.contentTable {
	font-size: 13pt !important;
	font-weight: bold;
	width: 600px !important;
}
table.contentTableWide {
	font-size: 13pt !important;
	font-weight: bold;
	width: 720px !important;
	margin-bottom: 10px !important;
}
#top #mainTopWrapper {
	min-width: 100px;
}
#productComparisonTools, #productSelector, #productSet, #products, #productTable, #businessProductTable, #productSelector #productTabs, #productSet #productTabs, #productSelector #productTabs li, #productSet #productTabs li, #grid #productComparisonTools #productSet .options, #products .furtherInfo, #products .furtherInfo td, #products .furtherInfo .handle a, #otherAccounts, #otherAccounts .column h4, #otherAccounts .column ul, #otherAccounts .column ul li, #mortgageForm ul, #mortgageForm ul li label, #mortgageForm ul li input, #mortgageForm ul li select, body .right .rightInner div, body .grid .applyBox .right div, .lightviewHeading .right div, body .pillarPagination .pillarContent ul li img {
	float: none;
}
.contentWrapper {
	border: none !important;
}
.tablePadding { 
	padding: 0 !important;
}
table {
	border-spacing: 0 !important;
}
.contentItem table th, .contentItem table td, .productItem table th, .productItem table td {
	border: none;
	padding: 10px 0;
}
/*tr, th, td {
	text-align: ;
}*/
.contentItem table tr th, .contentItem table tr td, .productItem table tr th, .productItem table tr td, .productComparison tr .even, .productComparison tr.productLinks .odd {
	background-color: #FFF;
}

/*table.contentTable td select.dropdown {
	width: 232px;
	padding: 5px 7px 5px 5px;

}*/
input, select, button {
	padding: 5px;
	vertical-align: baseline;
}
.grid table input {
	width: 220px;
}
.grid table td.narrowInput input {
	width: 200px;
}
.grid table td.narrowInput select {
	width: 145px;
}
#navigationButtonNextEnabled > input {
    height: 30px;
    width: 68px;
	padding:0;
}
#navigationButtonRefreshEnabled > input {
    height: 30px;
    width: 68px;
}
/*#navigationButtonNextDisabled > img {
    height: 30px;
    width: 68px;
}*/
#navigationButtonNextDisabled > input {
    height: 30px;
    padding: 0;
    width: 68px;
}

td.lev input {
	width: auto;
	margin: 1px 5px 6px 1px;
}
td.lev {
	font-weight:bold;
}
.captcha img {
	border: 1px solid #CCCCCC;
}
.contentContentLeftAlt .captcha {
	padding-left: 0;
	padding-right: 38px;
}
.contentContentLeftAlt #image {
	border: 0 none;
    padding-left: 20px;
    width: auto;
}
.infos input#sound {
    width: 33px;
}
.contentItem table, .productItem table {
	margin: 15px 0 10px;
}
body .grid_24 {
	padding-bottom: 0;
}
/*end - clearing*/
span .small {
	font-size: 8pt;
	font-weight: normal;
}
.lajna {
	border-top: 1px solid #CCCCCC;
	float: left;
	margin: 20px 0 40px 0;
	padding: 18px 0 0;
	width: 720px !important;
}
.lajnaFull {
	border-top: 1px solid #CCCCCC;
	float: left;
	margin: 20px;
	padding: 18px 0 0;
	width: 600px !important;
}
.lajna > input {
	float: right;
	width: auto;
}
.lajnaFull > input {
	float: right;
	width: 150px;
}
#DSWab_navigation_enabled > td {
    padding-top: 0;
}
.checkbox {
	/*	display: block !important; for test only*/
	margin: 9px 0 0;
	width: auto;
	padding: 0;
	font-weight: normal;
}
.checkboxText {
	/*  display: block !important; for test only*/
	margin: -12px 0 0;
	margin-top: -16px\9;
	padding: 0 0 0 25px;
	width: 350px;
	font-weight: normal;
}
.header1 {
	float: left;
	font-size: 175% !important;
	padding-left: 0 !important;
	text-align: left !important;
	padding-top: 25px !important;
	width: 588px;
}
textarea {
	float: left;
	width: 570px;
	padding: 0 10px;
	font-size: 150%;
	margin-bottom: 20px;
}

textarea.popup {
	width: 715px;
}
.termsConditions {
	padding-left: 0 !important;
	margin-left: 0 !important;
	padding-top: 135px !important;
}
.termsConditions checkBox, .termsConditions input {
	width: 22px;
	height: 22px;
	padding: 0;
	margin: 15px 5px 0;
}
.termsConditions .red_note { 
	font-size:175%;
}
.text {
	font-weight: normal;
	width: auto;
	font-size: 175%;
	position: absolute;
}
span.text > label {
	margin-top: 15px;
	margin-left: 10px;	
}
.fullWidth {
	text-align: left;
	float: left;
	width: auto;
	margin: 0 20px;
}

.fullWidth > div {
	padding: 0 0 50px 0 !important;
}
td.infos {
	width: 37px;
	padding: 10px 0 !important;
}
td.infos > input {
	width: 30px;
}
span.columnShort input {
	width:45px;
		}
span.columnLong input {
	width:82px;
		}
.hsbcContent.hsbcContentStyle07 > p {
    padding-top: 20px;
}
.importantContentCell > div {
    font-size: 13px;
    line-height: 1.3;
}
div#engineValidation {
    color: red;
    float: left;
    font-size: 14px;
    padding-top: 20px;
}
.importantHeaderCell > h3 {
    font-size: 20px;
	line-height:18px;
}
div#engineValidation2 {
    color: red;
    font-size: 14px;
	padding: 20px 0;	
	float: left;
}
div#engineValidation2 > span {
	line-height:1.8;
}
div#engineValidation2 a {
	color:red;
	text-decoration:none;
}
div#engineValidation2 a:hover, div#engineValidation2 a:focus {
	color:red;
	text-decoration:underline;
	outline: none !important;
	outline-style: none;
}
div.contentItem > h3,
.hsbcContent.hsbcContentStyle07 > h3 {
    font-size: 175%;
	line-height: 18px;
	padding: 0 20px
}
/******************* OLD ********************/
.DSForm_step_hidden {
	display: none;
}
.DSForm_step_shown {
}
.DSForm_message_hidden {
	display: none;
}
.DSForm_message_shown {
}
.DSForm_stepTitle {
	width: 440px;
	height: 57px;
	overflow: hidden;
	padding: 28px 20px 0 60px;
	color: #000000;
	font-size: 20px;
	font-weight: bold;
	display: none;
}
.DSForm_stepTitle span {
	display: none;
}
/******************* TABLE ********************/ 

.contentTable {
	font-size: 13px;
}
table.DSForm_help td {
	padding: 12px 18px 4px 18px;
	color: #000000;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
}
.hsbcContentStyle07 table.DSForm_headDark {
	width: 440px;
	height: 45px;
	background: #888888 none repeat scroll 0 0;
}
table.DSForm_headDark td {
	padding: 12px 18px 4px 18px;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
}
.innerContainer {
	width: 640px;
}
.contentWrapper {
	border: 1px solid #E7E7E7;
	margin-bottom: 0;
	width: auto;
}
.container {
	-x-system-font: none;
	color: #303030;
	font-family: arial;
	font-size: 12px;
	font-size-adjust: none;
	font-stretch: normal;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: normal;
	margin-top: -18px;
	width: 640px;
}
.tablePadding {
	padding: 1px;
}
html, div, map, dt, isindex, form {
	display: block;
	width: auto;
}
.contentTable {
	text-align: right;
	width: 442px;
}
tr {
	display: table-row;
	vertical-align: inherit;
}
table {
	-moz-box-sizing: border-box;
	border-collapse: separate;
	border-spacing: 2px;
	display: table;
	margin-bottom: 0;
	margin-top: 0;
	text-indent: 0;
}
tbody {
	display: table-row-group;
	vertical-align: middle;
}
.contentHeaderCell {
	PADDING-RIGHT: 10px;
	PADDING-LEFT: 10px;
	FONT-WEIGHT: bold;
	FONT-SIZE: 16px;
	PADDING-BOTTOM: 15px;
	COLOR: #ffffff;
	PADDING-TOP: 17px;
	TEXT-ALIGN: left;
	background-repeat: no-repeat;
}
table {
	border-collapse: separate;
	border-spacing: 2px;
	text-indent: 0;
}
td {
	display: table-cell;
	padding: 1px;
	text-align: -webkit-auto;
	vertical-align: inherit;
}
.contentContentLeftAlt {
	background-color: #F9F9F9;
	border-bottom: 1px solid #E7E7E7;
	border-right: 1px solid #E7E7E7;
	width: 270px;
}
.contentContentMiddle {
	background-color: #F9F9F9;
	border-bottom: 1px solid #E7E7E7;
	padding: 10px;
	width: 50%;
}
.contentContentRightAlt {
	background-color: #F9F9F9;
	border-bottom: 1px solid #E7E7E7;
	padding: 5px;
	text-align: left;
	width: auto;
}
.contentContentLeft {
	border-bottom: 1px solid #E7E7E7;
	border-right: 1px solid #E7E7E7;
	width: 270px;
}
.contentContentRightClear {
	border-bottom: 1px solid #E7E7E7;
	padding: 5px;
	text-align: left;
	width: 350px !important;
	font-weight:normal;
}

.contentContentRight,
.contentContentRightWide {
	border-bottom: 1px solid #E7E7E7;
	padding: 5px;
	text-align: left;
	width: 413px;
	font-weight:normal;
}
.importantTable {
	text-align: left;
	width: 444px;
	clear:both;
}
.importantHeaderCell {
	FONT-WEIGHT: bold;
	FONT-SIZE: 16px !important;
	padding-top: 35px !important;
	TEXT-ALIGN: left;
	clear: both;
}
.importantContentCell {
	padding: 0 !important;
	font-size: 12px !important;
	color: red !important;
}
table.DSForm td input {
	border: 1px #999999 solid;
	background: #FFFFFF;
	padding: 2px 3px 2px 3px;
	font-size: 13px;
	position: relative;
	vertical-align: middle;
}
table.DSForm td input[type=radio] {
	border: none;
	background: #FFFFFF;
}
table.DSForm td input[type=image] {
	padding: 5px 0 0 0;
	border: none;
	background: #FFFFFF;
}
table.DSForm td input[type=checkbox] {
	border: none;
	background: #F8F8F8;
}
td.contentContentLeft select,
td.contentContentRight select,
td.contentContentLeftAlt select,
td.contentContentRightAlt select
/*table.contentTable td select*/ {
	border: 1px solid #AAAAAA;
	background: #FFFFFF;
	padding: 2px 3px !important;
	font-size: 13px;
	position: relative;
	vertical-align: middle;
	width: 385px;
	content: inherit;
	font-family: Arial, Helvetica, sans-serif;
	clear:both !important;
}
td.contentContentRightWide select {
	border: 1px solid #AAAAAA;
	background: #FFFFFF;
	padding: 2px 3px !important;
	font-size: 13px;
	position: relative;
	vertical-align: middle;
	width: 385px;
	content: inherit;
	font-family: Arial, Helvetica, sans-serif;
	clear:both !important;
}
td.contentContentLeft input,
td.contentContentRight input,
td.contentContentLeftAlt input,
td.contentContentRightAlt input
{
	background: none repeat scroll 0 0 #FFFFFF;
	border: 1px solid #AAAAAA;
	font-size: 100%;
	padding: 5px;
	position: relative;
	vertical-align: middle;
	width:250px;
}

td.contentContentRightAlt span.columnShort input {
	width:50px;
}
td.contentContentRightAlt span.columnLong input {
	width:97px;
}
td.contentContentRightClear input {
	width: 22px;
	height: 22px;
	margin-left: 0;
	margin-top:-2px;
	font-size: 13px;
	padding: 5px;
	position: relative;
	vertical-align: middle;
}
td.contentContentRightClear select {
	border: 1px solid #AAAAAA;
	padding: 2px 3px !important;
	font-size: 100%;
	position: relative;
	vertical-align: middle;
	width: 262px;
	content: inherit;
	font-family: Arial, Helvetica, sans-serif;
	clear:both !important;
}
table.DSForm td input.DSForm_element_noBorder {
	border: none;
	background: #FFFFFF;
}
table.contentTable td input.DSForm_element_valid,
table.contentTableWide td input.DSForm_element_valid {
	border: 1px #AAAAAA solid;
	background: #FFFFFF;
	padding: 5px;
	font-size: 13px;
	position: relative;
	vertical-align: middle;
}
table.contentTable td input.DSForm_element_notValid,
table.contentTableWide td input.DSForm_element_notValid {
	border: 1px red solid;
	background: #FFE0E0;
	padding: 5px;
	font-size: 13px;
	position: relative;
	vertical-align: middle;
}
table.DSForm td input.DSForm_element_label {
	border: none;
	background: none;
}
table.DSForm td select.DSForm_element_valid {
	border: 1px #AAAAAA solid;
	background: #FFFFFF;
}
table.DSForm td select.DSForm_element_notValid {
	border: 1px #AAAAAA solid;
	background: #FFE0E0;
}
table.DSForm td img {
	margin: 0px 10px 0px 3px;
	padding: 0 0 0 0;
}
table.DSForm td #buttonNextEnabled {
	width: 68px;
	height: 30px;
}
table.DSForm td #buttonNextDisabled {
	width: 68px;
	height: 30px;
}
table.DSForm td #buttonBackEnabled {
	width: 68px;
	height: 30px;
}
.table_head_helpKey {
	width: 66px;
	height: 65px;
	position: absolute;
	top: 27px;
	left: 580px;
}
/******************* CC Balance transfer ********************/

.contentItem .column1 > input{
	background: none repeat scroll 0 0 #FFFFFF;
	border: 1px solid #AAAAAA;
	font-size: 13px;
	padding: 5px;
	position: relative;
	vertical-align: middle;	
	width:170px;
}
.contentItem .column2 > select{
	border: 1px solid #AAAAAA;
	padding: 2px 3px !important;
	font-size: 13px;
	position: relative;
	vertical-align: middle;
	width: 270px;
	content: inherit;
	font-family: Arial, Helvetica, sans-serif;
	clear:both !important;
}
.contentItem .column3 > select{
	border: 1px solid #AAAAAA;
	padding: 2px 3px !important;
	font-size: 13px;
	position: relative;
	vertical-align: middle;
	width: 135px;
	content: inherit;
	font-family: Arial, Helvetica, sans-serif;
	clear:both !important;
}
.contentItem .column4 > input{
	background: none repeat scroll 0 0 #FFFFFF;
	border: 1px solid #AAAAAA;
	font-size: 13px;
	padding: 5px;
	position: relative;
	vertical-align: middle;	
	width:100px;
	float:left;
}
.contentItem th.column1,
.contentItem th.column2,
.contentItem th.column3,
.contentItem th.column4 {
	text-align:left;	
}
.contentItem .column1 {
	width:182px;
}
.contentItem .column2 {
	width:270px;
	padding: 0 15px 0 30px;
}
.contentItem .column3 {
	width:135px;
	padding: 0 30px 0 15px;
}
.contentItem .column4 {
	width:130px;
}
.contentItem table tr .column4 p {
	padding-top:4px;
	text-align:right;
}
.contentItem .columnHuge {
	padding-right:28px;
}
.contentItem .columnLeft {
    width: 178px;
	text-align:right;
}
*+html .columnLeft {
	padding-right:0px !important;
	width: 178px !important;
}
*+html .columnRight > select {
	margin-left: -5px !important;
}
*+html .columnRight > input {
	margin-left: -87px !important;
}
.contentItem .columnRight {
    width: 220px;
}
.contentItem .columnRight select {
    border: 1px solid #AAAAAA;
	padding: 2px 3px !important;
	font-size: 13px;
	position: relative;
	vertical-align: middle;
	width: 270px;
	content: inherit;
	font-family: Arial, Helvetica, sans-serif;
	clear:both !important;
}
.contentItem .columnRight input {
    background: none repeat scroll 0 0 #FFFFFF;
	border: 1px solid #AAAAAA;
	font-size: 13px;
	padding: 5px;
	position: relative;
	vertical-align: middle;	
	width:258px;
	margin-left:-3px;
	float:left;
}
.contentItem .container table.smallTable {
	font-size: 13pt;
    font-weight: bold;
    width: 482px;	
}
.contentItem .container table.smallTable tr {
	float:left;
}
.contentItem .container table.smallTableInfo tr {
	font-size: 13pt;
    font-weight: bold;
    width: 500px;
	float:left;	
}
*+html .infos { width:20px !important; }

.contentItem .container table.smallTableInfo {width:500px;}

*+html .contentItem .container table.smallTableInfo {width:400px; float:left;}
/******************* INFOBOX ********************/
.DSForm_infobox {
	min-height: 40px;
	position: absolute;
	z-index: 900;/*any value*/
	overflow: hidden;/*must have*/
	visibility: hidden;
	width: 247px;
	/*left: 288px !important;*/
}
.DSForm_infobox_top {
	background: url("../../images/redInfobox_top.png") no-repeat bottom left;
	width: 247px;
	height: 19px;
}
.DSForm_infobox_content {
	background: url("../../images/redInfobox_content.png") repeat-y top left;
	width: 210px;
	font-size: 12px;
	padding: 2px 20px;
	text-align: left;
}
.DSForm_infobox_bottom {
	background: url("../../images/redInfobox_bottom.png") no-repeat top left;
	width: 247px;
	height: 25px;
}
td.infos {
	width: 37px;
	padding: 10px 0 !important;
}
.question {
	background: url("../../images/question.jpg") no-repeat bottom left;
	width: 19px;
	height: 19px;
	float:left;
	margin-left:9px;
	/*Hide the text*/
	text-indent: 100%;  
    white-space: nowrap;
    overflow: hidden;

	}
.infosTop {
	background: url("../../images/greyInfobox_top.png") no-repeat bottom left;
	width: 201px;
	height: 14px;
}
.infosBox {

	position:absolute;
	z-index:500;
	}
.infosContent {
	background: url("../../images/greyInfobox_content.png") repeat-y top left;
	width: 161px;
	padding: 5px 20px;
	font-weight:lighter;
	}
.infosBottom {
	background: url("../../images/greyInfobox_bottom.png") no-repeat top left;
	width: 201px;
	height: 24px;
	}
.errorTop {
	background: url("../../images/redInfobox_top.png") no-repeat bottom left;
	width: 247px;
	height: 19px;
}
.errorBox {

	position:absolute;
	z-index:500;
	}
.errorContent {
	background: url("../../images/redInfobox_content.png") repeat-y top left;
	width: 210px;
	padding: 5px 20px;
	font-weight:lighter;
	}
.errorBottom {
	background: url("../../images/redInfobox_bottom.png") no-repeat top left;
	width: 247px;
	height: 25px;
	}
/******************* ELEMENT ********************/

div.DSForm_textWithName {
	width: 200px;
}
.DSForm_confirmationMessage {
	color: #E72B2A;
	text-decoration: none;
}
/******************* BSIC ELEMENTS ********************/


.DSCore_selectFreeIframe {
	display: none;/*sorry for IE5*/
	display/**/: block;/*sorry for IE5*/
	position: absolute;/*must have*/
	top: 0;/*must have*/
	left: 0;/*must have*/
	z-index: -1;/*must have*/
	filter: mask();/*must have*/
	width: 3000px;/*must have for any big value*/
	height: 3000px/*must have for any big value*/;
}
.DSForm_whiteInfobox {
	position: absolute;
	z-index: 10;/*any value*/
	overflow: hidden;/*must have*/
	/*background: url("../images/whiteInfobox_top.gif") top left no-repeat;*/
	margin: 0px;
	padding: 18px 0px 0px 0px;
	width: 234px;
	visibility: hidden;
}
.DSForm_whiteInfobox_content {
	/*background: url("../images/whiteInfobox_bottom.gif") bottom left no-repeat;*/
	margin: 0px;
	padding: 0px 13px 15px 13px;
	text-align: left;
}
.DSForm_whiteInfobox_content p {
	padding: 4px 0px 4px 0px;
	margin: 0px;
	color: #666;
	font-size: 68.75%;
}
.DSForm_whiteInfobox_content span {
	font-size: 87.5%;
	color: #999;
}
.DSForm_whiteInfobox_content .DSForm_whiteInfobox_content_title {
	color: #333;
}
div.hsbcLogoAndSearchCloseWindow a.jstCloseWindow img {
	display: none;
}
.logohsbc {
	background: url("../../../../../../../greece/common/gfx/layout/hsbc-logo.gif") no-repeat top left;
	width: 136px;
	height: 24px;
}
.bottomNavigation {
	padding: 40px 0;
	border-top: 1px solid #CCCCCC;
    padding: 18px 0 10px;
    width: 720px !important;
	}
div.bottomNavigation {
    float: left;
    padding: 18px 0 25px;
}
div.bottomNavigation #navigationButtonNextDisabled > input,
div.bottomNavigation #navigationButtonNextEnabled > input,
div.bottomNavigation input, .bottomNavigation select, .bottomNavigation button,  .bottomNavigation img {
	/*padding-left:20px;*/
	padding:0;
	vertical-align: middle;
	width: auto;
	height: auto; 
}
.bottomMessage {
text-align:center; color:#F00; font-size:12px; padding-bottom: 22px !important;
}
.levC input {
	margin: 9px 0 0;
	width: auto;
	padding: 0;
	font-weight: normal;
	position: relative;
}
.disabled > input {
	color: #AAAAAA; 
}
a.popup {
	text-decoration:none;
}
a.popup :hover {
	text-decoration:underline;
}
div.greenBox {
    background: url("../../images/confirmations.png") no-repeat scroll 50px 25px #F9FCF7;
    border: 3px solid #E7F5E0;
   margin: 40px 0 9px 22px;
    min-height: 100px;
    padding: 30px 50px 10px 183px;
    text-align: left;
    width: 443px;
}
div.redBox {
    background: url("../../images/warning.png") no-repeat scroll 50px 25px #FDF2F3;
    border: 3px solid #F8CCCF;
   margin: 40px 0 9px 19px;
    min-height: 100px;
    padding: 30px 50px 10px 183px;
    text-align: left;
    width: 443px;
}
div.greeBox, div.redBox > h2 {
	font-size: 18px;
}
div.redContent {
	margin: 0 0 9px 19px;
	padding-top:25px;
}
#grid .grid .contact p.phone span.usefulPhone {
	color:#4c4c4c;
	font-size: 100%;
	font-weight: bold;
	padding: 25px 0 0;
	
}
div.OnlineAppRow {
	width: auto;
	padding: 0 20px;
}
div.OnlineAppColumn1 {
	width: 320px;
	float: left;
	padding: 15px 0;
}
div.OnlineAppColumn2 {
	width : 240px;
	float: right;
	padding: 15px 0;
}

#products .furtherInfo .handle a:hover, #products .furtherInfo .handle a:active { text-decoration:none;}

.WidthColFix {
	width:120px;
}

.contentItem table.MobileLightviewTableFix tr th, .contentItem table.MobileLightviewTableFix thead tr th, .contentItem table.MobileLightviewTableFix tr td {
	font-size:140%;
	}
.grid .contentItem table.MobileLightviewTableFix tr p {
	font-size:92%;
	line-height: 30px;
	}
body .productItem ul li ul li {
	font-size:100%;}

div#lightviewDetails07.jqmWindow.lightviewDetails {
	
	left: 10px;
	top: 200px;
}
#products .productInfo td.price p span.priceTXT {	
	line-height:28px; 
}
/******************* LOGON PAGES ********************/

.bankingAppIntro {
	padding: 30px 20px 10px;
	float: left;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	width: 599px;
}
.bankingAppIntro p {
	font-size: 175%;
	line-height: 1.3em;
}
.bankingAppIntro h2 {
	font-size: 220%;
	margin-bottom: 15px;
}
#productNav h2.logonWelcome {
	font-size: 220%;
	line-height: 1.3em;
	font-weight: 400;
}
.getApp {
	color:#DB0011; 
	font-size:175%;
	padding:20px;
	font-weight: bold;
	margin-top: 10px;
}
div#innerPage>div>form[autocomplete=off] {
	background: url("../mobile_images/images/logon_box_mob.jpg") top center no-repeat !important;
	padding: 30px 40px 80px 20px !important;
}

div#innerPage>div>form[autocomplete=off]>div.csPanel>div.csPanelTopLeft>div.csPanelTopRight>fieldset>table.csTableForm tbody tr td.csLabel>div.csLabel>fieldset>table.csTableForm>tbody>tr>td.csLabel>div.csLabel>label {
	font-size: 160% !important;
	line-height: 1.3em !important;
}
div#innerPage div.contentItem .announceBanner {
	width: 590px;
	margin-left: 10px;
	padding: 10px;
}
#grid .grid_12 .productItem ul li.headingTick {
	padding-bottom: 0; 
	font-size: 210%;
	padding: 4px 20px 15px 100px;
	line-height: 1.3em;
}
#grid .grid .productItem h4.heading4Tick, #grid .grid .productItem h5.heading4Tick  {
    line-height: 1.3em;
    font-size: 110%;
    padding: 10px 10px 10px 0px;
	border-bottom: none;
	font-weight: 700;
	margin-top: -10px;
}
#grid .grid .full3Tab ul li, #grid .grid .full3Tab p {
	font-size: 170%; 
	padding-right: 10px;
}
#grid #productNav .smallerFontBtn p {
	padding: 40px 0px 0px 0px;
	float: left;
	width: 310px;
}
#grid #productNav .smallerFontBtn .redBtn {
	margin: 20px 0 20px 0px; 
	font-size: 130%;
}
#grid .smallerFont2Btn a.redBtn {
	font-size: 140%;
	margin: 20px 10px 30px 10px;
}
body .right .rightInner p.callOrApply  {
	padding: 25px 0px;
    float: left;
    width: 310px;
}
body .right .rightInner p.callOrApplyEL  {
	padding: 25px 0px;
    float: left;
    width: 250px;
}
#innerPage.wrapper1_7 #grid .grid.heading {
    padding: 0px 0px 3px 65px !important;
	width: auto !important;
}
#grid #breadcrumb, #grid #productNavigation {
    float: left;
    width: 620px !important;
	padding: 35px 0 0 !important;
}
#grid .grid_24 .faqShowHide {
    width: 640px !important;
}
#grid .grid .ctaRow {
    width: 640px !important;
}
#grid .contentItem .grid_24 .greyBox {
    width: 590px !important;
}
#grid .contentItem .grid_24 .greyBox .columns3.withSeparators .inner {
	background: none !important; 
}
#grid .contentItem .grid_24 .greyBox .columns3.withSeparators .column {
    width: 600px !important;
    border-bottom: 1px solid #ccc;
    font-size: 190%;
    line-height: 1.3em;
    padding: 41px 0px 0 0 !important;
}
#innerPage.wrapper1_7 .contentItem h2 {
    font-size: 225% !important;
    padding-bottom: 25px;
    line-height: 135%;
	padding: 10px 20px !important;
}
#innerPage.wrapper1_7 .contentItem .greyBox h2, #innerPage.wrapper1_7 .contentItem .greyBox p {
    font-size: 100% !important;
    padding-bottom: 20px;
}
#grid .contentItem .faqShowHideQuestion a {
    background: url(../mobile_images/images/open-list-nobg.gif) no-repeat right center !important;
    background-position: 10px center, 557px 38px;
}
.scrollTable table tr td {
	font-size: 116% !important;
}

#grid #breadcrumb ul, #grid #breadcrumb ul li {
	padding: 0px 0px 0px 12px;
}

#grid #breadcrumb ul li {
    float: left;
    font-size: 140% !important;
    padding: 0 14px 0 0;
    line-height: 22px;
    list-style: none;
}