/*  
	Theme Name: RakBank-English
	Description: Rakbank English theme	
	Version: 1.0
	Author: Sunil SK, Flip Media
	Author URL: http://www.flipcorp.com
	*/
	
	/************* Page settings ******************/
	
		
	body{
	margin:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	background:#CCC;
	color:#666;
	}
	a{
	text-decoration:none;
	color:#666;
	}
	
	a:hover{
	text-decoration:underline;
	}
	
	img{
	border:0;
	}
	a.read {
	display:block;
	color:#ff0000;
	font-weight:bold;
	}
	a.read:hover {
	text-decoration:underline;
	}
	
	/************* Container ******************/
	
	#container{
	width:760px;
	margin:0 auto 0 auto;
	height:100%;
	}
	
	/************* Header ******************/
	
	#header{
	height:150px;
	width:745px;
	padding:0 0 0 15px;
	background:url(/rakbank/Images/bg-topnav.gif) repeat-x left top;
	float:left;
	overflow:hidden;
	}
	
	#header form{
	margin:0;
	padding:20px 0 0 0;
	float:left;
	width:155px;
	height:36px;
	overflow:hidden;
	}
	
	#header form input{
	margin:0;
	padding:3px;
	width:124px;
	height:14px;
	float:left;
	border:0px;
	font-size:11px;
	color:#666;
	}
	
	#header form input.btn{
	margin:0;
	padding:0;
	width:20px;
	height:20px;
	}
	
	#header ul#nav-global{
	margin:0;
	padding:30px 0 0 0;
	list-style:none;
	width:585px;
	float:left;
	height:28px;
	}
	
	#header ul#nav-global li{
	margin:0 0px 0 0;
	padding:0;
	list-style:none;	
	display:inline;
	}
	
	#header ul#nav-global li a{
	color:#666;
	}
	
	#header ul#nav-global li a:hover{
	color:#000;
	text-decoration:none;
	}
	
	#header ul#nav-global li.current a{
	color:#000;
	font-weight:bold;
	}
	
	#header #logo{
	width:180px;
	height:58px;
	float:left;
	margin:25px 0 0 5px;
	display:inline;
	}
	
	#header ul#nav-top{
	margin:0;
	padding:14px 0 0 0;
	list-style:none;
	float:right;
	width:300px;
	height:51px;
	overflow:hidden;
	}
	
	#header ul#nav-top li{
	margin:0;
	padding:0 0 0 15px;
	list-style:none;
	width:135px;
	height:15px;
	float:left;
	background:url(/rakbank/Images/bullet-red.gif) left no-repeat;
	}
	
	#header ul#nav-top li a{
	color:#666;
	}
	
	#header ul#nav-top li a:hover{
	color:#FF0000;
	text-decoration:none;
	}
	
	#header #nav-banking{
	float:right;
	width:548px;
	height:30px;
	}
	
	#header #nav-banking img{
	float:left;
	border:none;
	}
	
	/************* Spotlight ******************/
	
	#spotlight{
	width:754px;
	height:187px;
	border:3px solid #FFF;
	float:left;
	}
	
	/************* area of interest ******************/
	
	form#nav-middle{
	background:url(/rakbank/Images/bg-nav-middle.gif) repeat-x left top;
	height:42px;
	float:left;
	padding:2px 0 0 14px;
	margin:0;
	width:746px;	
	}
	
	form#nav-middle img{
	padding:10px 0 0 0;	
	vertical-align:middle;
	}
	
	form#nav-middle select{
	vertical-align:middle;
	margin-top:5px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	}
	
	/************* features ******************/
	
	#features{
                min-height:212px;
	width:760px;
	float:left;
	background:#fff url(/rakbank/Images/bg-features.gif) repeat-x left top;
	}
	
	#features ul#sections{
	list-style:none;
	padding:0;
	margin:0px;
	float:left;
	width:760px;
	border-top:1px solid #FFF;
	background:url(/rakbank/Images/bg-white-line-features.gif) repeat-y left top;
	}
	
	#features ul#sections li{
	list-style:none;
	padding:15px 10px 0 12px;
	margin:0;
	width:167px;
	float:left;
	border-right:1px solid #FFF;
	}
	
	#features ul#sections li h1{
	margin:0;
	padding:0;
	font-size:12px;
	color:#FF0000;
	text-transform:uppercase;
	}
	
	#features ul#sections li h1 a{
	color:#FF0000;
	}
	
	#features ul#sections li p{
	margin:0;
	padding:10px 0 0px 0;
	font-size:11px;
	height:70px;
	}
	
	#features ul#sections li img{
	float:right;
	display:block;
	}
	
	#features ul#sections li span{
	background:url(/rakbank/Images/bg-readmore.gif) no-repeat 0 3px;
	padding:0px 0 0 15px;
	
	width:85px;
	display:block;
	height:20px;
	}
	
	#features ul#sections li span.rak_class_1{
	margin-top:19px;
	}
	#features ul#sections li span.rak_class_2{
	margin-top:5px;
	}
	#features ul#sections li span.rak_class_3{
	margin-top:10px;
	}
	
	#features ul#sections li span.rak_class_4{
	margin-top:7px;
	}
	*html #features ul#sections li span.rak_class_3{
	margin-top:3px;
	}
	
	*html #features ul#sections li span.rak_class_4{
	margin-top:0px;
	}
	
	.video-link{
	margin:23px 0 0 0;
	width:auto !important;
	}
	
	#features ul#sections li span a{
	color:#FF0000;
	font-weight:bold;
	display:block;
	}
	
	/************* inside-pages ******************/
	
	#wrap{
	width:758px;
	float:left;
	border:1px solid #FFF;
	background:#FFF url(/rakbank/Images/bg-content.gif) repeat-x left top;
	height:100%;
	overflow:visible;
  	}

	/************* utitilities ******************/
	
	
	#utilities{
	width:42px;
	background:url(/rakbank/Images/bg-utilites.gif) no-repeat left top;
	float:right;
	height:20px;
	margin:8px 10px 0 0;
	}
	
	#utilities img{
	vertical-align:middle;
	margin-top:3px;
	}
	
	#utilities img.print{
	margin-right:13px;
	}
	
	/************* Breadcrumb ******************/
	
	#wrap-breadcrumb{
	width:758px;
	height:35px;
	float:left;
	border-bottom:1px solid #E8E8E8;
	margin-bottom:15px;
	}
	
	#breadcrumb{
	float:left;
	width:670px;
	height:25px;
	margin:8px 0 0 15px;
	display:inline;
	color:#FF0000;
	}

	#breadcrumb a.current{
	color:#FF0000;
	font-weight:bold;
	}
	
	#breadcrumb a.current:hover{
	text-decoration:none;
	}
	
	/************* sidebar-right ******************/
	
	#sidebar-right{
	width:166px;
	float:right;
	overflow:visible;
	background:url(/rakbank/Images/bg-sidebar-right.gif) repeat-x;
	color:#000000;
	padding:15px 0 0 6px;
	margin-right:15px;
	display:inline;
		}
	
	#content #sidebar-right{
	width:166px;
	float:right;
	height:100%;
	overflow:visible;
	background:url(/rakbank/Images/bg-sidebar-right.gif) repeat-x;
	color:#000000;
	padding:15px 0 0 6px;
	margin-right:0px;
	display:inline;
	}
	
	#sidebar-right h3{
	font-size:11px;
	margin:0 0 0 10px;
	padding:0;
	}
	
	#sidebar-right ul#related-links{
	margin:12px 0 0 0;
	padding:10px;
	list-style:none;
	width:140px;
	min-height:300px;
	background:#FFF;
	overflow:visible;
	}
	
	#sidebar-right ul#related-links li{
	margin:0;
	padding:8px 0 8px 10px;
	background:url(/rakbank/Images/black-arrow.gif) no-repeat 0 13px;
	border-bottom:1px solid #DEDEDE;
	}
	
	#sidebar-right ul#related-links li a{
	color:#000;
	text-decoration:none;
	}
	
	#sidebar-right ul#related-links li a:hover{
	color:#FF0000;
	}
	
	#sidebar-right ul#related-links li.current{
	background:url(/rakbank/Images/red-arrow.gif) no-repeat 0 13px;
	}
	
	#sidebar-right ul#related-links li.current a{
	color:#FF0000;
	}
	
	#sidebar-right ul#related-links li ul li{
	margin:0;
	padding:1px 0 1px 8px;
	list-style:none;
	border:none;
	background:url(/rakbank/Images/black-disc.gif) no-repeat 0 7px;
	}

	#sidebar-right ul#related-links li ul li a{
	color:#000;
	}
	
	#sidebar-right ul#related-links li ul li.current{
	background:url(/rakbank/Images/red-disc.gif) no-repeat 0 7px;
	}

	#sidebar-right ul#related-links li ul li.current a{
	color:#FF0000;
	}

	
	#sidebar-right ul#related-links li.current ul li a{
	color:#000;
	}
	
	#sidebar-right ul#related-links li.current ul li.current a{
	color:#FF0000;
	}
	
	
	
	/************* content ******************/
	
	#content{
	width:728px;
	float:left;
	padding:15px 10px 15px 15px;
	color:#333333;
	border-top:1px solid #E8E8E8;
	}
	
	#content p{
	margin:10px 0 10px 0;
	padding:0;
	}
	
	#content a{
	color:#FF0000;
	text-decoration:underline;
	}
	
	
	#content form{
	margin:0;
	padding:0;
	float:left;
	width:100%;
	}
	
	
	
	#content h1{
	color:#FF0000;
	font-size:16px;
	margin:0px 0 15px 0;
	padding:0;
	}
	
	#content h1 a {
	font-size:11px;
	font-weight:bold;
	color:#FF0000;
	}
	
	#content h2{
	color:#666;
	font-size:11px;
	margin:0px 0 5px 0;
	padding:0;
	}
	
	#content ul{
	margin:10px 0 10px 0;
	padding:0px;
	list-style:none;
	}
	
	#content ul li{
	margin:0;
	padding:0 0 0 13px;
	background:url(/rakbank/Images/content-bullet.gif) no-repeat 0 5px;
	list-style:none;
	}
	
	#content ul#features{
	list-style:none;
	padding:0;
	margin:15px 0 0 0;
	width:732px;
	float:left;
	height:100%;
	}
	
	#content ul#features li{
	list-style:none;
	padding:10px;
	margin:0;
	width:223px;
	min-height:170px;
	height:100%;
	overflow:visible;
	border-right:1px solid #FFF;
	background:url(/rakbank/Images/bg-fader.gif) repeat-x left top;
	float:left;
	}
	
	#content ul#features li a{
	text-decoration:none;
	}
	
	#content ul#features li a:hover{
	color:#FF0000;
	}
	
	#content ul#features li h2{
	margin:0;
	padding:0;
	font-size:11px;
	}
	
	#content ul#features li h2 a:hover{
	text-decoration:underline;
	}
	
	#content ul#features li p{
	margin:10px 10px 10px 0;
	padding:0;
	
	}
	
	#content ul#features li img{
	float:left;
	margin-right:10px;
	}
	
	#content ul#features li ul{
	list-style:none;
	padding:0;
	margin:0;
	width:130px;
	float:left;
	height:auto;
	}
	
	#content ul#features li ul li{
	list-style:none;
	padding:0 0 0 10px;
	margin:0;
	width:auto;
	height:auto;
	border:none;
	background:url(/rakbank/Images/black-arrow.gif) no-repeat 0 5px;
	float:none;
	min-height:0;
	}
	
	#content ul#features li ul li.current{
	background:url(/rakbank/Images/red-arrow.gif) no-repeat 0 5px;
	color:#FF0000;
	}
	
	#content ul#features li ul li a{
	color:#666666;
	}
	
	#content ul#features li ul li.current a{
	color:#FF0000;
	}
	
	table#creditcard{
	background:url(/rakbank/Images/bg-fader.gif) repeat-x left top;
	padding:0 0 0 10px;
	margin:10px 0 0 0;
	color:#666666;
	width:100%;
	float:left;
	}
	
	table#interest {
	background:#F1F1F1;
	padding:0 0 0 10px;
	margin:10px 0 0 0;
	color:#666666;
	width:100%;
	float:left;
	}
	
	table#creditcard em{
	color:#FF0000;
	font-weight:bold;
	font-style:normal;
	margin-right:2px;
	}
	
	table#creditcard td{
	height:30px;
	vertical-align:middle;
	}
	
	table#creditcard td.top{
	vertical-align:top;
	}
	
	table#creditcard td hr{
	text-align: right; 
	width: 100%; 
	height: 1px; 
	color: #E0E0E0; 
	border: none; 
	}
	
	HTML>BODY #content table#creditcard td hr { /* For Gecko-based browsers */
	margin-right: 0; 
	width: 100%; 
	height: 1px; 
	background-color: #E0E0E0; 
	border: none; 
	} 
	
	table#creditcard td h3{
	font-size:11px;
	color:#FF0000;
	margin:0;
	padding:0;
	}
	
	table#creditcard input{
	vertical-align:middle;
	font-size:11px;
	}
	
	table#creditcard input.txt{
	width:210px;
	border:1px solid #E0E0E0;
	color:#666666;
	height:18px;
	padding:3px 0 0 0;
	}
	
	table#creditcard input.age{
	width:70px;
	border:1px solid #E0E0E0;
	color:#666666;
	height:18px;
	padding:3px 0 0 0;
	}
	
	table#creditcard select{
	color:#666666;
	font-size:11px;
	vertical-align:middle;
	height:18px;
	}
	
	table#creditcard textarea{
	height:100px;
	width:330px;
	border:1px solid #E0E0E0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
	}
		
	
	#content-generic{
	width:530px;
	float:left;
	padding:15px;
	color:#333333;
	height:100%;
	}
	
	#content-generic a{
	color:#FF0000;
	text-decoration:underline;
	}
	
	#content-generic a:hover{
	text-decoration:none;
	}
	
	#content-generic h1{
	color:#FF0000;
	font-size:16px;
	margin:0px 0 15px 0;
	padding:0;
	}
	
	#content-generic h1 a {
	font-size:11px;
	font-weight:bold;
	color:#FF0000;
	text-decoration:none;
	}
	
	#content-generic h2{
	color:#666;
	font-size:11px;
	margin:0px 0 5px 0;
	padding:0;
	}
	
	#content-generic h3{
	color:#FF0000;
	font-size:11px;
	margin:0px 0 5px 0;
	padding:0;
	}
	
	#content-generic h4, #content h4{
	color:#333333;
	font-size:11px;
	margin:0px 0 5px 0;
	padding:0;
	}
	
	#content-generic p{
	margin:10px 0 10px 0;
	padding:0;
	}
	
	#content-generic ul{
	margin:10px 0 10px 0;
	padding:0px;
	list-style:none;
	}
	
	#content-generic ul li{
	margin:0;
	padding:0 0 0 13px;
	background:url(/rakbank/Images/content-bullet.gif) no-repeat 0 5px;
	list-style:none;
	}
	
	#content-generic hr { /* For Internet Explorer */
	text-align: right; 
	width: 100%; 
	height: 1px; 
	color: #999999; 
	border: none; 
	} 
	HTML>BODY HR { /* For Gecko-based browsers */
	margin-right: 0; 
	width: 1000%; 
	height: 1px; 
	background-color: #999999; 
	border: none; 
	} 
	HTML>BODY HR { /* For Opera and Gecko-based browsers */
	margin-right: 0; 
	width: 100%; 
	height: 1px; 
	background-color: #999999; 
	border: 0px solid #999999; 
	} 
	
	
	#content-generic h6{
	font-style:normal;
	color:#FF0000;
	font-size:11px;
	margin:0;
	padding:0;
	font-weight:normal;
	}
	
	/************* rak cards ******************/
	
	#content ul#rakcards{
	margin:0;
	padding:0;
	list-style:none;
	width:540px;
	float:left;
	height:100%;
	background:none;
	}
	
	#content ul#rakcards li{
	margin:0;
	padding:15px 0 0 0;
	list-style:none;
	height:85px;
	border-bottom:1px solid #E0E0E0;
	background:none;
	}
	
	#content ul#rakcards li.no-border{
	border:none;
	}
	
	#content ul#rakcards li img{
	float:left;
	margin:0 20px 10px 0;
	border:none;
	}
	
	#content ul#rakcards li h3{
	color:#FF0000;
	margin:0 0 5px 0;
	padding:0;
	font-size:11px;
	}
	
	#content ul#rakcards li h3 a{
	text-decoration:none;
	}
	
	#content ul#rakcards li p{
	padding:0;
	margin:5px 0 5px 0;
	}
	
	/************* footer ******************/
	#footer{
	height:52px;
	width:760px;
	float:left;
	clear:both;
	font-size:11px;
	font-family:Tahoma;
	}
	
	
	#footer ul{
	margin:0;
	padding:8px 0 0 0;
	list-style:none;
	}
	
	#footer ul li{
	margin:0 5px 0 0;
	padding:0 5px 0 0;
	list-style:none;
	float:left;
	background:url(/rakbank/Images/footer-pipe.gif) no-repeat right;
	}
	
	#footer form{
	height:44px;
	width:315px;
	float:left;
	display:inline;
	margin:0;
	 padding:0;
	}
	
	#footer form p{
	vertical-align:middle;
	float:left;
	margin:10px 0 0 0;
	padding:0;
	width:auto;
	}
	
	#footer form input{
	vertical-align:middle;
	float:left;
	border:0px;
	height:17px;
	font-size:11px;
	margin:7px 0 0 10px;
	padding:3px 0 0 2px;
	width:130px;
	}
	
	#footer form input.btn{
	vertical-align:middle;
	float:left;
	border:none;
	height:20px;
	width:20px;
	margin:7px 0 0 0;
	padding:0px;
	}
	
	#footer p{
	margin:0px 0 0 0;
	padding:0;
	float:left;
	width:430px;
	text-align:left;
	}
	
	/* For Forms */
	span.mandatory {
	margin-left:5px;
	color:#FD0000;
	}
	table#contact-form {
	border:none;
	}
	table#contact-form td{
	padding:5px 0px;
	border:none;
	}
	table#contact-form input {
	border:1px solid #CCCCCC;
	width:270px;
	height:18px;
	}
	table#contact-form select {
	padding:1px 0 0 0;
	border:1px solid #CCCCCC;
	height:22px;
	}
	table#contact-form textarea {
	border:1px solid #CCCCCC;
	width:270px;
	height:70px;
	}
	
	.submit {
	width:60px;
	height:17px;
	}
	
	input.rad {
	width:60px;
	height:17px;
	}
	
	/********************| Newsletter Registration |************************/
	table#newsletter-reg {
	border:none;
	}
	table#newsletter-reg tr td {
	border:none;
	padding:5px 0px;	
	}
	table#newsletter-reg .long {
	border:1px solid #CCCCCC;
	width:260px;
	height:18px;
	}
	
	table#newsletter-reg .file {
	border:1px solid #525252;
	background-color:#2A2A2A;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	}
	
	table#newsletter-reg  .textarea {
	border:1px solid #CCCCCC;
	width:260px;
	height:100px;
	}
	
	table.content-table{
	border:1px solid #E8E8E8;
	border-right:none;
	border-bottom:none;
	margin:0;
	padding:0;
	border-collapse:collapse; 
	}
	
	table.content-table tr th{
	border-right:1px solid #E8E8E8;
	border-bottom:1px solid #E8E8E8;
	margin:0;
	padding:2px 2px 2px 5px;
	text-align:left;
	}
	
	table.content-table tr td{
	border-right:1px solid #E8E8E8;
	border-bottom:1px solid #E8E8E8;
	margin:0;
	padding:2px 2px 2px 5px;
	}
	
		.ddsg-sitemap{
	
	}
	
	#ddsg-sitemap ul{
	margin:0;
	padding:0;
	}
	
	#ddsg-sitemap ul li{
	margin:3px 5px;
	padding:0;
	color:#999999;
	font-weight:bold;
	list-style:none;
	background:none;
	}
	
	#ddsg-sitemap ul li a{
	color:#999999;
	}
	
	#ddsg-sitemap ul li ul{
	padding:5px 0 5px 0;
	}
	
	#ddsg-sitemap ul li ul li{
	padding:0 0 0 15px;
	color:#000000;
	height:20px;
	list-style:none;
	background:url(/rakbank/Images/arrow-sitemap.gif) no-repeat 0 3px;
	font-weight:normal;
	}
	
	#ddsg-sitemap ul li ul li a{
	color:#999999;
	text-decoration:none;
	}
	
	#ddsg-sitemap ul li ul li a:hover{
	text-decoration:underline;
	}
	
	select.country-select {
	width:222px;
	}
	
	table#profile input.submit {
		margin:0px;
		vertical-align:middle;
		width:92px;
		height:31px;
		border:none;
	}
	table#profile input.long,table#profile textarea.long{
		width:354px;
		border:1px solid #B8B7B7;
		margin:4px 3px 4px 0px;
	}
	table#profile input.short{
		width:140px;
		border:1px solid #B8B7B7;
		margin:4px 3px 4px 0px;
	}
	table#profile select {
		border:1px solid #B8B7B7;
	}

	table#profile select.month {
		width:70px;
		margin:5px 0px;
	}
	table#profile select.day {
		width:60px;
		margin:5px 0px;
	}
	table#profile select.year {
		width:65px;
		margin:5px 0px;
	}
	.terms-conditions {
	font-size:10px;
	font-style:italic;
	}
	
	
	 	.expandCollapse {
	list-style:none;
	padding-left:0px;
	}
	
	.collapse  {
	list-style:none;
	/*background:url(/rakbank/Images/butllet-collapse.jpg) left 2px no-repeat;*/
	padding-left:15px;
	cursor:pointer;
	}
	 .collpase div  {
	display:block;
	}
	.expand {
	list-style:none;
	/*background:url(/rakbank/Images/butllet-expand.jpg) left 1px no-repeat;*/
	padding-left:15px;
	cursor:pointer;
	}
	
	.expand div {
	display:none;
	}
	
	table.creditcard{
	background:#EFEFEF;
	padding:10px 0 10px 10px;
	margin:10px 0 10px 0;
	color:#666666;
	width:100%;
	float:left;
		}
	table.creditcard em{
	color:#FF0000;
	font-weight:bold;
	font-style:normal;
	margin-right:2px;
	}
	
	table.creditcard td{
	height:30px;
	margin:10px 0 10px 0;
	padding:1px 0 1px 10px;
	vertical-align:middle;
	}
	
	table.creditcard td.top{
	vertical-align:top;
	}
	
	table.creditcard td hr{
	text-align: right; 
	width: 100%; 
	height: 1px; 
	color: #E0E0E0; 
	border: none; 
	}
	table.creditcard td h3{
	font-size:11px;
	color:#FF0000;
	margin:0;
	padding:0;
	}
	
	table.creditcard input{
	vertical-align:middle;
	font-size:11px;
	}
	
	table.creditcard input.txtbx{
	width:210px;
	border:1px solid #E0E0E0;
	color:#666666;
	height:18px;
	padding:3px 0 0 0;
	}
	
	
	
	
	
	/*New widget template style*/
	
	#features ul#sections li.last{
	height:182px;
	padding:14px 0 0 10px;
	border:none;
	}

	/*Newly added by NTS*/
	#features ul#sections li.last img{
	margin:7px 0 7px 0;
	}
	
	#features ul#sections li ul{
	float:right;
	width:170px !important;
	overflow:hidden;
	margin:0;
	padding:0;  
	}
	
	#features ul#sections li ul li{
	float:right;
	width:170px; 
	height:90px!important;
	padding:0;
	margin:0;  
	overflow:hidden;
	}

	*:first-child+html #features ul#sections li ul li {
	min-height:90px!important;
	float:left; 
	overflow:hidden;
	}
	
	#features ul#sections li ul li h1{
	margin:0;
	padding:0 0 4px 0; 
	}
	
	#features ul#sections li ul li img{
	width: 166px;
	border:solid 2px #CCCCCC; 
	}
	
	#features ul#sections li ul li p{
	margin:0;
	padding:0;
	}