﻿body 
{
	/*width: 100%;*/
}

/* ---Page Container--- */
div.pagecontainer
{
	z-index: 0;
	top: -28px;
	position: relative;
}

/* ---high level containers--- */

div.PageContentContainer
{
	width: 800px;
	margin: 0px auto;
	position: relative;
	margin-top: 20px;
	min-height: 490px;
	top: -28px;
}

div.headercentred
{
	width: 800px;
	height: 128px;
	margin: 0px auto;
	position: relative;
	z-index: 1;
}

div.homepageimage
{
	z-index: 0;
	position: relative;
}

div.centredHomePage
{
	width: 800px;
	margin: 0px auto;
	position: relative;
	margin-top: 20px;
	top: -28px;
}

/* ---Position Elements--- */

/* ---Header Bar--- */


div.headercontainer
{
	width: 800px;
	height: 145px;
	z-index: 3;
	position: relative;

}


div.pppTitle
{
	position: absolute;
	bottom: 30px;
	z-index:600;
	left: -8px;
}

div.advantisLogo
{
	position: absolute;
	right: 0px;
	z-index: 600;
}

/*div.pppStyle
{
	position: absolute;
	height: 100px;
	width: 70px;
	left: 112px
}*/

div.menuBar
{
	height: 32px;
	background-image: url('../Images/menubarimage2.jpg');
	z-index: 650;
	background-repeat: repeat-x;
}

div.divOpacity
{
	background-image: url('../Images/dropDownMenuBackground.png');
}


div.centered
{
	width: 800px;
	margin: 0px auto;
	top: 0px;
	left: 0px;
	position: relative;
}


/* --- Div for main heading --- */

div.leftImage
{
	top: 0px;
	height: 190px;
	width: 600px;
}

div.leftColumn
{
	width: 157px; /*200px;*/;
	padding-top: 19px;
	position: absolute;
}

div.mainFixed
{
	position: relative;
	top: 26px;
	left: 178px;
	width: 400px;
}


/* ---div for text in main--- */




div.main
{
	position: relative;
	top: 42px;
	left: 178px; 
	width: 400px;/*312px;*/;
}

/*	width: 800px;
	margin: 0px auto;
	top: 183px;
	left: 0px;
	position: relative;
	outline: 1px solid blue;
	overflow: hidden;
*/

div.scroller
{
	width: 820px;
	position: relative;
	margin: 0px auto;
	left: 7px;
	height: 463px;
	overflow: auto;
}

div.rightColumn
{
	position: absolute;
	width: 200px;
	right: 0px;
}


div.tableCentre
{
	position: absolute;
	bottom: 0px;
	left: -10px;
}

div.dateBackground
{
	
	background-image: url('../Images/DateBackground.png');
	background-repeat: no-repeat;
	text-align: center;
	padding: 3px 3px 3px 3px;
	height: 10px;
	width: 30px;
	
}


div.latestNewsBackground
{
	background-repeat: no-repeat;
	background: url('../Images/DateBackground3Alternative.png') top;
	position: relative;
	padding-top: 12px;
	height: 320px;
	width: 200px;
	top: 10px;
/*	position: relative; 
	top: 10px;
	width: 200px;*/
}

div.makePaymentPosition
{
	/*padding: 0px 0px 0px 0px;
	vertical-align: top;*/
	position: relative;
	top: 20px;
	cursor: hand;

}

/* ----Positioning for right column ----*/

div.latestHeading
{
	position: absolute;
	top: 10px;
	height: 20px;
	left: 15px;
	font-family: Arial;
	font-size: 10pt;
	font-weight: bold;
	color: White;	
}

div.latestMain
{
	position:relative;
	top: 30px;
	left: 15px;
	height: 100px;
	width: 180px;
	
}

div.latestDate
{
	position: absolute;
	top: 5px;
	height: 12px;
	width: 40px;
	background-image: url('../Images/DateBackground.png');
	background-repeat: no-repeat;
	text-align: center;
	padding-top: 2px;	
	font-family: Arial;
	font-size: 7pt;
	color: White;		
}

div.latestInnerMain
{
	position: relative;
	top: 22px;
	width: 175px;
	font-family: Arial;
	font-size: 8pt;
	color: White;
}

div.divideImage
{
	position: absolute;
	top: 68px;
	left: 0px;
}

