html.landing { min-height: 101%; text-align: center; color: black; font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif; font-size: 8pt; background: white url('../images/bodyBgHeader.jpg') no-repeat top; }
html.product{ min-height: 101%; text-align: center; color: black; font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif; font-size: 8pt; background: white url('../images/bodyBgNoHeader.jpg') no-repeat top; }
.floatAnchor { clear: both; }

#contentContainer { margin: 0 auto;	width: 990px; display: block; }
#demoContainer { position: fixed; margin: 0px -75px; outline: none; }
/* Link to the demo video clips for OnBuzz, OnSite, OnXpress */
#demoContainer2 { position: fixed; background: no-repeat; margin: 0px -76px; outline: none;}

#trialNav { width: 240px; height: 85px; display: block; float: left; padding: 0px 0px 0px; overflow: hidden; position: relative; }
#trialNav a { outline: none; height: 85px; cursor: pointer; text-indent: -9999px; display: block; float: left; }
.freetrial { background: url('../images/Trial_button.png') 0 -85px no-repeat; width: 240px; }
.freetrial:hover { background: url('../images/Trial_button.png') 0 0 no-repeat; }
.freetrialSelected { background: url('../images/Trial_button.png') 0 0 no-repeat; width: 240px; }

#bodyBgFooter {	background: url('../images/bodyBg.png') repeat-x; height: 800px; width: 100%; }

#topContainer { height: 110px; }
/* #topContainer { height: 125px; } - Adapt new image size */

#branding { width: 400px; height: 110px; float: left; }
/* #branding { width: 450px; height: 125px; float: left; } - Adapt new image size */
#home { outline: none; cursor: pointer; display: block; background: url('../images/branding-trans.png') no-repeat; width: 450px; height: 110px; text-indent: -9999px; }
/* #home { outline: none; cursor: pointer; display: block; background: url('../images/branding-trans.png') no-repeat; width: 450px; height: 125px; text-indent: -9999px; } - Adapt new image size */

#infoNavContainer { background: url('../images/topNav-trans.png') no-repeat; width: 560px; height: 110px; display: block; float: right; }
#infoNav { width: 540px; height: 30px; display: block; float: right; padding: 60px 9px; overflow: hidden; position: relative; }
/* #infoNavContainer { background: url('../images/topNav-trans.png') no-repeat; width: 400px; height: 110px; display: block; float: right; padding: 0px 62px 0px 0px; }
#infoNav { width: 350px; height: 60px; display: block; float: right; padding: 43px 20px 0px 30px; overflow: hidden; position: relative; } */
#infoNav a { outline: none; height: 30px; cursor: pointer; text-indent: -9999px; display: block; float: left; }
/* #infoNav a { outline: none; height: 60px; cursor: pointer; text-indent: -9999px; display: block; float: left; } */
.Home { background: url('../images/home.png') 0 -30px no-repeat; width: 70px; }
.Home:hover { background: url('../images/home.png') 0 0 no-repeat; }
.HomeSelected { background: url('../images/home.png') 0 0 no-repeat; width: 70px; }
.ourSolutions { background: url('../images/solutions.png') 0 -30px no-repeat; width: 100px; }
.ourSolutions:hover { background: url('../images/solutions.png') 0 0 no-repeat; }
.ourSolutionsSelected { background: url('../images/solutions.png') 0 0 no-repeat; width: 100px; }
.ourClients { background: url('../images/ourClients.png') 0 -30px no-repeat; width: 80px; }
.ourClients:hover { background: url('../images/ourClients.png') 0 0 no-repeat; }
.ourClientsSelected { background: url('../images/ourClients.png') 0 0 no-repeat; width: 80px; }
.News { background: url('../images/News.png') 0 -30px no-repeat; width: 80px; }
.News:hover { background: url('../images/News.png') 0 0 no-repeat; }
.NewsSelected { background: url('../images/News.png') 0 0 no-repeat; width: 80px; }
.aboutUs { background: url('../images/aboutUs.png') 0 -30px no-repeat; width: 100px; }
.aboutUs:hover { background: url('../images/aboutUs.png') 0 0 no-repeat; }
.aboutUsSelected { background: url('../images/aboutUs.png') 0 0 no-repeat; width: 100px; }
.contactUs { background: url('../images/contactUs.png') 0 -30px no-repeat; width: 110px; }
.contactUs:hover { background: url('../images/contactUs.png') 0 0 no-repeat; }
.contactUsSelected { background: url('../images/contactUs.png') 0 0 no-repeat; width: 110px; }

