﻿/*=============================================================================
BLUE SUB HEADER BANNER
=============================================================================*/
#SubheaderWrapper
{
    /*holds the whole banner at a max of 1200px*/
    margin-left: auto;
    margin-right: auto;
    max-width: 1200px;
}

/*-- INNER BANNER WRAPPER--*/
#HomeBanner
{
    width: 100%;
    height: 150px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
}

.HomeCnt
{
    width: 98%;
    position: absolute;
    margin-left: 10px;
    margin-top: 15px;
}

#ServiceBanner, #ApproachBanner, #ClientBanner, #AboutBanner, #ContactBanner, #UserBanner, #TechServiceBanner
{
    width: 100%;
    height: 110px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
}

.ServiceCnt, .ApproachCnt, .ClientCnt, .AboutCnt, .ContactCnt, .TechServiceCnt
{
    width: 99%;
    position: absolute;
    margin-left: 15px;
    margin-top: 20px;
}

#subheader h3
{
    font-size: 1.5em;
    display: inline;
}

#subheader h3, #subheader p
{
    color: #fff;
    font-weight: Bold;
}

.h1TechTitles
{
    font-size: 1.4em;
    line-height:1.4em;
    font-weight: Normal;
    width: 90%;
}

.h1TechTitles span
{
   font-weight: bold;
}
/*=================================================================
Linac's HOMEPAGE TECH BANNER
=================================================================*/
#TechCarousel
{
    position: relative;
    top: 0px;
    margin-left: 15%;
}

.introtext
{
    display: block;
    position: absolute;
    top: 5px;
    width: 45%;
    left: 665px;
}

.OfferContact{
    margin-left:114px;
}

/*=================================================================
Linac's PRODUCTS BANNER
=================================================================*/
.ServiceNav
{
    display: block;
    position: relative;
    top: 0px;
    width: 685px;
}

.ServiceNav ul, .ServiceNav li
{
    float: left;
    margin: 0;
    padding: 0;
    list-style: none;
}

.ServiceNav li
{
    margin-right: 12px;
    text-indent: -9999px;
    overflow: hidden;
}

.ServiceNav li.Product8
{
    margin-right: 0px;
}

.ServiceNav li a
{
    display: block;
    height: 70px;
    width: 70px;
    color: #fff;
    font-weight: bold;
    font-size: 11px;
    line-height: 14px;
}

.ServiceNav li.Product1 a
{
    background: url(../images/ServiceBtns/TechProducts/TMS.jpg);
}
.ServiceNav li.Product1 a:hover, .ServiceNav li.Product1 a.selected
{
    background: url(../images/ServiceBtns/TechProducts/TMS.jpg) no-repeat 0 -70px;
}

.ServiceNav li.Product2 a
{
    background: url(../images/ServiceBtns/TechProducts/TM.jpg) no-repeat 0 0;
}
.ServiceNav li.Product2 a:hover, .ServiceNav li.Product2 a.selected
{
    background: url(../images/ServiceBtns/TechProducts/TM.jpg) no-repeat 0 -70px;
}

.ServiceNav li.Product3 a
{
    background: url(../images/ServiceBtns/TechProducts/PM.jpg) no-repeat 0 0;
}
.ServiceNav li.Product3 a:hover, .ServiceNav li.Product3 a.selected
{
    background: url(../images/ServiceBtns/TechProducts/PM.jpg) no-repeat 0 -70px;
}

.ServiceNav li.Product4 a
{
    background: url(../images/ServiceBtns/TechProducts/CB.jpg) no-repeat 0 0;
}
.ServiceNav li.Product4 a:hover, .ServiceNav li.Product4 a.selected
{
    background: url(../images/ServiceBtns/TechProducts/CB.jpg) no-repeat 0 -70px;
}

.ServiceNav li.Product5 a
{
    background: url(../images/ServiceBtns/TechProducts/RB.jpg) no-repeat 0 0;
}
.ServiceNav li.Product5 a:hover, .ServiceNav li.Product5 a.selected
{
    background: url(../images/ServiceBtns/TechProducts/RB.jpg) no-repeat 0 -70px;
}

.ServiceNav li.Product6 a
{
    background: url(../images/ServiceBtns/TechProducts/Elrn.jpg) no-repeat 0 0;
}
.ServiceNav li.Product6 a:hover, .ServiceNav li.Product6 a.selected
{
    background: url(../images/ServiceBtns/TechProducts/Elrn.jpg) no-repeat 0 -70px;
}

.ServiceNav li.Product7 a
{
    background: url(../images/ServiceBtns/TechProducts/OnlineSurvey.jpg) no-repeat 0 0;
}
.ServiceNav li.Product7 a:hover, .ServiceNav li.Product7 a.selected
{
    background: url(../images/ServiceBtns/TechProducts/OnlineSurvey.jpg) no-repeat 0 -70px;
}

