@import url(SAGEpastel2007_compliant.css) screen,projection;
			
			
			/*----------------------------------------------- SAGE Pastel.com ----------------------------------------------- */
											
											
											/*-------------- Big Kahuna Styles --------------- */

body {
	background-color: #424242;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	height:100%;
	background-image: url(../images/page_bg.gif);
	background-repeat: repeat-x;
	background-position: top;
}

.main_layout{
	width:750px;
	margin-left: -375px;
	left: 50%;
	background-color: #FFFFFF;
	position: absolute;
}

.top_banner {
	background-color: #FFFFFF;
	background-image:url(../images/top_banner.jpg);
	background-position:center;
	background-repeat:no-repeat;
	height:70px;
	padding: 5px;
}

#top_flash {
	float:right;
	position:relative;
	top:45px;
}

.logo_box{
	position: absolute;
	width:223px;
	margin-left: -350px;
	left: 50%;
	margin-top: 21px;
}

.logo_boxPayroll {
	position: absolute;
	width:223px;
	margin-left: -350px;
	left: 50%;
	margin-top: 11px;
}
												/*-------------- Menu Styles --------------- */

.menu_main_holder {
	background-color: #FFF;
	z-index:500;
}

.menu_main_box {
	border:1px solid #333;
	height:103px;
	padding:0;
	margin:0;
	margin-left:5px;
	margin-right:5px;
	margin-bottom:6px;
	z-index:500;
}
.zone_box {
	left:40%;
	margin-left:-20px;
	margin-top:-30px;
	position:absolute;
	width:395px;
}

.main_copybox {
	background-color: #FFFFFF;
	background-image: url(../images/copy_gradient_bg.gif);
	background-repeat: no-repeat;
	padding: 0px 0px 15px;
	width: 555px;
	float: left;
	margin-left: 5px;
}
body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	line-height: 18px;
}
.main_copy {
	padding: 14px 14px 4px;
	text-align: left;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
}
.main_copy img
{
	border-color:#cccccc;}
.right_column {
	background-color: #F2FFF9;
	width: 165px;
	padding: 0px;
	float: right;
	margin-right: 5px;
	margin-bottom: 10px;
	border: 1px solid #00733b;
}
.right_column_evo {
	background-color: #F4F0EC;
	width: 165px;
	padding: 0px;
	float: right;
	margin-right: 5px;
	margin-bottom: 10px;
	border: 1px solid #C7B199;
}
.right_column_xpress {
	background-color: #FEF4ED;
	width: 165px;
	padding: 0px;
	float: right;
	margin-right: 5px;
	margin-bottom: 10px;
	border: 1px solid #F47820;
}
.right_column_pay {
	background-color: #FFF0f0;
	width: 165px;
	padding: 0px;
	float: right;
	margin-right: 5px;
	margin-bottom: 10px;
	border: 1px solid #FF0000;
}
.right_column_xpresssu {
	background-color: #FFFAEC;
	width: 165px;
	padding: 0px;
	float: right;
	margin-right: 5px;
	margin-bottom: 10px;
	border: 1px solid #efb200;
}
#copyright_box {
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #CCCCCC;
	text-align: center;
	padding-bottom: 5px;
	clear: both;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	padding-top: 5px;
	background-color: #424242;
}
#copyright_box a:hover {
	background-color: #424242;
}
.right_column_copy {
	padding: 5px 5px 15px;
	font-size: 10px;
}
.quick_links {
	border: 1px solid #CCCCCC;
	background-color: #FFFFFF;
	background-image: url(../images/quick_bg.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	line-height: 14px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#software_boxes {
	position:absolute;
	visibility:visible;
	margin-left: 5px;
	top:10px;
	z-index:500;
}

.quick_links_heading {
	margin: 5px;
}
#navcontainer {
	margin-top: 10px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	z-index:2;
}
#navcontainer ul {
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height:1.5em;
	display: block;
	height: 100px;
	z-index:2;
}
#navcontainer li{
	margin-right: 5px;


	
}
#navcontainer a {
	display: block;
	border-bottom:solid 1px #CCC;
		color: #666666;
	text-decoration: none;
	background-image: url(../images/little_arrowa.gif);
	background-position: right bottom;
	background-repeat:no-repeat;
}
#navcontainer a:link, #navlist a:visited {
	color: #666666;
	text-decoration: none;
	background-image: url(../images/little_arrowa.gif);
	background-position: right bottom;
	background-repeat:no-repeat;
}
#navcontainer a:hover {
	color: #666666;
	text-decoration: none;
	background-image: url(../images/little_arrowa.gif);
	background-position: right bottom;
	background-repeat:no-repeat;
}

 #partner_area {
	position:relative;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 5px;
	width:200px;
	float: left;
	top:5px;
	border: 1px none #999;
	height:92px;
	z-index:1;
	background-color: #7dcef0;
} 
 #payroll_area {
	position:relative;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 5px;
	width:200px;
	float: left;
	top:5px;
	border: 1px none #999;
	height:92px;
	z-index:1;
	background-color: #FF0000;
} 
#xpress_area {
	position:relative;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 5px;
	width:200px;
	float: left;
	top:5px;
	border: 1px none #999;
	height:92px;
	z-index:1;
	background-color: #F47820;
	
}
#xpresssu_area {
	position:relative;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 5px;
	width:200px;
	float: left;
	top:5px;
	border: 1px none #999;
	height:92px;
	z-index:1;
	background-color:#efb200;
}
#evolution_area {
	position:relative;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 5px;
	width:200px;
	float: left;
	top:5px;
	border: 1px none #999;
	height:92px;
	z-index:1;
	background-color:#C7B199;
}
.box001 {
	border: 1px solid #999;
	width: 160px;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	padding: 5px;
	background-repeat: repeat-x;
	background-position: top;
	height: 240px;
	margin-bottom: 10px;
	text-decoration:none;
	float: left;
	background-color:#FFFFFF;
}

