/* ************************************************* BLOXX General Screen Styles ************************************************* */ /*------------------------------------------- General Selectors -------------------------------------------*/ * { margin: 0; padding: 0; line-height: 1.4em; } body { color: #444; font: 76% 'Helvetica Neue', Arial, sans-serif; text-align: center; background: #fff /* url(../images/headerbg-bg.jpg) repeat-x */; } input,select,textarea { font-size: 1em; font-family: 'Helvetica Neue', Arial, sans-serif; font-weight: normal; color: #666; } a { color: #0b598d /*#343a7c*/; text-decoration: none; } a:hover { text-decoration: underline; } a.int { padding-left: 10px; background: url(../images/linkarrow.gif) 0 5px no-repeat; } a.pdf { padding-left: 15px; background: url(../images/pdf.gif) 0 1px no-repeat; } img { border: 0; } img.icon { vertical-align: middle; } #skip { display: none; } .hide { display: none !important; } /*------------------------------------------- Wrap -------------------------------------------*/ #wrap { margin: 0 auto 20px auto; width: 980px; text-align: left; } /*------------------------------------------- Header -------------------------------------------*/ #header { height: 86px; background: #1c6494 url(../images/headerbg.jpg) no-repeat; border-bottom: 1px solid #b8c8d5; } #logo { float: left; margin: 19px 0 10px 23px; } #log-support-call { height: 86px; width: 205px; float: right; } #log-support-call h2 { color: #fff; font-size: .9em; font-weight: normal; text-transform: uppercase; margin: 15px 0 0 15px; } #log-support-call ul { list-style: none; font-size: .9em; color: #fff; margin: 0 0 0 15px; } #log-support-call li { margin: .25em 0 0 0; padding-left: 12px; background: url(../images/log-call-link.png) 0 3px no-repeat; } #log-support-call a { color: #fff; font-weight: normal; } #utils { float: right; margin: 12px 15px 12px 0; } #utils p,#utils ul { font-size: .9em; color: #99b7cf; } #utils li { float: right; list-style: none; margin: 0 0 0 15px; } #utils a { font-weight: normal; color: #99b7cf; display: block; padding: 2px 3px; } #utils a.sel { background: #fff; } #utils strong { font-weight: normal; } #utils .search { display: none; } #utils .searchBox { vertical-align: middle; border: 1px solid #ccc; padding: 3px 6px; } #utils .searchButton { vertical-align: middle; margin-bottom: 3px; } #accessibility { display: none; } #nav1 { float: left; margin: 44px 0 0 1px; padding: 3px 3px; height: 35px; background: url(../images/navbg.gif) no-repeat; } #nav1 ul { list-style: none; font-size: .95em; color: #fff; text-transform: uppercase; margin: 9px 0 0 0 } #nav1 a { color: #8ab4cc; font-weight: bold; } #nav1 li.sel a { color: #fff; text-decoration: underline; } #nav1 li { float: left; margin: 0 0 0 45px; } /*------------------------------------------- Content -------------------------------------------*/ #content { width: 960px; margin: 0 auto; background: #ededed url(../images/bg1.jpg) no-repeat; min-height: 500px; border-top: 2px solid #e6e6e8; } .content-home { background: #ededed url(../images/bg-home1.jpg) no-repeat !important; } #pageMain { width: 765px; float: left; margin: 10px 0 0 0; } #left { width: 195px; float: left; font-size: 1em; margin: 0 0 5px 0; } #left h6 { font-size: 1.8em; font-weight: bold; line-height: 1.25em; margin: 10px 0 0 10px; padding: 0 0 10px 15px; } .menu { margin: 4px 0 0 10px; } .menu ul { list-style: none; text-align: right; font-size: 1em; line-height: 1.25em; margin: 0 0 0 20px; } .menu li { font-weight: normal; margin: 0 0; } .menu li.sel { font-weight: bold; } .menu li.sel li { font-weight: normal; background: #faf7f7; } .menu ul ul { list-style: none; font-size: 1em; line-height: 1.25em; } .menu ul ul li a { padding-left: 15px; width: 145px; } .menu ul a { color: #666; display: block; padding: 5px 0 5px 20px; text-decoration: none; padding-bottom: 5px; margin-right: 15px; } .menu ul .sel a { padding-right: 15px; margin-right: 0; background: none; } .menu ul a:hover { text-decoration: underline; } .leftPic { margin: 5px 0 0 15px; width: 165px; } #main { width: 505px; border-bottom: 1px solid #d1d1d3; float: left; min-height: 437px; background: #fff; padding: 10px 25px 20px 25px; margin: 0 0 10px 0; } #main p a,#main ul a,#main ol a{ text-decoration: underline; } #main h1 { margin: .75em 1em .5em 0; color: #0b598d; } #main h2 { margin: 1.5em 1em .75em 0; } #main h2.intro { margin: .75em 1em 1em 0; font-weight: normal; } #main h3 { margin: .75em 1em 0 0; } #main h4 { } #main p { font-size: 1em; margin: 0 1em 1em 0; } #main p.errorMessage { background: #ffc; padding: .5em 1em; } #main p#bread { font-size: .9em; color: #999; } .newsdate { text-transform: uppercase; letter-spacing: .1em; font-size: .8em; color: #666; margin-right: 10px; } #main ul { font-size: 1em; margin: 0 1em 1em 2em; } #main ol { font-size: 1em; margin: 0 1em 1em 2em; } #main ul.links { margin-left: 0; } #main ul.links li { list-style: none; background: url(../images/arrow2.gif) 0px 3px no-repeat; padding: 0 0 0 10px; margin: 0 0 .25em 0; } #main ul.links li.doc { padding-left: 11px; background: url(../images/arrowdoc.gif) 0 5px no-repeat; } #main ul.links li.docp { padding-left: 11px; background: url(../images/arrowdocp.gif) 0 5px no-repeat; } #main .product-logo { width: 180px; float: right; text-align: right; } #main ul.events { margin: 0 1em 1em 0; } #main ul.events li { display: inline; margin: 0; background: none; } #main .filter { padding: 10px 0 10px 0; background: #f7e7b7; margin: 10px 20px 10px 20px; } #main .filter p { margin: 0 0 0 25px; } #main p.showingResults { font-style: italic; border-bottom: 1px solid #ddd; padding-bottom: .25em; } #main .filter p.showingResults { margin: .5em 0 0 25px; } #main .filter select { width: 160px; } #main .paging { margin: 20px 0 0 0; padding-top: .25em; height: 40px; font-size: 1em; border-top: 1px solid #ddd } #main .paging p { display: inline; margin: 0 10px 0 0; } #main .paging ul { display: inline; list-style: none; margin: 0 0 1em 0; padding: 0; } #main .paging li { display: inline; margin: 0 10px 0 0; } #main .paging a { text-decoration: underline; } #main .cols { } #main .col2 { width: 48%; float: left; } #main .boxbg { background: #fff; border: 1px solid #ced7de; padding: 15px 15px 1px 15px; margin: 0 0 1em 0; } #main .boxbg h2,#main .boxbg h3 { margin-top: 0; } #main hr { margin: 0 0 .5em 0; height: 0; border: 0; border-top: 1px solid #ccc; } #main .boxbg p.date { margin-bottom: .5em; } #main .boxbg-map { height: 265px; } #main .boxmap { float: right; width: 250px; height: 250px; } #main #castle-video { margin: 0 0 1em 0; } #main #backTop ul { clear: left; padding-top: 4em; font-size: .9em; list-style: none; margin-left: 0; } /*------------------------------------------- Home -------------------------------------------*/ #homeMain { width: 765px; float: left; margin: 10px 0 0 0; } #banner { width: 735px; height: 455px; background: url(../images/h-1.jpg) 0 100% no-repeat; margin: 0 0 10px 15px; } #carousel-wrapper { position: absolute; z-index: 1; width: 735px; height: 390px; overflow: hidden; background: url(../images/h-1.jpg) no-repeat; } #carousel-content { width: 5600px; } #carousel-content .slide { float: left; width: 735px; height: 415px; overflow: hidden; } ul.DK-play-pause { list-style: none; position: relative; z-index: 1000000; top: 0px; left: 705px; width: 30px; height: 30px; } a#carousel-DKplay { width: 30px; height: 30px; display: none; text-indent: -99999px; background: url(../images/carousel-play.png) no-repeat; } a#carousel-DKpause { width: 30px; height: 30px; display: block; text-indent: -99999px; background: url(../images/carousel-pause.png) no-repeat; } #carousel-nav { position: relative; top: 372px; height: 65px; z-index: 100; width: 735px; } #carousel-nav ul { list-style: none; width: 750px; margin: 0 auto 0 auto; padding-top: 0px; } #carousel-nav li { float: left; margin: 0; } #carousel-nav a { display: block; height: 65px; width: 183px; text-decoration: none; } #carousel-nav h2 { font-size: 1.2em; padding: 5px 0 0 10px; } #carousel-nav p { font-weight: normal !important; font-size: .85em; color:Ê#ccc; padding: 0 15px 0 10px; } #carousel-nav a h2 { color: #fff !important; } #carousel-nav a p { color: #999 !important; } #carousel-nav a#Accounting-thumb { margin-right: 0px; background: url(../images/h-t-accounting-0.gif) no-repeat; } #carousel-nav a#Accounting-thumb.sel { background: #fff url(../images/h-t-accounting-1.gif) no-repeat; width: 186px; height: 72px; } #carousel-nav a#Accounting-thumb.sel h2 { color: #2A5B2A !important; } #carousel-nav a#Accounting-thumb.sel p { color: #999 !important; } #carousel-nav a#Accounting-thumb p { color: #a8d5ae !important; } #carousel-nav a#BI-thumb { margin-right: 0px; background: url(../images/h-t-bi-0.gif) no-repeat; } #carousel-nav a#BI-thumb.sel { background: #fff url(../images/h-t-bi-1.gif) no-repeat; width: 186px; height: 72px; } #carousel-nav a#BI-thumb.sel h2 { color: #43a744 !important; } #carousel-nav a#BI-thumb.sel p { color: #999 !important; } #carousel-nav a#BI-thumb p { color: #abe1b3 !important; } #carousel-nav a#Virtualisation-thumb { margin-right: 0px; background: url(../images/h-t-virtualisation-0.gif) no-repeat; } #carousel-nav a#Virtualisation-thumb.sel { background: #fff url(../images/h-t-virtualisation-1.gif) no-repeat; width: 186px; height: 72px; } #carousel-nav a#Virtualisation-thumb.sel h2 { color: #004f8b !important; } #carousel-nav a#Virtualisation-thumb.sel p { color: #999 !important; } #carousel-nav a#Virtualisation-thumb p { color: #93bad1 !important; } #carousel-nav a#IT-thumb { background: url(../images/h-t-it-0.gif) no-repeat; } #carousel-nav a#IT-thumb.sel { background: #fff url(../images/h-t-it-1.gif) no-repeat; width: 186px; height: 72px; } #carousel-nav a#IT-thumb.sel h2 { color: #006eb3 !important; padding-left: 12px; } #carousel-nav a#IT-thumb.sel p { color: #999 !important; padding-left: 12px; } #carousel-nav a#IT-thumb p { color: #93bad1 !important; } .slide { padding: 12px; } .slide-left-nav { width: 172px; height: 405px; float: left; } .slide-left-nav h2 { margin: 18px 0 0 18px; font-size: 1.8em; } .slide-left-nav ul { list-style: none; text-align: right; margin-left: 20px; } .slide-left-nav li { padding: 5px 15px 5px 0; margin: 5px 0; height: 18px; } .slide-left-nav li.sel { /* background: url(../images/slide-left-li-bg.png) no-repeat; border-top: 1px solid #c3cfc1; border-bottom: 1px solid #c3cfc1; */ } .slide-content { float: left; width: 515px; padding: 0 0 0 23px; } .slide-content h3 { font-size: 2em; margin: 0 0 .25em 0; width: 270px; } .slide-content h4 { font-size: 1.2em; margin: 1em 0 0 0; width: 270px; } .slide-content p { font-size: 1.1em; margin: 0 0 1em 0; width: 270px; } .slide-logo { width: 257px; height: 126px; } .slide-content .buttons { list-style: none; } .slide-content .buttons a.forum { font-weight: normal; display: block; background: url(../images/visit-forum.gif) 0 3px no-repeat; padding-left: 20px; } /* ACCOUNTING */ .slide-accounting .slide-left-nav { background: #f5f7f4 url(../images/slide-left-bg-acc.gif) no-repeat; } .slide-accounting .slide-left-nav ul { margin-top: 75px; } .slide-accounting .slide-left-nav ul a { color: #2a5b2a; font-weight: normal; } .slide-accounting .slide-left-nav h2 { color: #2A5B2A; } .slide-accounting .slide-left-nav li.sel { background: url(../images/slide-left-li-bg-acc.png) no-repeat; } .slide-accounting .slide-logo { background: url(../images/slide-logo-bg-acc.gif) no-repeat; } .slide-accounting .slide-content h3,.slide-accounting .slide-content h4 { color: #2A5B2A !important; } a.visit-expertsindynamics { display: block; text-indent: -9999px; background: url(../images/visit-expertsindyn.gif) no-repeat; width: 263px; height: 29px; } a.visit-expertsinsunsystems { display: block; text-indent: -9999px; background: url(../images/visit-expertsinsun.gif) no-repeat; width: 276px; height: 29px; } a.visit-expertsinhas { display: block; text-indent: -9999px; background: url(../images/visit-expertsinhas.gif) no-repeat; width: 190px; height: 24px; } a.visit-pegasus { display: block; text-indent: -9999px; background: url(../images/visit-pegasus.gif) no-repeat; width: 290px; height: 29px; } a.visit-exchequer { display: block; text-indent: -9999px; background: url(../images/visit-exchequer.gif) no-repeat; width: 315px; height: 29px; } .slide-accounting a { color: #2A5B2A !important; } #slide-dynamics { width: 515px; height: 405px; background: url(../images/slide-content-bg-dyn.jpg) 100% 0 no-repeat; } #slide-sunsystems { width: 515px; height: 405px; background: url(../images/slide-content-bg-sun.jpg) 100% 0 no-repeat; } #slide-exchequer { width: 515px; height: 405px; background: url(../images/slide-content-bg-exc.jpg) 100% 0 no-repeat; } #slide-pegasus { width: 515px; height: 405px; background: url(../images/slide-content-bg-peg.jpg) 100% 0 no-repeat; } /* BUSINESS INTELLIGENCE */ .slide-bi .slide-left-nav { background: #e7eee9 url(../images/slide-left-bg-bi.gif) no-repeat; } .slide-bi .slide-left-nav ul { margin-top: 75px; } .slide-bi .slide-left-nav ul a { color: #55a521; font-weight: normal; } .slide-bi .slide-left-nav h2 { color: #55a521; } .slide-bi .slide-left-nav li.sel { background: url(../images/slide-left-li-bg-bi.png) no-repeat; } .slide-bi .slide-logo { background: url(../images/slide-logo-bg-bi.gif) no-repeat; } .slide-bi .slide-content h3 { color: #55a521 !important; } a.visit-expertsinbi { display: block; text-indent: -9999px; background: url(../images/visit-expertsinbi.gif) no-repeat; width: 210px; height: 29px; } #slide-qlikview { width: 515px; height: 405px; background: url(../images/slide-content-bg-qli.jpg) 100% 0 no-repeat; } /* VIRTUALISATION */ .slide-virtualisation .slide-left-nav { background: #f5f9fb url(../images/slide-left-bg-vir.gif) no-repeat; } .slide-virtualisation .slide-left-nav ul { margin-top: 105px; } .slide-virtualisation .slide-left-nav ul a { color: #004f8b; font-weight: normal; } .slide-virtualisation .slide-left-nav h2 { color: #004f8b; } .slide-virtualisation .slide-left-nav li.sel { background: url(../images/slide-left-li-bg-vir.png) no-repeat; } .slide-virtualisation .slide-logo { background: url(../images/slide-logo-bg-vir.gif) no-repeat; } .slide-virtualisation .slide-content h3 { color: #004f8b !important; } a.visit-expertsinvirtualisation { display: block; text-indent: -9999px; background: url(../images/visit-expertsinvir.gif) no-repeat; width: 287px; height: 29px; } #slide-server { width: 515px; height: 405px; background: url(../images/slide-content-bg-ser.jpg) 100% 0 no-repeat; } #slide-desktop { width: 515px; height: 405px; background: url(../images/slide-content-bg-des.jpg) 100% 0 no-repeat; } /* IT */ .slide-it .slide-left-nav { background: #f5f9fb url(../images/slide-left-bg-it.gif) no-repeat; } .slide-it .slide-left-nav ul { margin-top: 75px; } .slide-it .slide-left-nav ul a { color: #006eb3; font-weight: normal; } .slide-it .slide-left-nav h2 { color: #006eb3; } .slide-it .slide-left-nav li.sel { background: url(../images/slide-left-li-bg-it.png) no-repeat; } .slide-it .slide-logo { background: url(../images/slide-logo-bg-it.gif) no-repeat; } .slide-it .slide-content h3 { color: #006eb3 !important; } a.visit-support { display: block; text-indent: -9999px; background: url(../images/visit-support.gif) no-repeat; width: 323px; height: 29px; } a.visit-continuity { display: block; text-indent: -9999px; background: url(../images/visit-expertsincon.gif) no-repeat; width: 321px; height: 29px; } #slide-support { width: 515px; height: 405px; background: url(../images/slide-content-bg-sup.jpg) 100% 0 no-repeat; } #slide-continuity { width: 515px; height: 405px; background: url(../images/slide-content-bg-con.jpg) 100% 0 no-repeat; } /*------------------------------------------- Right -------------------------------------------*/ #right { float: left; width: 195px; margin: 10px 0 0 0; } #right a { font-weight: no rmal; } #right h2 { color: #44454c; font-size: .8em; font-weight: bold; text-transform: uppercase; margin: 2em 0 0 0; border: 1px solid #dbdce6; border-bottom: 0px solid #cecfd9; background: #ededf2; padding: 5px 8px 4px 8px; } #right ul { list-style: none; font-size: .95em; } #right li { padding: 5px 0 4px 10px; background: url(../images/linkarrow.gif) 1px 10px no-repeat; border-top: 1px solid #dbdce6; } #quickLinks-wrap { background: url(../images/sidebar-top.gif) 0 0 no-repeat; padding: 0 0 0 0; } #quickLinks { background: url(../images/sidebar-bottom.gif) 0 100% no-repeat; padding: 10px 12px 10px 12px; margin: 0 0 8px 0; } #quickLinks h2 { font-size: 1em; color: #44454c; border: 0; padding: 0; background: none; text-transform: none; font-weight: bold; margin: 0 0 .5em 0; } #quicklinks .qlB { background: #eeeef7; padding: .5em; } #right #quicklinks .qlB h2 { margin: 0; border-top: 1px solid #bbbbbf } #quickLinks ul { list-style: none; text-transform: uppercase; font-size: .8em; font-weight: bold; } #quickLinks li { border-top: 1px solid #cccccf; background: #fff url(../images/quicklinkarrow.gif) 98% 9px no-repeat; padding: 5px 0; margin: 0 0 0 0; } .banner-wrap { background: url(../images/sidebar-top.gif) 0 0 no-repeat; padding: 0 0 0 0; } .banner { background: url(../images/sidebar-bottom.gif) 0 100% no-repeat; padding: 10px 12px 10px 12px; margin: 0 0 8px 0; } .banner table { border-collapse: collapse; width: 100%; font-size: .9em; line-height: 1.2em; margin: 0 0 .5em 0; background: #fff; border-bottom: 1px solid #cccccf; } .banner table th,.banner table td { vertical-align: top; text-align: right; padding: 0 0 5px 0; color:Ê#66666f; } .banner table th { font-weight: normal; text-align: left; width: 100px; } .banner table td { padding-right: 5px; } .bannerImg { margin: 0 0 5px 0; } .solutions a { font-weight: bold; } #right .banner h2 { font-size: 1em; color: #5a5c65; border: 0; padding: 0; background: none; text-transform: none; font-weight: bold; margin: 0 0 .5em 0; } #right .banner ul { margin: 0 0 .5em 0; font-size: .9em; line-height: 1.4em; } #right .banner li { border: 0; padding: 0 0 0 10px; margin: 0 0 0 0; background: url(../images/linkarrow.gif) 0 5px no-repeat; } #right .chat { display: none; background: url(../images/chat.jpg) 100% 0 no-repeat; } #right .chat li { background: none; margin: 1em 0 0 0; padding: 0 0 .25em 0; } #right .chat li a { background: #ededf2; border-bottom: 1px solid #cecfd9; padding: 5px 7px; } /*------------------------------------------- Footer -------------------------------------------*/ #footer { clear: left; margin: 0 15px; padding: 5px 0 15px 0 } #footer p { font-size: .9em; line-height: 1.4em; color: #999; margin: 0; } #footer a { color: #999; } #footer #share-icons { float: right; width: 165px; text-align: right; } #footer #share-icons img { width: 24px; } #footer #share-icons li { list-style: none; display: inline; margin-left: 5px; } /*------------------------------------------- Overrides -------------------------------------------*/ .noBorder { border: 0 !important; }