@import url('maintemplate.css');
body {
  background-color: #CCCCCC;
  font-size: 12px;
  color:black;  
  padding:20px;
  text-align: center;
  background-image:url('MainNavBar/BackgroundBar.jpg');
  font-family:Arial, Helvetica, sans-serif;
}



#main-content { 	
  position:absolute;
  width:1028px;
  height:1348px;
  margin:0px 0px 0px -485px;
  top: 0%; 
  left: 50%;
  text-align: left;
  padding: 0px;
  border: 0px #000000 solid;
  overflow:visible;
  background-image:url('MainNavBar/shadow-background.jpg');
}

/*body > #main-content {margin:0px 0px 0px -480px};
}*/


#content { 	
  position:absolute;
  width:964px;
  margin:0px 0px 0px -485px;
  top: 0%; 
  left: 50%;
  text-align: left;
  padding: 0px;
  border: 0px #000000 solid;
  overflow:visible;
}

/*body > #content {margin:0px 0px 0px -480px};
}*/

#title {
 	height:56px;	
 	width:964px;
 	background:white;
	overflow:hidden;
	
}

/*body > #title{
	height:56px;	
 	width:964px;
 	background:white;
	overflow:hidden;
	margin-top:-2px;

}*/

a img { border: 0; }

#title-lower {
 	height:72px;	
 	width:964px;
 	background:#0d0d0d;
 	background-image:url('img/title-lower-backbg-space.jpg');
}

/*body > #title-lower {
	height:68px;	
 	width:964px;
 	background:#0d0d0d;

}*/

#mid-section-full{
	height:1083px;	
 	width:964px;
 	background:white;
 	margin-top:-4px;
}
/*
body > #mid-section-full {
	margin-top:0px;
	height:1085px;
}*/


#mid-section-left-bar{
	height:410px;	
 	width:295px;
 	background:white;
}


#mid-section-left-content-Sol-top{
	
	height:52px;	
 	width:295px;
 	background-color:#FFFFFF;
 	text-align:center;
 	color:white;
 	font-family:Arial, Helvetica, sans-serif;
 	font-size:14px;
 	font-weight:bold;
}

.button {
	background:#2222CC;
	border:1px solid #000000;
	padding:2px;
	color:#FFFFFF;
	}

#mid-section-left-content-Sol{
	
	height:837px;	
 	width:295px;
 	background-image:url('MainNavBar/GunMetalLHColumn60px.jpg');
 	background-repeat:repeat-y;
 	text-align:center;
 	color:white;
 	font-family:Arial, Helvetica, sans-serif;
 	font-size:14px;
 	font-weight:bold;
}



#mid-section-left-content{
	
	height:500px;	
 	width:295px;
 	background-image:url('MainNavBar/GunMetalLHColumn60px.jpg');
 	background-repeat:repeat-y;
 	text-align:center;
 	color:white;
 	font-family:Arial, Helvetica, sans-serif;
 	font-size:14px;
 	font-weight:bold;
}


#mid-section-left-content-details{
	
	margin-top: 22px;
	height:300px;	
 	width:295px;
 	background-image:url('MainNavBar/HomepageGunMetalDark.jpg');
 	background-repeat:repeat-y;
 	text-align:center;
 	color:white;
 	font-family:Arial, Helvetica, sans-serif;
 	font-size:14px;
 	font-weight:bold;
}

#mid-section-left-content-sol-details{
	
	margin-top: 22px;
	height:520px;	
 	width:295px;
 	background-image:url('MainNavBar/HomepageGunMetalDark.jpg');
 	background-repeat:repeat-y;
 	text-align:center;
 	color:white;
 	font-family:Arial, Helvetica, sans-serif;
 	font-size:14px;
 	font-weight:bold;
}

#mid-section-left-bottom{
	
	height:56px;	
 	width:295px;
 	background-image:url('MainNavBar/HomePageExistingCustomers.jpg');
 	background-repeat:repeat-y;
 	text-align:center;
 	color:white;
 	font-family:Arial, Helvetica, sans-serif;
 	font-size:14px;
 	font-weight:bold;
}

#mid-section-left-bottom-flash{
	height:117px;	
 	width:325px;
 	background-color:white;
 	color:white;
 }