/* ----Login Positioning---- */
div.loginStyle
{
/*	position: relative;
	background-image: url('../Images/RemoteAccessClient.png');
	background-repeat: no-repeat;
	padding: 0px 0px 5px 0px;
	height: 50px;
	text-align: left;*/
	position: relative;
	cursor: hand;
}

div.FAQStyle
{
	position: relative; 
	/*	background-image: url('../Images/FAQ.png');*/;
	background-repeat: no-repeat;
	padding: 0px 0px 5px 0px;
	height: 140px;
	top: 10px;
	right: 0px;
	width: 192px;
	text-align: left;
}


div.loginHeading
{
	position: absolute;
	top: 33px;
	left: 10px;
	font-family: Arial;
	font-size: 11pt;
	font-weight: normal;
	color: White;
}

div.loginDetails
{
	position: absolute;
	top: 30px;
	left: 15px;
	width: 120px;
	line-height: 0.1;
}

div.loginButton
{
	position: absolute;
	float: right;
	top: 26px;
	left: 150px; 
}

/* ---Footer Container--- */

div.footercontainer
{
	padding-top: 20px;
	position: relative;
	background-color: #FFFFFF;
}


div.footercontainerhome
{
	padding-top: 20px;
	position: relative;
	background-color: #FFFFFF;
	top: -28px;
}



div.footercentred
{
	position: relative;
	width: 800px;
	margin: auto auto 0px auto;
	bottom: 0px;
}

div.footercentredhome
{
	position: relative;
	width: 800px;
	margin: auto auto 0px auto;
	bottom: 0px;
}


/* ----Footer Positioning ----*/


div.footer
{
	position: relative;
	height: 20%;
	left: 0px;
	bottom: 0px;/*560px;*/;
	border-top: solid 2px #69BE28;
	background-color: #FFFFFF;
	z-index: 100;
}

div.footerhome
{
	position: relative;
	height: 20%;
	left: 0px;
	bottom: 0px;/*560px;*/;
	border-top: solid 2px #69BE28;
	background-color: #FFFFFF;
	z-index: 100;
}


div.footerLinks
{
	position: absolute;
	top: 3px;
	width: 50px;
	font-family: Arial;
	font-size: 7pt;
	text-align: center;
	color: #69BE28;
	border-right: solid 2px #69BE28;
	cursor: hand;
	cursor: pointer;
}
div.footerLinks2
{
	position: absolute;
	top: 3px;
	width: 70px;
	left: 52px;
	text-align: center;
	font-family: Arial;
	font-size: 7pt;
	color: #69BE28;
	border-right: solid 2px #69BE28;
	cursor: hand;
}
div.footerLinks3
{
	position: absolute;
	top: 3px;
	width: 56px;
	left: 125px;
	text-align: center;
	font-family: Arial;
	font-size: 7pt;
	color: #69BE28;
	border-right: solid 2px #69BE28;
	cursor: hand;
}
div.footerCopyrightRight
{
	position: relative;
	float: right;
	top: 3px;	
	font-family: Arial;
	font-size: 7pt;
	color: Gray;
}

div.csalogo
{
	position: relative;
	float: right;
	top: 22px;
	right: -218px;
}

div.cailogo
{
	position: relative;
	float: right;
	top: 37px;
	right: -204px;
}

div.ISO14001logo
{
	position: relative;
	top: 18px;
	float: right;
	right: -251px;
}

div.ISO27001logo
{
	position: relative;
	float: right;
	top: 18px;
	right: -240px;	
}

div.ISO9001logo
{
	position: relative;
	float: right;
	top: 18px;
	right: -229px;	
}



div.siteMapLeft
{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 300px;
	height: 200px;
			
}
div.siteMapRight
{
	position: absolute;
	left: 310px;
	top: 0px;
	width: 300px;
	
}


/* ---Image Properties--- */
img.leftImage
{
	height: 190px;
	width: 580px;
  /*height: 200px;
	width: 555px;*/

}

img.logoImage
{
	border-color: #FFFFFF;
	height: 90px;
	width: 100px;
	
/*	height: 70px;
	width: 73px;*/
}

img.CompanyNews
{
	height: 230px;
	width: 185px;
}

/*img.MakePayment
{
	width: 192px;
}
*/

img.WelcomeWords
{
	height:200px;
	width: 200px;
}


/* ---Table Styling--- */