.box001:hover {
	background-image:none;
	background-color:#f2fff9;
	border: 1px solid #00733b;
}

.box002 {
	border: 1px solid #999;
	width: 160px;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	padding: 5px;
	background-color:#FFFFFF;
	background-repeat: repeat-x;
	background-position: top;
	height: 240px;
	color: #666;
	margin-left: 4px;
	float: left;
	text-decoration:none;
}

.box002:hover {
	background-image:none;
	background-color:#f2fff9;
	border: 1px solid #00733b;
}

.box003 {
	border: 1px solid #999;
	width: 159px;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	padding: 5px;
	background-color:#FFFFFF;
	background-repeat: repeat-x;
	background-position: top;
	height: 240px;
	color: #666;
	float: left;
	margin-left: 4px;
	text-decoration:none;
}

.box003:hover {
	background-image:none;
	background-color:#f2fff9;
	border: 1px solid #00733b;
}
.triple_box_holder {
	padding: 0px 14px 10px;
	display: block;
}
.news_box {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #666;
	border-right-color: #666;
	border-bottom-color: #666;
	border-left-color: #666;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
	font-size: 11px;
}
.rss_button, a.rss_button:link,  a.rss_button:visited, a.rss_button:active{
	color: #FFF;
	padding:0 3px;
	font:bold 10px verdana, sans-serif;
	background:#0099CC;
	margin:0;
	border-top: 1px solid #FFF;
	border-right: 1px solid #FFF;
	border-bottom: 1px solid #0099CC;
	border-left: 1px solid #FFF;
}
.rss_box {
	text-align: center;
	margin-top: 5px;
}
.box001_head {
	font-weight: bold;
	color: #00733b;
	font-size: 12px;
}
.box002_head {
	font-weight: bold;
	color: #FF6600;
	font-size: 12px;
}
.box003_head {
	font-weight: bold;
	color: #0099CC;
	font-size: 12px;
}.flag_align {
	margin: 0px 0px -3px;
}

