@charset "utf-8";
/* CSS Document */

/* General Styles */

body
{
	width: 100%;
	height: auto;
	margin: 0 auto;
	background: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
}


h1
{
	font-size: 24px;
	font-style: normal;
	font-weight: 500;
	color: #006DB7;
	margin: 15px 0 10px 20px;
	text-decoration: none;
}

h1 a
{
	font-size: 24px;
	font-style: normal;
	font-weight: 500;
	color: #006DB7;
	margin: 15px 0 10px 0px;
	text-decoration: underline;
}

h1 a:hover
{
	font-size: 24px;
	font-style: normal;
	font-weight: 500;
	color: #006DB7;
	margin: 15px 0 10px 0px;
	text-decoration: none;
}

h1 img
{
	margin: -20px 10px 30px 10px;
	float: right;
	clear: right;
	border: 1px dotted #006DB7;
	padding: 2px;
}

h2
{
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	color: #006DB7;
	margin: 5px 0 10px 20px;
}

h2 img
{
	margin: 0px 20px 10px 10px;
	float: right;
	border: 1px  dotted #006DB7;
	padding: 5px;
}

h2 a
{
	color: #006DB7;
	text-decoration: underline;
}

h2 a:hover
{
	color: #006DB7;
	text-decoration: none;
}

h2.ga
{
	font-size: 15px;
	font-style: normal;
	font-weight:bold;
	color: #006DB7;
	margin: 5px 0 10px 20px;
}

h3
{
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	color: #006DB7;
	margin: 5px 0 10px 20px;
}

h3 a
{
	color: #006DB7;
	text-decoration: underline;
}

h3 a:hover
{
	color: #006DB7;
	text-decoration: none;
}

h4
{
	font-size: 13px;
	font-style: normal;
	font-weight: bold;
	margin: 10px 0 0px 20px;
}

h4 a
{
	text-decoration: underline;
	color:#000000;
}

h4 a:hover
{
	text-decoration: none;
	color:#000000;
}

p
{
	font-size: 13px;
	font-style: normal;
	font-weight: 500;
	color: #235699;
	margin: 10px 0 0 0;
}

img
{
	border: none;
}

ul
{
	list-style: square; 
	font-size: 13px;
	color: #666666;
}

.Border
{
	width: 970px;
	height: 3px;
	margin: 0 0 0 0;
	float: left;
	background: url(../images/border.gif) repeat-y;
}


.ContactButton
{
	margin: 30px 0px 0px 15px;
	padding: 20px 0px 0px 0px;
	float: left;
}

.TechnicalSupport
{
	margin: 30px 0px 0px 15px;
	float: left;
	clear: left;
}

#ContactButton
{
	margin: 0px 0px 0px 520px;
	float: left;
	clear: both;
}


#MainContainer
{
	width: 970px;
	margin: 10px auto;
}

#SubContainer
{
	width: 970px;
	margin: 0 auto;
	background: url(../images/header-background.jpg) top left no-repeat;
	float: left;
}

#HeaderContainer
{
	width: 970px;
	height: 119px;
	margin: 10px 0 0 0;
	padding: 10px 0 0 0;
	background: url(../images/main-background.gif) repeat-y;
}

#Logo
{
	width: 130px;
	height: 109px;
	float: left;
	margin: 0 0 0 4px;
	padding: 0 0 0 0;
}

#Header
{
	width: 826px;
	height: 109px;
	float: left;
	margin: 0 10px 0 0;
	padding: 0 0 0 0;
}

#Telephone
{
	width: 826px;
	height: 42px;
	text-align: right;
}

.TelephoneP
{
	font-size: 21px;
	font-style: normal;
	font-weight: 500;
	color: #006DB7;
	margin: 0 0 0 0;
}

#TitleContainer
{
	width: 826px;
	height: 27px;
	background: url(../images/title-container-background.jpg) no-repeat;
}

#Title
{
	float: left;
	width: 396px;
}

.TitleP
{
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	color: #006DB7;
	margin: 0 0 0 0;
	font-family: "Myriad Pro", Arial, Helvetica, sans-serif;
}

#Newsletter
{
	float: left;
}

.NewsletterForm
{
	margin: 0 0 0 0;
}