/*-------------------------------------------------------------------------------------------------------------------*/
#document-download{
	
	margin-top: 5px;
	height:40px;	
 	width:295px;
 	background-image:url('MainNavBar/HomePageDownloadPresentatio.jpg');
 	text-align:center;
 	color:white;
 	font-family:Arial, Helvetica, sans-serif;
 	font-size:14px;
 	font-weight:bold;

}

/*------------------------------------------------------------------------------------------------------------------------*/
#document-download-PPT{	
	margin-top: 2px;
	height:45px;	
 	width:295px;
 	background-image:url('MainNavBar/HomePagePPTImage.jpg');
 	background-repeat:no-repeat;
 	text-indent:20px;
 	color:white;
 	font-family:Arial, Helvetica, sans-serif;
 	font-size:11px;
 	font-weight:bold;

}

#document-download-PPT a{	
	margin-top: 2px;
	height:35px;	
 	width:295px;
 	display:block;
 	text-decoration:none;
 	color:#FFFFFF;
}

#document-download-PPT a:hover{
	text-decoration:underline;
}


/*-----------------------------------------------------------------------------------------------------------------------*/

/*------------------------------------------------------------------------------------------------------------------------*/
#document-download-PDF{	
	margin-top: 2px;
	height:45px;	
 	width:295px;
 	background-image:url('MainNavBar/HomePagePDFImage.jpg');
 	background-repeat:no-repeat;
 	text-indent:20px;
 	color:white;
 	font-family:Arial, Helvetica, sans-serif;
 	font-size:11px;
 	font-weight:bold;

}

#document-download-PDF a{	
	margin-top: 2px;
	height:35px;	
 	width:295px;
 	display:block;
 	text-decoration:none;
 	color:#FFFFFF;
}

#document-download-PDF a:hover{
	text-decoration:underline;
}


/*-----------------------------------------------------------------------------------------------------------------------*/


#document-download-more{
	
	margin-top: 5px;
	height:40px;	
 	width:295px;
 	background-image:url('MainNavBar/HomePageOtherLiterature.jpg');
 	text-align:center;
 	color:white;
 	font-family:Arial, Helvetica, sans-serif;
 	font-size:12px;
 	font-weight:bold;

}

#document-download-more a{	
	margin-top: 2px;
	height:35px;	
 	width:295px;
 	display:block;
 	color:#FFFFFF;
 	text-decoration:none;
}

#document-download-more a:hover{
	text-decoration:underline;
}


/*------------------------------------------------------------------------------------------------------------------
WHEN ANY SECTION IS NOT ACTIVATED
*/
#document-download-solutions-non{
	
	margin-top: 5px;
	height:45px;	
 	width:295px;
 	background-image:url('MainNavBar/SolDocumentBG.jpg');
 	text-indent:10px;
  	color:white;
 	font-family:Arial, Helvetica, sans-serif;
 	font-size:12px;
 	font-weight:bold;
}

#document-download-solutions-non a{
	height:45px;	
 	width:295px;
 	display:block;
 	color:white;
 	text-decoration:none;
}

#document-download-solutions-non a:hover{
	text-decoration:underline;
}

#document-download-solutions-non:hover{
	text-decoration:underline;
	background-image:url('MainNavBar/SolDocumentBGAcive.jpg');
	background-repeat:no-repeat;

}
/*---------------------------------------------------------------------------------------------------------------------*/

/*--------------------------------------------------------------------------------------------
	LITERTURE SECTION
*/

#document-download-solutions-lit{
	
	margin-top: 5px;
	height:45px;	
 	width:295px;
 	background-image:url('MainNavBar/SolDocumentBGLit.jpg');
 	text-indent:10px;
 	color:white;
 	font-family:Arial, Helvetica, sans-serif;
 	font-size:12px;
 	font-weight:bold;

}

#document-download-solutions-lit a:hover{
	text-decoration:underline;
	background-image:url('MainNavBar/SolDocumentBGLitAcive.jpg');
	background-repeat:no-repeat;

}

#document-download-solutions-lit a{
	
	background-image:url('MainNavBar/SolDocumentBGLit.jpg');
	background-repeat:no-repeat;
	height:45px;	
 	width:295px;
 	display:block;
	color:white;
	text-decoration:none;

}

/* LITERTURE WHEN ACTIVE */
#document-download-solutions-lit-active{
	
	margin-top: 5px;
	height:45px;	
 	width:295px;
 	background-image:url('MainNavBar/SolDocumentBGLitAciveSelect.jpg');
 	background-repeat:no-repeat;
 	text-indent:10px;
 	color:white;
 	font-family:Arial, Helvetica, sans-serif;
 	font-size:12px;
 	font-weight:bold;

}