.ServiceNav li.Product8 a
{
    background: url(../images/ServiceBtns/TechProducts/AC.jpg) no-repeat 0 0;
}
.ServiceNav li.Product8 a:hover, .ServiceNav li.Product8 a.selected
{
    background: url(../images/ServiceBtns/TechProducts/AC.jpg) no-repeat 0 -70px;
}

/* Hide from IE5-Mac \*/
#nav li a
{
    float: none;
}
/* End hide */

.ServiceIntro
{
    display: block;
    position: absolute;
    top: 0px;
    width: 31%;
    margin-left: 668px;
}

/*---PRODUCT BOX SECTION----*/
.ProductTopDiv, .ProductMidDiv1, .ProductMidDiv2, .ProductBtmDiv
{
    width: 620px;
    height: 90px;
    display: block;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    clear: both;
}
.ProductTopDiv
{
    top: 10px;
}
.ProductMidDiv1
{
    top: 6px;
}
.ProductMidDiv2
{
    top: 2px;
}
.ProductBtmDiv
{
    top: 0px;
}

.ProductBoxLeft a, .ProductBoxMidleft a, .ProductBoxMidRight a, .ProductBoxRight a
{
    display: block;
    width: 239px;
    height: 80px;
    float: left;
    background: url(../images/Buttons/235Btn_Up.jpg) left top;
    background-color: #140958;
}

.ProductBoxRight a
{
    margin-left: 80px;
}

.ProductBoxLeft a:hover, .ProductBoxLeft a:active, .ProductBoxMidleft a:hover, .ProductBoxMidleft a:active, .ProductBoxMidRight a:hover, .ProductBoxMidRight a:active, .ProductBoxRight a:hover, .ProductBoxRight a:active
{
    background: url(../images/Buttons/235Btn_Dn.jpg) no-repeat top left;
}

/*---Product Icon Images 1-7---*/
.BtnProduct_Cnt1, .BtnProduct_Cnt2, .BtnProduct_Cnt3, .BtnProduct_Cnt4, .BtnProduct_Cnt5, .BtnProduct_Cnt6, .BtnProduct_Cnt7, .BtnProduct_Cnt8
{
    display: block;
    width: 220px;
    height: 62px;
    position: relative;
    top: 6px;
    left: 10px;
    cursor: pointer;
}

.BtnProduct_Cnt1
{
    background: url(../images/ProdIconsBtn/TMSbtn.jpg) no-repeat right bottom;
}
.BtnProduct_Cnt2
{
    background: url(../images/ProdIconsBtn/TMbtn.jpg) no-repeat right bottom;
}
.BtnProduct_Cnt3
{
    background: url(../images/ProdIconsBtn/PMbtn.jpg) no-repeat right bottom;
}
.BtnProduct_Cnt4
{
    background: url(../images/ProdIconsBtn/CBbtn.jpg) no-repeat right bottom;
}
.BtnProduct_Cnt5
{
    background: url(../images/ProdIconsBtn/RBbtn.jpg) no-repeat right bottom;
}
.BtnProduct_Cnt6
{
    background: url(../images/ProdIconsBtn/Elrnbtn.jpg) no-repeat right bottom;
}
.BtnProduct_Cnt7
{
    background: url(../images/ProdIconsBtn/SurveyBtn.jpg) no-repeat right bottom;
}
.BtnProduct_Cnt8
{
    background: url(../images/ProdIconsBtn/ACBtn.jpg) no-repeat right bottom;
}

.ProductTitleTMS, .ProductTitle, .ProductTitleELRN
{
    display: block;
    width: 150px;
    height: 52px;
    color: #fff;
    font-weight: bold;
    font-size: 18px;
    line-height: 20px;
    position: relative;
    left: 5px;
}

.ProductTitleTMS, .ProductTitle
{
    top: 8px;
}
.ProductTitleELRN
{
    top: 18px;
    height: 24px;
}

.ProductDescription
{
    display: block;
    width: 149px;
    height: 34px;
    font-weight: normal;
    font-size: 13px;
    line-height: 16px;
}

.ProductBoxLeft, .ProductBoxMidleft
{
    margin-right: 9px;
}
.ProductBoxRight
{
    margin-left: 9px;
}

.TechMarkers
{
    color: #0099ff;
    font-size: 16px;
}

/*=================================================================
Linac's TECH SERVICE BANNER
=================================================================*/
.content_Services
{
    margin-left: 15px;
    margin-right: 15px;
    margin-top: -8px;
    position: relative;
    height: 545px;
}

.TechServiceIntro
{
    display: block;
    position: relative;
    top: 0px;
    width: 32%;
    margin-right: 66%;
}

