/* ************************************************* BLOXX General Screen Styles ************************************************* */ /*------------------------------------------- General Selectors -------------------------------------------*/ * { margin: 0; padding: 0; line-height: 1.4em; } body { border-top: 0px solid #fff; color: #44454c; font: 76% 'Helvetica Neue', Arial, sans-serif; text-align: center; background: #f0f0f6 url(../images/body-bg.gif); } input,select,textarea { font-size: 1em; font-family: 'Helvetica Neue', Arial, sans-serif; font-weight: normal; color: #666; } /* h1,h2,h3,h4,h5,h6,p,ul,table { line-height: 1.25em; } */ a { color: #343a7c; text-decoration: none; font-weight: bold; } 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; } .clear { clear: left; } /*------------------------------------------- Wrap -------------------------------------------*/ #wrap { margin: 0; text-align: left; } .full-vid { position: absolute; z-index: 1000; top: 0; left: 0; height: 100%; width: 100%; background: url('../images/overlay-bg.png'); color:inherit; } .full-vid-cont { width: 550px; height: 550px; margin: 50px auto; padding: 1px; } .full-vid p { font-size: 1em; text-transform: uppercase; letter-spacing: .05em; text-align: center; margin: 10px; } #full-video p a { color: #fff; } #full-video { position: absolute; z-index: 10000; top: 0; left: 0; height: 100%; width: 100%; background: url('../images/overlay-bg.png'); color:inherit; } #full-video #container { width: 550px; height: 550px; margin: 50px auto; padding: 1px; } #full-video p { font-size: 1em; text-transform: uppercase; letter-spacing: .05em; text-align: center; margin: 10px; } #full-video p a { color: #fff; } /*------------------------------------------- Header -------------------------------------------*/ #header { height: 130px; width: 980px; margin: 0 auto; } #logo { float: left; margin: 23px 26px 10px 13px; } #utils { float: right; margin: 35px 10px 12px 0; } #utils .icon { display: none; } #utils p { font-size: .9em; color: #888; } #utils a { font-weight: normal; color: #888; padding: 1px 3px; } #utils a.sel { background: #fff; } #utils strong { font-weight: bold; } #utils #searchBox { vertical-align: mi ddle; border: 1px solid #ccc; padding: 2px; } #utils #searchButton { vertical-align: middle; margin-bottom: 3px; } #accessibility { display: none; } #nav1Wrap { clear: left; width: 970px; margin: 0 auto; position: relative; z-index: 1; } #nav1 { margin: 8px 0 0 1px; padding: 3px 3px; height: 35px; background: url(../images/navbg.gif) no-repeat; } #menu { font-size: 1.2em; list-style: none; float: left; line-height: 1.1em; margin-left: 1px; } #menu li { display: block; float: left; position: relative; margin: 0 1px 0 0; width: 159px; } #menu li span { display: block; color: #fff; font-size: 1em; } #menu li a { display: block; width: 139px; white-space: nowrap; color: #fff; margin: 1px 0; padding: 4px 10px 6px 10px; font-weight: normal; background: url(../images/navlibg.gif) 0 1px no-repeat; } #menu li#nav1Left a { background: url(../images/navli-l-bg.gif) 0 1px no-repeat; } #menu li#nav1Right a { background: url(../images/navli-r-bg.gif) 100% 1px no-repeat; } #menu li.sel { } #menu li.sel a { color: #fff; background: url(../images/navlibg1.gif) 0 0 no-repeat; } #menu li#nav1Left.sel a { background: url(../images/navli-l-bgsel.gif) 0 0 no-repeat; } #menu li#nav1Right.sel a { background: url(../images/navli-r-bgsel.gif) 100% 0 no-repeat; } #menu li:hover { } #menu li:hover a { text-decoration: none; color: #fff; background: url(../images/navlibg1.gif); } #menu li#nav1Left:hover a { background: url(../images/navli-l-bg1.gif) -1px 0 no-repeat; } #menu li#nav1Right:hover a { background: url(../images/navli-r-bg1.gif) 100% 0 no-repeat; } #menu dl { position: absolute; top: 0; left: 0; } #menu dt { margin: 0; font-size: 1em; float: left; } #menu dd { display: none; clear: left; margin: 0; padding: 0; color: #fff; font-size: .95em; text-align: left; text-transform: none; } #menu dd ul { margin: 0; display: block; padding: 10px 0; background: url(../images/navddbg.gif) 0 100% no-repeat;} #menu dd ul li { background: #777; float: none; font-size: .8em; margin: 0; padding: 0; border: 0; } #menu dt a { display: block; color: #777; padding: 4px 10px; text-decoration: none; } #menu dd a { color: #fff; background: #777; text-decoration: none; display: block; width: 139px; padding: 0 10px 2px 10px; } #menu li#nav1Left.sel dd a { background-image: none; } #menu li#nav1Right.sel dd a { background-image: none; } #menu li#nav1Left:hover dd a { background-image: none; } #menu li#nav1Right:hover dd a { background-image: none; } #menu li a:hover { text-decoration: underline; } #menu ul:hover { display: block; } #menu li:hover dd, #menu li a:hover dd { display: block; } #menu li:hover dl, #menu li a:hover dl { padding-bottom: 15px; } #menu li:hover dt a, #menu li a:hover dt a, #menu dd a:hover { } /*------------------------------------------- Content -------------------------------------------*/ #content { width: 960px; position: relative; margin: 0 auto; z-index: 0; } /*------------------------------------------- Left -------------------------------------------*/ #left { float: left; width: 182px; margin: 0 10px 30px 0 } #left h2 { border-top: 2px solid #bbbbbf; margin: 0 10px 0 0; padding: 5px 3px; font-size: .8em; text-transform: uppercase; } #left ul { list-style: none; margin: 0 10px 0 0; font-size: .95em; } #left li { border-top: 1px solid #dddddf; padding: 1px 0; } #left a { color: #666; font-weight: normal; padding: 3px 3px 3px 3px; display: block; } #left a:hover { background: #e7e7ea; text-decoration: none; } #left li.sel a { font-weight: bold; color: #444; } #left li ul { margin-bottom: 6px; } #left li li { padding: 1px 0 1px 10px; border: 0; } #left li li a { padding: 2px; border: 0; } #left li.sel li a { font-weight: normal; color: #666; } #left li li.sel a { font-weight: bold !important; color: #444; } /*------------------------------------------- MiddleRight -------------------------------------------*/ #middleRight { float: left; width: 586px; border-top: 0px solid #bbbbbf; padding-top: 0em; } .middleWide { padding-left: 192px !important; } .middlePromo { width: 778px !important; } #breadcrumb { } #breadcrumb p { font-size: .9em; color: #888; margin: 0 25px 0 0; padding: 0 0 10px 0 } #breadcrumb a { color: #888; font-weight: normal !important; } #content h1 { clear: left; margin: 0 20px .5em 0; color: #2e2f33; font-size: 2em; font-weight: normal; } #content h1 .sub { font-size: .48em; color: #bbbbbf; display: block; margin: 2.5em 385px 0 0; } /*#content h1.header { font-size: 2em; font-weight: normal; color: #333; padding: 0 0 .25em 0; border-top: 2px solid #bbbbbf; margin: 0 0 .5em 0; } #content h1.corporate { font-size: 2em; background: #141433 url(../images/traders3.jpg) no-repeat; height: 160px; font-weight: normal; color: #fff; padding: 5px 10px; margin: 0 0 20px 0; } #content h1.products { font-size: 2em; background: #141433 url(../images/woman_thinking.jpg) no-repeat; height: 160px; font-weight: normal; color: #fff; padding: 5px 10px; margin: 0 0 20px 0; } */ #content h1.promotion { font-size: 2em; height: 210px; font-weight: normal; color: #fff; padding: 10px 15px; margin: 0 18px 1.5em 0; } #content h1.products { font-size: 2em; background: #10070c url(../images/header_box.jpg) no-repeat; height: 150px; font-weight: normal; color: #fff; padding: 10px 15px; margin: 0 18px .65em 0; } #content h1.products .sub { color: #888; } #content h1.resources { font-size: 2em; background: #7d8669 url(../images/header8.jpg) no-repeat; height: 150px; font-weight: normal; color: #fff; padding: 10px 15px; margin: 0 18px .65em 0; } #content h1.resources .sub { color: #fff; } #content h1.markets { font-size: 2em; background: #bfbbba url(../images/header_markets.jpg) no-repeat; height: 150px; font-weight: normal; color: #fff; padding: 10px 15px; margin: 0 18px .65em 0; } #content h1.markets .sub { color: #fff; } #content h1.customers { font-size: 2em; background: #212737 url(../images/header7.jpg) no-repeat; height: 150px; font-weight: normal; color: #fff; padding: 10px 15px; margin: 0 18px .65em 0; } #content h1.customers .sub { color: #a4acc3; } #content h1.support { font-size: 2em; background: #f5f6fb url(../images/header5.jpg) no-repeat; height: 150px; font-weight: normal; color: #333; padding: 10px 15px; margin: 0 18px .65em 0; } #content h1.support .sub { color: #88888c; } #content h1.corporate { font-size: 2em; background: #5b9ed5 url(../images/header6.jpg) no-repeat; height: 150px; font-weight: normal; color: #fff; padding: 10px 15px; margin: 0 18px .65em 0; } #content h1.corporate .sub { color: #d8edff; } #content #featuredCustomers { height: 240px; margin: 0 0 1em 0; } #content .fccol1 { float: left; width: 190px; margin: 0 8px 0 0; } #content .fccol2 { float: left; width: 190px; margin: 0 6px 0 6px; } #content .fccol3 { float: left; width: 190px; margin: 0 0 0 8px; } #content .fc { width: 190px; height: 88px; border: 1px solid #bbbbbf; margin: 0 0 10px 0} #content #fCwrap { } #content #fC { border: 1px solid #bbbbbf; background: #fff; width: 100%; border-collapse: collapse; margin: 0 0 1.5em 0; } #content #fC td { width: 25%; text-align: center; height: 100px; border-bottom: 1px solid #bbbbbf; border-right: 1px solid #bbbbbf; } #content #fCwrap p { margin: 0 0 .5em 0; color: #666; } #content #fCwrap p.small { font-size: .95em; } #content #fCwrap span.r { float: right; } #content #fCwrap a.int { padding-left: 10px; background: url(../images/linkarrow.gif) 0 5px no-repeat; } #products-header { height: 150px; padding: 10px 20px; } #products-header h1 { font-size: 2.1em; line-height: 100%; font-weight: normal; padding: 0; margin: 10px 0 .5em 0; } #products-header h2 { margin: 0 20px .25em 0; color: #2e2f33; font-size: 2.5em; font-weight: normal; } #products-header p { font-size: 1.2em; color: #666; width: 50%; line-height: 1.4em; } #products-wrap { width: 768px; clear: left; padding-bottom: 5px; background: url(../images/products-bg-768.gif) 0 100% no-repeat; } .products-overview-bg-bottom { background: url(../images/products-bg-overview-bottom.gif) 0 100% no-repeat !important; } #products { width: 768px; background: url(../images/products-bg-top-768.gif) 0 0 no-repeat; } #products { width: 768px; background: url(../images/email-filter-bg.jpg) no-repeat; } .products-overview-bg { background: url(../images/products-bg-overview.jpg) no-repeat !important; min-height: 430px; } .email-filter-bg { background: url(../images/email-filter-bg.jpg) no-repeat !important; } .web-filter-bg { background: url(../images/web-filter-bg.jpg) no-repeat !important; } .media-filter-bg { background: url(../images/media-filter-bg.jpg) no-repeat !important; } #products-content { padding: 30px 20px 20px 20px; background: #fff; margin: 20px 20px 0 20px; border: 1px solid #cccccf; } #products-nav { list-style: none; height: 17px; margin: 0 0 0 20px; font-size: 1.2em; clear: both; } #products-nav li { float: left; width: 171px; margin: 0 9px 0 0; } #products-nav a { color: #555; font-weight: normal; height: 24px; display: block; width: 147px; padding: 5px 12px 1px 12px; background: #cccccf; } #products-nav li.sel { border: 1px solid #cccccf; border-bottom: 0; background: #fff; } #products-nav li.sell { border: 1px solid #cccccf; border-bottom: 0; background: #fff; } #products-nav li.sel a { height: 29px; padding: 6px 12px 2px 12px; font-weight: normal; font-size: 1.1em; background: #fff; } #products-nav li.sell a { height: 29px; padding: 6px 12px 2px 12px; font-weight: normal; font-size: 1.1em; background: #fff; } /* #products-nav { list-style: none; height: 17px; margin: 0 0 0 20px; font-size: 1.2em; clear: both; } #products-nav li { float: left; width: 171px; margin: 0 9px 0 0; background: url(../images/products-nav-0-l.gif) 0 1px no-repeat; } #products-nav a { color: #555; font-weight: normal; height: 35px; display: block; width: 147px; padding: 6px 12px 2px 12px; background: url(../images/products-nav-0-r.gif) 100% 1px no-repeat; } #products-nav li.sel { background: url(../images/products-nav-1-l-short.gif) 0 0 no-repeat; } #products-nav li.sell { background: url(../images/products-nav-1-l.gif) 0 0 no-repeat; } #products-nav li.sel a { background: url(../images/products-nav-1-r.gif) 100% 0 no-repeat; padding: 7px 12px 1px 12px; font-weight: bold; font-size: 1.2em } #products-nav li.sell a { background: url(../images/products-nav-1-r.gif) 100% 0 no-repeat; padding: 7px 12px 1px 12px; font-weight: bold; font-size: 1.2em } */ #products-left { float: left; background: #fff; border: 0px solid #cccccf; width: 171px; margin: 5px 30px 30px 0px } #products-left h2 { border-top: 0px solid #bbbbbf; margin: 0 0 0 0; padding: 5px 3px 5px 10px; font-size: .8em; text-transform: uppercase; } #products-left ul { list-style: none; margin: 0 0 0 0; font-size: .95em; } #products-left li { border-top: 1px solid #dddddf; padding: 1px 0; } #products-left a { color: #666; font-weight: normal; padding: 4px 10px 4px 10px; display: block; } #products-left a:hover { background: #e7e7ea; text-decoration: none; } #products-left li.sel a { font-weight: bold; color: #444; } #products-left li ul { margin-bottom: 6px; } #products-left li li { padding: 1px 0 1px 20px; border: 0; font-size: 1em; } #products-left li li a { padding: 2px; border: 0; } #products-left li.sel li a { font-weight: normal; color: #666; } #products-left li li.sel a { font-weight: bold !important; color: #444; } /*------------------------------------------- Middle -------------------------------------------*/ #middle { float: left; width: 568px; padding: 0 0 4em 0; } #products #middle { width: 468px; padding: 0; } #products .middle-products-overview { width: 768px !important; } .middlePromo #middle { width: 778px !important; } .wide { width: 618px !important; } #products-web-filter { width: 236px; margin: 0 20px 0 0; float: left; } #products-email-filter { width: 236px; margin: 0 20px 0 0; float: left; } #products-media-filter { width: 236px; margin: 0 20px 0 0; float: left; } #middle h1 { clear: left; margin: 0 20px .5em 0; color: #333; font-size: 2.1em; line-height: 1.1em; font-weight: normal; } #products #middle h1 { font-size: 1.8em; font-weight: normal; } #middle .corporate { background: url(../images/bg_corporate.jpg) no-repeat; } #middle h2 { margin: 1.5em 20px .5em 0; color: #333; font-size: 1.4em; font-weight: nor al; } #middle h2:first-child { margin-top: 0 !important; ; } .middlePromo #middle h2 { margin: 2em 60px .5em 40px; } #middle .noTopMargin { margin-top: 0 !important; } #middle h3 { margin: 1em 20px .25em 0; font-size: 1.1em; font-weight: bold; color: #333; } .middlePromo #middle h3 { margin: 2em 60px .25em 40px; } #middle h4 { margin: 1em 20px 0 0; font-size: 1em; font-weight: bold; color: #333; } .middlePromo #middle h4 { margin: 1em 60px 0 40px; } #middle blockquote { margin: 0 20px .5em 0; font-size: 1.1em; color: #555; } #middle p { margin: 0 20px 1em 0; font-size: 1.1em; color: #555; } .middlePromo #middle p { margin: 0 60px 1em 40px; } #middle p a { padding: 0 1px; } #middle p a.int { padding-left: 10px; background: url(../images/linkarrow.gif) 0 5px no-repeat; } #middle p.small { font-size: .9em; } #middle p.intro { font-size: 1.3em; margin: 0 20px 1em 0; } #middle p span.newsdate { font-size: .8em; text-transform: uppercase; letter-spacing: .1em; color: #888; margin-right: .5em; } #middle #products-web-filter h2 a,#middle #products-email-filter h2 a,#middle #products-media-filter h2 a { display: block; padding-top: 200px; } #middle #products-web-filter p { margin: 0 0 1em 0 !important; width: 216px; } #middle #products-email-filter p { margin: 0 0 1em 0 !important; width: 216px; } #middle #products-media-filter p { margin: 0 0 1em 0 !important; width: 216px; } #middle ul { margin: 0 40px 1em 2em; font-size: 1.1em; color: #555; } #middle ol { margin: 0 40px 1em 2em; font-size: 1.1em; color: #555; } .middlePromo #middle ul { margin: 0 60px 1em 40px; } #middle ul.links { margin: 0 30px 1em 0; font-size: 1.1em; color: #555; list-style: none; } #middle ul.links li { background: url(../images/linkarrow.gif) 0 10px no-repeat; border-top: 1px dashed #ccc; padding: 3px 0 3px 10px; } #middle ul.pdfs li { background: url(../images/pdf.gif) 0 5px no-repeat; border-top: 1px dashed #ccc; padding: 3px 0 3px 15px; } #middle ul.links li.pdf { background: url(../images/pdf.gif) 0px 5px no-repeat; border-top: 1px dashed #ccc; padding: 3px 0 3px 16px; } #middle ul.webinar-links { list-style: none; } #middle ul.webinar-links li { background: url(../images/linkarrow.gif) 0 9px no-repeat; padding: 3px 0 3px 10px; } #middle ul.links2 { margin: 0 30px 1em 0; font-size: 1.1em; color: #555; list-style: none; } #middle ul.links2 li { background: url(../images/linkarrow.gif) 0 5px no-repeat; border-top: 0px dashed #ccc; padding: 0 0 0 10px; margin: .25em 0; } #middle ul.links2 li.pdf { background: url(../images/pdf.gif) 0px 2px no-repeat; border-top: 0px dashed #ccc; padding: 0 0 0 16px; } #middle ul.inlineLinks { margin: 0 30px 1em 0; font-size: 1.1em; color: #555; list-style: none; border-top: 1px dashed #ccc; padding-top: .25em; } #middle ul.inlineLinks li { display: inline; background: url(../images/linkarrow.gif) 0 8px no-repeat; padding: 3px 0 3px 10px; margin: .1em 15px .1em 0; } #middle ul.inlineLinks li.pdf { background: url(../images/pdf.gif) 0px 5px no-repeat; padding: 3px 0 3px 16px; } #middle p.errorMessage { font-weight: bold; color: #c00; } #middle form { padding: 25px 25px 15px 25px; background: #fff; margin: 2em 15px 1em 0; border: 3px solid #bbbbbf; } #middle form h3 { margin: 1.5em 0 1.5em 0; border-bottom: 2px solid #bbbbbf; } #middle form p { margin-bottom: 1em; margin-right: 0; } #middle form input.submit { margin-top: 1em; font-size: 1em; padding: 5px; border: 1px solid #eee; border-bottom: 1px solid #bbb; background: #44454c; border-right: 1px solid #bbb; color: #eee } #middle form p em { display: block; font-size: .8em; color: #999; font-style: normal; } .middlePromo { background: url(../images/promobg1.gif) 0 100% no-repeat; } .middlePromo .promo-standard { background: url(../images/header_promo_standard.jpg) 0 0 no-repeat; } .middlePromo #middle h1 { margin: 1.5em 40px .6em 40px; } .middlePromo #middle form { width:754px; margin: 3em 2px 0 2px; border: 0; background: url(../images/promoformbg1.gif) repeat-x; padding: 30px 0; } #middle table.a { margin: 1.5em 22px 1.5em 2px; border-collapse: collapse; border: 3px solid #bbbbbf; } #middle table.a th,#middle table.a td { border-top: 1px dashed #bbbbbf; padding: 10px; vertical-align: top; } #middle table.a th { width: 70px; } #middle table.b { margin: 1.5em 22px 1.5em 2px; border: 3px solid #bbbbbf; border-collapse: collapse; } #middle table.b th,#middle table.b td { border-top: 1px dashed #bbbbbf; padding: .5em; vertical-align: top; } #middle table.b th { width: 70px; } #middle table.c { margin: 1.5em 22px .5em 2px; border-collapse: collapse; border: 3px solid #bbbbbf; } #middle table.c th,#middle table.c td { border-top: 1px dashed #bbbbbf; padding: .5em; vertical-align: top; } #middle table.c th { width: 50%; } #middle table.c strong { font-size: 1.2em; float: left; padding: 0em .5em .25em .5em; margin: 0 .5em .25em 0; background: #ededf2; } #middle .whichmodel { margin: 1.5em 32px 1.5em 2px; } #middle table.d { width: 100%; border-collapse: collapse; border: 3px solid #bbbbbf; } #middle table.d th,#middle table.d td { border-top: 1px dashed #bbbbbf; padding: .5em; vertical-align: top; } #middle table.d strong { font-size: 1.2em; float: left; padding: 0em .5em .25em .5em; margin: 0 .5em .25em 0; background: #ededf2; } #middle table.newsReleases { margin: 1.5em 32px 1.5em 2px; border-collapse: collapse; border: 0px solid #bbbbbf; } #middle table.newsReleases td { border-top: 1px dashed #bbbbbf; padding: .5em .5em .5em 0; vertical-align: top; } #middle table.newsReleases td.date { width: 50px; } #middle .download { border: 3px solid #ccc; padding: 10px; margin: 0 30px 1em 0; } #middle .download h3 { margin-top: 0; } #middle .download ul { margin: 0; } #middle .download table { width: 100%; margin: 0; border-collapse: collapse; } #middle .download table th,#middle .download table td { border-top: 1px dashed #999; padding: .5em .5em .5em 0; vertical-align: top; } #middle .download table th { font-weight: normal; } #middle .download table td { font-size: .9em; padding-top: .75em } #middle .cols2 { } #middle .cols23 .col { float: left; width: 62% !important; } #middle .cols2 .col { float: left; width: 50%; } #middle .cols3 .col { float: left; width: 33.3%; } #middle .col h2 { border-top: 2px solid #bbbbbf; font-size: 1.4em; font-weight: bold; } #middle .col h2.no-border { border: 0; } #middle .col h2.no-top-margin { margin-top: 0; } #middle .col h2:first-child { margin-top: 1em; } #middle .col h3 { margin: 0; } #middle .col p { margin: 0 20px .5em 0; } #middle .col ul { font-size: 1em; } #middle .col div.video-thumb { margin: 1em 0; width: 200px; height: 150px; border: 1px solid #ccc; } #middle .col h2.video-title { font-size: 1.2em; } #middle .col h2.video-title em { display: none; white-space: nowrap; font-size: .8em; color: #999; font-style: normal } #middle .col .quote { margin: 1em 0; } #middle .col .quote blockquote { font-size: 1.2em; margin: 0 20px .13em 0; } #middle .col .quote p { color: #666; font-size: .95em; } #middle .action { border: 0px solid #ccc; background: #f0f0f6; padding: 20px; margin: 2.5em 30px 1em 0; } #middle .action ul.links { margin: 0; } #middle .action h3 { margin-top: 0; } #middle .footnote { font-size: .9em; color: #666; } #middle img.pic { float: right; margin: 0 25px 10px 20px; } #middle .box { margin: 1em 0; } #middle .bookmarks { margin: 1em 30px 1em 0; border: 1px solid #bbbbbf; padding: 10px 10px 0 10px; } #middle .bookmarklist { margin: 0; padding: 0; margin: .5em 0; } #middle .bookmarklist li { padding-left: 20px; padding-bottom: .5em; margin-right: 10px; list-style: none; } #middle .delicious { background: url(../images/icon_delicious.gif) 0 0 no-repeat; } #middle .digg { background: url(../images/icon_digg.gif) 0 0 no-repeat; } #middle .reddit { background: url(../images/icon_reddit.gif) 0 0 no-repeat; } #middle .facebook { background: url(../images/icon_facebook.gif) 0 0 no-repeat; } #middle .stumbleupon { background: url(../images/icon_stumbleupon.gif) 0 0 no-repeat; } #middle .boxBanner { margin: 1em 20px 1em 0; height: 135px; border: 2px solid #bbbbbf; padding: 10px; } #middle .boxBanner h2 { border-top: 0; font-size: 1.3em; padding-top: 0; margin: 0 0 .25em 0 !important; } #middle .boxBanner p { font-size: 1em; margin-right: .25em; } #middle .boxBanner p.small { font-size: .85em } #middle .caseLogo { float: right; border: 1px solid #bbbbbf; padding: 10px; background: #fff; margin: .25em 30px 1em 1em; } #middle .case blockquote { font-size: 1.3em; font-style: normal; } #middle .caseLink img { float: left; border: 1px solid #bbbbbf; padding: 10px; background: #fff; margin: 0 1em 2em 0; } #middle .caseLink { clear: left; margin: 0 30px 0 0; } #middle .caseLink h3,#middle .caseLink p,#middle .caseLink ul { margin-right: 0; } #middle .testimonial { margin: 2em 0; } #middle .testimonial blockquote { font-size: 1.3em; font-style: normal; margin: 0 20px .13em 0 !important; color: #666; } #middle .testimonial p { color: #777; } #middle .testimonial blockquote p { margin: 0 0 .13em 0; color: #666; } #middle .testimonial img { border: 1px solid #bbbbbf; padding: 10px; background: #fff; margin: 0 0 .5em 0; } #middle .featureCase { margin: 0 20px 2em 0; } #middle .featureCase img { margin: 0 0 .5em 0 } #middle .featureCase .lgeImg { width: 548px; } #middle .featureCase blockquote { font-size: 1.5em; margin: 0 0 .5em 0; font-style: normal; } #middle .featureCase p.quoteby { font-size: .85em; color: #666; font-style: normal; } #middle .featureCase h2 { border-top: 0px solid #bbbbbf; font-size: .85em; margin: 0 0 .5em 0; background: #bbbbbf; padding: .2em; color: #fff; text-transform: uppercase; } #middle .featureCase h3 { font-size: 1.5em; font-weight: bold; margin: .5em 0; } #middle .featureCase h3 a { font-weight: bold; } #middle .featureCase ul.inlineLinks { margin: 1.25em 0 0 0; } #middle .col .featureCase { margin: 0 20px 0 0; } #middle .col .featureCase img { width: 260px; } #middle .col .featureCase h2 { font-size: .85em; margin: 0; background: #343a7c; padding: .2em; color: #fff; text-transform: uppercase; } #middle .col .featureCase h3 a { font-weight: bold; } #middle .col .featureCase blockquote { font-size: 1.2em !important; margin: 0 0 1em 0 !important; } #middle .col .featureCase p { font-size: .85em; } #middle .col .border { border-top: 2px solid #bbbbbf; margin-right: 20px; padding-top: .25em; } #middle .col .featureCase blockquote { font-size: 1.2em; margin: 0 0 .14em 0; font-style: normal; } #middle .col .featureCase p.quoteby { font-size: .95em; color: #666; font-style: normal; } #middle .col .featureCase ul.links2 { margin-top: 1em; } #middle .award { width: 284px; height: 240px; float: left; text-align: center; border-top: 1px solid #dddddf; } #middle .award .logo { height: 150px; overflow: hidden; padding-top: 20px; } #middle .award h2 { margin: .5em 0 0em 0; line-height: 1.2em; font-size: 1.2em; color: #666; } #middle .award p { margin: 0; font-size: 1em; } #backTop { clear: left; } #backTop { font-size: .9em; margin: 0 0 2em 192px; } #backTop ul { list-style: none; } /* COST CALCULATOR */ form#costcalc { border: 3px solid #ccc } .costs { } .costs th,td { text-align: left; padding: .5em 0; } .costs th { padding-right: 1em } .costs tr.belowLine th,.costs tr.belowLine td { padding-top: 1em; } select { width: 110px; } input.noUsers,input.hoursSurfing,input.hourlyRate { width: 90px; text-align: right; } input.costPerX { width: 80px; text-align: right; } input.costPerX { font-size: 1.2em; font-weight: bold; border: 2px solid #eee; background: #eee; color: #c00; } #sidebar { float: left; width: 182px; } /*------------------------------------------- Right -------------------------------------------*/ #right { float: left; width: 182px; } #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 p { font-size: .95em; margin: 0 0 .5em 0; } #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; } #right ul.benefits li { background: url(../images/benefit.gif) 0px 5px no-repeat; margin-bottom: .25em } #quickLinks-wrap { background: url(../images/sidebar-top.gif) 0 0 no-repeat; padding: 10px 0 0 0; } #quickLinks { background: url(../images/sidebar-bottom.gif) 0 100% no-repeat; padding: 0 12px 10px 12px; margin: 0 0 8px 0; } #quickLinks h2 { font-size: 1em; color: #2e2f33; 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: 10px 0 0 0; } .banner { background: url(../images/sidebar-bottom.gif) 0 100% no-repeat; padding: 0 12px 10px 12px; margin: 0 0 8px 0; } .twitter { background-image: url(../images/sidebar-bottom-twitter.gif); } #right .banner h2 { color: #2e2f33 !important; } #right .banner p a { font-weight: normal; } .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 p { margin: 0 0 .5em 0; } #right .banner span.blogdate { color: #999; font-size: .8em; } #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 .link-banner { margin-bottom: 8px; } #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; } #home-actions { } #home-actions ul { list-style: none; margin: 0; padding: 0; } #home-actions li { margin: 0 0 5px 0; border: 0; padding: 0; background: none; } /*------------------------------------------- Home -------------------------------------------*/ #homeMain { width: 778px; float: left; } #homeCols { width: 760px; height: 300px; margin: 0px 0 8px 2px; } #homeCols h2 { font-size: 1.3em; color: #2e2f33; margin: 0 10px .5em 1px; } #homeCols h3 { font-size: 1em; margin: 0 10px 0 1px; } #homeCols p { font-size: 1em; margin: 0 10px 1em 1px; } #homeCols ul { font-size: 1em; margin: .5em 10px .25em 1px; list-style: none; } #homeCols li { margin: 0 0 .25em 0; padding: 0 0 0 11px; background: url(../images/linkarrow.png) 0 5px no-repeat; } .homeCol { width: 33.3%; float: left; } .homeCol4 { width: 179px; float: left; height: 330px; border-right: 1px solid #e8e8ed; margin-right: 10px; } .homeCol4:last-child { border: 0; margin: 0; width: 189px; } .homeCol4 p { margin-bottom: .5em } .homeCol4 li a { font-weight: normal; } #latestNews { width: 760px; height: 39px; margin: 0 0 8px 0; padding: 9px 0 0 12px; background: url(../images/newsbg.gif) no-repeat; } #latestNews strong { text-transform: uppercase; margin: 0 10px 0 0; padding: 5px 10px 5px 0; border-right: 1px solid #ddd; letter-spacing: .1em; font-size: .8em; color: #666; } #latestNews a { font-weight: normal; } #banner { width: 760px; height: 375px; background: #fff url(../images/h-1.jpg) 0 100% no-repeat; margin: 0 0 10px 0; } #carousel-wrapper { position: absolute; z-index: 1; width: 760px; height: 305px; overflow: hidden; background: url(../images/h-1.jpg) no-repeat; } #carousel-content { width: 5600px; } #carousel-content .slide { float: left; width: 760px; height: 305px; overflow: hidden; } #carousel-content .slide img { } #carousel-nav { position: relative; top: 305px; height: 65px; z-index: 100; } #carousel-nav ul { list-style: none; width: 700px; margin: 0 auto 0 auto; padding-top: 10px; } #carousel-nav li { float: left; margin: 0 5px; } #carousel-nav a { display: block; height: 50px; width: 165px; text-indent: -9999px; } #carousel-nav a#TCO-thumb { background: url(../images/h-t-tco-0.jpg) no-repeat; } #carousel-nav a#TCO-thumb:hover { background: url(../images/h-t-tco-1.jpg) no-repeat; } #carousel-nav a#Mediafilter-thumb { background: url(../images/h-t-mediafilter1-0.jpg) no-repeat; } #carousel-nav a#Mediafilter-thumb:hover { background: url(../images/h-t-mediafilter1-1.jpg) no-repeat; } #carousel-nav a#Customers-thumb { background: url(../images/h-t-customers-0.jpg) no-repeat; } #carousel-nav a#Customers-thumb:hover { background: url(../images/h-t-customers-1.jpg) no-repeat; } #carousel-nav a#Bloxxinaction-thumb { background: url(../images/h-t-bloxxinaction-0.jpg) no-repeat; } #carousel-nav a#Bloxxinaction-thumb:hover { background: url(../images/h-t-bloxxinaction-1.jpg) no-repeat; } #carousel-nav a#Truview-thumb { background: url(../images/h-t-truview1-0.jpg) no-repeat; } #carousel-nav a#Truview-thumb:hover { background: url(../images/h-t-truview1-1.jpg) no-repeat; } #carousel-nav a#Costcalc-thumb { background: url(../images/h-t-costcalc-0.jpg) no-repeat; } #carousel-nav a#Costcalc-thumb:hover { background: url(../images/h-t-costcalc-1.jpg) no-repeat; } #carousel-nav a#Emailfilter-thumb { background: url(../images/h-t-emailfilter-0.jpg) no-repeat; } #carousel-nav a#Emailfilter-thumb:hover { background: url(../images/h-t-emailfilter-1.jpg) no-repeat; } /*------------------------------------------- Footer -------------------------------------------*/ #footer-nav-wrap { margin-top: 30px; background: #777 url(../images/footer-nav-bg2.jpg) repeat-x; border-top: 4px solid #bbbbbf; } #footer-nav { width: 960px; clear: left; height: 440px; margin: 0 auto; padding-top: 1em; } #footer-nav h2 { text-align: center; font-size: 1.15em; color: #aaa; margin: 0 0 1em 0; } #footer-nav .fn-col { width: 224px; height: 325px; border-right: 1px solid #666; float: left; margin: 0 15px 0 0; } #footer-nav .fn-col:last-child { margin: 0; width: 234px; border: 0; } #footer-nav ul { font-size: 1em; margin: .5em 15px 1em 0px; list-style: none; } #footer-nav li { margin: 0 0 .25em 0; } #footer-nav ul ul { margin-left: 10px; } #footer-nav li li { padding: 0 0 0 11px; background: url(../images/linkarrow-999.png) 0 5px no-repeat; } #footer-nav a { font-weight: normal; color: #bbb; } #footer-wrap { clear: left; background: #444; border-top: 0px solid #e3e3e8; padding: 1px 30px; } #footer { width: 960px; clear: left; margin: 0 auto 30px auto; border-top: 1px solid #bbbbbf; } #footer-wrap #footer { border-top: 0; } #footer p { font-size: 1em; line-height: 1.4em; color: #777; margin: 1em 0; } #footer-wrap #footer p { color: #aaa; } #footer a { color: #777; } /*------------------------------------------- Overrides -------------------------------------------*/ .noBorder { border: 0 !important; }