/*
global.css
Styles for global modules being used in ICICI
e.g. templates, place-holders, header, footer
*/
/*[UTILITY CLASSES]*/
.hide{
	display:none;
}
.hideText{
	overflow:hidden;
	text-indent:-999px;
}
.iconLink{
	float:left;
	padding:5px;
}
.iconLink img{ 
	padding:0 10px 0 0;
}
.normalise{
	font-weight:normal;
}
a{ outline:0;}
	
body {
	font-family:Arial, Helvetica, sans-serif;
	line-height:140%;
	font-size:1em;
	background-color:#fff;
	background:#fff;
	color:#333;
	margin:0 auto;
	padding:0;
	text-align: center;
}
.bodytxt{
	font-size:12px;
	padding:10px;
}
.backHill{
	background:url(../images/bodyHill.gif) no-repeat 0 42px!important;
}
.prodBackHill{
	background:url(../images/prodBodyHill.gif) no-repeat    !important;
}
img { border: 0; }

.clear, .clearFloat {clear: both; background:none; }

.hidden {display: none;}

h1 {font-size: 1.88em; font-weight: bold; padding: 0; margin: 0; line-height: 1em; }

h2 {font-size: 1.54em; font-weight: bold; padding: 0; margin: 0; }

h3 { font-size: 0.94em; font-weight: bold; padding: 0; margin: 0; }

p { font-size: 0.81em; margin: 0; padding: 0; line-height: 1.15em;}

a, a:active, a:link, a:visited {color: #EE7900; text-decoration: none;}
a:hover {text-decoration: underline;}
.strong{font-weight:bold;}
hr{
display:block;
height:1px;
background:#cccccc;
border:0;
margin:10px 0;
width:100%;
clear:both;
}	

input{
border:solid 1px #eeeeee !important;
background:url(../images/bgTextBox.gif) repeat-x;
}
	
ul, ol, li {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
padding:0; margin:0;
}
/*[UTILITY SPACING CLASSES]*/
.mPad5{ margin-left:5px;}


#page {width: 996px; margin: auto; padding: 0; text-align: left;}
/*.backHill #page{width: 1001px;} 
*/#footer {margin-top: 20px;}



#header {margin: 0; padding: 0; clear: both; position: relative; height: 100px; }
#header .headerTopCap { padding: 0; margin: 0; border-top: 1px solid #ececec; }

#footer .footerTopCap {padding: 0; margin: 0;}
#header .gradHFFull40, #footer .gradHFFull40 {
background :#fdfdfd url(../images/gradFullHF.png) repeat-x left bottom;
border-left: 2px solid #ececec;
border-right: 2px solid #ececec;
padding: 0;
margin: 0;
}
.header, .footer {
background: transparent url(../images/botCapHFFull.gif) no-repeat center bottom;
margin-bottom: 10px;
padding-bottom: 12px;
width: 996px;
}

.footer p{font-size: 0.75em;padding-left: 20px; padding-bottom:5px; clear: both;}
.footer ul {margin: 0 0 0 16px; padding: 0; }
.footer ul li {
border-right:1px solid #EE7900;
display:inline;
padding: 0 9px 2px 9px;
margin: 0 0 5px;
line-height: 0.9em;
}
.footer ul li.last {border-right: none;}
.footer a {font-size: 0.81em;  background:transparent;}
.footer a:hover {text-decoration: underline; background:transparent}


/* Header Navigation related CSS */
#siteLogo{
float:left;
margin-left:20px;
margin-top: 10px;
}
#siteLogo a{
width:270px;
height:34px;
display:block;
}	
#siteLogo .logoSubHead{
margin-left:126px;
font-size:0.8em;
}	
#siteLinks{
float:left;
width:70%;
}

#siteLinks #quickLinks{
display:inline;
margin-right:-3px;
float:right;
font-size:0.9em;
margin-top:2px;
}

#siteLinks #quickLinks ul{
margin-right:7px;
margin-top:3px;
}
#siteLinks #quickLinks li{
float:left;
padding:0 9px;
border-right: 1px solid #ee7900;
line-height: 1em;
margin-bottom: 9px;
}
#siteLinks #quickLinks li.last {border:none;}

