/* * 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 */ html { overflow: -moz-scrollbars-vertical; overflow: scroll; } /* 5.15.09 removed td{padding:0} 6.08.09 removed em */ 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,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;} /*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;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,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;}*/ a:focus, a:active {outline: none;} td {font-size:10pt; vertical-align:top} /* 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 {background:#fff; font:13px arial,helvetica,clean,sans-serif;}table {font-size:inherit;}select, input, textarea {font:99% arial,helvetica,clean,sans-serif;}pre, code {font:115% monospace;}body {line-height:1.22em;} /* Gutter between body background and content */ #Wrapper { width: 1020px; padding:0 26px; } /* Width of "page" */ #MainChannel { width: 678px; } /* Width of left channel and center channel combined */ #SidebarPrimary {} /* Width of left channel */ #Content {width: 262px; padding:0 50px 20px 5px;} /* Width of center channel */ #SidebarSecondary { width: 263px; padding:45px 20px 0 0; } /* Width of right channel */ /* = End Widths = */ body.noSidebarSecondary #MainChannel { width: 968px; } body.noSidebarSecondary #Content { width: 665px; padding:0 20px 20px 50px;} /* Changed -- width is now 665px and added padding */ body.noSidebarPrimary #Content { width: 620px; padding:0 37px 0 22px; } body.noSidebarPrimaryOrSidebarSecondary #MainChannel { width: 968px; } body.noSidebarPrimaryOrSidebarSecondary #Content { width: 924px; padding:0 22px 0 22px;} body.home #Content {padding:0; width:966px;} #Wrapper { margin: 0 auto; /* Make content centered */ } /* Link at top of document to jump over navigation and go straight to content - For usability */ #ContentJump { display: none; } /* ------------- Top top right tool bar -------------*/ #ToolBar {position:absolute; top:40px; right:10px;} #ToolBar ul li {float:left;} #ToolBar a {text-decoration:none; color:#717070; padding-right:10px; margin-right:10px; background:url("/pics/common/toolbar-divider.gif") top right no-repeat;} #ToolBar li.last a {background:0;} #ToolBar .rss {} #ToolBar a:hover {text-decoration:underline;} #ToolBar .text {border:1px solid #dadada; position:relative; top:-6px; color:#717070; text-align:center; width:124px;} #ToolBar .submit {position:relative; top:-2px;} #WorldwideList {position:absolute; top:11px; right:33px; color:#717070; border:1px solid #dadada; text-align:center; width:124px; z-index:100; background:#FFF;} #WorldwideList a {text-decoration:none; color:#717070;} #WorldwideList a:hover {text-decoration:underline;} .click {position:absolute; top:10px; right:10px;} #SiteId {position:relative; height:39px; padding:18px 0 15px 14px; width:954px;} #Header { position: relative; z-index: 10; } /* ------------- Top Navigation -------------*/ ul#NavigationPrimary { z-index: 2; position:relative;} /* Changed -- added position:relative;*/ ul#NavigationPrimary li { float: left; /* Keep nav in a line */ position: relative; /* z-index: 6;*/ } ul#NavigationPrimary li li { float: none; } ul#NavigationPrimary li a { background-position: 0 0; background-repeat: no-repeat; display: block; text-decoration: none; text-indent: -32000px; height: 51px; } ul#NavigationPrimary li li a { text-indent: 0; } ul#NavigationPrimary li a.over { background-position: 100% 0; } ul#NavigationPrimary li ul { /* First level of flyouts */ display: none; position: absolute; width: 100px; left: -1px; top: 100%; z-index: 8; } ul#NavigationPrimary li.over ul { display: block; } ul#NavigationPrimary li.over li ul { /* Second level of flyout */ display: none; left: 99px; top: 0; /* z-index: 9;*/ } ul#NavigationPrimary li.over li.over ul { display: block; } ul#NavigationPrimary iframe { position: absolute; } /* Changed -- added entire line */ ul#NavigationPrimary li#NavigationPrimaryProductsSolutions a { background-image: url("/pics/primary-navigation/products-solutions.gif"); width: 240px; } ul#NavigationPrimary li#NavigationPrimarySupportTraining a { background-image: url("/pics/primary-navigation/support-training.gif"); width: 210px; } ul#NavigationPrimary li#NavigationPrimaryResources a { background-image: url("/pics/primary-navigation/resources.gif"); width: 130px; } ul#NavigationPrimary li#NavigationPrimaryPartners a { background-image: url("/pics/primary-navigation/partners.gif"); width: 116px; } ul#NavigationPrimary li#NavigationPrimaryUsersGroup a { background-image: url("/pics/primary-navigation/user-group.gif"); width: 140px; } ul#NavigationPrimary li#NavigationPrimaryCompany a { background-image: url("/pics/primary-navigation/company.gif"); width: 130px; } ul#NavigationPrimary a.active {background-position:top right;} /* Changed -- Begin added block */ ul#NavigationPrimary li#NavigationPrimaryProductsSolutions ul {width:241px; z-index:0} ul#NavigationPrimary li#NavigationPrimaryProductsSolutions li {background:#838383; margin:0 0 0 1px; border:1px solid #a7a7a7; border-bottom:0; border-top:0; z-index:0;} ul#NavigationPrimary li#NavigationPrimaryProductsSolutions li a {border-top:1px solid #a7a7a7; color:#ebebeb; text-indent: 0; background:url("/pics/primary-navigation/raquo.gif") 220px 10px no-repeat; height:1%; display:block; padding:10px 40px 10px 10px; width:188px;} ul#NavigationPrimary li#NavigationPrimaryProductsSolutions li.last {background:url("/pics/primary-navigation/bottom-products-solutions.gif") bottom left no-repeat; border-left:0; border-right:0; z-index:0} ul#NavigationPrimary li#NavigationPrimaryProductsSolutions li.last a {border-top:1px solid #a7a7a7; color:#ebebeb; text-indent: 0; background:url("/pics/primary-navigation/no_raquo.gif") 220px 10px no-repeat; height:1%; display:block; padding:10px 40px 10px 10px; width:188px; z-index:3} ul#NavigationPrimary li#NavigationPrimaryProductsSolutions li a:hover {color:#4d4d4d; } /* added for next layer */ ul#NavigationPrimary li#NavigationPrimaryProductsSolutions ul#NavigationPrimaryProductsSolutionsSecondary ul {width:141px; z-index:3} ul#NavigationPrimary li#NavigationPrimaryProductsSolutions li#NavigationPrimaryProductsSolutionsSecondary li {background:#838383; width:241px; margin:0 0 0 140px; border:1px solid #a7a7a7; border-bottom:0; border-top:0;} ul#NavigationPrimary li#NavigationPrimaryProductsSolutions li#NavigationPrimaryProductsSolutionsSecondary li a {border-top:1px solid #a7a7a7; color:#ebebeb; text-indent: 0; background:url("/pics/primary-navigation/no_raquo.gif") 220px 10px no-repeat; height:1%; display:block; padding:10px 40px 10px 10px; width:188px; z-index:3} ul#NavigationPrimary li#NavigationPrimaryProductsSolutions li#NavigationPrimaryProductsSolutionsSecondary li.2last {background:url("/pics/primary-navigation/bottom-products-solutions.gif") 620px 10px no-repeat; border-left:0; border-right:0;} ul#NavigationPrimary li#NavigationPrimaryProductsSolutions li#NavigationPrimaryProductsSolutionsSecondary li.2last a {width:389px;} ul#NavigationPrimary li#NavigationPrimaryProductsSolutions li#NavigationPrimaryProductsSolutionsSecondary li a:hover {color:#4d4d4d;} /*NavigationPrimaryProductsSolutionsSecondary { position:relative; width:400px; font:red; } end of next layer */ ul#NavigationPrimary li#NavigationPrimarySupportTraining ul {width:211px;} ul#NavigationPrimary li#NavigationPrimarySupportTraining li {background:#838383; margin:0 0 0 1px; border:1px solid #a7a7a7; border-bottom:0; border-top:0;} ul#NavigationPrimary li#NavigationPrimarySupportTraining li a {border-top:1px solid #a7a7a7; color:#ebebeb; text-indent: 0; background:url("/pics/primary-navigation/no_raquo.gif") 190px 10px no-repeat; height:1%; display:block; padding:10px 40px 10px 10px; width:158px;} ul#NavigationPrimary li#NavigationPrimarySupportTraining li.last {background:url("/pics/primary-navigation/bottom-support-training.gif") bottom left no-repeat; border-left:0; border-right:0;} ul#NavigationPrimary li#NavigationPrimarySupportTraining li.last a {width:159px;} ul#NavigationPrimary li#NavigationPrimarySupportTraining li a:hover {color:#4d4d4d;} ul#NavigationPrimary li#NavigationPrimaryResources ul {width:131px;} ul#NavigationPrimary li#NavigationPrimaryResources li {background:#838383; margin:0 0 0 1px; border:1px solid #a7a7a7; border-bottom:0; border-top:0;} ul#NavigationPrimary li#NavigationPrimaryResources li a {border-top:1px solid #a7a7a7; color:#ebebeb; text-indent: 0; background:url("/pics/primary-navigation/no_raquo.gif") 110px 10px no-repeat; height:1%; display:block; padding:10px 40px 10px 10px; width:78px;} ul#NavigationPrimary li#NavigationPrimaryResources li.last {background:url("/pics/primary-navigation/bottom-resources.gif") bottom left no-repeat; border-left:0; border-right:0;} ul#NavigationPrimary li#NavigationPrimaryResources li.last a {width:79px;} ul#NavigationPrimary li#NavigationPrimaryResources li a:hover {color:#4d4d4d;} ul#NavigationPrimary li#NavigationPrimaryPartners ul {width:117px;} ul#NavigationPrimary li#NavigationPrimaryPartners li {background:#838383; margin:0 0 0 1px; border:1px solid #a7a7a7; border-bottom:0; border-top:0;} ul#NavigationPrimary li#NavigationPrimaryPartners li a {border-top:1px solid #a7a7a7; color:#ebebeb; text-indent: 0; background:url("/pics/primary-navigation/no_raquo.gif") 97px 10px no-repeat; height:1%; display:block; padding:10px 40px 10px 10px; width:64px;} ul#NavigationPrimary li#NavigationPrimaryPartners li.last {background:url("/pics/primary-navigation/bottom-partners.gif") bottom left no-repeat; border-left:0; border-right:0;} ul#NavigationPrimary li#NavigationPrimaryPartners li.last a {width:65px;} ul#NavigationPrimary li#NavigationPrimaryPartners li a:hover {color:#4d4d4d;} ul#NavigationPrimary li#NavigationPrimaryUsersGroup ul {width:141px;} ul#NavigationPrimary li#NavigationPrimaryUsersGroup li {background:#838383; margin:0 0 0 1px; border:1px solid #a7a7a7; border-bottom:0; border-top:0;} ul#NavigationPrimary li#NavigationPrimaryUsersGroup li a {border-top:1px solid #a7a7a7; color:#ebebeb; text-indent: 0; background:url("/pics/primary-navigation/no_raquo.gif") 120px 10px no-repeat; height:1%; display:block; padding:10px 40px 10px 10px; width:88px;} ul#NavigationPrimary li#NavigationPrimaryUsersGroup li.last {background:url("/pics/primary-navigation/bottom-usergroup.gif") bottom left no-repeat; border-left:0; border-right:0;} ul#NavigationPrimary li#NavigationPrimaryUsersGroup li.last a {width:89px;} ul#NavigationPrimary li#NavigationPrimaryUsersGroup li a:hover {color:#4d4d4d;} ul#NavigationPrimary li#NavigationPrimaryCompany ul {width:131px;} ul#NavigationPrimary li#NavigationPrimaryCompany li {background:#838383; margin:0 0 0 1px; border:1px solid #a7a7a7; border-bottom:0; border-top:0;} ul#NavigationPrimary li#NavigationPrimaryCompany li a {border-top:1px solid #a7a7a7; color:#ebebeb; text-indent: 0; background:url("/pics/primary-navigation/no_raquo.gif") 110px 10px no-repeat; height:1%; display:block; padding:10px 40px 10px 10px; width:78px;} ul#NavigationPrimary li#NavigationPrimaryCompany li.last {background:url("/pics/primary-navigation/bottom-company.gif") bottom left no-repeat; border-left:0; border-right:0;} ul#NavigationPrimary li#NavigationPrimaryCompany li.last a {width:79px;} ul#NavigationPrimary li#NavigationPrimaryCompany li a:hover {color:#4d4d4d;} /* -- End added block */ /* ------------- Mast heads -------------*/ .home #Mast {height:270px;} .home #MastLink img {padding:0 5px 20px 12px;} .home #Mast img {height:258px; padding:12px 0 0 12px;} #Mast img {height:108px; padding:15px 0 15px 18px;} #MastFirst {} #MastSecond {display:none;} #MastThird {display:none;} #MastFirstLink {} #MastSecondLink {display:none;} #MastThirdLink {display:none;} #PrintMast {display:none;} .home #MainBody {background:url("/pics/home/bg.gif") no-repeat;} #MainBody { background:url("/pics/common/bg.gif") no-repeat; /* Example of Faux Columns */ position: relative; /* to facilitate */ z-index: 1; /* topnav dropdowns */ /* Changed -- changed the # to 1 */ } /* ------------- Bread crumbs -------------*/ #Breadcrumbs {position:relative; color:#c71116; font-weight:bold; border-left:1px solid #d2d2d2; border-right:1px solid #d2d2d2; background:url("/pics/common/breadcrumbs-bg.gif"); width:944px; padding:10px;} #Breadcrumbs li {float:left;} #Breadcrumbs a {color:#6a6a6a; font-weight:normal; text-decoration:none; background:url("/pics/common/breadcrumb-divider.gif") center right no-repeat; padding-right:10px; margin-right:5px;} #Breadcrumbs a:hover {color:#242424;} /* ------------- sub tool bar, print and send to a friend -------------*/ #SubToolBar {position:absolute; top:10px; right:10px;} #SubToolBar li.last a {background:0; margin-right:0;} #SubToolBar a {color:#6b6a6a; text-decoration:none; background:url("/pics/common/sub-toolbar-divider.gif") center right no-repeat; padding-right:10px; margin-right:10px;} #SubToolBar a:hover {text-decoration:underline;} #SubToolBar .print {display:none;} /* Wrap left and center channel so that we can put center channel first in markup for optimal content ordering */ #MainChannel { float: left; } /* ------------- Left channel currently none -------------*/ /* Changed -- Begin added block */ #SidebarPrimary { position:relative; width:210px; padding-left:18px; /* the next line tweaks the top of the LSN for Milan */ /*margin-top:15px;*/ float: left; /*background:url("/pics/common/secondarynav-bg.gif") 18px bottom no-repeat; */ font-size: 9pt; font-weight:normal; /*border: solid 1px black;*/ } .GetInfoButton { margin: 5px 0 -5px 0; } /*#NavigationSecondary a {text-decoration:none; color:#707070; padding:10px 15px 6px 5px; display:block; height:100%; font-weight:bold; background:url("/pics/common/raquo.gif") 155px 13px no-repeat;}*/ #NavigationSecondary a {text-decoration:none; color:#707070; font-weight:normal;padding:10px 15px 6px 5px; display:block; height:100%; } #NavigationSecondary a:hover {color:#b41d1f;} #NavigationSecondary a.active {color:#b41d1f;} #NavigationSecondary ul { padding-bottom:10px;} #NavigationSecondary li.first {background:0; height:100%;} #NavigationSecondary li.first a {padding:0 15px 6px 5px; background-position:155px 3px;} /*#NavigationSecondary li {padding:0 20px 0 20px; background:url("/pics/common/link-bg.gif") top center no-repeat;}*/ #NavigationSecondary li {padding:0 20px 0 20px; } #NavigationSecondary li li {background:url("/pics/common/bullet.gif") 0px 5px no-repeat; padding:0 0 0 12px; font-size:1em; margin:0 15px 0 8px;} #NavigationSecondary li.third li a {background:0; font-weight:normal; padding:0;} #NavigationSecondary li.third li a.active {color:#313131;} /* Trav's workaround for the headings that are not linked */ #NavigationSecondary span {text-decoration:none; color:#707070; padding:10px 15px 6px 5px; display:block; height:100%; font-weight:bold; } /* #NavigationSecondary li li li {background:url("/pics/common/disc.gif") 0px 5px no-repeat; padding:0 0 0 12px; margin: 0; font-size:1em;} */ /* End added block */ /* ------------- Center channel, define the generic elements here -------------*/ /* this is the new set of styles */ /*#NavigationSecondary a {text-decoration:none; color:#707070; padding:10px 15px 6px 5px; display:block; height:100%; font-weight:bold; background:url("/pics/common/raquo.gif") 155px 13px no-repeat;}*/ #NavigationSecondaryR2 a {text-decoration:none; color:#707070; padding:10px 15px 6px 5px; display:block; height:100%; } #NavigationSecondaryR2 a:hover {color:#b41d1f;} #NavigationSecondaryR2 a.active {color:#b41d1f;} #NavigationSecondaryR2 ul { padding-bottom:10px;} #NavigationSecondaryR2 li.firstR2 {background:0; height:100%;} #NavigationSecondaryR2 li.firstR2 a {padding:0 15px 6px 5px; background-position:155px 3px;} /*#NavigationSecondary li {padding:0 20px 0 20px; background:url("/pics/common/link-bg.gif") top center no-repeat;}*/ #NavigationSecondaryR2 li {padding:0 20px 0 20px; } #NavigationSecondaryR2 li li {background:url("/pics/common/bullet.gif") 0px 5px no-repeat; padding:0 0 0 12px; font-size:1em; margin:0 15px 0 8px;} #NavigationSecondaryR2 li.thirdR2 li a {background:0; font-weight:normal; padding:0;} #NavigationSecondaryR2 li.thirdR2 li a.active {color:#313131;} /* Trav's workaround for the headings that are not linked */ #NavigationSecondaryR2 span {text-decoration:none; color:#707070; padding:10px 15px 6px 5px; display:block; height:100%; font-weight:bold; } /* #NavigationSecondaryR2 li li li {background:url("/pics/common/disc.gif") 0px 5px no-repeat; padding:0 0 0 12px; margin: 0; font-size:1em;} */ /* End added block */ /* ------------- Center channel, define the generic elements here -------------*/ /* new set of styles ends here */ /* another new set of styles for the latest in marketing madness */ .lsnSectionHead { font: 13px arial,helvetica,clean,sans-serif; font-weight:bold; margin: 15px 0 -5px -5px; color: #000000; } .lsnSectionHeadLink { font: 13px arial,helvetica,clean,sans-serif; font-weight:bold; margin: -35px 0 -30px -10px; color: #666666; } .lsnSectionHeadLink { font: 13px arial,helvetica,clean,sans-serif; font-weight:bold; margin: -35px 0 -30px -10px; color: #666666; } .greyLink { color: #666666; } /*#NavigationSecondary a {text-decoration:none; color:#707070; padding:10px 15px 6px 5px; display:block; height:100%; font-weight:bold; background:url("/pics/common/raquo.gif") 155px 13px no-repeat;}*/ #NavigationSecondaryR3 a {text-decoration:none; color:#000000; padding:10px 0 6px 5px; display:block; height:100%; } #NavigationSecondaryR3 a:hover {color:#b41d1f;} #NavigationSecondaryR3 a.active {color:#b41d1f;} #NavigationSecondaryR3 ul { margin-left:-10px; } /* duh, non production LSN */ #NavigationSecondaryNonProd a {text-decoration:none; color:#707070; padding:10px 0 6px 5px; display:block; height:100%; } #NavigationSecondaryNonProd a:hover {color:#b41d1f;} #NavigationSecondaryNonProd a.active {color:#b41d1f;} #NavigationSecondaryNonProd ul { margin-left:-10px; } #NavigationSecondaryR3 greyLink { color: #666666; } /* this lsnSectionHeadNonProd section needs to follow the one above to reset some overlapping parameters */ .lsnSectionHeadNonProd { font: 13px arial,helvetica,clean,sans-serif; font-weight:bold; margin: 10px 0 -15px 15px; } .lsnSectionHeadTraining { font: 13px arial,helvetica,clean,sans-serif; font-weight:bold; margin: 10px 0 -15px 0; } /* end lsnSectionHeadNonProd */ /*#NavigationSecondaryR3 li {padding:0 20px -20px 0; }*/ /*/////////////////////// Tweak here with Milan /////////////////////////////////////*/ #NavigationSecondaryR3 li {background:url("/pics/common/bullet.gif") 0px 15px no-repeat; padding:0 0 0 12px; font-size:9pt; margin:0 0 -10px 15px;} /*#NavigationSecondaryR3 li.thirdR3 li a {background:0; font-weight:normal; padding:0;} #NavigationSecondaryR3 li.thirdR3 li a.active {color:#313131;}*/ /* Trav's workaround for the headings that are not linked */ #NavigationSecondaryR3 span {text-decoration:none; color:#000000; padding:10px 15px 6px 5px; display:block; height:100%; font-weight:bold; } /* #NavigationSecondaryR3 li li li {background:url("/pics/common/disc.gif") 0px 5px no-repeat; padding:0 0 0 12px; margin: 0; font-size:1em;} */ /* End added block */ .lsnSectionHeadLink2 { font: 13px arial,helvetica,clean,sans-serif; font-weight:bold; margin: 5px 0 -30px -10px; color: #666666; } /* marketing madness ends here */ #Content { color:#030303; float: right; } /* HR - added for content link treatment */ a {color:#7c7e81; text-decoration:underline;} a:hover {color:#7c7e81; text-decoration:underline;} /* HR - next line added to allow for the numbered list */ ol {margin-left: 50px; margin-bottom: 10px; list-style-type: decimal} h1 {color:#7c87ab; font-size:1.4em; margin-bottom:20px;} .partners {color:#b41d1f;} .support {color:#c0aa3e;} .usergroups {color:#8b8b8b;} .company {color:#6886b4;} .products {color:#333366;} h2 {font-weight:bold; color:#666; font-size:1.1em; margin-bottom:5px;} h2.colored {color:#526090;} h3 {font-weight:bold; color:#666;} h3.colored {color:#526090; padding-bottom:5px; font-weight:normal} h4 {} /* .navlinkCompany {color:#e58029; font-weight:bold; text-decoration:none;} .navlinkPartners {color:#e58029; font-weight:bold; text-decoration:none;} .navlinkSupport {color:#c0aa3e; font-weight:bold; text-decoration:none;} .navlinkCompany {color:#e58029; font-weight:bold; text-decoration:none;} .navlinkCompany {color:#e58029; font-weight:bold; text-decoration:none;} */ a:hover {} .home p {margin-bottom:0;} p {margin-bottom:20px;} p.half {} p.underline {} .home #Content ul {margin:0 0 20px 0; list-style:none;} .home #Content li {padding-top:0;} #Content ul {margin:0 0 20px 20px; list-style:disc; } #Content li {padding-top:5px;} .rssicon {position:absolute; top:5px; right:10px;} /* ------------- Tab elements -------------*/ #container-1 {margin-bottom:20px; position:relative;} #container-1 ul.anchors {background:url("/pics/resources/tabular-bg.gif"); height:30px; margin:0; list-style:none;} /* Changed -- added margin and list-style */ #container-1 ul.anchors li { width:118px; float:left; margin-right:5px; padding:0; white-space:nowrap;} /* Changed -- added padding and white-space */ #container-1 ul.anchors a {background:url("/pics/resources/tab.gif") no-repeat; color:#504f4f; text-decoration:none; text-align:center; display:block; padding:7px 0;} #container-1 ul.anchors a:hover {color:#6c951d;} #container-1 ul.anchors a.red:hover {color:#b41d1f;} /* Changed -- added line */ #container-1 ul.anchors li.tabs-selected a {color:#6c951d; font-weight:bold; background:url("/pics/resources/tab-selected.gif") no-repeat;} #container-1 ul.anchors li.tabs-selected a.red {color:#b41d1f; font-weight:bold; background:url("/pics/resources/tab-selected.gif") no-repeat;} /* Changed -- added line */ #container-1 p {padding-bottom:10px;} #container-1 .fragment {border:1px solid #d3d3d3; border-top:0; color:#5a5a5a; position:relative;} /* removing border: from the end of the next line */ #container-1 .relative {position:relative; padding:16px 90px 16px 45px; width:787px; } #container-1 .left {position:absolute; top:14px; left:15px;} #container-1 .right {position:absolute; top:5px; right:5px;} #container-1 .visible {background:url("/pics/resources/collapsed.gif") repeat-x; position:relative;} #container-1 .visible b {color:#292929; font-weight:bold;} #container-1 .hidden {display:none; background:#e2e3e3 url("/pics/resources/expanded.gif") repeat-x; position:relative;} #container-1 .hidden b {color:#6c951d; font-weight:bold;} /* for resources green */ #container-1 .green {color:#6c951d; font-weight:bold;} #container-1 .partners {padding:20px; background:url("/pics/partners/tab-bg.gif") bottom left repeat-x;} /* Changed -- added line */ /* ------------- Right Channel not in use -------------*/ #SidebarSecondary { float: right; font-size:.9em; } /* ------------- Footer styles -------------*/ #Footer { color:#777; padding:10px 0 20px 10px; font-size:.85em; clear:both; width:966px;} #Footer p.copy { float: left; } #Footer ul.siteLinks {} #Footer ul.siteLinks li { float: left; background:url("/pics/common/footer-divider.gif") center right no-repeat; padding-right:5px; margin-right:5px;} #Footer a {text-decoration:none; color:#777;} #Footer .siteLinks li.last {background:0;} #Footer a:hover {text-decoration:underline;} /* ------------- Utility Classes -------------*/ .selfClear:after { /* Make elements self-clearing - see http://positioniseverything.net/easyclearing.html */ content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* ------------- home page styles -------------*/ .home #ContentChannel h1 {font-weight:bold; color:#d01a20; font-size:1.3em; border-bottom:1px solid #d3d3d3; margin-bottom:5px; position:relative; padding-bottom:5px;} .home #ContentChannel h1 em {color:#414141; font-weight:normal;} .home #ContentChannel h1.noborder {border-bottom:0; padding-bottom:0;} .home #ContentChannel h1.bg {background:url("/pics/home/shadow-divider.gif") bottom left no-repeat; padding-bottom:10px; border-bottom:0;} .viewall {color:#b8b8b8; position:absolute; top:5px; right:0; font-size:.9em; letter-spacing:1px;} .viewall a {color:#414141; text-decoration:none;font-size:.6em; position:relative; } .viewall a:hover {color:#c71116;} #HomeLeft {position:relative; width:745px; padding-right:221px; color:#636363; font-size:.9em;} #HomeLeft .top {background:url("/pics/home/top.gif") bottom left no-repeat; width:729px; height:10px;} #HomeLeft .center {background:url("/pics/home/center.gif") no-repeat; padding:20px; } #HomeLeft .center ul li {background:url("/pics/home/raquo.gif") no-repeat 0 3px; padding:0 0 10px 20px;} #HomeLeft p {padding-bottom:10px;} #HomeLeft .news {width:200px; position:absolute; top:0; left:0;} #HomeLeft a {text-decoration:none; color:#636363;} #HomeLeft a:hover {color:#c71116;} #HomeLeft .featured {position:relative; padding-left:225px; width:470px;} #HomeLeft .FeaturedProducts {position:relative; padding:10px 0 0 140px; width:300px;} #HomeLeft .FeaturedProducts a {color:#c71116;} #HomeLeft .FeaturedProducts a:hover {color:#414141;} #HomeLeft .FeaturedProductsImage {color:#c71116; font-weight:bold; position:absolute; top:10px; width:107px; text-align:center; height:77px; left:10px; background:url("/pics/home/featured-box.gif") no-repeat;} #HomeLeft .bottom {background:url("/pics/home/bottom.gif") no-repeat; width:729px; height:10px;} #HomeRight {width:209px; position:absolute; right:12px; top:-91px; font-size:.9em;} /* homepage carousel */ .carousel { font-family: Arial,Verdana,Helvetica,sans-serif; height: 270px; position: relative; width: 968px; } .carousel a.jcarousel-next, .carousel a.jcarousel-prev { color: #fff; font-weight: bold; position: absolute; text-decoration: none; } .carousel a.jcarousel-next { display: none; right: 0; top: 0; } .carousel a.jcarousel-prev { display: none; left: 0; top: 0; } .carousel ul { list-style-type: none; margin: 0; padding: 0; } .carousel ul li { height: 270px; margin: 0; padding: 0; } .carousel ul li img { float: left; padding:12px 0 0 12px; } #QuickLinks {background:url("/pics/home/quicklinks.gif") no-repeat; padding:20px 0 20px 23px; border-bottom:1px solid #d3d3d3; margin-bottom:20px;} #QuickLinks li { padding-bottom:10px;} #QuickLinks li a {color:#646464; width:165px; background:url("/pics/home/raquo.gif") center right no-repeat; display:block; font-weight:bold; text-decoration:none;} #QuickLinks li a:hover {color:#d01a20;} #PartnerSpotlight {padding:0 10px 15px 10px; color:#646464; border-bottom:1px solid #d3d3d3; margin-bottom:20px;} #PartnerSpotlight p {padding-bottom:5px;} #PartnerSpotlight a {color:#646464;} #PartnerSpotlight a:hover {color:#d01a20;} #UpcomingEvents {padding:0 0 15px 0; color:#504f4f; margin-bottom:20px;} #UpcomingEvents p {padding:0 10px 5px 10px;} #UpcomingEvents .nopad {padding:0 0 5px 0;} #UpcomingEvents a {color:#504f4f; font-weight:bold;} #UpcomingEvents a:hover {color:#d01a20;} .home #container-1 {margin-bottom:0; position:relative;} .home #container-1 ul.anchors {background:url("/pics/home/tab-bg.gif") repeat-x; height:30px; } .home #container-1 ul.anchors li {background:0; float:left; margin:0 5px 0 0; padding-left:0;} .home #container-1 ul.anchors a {background:url("/pics/home/tab.gif") no-repeat; color:#504f4f; text-decoration:none; text-align:center; display:block; padding:8px 0;} .home #container-1 ul.anchors a:hover {color:#bf0f13;} .home #container-1 ul.anchors li.tabs-selected a {color:#bf0f13; font-weight:bold; background:url("/pics/home/tab-active.gif") no-repeat;} .home #container-1 .fragment {border:0; color:#5a5a5a; position:relative; clear:both; padding-left:5px;} /* Changed -- Begin added block */ #ProductIndex {width:550px; height:536px; position:absolute; top:0; left:245px; background:url("/pics/products-solutions/product-index.gif") no-repeat; display:none;} #ProductIndex .close {position:absolute; top:20px; right:20px;} #ProductIndex .tabs {float:none; position:relative; top:72px; left:20px; font-size:1.1em;} #ProductIndex .tabs a {color:#4e6297; font-weight:bold; background:url("/pics/products-solutions/product-index-tab.gif"); padding:21px 41px;} #ProductIndex ul {float:left; position:relative; left:30px; top:120px;} #ProductIndex li {padding:0 40px 10px 0;} #ProductIndex li a {color:#5f5f5f; text-decoration:none;} #ProductIndex li a:hover {color:#4e6297;} /* End added block */