/* Screen style Site: Datacard IDS */ body { font-size: 75%; padding: 19px 0; background: url(/images/bg/body.jpg) repeat-x; } /* Auto clearing floats */ #inner-wrapper:after, #footer .inner:after, .box1 .inner:after, #nav .panel-box-inner:after, #nav .panel .top:after, .tabs-nav:after, .options-left .feature:after, h1.combined:after, p.one-line-form-field:after, .tabs-products .tabs-nav ul:after, .browse-products .top-nav:after, .products-row:after, div.columns2:after, div.columns3:after, .browse-products .top-nav:after, div.balloon div.content:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; } /* Image replacement */ .ir { font-size: 1em; margin: 0; overflow: hidden; position: relative; } .ir span { background-repeat: no-repeat; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1; } .ir a { cursor: pointer; display: block; height: 100%; width: 100%; } /* Wrapper */ #wrapper { width: 956px; margin: 0 auto; background: #fff url(/images/bg/wrapper.gif) right top no-repeat; } /* Header */ #header { height: 83px; position: relative; background: url(/images/bg/header.gif) no-repeat; z-index: 1500; } #header .accessibility { display: none; } #header .branding { width: 197px; height: 48px; position: absolute; top: 19px; left: 36px; } #header .branding span { background-image: url(/images/text/branding.gif); } #header .subtitle { width: 168px; height: 11px; position: absolute; top: 56px; right: 33px; } #header .subtitle span { background-image: url(/images/text/on-demand.gif); } /* Top tools */ #header .top-tools { font-size: 0.92em; position: absolute; right: 22px; top: 18px; } #header .top-tools li { float: left; position: relative; z-index: 1200; } #header .top-tools a { display: block; color: #555; padding: 3px 0; } #header .top-tools a:hover { color: #225B9F; } #header .top-tools a.current { color: #EA9C13; } #header .top-tools #tool1 { margin-left: 11px; } #header .top-tools #tool1 a { background: url(/images/bg/top-tool1.gif) no-repeat; padding: 3px 5px 3px 20px; width: 85px; } #header .top-tools #tool2 { margin-right: 6px; } #header .top-tools #tool2 a { background: url(/images/bg/top-tool2.gif) no-repeat; padding: 3px 5px 3px 21px; width: 81px; } #header .top-tools #country-select { margin-left: 17px; } #header .top-tools #country-select a { background: url(/images/bg/country-select.gif) no-repeat; padding: 3px 5px 3px 21px; width: 62px; } #header .top-tools #tool1.hover a, #header .top-tools #tool2.hover a, #header .top-tools #country-select.hover a { background-position: top right; color: #225B9F; } /* Top tools dropdowns */ #header .top-tools .panel { position: absolute; display: none; z-index: 1000; } #header .top-tools .panel .inner { min-height: 50px; background-color: #fff; } #header .top-tools .panel1 { width: 178px; background: url(/images/bg/top-tools-panel1.gif) bottom no-repeat; padding-bottom: 1px; } #header .top-tools .panel1 .inner { background: url(/images/bg/top-tools-panel1.gif) no-repeat; padding: 12px 20px 8px 9px; } #header .top-tools .panel2 { width: 138px; background: url(/images/bg/top-tools-panel2.gif) bottom no-repeat; padding-bottom: 1px; } #header .top-tools .panel2 .inner { background: url(/images/bg/top-tools-panel2.gif) no-repeat; padding: 12px 20px 8px 20px; } #header .top-tools .panel3 { width: 140px; background: url(/images/bg/top-tools-panel3.gif) bottom no-repeat; padding-bottom: 1px; margin-left: -52px; } #header .top-tools .panel3 .inner { background: url(/images/bg/top-tools-panel3.gif) no-repeat; padding: 12px 10px 8px 12px; } #header .top-tools .panel li { float: none; position: static; margin-bottom: 3px; } #header .top-tools .panel a { display: inline; background: none !important; padding: 0 !important; width: auto !important; } #header .top-tools .panel a:link, #header .top-tools .panel a:visited { color: #225B9F; border-bottom: 1px dotted; } #header .top-tools .panel a:hover, #header .top-tools .panel a:active { color: #EA9C13 !important; border-bottom: none; } #header .top-tools .panel1 ul { margin: 0 0 6px 10px; padding-bottom: 8px; border-bottom: 1px solid #DBDBDB; } #header .top-tools .panel .more { margin: 0; padding: 0; border: none; } #header .top-tools .panel .more li { background: url(/images/bg/arrow1.gif) 0 4px no-repeat; padding-left: 10px; } /* Top bar with navigation and search */ #top-bar { padding: 10px 15px 0 11px; width: 910px; height: 37px; margin: 0 0 14px 12px; background: #0078C9 url(/images/bg/top-bar.gif) no-repeat; color: #fff; } /* Navigation */ #nav { height: 23px; margin: 0; width: 647px; float: left; } #nav li { float: left; position: relative; z-index: 1000; } #nav a { color: #fff; display: block; height: 23px; line-height: 23px; overflow: hidden; position: relative; text-align: center; } #nav a span { background-repeat: no-repeat; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1; cursor: pointer; } #nav a.current span { background-position: 0 -23px; } #nav li.hover a span, #nav #nav02 a:hover span, #nav #nav03 a:hover span, #nav #nav04 a:hover span, #nav #nav05 a:hover span { background-position: left bottom; } #nav #nav01 { margin-right: 7px; } #nav #nav02 { margin-right: 5px; } #nav #nav03 { margin-right: 6px; } #nav #nav04 { margin-right: 4px; } #nav #nav01 a { width: 91px; } #nav #nav02 a { width: 143px; } #nav #nav03 a { width: 100px; } #nav #nav04 a { width: 142px; } #nav #nav05 a { width: 88px; } #nav #nav01 a span { background-image: url(/images/nav/01-uk.gif); } #nav #nav02 a span { background-image: url(/images/nav/02-uk.gif); } #nav #nav03 a span { background-image: url(/images/nav/03-uk.gif); } #nav #nav04 a span { background-image: url(/images/nav/04-uk.gif); } #nav #nav05 a span { background-image: url(/images/nav/05-uk.gif); } /* Navigation dropdowns - panels */ #nav li .panel { position: absolute; display: none; z-index: 100; color: #555; } #nav li .panel .inner { min-height: 100px; background-color: #fff; } #nav li .panel1 { width: 368px; background: url(/images/bg/panel1-uk.gif) bottom no-repeat; padding-bottom: 1px; } #nav li .panel1 .inner { background: url(/images/bg/panel1-uk.gif) no-repeat; padding: 19px 10px 8px 10px; } #nav li .panel2 { width: 368px; background: url(/images/bg/panel1.gif) bottom no-repeat; padding-bottom: 1px; } #nav li .panel2 .inner { background: url(/images/bg/panel1.gif) no-repeat; padding: 19px 20px 8px 20px; } #nav li .panel3 { width: 142px; background: url(/images/bg/panel3.gif) bottom no-repeat; padding-bottom: 9px; } #nav li .panel3 .inner { background: url(/images/bg/panel3.gif) no-repeat; padding: 19px 23px 0 23px; } #nav li .panel4 { width: 308px; background: url(/images/bg/panel4.gif) bottom no-repeat; padding-bottom: 1px; } #nav li .panel4 .inner { background: url(/images/bg/panel4.gif) no-repeat; padding: 19px 8px 8px 8px; } #nav li .panel5 { width: 307px; background: url(/images/bg/panel5.gif) bottom no-repeat; padding-bottom: 1px; } #nav li .panel5 .inner { background: url(/images/bg/panel5.gif) no-repeat; padding: 19px 8px 8px 8px; } /* Navigation dropdowns - content */ #nav .panel { font-size: 0.92em; } #nav .panel span { background: none !important; display: inline !important; height: auto !important; position: static !important; width: auto !important; } #nav .panel h3 { font-size: 1.09em; margin: 10px 0 4px 0; clear: both; } #nav .panel h3.first { margin-top: 0; } #nav .panel h3 span { font-weight: normal; } #nav .panel p.desc { color: #8A8A8A; } #nav .panel li { float: none; position: static; } #nav .panel a { display: inline; height: auto; line-height: 1.33; overflow: visible; position: static; text-align: left; background: none !important; padding: 0 !important; width: auto !important; } #nav .panel a:link, #nav .panel a:visited { color: #225B9F; border-bottom: 1px dotted; } #nav .panel a:hover, #nav .panel a:active { color: #EA9C13 !important; border-bottom: none; } #nav .panel1 .top { margin: 0 0 0 11px; } #nav .panel4 .top { margin: 0 0 4px 15px; } #nav .panel5 .top { margin: 0 0 4px 15px; } /* Navigation dropdowns - lists */ #nav .panel .list1 { float: left; width: 65px; margin: 0 0 10px 10px; line-height: 1.5; } #nav .panel .list2 { float: left; width: 60px; margin: 0 28px 10px 38px; line-height: 1.5; } #nav .panel .list3 { float: left; width: 110px; margin: 0 0 10px 0; line-height: 1.5; } #nav .panel .list3 li { background: url(/images/bg/arrow1.gif) 0 4px no-repeat; padding-left: 10px; } #nav .panel .list4 { float: left; width: 112px; margin: 0 0 15px 0; line-height: 1.5; } #nav .panel .list5 { float: left; width: 165px; margin: 0 0 15px 33px; line-height: 1.5; } #nav .panel .list6 { font-weight: bold; font-size: 1.09em; clear: both; } #nav .panel .list4 li, #nav .panel .list5 li { margin-bottom: 2px; } #nav .panel .list6 li { margin-bottom: 5px; } #nav .panel .list7 { float: left; width: 105px; margin: 0 0 12px 10px; line-height: 1.5; } #nav .panel .list8 { float: left; width: 134px; margin: 0 0 12px 25px; line-height: 1.5; } #nav .panel .list9 { float: left; width: 265px; margin: 0 0 10px 10px; line-height: 1.5; } #nav .panel .list10 { float: left; width: 82px; margin: 0 0 10px 33px; line-height: 1.5; } /* Navigation dropdowns - boxes */ #nav .panel-box1 { clear: both; background: url(/images/bg/panel-box1.gif) bottom no-repeat; padding-bottom: 5px; width: 348px; } #nav .panel-box1 .panel-box-inner { background: url(/images/bg/panel-box1.gif) no-repeat; padding: 5px 5px 0 5px; } #nav .panel-box1 img { display: block; padding: 5px 5px 6px 5px; width: 102px; height: 75px; float: left; background: url(/images/bg/panel-box1-img.gif) no-repeat; } #nav .panel-box1 .right { width: 190px; float: left; margin-left: 11px; } #nav .panel-box1 .right h3 { margin: 5px 0 4px 0; } #nav .panel-box1 .right .action { background-image: url(/images/bg/action2.gif); } #nav .panel form { clear: both; background: url(/images/bg/panel-form.gif) bottom no-repeat; padding-bottom: 8px; width: 291px; } #nav .panel form .panel-form-inner { background: url(/images/bg/panel-form.gif) no-repeat; padding: 10px 13px 0 13px; } #nav .panel form p { margin: 0; } #nav .panel form h3 { margin: 0 0 4px 0; line-height: 1.17; } #nav .panel form input { vertical-align: middle; margin: 0; } #nav .panel form .text-input { border: 1px solid #CECFD0; padding: 2px 5px; width: 153px; margin-right: 2px; } #nav .panel5 form .text-input { width: 193px; } /* Search */ #top-search { width: 255px; float: right; margin-top: 2px; font-size: 0.92em; text-align: right; } #top-search p { margin: 0; float: right; } #top-search input { margin: 0; display: block; float: left; } #top-search .search-text { width: 162px; padding: 3px 10px; background: url(/images/bg/search-text.gif) no-repeat; color: #003479; border: 0; margin: 1px 4px 0 0; } #top-search .search-focus { background-image: url(/images/bg/search-text-focus.gif) } #suggest1 {color: #003479;} .ac_results li {color: #003479;} /* Inner wrapper for content and sidebar */ #inner-wrapper { margin: 0 0 35px 11px; width: 935px; } /* Content */ #content { width: 669px; float: left; min-height: 300px; } /* Main feature */ .main-feature { margin: 0 0 13px 1px; } .main-feature img { display: block; } .main-feature object { display: block; } /* Sidebar */ #sidebar { width: 253px; float: right; } #sidebar .banner { margin: 10px 0 12px 0; } /* Footer */ #footer { background: url(/images/bg/footer.jpg) bottom no-repeat; font-size: 0.83em; color: #fff; padding-bottom: 15px; } #footer .inner { background: url(/images/bg/footer.jpg) no-repeat; padding: 80px 22px 0 27px; } #footer .left { float: left; width: 395px; } #footer .right { float: right; width: 500px; text-align: right; } #footer .left p { margin: 0; float: left; } #footer li { display: inline; background: url(/images/bg/footer-sep.gif) left center no-repeat; padding-left: 7px; margin-left: 3px; } #footer li.first { margin: 0; padding: 0; background: none; } #footer .left li { padding-left: 8px; margin-left: 4px; } #footer a { color: #fff; text-decoration: underline; } #footer a:hover, #footer a:active { color: #003479; text-decoration: none; } /* Titles */ #title-design-solution span { background-image: url(/images/titles/design-solution.gif); } #title-support-your-system { width: 185px; height: 15px; } #title-support-your-system span { background-image: url(/images/titles/support-your-system.gif); } #title-how-to-buy { width: 100px; height: 15px; } #title-how-to-buy span { background-image: url(/images/titles/how-to-buy.gif); } #title-redefining-expectations { width: 158px; height: 17px; } #title-redefining-expectations span { background-image: url(/images/titles/redefining-expectations.gif); } #title-minnesota-made { width: 105px; height: 15px; } #title-minnesota-made span { background-image: url(/images/titles/minnesota-made.gif); } #title-central-issuance { width: 200px; height: 51px; } #title-central-issuance span { background-image: url(/images/titles/central-issuance.gif); } #title-stay-up-to-date { width: 132px; height: 15px; } #title-stay-up-to-date span { background-image: url(/images/titles/stay-up-to-date.gif); } #title-do-you-own { width: 186px; height: 15px; margin-bottom: 10px; } #title-do-you-own span { background-image: url(/images/titles/do-you-own.gif); } #title-more-information { width: 149px; height: 15px; } #title-more-information span { background-image: url(/images/titles/more-information.gif); } #title-features { width: 64px; height: 14px; } #title-features span { background-image: url(/images/titles/features.gif); } #title-options { width: 55px; height: 18px; } #title-options span { background-image: url(/images/titles/options.gif); } #title-contact-reseller { width: 201px; height: 23px; } #title-contact-reseller span { background-image: url(/images/titles/contact-reseller.gif); } #title-my-needs { width: 76px; height: 15px; margin: 32px 0 16px 0; } #title-my-needs span { background-image: url(/images/titles/my-needs.gif); } #title-my-information { width: 134px; height: 15px; margin: 27px 0 22px 0; } #title-my-information span { background-image: url(/images/titles/my-information.gif); } #title-want-to-talk { width: 160px; height: 15px; } #title-want-to-talk span { background-image: url(/images/titles/want-to-talk.gif); } #title-professional-services { width: 185px; height: 33px; } #title-professional-services span { background-image: url(/images/titles/professional-services.gif); } #how-to-design-a-solution { width: 266px; height: 27px; } #how-to-design-a-solution span { background-image: url(/images/titles/how-to-design-a-solution.gif); } #design-a-solution { width: 201px; height: 27px;} #design-a-solution span { background-image: url(/images/titles/design-a-solution.gif); } #card-security-features { width: 250px; height: 28px;} #card-security-features span { background-image: url(/images/titles/card-security-features.gif); } #share_this_datacard_solution { width: 252px; height: 15px;} #share_this_datacard_solution span { background-image: url(/images/titles/share-this-datacard-solution.gif); } #title-related-solutions { width: 152px; height: 15px; } #title-related-solutions span { background-image: url(/images/titles/related-solutions.gif); } #certified-supplies { width: 312px; height: 55px; } #certified-supplies span { background-image: url(/images/titles/datacard-certified-supplies.gif); } #why-use-certified-supplies { width: 282px; height: 15px; margin: 0 0 15px 25px; } #why-use-certified-supplies span { background-image: url(/images/titles/why-use-certified-supplies.gif); } #support-services { width: 312px; height: 55px; } #support-services span { background-image: url(/images/titles/professional_and_maintenance_services.gif); } #email-updates { width: 119px; height: 35px; } #email-updates span { background-image: url(/images/titles/email-updates.gif); } #title-specifications { width: 107px; height: 18px; } #title-specifications span { background-image: url(/images/titles/specifications.gif); } #title-complete-your-solution { width: 174px; height: 18px; } #title-complete-your-solution span { background-image: url(/images/titles/complete-your-solution.gif); } #title-datacard-certified-supplies { width: 246px; height: 42px; } #title-datacard-certified-supplies span { background-image: url(/images/titles/datacard-certified-supplies-sm.gif); } #title-protect-your-investment { width: 176px; height: 42px; } #title-protect-your-investment span { background-image: url(/images/titles/protect-your-investment.gif); } #title-need-more-help { width: 140px; height: 15px; } #title-need-more-help span { background-image: url(/images/titles/need-more-help.gif); } #title-other-support-resources { width: 220px; height: 15px; } #title-other-support-resources span { background-image: url(/images/titles/other-support-resources.gif); } /* Actions */ .action { padding-left: 15px; background: url(/images/bg/action.gif) 0 3px no-repeat; margin: 0; } .action a, .actions a { padding-bottom: 1px; } .action a:link, .action a:visited, .actions a:link, .actions a:visited { color: #225b9f; border-bottom: 1px dotted #0780D6; } .action a:hover, .action a:active, .actions a:hover, .actions a:active { color: #EA9C13; border-bottom: none; } .actions li { padding: 0 0 8px 15px; background: url(/images/bg/action.gif) 0 2px no-repeat; } .actions li.design { background: url(/images/bg/design.gif) 0 3px no-repeat; padding-left: 23px; } .actions li.contact { background: url(/images/bg/contact.gif) 0 5px no-repeat; padding-left: 23px; } .actions li.more { background: url(/images/bg/action.gif) 0 3px no-repeat; padding-left: 23px; } .actions li.doc { background: url(/images/bg/doc.gif) 0 3px no-repeat; padding-left: 23px; } .actions li.person { background: url(/images/bg/person.gif) 2px 3px no-repeat; padding-left: 23px; } .actions li.fax {padding-left: 0px; background:none;} .actions li.person_no-image {padding-left: 0px; background:none;} /* Actions - aalgaat */ .design { background: url(/images/bg/design.gif) 0 3px no-repeat; padding-left: 18px; } .contact { background: url(/images/bg/contact.gif) 0 5px no-repeat; padding-left: 18px; } .more { background: url(/images/bg/action.gif) 0 3px no-repeat; padding-left: 18px; font-size:13px; } .doc { background: url(/images/bg/doc.gif) 0 3px no-repeat; padding-left: 18px; } .person { background: url(/images/bg/person.gif) 2px 3px no-repeat; padding-left: 18px; } /* Boxes */ .box1 { background: url(/images/bg/box1.gif) bottom no-repeat; padding-bottom: 18px; width: 328px; } .box1 .inner { background: url(/images/bg/box1.gif) no-repeat; padding: 18px 20px 0 18px; } .box2 { background: url(/images/bg/box2.gif) bottom no-repeat; padding-bottom: 8px; width: 253px; margin-bottom: 10px; } .box2 .inner { background: url(/images/bg/box2.gif) no-repeat; padding: 18px 12px 10px 18px; } .box2 h2 { margin-bottom: 10px; visibility:hidden;} .box3 { background: url(/images/bg/box3.gif) bottom no-repeat; padding-bottom: 8px; width: 253px; } .box3 .inner { background: url(/images/bg/box3.gif) no-repeat; padding: 18px 12px 10px 18px; } .box3 h3 { color: #369; font-size: 1.17em; margin: 10px 0; } .story #sidebar .box3 .actions { margin-top: 14px; } .box5 { background: url(/images/bg/box5.gif) bottom no-repeat; padding-bottom: 8px; width: 645px; margin: 0 0 15px; } .box5 .inner { background: url(/images/bg/box5.gif) no-repeat; padding: 18px 12px 10px 18px; } .box5 .inner h2 { font-family: Arial, Helvetica, sans-serif; font-weight: normal; } /* Design solution box */ .design-solution { color: #fff; margin-bottom: 11px; } .design-solution h2 { color: #fff; width: 222px; height: 15px; margin-bottom: 10px; } /* Design solution: Preconfiguration */ .preconfiguration { background: #225b9f url(/images/bg/preconfiguration.gif) bottom no-repeat; padding-bottom: 12px; width: 253px; margin-top: -1px; } .preconfiguration .inner { background: url(/images/bg/preconfiguration.gif) no-repeat; padding: 18px 16px 0 15px; min-height: 170px; } .preconfiguration p { margin: 0; } .preconfiguration .form-inner { background: url(/images/bg/preconfiguration-form.gif) bottom no-repeat; padding-bottom: 13px; width: 222px; margin-bottom: 8px; } .preconfiguration .form-inner div { background: url(/images/bg/preconfiguration-form.gif) no-repeat; padding: 8px 11px 0 11px; } .preconfiguration .form-inner p { margin: 6px 0 0 0; line-height: 1.7; } .preconfiguration .form-inner p.first { margin: 0; } .preconfiguration .form-inner select { font-size: 0.92em; border: 1px solid #BDC3C7; background: #EBF1F6; width: 176px; } /* Home Page */ .home .box1 .inner { min-height: 128px; } .home .box1 h2 { margin-bottom: 2px; letter-spacing: -1px; } .home .box1 h3 { margin-bottom: 2px; } .home .box1 p { margin-bottom: 0.75em; } .home .box1 img { float: left; } .home .box1 .right img { float: none; vertical-align: middle; } .home-product { float: left; height:172px;} .home-product .inner { padding-right: 14px; } .home-product .right { float: right; width: 164px; } .home-feature { float: left; margin-left: 13px; height:172px;} .home-feature .right { float: right; width: 152px; margin-right: 18px; } /* Home page sidebar boxes */ .home .box2 { margin-bottom: 10px; min-height: 165px;} .home .box2 p { line-height: 1.17; margin: 0;} .home .box2 form p { margin: 6px 0 10px 0; } .home .box2 form input { vertical-align: middle; margin: 0; } .home .box2 form .text-input { font-size: 0.92em; padding: 1px 4px; width: 156px; border: 1px solid #D1D1D1; } .how-to-buy .inner { padding-bottom: 1px; } .do-you-own .inner { padding-bottom: 1px; } .professional-services .inner { padding-bottom: 1px; } .professional-services .inner p a {border-bottom:1px dotted #0780D6;} .professional-services .inner p a:hover {border-bottom-color:#fff;} .home #sidebar div.box2:first-child {height:200px;} .inner img.portfolio {height: 46px; width:200px; padding-bottom:3px;} /* Industry Expertise */ .industry-expertise .design-solution { margin-bottom: 15px; } .industry-expertise .product-feature .inner { top: 26px; } .industry-expertise .product-feature .inner h2 { margin-top: -2px; } #our-expertise h2, #standard-recommendations h2, #enterprise-recommendations h2 { font-size: 2em; font-weight: normal; color:#225B9F; margin: 4px 0; } #our-expertise h3, #standard-recommendations h3, #enterprise-recommendations h3 { font-size: 1.5em; font-weight: normal; color: #666; margin: 0 0 10px; } .recommended-solutions-list li.recommended-solution { margin: 0; } .recommended-solutions-list li.first { padding: 20px 0 0 0; } .recommended-solutions-list li.recommended-solution h4 { font-size:1.17em; color:#225B9F; margin:0pt 0pt 5px; } .recommended-solutions-list li.recommended-solution img { display: block; float: left; margin: 0 0 0 0; } .recommended-solutions-list li.recommended-solution .content { display: block; float: left; width: 400px; margin: 0 0 40px 20px; } .recommended-solution:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; } /* Industry Expertise Sidebar */ .industry-expertise #sidebar .box2 h2 { margin-bottom: 12px; } .industry-expertise #sidebar .testimonial { margin-bottom: 21px; } .industry-expertise #sidebar .testimonial blockquote { font-size: 1.5em; background: url(/images/bg/top-quote.gif) no-repeat; padding: 0 30px; line-height: 1.55; } .industry-expertise #sidebar .testimonial blockquote p img { vertical-align: middle; margin-left: 13px; } .industry-expertise #sidebar .testimonial .inner { padding-bottom: 2px; } .industry-expertise #sidebar .testimonial .actions li { padding-bottom: 7px; } .industry-expertise #sidebar .testimonial .actions li.more { background-position:3px 4px; } .industry-expertise #sidebar .support-your-system { margin-bottom: 27px; } .industry-expertise #sidebar .support-your-system .inner { padding-bottom: 6px; } .industry-expertise #sidebar .stay-up-to-date { position: relative; } .industry-expertise #sidebar .stay-up-to-date img { position: absolute; bottom: 3px; left: 132px; } .industry-expertise #sidebar .stay-up-to-date .action { width: 85px; padding-bottom:2px; margin: 10px 0 10px 0; } .industry-expertise #sidebar .action, .industry-expertise #sidebar .actions { line-height: 1.5; } .industry-expertise .product-feature .inner h1, .product-feature .inner h1.head {margin:0;} /* Product feature */ .product-feature { height: 260px; position: relative; background: url(/images/bg/product-feature.jpg) top left no-repeat; } .product-feature .main-image { display: block; position: absolute; top: 0; left: 0; z-index: 1; } .product-feature .main-product-image { display: block; position: absolute; top: -8px; right: 12px; z-index: 1; } .product-feature .inner { position: absolute; top: 20px; left: 28px; width: 340px; height: 225px; z-index: 2; } .product-feature h2 { color: #55524F;} .product-feature .enterprise { margin: 6px 0 25px 0; padding-bottom:15px; } .product-feature .standard { margin: 6px 0 25px 0; padding-bottom:15px; } .product-feature .legacy { margin: 6px 0 25px 0; padding-bottom:15px; } .product-feature .actions a { font-weight: bold; border: none; } .product-feature .actions li.doc { background: url(/images/bg/doc-product-feature.gif) top left no-repeat; padding-left: 23px; } .product-feature .actions li.contact { background: url(/images/bg/contact-product-feature.gif) 0 2px no-repeat; padding-left: 23px; } .product-feature .actions li.person { background: url(/images/bg/person-product-feature.gif) top left no-repeat; padding-left: 23px; } /* Tabs */ .tabs .tabs-nav { width: 669px; border-top: 1px solid #DEDDDD; background: url(/images/bg/tabs1.gif) bottom no-repeat; padding-bottom: 3px; } .tabs .tabs-nav li { float: left; padding-right: 1px; background: url(/images/bg/tabs1-sep.gif) left center no-repeat; margin-right: -1px; } .tabs .tabs-nav li#first-tab { background: none; } .tabs .tabs-nav a { display: block; font-weight: bold; padding: 9px 16px; } .tabs .tabs-nav a.wide { padding: 9px 30px; } .tabs .tabs-nav a:link, .tabs .tabs-nav a:visited { color: #959696; } .tabs .tabs-nav a:hover, .tabs .tabs-nav a:active { color: #555; } .tabs .tabs-nav .ui-tabs-selected { background: url(/images/bg/tabs1-selected-arrow.gif) center bottom no-repeat !important; position: relative; padding: 0 0 10px 0; margin-bottom: -10px; } .tabs .tabs-nav .ui-tabs-selected a { background: #fff url(/images/bg/tabs1-selected-sep.gif) left bottom no-repeat; border-right: 1px solid #DEDDDD; color: #EA9C13 !important; } .tabs .tabs-nav .ui-tabs-selected a span { color: #959696; } .tabs .tabs-nav #first-tab.ui-tabs-selected a { background-image: url(/images/bg/tabs1-first-selected.gif); } .tabs .tabs-nav #last-tab.ui-tabs-selected a { background: #fff url(/images/bg/tabs1-last-selected.gif) right bottom no-repeat; border-left: 1px solid #DEDDDD; border-right: 0; } .tabs .tab { clear: both; } .tabs .ui-tabs-hide { display: none; } /* Tabs - Product detail */ .tabs-detail .tab { margin: 26px 18px 0 28px; } /* Tabs - Browse products */ .tabs-products .tabs-nav { background: url(/images/bg/tabs2.gif) top center no-repeat; border-top: none; height: 34px; } .tabs-products .tabs-nav .ui-tabs-selected { background-image: url(/images/bg/tabs1-selected-arrow2.gif) !important; } .tabs-products .tabs-nav .ui-tabs-selected a { background: url(/images/bg/tabs2-selected-sep.gif) left top no-repeat; } .tabs-products .tabs-nav #first-tab.ui-tabs-selected a { background-image: url(/images/bg/tabs2-first-selected.gif); } .tabs-products .tab { background: #eee url(/images/bg/browse-products-tab.gif) repeat-x; } .tabs-products .tab .inner { background: url(/images/bg/browse-products-tab-bottom.gif) bottom no-repeat; padding: 19px 11px 11px 11px; } /* Card */ .card { float: right; width: 280px; margin: 0 0 15px 30px; } .card p { margin-left: 7px; } /* Testimonial 2 */ .testimonial2 { width: 155px; padding-left: 33px; float: right; background: url(/images/bg/top-quote.gif) no-repeat; margin: 0 10px 10px 43px; } .testimonial2 blockquote { font-size: 1.5em; line-height: 1.55; } .testimonial2 blockquote p img { vertical-align: middle; margin-left: 13px; } /* List */ #content .list1 { font-size: 1.09em; margin: 1.15em 0; } #content .list1 li { padding-left: 15px; background: url(/images/bg/list1.gif) 1px 5px no-repeat; } /* More information */ .more-information { float: left; width:300px; } .more-information h2 { margin-bottom: 12px; } .more-information ul { float: left; margin-right: 35px; } .more-information li { margin-bottom:0; padding: 5px 0 5px 21px; background: url(/images/bg/doc.gif) 1px 5px no-repeat; } .more-information li a { font-weight: bold; } /* Options left */ .options-left h2, .options-right h2 { margin-bottom: 15px; } .options-left { float: left; width: 388px; } .options-left .feature { margin-bottom: 20px; } .options-left .feature h3 { margin-bottom: 0.1em; } .options-left .feature img { display: block; float: right; margin: 0 0 0 17px; } .options-right { float: right; width: 200px; } .options-right li { margin-bottom: 0.65em; } .options-right li ul { margin: 5px 0 5px 20px; } .options-right li li { margin-bottom: 0.35em; } /* Contact Reseller */ .contact-reseller #content { margin: 15px 0 0 26px; width: 607px; } .contact-reseller #content h1 { margin-left:0; margin-right:0; } .contact-reseller-selection #content { margin: 15px 0 0 26px; width: 645px; } .contact-reseller-selection #content h1 { margin-left:0; margin-right:0; } .contact-reseller-selection .box5 .inner {padding-left:12px;padding-right:12px;} /* Form fields */ input.text-input, select, textarea { border: 1px solid #BDC3C7; } input.focus, select.focus, textarea.focus { border-color: #3AA1E7 !important; } /* Contact Reseller Sidebar */ .want-to-talk h3 { font-size: 1.33em; font-weight: normal; margin: 1em 0 0.25em 0; } .want-to-talk p.first { margin-bottom: 2px; } .want-to-talk p.action { margin-top:8px; padding-top:2px; } /* Combined titles - graphic and live */ h1.combined { font-size: 1.5em; color: #006CBA; margin-bottom: 20px; } h1.combined strong { display: block; float: left; margin-right:7px; } h1.combined em {font-style:normal;position:relative;top:4px;} * html h1.combined em {top:3px;} *+html h1.combined em {top:3px;} /* Form fields */ /* One line form field */ p.one-line-form-field { margin-bottom: 18px; } p.one-line-form-field input { vertical-align: middle; } p.one-line-form-field label, p.one-line-form-field .label { display: block; float: left; padding-left: 8px; width: 160px; margin-right: 28px; } p.one-line-form-field label.inline { display: inline; float: none; width: auto; padding: 0; margin: 0 0 0 20px; } p.one-line-form-field label.first { margin: 0; } p.required label, p.required .label { padding-left: 0; width: 168px; } p.one-line-form-field label strong { font-weight: normal; } p.one-line-form-field input.text-input, p.one-line-form-field textarea { width: 328px; } p.one-line-form-field input.text-input-small { width: 40px; } p.one-line-form-field select { width: 180px; font-size: 0.92em; } p.one-line-form-field textarea { height: 110px; } p.one-line-form-submit { margin: 20px 0 0 196px; } /* Two lines form field */ .two-lines-form-field { width: 180px; float: left; margin-left: 30px; line-height: 2.0; } .two-lines-form-field select { width: 180px; font-size: 0.92em; } /* Generic classes for removing margin */ .no-left-margin { margin-left: 0 !important; } .no-top-margin { margin-top: 0 !important; } /* Number of resellers - use box5 */ .number-of-resellers { margin: -12px 0 30px 0; } .number-of-resellers .inner h2 { color: #555; font-size: 1.17em; font-weight: bold; margin: 0 0 8px 0; } .number-of-resellers .inner p { margin: 0; } /* Reseller box */ .reseller { width: 250px; float: left; margin: 0 0 35px 45px; } .first-reseller { margin-left: 12px; } .reseller .actions { margin: 12px 0 8px 0; } .reseller .actions li.more { background-position: 4px 3px; } .reseller h3 { font-size: 1.17em; color: #225B9F; font-weight: normal; margin-bottom: 3px; } .reseller p { line-height: 1.33; } /* Sidebar product */ .sidebar-product h2 { margin: 0; } .sidebar-product h3 { font-weight: bold; color: #555; font-size: 1em; margin: 1px 0 4px 0; } .sidebar-product h3 img { vertical-align: middle; } /* Browse products */ .browse-products h1 { margin: 10px 15px; } .browse-products .top-nav { margin: 0 0 17px 15px; font-weight: bold; } .browse-products .top-nav ul { float: left; margin-right: 20px; } .browse-products .top-nav li { margin-bottom: 2px; } .browse-products .top-nav li a { font-weight: bold; display: block; padding: 2px 12px 2px 5px; } .browse-products .top-nav li a:link, .browse-products .top-nav li a:visited { color: #225b9f; } .browse-products .top-nav li a:hover, .browse-products .top-nav li a:active { color: #EA9C13; } .browse-products .top-nav li a.current:link, .browse-products .top-nav li a.current:visited { background: #EA9C13; color: #fff; } .browse-products .top-nav li a.current:hover { background: none; color: #EA9C13; } .browse-products .top-nav li a span, .browse-products .top-nav li a.current:hover span { color: #959696; } .browse-products .top-nav li a.current span { color: #fff; } /* Expanding / Collapsing Content Zones */ .expandable { margin-bottom: 8px; } .expandable h2 { font-size: 1.09em; text-transform: uppercase; } .expandable h2 a { color: #00357B; display: block; background: url(/images/bg/expandable-title.gif) no-repeat; padding-top: 8px; } .expandable h2 a .title-inner { display: block; padding: 2px 11px 8px 11px; background: url(/images/bg/expandable-title.gif) bottom no-repeat; } .expandable h2 a .title-inner span { padding-left: 15px; background: url(/images/bg/expandable-title-arrow.gif) left center no-repeat; } .expandable h2 strong { font-size: 0.92em; color: #555; text-transform: none; padding-left: 10px; margin-left: 7px; background: url(/images/bg/expandable-title-sep.gif) left center no-repeat; } .expandable h2 em { font-size: 0.86em; font-style: normal; color: #555; text-transform: none; font-weight: normal; } .expandable .expandable-inner { background: #fff url(/images/bg/expandable-inner.gif) bottom no-repeat; padding: 16px 13px 15px 13px; } /* Expandable closed */ .expandable-closed h2 a { background-image: url(/images/bg/expandable-title-closed.gif); } .expandable-closed h2 a .title-inner { background-image: url(/images/bg/expandable-title-closed.gif); } .expandable-closed h2 a .title-inner span { background-image: url(/images/bg/expandable-title-closed-arrow.gif); } .expandable-closed .expandable-inner { display: none; } /* Browse products contents */ .products-row { margin-top: 30px; } .first-products-row { margin-top: 0; } .additional-products { display: none; } .products-row .product { float: left; width: 125px; margin-left: 25px; padding-left: 10px; } .products-row .product ul {padding-left: 4px; } .products-row .first-product { margin-left: 0; } .products-row .product span { display: block; width: 100%; margin: 0 auto 10px auto; } /* #1401? */ .products-row .product img { display: block; margin: 0 auto 10px auto; } .products-row .product h3 { margin-bottom: 2px; padding-left: 4px; } .products-row .product h3 a { border-bottom: 1px dotted; } .products-row .product h3 a:hover { border-bottom: 0; } .products-row .product li { margin-bottom: 1px; } .products-row .product li.add-to-solutions {padding-left:13px; background: url(/images/bg/action.gif) left center no-repeat; width:130px;} .products-row .product li.quickview { padding-left: 12px; background: url(/images/bg/quickview.gif) left center no-repeat; } .products-row .product li a { color: #555; text-decoration: none; font-weight: bold; font-size: 0.92em; } .products-row .product li a:hover, .products-row .product li a:focus {color:#ea9c13;} .expandable .expandable-inner .view-all { background: url(/images/bg/view-all.gif) no-repeat; padding: 12px 10px 0 10px; margin: 14px 0 4px 0; } .expandable .expandable-inner .view-all p { margin: 0; background: url(/images/bg/view-all-arrow.gif) left center no-repeat; padding-left: 11px; } .expandable .expandable-inner .view-all a { border-bottom: 1px dotted; } .expandable .expandable-inner .view-all a:hover { border-bottom: 0; } .expandable .item { margin: 17px 83px 2px 13px; } .expandable .first-item { margin-top: 0; } .expandable .item h3 { font-size: 1em; color: #225B9F; margin: 0 0 5px 0; } .expandable .item p { margin: 0 0 2px 0; } .expandable .item .info .updated { padding-left: 8px; margin-left: 4px; background: url(/images/bg/item-info-sep.gif) left center no-repeat; } .expandable .item ul { margin: 5px 0 0 0; } .expandable .item li.download { padding-left: 16px; background: url(/images/bg/download2.gif) 0 5px no-repeat; } .expandable .item li.download a { font-size: 0.92em; font-weight: bold; color: #555; border-bottom: 1px dotted #0780D6; } .expandable .item li.download a:hover { border-bottom: 0; } .expandable .item table { width: 100%; } .expandable .item th { border-bottom: 1px solid #ddd; font-size: 0.92em; font-weight: bold; padding: 0 0 2px 0; color: #333; } .expandable .item th span { font-weight: normal; color: #555; } .expandable .item td { padding: 2px 0 0 0; } /* Help Balloon Sidebar */ div.balloon {position:absolute;bottom:20px;right:-25px;z-index:14000;min-height: 50px;width:479px;color:#555555;display:none;} .review .form-inner div.balloon {background:none;} div.balloon div.top {height:6px;padding:0;background:url(/images/bg/bg_balloon-top.png) top center no-repeat;overflow:hidden;z-index:14000} div.balloon div.content {padding:10px 20px;width:437px;border-width:0 1px;border-style:solid;border-color:#c1c1c1;background:url(/images/bg/bg_balloon-mid.gif) top left repeat-x #fff;} div.balloon div.bottom {height:26px;background:url(/images/bg/bg_balloon-bottom.png) top center no-repeat;} div.balloon h2 {color:#225b9f;} div.balloon div.content p {font-size:1.08em;line-height:1.4em;margin:12px 0 2px 0;font-weight:normal;} div.balloon div.content p.small {font-size:0.91em;margin:0;} div.balloon div.content p strong {color:#225b9f;} div.balloon div.content img.left {float:left;margin:5px 30px 10px 0;} div.balloonHeader h2 {color:#225b9f;font-size:22px;} /* Quick View Balloon */ .quickview {position:relative;} .quickview div.balloon {position:absolute;bottom:35px;left:-16px;z-index:1000;width:626px;height:158px;} .quickview div.balloon div.content {} .product-nb2 .quickview div.balloon {left:-176px;} .product-nb3 .quickview div.balloon {left:-336px;} .product-nb4 .quickview div.balloon {left:-496px;} .quickview div.balloon div.bottom { position:absolute;bottom:-20px;left:10px;height:21px;width:20px;background:url(/images/bg/bg_quickview-popup-bottom.png) no-repeat;} .product-nb2 .quickview div.balloon div.bottom {left:170px;} .product-nb3 .quickview div.balloon div.bottom {left:330px;} .product-nb4 .quickview div.balloon div.bottom {left:490px;} .quickview div.balloon div.content {background:url(/images/bg/bg_quickview-popup.png) top left no-repeat;padding:10px 15px;height:138px;width:596px;border:none;} .quickview div.balloon div.content h3 {margin:0;} .quickview div.balloon div.content p {margin:0 0 7px;line-height:1.33em;font-size:1em;} .quickview div.balloon div.content ul {font-size:0.91em;margin-left:165px;} .quickview div.balloon div.content ul li {padding:2px 0 2px 12px;line-height:1.1em;background-image:url(/images/bg/bull.gif);background-repeat:no-repeat;background-position:0 5px;} /* Sidebar & Widget Design Solution */ .review { background: #225b9f url(/images/bg/preconfiguration.gif) bottom no-repeat; padding-bottom: 12px; width: 253px; margin-top: -1px; } .review .inner { background: url(/images/bg/preconfiguration.gif) no-repeat; padding: 18px 13px 0 15px; min-height: 85px; } .solution-box{position: relative; float: left; width: 225px; background: url(/images/bg/design-solution-mn.png) repeat-y; clear: both;} .solution-box.expanded{ margin: 5px 0 20px; padding-bottom: 10px; background: url(/images/bg/ds-expanded-main.gif) repeat-y #003479;} .solution-box.collapsed{margin: 5px 0 8px; min-height: 63px; background: url(/images/bg/ds-collapsed.gif) no-repeat; } #aalgaat{ height: 30px;margin: 5px 0 20px; padding-bottom: 10px; background: url(/images/bg/ds-expanded-main.gif) repeat-y;} .zero-products .solution-box{margin: 5px 0 8px; min-height: 35px; background: url(/images/bg/ds-zero-product.png) no-repeat;} .solution-box h3{position: relative; z-index: 10; margin: 5px 0 5px 10px;} .solution-box.collapsed h3{height: 16px; overflow: hidden;} .zero-products .solution-box h3{height: 16px; overflow: hidden; margin: 8px 0 5px 10px;} .solution-box p{position: relative; z-index: 100; margin: 0 0 0 7px; width: 215px; padding: 0;} span.solution-box-t{display: block; width: 225px; height: 10px; position: absolute; top: -7px; left: 0; background: url(/images/bg/design-solution-top.png) no-repeat left top;} span.solution-box-b{display: block; z-index: 1; width: 225px; height: 56px; /*position: absolute; bottom: -32px; left: 0;*/ background: url(/images/bg/design-solution-bot.png) no-repeat left top;} .solution-box.expanded div.inner-box {width: 225px; background: url(/images/bg/ds-expanded-top.jpg) no-repeat left top; padding-top: 5px; float: left; } .solution-box.expanded span.solution-box-t{display: none;} .review span.solution-box-b{display: block; z-index: 10; width: 225px; height: 9px; position: relative; clear: left; float: left; margin-top: -20px; background: url(/images/bg/ds-expanded-bottom.png) no-repeat left top;} .solution-box a.review-button,.solution-box a.share-button,.solution-box a.send-to-reseller-button{ position: relative; z-index: 1000; float: left; margin: 0; padding: 0; } .solution-box a.send-to-reseller-button{ position: relative; z-index: 100; float: left; margin: 0; padding: 0; width: 108px; height: 26px; } .solution-box a.send-to-reseller-button img{display: none; position: relative; z-index: 2;} .solution-box a.send-to-reseller-button span{display: block; position: absolute; z-index: 9999; left: 0; top: 0; width: 108px; height: 26px; background: url(/images/buttons/send-to-reseller.png) no-repeat left top;} .solution-box a.send-to-reseller-button:hover img{display: none !important; } .solution-box a.send-to-reseller-button:hover span{cursor: pointer; margin-bottom: 5px; display: block; background: url(/images/buttons/send-to-reseller-h.png) no-repeat left top;width: 108px; height: 26px;} .design-solution a.revise-this-design{margin-bottom: 5px; display: block; clear: left; } .design-solution a.add-to-solution{margin-bottom: 5px; display: block; position: relative; width: 215px; height: 26px; } .design-solution a.add-to-solution img{display: none; position: relative; z-index: 2;} .design-solution a.add-to-solution span{display: block; position: absolute; z-index: 10; left: 0; top: 0; width: 215px; height: 26px;background: url(/images/buttons/add-solution.png) no-repeat left top; } .design-solution a.add-to-solution.active span{display: block; position: absolute; z-index: 10; left: 0; top: 0; width: 215px; height: 26px;background: url(/images/buttons/add-solution-h.png) no-repeat left top; } .design-solution a.add-to-solution:hover img{display: none; } .design-solution a.add-to-solution:hover span{cursor: pointer; margin-bottom: 5px; display: block; background: url(/images/buttons/add-solution-h.png) no-repeat left top; width: 215px; height: 26px;} .design-solution a.revise-this-design{margin-bottom: 5px; display: block; position: relative; width: 145px; height: 26px;} .design-solution a.revise-this-design img{display: none; position: relative; z-index: 2;} .design-solution a.revise-this-design span{display: block; position: absolute; z-index: 10; left: 0; top: 0; width: 145px; height: 26px;background: url(/images/buttons/revise-this-design.png) no-repeat left top; } .design-solution a.revise-this-design:hover img{display: none; } .design-solution a.revise-this-design:hover span{cursor: pointer; margin-bottom: 5px; display: block; background: url(/images/buttons/revise-this-design-h.png) no-repeat left top; width: 145px; height: 26px;} .solution-box a.review-button{ position: relative; z-index: 100; float: left; margin: 0; padding: 0; width: 55px; height: 26px; } .solution-box a.review-button img{display: none; position: relative; z-index: 2;} .solution-box a.review-button span{display: block; position: absolute; z-index: 9999; left: 0; top: 0; width: 55px; height: 26px; background: url(/images/buttons/review.png) no-repeat left top;} .solution-box a.review-button:hover img{display: none !important; } .solution-box a.review-button:hover span{cursor: pointer; margin-bottom: 5px; display: block; background: url(/images/buttons/review-h.png) no-repeat left top;width: 55px; height: 26px;} .solution-box a.review-button-close span {background:url(/images/buttons/close.png);} .solution-box a.review-button-close:hover span {background:url(/images/buttons/close-h.png);} .solution-box a.share-button{ position: relative; z-index: 100; float: left; margin: 0; padding: 0; width: 50px; height: 26px; } .solution-box a.share-button img{display: none; position: relative; z-index: 2;} .solution-box a.share-button span{display: block; position: absolute; z-index: 9999; left: 0; top: 0; width: 50px; height: 26px; background: url(/images/buttons/share.png) no-repeat left top;} .solution-box a.share-button:hover img{display: none !important; } .solution-box a.share-button:hover span{cursor: pointer; margin-bottom: 5px; display: block; background: url(/images/buttons/share-h.png) no-repeat left top;width: 50px; height: 26px;} .product-review-box{clear: left; float: left; background: url(/images/bg/review-main.gif) repeat-y left top; width: 208px; margin: 5px 0 0 8px; position: relative;} .product-review-box ul{clear: left; float: left; padding-top: 8px; background: url(/images/bg/review-top.gif) no-repeat left top; width: 208px;} .product-review-box ul li{ padding: 2px 0 0px 8px; clear: left; float: left; margin-bottom: 5px; width: 192px; } .product-review-box ul li h4{ margin: 4px 0 5px; } .product-review-box ul li img{ margin: 0 11px 5px 0; float: left;} .product-review-box ul li h4 a:link, .product-review-box ul li h4 a:visited { color: #225B9F; border-bottom: 1px dotted; } .product-review-box ul li h4 a:hover,.product-review-box ul li h4 a:active { color: #EA9C13 !important; border-bottom: none; } .product-review-box span.review-bottom{clear: left; float: left; display: block; z-index: 1; width: 208px; height: 8px; background: url(/images/bg/review-bottom.gif) no-repeat left top;} .product-review-box ul li a.remove-solution { color: #555; background: url(/images/bg/remove.gif) no-repeat left 90%; font-size: 0.8em; font-weight: bold; padding-left: 12px;} #title-tell-us span { background-image: url(/images/titles/tell-us.gif); z-index: 100;} .review form{clear: both;} .review .form-inner{ background: url(/images/bg/preconfiguration-form-expanded.gif) bottom no-repeat; padding-bottom: 13px; width: 222px; margin-bottom: 8px; } .review .form-inner div { background: url(/images/bg/preconfiguration-form-expanded-s.gif) no-repeat; padding: 8px 11px 0 11px; } #sidebar div.form-with-two-selects {background:url(/images/bg/preconfiguration-form-expanded-s-top.gif) top no-repeat;padding-top:8px;padding-bottom:0;} #sidebar div.form-with-two-selects div {background:url(/images/bg/preconfiguration-form-expanded.gif) bottom no-repeat;padding:0 11px 13px 11px;} .zero-products .form-inner.top div { background: url(/images/bg/preconfiguration-form-zero.gif) no-repeat; } .zero-products2 .form-inner.top div { background: url(/images/bg/preconfiguration-form-zero2.gif) no-repeat; } .review .form-inner.single div{ background: url(/images/bg/preconfiguration-form-expanded-s.gif) no-repeat;} .review .form-inner p { margin: 6px 0 0 0; line-height: 1.7; } .review .form-inner p.first { margin: 0; } .review .form-inner select { font-size: 0.92em; border: 1px solid #BDC3C7; background: #EBF1F6; width: 176px; } .review .form-inner dl{margin-bottom: -10px;} .review .form-inner dt{clear: both;width: 200px;} .review .form-inner dt span{float: left;} .review .form-inner dt.help-adj{ position: relative; min-height: 16px;} .review .form-inner dt.help-adj-radio{ position: relative;} .review .form-inner dt a.help{ float: left; padding-left: 4px; margin-top: -2px; margin-bottom: -2px;} .review .form-inner dt.help-adj a.help{ position: absolute; right: -4px; margin-bottom: -2px;} .review .form-inner dt.help-adj-radio a.help{ z-index: 14000;position: absolute; right: -4px; margin-bottom: -2px;} .review .form-inner dd{padding: 10px 0 10px; width: 200px; overflow: hidden; font-size: 0.9em; clear: left;} .review .form-inner dd ul li{ float: left; width: 100px; margin-bottom: 5px;} .review .form-inner dd ul li input{ margin: 0 3px 0 0; padding: 0;} .review .form-inner dd.one-item ul li{ float: none; width: 200px;} .review .form-inner dd ul li.narrow{ width: 80px;} .review .form-inner dd ul li.wider{ width: 120px;} /* END OF Sidebar & Widget Design Solution */ /* Share a Solution */ /* Loading */ div.loadingfirstload { display:block; position:relative; } div.loading { display:block; position:relative; display:none; } div.loading div { position:absolute;top:100px;left:55px;z-index:200; background:url(/images/bg/bg_updating.png) center center no-repeat; width:559px;height:131px; } div.loadingfirstload div { position:absolute;top:100px;left:55px;z-index:200; background:url(/images/bg/bg_updating.png) center center no-repeat; width:559px;height:131px; } div#updating-solutions.loading div {padding-top:53px;height:78px;text-align:center;} div#updating-solutions-firstload.loadingfirstload div {padding-top:53px;height:78px;text-align:center;} /* Share_window Site-Overlay */ #site_overlay { display:none; position: fixed; z-index:10000; top: 0px; left: 0px; height:100%; width:100%; background:#fff; filter:alpha(opacity=60);-moz-opacity:0.6;opacity:0.6; } .TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;} .TB_overlayBG {background-color:#fff;filter:alpha(opacity=40);-moz-opacity: 0.40;opacity: 0.40;} * html #site_overlay {position: absolute;height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');} #share_window { display:none; position: fixed;top:50%;left:50%;z-index: 10001; text-align:left; width:559px;height:499px; margin-left:-406px;margin-top:-250px; } #share_window div.contents {width:521px;height:476px;padding:15px 18px 0 18px;border-width: 0px 1px;border-style:solid; border-color:#c1c1c1;background:#fff;} * html #share_window {position: absolute;margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');} /* Share_window Contents */ #share_window div.share_header {height:5px;overflow:hidden;background-repeat:no-repeat;background-position:top left;background-image:url(/images/bg/bg_share-solution_top.png);} #share_window div.share_footer {height:5px;overflow:hidden;background-repeat:no-repeat;background-position:top left;background-image:url(/images/bg/bg_share-solution_bot.png);} #share_window p.one-line-form-field input.text-input {width:310px;float:left;} #share_window p.one-line-form-field textarea {width:290px;padding:10px;float:left;} #share_window p.one-line-form-submit input {float:left;} #share_window p.one-line-form-field-padded {padding-left:196px;} #share_window p.one-line-form-field-padded label {position:relative;top:-2px;padding-left:4px;} #share_window p.one-line-form-submit a.cancel {float:left;line-height:16px;color:#225b9f;margin:3px 0 9px 6px;font-weight:bold;border-bottom: 1px dotted #0780D6;} #share_window p.one-line-form-submit a.cancel:hover { color: #EA9C13; border-bottom: none; } * html #share_window p.one-line-form-submit a.cancel {border:none;text-decoration:underline;} #share_window h1 {margin-bottom:10px;} #share_window h2 {margin-bottom:20px;font-weight:normal;} /** * add by Le Yang (pls merge it later) */ /* slider-ui */ .review .form-inner .slider .ui-slider { margin: -12px 0 0 0; background: url(/images/bg/slider-bg.gif) no-repeat; } /* capute-soft box .capture-software {display: none; } */ /* from screen2.css */ .contact-us #content { width: 930px; margin: 0 0 0 17px; } .contact-us .product-sales { margin-left: -2px; } .story #content { width: 626px; margin: 0 16px 0 27px; } .col-3 #content { width: 473px; } .col-3 #side-nav { width: 193px; float: left; } .search #content { width: 725px; margin: 0 0 0 27px; } .story #inner-wrapper { margin-bottom: 0; } .article .caption { color: #06c; margin: 10px 0; font-weight: bold; } .article h1 { font-size: 2em; font-weight: normal; margin: 4px 0; } .article h2 { font-size: 1.5em; font-weight: normal; color: #666; margin: 0 0 10px; } .article .figure { width: 185px; font-size: 0.92em; margin: 0 22px 1em 0; float: left; display: inline; } .article .intro { font-size: 1.17em; line-height: 1.6;} .article p { margin: 0 0 1em; } .article h3 { font-size: 1.17em; margin: 0.86em 0; } .download { padding-left: 18px; background: url(/images/bg/download.gif) left center no-repeat; margin: 0; } .download a { padding-bottom: 1px; } .download a:link, .download a:visited { color: #225b9f; border-bottom: 1px dotted #0780D6; } .download a:hover, .download a:active { color: #EA9C13; border-bottom: none; } .box3 { background: url(/images/bg/box3.gif) bottom no-repeat; padding-bottom: 8px; width: 253px; } .box3 .inner { background: url(/images/bg/box3.gif) no-repeat; padding: 18px 12px 10px 18px; } .box3 h3 { color: #369; font-size: 1.17em; margin: 10px 0; } .video { margin: 40px 0 10px; } .box3 { margin-bottom: 10px; } .box3 h2 { margin-bottom: 10px; } .box3 p { line-height: 1.17; margin: 0; } .box3 form p { margin: 6px 0 10px 0; } .box3 form input { vertical-align: middle; margin: 0; } .box3 form .text-input { font-size: 0.92em; padding: 1px 4px; width: 156px; border: 1px solid #D1D1D1; } .box3 .find-supplies { margin: 14px 0 0 0; } .home .how-to-buy .inner { height:160px;} h1 { margin: 10px 15px; } .col-3 h1 { margin: 0; } .search h1 { margin: 0; } .contact li { background: url(/images/bg/box4.gif) bottom no-repeat; padding-bottom: 8px; float: left; display: inline; width: 284px; margin: 0 10px 30px 0; min-height: 190px; } .contact li .inner { background: url(/images/bg/box4.gif) no-repeat; padding: 18px 10px 10px 14px; } .contact li h2 { color: #369; font-size: 1.17em; margin: 0 0 -2px 0; } .contact li li { background: url(/images/bg/action.gif) 0 5px no-repeat; padding: 1px 0 2px 15px; float: none; display: block; margin: 9px 0 9px; min-height: 0; height: auto; width: auto; line-height:1.5em; } .contact .corporate-address { clear: left; } .contact .corporate-address ul { margin-top: 25px; } .contact .job-seekers p { margin-bottom: 17px; } .contact #datacard-hcard .fn { position: absolute; left: -9999px; } .box5 { background: url(/images/bg/box5.gif) bottom no-repeat; padding-bottom: 8px; width: 645px; margin: 0 0 15px; } .box5 .inner { background: url(/images/bg/box5.gif) no-repeat; padding: 18px 12px 10px 18px; } .product-number input { vertical-align: middle; } .product-number .text-input { border: 1px solid #e1e0e0; width: 250px; margin: 0 15px 0 0; color: #666; font-size: .92em; padding: 3px; } body.support_drivers #content {padding-left:13px;width:656px;} .select-product { overflow: hidden; margin: 10px 0 0; } .select-product li { line-height: 1.6; float: left; width: 150px; margin: 0 17px 0 0; } .select-product li h3 { padding: 0 0 5px 5px; } .select-product li div { overflow: auto; } .select-product li .product-type, .select-product li .product-family { height: 274px; padding: 12px 8px; border: 1px solid #dedddd; border-right: 2px solid #eeeded; } .select-product li div li { float: none; width: auto; margin: 0; background: url(/images/bg/arrow2.gif) no-repeat 0% 50%; padding: 0 0 0 12px; } .select-product li .product-type a, .select-product li .product-family a { color: #666; } .select-product li .product-type li.active a, .select-product li .product-type li a:hover, .select-product li .product-family li.active a, .select-product li .product-family li a:hover { color: #f90; } .select-product li .model { border: 1px solid #6cb5e6; height: 298px; width: 260px; } .select-product li .model li { overflow: hidden; } .select-product li .model h4 { font-size: 1.17em; font-weight: normal; } .select-product li .model img { float: left; padding: 0px;} .select-product li .model li ul { margin: 0 0 0 60px; font-size: .92em; } .select-product li .model li { padding: 10px 0; background: none; } .select-product li .model li li { padding: 0; } /*.other-support-resources { margin: 62px 0 0; }*/ .other-support-resources h2 { margin: 0 0 10px; } .other-support-resources li { font-weight: bold; } span.copy { vertical-align: super; font-size: .5em;} .featured-product { background: url(/images/bg/box7.png) bottom no-repeat; padding-bottom: 8px; width: 669px; margin: 0 0 25px; position: relative; } .featured-product .inner { background: url(/images/bg/box7.png) no-repeat; padding: 18px 12px 10px 23px; min-height: 205px; } .featured-product h1 { position: absolute; top: 25px; z-index: 100; } .featured-product .product { position: absolute; top: -11px; right: 15px; } .featured-product p { width: 285px; margin: 75px 0 0; } * html .featured-product p {margin-top:92px;} *+html .featured-product p {margin-top:92px;} .supplies { float: left; margin-right: -10px; } .supplies li { background: url(/images/bg/box6.gif) bottom no-repeat; padding-bottom: 8px; width: 328px; margin: 0 10px 15px 0; float: left; } .supplies li .inner { background: url(/images/bg/box6.gif) no-repeat; padding: 18px 12px 10px 158px; min-height: 120px; } .supplies li h3 { color: #326699; font-weight: normal; font-size: 1.18em; } .supplies li img { margin: 1.15em 0 0 -140px; float: left;} .supplies li .action span { font-weight: bold; } .support-services { background: url(/images/bg/box7.png) bottom no-repeat; padding-bottom: 8px; width: 669px; margin: 0 0 25px; position: relative; } .support-services .inner { background: url(/images/bg/box7.png) no-repeat; padding: 18px 12px 10px 23px; min-height: 205px; } .support-services h1 { position: absolute; top: 25px; z-index: 100; } .support-services .product { position: absolute; top: -11px; right: 15px; } .support-services p { width: 285px; margin: 75px 0 0; } .find-supplies h2 { color: #369; } /* .find-supplies div { width: 204px; } .find-supplies .first { border-bottom: 1px solid #d5e2fe; margin: 0 0 .75em; } .find-supplies .second { padding: 5px 0 0; } .find-supplies select, .find-supplies .text-input { width: 200px; font-size: .92em; border: 1px solid #d1d1d1; color: #666; padding: 1px; margin: 3px 0; } .find-supplies .text-input { width: 198px; padding: 3px 2px; margin: 5px 0 3px; } .find-supplies p a { font-size: .92em; padding-bottom: 1px; } .find-supplies a:link, .find-supplies a:visited { color: #225b9f; border-bottom: 1px dotted #0780D6; } .find-supplies a:hover, .find-supplies a:active { color: #EA9C13; border-bottom: none; } */ .box2 { margin-bottom: 10px;} .find-supplies .box2 { margin-bottom: 10px;} .box2 ul { padding-top:10px; } .box2 p { line-height: 1.17; margin: 0; } .box2 form p { margin: 6px 0 10px 0; } .box2 form input { vertical-align: middle; margin: 0; } .box2 form .text-input { font-size: 0.92em; padding: 1px 4px; width: 156px; border: 1px solid #D1D1D1; } .box2 .find-supplies .actions { margin: 14px 0 0 0; } .find-supplies .inner {margin-top:0px; padding-top:8px;} .find-supplies .inner .rightside {} .find-supplies .inner h2 {margin:0px; padding-top:5px;height:30px;} .box8 { background: url(/images/bg/box8.gif) bottom no-repeat; padding-bottom: 8px; width: 171px; } .box8 .inner { background: url(/images/bg/box8.gif) no-repeat; padding: 18px 12px 10px 18px; } .news-releases h2 { font-size: 1em; margin: 0 0 5px; } .news-releases ol { margin: 0 0 15px; } .news-releases li { margin: 5px 0; } .news-releases p { font-weight: bold; } .news-releases a.current { color: #EA9C13; } .asdfg {color:green;} .asdfg a { color: green; } .col-3 .intro { font-size: 1.17em; margin: 20px 0 30px; } .col-3 .events-select { margin: 30px 0; } .col-3 .events-select label { font-size: 1.18em; vertical-align: middle; padding: 0 10px 0 0; } .col-3 .events-select select { width: 175px; font-size: .92em; border: 1px solid #d1d1d1; color: #666; padding: 1px; } .col-3 .events { overflow: hidden; } .col-3 .events .vevent { margin: 0 0 30px; float: left; } .col-3 .events h2 { font-size: 1.17em; margin: 0 0 5px; } .col-3 .events .date { font-weight: bold; font-size: .92em; margin: 5px 0; color: #333; } .col-3 .events .photo { float: right; margin: -20px 0 0 15px; } .col-3 .events li a:link, .col-3 .events li a:visited { color: #225b9f; border-bottom: 1px dotted #0780D6; } .col-3 .events li a:hover, .col-3 .events li a:active { color: #EA9C13; border-bottom: none; } .col-3 .events ul { font-size: .92em; } .col-3 .events li { padding: 0 0 3px; } .col-3 .events li strong { padding: 0 5px 0 0; color: #369; } .col-3 .events li a.url:hover strong {color:#EA9C13;} .email-updates input { vertical-align: middle; } .email-updates .text-input { width: 155px; font-size: .92em; border: 1px solid #d1d1d1; color: #666; padding: 3px; } .search #search-form { border-top: 1px solid #e6e6e6; margin: 5px 0 10px; padding: 15px 0 0; } .search #search-form fieldset { width: 545px; } .search #search-form div { margin: 0 0 15px; float: left; } .search #search-form .keywords { width: 545px; } .search #search-form .within { float: left; clear: left; width: 255px; } .search #search-form .showing { float: right;} .search #search-form label { width: 70px; float: left; padding: 1px 0;} .search #search-form .keywords label { padding: 3px 0; width: auto; } .search #search-form .keywords input { float: right; width: 467px; font-size: .92em; border: 1px solid #d1d1d1; color: #666; padding: 3px; } .search #search-form div select { width: 178px; font-size: .92em; border: 1px solid #d1d1d1; color: #666; padding: 1px; } .search #search-form .submit { float: none; clear: both; padding-left: 70px; margin: 0; } .search .promo { border-top: 1px solid #e6e6e6; margin: 5px 0 10px; padding: 15px 0; width: 725px; float: left; } .search .promo .product { float: left; width: 230px; margin: 0 30px 0 0; } .search .promo .product img { float: left; } .search .promo .product h3 { margin: 0 0 5px 85px; font-weight: normal; font-size: 1.17em; } .search .promo .product img { margin: -7px 0 0 5px; } .search .promo .product ul { margin-left: 85px; font-weight: bold; font-size: .92em; } .search .promo .product ul li { padding-bottom: 4px; } .search .search-results { clear: both; border-top: 1px solid #e6e6e6; margin: 5px 0 0; padding: 20px 0 0; } .search .search-results h2 { font-size: 1.17em; margin: 0 0 25px; } .search .search-results li { margin: 0 0 25px; } .search .search-results li h3 { font-size: 1.09em; } .search .search-results strong.cat { font-size: .92em; display: block; margin: 5px 0; color: #333; } .search .pagination { border-top: 1px solid #e6e6e6; margin: 5px 0 10px; padding: 15px 0; overflow: hidden; } .search .pagination li { float: left; padding: 0 10px 0 0;} .search .pagination li.current { font-weight: bold; } .search .pagination li a { text-decoration: underline; } .search .pagination li a:hover { text-decoration: none; } .search .pagination li.next a { background: url(/images/bg/action.gif) right center no-repeat; padding: 0 17px 0 0; } /* END OF from screen2.css */ /* scree4.css */ /* Design Solution - Intro Page */ body.design-solution-page #content h1.combined {margin:10px 0 20px 27px;} div.design-options {width:645px;padding-left:11px;} div.design-options div.box5 span.nb {float:left;width:28px;height:84px;background-position:top left;background-repeat:no-repeat;text-indent:-9999px;} div.design-options div.box5 h2 {line-height:1;margin-bottom:6px;} div.design-options div.box5 h2, div.design-options div.box5 p {width:360px;margin-left:28px;} div.design-options div.option-3 h2, div.design-options div.option-3 p {width:340px;} div.design-options div.option-1 span.nb {background-image:url(/images/bg/option_1.gif);} div.design-options div.option-2 span.nb {background-image:url(/images/bg/option_2.gif);} div.design-options div.option-3 span.nb {background-image:url(/images/bg/option_3.gif);} div.design-options div.box5 {position:relative;} div.design-options div.box5 img {position:absolute;top:25px;right:12px;} div.design-options div.option-2 img {position:absolute;top:2px;right:48px;} div.design-options div.option-3 img {position:absolute;top:34px;right:6px;} div.option-1 h2 {padding-bottom:1px;} div.option-2 h2 {padding-bottom:1px;} div.option-3 h2 {padding-bottom:1px;} div.multi-column {width:652px;padding-left:11px;margin-bottom:15px;} div.columns1 div.boxf {width:645px;} div.columns2 div.boxf {float:left;width:319px;margin-right:7px;} div.columns3 div.boxf {float:left;width:210px;margin-right:7px;} .boxf { background: url(/images/bg/boxf-tl.gif) top left no-repeat; padding-bottom: 0; width: auto; margin: 0 0 0 0; } .boxf .inner { background: url(/images/bg/boxf-tr.gif) top right no-repeat; padding: 18px 12px 1px 18px; } .boxf .inner2 { position:relative; background: url(/images/bg/boxf-bl.gif) top left no-repeat; height:9px; overflow:hidden; } .boxf .inner2 div { background: url(/images/bg/boxf-br.gif) top left no-repeat; position:absolute;top:0;right:0;height:9px;width:7px;overflow:hidden;} .boxf .inner h2 { font-family: Arial, Helvetica, sans-serif; font-weight: normal; line-height:1.2em; margin-bottom:5px; } /* Design Solution - Step2 */ body.design-solution-page .top-nav { margin: 0 0 17px 15px; font-weight: bold; overflow:hidden; } body.design-solution-page .top-nav ul { float: left; margin-right: 20px; } body.design-solution-page .top-nav li { margin-bottom: 2px; } body.design-solution-page .top-nav li a { font-weight: bold; display: block; padding: 2px 12px 2px 5px; } body.design-solution-page .top-nav li a:link, body.design-solution-page .top-nav li a:visited { color: #225b9f; } body.design-solution-page .top-nav li a:hover, body.design-solution-page .top-nav li a:active { color: #EA9C13; } body.design-solution-page .top-nav li a.current:link, body.design-solution-page .top-nav li a.current:visited { background: #EA9C13; color: #fff; } body.design-solution-page .top-nav li a.current:hover { background: none; color: #EA9C13; } body.design-solution-page .top-nav li a span, body.design-solution-page .top-nav li a.current:hover span { color: #959696; } body.design-solution-page .top-nav li a.current span { color: #fff; } /* END of screen4.css */ /* Product Detail - related products */ #related-products h2 { margin-bottom: 10px; } /* Auto clearing floats */ .related-products-set .related-product:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; } .related-products-set .left { float: left; width: 310px; } .related-products-set .right { float: right; width: 310px; } .related-products-set .related-product { margin-top: 20px; } .related-products-set .related-product h3 { margin-bottom: 0.1em; } .related-products-set .related-product img { display: block; float: left; margin: 0 0 0 0; } .related-product-content { display: block; float: left; width: 190px; margin: 0 0 0 20px; } /* Product Detail - supplies & accessories */ #supplies-accessories .left { float: left; width: 310px; } #supplies-accessories .right { float: right; width: 310px; } #supplies-accessories .box9 { background: url(/images/bg/box9.gif) bottom no-repeat; padding-bottom: 8px; margin: 20px 0; width: 280px; position:relative; left:330px; top:-62px;} #supplies-accessories .box9 .inner { background: url(/images/bg/box9.gif) no-repeat; padding: 18px 12px 10px 18px; } .supply-accessory-item:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; } .supplies-accessories-list li { margin-bottom: 20px; } .supplies-accessories-list li h3 { margin-bottom: 0.1em; } .supplies-accessories-list li img { display: block; float: left; margin: 0 0 0 0; } .supplies-accessories-list li .content { display: block; float: left; width: 162px; margin: 0 0 0 20px; } /* Product Supplies Listing */ /* Autdo clearing floats */ .product-supplies .top-nav:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; } .product-supplies .top-nav { margin: 0 0 17px 15px; font-weight: bold; } .product-supplies .top-nav ul { float: left; margin-right: 20px; } .product-supplies .top-nav li { margin-bottom: 2px; } .product-supplies .top-nav li a { font-weight: bold; display: block; padding: 2px 12px 2px 5px; } .product-supplies .top-nav li a:link, .product-supplies .top-nav li a:visited { color: #225b9f; } .product-supplies .top-nav li a:hover, .product-supplies .top-nav li a:active { color: #EA9C13; } .product-supplies .top-nav li a.current:link, .product-supplies .top-nav li a.current:visited { background: #EA9C13; color: #fff; } .product-supplies .top-nav li a.current:hover { background: none; color: #EA9C13; } .product-supplies .top-nav li a span, .product-supplies .top-nav li a.current:hover span { color: #959696; } .product-supplies .top-nav li a.current span { color: #fff; } .product-supplies .product-additional-information { margin-top: 62px; } .product-supplies .product-additional-information h2 { color: #369; margin-top: 14px; } .product-supplies .product-additional-information div { width: 204px; } .product-supplies .product-additional-information .first { padding: 0 0 14px 0; border-bottom: 1px solid #d5e2fe; margin: 0 0 .75em; } .product-supplies .product-additional-information .second { padding: 5px 0 0; } .product-supplies .product-additional-information select, .product-additional-information .text-input { width: 200px; font-size: .92em; border: 1px solid #d1d1d1; color: #666; padding: 1px; margin: 3px 0; } .product-supplies .product-additional-information .text-input { width: 198px; padding: 3px 2px; margin: 5px 0 3px; } .product-supplies .product-additional-information p a { font-size: .92em; padding-bottom: 1px; } .product-supplies .product-additional-information a:link, .product-supplies .product-additional-information a:visited { color: #225b9f; border-bottom: none; } .product-supplies .product-additional-information a:hover, .product-supplies .product-additional-information a:active { color: #EA9C13; border-bottom: none; } /* Support & Drivers - Product Support */ .product-support .product-additional-information { margin-top: 62px; } /* Autdo clearing floats */ .product-support .top-nav:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; } .product-support .top-nav { margin: 0 0 17px 15px; font-weight: bold; } .product-support .top-nav ul { float: left; margin-right: 20px; } .product-support .top-nav li { margin-bottom: 2px; } .product-support .top-nav li a { font-weight: bold; display: block; padding: 2px 12px 2px 5px; } .product-support .top-nav li a:link, .product-support .top-nav li a:visited { color: #225b9f; } .product-support .top-nav li a:hover, .product-support .top-nav li a:active { color: #EA9C13; } .product-support .top-nav li a.current:link, .product-support .top-nav li a.current:visited { background: #EA9C13; color: #fff; } .product-support .top-nav li a.current:hover { background: none; color: #EA9C13; } .product-support .top-nav li a span, .product-support .top-nav li a.current:hover span { color: #959696; } .product-support .top-nav li a.current span { color: #fff; } /* FAQs and Documentation - similar to expandable zones presentation */ .static-zone { margin-bottom: 8px; } .static-zone p.intro { margin: 10px 83px 2px 13px; } .static-zone h2 { font-size: 1.09em; margin: 20px 0 20px 13px; } .static-zone .static-zone-inner { background: #fff url(/images/bg/expandable-inner.gif) bottom no-repeat; padding: 16px 13px 15px 13px; } .static-zone .item { margin: 17px 83px 2px 13px; } .static-zone .first-item { margin-top: 0; } .static-zone .item h3 { font-size: 1em; color: #225B9F; margin: 0 0 5px 0; } .static-zone .item p { margin: 0 0 2px 0; } .static-zone .item .info .updated { padding-left: 8px; margin-left: 4px; background: url(/images/bg/item-info-sep.gif) left center no-repeat; } .static-zone .item ul { margin: 5px 0 0 0; } .static-zone .item li.download { padding-left: 16px; background: url(/images/bg/download2.gif) 0 5px no-repeat; } .static-zone .item li.download a { font-size: 0.92em; font-weight: bold; color: #555; border-bottom: 1px dotted #0780D6; } .static-zone .item li.download a:hover { border-bottom: 0; } .static-zone .item table { width: 100%; } .static-zone .item th { border-bottom: 1px solid #ddd; font-size: 0.92em; font-weight: bold; padding: 0 0 2px 0; color: #333; } .static-zone .item th span { font-weight: normal; color: #555; } .static-zone .item td { padding: 2px 0 0 0; } /* Support & Drivers landing page */ .support_drivers .other-support-resources { margin: 62px 0 0; } /* #1404 */ /* Support & Drivers search results */ .support-drivers-search-results #content {width:656px;padding-left:13px;} .support-drivers-search-results .other-support-resources { margin: 62px 0 0; } .support-drivers-search-results .search-results h2 { margin-left: 20px; } .support-drivers-search-results .search-results .model h4 { font-size: 1.17em; font-weight: normal; } .support-drivers-search-results .search-results .model img { float: left; padding: 0px;} .support-drivers-search-results .search-results .model li ul { margin: 0 0 0 60px; font-size: .92em; } .support-drivers-search-results .search-results .model li { padding: 10px 0; background: none; } .support-drivers-search-results .search-results .model li li { padding: 0; } .support-drivers-search-results .search-results .model li.item:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; } /* #1405 */ /* Supplies search results */ .supplies-search-results #content {width:656px;padding-left:13px;} .supplies-search-results .other-support-resources { margin: 62px 0 0; } .supplies-search-results .search-results h2 { margin-left: 20px; } .supplies-search-results .search-results .supply h4 { font-size: 1.17em; font-weight: normal; } .supplies-search-results .search-results .supply img { float: left; padding: 20px 15px;} .supplies-search-results .search-results .supply li ul { margin: 0 0 0 60px; font-size: .92em; } .supplies-search-results .search-results .supply li { padding: 10px 0; background: none; } .supplies-search-results .search-results .supply li li { padding: 0; } .supplies-search-results .search-results .supply li.item:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; } /* #1397 */ .design-solution a.reset-button{margin-bottom: 5px; display: block; clear: left; } .design-solution a.reset-button{margin-bottom: 5px; display: block; position: relative; width: 55px; height: 26px;} .design-solution a.reset-button img{display: none; position: relative; z-index: 2;} .design-solution a.reset-button span{display: block; position: absolute; z-index: 10; left: 0; top: 0; width: 55px; height: 26px;background: url(/images/buttons/reset.png) no-repeat left top; } .design-solution a.reset-button:hover img{display: none; } .design-solution a.reset-button:hover span{cursor: pointer; margin-bottom: 5px; display: block; background: url(/images/buttons/reset-h.png) no-repeat left top; width: 55px; height: 26px;} /* #1398 */ /* .instructions-expandable */ .instructions-expandable { margin-bottom: 8px;} .instructions-expandable h2#how-to-design-a-solution2 { background: url(/images/bg/tabs2.gif) top center no-repeat; border-top: none; height: 36px; } .instructions-expandable h2 { font-size: 1.09em; text-transform: uppercase; } .instructions-expandable h2 a { color: #00357B; display: block; padding-top: 8px; } .instructions-expandable h2 a .title-inner { display: block; padding: 2px 11px 8px 11px; } .instructions-expandable h2 a .title-inner span { padding-left: 15px; background: url(/images/bg/expandable-title-arrow.gif) left center no-repeat; } .instructions-expandable .instructions-expandable-inner { padding: 0; } /* .how-to-design-a-solution-expandable-closed */ .instructions-expandable-closed h2 a .title-inner span { background-image: url(/images/bg/expandable-title-closed-arrow.gif); } .instructions-expandable-closed .instructions-expandable-inner { display: none; } /* instructions content */ div.instructions {width:645px; margin-top:15px; padding-left:11px;} div.instructions:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; } div.instructions div.box5 span.nb {float:left;width:28px;height:84px;background-position:top left;background-repeat:no-repeat;text-indent:-9999px;} div.instructions div.box5 h2 {font-size: 1.3em; line-height:1;margin-bottom:6px;text-transform: none;} div.instructions div.box5 h2, div.instructions div.box5 p {width:360px;margin-left:28px;} div.instructions div.option-3 h2, div.instructions div.option-3 p {width:340px;} div.instructions div.option-1 span.nb {background-image:url(/images/bg/option_1.gif);} div.instructions div.option-2 span.nb {background-image:url(/images/bg/option_2.gif);} div.instructions div.option-3 span.nb {background-image:url(/images/bg/option_3.gif);} /*div.instructions div.box5 {position:relative;}*/ /* Causing disfunction in IE6/7 */ div.instructions div.box5 img { float: right; margin: 25px 12px 0 0; } div.instructions div.option-2 img { float: right; margin: 2px 48px 0 0; } div.instructions div.option-3 img { float: right; margin: 34px 5px 0 0; } /* #1399 */ /* move to slider section above - replace existing*/ .review .form-inner div.slider { padding: 12px 0px 10px 0px; position: relative; width: 200px; clear: both;} .review .form-inner div.slider span.slider-handle{ background: url(/images/bg/slider-handle.gif) no-repeat; width: 12px; height: 16px; display: block; position: relative; } .review .form-inner div.slider span.slider-handle.default-position{ position: absolute; top: -4px; left: 0px; cursor: pointer;} .review .form-inner div.slider span.default{ position: absolute; left: 0px; top: 12px;} .review .form-inner div.slider span.first{ position: absolute; left: 50px; top: 12px;} .review .form-inner div.slider span.second{ position: absolute; left: 115px; top: 12px;} .review .form-inner div.slider span.third{ position: absolute; right: 0px; top: 12px;} .review .form-inner dd{padding: 10px 0 10px; width: 200px; overflow: visible; font-size: 0.9em; clear: left;} .review .form-inner div.slider span.slider-handle.first-position{ position: absolute; top: -4px; left: 60px; cursor: pointer;} .review .form-inner div.slider span.slider-handle.second-position{ position: absolute; top: -4px; left: 125px; cursor: pointer;} .review .form-inner div.slider span.slider-handle.third-position{ position: absolute; top: -4px; right: 0px; cursor: pointer;} /* #1400 - see ln 582 */ .solution-box h3 {position: relative; z-index: 10; margin: 5px 0 5px 10px;} .solution-box.collapsed h3 {position: relative;height: 16px; overflow: hidden;} .zero-products .solution-box h3 {position: relative;height: 16px; overflow: hidden; margin: 8px 0 5px 10px;} /* opacity */ div.insolution { opacity: .5; } #content .list1 ul ul { font-size: 1em; margin: 0; } #content .list1 ul ul ul { font-size: 1em; margin: 0} #content .list1 ul ul li { margin:0; padding-left: 15px; background: url(/images/bg/list1b.gif) 1px 5px no-repeat; } #content .list1 ul ul ul li { margin:0; padding-left: 15px; background: url(/images/bg/list1c.gif) 1px 5px no-repeat; } /* Wrensoft Zoom Search Engine highlight color */ .highlight { background: #FFFF40; } /*International Portfolio of Products*/ .portfolio { float: left; margin-right: -10px; list-style-image:none; } .portfolio li { background: url(/images/bg/box-300.gif) bottom no-repeat; padding-bottom: 8px; width: 300px; margin: 0 10px 15px 0; float: left; } .portfolio li .inner { background: url(/images/bg/box-300.gif) no-repeat; padding: 30px 12px 30px 158px; min-height: 100px; } .portfolio li h3 { color: #326699; font-weight: normal; font-size: 1.18em; } .portfolio li img { margin: 0 0 0 -140px; float: left;} .portfolio li .action span { font-weight: bold; } p.portfoliointro, h2.portfoliointro {padding-left:14px;} /*International Services*/ .international-service { margin-right: -10px; list-style-image:none; } .international-service li { background: url(/images/bg/box-300.gif) bottom no-repeat; padding-bottom: 8px; width: 300px; margin: 0 10px 15px 0; float: left; } .international-service li .inner { background: url(/images/bg/box-300.gif) no-repeat; padding: 12px 12px 12px 20px; min-height: 120px; } .international-service li h3 { color: #326699; font-weight: normal; font-size: 1.18em; } .international-service li .action span { font-weight: bold; } .international-service li ul.list1 li { background:none; margin:0; padding:0; width:250px;} .cleaner {clear:both;} /*International About Us*/ .story .box9 { padding-bottom: 8px; margin: 0; width: 280px; float:right;} .story .box9 .inner { padding: 18px 12px 10px 18px; } /*homepage*/ div.find-supplies {min-height:135px;} .additional-product-information img a:link {border:none;} /* NEW */ .products-row .product li.product-type-indicator img { display: inline; margin: 5px 0 0 0; } #nav li .panel01 { width: 199px; background: url(/images/bg/panel-products-and-services.gif) bottom no-repeat; padding-bottom: 1px;} #nav li .panel01 .inner { background: url(/images/bg/panel-products-and-services.gif) no-repeat; padding: 19px 10px 8px 25px; } #nav .panel01 .top { margin: 0 0 0 11px; } #nav li .panel01 ul li { padding-bottom:5px; } /* EOF */