@charset "utf-8";
/* CSS Document */
/*-----------------------------------------------------------------------------
[client] Screen Stylesheet

version:   1.0
date:      09/18/08
author:    eCompliance
email:     info@ecompliance.ca
website:   [http://www.SECORonline.ca]
version history: []
-----------------------------------------------------------------------------*/

/* START Reset styles
------------------------------------------------------------------------------*/
*
{
	margin:0px;
	padding:0px;
}
img
{
	border:0px;
}
table
{ 
    border-collapse:collapse; 
    border-spacing:0; 
}
ol,ul
{ 
    list-style:none; 
}
td { 
    text-align:left; 
	font-weight: normal; 
} 
h1,h2,h3,h4{ 
    font-size:100%; 
    font-weight:normal; 
} 
a{
	text-decoration:underline;
} 
a{
	text-decoration:none;
} 

/* END Reset styles
------------------------------------------------------------------------------*/

/*START COMMON styles
------------------------------------------------------------------------------*/
body
{
	background: #BCBCBC url(../images/_body_bg.gif) repeat;
	color:#000000;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}
.clear
{
	clear:both;
}
.right
{
	float:right;
}
.left
{
	float:left;
}
#outer-wrapper
{
	margin:0px auto;
	width:910px;
}
#wrapper
{ 
    width:910px; 
    text-align:left;
	float:left;  
    margin-left:auto; 
    margin-right:auto; 
    background: #FFFFFF url(../images/_wrapper_bg.gif) repeat-y;
}
#wrapper-spacer{
	padding:10px 24px;
	float:left;
}
#wrapper-bottom
{
	width:902px;
	height:14px;
	margin:0px auto;
	background: #FFFFFF url(../images/_wrapper_bottom_bg.gif) repeat-x;
	position:relative;
	top:-10px;
	float:left;
	margin-left:4px;
	

}
h1
    {
    font-size: 2.2em;
}
    
h2
    {
    font-size: 2.0em;    
}
    
h3
    {
    font-size: 1.8em;
}
    
h4
    {
    font-size: 1.6em;    
}
a.normal-link
{
	color:#B30000;
}
a.normal-link:hover
{
	text-decoration:underline;
} 
p
    {
    font-size: 1.2em;    
}

#body-content{
	padding:20px 20px 20px 10px;
	float:left;
}
#body-content #left-column
{
	width:600px;
	padding-right:10px;
	float:left;
	
}
#body-content #right-column
{
	padding-left:20px;
	width:210px;
	float:left;
	background-image:url(../images/_right_column_shadow_sepera.gif);
	background-repeat:no-repeat;
	height:500px;
	
}

p.column-heading{
	font-size:16px;
	font-weight:400;
	padding-bottom:10px;
}
/*END COMMON styles*/

/* START Header
-----------------------------------------------------------------------------*/
#logo-header ul li
{
	display:inline;
	
}
#logo-header ul li#secor-online-logo
{
	margin-left:165px;
} 
#logo-header ul li#eCompliance-logo
{
	margin-left:170px;
} 



/* END Header*/

/* START Menu row
-----------------------------------------------------------------------------*/

/* END Menu row*/
#menu-n-banner-wrapper{
	margin-top:11px;
	background-color:#000000;
	width:882px;
	position:relative;
	left:-10px;
	min-height:120px;
	background-image:url(../images/_banner_img_01.gif);
	background-repeat:no-repeat;
	background-position:101% 0px;
}
#menu-n-banner-wrapper ul
{
	padding:16px 0px 0px 16px;
}
#menu-n-banner-wrapper ul>li
{
	display:inline;
	float:left;
}
#menu-n-banner-wrapper ul li#banner-text
{
	color:#ffffff;
	width:455px !important;
	font-size:15px;
	padding-bottom:15px;
}

#menu-n-banner-wrapper ul li#top-menu
{
	color:#ffffff;
	width:400px !important;
	margin-top:61px;
	padding:0px;
}

li#top-menu ul>li
{
	margin-right:3px;
}
li#top-menu ul>li>a
{
	float:left;
	width:100px;
	height:27px;
	line-height:27px;
	vertical-align:middle;
	color:#ffffff;
	font-size:12px;
	text-align:center;

}
li#top-menu ul>li>a:hover,  li#top-menu ul>li>a#active
{
	color:#000000;
	background-image:url(../images/_menu_hover_bg.gif);
	background-repeat:no-repeat;

}

a.aasp-link
{
	color:#356CB0;
	text-decoration:underline;
}
a.aasp-link:hover
{
	color:#356CB0;
	text-decoration:none;
}
a.eCompliance-link
{
	color:#B3CC94;
	text-decoration:underline;
}
 a.eCompliance-link em:first-line {
      /* Rollover Colour/Styles here */
      color: #B30000;
 }

/*a.eCompliance-link:hover
{
	color:#B3CC94;
	text-decoration:none;
}*/
/* START Footer
-----------------------------------------------------------------------------*/
#footer p{
	font-size:10px;
	color:#999999;
	text-align:center;
	margin:10px;
}
#footer p a{
	font-size:10px;
	color:#999999;
	
}
a.copyright em:first-line 
{
	color:#B30000;
}
/* END Footer*/

/*  START Homepage
-----------------------------------------------------------------------------*/

div.step-container{
	width:100%;
	border:2px solid #cccccc;
	background-color:#356CB0;
	color:#ffffff;
	height:128px;
	margin:10px 0px;
	vertical-align:middle;
	cursor:pointer;
}
div.step-container-spacer{
	padding:10px;
}
.step-img{
	width:144px;
	height:106px;
	border:3px solid #ffffff;
	float:left;
	margin-right:10px;
}
.step-img:hover
{
	border:3px solid #B30000;
}
p.step-text{
	text-align:center;
	font-size:15px;
	line-height:1.2em;
}
p.ref-text
{
	text-align:right;
	font-size:11px;
}
a.sign-up-link
{
	text-decoration:underline;
	color:#ffffff;
	margin-top:10px;
}
a.sign-up-link em:first-line
{
	color:#B30000;
}
ul#benefits-listing li{
	color:#356CB0;
	padding-bottom:5px;
	border-bottom:1px solid #eeeeee;
	margin:5px 0px;
	background-image:url(../images/_check_benefits.png);
	background-repeat:no-repeat;
	padding-left:25px;
}
p.powered-by
{
	margin-top:20px;
	text-align:center;
	font-size:11px;
}
div#powered-by 
{
	text-align:center;
}
/*div#powered-by img{
	border:1px solid #90A675;
}*/
/*div#powered-by img:hover{
	border:1px solid #B30000;
}*/
p.avi-title{
	padding-top:20px;
}
div#avi
{
	text-align:center;
	cursor:pointer;
}

div.step-inner{
	position:absolute;
}
div.step-outer{
	position:relative;
	top:-20px;
	left:-20px;
}
.click-here{
	font-size:11px;
}
.imp-heading
{
	font-weight:bold !important;
	color:#356CB0;
	background-image:url(../images/_arrow.gif);
	background-repeat:no-repeat;
	background-position:-10px ;
	padding-left:70px;
	padding-top:10px;
}
/* END Homepage*/

/* START FAQ 
-----------------------------------------------------------------------------*/
ul.faq li
{
	border-bottom:1px solid #eeeeee;
	padding:20px 0px;
}
ul.faq li ul li
{
	list-style:decimal !important;
	padding:0px;
	margin:5px 0px 5px 30px;;
	border:0px;
}
ul.faq p.column-heading{
	color:#356CB0;
}
/* END FAQ*/