.ServicesTopDiv, .ServicesMidDiv, .ServicesBtmDiv
{
    width: 563px;
    display: block;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    clear: both;
}

.ServicesTopDiv
{
    top: 0px;
}
.ServicesMidDiv
{
    top: 20px;
}
.ServicesBtmDiv
{
    top: 40px;
}

.ServiceBoxLeft a, .ServiceBoxRight a
{
    display: block;
    width: 239px;
    height: 80px;
    float: left;
    background: url(../images/Buttons/235Btn_Up.jpg) left top;
    background-color: #140958;
}

.ServiceBoxRight a
{
    margin-left: 50px;
}

.ServiceBoxLeft a:hover, .ServiceBoxLeft a:active, .ServiceBoxRight a:hover, .ServiceBoxRight a:active
{
    background: url(../images/Buttons/235Btn_Dn.jpg) no-repeat top left;
}

/*---SERVICE SERVICE ICONS---*/
.BtnService_Cnt1, .BtnService_Cnt2, .BtnService_Cnt3, .BtnService_Cnt4, .BtnService_Cnt5, .BtnService_Cnt6
{
    display: block;
    width: 220px;
    height: 62px;
    position: relative;
    top: 6px;
    left: 10px;
    cursor: pointer;
}

.ServiceTitleLrg, .ServiceTitleSml
{
    display: block;
    width: 150px;
    height: 44px;
    color: #fff;
    font-weight: bold;
    font-size: 18px;
    line-height: 20px;
    position: relative;
    left: 20px;
}

.ServiceTitleLrg
{
    top: 8px;
}
.ServiceTitleSml
{
    top: 18px;
}

/*---Tech Service Area Text panel---*/
.TechServiceDetailArea
{
    width: 100%;
}

.LeftServiceSpec
{
    width: 270px;
    float: left;
}

.RightServiceSpec
{
    width: 270px;
    float: right;
}

.ServiceSpec
{
    width: 100%;
    margin-left: 28px;
}

/*=================================================================
Linac's APPROACH BANNER
=================================================================*/
.ApproachIntro
{
    display: block;
    position: absolute;
    top: 0px;
    width: 33%;
    margin-right: 66%;
}

/*=================================================================
Linac's CLIENT BANNER
=================================================================*/
.ClientIntro
{
    display: block;
    position: relative;
    top: 0px;
    width: 32%;
    margin-right: 67%;
}

#Testimonials
{
    position: relative;
    top: -15px;
    width: 65%;
    margin-left: 33%;
    font-size: 16px;
}

.TestimonialDetailArea
{
    height: 400px;
}

.Quoter
{
    text-align: right;
    width: 100%;
    display: block;
}

/*---CLIENT LOGO BOXES---*/
.content_clients
{
    margin-left: 0px;
    margin-right: 15px;
    margin-top: -8px;
    position: relative;
    height: 900px;
}

.ClientTopDiv, .ClientMidDiv1, .ClientMidDiv2, .ClientMidDiv3, .ClientBtmDiv
{
    width: 620px;
    height: 160px;
    display: block;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    clear: both;
}
.ClientTopDiv
{
    top: 0px;
}
.ClientMidDiv1
{
    top: 8px;
}
.ClientMidDiv2
{
    top: 16px;
}
.ClientMidDiv3
{
    top: 24px;
}
.ClientBtmDiv
{
    top: 32px;
}

.ClientBoxLeft a, .ClientBoxMid a, .ClientBoxRight a
{
    display: block;
    width: 160px;
    height: 160px;
    float: left;
    background: url(../images/Buttons/ClientBtnUp.jpg) left top;
    background-color: #fff;
}

.ClientBoxLeft a, .ClientBoxMid a
{
    margin-right: 30px;
}

.ClientBoxLeft a:hover, .ClientBoxLeft a:active, .ClientBoxMid a:hover, .ClientBoxMid a:active, .ClientBoxRight a:hover, .ClientBoxRight a:active
{
    background: url(../images/Buttons/ClientBtnDn.jpg) no-repeat top left;
}

/*---CLIENT LOGOS---*/
.BtnClient_Cnt1, .BtnClient_Cnt2, .BtnClient_Cnt3, .BtnClient_Cnt4, .BtnClient_Cnt5, .BtnClient_Cnt6, .BtnClient_Cnt7, .BtnClient_Cnt8, .BtnClient_Cnt9, .BtnClient_Cnt10, .BtnClient_Cnt11, .BtnClient_Cnt12, .BtnClient_Cnt13, .BtnClient_Cnt14, .BtnClient_Cnt15
{
    display: block;
    width: 146px;
    height: 121px;
    position: relative;
    top: 18px;
    left: 6px;
    cursor: pointer;
}

