/* @override http://66.230.153.130:88/css/common.css */ html { margin: 0px; padding: 0px; } html.login { overflow: hidden; } body { min-width: 730px; position: relative; margin: 0px; padding: 20px; height: 100%; background-color: #d9f1f7; font: 100% 'Arial', sans-serif; } img { position: relative; border: none; } ul { position: relative; display: block; margin: 0; padding: 0; } .clear { clear: both; float: none; font-size: 1%; line-height: 1%; height: 1%; } .flow { z-index: 1000; position: absolute; display: none; text-align: center; top: 0; left: 0; width: 100%; height: 100%; background: transparent url('../img/flow.png') top left repeat; } .active#flow-div { display: block; } #login-form { z-index: 1000; position: absolute; display: none; top: 200px; text-align: center; width: 100%; height: 246px; } .active#login-form { display: block; } #login-form .cont { text-align: left; position: relative; display: block; margin: 0 auto; width: 374px; height: 246px; } #login-form .back { position: absolute; display: block; width: 374px; height: 246px; background: transparent url('../img/login-bg.png') top left no-repeat; } #login-form .close { position: absolute; display: block; border: none; cursor: pointer; top: 22px; right: 20px; width: 21px; height: 21px; background: transparent url('../img/close.gif') top left no-repeat; } #login-form .close:hover { background-image: url('../img/close-h.gif'); } #login-form input.hover#closeLogin { background-image: url('../img/close-h.gif'); } #login-form .enter { position: absolute; display: block; border: none; cursor: pointer; bottom: 33px; right: 121px; width: 112px; height: 21px; background: transparent url('../img/enter.gif') top left no-repeat; } #login-form .enter:hover { background-image: url('../img/enter-h.gif'); } #login-form input.hover#submitLogin { background-image: url('../img/enter-h.gif'); } #login-form a { position: absolute; display: block; top: 130px; right: 23px; width: 67px; height: 11px; background: transparent url('../img/lost-pass.gif') top left no-repeat; } #login-form a:hover { background-image: url('../img/lost-pass-h.gif'); } #login-form .block { position: absolute; display: block; text-align: left; width: 187px; top: 98px; right: 122px; } #login-form .block label { float: left; width: 61px; text-align: right; } #login-form .block input { display: block; width: 109px; height: 17px; margin: 0 0 7px 76px; border: 1px solid #808080; border-right: 1px solid #D4D0C8; border-bottom: 1px solid #D4D0C8; } /*#login-form.black .back { background-image: url('../img/login-bg-black.png'); } #login-form.black .close { background-image: url('../img/close-black.gif'); } #login-form.black .close:hover { background-image: url('../img/close-h-black.gif'); } #login-form.black input.hover#closeLogin { background-image: url('../img/close-h-black.gif'); } #login-form.black .enter { background-image: url('../img/enter-black.gif'); } #login-form.black .enter:hover { background-image: url('../img/enter-h-black.gif'); } #login-form.black input.hover#submitLogin { background-image: url('../img/enter-h-black.gif'); } #login-form.black a { background-image: url('../img/lost-pass-black.gif'); } #login-form.black a:hover { background-image: url('../img/lost-pass-h-black.gif'); } */ #elite-login-form { z-index: 1000; position: absolute; display: none; top: 200px; text-align: center; width: 100%; height: 246px; } .active#elite-login-form { display: block; } #elite-login-form .cont { text-align: left; position: relative; display: block; margin: 0 auto; width: 374px; height: 246px; } #elite-login-form .back { position: absolute; display: block; width: 374px; height: 246px; background: transparent url('../img/login-bg-black.png') top left no-repeat; } #elite-login-form .close { position: absolute; display: block; border: none; cursor: pointer; top: 22px; right: 20px; width: 21px; height: 21px; background: transparent url('../img/close-black.gif') top left no-repeat; } #elite-login-form .close:hover { background-image: url('../img/close-h-black.gif'); } #elite-login-form input.hover#closeEliteLogin { background-image: url('../img/close-h-black.gif'); } #elite-login-form .enter { position: absolute; display: block; border: none; cursor: pointer; bottom: 33px; right: 121px; width: 112px; height: 21px; background: transparent url('../img/enter-black.gif') top left no-repeat; } #elite-login-form .enter:hover { background-image: url('../img/enter-h-black.gif'); } #elite-login-form input.hover#submitEliteLogin { background-image: url('../img/enter-h-black.gif'); } #elite-login-form a { position: absolute; display: block; top: 130px; right: 23px; width: 67px; height: 11px; background: transparent url('../img/lost-pass-black.gif') top left no-repeat; } #elite-login-form a:hover { background-image: url('../img/lost-pass-h-black.gif'); } #elite-login-form .block { position: absolute; display: block; text-align: left; width: 187px; top: 98px; right: 122px; } #elite-login-form .block label { float: left; width: 61px; text-align: right; } #elite-login-form .block input { display: block; width: 109px; height: 17px; margin: 0 0 7px 76px; border: 1px solid #808080; border-right: 1px solid #D4D0C8; border-bottom: 1px solid #D4D0C8; } #header, #footer, #content { position: relative; display: block; margin: 0; padding: 0; } #header { z-index: 1000; } #header .headerpage { position: relative; display: block; height: 60px; } .index2 #header .headerpage { height: auto; _height: 1%; } #header .headermenu { z-index: 1000; position: relative; display: block; background-color: #E6250B; } #header .headerpage { z-index: 100; } #header .headerlogo { background-color: #E6250B; height: 50px; } #header .headerlogo .top { display: block; height: 9px; background: transparent url('../img/red-tr.gif') top right no-repeat; } #header .headerlogo .top span { display: block; width: 9px; height: 9px; background: transparent url('../img/red-tl.gif') top left no-repeat; } #header .headerlogo .logo { position: relative; display: block; margin: 4px 0 0 20px; } #header .headerlogo .logo img { display: block; width: 111px; height: 30px; } #header .headerlogo img.contact { position: absolute; top: 22px; right: 273px; width: 251px; height: 14px; } #header .headerlogo .find { position: absolute; display: none; top: 19px; right: 10px; width: 250px; height: 19px; background: transparent url('../img/find.gif') top left no-repeat; } #header .headerlogo .find a { position: absolute; top: 0; right: 0; width: 28px; height: 17px; } #header .headerlogo .find input { position: absolute; top: 1px; left: 1px; height: 13px; width: 215px; padding: 0; font-size: 68%; } #header .headermenu { background: #E6250B url('../img/shadow-b.gif') top left repeat-x; } #header .headermenu .top { display: block; height: 10px; background: transparent url('../img/shadow-r.gif') top right no-repeat; } #header .headermenu .top span { display: block; height: 10px; width: 253px; background: transparent url('../img/shadow-l.gif') top left no-repeat; } #header .headermenu ul { position: relative; display: block; margin: 0 0 0 15px; height: 42px; } #header .headermenu ul li { float: left; list-style-type: none; margin: 13px 0 0 1%; font-size: 78%; } #header .headermenu ul li a span { position: relative; float: right; width: 4px; background: transparent url('../img/arrow.gif') center left no-repeat;} #header .headermenu ul li a:hover span { background: transparent url('../img/arrow-a.gif') center left no-repeat;} #header .headermenu ul.parent { position: absolute; display: block; top: 43px; padding: 0; margin: 0; width: 137px; height: auto; border-top: 1px solid #393939; } #header .headermenu ul.parent li { position: relative; float: none; margin: 0; font-size: 78%; line-height: 120%; background-color: #ffffff; border: 1px solid #393939; border-top: 0;} #header .headermenu ul.iefix li { float: left; } #header .headermenu ul.parent li a { margin: 0 5px; padding-top: 5px; font-size: 100%; line-height: 120%; color: #3B3B3B; font-weight: bold; text-decoration: none; text-transform: uppercase; } #header .headermenu ul.parent li a:hover { color: #E6250B; } #header .headermenu ul.child { z-index: 100; right: -137px; top: -1px; } #header .headermenu ul.child li { position: relative; font-size: 100%; background-color: #E7E7E7; } #header .headermenu ul.child li:hover { background-color: #ffffff; } #header .headermenu ul.child li a span { float: left; margin-right: 5px; } #header .headermenu ul li a { display: block; height: 18px; background-position: top left; background-repeat: no-repeat; } #header .headermenu ul li a.hosting { width: 105px; background-image: url('../img/hosting.gif'); } #header .headermenu ul li a.network { width: 129px; background: url('../img/network.gif'); } #header .headermenu ul li a.products-services { width: 113px; background: url('../img/extreme.gif'); } #header .headermenu ul li a.network-datacenter { width: 129px; background: url('../img/network.gif'); } #header .headermenu ul li a.about { width: 56px; background: url('../img/about-us.gif'); } #header .headermenu ul li a.contact { width: 64px; background: url('../img/contact-us.gif'); } #header .headermenu ul li a.careers { width: 56px; background: url('../img/careers-menu.gif'); } #header .headermenu ul li a.customer { width: 88px; background: url('../img/customer.gif'); } #header .headermenu ul li a:hover.hosting { width: 105px; background: url('../img/hosting-a.gif'); } #header .headermenu ul li a:hover.network { width: 129px; background: url('../img/network-a.gif'); } #header .headermenu ul li a:hover.products-services { width: 113px; background: url('../img/extreme-a.gif'); } #header .headermenu ul li a:hover.network-datacenter { width: 129px; background: url('../img/network-a.gif'); } #header .headermenu ul li a:hover.about { width: 56px; background: url('../img/about-us-a.gif'); } #header .headermenu ul li a:hover.contact { width: 64px; background: url('../img/contact-us-a.gif'); } #header .headermenu ul li a:hover.careers{ width: 56px; background: url('../img/careers-menu-a.gif'); } #header .headermenu ul li a:hover.customer { width: 88px; background: url('../img/customer-a.gif'); } #header .headermenu ul li.clear { clear: both; float: none; margin: 0; font-size: 1px; height: 1px; } #header .headerpage { background-color: #000000; } #header .headerpage .name-level { margin: 20px 0 0 20px;} #header .headerpage .rotate { float: left; margin-bottom: -10px; } #header .headerpage .exlusive { position: absolute; display: block; width: 268px; height: 32px; top: 20px; left: 288px; } #header .headerpage .os { position: absolute; right: 20px; } #header .headerpage .linux { top: 20px; width: 58px; height: 32px; } #header .headerpage .freebsd { top: 10px; width: 114px; height: 38px; } #header .headerpage .apple { top: 15px; width: 124px; height: 32px; } #header .headerpage .level-img { position: absolute; display: block; top: 0; right: 0; border: 0px; } #header .headerpage .small { position: absolute; right: 20px; top : 15px; } #header .headerpage .box { display: block; float: none; width: auto; margin: 0 20px 10px 0; padding: 78px 0 0 288px; } #header .headerpage div { float: left; width: 30%; margin-right: 0; } #header .headerpage div img { display: block; height: 9px; margin-top: 0px; } #header .headerpage p { margin-bottom: 10px; color: #BEBEBE; font-size: 58%; } #header .headerpage a { display: block; margin-top: 0; color: #FF1E00; font-size: 68%; } #header .headerpage .third { float: right; } #header .headerpage .second { float: none; display: block; width: auto; margin: 0 35%; } #header .headerpage .clear { float: none; font-size: 1%; width: auto; margin: 0; } #content { z-index: 100; padding: 20px 0; background-color: #ffffff; } #content div.flash { margin: 20px; height: 430px; } #content div.flash object { width: 100%; height: 100%; } #content ul.select { float: right; width: 50%; margin-right: 20px; } #content ul.select li { float: right; list-style-type: none; margin-left: 1em; padding: 0; color: #4e5559; font-size: 78%; font-weight: bold; } #content ul.select li a { text-decoration: underline; color: #009aff; font-size: 100%; } #content ul.select li span { margin-left: 1em; color: #009aff; } #content h1 { position: relative; display: block; margin: 10 290px 5px 0; padding: 0 0 0 20px; font: 115% 'Arial', sans-serif; color: #e43a23; } #content h2 { font-size: 95%; font-weight: normal; color: #009aff; margin: 15px 290px 5px 20px; } #content a { font-size: 58%; color: #009aff; } #content p.overview { display: block; margin: 0 290px 1em 20px; font-size: 78%; color: #4e5559; } #content dl { font-size: 68%; } #content dl dt { float: left; width: 48%; _width: 46%; color: #6E8390; } #content dl dd { margin: 0 0 2px 48%; _width: 50%; _margin-left: auto; color: #009AFF; white-space: nowrap; } #content dl dd.clean { clear: both; margin: 0; font-size: 1%; height: 1%; line-height: 1%; } #content dl dd a { font-size: 100%; } #content .leftblock { float: left; margin-left: 20px; } #content .rightblock { float: right; margin-right: 20px; } #content .centerblock { position: relative; margin: 0 35%; } #content .rightbar { width: 249px; margin-top: 10px; margin-right: 20px; _margin-right: 10px; background-color: #fff; display: inline-block; float: right; } #content .rightbar h1 { margin-left: 0; } #content .rightbar p.overview { width: 100%; margin: 0; font-size: 78%; } #content .container { position: relative; display: block; overflow: hidden; } #content .sample { position: relative; display: block; width: 30%; } #content .sample .head { display: block; height: 19px; margin: -1px 0 10px 0; background: #e43a23 url('../img/sample.gif') center center no-repeat; } #content .sample .corner { position: absolute; font-size: 1%; background-repeat: no-repeat; } #content .sample .tl { top: 0; left: 0; margin-left: -1px; margin-top: -1px; width: 19px; height: 19px; background-image: url('../img/red-top-left.gif'); } #content .sample .tr { top: 0; right: 0; margin-right: -1px; margin-top: -1px; width: 19px; height: 19px; background-image: url('../img/red-top-right.gif'); } #content .sample .bl { bottom: 0; left: 0; margin-left: -1px; margin-bottom: -1px; width: 15px; height: 15px; background-image: url('../img/red-bot-left.gif'); } #content .sample .br { bottom: 0; right: 0; margin-right: -1px; margin-bottom: -1px; width: 15px; height: 15px; background-image: url('../img/red-bot-right.gif'); } #content .sample .top, #content .sample .bottom, #content .sample .top span, #content .sample .bottom span { position: relative; display: block; font-size: 1px; line-height: 1px; background-position: top right; background-repeat: no-repeat; } #content .sample .top { height: 19px; margin-right: -1px; } #content .sample .bottom { height: 15px; margin-right: -1px; margin-bottom: -1px; } #content .sample .top span { height: 19px; width: 19px; margin-left: -1px; } #content .sample .bottom span { height: 15px; width: 15px; margin-left: -1px; } #content .sample .clear { float: none; margin: 0; } #content .sample ul { margin: 15px 15px 15px 30px; font-size: 8px; list-style-type: square; color: #009aff; } #content .sample ul li { list-style-type: square; } #content .sample ul li span { display: block; line-height: 160%; font-size: 140%; color: #4e5559; } #content .sample p { display: block; margin: 0 15px -10px 15px; padding: 0; font-size: 70%; line-height: 270%; color: #e43a23; } #content .sample p img { float: left; display: block; height: 27px; width: 27px; margin: 0 5px 0 0; } #content .sample .abs-top { position: absolute; display: block; top: 18px; width: 5px; height: 700px; } #content .sample .abs-bot { position: absolute; display: block; top: 0; width: 5px; height: 35px; } #content .sample .lefty { left: 0; margin-left: -1px; background: transparent url('../img/abs-left.gif') top left repeat-y; } #content .sample .righty { right: 0; margin-right: -1px; background: transparent url('../img/abs-right.gif') top right repeat-y; } #content .sample a.button { position: relative; display: block; height: 30px; margin: 0 15px; cursor: pointer; } #content .sample a.button span { position: absolute; display: block; top: 0; margin-left: 0; border: 0; } #content .sample a.button span.img-left { left: 0; width: 31px; height: 30px; background: transparent url('../img/contact-left.gif') top left no-repeat; } #content .sample a.button span.img-right { right: 0; width: 6px; height: 30px; background: transparent url('../img/contact-right.gif') top right no-repeat; } #content .sample a.button span.center { position: relative; display: block; height: 28px; margin: 0 6px 0 31px; background: transparent url('../img/contact-center.gif') center center no-repeat; border-top: 1px solid #f8b7ae; border-bottom: 1px solid #f8b7ae;} #content .sample a:hover span.center { background: #e6250b url('../img/contact-center-c.gif') center center no-repeat; border-top: 1px solid #E6250B; border-bottom: 1px solid #E6250B;} #content .sample a:hover span.img-left { background: #e6250b url('../img/contact-left-c.gif') top left no-repeat; } #content .sample a:hover span.img-right { background: #e6250b url('../img/contact-right-c.gif') top right no-repeat; } #content .samptop, #content .sampbot { display: block; width: 100%; padding: 0; overflow: hidden; } #content .samptop .sample { border-top: 1px solid #e43a23; border-left: 1px solid #e43a23; border-right: 1px solid #e43a23; } #content .sampbot .sample { border-left: 1px solid #e43a23; border-right: 1px solid #e43a23; border-bottom: 1px solid #e43a23; height: 45px; } #content .sample .bbot { position: absolute; display: block; width: 100%; bottom: -1px; _bottom: -2px; right: -1px; font-size: 1px; line-height: 1px; height: 15px; background: transparent url('../img/red-bot-right.gif') top right no-repeat;} #content .sample .bbot span { position: relative; display: block; margin-left: -2px; font-size: 1px; line-height: 1px; height: 15px; width: 15px; background: transparent url('../img/red-bot-left.gif') top left no-repeat;} #content .sample2 { position: relative; display: block; width: 30%; } #content .sample2 .head { display: block; height: 19px; margin: -1px 0 10px 0; background: #e43a23 url('../img/sample.gif') center center no-repeat; } #content .sample2 .corner { position: absolute; font-size: 1%; background-repeat: no-repeat; } #content .sample2 .tl { top: 0; left: 0; margin-left: -1px; margin-top: -1px; width: 19px; height: 19px; background-image: url('../img/red-top-left.gif'); } #content .sample2 .tr { top: 0; right: 0; margin-right: -1px; margin-top: -1px; width: 19px; height: 19px; background-image: url('../img/red-top-right.gif'); } #content .sample2 .bl { bottom: 0; left: 0; margin-left: -1px; margin-bottom: -1px; width: 15px; height: 15px; background-image: url('../img/red-bot-left.gif'); } #content .sample2 .br { bottom: 0; right: 0; margin-right: -1px; margin-bottom: -1px; width: 15px; height: 15px; background-image: url('../img/red-bot-right.gif'); } #content .sample2 .top, #content .sample2 .bottom, #content .sample2 .top span, #content .sample2 .bottom span { position: relative; display: block; font-size: 1px; line-height: 1px; background-position: top right; background-repeat: no-repeat; } #content .sample2 .top { height: 19px; margin-right: -1px; } #content .sample2 .bottom { height: 15px; margin-right: -1px; margin-bottom: -1px; } #content .sample2 .top span { height: 19px; width: 19px; margin-left: -1px; } #content .sample2 .bottom span { height: 15px; width: 15px; margin-left: -1px; } #content .sample2 .clear { float: none; margin: 0; } #content .sample2 ul { margin: 15px 15px 15px 30px; font-size: 8px; list-style-type: square; color: #009aff; } #content .sample2 ul li { list-style-type: square; } #content .sample2 ul li span { display: block; line-height: 160%; font-size: 140%; color: #4e5559; } #content .sample2 p { display: block; margin: 0 15px -10px 15px; padding: 0; font-size: 70%; line-height: 270%; color: #e43a23; } #content .sample2 p img { float: left; display: block; height: 27px; width: 27px; margin: 0 5px 0 0; } #content .sample2 .abs-top { position: absolute; display: block; top: 18px; width: 5px; height: 700px; } #content .sample2 .abs-bot { position: absolute; display: block; top: 0; width: 5px; height: 35px; } #content .sample2 .lefty { left: 0; margin-left: -1px; background: transparent url('../img/abs-left.gif') top left repeat-y; } #content .sample2 .righty { right: 0; margin-right: -1px; background: transparent url('../img/abs-right.gif') top right repeat-y; } #content .sample2 a.button { position: relative; display: block; height: 30px; margin: 0 15px; cursor: pointer; } #content .sample2 a.button span { position: absolute; display: block; top: 0; margin-left: 0; border: 0; } #content .sample2 a.button span.img-left { left: 0; width: 31px; height: 30px; background: transparent url('../img/contact-left.gif') top left no-repeat; } #content .sample2 a.button span.img-right { right: 0; width: 6px; height: 30px; background: transparent url('../img/contact-right.gif') top right no-repeat; } #content .sample2 a.button span.center { position: relative; display: block; height: 28px; margin: 0 6px 0 31px; background: transparent url('../img/contact-center.gif') center center no-repeat; border-top: 1px solid #f8b7ae; border-bottom: 1px solid #f8b7ae;} #content .sample2 a:hover span.center { background: #e6250b url('../img/contact-center-c.gif') center center no-repeat; border-top: 1px solid #E6250B; border-bottom: 1px solid #E6250B;} #content .sample2 a:hover span.img-left { background: #e6250b url('../img/contact-left-c.gif') top left no-repeat; } #content .sample2 a:hover span.img-right { background: #e6250b url('../img/contact-right-c.gif') top right no-repeat; } #content .sample2 .bbot { position: absolute; display: block; width: 100%; bottom: -1px; _bottom: -2px; right: -1px; font-size: 1px; line-height: 1px; height: 15px; background: transparent url('../img/red-bot-right.gif') top right no-repeat;} #content .sample2 .bbot span { position: relative; display: block; margin-left: -2px; font-size: 1px; line-height: 1px; height: 15px; width: 15px; background: transparent url('../img/red-bot-left.gif') top left no-repeat;} #content .incleft { float: left; width: 27%; margin-left: 20px; } #content .incleft h2 { margin-left: 0; margin-right: 0; } #content .incleft p { font-size: 68%; margin: 0 0 10px 0; color: #4E5559; } #content .incleft p span { display: block; color: #E6250B; font-weight: bold; } #content .incleft p a { font-size: 100%; } #content .incleft ul li { list-style-type: none; } #content .include { position: relative; display: block; background-color: #f3f9fc; padding: 10px 0; } #content .include a, #content.careers .reason a { display: block; margin: 2em 20px; text-decoration: underline; } #content .incleft ul { width: auto; margin: 0 10px; } #content .incleft ul li { padding-left: 10px; width: 100%; margin: 0 0 10px; float: none; font-size: 68%; line-height: 120%; color: #4E5559; font-family: 'Arial', serif; } #content .incleft ul li a { font-size: 100%; margin: 0; } #content .incleft ul li .red { font-size: 10px; margin: 0; color: #E6250B; display: inline; } #content .incleft ul li span { color: #009AFF; font-weight: bold; display: inline; vertical-align: middle; margin: 0 5px 0 -10px; font-size: 150%; } #content .include ul.ul-float li { float: left; width: 41%; margin: 0 2% .5em 0; } #content .include .corner { position: absolute; display: block; margin: 0; width: 10px; height: 10px; background-repeat: no-repeat; font-size: 1%; } #content .include .tl { top: 0; left: 0; background-image: url('../img/grey-top-left.gif'); } #content .include .tr { top: 0; right: 0; background-image: url('../img/grey-top-right.gif'); } #content .include .bl { bottom: 0; left: 0; background-image: url('../img/grey-bottom-left.gif'); } #content .include .br { bottom: 0; right: 0; background-image: url('../img/grey-bottom-right.gif'); } #content .include p { display: block; font-size: 68%; margin: 0 20px 1em; } #content .include p.red { color: #E6250B; margin: 1em 20px 0; } #content .include div { font-size: 11px; color: #4E5559; margin: 0 20px 20px; } #content .include div span { display: block; line-height: 120%; } #content .include div a { font-size: 100%; margin: 0; padding-left: 15px; background: transparent url('../img/mail.gif') center left no-repeat;} #content.addon .clear { clear: left; } #content.addon .sample { margin-bottom: 20px; border-left: 1px solid #b7c1c8; border-bottom: 1px solid #b7c1c8; border-right: 0px; border-top: 0px; padding-bottom: 9px; } #content.addon .sample .head { background: #88a6bb url('../img/glance.gif') center center no-repeat; } #content.addon .sample .tl { margin-top: 0px; background-image: url('../img/blue-top-left.gif'); } #content.addon .sample .tr { margin-top: 0px; background-image: url('../img/blue-top-right.gif'); } #content.addon .sample .bl { background-image: url('../img/blue-bot-left.gif'); } #content.addon .sample .br { background-image: url('../img/blue-bot-right.gif'); } #content.addon .sample .righty { position: absolute; width: 5px; height: 100%; background: transparent url('../img/abs-right-blue.gif') top right repeat-y; } #content.addon .sample { width: auto; } #content.addon .sample a.button { margin: 10px 15px; } #content.addon .sample a.button span.img-right { background: transparent url('../img/button-right.gif') top right no-repeat; } #content.addon .sample a:hover span.img-right { background: #88a6bb url('../img/button-right-c.gif') top right no-repeat; } #content.addon .sample a#sales.button span.img-left { background: transparent url('../img/sales-left.gif') top left no-repeat; } #content.addon .sample a#sales:hover span.img-left { background: transparent url('../img/sales-left-c.gif') top left no-repeat; } #content.addon .sample a#sales.button span.center { height: 28px; background: transparent url('../img/sales-center.gif') center center no-repeat; border-top: 1px solid #c3d2dd; border-bottom: 1px solid #c3d2dd;} #content.addon .sample a#sales:hover span.center { height: 28px; background: #88a6bb url('../img/sales-center-c.gif') center center no-repeat; border-top: 1px solid #88a6bb; border-bottom: 1px solid #88a6bb;} #content.addon .sample a#callback.button span.img-left { background: transparent url('../img/callback-left.gif') top left no-repeat; } #content.addon .sample a#callback:hover span.img-left { background: transparent url('../img/callback-left-c.gif') top left no-repeat; } #content.addon .sample a#callback.button span.center { height: 28px; background: transparent url('../img/callback-center.gif') center center no-repeat; border-top: 1px solid #c3d2dd; border-bottom: 1px solid #c3d2dd;} #content.addon .sample a#callback:hover span.center { height: 28px; background: #88a6bb url('../img/callback-center-c.gif') center center no-repeat; border-top: 1px solid #88a6bb; border-bottom: 1px solid #88a6bb;} #content.addon .sample a#salesform.button span.img-left { background: transparent url('../img/salesform-left.gif') top left no-repeat; } #content.addon .sample a#salesform:hover span.img-left { background: transparent url('../img/salesform-left-c.gif') top left no-repeat; } #content.addon .sample a#salesform.button span.center { height: 28px; background: transparent url('../img/salesform-center.gif') center center no-repeat; border-top: 1px solid #c3d2dd; border-bottom: 1px solid #c3d2dd;} #content.addon .sample a#salesform:hover span.center { height: 28px; background: #88a6bb url('../img/salesform-center-c.gif') center center no-repeat; border-top: 1px solid #88a6bb; border-bottom: 1px solid #88a6bb;} #content.addon .sample p { margin: 0 15px; border-bottom: 1px solid #BBC5CB; font-family: 'Tahoma', serif; font-size: 11px; font-weight: bold; color: #596A74; } #content.addon .sample p.last { border-bottom: none; } #content.addon .sample p a { float: right; margin-top: 7px; width: 69px; height: 13px; background-image: url('../img/customize.gif'); } #content.addon .sample p.ext-toll { height: 49px; background: transparent url('../img/ext-toll.gif') center center no-repeat; } #content.addon .sample p.ext-fax { height: 49px; background: transparent url('../img/ext-fax.gif') center center no-repeat; background-color: #f8f8f8; border-top: 1px solid #f1f3f4; border-bottom: 1px solid #f1f3f4;} #content.addon .sample p.ext-hours { height: 49px; background: transparent url('../img/ext-hours.gif') center center no-repeat; } #content.addon .sample p.ext-billing { height: 63px; background: transparent url('../img/ext-billing.gif') center center no-repeat; background-color: #f8f8f8; border-top: 1px solid #f1f3f4; border-bottom: 1px solid #f1f3f4;} #content.addon .sample p.ext-corp { height: 63px; background: transparent url('../img/ext-corp.gif') center center no-repeat; } #content.addon .include { margin-right: 20px; } #content.addon .sample { padding: 0; border-right: 1px solid #b7c1c8; } #content.addon .sample .head { margin: 0; background-color: #88a6bb; background-position: center center; background-repeat: no-repeat; } #content.addon .sample .top { background-image: url('../img/blue-top-right.gif'); } #content.addon .sample .bottom { background-image: url('../img/blue-bot-right.gif'); } #content.addon .sample .top span { background-image: url('../img/blue-top-left.gif'); } #content.addon .sample .bottom span { background-image: url('../img/blue-bot-left.gif'); } #content.addon .list .top { background-image: url('../img/list-tr.gif'); } #content.addon .list .bottom { background-image: url('../img/list-br.gif'); } #content.addon .list .top span { background-image: url('../img/list-tl.gif'); } #content.addon .list .bottom span { background-image: url('../img/list-bl.gif'); } #content.addon .list { border-left: 1px solid #00ADEF; border-right: 1px solid #00ADEF; border-bottom: 1px solid #00ADEF; } #content.addon .list ul { margin: 10px 0 0 15px; } #content.addon .list ul li { float: left; font-size: 108%; width: 45%; _width: 44%; margin: 0; line-height: 100%; padding-bottom: 5px; _padding-bottom: 0; color: #00ADEF; list-style-type: none; } #content.addon .list ul li span { display: inline; vertical-align: middle; font-size: 20px; color: #00ADEF; line-height: 50%; _line-height: 120%; } #content.addon .list ul li.clear { float: none; padding: 0; font-size: 1px; height: 1px; } #content.addon .solution .head { height: 19px; background-image: url('../img/solution.gif'); } #content.addon .quest .head { background-image: url('../img/quest.gif'); } #content.addon .list .head { background-color: #00ADEF; background-image: url('../img/why.gif'); } #content .teaser { position: relative; display: block; width: 249px; height: 101px; margin: 20px 0; } #content .teaser a { position: absolute; display: block; bottom: 15px; left: 15px; } #content .teaser p { position: absolute; color: #596A74; font-size: 9px; line-height: 110%; bottom: 10px; _bottom: 15px; left: 15px; } #content.careers .rightbar .incleft { width: 100%; margin-left: 0; _height: 1%; } #content.careers .rightbar .address { font-size: 11px; font-weight: bold; color: #E6250B; line-height: 120%; } #content.careers .teaser { background-image: url('../img/reason.gif'); } #content.managed h1 { margin-bottom: 20px; } #content.managed .teaser1 { background-image: url('../img/managed-teaser1.gif'); } #content.managed .teaser2 { background-image: url('../img/managed-teaser2.gif'); } #content.managed .it { margin: 20px 250px 20px 10px; } #content.managed .it div { float: left; width: 15%; line-height: 110%; padding: 0; font-size: 9px; color: #596A74; } #content.managed .it div img { display: block; margin: 0 0 10px; width: 74px; height: 74px; } #content.managed .it .clear { clear: left; float: none; width: auto; font-size: 1%; line-height: 1%; height: 1%; } #content.data-center .teaser1 { margin-top: -10px; height: 79px; background-image: url('../img/data-teaser1.gif'); } #content.about .teaser1, .index2 #content .teaser1 { height: 79px; background-image: url('../img/about-teaser1.gif'); } #content.contacts .incleft { width: 29%; margin-right: 1%; } #content.contacts .clear { clear: both; } #content.contacts .sample { border: none; height: 34px; padding: 0; margin: 0 20px 20px; background-color: #3BBCED; } #content.contacts .sample .do-you { position: absolute; display: block; top: 0; left: 0; width: 214px; height: 34px; } #content.contacts .sample .end { position: absolute; display: block; top: 0; right: -2px; width: 7px; height: 34px; } #content.contacts .sample a.button { float: right; height: 17px; margin: 7px 2% 0; } #content.contacts .sample a#chat { width: 102px; background: transparent url('../img/start-chat.gif') top center no-repeat; } #content.contacts .sample a#sales { width: 124px; background: transparent url('../img/contact.gif') top center no-repeat; } #content.contacts .sample a#callback { width: 123px; background: transparent url('../img/request.gif') top center no-repeat; } #content.contacts .sample span { float: right; height: 17px; margin-top: 6px; color: #9DDEF6; } #content.contacts .sample2 { margin-bottom: 20px; border-left: 1px solid #b7c1c8; border-bottom: 1px solid #b7c1c8; border-right: 0px; border-top: 0px; padding-bottom: 9px; } #content.contacts .sample2 .head { background: #88a6bb url('../img/glance.gif') center center no-repeat; } #content.contacts .sample2 .tl { margin-top: 0px; background-image: url('../img/blue-top-left.gif'); } #content.contacts .sample2 .tr { margin-top: 0px; background-image: url('../img/blue-top-right.gif'); } #content.contacts .sample2 .bl { background-image: url('../img/blue-bot-left.gif'); } #content.contacts .sample2 .br { background-image: url('../img/blue-bot-right.gif'); } #content.contacts .sample2 .righty { position: absolute; width: 5px; height: 100%; background: transparent url('../img/abs-right-blue.gif') top right repeat-y; } #content.contacts .sample2 { width: auto; } #content.contacts .sample2 a.button { margin: 10px 15px; } #content.contacts .sample2 a.button span.img-right { background: transparent url('../img/button-right.gif') top right no-repeat; } #content.contacts .sample2 a:hover span.img-right { background: #88a6bb url('../img/button-right-c.gif') top right no-repeat; } #content.contacts .sample2 a#sales.button span.img-left { background: transparent url('../img/sales-left.gif') top left no-repeat; } #content.contacts .sample2 a#sales:hover span.img-left { background: transparent url('../img/sales-left-c.gif') top left no-repeat; } #content.contacts .sample2 a#sales.button span.center { height: 28px; background: transparent url('../img/sales-center.gif') center center no-repeat; border-top: 1px solid #c3d2dd; border-bottom: 1px solid #c3d2dd;} #content.contacts .sample2 a#sales:hover span.center { height: 28px; background: #88a6bb url('../img/sales-center-c.gif') center center no-repeat; border-top: 1px solid #88a6bb; border-bottom: 1px solid #88a6bb;} #content.contacts .sample2 a#callback.button span.img-left { background: transparent url('../img/callback-left.gif') top left no-repeat; } #content.contacts .sample2 a#callback:hover span.img-left { background: transparent url('../img/callback-left-c.gif') top left no-repeat; } #content.contacts .sample2 a#callback.button span.center { height: 28px; background: transparent url('../img/callback-center.gif') center center no-repeat; border-top: 1px solid #c3d2dd; border-bottom: 1px solid #c3d2dd;} #content.contacts .sample2 a#callback:hover span.center { height: 28px; background: #88a6bb url('../img/callback-center-c.gif') center center no-repeat; border-top: 1px solid #88a6bb; border-bottom: 1px solid #88a6bb;} #content.contacts .sample2 a#salesform.button span.img-left { background: transparent url('../img/salesform-left.gif') top left no-repeat; } #content.contacts .sample2 a#salesform:hover span.img-left { background: transparent url('../img/salesform-left-c.gif') top left no-repeat; } #content.contacts .sample2 a#salesform.button span.center { height: 28px; background: transparent url('../img/salesform-center.gif') center center no-repeat; border-top: 1px solid #c3d2dd; border-bottom: 1px solid #c3d2dd;} #content.contacts .sample2 a#salesform:hover span.center { height: 28px; background: #88a6bb url('../img/salesform-center-c.gif') center center no-repeat; border-top: 1px solid #88a6bb; border-bottom: 1px solid #88a6bb;} #content.contacts .sample2 p { margin: 0 15px; border-bottom: 1px solid #BBC5CB; font-family: 'Tahoma', serif; font-size: 11px; font-weight: bold; color: #596A74; } #content.contacts .sample2 p.last { border-bottom: none; } #content.contacts .sample2 p a { float: right; margin-top: 7px; width: 69px; height: 13px; background-image: url('../img/customize.gif'); } #content.contacts .sample2 p.ext-toll { height: 49px; background: transparent url('../img/ext-toll.gif') center center no-repeat; } #content.contacts .sample2 p.ext-fax { height: 49px; background: transparent url('../img/ext-fax.gif') center center no-repeat; background-color: #f8f8f8; border-top: 1px solid #f1f3f4; border-bottom: 1px solid #f1f3f4;} #content.contacts .sample2 p.ext-hours { height: 49px; background: transparent url('../img/ext-hours.gif') center center no-repeat; } #content.contacts .sample2 p.ext-billing { height: 63px; background: transparent url('../img/ext-billing.gif') center center no-repeat; background-color: #f8f8f8; border-top: 1px solid #f1f3f4; border-bottom: 1px solid #f1f3f4;} #content.contacts .sample2 p.ext-corp { height: 63px; background: transparent url('../img/ext-corp.gif') center center no-repeat; } #content.contacts .sample2 { padding: 0; border-right: 1px solid #b7c1c8; } #content.contacts .sample2 .head { margin: 0; background-color: #88a6bb; background-position: center center; background-repeat: no-repeat; } #content.contacts .sample2 .top { background-image: url('../img/blue-top-right.gif'); } #content.contacts .sample2 .bottom { background-image: url('../img/blue-bot-right.gif'); } #content.contacts .sample2 .top span { background-image: url('../img/blue-top-left.gif'); } #content.contacts .sample2 .bottom span { background-image: url('../img/blue-bot-left.gif'); } #content.contacts .list .top { background-image: url('../img/list-tr.gif'); } #content.contacts .list .bottom { background-image: url('../img/list-br.gif'); } #content.contacts .list .top span { background-image: url('../img/list-tl.gif'); } #content.contacts .list .bottom span { background-image: url('../img/list-bl.gif'); } #content.contacts .list { border-left: 1px solid #00ADEF; border-right: 1px solid #00ADEF; border-bottom: 1px solid #00ADEF; } #content.contacts .list ul { margin: 10px 0 0 15px; } #content.contacts .list ul li { float: left; font-size: 108%; width: 45%; _width: 44%; margin: 0; line-height: 100%; padding-bottom: 5px; _padding-bottom: 0; color: #00ADEF; list-style-type: none; } #content.contacts .list ul li span { display: inline; vertical-align: middle; font-size: 20px; color: #00ADEF; line-height: 50%; _line-height: 120%; } #content.contacts .list ul li.clear { float: none; padding: 0; font-size: 1px; height: 1px; } #content.contacts .rightbar dl dd { color: #E8341B; } #content.index .incleft { width: 30%; margin-left: 20px; } #content.index .wide { width: 50%; margin: 0 0 0 3%; } #content.index .include ul.option li { float: left; width: 40%; margin-bottom: 5px; _margin: 0; line-height: 100%; padding-right: 5px; list-style-type: none; } #content.index .include ul.option li.clear { float: none; font-size: 1px; } #content .host { height: 30px; margin: 0 20px 20px; background: #F2FAFC url('../img/all-host.gif') top left no-repeat;; } .index2 #content .incleft { width: 29%; } .index2 #content .second { margin: 0 1% 0 0; } .index2 #header .headerpage { min-height: 198px; } .index2 #content .teaser { margin-top: -10px; padding: 0; } #content.addon .form { margin: 0 300px 50px 20px; } #content.addon .form h2 { margin-left: 0; } #content.addon .form dl dt { float: left; width: 15em; } #content.addon .form dl dd { display: block; margin: 0 0 0 17em; padding-bottom: 5px; } #content.addon .form dl dd input, #content.addon .form dl dd select { display: inline; width: 35%; -moz-box-sizing: content-box; } #content div.form dl dd textarea.contact_form { display: inline; width: 35%; -moz-box-sizing: content-box; height: 100px; } #content.addon .form .short { width: 2em; } #content.addon .form .clean { clear: left; font-size: 1%; line-height: 1%; } #content.addon .form .button { margin-top: 10px; width: 12em; } #content.addon .form p { font-size: 68%; } #content.addon .form dl dd span { color: #000000; font-size: 12px; margin: 0 5px 0 15px; } #footer { background: #E6250B url('../img/footer-back.gif') top left repeat-x; padding-top: 13px; } #footer .bottom { display: block; height: 9px; font-size: 1px; line-height: 1px; background: transparent url('../img/red-br.gif') top right no-repeat; } #footer .bottom span { display: block; width: 9px; height: 9px; font-size: 1px; line-height: 1px; background: transparent url('../img/red-bl.gif') top left no-repeat; } #footer div.clear { clear: both; float: none; } #footer img { position: absolute; top: 15px; left: 15px; width: 21px; height: 21px; } #footer ul.footer-left { position: relative; display: block; margin: 0 53% 0 60px; } #footer ul li { float: left; list-style-type: none; margin: 0; padding: 0; font: 58% 'Arial', sans-serif; color: #ffffff; } #footer ul li.copy { float: none; margin: 0; display: block; } #footer ul li a { text-decoration: none; color: #ffffff; } #footer ul li a:hover { text-decoration: underline; } #footer ul li span { display: inline; margin: 0 .3em; } #footer ul.footer-right { float: right; width: 50%; margin: 0 20px 0 0; } #footer ul.footer-right li { float: right; font-size: 68%; margin: 0; } #footer ul.footer-right li.clear, #footer ul.footer-left li.clear, #content .include .clear, #content .include ul li.clear { display: block; float: none; margin: 0; }