/* CSS Document */

/*----------HTML Elements start here------*/
a:link, a:active, a:hover, a:visited
{
	color:#333333;
	outline:none;
	text-decoration:none;
}
a:hover
{
	text-decoration:underline;
	outline:none;
	color:#ff0000;
}
body, h1, h2, h3, h4, h5, h6, text-area, form, ul, ul li, p, table
{
	padding:0;
	margin:0;
	border:0;
	font-family:Arial, Helvetica, sans-serif;
	color:#333333
}
body
{
	font-family:Arial, Helvetica, sans-serif;
	color:#333333;
}
html
{
	height:100%;
	margin-bottom:1px
}
*
{
	padding:0;
	margin:0
}
h1
{
}
h2
{
	font-size:1.3em;
	color:#ff0000;
	font-weight:bold
}
h3
{
}
img
{
	border:none
}
/*-------Global Classes---*/
.left_float
{
	float:left
}
.right_float
{
	float:right
}
.clear
{
	clear:both;
	font-size:1%;
	height:1%;
	line-height:0
}
.clearfix
{
	display:block
}
.clearfix:after
{
	clear:both;
	content: ".";
	display:block;
	height:0;
	visibility:hidden
}
.font_bold
{
	font-weight:bold
}
.underline
{
	text-decoration:underline
}
.cursor_point
{
	cursor:pointer
}
.red_font
{
	font-size:1.0em;
	color:#ff0000;
	font-weight:bold
}
.global_head
{
	padding:0 0 0 10px;
}
.link_red
{
	font-size:0.7em;
	color:#ff0000 !important;
}
.link_red1
{
	font-size:1.0em;
	color:#ff0000 !important;
}
/*----End Global Classes--*/

/*------Clear fix---*/
.clear
{
	clear:both;
	height:1%;
	font-size:1%;
	line-height:0
}
.clearfix
{
	display:block;
}
.clearfix:after
{
	content:".";
	display:block;
	visibility:hidden;
	height:0;
	clear:both
}
/*-----End Clearfix---*/

/*-----Banner start here--*/
.hsbc_banner
{
	width:960px;
	display:block;
	float:left;
	position:relative;
}
/*-----Banner end here--*/