#contactInfo { padding: 0px 10px; }
#contactGraphic { text-align: right; padding: 20px 45px 0px; }

.bannerContainer { background: url('../images/bannerBar.png') no-repeat 80px center; height: 192px; padding: 6px 80px }
/* .bannerContainer { background: url('../images/bannerBar.png') no-repeat 80px center; height: 208px; padding: 11px 80px } - Adapt new image size */
#bannerTop { display:block; height: 45px; width: 800px; margin: 0px 14px 0px 11px; padding: 27px 0px 10px; overflow: hidden; position: relative; }
/*#bannerTop { display:block; height: 45px; width: 800px; margin: 0px 14px 0px 11px; padding: 35px 0px 10px; overflow: hidden; position: relative; } - Adapt new image size */
#bannerTopSlider { display: block; height: 45px; width: 3320px; text-align: left; position: absolute; left: 0px; }
/* #bannerTopSlider { display: block; height: 45px; width: 3310px; text-align: left; position: absolute; left: 0px; } - Adapt new image size */
#bannerTopSlider img { width: 825px; height: 45px; }

#bannerBottom { display:block; height: 83px; width: 800px; margin: 0px 14px 0px 11px; padding: 0px 0px 27px; overflow: hidden; position: relative;}
/* #bannerBottom { display:block; height: 83px; width: 800px; margin: 0px 14px 0px 11px; padding: 0px 0px 35px; overflow: hidden; position: relative;} - Adapt new image size */
#bannerBottomSlider { display: block; height: 83px; width: 3310px; text-align: left; position: absolute; left: 0px; }
.bannerProduct { float:left; height: 83px; width: 825px; text-align: center; margin: 0 auto; position: relative; }

#OnSite { background: url('../images/OnSiteNav-trans.png') no-repeat 10px; width: 503px; height: 83px; }
#OnXpress { background: url('../images/OnXpressNav-trans.png') no-repeat 10px; width: 682px; height: 83px; }
#OnBuzz { background: url('../images/OnBuzzNav-trans.png') no-repeat 10px; width: 532px; height: 83px; }
#OnSurvey { background: url('../images/OnSurveyNav-trans.png') no-repeat 10px ; width: 189px; height: 83px; position: absolute; left: 80px; }
#OnFocus { background: url('../images/OnFocusNav-trans.png') no-repeat 10px; width: 179px; height: 83px; position: absolute; left: 289px; }
#OnMedia { background: url('../images/OnMediaNav-trans.png') no-repeat 10px; width: 303px; height: 83px; position: absolute; left: 488px; }

.bannerProduct a { outline: none; height: 83px; cursor: pointer; padding: 0px 10px; text-indent: -9999px; margin: 0 auto; display: block; }

#contentNavSpace { width: 860px; background: url('../images/contentBG-trans.png') no-repeat; margin: 5px 55px 0px; padding: 0px 10px; }
/* #contentNavSpace { width: 860px; background: url('../images/contentBG-trans.png') no-repeat; margin: 15px 55px 0px 55px; padding: 0px 10px; } - Adapt new image size */

.primaryNav { width: 860px; height: 74px; }
.primaryNav_home { width: 860px; height: 60px; }
/* .primaryNav_home { width: 860px; height: 180px; } */
.primaryNav a, .primaryNav_home a { outline: none; border: none; cursor: pointer; text-indent: -9999px; display: block; }
#WebsiteEvaluation { background: url('../images/menu/weButton.png') no-repeat; width: 215px; height: 60px; }
#e-MarketingCampaigns { background: url('../images/menu/ecButton.png') no-repeat; width: 215px; height: 60px; }
#BrandMonitoring { background: url('../images/menu/bmButton.png') no-repeat; width: 215px; height: 60px; }
#FundamentalResearch { background: url('../images/menu/frButton.png') no-repeat; width: 215px; height: 60px; }
/* #WebsiteEvaluation { background: url('../images/menu/weButton.png') no-repeat; width: 215px; height: 180px; }
#eNewsletterCampaigns { background: url('../images/menu/ecButton.png') no-repeat; width: 215px; height: 180px; }
#BrandMonitoring { background: url('../images/menu/bmButton.png') no-repeat; width: 215px; height: 180px; }
#FundamentalResearch { background: url('../images/menu/frButton.png') no-repeat; width: 215px; height: 180px; } */