#document-download-solutions-lit-active a:hover{
	text-decoration:underline;
}

#document-download-solutions-lit-active a{
	color:white;
	text-decoration:none;
}



/*----------------------------------------------------------------------------------------------------------------
WHEN SECTION IS SELECTED
*/

#document-download-solutions-overview-active{
	
	margin-top: 5px;
	height:45px;	
 	width:295px;
 	background-image:url('MainNavBar/SolDocumentBGOverviewAcive.jpg');
 	background-repeat:no-repeat;
 	text-indent:10px;
 	color:white;
 	font-family:Arial, Helvetica, sans-serif;
 	font-size:12px;
 	font-weight:bold;

}

#document-download-solutions-overview-active a:hover{
	text-decoration:underline;
}

#document-download-solutions-overview-active a{
	color:white;
	text-decoration:none;
	display:block;
}


/*---------------------------------------------------------------------------------------------------------------*/

#BtnNextBack{
	
	margin-top: 5px;
	height:68px;	
 	width:120px;
 	background-image:url('MainNavBar/BtnNextBack.jpg');
 	background-repeat:no-repeat;
 	text-indent:50px;
 	padding-top:12px;
 	padding-right:2px;
 	color:Black;
 	font-family:Arial, Helvetica, sans-serif;
 	font-size:12px;
 	font-weight:bold;
 	display:inline-block;
 	float:left;
 	padding-right:10px;
}

#BtnNextBack a:hover{
	text-decoration:underline;
}

#BtnNextBack a{
	color:Black;
	text-decoration:none;
}


/*------------------------------------------------------------------------------------------------------------------------------------------*/

#mid-section-main-content{
	top:244px;
	position:absolute;
	left:310px;
	height:780px;	
 	width:630px;
 	background:#FFFFFF;
 	font-family:Arial, Helvetica, sans-serif;
 	font-size:medium;
 	color:black;
 	
 	}

#mid-section-main-content a{
 	color:blue;
 	text-decoration:underline;
 	}


#mid-section-main-content a:hover{
 	color:red;
 	text-decoration:underline;
 	}


#breadcrumbs{
	top:144px;
	position:absolute;
	left:310px;
	height:20px;	
 	width:630px;
 	background:#FFFFFF;
 	color:navy;
 	text-align:left;
 	font-family:Arial, Helvetica, sans-serif;
 	font-size:small;
 	color:#666666;
 	}
 	
#page-header{
	top:179px;
	position:absolute;
	left:310px;
	height:60px;
	max-height:60px;	
 	width:630px;
 	background:#FFFFFF;
 	font-family:Arial;
 	font-size:xx-large;
 	color:#003399;
 	}

li{
	padding-bottom:5px;	
	font-weight: normal;
	font-size: small;
	color:#666666

}

/*----------------------------------------------------*/
#footer-links
{
	top:1215px;
	position:absolute;
	color:#FFFFFF;
	left:100px;
	width:790px;
	height:65px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:small;
	vertical-align:top;
	background-image:url('MainNavBar/BottomNavBar.jpg');
	background-repeat:no-repeat;
	text-transform:capitalize;
}

#footer-links a
{
	color:#FFFFFF;
	text-decoration:none;
}

#footer-links a:hover
{
	color:#FFFFFF;
	text-decoration:underline;
}
/*----------------------------------------------------*/

#footer-text-left
{
	background-color:aqua;
	width: 180px;
	max-width:180px;
	margin-left:220px;
	display:inline;
}

#footer-text-centre
{
	
	width: 180px;
	margin-left:140px;
	display:inline;
}

#footer-text-right
{
	width: 180px;
	margin-left:140px;
	display:inline;
}


/*--------------------------------------------*/

/*--------------------------------------------*/

div
{margin: 0;
 padding: 0;
 }


p
{
margin: 0;
padding: 0;
font-family:Arial, Helvetica, sans-serif;
 }


body
{margin: 0;
 padding: 0;
 }


pre
{margin: 0;
 padding: 0;
 font-family:Arial, Helvetica, sans-serif;
 }


h6
{margin: 0;
 padding: 0;
 font-family:Arial, Helvetica, sans-serif;
 }


h5
{margin: 0;
 padding: 0;
 font-family:Arial, Helvetica, sans-serif;
 }


