@charset "utf-8";
/* default element styles */
body {
	margin:0;
    text-align:center;
	background-color: #E5F1F4;
	background-image:url(../images/bgre.gif); background-repeat:repeat-y; background-position:center;
	font-family:Arial, Helvetica, sans-serif;
}
#content{ width:960px; text-align:justify; margin:0px auto; position:relative;}
#corpTopnav{left:0px; width:960px; float:left; height:76px; z-index:150; position:relative; }
div.Topnav{left:0px; width:960px; float:left; height:120px; z-index:150; background:url(../images/switch_v1bg.gif) no-repeat; background-position:bottom;  position:relative; }
div.Topnav_eservicecentre{left:0px; width:960px; float:left; height:76px; z-index:150; background:url(../images/eservice_centre_title.gif) no-repeat; background-position:bottom;  position:relative; }
.topsearchbox{
	width:173px;
	height:18px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;

}

/* footer  styles */

#footer {	
clear: both;
    width: 930px;
	bottom:0px;
	margin-left: 15px;
	position: fixed;
	_position:absolute; /* for IE6 */
	_top: expression(documentElement.scrollTop + documentElement.clientHeight-this.offsetHeight); /* for IE6 */
    overflow:visible;
	z-index:990;
	background:#FFF;
	padding-top:5px;}

div.rfoot{float:right; }
div.lefoot{float:left;}

#space{ width:100%; margin:auto auto; bottom:0px; margin-bottom:0px;}




div.mlogo{
	top:0px;
	left:20px;
	width:310px;
	height:71px;
	background:url(../images/logo_tg.gif) no-repeat;
	position:absolute;
	
}
div.tlink{ top:10px; right:20px; height:25px; width:600px; position:absolute; }



/* Business - Household  button Style (start)  */
div.businessbtn{ right:280px; width:138px; height:24px; bottom:1px; position:absolute; cursor:pointer; background:url(../images/btn_bs.gif) no-repeat;}
div.businessbtn_o{ right:280px; width:138px; height:24px; bottom:1px; position:absolute; cursor:pointer; background:url(../images/btn_bs_o.gif) no-repeat;}
div.househbtn{ right:143px; width:138px; height:24px; bottom:1px; position:absolute; cursor:pointer; background:url(../images/btn_hs.gif) no-repeat;}
div.househbtn_o{ right:143px; width:138px; height:24px; bottom:1px; position:absolute; cursor:pointer; background:url(../images/btn_hs_o.gif) no-repeat;}
/* Business - Household  button Style (End)  */



/* Top nav Style (start)  */
.gtnav { margin-left:6px; margin-right:6px; font-family:Arial, Helvetica, sans-serif; font-size:11px;letter-spacing:0.04em;}
div.tlink a:link    {color:#808285; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:11px;letter-spacing:0.04em;}
div.tlink a:visited {color:#7C7C7C; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:11px;letter-spacing:0.04em;}
div.tlink a:active  {color:#808285; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:11px;letter-spacing:0.04em;}
div.tlink a:hover   {color:#00437a; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:11px;letter-spacing:0.04em;}
/* Top nav Style (End)  */



div.pbanner{ float:left; padding-left:18px; left:0px; top:0px; width:942px; height:90px; position:relative;}


/* bcrumb Style (start) */
.bcrumb{ float:left; top:10px; width:740px; height:15px;display:inline;margin-left:18px;}
.stree{ color:#808285; font-size:11px; font-family:Arial, Helvetica, sans-serif;letter-spacing:0.02em;}
/* bcrumb Style (End)  */




/* MainContent Style  */
.mainbody{float:left; width:940px; display:inline; margin-left:18px; margin-top:0px;}
.mainbody2{float:left; width:940px; display:inline; position: relative; z-index:920; clear:both; left:0px; margin-left:15px; top:45px; margin-bottom:120px; }
.mcontent{ float:right; width:756px; background:url(../images/mcontent_bg.gif); background-repeat:no-repeat; background-position:top; position:relative; z-index:0; }
.footxt{color:#808285; text-decoration:none;font-size:11px; font-family:Arial, Helvetica, sans-serif;}


#clear {clear:both;}


div.txtTag{
	display:none;
}

/*Added Aug2010 for C&I*/
.ci_row{width:540px; float:left; position:relative; margin-bottom:15px;}
.ci_product { width:172px; float:left; margin-right:2px;margin-left:2px;}
.ci_product img{ padding:2px; border:1px solid #D8E171;float:left; margin-bottom:5px;}
.ci_text{color:#747474; font-size:12px; float:left;}

.ci_B_title{ width:285px; float:left; margin-bottom:10px;}
.ci_B_pulldown{width:255px; float:left; text-align:right;margin-bottom:10px;}
.ci_B_row{width:540px; float:left; position:relative; margin-bottom:15px;}
.ci_B_product { width:172px; float:left; margin-right:2px;margin-left:2px;}
.ci_B_product img{border:1px solid #CFCFCF;float:left; margin-bottom:5px;}

.ci_breadcrumb{ color:#949494; font-size:12px; width:540px;}
.ci_detail_title1{ border-bottom:#BFBFBF 1px solid; margin-left:5px; float:left; width:225px; margin-top:5px;}
.ci_detail_title2{ border-bottom:#BFBFBF 1px dotted; margin-left:5px; float:left;width:225px;margin-top:5px;}
.ci_detail_img{ margin-top:10px; margin-bottom:10px; margin-right:10px; float:left;}
.ci_rightlist ul{ padding:0; margin:10px;}
.ci_rightlist li{ list-style:none; font-size:12px; padding-left:10px; background:url(../../images/customer/arrow-ci.gif) no-repeat 0 7px; color:#8F8F8F; margin-bottom:3px;}
.ci_rightlist li a{ text-decoration:none; color:#8F8F8F;}
.ci_rightlist li a:hover{ text-decoration:underline; color:#8F8F8F;}
#ci_apDiv1 {
	position: absolute; font-size:12px; color:#5A5B5D;
	width:148px;
	z-index:999;
	text-align:left;
    overflow-y:auto;
	overflow-x:hidden;
	visibility: hidden;
	height:150px;
	background-color:#FFF;
	border:1px solid #999;
	top:38px;;
}
#ci_apDiv2 {
	position: absolute; font-size:12px; color:#5A5B5D;
	width:148px;
	z-index:999;
	text-align:left;
    overflow-y:auto;
	overflow-x:hidden;
	visibility: hidden;
	height:150px;
	background-color:#FFF;
	border:1px solid #999;
	top:90px;
}
.atodd{background-color:#fff;padding: 3px ; /*top right bottom left*/ text-align:left;} 
.ateven{background-color:#E2F8FB;padding: 3px ; /*top right bottom left*/text-align:left;}
.atodd a, .ateven a{ text-decoration:none;}
.atodd a:hover, .ateven a:hover{ text-decoration:underline}
.sel_cat{ position:relative; font-size:12px;color:#5A5B5D;}