.FormLabel
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #235699;
	height: 22px;
	margin: 4px 0 0 0;
	float: left;
}

.InputField
{
	width: 170px;
	height: 16px;
	margin: 2px 0 0 50px;
	border: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #235699;
	text-indent: 4px;
	float: left;
}

.NewsletterSubmitButton
{
	width: 40px;
	height: 21px;
	background: url(../images/newsletter-sign-up-button.jpg) no-repeat #235699;
	border: none;
	margin: 2px 0 0 0;
	color: #FFFFFF;
	font-family: "Myriad Pro", Arial, Helvetica, sans-serif;
	font-size: 9pt;
	cursor: pointer;
	float: left;
}

.Navigation
{
	width: 826px;
	height: 40px;
	font-weight: bold;
	background: url(../images/menubarstatic.gif) repeat-x #006DB7;
	float:left;
}




#BreadcrumbContainer
{
	width: 970px;
	float: left;
	clear: both;
	background: url(../images/main-background.gif) repeat-y;
}

#BreadcrumbTrail
{
	width: 693px;
	float: left;
	margin: 0 0 0 0;
	padding: 0 0 0 134px;
}

.BreadcrumbP
{
	font-size: 13px;
	color: #006DB7;
}

#BreadcrumbTrail a
{
	text-decoration: underline;
	color: #006DB7;
	font-size: 13px;
}

#BreadcrumbTrail a:hover
{
	text-decoration: none;
	color: #006DB7;
	font-size: 13px;
}


#CustomerLogin
{
	width: 133px;
	height: 33px;
	float: left;
	margin: 0 10px 0 0;
	padding: 0 0 0 0;
}

#ContentContainer
{
	width: 970px;
	float: left;
	clear: both;
	background: url(../images/main-background.gif) repeat-y;
}

#ContentArea
{
	border-right: 1px solid #CCCCCC;
	width: 737px;
	float: left;
	margin: 10px 0 10px 0;
}

#ImageArea
{
	width: 717px;
	height: 241px;
	float: left;
	margin: 0px 0px 0px 20px;
}

#MainContent
{
	width: 737px;
	float: left;
}

.MainContentP
{
	font-size: 13px;
	color: #333333;
	margin: 10px 20px 0 20px;
}

#MainContent p
{
	font-size: 13px;
	color: #333333;
	margin: 10px 20px 0 20px;
}

.MainContentA
{
	font-size: 13px;
	text-decoration: underline;
	color: #333333;
}

.MainContentA:hover
{
	font-size: 13px;
	text-decoration: underline;
	color: #006DB7;
}

#Footer
{
	width: 970px;
	height: 128px;
	float: left;
	clear: both;
	background: url(../images/footer-background.gif) #FFFFFF;
}

#Footer a
{
	margin-right: 30px;
}

#Certificates
{
	width: 399px;
	height: 103px;
	float: left;
	clear: both;
	margin: 0 0 0 10px;
}

#Certificates img
{
	float: left;
}


#Address
{
	float: left;
	text-align: left;
	width: 356px;
	height: 103px;
	margin-left: -60px;
}

.AddressP
{
	font-size: 12px;
	color: #006DB7;
	margin: 5px 0 0 0;
}


#Perceptis
{
	float: left;
	text-align: right;
	width: 260px;
	height: 103px;
}

#Perceptis a
{
	text-decoration: underline;
	color: #006DB7;
	font-size: 12px;
}

#Perceptis a:hover
{
	text-decoration: none;
	color: #006DB7;
	font-size: 12px;
}

.PerceptisP
{
	font-size: 11px;
	color: #006DB7;
	margin: 60px 0px 0px 0px;
}

/* Index Specific Styles */

#IndexBackgroundImage
{
	width: 930px;
	height: 241px;
	margin-left: 10px;
	background: url(../images/index-background-image.jpg) no-repeat;
	float: left;
	clear: both;
}

#IndexMessage
{
	width: 709px;
	height: 241px;
	float: left;
	margin: 0px 0px 0px 0px;
}

#TouchpointContainer
{
	width: 930px;
	margin-left: 10px;
	float: left;
	clear: both;
	border-top: 1px solid #CCCCCC;
}

