/*---------------------------------------------------------------------     
    I M P O R T S
---------------------------------------------------------------------*/

@import url(reset.css);
@import url(typography.css);
@import url(forms.css);


/*---------------------------------------------------------------------    
   G E N E R A L  S T Y L E S
---------------------------------------------------------------------*/

html {
	font-size: 100%;
}

body {
	font-family: "Helvetica", Arial, sans-serif;
	color:#000000;
	margin:0;
	font-size:62.5%;
}


#container{
	width:958px;
	padding:0;
	position:relative;
	border:1px solid #000000;
	margin:19px auto;
	padding:0 0 0 0;
	overflow:hidden;
}


#container-home{
	width:958px;
	padding:0;
	position:relative;
	border:1px solid #000000;
	margin:19px auto;
	padding:0 0 0 0;
	background-image:url(../images/global/understanding-finance.gif);
	background-position:top;
	background-repeat:no-repeat;
}


#container-standard{
	width:958px;
	padding:0;
	position:relative;
	border:1px solid #000000;
	margin:19px auto;
	padding:0 0 0 0;
	background-image:url(../images/global/understanding-finance-standard.gif);
	background-position:top;
	background-repeat:no-repeat;
}

#container-register{
	width:958px;
	padding:0;
	position:relative;
	border:1px solid #000000;
	margin:19px auto;
	padding:0 0 0 0;
}





/*---------------------------------------------------------------------    
   Header
---------------------------------------------------------------------*/

#header-wrapper{
	padding:52px 0px 0px 0px;
	position:relative;
}


#logo {
	width:219px;
	float:left;
	position:relative;
}




/*---------------------------------------------------------------------    
  Navigation
---------------------------------------------------------------------*/

	

#navigation{
	position:relative;
	font-weight:bold;
	padding:7px 0 19px 0;
	width:700px;
	float:right;
	
}





/* Main nav 
------------------------*/
#navigation ul li{
	display:inline;
	margin-right:15px;
	font-size:16px;
	padding-bottom:5px;
	font-weight:bold;
	
}

#navigation ul a{
	text-decoration:none;
	color:#000000;
}

#navigation ul li:hover{
	border-bottom:2px solid #000000;
	text-decoration:none;
}

#navigation ul li.active{
	border-bottom:2px solid #e9153e;
	text-decoration:none;
} 





/* Sub nav 
------------------------*/

#sub-navigation{
	position:relative;
	float:left;
	width:241px;
	color:#000000;
	margin-top:35px;
	padding-left:17px;
}

#sub-navigation ul li{
	padding-bottom:6px;
	color:#000000;
}

#sub-navigation ul a{
	text-decoration:none;
	color:#000000;
	font-size:12px;
	font-weight:bold;
}

#sub-navigation ul a:hover{
	text-decoration:none;
	border-bottom:1px solid #000000;
	padding-bottom:1px;
}


#sub-navigation ul li.activeSub a {
	text-decoration:none;
	border-bottom:1px solid #e9153e;
	padding-bottom:1px;
}



#sub-navigation li.spacer{
	border-top:1px solid #DFDFDF;
	padding-bottom:16px;
	margin-top:10px;
	width:215px;
}


.subMenu2 li{
	padding-left:15px;
}

.subMenu2 a{
	font-weight:normal;
}

/*---------------------------------------------------------------------    
   Content
---------------------------------------------------------------------*/


#content-wrapper{	
	width:958px;
	position:relative;
	
}

#home-content{	
	width:700px;
	position:relative;
	float:right;
	min-height:313px;
}	


#content{	
	width:380px;
	position:relative;
	float:left;
	min-height:313px;
	padding-bottom:13px;
}

#content ul{
	list-style:inside !important;
	list-style-type:circle!important;

}

#content ul li{
	display:block;
	padding-bottom:10px;
	font-size:1.2em;
	/*list-style-type:circle !important;*/
	overflow:visible;
}

#content-register{	
	width:600px;
	position:relative;
	float:left;
	min-height:313px;
	padding-bottom:13px;
}	

.calendar-wrapper{
	width:650px!important;
	margin-top:10px;
}

#calendar {
	margin-top:10px;
}



#content-mw{	
	width:370px;
	position:relative;
	float:left;
	min-height:313px;
	padding-bottom:13px;
	border-right:solid 1px #000000;
	
}

.illustration {
	width:380px;
	height:250px;
	background-color:#CCCCCC;
}

.listings-wrapper-mw {
	position:relative;
	width:357px;
	float:left;
	margin-top:20px;
	padding-bottom:23px;
	border-bottom:1px solid #DFDFDF;
	padding-right:13px;
}