table.tableMenuBar
{
	width: 70%;

}

table.footerStyle
{
	position: absolute;
	height: 6px;
	border-style: solid none none none;
	border-width: 1px;
	border-color: #69BE28;
	width: 99%;
}

/* ---Table Cell Styling-- */
td.pppStyle
{
	width: 70%; 
	padding-top: 26px;
	padding-left: 0px;
}

td.logoStyle
{
	width: 30%; 
	text-align: right; 
	padding-bottom: 64px;
	
}
td.menuBarCentreCells
{
	padding-left: 7px;
}

td.leftColumnImage
{
	background-image: url('../Images/PlainPage3.png');
	background-repeat: no-repeat;
	width: 157px;
	height: 41px;
	padding-top: 0px;
	padding-left: 15px;
	font-family: Arial;
	font-weight: 100;
	font-size: 11pt;
	color: #FFFFFF;
}

td.leftColumnCentre
{
	padding-left: 15px;
	font-family: Arial;
	font-size: 8pt;
	font-weight: normal;
	color: Black;
}

td.leftColumnCentreHighlight
{
	padding-left: 15px;
	padding-top: 1px;
	padding-bottom: 1px;
	background-color: #bce1a0;
	height: 20px;
	font-family: Arial;
	font-size: 8pt;
	font-weight: normal;
	color: Black;
}

td.AnnouncementHeader
{
	padding: 10px 10px 8px 15px;
}

td.AnnouncementDetails
{
	padding: 5px 12px 8px 16px;
	border-spacing: 0px;
	vertical-align: text-top;
	max-height: 60px;
}

td.AnnouncementDate
{
	font-family: Arial;
	font-size: 7pt;
	font-weight: 600;
	color: White;
	padding: 0px 20px 0px 15px;
	border-spacing: 0px;
	
}

td.clientLogin
{
	text-align: left; 
	font-size: 10pt;
	font-weight: bold;
	font-family: Arial;
	color: White;
	padding: 10px 0px 0px 3px;
	
}

/*puts green line to separate options in footer*/
td.footerSiteTerms
{
	text-align: left;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #69BE28;
	padding: 0px 0px 0px 0px;
	width: 50px;
}

td.footerCellStyle
{
	text-align: left;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #69BE28;
	padding: 0px 0px 0px 0px;
	width: 70px;
}

td.footerNoPadding
{
	padding: 0px 0px 0px 0px;
}

td.footerCopyright
{
	width: 70%;
	padding: 0px 0px 0px 0px;
	text-align: right;
	font-family: Arial;
	font-size: 6pt;
	color: Gray;
}

td.loginBkg
{
	background-image: url('../Images/PlainPage4.png');
	background-repeat: no-repeat;
	height: 100px;
	width: 200px;
	text-align:center;
}

td.rightColumnDivide
{
	text-align: center;
	height: 3px;
	padding: 0px 0px 0px 0px; 
}

/* ---Link Styling--- */
a
{
	font-size: 8pt;
	font-family: Arial;
	font-weight: 600;

}

a.aboutAdvantis:link
{
	font-size: 11pt;
	font-family: Arial;
	font-weight: 100;
	color: White;

}
a.aboutAdvantis:visited
{
	font-size: 11pt;
	font-family: Arial;
	font-weight: 100;
	color: White;
}

a.aboutAdvantis:hover
{
	font-size: 11pt;
	font-family: Arial;
	font-weight: 100;
	color: White;
}

a.rightColumnLink
{
	font-size: 7pt;
	font-family: Arial;
	text-decoration: none;
	color: #007934;
	padding-bottom: 20px;
    
}

a.rightColumnLink:hover
{
	font-size: 7pt;
	font-family: Arial;
	text-decoration: none;
	padding-bottom: 20px;
    color: White;
}


a.leftColumnStyle:link
{
	font-family: Arial;
	font-size: 8pt;
	font-weight: normal;
	color: Black;
	cursor: hand;
	text-decoration:none;
}

a.leftColumnStyle:visited
{
	font-family: Arial;
	font-size: 8pt;
	font-weight: normal;
	color: Black;
	cursor: hand;
	text-decoration:none;
}

a.leftColumnStyle:hover
{
	font-family: Arial;
	font-size: 8pt;
	font-weight: normal;
	color: #69BE28;
	cursor: hand;
	text-decoration:none;
}