#siteLinks #quickLinks li.subHead{
color:#004379;
font-size:0.8em;
margin:2px 0 0 0;
}
#siteLinks #quickLinks a, #siteLinks #quickLinks a:link, #siteLinks #quickLinks a:active{
text-decoration:none;
font-size:0.8em;
}
#siteLinks #quickLinks a:hover{
text-decoration:underline;
font-size:0.8em;
}
a.pdfLink{
	padding:2px 22px 2px 0;
	background:url(../images/icons/icn_pdf.png) top right no-repeat;
}
#siteLinks #login{
margin: 2px 12px 0 0;
float:right;
clear: both;
}

#siteNav{
position: absolute;
left: 320px;
top: 35px;
width: 600px;
}
#siteNav ul li{
float:left;
margin-right:21px;
}
#siteNav ul li a{
display:block;
overflow:hidden;
color:#B01415;
padding:5px 15px 5px 15px; 	
font-size:0.8em;
}
#siteNav ul li a:hover{
color:#EE7900;
}
#siteNav ul li.selected a{
background:url(../local/images/bgNavigation.gif);
color:#B01415;
height: 35px;
}
#siteNav ul li.selected .sub li {height: 20px;}

#siteNav ul li.selected a:hover{
color:#B01415;
}
#siteNav .accounts{
position:absolute;
padding:10px;
margin-top:2px;
left: 27px;
top: 29px;
}
#siteNav .about{
position:absolute;
padding:10px 0 0 0;
margin-top:2px;
left: 50px;
top: 29px;
}
#header #siteNav .rightSub{
background-position:right -9px;
}
#siteNav .selected .sub{
display:block;
}	 
#siteNav .sub li{
display:inline;
padding:0 10px 0 10px;
border-left:1px solid #B01415;
margin-right:0;
white-space:nowrap;
}
#siteNav .sub li.first{
border-left:none;
}
#siteNav .sub li a, #siteNav .selected .sub li a{
color:#B01415;
background-image:none;
padding:0 2px 0 2px;
text-indent:0;
}
#siteNav .sub li a:hover, #siteNav .selected .sub li a:hover{
color:#EE7900;
}
#siteNav .selected .sub li.selected a, #siteNav .selected .sub li.selected a:hover{
color:#B01415;
font-weight: bold;
}
#siteNav ul li a{
background:url(../images/headNavigation.png);
text-indent:-999px;
}
#siteNav ul li.selected a{
background:url(../images/headNavigation.png);
}		

#siteNav ul li a.iHome{
background-position: 0px 202px;
width:31px;
}		
#siteNav ul li a.iHome:hover{
background-position: 0px -158px;
}
#siteNav ul li.selected a.iHome, 
#siteNav ul li.selected a.iHome:hover{
background-position:0px -99px;
}		

#siteNav ul li a.iAccounts{
background-position: -81px 202px;
width:96px;
}		
#siteNav ul li a.iAccounts:hover{
background-position: -81px -158px;
}
#siteNav ul li.selected a.iAccounts, 
#siteNav ul li.selected a.iAccounts:hover{
background-position:-81px -99px;
}		
#siteNav ul li a.iHowTo{
background-position:-226px 202px;
width:72px;
}		
#siteNav ul li a.iHowTo:hover{
background-position:-226px -158px;
}
#siteNav ul li.selected a.iHowTo , 
#siteNav ul li.selected a.iHowTo:hover{
background-position:-226px -99px;
}		
#siteNav ul li a.iAboutUs{
background-position:-348px 202px;
width:46px;
}		
#siteNav ul li a.iAboutUs:hover{
background-position:-348px -158px;
}
#siteNav ul li.selected a.iAboutUs , 
#siteNav ul li.selected a.iAboutUs:hover{
background-position:-348px -99px;
}

.emailPage {float:right;margin-right: 15px;}
.emailPage a, .emailPage a:active, .emailPage a:link, .emailPage a:visited {
background: url(../images/icons/icn_emailPage.gif) no-repeat 0px 3px;
font-size: 0.70em;
color: #333333 !important; 
padding-left: 23px; 
text-decoration: none;
}
.emailPage a:hover {text-decoration: underline;}
.tickLabel{padding-left:30px;font-weight:bold;font-size:1.25em;}