/* THIS STYLE SHEET WAS ADDED IN MAY OF 2007 - A NEW VERSION OF SYTLES FOR THE SITE REDESIGN */ #main { position:relative; width:980px; margin:auto; } /* menus definitions */ #corporateMenu {top:160px; left:21px; width:175px; visibility:hidden; z-index : 2; position : absolute; } #productsMenu {top:160px; left:128px; width:175px; visibility:hidden; z-index : 2; position : absolute;} #solutionsMenu {top:160px; left:224px; width:175px; visibility:hidden; z-index : 2; position : absolute;} #servicesMenu {top:160px; left:319px; width:175px; visibility:hidden; z-index : 2; position : absolute;} #supportMenu {top:160px; left:410px; width:175px; visibility:hidden; z-index : 2; position : absolute;} #partnersMenu {top:160px; left:502px; width:175px; visibility:hidden; z-index : 2; position : absolute;} #purchaseMenu {top:160px; left:594px; width:175px; visibility:hidden; z-index : 2; position : absolute;} #quickLinksMenu {top:442px; left:4px; width:235px; visibility:hidden; z-index : 4; position : absolute;} #intlSitesMenu {top:25px; left:200px; width:195px; visibility:hidden; z-index : 4; position : absolute;} /* common nav bar definitions */ #common-nav-bar-ls { width:4px; height:100%; background:url(../images/common_ls.png) repeat-y; } #common-nav-bar-rs { width:6px; height:100%; background:url(../images/common_rs.png) repeat-y; } #common-nav-bar { width:970px; height:100%; border-left:1px solid #ADA186; border-bottom:1px solid #ADA186; border-right:1px solid #ADA186; background-color:#7180a3; } #common-nav-bar-bs { height:7px;} /* main nav bar definitions */ #main-nav-bar-ts { height:3px;} #main-nav-bar-ls { width:4px; height:100%; background:url(../images/nav_ls.png) repeat-y; } #main-nav-bar-rs { width:6px; height:100%; background:url(../images/nav_rs.png) repeat-y; } #main-nav-bar { width:970px; border:1px solid #D2BC88; background-color:#495C85; text-align:left; } #main-nav-bar-bs { height:4px; } /* homepage flash definitions */ #flash-bar-ts { height:2px;} #flash-bar-ls { width:4px; height:100%; background:url(../images/flash_ls.png) repeat-y; } #flash-bar-rs { width:6px; height:100%; background:url(../images/flash_rs.png) repeat-y; } #flash-bar { width:970px; height:215px; z-index:0; } #flash-bar-bs { height:8px; } /* home left column definitions */ #home-left-column-ts { height:2px; background:url(../images/home_left_col_ts.png) repeat-x; } #home-left-column-ls { width:4px; height:100%; background:url(../images/left_col_ls.png) repeat-y; } #home-left-column { width:236px; background-color:#FEF7E1; text-align:left; background:url(../images/background_yellow_column_gradient.jpg) repeat; } #home-left-column-bs { height:8px; background:url(../images/home_left_col_bs.png) repeat-y; } /* middle wide column definitions */ #middle-home-column-ts { height:2px; background:url(../images/mid_home_col_ts.png) no-repeat; } #middle-home-column-rs { width:6px; height:100%; background:url(../images/mid_wide_col_rs.png) repeat-y; } #middle-home-column { width:722px; background-color:#FFFFFF; text-align:left; } #middle-home-column-bs { height:8px; background:url(../images/mid_home_col_bs.png) no-repeat; } /* full column definitions */ #full-column-ts { height:2px; background:url(../images/full_col_ts.png) repeat-y; } #full-column-ls { width:4px; height:100%; background:url(../images/left_col_ls.png) repeat-y; } #full-column { width:970px; background-color:#FFFFFF; text-align:left; } #full-column-rs { width:6px; height:100%; background:url(../images/mid_wide_col_rs.png) repeat-y; } #full-column-bs { height:8px; background:url(../images/full_col_bs.png) no-repeat; } /* left column definitions */ #left-column-ts { height:2px; background:url(../images/left_col_ts.png) no-repeat; } #left-column-ls { width:4px; height:100%; background:url(../images/left_col_ls.png) repeat-y; } #left-column { width:213px; background-color:#FEF7E1; text-align:left; background:url(../images/background_yellow_column_gradient.jpg) repeat; } #left-column-bs { height:8px; background:url(../images/left_col_bs.png) no-repeat; } /* gap definitions */ #gap-ts { height:2px; background:url(../images/gap_ts.png) no-repeat; } #gap-s { width:12px; height:100%; background-image: url(../images/gap_s.png); background-repeat: repeat-y; } #gap-customer_left { width:12px; height:100%; background:url(../images/gap_customer_left.png) repeat-y; } #gap-bs { height:8px; background:url(../images/gap_bs.png) no-repeat; } #gap-top_left_nav { height:12px; background:url(../images/gap_top_left_nav.png) repeat-x; } /* middle wide column definitions */ #middle-wide-column-ts { height:2px; background:url(../images/mid_wide_col_ts.png) no-repeat; } #middle-wide-column-rs { width:6px; height:100%; background:url(../images/mid_wide_col_rs.png) repeat-y; } #middle-wide-column { width:745px; background-color:#FFFFFF; text-align:left; } #middle-wide-column-bs { height:8px; background:url(../images/mid_wide_col_bs.png) no-repeat; } /* middle thin column definitions */ #middle-thin-column-ts { height:2px; background:url(../images/mid_thin_col_ts.png) no-repeat; } #middle-thin-column { background-color:#FFFFFF; text-align:left; } #middle-thin-column-bs { height:8px; background:url(../images/mid_thin_col_bs.png); } /* middle huge column definitions */ #middle-huge-column-ts { height:2px; background:url(../images/mid_wide_col_ts.png) repeat-x; } #middle-huge-column-rs { width:6px; height:100%; background:url(../images/mid_wide_col_rs.png) repeat-y; } #middle-huge-column { width:970px; background-color:#FFFFFF; text-align:left; } #middle-huge-column-bs { height:8px; background:url(../images/mid_wide_col_bs.png) repeat-x; } /* right gap definitions */ #right-gap-ts { height:2px; background:url(../images/right_gap_ts.png) no-repeat; } #right-gap-s { width:9px; height:100%; background:url(../images/right_gap_s.png) repeat-y; } #right-gap-bs { height:8px; background:url(../images/right_gap_bs.png) no-repeat; } /* right column definitions */ #right-column-ts { height:2px; background:url(../images/right_col_ts.png) no-repeat; } #right-column-rs { width:6px; height:100%; background:url(../images/right_col_rs.png) repeat-y; } #right-column { width:212px; background-color:#FEF7E1; text-align:left; background:url(../images/background_yellow_column_gradient.jpg) repeat; } #right-column-bs { height:8px; background:url(../images/right_col_bs.png) no-repeat; } /* PNG Fix for IE */ img, #common-nav-bar-bs, #common-nav-bar-rs, #common-nav-ls, #main-nav-bar-ts, #main-nav-bar-ls, #main-nav-bar-rs, #main-nav-bar-bs, #flash-bar-ts, #flash-bar-ls, #flash-bar-rs, #flash-bar-bs, #left-column-ts, #left-column-ls, #left-column-bs, #gap-ts, #gap-s, #gap-bs, #middle-wide-column-ts, #middle-wide-column-rs, #middle-wide-column, #middle-wide-column-bs, #home-left-column-ts, #home-left-column-ls, #home-left-column-bs, { behavior: url(iepngfix.htc); } /* Common Look and Feel Definitions */ .body { background-color:transparent; margin:0px; background-image: url(../images/background_silver_gradient.jpg); text-align:left; font:11px Arial, Helvetica, sans-serif; color:#424242; } .pull-down-item {padding:6px 10px 6px 10px; color:#FFFFFF; font:12px Gill Sans, Arial, Helvetica, sans-serif;} .quick-link-item {padding:6px 10px 6px 10px; color:#B15F01; font:12px Gill Sans, Arial, Helvetica, sans-serif;} .common-nav-item {float:left; padding:5px 13px 5px 13px;} .leftNav {font:13px Gill Sans, Arial, Helvetica, sans-serif; font-weight:normal; color:#424242; border-bottom:1px solid #bdb4aa; padding:10px 10px 10px 18px; cursor:pointer;} .leftNavOn {font:13px Gill Sans, Arial, Helvetica, sans-serif; font-weight:bold; color:#4556B2; border-bottom:1px solid #bdb4aa; padding:10px 15px 10px 18px; cursor:pointer;} .leftNavSub {font:12px Arial, Helvetica, sans-serif; color:#424242; line-height:12px; margin:11px 5px 0px 14px; cursor:pointer;} .leftNavSubOn {font:12px Arial, Helvetica, sans-serif; color:#4556B2; line-height:12px; margin:11px 5px 0px 14px; text-decoration:underline; cursor:pointer;} /* link definitions */ a {font:11px Arial, Helvetica, sans-serif; color:#4556B2; text-decoration:none;} a:Hover {color:#4c4339; text-decoration:underline;} a.commonNav {font:12px Gill Sans, Arial, Helvetica, sans-serif; color:#E9E9EA; text-decoration:none;} a.commonNav:Hover {text-decoration:underline;} a.footer {font:10px Trebuchet MS, Arial, Helvetica, sans-serif; color:#9E9183; text-decoration:none;} a.footer:Hover {text-decoration:underline;} a.breadCrumb {font:11px Arial, Helvetica, sans-serif; color:#5366cc; text-decoration:underline;} a.breadCrumb:Hover {color:#4C4339;} a.print {font:11px Arial, Helvetica, sans-serif; color:#4C4339; text-decoration:none;} a.print:Hover {color:#5366cc;} a.leftNavLink { font:13px Gill Sans, Arial, Helvetica, sans-serif; font-weight:bold; color:#5366cc; text-decoration:none; } a.onYellow {font:11px Arial, Helvetica, sans-serif; color:#484B57; text-decoration:underline; font-weight:bold;} a.onYellow:Hover {color:#FFFFFF;} /* home page slide show definitions */ div.slideshow {font-family: Arial, Helvetica, sans-serif, Verdana; font-size: 11px; color: #666666; line-height: 15px; position: relative; width: 608px; height: 74px; z-index:0;} .slideshow div {position: absolute; top: 0px; left: 0px; width: 608px; height: 74px; background-color: #ffffff;} /* forms */ form {margin:0px;} .formText {font:11px Gill Sans, Arial, Helvetica, sans-serif;} .rFormLabel {padding:0px 10px 7px 0px;} .rFormField {padding:0px 0px 7px 0px;} /* headers */ h1 {font:18px Arial, Helvetica, sans-serif; font-weight:bold; color:#4c4339; line-height: 1em; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;} h1.printable{font:25px Arial, Helvetica, sans-serif; font-weight:bold; color:#000000; padding-left:0px;} h2 {font:14px Arial, Helvetica, sans-serif; font-weight:bold; color:#4c4339; text-decoration:none; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;} h3 {font:12px Arial, Helvetica, sans-serif; font-weight:bold; color:#3f3104; text-decoration:none; padding:-8px 0px 0px 0px; margin:0px 0px 0px 0px;} h4 {font:11px Arial, Helvetica, sans-serif; font-weight:bold; color:#4c4339; text-decoration:none; padding:-8px 0px 0px 0px; margin:0px 0px 0px 0px;} /* paragraphs */ p {font:11px Arial, Helvetica, sans-serif; color:#424242; text-decoration:none;} p.firstP {font:11px Arial, Helvetica, sans-serif; color:#424242; text-decoration:none; margin-top:4px;} p.lastP {font:11px Arial, Helvetica, sans-serif; color:#424242; text-decoration:none; margin-bottom:20px;} p.onlyP {font:11px Arial, Helvetica, sans-serif; color:#424242; text-decoration:none; margin:4px 0px 20px 0px;} /* special fonts */ .footer {font:10px Trebuchet MS, Arial, Helvetica, sans-serif; color:#9E9183;} .superScript {font:8px Arial, Helvetica, sans-serif;} .blueText {font:11px Arial, Helvetica, sans-serif; color:#517292; text-decoration:none;} .versionText {font:9px Arial, Helvetica, sans-serif; color:#000000; text-decoration:none;} /* red alert text */ .alert { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #CC0000; text-decoration: none ; line-height: 12px;} .warning { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 10px; color: #CC0000; text-decoration: none; line-height: 12px;} .formerror { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; font-size: 11px; color: #ff0000; text-decoration: none; line-height: 30px;} /* mypeek styles */ .body_mypeek {background-color: #FFFFFF; margin:0px; background-image: url(../images/mypeek/background_mypeek.gif); text-align:center; background-repeat: no-repeat;} td.mypeekbreadCrumb {font:11px Arial, Helvetica, sans-serif; color:#517292; text-decoration:none; background-color:#DEE9DD; height:19px; padding:6px 0px 10px 17px; border-top:1px solid #517292;} a.mypeektopNav {font:11px Arial, Helvetica, sans-serif; color:#517292; text-decoration:none;} a.mypeektopNav:Hover {text-decoration:underline;} .productListing {width:220px; border:1px solid #000000; margin-top:15px; margin-right:13px; background-color:#e68b28; background-image: url(../images/mypeek/yellow_grad_button.png); background-repeat: repeat-x; float:left; } .downloadSideBox { background-color:#fdfaf3; background-image:url(../images/mypeek/download_side_header.png); background-repeat: repeat-x; padding:5px 10px; border:1px solid #BDB4AA; margin-bottom:15px; } /* jQuery/interface styels */ .groupWrapper { width: 31%; float: left; margin-right: 2%; min-height: 400px; } .serializer { clear: both; } .groupItem { margin-bottom: 20px; border:1px solid #BDB4AA; background-color:#fdfaf3; } .groupItem .itemHeader { background-image:url(../images/mypeek/download_header.png); background-repeat: no-repeat; color: #000; padding:5px 10px; cursor: move; position: relative; } .groupItem .itemHeader h2 { margin-bottom:5px; color:#ffffff; } .groupItem .itemHeader a { position: absolute; right: 10px; top: 0px; font-weight: normal; font-size: 11px; text-decoration: none; } .groupItem .itemContent { padding:5px 10px; margin-bottom:20px; text-align:left; } .itemContent div { margin:4px 0px 5px 0px; } .sortHelper { border: 3px dashed #666; width: auto !important; } .groupWrapper p { height: 1px; overflow: hidden; margin: 0; padding: 0; } /* LEGACY STYLE - REPLACE AS TIME ALLOWS */ div.callOut {font:11px Arial, Helvetica, sans-serif; color:#4F4F4F; background-color:#fefbf6; border: 1px #c0b7ad solid; text-decoration:none; padding:19px 14px 15px 14px; margin:15px 0px 15px 0px;} div.callOutWhite {font:11px Arial, Helvetica, sans-serif; color:#4F4F4F; background-image:url(../images/solutions/background_gradient.gif); background-position:right top; background-repeat:no-repeat; background-color:#FFFFFF; border: 1px solid #B4BDD1; text-decoration:none; margin:0px 0px 0px 0px; width: 600px; -moz-box-sizing:border-box; box-sizing:border-box;} div.callOutPlainWhite {font:11px Arial, Helvetica, sans-serif; color:#4F4F4F; background-position:right top; background-repeat:no-repeat; background-color:#FFFFFF; border-left: 1px solid #B4BDD1; border-right: 1px solid #B4BDD1; text-decoration:none; padding:0px 14px 1px 14px; margin:0px 0px 0px 0px; width: 600px; -moz-box-sizing:border-box; box-sizing:border-box;} div.bodyTitleWhite { font: 16px Arial, Helvetica, sans-serif; font-weight:bold; color: #FFFFFF; line-height:37px; text-align:right; border: 1px solid #B4BDD1; vertical-align: middle; background-color:#FFFFFF; background-repeat:repeat-x; height: 37px;} div.callOutProducts {font:11px Arial, Helvetica, sans-serif; color:#4F4F4F; background-color:#CAD6E3; text-decoration:none; padding:5px 14px 5px 14px; margin:0px 0px 0px 0px;} div.homeModule {font:11px Arial, Helvetica, sans-serif; color:#4F4F4F; line-height:14px; text-decoration:none; margin-top:7px;} /* for flash videos */ #cs_flashBody { background-color: #ffffff; font: .8em/1.3em verdana,arial,helvetica,sans-serif; text-align: center; } #cs_noexpressUpdate { margin: 0 auto; font-family:Arial, Helvetica, sans-serif; font-size: x-small; color: #003300; text-align: left; background-image: url(Rouge_5_FINAL_nofp_bg.gif); background-repeat: no-repeat; width: 210px; height: 200px; padding: 40px; } /* Link Defs */ .aiName { font:15px Arial,Verdana,Helvetica,Geneva,sans-serif; color:#FFFFFF; font-weight:bold; } .aiLink { font:12px Arial,Verdana,Helvetica,Geneva,sans-serif; color:#FFFFFF; text-decoration:underline; } .aiLink:Hover { color:#F76918; text-decoration:none; } .navLink { font:18px Arial,Verdana,Helvetica,Geneva,sans-serif; color:#FFFFFF; text-decoration:underline; font-weight:bold; } .navLink:Hover { text-decoration:none; color:#FFFFFF;} .navLinkOn { font:18px Arial,Verdana,Helvetica,Geneva,sans-serif; color:#FFFFFF; text-decoration:none; font-weight:bold; } .navLinkOn:Hover { color:#FFFFFF;} .lnOrangeLink { font:12px Arial,Verdana,Helvetica,Geneva,sans-serif; color:#D85E18; text-decoration:underline; } .lnOrangeLink:Hover { color:#444444; text-decoration:none; } .lnSubNavOff { font:12px Arial,Verdana,Helvetica,Geneva,sans-serif; color:#424242; text-decoration:none; font-weight:normal; } .lnSubNavOff:Hover { text-decoration:underline;} .lnSubNavOn { font:12px Arial,Verdana,Helvetica,Geneva,sans-serif; color:#5366cc; text-decoration:underline; font-weight:normal; } .lnSubNavOn:Hover { text-decoration:underline;} .breadLink { font:10px Arial,Verdana,Helvetica,Geneva,sans-serif; color:#4C6F8E; text-decoration:underline; } .breadLink:Hover { color:#D85E18; text-decoration:none; } .footer { font:11px Arial,Verdana,Helvetica,Geneva,sans-serif; color:#bdb4aa; } .downloadLink { font:12px Arial,Verdana,Helvetica,Geneva,sans-serif; color:#FFFFFF; text-decoration:underline; font-weight:normal; } .downloadLink:Hover { text-decoration:none; color:#FFFFFF;} .rightNavLink { font:11px Arial,Verdana,Helvetica,Geneva,sans-serif; color:#D85E18; text-decoration:underline; } rightNavLink:Hover { color:#4C6F8E; text-decoration:none; } .usOrangeLink { font:14px Arial,Verdana,Helvetica,Geneva,sans-serif; color:#D85E18; text-decoration:underline; } .usOrangeLink:Hover { color:#444444; text-decoration:none; } .commentLink { font:10px Arial,Verdana,Helvetica,Geneva,sans-serif; color:#D85E18; text-decoration:underline; } .commentLink:Hover { color:#444444; text-decoration:none; } /* DIV Defs */ div.lnNav { padding:4px 4px 4px 25px; font:13px Arial,Verdana,Helvetica,Geneva,sans-serif; color:inherit; } div.lnSubNavItem { padding:0px 5px 2px 33px;} div.warning { font:11px Arial,Verdana,Helvetica,Geneva,sans-serif; color:#FF0000; font-weight:bold; } div.footerCopyright { clear:both; float:left; text-align:left; font:11px Arial,Verdana,Helvetica,Geneva,sans-serif; color:#FFFFFF; margin:0px 0px 25px 5px; } div.footerNavigation { float:right; text-align:right; font:11px Arial,Verdana,Helvetica,Geneva,sans-serif; color:#FFFFFF; margin:0px 20px 25px 5px; }