#flashcontent2 {
	border: 1px solid #999999;
}



#login {
	float:left;
	clear:right;
	display: block;
	width:140px;
	height:92px;
	padding-right:5px;
	padding-top:5px;
	padding-bottom:5px;
	vertical-align: middle;
}

#login_box {
	height:82px;
	padding:5px;
	font-size: 10px;
	text-align: center;
	background-color: #000000;
	vertical-align: middle;
}
.search_input {
	font-size: 10px;
	width: 112px;
	color: #00733b;
}

form {
	margin: 0;
	padding: 0px;
	font-family:Arial, Helvetica, sans-serif;
}
#log_button {
	background-color: #000000;
	border-top-width: 5px;
	border-right-width: 5px;
	border-bottom-width: 5px;
	border-left-width: 5px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	height: 33px;
	text-align: center;
	padding-top: 3px;
}
.search_submit {
	font-size: 11px;
	width: 90px;
	color: #000000;
	background-image: url(../images/copy_gradient_bg.gif);
	border: 1px solid #00733b;
	margin-top: 3px;
}
a.copyright:link {
	color:#FFF;
	text-decoration: none;
	padding-bottom: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
	border-bottom-width: 1px;
}
a.copyright:hover {
	color:#CCCCCC;
	text-decoration: none;
	padding-bottom: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
	border-bottom-width: 1px;
}
a.copyright:active {
	color: #FFFFFF;
	text-decoration: none;
	padding-bottom: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
	border-bottom-width: 1px;
}
a.copyright:visited {
	color: #CCCCCC;
	text-decoration: none;
	padding-bottom: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
	border-bottom-width: 1px;
}
.line_across {
	padding-bottom: 2px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
}
.boxed {
	padding: 4px;
	border: 1px solid #00733b;
}

#RegionSelect {
	position:absolute;
	left:382px;
	top:570px;
}

html>body #RegionSelect {
	left:375px;
}

#SearchButton {
	width:55%;
	font-weight:100;
}

#PrintBox {
	height:25px;
	padding-left:30px;
	background-image:url(../images/print_icons.gif);
	background-position:top left;
	background-repeat:no-repeat;
	font-size:0.9em;
}

#Page_End {
	width:100%;
	border-top:solid 1px #999;
	background-image:url(../images/little_gradient.gif);
	background-position:top;
	background-repeat:repeat-x;
}


												/* Colours */
												
.grey {
	color:#666666;
}
#act_area {
	position:relative;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 5px;
	width:200px;
	float: left;
	top:5px;
	border: 1px none #999;
	height:92px;
	z-index:1;
	background-color: #e2001a;
}
#legal_area {
	position:relative;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 5px;
	width:200px;
	float: left;
	top:5px;
	border: 1px none #999;
	height:92px;
	z-index:1;
	background-color: #ffd400;
}
.right_column_ebusiness {
	background-color: #F8FBF4;
	width: 165px;
	padding: 0px;
	float: right;
	margin-right: 5px;
	margin-bottom: 10px;
	border: 1px solid #669933;
}

a.whitelink:link {
	color: #FFFFFF;
}
a.whitelink:visited {
	color: #FFFFFF;
}
a.whitelink:hover {
	color: #003333;
}
a.whitelink:active {
	color: #003333;
}
#white td {	
	color:#FFFFFF;
}

.set {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

.right_columnCopy {

	background-color: #ECFBFF;
	width: 165px;
	padding: 0px;
	float: right;
	margin-right: 5px;
	margin-bottom: 10px;
	border: 1px solid #0099CC;
}

#sa_btn {
	height:15px;
	margin:5px 5px 5px 0;
	position:relative;
	width:85px;
}

#sage_area {

	position:relative;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 5px;
	width:200px;
	float: left;
	top:5px;
	border: 1px none #999;
	height:92px;
	z-index:1;
	background-color:#277B64;
}
#software_boxessage {

	position:absolute;
	visibility:visible;
	margin-left: 5px;
	top:0px;
	z-index:500;
}