.listings-mw {
	position:relative;
	width:300px;
	float:left;
}

#spacer-line {
	border-top:1px solid #000000;
	height:1px;
	display:block;
	width:370px;
	margin-top:23px;
}


/*---------------------------------------------------------------------    
   Right hand side
---------------------------------------------------------------------*/

#right-content-wrapper{	
	width:288px;
	position:relative;
	float:right;
	margin-right:17px;
	overflow:hidden!important;
}



.listings-wrapper {
	position:relative;
	width:288px;
	border-bottom:1px solid #DFDFDF;
	padding-bottom:10px;
	margin-top:10px;
}

.listings {
	position:relative;
	width:190px;
	float:left;
	
}


.rhs-banners {
	position:relative;
	padding-bottom:23px;
}	


.rhs-button {
	padding:5px 5px 4px 5px;	
	position:relative;
	display:inline;
	font-size:1.1em;
	color:#FFFFFF;
	cursor:pointer;
	float:right;
	font-family:Arial, Helvetica, sans-serif;	
}





/* banners 
------------------------*/

#line-wrapper {
	border-top:1px solid #000000;
	height:1px;
	display:block;
	width:958px;
	margin-top:20px;
}


#banner-wrapper {
	padding:0;	
	width:912px;
	position:relative;
	padding:23px 23px 23px 23px;
}

.banners {
	padding:0;	
	width:288px;
	position:relative;
	margin-right:23px;
}

.banner-right {
	padding:0;	
	width:288px;
	position:relative;
	float:right;
}

.banner-spacer {
	height:120px;
}



#left-banner{
	width:288px;
	position:relative;
	overflow:hidden !important;
}


/* carousel 
------------------------*/

#carousel-news-wrapper {
	width:288px;
	height:200px;
	overflow:hidden!important;
}


.carousel-news-buttons{
	width:80px;
	float:right;
	margin-top:-30px;
	display:inline-block;

}

.carousel-news-buttons button{
	cursor:pointer;
	outline:0;
	width:auto;
    overflow:visible;
	display:block;
	float:left;
	position:relative;
	border:none;
	text-indent:-9999999px;
}

.carousel-news-buttons button.prev{
	width:38px;
	height:38px;
	background-color:#FFFFFF;
	background:url(../images/global/snippet-arrow-left.gif) top center no-repeat;
	border:0;
	margin:0 3px 0 0;
	padding:0;
	

}

.carousel-news-buttons button.next{
	width:38px;
	height:38px;
	background-color:#FFFFFF;
	background:url(../images/global/snippet-arrow-right.gif) top center no-repeat;
	border:0;
	padding:0;
	
}




.carousel-news {
	width:288px;
	height:200px;
	overflow:hidden!important;
	float:left;
}

#carousel-news-wrapper li{
	width:288px;
	height:200px;
	overflow:hidden!important;
}

#carousel-news-wrapper ul{
	width:288px;
	height:200px;
	overflow:hidden!important;
}






.news-list-wrapper{
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:1px solid #DFDFDF;
}

.last, .no-border{
	border:none;
}


.first{
	margin-top:0;
}


/* modules carousel (new)
-----------------------------------*/

#carousel-modules{
	padding-bottom:3px;
	width:288px;
}




#carousel-modules .module-carousel-title { 
	padding:0; 
	width:288px; 
	position:absolute; 
	z-index:10!important;
	display:block;
	float:left;	
}


.carousel-modules-buttons{
	width:80px;
	float:right;
	margin-top:-30px;
}


.carousel-modules-buttons button{
	cursor:pointer;
	outline:0;
	width:auto;
    overflow:visible;
	display:block;
	float:left;
	position:relative;
	border:none;
	text-indent:-9999999px;
}


button.prev, button.c-prev{
	width:38px;
	height:38px;
	background-color:#FFFFFF;
	background:url(../images/global/snippet-arrow-left.gif)  top center no-repeat;
	border:0;
	margin:0 4px 0 0;
	padding:0;
}

button.next, button.c-next{
	width:38px;
	height:38px;
	background-color:#FFFFFF;
	background:url(../images/global/snippet-arrow-right.gif)  top center no-repeat;
	border:0;
	padding:0;
}



.carousel-modules-div{
	width:288px;
	overflow:hidden!important;	
	
}


#carousel-modules ul{
	overflow:hidden!important;
	width:288px;
}


#carousel-modules li{
	overflow:hidden!important;
	width:288px;
}






/* buttons
------------------------*/

