@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;
}

.style16
{
    font-size: small;
    color: #666666;
}

#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%;
}