/* pe: default stylesheet */ /* global styles */ body { font-family: arial, Helvetica, sans-serif; font-size: 77%; /* initially set to percentage so that ems work without producing miniscule text in IE */ line-height: 1.3em; text-align: left; color: #000; background-color: #a6cae0; margin: 0; padding: 0; } /* global anchor styles */ a { color: #0066a5; background: transparent url(../images/hdotted-blue.gif) 0 100% repeat-x; text-decoration: none; } a:visited { color: #4b5457; background: transparent url(../images/hdotted-grey.gif) 0 100% repeat-x; } a:hover { color: #0066a5; background: transparent url(../images/hsolid-blue.gif) 0 100% repeat-x; } img { border: none; } h1,h2,h3, h4, h5 { margin: 0; padding: 0 10px 0 10px; } p { margin: 0; padding: 0 10px 15px 10px; } input { margin: 2px 0 2px 0; } .clear { clear: both; } /* main wrapper */ #wrapper { position: relative; width: 980px; margin: 10px auto 0 auto; background: #fff; } /* header container */ #header { width: 100%; height: 195px; position: relative; background: #fff; padding: 0 0 10px 0; } #header h1 { position: relative; margin: 0; padding: 0; text-indent: -9999px; height: 158px; width: 980px; } /* header image styles */ #home #header h1 { background:url(../images/headers/home.jpg) no-repeat 0 0;} #aboutUs #header h1 { background: transparent url(../images/headers/about-us.jpg) 0 0 no-repeat; } #productServices #header h1 { background: transparent url(../images/headers/product-services.jpg) 0 0 no-repeat; } #infoCenter #header h1 { background: transparent url(../images/headers/information-center.jpg) 0 0 no-repeat; } #ourClients #header h1 { background: transparent url(../images/headers/our-clients.jpg) 0 0 no-repeat; } #markets #header h1 { background: transparent url(../images/headers/markets.jpg) 0 0 no-repeat; } #newsLinks #header h1 { background: transparent url(../images/headers/news-links.jpg) 0 0 no-repeat; } #contact #header h1 { background: transparent url(../images/headers/contact.jpg) 0 0 no-repeat; } #clientArea #header h1 { background: transparent url(../images/headers/client-area.jpg) 0 0 no-repeat; } #siteMap #header h1 { background: transparent url(../images/headers/sitemap.jpg) 0 0 no-repeat; } #searchResults #header h1 { background: transparent url(../images/headers/search-results.jpg) 0 0 no-repeat; } /* default header image; displayed if no header style found */ #default #header h1 { background: transparent url(../images/headers/default.jpg) 0 0 no-repeat; } /* hot-spot for home link */ #header h1 a { position: relative; display: block; top: 18px; width: 301px; height: 58px; background-image: none; } /* client area login */ #header h2 { position: absolute; top: 0; right: 0; margin: 0; padding: 0; text-indent: -9999px; height: 29px; width: 87px; } #header h2 a { position: absolute; top: 0; right: 0; display: block; width: 174px; height: 65px; background: none; } #header h2 a.active, #header h2 a:hover {/* background: transparent url(../images/client-area-hover.gif) 0 0 no-repeat;*/ } #header #skip { display: none; } /* search box */ #header .searchBox { position: absolute; right: 0; top: 138px; width: 229px; padding: 0; height: 30px; background: transparent url(../images/search-bg.gif) 0 0 no-repeat; } #header .searchBox label { display: none; } #header .searchBox fieldset { border: none; padding: 0; margin: 0; } #header .searchBox input#query { float: left; margin: 0; margin: 5px 0 5px 68px; width: 125px; font-size: 11px; padding: 2px; color: #ccc; } #header .searchBox input#go { float: left; padding: 0 5px 0 5px; margin: 0; width: 17px; } /* date box */ #header .dateBox { position: absolute; top: 85px; left: 10px; color: #fff; font-size: 0.9em;} /* main menu */ #header .mainMenu { position: relative; width: 782px; height: 37px; } #header .mainMenu ul, #header .mainMenu ul li { display: block; padding: 0; margin: 0; list-style: none; position: relative; } #header .mainMenu ul li { float: left; height: 1px; } #header .mainMenu ul li a { position: relative; line-height: 1px; display: block; float: left; padding: 0; height: 37px; text-indent: -9999px; background: transparent url(../images/main-menu.gif) 0 0 no-repeat; } #header .mainMenu ul li.home { width: 57px;} #header .mainMenu ul li.home a { background-position: 0 0; width: 57px; } #header .mainMenu ul li.home a:hover { background-position: 0 -74px; } #header .mainMenu ul li.home a.active { background-position: 0 -37px; } #header .mainMenu ul li.aboutUs { width: 77px; } #header .mainMenu ul li.aboutUs a { background-position: -57px 0; width: 77px; } #header .mainMenu ul li.aboutUs a:hover { background-position: -57px -74px; } #header .mainMenu ul li.aboutUs a.active { background-position: -57px -37px; } #header .mainMenu ul li.productServices { width: 150px; } #header .mainMenu ul li.productServices a { background-position: -134px 0; width: 150px; } #header .mainMenu ul li.productServices a:hover { background-position: -134px -74px; } #header .mainMenu ul li.productServices a.active { background-position: -134px -37px; } #header .mainMenu ul li.infoCenter { width: 144px; } #header .mainMenu ul li.infoCenter a { background-position: -284px 0; width: 144px; } #header .mainMenu ul li.infoCenter a:hover { background-position: -284px -74px; } #header .mainMenu ul li.infoCenter a.active { background-position: -284px -37px; } #header .mainMenu ul li.ourClients { width: 88px; } #header .mainMenu ul li.ourClients a { background-position: -428px 0; width: 88px; } #header .mainMenu ul li.ourClients a:hover { background-position: -428px -74px; } #header .mainMenu ul li.ourClients a.active { background-position: -428px -37px; } #header .mainMenu ul li.markets { width: 70px; } #header .mainMenu ul li.markets a { background-position: -516px 0; width: 70px; } #header .mainMenu ul li.markets a:hover { background-position: -516px -74px; } #header .mainMenu ul li.markets a.active { background-position: -516px -37px; } #header .mainMenu ul li.newsLinks { width: 107px; } #header .mainMenu ul li.newsLinks a { background-position: -586px 0; width: 107px; } #header .mainMenu ul li.newsLinks a:hover { background-position: -586px -74px; } #header .mainMenu ul li.newsLinks a.active { background-position: -586px -37px; } #header .mainMenu ul li.contact { width: 89px; } #header .mainMenu ul li.contact a { background-position: -693px 0; width: 89px; } #header .mainMenu ul li.contact a:hover { background-position: -693px -74px; } #header .mainMenu ul li.contact a.active { background-position: -693px -37px; } /* local menu */ #localMenu { position: relative; width: 160px; margin-right: 18px; float: left; background: transparent url(../images/local-menu-sep.jpg) 0 100% no-repeat; } #localMenu ul, #localMenu ul li { margin: 0; padding: 0; list-style:none; display: block; } #localMenu ul { background: transparent url(../images/local-menu-bg.jpg) 0 0 repeat-y; } #localMenu ul li a { background: #fff url(../images/local-menu-bullet.gif) 5px 7px no-repeat; font-weight: bold; display: block; color: #0066a5; text-decoration: none; padding: 5px 0 6px 20px; margin: 0 0 1px 0; } #localMenu ul li a:hover, #localMenu ul li a.active, #localMenu ul li a:hover.active { display: block; background: transparent url(../images/local-menu-bullet.gif) 5px 7px no-repeat; font-weight: bold; color: #4b5457; text-decoration: none; } /* 3rd level navigation for products/reports */ #localMenu ul li ul { } #localMenu ul li ul li { } #localMenu ul li ul li a { padding: 0 0 5px 20px; font-weight: normal; background: transparent url(../images/product-bullet.gif) 10px 6px no-repeat; color: #4b5457; } #localMenu ul li ul li a:hover, #localMenu ul li ul li a.current, #localMenu ul li ul li a:hover.current { font-weight: normal; color: #4b5457; text-decoration: underline; background: transparent url(../images/product-bullet.gif) 10px 6px no-repeat; } /* main content */ #content { position: relative; width: 604px; float: left; } /* quicklinks */ #quicklinks { position: relative; float: left; width: 188px; margin: 0 0 0 10px; padding: 130px 0 0 0; } #quicklinks a { background-image: none; } /* flash container */ #flash {width:302px; float: left; margin-right:10px; } /* #home #flash img { width: 302px; padding: 0 10px 0 10px; } */ #home #content { position: relative; width: 658px; float: left; } /* content body styles; headers */ #content .body h3 { font-size: 1.4em; line-height: 1.2em; color: #0066a5; padding-bottom: 15px; } #content .body h4 { font-size: 1.2em; padding-bottom: 15px; color: #4b5457; } #content .body h5 { font-size: 1.0em; color: #0066a5; padding-bottom: 5px; } #newsLinks #content .body h5 { color: #4b5457; } #content .body ul { margin-top: 0; margin-bottom: 5px; list-style-image: url(../images/body-bullet.gif); } /* inline list styles */ #content .body .unorderedList { background: transparent url(../images/green-bg.jpg) 0 0 repeat-y; padding: 10px; margin: 5px 10px 15px 10px; } #content .body .unorderedList ul { margin: 0; padding: 0 0 0 20px; list-style-image: url(../images/body-bullet.gif); } #newsLinks .body .unorderedList { background: transparent url(../images/bg-blue.gif) 0 0 repeat-y; padding: 10px; margin: 5px 10px 15px 10px; } /* ordered list */ #content .body ol { margin: 15px 10px 15px 10px; padding: 0 0 0 20px; } /* glossary/useful links; list styles */ #content .body .usefulLinksList, #content .body .glossaryList { margin: 0 10px 15px 10px; } #content .body .usefulLinksList ul, #content .body .glossaryList ul { margin: 0; padding: 0 0 0 20px; list-style-image: url(../images/glossary-bullet.gif); } /* glossary styles */ #content .body .glossaryIndex { padding: 5px 0 15px 0; } #content .body .glossaryIndex ul { margin: 0 10px 0 10px; padding: 0; list-style-image: none; list-style: none; } #content .body .glossaryIndex ul li { display: inline; line-height: 12px;} #content .body .glossaryIndex ul li a { padding: 4px; background: none; color: #0066a5; } #content .body .glossaryIndex ul li a:hover { color: #fff; background: #0066a5; padding: 4px; } #content .body .glossaryList ul li.top { list-style-image: url(../images/top.gif); line-height: 30px; font-weight: bold; } #content .body .glossaryList ul li.top a, #content .body .glossaryList ul li.top a:hover { background: none; } /* custom page headers */ #content .localHeader { position: relative; width: 604px; height: 120px; margin: 0 0 20px 0; } /* home page body styles */ #homepage .body { position: relative; width: 460px; float: left; background: transparent url(../images/home-bg-top.gif) 0 0 no-repeat; padding: 10px 0 0 0; } .body div { padding: 0 10px 0 10px; } #home #content .body div { padding: 0 10px 0 10px; } .outer { position: relative; width: 100%; background: transparent url(../images/home-bg.gif) 0 100% no-repeat; } .midinbody h3 { text-indent: -9999px; width: 271px; height: 37px; background: transparent url(../images/ti-power-efficiency.gif) 0 0 no-repeat; } .body h4 { font-size: 1.5em; line-height: 1.2em; /*padding: 5px 0 15px 0; */ color: #4b5457; } .inbody h4 { font-size: 1.5em; line-height: 1.2em; padding: 5px 0 15px 0; color: #4b5457; } #home .body p { padding-left: 0; padding-right: 0; } /* home news */ .news { background:url(../images/news-bg.gif) no-repeat 0 100%; position: relative; width: 178px; float: left; height:545px; } .news h2 { padding: 0; margin: 0; text-indent: -9999px; } .news h2 a { display: block; width: 178px; height: 55px; background: #fff url(../images/news-top.gif) 0 0 no-repeat; } .news h2.marketNews a { display: block; width: 178px; height: 55px; background: #fff url(../images/news-top2.gif) 0 0 no-repeat; } .news h2.marketNews2 a { display: block; width: 178px; height: 55px; background: #fff url(../images/news-top3.gif) 0 0 no-repeat; } .news ul, .news ul li { margin: 0; padding: 0; list-style: none; } .news ul li { margin: 0 10px 0 10px; width: 158px; display: block; } .news ul li a { display: block; color: #0066a5; padding: 20px 0 20px 0; font-size: 13px; text-decoration: none; background: transparent url(../images/news-divider.jpg) -10px 100% no-repeat; } .news ul li a span { border-top: 5px solid #fff; display: block; width: 55px; height: 11px; text-indent: -9999px; background: transparent url(../images/full-story.gif) 0 0 no-repeat; } .news ul li.last a { background-image: none; } .news ul li a:hover span { background: transparent url(../images/full-story.gif) 0 -11px no-repeat; } .news p { padding: 10px; color: #4b5457; } /* rotating/fading block quotes; styles */ #quoteContainer { margin: 10px 0 0 312px; position:relative; width:460px; z-index: 0; min-height: 80px; height:auto !important; height:120px; } #quoteContainer blockquote { display: none; position: absolute; top:-36px; left: 0; width: 460px; margin:0; padding: 0 0 10px 0; background: transparent url(../images/quotes-bg-bottom.gif) 0 100% no-repeat; } #quoteContainer blockquote div { padding: 10px 0 0 0; background: #fff url(../images/quotes-bg-top.gif) 0 0 no-repeat; } #quoteContainer blockquote p { padding: 5px 10px 5px 10px; } #quoteContainer blockquote span { padding: 0 10px 5px 10px; display: block; font-weight: bold; color: #0066a5; } /* our clients; customer name and logo */ #clientArea #content .customerLogo, #ourClients #content .customerLogo { position: relative; margin: 0 10px 20px 0; } #clientArea #content .customerLogo .left, #ourClients #content .customerLogo .left { float: left; } #clientArea #content .customerLogo .right, #ourClients #content .customerLogo .right { float: right; } #clientArea #content .customerLogo h4, #ourClients #content .customerLogo h4 { font-size: 1.4em; color: #c3d432; } #clientArea #content .customerLogo p { font-size: 1.1em; color: #0066a5; } #clientArea #content .customerLogo p strong { color: #000; } #clientArea #content .customerLogo { margin-bottom: 10px; padding: 10px 0 10px 0; background: transparent url(../images/blue-divider.jpg) 0 100% repeat-x; } /* previous / next links */ #content .previousNext { position: relative; padding: 10px 0 10px 0; } #content .previousNext ul, #content .previousNext ul li { margin: 0; padding: 0; list-style: none; list-style-image: none; } #content .previousNext ul li { display: inline; } #content .previousNext ul li a { font-weight: bold; display: block; width: auto; line-height: 17px; color: #0066a5; } #content .previousNext ul li a:hover { text-decoration: none; color: #0066a5; } #content .previousNext ul li.previous a { float: left; text-align: left; padding-left: 15px; background: #fff url(../images/previous.gif) 0 3px no-repeat; } #content .previousNext ul li.next a { float: right; text-align: right; padding-right: 15px; background: #fff url(../images/next.gif) 100% 3px no-repeat;} #content .previousNext ul li.back { clear: both; display: block; padding-top: 10px; } #content .previousNext ul li.back a { clear: both; text-align: left; padding-left: 15px; background: #fff url(../images/back.gif) 0 3px no-repeat; } #content .previousNext ul li a span { background: #fff url(../images/hdotted-blue.gif) 0 100% repeat-x; } #content .previousNext ul li.back a:hover span, #content .previousNext ul li.previous a:hover span, #content .previousNext ul li.next a:hover span { background: #fff url(../images/hsolid-blue.gif) 0 100% repeat-x; } /* previous/next border style; use class overloading to apply */ #content .border { background: transparent url(../images/blue-divider.jpg) 0 100% no-repeat; padding-bottom: 20px; margin-bottom: 20px; } /* pdf listings */ #content .pdfs { position: relative; padding: 10px 0 10px 0; } #content .pdfs ul, #content .pdfs ul li { margin: 0; padding: 0; list-style: none; } #content .pdfs ul li { display: inline; } #content .pdfs ul li a { display: block; margin: 2px 0 2px 0; padding: 0 0 0 46px; line-height: 38px; color: #000; text-decoration: none; } #content .pdfs ul li a:hover { text-decoration: underline; } #content .pdfs ul li a { background: #9ac2db url(../images/pdf.gif) 10px 9px no-repeat;} /* pagination */ #content .pagination { position: relative; margin: 15px 0 15px 0; } #content .pagination ul, #content .pagination ul li { margin: 0; padding: 0; list-style: none; display: inline; list-style-image: none; font-weight: bold; color: #0066a5; } #content .pagination ul li { padding: 0 1px 0 1px; } #content .pagination ul li a { padding: 1px 3px 1px 3px; background: #fff; color: #0066a5; border: 1px solid #fff; text-decoration: none; background: transparent url(../images/hdotted-blue.gif) 0 100% no-repeat; } #content .pagination ul li a:hover { background: #818689; color: #fff; text-decoration: none; border: 1px solid #818689; } #content .pagination ul li.label { padding: 0 5px 0 0; font-weight: bold; color: #000; } #content .pagination ul li.current { padding: 2px 4px 2px 4px; background: #818689; color: #fff; } /* news/products listings - add customers; etc */ #content .customertListing, #content .productListing, #content .newsListing { position: relative; } #content .customerListing ul, #content .productListing ul, #content .newsListing ul, #content .customerListing ul li, #content .productListing ul li, #content .newsListing ul li { margin: 0; padding: 0; list-style: none; background-image: none; list-style-image: none; } #content .customerListing ul li, #content .productListing ul li, #content .newsListing ul li { padding: 10px; display: block; line-height: 16px; background: transparent url(../images/green-bg.jpg) 0 0 repeat-y; } #content .productListing td { background-color: #e7ed95; } #content .productListing td.left { background: transparent url(../images/green-bg.gif) 0 0 repeat-y; } #content .productListing td.right { background-color: #fff; } #content .productListing .off { background-color: #fff; } #content .productListing .hilight { background: transparent url(../images/grey-bg.gif) 0 0 repeat-y; } #content .productListing .hilightright { background-color: #c9ced0; } #content .productListing th { display:none; } #content .customerListing ul li.off, #content .productListing ul li.off, #content .newsListing ul li.off { background: #fff; } #content .newsListing ul li strong { display: block; font-weight: normal; color: #4b5457; padding: 0; } #content .newsListing ul li.hilight strong { color: #fff; } #content .customerListing ul li a, /*#content .productListing ul li a,*/ #content .newsListing ul li a { background: transparent url(../images/hdotted-blue.gif) 0 100% repeat-x; color: #0066a5; } #content .customerListing ul li a:hover, /*#content .productListing ul li a:hover,*/ #content .newsListing ul li a:hover { background: transparent url(../images/hsolid-blue.gif) 0 100% repeat-x; color: #0066a5; } #content .customerListing ul li.hilight, #content .productListing ul li.hilight, #content .newsListing ul li.hilight { background: #818689; } #content .customerListing ul li.hilight a, #content .productListing ul li.hilight a, #content .newsListing ul li.hilight a { background: transparent url(../images/hdotted-white.gif) 0 100% repeat-x; color: #fff; } #content .customerListing ul li.hilight a:hover, /*#content .productListing ul li.hilight a:hover,*/ #content .newsListing ul li.hilight a:hover { background: transparent url(../images/hsolid-white.gif) 0 100% repeat-x; color: #fff; } #content .body .productListing .off a, #ourClients #wrapper #content .body .productListing .left a {background: none; } /* careers listing */ #content .careersListing { position: relative; padding: 10px 0 10px 0; } #content .careersListing dl, #content .careersListing dl dt, #content .careersListing dl dd { padding: 0; margin: 0; color: #0066a5; } #content .careersListing dl { margin: 10px 0 10px 0; background: transparent url(../images/hdotted-black.gif) 0 106px repeat-x; } #content .careersListing dl dt { color: #000; font-size: 1.2em; font-weight: bold; line-height: 28px; background: #eef3b8; padding-left: 10px; } #content .careersListing dl dd { padding-top: 4px; line-height: 14px; } #content .careersListing dl dd strong { color: #000; padding-left: 5px; font-weight: normal; } #content .careersListing dl dd p { margin: 0; padding: 0 10px 8px 10px; color: #000; line-height: 1.3em; } #content .careersListing dl dd em { font-weight: bold; padding-left: 10px; font-style: normal; } #content .careersListing dl dd span { display: block; padding: 10px 0 0 10px; font-weight: bold; } #content .careersListing dl dd a { display: block; background: #a7cae0 url(../images/local-menu-bullet.gif) 10px 50% no-repeat; line-height: 25px; padding: 6px 0 6px 25px; color: #0066a5; font-weight: bold; text-decoration: none; } #content .careersListing dl dd a:hover { text-decoration: none; } #content .careersListing dl dd a span { padding: 0; display: inline; background: transparent url(../images/hdotted-blue.gif) 0 100% repeat-x; } #content .careersListing dl dd a:hover span { background: transparent url(../images/hsolid-blue.gif) 0 100% repeat-x; } #content .careersListing dl dd p a { padding: 0; display: inline; font-weight: normal; background: transparent url(../images/hdotted-blue.gif) 0 100% repeat-x; } #content .careersListing dl dd p a:hover { background: transparent url(../images/hsolid-blue.gif) 0 100% repeat-x; } #content .careersListing dl dd p strong { font-weight: bold; padding: 0; } #content .careersListing dl dd p em { font-weight: normal; font-style: italic; padding: 0; } /* contact form */ #content .contactForm { position: relative; margin: 0; padding: 10px; } #content .contactForm div { background: transparent url(../images/green-bg.jpg) 0 0 repeat-y; padding: 3px 0 1px 0; } #content .contactForm fieldset { padding: 0; margin: 0; border: 0; } #content .contactForm label { color: #4b5457; display: block; clear: left; float: left; width: 140px; font-weight: bold; padding: 2px 0 4px 10px; } #content .contactForm .captcha { display: block; width: 400px; background-image: none; } #content .contactForm .captcha img { border: 1px solid #888; } #content .contactForm .captcha input { margin-left: 150px; width: 100px; } #content .contactForm .captcha span { padding-left:150px; display: block; font-size: 0.9em; color: #444; } #content .contactForm label span { color: #0066a5; font-weight: bold; } #content .contactForm textarea, #content .contactForm input { margin: 2px 0 4px 0; width: 400px; } #content .contactForm .checkboxes { float: left; width: 400px; padding: 2px 0 4px 0; } #content .contactForm .checkboxes span { width: 45%; float: left; } #content .contactForm .checkboxes span input { margin: 0 5px 0 0; } #content .contactForm input#submit { width: auto; } #contact #content .body address { font-style: normal; margin: 10px; } #contact #content .body address strong { color: #0066a5; } #contact #content .body .map { position: relative; width: 584px; height: 450px; border: 10px solid #c3d432; margin: 0 0 10px 0; } #contact #content .body .map img { width: 584px; height: 450px; } /* search results */ #results { position: relative; } #results p { font-size: 1.0em; padding: 0 10px 0 15px; margin: 0 0 20px 0; background: #fff url(../images/glossary-bullet.gif) 0 6px no-repeat; } #results p em { color: #000; font-style: normal; font-weight: bold;} #results p strong { font-weight: normal; background-color: #eef3b8; padding: 0 2px 0 2px; } #results p a { color: #000; font-weight: bold; font-size: 1.1em; } #results p span { display: block; color: #4b5457; font-size: 1.1em; } #resultReport { text-align:left; padding:0 10px 0 10px; font-weight: bold; margin: 0 0 10px 0; } #commonReport { padding: 0 10px 0 10px; margin: 0 0 10px 0; text-align:left; color: #444; } #resultsDYM { font-size: 1.1em; text-align: left; margin:10px; } /* sitemap styles */ #content .sitemap { position: relative; } #content .sitemap ul li { list-style-image: url(../images/next.gif); line-height: 18px; } #content .sitemap ul li ul li { list-style-image: url(../images/glossary-bullet.gif); } #content .sitemap ul li a { color: #0066a5; text-decoration: none; font-size: 1.1em; font-weight: bold;} #content .sitemap ul li ul li a { font-size: 1.0em; font-weight: normal; } #content .sitemap ul li a:hover { } /* error message */ #content .error { margin: 10px 15px 10px 15px; padding: 10px 5px 10px 35px; background: #fee url(../images/error.gif) 10px 10px no-repeat; line-height: 20px; color: #922; font-weight: bold; } /* success message */ #content .success { margin: 10px 15px 10px 15px; padding: 10px 5px 10px 35px; background: #dfa url(../images/success.gif) 10px 10px no-repeat; line-height: 20px; color: #292; font-weight: bold; } /* footer styles */ #footer { position: relative; padding: 0 0 15px 0; background: transparent url(../images/footer-bg.gif) 0 100% no-repeat; } #footer .top { position: relative; display: block; height: 25px; width: 980px; padding: 0 0 5px 0; background: transparent url(../images/footer-top.gif) 0 0 no-repeat;} #footer img { /* position: absolute; top: 25px; right: 10px; */ /* -- Old Style commented on 30.09.2009 by INT Designer -- */ /* ---------------------------------------------------- New Style written by INT Designer on 30.09.2009 (START) ---------------------------------------------------- */ float:right; margin:-5px 10px 0 0; padding:0; border:0; /* -------------------------------------------------- New Style written by INT Designer on 30.09.2009 (END) -------------------------------------------------- */ } #footer ul, #footer ul li { margin: 0; padding: 0; list-style: none; } #footer ul { padding-left: 10px; } #footer ul li { display: inline; border-right: 1px solid #000; font-size: 0.9em; } #footer ul li.last { border-right: none; } #footer ul li span, #footer ul li a { color: #000; padding: 0 5px 0 3px; text-decoration: none; background-image: none; } #footer ul li a:hover { text-decoration: underline; } #footer ul.bottom li span, #footer ul.bottom li a { color: #000; } #footer ul.bottom li { border-right-color: #000; } /* Client area styles */ #clientArea #content table { padding: 0; margin: 0; } #clientArea #content table tr th, #clientArea #content table tr td { width: 205px; padding: 10px; vertical-align: top; border-left: 30px solid #fff; border-right: 30px solid #fff; } #clientArea #content table tr th { color: #fff; font-size: 15px; border-bottom: 1px solid #fff; background-position: 0 0; background-repeat: repeat-y; } #clientArea #content table tr td { background-position: 0 100%; background-repeat: repeat-y; border-bottom: 15px solid #fff; } #clientArea #content table tr td ul { margin: 0 0 5px 0; padding: 0 0 0 20px; } #clientArea #content table tr td ul li { list-style-image: url(../images/glossary-bullet.gif); } #clientArea #content table tr td ul li a { font-weight: bold; } /* heading styles */ #clientArea #content table tr th.blue { background-image: url(../images/blue-top.gif); } #clientArea #content table tr th.green { background-image: url(../images/green-top.gif); color: #4b5457; } #clientArea #content table tr th.grey { background-image: url(../images/grey-top.gif); color: #fff; } #clientArea #content table tr th.midGreen { background-image: url(../images/mid-green-top.gif); color: #fff; } /* body styles */ /* light blue */ #clientArea #content table tr td.lightBlue { background-image: url(../images/light-blue-bottom.gif); color: #fff; } #clientArea #content table tr td.lightBlue ul li a { color: #fff; background: transparent url(../images/hdotted-white.gif) 0 100% repeat-x; } #clientArea #content table tr td.lightBlue ul li a:hover { background: transparent url(../images/hsolid-white.gif) 0 100% repeat-x; } /* light green */ #clientArea #content table tr td.lightGreen { background-image: url(../images/light-green-bottom.gif); color: #4b5457; } #clientArea #content table tr td.lightGreen ul li a { color: #4b5457; background: transparent url(../images/hdotted-grey.gif) 0 100% repeat-x; } #clientArea #content table tr td.lightGreen ul li a:hover { background: transparent url(../images/hsolid-grey.gif) 0 100% repeat-x; } /* mid grey */ #clientArea #content table tr td.midGrey { background-image: url(../images/mid-grey-bottom.gif); color: #fff; } #clientArea #content table tr td.midGrey ul li a { color: #fff; background: transparent url(../images/hdotted-white.gif) 0 100% repeat-x; } #clientArea #content table tr td.midGrey ul li a:hover { background: transparent url(../images/hsolid-white.gif) 0 100% repeat-x; } /* light green */ #clientArea #content table tr td.lightGreen { background-image: url(../images/light-green-bottom.gif); color: #4b5457; } #clientArea #content table tr td.lightGreen ul li a { color: #4b5457; background: transparent url(../images/hdotted-grey.gif) 0 100% repeat-x; } #clientArea #content table tr td.lightGreen ul li a:hover { background: transparent url(../images/hsolid-grey.gif) 0 100% repeat-x; } /* dark grey */ #clientArea #content table tr td.darkGrey { background-image: url(../images/dark-grey-bottom.gif); color: #fff; } #clientArea #content table tr td.darkGrey ul li a { color: #fff; background: transparent url(../images/hdotted-white.gif) 0 100% repeat-x; } #clientArea #content table tr td.darkGrey ul li a:hover { background: transparent url(../images/hsolid-white.gif) 0 100% repeat-x; } /* light grey */ #clientArea #content table tr td.lightGrey { background-image: url(../images/light-grey-bottom.gif); color: #4b5457; } #clientArea #content table tr td.lightGrey ul li a { color: #4b5457; background: transparent url(../images/hdotted-grey.gif) 0 100% repeat-x; } #clientArea #content table tr td.lightGrey ul li a:hover { background: transparent url(../images/hsolid-grey.gif) 0 100% repeat-x; } /* client login */ #clientArea #content table.customers a { background-image: none; } #clientArea #content table.customers td { text-align: center; vertical-align: middle; } #content table tr td p { padding: 0; margin: 0; } #ourClients #wrapper #content .body .productListing .logoContainer { width: 200px; min-height: 130px; height:auto !important; height: 160px; float: left; } #ourClients #wrapper #content .body .productListing .logoContainer a { border: none; background:none; } /*--------- Css addon 17/06/2010-------------*/ .inbody{ height:100%; overflow:hidden; padding:0 10px; } .bodyLeft{ float:left; width:773px; height:100%; position:relative; } .bodyRight{ float:right; width:179px; height:100%; overflow:hidden; } .midinbody{ background:url(../images/home-bg.gif) no-repeat 0 100%; height:100%; overflow:hidden; margin-bottom:20px; }