/* 	CSS Document 
	Author 	: www.techepoch.com 
	Date 	: June 2011
	Description : Login page styles for ICICI Bank
*/
@charset "utf-8";

/* 	
	Description : Common site wide styles for ICICI Bank
*/

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;	padding: 0;	border: 0;	outline: 0;	font-size: 100%;	vertical-align: baseline;	background: transparent;}
body {	line-height: 1;}
ol, ul {	list-style: none;}
blockquote, q {	quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {	content: '';	content: none;}
/* remember to define focus styles! */:focus {	outline: 0;}
/* remember to highlight inserts somehow! */ins {	text-decoration: none;}
del {	text-decoration: line-through;}
/* tables still need 'cellspacing="0"' in the markup */table {	border-collapse: collapse;	border-spacing: 1; }
/* End CSS Resets */

/* Clear Floated Elements */
/* http://perishablepress.com/press/2009/12/06/new-clearfix-hack */
.clearfix:after {clear: both; content: ' ';	display: block;	font-size: 0;	line-height: 0;	visibility: hidden;	width: 0;	height: 0;}
/*	The following zoom:1 rule is specifically for IE6 + IE7.Move to separate stylesheet if invalid CSS is a problem.*/
* html .clearfix,
*:first-child+html .clearfix {zoom: 1;}

body {color:#000; font-family:Arial, Helvetica, sans-serif; font-size:77%; background:#fff;  margin:0px;}
a {text-decoration:none;color:#03C; } a:hover {text-decoration:none; cursor:pointer; color:#3F4C6B}
ul {list-style: none;}
form{ font-size:0.9em;}
.sitesprite{background:url(/web/L001/images/icici/sprite_site.png) no-repeat;}

/* 	Layout */
#main_header{width: 100%;  height:auto; background:#8D110E;}
#main_body  {position:relative; background:#fff;}
#main_footer{width: 100%;    bottom:0; right:0; height:40px; background-color:#FFFFFF; margin-top:10px; display:none;}
#main_footer_inner {clear: both; border-top: 1px solid #cacaca;  color:#999999;}

/* 	Headers */
#logo{ width:280px; height:48px;  float:left; display:block;}

/* Misc */ 
.floatl{float:left;} .floatr{float:right;} .floatc{margin-left: 125px}
.content p {margin: 12px 0;}
.f08{font-size:0.8em;} .f09{font-size:0.9em;} .f10{font-size:1.0em;}  .f11{font-size:1.1em;} .f13{font-size:1.3em;} .f14{font-size:1.4em;} .f16{font-size:1.6em;} .f18{font-size:1.8em;} .f20{font-size:2em;}
.fnormal{font-weight:normal;}.fbold{font-weight:bold;} .fdgrey {color:#333333;} .fgrey {color:#666666;} .fblue{color:#004182;} .fred{color:#a41c2b;}
.displayn{display:none;} .displayb{display:block;} .displayib{display:inline-block;}
.funderline{text-decoration:underline;}
.pad0{padding:0px;} .pad5{padding:5px 0px;}  .pad2{padding:2px 0px;} 
.noborder{border:0px;} .bgf{background-color:#fff;}  .bg2{background-color:#F2EEE3;} 
.ital{font-style:italic;}
.lh15{line-height:15px;} .alignl{text-align:left;} .alignr{text-align:right;} .alignc{text-align:center;} .wauto{width:auto;}
.bulletedul {list-style:disc; margin:10px 0 0 20px; } .bulletedul li{display:list-item; margin:3px; line-height:15px; }
.button {background-color: #ec870e;font-size: .8em;color: #fff;font-weight: bold;height: 22pt;}

/* START LOGIN SECTION */

#login_contianer {width: 780px;}
#top_links{ float:right; color:#FFFFFF; margin:4px;width:18%} #top_links a{ font-weight:bold; color:#FFFFFF; font-size:1em; }
#top_sound{float:right;margin:10px;font-size:9pt}
#main_menu {width: 100%;  height:auto;background:#901010;   }
#main_menu a {}
#main_menu a{color:#fff; background:#EB922C;height:33px; vertical-align:middle;  display:table-cell; #display:block; #float:left; /*height:auto;*/ width:80px; #width:9.8%; #border:1px solid #901010; #padding-top:6px; #height:32px;  text-align:center; font-weight:bold; font-size:.9em; border-right:1px solid #901010;.border-right:0.5px solid #901010;}

#main_menu a.current{ background:#901010;}
#main_menu a.last {	border:0px;	}
#main_menu a.twoliner {	line-height:13px; .line-height:14px;height:28px; padding-top:2px;}
#main_body {.margin-left:50px; }
#main_body_contents {  margin:0px; width:100%; }
#login_body {width:90%; .width:95%;	margin:5px auto;  border:1px solid #a41c2b;}
#login_body_title {	font-family: Arial; font-size: 10pt; color:#ffffff; background:#901010; padding:4px;font-weight:bold;	margin:1px;}
#login_body_inner {	padding:5px;}
#login_body_inner_links{}
#login_body_inner_links a { display:block;	float:left; width:165px;margin:2px 2px 5px 2px;	color:#a41c2b; font-weight:bold;	text-decoration:underline; text-align:center;}
#login_col1 {width:370px; height:265px auto; padding:5px;float:left;}
#login_col2 { background: none repeat scroll 0 0 #FFFFFF;
    float: right;
    height: 188px;
    margin: 17px 0;
    padding: 28px;
    width: 304px;}
#login_col1 ol { list-style:decimal;	margin:1px 0 0 20px; }
#login_col1 ol li {	display:list-item;	margin:3px;	line-height:12px; font-family: Arial; font-size: 11px;}
#login_form{}
.login_form_row{clear:both; margin:1px 0 10px 0;}
.login_form_row2{clear:both; margin:1px 0 10px 0; .margin:20px 0 10px 0;}
.login_form_label{ font-family: Arial; font-size: 10pt; width:80px; float:left; font-weight:bold; color:#a41c2b; text-align:right;}
.login_form_value{ width:auto; float:left; padding: 0 0 0 5px; }



#virtual_key{ border:0px solid #D6CFB1; padding:5px;}


/*
#virtual_key{ border:1px solid #D6CFB1; padding:5px;}
#virtual_key table{ border:0px solid red; font-size:.9em; margin:5px 0;}
#virtual_key table{ border:1px solid #D6CFB1;}
/*#virtual_key input{width:18px; height:20px; border:1px solid #ccc;font-size:1em; color:#D6CFB1;margin:0 0 1px 0; line-height:18px; }
*/
/*.type1d , .type2d , .type3d { color: #DED7BD;  font-size: 1em;  font-weight: bold; font-family:Arial, Helvetica, sans-serif;  height: 19px;    border: 0 none;}
.type1d {background: url("/web/L001/corporate/jsp/images/box1d.gif") repeat scroll 0 0 #FFFFFF;   margin-bottom: 2px;   width: 19px;}
.type2d {background: url("/web/L001/corporate/jsp/images/box2d.gif") repeat scroll 0 0 #FFFFFF;    width: 75px;}
.type3d {background: url("/web/L001/corporate/jsp/images/box3d.gif") repeat scroll 0 0 #FFFFFF;  width: 44px;}

*/

/* virtual key START */

.type1 { height : 19px;width : 19px; cursor: hand; cursor: pointer; border:0; margin-bottom:2px; color:#a41c2b; font-family:arial; font-weight:bold;font-size:0.95em;background:url(../images/box1.gif);background-color:#ffffff; }
.type2 { height : 19px;width : 75px;cursor: hand;cursor: pointer;border:0;color:#a41c2b;font-family:arial;font-weight:bold;font-size:0.95em;background:url(../images/box2.gif);background-color:#ffffff;}
.type3 { height : 19px;width : 44px;cursor: hand;cursor: pointer;border:0;color:#a41c2b;font-family:arial;font-weight:bold;font-size:0.95em;background:url(../images/box3.gif);background-color:#ffffff;}
.type1d { height : 19px;width : 19px;border:0;background:url(../images/box1d.gif);background-color:#ffffff;margin-bottom:2px;color:#857E64; font-family:arial;font-weight:bold;font-size:0.95em;}
.type2d { height : 19px;width : 75px;border:0;color:#857E64;font-family:arial;font-weight:bold;font-size:0.95em;background:url(../images/box2d.gif);background-color:#ffffff;}
.type3d { height : 19px;width : 44px;border:0;color:#857E64;font-family:arial;font-weight:bold;font-size:0.95em;background:url(../images/box3d.gif);background-color:#ffffff;}
.type2caps { height : 19px;width : 75px;border:0;color:#a41c2b;font-family:arial;font-weight:bold;font-size:0.95em;background:url(images/box2caps.gif);background-color:#ffffff;}

/* virtual key END */


#security_statement {	width:80%;	margin:15px auto; .margin-left:70px;	font-size:.9em;}
#footer_links {	width:90%;	.width:95%; margin:5px auto;	border:1px solid #a41c2b;	padding:5px;color:#a41c2b;	font-size:.9em;	text-align:center;}
#footer_links a {	font-family: Arial; text-decoration: none; color: #901010;font-size:8pt;hover:text-decoration:underline}

/* SHOPPING MALL LOGIN START */
.shop_logo{ float:left; .width:240px; .height:63px; width:240px; height:63px;}
/*.shopsprite{background-image:url(/web/L001/images/icici/top1bg.gif);}*/
.shop_sound{float:right;margin:10px; font-size:9pt}
#shop_login_contianer {width: 100%;}
#shop_main_header{width: 100%;  height:auto; background-image:url(/web/L001/images/icici/top1bg.gif); }
#shop_main_body { position:relative; font-family: Arial; font-size: 9pt; text-align:center;line-height:20px;.line-height:1px;}
#shop_main_body_option {margin-left:304px;}
#shop_login_body {width:90%; .width:95%;	margin-left:100px; }
#shop_login_col1 {width:450px; height:300px; padding:5px;float:left;}
#shop_login_col1_title {font-family: Arial; font-size: 9pt; background:#efefe0; padding:7px;	margin:1px;text-align:center;}
#shop_login_form{text-align:center}
.shop_login_form_row {clear:both; margin:5px 0 10px 40px; text-align:center; }
/*#shop_login_form_row1 {clear:both; margin:5px 0 10px 40px; text-align:center; }
#shop_login_form_row1 table { }*/
.shop_login_form_label {font-family: Arial; font-size: 10pt; border:1px solid #D6CFB1; width:80px; background:#efefe0; padding:5px; float:left; text-align:left;}
.shop_login_form_value {width:auto; float:left; padding: 0 0 0 5px;border:1px solid #D6CFB1;}
.tabletitle{font-family: Arial; font-size: 9pt;}
#shop_login_col2 {width:304px; height:300px;	padding:15px 0 0 0px;float:left;}
#shop_login_image_sec {}
.shopbutton {background-color: #ec870e;.font-size: .8em;font-size: .95em;color: #fff;font-weight: bold;height: 16pt;}

/* SHOPPING MALL LOGIN START */






