/* CSS Document */
/* Created by James Ashcroft on 13/12/06, edit by CJO Oct 2012 and again Dec 2015 for responsiveness */

html, body {
	color: #000;
	height: 100%;
	/* font-family: corbel, arial, helvetica, sans-serif; */
	font-family: 'FSMatthew' !important;
	margin:  0;
	padding: 0;
	}

/*	
p {	
	font-size:13px; 
	padding:0px;
	margin:0px 0px 10px 0px;
	text-align:left;
	line-height: 16px;
	}
*/
p.center {
	text-align:center;	
	}

p.small {	
/*	font-size:11px; */
	font-size:.8em;
	padding:0px;
	margin:0px 0px 10px 0px;
	text-align:left;
	line-height: 14px;
	}	

p.homebox {	
	margin:0px 0px 10px 0px;
	padding: 0px 5px 5px 5px;
	}

p.white {	
	color: #fff;
	margin:0px 0px 10px 0px;
	padding: 0px 5px 5px 5px;
	}

p.right {	
	margin:0px 0px 0px 0px;
	text-align:right;
	}

p.footerleft {	
	font-size:11px;
	color: #fff;
	padding:0px;
	margin: 7px;
	text-align:left;
	line-height: 13px;
	}	
	
p.footerright {	
	font-size:11px;
	color: #fff;
	padding:0px;
	margin: 7px;
	text-align:right;
	line-height: 13px;
	}
	
ul {
	text-align:left;
	}
	
ul.help {
	font-size:15px;
	line-height:18px;
}
	
ul.white {
	color:#FFFFFF;
	}	
	
ol.white {
	color:#FFFFFF;
	font-size: 13px;
	line-height: 16px;
	padding: 0 15px 0 0;
	}

ol.leftbullet
{
padding-left: 1px; 
margin-left: 1px;
}

ul.tickbullet {
	list-style-image:url(/img/tick.gif);
	}	
/*	
li {
	font-size: 13px;
	line-height: 16px;
	}
*/	
li.help {
	font-size:16px;
	line-height:21px;
	padding-bottom:5px;
}		

li.white {
/*
	font-size: 13px;
	line-height: 16px;
*/
	padding: 0 15px 0 0;
	}		

.backtotop {
	font-size: 11px;
	color: #CC0033;
	}

.fields {
	font-family: corbel, arial, helvetica, sans-serif;
	}

.fieldshome {
	font-family: corbel, arial, helvetica, sans-serif;
	width: 275px;
	}

/* Headings */  	
h1 {
	margin:0 0 0.5em 0;
	padding: 0px 0px 0px 0px;
/*
	font-size: 20px; 
	line-height: 23px;
*/	
	font-size:32px ; 
	line-height: 100%;
	letter-spacing: -0.015em;
/*
	font-weight: bold;
*/
	color:#006699 ; /* #CC0033; */
	text-align:left;
	}
	
h1.purple {
	color: #272780
	}	
		
h1.blue {
	color: #006699
	}	
	
h2 {
	margin: 0px 0px 0.5em 0px;
	padding: 0px 0px 0px 0px;
/*
	font-size: 18px; 
	line-height: 21px;
*/
	font-size: 22px; 
	line-height: 100%;	
	letter-spacing: -0.015em;	
/*	
	font-weight: bold;
*/
	color: #006699 ; /* #CC0033; */
	text-align:left;
	}	

h2.nav {
	margin: 0px 0px 3px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 18px;
	line-height: 21px;
/*
	font-weight: bold;
*/
	color: #006699 ; /* #CC0033; */
	text-align:left;
	}


h2.white {
	color: #fff;
	padding: 5px 5px 3px 5px;
	}


h2.homebox {
	padding: 5px 5px 3px 5px;
	}


h2.productpagetable {
	color: #fff;
	padding: 0px 0px 0px 5px;
	}

h2.purple {
	color: #272780;
	}		
	
h2.blue {
	color: #006699;
	}
	
h2.tm {
	color: #2e82e8;
	}		
	
h3 {
	margin:0 0 0.5em 0;
	padding: 0px 0px 0px 0px;

	font-size: 16px;
	line-height: 100%;
/*
	font-weight: bold;
*/
	color: #006699 ; /* #CC0033; */
	text-align:left;
	}	

h4 {
	margin:0 0 0.5em 0;
	padding: 0px 0px 0px 0px;

	font-size: 15px;
	line-height: 18px;
/*
	font-weight: bold;
*/
	color: #006699 ; /* #CC0033; */
	text-align:left;
	}	

h3.purple {
	color: #272780;
	}		
	
h3.blue {
	color: #006699;
	}	


	