.Touchpoint
{
	width: 232px;
	height: 265px;
	float: left;
}

.Touchpoint h1
{
	font-size: 17px;
	color: #006DB7;
	font-family:  Arial, Helvetica, sans-serif;
	margin: 30px 0px 0px 10px;
	font-weight: bold;
}

.Touchpoint h1 a
{
	font-size: 17px;
	color: #006DB7;
	font-family:  Arial, Helvetica, sans-serif;
	margin: 30px 0px 0px 0px;
	text-decoration: underline;
	font-weight: bold;
}

.Touchpoint h1 a:hover
{
	font-size: 17px;
	color: #006DB7;
	font-family:  Arial, Helvetica, sans-serif;
	margin: 30px 0px 0px 0px;
	text-decoration: none;
	font-weight: bold;
}

.Touchpoint p
{
	font-size: 13px;
	width: 220px;
	height: 130px;
	color: #999999;
	margin: 10px 10px 10px 10px;
}

.TouchpointImage
{
	float: right;
	margin: 10px 20px 10px 5px;
}

.MoreInformationButton
{
	margin-left: 10px;
}

#IndexMessage h1
{
	font-size: 25px;
	color: #000000;
	font-family: "Myriad Pro", Arial, Helvetica, sans-serif;
	margin: 5px 0px 0px 10px;
}

#IndexSideBar
{
	float: left;
	width: 213px;
}

#IndexSideBar h2
{
	font-size: 17px;
	color: #696969;
	font-family: Arial, Helvetica, sans-serif;
	margin: 10px 20px 0px 20px;
}

.ExpertAreaSignUp
{
	margin-left: 20px;
}

#FlashArea
{
	float: left;
	width: 717px;
	height: 241px;
}

/* Inner Page Specific Styles */

#SideBar
{
	float: left;
	width: 231px;
}

.Quote
{
	margin: 50px 30px 10px 25px;
	float: left;
	text-align: left;
}

.QuoteP
{
	font-size: 16px;
	color: #006DB7;
	margin: 0 0 0 0;
	font-family: "Myriad Pro", Arial, Helvetica, sans-serif;
}
.QuoteName
{
	font-size: 12px;
	color: #006DB7;
	margin: 0 0 0 0;
	font-family: "Myriad Pro", Arial, Helvetica, sans-serif;
}
.StartQuote
{
	float: left;
	margin: 0 3px 0 0;
}

.EndQuote
{
	float: right;
	margin: 0 0 0 3px;
}




/* Landing Page Specific Styles */

.LandingPageUL		
{
	list-style: none; 
	font-size: 14px;
}

.LandingPageLI	
{
	margin: 10px 10px 0 -20px; 
	padding: 0 10px 0 40px; 
	background: url(../images/breadcrumb-arrow.gif) no-repeat left top; 
}

.LandingPageLI a
{
	font-size: 14px;
	text-decoration: underline;
	color: #666666;
}

.LandingPageLI a:hover
{
	font-size: 14px;
	text-decoration: none;
	color: #006DB7;
}

.LandingPageLI h2
{
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	color: #006DB7;
	margin: 5px 0 10px 0px;
}


#SubNavigation
{
	width: 189px;
	float: left;
	margin: 30px 0px 0px 15px;
}

#SubNavigation h2
{
	margin: 5px 8px 10px 8px;
}

#SubNavigationTop
{
	width: 189px;
	height: 9px;
	background: url(../images/sub-navigation-top.gif) no-repeat;
	float: left;
}

#SubNavigationMain
{
	width: 187px;
	background: #e6e6e6;
	border-left: 1px solid #aeaeae;
	border-right: 1px solid #aeaeae;
	padding: 10px 0 20px 0;
	float: left;
}

#SubNavigationBottom
{
	width: 189px;
	height: 9px;
	background: url(../images/sub-navigation-bottom.gif) no-repeat;
	float: left;
}

.SubNavigationP
{
	margin: 10px 8px 0 8px;
	color: #717171;
}

#SubNavigation a
{
	text-decoration: underline;
	color: #006DB7;
	font-size: 13px;
}

#SubNavigation a:hover
{
	text-decoration: none;
	color: #006DB7;
	font-size: 13px;
}