/*----Banner sidebar start here--*/
.banner_side_tab
{
	position:absolute;
	top:0;
	right:25px;
}
.transback
{
	background: url(http://www.hsbc.com.qa/1/PA_1_1_S5/content/qatar/test/homepage/new_hp/banner_side_collaps.gif) no-repeat 0 0;
	margin-right:-12px;
	width:231px;
	float:right;
	height:260px !important;
}
.transback h2
{
	background:#F6F6F6;
	padding:5px 0 5px 23px;
	border:1px solid #e6e6e6;
	float:left;
	display:block;
	width:207px;
	_width:208px; /*margin-left:1px; _margin-left:0px;*/
	position:relative;
	cursor:pointer;
	min-height:19px;
	height:19px;
}
h2 span.ui-icon-triangle-1-e
{
	display:block;
	background:url(http://www.hsbc.com.qa/1/PA_1_1_S5/content/qatar/test/homepage/new_hp/black_arrow.gif) no-repeat;
	height:10px;
	width:16px;
	float:left;
	margin-left:-8px;
	margin-top:4px;
	cursor:pointer
}
h2 span.ui-icon-triangle-1-s
{
	display:block;
	background:url(http://www.hsbc.com.qa/1/PA_1_1_S5/content/qatar/test/homepage/new_hp/red_arrow_dn.gif) no-repeat;
	_background:none;
	height:6px;
	width:16px;
	float:left;
	margin-left:-8px;
	margin-top:7px;
	cursor:pointer
}
.transback .content_area
{
	font-size:0.7em;
	display:block;
}
.transback .content_area ul
{
	list-style:none;
	padding:0px 0 8px 10px;
}
.transback .content_area ul.watch_internet li
{
	background:transparent url(http://www.hsbc.com.qa/1/PA_1_1_S5/content/qatar/test/homepage/new_hp/gray_hr_line.gif) no-repeat left bottom;
	margin-left:-8px;
	padding:6px 0 6px 18px;
	clear:both
}
.transback .content_area ul li a
{
	color:#333333;
	text-decoration:none;
	background:transparent url(http://www.hsbc.com.qa/1/PA_1_1_S5/content/qatar/test/homepage/new_hp/view_more_icon.gif) no-repeat scroll 0 4px;
	padding-left:16px;
}
.transback .content_area ul li a:hover
{
	color:#ff0000;
	text-decoration:underline
}
.contact_us p
{
	float:left;
	line-height:16px;
	font-size:0.7em;
	padding:5px 0 0 19px;
	width:88px;
}
.contact_us span
{
	font-size:0.8em;
	word-spacing:2px;
	font-weight:bold;
	float:right;
	color:#ff0000;
	padding:5px 13px 0 0px;
	word-spacing:2px;
	width:101px;
	text-align:right;
}
.gray_hr_line
{
	padding:8px 0 10px 2px;
	float:left
}
img.to_report
{
	padding:0 0 3px 18px;
	float:left
}
p.uae_txt
{
	width:82px;
}
.link_red_mail
{
	font-size:0.7em;
	color:#ff0000 !important;
	font-weight:bold;
	text-decoration:underline !important;
	padding:3px 0 0 19px;
	cursor:pointer !important
}
/*---------Header end here-----------*/

/*----------Main Content start here----*/
.main_content
{
	background:url(http://www.hsbc.com.qa/1/PA_1_1_S5/content/qatar/test/homepage/new_hp/main_content_bg.gif) repeat-x left top #e9e9e9;
	width:941px;
	float:left;
	padding:18px 11px 0;
	_margin-bottom:-10px;
}
.cont_left
{
	float:left;
	width:696px;
}
.message_box
{
	width:170px;
	float:left;
	padding-bottom:13px;
}
.message_box h1
{
	padding-top:8px;
}
.hr_line
{
	padding-top:7px;
}
div.message_area ul
{
	list-style:none;
	padding:10px 0 0 5px;
}
div.message_area ul li
{
	background:url(http://www.hsbc.com.qa/1/PA_1_1_S5/content/qatar/test/homepage/new_hp/square_icon.gif) left 6px no-repeat;
	padding:0 0 0 13px;
	font-size:0.7em;
	line-height:16px;
	margin-bottom:6px;
}
.view_more_online
{
	background:#f3f3f3;
	padding:6px 0;
	margin-top:2px;
}
.news_top_curve
{
	background:url(http://www.hsbc.com.qa/1/PA_1_1_S5/content/qatar/test/homepage/new_hp/news_top_curve.gif) left bottom no-repeat;
	height:7px;
}
.news_bg
{
	background:url(http://www.hsbc.com.qa/1/PA_1_1_S5/content/qatar/test/homepage/new_hp/news_bg.gif) left repeat-y;
	padding:2px 0
}
.news_btm_curve
{
	background:url(http://www.hsbc.com.qa/1/PA_1_1_S5/content/qatar/test/homepage/new_hp/news_btm_curve.gif) left top no-repeat;
	height:7px;
}
.view_more
{
	background:#f3f3f3;
	padding:6px 0;
	width:166px;
	margin-top:2px;
}
.view_more img
{
	padding:0 5px 0 10px;
}
p.msg_cont
{
	font-size:0.7em;
	padding:8px 0 0 8px;
	line-height:16px;
}
/*----------Image Gallery Part start here---*/
.image_gallery
{
	float:left
}
.box2
{
	padding-left:5px;
	float:left
}
.personal_area
{
	width:258px;
	float:left;
}
.personal_tp_curve
{
	background:url(http://www.hsbc.com.qa/1/PA_1_1_S5/content/qatar/test/homepage/new_hp/personal_top_curve.gif) left bottom no-repeat;
	height:17px;
}
.personal_bg
{
	background:url(http://www.hsbc.com.qa/1/PA_1_1_S5/content/qatar/test/homepage/new_hp/personal_bg.gif) repeat-y left bottom;
}
.personal_btm_curve
{
	background:url(http://www.hsbc.com.qa/1/PA_1_1_S5/content/qatar/test/homepage/new_hp/personal_btm_curve.gif) left top no-repeat;
	height:19px
}
.personal_ver
{
	background:url(http://www.hsbc.com.qa/1/PA_1_1_S5/content/qatar/test/homepage/new_hp/personal_bg_ver.gif) left top repeat-x;
	width:240px;
	margin-left:7px;
}
.per_hr_line
{
	padding:8px 0 0 5px;
}
.per_head
{
	padding:5px 0 0 13px;
}
.pic1
{
	text-align:center;
	padding:10px 0
}
.scroll_left
{
	margin-left:-10px;
	margin-top:89px;
	position:absolute;
	cursor:pointer
}
.scroll_right
{
	margin-left:-14px;
	margin-top:89px;
	position:absolute;
	cursor:pointer
}
.message_area p
{
	font-size:0.7em;
	padding:5px 5px 10px 0;
	line-height:16px;
}
/*----------Image Gallery Part ends here---*/

.hsbc_community_area
{
	float:left;
	padding:0 0 20px 11px;
	width:245px;
}
.hsbc_community_area h1
{
	padding-top:8px;
}
.hsbc_head
{
	padding:1px 0 0 10px;
}
.hsbc_pic img
{
	float:left;
	padding:5px 5px;
	cursor:pointer
}
p.hsbc_cont
{
	font-size:0.7em;
	padding-top:16px;
	padding:10px 0;
	margin-bottom:20px;
}
.hr_line
{
	padding:7px 0 0 2px;
}
.hsbc_content_area
{
	height:85px;
	height:auto !important;
	min-height:85px;
}
div.hsbc_community ul
{
	list-style:none;
	padding:18px 0 0 5px;
}
div.hsbc_community ul li
{
	background:url(http://www.hsbc.com.qa/1/PA_1_1_S5/content/qatar/test/homepage/new_hp/square_icon.gif) left 6px no-repeat;
	font-size:0.7em;
	line-height:16px;
	margin-bottom:4px;
	padding:0 0 13px 10px;
}
.hsbc_top_curve
{
	background:url(http://www.hsbc.com.qa/1/PA_1_1_S5/content/qatar/test/homepage/new_hp/hsbc_com_top_curve.gif) left bottom no-repeat;
	height:7px;
}
.hsbc_bg
{
	background:url(http://www.hsbc.com.qa/1/PA_1_1_S5/content/qatar/test/homepage/new_hp/hsbc_com_mid_bg.gif) left repeat-y;
	padding:2px 0
}
.hsbc_btm_curve
{
	background:url(http://www.hsbc.com.qa/1/PA_1_1_S5/content/qatar/test/homepage/new_hp/hsbc_com_btm_curve.gif) left top no-repeat;
	height:7px;
}
.view_more_hsbc
{
	background:#f3f3f3;
	padding:6px 0;
	width:245px;
	margin-top:2px;
}
.view_more_hsbc img
{
	padding:0 5px 0 10px;
}
.news_box
{
	width:170px;
	float:left;
	padding-bottom:7px;
	padding-top:2px;
}
.news_box h1
{
	padding-top:8px;
}
.hr_line
{
	padding-top:7px;
}
div.message_area ul
{
	list-style:none;
	padding:10px 0 0 5px;
}
div.message_area ul li
{
	background:url(http://www.hsbc.com.qa/1/PA_1_1_S5/content/qatar/test/homepage/new_hp/square_icon.gif) left 6px no-repeat;
	padding:0 0 0 13px;
	font-size:0.7em;
	line-height:16px;
	margin-bottom:6px;
}
#msg_wd
{
	padding-left:16px;
}
p.award
{
	font-size:0.7em;
	padding:8px 8px 0 8px;
	font-weight:bold;
}
div.hsbc_community ul.hsbc_awards
{
	list-style:none;
	padding:5px 0 0 5px;
}
div.hsbc_community ul.hsbc_awards li
{
	background:url(http://www.hsbc.com.qa/1/PA_1_1_S5/content/qatar/test/homepage/new_hp/square_icon.gif) left 6px no-repeat;
	font-size:0.7em;
	line-height:15px;
	padding:0 0 4px 10px;
}
/*-------Main Content right start here--*/
.cont_right
{
	float:right;
	padding-top:4px;
	width:244px;
}
.locate_box1
{
	width:235px;
	padding:0 0 0px 8px;
	_margin:-6px 0 -25px 0
}
.locate_box2
{
	width:235px;
	padding:25px 0 0px 8px;
*padding:27px 0 0px 8px;
	_margin-top:-3px
}
.locate_box3
{
	padding:39px 0 0px 8px;
}
.locate_top_curve
{
	background:url(http://www.hsbc.com.qa/1/PA_1_1_S5/content/qatar/test/homepage/new_hp/locate_top_curve.gif) left bottom no-repeat;
	height:7px;
}
.locate_mid_curve
{
	background:url(http://www.hsbc.com.qa/1/PA_1_1_S5/content/qatar/test/homepage/new_hp/locate_mid_bghor.gif) repeat-y;
}
.locate_mid_ver
{
	background:url(http://www.hsbc.com.qa/1/PA_1_1_S5/content/qatar/test/homepage/new_hp/locate_mid_bgver.gif) left top repeat-x;
	margin:0 2px;
}
.locate_mid_ver h1
{
	padding:5px 0 0 8px;
}
.locate_mid_ver p
{
	font-size:0.7em;
	padding:5px 0 0 8px;
}
.locate_mid_ver select.frm_elements
{
	font-size:0.7em;
	width:170px;
	margin:13px 5px 0 10px;
	text-align:left;
	height:18px;
	vertical-align:top !important
}
.lt_go
{
	padding:10px 0 5px;
	cursor:pointer
}
.locate_btm_curve
{
	background:url(http://www.hsbc.com.qa/1/PA_1_1_S5/content/qatar/test/homepage/new_hp/locate_btm_curve.gif) left top no-repeat;
	height:7px;
}
div.usefullinks_area ul
{
	list-style:none;
	padding:10px 0 0 13px;
}
div.usefullinks_area ul li
{
	background:url(http://www.hsbc.com.qa/1/PA_1_1_S5/content/qatar/test/homepage/new_hp/square_icon.gif) left 9px no-repeat;
	padding:0 0 0 13px;
	font-size:0.7em;
	line-height:18px;
}
div.usefullinks_area ul li a
{
	color:#333333;
	text-decoration:none;
}
div.usefullinks_area ul li a:hover
{
	color:#FF0000;
	text-decoration:underline;
}
/*----------Main Content ends here----*/

/*------Footer section start here---*/
.footer
{
	width:963px;
	float:left;
	float:left;
	margin:0 0 -60px 0px;
*position:relative;
}
.footer_one
{
	float:left;
}
#show_hide
{
	background:#ebebeb;
}
img.all_aur_img
{
	float:left;
	margin:-12px 0 0 31px
}
.footer ul.ft_nav_one_lt
{
	list-style:none;
	float:left;
	width:800px;
}
.footer ul.ft_nav_one_lt li
{
	float:left;
	background:url(http://www.hsbc.com.qa/1/PA_1_1_S5/content/qatar/test/homepage/new_hp/header_top_nav_sidebar.gif) right 3px no-repeat;
	padding:1px 10px;
	font-size:1.1em
}
.footer_section
{
	padding-bottom:20px;
	float:left
}
.footer ul.ft_nav_one_lt li.none
{
	background:none
}
.footer_section p
{
	float:left;
	font-size:0.7em;
	padding:1px 10px;
}
#show_hide h3
{
	background:#FF0000 url(http://www.hsbc.com.qa/1/PA_1_1_S5/content/qatar/test/homepage/new_hp/plus_red_icon.gif) no-repeat scroll 20px 10px;
	margin:3px 0 10px;
	padding:22px 0 8px 10px;
}
#show_hide h3 img
{
	cursor: pointer !important
}
#show_hide h3.active
{
	background:#FF0000 url(http://www.hsbc.com.qa/1/PA_1_1_S5/content/qatar/test/homepage/new_hp/minus_red_icon.gif) no-repeat scroll 20px 10px;
	margin:3px 0 10px;
	padding:22px 0 8px 10px;
	cursor: pointer !important
}
.ft_hr_line
{
	width:218px;
	_margin-right:-15px;
	margin-left:-9px;
	padding-bottom:10px;
}
.footer_box
{
	width:200px;
	height:auto!important;
	min-height:415px;
	height:415px;
	margin-bottom:5px;
	padding:10px 15px;
	background:url(http://www.hsbc.com.qa/1/PA_1_1_S5/content/qatar/test/homepage/new_hp/footer_sidebar_line.gif) repeat-y top right;
}
div.footer_box ul
{
	list-style:none;
	padding:10px 0 0 5px;
}
div.footer_box ul li
{
	background:url(http://www.hsbc.com.qa/1/PA_1_1_S5/content/qatar/test/homepage/new_hp/footer_icon.gif) left 6px no-repeat;
	padding:0 0 0 13px;
	font-size:0.7em;
	line-height:16px;
	margin-bottom:6px;
}
div.footer_box ul li a
{
	color:#333333;
	text-decoration:none;
}
div.footer_box ul li a:hover
{
	color:#FF0000;
	text-decoration:underline;
}
.footer_bg
{
	background:url(http://www.hsbc.com.qa/1/PA_1_1_S5/content/qatar/test/homepage/new_hp/footer_bg.gif) left repeat-x;
	font-size:0.7em;
	height:23px;
}
#none
{
	background:none
}
.footer_bg img.icon
{
	padding:0 5px;
}
.footer_bg span
{
	float:left;
	font-weight:bold;
	padding:5px 0 5px 5px;
}
.footer_hr_line
{
	border-bottom:2px solid #bdbdbd;
	margin-bottom:15px;
}
/*---------Footer section ends here--*/


.transback .head-1 span.head_txt
{
	background:url(http://www.hsbc.com.qa/1/PA_1_1_S5/content/qatar/test/homepage/new_hp/watch_internet_black.gif) no-repeat;
	height:15px;
	margin:3px 0 0 9px;
	display:block;
}
.transback .head-1-active span.head_txt
{
	background:url(http://www.hsbc.com.qa/1/PA_1_1_S5/content/qatar/test/homepage/new_hp/watch_internet.gif) no-repeat;
	height:15px;
	margin:3px 0 0 9px;
	display:block;
}
.transback .head-2 span.head_txt1
{
	background:url(http://www.hsbc.com.qa/1/PA_1_1_S5/content/qatar/test/homepage/new_hp/head_contact_us_black.gif) no-repeat;
	height:15px;
	margin:3px 0 0 9px;
	display:block;
}
.transback .head-2-active span.head_txt1
{
	background:url(http://www.hsbc.com.qa/1/PA_1_1_S5/content/qatar/test/homepage/new_hp/head_contact_us.gif) no-repeat;
	height:15px;
	margin:3px 0 0 9px;
	display:block;
}
/*------------------Skin----------*/
.jcarousel-skin-tango .jcarousel-container
{
/* -moz-border-radius: 10px;
    background: #F0F6F9;
    border: 1px solid #346F97;*/
}
.jcarousel-skin-tango .jcarousel-container-horizontal
{
	width: 206px;
	padding:3px 17px 0;
}
.jcarousel-skin-tango .jcarousel-container-vertical
{
	width: 75px;
	height: 245px;
	padding: 40px 20px;
}
.jcarousel-skin-tango .jcarousel-clip-horizontal
{
	width:  203px;
	height: 206px;
}
.jcarousel-skin-tango .jcarousel-clip-vertical
{
	width:  75px;
	height: 245px;
}
.jcarousel-skin-tango .jcarousel-item
{
	width: 203px;
	height: 206px;
	display:block;
}
.jcarousel-skin-tango .jcarousel-item-horizontal
{
	margin-right: 10px;
}
.jcarousel-skin-tango .jcarousel-item-vertical
{
	margin-bottom: 10px;
}
.jcarousel-skin-tango .jcarousel-item-placeholder
{
	background: #fff;
	color: #000;
}
/**
 *  Horizontal Buttons
 */

.jcarousel-skin-tango .jcarousel-next-horizontal
{
	position: absolute;
	top: 86px;
	right: 4px;
	width: 32px;
	height: 32px;
	cursor: pointer;
	background:url(http://www.hsbc.com.qa/1/PA_1_1_S5/content/qatar/test/homepage/new_hp/scroll_right_icon.gif) no-repeat 0 0;
}
/*
.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
   /* background-position: -64px 0;
}
*/
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal
{
	cursor: default;
	height:32px;
	left:204px;
	position:absolute;
	top:84px;
	width:32px;
	background:url(http://www.hsbc.com.qa/1/PA_1_1_S5/content/qatar/test/homepage/new_hp/scroll_rt_disable.gif) no-repeat 0 0;
}
.jcarousel-skin-tango .jcarousel-prev-horizontal
{
	position: absolute;
	top: 86px;
	left: 4px;
	width: 32px;
	height: 32px;
	cursor: pointer;
	background:url(http://www.hsbc.com.qa/1/PA_1_1_S5/content/qatar/test/homepage/new_hp/scroll_left_icon.gif) no-repeat 0 0;
}
/*
.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
    background-position: -32px 0;
}
 .jcarousel-skin-tango .jcarousel-prev-horizontal:active {
  /*  background-position: -64px 0;
}
*/
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal
{
	cursor: default;
	height:32px;
	left:2px;
	position:absolute;
	top:84px;
	width:32px;
	background:url(http://www.hsbc.com.qa/1/PA_1_1_S5/content/qatar/test/homepage/new_hp/scroll_lt_disable.gif) no-repeat 0 0;/*   background-position: -96px 0;*/
}
/**
 *  Vertical Buttons
 */

.jcarousel-skin-tango .jcarousel-next-vertical
{
	position: absolute;
	bottom: 5px;
	left: 43px;
	width: 32px;
	height: 32px;
	cursor: pointer;
	background:url(http://www.hsbc.com.qa/1/PA_1_1_S5/content/qatar/test/homepage/new_hp/scroll_left_icon.gif) no-repeat 0 0;
}
.jcarousel-skin-tango .jcarousel-next-vertical:hover
{
	background-position: 0 -32px;
}
.jcarousel-skin-tango .jcarousel-next-vertical:active
{
	background-position: 0 -64px;
}
.jcarousel-skin-tango .jcarousel-next-disabled-vertical, .jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover, .jcarousel-skin-tango .jcarousel-next-disabled-vertical:active
{
	cursor: default;
	background-position: 0 -96px;
}
/*.jcarousel-skin-tango .jcarousel-prev-vertical {
    position: absolute;
    top: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(http://www.hsbc.com.qa/1/PA_1_1_S5/content/qatar/test/homepage/new_hp/prev-vertical.gif) no-repeat 0 0;
}*/

.jcarousel-skin-tango .jcarousel-prev-vertical:hover
{
	background-position: 0 -32px;
}
.jcarousel-skin-tango .jcarousel-prev-vertical:active
{
	background-position: 0 -64px;
}
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical, .jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover, .jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active
{
	cursor: default;
	background-position: 0 -96px;
}
/*------------------End Skin----------*/

/*------------------jquery.jcarousel----------*/
/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container
{
	position: relative;
}
.jcarousel-clip
{
	z-index: 2;
	padding: 0;
	margin: 0;
	overflow: hidden;
	position: relative;
}
.jcarousel-list
{
	z-index: 1;
	overflow: hidden;
	position: relative;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
}
.jcarousel-list li, .jcarousel-item
{
	float: left;
	list-style: none;
	/* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 75px;
	height: 75px;
}
/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next
{
	z-index: 3;
	display: none;
}
.jcarousel-prev
{
	z-index: 3;
	display: none;
}

/*------------------END jquery.jcarousel----------*/