/* * styles.css * * The styles.css file contains CSS styles that are used for all browsers. * /* Copyright (c) 2007, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 2.2.2 */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;} /* Copyright (c) 2007, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 2.2.2 */ body {font:13px arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}select, input, textarea {font:99% arial,helvetica,clean,sans-serif;}pre, code {font:115% monospace;*font-size:100%;}body * {line-height:1.22em;} body { font-family: Arial,Verdana,Helvetica,sans-serif; } a { color:#39c; text-decoration: none; } a:hover { color:#f93; text-decoration:underline; } /* Begin Style for all three column showing */ #Wrapper { width: 1000px; } /* Width of "page" */ #MainChannel { width: 865px; } /* Width of left channel and center channel combined */ #SidebarPrimary { width: 245px; } /* Width of left channel */ #Content { width: 614px;} /* Width of center channel */ #SidebarSecondary { width: 129px; } /* Width of right channel */ #Footer { padding-left: 250px; } /* Make footer text line up with left side of center channel */ /* End Style for all three column showing */ /* Begin Style for no Secondary sidebar */ body.noSidebarSecondary #MainBody { background: url(/pics/shared/bottom-bg-no-sidebar-secondary.gif) no-repeat 100% 100%; } body.noSidebarSecondary #MainChannel { width: 1000px; } body.noSidebarSecondary #Content { width: 747px; } body.noSidebarSecondary #Footer { } /* End Style for no Secondary sidebar */ /* Begin Style for no Primary sidebar */ body.noSidebarPrimary #Content {} /* End Style for no primary sidebar */ /* Begin Style for Content channel only*/ body.noSidebarPrimaryOrSidebarSecondary #MainBody {} body.noSidebarPrimaryOrSidebarSecondary #MainChannel {} body.noSidebarPrimaryOrSidebarSecondary #Content {} /* End Style for Content channel only */ /* Begin Style for Homepage and Landing Pages*/ body.home #Header, body.landing #Header { height: 24px; background-position: 0 23px; } body.home #SiteId, body.landing #SiteId { background: url(/pics/shared/wrapper-bg.png) repeat-y -4px 0; border: 0; left: 4px; margin: 0; position: absolute; width: 248px; z-index: 10; } body.home #SiteId a, body.landing #SiteId a { margin-left: 54px; } body.home #Mast, body.landing #Mast { font-size: 13px; height: auto; margin-left: 11px; padding-top: 12px; /*added 8.27.08 dmb */ position: relative; width: 736px; } body.home #Mast #FlashBanner { z-index: 5; } body.landing #Mast #Banner { /*changed from 191 to 178 */height: 178px; } body.landing #Mast #Banner h1 { color: #333; font-size: 227%; padding: 23px 0 0 16px; } body.home #MainBody, body.landing #MainBody { background: #fff; } body.home #MainChannel, body.landing #MainChannel { background: url(/pics/shared/bottom-bg-no-sidebar-secondary.gif) no-repeat 100% 100%; } body.home #ContentChannel, body.landing #ContentChannel { margin-bottom: 0; margin-right: 0; margin-top: 0; } body.home #SidebarPrimary, body.landing #SidebarPrimary { margin-top: 82px; width: 249px; } body.home #SidebarPrimary .content, body.landing #SidebarPrimary .content { background: url(/pics/shared/wrapper-bg.png) repeat-y -4px 0; } body.home #SidebarPrimary .finder .content, body.landing #SidebarPrimary .finder .content { background: #fff; padding-right: 0; } body.home #SidebarPrimary .finder .header .content, body.landing #SidebarPrimary .finder .header .content { background: none; } body.home #NavigationSecondary, body.landing #NavigationSecondary { background: url(/pics/navigation-secondary/bottom.png) no-repeat 0 100%; padding-bottom: 9px; padding-right: 4px; } body.aboutLanding #NavigationSecondary { background: url(/pics/navigation-secondary/about-landing-bottom.png) no-repeat 0 100%; } body.home #NavigationSecondary ul, body.landing #NavigationSecondary ul { padding-top: 0; } body.home #NavigationSecondary ul li.first, body.landing #NavigationSecondary ul li.first { background: url(/pics/shared/leftnav/item-nested-bg.png) no-repeat 0 0; } body.home #NavigationSecondary ul li ul li.first, body.landing #NavigationSecondary ul li ul li.first { background: none; } body.home #ContentChannel h2, body.landing #ContentChannel h2 { color: #262626; font-size: 122%; font-weight: normal; margin: 20px 0 0; } body.home #ContentChannel .linksWithDates { margin: 0; } body.home #ContentChannel dl { font-size: 92%; margin-top: 15px; } body.landing dl.news dd { margin-bottom: 6px; } body.support #ContentChannel .buttonMore { bottom: 8px; position: absolute; margin-top: 3px; } form.warrantyForm{ padding-bottom:12px; margin-bottom:8px; } /* End Style for Homepage and Landing Pages */ /* Link at top of document to jump over navigation and go straight to content - For usability */ #ContentJump { display: none; } #Wrapper { background: url(/pics/shared/wrapper-bg.png) repeat-y 0 0; } body.about #Wrapper, body.search #Wrapper { background: url(/pics/shared/wrapper-about-bg.png) repeat-y 0 0; } body.home #Wrapper, body.landing #Wrapper { background: 0; } #SiteId { background: #fff; border-bottom: 1px solid #c5c5c5; height: 109px; margin-left: 3px; width: 246px; position: absolute; } #SiteId a { display: block; margin: 39px 0 0 55px; } #Header { background: white url(/pics/shared/header-bg.png) repeat-x 0 100%; height: 106px; margin-left: 252px; padding-bottom: 3px; position: relative; z-index: 10; } #Header #Mast { margin-left: 252px; } #Toolbar { border-right: 1px solid #ccc; color: #666; float: right; font-size: 75%; height: 22px; } #Toolbar ul { margin: 2px 3px 0 0; } #Toolbar ul li { background:url(/pics/shared/toolbar-divider.gif) no-repeat 100% 50%; float:left; margin-right: 13px; padding: 4px 11px 0 0; } #Toolbar ul li.last {background:0; margin:0; padding:0;} #Toolbar a { color:#666; outline: none; } #Toolbar a:hover, #Toolbar a.hover { color: #f93; } #Toolbar input.text { border:1px solid #bebebe; color:#666; float: left; /* Get rid of extra space on top pushing it down */ height: 14px; line-height: 14px; margin: 0 4px 0 0; padding: 0px 0 2px 1px; width:101px; } #Login { background: url(/pics/login/background.gif) no-repeat 0 100%; display: none; left: -2px; overflow: hidden; position: absolute; top: 25px; width: 175px; } #Login .content { background: none !important; padding: 5px 4px 5px 14px; } #Login h3 { color: #fff; font-weight: bold; margin-top: 5px; width: 144px; } #Login a { color: #fff !important; font-size: 85%; } #Login a.close { background: url(/pics/login/close.png) no-repeat 0 0; float: right; height: 13px; outline: none; text-indent: -32000em; width: 13px; } #Login fieldset { margin: 10px 15px 8px 0; } #Login fieldset input { border: 1px solid #b0b0b0; display: block; font-size: 85%; margin-bottom: 7px; padding: 2px 0 2px 4px; width: 136px; } #Login fieldset a.button { background: url(/pics/login/button-bg.png) no-repeat 100% 0; color: #0086c7 !important; display: block; float: right; font-size: 86%; padding-right: 24px; text-decoration: none; } #Login fieldset a.button span { background: url(/pics/login/button-bg.png) no-repeat 0 0; display: block; padding-left: 10px; line-height:2em; } /*hide hidden input fields*/ #Login fieldset input.hide, #NavigationSecondary .login .channel input.hide { display: none; } #Mast { background-image: url(/pics/masts/about.jpg); background-position: 100% 100%; background-repeat: no-repeat; clear: right; color:#069; font-size:1.25em; font-weight:bold; height:83px; } #Mast p { padding:35px 0 0 27px; } /* Top Navigation */ ul#NavigationPrimary { z-index: 2; font-size:.75em; padding:9px 0 0 5px; height:15px; float: left;} ul#NavigationPrimary li { /* Topnav item */ background:url(/pics/shared/primary-navigation-divider.gif) no-repeat center right; float: left; /* Keep nav in a line */ margin-right: 4px; padding-right:10px; } ul#NavigationPrimary li a { color:#6b6b6b; } ul#NavigationPrimary li.last { background: 0; } ul#NavigationPrimary li a#BuyNow { background-color: #fff; background-image: url(/pics/shared/cart.png); background-position: 0 0; background-repeat: no-repeat; display:block; height:12px; text-indent:-32000em; width:13px; } ul#NavigationPrimary li a:hover { background-position: 0 100% !important; color: #f93; } #MainBody { background: url(/pics/shared/main-body-bg.png) no-repeat 100% 100%; clear: left; position: relative; /* to facilitate */ z-index: 2; /* topnav dropdowns */ } /* Wrap left and center channel so that we can put center channel first in markup for optimal content ordering */ #MainChannel { float: left; padding-bottom: 11px; } /* About section has nested leftnav and we present the look with this extra bg image. */ body.about #MainChannel, body.search #MainChannel { background: url(/pics/shared/mainchannel-about-bg.png) no-repeat 13px 100%; } /* Left channel */ #SidebarPrimary { float: left; } /* Center channel */ #Content { float: right; } #ContentChannel #Breadcrumbs { background:url(/pics/shared/dotted-line.gif) repeat-x 0 100%; margin: 0 0 18px 0; padding: 0 0 5px 0; } body.noSidebarSecondary #ContentChannel #Breadcrumbs { /* Don't write over the PageTools */ padding-right: 130px; } #ContentChannel #Breadcrumbs ul { color:#aeaeae; line-height: 1.0em; margin: 0; } #ContentChannel #Breadcrumbs ul li { background:url(/pics/shared/breadcrumb-divider.gif) center right no-repeat; display: inline; font-size: 77%; margin: 0 3px 0 0; padding: 0 12px 0 0; } #ContentChannel #Breadcrumbs ul li.last { background: none; } ul#PageTools { background: #fff; font-size: 70%; position: absolute; right: 0; top: 0; width: 112px; } ul#PageTools li { padding: 11px 19px 0 0; } ul#PageTools li a#PrintLink { background: url(/pics/shared/print_icon.gif) no-repeat 0 0; display: block; padding: 5px 0 4px 25px; } #ContentChannel { color:#666; margin:26px 20px 20px 16px; } body.pressRelease #ContentChannel { background: url(/pics/shared/dotted-line.gif) repeat-x 0 100%; padding-bottom: 30px; } #ContentChannel h1 {color:#069; font-size:114%; font-weight:bold; margin:0 0 26px 0;} body.digital #ContentChannel h1 { background: url(/pics/shared/dotted-line.gif) repeat-x 0 100%; margin-bottom: 18px; padding-bottom: 8px; } body.productModel #ContentChannel h1 { margin: 20px 0 10px; } #ContentChannel h2 {color:#069; font-weight:bold; margin:10px 0 10px;} body.digital #ContentChannel h2 { margin-bottom: 5px; } #ContentChannel h3 {font-weight:bold;} body.digital #ContentChannel h3 { margin-bottom: 4px; } #ContentChannel p { font-size: 85%; margin:0 0 15px 0; } #ContentChannel p.intro { font-size: 100%; } #ContentChannel p.lead { margin-top: 10px; } #ContentChannel img.intro {float: left; padding: 0 20px 10px 0;} #ContentChannel img.right {float: right; padding: 0 0 10px 20px;} #ContentChannel a { } #ContentChannel a:hover {text-decoration: none;} #ContentChannel a.more { background:url(/pics/shared/orange-arrow-right.gif) no-repeat right 4px; padding-right:12px; } #ContentChannel table { } #ContentChannel table th { font-weight: bold; } /* Back to top links */ #ContentChannel a.top { display: block; font-size: 85%; outline: none; text-align: right; } /* Used on Product Model Template */ #ContentChannel a.productTour, #ContentChannel a.productTour:hover {color: #666666; font-weight: bold;} /* Used on Product Model Template */ #ContentChannel a.doc { background: url(/pics/shared/doc.gif) no-repeat 0 0; display: block; font-size: 77%; height: 18px; margin: 0; padding-left: 23px; } #ContentChannel dl { font-size: 85%; } #ContentChannel .linksWithDates { } #ContentChannel .linksWithDates dl { } #ContentChannel .linksWithDates dl dt { float: left; margin-right: 15px; text-align: right; width: 100px; } #ContentChannel .shortDates dl dt { width: 60px; } body.home #ContentChannel .shortDates dl dt { margin-right: 10px; width: 110px; } #ContentChannel .linksWithDates dl dd { float: left; padding-bottom: 7px; width: 420px; } #ContentChannel .primary .linksWithDates dl dd { width: 175px; } #ContentChannel .shortDates dl dd { width: 440px; } body.noSidebarSecondary #ContentChannel .linksWithDates dl dd { width: 505px; } body.noSidebarSecondary #ContentChannel .shortDates dl dd { width: 525px; } body.home #ContentChannel .linksWithDates dl dd { width: 605px; } /* Alternative link with date display */ #ContentChannel .linksWithDates ul { margin: 0; padding: 0; list-style: none; } #ContentChannel .linksWithDates ul li {background: none; padding: 0; margin-bottom: 10px; } #ContentChannel .linksWithDates a.more { background: url(/pics/shared/blue-right-arrow.gif) no-repeat right 3px; display: block; float: right; font-size: 92%; font-weight: bold; margin-top: -8px; } #ContentChannel .linksWithDates a.prev { background: url(/pics/shared/blue-left-arrow.gif) no-repeat 0 3px; display: block; float: left; font-size: 92%; font-weight: bold; margin-top: -8px; padding: 0 0 0 12px; } #ContentChannel .events { } #ContentChannel .events dl { margin-bottom: 10px; } #ContentChannel .events dl dt { margin-top: 8px; } #ContentChannel .events dl dt.first { margin-top: 0; } #ContentChannel .events dl dd { } #ContentChannel .events dl dd a { background: url(/pics/shared/link-arrow.png) no-repeat right 5px; padding-right: 10px; } #ContentChannel .events a.more { font-size: 85%; } #ContentChannel .searchResults { } #ContentChannel .searchResults p.terms { margin-top: 15px; } #ContentChannel .searchResults p.resultsInfo { text-align: right; } #ContentChannel .searchResults dl { margin-bottom: 15px; } #ContentChannel .searchResults dl dt { margin-top: 10px; } #ContentChannel .searchResults table { font-size: 85%; } /* Standard Content list */ #ContentChannel ol { } #ContentChannel ol li { font-size: 85%; } #ContentChannel ul { margin: 0 0 20px 10px; } #ContentChannel ul li { background: url(/pics/shared/bullet_orange.gif) no-repeat left 5px; font-size: 85%; padding-left: 10px; } #ContentChannel ul li ul { margin-bottom: 0; } #ContentChannel ul li ul li { font-size: 100%; } #ContentChannel ul.paginated { width: 90%; } #ContentChannel ul.paginated li { background: 0; display: inline; margin-right: 5px; padding: 0;} #ContentChannel ul.paginated li em { font-weight: bold; } #ContentChannel ul.news { margin: 0; } #ContentChannel ul.news li { background: 0; margin-bottom: 10px; padding: 0; } #ContentChannel ul.news a { display: block; } /* Solution for image replacement on line element from: http://www.evotech.net/blog/2007/09/css-image-replacement-method/ */ #ContentChannel ul.news a.go { background:url(/pics/shared/blue-right-arrow.gif) no-repeat 0 2px; color:rgba(255,255,255,0); display:-moz-inline-box; display:inline-block; font:0/0 Arial; height: 11px; overflow:hidden; text-indent:-32000em; vertical-align:top; width: 8px; } /* Tabbed content */ #ContentChannel ul.tabs { background: url(/pics/shared/below-tab-bg.gif) repeat-x bottom left; height: 38px; margin: 0; padding-bottom: 15px; width: 100%; } #ContentChannel ul.tall { height: 63px; } #ContentChannel ul.tabs li { background-image: url(/pics/shared/tab-right-bg.gif); /* NOTE: This image was grabbed from Seagate's live site. It is in it's original size. */ background-position: 100% 0; background-repeat: no-repeat; float: left; font-size: 100%; height: 35px; margin-right: 2px; padding: 0 3px 0 0; width: 100px; /* Standard tab width */ } #ContentChannel ul.tall li { height: 60px; } #ContentChannel ul.narrow li { width: 77px; /* Narrow width for when there are many tabs */ } body.noSidebarSecondary #ContentChannel ul.narrow li { width: 90px; /* No right channel means more space for tabs */ } #ContentChannel ul.tabs li.hover { background-position: 100% -300px; } #ContentChannel ul.tabs li.active { background-position: 100% -150px; height: 36px; } #ContentChannel ul.tall li.active { height: 61px; } #ContentChannel ul.tabs li a { background-image: url(/pics/shared/tab-left-bg.gif); /* NOTE: This image was grabbed from Seagate's live site. It is in it's original size. */ background-position: 0 0; background-repeat: no-repeat; display: block; font-size: 85%; height: 30px; outline: none; padding: 5px 0 0 3px; text-align: center; text-decoration: none; } #ContentChannel ul.tall li a { height: 55px; } #ContentChannel ul.tabs li.hover a { background-position: 0 -300px; color: #333; } #ContentChannel ul.tabs li.active a { background-position: 0 -150px; color: #069; height: 31px; } #ContentChannel ul.tall li.active a { height: 56px; } #ContentChannel .submit { vertical-align: bottom; } #ContentChannel form#SearchFAQ p { background:url(/pics/shared/dotted-line.gif) repeat-x 0 100%; padding-bottom: 20px; } /* Used on Product Theme Template */ /* Not called out in a .contentBox because it can be used outside of one */ #ContentChannel .productsServices img { float: left; margin-right: 15px; } #ContentChannel .productsServices p { margin: 0 0 0 80px;} #ContentChannel .productsServices p a {display: block; } #ContentChannel .productsServices ul { margin-bottom: 5px; } #ContentChannel .productsServices ul li { background: 0; display: inline-block; float: left; font-size: 100%; margin-bottom: 10px; width: 44%; } #ContentChannel .productsServices ul li img { margin-right: 10px; } #ContentChannel .productsServices ul li p { margin: 0 0 0 55px; } /* Standard component on the site which gives us the rounded box around content */ #ContentChannel .contentBox { margin: 15px 0 20px 0; } #ContentChannel .pullOutList { float: left; margin: 0; padding: 0 20px 10px 0; width: 200px; } #ContentChannel .contentBox p { margin: 0; } #ContentChannel .contentBox .header { background: #fff url(/pics/container-box/bg.gif) no-repeat 0 8px; min-height: 16px; padding-left: 7px; } #ContentChannel .styleA .header { background: #fff url(/pics/container-box/gradient-bg.png) no-repeat 0 0; } #ContentChannel .contentBox .header .content { background: #fff url(/pics/container-box/bg.gif) no-repeat 100% 8px; min-height: 16px; padding-left: 11px; } #ContentChannel .styleA .header .content { background: #fff url(/pics/container-box/gradient-bg.png) no-repeat 100% 0; padding-left: 0; } /* Common contentBox header styles */ #ContentChannel .contentBox .header h2 { color: #f93; margin: 0 0 5px 112px; padding-top: 20px; } #ContentChannel .contentBox .header h3 { background: #fff; color:#999; display: inline; font-size: 92%; font-weight:bold; padding: 0 3px; } #ContentChannel .styleA .header h3 { background: 0; } #ContentChannel .contentBox .header p { margin-left: 112px; padding-top: 30px; } body.productModel #ContentChannel .contentBox .header p { padding: 0; } #ContentChannel .contentBox .header img { float: left; } body.productModel #ContentChannel .contentBox .header img { margin-top: 20px; } #ContentChannel .contentBox .channel { background: url(/pics/container-box/bg.gif) no-repeat 0 -7px; padding-left: 1px; } #ContentChannel .styleA .channel { background: 0; } #ContentChannel .contentBox .channel .content { background: url(/pics/container-box/bg.gif) no-repeat 100% -7px; padding: 14px 20px 10px 20px; } #ContentChannel .styleA .channel .content { background: 0; } #ContentChannel .contentBox .channel .hiliteImage { padding-bottom: 0; } /* Common contentBox channel styles */ #ContentChannel .contentBox .channel h1 { color:#069; font-size:100%; font-weight:bold; margin:0 0 5px 0; } #ContentChannel .contentBox .channel h2 {margin: 0 0 5px 0;} #ContentChannel .contentBox .channel h3 {color:#069; font-size: 85%; font-weight: bold;} /* Used on About Investor Template */ #ContentChannel .contentBox .channel .footnote {width: 100%; padding-top: 20px;} #ContentChannel .contentBox .channel .footnote a.go { display: block; font-size: 85%; } #ContentChannel .contentBox .channel .footnote p {font-size: 100%; margin-bottom: 10px;} #ContentChannel .contentBox .channel .events p.eventsIntro { border-bottom: 1px solid #e4e4e4; margin-bottom: 10px; padding-bottom: 10px; } #ContentChannel div.irBanner { width: 333px; float: left; margin-right: 3px; } body.investors #ContentChannel div.secondary { float: right; } body.investors #ContentChannel div.financialEvent { clear: both; } /* Multi-column contentBox implementations */ #ContentChannel .contentBox .channel .multiColumn { } #ContentChannel .contentBox .channel .multiColumn h3 { margin-bottom: 5px; } #ContentChannel .contentBox .channel .multiColumn p { padding-bottom: 5px; } #ContentChannel .contentBox .channel .multiColumn a.more { background:url(/pics/shared/orange-arrow-right.gif) no-repeat 100% 50%; } #ContentChannel .contentBox .channel .multiColumn a.readMore { background:url(/pics/shared/orange-arrow-right.gif) no-repeat 100% 0; display:block; height: 11px; overflow:hidden; padding: 0; text-indent:-32000em; width: 8px; } #ContentChannel .contentBox .channel .multiColumn ul { background-position: 50% 0; background-repeat: repeat-y; margin: 0; } #ContentChannel .contentBox .channel .threeColumn ul { background-image: url(/pics/container-box/three-column-bg.png); } #ContentChannel .contentBox .channel .twoColumn ul { background-image: url(/pics/container-box/two-column-bg.png); } #ContentChannel .contentBox .channel .multiColumn ul li { background: 0; display: inline; float: left; font-size: 100%; margin: 0 10px; padding: 0; text-align: left; width: 159px; } body.noSidebarSecondary #ContentChannel .contentBox .channel .multiColumn ul li { width: 203px; } #ContentChannel .contentBox .channel .twoColumn ul li { width: 248px; } body.noSidebarSecondary #ContentChannel .contentBox .channel .twoColumn ul li { width: 315px; } #ContentChannel .contentBox .footer { background: url(/pics/container-box/bg.gif) no-repeat 0 100%; height: 7px; padding-left: 7px; } #ContentChannel .styleA .footer { background: 0; } #ContentChannel .contentBox .footer .content { background: url(/pics/container-box/bg.gif) no-repeat 100% 100%; height: 7px; } #ContentChannel .styleA .footer .content { background: 0; } /* Search Box components - for searching press releases and media */ #ContentChannel .searchBox { width: 58%; } #ContentChannel .mediaCoverageSearch { width: 75%; } #ContentChannel .searchBox .field { margin: 5px; } #ContentChannel .searchBox .field label { display: block; float: left; font-size: 85%; margin-right: 10px; width: 105px; } #ContentChannel .searchBox .field input, #ContentChannel .searchBox .field select { color: #666666; display: block; float: left; font-size: 80%; margin-bottom: 2px; } #ContentChannel .searchBox .field input { width: 200px; } #ContentChannel .mediaCoverageSearch .field input { width: 325px; } body.mediaCoverageArchive #ContentChannel .mediaCoverageSearch .field input { width: 260px; } #ContentChannel .searchBox .field .dateSelector { display: block; float: left; width: 200px; } #ContentChannel .mediaCoverageSearch .field .dateSelector { width: 250px; } #ContentChannel .searchBox .field select#category { width: 200px; } #ContentChannel .searchBox .field select#start_day, #ContentChannel .searchBox .field select#end_day { margin-right: 2px; width: 50px; } #ContentChannel .searchBox .field select#end_day { clear: left; } #ContentChannel .searchBox .field select#start_month, #ContentChannel .searchBox .field select#end_month { width: 65px; } #ContentChannel .searchBox .field select#start_year, #ContentChannel .searchBox .field select#end_year { float: right; width: 75px; } #ContentChannel .searchBox a.search { background: url(/pics/shared/orange-arrow-right.gif) no-repeat right 3px; display: inline; float: right; font-size: 90%; font-weight: bold; padding: 0 10px 0 0; } #ContentChannel .primary {float:left; margin-right:3px; width:333px;} #ContentChannel .secondary {float:left; width:242px;} #ContentChannel .mini {float: right; width: 150px;} #ContentChannel .secondary a.stockQuote {display: block; font-size: 85%; margin-bottom: 5px;} body.productInfo #ContentChannel .primary {clear: left; width: 49%;} body.productInfo #ContentChannel .secondary {float: right; width: 49%;} body.installationInstructions #ContentChannel .primary {margin-top: 20px;} #ContentChannel .featuredProduct .image {float: left;} #ContentChannel .featuredProduct .description { font-size: 85%; margin: 0 0 5px 50px; } #ContentChannel ul.expandableContent a.title { background:url(/pics/shared/orange-right-arrow.gif) no-repeat 3px 5px; font-weight: bold; padding-left:15px; } #ContentChannel ul.expandableContent a.open { background: url(/pics/shared/blue-arrow-down.png) no-repeat 3px 3px; } #ContentChannel ul.expandableContent li { background: 0; padding-bottom: 10px; } #ContentChannel ul.expandableContent td { padding:10px; vertical-align:top; } #ContentChannel ul.expandableContent td.na { text-align: center; } #ContentChannel ul.expandableContentControls { } #ContentChannel ul.expandableContentControls li { background: 0; border-right: 1px solid #999; float: left; padding: 0 10px; } #ContentChannel ul.expandableContentControls li.last { border: 0; } #ContentChannel ul.expandableContentControls li a.disabled { color: #666; cursor: text; } #ContentChannel ul.areas { height: 30px; } #ContentChannel ul.areas li { background:url(/pics/shared/link-divider.gif) no-repeat right 3px; float:left; font-weight: bold; margin-right:7px; padding-right:10px; } #ContentChannel ul.areas li.last { background: 0; } #ContentChannel ul.productInfoList { } body.productInfo #ContentChannel ul.productInfoList {margin-top: 50px;} #ContentChannel ul.productInfoList li {background: none; padding-left: 0;} #ContentChannel ul.productInfoList li a { background-position: 0 0; background-repeat: no-repeat; display: block; height: 18px; margin: 0 0 7px 0; padding-left: 23px; } #ContentChannel ul.productInfoList li a.pdf { background-image: url(/pics/shared/pdf.gif); } #ContentChannel ul.productInfoList li a.doc { background-image: url(/pics/shared/word.gif); } #ContentChannel ul.productInfoList li a.xls { background-image: url(/pics/shared/xls.gif); } /* For Landing Templates */ #ContentChannel ul.featuredItems { margin-left: 0; } #ContentChannel ul.featuredItems li { background: 0; font-size: 100%; padding: 17px 0 10px; border-bottom: 1px solid #d3d3d3; } #ContentChannel ul.featuredItems li.first { padding-top: 0; } #ContentChannel ul.featuredItems li.last { border: 0; padding-bottom: 0; } #ContentChannel ul.featuredItems li img { float: left; } #ContentChannel ul.featuredItems li h3 { margin: 0 0 3px 170px; } #ContentChannel ul.featuredItems li p { margin: 0 0 7px 170px; } #ContentChannel ul.expandingList { margin-left: 0; width: 195px; } #ContentChannel ul.expandingList li { background: #fff; margin-bottom: 2px; padding-left: 0; font-size: 100%; } #ContentChannel ul.expandingList li.open { background: #c1e0f0; } #ContentChannel ul.expandingList li .header { background: url(/pics/expanding-list/link-bg.png) no-repeat 0 0; padding-top: 4px; } #ContentChannel ul.expandingList li.open .header { background: url(/pics/expanding-list/open-bg.png) no-repeat 0 0; } #ContentChannel ul.expandingList li .header .content { background: url(/pics/expanding-list/link-bg.png) no-repeat 0 100%; padding: 0 4px 2px 8px; } #ContentChannel ul.expandingList li.open .header .content { background: 0; } #ContentChannel ul.expandingList li .header a { display: block; font-size: 85%; line-height: 1.0em; outline: none; padding: 0 18px 2px 0; margin-top: -1px; } #ContentChannel ul.expandingList li.open a { background: #c1e0f0 url(/pics/expanding-list/close-icon.png) no-repeat 169px 1px; /* padding-bottom: 2px;*/ } #ContentChannel ul.expandingList li .channel { background: url(/pics/expanding-list/open-bg.png) no-repeat 0 100%; padding: 0 8px; } #ContentChannel ul.expandingList li .channel .content { padding: 0; } #ContentChannel ul.expandingList li .content p { margin: 0; padding: 3px 0 6px; } #ContentChannel ul.expandingList li dl { padding-top: 8px; } #ContentChannel ul.expandingList li dl dt { float: left; font-weight: bold; margin-right: 5px; } #ContentChannel ul.expandingList li .content p a { display: inline; font-size: 100%; margin: 0; text-indent: 0; text-decoration: underline; } #ContentChannel ul.expandingList li .content a.more { background: url(/pics/shared/orange-arrow-right.gif) no-repeat 100% 50%; padding: 0 12px 0 0; text-decoration: none; } /* For Product Model Template */ #ContentChannel .ecommerce {float: right; margin: 15px 0 5px;} #ContentChannel .ecommerce p { float: left; margin: 0; padding: 10px 10px 0 0; } #ContentChannel .ecommerce p.shipping { color: #aaa; } #ContentChannel .ecommerce p.price { font-size: 136%; font-weight: bold; } #ContentChannel .ecommerce a { display: block; float: left; padding: 0 10px 0 0; text-indent: -32000em; } #ContentChannel .ecommerce a.addToCart { background: url(/pics/shared/add-to-cart.gif) no-repeat 0 0; height: 48px; width: 48px; } #ContentChannel .ecommerce a.go { background: url(/pics/shared/orange-arrow-right-circle.gif) no-repeat 0 0; height: 11px; margin-top: 15px; width: 11px; } /* To make accent image positioned correctly around content */ #ContentChannel img.jobs {float:right; margin: 15px -10px 0 0;} /* Make installation steps line up vertically with .contentBox on top */ #ContentChannel ol.installationSteps {margin-top: 15px;} #ContentChannel .supportFeature img {float: left;} #ContentChannel .supportFeature h3 {margin-left: 50px;} #ContentChannel .supportFeature p {margin-left: 50px;} #ContentChannel .supportFeature a.more { background:url(/pics/shared/orange-arrow-right.gif) no-repeat 0 2px; display:block; height: 11px; overflow:hidden; padding: 0; text-indent:-32000em; width: 8px; } #ContentChannel table.productData { margin-bottom: 10px; } #ContentChannel table.productData th { padding-bottom: 10px; } #ContentChannel table.productData td { font-size: 85%; padding: 3px 10px 5px 0; vertical-align: middle; width: 125px; } #ContentChannel table.productData td.rpm { text-align: left; width: 50px; } #ContentChannel table.specs { border: 1px solid #6699cc; border-collapse: collapse; } #ContentChannel table.compatibility { width: 400px; } #ContentChannel table.specs th { background: #e1e8f1; color: #369; font-size: 93%; padding: 3px 5px; vertical-align: top; } #ContentChannel table.specs td { border: 1px solid #6699cc; border-top: 0; color: #333; font-size: 85%; padding: 3px 25px 3px 5px; vertical-align: top; } #ContentChannel table.specs td ul { margin-top: 5px; } #ContentChannel table.specs ul li { font-size: 100%; } #ContentChannel table.productList th {padding-bottom: 5px; padding-right: 25px;} #ContentChannel table.productList td {font-size: 85%; padding-bottom: 5px; padding-right: 25px;} #ContentChannel .pagination { background:url(/pics/shared/dotted-line.gif) bottom left repeat-x; margin-bottom: 10px; padding-bottom: 5px; } #ContentChannel .pagination ul.navigation li { background: none; float: left; font-size: 100%; margin: 0 5px; padding: 0; } #ContentChannel .pagination a.go, #ContentChannel .pagination span.go { display:block; height: 10px; text-indent:-32000em; width: 8px; } #ContentChannel .pagination a.previous, #ContentChannel .pagination span.previous { background: url(/pics/shared/orange-arrow-left.gif) no-repeat 0 1px; } #ContentChannel .pagination a.next, #ContentChannel .pagination span.next { background: url(/pics/shared/orange-arrow-right.gif) no-repeat 0 1px; } #ContentChannel .pagination h1 {margin-bottom: 0; padding-bottom: 0;} #ContentChannel .navigation { float: right; font-size: 77%; margin-bottom: 5px;} #ContentChannel .navigation img { padding: 0 5px;} /* Left Channel */ #SidebarPrimary { margin-left: 4px; } #SidebarPrimary .warrantyChecker { background: url(/pics/navigation-secondary/warranty-checker-bg.gif) no-repeat 0 0; bottom: 0; height: 33px; left: 3px; position: absolute; width: 246px; } #SidebarPrimary .warrantyChecker a { background: url(/pics/navigation-secondary/warranty-checker-arrow.gif) no-repeat 90% 58%; display: block; font-size: 122%; line-height: 33px; text-indent: 75px; } #SidebarPrimary .warrantyChecker a:hover { color:#39c; text-decoration: none; } #SidebarPrimary .warrantyCheckerPlaceholder { height: 33px; } #SidebarPrimary .finder { margin: 10px 0 0 10px; width: 226px; } body.about #SidebarPrimary .finder, body.search #SidebarPrimary .finder { margin-left: 15px; } #SidebarPrimary .finder .header { background: url(/pics/finder/bg.png) no-repeat 0 0; height: 24px; } #SidebarPrimary .finder .header ul { margin: 0 13px; padding-top: 4px; } #SidebarPrimary .finder .header ul li { color: #069; float: left; font-size: 77%; line-height: 14px; text-transform: uppercase; padding-top: 4px; } #SidebarPrimary .finder .header ul li.first { width: 110px; } #SidebarPrimary .finder .header ul li.last { width: 90px; } #SidebarPrimary .finder .header ul li em { font-weight: bold; padding-right: 3px; background:none; text-align: left; } #SidebarPrimary .finder .header ul li a { padding-right: 3px; background:none; text-align: left; } #SidebarPrimary .finder .channel { background: url(/pics/finder/bg.jpg) no-repeat 0 100%; padding: 12px 10px 10px 13px; } #SidebarPrimary .finder .channel .modelNumber { padding-top: 5px; } #SidebarPrimary .finder .channel label, #SidebarPrimary .finder .channel select, #SidebarPrimary .finder .channel input { border: 1px solid #bebebe; color: #666; display: inline; /* Fix display in IE */ float: left; font-size: 77%; margin-top: 3px; margin-left: 2px; } #SidebarPrimary .finder .channel label { border: 0; clear: left; width: 75px; } #SidebarPrimary .finder .channel select { width: 106px; } #SidebarPrimary .finder .channel input { height: 14px; width: 104px; } #SidebarPrimary .finder .channel a.submit { background: url(/pics/finder/submit.png) no-repeat 5px 0; display: block; float: left; height: 18px; margin-top: 2px; text-indent: -32000em; width: 16px; } #SidebarPrimary .finder .channel .element {visibility: hidden} #SidebarPrimary .finder .channel .prodset {width: 200px; color: #666; float: left; display: inline;} #SidebarPrimary .finder .channel .prodset label {width: 180px; border: 0; margin-right: 5px; line-height: 19px; } #SidebarPrimary .finder .channel .prodset input {border: 0; width: 10px; border: 0; margin-right: 5px; } #ProductFinder .AllProd{background: url(/pics/finder/all_icon.png) no-repeat 100% 50%;} #ProductFinder .FindProd{background: url(/pics/finder/find_icon.png) no-repeat 100% 50%;} #welcomeWidget { padding: 12px 0 8px 20px; font-size: 85%; } #NavigationSecondary { } #NavigationSecondary .login { padding: 32px 0 20px 28px; border-left: 1px solid #c5c5c5; } #NavigationSecondary .login .header { width: 189px; } #NavigationSecondary .login .header .content { background: url(/pics/navigation-secondary/login-bg.png) no-repeat 0 0; padding: 0 22px; } #NavigationSecondary .login .header h3 { border: 0; color: #fff; font-size: 100%; font-weight: bold; padding: 4px 0 2px; text-transform: none; } #NavigationSecondary .login .channel { width: 189px; } #NavigationSecondary .login .channel .content { background: url(/pics/navigation-secondary/login-bg.png) no-repeat 0 100%; border-top: 1px solid #dedede; margin-top: 1px; padding: 12px 22px 8px; } #NavigationSecondary .login .channel input { border: 1px solid #b0b0b0; display: block; font-size: 85%; margin-bottom: 7px; width: 143px; } #NavigationSecondary .login .channel a { color: #39c; font-size: 85%; background: url(/pics/shared/leftnav/third-level-bullet.gif) no-repeat 0px 50%; font-weight: normal; line-height: 1.2em; padding-left: 8px; text-transform: none; } #NavigationSecondary .login .channel a.button { background: url(/pics/shared/blue-button-link-bg.gif) no-repeat 0 0; display: inline; float: right; line-height: 20px; margin: 0 0 6px 0; padding-left: 7px; } #NavigationSecondary .login .channel a.button span { background: #f7f7f7 url(/pics/shared/blue-button-link-bg.gif) no-repeat 100% 0; cursor: pointer; display: block; height: 20px; line-height: 20px; padding-right: 20px; white-space: nowrap; } #NavigationSecondary ul { background-color: #fff; background-image: url(/pics/navigation-secondary/about.png); background-position: 100% 0; background-repeat: no-repeat; border-left: 1px solid #c5c5c5; margin-left: -1px; /* Slide it back to cover the background image from #Wrapper */ padding-top: 54px; } #NavigationSecondary ul ul { background-image: none; } #NavigationSecondary ul li { background: #fff url(/pics/shared/leftnav/item-bg.png) no-repeat 0 0; margin-left: -1px; /* Slide it back to cover the ul border */ } #NavigationSecondary ul li.nested { /* Nested item shouldn't have a line above the curve */ background: url(/pics/shared/leftnav/item-nested-bg.png) no-repeat 0 0; margin-left: 9px; } #NavigationSecondary ul li h2 { border-left: 1px solid #c5c5c5; color: #39C; font-size: 100%; font-weight: bold; padding: 10px 0 0 20px; } #NavigationSecondary ul li h3 { border-left: 1px solid #c5c5c5; color: #39C; font-size: 85%; line-height: 22px; padding-left: 20px; text-transform: uppercase; } #NavigationSecondary ul li a { background: url(/pics/shared/leftnav/section-bullet.png) no-repeat 20px 50%; color: #333; display: block; font-size: 85%; line-height: 22px; padding-left: 29px; text-transform: uppercase; } #NavigationSecondary ul li a:hover { color: #f93; text-decoration: none; } #NavigationSecondary ul li.active a { background: url(/pics/shared/leftnav/section-active-bullet.png) no-repeat 20px 50%; color: #069; font-weight: bold; padding-left: 31px; } #NavigationSecondary ul li.active a:hover { color: #f93; text-decoration: none; } #NavigationSecondary ul li.active .divider { border-left: 1px solid #c5c5c5; } #NavigationSecondary ul li.active .divider hr { border: 0; border-bottom: 1px solid #d7dadc; margin: 0 auto; padding: 0; width: 90%; } #NavigationSecondary ul li ul { background: #fff; margin: 0 0 0 0; padding: 5px 0 0 0; } #NavigationSecondary ul li ul li { background: 0; min-height: 20px; } #NavigationSecondary ul li ul li a, #NavigationSecondary ul li.active ul li a { background: url(/pics/shared/leftnav/item-bullet.png) no-repeat 20px 50%; color: #333; font-size: 81%; font-weight: normal; line-height: 20px; padding-left: 34px; } #NavigationSecondary ul li ul li a:hover { text-decoration: underline; } #NavigationSecondary ul li ul li.active a { background: url(/pics/shared/leftnav/item-active-bullet.png) no-repeat 20px 40%; color: #069; } #NavigationSecondary ul li.active ul li a:hover, #NavigationSecondary ul li ul li.active a:hover { color: #f93; text-decoration: underline; } #NavigationSecondary ul li p.quickLinks { border-left: 1px solid #c5c5c5; font-size: 77%; padding: 0 10px 15px 15px; } #NavigationSecondary ul li p.quickLinks a { background: 0; color: #39c; display: inline; font-size: 100%; font-weight: normal; line-height: 1.2em; padding: 0; text-transform: none; } #NavigationSecondary ul li ul li ul { background: transparent url(/pics/shared/dotted-line.gif) repeat-x 0 0; border: 0; margin: 0 0 0 18px; padding: 0; } #NavigationSecondary ul li ul li ul li { background: transparent url(/pics/shared/dotted-line.gif) 0 100% repeat-x; min-height: auto; padding-bottom: 1px; } #NavigationSecondary ul li ul li ul li a, #NavigationSecondary ul li.active ul li ul li a { background: url(/pics/shared/leftnav/third-level-bullet.gif) no-repeat 20px 40%; color: #333; font-weight: normal; line-height: 20px; padding-left: 34px; text-transform: none; } #NavigationSecondary ul li ul li.active ul li a:hover { color: #f93; text-decoration: underline; } #NavigationSecondary ul li ul li ul li.active a { background: url(/pics/shared/leftnav/third-level-active.gif) no-repeat 20px 40%; } #NavigationSecondary ul li ul li ul li ul {background: none; border: 0;} #NavigationSecondary ul li ul li ul li ul li {background: none; border: 0; min-height: 15px; } #NavigationSecondary ul li ul li ul li ul li a, #NavigationSecondary ul li ul li ul li.active ul li a { background: url(/pics/shared/leftnav/fourth-level-bullet.gif) no-repeat 20px 40%; line-height: 16px; } #NavigationSecondary ul li ul li ul li.active ul li.active a { background: url(/pics/shared/leftnav/fourth-level-active-bullet.gif) no-repeat 20px 40%; color: #069; } #NavigationSecondary ul li ul li ul li.active ul li.active a:hover { color: #f93; } #NavigationSecondary ul li ul li.hasFlyout { position: relative; } #NavigationSecondary ul li ul li.hasFlyout a { /*Disabling background of flyout*/ /*background-image: url(/pics/shared/leftnav/has-flyout-bg.png);*/ background-image: url(/pics/shared/leftnav/has-no-flyout-bg.png); background-position: 11px 0; background-repeat: no-repeat; } #NavigationSecondary ul li ul li.hasFlyout a.hover { background-position: 11px 0; } #NavigationSecondary ul li ul li.hasFlyout ul { background: url(/pics/shared/leftnav/flyout-bg.png) no-repeat 0 0; border-bottom: 1px solid #e1e1e1; display: none; left: 238px; margin-left: 0; position: absolute; top: 3px; width: 215px; } #NavigationSecondary ul li ul li.hover ul { display: block; } #NavigationSecondary ul li ul li.hasFlyout ul li { background: 0 !important; min-height: 12px;} #NavigationSecondary ul li ul li.hasFlyout ul li.first { margin-top:10px;} #NavigationSecondary ul li ul li.hasFlyout ul li.last { margin-bottom:10px;} #NavigationSecondary ul li ul li.hasFlyout ul li a { background: url(/pics/shared/leftnav/third-level-bullet.gif) no-repeat 17px 50% !important; line-height: 15px; padding-left: 28px; } #NavigationSecondary ul li ul li.hasFlyout ul li ul { background: 0; border: 0; display: block; margin-left: 17px; position: static; width: auto; } #NavigationSecondary ul li ul li.hasFlyout ul li ul li { } #NavigationSecondary ul li ul li.hasFlyout ul li ul li a { background: url(/pics/shared/leftnav/flyout-item-inner-bullet.png) no-repeat 15px 50% !important; line-height: 15px; padding-left: 24px; } /* Right Channel */ #SidebarSecondary { background: url(/pics/shared/right-channel-bg.png) no-repeat 0 0; float: right; margin-bottom: 12px; padding: 70px 0 17px 0; } #SidebarSecondary a { text-decoration: none; } /* Solution for image replacement on line element from: http://www.evotech.net/blog/2007/09/css-image-replacement-method/ */ #SidebarSecondary a.more { background:url(/pics/shared/blue-right-arrow.gif) no-repeat 0 2px; color:rgba(255,255,255,0); display:-moz-inline-box; display:inline-block; font:0/0 Arial; height: 11px; overflow:hidden; text-indent:-32000em; vertical-align:top; width: 8px; } #SidebarSecondary h3 { color:#069; font-size: 92%; font-weight:bold; margin: 0 0 0 2px; padding-bottom: 5px; } #SidebarSecondary li.caseStudy h3 { border-bottom: 1px solid #E4E4E4; margin-bottom: 13px; text-align: center; } #SidebarSecondary h4 { color:#069; font-size: 85%; font-weight:bold; margin: 0 0 5px 0; } #SidebarSecondary .content h4 { margin: 0 5px 5px 7px; } #SidebarSecondary li.caseStudy h4 { border-bottom: 1px solid #E4E4E4; padding-bottom: 4px; } #SidebarSecondary h5 { color:#069; font-size: 85%; font-weight: bold; } #SidebarSecondary p { color: #069; font-size: 85%; } #SidebarSecondary ul.sections { padding-top: 5px; } #SidebarSecondary ul.sections li { color:#666; padding: 5px 5px 3px 7px; border-bottom: 1px solid #E4E4E4; } #SidebarSecondary ul.sections li li { border: 0; font-size: 77%; padding: 0 0 5px;} #SidebarSecondary ul.sections li.related { } #SidebarSecondary ul.sections li.related img {float: left;} #SidebarSecondary ul.sections li.related p { color: #666; font-size: 100%; } #SidebarSecondary ul.sections li.questions { padding-top: 7px; } #SidebarSecondary ul.sections li.usefulLinks { border: 0; } #SidebarSecondary ul.sections li.usefulLinks li, #SidebarSecondary ul.sections li.questions li { padding: 0; } #SidebarSecondary ul.sections li.usefulLinks li a, #SidebarSecondary ul.sections li.questions li a { background-position: 0 0; background-repeat: no-repeat; display: block; margin: 0 0 7px 0; padding-left: 23px; } #SidebarSecondary ul.sections li.usefulLinks li a.pdf { background-image: url(/pics/sidebarsecondary/pdf.gif); } #SidebarSecondary ul.sections li.usefulLinks li a.question, #SidebarSecondary ul.sections li.questions li a.question { background-image: url(/pics/sidebarsecondary/question.gif); font-size: 107%; font-weight: bold; margin-bottom: 0; } #SidebarSecondary ul.sections li.usefulLinks li a.popup { background-image: url(/pics/sidebarsecondary/popup.gif); } #SidebarSecondary ul.sections li.usefulLinks li a.web { background-image: url(/pics/sidebarsecondary/blog.gif); } #SidebarSecondary ul.sections li.usefulLinks li a.movie { background-image: url(/pics/sidebarsecondary/movie.gif); } #SidebarSecondary .content { padding-top: 14px; } #SidebarSecondary .content ul { margin: 0 5px 0 11px; } #SidebarSecondary .content ul li { background:url(/pics/sidebarsecondary/arrow.gif) no-repeat 2px 5px; color: #666; font-size: 77%; padding-left:16px; } #SidebarSecondary .content dl.numbered { border-bottom: 1px solid #d7dadc; color: #fff; margin: 0 7px; padding-bottom: 20px; } #SidebarSecondary .content dl.numbered dt { background: url(/pics/shared/ordered-list-item-bg.png) no-repeat 0 0; clear: left; color: #fff; float: left; font-size: 70%; line-height: 12px; margin-top: 1px; padding-top: 1px; text-align: center; width: 13px; } #SidebarSecondary .content dl.numbered dd { font-size: 77%; margin: 0 0 6px 20px; } #Footer { clear:both; background: #fff; } #Footer .content { font-size:77%; color:#666; padding: 5px 0 0 16px;} #Footer p.copy { float: left; padding-right:5px; } #Footer ul.siteLinks { } #Footer ul.siteLinks li { background:url(/pics/shared/footer-divider.gif) no-repeat center left; display: inline; margin-left:2px; padding-left:5px; } #Footer a { color:#666; } #Footer a:hover {color:#f93; text-decoration:underline;} #LocationPopup { left: 3px; position: absolute; top: 26px; width: 246px; z-index: 50; } body.home #LocationPopup { background: #fff; padding-bottom: 3px; } #LocationPopup .header { padding-left: 5px; } .lpActive .header { background: url(/pics/location-popup/active_bg.png) no-repeat 0 1px; } .lpActive .header .content { background: url(/pics/location-popup/active_bg.png) no-repeat 100% 1px; } #LocationPopup .header ul { background: url(/pics/location-popup/site_language_bg.png) no-repeat 3px 7px; cursor: pointer; padding: 5px 0 0 3px; } .lpActive .header ul { cursor: default !important; } #LocationPopup .header ul li { color: #9c9c9c; float: left; font-size: 77%; line-height: 17px; margin-top: 2px; } #LocationPopup .header ul li.region { text-indent: 6px; width: 126px; } #LocationPopup .header ul li.change { background: url(/pics/location-popup/change_link_icon.png) no-repeat 52px 45%; font-size: 77%; text-indent: 7px; width: 61px; } #LocationPopup .header ul li.map { margin-top: 0; text-indent: 8px; width: 50px; } #LocationPopup .wrapper { display: none; } #LocationPopup .channel { background: url(/pics/location-popup/active_bg.png) no-repeat 0 -6px; padding-left: 1px; } #LocationPopup .channel .content { background: url(/pics/location-popup/active_bg.png) no-repeat 100% -6px; padding-right: 1px; } #LocationPopup .channel ul.countryList { width: 244px; } #LocationPopup .channel ul.countryList li { float: left; margin: 0 5px 10px 2px; width: 115px; } #LocationPopup .channel ul.countryList li.alt { clear: left; margin: 0 2px 10px 5px; } #LocationPopup .channel ul.countryList li .header { background: url(/pics/location-popup/country_list_bg.png) no-repeat 0 0; height: 4px; padding-left: 4px; } #LocationPopup .channel ul.countryList li .header .content { background: url(/pics/location-popup/country_list_bg.png) no-repeat 100% 0; height: 4px; } #LocationPopup .channel ul.countryList li .channel { background: url(/pics/location-popup/country_list_bg.png) no-repeat 0 -4px; padding-left: 1px; } #LocationPopup .channel ul.countryList li .channel .content { background: url(/pics/location-popup/country_list_bg.png) no-repeat 100% -4px; padding: 5px; } #LocationPopup .channel ul.countryList li .channel ul { width: auto; } #LocationPopup .channel ul.countryList li .channel ul li { color: #999; float: none; line-height: 1em; margin: 0; padding-left: 10px; text-indent: -10px; width: auto; } #LocationPopup .channel ul.countryList li .channel ul li.title { font-size: 92%; font-weight: bold; } #LocationPopup .channel ul.countryList li .channel ul.hilited li.title { color: #f93; } #LocationPopup .channel ul.countryList li .channel ul li a { color: #999; font-size: 77%; line-height: 1em; } #LocationPopup .channel ul.countryList li .channel ul.hilited li a { color: #000; } #LocationPopup .channel ul.countryList li .channel ul li a:hover { color: #f93 !important; text-decoration: none; } #LocationPopup .channel ul.countryList li .footer { background: url(/pics/location-popup/country_list_bg.png) no-repeat 0 100%; height: 4px; padding-left: 4px; } #LocationPopup .channel ul.countryList li .footer .content { background: url(/pics/location-popup/country_list_bg.png) no-repeat 100% 100%; height: 4px; } #LocationPopup .footer { background: url(/pics/location-popup/active_bg.png) no-repeat 0 100%; } #LocationPopup .footer .content { background: url(/pics/location-popup/active_bg.png) no-repeat 100% 100%; } #LocationPopup .footer p { background: url(/pics/location-popup/close_divider_bg.png) repeat-x 0 0; margin: 0 7px; text-align: right; } #LocationPopup .footer p a { background: url(/pics/location-popup/close_icon.png) no-repeat 0 50%; color: #777; font-size: 77%; line-height: 22px; padding-left: 11px; text-transform: uppercase; } #LocationPopup .footer p a:hover { color: #f93; text-decoration: none; } /* Home and Landing Styles */ #TabbedAudienceBar { background: url(/pics/audience-bar/outline-bg.png) no-repeat 0 27px; height: 117px; margin-top: -30px; } #TabbedAudienceBar ul.tabs { height: 34px; position: relative; } #TabbedAudienceBar ul.tabs li { background: url(/pics/audience-bar/tab-bg.gif) no-repeat 0 0; float: left; padding-left: 7px; margin-right: 5px; } #TabbedAudienceBar ul.tabs li.active { background-position: 0 100%; } #TabbedAudienceBar ul.tabs li a { background: url(/pics/audience-bar/tab-bg.gif) no-repeat 100% 0; color: #535353; display: block; font-size: 100%; font-weight: normal; line-height: 28px; outline: none; padding-right: 7px; } #TabbedAudienceBar ul.tabs li.active a { background-position: 100% 100%; cursor: text; text-decoration: none; } ul.audienceBar { margin: 0 0 0 2px; width: 732px; z-index: 10; } body.home ul.audienceBar { margin-top: -3px; } ul.audienceBar li { background-image: url(/pics/audience-bar/divider.png); background-position: 100% 0; background-repeat: no-repeat; float: left; width: 182px; } ul.threeCount li { width: 243px; } ul.audienceBar li.last { background-image: none; width: 183px; } ul.threeCount li.last { width: 243px; } ul.audienceBar li.hover { background-position: 100% -76px; } ul.audienceBar li a { background-image: url(/pics/audience-bar/background.gif); background-position: -13px 0; background-repeat: no-repeat; color: #0086c7; display: block; font-size: 13px; margin-right: 2px; outline: none; } ul.audienceBar li a:hover { color: #0086c7; text-decoration: none; } ul.audienceBar li a.hover { background-position: -13px -76px; } ul.audienceBar li.first a { background-position: 0 0; } ul.audienceBar li.first a.hover { background-position: 0 -76px; } ul.audienceBar li.last a { background-position: -552px 0; margin-right: 0; } ul.threeCount li.last a { background-position: -492px 0; } ul.audienceBar li.last a.hover { background-position: -552px -76px; } ul.threeCount li.last a.hover { background-position: -492px -76px; } /* Need vertical centering solution that works for both one and two lines of text. See: http://www.ilikespam.com/blog/centering-multiple-line-content-with-css */ ul.audienceBar li a span { background-image: url(/pics/audience-bar/bullet.png); background-position: 14px 0; background-repeat: no-repeat; display: table; height: 76px; width: 180px; } body.landing ul.audienceBar li a span { height: 69px; } /* Shorter to accomodate the outline */ ul.audienceBar li.last a span { width: 181px; } ul.audienceBar li a.hover span { background-position: 14px -76px; } ul.audienceBar li a span em { display: table-cell; font-weight: bold; padding-left: 40px; vertical-align: middle; } /* Need another element to position so that PNG Fix for IE6 doesn't break links. See: http://www.cssplay.co.uk/opacity/png_link_error.html */ ul.audienceBar li .channel { display: none; left: 0; position: absolute; top: 10px; width: 732px; z-index: 8; } ul.audienceBar li .content { background-position: 0 0; background-repeat: no-repeat; height: 285px; width: 736px; } body.landing ul.audienceBar li .content { height: 197px; } ul.audienceBar li.one .content { background-image: url(/pics/audience-bar/overlays/1_overlay.png); } body.landing ul.audienceBar li.one .content { background-image: url(/pics/audience-bar/landing-overlays/1_overlay.png); } body.landing ul.threeCount li.one .content { background-image: url(/pics/audience-bar/three-column-overlays/1_overlay.png); } ul.audienceBar li.two .content { background-image: url(/pics/audience-bar/overlays/2_overlay.png); } body.landing ul.audienceBar li.two .content { background-image: url(/pics/audience-bar/landing-overlays/2_overlay.png); } body.landing ul.threeCount li.two .content { background-image: url(/pics/audience-bar/three-column-overlays/2_overlay.png); } ul.audienceBar li.three .content { background-image: url(/pics/audience-bar/overlays/3_overlay.png); } body.landing ul.audienceBar li.three .content { background-image: url(/pics/audience-bar/landing-overlays/3_overlay.png); } body.landing ul.threeCount li.three .content { background-image: url(/pics/audience-bar/three-column-overlays/3_overlay.png); } ul.audienceBar li.four .content { background-image: url(/pics/audience-bar/overlays/4_overlay.png); } body.landing ul.audienceBar li.four .content { background-image: url(/pics/audience-bar/landing-overlays/4_overlay.png); } ul.audienceBar li .content a.close { background: url(/pics/audience-bar/close-button.png) no-repeat 0 0; float: right; height: 37px; margin: 8px 13px 0 0; text-indent: -32000em; width: 37px; z-index: 10; } ul.audienceBar li .content a { background: 0; color: #fff; } ul.audienceBar li .content a:hover { color: #fff; text-decoration: underline; } ul.audienceBar li .content h2 { color: #fff; font-size: 227%; line-height: 1.0em; padding: 20px 0 25px 20px; } body.landing ul.audienceBar li .content h2 { padding-bottom: 12px; padding-top: 14px; } ul.audienceBar li .content ul { background: url(/pics/audience-bar/overlays/divider.gif) repeat-y 50% 0; height: 180px; margin: 0 4px; } ul.audienceBar li .content ul.twoColumn { background: url(/pics/audience-bar/overlays/divider-two.gif) repeat-y 50% 0; } ul.audienceBar li .content ul.oneColumn { background: 0; padding-left: 20px; } ul.audienceBar li .content ul.twoColumnLeft { background: url(/pics/audience-bar/overlays/divider-two.gif) repeat-y 540px 0; } ul.audienceBar li .content ul.fourColumn { background: url(/pics/audience-bar/overlays/divider-four.gif) repeat-y 50% 0; } body.landing ul.audienceBar li .content ul { height: 127px; position: relative; } ul.audienceBar li .content ul li { background: 0; margin-right: 1px; width: 241px; } ul.audienceBar li .content ul.oneColumn li { width: 100%; margin: 0; } ul.audienceBar li .content ul.twoColumn li { width: 360px; } ul.audienceBar li .content ul.twoColumnLeft li { width: 180px; } ul.audienceBar li .content ul.twoColumnLeft li.first { width: 540px; } ul.audienceBar li .content ul.fourColumn li { width: 180px; } ul.audienceBar li .content ul li img.productFamily { float: left; } ul.audienceBar li .content ul li ul.productFamily { margin-left: 87px; } ul.audienceBar li .content ul li ul.productFamily li { float: left; width: 33% !important; } ul.audienceBar li .content ul li ul.productFamily li a { background: 0 !important; display: block; padding: 0 7px; } ul.audienceBar li .content ul li h3 { color: #92ccea; font-size: 122%; font-weight: bold; padding: 0 12px; } ul.audienceBar li .content ul.oneColumn li h3 { border-bottom: 1px solid #90c8f8; font-size: 152%; margin: 0 20px 10px 87px; padding: 0 0 4px 0; } ul.audienceBar li .content ul li p { color: #fff; font-size: 92%; font-weight: normal; padding: 0 12px !important; } ul.audienceBar li .content ul li p em { font-weight: bold; } ul.audienceBar li .content ul li p a { font-size: 100%; } ul.audienceBar li .content ul li p.more { bottom: 0; clear: left; margin-left: 12px; padding: 0 !important; position: absolute; } ul.audienceBar li .content ul li p.more a { background: url(/pics/audience-bar/overlays/orange_arrows.gif) no-repeat 0 0; font-weight: normal; padding-left: 14px; } ul.audienceBar li .content ul li form { margin: 0 12px; } ul.audienceBar li .content ul li form input { margin-top: 4px; width: 150px; } ul.audienceBar li .content ul li form#customerSelector input { margin-top: 4px; width: 280px; } ul.audienceBar li .content ul li form select { margin-top: 4px; width: 150px; } ul.audienceBar li .content ul li form#customerSelector select { margin-top: 4px; width: 280px; } ul.audienceBar li .content ul li form a.submit { background: url(/pics/shared/blue-button-link-bg.gif) no-repeat 0 0; color: #39c; float: left; font-size: 85%; font-weight: normal; margin: 6px 4px 6px 0; padding-left: 7px; } ul.audienceBar li .content ul li form a.submit span { background: url(/pics/shared/blue-button-link-bg.gif) no-repeat 100% 0; display: block; height: 20px; line-height: 20px; margin-right: -4px; /* Because of transparent corners on the image */ padding-right: 20px; white-space: nowrap; width: auto; } ul.audienceBar li .content ul li ul.dates { font-weight: normal; margin: 0 12px; } ul.audienceBar li .content ul li ul.dates li { padding-bottom: 2px !important; margin-right: 0; } ul.audienceBar li .content ul li ul.dates li a { background: 0 !important; color: #fff; font-size: 92%; padding: 0; } ul.audienceBar li .content ul li ul.dates li a em.date { display: inline; font-size: 100%; font-weight: bold; padding: 0; } ul.audienceBar li .content ul li ul.twoUp { margin: 8px 12px 0; } ul.audienceBar li .content ul li ul.twoUp li {float: left; width: 48% !important; } ul.audienceBar li .content ul li .featuredProduct { margin: 8px 22px 0; } ul.audienceBar li .content ul li .featuredProduct img { float: left; } ul.audienceBar li .content ul li .featuredProduct h4 { color: #fff; font-weight: bold; margin-left: 62px; } ul.audienceBar li .content ul li .featuredProduct p { margin-left: 62px; padding: 0 !important; } ul.audienceBar li .content ul li .featuredSupport { margin: 8px 22px 0; } ul.audienceBar li .content ul li .featuredSupport img { float: left; } ul.audienceBar li .content ul li .featuredSupport h4 { color: #fff; font-weight: bold; margin-left: 62px; } ul.audienceBar li .content ul li .featuredSupport p { margin-left: 62px; padding: 0 !important; } ul.audienceBar li .content ul li ul { background: 0; height: auto !important; margin: 0 22px; } ul.audienceBar li .content ul li ul li { float: none; padding-bottom: 13px; width: auto !important; } body.landing ul.audienceBar li .content ul li ul li { padding-bottom: 6px; } ul.audienceBar li .content ul li ul li.title { color: #92ccea; font-size: 122%; padding-bottom: 15px; } body.landing ul.audienceBar li .content ul li ul li.title { padding-bottom: 8px; } ul.audienceBar li .content ul li ul li.last { padding-bottom: 0; } ul.audienceBar li .content ul li ul li a { background: url(/pics/audience-bar/overlays/orange_arrows.gif) no-repeat 0 0 !important; font-size: 12px; /* px font size to prevent font size changes from breaking display in IE */ font-weight: normal; height: auto; margin: 0; padding-left: 16px; width: auto; } ul.audienceBar li .content ul li ul li em { color: #fff; display: block; font-size: 92%; padding-left: 16px; } ul.audienceBar li .content a:hover#customerSelectorSubmit { color:#3399CC; cursor: pointer; } ul.audienceBar li .content ul li p.customerSelectorError { color: #000; font-weight: bold; display: none; } #customerNumberLabel { display: none; } ul.audienceBar li .tab { background-position: 0 0; background-repeat: no-repeat; display: none; height: 68px; position: absolute; top: 295px; width: 186px; z-index: 4; } body.landing ul.audienceBar li .tab { top: 207px; } ul.audienceBar li.first .tab { left: 0; } ul.threeCount li .tab { width: 247px; } ul.audienceBar li.one .tab { background-image: url(/pics/audience-bar/overlays/1_tab.png); } ul.threeCount li.one .tab { background-image: url(/pics/audience-bar/three-column-overlays/1_tab.png); } ul.audienceBar li.two .tab { background-image: url(/pics/audience-bar/overlays/2_tab.png); } ul.threeCount li.two .tab { background-image: url(/pics/audience-bar/three-column-overlays/2_tab.png); } ul.audienceBar li.three .tab { background-image: url(/pics/audience-bar/overlays/3_tab.png); } ul.threeCount li.three .tab { background-image: url(/pics/audience-bar/three-column-overlays/3_tab.png); width: 240px; } ul.audienceBar li.four .tab { background-image: url(/pics/audience-bar/overlays/4_tab.png); } /* Need vertical centering solution that works for both one and two lines of text. See: http://www.ilikespam.com/blog/centering-multiple-line-content-with-css */ ul.audienceBar li .tab span { color: #fff; display: table; height: 50px; padding-left: 40px; } ul.audienceBar li .tab span em { display: table-cell; font-weight: bold; vertical-align: middle; } /* Styles removed out per Atre instructions as part as the adbanner image fix b.w. 2/16/2009 #ContentChannel ul#AdBanners { background: url(/pics/ad-banners/divider.png) no-repeat 355px 0; margin: 0; } #ContentChannel ul#AdBanners li { background-image: none; background-position: 0 0; background-repeat: no-repeat; float: left; font-size: 100%; padding: 0; width: 355px; height: 119px; } #ContentChannel ul#AdBanners li.first { margin-right: 1px; } #ContentChannel ul#AdBanners li div.content { margin: 20px 20px 0 144px; } End of style removed 2/16/2009 */ /* Styles added per Atre instructions as part as the adbanner image fix b.w. 2/16/2009 */ #ContentChannel ul#AdBanners { background: url(/pics/ad-banners/divider.png) no-repeat 50% 50%; border: 1px solid #d3d3d3; border-left: 0; border-right: 0; margin: 0; position: relative; width: 719px; } #ContentChannel ul#AdBanners li { background: 0; float: left; font-size: 100%; padding: 0; width: 359px; min-height: 107px; } #ContentChannel ul#AdBanners li .image { background-image: none; background-position: 0 100%; background-repeat: no-repeat; bottom: 0; left: 0; height: 107px; position: absolute; width: 359px; z-index: -1; /* Added by Michael on 5th Mar 09 */ } #ContentChannel ul#AdBanners li.last .image { left: 360px; } #ContentChannel ul#AdBanners li.first { margin-right: 1px; } #ContentChannel ul#AdBanners li div.content { margin: 5px 20px 0 144px; } /* End of styles added 2/16/2009 */ #ContentChannel ul#AdBanners li h2 { color: #535353; font-size: 100%; font-weight: bold; margin: 8px 0 6px; } #ContentChannel ul#AdBanners li p { margin-bottom: 7px; } #ContentChannel ul#AdBanners li a { font-size: 85%; } /* Style added 2/16/2009 for AdBanners fix from atre b.w. */ #ContentChannel ul#AdBanners li a.more { line-height: 32px; } #SidebarPrimary .downloadCenter { background: url(/pics/navigation-secondary/download-center.png) no-repeat 0 0; height: 33px; margin-left: -1px; margin-top: -9px; width: 247px; } #SidebarPrimary .downloadCenter a { background: url(/pics/navigation-secondary/warranty-checker-arrow.gif) no-repeat 100% 58%; display: block; font-size: 122%; line-height: 33px; margin-right: 30px; padding-right: 25px; text-align: right; } #SidebarPrimary .downloadCenter a:hover { color:#39c; text-decoration: none; } /* Side-by-side, 2 column with left wider than right. */ .layoutOne { } #ContentChannel div.layoutOne h2 { margin: 0 0 11px; } /* Need 'div' for correct specificity */ .layoutOne .columnOne { float: left; width: 71%; } .layoutOne .columnTwo { float: right; width: 27%; } /* 3 column, two wide, one narrow */ .layoutTwo { background: url(/pics/shared/layout-two-content-divider.png) repeat-y 259px 0; position: relative; padding-bottom: 20px; } .layoutTwo .column { display: inline; /* Fix double margin in IE6 */ float: left; margin-right: 1px; width: 259px; } .layoutTwo .columnThree { width: 210px; } .layoutTwo .column .content { padding: 0 15px; } .layoutTwo .columnOne .content { padding-left: 0; } .layoutTwo .columnThree .content { padding-right: 0; margin-right: 0; } .layoutTwo .column h2 { background: #fff; margin: 0 0 12px -16px !important; /* TODO: !important is temporary */ text-indent: 16px; } #ContentChannel ul.divided { background: url(/pics/shared/two-up-divider.png) no-repeat 50% 50%; border: 1px solid #c7c7c7; border-left: 0; border-right: 0; } #ContentChannel ul.features { } #ContentChannel ul.features li { background: 0; font-size: 100%; margin-bottom: 10px; padding: 0; width: 100%; /* Fix for IE hasLayout */ } #ContentChannel ul.features li h3 { padding-bottom: 7px; } #ContentChannel ul.features li h4 { font-size: 92%; font-weight: bold; margin-left: 65px; margin-top: 0; } #ContentChannel ul.features li img { float: left; display: inline; } #ContentChannel ul.features li.feature h4 { margin-left: 120px; } #ContentChannel ul.features li p { margin-bottom: 0; margin-left: 65px; } #ContentChannel ul.features li.feature p { margin-left: 120px; } #ContentChannel ul.features li ul { margin-left: 65px; } #ContentChannel ul.features li.feature ul { margin-left: 120px; } #ContentChannel ul.features li ul li { background: url(/pics/shared/bullet_orange.gif) no-repeat left 5px; float: none; font-size: 85%; padding-left: 10px; margin-bottom: 0; } #ContentChannel ul.features li.checker { } #ContentChannel ul.features li.checker input { border: 1px solid #7f9db9; color: #535353; font-size: 85%; margin-bottom: 6px; padding: 2px 5px; width: 219px; } #ContentChannel ul.features li.checker select { border: 1px solid #7f9db9; color: #535353; font-size: 85%; margin-bottom: 6px; width: 100%; } #ContentChannel ul.features li.checker p { margin-left: 0px; margin-bottom: 6px; } #ContentChannel ul.twoUpDisplay { margin-left: 0; position: relative; } #ContentChannel ul.twoUpDisplay li { float: left; width: 50%; } #ContentChannel ul.twoUpDisplay li.first { width: 49%; margin-right: 1%; } #ContentChannel ul.twoUpDisplay li .content { padding: 11px 13px 0;} #ContentChannel .buttonMore { /*bottom: 8px; remove bottom and position absolute so it plays better with third column js - need another fix*/ clear: left; /* Keep IE happy if we're working near a float */ /*position: absolute; see comment above*/ } #ContentChannel ul.twoUpDisplay li .buttonMore { width: 50%; } #ContentChannel .layoutTwo .buttonMore { width: 259px; } #ContentChannel .buttonMore a { background: url(/pics/shared/blue-button-link-bg.gif) no-repeat 0 0; float: right; display: inline; margin-right: 17px; padding: 0 0 0 7px; } #ContentChannel .buttonMore a span { background: #fff url(/pics/shared/blue-button-link-bg.gif) no-repeat 100% 0; display: block; font-size: 85%; height: 20px; line-height: 20px; padding-right: 20px; white-space: nowrap; } #ContentChannel .featureBox { background: url(/pics/shared/featurebox-bg.png) no-repeat 0 0; margin-bottom: 10px; padding-top: 4px; width: 195px; } #ContentChannel .featureBox .content { background: url(/pics/shared/featurebox-bg.png) no-repeat 0 100%; padding: 0px 11px 14px; } #ContentChannel .featureBox .content h4 { font-size: 92%; font-weight: bold; margin-top: 10px; } #ContentChannel .featureBox .content p { margin: 0; } #ContentChannel .adSpace { } #ContentChannel .adSpace .content { padding: 10px; } #ContentChannel .adSpace h4 { color: #0086c7; } #ContentChannel .adSpace em.call { color: #f00; font-size: 107%; font-weight: bold; } #ContentChannel .adSpace .productAd { margin: 0 0 0 6px; } #ContentChannel .adSpace .productAd h4 { font-size: 92%; } #ContentChannel .adSpace .productAd h5 { font-size: 85%; margin-bottom: 6px; } #ContentChannel .adSpace .productAd p { font-size: 100%; margin: 0; } #ContentChannel .adSpace .productAd p img { float: left; margin-right: 10px; } #ContentChannel .adSpace .productAd p em.lead { color: #333; display: block; font-size: 107%; } #ContentChannel .adSpace .productAd p em.price { color: #000; display: block; font-size: 114%; font-weight: bold; } #ContentChannel .adSpace .productAd p span { display: block; font-size: 77%; } #ContentChannel .adSpace .productAd a.add { background: url(/pics/shared/orange-button-bg.png) no-repeat 0 0; color: #fff; float: right; margin: 3px 8px 0 0; padding-left: 18px; text-decoration: none; } #ContentChannel .adSpace .productAd a.add span { background: url(/pics/shared/orange-button-bg.png) no-repeat 100% 0; display: block; font-size: 92%; line-height: 17px; padding-right: 12px; } /* Utility Classes */ .selfClear:after { /* Make elements self-clearing - see http://positioniseverything.net/easyclearing.html */ content: "."; display: block; height: 0; clear: both; visibility: hidden; } .ui-tabs-hide { display: none; } /* hide spp modal */ .PopupPanel, .PopupPanelModalArea, #bgDiv, #PopupPanel { display: none; } /* New Toolbar Style */ #Header { background: 0; margin: 0; position: relative; z-index: 10; } #Header .content { background: #fff url(/pics/shared/header-content-bg.png) repeat-x 0 100%; } #Toolbar { background: #000 url(/pics/shared/toolbar-bg.png) repeat-x 0 0; border: 0; border-bottom: 1px solid #595959; float: none; font-size: 100%; height: auto; min-height: 24px; position: relative; z-index: 10; } #Toolbar a, #Toolbar label { color: #c1c1c1; font-size: 93%; outline: none; } #Toolbar a:hover { color: #fff; text-decoration: none; } /* Make label line up with links in Opera */ body.opera #Toolbar label { float: left; margin-right: 3px; } #Toolbar #LocaleSelector { background: url(/pics/icons/locale-selector-toolbar.gif) no-repeat 100% 0; float: left; line-height: 22px; padding: 0 46px 0 14px; } #Toolbar ul { margin: 0; } #Toolbar ul li, #Toolbar ul li.last { background: url(/pics/shared/toolbar-divider-bg.png) no-repeat 0 0; display:-moz-inline-stack;/* Firefox 2 and under*/ display: inline-block; float: none; margin: 0; padding: 0 10px 0 5px; position: relative; line-height: 22px; } #Toolbar ul.nav li { float: left; display: block; padding: 0 14px 0 5px; } /* Opera won't let us interact with the absolutely positioned descendent of a display: inline-block element */ body.opera #Toolbar ul li { display: block; float: left; } #Toolbar ul li.active { background-image: url(/pics/shared/toolbar-item-active-bg.png); } #Toolbar ul li a { display: block; line-height: 22px; } #Toolbar ul.tool li a { position: relative; } #Toolbar ul li a.login { background-position: 100% 0; background-repeat: no-repeat; padding-right: 8px; } #Toolbar ul li.first a.login { background:transparent url(/pics/retail/icons/orange-triangle-down.gif) no-repeat scroll 100% 0; padding-right:8px; } #Toolbar ul li.active a.login { background-image: url(/pics/retail/icons/white-triangle-down.png); color: #fff } #Toolbar ul li.menu a { background: url(/pics/icons/orange-triangle-down.gif) no-repeat 100% 0; padding-right: 8px; } #Toolbar ul li.active a.menuLink, #Toolbar ul li.active a.login { background-image: url(/pics/icons/white-triangle-down.png); color: #fff; } #Toolbar ul li.menu ul { background: #2e2e2e; display: none; left: 1px; position: absolute; padding-top: 8px; } #Toolbar ul li.active ul { display: block; } #Toolbar ul li.menu ul li { background: none; display: block; float: none; padding: 4px 8px; } #Toolbar ul li.menu ul li a { background: url(/pics/icons/orange-angle-right-mini.png) no-repeat 0 50%; color: #b4b4b4; line-height: 1.2em; padding-left: 10px; white-space: nowrap; } #Toolbar ul li.menu ul li a:hover { color: #f56600; background-image: url(/pics/icons/white-angle-right-mini.png); } #Toolbar .search { } #Toolbar .search input { font-size: 85%; border: 0; } #Toolbar .search input.text { float: none; height: 18px; line-height: 1.2em; margin: 0; padding: 0; width: auto; } #Toolbar .search input.submit { vertical-align: bottom; border-bottom: 1px solid #222;} body.fx2 #Toolbar .search input.submit { position: relative; } #Toolbar ul.nav { float: left; } #Toolbar ul.tool { float: right; } /* Firefox2 won't let us position based on a display: inline-block item */ body.fx2 #Toolbar ul.tool { position: relative; } #LoggedInBar { background: #6f7a83; padding: 4px 14px; } #LoggedInBar ul { } #LoggedInBar ul li { border-right: 1px solid #fff; float: left; line-height: 1em; margin-right: 8px; padding-right: 8px; } #LoggedInBar ul li.last { border: 0; } #LoggedInBar ul li a, #LoggedInBar ul li span { color: #fff; font-size: 93%; } /* Utility Classes */ .selfClear:after { /* Make elements self-clearing - see http://positioniseverything.net/easyclearing.html */ content: "."; display: block; height: 0; clear: both; visibility: hidden; } .ui-tabs-hide { display: none; } /* Classes for search suggestion box */ .ss-gac-m { background: white; border: 1px solid black; cursor: default; font-size: 11px; font-family: arial,helvetica,clean,sans-serif; line-height: 13px; margin: 0; position: absolute; z-index: 99; } .ss-gac-b { background: #36c; color: white; } .ss-gac-c { overflow: hidden; padding-left: 3px; line-height: 18px; text-align: left; white-space: nowrap; } .ss-gac-d { font-size: 10px; overflow: hidden; padding: 0 3px; text-align: right; white-space: nowrap; } .ss-gac-b td { color: #cccccc; } .ss-gac-e td { font-size: 10px; line-height: 12px; padding: 0 3px 2px; text-align: right; } .ss-gac-e span { color: #3399cc; cursor:pointer; text-decoration: underline; } /* End Classes for search suggestion box */