.BtnClient_Cnt1
{
    background: url(../images/ClientLogos/Rentokil_Initial.jpg) no-repeat left center;
}
.BtnClient_Cnt2
{
    background: url(../images/ClientLogos/Diageo.jpg) no-repeat left center;
}
.BtnClient_Cnt3
{
    background: url(../images/ClientLogos/Brandon.jpg) no-repeat left center;
}
.BtnClient_Cnt4
{
    background: url(../images/ClientLogos/Unilever.jpg) no-repeat left center;
}
.BtnClient_Cnt5
{
    background: url(../images/ClientLogos/Nesta.jpg) no-repeat left center;
}
.BtnClient_Cnt6
{
    background: url(../images/ClientLogos/BTR.jpg) no-repeat left center;
}

.BtnClient_Cnt7
{
    background: url(../images/ClientLogos/Sanofi_Aventis.jpg) no-repeat left center;
}
.BtnClient_Cnt8
{
    background: url(../images/ClientLogos/LBNNewhan.jpg) no-repeat left center;
}
.BtnClient_Cnt9
{
    background: url(../images/ClientLogos/Schneider.jpg) no-repeat left center;
}
.BtnClient_Cnt10
{
    background: url(../images/ClientLogos/Valspar.jpg) no-repeat left center;
}
.BtnClient_Cnt11
{
    background: url(../images/ClientLogos/Speedy.jpg) no-repeat left center;
}
.BtnClient_Cnt12
{
    background: url(../images/ClientLogos/LBNCredon.jpg) no-repeat left center;
}

.BtnClient_Cnt13
{
    background: url(../images/ClientLogos/HP.jpg) no-repeat left center;
}
.BtnClient_Cnt14
{
    background: url(../images/ClientLogos/Globus.jpg) no-repeat left center;
}
.BtnClient_Cnt15
{
    background: url(../images/ClientLogos/Addison.jpg) no-repeat left center;
}

/*=================================================================
Linac's CONTACT BANNER
=================================================================*/
.ContactIntro
{
    display: block;
    position: relative;
    top: 0px;
    width: 32%;
    margin-left: 67%;
}

/*=================================================================
General site styles
=================================================================*/
hr
{
    width: 95%;
}

/*---BLUE BANNER COLOUR---*/
#subheader
{
    background-color: #35aeff;
}

/*----LOGIN BOX IMAGES---*/
#LoginDiv .loginContent input.button_login
{
    background: transparent url(../images/Buttons/button_login_blue.jpg) no-repeat 0 0;
}

/*---LOGIN BOX COLOURS---*/
#LoginDiv .loginContent input.field
{
    background: #fff;
}
#logo
{
    background: url(../images/layout/Linaclogotech.gif) no-repeat 0 5px;
}
#logo a
{
    display: block;
    height: 65px;
    width: 98px;
}
/*---LINK BLUE COLOUR---*/
a:hover, a:active
{
    color: #0099ff;
    text-decoration: underline;
}
a.BtnLink
{
    text-decoration: none;
}
#footer .navlinks a:hover, #footer .navlinks a.selected
{
    color: #0099ff;
}
#toppagebar
{
    background: url(../images/layout/toppagebar-blue.gif) repeat-x;
}
.PageLinks li
{
    background: url(../images/Bullets/DrpBtn-blue.gif) no-repeat left top;
    padding: 0px 0px 8px 15px;
}
.DropDnList li
{
    background: url(../images/Bullets/DrpBtn-blue.gif) no-repeat left top;
    padding: 0px 0px 3px 15px;
}
.BulletList li
{
    background: url(../images/Bullets/BlueBullet.gif) no-repeat left center;
}
.TickList li
{
    background: url(../images/Bullets/BlueTick.gif) no-repeat left center;
    padding: 2px 0px 3px 18px;
}
.PageLinks li
{
    background: url(../images/Bullets/PlusBtn-blue.gif) no-repeat left top;
    padding: 0px 10px 6px 11px;
}
.Joblist li
{
    background: url(../images/Bullets/PlusBtn-blue.gif) no-repeat left top;
}

.RoleList li
{
    background: url(../images/Bullets/BlueBullet.gif) no-repeat left center;
}

#subheader
{
    background: url(../images/layout/Subheaderbg-blue.gif) repeat-x;
}
/*---EMAIL AND PHONE IMAGES---*/
span.ContactPhone
{
    background: url(../images/Bullets/telephone.gif) no-repeat left center;
}
span.ContactEmail
{
    background: url(../images/Bullets/email.gif) no-repeat left center;
}

span.ContactPhone, span.ContactEmail
{
    padding: 0px 0px 0px 20px;
}
/*---Microsoft Partner logo---*/
#DivMicroSoft
{
    width: 90%;
    text-align: left;
}

.DivLeftAlign
{
    text-align: left;
}
