/*****
--------- SiBank Base Style --------- *****/

body {
	font: 12px Tahoma, Verdana, sans-serif;
	background: #ffffff;
}

h1 {
	display: none;
}

/*
--------- Wrapper --------- */
#wrapper {
}

/*
--------- Header --------- */
#wrapper #header {
	height: 137px;
	background: url(../images/headerBottomBg.gif) repeat-x bottom;
}

#wrapper #headerTuL, #wrapper #headerTuR {
	float: left;
	width: 50%;
	height: 24px;
}

#wrapper #headerTuL {
	background: #fff;
}

#wrapper #headerTuR {
	background: #8ad7f7;		
}

#wrapper #header #headerTop {
	position: relative;
	top: 0;
	width: 1007px;
	height: 24px;
	margin: 0 auto;
	background: #fff url(../images/siBankHeaderTop.gif) no-repeat right top;
}

#wrapper #header #headerInner {
	width: 1007px;
	margin: 0 auto;
}

#wrapper #header #headerInner #logo {
	float: left;
	position: relative;
	top: -13px;
}

#wrapper #header #headerInner #logo a {
	display: block;
	width: 142px;
	height: 111px;
	text-indent: -99999px;
	background: url(../images/siBankLogo.png) no-repeat;
}

#wrapper #header #headerInner #searchLangBlock {
	float: right;
	position: relative;
	top: 87px;
}

#wrapper #header #headerInner #searchLangBlock #search {
	float: left;
	margin-right: 12px;
}

#wrapper #header #headerInner #searchLangBlock #search form p input#searchField {
	float: left;
	width: 165px;
    border : 1px solid #acc6db; 
    background-color : #fff; 
    font-size : 11px;
    font-family : Verdana, Arial, Helvetica, sans-serif; 
    color : #666;
	padding: 2px 4px;
}

#wrapper #header #headerInner #searchLangBlock #search form p input#submitField {
	margin: 3px 0 0 0;
	text-transform: uppercase;
	font: 11px Tahoma;
	font-weight: bold;
	color: #003768;
	border: none;
	background: none;
}

#wrapper #header #headerInner #searchLangBlock #lang {
	margin: 3px 0 0 0;
	float: left;
	border: solid 1px #d9d9da;
}

#wrapper #header #headerInner #searchLangBlock #lang a {
	float: left;
	height: 16px;
	padding: 0 14px;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 13px;
	font-weight: bold;
	color: #003768;
	background: url(../images/langBg.gif) repeat-x;
}

#wrapper #header #headerInner #searchLangBlock #lang a.active {
	color: #00aeef;	
	background: url(../images/langActiveBg.gif) repeat-x;
}

#wrapper #header #headerInner #searchLangBlock #lang a:hover {
	color: #00aeef;	
}

/*
--------- Container --------- */
#wrapper #container {
	width: 1007px;
	margin: 0 auto;
}



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

#wrapper #container #nav {
	float: right;
	width: 750px;
	height: 28px;
	border: solid 1px #003768;
	border-bottom: none;
	background: url(../images/topNavBg.gif) repeat-x;
}

/* dropdown CSS */

ul.ulNav1,
ul.ulNav1 li,
ul.ulNav1 ul {
 list-style: none;
 margin: 0;
 padding: 0;
}

ul.ulNav1 {
	position: relative;
	z-index: 97;
}

ul.ulNav1 li {
 float: left;
 zoom: 1;
}

ul.ulNav1 li.hover,
ul.ulNav1 li:hover {
 position: relative;
 z-index: 99;
 cursor: default;
}

ul.ulNav1 ul {
 visibility: hidden;
 position: absolute;
 top: 100%;
 left: 0;
 z-index: 98;
 width: 100%;
}

ul.ulNav1 ul li {
 float: none;
}

ul.ulNav1 ul ul {
 top: 1px;
 left: 99%;
}

ul.ulNav1 li:hover > ul {
 visibility: visible;
}

ul.ulNav1 li.rtl ul {
 top: 100%;
 right: 0;
 left: auto;
}

ul.ulNav1 li.rtl ul ul {
 top: 1px;
 right: 99%;
 left: auto;
}


/* DROP DOWN DESIGN */
#wrapper #container #nav ul.ulNav1 {

}

#wrapper #container #nav ul.ulNav1 li.nav1 {
	display: block;
	float: left;
	position: relative;
}

#wrapper #container #nav ul.ulNav1 li.nav1 a.aNav1 {
	display: block;
	padding: 8px 21px 6px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
	color: #fff;
	border-right: solid 2px #73a9c7;
}

#wrapper #container #nav ul.ulNav1 li.nav1 a.active, 
#wrapper #container #nav ul.ulNav1 li.nav1 a.aNav1:hover {
	background: url(../images/topNavActiveBg.gif) repeat-x;
}

#wrapper #container #nav ul.ulNav2 {
	width: 200px;
}

