/* 
Client: National Bank
Project Name: iCash
Author: Rambal
Created Date: 21 May 2009
Company: YALAMANCHILI
Version: 1.0
 */
 
/* general */
*, body, h1,h2,h3,h4,h5,
h6,p, ul, li								{ padding:0; margin:0; }
body										{ margin:0; padding:0; background-color:#eee; 
											  font-family: Arial, Verdana, Helvetica, sans-serif; color:#666666;
											}
a:link, a:visited 							{ color:#008917; text-decoration:none;}
a:hover										{ color:#333333; text-decoration:none;}
.clr										{ clear:both; margin:0; padding:0;}

/* header */ 
#header_container							{ background-color:#D0D5C9;}
#header										{ margin: 0 auto; background: #798569 url(images/headerbg.jpg) no-repeat left top; 
											  width:968px; height:155px;
											}
.logo										{ float:left; margin: 10px 0 0 14px; width:100px;}
.head_login									{ float:right; background: url(images/loginbg.jpg) no-repeat left top; 
											  width:160px; height:102px; margin:25px 20px 0 0; display:inline;
											}
											
											
											
.lock										{ float: left; background-repeat:no-repeat; width:37px; height:34px; }											
											
											
											
.login										{ margin:50px 0 0 40px; }
.login1										{ margin:7px 0 0 40px; background: url(images/login_arrow.gif) no-repeat left 1px;
											  font-size:10px; text-indent:13px; color:#336633;
											}
.login1	a:link, .login1	a:visited			{ color: #336633;}
.login1	a:hover								{ color: #666;}

/* navigation */
#navigation_container						{ margin: 0 auto; width:968px; background: url(images/navbg.gif) repeat-x left top;
											  height:36px;
										    }
.menu 										{ float: left; margin: 0; padding: 0; list-style: none; width:757px; 
											  background-color:#;
											} 
.menu li 									{ float: left; padding: 0; margin: 0; height: 36px; list-style: none; 
											  background-repeat: no-repeat; margin-right:1px; 
											} 
.menu li a, 
.menu li a:visited 							{ display: block; text-decoration: none; text-indent: -1000px; height: 36px; 
											  background-repeat: no-repeat;
											} 
.icash 										{ background-image: url(images/icash2.gif); width: 147px;} 
.icash a 									{ background-image: url(images/icash1.gif);	} 
.icashcurrent								{ background-image: url(images/icash3.gif); width: 147px;} 
.about 										{ background-image: url(images/about2.gif); width: 143px;} 
.about a 									{ background-image: url(images/about1.gif);	} 
.aboutcurrent								{ background-image: url(images/about3.gif); width: 143px;} 
.parents 									{ background-image: url(images/parents2.gif); width: 206px;} 
.parents a 									{ background-image: url(images/parents1.gif);	} 
.parentscurrent								{ background-image: url(images/parents3.gif); width: 206px;} 
.apply 										{ background-image: url(images/apply2.gif); width: 124px;} 
.apply a 									{ background-image: url(images/apply1.gif);	} 
.applycurrent								{ background-image: url(images/apply3.gif); width: 124px;} 
.contact 									{ background-image: url(images/contact2.gif); width: 132px;} 
.contact a 									{ background-image: url(images/contact1.gif);	} 
.contactcurrent								{ background-image: url(images/contact3.gif); width: 132px;} 
ul.menu li a:hover 							{ background: none; } 
.menu:after 								{ content: "."; display: block; height: 0; clear: both; visibility: hidden;}

/* content fixed elements */
#content_container							{ margin:0 auto; width:968px; background-color:#fff; border-right: 1px solid #ccc;
											  border-left: 1px solid #ccc; 
											}
.topcurve									{ margin:0 auto; width:956px; height:12px; 
											  background: url(images/curvetop.gif) no-repeat left bottom;
											}
.bottomcurve								{ margin:0 auto; width:956px; height:10px;
											  background: url(images/curvebottom.gif) no-repeat left top;											  
											}
#content									{ margin:0 auto; width:954px; min-height:500px; padding:0; display:block;
											  background: url(images/contentbg.gif) repeat-x left top;
											  border-right: 1px solid #D6D6D6; border-left: 1px solid #D6D6D6;
											}
