@charset "UTF-8";
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/*/////////  */
.StyleSheetHiddenPlaceHolder  {
	display : none;
}

/*///////// ///////////*/

BODY {	margin:0px 0 0 0; 
		padding:0px; 			
		text-align:center;		
		}
		
body, div, p, li, h1, h2, h3, textarea{
font-family: arial, Sans-Serif;
color:#351163;		
}

p, li{
font-size:80%;	
}

p.small{
font-size:70%;	
}
		
a {color:#351163; text-decoration:underline;}
a:hover {text-decoration:none;}

a.skip {display:none}
a.aro{display:none}

.action-but {display:none}

img { border: none; }

h1,h2,h3,h4,h5,h6 {
	font-size:1em;
	margin: 0 0 0.5em 0;
	}

h1 {
	padding:0 0 0 0px;
	margin:0 0 .4em 0px;
	font-size:120%;	
	}
	
h2{		
	padding:0 0 0 0px;
	margin:0 0 .4em 0px;
	font-size:110%;
	line-height:1.1em;		
	}	
.right h2 {font-size:95%;	}
	
h3{	
	font-size:95%;
	margin:0 0 0.4em 0px;	
	padding:0 0 0px 0;	
	line-height:1.1em;
	}
	

h4{	
	font-size:100%;
	margin:0 0 .4em 0px;	
	padding:0 0 0px 0;	
	}
	
p{
	line-height:1.2em;
	margin:0 0 1em 0;
	padding:0;	
	}
	
form {
	padding:0;
	margin:0;
	}
	
fieldset {
	border:none;
	padding:0;
	margin:0;
	}
	
legend {
	display:none;
	}
	
	hr {display:none}
	
	ul{}
	
	li {margin:0 0px .5em 0}	
	
	table { border-collapse:collapse; margin:1.5em 0 3em 0; width:100%;}
	
	td, th {vertical-align:top; width:33%; padding-right:10px; }
	


/*/////////   main layout  ///////////*/

			
.wrap{position:relative;
		width:98%;			
		margin:0 auto;  											
		z-index:0;	
		text-align:left;		
		padding:0;
		overflow:hidden	;	
		}
		
.wrap .home {background:none}	
		
.header {overflow:hidden;width:950px; position:relative; height:110px}	
.header { background:url(img/bg_nav_bl.gif) no-repeat left bottom; }
.accounts .header{ background:url(img/bg_nav_ly.gif) no-repeat left bottom; }

.content { border:0px solid red}	

.left{display:none	}
.mid{width:100%}
.right{display:none	}
		
.home .content {overflow:hidden; background:url(img/bg_illus_home.gif) left bottom no-repeat; padding:0 0 85px 0}	

.home .left{width:370px; padding:20px 24px 10px 10px; position:relative }
.home .mid{width:260px;padding:0px 0 0 66px; position:relative; z-index:10 }
.home .right{width:200px; padding-left:20px; padding-top:0}

.box {padding:20px 0 0 0; margin-bottom:20px}



	
/*/////////      header     ///////////*/

.header img{ margin-left:-10px}

.tel { display:none}
.login { display:none}
.nav {display:none}




/*/////////      end header     ///////////*/
		





/*///////// col on the left */ 


.home .left  h1{
		padding:0px;
		margin:0px 0 0 0;
		text-indent:-3000em;
		height:182px;
		width:394px;
		background-repeat:no-repeat;
		background-image:url(img/h_home_intro.gif);	
		}	
		
.home p.intro {font-size:116%; font-weight:bold; line-height:5.em}	

.home .curve4 {bottom:20px; right:0px; position:absolute; width:46px; height:35px; background:url(img/illus_home_curve4.gif) no-repeat; z-index:0}	




/*///////// end col on the left */ 

/*/////////  col in the middle */ 

.home .mid .box {padding:0px; position:relative; background-color:#D8F4FB; margin-bottom:0; margin-top:20px; width:260px}
.home .mid .box  p,  .home .mid .box  h2, .home .mid .box h3, .home .mid .box ul {padding:0 10px;}
.home .mid .box .foot{width:260px; height:18px; background:url(img/bg_f_l_lblue.gif) no-repeat left bottom; }
.home .mid .cloudfoot{width:260px; height:320px; background-image:url(img/illus_cloudfooter.png); background-repeat: no-repeat; background-position: left bottom; margin-top:-20px }

.home .mid .box .action-but{ position:absolute; width:104px; right:10px; top:8px; background-image:url(img/but_o_on_blu_l-aro.gif); padding-left:10px}
.home .mid .box .action-but a, .home .mid .box .action-but a:visited{ background-image:url(img/but_o_on_blu_r.gif)}

.home .mid .box h2 {background:url(img/bg_h_l_lblue.gif) no-repeat ; width:121px; height:39px; line-height:1em; font-size:15px; padding:8px 129px 0 10px;line-height:1em; }

.home .mid ul {list-style-type:none; padding-top:38px; margin:15px 0 0 0}
.home .mid ul li{ background:url(img/i_plus.gif) no-repeat 0 4px; padding:0 0 .2em 15px;  margin:0; line-height:1.3em;}
.home .mid li.aro{ background:url(img/i_aro_purple.gif) no-repeat 0 4px; }

.home .curve1{top:-20px; left:-66px; position:absolute; width:44px; height:84px; background:url(img/illus_home_curve1.gif) no-repeat;  z-index:2}
.home .ladybird{top:-35px; left:150px; position:absolute; width:50px; height:40px; background-image:url(img/illus_ladybird.png); background-repeat: no-repeat; background-color:none; z-index:100}
.home .curve3{bottom:-64px; left:-56px; position:absolute; width:44px; height:84px; background:url(img/illus_home_curve3.gif) no-repeat;  z-index:2}

.mid h1 { font-size:140%; margin-bottom:1em}



/*///////// end col in the middle */ 

		
/*///////// col on the right */ 

/*///////// end col on the right */


/*/////////      footer     ///////////*/
	
		
	.footer {color:#666666}
	
	.footer p.links{display:none}
	
	.footer p{font-size:11px; color:#999}
	
	/*/////////    end   footer     ///////////*/