#wrapper #container #nav ul.ulNav2 li.nav2 {
	display: block;
	width: 100%;
	background: #7ed3f7 url(../images/nav2Bg.gif) repeat-y left;	
}

#wrapper #container #nav ul.ulNav2 li.active {
	display: block;
	position: relative;
	background: #0694d0 url(../images/nav2ActiveBg.gif) repeat-y left;	
}

#wrapper #container #nav ul.ulNav2 li.nav2 a {
	display: block;
	position: relative;
	padding: 5px 15px 5px; 
	text-decoration: none;
	text-transform: uppercase;
	font: 11px Tahoma;
	font-weight: bold;
	border: solid 1px #104471;
	border-bottom: none;

	color: #fff;
	background: url(../images/nav2Bullet.gif) no-repeat 5px 4px;
}

#wrapper #container #nav ul.ulNav2 li.nav2 a.nav2last {
	border-bottom: solid 1px #104471;
}

#wrapper #container #nav ul.ulNav2 li.nav2 a.active,
#wrapper #container #nav ul.ulNav2 li.nav2 a:hover{
	background: url(../images/nav2ActiveBullet.gif) no-repeat 5px 4px;
}


/*
--------- Main Block --------- */
#wrapper #container #main {
	clear: both;
	position: relative;
	padding-top: 7px;
	overflow: hidden;
}

/*
--------- Round Corners --------- */
#wrapper #container #main .cB {
	float: left;
	position: relative;
	margin: 8px 28px 0 0;
}

#wrapper #container #main .cBInfo {
	margin: 8px 0 0 0;
	float: none;
}

#wrapper #container #main .cBLast {
	margin: 8px 0 0 0;
}
			
#wrapper #container #main .cTl {
	position: absolute;
	top: 0;
	left: 0;
	width: 13px;
	height: 13px;
	background: transparent url(../images/cTlBg.gif) no-repeat scroll center center;
}

#wrapper #container #main .cTr {
	position: absolute;
	top: 0;
	right: 0;
	width: 13px;
	height: 13px;
	background: transparent url(../images/cTrBg.gif) no-repeat scroll center center;
}

#wrapper #container #main .cBr {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 13px;
	height: 13px;
	background: transparent url(../images/cBrBg.gif) no-repeat scroll center center;
}

#wrapper #container #main .cBl {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 13px;
	height: 13px;
	background: transparent url(../images/cBlBg.gif) no-repeat scroll center center;
}
																	
#wrapper #container #main .cBTop {
	padding-top: 5px;			
	background: transparent url(../images/topBg.gif) repeat-x top;				
}

#wrapper #container #main .cBRight {
	padding-right: 5px;			
	background: transparent url(../images/rightBg.gif) repeat-y right;				
}

#wrapper #container #main .cBBottom {
	padding-bottom: 5px;			
	background: transparent url(../images/bottomBg.gif) repeat-x bottom;				
}	
		
#wrapper #container #main .cBLeft {
	padding-left: 5px;
	background: transparent url(../images/leftBg.gif) repeat-y left;
}
	
#wrapper #container #main .cBinner {
	margin: 1px;
	border: solid 1px #c9cbcb;
}					

/*
--------- Left Block --------- */
#wrapper #container #main #leftBlock {
	float: left;
	width: 230px;
	margin-right: 25px;
	padding-top: 7px;
	background: url(../images/leftNavTop.gif) no-repeat top;
}

#wrapper #container #main #leftBlock #leftNav {	
}

#wrapper #container #main #leftBlock #leftNav ul#leftNav1 li.leftNav1 {
	display: block;
	padding-bottom: 7px;
	background: url(../images/leftNavBottom.gif) no-repeat bottom;	
}

#wrapper #container #main #leftBlock #leftNav ul#leftNav1 li.last {
	padding-bottom: 2px;
	background: url(../images/leftNavLast.gif) no-repeat bottom;
}

#wrapper #container #main #leftBlock #leftNav ul#leftNav1 li.leftNav1 a.aLeftNav1 {
	display: block;
	padding: 4px 11px;
	text-decoration: none;
	font-weight: bold;
	color: #fff;
	background: url(../images/leftNavMiddle.gif) repeat-y;
}

/*
--------- Information --------- */
#wrapper #container #main #leftBlock #info {	
	position: absolute;
	bottom: 0;
	width: 230px;
}

#wrapper #container #main #leftBlock #info .infoBox {
	padding: 7px 8px;
	background: #fff url(../images/infoBoxBg.gif) repeat-x;
}

#wrapper #container #main #leftBlock #info .infoBox a{
	border: 0;
	margin: 0;
	padding: 0;
}

#wrapper #container #main #leftBlock #info .infoBox span {
	display: block;
	text-transform: uppercase;
	font-size: 13px;
	font-weight: bold;
	color: #00aeef;
}