#WebsiteEvaluation:hover { background: url('../images/menu/weButton.png') 0 -180px no-repeat; }
#e-MarketingCampaigns:hover { background: url('../images/menu/ecButton.png') 0 -180px no-repeat; }
/* #eNewsletterCampaigns:hover { background: url('../images/menu/ecButton.png') 0 -180px no-repeat; } */
#BrandMonitoring:hover { background: url('../images/menu/bmButton.png') 0 -180px no-repeat; }
#FundamentalResearch:hover{ background: url('../images/menu/frButton.png') 0 -180px no-repeat; }

.weSubNav { background: url('../images/menu/weButton.png') no-repeat; width: 215px; height: 60px; }
.ecSubNav { background: url('../images/menu/ecButton.png') no-repeat; width: 215px; height: 60px; }
.bmSubNav { background: url('../images/menu/bmButton.png') no-repeat; width: 215px; height: 60px; }
.frSubNav { background: url('../images/menu/frButton.png') no-repeat; width: 215px; height: 60px; }

.weSubNav:hover { background: url('../images/menu/weButton.png') 0 -180px no-repeat; width: 215px; height: 60px;}
.ecSubNav:hover { background: url('../images/menu/ecButton.png') 0 -180px no-repeat; width: 215px; height: 60px;}
.bmSubNav:hover { background: url('../images/menu/bmButton.png') 0 -180px no-repeat; width: 215px; height: 60px;}
.frSubNav:hover { background: url('../images/menu/frButton.png') 0 -180px no-repeat; width: 215px; height: 60px;}

.weSelected { background: url('../images/menu/weButton.png') 0 -180px no-repeat; width: 215px; height: 60px; }
.ecSelected { background: url('../images/menu/ecButton.png') 0 -180px no-repeat; width: 215px; height: 60px; }
.bmSelected { background: url('../images/menu/bmButton.png') 0 -180px no-repeat; width: 215px; height: 60px; }
.frSelected { background: url('../images/menu/frButton.png') 0 -180px no-repeat; width: 215px; height: 60px; }

.primaryNav ul li, .primaryNav_home ul li { display: block; float: left; list-style-type: none; position: relative; text-align: left; }
.primaryNav ul li.home, .primaryNav_home ul li.home { display: block; float: left; list-style-type: none; position: relative; text-align: left; }

#secondaryNav { width: 840px; height: 64px; padding: 10px; background: white url('../images/secondaryNavBG.png') no-repeat; }
#secondaryNav.landing { width: 800px; padding: 0px 30px; background: none; }
#secondaryNav.slider { width: 760px; padding: 0px 50px; background: none; }
#secondaryNav ul { float:right; padding: 20px 0px 0px 0px;}
#secondaryNav ul li { display: block; list-style-type: none; text-decoration: none; position: relative; text-align: left; float: left; padding: 0px 15px 0px; border-right: 1px solid #9f9f9f; }
#secondaryNav ul li.last { border: none; }
#secondaryNav ul li a { border: none; display: inline; color: #9f9f9f; font-size: 11pt; text-decoration:none; }
#secondaryNav a:hover { color: #1f1f1f; }

#secondaryNav h1 { text-align: left; float: left; position: relative; }

#OnSiteBrand { position: relative; cursor: pointer; background: url('../images/OnSiteLogo.png') no-repeat; display: block; text-indent: -9999px; width: 150px; height: 64px; outline: none;}
#OnBuzzBrand { position: relative; cursor: pointer; background: url('../images/OnBuzzLogo.png') no-repeat; display: block; text-indent: -9999px; width: 170px; height: 64px; outline: none; }
#OnXpressBrand { position: relative; cursor: pointer; background: url('../images/OnXpressLogo.png') no-repeat; display: block; text-indent: -9999px; width: 190px; height: 64px; outline: none;}
#OnSurveyBrand { position: relative; cursor: pointer; background: url('../images/OnSurveyLogo.png') no-repeat; display: block; text-indent: -9999px; width: 200px; height: 64px; outline: none;}
#OnFocusBrand { position: relative; cursor: pointer; background: url('../images/OnFocusLogo.png') no-repeat; display: block; text-indent: -9999px; width: 200px; height: 64px; outline: none;}
#OnMediaBrand { position: relative; cursor: pointer; background: url('../images/OnMediaLogo.png') no-repeat; display: block; text-indent: -9999px; width: 200px; height: 64px; outline: none;}