a.footerSmall:link
{
	font-size: 6pt;
	font-family: Arial;
	color: #69BE28;
	
}

a.footerSmall:visited
{
	font-size: 6pt;
	font-family: Arial;
	color: #007934;
}

a.footerSmall:hover
{
	font-size: 6pt;
	font-family: Arial;
	color: #69BE28;
}

a:link
{
}
a:visited 
{ 
	color: #007934; 
	text-decoration: none;
} 
a:hover
{
	 color: #69BE28;
	 text-decoration: none;
} 

a.clickHereLink:link
{
	color: #68BE28;
	text-decoration: none;
}
a.clickHereLink:visited 
{ 
	color: Black;
	text-decoration: none;
}
a.clickHereLink:hover
{
	color: #007934;
	text-decoration: none;	 
} 


a.LeftColumnStyle:link
{
	color: Black;
	text-decoration: none;
}

a.LeftColumnStyle:hover
{
	color: #69BE28;
	text-decoration: none;	 
}

a.siteMapHeading:link
{
	font: arial;
	color: #007934;
	font-size: 11pt;
}
a.siteMapHeading:visited
{
	font: arial;
	color: #68BE28;
	font-size: 11pt;
}
a.siteMapHeading:hover
{
	font: arial;
	color: #007934;
	font-size: 11pt;
}

a.siteMapSubHeading:link
{
	font: arial;
	color: #68BE28;
	font-size: 9pt;	
}
a.siteMapSubHeading:visited
{
	font: arial;
	color: #68BE28;
	font-size: 9pt;
}
a.siteMapSubHeading:hover
{
	font: arial;
	color: #68BE28;
	font-size: 9pt;
}

a.mailToHumanResources:link
{
	color: #68BE28;
	text-decoration: none;
}

a.mailToHumanResources:visited
{
	color: Black;
	text-decoration: none;
}

a.mailToHumanResources:hover
{
	color: #007934;
	text-decoration: none;
}

/* ---Text Styling--- */
p
{
	font-family: Arial;
	font-size: 8pt;
	color: Gray;
	
}

p.copyrightStyle
{
	font-family: Arial;
	font-size: 6pt;
	color: Gray;
}

p.mainStyle
{
	padding: 0px 0px 0px 0px;
	/*max-width:360px;*/
	text-align: left;
	color: Black;
}

p.dateStyle
{
	font-family: Arial;
	font-size: 6pt;
	color: White;
}

p.latestNews
{
	font-family: Arial;
	font-weight: bold;
	font-size: 10pt;
	color: White;
	padding: 0px 0px 0px 0px;
}
p.announcements
{
	padding: 0px 0px 0px 0px;
	font-family: Arial;
	font-size: 7pt;
	font-weight:normal;
	color: White;
	max-width: 140px;
}
leftColumnStyle
{
	font-family: Arial;
	color: black;
	font-size: 8pt;
	text-align: left;
}

p.pNoPadding
{
	padding: 0px 0px 0px 0px;
	font-family: Arial;
	font-size: 6pt;
	color: Gray;
}

h1
{
	font-family: Arial;
	font-weight:lighter;
	font-size: 16pt;
	color: #007934;
	margin: 1px 0px 0px 0px;	
}

h2
{
	font-family: Arial;
	font-weight: 300;
	font-size: 18pt;
	color: #007934; 
	

}

h3
{
	font-family:Arial;
	color: White;
	font-size: 11pt;
	font-weight: bolder;
	height: 20px;
	padding: 10px 0px 0px 10px;
	border: solid 1px 1px 1px 1px Black;
	
}

h4
{
	font-family: Arial;
	font-weight: 400;
	font-size: 9pt;
	color: #007934;
}

h5
{
	font-family: Arial;
	font-size: 8pt;
	font-weight: normal;
	color: Black;
}

span.dateBackground
{
	background-image: url('../Images/DateBackground.png');
	background-attachment: fixed;
	width: 50px;
	background-repeat: no-repeat;
}

.textboxAlign
{
	padding: 3px 0px 0px 5px;
		
}

.bulletedList
{
	font-size:9pt;
	padding: 0px 0px 0px 0px;

}

.businessFormLabel
{
	font-family: Arial;	
	color: Black;
	font-size: 8pt;
}

.businessFormTextbox
{
	border-color: #68BE28;
	border-style: Solid;
	border-width: 1px;
}