#wrapper #container #main #leftBlock #info .infoBox span.phone {	
	color: #ef5a00;
}

#wrapper #container #main #leftBlock #info .infoBox span.black {	
	color: #000;
}

#wrapper #container #main #leftBlock #info a {
	display: block;
	margin: 7px 0;
	padding: 3px 11px 5px;
	text-decoration: none;
	font: 12px Tahoma;
	font-weight: bold;
	color: #000;
	border: solid 1px #00aeef;
}

#wrapper #container #main #leftBlock #info a.last {
	margin-bottom: 0;
}

/*
--------- Right Block --------- */
#wrapper #container #main #rightBlock {
	float: left;
	width: 752px;
}

/*
--------- Main Content --------- */
#wrapper #container #main #rightBlock #mainContent {
	float: left;
	width: 526px;
	margin-right: 23px;
}

/*
--------- Path --------- */
#wrapper #container #main #rightBlock #mainContent #path {
	margin-bottom: 12px;
	padding-top: 1px;
	background: url(../images/pathBg.gif) no-repeat top left;
	overflow: hidden;
}

#wrapper #container #main #rightBlock #mainContent #path ul {
	padding-bottom: 6px; 
	background: url(../images/pathBg.gif) no-repeat bottom left;
	overflow: hidden;
}

#wrapper #container #main #rightBlock #mainContent #path ul li {
	display: block;
	float: left;
}

#wrapper #container #main #rightBlock #mainContent #path ul li a {
	display: block;
	padding: 6px 8px 2px 0;
	text-decoration: none;
	font: 10px Verdana;
	color: #003768;
	margin: 0 8px 0 0;
	background: url(../images/pathSep.gif) no-repeat 100% 80%;
}

#wrapper #container #main #rightBlock #mainContent #path ul li span {
	display: block;
	padding: 6px 0 2px;
	font: 10px Verdana;
	color: #003768;	
}



/*
--------- Right --------- */
#wrapper #container #main #rightBlock #right {
	float: left;
	width: 203px;
}


/*
--------- FeedBack and Inet Banking --------- */
#wrapper #container #main #rightBlock #feedBackIBanking {
	position: absolute;
	bottom: 0;
	margin-top: 12px;
	width: 203px;
}

#wrapper #container #main #rightBlock #feedBackIBanking a {
	display: block;
	height: 18px;
	margin-bottom: 7px;
	padding: 4px 6px;
	text-decoration: none;
	font: 13px Tahoma;
	font-weight: bold;
	color: #fff;
	border: solid 1px #083d6d;
	background: url(../images/feedBackIBankingBg.gif) repeat-x;
}

#wrapper #container #main #rightBlock #feedBackIBanking a.last {
	margin-bottom: 0;
}

/*
--------- Footer --------- */
#wrapper #footer {
	clear: both;
	height: 75px;
	margin-top: 25px;
	border-top: solid 4px #00aeef;
	background: url(../images/footerBg.gif) repeat-x bottom;
}



#wrapper #footer #footerInner {
	position: relative;
	width: 1007px;
	margin: 0 auto;
	padding-top: 16px;
	text-align: center;
	overflow: hidden;
}


#wrapper #footer #footerInner ul {
	display: block;
	margin-bottom: 10px;
	padding-left: 140px;
	overflow: hidden;
}

#wrapper #footer #footerInner ul li {
	display: block;
	float: left;
}

#wrapper #footer #footerInner ul li a {
	display: block;
	float: left;
	padding: 0 16px;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 10px;
	color: #000;
}

#wrapper #footer #footerInner ul li span {
	float: left;
	font-size: 10px;
}

#wrapper #footer #footerInner div span {
	color: #58595b;
}

#wrapper #footer #footerInner div span#copyright {
	text-transform: uppercase;
}

#wrapper #footer #footerInner div span#allrightsres {
	font-size: 10px;
}

#wrapper #footer #footerInner div span#allrightsres a {
	color: #666;
	text-decoration: none;
}

#wrapper #footer #footerInner div span#allrightsres a:hover {
	text-decoration: underline;
}

#wrapper #footer #dziKbc {
	float: right;
	position: absolute;
	top: 16px;
	right: 0;
}

#wrapper #footer #dziKbc a#dziLogo {
	float: left;
	display: block;
	position: relative;
	top: 1px;
	width: 39px;
	height: 27px;
	margin-right: 10px;
	text-indent: -9999px;
	background: url(../images/dziLogo.png) no-repeat;
}

#wrapper #footer #dziKbc a#kbcLogo {
	float: left;
	display: block;
	width: 36px;
	height: 28px;
	text-indent: -9999px;	
	background: url(../images/kbcLogo.png) no-repeat;
}

/*
--------- Clearfix --------- */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

html[xmlns] .clearfix {
	display: block;
}

* html .clearfix {
	height: 1%;
}

/*
--------- Clear --------- */
.clear {
	clear: both;
}