div.button {
	display:inline-block;
	padding:5px 5px 4px 5px;	
	position:relative;
	font-size:1.1em;
	margin-right:2px;
	color:#FFFFFF;
}

.button a, .rhs-button a{
	color:#FFFFFF;
	text-decoration:none;
}


.full {
	background-color:#FFFFFF;
	border:solid 1px #000000;
	color:#000000!important;
	width:65px;
	text-align:center;
	padding:5px 5px 4px 5px !important;
	cursor:auto !important;
}


.red{
	background-color:#F21236;
	border:1px solid #F21236;

}


.black {
	background-color:#000000;
	border:1px solid #000000;
}

.grey {
	background-color:#666666;
	border:1px solid #666666;
}


.black:hover {
	background-color:#FFFFFF;
	color:#000000;
	border:solid 1px #000000;
}

.red:hover {
	background-color:#FFFFFF;
	color:#F21236;
	border:solid 1px #F21236;
}

.grey:hover {
	background-color:#FFFFFF;
	color:#666666;
	border:solid 1px #666666;
}


.black a:hover, .black:hover a{
	color:#000000;
}

.red a:hover, .red:hover a{
	color:#F21236;
}

.grey a:hover, .grey:hover a{
	color:#666666;
}



.clear-right{
	float:right;
	clear:right;
}



/* new fixes */

a.grey-box-link{
	padding:5px 5px 4px 5px !important;
	background-color:#666666;
	border:1px solid #666666;
	color:#FFFFFF;
	display:inline-block;
	text-decoration:none;
	font-size:1.1em;
}

a.red-box-link{
	padding:5px 5px 4px 5px !important;
	background-color:#F21236;
	border:1px solid #F21236;
	color:#FFFFFF;
	display:inline-block;
	text-decoration:none;
	font-size:1.1em;
}


a.black-box-link{
	padding:5px 5px 4px 5px !important;
	background-color:#000000;
	border:1px solid #000000;
	color:#FFFFFF;
	display:inline-block;
	text-decoration:none;
	font-size:1.1em;
}



span.black-box-out{
	padding:5px 5px 4px 5px !important;
	background-color:#000000;
	border:1px solid #000000;
	color:#FFFFFF!important;
	display:inline-block;
	text-decoration:none;
	font-size:1.1em;
}

a.rhs-red-box-link{
	padding:5px 5px 4px 5px !important;
	background-color:#F21236;
	border:1px solid #F21236;
	color:#FFFFFF;
	display:inline-block;
	text-decoration:none;
	font-size:1.1em;
	float:right;
}



/*---------------------------------------------------------------------    
   Case Studies
---------------------------------------------------------------------*/

.case-study-item{
	padding-bottom:10px;
	padding-top:10px;
	border-top:1px solid #DFDFDF;
	margin-top:10px;
}	


.cs-button{
	float:right;
	width:70px;
}

.cs-button a{
	display:block;
	color:#FFFFFF;
	background-color:#F21236;
	padding:5px 5px 4px 5px !important;
	font-size:1.1em;
	text-decoration:none;
}

.case-study-item h3 a{
	font-size:1.4em;
	color:#000000;
	font-weight:bold;
	text-decoration:none;
}

p.bus-name{
	font-size:1.4em  !important;
	color:#666666  !important;
	font-weight:bold;
}


.case-study-details{
	padding-bottom:10px;
	border-bottom:1px solid #DFDFDF;
}

.case-study-text{
	padding-top:15px;
}


/*---------------------------------------------------------------------    
   Footer
---------------------------------------------------------------------*/

#footer{
	position:relative;
	width:958px;
	color:#000000;
	padding:0;
	margin:0 auto;
	margin-top:-10px;
}

.erdf {
	width:80px;
	height:70px;
	float:left;
	margin-left:-1px;
}


#footer ul{
	font-size:11px;
	padding:0 0 14px 0;
	width:228px;
	float:left;
	position:relative;
	
	
}

#footer ul li{
	display:inline;
	padding:0 14px 0 0;
}

#footer ul li a{
	color:#000000;
	text-decoration:none;
	padding:0 0 2px 0;
}

#footer ul li a:hover{
	color:#000000;
	text-decoration:none;
	border-bottom:1px solid #e9153e;
}


.statement {
	margin-bottom:50px;
	color:#666666;
	float:right;
	width:623px;
	line-height:120%;	
}



p.disclaimer {
	margin-top:-5px!important;
	font-size:10px !important;
	float:left;
	position:relative;
}

.statement a{
	color:#666666;	
}	


/* CLEAR
------------------------*/

.right{
	float:right;
}

.left{
	float:left;
}