h4
{margin: 0;
 padding: 0;
 font-family:Arial, Helvetica, sans-serif;
 }


h3
{margin: 0;
 padding: 0;
 font-family:Arial, Helvetica, sans-serif;
 }


h2
{margin: 0;
 padding: 0;
 font-family:Arial, Helvetica, sans-serif;
 }


h1
{margin: 0;
 padding: 0;
 font-family:Arial, Helvetica, sans-serif;
 }

/* CSS-based Image Maps
   ----------------------------------------------- */

/* ---------- hidden ONLY if CSS is enabled.  If disabled, image is rendered ---------- */
img.image{ display: none; }

dl#officeMap{
	margin: 0;
	padding: 0;
	background: transparent url(MainNavBar/customer.jpg) top left no-repeat;
	width:640px;
	height:466px;
	position: relative;
}

dt{ margin: 0; padding: 0; position: absolute; font-size: 85%; display: none; }
dd{ margin: 0; padding: 0; position: absolute;  font-size: 85%; }

/* ---------- Hotspot Declarations ---------- */
dd#britvicDef{ top: 65px; left: 114px; }
dd#britvicDef a{ position: absolute; width: 73px; height: 69px; text-decoration: none; }
dd#britvicDef a span{ display: none; }
dd#britvicDef a:hover{ position: absolute; top: -10px; left: -5px; }
dd#britvicDef a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #F4F4F4;
	font-weight: bold;
	position: absolute;
	border: 1px solid #BCBCBC;
	bottom: 100%;
	margin: 0;

	width: 250%;
}

dd#ABDef{ top: 111px; left: 211px; }
dd#ABDef a{ position: absolute; width: 56px; height: 46px; text-decoration: none; }
dd#ABDef a span{ display: none; }
dd#ABDef a:hover{ background: transparent -211px -373px no-repeat; }
dd#ABDef a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #F4F4F4;
	font-weight: bold;
	position: absolute;
	border: 1px solid #BCBCBC;
	bottom: 100%;
	margin: 0;

	width: 250%;
}

dd#PMPDef{ top: 165px; left: 168px; }
dd#PMPDef a{ position: absolute; width: 81px; height: 87px; text-decoration: none;	}
dd#PMPDef a span{ display: none; }
dd#PMPDef a:hover{ background: transparent  -168px -427px no-repeat; }
dd#PMPDef a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #F4F4F4;
	font-weight: bold;
	position: absolute;
	border: 1px solid #BCBCBC;
	top: 100%;
	margin: 0;

	width: 350%;
}

dd#ICMDef{ top: 101px; left: 72px; }
dd#ICMDef a{ position: absolute; width: 96px; height: 54px; text-decoration: none; }
dd#ICMDef a span{ display: none; }
dd#ICMDef a:hover{ background: transparent  -72px -625px no-repeat; }
dd#ICMDef a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #F4F4F4;
	font-weight: bold;
	position: absolute;
	border: 1px solid #BCBCBC;
	top: 100%;
	margin: 0;

	width: 650%;
}

dd#SophosDef{ top: 101px; left: 72px; }
dd#SophosDef a{ position: absolute; width: 96px; height: 54px; text-decoration: none; }
dd#SophosDef a span{ display: none; }
dd#SophosDef a:hover{ background: transparent  -72px -625px no-repeat; }
dd#SophosDef a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #F4F4F4;
	font-weight: bold;
	position: absolute;
	border: 1px solid #BCBCBC;
	top: 100%;
	margin: 0;

	width: 250%;
}

dd#FPDDef{ top: 101px; left: 72px; }
dd#FPDDef a{ position: absolute; width: 96px; height: 54px; text-decoration: none; }
dd#FPDDef a span{ display: none; }
dd#FPDDef a:hover{ background: transparent  -72px -625px no-repeat; }
dd#FPDDef a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #F4F4F4;
	font-weight: bold;
	position: absolute;
	border: 1px solid #BCBCBC;
	top: 100%;
	margin: 0;

	width: 600%;
}

dd#RADef{ top: 101px; left: 72px; }
dd#RADef a{ position: absolute; width: 96px; height: 54px; text-decoration: none; }
dd#RADef a span{ display: none; }
dd#RADef a:hover{ background: transparent  -72px -625px no-repeat; }
dd#RADef a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #F4F4F4;
	font-weight: bold;
	position: absolute;
	border: 1px solid #BCBCBC;
	top: 100%;
	margin: 0;

	width: 150%;
}