#SubNavigationSecondary
{
	width: 189px;
	float: left;
	margin: 30px 0px 0px 15px;
}

#SubNavigationTopSecondary
{
	width: 189px;
	height: 9px;
	background: url(../images/sub-navigation-top.gif) no-repeat;
	float: left;
}

#SubNavigationMainSecondary
{
	width: 187px;
	background: #e6e6e6;
	border-left: 1px solid #aeaeae;
	border-right: 1px solid #aeaeae;
	padding: 10px 0 20px 0;
	float: left;
}

#SubNavigationBottomSecondary
{
	width: 189px;
	height: 9px;
	background: url(../images/sub-navigation-bottom.gif) no-repeat;
	float: left;
}

#SubNavigationSecondary a
{
	text-decoration: underline;
	color: #006DB7;
	font-size: 13px;
}

#SubNavigationSecondary a:hover
{
	text-decoration: none;
	color: #006DB7;
	font-size: 13px;
}

/*Site Map Styles*/

#ColumnLeft
{
	width: 358px;
	float: left;
}

#ColumnRight
{
	width: 358px;
	float: left;
}

.PrimaryLI
{
	text-decoration: underline; 
	font-size: 20px;
	color: #006DB7;
}

.SecondaryLI
{
	text-decoration: underline;
	font-size: 16px;
	color: #006DB7;
}

.TertiaryLI
{
	text-decoration: underline;
	font-size: 14px;
	color: #717171;
}

.PrimaryLI:hover
{
	text-decoration: none; 
	font-size: 20px;
	color: #717171;
}

.SecondaryLI:hover
{
	text-decoration: none;
	font-size: 16px;
	color: #717171;
}

.TertiaryLI:hover
{
	text-decoration: none;
	font-size: 14px;
	color: #006DB7;
}


.PrimaryUL
{
	list-style: none; 
	font-size: 20px;
	color: #006DB7;
}

.SecondaryUL
{
	list-style: circle; 
	font-size: 16px;
	color: #006DB7;
}

.TertiaryUL
{
	list-style: square; 
	font-size: 13px;
	color: #717171;
}

/*Environment Plan Tables */

.EnvironmentalPlanTable
{
	border: 1px solid #717171;
	margin: 10px 20px 0px 20px;
	width: 670px;
}

.EnvironmentalPlanTable th
{
	text-align: left;
	font-size: 14px;
}

.EnvironmentalPlanTable td
{
	text-align: left;
	font-size: 13px;
}

/* Meet The Team styles */

.ProfileContainer
{
	width: 340px;
	height: auto;
	float: left;
	margin: 0px 0px 10px 20px;
	padding: 0px 0px 10px 0px;
	border: 1px solid #999999;
}

.ProfileImage
{
	width: 110px;
	height: 110px;
	float: left;
	margin: 20px 0px 10px 10px;
	padding: 0px 0px 0px 0px;
}

.ProfileDetails
{
	width: 190px;
	height: auto;
	float: left;
	margin: 10px 10px 10px 10px;
	padding: 0px 0px 0px 0px;
}

.ProfileTitle
{
	width: 190px;
	float: left;
}

.ProfileBio
{
	width: 190px;
	float: left;
}

.ProfileContact
{
	width: 190px;
	float: left;
}

.ProfileNameP
{
	font-size: 14px;
	color: #006DB7;
	margin: 0px 0px 8px 0px;
	padding: 0px 0px 0px 0px;
}


.ProfileJobP
{
	font-size: 13px;
	color: #333333;
	margin: 0px 0px 8px 0px;
	padding: 0px 0px 0px 0px;
}

.ProfileBioP
{
	font-size: 13px;
	color: #333333;
	margin: 0px 0px 8px 0px;
	padding: 0px 0px 0px 0px;
}

.ProfileContactP
{
	font-size: 13px;
	color: #333333;
	height: 30px;
	margin: 0px 0px 8px 0px;
	padding: 0px 0px 0px 0px;
}

.ProfileContactDiv
{
	font-size: 13px;
	color: #333333;
	height: 30px;
	margin: 10px 0px 8px 0px;
	padding: 0px 0px 0px 20px;
}