#sidebar_right								{ width: 280px; float:right; margin: 0 3px 0 0;}
.sidebar_apply								{ width: 210px; margin:0 auto; color:#666;}
.sidebar_apply p							{ line-height:125%; font-size: 12px; margin: 0 0 10px 0;}	
.sidebar_apply h4							{ font-size: 16px; color:#008917; padding:0; margin: 0 0 10px 0; font-weight:normal;}
.sidebar_promo								{ width:230px; margin:0 auto; padding:10px 0 50px 0;}
.flash										{ position:absolute; margin:-148px 0 0 1px;}

/* homepage design elements */
#home_left									{ background: url(images/splash.gif) no-repeat left top;
											  float:left; width:660px; margin:0; padding:0; display:inline;
											}
.intro										{ width:585px; margin: 0 auto; padding: 45px 0 0 0;}
.intro p									{ font-size: 16px; color:#595959; line-height:135%; margin: 10px 0;}
.left_section								{ float:left; background: url(images/promoblock1.gif) no-repeat left top;
											  margin:15px 0 0 36px; padding:0; width: 304px;color:#333; display:inline;
											}
.left_section h3							{ font-size: 20px; color:#008917; padding:0; margin: 8px 0 20px 15px; font-weight:normal;}
.left_section p								{ font-size: 13px; padding:0; margin: 8px 10px 0 15px; line-height:150%;}
.left_section ul							{ font-size:12px; margin: 8px 0 0 30px; display:block;}
.left_section ul li							{ list-style-image: url(images/listarrow.gif); margin-bottom:2px;}
.right_section								{ float:right; background: url(images/promoblock1.gif) no-repeat left top;
											  margin:15px 0 10px 0; padding:0; width: 304px; color:#333; display:inline;
											}											
.right_section h3							{ font-size: 20px; color:#008917; padding:0; margin: 8px 0 20px 15px; font-weight:normal;}
.right_section p							{ font-size: 13px; padding:0; margin: 8px 10px 0 15px; line-height:150%;}
.right_section ul							{ font-size:12px; margin: 8px 0 0 30px; display:block;}
.right_section ul li						{ list-style-image: url(images/listarrow.gif); margin-bottom:2px;}
.medium1									{ font-size:12px; text-transform:uppercase; color:#666;}

/* other pages design elements */
#maincontent								{ float:left; width:660px; margin:0 auto; padding:0; display:inline;}
#sidebar_nav								{ float:left; width:167px; min-height:200px; margin: 35px 9px 0 40px;
											  background: url(images/sidebar_navbg.gif) no-repeat left top; display:inline;
											}
#sidebar_nav ul								{ font-size:12px; margin: 15px 15px 0 30px; display:block; line-height:145%;}
#sidebar_nav ul li							{ list-style-image: url(images/listarrow.gif); margin-bottom:5px;}
#sidebar_nav ul li .current					{ color:#333; font-weight:bold;}
#rightpanel_content							{ background: url(images/maincontentbg.gif) no-repeat left top;
											  float:right; width:437px; margin:35px 0 0 0; display:inline; 
											}
											
#sidebar_right ul							{ font-size:12px; margin: 8px 0 0 30px; display:block; padding-left:30px;}
#sidebar_right ul li						{ list-style-image: url(images/listarrow.gif); margin-bottom:2px;}

.promo1										{ width: 270px; margin:0 auto; color:#333;}
.promo1 h3									{ font-size: 20px; color:#008917; padding:0; margin:15px 0 10px 0; font-weight:normal;}
.promo1 h4									{ font-size: 15px; color:#008917; padding:0; margin:15px 0 0 0; font-weight:normal;}
.promo1 ul									{ font-size:12px; margin: 5px 0 0 20px; display:block; line-height:145%;}	
.promo1 ul li								{
	margin-bottom:1px;
	list-style-type: square;
	list-style-image: url(images/bullet.gif);
}
.promo1 ol									{ font-size:12px; margin: 10px 0 0 25px; display:block; line-height:145%;}
.promo1 ol li								{ margin:5px 0;}












.promo										{ width: 400px; margin:0 auto; color:#333;}
.promo h3									{ font-size: 20px; color:#008917; padding:0; margin:15px 0 10px 0; font-weight:normal;}
.promo h4									{ font-size: 15px; color:#008917; padding:0; margin:15px 0 0 0; font-weight:normal;}
.promo ul									{ font-size:12px; margin: 5px 0 0 20px; display:block; line-height:145%;}	
.promo ul li								{
	margin-bottom:1px;
	list-style-type: square;
	list-style-image: url(images/bullet.gif);
}
.promo ol									{ font-size:12px; margin: 10px 0 0 25px; display:block; line-height:145%;}
.promo ol li								{ margin:5px 0;}
.headlines									{ font-size:16px; line-height:150%; color: #595959; margin:0; padding:0;}
.middle										{ font-size:12px; line-height:135%; margin:0; padding: 10px 0 0 0; }
.middle	img									{ float: left; margin: 0 10px 0 0;}
.locate										{ font-size:12px; line-height:140%; margin:0; padding: 10px 0 0 0;}
.title										{ font-size:12px; font-weight:bold; color:#008917;}
.info										{ font-size:10px; line-height:150%;}
.listing 									{ font-size:12px; margin: 15px 0 0 0px; display:block; line-height:165%; 
											  list-style-type:none; padding:0;
											}	

.tables										{ border: 1px solid #CCCCCC; margin: 10px 0 0 0;}
.tables .heading							{ font-size: 12px; color:#008917; font-weight:bold; padding:10px 0 0 10px; height:20px;
								  			  background: #fff url(images/feetable_bg.gif) repeat-x left bottom; display:inline;
											  border-bottom: 1px solid #cccccc; border-right: 1px solid #cccccc; float:left; width:275px; 
											}
.tables .headingright						{ font-size: 12px; color:#008917; font-weight:bold; padding:10px 0 0 10px; height:20px;
								  			  background: #fff url(images/feetable_bg.gif) repeat-x left bottom; display:inline;
											  border-bottom: 1px solid #cccccc; float:right; width:102px;
											}
.columnns									{ font-size: 12px; border-bottom:1px solid #cccccc; }
.leftcolumn									{ float:left; width:275px; border-right: 1px solid #cccccc; padding: 5px 0 5px 10px; }
.rightcolumn								{ float:right; width:100px; padding: 5px 0 5px 10px;}

/* Faq Accordin */
#basic-accordian							{ font-size:12px; color:#333;}
.hq											{ margin: 0 0 10px 20px; line-height:135%; font-size:13px;}
.hq a:link,
.hq a:visited								{ color:#333;}
.hq a:hover									{ color:#008917;}
.accordion_headings							{ padding:0; color:#008917; font-weight:bold;	font-size:11px;
											 text-indent:15px; margin:0 0 10px 5px; text-transform:uppercase;
											}
.accordion_child							{ padding:0; margin:0 0 10px 10px;	}
.header_highlight							{ color:#333; font-size:16px; text-indent:15px; margin: 0 0 0 20px;
											  background: url(images/down.gif) no-repeat left center;
											}
.acccontainer								{ margin: 0; padding:0; width:437px;}
.question									{ font-size:12px; color:#333; margin:0 0 5px 10px; font-weight:bold;}
.accordion_child p							{ line-height:130%; margin:0 0 0 10px; padding:0; font-size:12px;}
.leftcolumn1								{ float:left; width:180px;  padding:5px;}
.rightcolumn1								{ float:right; width:200px; padding: 5px; border-left: 1px solid #cccccc;}
.footnote									{ font-size:10px; margin: 10px 0 0 10px; line-height:160%;}
.backtotop									{ font-size:12px; line-height:115%; margin: 5px 0 2px 10px;}

/*apply and continious pages */
.sidebar_promo1								{ width:272px; margin:0 auto; padding:0; text-align:center; height:300px;
											  background: url(images/sidebar_bg.gif) no-repeat right top; 
											}
.sidebar_promo1 img							{ padding:65px 0 0 0; margin:0;}											
#applybg1									{ margin:0 auto; width:954px; min-height:650px;
											  background: url(images/apply1bg.gif) repeat-x left top;
											  border-right: 1px solid #D6D6D6; border-left: 1px solid #D6D6D6;
											}
#applybg									{ margin:0 auto; width:954px; min-height:2750px;
											  background: url(images/apply_bg.gif) repeat-x left top;
											  border-right: 1px solid #D6D6D6; border-left: 1px solid #D6D6D6;
											}
.apply_content								{ background: url(images/apply_headbg.png) no-repeat left top;
											  width:580px; margin:35px 0 20px 35px; min-height:150px; 
											}											
.apply_content h3							{ font-size: 20px; color:#008917; padding:0; margin:0 0 10px 25px; padding-top:25px; font-weight:normal;}
.apply_content h4							{ font-size: 18px; color:#707867; padding:0; margin:0 0 10px 25px; padding-top:20px; font-weight:normal;}
.apply_content h5							{ font-size: 12px; color:#666; padding:0; margin:0 0 10px 25px; font-weight:normal; text-transform:uppercase;}
.photo										{ float:left; margin:25px 15px 10px 25px;}
.appheadlines								{ font-size:14px; line-height:135%; margin:0; padding:0;}
.asterix									{ color: #cc6600;}
.headtext									{ font-size: 12px; margin:0 0 0 25px; line-height:135%;}
.infoline									{font-size: 10px; margin: 0 0 0 25px; padding:0;}
.formarea									{ margin: 10px 0 0 0; padding: 0 0 0 25px;}
.formarea input[type=text]					{ border:1px solid #ccc; margin:0; padding:0;}
.confirmdetails input[type=text]			{ border:1px solid #ccc; margin:0; padding:0; color:#666; font-size:11px;}
.columnleft									{ float:left; width:270px; font-size:11px; margin: 5px 0 0 0;}
.columnleftlook								{ float:left; width:215px; font-size:11px; margin: 5px 0 0 0;}
.columnright								{ float:right; width:270px; font-size:11px; margin: 5px 0 0 0; }
.emptyfields								{ font-size:11px; color:#333; margin: 5px 0 0 0;}
.t											{ width:15px; border: 1px solid #ccc;}
.bold										{ font-weight:bold;}
.sml										{ font-size: 10px;}
.medium										{ font-size: 12px;}
.arrow										{ text-align:right; background: url(images/listarrow.gif) no-repeat right center; padding: 0 15px 0 0;}
.confirmdetails								{ margin: 0 0 0 65px;}
#confirmbg									{ margin:0 auto; width:954px; min-height:1350px;
											  background: url(images/confirmbg.gif) repeat-x left top;
											  border-right: 1px solid #D6D6D6; border-left: 1px solid #D6D6D6;
											}
											
#thanksbg									{ margin:0 auto; width:954px; min-height:1000px;
											  background: url(images/thanksbg.gif) repeat-x left top;
											  border-right: 1px solid #D6D6D6; border-left: 1px solid #D6D6D6;
											}

/* footer */
#footer_container							{ background-color:#848484; margin:0; padding:0;}
#footer										{ width:968px; margin: 0 auto; background-color:#999999; height:250px;
											  text-align:center; padding:20px 0 0 0; font-size:11px; color:#fff;
											}
#footer p									{ line-height:130%;}
#footer a, #footer a:visited				{ color:#fff; text-decoration:underline;}
#footer a:hover								{ color:#fff; text-decoration: none;}

/* popup*/
#mask 										{ position:absolute; left:0; top:0; z-index:9000; background-color:#F9F9F7; display:none;}
#boxes 										{ font-size:12px; color:#333;}
#boxes .window 								{ position:fixed; left:0; top:0; width:250px; height:200px; display:none; z-index:9999;
											  padding:20px;
											}
#boxes #dialog2 							{ background:url(images/popup.gif) no-repeat 0 0 transparent; width:270px; height:212px;
  											  padding:10px 0 20px 27px;
											}
.boxtitle									{ font-size:14px; font-weight:bold; padding: 0 0 20px 0;}
.boxinfo									{ padding: 20px 0 5px 60px; width:150px;}
.gotohome 									{ background-image: url(images/arrow.gif); background-repeat: no-repeat;
											  background-position: 60px center;	margin: 0; padding: 0 0 0 80px;
											}
.close 										{ background-image: url(images/close.gif); background-repeat: no-repeat;
											  background-position: 60px center;	margin: 0; padding: 0 0 0 80px;
											}