dd#PIVDef{ top: 101px; left: 72px; }
dd#PIVDef a{ position: absolute; width: 96px; height: 54px; text-decoration: none; }
dd#PIVDef a span{ display: none; }
dd#PIVDef a:hover{ background: transparent  -72px -625px no-repeat; }
dd#PIVDef a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #F4F4F4;
	font-weight: bold;
	position: absolute;
	border: 1px solid #BCBCBC;
	top: 100%;
	margin: 0;

	width: 200%;
}
dd#NUDef{ top: 101px; left: 72px; }
dd#NUDef a{ position: absolute; width: 96px; height: 54px; text-decoration: none; }
dd#NUDef a span{ display: none; }
dd#NUDef a:hover{ background: transparent  -72px -625px no-repeat; }
dd#NUDef a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #F4F4F4;
	font-weight: bold;
	position: absolute;
	border: 1px solid #BCBCBC;
	top: 100%;
	margin: 0;

	width: 200%;
}
dd#SUSSDef{ top: 101px; left: 72px; }
dd#SUSSDef a{ position: absolute; width: 96px; height: 54px; text-decoration: none; }
dd#SUSSDef a span{ display: none; }
dd#SUSSDef a:hover{ background: transparent  -72px -625px no-repeat; }
dd#SUSSDef a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #F4F4F4;
	font-weight: bold;
	position: absolute;
	border: 1px solid #BCBCBC;
	top: 100%;
	margin: 0;

	width: 300%;
}
dd#CDCDef{ top: 101px; left: 72px; }
dd#CDCDef a{ position: absolute; width: 96px; height: 54px; text-decoration: none; }
dd#CDCDef a span{ display: none; }
dd#CDCDef a:hover{ background: transparent  -72px -625px no-repeat; }
dd#CDCDef a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #F4F4F4;
	font-weight: bold;
	position: absolute;
	border: 1px solid #BCBCBC;
	top: 100%;
	margin: 0;

	width: 300%;
}
dd#MSIDef{ top: 101px; left: 72px; }
dd#MSIDef a{ position: absolute; width: 96px; height: 54px; text-decoration: none; }
dd#MSIDef a span{ display: none; }
dd#MSIDef a:hover{ background: transparent  -72px -625px no-repeat; }
dd#MSIDef a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #F4F4F4;
	font-weight: bold;
	position: absolute;
	border: 1px solid #BCBCBC;
	top: 100%;
	margin: 0;

	width: 300%;
}
dd#ALMDef{ top: 101px; left: 72px; }
dd#ALMDef a{ position: absolute; width: 96px; height: 54px; text-decoration: none; }
dd#ALMDef a span{ display: none; }
dd#ALMDef a:hover{ background: transparent  -72px -625px no-repeat; }
dd#ALMDef a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #F4F4F4;
	font-weight: bold;
	position: absolute;
	border: 1px solid #BCBCBC;
	top: 100%;
	margin: 0;

	width: 200%;
}
dd#CADDef{ top: 101px; left: 72px; }
dd#CADDef a{ position: absolute; width: 96px; height: 54px; text-decoration: none; }
dd#CADDef a span{ display: none; }
dd#CADDef a:hover{ background: transparent  -72px -625px no-repeat; }
dd#CADDef a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #F4F4F4;
	font-weight: bold;
	position: absolute;
	border: 1px solid #BCBCBC;
	top: 100%;
	margin: 0;

	width: 200%;
}
dd#NATDef{ top: 101px; left: 72px; }
dd#NATDef a{ position: absolute; width: 96px; height: 54px; text-decoration: none; }
dd#NATDef a span{ display: none; }
dd#NATDef a:hover{ background: transparent  -72px -625px no-repeat; }
dd#NATDef a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #F4F4F4;
	font-weight: bold;
	position: absolute;
	border: 1px solid #BCBCBC;
	top: 100%;
	margin: 0;

	width: 200%;
}
dd#PRODef{ top: 101px; left: 72px; }
dd#PRODef a{ position: absolute; width: 96px; height: 54px; text-decoration: none; }
dd#PRODef a span{ display: none; }
dd#PRODef a:hover{ background: transparent  -72px -625px no-repeat; }
dd#PRODef a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #F4F4F4;
	font-weight: bold;
	position: absolute;
	border: 1px solid #BCBCBC;
	top: 100%;
	margin: 0;

	width: 300%;
}