/*News Page Styles*/

.NewsItem
{
	float: left;
	width: 717px;
	margin: 5px 0px 5px 5px;
	padding: 10px 0px 10px 0px;
	border-bottom: 1px dotted #999999;

}


.NewsItem p
{
	font-size: 13px;
	color: #333333;
	margin: 0px 0px 0px 20px;
}

.NewsItem p img
{
	float: right;
}


/*Product Page Styles*/

.ProductLink
{
	float: right;
	clear:both;
	margin: 0px 10px 0px 0px;
	font-size: 14px;
}

.ProductLink a
{
	color: #006DB7;
	text-decoration: underline;
}

.ProductLink a:hover
{
	color: #006DB7;
	text-decoration: none;
}

/******************** Process Applications Tables *******************/

caption
{
	color: #006DB7;
}

.ProcessApplicationTable
{
	margin: 0px 0px 0px 20px;
	border-top: 1px dashed #006DB7;
	border-left: 1px dashed #006DB7;
}

.ProcessApplicationTable th
{
	color: #FFF;
	font-size: 14px;
	font-weight: normal;
	border-bottom: 1px dashed #006DB7;
	border-right: 1px dashed #006DB7;
	background: #006DB7;
}

.ProcessApplicationTable td
{
	color: #000;
	font-size: 13px;
	border-bottom: 1px dashed #006DB7;
	border-right: 1px dashed #006DB7;
}

.ProcessApplicationTable a
{
	color: #000;
	text-decoration: underline;
}

.ProcessApplicationTable a:hover
{
	color: #006DB7;
	text-decoration: none;
}

.trOdd
{
	background: #FFF;
}

.trEven
{
	background: #eef4fe;
}


#NewAccountForm		
{
	width: 700px;
	padding: 0 0 0 20px;
	float: left;
}
#LoginForm		
{
	width: 700px;
	padding: 0 0 0 20px;
	float: left;
}
#ForgottenPasswordForm		
{
	width: 700px;
	padding: 0 0 0 20px;
	float: left;
}
.GeneralFormText
{
	font-size: 13px;
	color: #333333;
	font-weight: normal;
}
.GeneralFormText a
{
	color: #000000;
	text-decoration: underline;
}
.GeneralFormText a:hover
{
	color: #006DB7;
	text-decoration: none;
}
.GeneralFormTextBold
{
	font-size: 13px;
	color: #333333;
	font-weight: bold;
}
.GeneralFormTextError
{
	font-size: 13px;
	color: #FF0000;
	font-weight: bold;
}
.GeneralFormTextLarge
{
	font-size: 14px;
	color: #333333;
	font-weight: normal;
}
.GeneralFormLabel
{
	font-size: 14px;
	color: #333333;
	width: 150px;
	margin-right: 5px;
	display: block;
	float: left;
}
.GeneralFormField
{
	font-size: 13px;
	color: #333333;
}
#PopupMainContainer
{
	margin: 10px;
}

#PopupLogo
{
	margin: 0px 10px 20px 0px;
}
#PopupHeaderLinks
{
	text-align: right;
}


/*Enquiry Form Styles*/
#EnquiryForm		
{
width: 660px;
padding: 0 0 0 20px;
float: left;
}
.ContactFormLabel				
{
width: 110px; 
float: left; 
text-align: left; 
margin-right: 5px; 
display: block;
font-size: 14px;
}
#ContactLeft
{
float: left;
width: 450px;
}
#ContactRight
{
float: left;
width: 250px;
}
.TextGeneralError
{
color: #FF0000;
font-size: 14px;
}
.EnquiryFormH1
{
margin-left: 0px;
}
.TextEnquiryForm	
{
margin-left: 20px;
}
.TextEnquiryForm2	
{
margin-left: 115px;
}
.ContactFormLabel
{
font-size: 13px;
}
.SubmitButton		
{
float: right; 
clear: both; 
margin: 5px 30px auto; 
cursor: pointer;
}

.TextIndent {
text-indent: 32px;
}

.GetAdobe {
text-align:center;
}

.cubed{
font-size:10px;
vertical-align:top;
}

.cubedtitle {
font-size:16px;
vertical-align:top;
}