* {margin: 0px; padding: 0px; border: none; outline: none;} body {text-align: left; margin: 0px 0px 12px 0px; font: 11px/18px Arial, Helvetica; background-color: #ffffff; color: #ffffff;} a {color: #ffffff; text-decoration: none;} a:hover {text-decoration: underline;} p {margin: 0px; padding: 4px 0px 14px 0px;} h3 {font-size: 16px; margin-bottom: 20px;} h4 {font: normal 28px Calibri, Arial, Helvetica; margin: 0px 0px 13px 0px; color: #ef802e; line-height: 26px;} h5 {font: bold 18px Calibri, Arial, Helvetica;} ul {margin: 13px 0px 13px 18px; padding: 0px;} ul li {margin: 0px 0px 0px 20px; padding: 0px} ul li ul li {margin: 0px 0px 0px 45px; padding: 0px} br.Both {clear: both;} br.Left {clear: left;} br.Right {clear: right;} input {outline: none; border: none; padding: 0px; margin: 0px;} /***************************** HEADER *************************************/ .bgHeaderStretch {height: 137px; background: #ffffff url(../Graphics/bgHeaderSliver.png) repeat-x;} .bgHeaderStretch .bgHeader {background-image: url(../Graphics/bgHeader.gif); width: 1200px; height: 137px;} .bgHeaderStretch .bgHeader .hdrLogo {width: 408px; height: 58px; margin: 46px 0px 0px 35px; float: left;} .bgHeaderStretch .bgHeader .hdrLogo a {float: left;} .bgHeaderStretch .bgHeader .hdrNav_Search {width: 757px; height: 136px; float: left;} .bgHeaderStretch .bgHeader .hdrNav_Search .hdrSearch {width: 757px; height: 50px;} .bgHeaderStretch .bgHeader .hdrNav_Search .hdrSearch .bgSearch {width: 344px; height: 36px; background: url(../Graphics/bgNavSearch.png); margin-left: 332px; float: left;} .bgHeaderStretch .bgHeader .hdrNav_Search .hdrSearch .bgSearch .hdrSearchInput {margin: 7px 8px 0px 0px; float: right;} .bgHeaderStretch .bgHeader .hdrNav_Search .hdrSearch .bgSearch .hdrSearchInput input {width: 160px; height: 18px; margin: 0px; padding: 0px; outline: none; border: none; float: left; color: #838383;} .bgHeaderStretch .bgHeader .hdrNav_Search .hdrSearch .bgSearch .hdrSearchInput a {color: #bababa;} .bgHeaderStretch .bgHeader .hdrNav_Search .hdrSearch .bgSearch .hdrSearchInput a._SearchButton {width: 30px; height: 22px; margin-right: 0px; background-color: Transparent; float: left;} .bgHeaderStretch .bgHeader .hdrNav_Search .hdrSearch .bgSearch .hdrSearchInput a._ContactUs {margin-right: 29px; float: left; text-decoration: none; color: #0b466b;} .bgHeaderStretch .bgHeader .hdrNav_Search .hdrSearch .bgSearch .hdrSearchInput a._Login {margin-right: 22px; float: left; text-decoration: none; color: #0b466b;} .bgHeaderStretch .bgHeader .hdrNav_Search .hdrSearch .bgSearch .hdrSearchInput a:hover {text-decoration: underline;} .bgHeaderStretch .bgHeader .hdrNav_Search .hdrNav {width: 757px; height: 78px; margin-left: 0px;} .bgHeaderStretch .bgHeader .hdrNav_Search .hdrNav .bgNav {width: 678px; height: 52px; margin-left: 0px; padding: 0px 0px 0px 30px; background-image: url(../Graphics/bgNav.gif); background-repeat: no-repeat; color: #0b466b; float:left; font-size: 14px; font-weight: bold; position: relative;} .bgHeaderStretch .bgHeader .hdrNav_Search .hdrNav .bgNav a {height: 62px; padding: 18px 0px 0px 0px; text-align: center; float: left; color: #0b466b; position: absolute;} .bgHeaderStretch .bgHeader .hdrNav_Search .hdrNav .bgNav a:hover {height: 62px; padding: 18px 0px 0px 0px; text-align: center; float: left; color: #0b466b; text-decoration: none;} .bgHeaderStretch .bgHeader .hdrNav_Search .hdrNav .bgNav a.Products { width: 97px; top: 0px; left: 13px;} .bgHeaderStretch .bgHeader .hdrNav_Search .hdrNav .bgNav a:hover.Products { width: 97px; background: url(../Graphics/bgNavProducts.gif) no-repeat;} .bgHeaderStretch .bgHeader .hdrNav_Search .hdrNav .bgNav a.Solutions { width: 97px; top: 0px; left: 98px;} .bgHeaderStretch .bgHeader .hdrNav_Search .hdrNav .bgNav a:hover.Solutions { width: 97px; background: url(../Graphics/bgNavSolutions.gif) no-repeat;} .bgHeaderStretch .bgHeader .hdrNav_Search .hdrNav .bgNav a.Support { width: 89px; top: 0px; left: 182px;} .bgHeaderStretch .bgHeader .hdrNav_Search .hdrNav .bgNav a:hover.Support { width: 89px; background: url(../Graphics/bgNavSupport.gif) no-repeat;} .bgHeaderStretch .bgHeader .hdrNav_Search .hdrNav .bgNav a.Resources { width: 105px; top: 0px; left: 260px;} .bgHeaderStretch .bgHeader .hdrNav_Search .hdrNav .bgNav a:hover.Resources { width: 105px; background: url(../Graphics/bgNavResources.gif) no-repeat;} .bgHeaderStretch .bgHeader .hdrNav_Search .hdrNav .bgNav a.Partners { width: 92px; top: 0px; left: 358px;} .bgHeaderStretch .bgHeader .hdrNav_Search .hdrNav .bgNav a:hover.Partners { width: 92px; background: url(../Graphics/bgNavPartners.gif) no-repeat;} .bgHeaderStretch .bgHeader .hdrNav_Search .hdrNav .bgNav a.News { width: 135px; top: 0px; left: 444px;} .bgHeaderStretch .bgHeader .hdrNav_Search .hdrNav .bgNav a:hover.News { width: 135px; background: url(../Graphics/bgNavNews.gif) no-repeat;} .bgHeaderStretch .bgHeader .hdrNav_Search .hdrNav .bgNav a.Company { width: 96px; top: 0px; left: 570px;} .bgHeaderStretch .bgHeader .hdrNav_Search .hdrNav .bgNav a:hover.Company { width: 96px; background: url(../Graphics/bgNavCompany.gif) no-repeat;} /***************************** FOOTER *************************************/ .bgFooterStretch {height: 338px; background: #ffffff url(../Graphics/bgFooterSliver.png) repeat-x;} .bgFooter {width: 1200px; height: 338px; background-image: url(../Graphics/bgFooter.png); text-align: left; font-size: 13px;} .bgFooter ul {margin: 13px 0px 13px 0px; padding: 0px;} .bgFooter ul li {margin: 0px 0px 0px 0px; padding: 0px} .bgFooter .ftrProducts {width: 167px; height: 289px; margin-left: 82px; padding: 30px 30px 0px 0px; float: left;} .bgFooter .ftrSupport {width: 147px; height: 289px; padding: 30px 20px 0px 0px; float: left;} .bgFooter .ftrResources {width: 137px; height: 289px; padding: 30px 0px 0px 0px; float: left;} .bgFooter .ftrPartners {width: 147px; height: 289px; padding: 30px 0px 0px 0px; float: left;} .bgFooter .ftrNews {width: 147px; height: 289px; padding: 30px 10px 0px 0px; float: left;} .bgFooter .ftrCompany {width: 117px; height: 289px; padding: 30px 10px 0px 0px; float: left;} .bgFooter .ftrCopyright {width: 147px; height: 250px; padding: 30px 10px 0px 0px; float: left;} /***************************** Main BANNER ************************/ .MainBanner {height: 356px; background: transparent url(../Graphics/bgHeroSliver.png) repeat-x;} .MainBanner .SliderContainer {width: 1200px;} /********************PRODUCTS**********************/ .bgProducts {height: 398px; background-image: url(../Graphics/bgProductsSliver.png);} .bgProducts .ProductsContainer {width: 1120px; padding: 0px 0px 30px 80px;} .bgProducts .ProductsContainer div {width: 206px; float: left; padding-right: 12px; text-align: left;} .bgProducts .ProductsContainer div p {color: #000000; min-height: 120px; margin-top: 10px;} .bgProducts .ProductsContainer div a {color: #ef802e;} /***************GETTING STARTED SECTION*****************/ .bgGettingStarted {height: 182px; background: #ffffff url(../Graphics/bgGettingStartedSliver.png) repeat-x;} .bgGettingStarted .GettingStarted {width: 1046px; height: 147px; background: #ffffff url(../Graphics/GettingStarted.png) no-repeat; padding-top: 25px;} .bgGettingStarted .GettingStarted a {width: 1046px; height: 135px; display: block;} .bgGettingStarted .GettingStarted span.GettingStartedBlue {width: 905px; height: 94px; display: block; padding: 41px 0px 0px 141px; background-image: url(../Graphics/bgGettingStartedBlue.jpg);} .bgGettingStarted .GettingStarted span.Headline {color: #f6c600; font-size: 28px; line-height: 30px; font-weight: bold; float: left;} .bgGettingStarted .GettingStarted span.SubHeadline {color: #ffffff; font-size: 18px; line-height: 20px; font-weight: bold; float: left;} /*******************AWARDS SECTION********************/ .bgAwards {width: 1200px; height: 267px; background-color: #ffffff;} .bgAwards .bgAwardsGradient {width: 482px; height: 191px; margin: 22px 0px 0px 79px; padding: 17px 17px 0px 17px; background: #ffffff url(../Graphics/bgAwardsGradient.png) no-repeat; float: left;} .bgAwards .bgAwardsGradient span.HeadlineText {width: 482px; display: block; margin-bottom: 30px; text-transform: uppercase; color: #0c466b; font-weight: bold; text-align: left;} .bgAwards .bgAwardsGradient div {width: 120px; float: left;} .bgAwards .bgAwardsGradient a {width: 42px; height: 16px; display: block; margin: 20px 0px 0px 440px; text-transform: uppercase; color: #939393; font-weight: bold; text-align: right;} .bgAwards .WhoWeAre {width: 512px; height: 208px; margin: 22px 0px 0px 11px; float: left;} .bgAwards .WhoWeAre p.HeadText {color: #858585; font-weight: bold; text-align: left; font-size: 14px;} .bgAwards .WhoWeAre p.ParagraphText {color: #b0b0b0; text-align: left; font-size: 14px; line-height: 23px;} .bgAwards .WhoWeAre a.YellowArrow {text-align: left; text-transform: uppercase; color: #939393; font-weight: bold; line-height: 14px; float: left;} .bgAwards .WhoWeAre a.YellowArrow img {margin-right: 8px; float: left;} /***************BLOG FEED AND SPOTLIGHT SECTION*****************/ .Blog_Spotlight {width: 1200px;} .Blog_Spotlight .BlogFeed {width: 507px; padding: 25px 0px 25px 80px; float: left;} .Blog_Spotlight .BlogFeed .BlogFeedTop {width: 507px; height: 54px; background-image: url(../Graphics/BlogTopNew.png);} .Blog_Spotlight .BlogFeed .BlogFeedTop span {padding-left: 20px; font-weight: bold; font-size: 18px; line-height: 54px; color: #ef802e; float: left;} .Blog_Spotlight .BlogFeed .FeedContent {width: 507px; background: #f8f8f8 url(../Graphics/BlogVertSliver.png) repeat-y;} .Blog_Spotlight .BlogFeed .FeedContent div {width: 481px; background-color: #f8f8f8; text-align: left; margin-bottom: 0px;} .Blog_Spotlight .BlogFeed .FeedContent div p.Dates {color: #858585; font-size: 9px; padding-bottom: 0px; font-weight: bold;} .Blog_Spotlight .BlogFeed .FeedContent div p.FeedDescription {color: #858585; font-size: 12px; font-weight: bold; padding-top: 0px;} .Blog_Spotlight .BlogFeed .FeedContent div p.FeedDescription a {color: #717171; text-decoration: Underline;} .Blog_Spotlight .BlogFeed .FeedContent div p.FeedDescription a:hover {color: #717171; text-decoration: none;} .Blog_Spotlight .BlogFeed .FeedContent div h4 {color: #0b466b; font-size: 16px; font-weight: bold; float: none; line-height:normal;} .Blog_Spotlight .BlogFeed .FeedContent div a.LearnMore {text-align: left; text-transform: uppercase; color: #939393; font-weight: bold; line-height: 28px; float: left;} .Blog_Spotlight .BlogFeed .FeedContent div a img {margin-right: 8px; float: left; padding-top: 7px;} .Blog_Spotlight .BlogFeed .BlogFeedBottom {width: 297px; height: 28px; padding: 10px 0px 0px 210px; background-image: url(../Graphics/BlogBottomNew.png);} .Blog_Spotlight .BlogFeed .BlogFeedBottom a {text-align: left; text-transform: uppercase; color: #939393; font-weight: bold; line-height: 28px; float: left;} .Blog_Spotlight .BlogFeed .BlogFeedBottom a img {margin-right: 8px; float: left;} .Blog_Spotlight .SpotlightContainer {width: 585px; margin-top: 30px; float: left;} /*.Blog_Spotlight .SpotlightContainer span {display: block; width: 81px; height: 27px; margin: 0px 0px 0px 18px; background: transparent url(../Graphics/bgSpotlight_Head.gif) no-repeat; line-height: 27px; color: #ef802e; font-weight: bold; font-size: 12px; float: left;}*/ .Blog_Spotlight .SpotlightContainer a {display: block; margin: 0px 0px 0px 10px; padding-top: 5px; line-height: 27px; font-weight: bold; font-size: 12px; float: left;} .Blog_Spotlight .SpotlightContainer a.LinkOn {color: #ef802e; background: transparent url(../Graphics/bgSpotlight_Head.gif) no-repeat; width: 96px; height: 41px; text-decoration: none;} .Blog_Spotlight .SpotlightContainer a.LinkOn2 {color: #ef802e; background: transparent url(../Graphics/bgSpotlight_Head2.gif) no-repeat; width: 120px; height: 41px; text-decoration: none;} .Blog_Spotlight .SpotlightContainer a.LinkOff2 {color: #7a7a7a; height: 41px; width: 120px;} .Blog_Spotlight .SpotlightContainer a.LinkOff {color: #7a7a7a; width: 96px; height: 41px;} .Blog_Spotlight .SpotlightContainer .Spotlight {width: 582px;} .Blog_Spotlight .SpotlightContainer .Spotlight p {color: #858585; font-size: 11px; font-weight: bold; text-align: left;} .Blog_Spotlight .SpotlightContainer .Spotlight .EventBlocks {width: 555px; padding: 10px 0px 10px 0px; text-align: left; border-bottom: solid 1px #eaeaea;} .Blog_Spotlight .SpotlightContainer .Spotlight .EventBlocks .TopBorder {border-top: solid 1px #eaeaea;} .Blog_Spotlight .SpotlightContainer .Spotlight .EventBlocks .ImgBlocks {width: 85px; height: 85px; margin: 0px 20px 0px 10px; float: left;} .Blog_Spotlight .SpotlightContainer .Spotlight .EventBlocks .ImgBlocks a {display: block; width: 85px; height: 85px; margin: 0px 0px 0px 0px;} .Blog_Spotlight .SpotlightContainer .Spotlight .EventBlocks .TextBlocks {width: 420px; float: left;} .Blog_Spotlight .SpotlightContainer .Spotlight .EventBlocks .TextBlocks h4 {color: #0c466b; font-size: 20px; line-height: 24px;} .Blog_Spotlight .SpotlightContainer .Spotlight .EventBlocks .TextBlocks a {color: #939393; font-weight: bold; line-height: 14px; float: left; margin-left: 0px;} .Blog_Spotlight .SpotlightContainer .Spotlight .EventBlocks .TextBlocks a img {margin-right: 8px; float: left;} /***ZLL 02/2010***/ /***************SubHead*****************/ .bgSubHeadStretch {height: 77px; background: #ffffff url(../Graphics/bgBlueHeader.gif) repeat-x;} .bgSubHeadStretch .bgSubHead {background-image: url(../Graphics/bgBlueHeaderMain.gif); width: 1120px; height: 77px; padding-left: 80px;} .bgSubHeadStretch .bgSubHead .header { width: 229px; height: 50px; color: #fff; font: bold 24px Calibri, Arial, Helvetica; float: left; padding: 27px 0px 0px 22px; text-align: left;} /***************Main Content*****************/ .Content {min-height: 650px; color: #000; width: 1100px; padding: 0px 20px 0px 80px; height: 100%; margin-bottom: 40px; font: normal 12px/18px Arial, Helvetica;} .Content .Right {color: #000; width: 800px; float: left; margin: 40px 17px 0px 17px;} .Content .Right .Main {color: #000; width: 790px; float: left; text-align: left;} .Content .Right .Main .logoHead h4 {font: normal 28px Calibri, Arial, Helvetica; margin: 0px 0px 13px 0px; color: #ef802e; float: left; padding: 37px 0px 0px 7px;} .Content .Right .Main .logoHead img {float: left;} .Content .Right .Main .hr { margin: 10px 0px;} .Content .Right .Main input { border: solid 1px #717171; margin: 0px; padding: 0px;} .Content .Right .Main select { border: solid 1px #717171;} .Content .Right .Main textarea {border: solid 1px #717171;} .Content .Right .Main a {color: #0b466b; text-decoration: none; top: 1px; left: 0px;} .Content .Right .Main a:hover {text-decoration: underline;} .Content .Right .Main a.OrangeArrow {text-align: left; text-transform: uppercase; color: #939393; font-weight: bold; line-height: 14px; float: left;} .Content .Right .Main a.OrangeArrow img {margin-right: 8px; float: left;} .Content .Right .Main p {font: normal 12px/18px Arial, Helvetica;} .Content .Right .Main .Products { height: 100%; margin-bottom: 40px;} .Content .Right .Main .Products .hr { margin-top: 30px;} .Content .Right .Main .Products .Image { float: left; width: 175px; margin-top: 29px;} .Content .Right .Main .Products .Description { float: right; width: 600px;} .Content .Right .Main .Products .Description p {margin-right: 12px; padding: 15px 0px 14px 0px; width: 425px; float: left;} .Content .Right .Main .Products .Description a.OrangeArrow {text-align: left; float: none; text-transform: uppercase; color: #939393; font-weight: bold; line-height: 14px;} .Content .Right .Main .Products .Description a.OrangeArrow img {margin-right: 8px; float: none;} .Content .Right .Main .Col1 {width: 600px; float: left; margin-right: 17px;} .Content .Right .Main .Col1 .hr { margin: 10px 0px;} .Content .Right .Main .Col2 {width: 165px; float: left;} .Content .Right .Main .Col2 .DashedHr { padding: 5px 0px;} .Content .Right .Main .Col2 .hr { margin: 0px 0px;} .Content .Right .Main .Col2 h3 {font: bold 11px/18px Arial, Helvetica; text-transform: uppercase; margin: 0px 0px 15px 0px;} .Content .Right .Main .Col2 span {display: block; width: 135px; float: left;} .Content .Right .Main .Col2 a.BlueArrow {text-align: left; text-transform: uppercase; color: #939393; font-weight: bold; line-height: 14px; float: left;} .Content .Right .Main .Col2 a.BlueArrow img {margin-right: 8px; float: left; height: auto;} .Content .Right .Main .Col2 a.TopReturn {text-align: left; color: #939393; line-height: 28px; float: left;} .Content .Right .Main .Col2 a.TopReturn img {margin-right: 8px; float: left; height: auto;} .Content .Right .Main .Col2 .ScreenShot {float: left; padding: 15px 0px 5px 0px; margin: 0px;} .Content .Right .Main .Col2 .ScreenShotText {display: block; float: left; padding: 15px 0px 5px 10px; margin: 0px; width: 115px;} .Content .Right .Main .Col2 .Readme {float: left; padding: 25px 0px 5px 0px; margin: 0px;} /**************Landing Page Styles************/ .LandingContent {min-height: 750px; color: #000; width: 1100px; padding: 0px 20px 0px 0px; height: 100%; margin-bottom: 40px; font: normal 12px/18px Arial, Helvetica;} .LandingContent .ImageLeft {float: left; width: 346px; height: 500px; padding-top: 72px; padding-right: 30px;} .LandingContent .Right {color: #000; width: 660px; float: left; margin: 40px 17px 0px 37px;} .LandingContent .Right .Main { float: left; text-align: left;width: 700px; font-size: 18px; line-height: 26px; color: #535353; font-family: Calibri, Arial;} .LandingContent .Right .Main .hr { margin: 10px 0px;} .LandingContent .Right .Main p {font-size: 18px; line-height: 26px; color: #535353; font-family: Calibri, Arial;} .LandingContent .Right .Main ul {list-style-type: none; padding: 0px; margin: 0px;} .LandingContent .Right .Main li { background: transparent url(../Graphics/LandingArrow.png) no-repeat; padding: 0px 0px 0px 45px; margin: 0px 0px 20px 0px; min-height: 34px; display: block;} #modalTabsSizeChart {position: relative; top: -200px; left: 0px; display: none; z-index: 10000; background: none;} #modalTabsSizeChart #tabsSizeChart {width: 483px; position: relative; margin: auto; color: #858585; text-align: left; font-size: 14px;} #modalTabsSizeChart #tabsSizeChart input {border: solid 1px #cccccc; width: 200px; height: 30px; font: normal 14px/30px calabri, arial; color: #858585; padding-left: 3px;} #modalTabsSizeChart #tabsSizeChart select {border: solid 1px #cccccc; width: 200px; font: normal 14px/30px calabri, arial; color: #858585; padding: 3px 0px 3px 3px;} #modalTabsSizeChart #tabsSizeChart a {height: 21px;padding: 3px 10px 0px 10px;font-size: 9px;color: #595A5C;text-decoration: none;border-bottom: solid 1px #F5F5F5;display: block;float: left;background: #ffffff url(../Images/BtnSizingWhite.gif) no-repeat top right;} #modalTabsSizeChart #tabsSizeChart a.tabOn {height: 21px;padding: 3px 10px 0px 10px;font-size: 9px;color: #595A5C;border-bottom: solid 1px #F5F5F5;text-decoration: none;display: block;float: left;background: #ffffff url(../Images/BtnSizingGrey.gif) no-repeat top right;} #modalTabsSizeChart #tabsSizeChart a.BtnCloseSizing {height: 21px; padding: 3px 10px 0px 10px; font-size: 9px; color: #595A5C; border-bottom: none; text-decoration: none; display: block; float: right; background: none url(../Graphics/BtnSizingWhite.png) no-repeat top left; margin: 13px 35px 0px 0px;} #modalTabsSizeChart .SizingPop {width: 483px; height: 579px; padding: 13px 14px 0px 14px; background: url(../Graphics/bgForm-Modal.png) no-repeat;} /***************LeftNav*****************/ .Content .LeftNav {width: 248px; float: left; background: #ffffff url(../Graphics/bgLeftNavStretch.gif);} .Content .LeftNav .bgLeftNav { width: 248px; background-image: url(../Graphics/bgLeftNav.gif); background-repeat: no-repeat;} .Content .LeftNav .bgLeftNav .Container { width: 248px; padding-top: 40px;} .Content .LeftNav .bgLeftNav .off {color: #000; width: 233px; text-align: left; font: normal 16px Calibri, Arial, Helvetica; float: left; display: block; padding: 0px 0px 0px 0px;} .Content .LeftNav .bgLeftNav a.First {color: #000; width: 233px; text-align: left; font: normal 16px Calibri, Arial, Helvetica; float: left; display: block; padding: 10px 0px 10px 15px; border-top: none; border-bottom: solid 1px #dddddd;} .Content .LeftNav .bgLeftNav a {color: #000; width: 233px; text-align: left; font: normal 16px Calibri, Arial, Helvetica; float: left; display: block; padding: 10px 0px 10px 15px; border-top: solid 1px #fff; border-bottom: solid 1px #dddddd;} .Content .LeftNav .bgLeftNav a:hover {color: #0b466b; font: normal 16px Calibri, Arial, Helvetica; float: left; text-decoration: none; display: block;} .Content .LeftNav .bgLeftNav .on {width: 248px; float: left; color: #ef802e; background-color: #fff; background-image: url(../Graphics/bgLeftNavSubOn.gif); background-repeat: no-repeat;} .Content .LeftNav .bgLeftNav .on .Top {width: 248px; height: 36px; float: left; color: #ef802e; background-color: #fff; background-image: url(../Graphics/LeftNavOn.gif); background-repeat: no-repeat;} .Content .LeftNav .bgLeftNav .on .Bottom {width: 248px; height: 36px; float: left; color: #ef802e; background-color: #fff; background-image: url(../Graphics/LeftNavOnBottom.gif); background-repeat: no-repeat;} .Content .LeftNav .bgLeftNav .on a:link, .LeftNav .bgLeftNav .on a:visited, .LeftNav .bgLeftNav .on a:hover {font-weight: bold; color: #ef802e; text-decoration: none; border: none;} .Content .LeftNav .bgLeftNav .on .sub {font-size: 11px; width: 248px; float: left;} .Content .LeftNav .bgLeftNav .on .sub .on {padding: 0px 0px 0px 0px; min-height: 13px; width: 248px; padding-left: 22px; background-image: none; background-color: Transparent;} .Content .LeftNav .bgLeftNav .on .sub .on a:link, .Content .LeftNav .bgLeftNav .on .sub .on a:visited, .Content .LeftNav .bgLeftNav .on .sub .on a:hover {font: normal 12px Calibri, Arial, Helvetica; padding: 3px 0px; color: #000000;} .Content .LeftNav .bgLeftNav .on .sub .on .sub {font-size: 10px; font-weight: normal;} .Content .LeftNav .bgLeftNav .on .sub .on .sub a.off:hover {text-decoration: underline;} .Content .LeftNav .bgLeftNav .on .sub .on .sub a.on:link, #content .inner .inside .left .navigation .on .sub .on .sub a.on:visited, #content .inner .inside .left .navigation .on .sub .on .sub a.on:hover {text-decoration: none; color: #000000;} .Content .LeftNav .bgLeftNav .on .sub .off {padding: 0px 0px 0px 0px; min-height: 13px; width: 248px; float: left; padding-left: 22px; background-image: none; background-color: Transparent;} .Content .LeftNav .bgLeftNav .on .sub .Section {padding: 0px 0px 0px 0px; min-height: 13px; width: 248px; float: left; padding-left: 22px;} .Content .LeftNav .bgLeftNav .on .sub .off a:link {color: #717171; padding: 3px 0px; font: normal 12px Calibri, Arial, Helvetica;} .Content .LeftNav .bgLeftNav .on .sub .off a:visited {color: #717171; padding: 3px 0px; font: normal 12px Calibri, Arial, Helvetica;} .Content .LeftNav .bgLeftNav .on .sub .off a:hover {text-decoration: underline;} /***************WhitePapers*****************/ .WhitePapers { padding-bottom: 20px; position: relative; top: 0px; left: 0px; } .WhitePapers span.Title { display: block; font: bold 12px/16px Arial, Helvetica; padding: 20px 2px 2px 2px; } .WhitePapers span.Copy { display: block; padding: 0px 1px; } .WhitePapers a { text-decoration: none; width: 600px; height: 100%; display: block; position: absolute; } .WhitePapers a:hover { text-decoration: none; background-image: url(../Graphics/hoverWhitePapersbg.png); position: absolute; display: block; } .WhitePapers a img.btnDownload { text-decoration: none; width: 600px; height: 100%; display: block; font-size: 24px; visibility: hidden; } .WhitePapers a:hover img.btnDownload { visibility: visible; width: 202px; height: 71px; display: block; position: relative; margin-left: auto; margin-right: auto ; top: 20px; cursor: hand; } /***************Manuals and User Guides*****************/ .Manuals { width: 388px; height: 108px; margin-bottom: 20px; background: url(../Graphics/manualsGuidesbg.png) no-repeat 0px 2px; position: relative; } .Manuals span.Title { padding: 20px 20px 0px 95px; width: 275px; display: block; font: bold 12px/16px Arial, Helvetica; } .Manuals span.Copy { padding: 0px 20px 0px 95px; width: 275px; display: block; font: normal 10px/16px Arial, Helvetica; } .Manuals a { text-decoration: none; width: 388px; height: 108px; display: block; position: absolute; } .Manuals a:hover { text-decoration: none; background: url(../Graphics/hoverManualsGuides.png) no-repeat 2px 0px; position: absolute; display: block; } /***************CaseStudies*****************/ .Casestudy { width: 390px; height: 158px; margin-bottom: 20px; background-image: url(../Graphics/caseStudyGlobalOutsourcingServices.gif); position: relative; } .Casestudy span.Title { padding: 20px 20px 0px 95px; width: 275px; display: block; font: bold 12px/16px Arial, Helvetica; } .Casestudy span.Copy { padding: 0px 20px 0px 95px; width: 275px; display: block; font: normal 10px/16px Arial, Helvetica; } .Casestudy a { text-decoration: none; width: 390px; height: 158px; display: block; position: absolute; } .Casestudy a:hover { text-decoration: none; background: url(../Graphics/hoverCaseStudies.png) no-repeat 3px 2px; position: absolute; display: block; }