/* ********************* Practice Management CSS base file -- (Update the last version, leave v1.0 as is) Version: 1.4 Date: March 18 - 2009 61Author: Ricardo Zea ********************* Version: 1.5 Date: April 29 - 2009 Author: Ricardo Zea ********************* */ /* @import url("http://www.lexisnexis.com/css/lexisBase.css"); @import url("http://www.lexisnexis.com/css/drop-down-menu.css"); */ #general-container-pm { font-size:1.2em; } p { line-height:18px; } img { -ms-interpolation-mode:bicubic; } /*IE fix to properly render scaled down images*/ /*===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== --->> REUSABLE & GENERAL RULES ========== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== */ .bold-black-font { font-weight:bold; color:#000; } .clear { clear:both; } .float-left { float:left; } .float-right { float:right; } .centered { margin:auto; } .text-align-center { text-align:center; } .no-border { border:none; } .red-font { color:#903; } .red-font-bold { color:#903; font-weight:bold; } button { border:#903 1px solid; color:#903; font-weight:bold; font-size:.85em; padding:2px 4px; background:url(/images/support/bg-gradient-buttons.gif) top left #E5E6E6; } button:hover { background:#fff; cursor:pointer; } /*===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== --->> WIDTH OF ALL MAIN CONTAINERS ========== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== */ #header-pm, #general-container-pm, div.homePageBody, div.siteFooter { width:990px; } /*===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== --->>HEADER ========== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== */ /*===== Country name side bars =====*/ .countryName span { text-align:center; font-weight:bold; font-size:1em; padding:5px; } .countryName span a, .countryName span a:visited { text-align:center; font-size:1.4em; padding:1px 0 1px 0; color:#c03; } .countryName span a:hover { color:#c03; text-decoration:underline; } #country-title span { background:#fff; } #country-title a, #country-title a:visited, #country-title a:hover { padding:0 5px; } div.header-identifier { float:left; font-size:1.4em; font-weight:bold; margin:auto 10px; color:#333; } div.logoSection img { border:none; } /*===== Search field area at the top right =====*/ input.search-buttons { border:#666 1px solid; font-size:1em; color:#000; height:21px; background: url(/images/support/bg-gradient-small.gif) bottom repeat-x #fff; } * html input.search-buttons { height:20px; } input.search-buttons:hover { background:#ddd; cursor:pointer; } div.topSiteNavigation { width:500px; margin-top:5px; } #IEroot .topSiteNavigation { width:auto; margin-top:0; } div.topSiteNavigation ul { float:right; white-space:nowrap; margin:0 10px 0 0 } div.topSiteNavigation #search-box { float:right; width:auto; } div.topSiteNavigation #search-box input, div.right-module input.search-text { font-size:1em; color:#333; padding:4px 3px 2px; margin-right:2px; border-top: #666 1px solid; border-right: #666 1px solid; border-bottom: #ccc 1px solid; border-left: #ccc 1px solid; } #IEroot div.topSiteNavigation #search-box input { padding:2px 3px; } div.topSiteNavigation #search-box input.search-text { width:120px; } div.topSiteNavigation #search-box input.search-buttons { padding:0 5px; border:#666 1px solid; } div.topSiteNavigation #search-box input:focus, div.right-module input.search-text:focus { background:#f7f7f7; } /*===== Drop down menu/select at the top right =====*/ select.top-nav-drop-down { font-size: 10px; padding:2px; padding-top:0; } #sign-on-box a, #sign-on-box a:visited { background:url(/images/support/bg-gradient-red.gif) repeat-x top #903; } #sign-on-box a:hover { background:#c03; cursor:pointer; } * html #top-navbar-container #sign-on-box a, * html #top-navbar-container #sign-on-box a:visited, * html #top-navbar-container #sign-on-box a:hover { padding-top:7px; } #IEroot #header-pm form { height:0; } #sign-on-box img { border:none; vertical-align:middle; margin-left:2px; } /*===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== --->>RED BOX ON THE RIGHT ========== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== */ /*===== Opening DIV when rolling over red box =====*/ #top-navbar-container #content-sign-on-box { position:absolute; top:4px; /*left:-144px;*/} #IEroot6 #top-navbar-container #content-sign-on-box { top:-3px; left:-200px; } /* Class for Safari 3.x.*/ body:first-of-type #top-navbar-container #content-sign-on-box { position:absolute; top:-22px; left:-85px; } /*===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== --->>TOP BANNER ========== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== */ #top-banner-area { padding-bottom:2px; width:990px; background:url(/images/support/1x3-dots.gif) left bottom repeat-x; } #top-banner-area-store { padding-bottom:0; background:url(/images/support/1x3-dots.gif) left bottom repeat-x; } #top-banner-hp { width:720px; height:145px; float:left; background:url(/images/support/top-banner-hp.jpg) no-repeat; } #top-banner { width:730px; height:87px; float:left; background:url(/images/support/top-banner-pm.jpg) no-repeat; } /*===== Image area =====*/ #top-banner-hp h1 { display:block; padding:60px 0 0 55px; font-size:2.2em; font-weight:normal; color:#fff; margin-left:0; } #top-banner-hp p { padding-left:56px; margin:0; color:#fff; font-size:1.05em; } #top-banner h1 { padding:27px 0 0 99px; font-size:2.2em; font-weight:normal; color:#fff; margin-left:0; } #top-banner p { padding-left:100px; color:#fff; font-size:.9em; } /*===== Name inside the banner =====*/ #top-banner-area #top-banner-product { width:519px; height:79px; margin-left:1px; padding:0; float:left; line-height:18px; background:url(/images/support/top-banner-product.jpg) no-repeat; } #top-banner-area #top-banner-product span { display:block; padding:27px 0 0 40px; font-size:1.4em; font-weight:normal; color:#fff; } #top-banner-area #top-banner-product p { padding:0 0 0 38px; margin:0; color:#fff; font-size:2em; } #top-banner-area #top-banner-product-documentation { width:519px; height:79px; margin-left:1px; padding:0; float:left; line-height:18px; background:url(/images/support/document-automation-banner.jpg) no-repeat; background-position:-73px -32px} #top-banner-area #top-banner-product-documentation span { display:block; padding:27px 0 0 40px; font-size:1.4em; font-weight:normal; color:#fff; } #top-banner-area #top-banner-product-documentation p { padding:0 0 0 38px; margin:0; color:#fff; font-size:2em; } #top-banner-area #top-banner-product-knowledge { width:519px; height:79px; margin-left:1px; padding:0; float:left; line-height:18px; background:url(/images/support/knowledge-management-banner.jpg) no-repeat; background-position:-73px -32px} #top-banner-area #top-banner-product-knowledge span { display:block; padding:27px 0 0 40px; font-size:1.4em; font-weight:normal; color:#fff; } #top-banner-area #top-banner-product-knowledge p { padding:0 0 0 38px; margin:0; color:#fff; font-size:2em; } #top-banner-area #top-banner-task { width:519px; padding:0; height:79px; margin:0 0 0 1px; float:left; background:url(/images/support/top-banner-task.jpg) no-repeat; border:0; } #top-banner-area #top-banner-task h2.one-line { padding:30px 0 0 40px; font-weight:normal; font-size:1.8em; line-height:23px; color:#fff; width:290px; } #top-banner-area #top-banner-task h2.two-lines { padding:20px 0 0 40px; font-weight:normal; font-size:1.8em; line-height:23px; color:#fff; width:290px; } #top-banner-area #left-content-top-banner-product { float:left; width:180px; padding:20px 10px 0 20px; } #top-banner-area #left-content-top-banner-product span { font-size:1.2em; font-weight:bold; color:#9eaa00; } #top-banner-area #left-content-top-banner-product p { color:#333; font-size:1em; line-height:13px; margin:0; } /*===========Added on 20th Aug 2009 By Prashant===========*/ #top-banner-area #left-content-top-banner-product { float:left; width:180px; padding:20px 10px 0 20px; } #top-banner-area #left-content-top-banner-product span { font-size:1.2em; font-weight:bold; color:#9eaa00; } #top-banner-area #left-content-top-banner-product p { color:#333; font-size:1em; line-height:13px; margin:0; } /*========================================================*/ #top-banner-area #top-banner-area-bottomline { width:990px; height:3px; padding:0; background: url(/images/support/1x3-dots.gif) bottom repeat-x #fff; } /*===== Right content area (Did You Know?/Product Feature) =====*/ #right-content-top-banner-hp { float:right; padding:10px; width:250px; height:125px; background:url(/images/support/2x2-dots.gif) -1px repeat-y #fff; } #right-content-top-banner { float:right; padding:10px; width:240px; height:66px; background:url(/images/support/2x2-dots.gif) -1px repeat-y #fff; } #right-content-top-banner p { line-height:15px; } #rightBannerArea { float:left; margin:2px 0 0 25px; background: url(/images/support/bg-shaded-module-top.gif) left top no-repeat; width:210px} #rightBannerArea h3 { background: url(/images/support/icon-request-info.gif) 10px center no-repeat; font-size:1em; font-weight:bold; color:#333; height:21px; padding:6px 0 0 43px } #rightBannerArea .middle-shadow { font-size:0.9em; background:url(/images/support/bg-shaded-module-middle.gif) left top repeat-y; } #rightBannerArea .bottom-shadow { background:url(/images/support/banner_drop_shadow.gif) left bottom no-repeat; height:5px; font-size:1px} #rightBannerArea p { padding:0 0 2px 10px; } #rightBannerArea span { font-weight:bold; color:#903; } #rightBannerArea a, #rightBannerArea a:visited { color:#666; text-decoration:none; font-size:0.9em} #rightBannerArea a:hover { color:#903; text-decoration:underline; } #right-content-top-banner-hp #product-feature { width:190px; height:115px; margin:auto; padding:0 10px 10px; text-align:center; background:url(/images/support/bg-product-feature.gif) center center no-repeat; } #right-content-top-banner-hp #product-feature h2 { text-align:center; font-weight:bold; font-size:1em; padding:10px 0 0; margin-bottom:12px; } #right-content-top-banner-hp #product-feature img { /*margin:0 15px 0 50px;*/ margin-bottom:2px; } #right-content-top-banner-hp #product-feature p { font-size:.9em; line-height:15px; display:block; margin:0 0 5px; padding-bottom:3px; } #right-content-top-banner-hp #product-feature a, #right-content-top-banner-hp #product-feature a:visited { display:block; padding-top:5px; font-size:.9em; color:#903; text-decoration:underline; border-top:#ccc 1px solid; } #right-content-top-banner-hp #product-feature a:hover { color:#666; text-decoration:none; border-top:#ccc 1px solid; } #right-content-top-banner h2, #right-content-top-banner-hp h2 { padding:0; width:auto; height:auto; padding-bottom:7px; color:#666; } #right-content-top-banner p, #right-content-top-banner-hp p { font-size:.85em; } div.inside-link { font-size:.9em; font-weight:bold; margin:0 0 15px 2px; } div.inside-link a, div.inside-link a:visited { color:#903; text-decoration:underline; font-size:1em; font-weight:normal; } div.inside-link a:hover { text-decoration:none; color:#666; } div.right-module-top { width:210px; margin:0 auto; padding:10px 0 0; } /*===== 'Law Firms' page top banner =====*/ #top-banner-lawfirms-homepage { width:940px; height:90px; margin:0; padding:70px 0 0 60px; float:left; line-height:16px; background:url(/images/support/site_banner_total_practice.jpg) no-repeat; } #top-banner-lawfirms-homepage span { display:block; padding:0; margin:0; margin-bottom:15px; font-size:3em; font-weight:normal; color:#fff; } #top-banner-lawfirms-homepage p { padding:0; margin:0; color:#fff; font-size:0.9em; } /*===== 'Practice Management' page top banner =====*/ #top-banner-pm-homepage { width:940px; height:90px; margin:0; padding:70px 0 0 60px; float:left; line-height:16px; background:url(/images/support/main-pm-header.jpg) no-repeat; } #top-banner-pm-homepage span { display:block; padding:0; margin:0; margin-bottom:15px; font-size:3em; font-weight:normal; color:#fff; } #top-banner-pm-homepage p { padding:0; margin:0; color:#fff; font-size:0.9em; } /*===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== --->>BREADCRUMBS & E-MAIL/PRINT THIS PAGE AREA ========== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== */ #breadcrumbs-area { height:24px; padding:5px 0 0 15px; font-weight:bold; background: url(/images/support/1x3-dots.gif) bottom repeat-x #fff; } #breadcrumbs-area.no-background { background:none; } /*===== Breadcrumbs & Email/Print This Page =====*/ #breadcrumbs ul, #email-print-page ul { list-style-type:none; margin:0; padding:0; } #breadcrumbs ul li, #email-print-page ul li { display:inline; font-size:.8em; } /*===== Breadcrumbs =====*/ #breadcrumbs { float:left; } #breadcrumbs ul li { background:none; } #breadcrumbs ul li a, #breadcrumbs ul li a:visited { font-weight:normal; font-size:1em; color:#666; margin-right:3px; padding-right:10px; background:url(/images/support/arrow-red-small.gif) right 5px no-repeat; } #breadcrumbs ul li a:hover { color:#c03; text-decoration:underline; } * html #breadcrumbs { width:700px; } /*===== Email and Print this page area =====*/ #email-print-page { float:right; margin-right:30px; } #email-print-page ul li a, #email-print-page ul li a:visited { font-size:1em; font-weight:normal; color:#5A889E; } #email-print-page ul li a:hover { text-decoration:none; color:#486C7E; } #email-print-page img { padding:0 5px 0 10px; border:none; } * html #email-print-page { margin-right:15px; } /*===== Breadcrumbs in the Law Firms landing page =====*/ div.segmentPodBig #breadcrumbs-area ul li { font-size:1em; padding-left:5px; } * html div.segmentPodBig #breadcrumbs-area ul li { padding:0; } div.segmentPodBig #breadcrumbs-area ul li a { margin:0; } /*===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== --->>PRACTICE MANAGEMENT HOME PAGE (hp = Home Page) ========== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== */ /*===== Home Page =====*/ div.dotted-wrapper { width:702px; } #center-hp { width:706px; padding-left:15px; float:left; } #center-hp p { line-height:normal; } #center h1 { color:#666; font-weight:bold; font-size:1.6em; margin-bottom:15px; } #right-side-hp { float:left;} /*#right-side-hp { position: relative; left: 722px;}*/ html>body #right-side-hp { width:259px; } .imgDiv { margin-bottom:10px; } /*===== Dotted wrapper area =====*/ div.dotted-wrapper { width:702px; } div.top-dotted-wrapper { width:702px; height:11px; background:url(/images/support/bg-dooted-round-corners-top.gif) no-repeat; } div.content-dotted-wrapper { padding:0 1px; background: url(/images/support/3x1-vertical-dots.gif); } div.inner-content-dotted-wrapper { padding:0 19px; height:1%; background: url(/images/support/bg-separating-lines-hp.png) center center no-repeat #fff; } div.bottom-dotted-wrapper { width:702px; height:11px; margin-bottom:15px; background:url(/images/support/bg-dooted-round-corners-bottom.gif) no-repeat; } * html div.inner-content-dotted-wrapper { margin-top:-5px; } /*============================================================================================================================ -->> SPECIALIZED LAW - LANDING PAGE =============================================================================================================================*/ #specialized-homepage { float:left; width:450px; border-right:#bcbcbc 1px solid; background:url(/images/support/bg-separating-lines-hp.png) -207px -170px no-repeat; } div.inner-content-dotted-wrapper h2.law-firms-main-title { margin:0; padding:5px 0 15px 15px; color:#CC0033; font-size:1.3em; font-weight:bold; width:645px; background:#fff; } div.inner-content-dotted-wrapper p.law-firms-main-title { margin:0; padding:5px 0 15px 15px; color:#000000; font-size:1em; width:645px; background:#fff; } /*===== Inner boxes (4 boxes) =====*/ div.inner-box { width:202px; min-height:180px; height:auto !important/*IE6*/; height:180px/*IE6*/; padding-left:16px; float:left; margin-bottom:20px; } div.inner-box p{margin:0; padding:0 0 5px 0;} div.inner-box img { padding:5px; margin-bottom:5px; border:#666 1px dotted; } div.inner-box h3 { font-size:1.1em; font-weight:normal; color:#000; margin:0 0 5px; } div.inner-box ul { margin:0; padding:0 5px 0 0; list-style-type:none; } div.inner-box ul li { padding-left:5px; background: url(/images/support/arrow-red-small.gif) left 6px no-repeat; } div.inner-box ul li a, div.inner-box ul li a:visited { font-size:.9em; color:#666; text-decoration:none; display:block; } div.inner-box ul li a:hover { color:#c03; text-decoration:underline; background:#f7f7f7; } div.inner-content-dotted-wrapper span { width:13px; height:13px; float:left; position: absolute; z-index:10; top:460px; background:#fff; } div.inner-box h3.no-margin-top { margin-top:0; } * html div.inner-box img { border: #999 1px solid; } * html div.inner-box ul li a { height:0; } * html div.inner-box ul li a:visited { height:0; } * html div.inner-box ul li a:hover { height:0; } #IEroot div.inner-content-dotted-wrapper span { top:466px; } /*===== Three Boxes below the six boxes =====*/ div.bottom-green-box { width:272px; } div.bottom-green-box div.green-box-top { width:272px; height:15px; background:url(/images/support/bg-green-module-top.gif) no-repeat; } div.bottom-green-box div.green-box-middle { width:242px; padding:0 15px; background:url(/images/support/bg-green-module-middle.gif) repeat-y; } div.bottom-green-box div.green-box-bottom { width:272px; height:15px; background:url(/images/support/bg-green-module-bottom.gif) no-repeat; } div.bottom-green-box div.green-box-middle p { font-size:.85em; margin:0; } div.bottom-green-box div.green-box-middle img { margin-left:5px; } div.bottom-green-box div.green-box-middle img.border-paperless { border:#8DA32B 1px solid; } div.bottom-green-box div.green-box-middle a, div.bottom-green-box div.green-box-middle a:visited { font-size:1em; color:#c03; text-decoration:underline; display:block; } div.bottom-green-box div.green-box-middle a:hover { text-decoration:none; } /*=== ====*/ div.bottom-box-1 { width:281px; padding:0 10px; padding-right:5px; margin:0; background:#f1f1f1} div.bottom-box-1 .container { padding:20px 0 15px 0; margin:0; } div.bottom-box-1 .container .colOne { width:126px; margin:0; margin-right:10px; padding:0; } div.bottom-box-1 .container .colOne h3 { display:block; height:16px; margin:5px 0; background:url(/images/support/icon-camera-video.gif) no-repeat; padding-left:21px;} div.bottom-box-1 .container .colOne h3 span { margin-left:20px; color:#af9417; font-size:1em; font-weight:600; } div.bottom-box-1 .container .colOne p { padding-top:5px; margin:0; font-size:.85em; line-height:13px; } div.bottom-box-1 .container .colTwo { width:145px; margin-top:5px; font-size:.85em; } div.bottom-box-2 { width:166px; height:149px; padding:15px; margin-left:15px;border:#ccc 1px solid; background: #f1f1f1} div.bottom-box-2 span.green { color:#9EAA00; font-size:1.1em; font-weight:bold; } div.bottom-box-2 span.date { color:#c03; font-size:1em; } div.bottom-box-2 h3 { display:block; height:55px; margin:5px 0; background: url(/images/support/title-financial-management.gif) no-repeat; } div.bottom-box-2 h3 span { display:none; } div.bottom-box-2 p { font-size:.85em; margin:0; } div.bottom-box-2 a, div.bottom-box-2 a:visited { font-size:1em; color:#c03; text-decoration:underline; display:block; } div.bottom-box-2 a:hover { text-decoration:none; } div.bottom-box-3 { width:160px; padding:40px 10px 0 30px; margin-top:10px; /*border-right:#ccc 1px solid; */background:url(/images/support/bg-quotes-top.gif) 10px top no-repeat #fff; } div.bottom-box-3 p { color:/*#9EAA00*/ #CC0033; margin:0; } div.bottom-box-3 p.author-quotes { display:block; position:relative; min-height:50px; height:auto !important; height:50px; font-size:.85em; color:#666; margin-top:5px; padding-right:40px; background:url(/images/support/bg-quotes-bottom.gif) right bottom no-repeat #fff; } /*===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== --->>WEBSITE CONTENT AREA ========== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== */ #center { float: left; width:519px; border-right:#E4E4E4 1px solid; border-left:#E4E4E4 1px solid; background:#F9F9F9; } #center-resource { width:519px; border-right:#E4E4E4 1px solid; border-left:#E4E4E4 1px solid; float: left; background:#F9F9F9; } #content-area { margin:0; padding:0; } #body-content-divider { width:990px; float:left; padding:0; background:url(/images/support/body-container-bg.gif) repeat-y #; } #left-side-hp { width:210px; float:left; padding:0 0 15px 0; } .left-panel-top-outer { width:174px; padding:0 18px 15px 18px; } .left-panel-bottom-outer { width:178px; margin:auto; } .left-panel-top { font-size:11px; width:167px; background-image:url(/images/support/letpanel-dot-bg.gif); background-repeat:repeat-y; padding:0 1px 0 5px; margin:0 18px 15px 18px; } .left-panel-top .left-nav { width:167px; padding:0; } .left-panel-top .left-nav h2 { color:#fff;font-size:11px;font-weight:normal;background-color:#903;padding:5px 4px; } .left-panel-top .left-nav ul { padding:0; margin:0; list-style-type:none; } .left-panel-top .left-nav ul li { padding:0 0 1px 0; margin:0;background-image:url(/images/support/leftpanel-dot-spacer.gif); background-repeat:repeat-x; background-position:bottom; } .left-panel-top .left-nav ul li a, .left-panel-top .left-nav ul li a:visited { color:#c03;font:11px Arial;font-weight:bold; width:159px; padding:6px 4px 6px 4px;display:block;margin:0; } .left-panel-top .left-nav ul li a:hover { text-decoration:none;background:#990033;color:#fff; } .left-panel-top .left-nav ul li a.selected { text-decoration:none;background:#990033;color:#fff; } .left-panel-top .left-nav ul.sub-nav { padding:3px 0 0 0; margin:0; list-style-type:none; } .left-panel-top .left-nav ul.sub-nav li { background:url(/images/support/left-nav-bullet.gif) 5px 5px no-repeat; padding:0 0 3px 0; margin:0; } .left-panel-top .left-nav ul.sub-nav li a, .left-panel-top .left-nav ul.sub-nav li a:visited{ font-weight:normal; color:#666; text-decoration:none; width:153px; display:block; margin:0; padding:0 0 0 14px; } .left-panel-top .left-nav ul.sub-nav li a:hover { background:none; text-decoration:underline; color:#c03; } .left-panel-top .left-nav ul.sub-nav li a.active { font-weight:bold; } .module-box { width:180px; display:block; padding:0 15px 8px 15px; background:url(/images/support/white_bg_bottom.gif) 13px bottom no-repeat; } .module-box h3 { background:url(/images/support/dark_grey_top.jpg) left top repeat-y; color:#333; font-weight:normal; font-size:1.3em; padding:7px 0 6px 10px} .module-box .module-box-top { width:180px; float:left; background-color:#f1f1f1; } .module-box .module-box-top h1 { color:#333; font-size:13px; font-weight:bold;padding:5px 6px; height:14px; } .module-box .module-box-middle { background-image:url(/images/support/module-box-middle-bg.gif); background-repeat:repeat-y; padding:13px 20px 5px 20px; } .module-box .module-box-middle img { margin-right:5px; } .module-box .module-box-middle p { display:block; font-size:medium; padding-top:10px; font-weight:bold} .module-box .module-box-middle a, .module-box .module-box-middle a:visited { font-size:1em; color:#c03; text-decoration:underline} .module-box .module-box-middle a:hover { text-decoration:none; color:#666; } .left-bottom-content { float:none; width:175px; margin:5px auto; padding:10px 0; font-weight:bold; font-size:.8em; border-bottom:#ccc 1px solid; } .left-bottom-content p { margin:0; padding:0; line-height:normal; } .left-bottom-content a, .left-bottom-content a:visited { color:#c03; text-decoration:underline; font-size:1em; font-weight:normal; } .left-bottom-content a:hover { color:#666; text-decoration:none; } /*===== Newsletters box =====*/ div.newsletter-box { width:175px; min-height:130px; height:auto !important; height:130px; margin:5px auto; padding:10px 0; border-bottom:#ccc 1px solid; } div.newsletter-box a img, div.newsletter-box a { border:none; overflow:hidden; float:left; } div.newsletter-box a:hover { border:#c03 2px solid; } div.newsletter-box a:hover img { margin:-2px; } div.newsletter-box p.title { font-weight:bold; font-size:1em; } div.newsletter-box p { margin:0; padding:0 0 5px; font-size:.8em; line-height:normal;} div.newsletter-box a, div.newsletter-box a:visited { color:#c03; text-decoration:underline; font-size:.8em; } div.newsletter-boxt a:hover { color:#666; text-decoration:none; } #topContentLeft { float:left; width:360px; } #topContentLeft h3 { font-size:1.3em; font-weight:normal; color:#333; } #topContentLeft p { font-size:1em; color:#333; } #topContentLeft p a, #topContentLeft p a:visited { color:#c03; text-decoration:underline; font-size:1em; margin-right:15px; } #topContentLeft p a:hover { text-decoration:none; color:#666; } /*=== Top right white & gray container with rounded corners ===*/ #topContentRight { width:151px; float:right; margin:0 0 0 10px; padding:0 5px 0 0; text-align:left; } .addToCart { width:145px; height:24px; margin:0; padding:0 0 5px 5px; border:none; background-repeat:no-repeat; background-position:left top; } #topContentRight #rightUtilityBox { width:156px; margin:0; padding:0; } #topContentRight #rightUtilityBox ul.white { width:131px; margin:0; padding:0 5px 5px 15px; list-style:none; float:left; background: url(/images/support/rightUtilityBoxWhiteBg.gif) left top repeat-y #fff; } #topContentRight #rightUtilityBox ul.white li { margin:0; padding:0 0 0 10px; line-height:13px; background:url(/images/support/arrow-red-small.gif) no-repeat left 5px; } #topContentRight #rightUtilityBox ul.white li a, #topContentRight #rightUtilityBox ul.white li a:visited { color:#333; text-decoration:none; font-size:.8em; } #topContentRight #rightUtilityBox ul.white li a:hover { color:#c03; text-decoration:underline; } #topContentRight #rightUtilityBox ul.grey { width:131px; margin:0; padding:5px 5px 0 15px; list-style:none; float:left; background: url(/images/support/rightUtilityBoxGreyBg.gif) left top repeat-y #fff; } #topContentRight #rightUtilityBox ul.grey li { margin:0; padding:0 0 0 10px; line-height:13px; background-image:url(/images/support/arrow-red-small.gif); background-repeat:no-repeat; background-position: left 5px; } #topContentRight #rightUtilityBox ul.grey li a, #topContentRight #rightUtilityBox ul.grey li a:visited { color:#fff; text-decoration:none; font-size:.8em; } #topContentRight #rightUtilityBox ul.grey li a:hover { color:#c03; text-decoration:underline; } #topContentRight > #rightUtilityBox ul.white li a, #topContentRight > #rightUtilityBox ul.white li a:visited, #topContentRight > #rightUtilityBox ul.grey li a, #topContentRight > #rightUtilityBox ul.grey li a:visited { display:block; } /*IE6 can't read this*/ #topContentRight #rightUtilityBox .rightUtilityBoxTop { width:156px;margin:0; padding:0; float:left; background: url(/images/support/rightUtilityBoxTopBg.gif) left no-repeat ; } #topContentRight #rightUtilityBox .rightUtilityBoxBottom { width:156px; margin:0; padding:0; float:left; background: url(/images/support/rightUtilityBoxBottomBg.gif) left top no-repeat #fff; } /*=== Main body content before the bottom rounded corners gray area ===*/ #center #topContentInline { padding:13px 15px 0; background:#fff; } #center #topContentInline p { margin-bottom:0; padding-bottom:10px; } #center #topContentInline h1, #center #topContentInline h2 { font-weight:normal; color:#333; } #center #topContentInline h3, #center #topContentInline h4, #center #topContentInline h5 { font-weight:normal; color:#000; } #center #topContentInline h1 { font-size:1.5em; } #center #topContentInline h2 { font-size:1.4em; } #center #topContentInline h3 { font-size:1.3em; } #center #topContentInline h4 { font-size:1.2em; } #center #topContentInline h5 { font-size:1.1em; } #center #topContentInline h1 sup, #center #topContentInline h2 sup, #center #topContentInline h3 sup, #center #topContentInline h4 sup, #center #topContentInline h5 sup { font-size:.7em; } /*=== Tables ===*/ #center #topContentInline table { border:#ddd 1px solid; font-size:.8em; } #center #topContentInline table sup { position:relative; top:0; } #center #topContentInline table tr td { border:#ccc 1px solid; } #center #topContentInline table tr td { color:#666; } #center #topContentInline table tr td strong { color:#903; } /*=== Links inside the main body area ===*/ #center #topContentInline a, #center #topContentInline a:visited { font-size:1em; color:#c03; text-decoration:underline; } #center #topContentInline a:hover { text-decoration:none; } /*=== 'Buy Now' button ===*/ #center #topContentInline a img.no-border { border:none; overflow:hidden; } #center #topContentInline a:hover img.no-border { border:#903 1px solid; margin:-1px } /*=== List items inside the main body area ===*/ #center #topContentInline ul { margin:0 0 15px 0; padding:0; list-style-type:none; } #center #topContentInline ul li { font-weight: normal; padding-left:10px; line-height:20px; background:url(/images/support/arrow-red-small.gif) left 7px no-repeat; } /*#center #topContentInline ul li strong { font-weight: normal; }*/ #listView { float:left; margin:0 0 20px 10px; border-left:1px solid #E4E4E4; display:block; padding-left:10px; } #listView ul { list-style:none; margin:0; padding:0} #listView ul li { background:url(/images/support/arrow-red-small.gif) left 5px no-repeat; padding:0 0 3px 10px; margin:0} #listView ul li a, #listView ul li a:visited { color:#666; text-decoration:none; font-size:.85em; display:block; } #listView ul li a:hover { text-decoration:underline; color:#c03; } #requestContent { background:url(/images/support/top_gray_cruve.gif) left top no-repeat #F9F9F9; padding:12px 0 10px 0; border-bottom:1px solid #e4e4e4; margin-left:1px; } .requestContentDeatilsLeft { margin:9px 0 0 0; padding:5px 0 0 47px; float:left; background:url(/images/support/icon-requestmore-information.gif) 18px top no-repeat; color:#333; font-size:11px; font-family:Arial, Helvetica, sans-serif; text-decoration:none; } .requestContentDeatilsLeft h3 { color:#333; font-size:medium; font-weight:bold; text-decoration:none; } .requestContentDeatilsLeft p { font-size:11px; text-decoration:none; margin:0; } .requestContentDeatilsLeft p a, .requestContentDeatilsLeft p a:visited { color:#333; font-size:11px; text-decoration:underline; } .requestContentDeatilsLeft p a:hover { text-decoration:none; color:#c03; } /*=== This is the 'Share this' link ===*/ /*.requestContentDeatilsRight { margin:9px 0 0 0; padding:2px 30px 0 20px; float:right; background-image:url(/images/support/icon-facebook.gif); background-repeat:no-repeat; background-position:left top; color:#333; font-size:11px; font-family:Arial, Helvetica, sans-serif; text-decoration:none; } .requestContentDeatilsRight a { color:#c03; font-size:11px; text-decoration:underline; } .requestContentDeatilsRight a:hover { color:#333; text-decoration:none}*/ #solutionsBox { background:#F9F9F9; width:500px; min-height:170px; height:auto !important; height:170px; margin:auto; } #solutionsBox div { float:left; width:237px; background:url(/images/support/white_bottom_curve.gif) left bottom no-repeat; padding:0 0 20px 0; } #solutionsBox div div.gray-pod { margin-bottom:15px; padding:0; background:url(/images/support/white_bg.gif) left top repeat-y; } #solutionsBox h3 { background:url(/images/support/gray_heading_curve.gif) left top no-repeat; height:25px; color:#FFF; font-size:1.2em; padding:7px 0 0 23px; margin-top:15px; font-weight:normal; } #solutionsBox div ul { margin:0; padding:10px 15px 0 22px; list-style:none; background:url(/images/support/white_bg.gif) left top repeat-y; } #solutionsBox div ul li { margin:0; padding:0 0 2px 10px; line-height:normal; color:#333; font-weight:normal; text-decoration:none; background:url(/images/support/arrow-red-small.gif) left 5px no-repeat; } #solutionsBox div ul li a, #solutionsBox div ul li a:visited { color:#666; font-size:.85em; text-decoration:none; } #solutionsBox div ul li a:hover { color:#c03; text-decoration:underline } #solutionsBox div.clear { background:none; clear:both; padding:0; height:1px; } #solutionsBox div.separator { background:#E4E4E4; width:1px; margin:3px 11px 0; min-height:130px; font-size:1px} .shaded-module-middle .zipcode { margin:0; padding:5px 0 0 0; background:#669900 } .shaded-module-middle .zipcode input { width:150px; height:16px; border:1px solid #ccc; font-size:1em; font-weight:normal; color:#666; } .shaded-module-middle .searchSubmit { margin:0; padding:5px 0 0 0; display:block; } #IEroot .shaded-module-middle .searchSubmit { padding:6px 0 0 0; } .shaded-module-middle .searchSubmit input { width:22px; background:url(/images/support/btn_bg.gif) left top repeat-x #e5e7e6; border:1px solid #CCC; font-size:1em; color:#333; padding-bottom:3px; text-align:left; padding-left:2px; } #IEroot .shaded-module-middle .searchSubmit input { padding:0; height:20px; text-align:center; padding-left:3px} .dotted-module-box { width:202px; float:left; padding:0 0 13px 0; } .dotted-module-box .dotted-module-box-top { width:202px; float:left; background-image:url(/images/support/dotted-module-box-top-bg.gif); background-repeat:repeat-x; } .dotted-module-box .dotted-module-box-middle { width:200px;float:left; padding:0 1px; background-image:url(/images/support/dotted-module-box-middle-bg.gif);background-repeat:repeat-y; } .dotted-module-box .dotted-module-box-bottom { width:202px; float:left; background-image:url(/images/support/dotted-module-box-bottom-bg.gif);background-repeat:repeat-x; } .dotted-module-box .dotted-module-box-middle .module-content { font-size:11px; width:184px; padding:9px 8px 0 8px;float:left; } .dotted-module-box .dotted-module-box-middle .module-content a, .dotted-module-box .dotted-module-box-middle .module-content a:visited { font-size:11px;color:#c03; text-decoration:underline; } .dotted-module-box .dotted-module-box-middle .module-content a:hover { color:#000; text-decoration:underline; } .dotted-module-box .dotted-module-box-middle .module-content h2 { color:#903; padding:0; margin:0; font-size:16px; padding-bottom:9px; font-weight:bold; } .dotted-module-box .dotted-module-box-middle .module-content .img { float:left;padding:0 5px 0 0; } .dotted-module-box .dotted-module-box-middle .module-content .module-content-repeat { width:184px;float:left; padding:0 0 10px 0; } .gray-box-module { width:178px;float:left; padding:0 0 0 0;background-image:url(/images/support/gray-box-middle-bg.gif); background-repeat:repeat-y; } .gray-box-module .gray-box-module-top { width:178px; background-image:url(/images/support/gray-box-top.gif); height:10px; background-repeat:no-repeat; } .gray-box-module .gray-box-module-middle { width:154px; background-image:url(/images/support/gray-box-middle-bg.gif); background-repeat:repeat-y; padding:4px 12px; } .gray-box-module .gray-box-module-middle span { color:#333;font-size:1.5em; } .gray-box-module .gray-box-module-middle p { color:#333;font-size:11px; padding:15px 0 0 0; margin:0; } .gray-box-module .gray-box-module-middle p.nopad { color:#333;font-size:11px; padding:0; } .gray-box-module .gray-box-module-middle p .c-link { color:#c03;font-size:11px;text-decoration:underline; padding-right:10px; } .gray-box-module .gray-box-module-middle p .c-link:hover { color:#000; } .gray-box-module .gray-box-module-bottom { width:178px; background-image:url(/images/support/gray-box-bottom.gif); height:10px; background-repeat:no-repeat; } .requestIssue { background-color:#ccc; height:115px; width:200px; padding:7px 5px 5px 15px; } .requestIssue img { border:0} .requestIssue h3 { display:block; font-size:medium; color:#8d8b00; font-weight:bold} .requestIssue p { display:block; font-size:1.3em; color:#fff; font-weight:bold} .requestIssue a, .requestIssue a:visited { font-size:1em; color:#c03; text-decoration:underline} .requestIssue a:hover { color:#c03;} /* end by Chandan-Nitin * /*===== Left content area (Did You Know?/Feature Product) =====*/ #left-content-top-banner-hp { font-family:Arial, Helvetica, sans-serif;float:left; padding:31px 20px 0 36px; width:154px; background:url(/images/support/2x2-dots.gif) -1px repeat-y #fff; } #left-content-top-banner-hp h1 { font-size:15px ;color:#9eaa00; } #left-content-top-banner-hp p { font-size:11px; padding:0; margin:0; } /*===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== --->> STORE ========== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== */ #inner-content-pm { padding:14px 16px 0; background:#fff; } #inner-content-pm p { margin:15px 0; } #lower-content-pm { padding:0 16px; } #left-side { width:209px; float: left; padding-top:14px; } div.top-image-lower-content { width:522px; height:20px; background:url(/images/support/img-top-lower-content.gif) no-repeat; } #right-side { width:257px; float: left; padding-top:14px; } /*===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== --->> LEFT NAVIGATION BAR ========== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== */ /*===== Store link / Drop down menu ===== */ div.view-store-box-outer { /*width:163px;*/ padding:2px; background:#fff; } div.view-store-box { width:157px; background:#ccc; margin:0; padding:5px 3px 8px; } div.view-store-box span { padding:4px 0 2px 22px; color:#c03; font-size:1.1em; font-weight:bold; background:url(/images/support/bullet-store.gif) left center no-repeat; } div.view-store-box .istyle { border:#666 1px solid; padding:2px; color:#666; font-size:.8em; width:153px; margin:4px 0; } div.view-store-box a, div.view-store-box a:visited { font-size:.9em; color:#903; text-decoration:underline; } div.view-store-box a:hover { color:#000; text-decoration:none; } div.dot-spacer { height:1px; line-height:1px; font-size:0; } /*===== Left nav bar container =====*/ #left-nav-bar-container { width:auto; font-size:1em; } /*===== Dotted outline =====*/ #left-nav-bar { width:167px; margin:auto; background:url(/images/support/1x3-dots.gif); padding:0 2px 2px 5px; } /*===== Main