#basic-accordian{ border:5px solid #EEE; padding:5px; width:100px; position:relative; z-index:2; }
.accordion_headings{ padding:5px; background:#1c3854; color:#b2b2b2; border:1px solid #FFF;	cursor:pointer;	font-weight:bold;}
.accordion_headings:hover{ background:#eaeaea; }
.accordion_child{ padding:15px; background:#EEE; }
.header_highlight{ background:#eaeaea; }

#contentCopy { font-family: "Tahoma","Calibri"; background: white; width: 790px; padding: 10px 35px 40px; text-align: left; position: relative; }
/* #contentCopy { background: white; width: 790px; padding: 0px 35px 40px; text-align: left; position: relative; } */
/* #contentCopy { font-family: "Vladimir Script","Tahoma","Calibri"; background: white; width: 790px; padding: 10px 35px 40px; text-align: left; position: relative; } - Font testing */
/* #contentCopy { background: white; width: 790px; padding: 10px 35px 40px; text-align: left; position: relative; } - org */
/* main body - content */
#contentCopy1 { background: white; width: 750px; padding: 0px 0px 0px 20px; text-align: left; float: left; position: relative; }
#contentCopy2 { display: block; width: 251px; padding: 20px 5px 5px 20px; text-align: left; float: left; }
#contentCopy3 { display: block; width: 454px; padding: 10px 5px; text-align: left; float: left; }

#content { font-family: "Tahoma","Calibri"; font-size: 10pt; display: block; width: 700px; text-align: justify; }
/* added for oursolution.aspx */

#specials { background: url('../images/logoHolder.png') no-repeat; display: block; width: 251px; padding: 0px 20px; float: left; }
/*add*/

#articles { background: url('../images/logoHolder2.png') no-repeat; display: block; width: 451px; padding: 0px 40px; float: left; }
/*add*/

#contentLeft2-3rd { display: block; width: 454px; padding: 0px 30px 0px 15px; float: left; }
#contentLeft2-3rd2 { display: block; width: 500px; padding: 0px 10px 0px 15px; float: left; }
#contentRight1-3rd { background: url('../images/logoHolder.png') no-repeat; display: block; width: 251px; padding: 0px 20px; float: left; }
#contentRight1-3rd2 { background: url('../images/logoHolder2.png') no-repeat; display: block; width: 200px; padding: 0px 20px; float: left; }
#contentRight1-3rd2 h2 { text-align: left; float: left; position: relative; }

#contentLeft1-3rd { display: block; width: 246px; padding: 0px 15px; float: left; }
#contentRight2-3rd { display: block; width: 469px; padding: 0px 30px 0px 15px; float: left; }
.contentLeftHalf { display: block; width: 350px; padding: 0px 30px 0px 15px; float: left; }
.contentRightHalf { display: block; width: 350px; padding: 0px 15px 0px 30px; float: left; }

#content1st-3rd { display: block; width: 233px; padding: 0px 15px; float: left; }
#content2nd-3rd { display: block; width: 233px; padding: 0px 15px; float: left; }
#content3rd-3rd { display: block; width: 234px; padding: 0px 15px; float: left; }
/* #content1st-3rd { display: block; width: 233px; padding: 0px 15px; float: left; }
#content2nd-3rd { display: block; width: 233px; padding: 0px 15px; float: left; }
#content3rd-3rd { display: block; width: 234px; padding: 0px 15px; float: left; } */

#Section { color: #4f4f4f; font-size: 14pt; line-height: 14pt; padding: 20px 0px 15px 0px; }

#contentCopy a { text-decoration: none; color: #f78f1e; }
#contentCopy h1 { width: 790px; height: 260px; display: block; font-weight: bold; color: #4f4f4f; font-size: 14pt; line-height: 14pt; }
#contentCopy h1.spacer { width: 790px; height: 1px; display: block; }
#contentCopy h2 { color: #4f4f4f; font-size: 14pt; line-height: 14pt; padding: 20px 0px 15px 0px; }
#contentCopy h2.image { padding: 0px 0px 20px 0px; margin: 0px; }
#contentCopy h2.spacer { padding: 0px; height: 66px;}
#contentCopy h3 { color: #4f4f4f; font-size: 14pt; line-height: 18pt; padding: 45px 0px 0px 0px; margin-bottom: 45px; }
#contentCopy h4 { color: #4f4f4f; font-size: 10pt; line-height: 18pt; padding: 35px 10px 0px 10px; text-align: left; }
#contentCopy h5 { width: 790px; height: 100px; display: block; padding: 20px 0px 0px; }
#contentCopy p { color: #4f4f4f; font-size: 10pt; line-height: 16pt; letter-spacing: 0.02em; padding: 10px 0px; }
#contentCopy ul li { list-style: disc inside; text-indent: -1.1em; font-size: 10pt; line-height: 16pt; letter-spacing: 0.02em; color: #4f4f4f; padding: 0px 10px 5px 30px; }
#contentCopy ol li { list-style: decimal inside; text-indent: -1.7em; font-size: 10pt; color: #4f4f4f; padding: 0px 10px 5px 30px; }

#contentCopy2 a { text-decoration: none; color: #000000; }
#contentCopy2 h1 { width: 790px; height: 160px; display: block; font-weight: bold; color: #4f4f4f; font-size: 14pt; line-height: 14pt; }
#contentCopy2 h1.spacer { width: 790px; height: 1px; display: block; }
#contentCopy2 h2 { color: #4f4f4f; font-size: 14pt; line-height: 14pt; padding: 20px 0px 15px 0px; }
#contentCopy2 h2.image { padding: 0px 0px 20px 0px; margin: 0px; }
#contentCopy2 h2.spacer { padding: 0px; height: 66px;}
#contentCopy2 h3 { color: #4f4f4f; font-size: 14pt; line-height: 18pt; padding: 45px 0px 0px 0px; margin-bottom: 45px; }
#contentCopy2 h4 { color: #4f4f4f; font-size: 10pt; line-height: 18pt; padding: 35px 10px 0px 10px; text-align: left; }
#contentCopy2 h5 { width: 790px; height: 100px; display: block; padding: 20px 0px 0px; }
#contentCopy2 p { color: #4f4f4f; font-size: 10pt; line-height: 16pt; letter-spacing: 0.02em; padding: 10px 0px; }
#contentCopy2 ul li { list-style: disc inside; text-indent: -1.1em; font-size: 10pt; line-height: 16pt; letter-spacing: 0.02em; color: #4f4f4f; padding: 0px 10px 5px 30px; }
#contentCopy2 ol li { list-style: decimal inside; text-indent: -1.7em; font-size: 10pt; color: #4f4f4f; padding: 0px 10px 5px 30px; }

#contentCopy3 a { text-decoration: none; color: #f78f1e; }
#contentCopy3 h1 { width: 790px; height: 160px; display: block; font-weight: bold; color: #4f4f4f; font-size: 14pt; line-height: 14pt; }
#contentCopy3 h1.spacer { width: 790px; height: 1px; display: block; }
#contentCopy3 h2 { color: #4f4f4f; font-size: 14pt; line-height: 14pt; padding: 20px 0px 15px 0px; }
#contentCopy3 h2.image { padding: 0px 0px 20px 0px; margin: 0px; }
#contentCopy3 h2.spacer { padding: 0px; height: 66px;}
#contentCopy3 h3 { color: #4f4f4f; font-size: 14pt; line-height: 18pt; padding: 45px 0px 0px 0px; margin-bottom: 45px; }
#contentCopy3 h4 { color: #4f4f4f; font-size: 10pt; line-height: 18pt; padding: 35px 10px 0px 10px; text-align: left; }
#contentCopy3 h5 { width: 790px; height: 100px; display: block; padding: 20px 0px 0px; }
#contentCopy3 p { color: #4f4f4f; font-size: 10pt; line-height: 16pt; letter-spacing: 0.02em; padding: 10px 0px; }
#contentCopy3 ul li { list-style: disc inside; text-indent: -1.1em; font-size: 10pt; line-height: 16pt; letter-spacing: 0.02em; color: #4f4f4f; padding: 0px 10px 5px 30px; }
#contentCopy3 ol li { list-style: decimal inside; text-indent: -1.7em; font-size: 10pt; color: #4f4f4f; padding: 0px 10px 5px 30px; }

#singleContainer { display: block; float: left; position: relative; width: 500px; height: 300px; padding: 0px 30px 0px 0px; overflow: hidden; }

#multiMenu { width: 240px; padding: 0px 0px 0px; display: block; float: left; background: #eaeaea; }
/* #multiMenu { background: url('../images/multiMenuBG.png') no-repeat center top; width: 220px; padding: 20px 20px 0px; min-height: 290px; display: block; float: left; } */
#multiContainer { display: block; float: left; position: relative; width: 500px; height: 300px; padding: 0px 30px 0px 0px; overflow: hidden; }
#multiContainerLong { display: block; float: left; position: relative; width: 500px; height: 360px; padding: 0px 30px 0px 0px; overflow: hidden; }
#multiSlider { display: block; position: absolute; width: 470px; height: 2500px; top: 0px;}
.multiCopyPoint { display: block; width: 450px; height: 290px; padding: 0px 10px; }
.multiCopyPointLong { display: block; width: 450px; height: 350px; padding: 0px 10px; }
#multiMenu p { font-size: 10pt; padding: 0px 10px 10px; color: #eaeaea; }
#multiMenu a { outline: none; display: block; width: 200px; height: 15px; font-size: 10pt; padding: 13px 10px 13px 30px; }
#multiMenu a.twoLine { height: 36px; }
#multi_1 { background: #b2b2b2 url('../images/indicator2.png') no-repeat left center; width: 180px; height: 18px; padding: 13px 10px 13px 50px; }
#multi_1blank { background: #b2b2b2 url('../images/indicator2.png') no-repeat left center; width: 180px; height: 18px; padding: 13px 10px 13px 50px; }
#multi_2 { width: 180px; height: 18px; }
#multi_3 { width: 180px; height: 18px; }
#multi_4 { width: 180px; height: 18px; }
#multi_5 { width: 180px; height: 18px; }

#multiMenu2 { width: 240px; padding: 0px 0px 0px; display: block; float: left; background: #eaeaea; }
/* #multiMenu { background: url('../images/multiMenuBG.png') no-repeat center top; width: 220px; padding: 20px 20px 0px; min-height: 290px; display: block; float: left; } */
#multiContainer2 { display: block; float: left; position: relative; width: 500px; height: 300px; padding: 0px 30px 0px 0px; overflow: hidden; }
#multiContainerLong2 { display: block; float: left; position: relative; width: 500px; height: 360px; padding: 0px 30px 0px 0px; overflow: hidden; }
#multiSlider2 { display: block; position: absolute; width: 470px; height: 2500px; top: 0px; }
.multiCopyPoint2 { display: block; width: 450px; height: 290px; padding: 0px 10px; }
.multiCopyPointLong2 { display: block; width: 450px; height: 350px; padding: 0px 10px; }
#multiMenu2 p { font-size: 10pt; padding: 0px 10px 10px; color: #6f6f6f; }
#multiMenu2 a { outline: none; display: block; width: 200px; height: 18px; font-size: 10pt; padding: 13px 10px 13px 30px; }
#multiMenu2 a.twoLine { height: 36px; }
#multi2_1 { background: #b2b2b2 url('../images/indicator2.png') no-repeat left center; width: 180px; height: 18px; padding: 13px 10px 13px 50px; }
#multi2_1blank { background: #b2b2b2 url('../images/indicator2.png') no-repeat left center; width: 180px; height: 18px; padding: 13px 10px 13px 50px; }
#multi2_2 { width: 180px; height: 18px; }
#multi2_3 { width: 180px; height: 18px; }
#multi2_4 { width: 180px; height: 18px; }
#multi2_5 { width: 180px; height: 18px; }

#logoHolder { display: block; width: 130px; height: 160px; padding: 70px 60px 0px 61px; }
.hiddenLogo { display: none; position: absolute; }
.logoSpacer { display: block; float: left; padding: 0px 30px; }

#raisedBG { background: url('../images/logoHolder.png') no-repeat; display: block; width: 231px; padding: 0px 30px; float: left; }
#raisedBG2 { display: block; width: 231px; padding: 0px 30px; float: left; }

#clientContainer { display: block; width: 790px; height: 150px; position: relative; overflow: hidden; padding: 10px 0px; }
#clientSlider { display: block; width: 9480px; height: 150px; position: absolute; left: 0px; }
.clientPage { display: block; float: left; width: 770px; height: 130px; padding: 10px; }

#productLinker { width: 211px; padding: 0px 20px; height: 300px; }

/* #productArea { height: 450px; width: 860px; background: white url('../images/landingBG.png') no-repeat center bottom; padding: 10px 0px 0px; text-align: left; } */
#productArea { height: 265px; width: 860px; background: white url('../images/landingBG.png') no-repeat center bottom; padding: 0; text-align: left; overflow: hidden;} 
/* #productArea { height: 300px; width: 860px; background: white url('../images/landingBG.png') no-repeat center bottom; padding: 0px 0px 10px; text-align: left; } */
/* for new shrunk product banner */
#productArea2 { height: 245px; width: 860px; background: white url('../images/landingBG.png') no-repeat center bottom; padding: 0; text-align: left; overflow: hidden;} 

span img { cursor: pointer; }

#landingImage { padding: 40px 0px 0px; }

#navContainer { width: 840px; height: 64px; text-align: center; overflow: hidden; position: relative; }

#OSnavSlider { display: block; width: 2580px; height: 64px; text-align: left; position: absolute; left: 0px; }
#OFnavSlider { display: block; width: 2580px; height: 64px; text-align: left; position: absolute; left: -840px; }
#OMnavSlider { display: block; width: 2580px; height: 64px; text-align: left; position: absolute; left: -1680px; }
.navListing { width: 840px; display: block; float: left; margin: 0 auto; }

#productContainer { width: 840px; height: 230px; text-align: center; padding: 10px 0px; margin: 0px 10px; overflow: hidden; position: relative; outline: none; }
/* #productContainer { width: 840px; height: 430px; text-align: center; padding: 10px 0px; margin: 0px 10px; overflow: hidden; position: relative; outline: none; } */
/* #productContainer { width: 840px; text-align: center; margin: 0px 10px; overflow: hidden; position: relative; } /*
/* for new shrunk product banner */

#OSproductSlider { display: block; width: 2580px; height: 360px; text-align: left; position: absolute; left: 0px; }
#OFproductSlider { display: block; width: 2580px; height: 360px; text-align: left; position: absolute; left: -840px; }
#OMproductSlider { display: block; width: 2580px; height: 360px; text-align: left; position: absolute; left: -1680px; }
.landingProduct { width: 840px; padding: 0px 10px; display: block; float: left; margin: 0 auto; }

/* #productNav { display: block; width: 540px; height: 70px; padding: 0px 0px 0px 300px; } */
#productNav { display: block; width: 540px; height: 54px; padding: 0px 0px 0px 300px; }
/* for new shrunk product banner */
#productNav a { text-decoration: none; outline: none; text-indent: -9999px; border: none; cursor: pointer; margin: 0 auto; display: block; }

#osButton { background: url('../images/osButton.png') 0 -100px no-repeat; width: 112px; height: 50px; }
#ofButton { background: url('../images/ofButton.png') 0 -100px no-repeat; width: 112px; height: 50px; }
#omButton { background: url('../images/omButton.png') 0 -100px no-repeat; width: 112px; height: 50px; }

#osSelected { background: url('../images/osButton.png') 0 0 no-repeat; width: 112px; height: 50px; }
#ofSelected { background: url('../images/ofButton.png') 0 0 no-repeat; width: 112px; height: 50px; }
#omSelected { background: url('../images/omButton.png') 0 0 no-repeat; width: 112px; height: 50px; }

#osButton:hover { background: url('../images/osButton.png') 0 -50px no-repeat; }
#ofButton:hover { background: url('../images/ofButton.png') 0 -50px no-repeat; }
#omButton:hover { background: url('../images/omButton.png') 0 -50px no-repeat; }

#productNav ul li { display: block; float: left; list-style-type: none; position: relative; text-align: left; }

#OnSiteImage { display: block; width: 246px; height: 800px; background: url('../images/OnSiteCursor.jpg') no-repeat center center; }

#PImages { display: block; position: relative; left: 15px; text-align: left; }
/*add*/

#bottomContainer { position: relative; width: 860px; height: 60px; background: #314d69; outline: none; }
#bottomContainer p { font-size: 9pt; line-height: 16pt; letter-spacing: 0.02em; padding: 0px; outline: none; } 
#bottomContainer a { text-decoration: none; color: #f78f1e; outline: none; }
#bottomContainer a:hover { color: #e8b341; outline: none; }
#bottomContent { width: 840px; height: 40px; padding: 10px; text-align: right; color: #dfdfdf; outline: none; }
/* #bottomContent { width: 840px; height: 40px; padding: 10px; text-align: right; color: #dfdfdf; outline: none; } */