@media only screen and (max-width : 880px) {
       H1, .h1 {
       font-size:28px;
       }
}
@media only screen and (max-width : 640px) {
       H1, .h1 {
       font-size:24px;
       }
       H2, .h2 {
       font-size:20px;
       }
}
@media only screen and (max-width : 320px) {
       H1, .h1 {
       font-size:20px;
       }
       H2, .h2 {
       font-size:18px;
       }
}


hr { height: 1px; color: #000; margin: 10px 0;}
	
/* Hyperlinks */
/*
a:visited { color: #006699; }
a:link { color: #006699; }
a:hover { color: #CC0033; text-decoration: none; }
a:active { color: #CC0033; }
*/
a:visited { color: #CC0033; }
a:link { color: #CC0033; }
a:hover { color: #006699; text-decoration: none; }
a:active { color: #006699; }

/* Hyperlinks - TM added border: none to prevent image borders showing on hyperlinks in IE */
a img {border: none; }


a#green:visited { color: #8EC852; }
a#green:link { color: #8EC852; }
a#green:hover { color: #272780; text-decoration: none; }
a#green:active { color: #272780; }

a#red:visited { color: #CC0033; }
a#red:link { color: #CC0033; }
a#red:hover { color: #006699; text-decoration: none; }
a#red:active { color: #006699; }

a#allred:visited { color: #CC0033; }
a#allred:link { color: #CC0033; }
a#allred:hover { color: #cc0033; text-decoration: none; }
a#allred:active { color: #cc0033; }

/*
a.footer:visited { color: #fff; }
a.footer { color: #fff; font-weight: normal; text-decoration: none; }
a.footer:hover { color: #fff; text-decoration: none; }	
*/

.footerMain a {
	color:#FFF;
}  
.footerMain a:hover {
	color:#DDD;
}

.footerMain ul {list-style-type: none; padding:0; margin:0;}
.footerMain .rss-item  { margin-top:1em;}
.footerMain .rss-items a {font-weight: bold;}

a.white:visited {color: #fff; }	
a.white:link {color: #fff; }
a.white:hover {color: #fff; }	
a.white:active {color: #fff; }		

a.newsfeed:visited {color: #fff; text-decoration: none;  font-weight: bold;}	
a.newsfeed:link {color: #fff;  text-decoration: none;  font-weight: bold;}
a.newsfeed:hover {color: #fff;  text-decoration: underline;  font-weight: bold;}	
a.newsfeed:active {color: #fff;  text-decoration: none;  font-weight: bold;}		

/* Cookies warning */
/*
#CookiesAlertPanel { background-color:#F7F7F7; color:#094878; padding:10px; margin: 0px auto 10px auto; width:95%; max-width:888px; display:none }
#CloseCookiesAlertPanel { float:right; height:12px; width:14px; }
*/
#CloseCookiesAlertPanel{cursor:pointer;cursor:hand;}
#CookiesAlertPanel{
	color:#FFF; background-color:#006699; padding:10px; margin:auto; text-align:center; width:100%; z-index:1000;	
}

/* page banner */
#pagebanner-wrap { width:100%; background:url(/images/bg-flash-area.png) repeat-x;}
/*
#pagebanner { width:100%; max-width:1170px; min-width:300px; height:auto; margin:auto; padding:0 0 0 0;}
*/
#pagebanner { width:100%; max-width:1170px; min-width:300px; height:auto; margin:auto; padding:0px 25px 0px 25px;}
#banner { width:100%; max-width:1170px; height:auto; border=:0;}

/*
#pagebanner img {
    display: block;
    margin-left: auto;
    margin-right: auto;
	max-width:902px;
}
*/

/* flash & buttons (home page alternative to banner) */
#flash-wrap { width:100%; background:url(/images/bg-flash-area.png) repeat-x;}
#flash-banner { width:100%; max-width:1170px;	height:220px; margin:auto; padding:0 0 5px 0;}
#buttons { width:100%; max-width:1170px; height:92px; margin:auto; padding:0 0 5px 0;}
#buttons ul { list-style:none; margin:0; padding:0;}
#buttons ul li {float:left; margin:0 1px 0 0;}
#buttons ul li.li-nomargin {margin:0;}
a.button1 {display:block; width:180px; height:92px; background:url(/images/buttons-01.jpg) 0 0 no-repeat;}
a.button1:hover {background:url(/images/buttons-01.jpg) 0 -92px no-repeat;}
a.button2 {display:block; width:179px; height:92px; background:url(/images/buttons-02_2015.jpg) 0 0 no-repeat;}
a.button2:hover {background:url(/images/buttons-02_2015.jpg) 0 -92px no-repeat;}
a.button3 {display:block; width:180px; height:92px; background:url(/images/buttons-03.jpg) 0 0 no-repeat;}
a.button3:hover {background:url(/images/buttons-03.jpg) 0 -92px no-repeat;}
a.button4 {display:block; width:180px; height:92px; background:url(/images/Buttons-04_Aug13.jpg) 0 0 no-repeat;}
a.button4:hover {background:url(/images/Buttons-04_Aug13.jpg) 0 -92px no-repeat;}
a.button5 {display:block; width:179px; height:92px; background:url(/images/Buttons5_final_09.jpg) 0 0 no-repeat;}
a.button5:hover {background:url(/images/Buttons5_final_09.jpg) 0 -92px no-repeat;}

/* fax & document management (on home page) */
#faxdoc-wrap {
	width:100%;
	height:181px;
	background:url(/images/bg-faxdoc.png) repeat-x;
	border-bottom:1px solid #a5a5a5;}

#faxdoc-wrap-inner {
	width:100%;
	max-width:1170px;
	margin:auto;
	padding:0 0 0 0;
	}

#fax-software-wrap {
	float:left;
	width:300px;
	height:181px;
	background:url(/images/bg-fax_original_new.jpg) no-repeat;}

#hd-fax-software {margin:46px 0 0 107px;}

#fax-doc-management-wrap {
	float:left;
	width:300px;
	height:181px;
	background:url(/images/bg-docs_original_new.jpg) no-repeat;}

#hd-fax-doc-management {margin:46px 0 0 107px;}

#timemaster-wrap {
	float:left;
	width:300px;
	height:181px;
	background:url(/images/bg-timemaster_original_new.jpg) no-repeat;}

#hd-timemaster {margin:46px 0 0 95px;}


.faxdoc-list ul {list-style:none; margin:10px 0 0 6px; padding:0;}
.faxdoc-list ul li {float:left;}
.faxdoc-list ul li.col1 {width:130px;} 
.faxdoc-list ul li.col3 {width:130px;} 
.faxdoc-list ul li.col5 {width:130px;} 

.faxdoc-list ul li ul {float:none;}
.faxdoc-list ul li ul li {float:none; padding:0 0 0 12px; background:url(/images/bullet-red.png) 0 3px no-repeat; font-size:13px; line-height:16px; letter-spacing:0px;}
.faxdoc-list ul li ul li a {color:#58595b; text-decoration:underline;}
.faxdoc-list ul li ul li a:hover {color:#cc0033; text-decoration:underline;}

#ms-cert-partner {
	float:left;
	width:107px;}
	

/* services & news (on home page) */
#services-news-wrap {
	position: absolute;
	width:100%;
	background-color:#fff;}
	
#services-news-inner {
	width:100%;
	max-width:1170px;
	margin:auto;
	}

#services {
	float:left;
	width:542px;
	padding:20px 21px 10px 0;}
	
h2.h2-service {
	margin: 15px 0px 0px 0px;
	font-size:18px;
	line-height:21px;
	font-weight:bold;
	letter-spacing:0px;
	color:#cc0033;}
	
#services p {
	font-size:15px;
	letter-spacing:0px;}
	
#news-wrap {
	float:left;
	max-width:339px;
	/*padding:15px 0 0 0; */
	margin-top: 15px;
	background:url(/images/bg-news-body.gif); /* repeat-y */;
	background-size: contain;	
	}
	
#news-body {
	/*width:339px; */
	padding:9px 9px 9px 7px;
/*	background:url(/images/bg-news-body.gif); /* repeat-y */;
/*	background-size: contain;
*/
	}


ul#news-body-list {list-style:none; width:255px;}
ul#news-body-list li {width:255px; margin:0; padding:0 0 13px 0; line-height:13px;}
ul#news-body-list li a {font-size:12px; font-weight:bold; color:#58595b; text-decoration:none;}
ul#news-body-list li a:hover {color:#58595b; text-decoration:underline;}

.clear {clear:both;}

/* 3 Column layout */
#container { min-height:100%; position:relative; }
#frame { width:100%; margin-top:35px; padding:0px; }
/*
#contentcontainer { width:100%; max-width:1170px; padding:0px; margin:auto; background-image: url(/img/content_bg.gif); }
*/
#contentcontainer { width:100%; max-width:1170px; padding:0px; margin:auto; }
#contentleft { width:160px; padding:0px 0px 0px 2px; float:left; }
/*
#contentcenter { width:473px; padding:0px 10px 0px 10px; float:left; }
*/
#contentcenter { width:709px; padding:0px 10px 0px 10px; float:left; }
#contentright {	width:237px; padding:0px 0px 0px 10px; float:left;  border-style: dotted;    border-width: 0px 0px 0px .5px;}
#partnercontainer { width:100%; max-width:1170px; padding:0px; float:left; background:#fff; text-align: center;}

/* 2 Column layout */
/*
#contentcontainer2 { width:100%; max-width:1170px; padding:0px; padding-bottom:1em; margin:auto; background-image: url(/img/content_bg2.gif); }
#contentleft2 { width:100%; max-width:160px; padding:0px 0px 0px 2px; float:left; }
*/
#contentcontainer2 { width:100%; max-width:1170px; padding:0px; padding-bottom:1em; margin:auto; padding:0px 25px 0px 25px; }
#contentleft2 { width:100%; max-width:160px; padding:0px 0px 0px 2px; float:left;  }
#contentright2 { width:100%; max-width:946px; padding:0px 2px 0px 10px; float:left;     border-style: dotted;    border-width: 0px 0px 0px .5px; }


/* 1 Column layout */
#contentcontainer3 { width:100%; max-width:1170px; padding:0px; margin:auto; }
#contentleft3 { width:100%; max-width:900px; padding:0px 0px 0px 2px; float:left; }

/* Added 17/05/13 for Payables Approval Landing Page */
#contentcontainer4{ width:100%; max-width:1170px; padding:0px; padding-bottom:1em; margin:auto; }
#contentright4{ width:100%; max-width:1170px; padding:0px; margin:auto; }

/* Squeeze RH column when not full width (1170px + vert scroll bar + spare) */
@media only screen and (max-width : 1218px) {
	/* 3 Column layout */
	#container { min-height:100%; position:relative; }
	#frame { width:100%; margin-top:35px; padding:0px; }
	#contentcontainer { width:100%; padding:none; margin:none; background-image:none; }
	#contentleft { display:none; }
	#contentcenter { width:100%; padding:none; margin:0px 2px 1em 2px; float:left; }
	#contentright {	display:none;}
	#partnercontainer { width:100%; padding:none; float:left; background:#fff; text-align: center;  }

	/* 2 Column layout */
	#contentright2 { width:75%; padding:0px 2px 0px 10px; float:left; border-style: dotted;    border-width: 0px 0px 0px .5px; }

	/* 1 Column layout */
	#contentcontainer3 { width:100%; padding:0px; margin:auto; }
	#contentleft3 { width:100%; padding:none; margin:0px 2px 1em 2px; float:left; }
}

/* Drop LH navigation when narrower */
@media only screen and (max-width : 730px) {
	/* 3 Column layout */
	#container { min-height:100%; position:relative; }
	#frame { width:100%; margin-top:35px; padding:0px; }
	#contentcontainer { width:100%; padding:none; margin:none; background-image:none; }
	#contentleft { display:none; }
	#contentcenter { width:100%; padding:none; margin:0px 2px 1em 2px; float:left; }
	#contentright {	display:none;}
	#partnercontainer { width:100%; padding:none; float:left; background:#fff; text-align: center;}

	/* 2 Column layout */
	#contentcontainer2 { width:100%; margin:0px auto; background-image:none; padding:0px 15px 0px 15px; }
	#contentleft2 { display:none; }
	#contentright2 { width:auto; padding:0px 2px 0px 10px;  float:left; border:none; }

	/* 1 Column layout */
	#contentcontainer3 { width:100%; padding:0px; margin:auto; }
	#contentleft3 { width:100%; padding:none; margin:0px 2px 1em 2px; float:left; }
}

/* Smaller containers */
@media only screen and (max-width : 480px) {
	/* 3 Column layout */
	#container { min-height:100%; position:relative; }
	#frame { width:100%; margin-top:35px; padding:0px; }
	#contentcontainer { width:100%; padding:none; margin:none; background-image:none; }
	#contentleft { display:none; }
	#contentcenter { width:100%; padding:none; margin:0px 2px 1em 2px; float:left; }
	#contentright {	display:none;}
	#partnercontainer { width:100%; padding:none; float:left; background:#fff; text-align: center;}

	/* 2 Column layout */
	#contentcontainer2 { width:100%; margin:0px auto; background-image:none;  padding:0px 10px 0px 10px;}
	#contentleft2 { display:none; }
	#contentright2 { width:auto; padding:0px 2px 0px 10px;  float:left;  border: none;}

	/* 1 Column layout */
	#contentcontainer3 { width:100%; padding:0px; margin:auto; }
	#contentleft3 { width:100%; padding:none; margin:0px 2px 1em 2px; float:left; }
}


#contentright2 ol {
	padding-left:1em;
}
/* footer spacers no longer needed? */
#footerspacer { width:100%; padding:0px; height: 35px; overflow: hidden;}
#footerspacer2 { width:100%; max-width:1170px; padding:0px; float:left; background:#fff; height: 30px;} 

#footer-wrap { width:100%; background:url(/images/bg-footer.gif) repeat-x;}
#footer-inner { width:100%; max-width:1170px; height:62px; margin:auto; padding:13px 0 0 0;}
#footer-inner a {color:#fff; text-decoration:none;}
#footer-inner a:hover {color:#fff; text-decoration:underline;}
#footer-seo { float:left; width:652px; font-size:11px; letter-spacing:0px; color:#fff;}
#footer-copyright { float:right; width:250px; margin:0px 0px 0px 0px; font-size:11px; color:#fff; text-align:right;}

/* Drop SEO text and add RH margin when not max width */
@media only screen and (max-width : 950px) {
#footer-seo { display:none; }
#footer-copyright { margin:0px 10px 0px 0px;}
}

/* Homepage layout */
#contenttop { width:100%; max-width:1170px; padding:0px; float:left; }
#contentbottom { width:100%; max-width:1170px; padding:0px; float:left; }

/* Left Navigation */   
#navcontainer { margin-left: 0px;}
#navcontainer ul { margin: 0; padding: 0; list-style-type: none; list-style-image: none;}
#navcontainer li { margin: 0px;}
/* #navcontainer a	{ display: block; padding: 0px 0px;	width: 140px; color: #020267; text-decoration: none; font-weight: bold; font-size: 13px; } */
#navcontainer a	{ display: block; padding: 0px 0px;	width: 140px; color: #020267; text-decoration: none; font-weight: bold;  font-size: 1em; line-height: 1.5;} 
#navcontainer a:hover {	text-decoration: none;	color: #0F6EB9;	}
#navcontainer ul ul li { margin: 0; }
#navcontainer ul ul a {	 padding: 0px 0px 0px 12px; width: 125px; color: #005497; text-decoration: none; font-weight: normal; }
#navcontainer ul ul a:hover { text-decoration: none; }

/* Search box properties */
.ms-sbtable{
color:#000000;
font-family:corbel, arial, helvetica, sans-serif;
font-size:0.7em;
font-style:normal;font-weight:normal
}
.ms-sbtablealt{
color:#000000;
font-family:corbel, arial, helvetica, sans-serif;
font-size:0.7em;
font-style:normal;font-weight:normal
}
.ms-sbtable-ex{
width:100%;
border-collapse:collapse;
margin-top:2px;
margin-left:2px;
}
.ms-sbtable-border{
border:1px solid #97b4e9;
}
td.ms-sbcell{
padding:0px;
padding-left:2px;
padding-right:2px;
white-space:nowrap;
border:solid 1px #7f9db9;
}
td.ms-sbcellnoborder{
padding-right:2px;
white-space:nowrap;
border:0;
}
.ms-sbtext{
font-family:corbel, arial, helvetica, sans-serif;
font-size:1em;
font-weight:bold;
}
.ms-sbplain{
font-family:corbel, arial, helvetica, sans-serif;
font-size:8pt;
border:none;
}
.ms-sbplainwithborder{
font-family:corbel, arial, helvetica, sans-serif;
font-size:8pt;
}
td.ms-sblink{
padding-right:14px;
border:none;
}
.ms-sblink a:link,.ms-sblink a:visited{
font-family:corbel, arial, helvetica, sans-serif;
font-size:8pt;
color:#666666;
text-decoration:none;
padding-left:4px;
}
.ms-sblink a:hover{
color:#000000;
text-decoration:underline;
}
td.ms-sbgo{
background-color:#e9f2fd;
padding-left:3px;
padding-right:3px;
padding-bottom:1px;
padding-top:1px;
}
.ms-rightbodysectionsearchbox{
width:100%;
}
.ms-sbLastCell{
width:2px;
}
td.ms-sbscopes{
border:none !important;
}
select.ms-sbscopes{
font-family:corbel, arial, helvetica, sans-serif;
font-size:8pt;
width:170px;
}

/* Image Border Hover */
.highlightit img{
border: 2px solid #ffffff;
}

.highlightit:hover img{
border: 2px solid #cc0033;
}

.highlightit:hover{
color: red; /* Dummy definition to overcome IE bug */
}

/* Various - seems to be a duplicate */
#Slideshow { position: relative; left:0px; width:90%; top:0px; font-size:11px; text-align:center; border: 2px; border-style: solid; border-color: #ffffff;}

/* Tables */
#Table tr, #Table td { font-family: corbel, arial, helvetica, sans-serif; font-size: 13px; padding: 6px; margin: 4px; border-bottom: solid 1px #dddddd; line-height: 1.3em; }

#Table .legend { color: #828282; font-weight: bold; }

#Table .breakRow { background-color: #ffffff; height: 20px; }

#Table .productRow { background-color: #006699; font-size: 13px; color: #FFFFFF; font-weight: bold; }

#Table .oddRow { background-color: #F9F9F9; color: #222222; }

#Table .evenRow { background-color: #ffffff; color: #222222; }

/* Multiple Tables (on one page) */
Table.Multi  { font-family: corbel, arial, helvetica, sans-serif; }

tr.productRowMulti td { background-color: #006699; font-size: 13px; padding: 6px; margin: 4px; border-bottom: solid 1px #dddddd; line-height: 1.3em; color: #FFFFFF; font-weight: bold; }

tr.oddRowMulti td { background-color: #F9F9F9; font-size: 13px; padding: 6px; margin: 4px; border-bottom: solid 1px #dddddd; line-height: 1.3em; color: #FFFFFF; color: #222222; }

tr.evenRowMulti td { background-color: #ffffff; font-size: 13px; padding: 6px; margin: 4px; border-bottom: solid 1px #dddddd; line-height: 1.3em; color: #FFFFFF; color: #222222; }

/* Product Page Tables */
#TableP tr, #TableP td { font-family: corbel, arial, helvetica, sans-serif; font-size: 13px; padding: 6px; margin: 4px; line-height: 1.3em; }

#TableP .legend { color: #828282; font-weight: bold; }

#TableP .breakRow { background-color: #ffffff; height: 20px; }

#TableP .productRow { background-color: #006699; font-size: 13px; color: #FFFFFF; font-weight: bold; }

#TableP .whatsnewRow { color: #222222; background-image:url(/products/zetafax/img/new_to_zf_bg.jpg); background-repeat: no-repeat; }

#TableP .wantmoreRow { color: #222222; background-image:url(/products/zetafax/img/want_more_zf_bg.jpg); background-repeat: no-repeat; }

/* Popup viewer */
a.info{position:relative; /*this is the key*/}

a.info:hover{z-index:25;}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:2em; width:15em;
    border:1px solid #006699;
    background-color:#99D7F6; color:#000;
    text-align: center}

/* Boxouts */

/* Home page */
.boxouthome-left {
height:220px; width:441px; background-color: #CAE0EE; padding:2px; float:left;}

.boxouthome-right {
height:220px; width:441px; background-color: #CAE0EE; padding:2px; float:right;}

/* Company */
/* for understanding browsers */
.boxout {
width:233px; background-color: #006699; height:auto; padding:2px;}
/* for Internet Explorer */
/*\*/
* html .boxout { height: 8em; }
/**/

/* Zetadocs */
/* for understanding browsers */
.boxoutdocs {
width:260px; background-color: #272780; height:auto; padding:2px; }
/* for Internet Explorer */
/*\*/
* html .boxoutdocs { height: 8em; }
/**/


/* Zetafax */
/* for understanding browsers */
.boxoutfax {
width:233px; background-color: #006699; height:auto; padding:2px; }
/* for Internet Explorer */
/*\*/
* html .boxoutfax { height: 8em; }
/**/

/* Zetafax */
/* for understanding browsers */
.boxoutfaxwhite {
width:233px; background-color: #ffffff; height:auto; padding:2px; }
/* for Internet Explorer */
/*\*/
* html .boxoutfaxwhite { height: 8em; }
/**/


/* Table properties */
tr { vertical-align:top; }

/*  Slideshow */
#Slideshow { position: relative; left:0px; width:722px; top:0px; text-align:center;}

/* Left navigation quotes */
div#message    { color: black !important; font-size: 13px; font-style: italic; line-height: 120%; background-image: url(/img/quotes.gif); background-repeat: no-repeat; background-position: 0 30px; margin: 0; padding: 40px 10px 0 10px }
div#messageComp  { color: black !important; font-size: 13px; font-style: italic; font-weight: bold; line-height: 120%; margin: 0; padding: 0 0 0 10px }

/* Masthead */
#masthead-wrap { width:100%; background-color:#006699; }

#masthead {
	width:100%;
	max-width:1170px;
	min-width:300px; 
	height:40px;
	margin:auto;
	padding:0 0 0 0;
}

#nomenu { width:100%; max-width:1170px; height:30px; padding:0px; float:left; background:#020267;}
#topspacer { width:100%; padding:0px; height:1px; background:#fff; overflow: hidden;}
#imagecontainer { width:100%; max-width:1170px; height:188px; padding:0px; float:left; background:#fff; }
#imagecontainer2 { width:100%; max-width:1170px; height:210px; padding:0px; float:left; background:#fff; }
#bottomspacer { width:100%; padding:0px; background:#fff; height: 35px; overflow: hidden; }

#social-search-wrap { float:right; width:100%; text-align:right; }

#social-icons { float:left; padding:0; }
.social-icn-gap { margin:0 0 0 5px; }
/*
ul.social {
margin-left:5px;
}
*/
#search-wrap { display:none; float:right; padding: 5px 5px 5px 0;  }

#search-field {
	float:left; 
	width:162px;
	height:29px;
	text-align:left;
	background:#fff;
	}

#search-field input {
	border:none;
	width:145px;
	margin:5px 0 0 7px;
	font-family: corbel, arial, helvetica, sans-serif;
	font-size:13px;}
	
#search-button {
	float:left;
	width:32px;
	height:29px;
	background-color:#fff;
	font-size:20px;
	color:#006699;	
	}
#search-button button {
	background-color:#fff;
	margin: 5px 5px 5px 0px;
}

#breadcrumb {
	float:right;
	width:550px;
	margin:10px 0px 10px 0;
	font-size:14px;
	line-height:20px;
	color:#fff;}
	
#breadcrumb a {
	color:#fff;
	text-decoration:none;}

#breadcrumb a:hover {
	color:#fff;
	text-decoration:underline;}

/* Hide breadcrumbs when narrower (NB togglesearch_visibility() has to match on max-width) */
@media only screen and (max-width : 740px) {
#breadcrumb { display:none; }
}

/* Top menu */
#topmenu-wrap { width:100%; background-color:#F7F7F8; }
/*#topmenu { width:100%; max-width:904px; min-width:300px; height:60px; margin:auto; padding:0 0 0 0; background-color:#fff;} */
#topmenu { width:100%; max-width:904px; min-width:300px; height:60px; margin:auto; padding:0 0 0 0; background-color:#F7F7F8;}
	

.menu-logo {
	width:25%;
	height:100%;
	float:left;
	font-size:0.85em;
	position:relative;
	z-index:100;
	background-color:#F7F7F8;
}

.menu-logo img {
	max-width:100%;
	height:35px;
	margin:12px 5px 12px 25px;
}

.menu-search {
	width:8%;
	height:100%;
	float:right;
	font-size:0.85em;
	position:relative;
	z-index:100;
	background-color:#F7F7F8;
}

.menu-search img {
	float:right;
	margin:14px 20px 14px 0;
}

.menu {
	width:67%;
	float:right;
	font-size:0.85em;
	position:relative;
	z-index:100;
	background-color:#F7F7F8;
}


/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
padding:0;
margin:0;
list-style-type:none;
}
.menu ul ul {
width:100px;
}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {
float:left;
width:100px;
position:relative;
}

/* style the links for the top level */
.menu a, .menu a:visited {
display:block;
font-size:15px;
text-decoration:none; 
color:#006699; 
height:30px; 
border:0px solid #A09FAC; /* colour used in sub menus */
background:#F7F7F8; 
padding:15px 0 15px 10px; 
line-height:29px;
}


/* Reduce menu width when narrower screen (6 items) */ 
@media only screen and (max-width : 950px) {
#top-level-menu { width:16.6667%; max-width:100px; }
#top-level-menu-optional { width:16.6667%; max-width:100px; }
.menu a, .menu a:visited { width:90%; padding-left:10%; }
a.menuButton { padding: 8px; }
}

/* Reduce menu logo, drop down menu width and font size */ 
@media only screen and (max-width : 700px) {
.menu-logo img { height:29px; margin:15px 5px 15px 25px; }
.menu a, .menu a:visited { font-size:12px; }
.menu ul ul a, .menu ul ul a:visited { width:170px; }
}

/* Drop optional menus on phones (4 items) */ 
@media only screen and (max-width : 600px) {
#social-icons { padding:0; } /* don't indent social icons */
.menu-logo img { height:25px; margin:17px 5px 17px 5px; }
#top-level-menu { width:25%; }
#top-level-menu-optional { display:none; } /* hide optional menu items */
.menu-logo { width:33%; }
.menu-search { width:0%; }
.menu { width:67%; }
}

/* Top drop-down item needs a border above */
#first-menu { border-width:1px 1px 0px 1px; }

/* Bottom drop-down item needs a border and others can have one as a separator */
#underlined-menu { border-width:0px 1px 1px 1px; }

/* MailChimp Signup Form added 17/05/13 for Payables Aproval Landing Page */
fieldset {
	padding: 8px;
	text-align:center;
	table-layout:inherit;
}



/* EQ various edits throughout file */
/* Regular*/


@font-face {
   
  font-family: FSMatthew;
  src:url('/fonts/FSMatthewWeb-Regular.eot?v=4.3.0');
  src: local(FSMatthew), local('FSMatthewWeb-Regular'), url('/fonts/FSMatthewWeb-Regular.eot?#iefix&v=4.3.0') format('embedded-opentype'),url('/fonts/FSMatthewWeb-Regular.woff') format('woff');
 
}

@font-face {
   	
  font-family: 'FSMatthew Medium Italic';
  src:url('/fonts/FSMatthewWeb-MediumItalic.eot?v=4.3.0');
  src: local(FSMatthew), local('FSMatthewWeb-Regular'), url('/fonts/FSMatthewWeb-MediumItalic.eot?#iefix&v=4.3.0') format('embedded-opentype'), url('/fonts/FSMatthewWeb-MediumItalic.woff') format('woff');
}

@font-face {
   	
  font-family: 'FSMatthew Medium';
  src:url('/fonts/FSMatthewWeb-Medium.eot?v=4.3.0');
  src: local(FSMatthew), local('FSMatthewWeb-Medium'), url('/fonts/FSMatthewWeb-Medium.eot?#iefix&v=4.3.0') format('embedded-opentype'), url('/fonts/FSMatthewWeb-Medium.woff') format('woff');
}


@font-face {
   	
  font-family: 'FSMatthew Light Italic';
  src:url('/fonts/FSMatthewWeb-LightItalic.eot?v=4.3.0');
  src: local(FSMatthew), local('FSMatthewWeb-LightItalic'), url('/fonts/FSMatthewWeb-LightItalic.eot?#iefix&v=4.3.0') format('embedded-opentype'), url('/fonts/FSMatthewWeb-LightItalic.woff') format('woff');
}
 

@font-face {
   	
  font-family: 'FSMatthew Light';
  src:url('/fonts/FSMatthewWeb-Light.eot?v=4.3.0');
  src: local(FSMatthew), local('FSMatthewWeb-Light'), url('/fonts/FSMatthewWeb-Light.eot?#iefix&v=4.3.0') format('embedded-opentype'), url('/fonts/FSMatthewWeb-Light.woff') format('woff');
}
 
@font-face {
   	
  font-family: 'FSMatthew Italic';
  src:url('/fonts/FSMatthewWeb-Italic.eot?v=4.3.0');
  src: local(FSMatthew), local('FSMatthewWeb-Italic'), url('/fonts/FSMatthewWeb-Italic.eot?#iefix&v=4.3.0') format('embedded-opentype'), url('/fonts/FSMatthewWeb-Italic.woff') format('woff');
}
 
 
@font-face {
   	
  font-family: 'FSMatthew Bold Italic';
  src:url('/fonts/FSMatthewWeb-BoldItalic.eot?v=4.3.0');
  src: local(FSMatthew), local('FSMatthewWeb-BoldItalic'), url('/fonts/FSMatthewWeb-BoldItalic.eot?#iefix&v=4.3.0') format('embedded-opentype'), url('/fonts/FSMatthewWeb-BoldItalic.woff') format('woff');
}
 
@font-face {
   	
  font-family: 'FSMatthew Bold';
  src:url('/fonts/FSMatthewWeb-Bold.eot?v=4.3.0');
  src: local(FSMatthew), local('FSMatthewWeb-Bold'), url('/fonts/FSMatthewWeb-Bold.eot?#iefix&v=4.3.0') format('embedded-opentype'), url('/fonts/FSMatthewWeb-Bold.woff') format('woff');
}
 
.FSMatthew
{
 font-size:14px;
 font-family: 'FSMatthew';
}
 

.FSMatthew14
{
 font-size:14px;
 font-family: 'FSMatthew';
 color:#00D885;
}


.FSMatthewLight
{
 font-size:14px;
 font-family: 'FSMatthew Light';
 color:#00D885;
}


.FSMatthewMedium
{
 font-size:18px;
 font-family: 'FSMatthew Medium';
 color:#00D885;
}

.FSMatthewRegular14

{
 font-size:14px;
 font-family: 'FSMatthew';

}

.FSMatthewRegular12

{
 font-size:12px;
 font-family: 'FSMatthew';

}

.FSMatthewMedium32

{
color:#00D885;
 font-size:32px;
 font-family: 'FSMatthew Medium';

}

.FSMatthewBold12

{
 font-size:12px;
 font-family: 'FSMatthew Medium';
font-weight:bold;
}


.FSMatthewBold14

{
 font-size:14px;
 font-family: 'FSMatthew Medium';
font-weight:bold;
}


.FSMatthewMedium100
{
 font-size:100px;
 font-family: 'FSMatthew Medium';
 color:#00D885;
 line-height:normal;
}



.FSMatthewMedium50
{
 font-size:50px;
 font-family: 'FSMatthew Medium';
color:#00D885;

}
/*
.topMain {
min-height:60px;
}

.menuMain {
	position: relative; !important

}
*/


.mp_backlinks {
color: darkgrey;
}



.carousel{
    background: #006699; /*#2f4357; */
  /*  margin-top: 20px;*/
}
.carousel .item img{
    margin: 0 auto; /* Align slide image horizontally center */
/*	max-height:188px; */
}
.index_carousel{
/*	margin: 20px; */
}
.carousel-indicators li { visibility: hidden; }

#topContent .fa {
padding-top: 10px;}


.video-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}

.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}