/*--Page & Body Elements--*/ body {padding:0 0 0 0; margin:0 auto; text-align:center; font-family:Arial, Verdana, Century Gothic; color:#666; height:100%; font-size:12px; line-height:14px;} a {outline:none;} a:link {color:#20729B; text-decoration:none;} a:visited {color:#20729B; text-decoration:none} a:active {color:#20729B; text-decoration:none;} a:hover {color:#000; text-decoration:none;} a img {border:0;} p {font-size:12px; line-height:18px; text-align:left; margin:0 0 15px 0; padding:0;} p.desc {color:#666;} label {cursor:pointer;} td {margin:0; padding:0; border-collapse:collapse; vertical-align:top;} ul, li, ol, dl, dd, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin: 0; padding: 0; list-style: none; border: 0; font-weight: normal; font-size: 1em; } em {color:#286EAC;font-style:normal; font-weight:bold;} table th {background-color:#d9d9d9;} .clear {clear:both; height:0; overflow: hidden; font-size:0; line-height:0; background:none; border:none; display:block;} .nodisp {display:none;} .help {font-size:11px; color:#777;} .success {background-color:#FFF6CF; border:1px solid #EFE2A4; line-height:1.5em; color:#89C800; float:left; font-size:12px; font-weight:bold; margin:0 0 8px; padding:8px; text-align:left; width:380px;} .error {color:#BF2323;} ul.errors {background-color:#FFF6CF; border:1px solid #EFE2A4; padding:7px; text-align:left; margin:10px 30px 10px 20px;} ul.errors li {color:#e54d2f; font-size:12px; padding:5px 0; border-top:1px solid #ddd;} ul.errors li.hasErrors {font-weight:bold; color:#777; border:0;} input.field.highlightError {border:2px solid #e54d2f;} .price {color:#82AF15;} h3 {font-size:160%; color:#20729B; font-weight:normal; font-variant:normal; text-align:left; line-height:2.0em; padding:0; border-bottom:1px solid #eee; margin-bottom:15px;} h4 {font-size:14px; color:#20729B; padding:5px; margin-bottom:10px;} h2 {font-size:14px; color:#20729B; padding:5px; margin-bottom:10px; font-weight:bold;} /*Form Elements*/ input.button_okay, input.button_alert, input.button{font-family:Arial, Verdana, Century Gothic; font-weight:bold; background:#f9f8f8 url(/images/button-bg.gif) repeat-x bottom; font-size:12px; cursor:pointer; border:1px solid #ddd; padding:0.2em 0.4em; overflow:visible; margin:0;} input.button:active, input.button_alert:active, input.button_okay:active {border-top-color:#999; border-left-color:#999; outline:none;} input.button:hover, input.button_alert:hover, input.button_okay:hover {border-top:1px solid #888; border-left:1px solid #888;} input.okay {color:#709F09;} input.alert {color:#ff0066;} input.neutral {color:#286EAC;} input.field {font-family:Arial, Verdana, Century Gothic; background:#fafafa url(/images/field-bg.gif) repeat-x top; border:1px solid #d0d0d0; font-size:12px; margin:0 5px 0 0; color:#20729B; font-size:13px; padding:0.3em;} input.field:focus {background-color:#fff;} select {font-family:Arial, Verdana, Century Gothic; background:#fafafa url(/images/field-bg.gif) repeat-x top; border:1px solid #d0d0d0; font-size:12px; margin:0 5px 0 0; color:#20729B; font-size:13px; padding:0.3em;} .textarea {font-family:Arial, Verdana, Century Gothic; background:#fafafa; border:1px solid #ddd; color:#666; font-size:13px; margin:5px 0 5px 0; padding:5px; width:99%;} .textarea:focus {background-color:#fff;} table.fieldTable {border-collapse:collapse;} table.fieldTable td {vertical-align:middle; border:0;} table.fieldTable td input, table.fieldTable td select {margin:0 0 5px 6px;} /*Square Buttons*/ .sb {cursor:default; display:block;} .sb a {display:block; float:left; margin-left:7px; background:url(/images/sb.gif) no-repeat top left; padding:0 0 0 7px;} .sb a span {font-size:14px; float:left; display:block; background:url(/images/sb.gif) no-repeat top right; padding:4px 7px 2px 0; cursor:pointer; height:22px;} .sb span.lrg {font-size:18px; padding-bottom:0;} .sb span.lrg em {line-height:0.9em;} .sb a span em {display:block; padding-right:25px; background:url(/images/icons/map.gif) no-repeat 100% 0; line-height:1.3em;} .sb a span em.customize {background-position:100% -25px;} .sb a span em.phone {background-position:100% -50px;} .sb a span em.click {background-position:100% -75px;} .sb a span.alert {color:#ff0066;} .sb a span.okay {color:#89c800;} .sb a span.neutral {color:#666;} .sb a:hover span, .sb a.active span {color:#666; background-position:100% -39px;} .sb a:hover, .sb a.active {background-position:0% -39px;} /*Other Buttons / icons*/ .close {display:block; float:left; height:14px; width:14px; background:url(/images/icons/close.gif) no-repeat 0 0;} .close:hover {background-position:0 -16px;} /*Structure*/ .stretch {width:850px; margin:0 auto; text-align:left; position:relative;} .inner {padding:20px;} /*User Bar*/ span.userBar {position:absolute; top:4px; left:0; color:#888; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif} span.userBar a {color:#21759D; margin:0 3px;} /*Header*/ .header {background:#1f1f1f url(/images/head-repeat.gif) repeat-x top; height:130px;margin-top:-30px} .header .logo {position:relative; left:-121px; top:58px;} .header .ridge {color:#f0f0f0; font-size:15px; font-weight:bold; text-align:center; padding-top:26px;letter-spacing:0.06em; display:block; width:223px; right:0; top:0; position:absolute; ) no-repeat left top;} .header .stretch {height:184px;} /*Nav*/ /**ul.nav li, ul.nav li a:hover, ul.nav li.current a {background-image:url(/images/menu_bg.gif); background-repeat: no-repeat; background-position: 0 0;} **/ ul.nav {height:94px; position:absolute; top:58px; left:200px;} ul.nav li {display:block; float:left; height:85px; background-position:0 0px; padding-left:2px;} ul.nav li a {font-weight:bold; float:left; display:block; height:94px; font-size:13px; line-height:6.4em; color:#fff; width:105px; text-align:center;} ul.nav li a:hover {background-position:0 -99px;} ul.nav li.current {background:url(/images/head-current.jpg) repeat-x left top; height:72px} ul.nav li.current a, ul.nav li.current a:hover{background-position:50% -194px;} a.globalLogout, a.globalLogout:visited, a.globalLogout:active {position:absolute; top:92px; right:-48px; color:#b4cfde;} .globalLogout:hover {color:#fff;} /*Sub Nav*/ ul.subnav {position:absolute; bottom:10px; left:0} ul.subnav li {float:left;} ul.subnav li.current {text-decoration:underline;} ul.subnav li a {float:left; font-size:12px; font-weight:bold; color:#666; display:block; padding:3px 15px 3px 15px; margin:0; border-right:1px solid #fff;} ul.subnav li a:hover {color:#000;} .whiteText {color:#FFF;} .pageMenu {} .pageMenu a {font-weight:bold; border:1px solid #f7f7f7; border-right:1px dotted #c0c0c0; padding:3px 9px 3px 7px;} .pageMenu a:hover {border:1px solid #ddd; background-color:#f0f0f0} /*Footer*/ .footer {height:120px; background:url(/images/footer.gif) repeat-x top; margin-top:40px; } .footer span.copyright {display:block; text-align:left; font-size:11px; color:#555; padding:10px 0 5px 13px; padding-left:10px;} .footer span.accept {background:url(/images/accept.gif) no-repeat 0 0; display:block; position:absolute; top:9px; right:0; width:242px; height:26px;} .footer .secured {line-height:2.0em; font-size:11px; color:#888; padding:0 0 0 10px; text-align:left; width:400px;} .footer .secured img {float:left; margin-right:10px;} /*Content*/ .content {} .ct {height:32px; background:url(/images/content-top.gif) no-repeat 0 0;} .ce {height:47px; background:url(/images/content-end.gif) no-repeat 0 0; position:relative;} .sect {background:url(/img/content_wedge.gif) no-repeat bottom; padding-bottom:25px; margin-bottom:25px;} .sect p {color:#444; font-size:13px;} /*Page*/ .page {background: #f2f2f2; /* Old browsers */ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;} .pageContact {background:url(/images/page-bg.gif) repeat-y;} .page h1, .page .top {height:40px; font-size:14px; font-weight:bold; line-height:3.2em; padding-left:15px; color:#333333;} .page .top h1 {background-image:none; float:left; padding-left:0} .page .top ul.menu {float:right; padding-top:10px; padding-right:20px;} .page .top ul.menu li {float:left;} .page .top ul.menu li.logout a {color:#fff;} .page .top ul.menu li a {background:#ccc ; margin-right:5px; border:1px solid #d0d0d0; float:left; display:block; font-size:12px; padding:3px 10px; border:1px solid #ddd; line-height:normal;} .page .top ul.menu li a:hover {background:#ddd; border:1px solid #C0C0C0;} .page .top ul.menu li.current a { font-weight:bold; color:#333; background:#ccc} .page .pe {height:16px; background:url(/images/page-end.gif) no-repeat left bottom;} .page a:link,.page a:active, .page a:visited {color:#21759D} /*Info List*/ .infoList {padding-left:25px; text-align:left;} .infoList.column3 {float:left; width:30%} .infoList.column2 {float:left; width:45%} .infoList.split li {border-bottom:1px dotted #999; margin-bottom:8px; padding-bottom:8px;} .infoList li {list-style:disc; line-height:1.8em; color:#444;} .infoList ul {margin-left:30px;} .spaced li {margin-bottom:20px; line-height:1.4em; border-bottom:1px solid #eee; padding-bottom:10px; margin-bottom:10px;} .spaced li ul li {border-bottom:0;} .infoList.spaced.num li {list-style-type:decimal;} .infoList.spaced.num li ul li {list-style-type:lower-alpha;} /*Hompage*/ #home {} .splashHome {height:250px; width:1; overflow:hidden; background:#4f4f4f; margin-top:3px;} ul.splash {width:844px; margin:0 auto; height:250px;} ul.splash li {float:left;} ul.splash li a {position:relative; background:url(/images/home_hardware.jpg) no-repeat 0 -250px; display:block; float:left; height:250px; width:422px;} ul.splash li a:hover {background-position: 0 0 ;} ul.splash li.cloud_server a {position:relative; background:url(/images/home_cloud.jpg) no-repeat 0 -250px; display:block; float:left; height:250px; width:422px;} ul.splash li.cloud_server a:hover {background-position: 0 0 ;} .shadow {background:url(/images/across_bg.jpg) repeat-x; height:5px; width:1; margin-bottom:5px;} /*#home .splash-01 {background:url(/images/splash-01.jpg) no-repeat 0 0; width:546px; height:247px; float:left; position:relative;} #home .splash-01 a.build {position:absolute; top:80px; left:40px;text-indent: -4000px; display:block; background:url(/images/splash-01-button.gif) no-repeat 0 0; width:177px; height:33px;} #home .splash-01 a.build:hover {background-position:0 -33px;} #home .splash-01 p.buildDesc {font-size:11px; color:#c0c0c0; width:180px; position:absolute; top:125px; left:40px; line-height:1.3em;} #home .splash-02 {background:url(/images/ic-clients.jpg) no-repeat 0 0; width:297px; height:196px;} #home .splash-02#ss1 {background:#272727 url(/images/splash-02.jpg) no-repeat 0 0; height:247px;} .ssCon {background:url(/images/ic-clients-bg.jpg) repeat-x 0 36px; width:297px; height:247px; float:left; overflow:hidden;}*/ .grey_left { background:#333333; float:left; margin-top:200px; width:100%; height:200px; z-index:100; } /*Clients*/ #home .splash-02.ss2 {} #home .splash-02.ss3 {background-position:0 -78px;} #home .splash-02.ss4 {background-position:0 -156px;} #home .splash-02.ss5 {background-position:0 -234px;} #home .splash-02.ss6 {background-position:0 -312px;} #home .splash-02.ss7 {background-position:0 -390px;} #home .splash-02.ss8 {background-position:0 -468px;} /*.clients-top {width:844px; height:78px; background:url(../images/client_header.jpg) no-repeat left top;}*/ #home .splash-02 {background:url(/images/clients_bg.jpg) no-repeat 0 0; width:844px; height:78px;} #home .splash-02#ss1 {background:#272727 url(/images/splash-02.jpg) no-repeat 0 0; height:78px;} .ssCon {background:url(/images/ic-clients-bg.jpg) repeat-x 0 78px; width:844px; height:78px; float:left; overflow:hidden;} /* #home .splash-02.ss2 {} #home .splash-02.ss3 {background-position:0 -196px;} #home .splash-02.ss4 {background-position:0 -392px;} #home .splash-02.ss5 {background-position:0 -588px;} #home .splash-02.ss6 {background-position:0 -784px;} #home .splash-02.ss7 {background-position:0 -980px;} #home .splash-02.ss8 {background-position:0 -1176px;} #home .splash-02.ss9 {background-position:0 -1372px;} #home .splash-02.ss10 {background-position:0 -1568px;} #home .splash-02.ss11 {background-position:0 -1764px;} #home .splash-02.ss12 {background-position:0 -1960px;} #home .splash-02.ss13 {background-position:0 -2156px;} #home .splash-02.ss14 {background-position:0 -2352px;} #home .splash-02.ss15 {background-position:0 -2548px;} #home .splash-02.ss16 {background-position:0 -2744px;} #home .splash-02.ss17 {background-position:0 -2940px;} .clients-top {width:297px; height:36px; background:url(/images/ic-clients-top.gif) no-repeat left top;}*/ /*Featured*/ ul.featured {} ul.featured li {float:left; /*background:url(/images/featured-block-repeat.gif) repeat-x;*/} ul.featured li a {position:relative; background:url(/images/b4_hardware.jpg) no-repeat -211px 0; display:block; float:left; height:114px; width:211px;} ul.featured li.cloud a {position:relative; background:url(/images/b4_cloud.jpg) no-repeat -211px 0; display:block; float:left; height:114px; width:211px;} ul.featured li a:hover {background-position: 0;} ul.featured li a:hover span.title {color:#fff;} /*ul.featured li a span.gauge {background:url(/images/gauge.gif) no-repeat 0 0; height:40px; width:58px; display:block; position:absolute; left:72px; top:20px;} ul.featured li a span.gauge2 {background-position:-1px -46px;} ul.featured li a span.gauge3 {background-position:0 -92px;} ul.featured li a span.gauge4 {background-position:0 -138px;}*/ ul.featured li a span.title {text-align:center; display:block; position:absolute; top:10px; left:0; width:100%; font-weight:bold; color:#444; font-size:14px;} ul.featured li span.desc {line-height:1.2em; width:101px; position:absolute; top:15px; right:9px; color:#fff; font-size:11px;} ul.featured li a:hover span.desc {line-height:1.2em; width:100px; position:absolute; top:15px; right:9px; color:#333; font-size:11px;} ul.featured li a img {position:absolute; bottom:20px; left:10px;} ul.featured li a img.threeU {bottom:14px} /*ul.featured li a img.blade {left:18px; bottom:10px;}*/ /*Subscribe*/ .subscribe {position:absolute; right:34px; bottom:13px;} .subscribe-notice {display:block; height:19px; padding-right:35px; position:absolute; top:10px; right:247px; line-height:1.0em; background:url(/images/content-end-arrow.gif) no-repeat right top; font-size:11px; color:#999;} .subscribe input.field {float:left; width:125px; padding:0.2em; font-size:11px; border:1px solid #ada99f;} .subscribe input.button {padding:0.1em; font-size:11px; color:#444;} /*FAQS*/ ul.faqList {padding:15px 30px;} ul.faqList li {border-bottom:1px solid #ddd;} ul.faqList li.qu {background:url(/images/icons/question.gif) no-repeat left center; padding-left:26px; line-height:2.3em; font-size:13px; font-weight:bold; cursor:pointer} ul.faqList li.qu.selected {background:#e6e6e6;} ul.faqList li.qu:hover {background-color:#f0f0f0;} ul.faqList li.an {border-bottom:3px solid #ddd; font-weight:normal; font-size:12px; display:block;} ul.faqList li.an span {background:url(/images/icons/check.gif) no-repeat left 10px; display:block; padding:10px 10px 10px 26px;} /*Contact*/ #contact {background-color:#fff; text-align:left;} #contact h3 {float:left; width:430px;} #contact table td {padding:4px 4px 4px 4px; vertical-align:middle; font-size:13px;} #contact input.field, #contact select {width:200px; margin-left:5px; margin-bottom:5px; padding:0.3em 0.4em;} #contact .textarea {height:80px; width:400px;} #contact .contactInfo {float:left; border:1px solid #ddd; background:#f0f0f0; padding:10px; margin:20px; font-size:14px;} #contact .contactInfo li {border-color:#ddd;} a.send {background:url(/images/button-send.gif) no-repeat 0 0; display:block; float:left; height:34px; width:110px;} a.send:hover {background-position:0 -40px;} a.send:active {background-position:0 -80px;} #contact ul.errors ,#contact .success {margin:0 0 15px 0; float:left; width:400px;} /*Products*/ #products ul.grid { padding-left:25px} #products ul.grid li {margin:20px 20px 10px 5px; clear:both; border-bottom:3px solid #ddd; padding-bottom:15px; position:relative; height:1%; min-width:0;} #products ul.grid li span.price {color:#82AF15; font-size:14px; font-weight:bold; padding:5px 0;} #products ul.grid li span.sb {position:absolute; right:100px; top:40px;} #products ul.grid li span.sb a {clear:both; margin-bottom:15px;} #products ul.grid li span.sb a span {font-size:14px; font-weight:bold;} #products ul.grid li span.sb a span em {width:80px;} #products ul.grid li span.wrap {background:url(/images/product-bg-big.jpg) no-repeat center; float:left; margin:0 13px 5px 0;} #products ul.grid li a.product {border:2px solid #ddd; display:block; background:url(/images/product-loader.gif) no-repeat center 40px; height:250px; width:250px;} #products ul.grid li a.product.selected {border:2px solid #b5d763;} #products ul.grid li a.product img {height:250px; width:250px;} #products ul.grid li span {display:block; font-size:11px; color:#666;} #products ul.grid li span.title {font-size:14px; font-weight:bold; margin-bottom:4px;} #products ul.grid li a.details {font-size:12px;} #products ul.grid li ul.desc {padding:0; float:left;} #products ul.grid li ul.desc, #products ul.grid li ul.desc li {width:350px; background-image:none; margin:0; font-size:11px; border-bottom:0; padding:3px;} #products .sort {position:absolute; top:10px; right:15px; padding:0.2em} /*Product Details*/ #productDetails {} #productDetails #products ul.grid li ul.desc, #productDetails #products ul.grid li ul.desc li{padding:0;} #productDetails #products ul.grid li span.sb {right:20px; top:28px;} #productDetails #products ul.grid li span.sb a span {font-size:17px; font-weight:bold;} #productDetails #products ul.grid li span.sb a span em {width:90px; padding-top:1px; padding-bottom:2px;} #productDetails #products ul.grid li span.price {font-size:19px; position:absolute; top:-10px; right:20px} #productDetails span.wrap img {border:2px solid #ddd;} #productDetails .productImages {padding:0 0 10px 10px; float:left; width:280px;} #productDetails .productImages a {display:block; float:left; border:2px solid #ddd; padding:2px; margin:10px} #productDetails .productHardware{float:left; width:500px; border-left:3px solid #ddd; padding-left:30px;} #productDetails .productHardware table {width:100%;} #productDetails table {} #productDetails table {text-align:left;} #productDetails table th {padding:8px 0 8px 12px;} #productDetails table td {padding:8px 0 8px 12px; border-bottom:1px solid #ddd;} #productDetails table .type {font-weight:bold;} #productDetails h1 span.price {float:right; padding-right:25px; font-size:18px;} .productIntro {} .productIntro img {float:left; margin: 20px 0 0 20px;} /*Login Section*/ div.login {padding:0 0 10px 0; background:#f7f7f7; border:1px solid #ddd; margin:0 auto; width:30%; text-align:center;} div.login h1 {font-size:160%; color:#20729B; font-weight:normal; font-variant:normal; text-align:left; line-height:2.0em;} div.login h1 {padding:0 0 0 35px; background:#f2f2f2 url(/images/icons/lock.gif) no-repeat 10px center; border-bottom:1px solid #eee; margin-bottom:15px;} div.login table {margin:0 auto;} div.login table td {text-align:left;} h2.createAccount {text-align:center; font-size:14px;} h2.createAccount a {color:#709F09} /*My Account*/ #myAccount {} #myAccount .accSect {margin-bottom:15px;} #myAccount .inner {padding:20px;} #myAccount h3 {margin:0; border-bottom:1px solid #ddd;} #myAccount h3 a {font-size:14px; font-weight:bold; display:block; padding-left:33px; background:url(/images/icons/arrow_right.gif) no-repeat 8px center;} #myAccount h3 a:hover, #myAccount h3 a.current {background-color:#ececec;} #myAccount #quoteInfo table {} #myAccount #quoteInfo table td {font-size:13px; border-bottom:1px solid #ddd; padding:8px 0; padding-left:5px;} #myAccount #quoteInfo table td a {} /*Account Info*/ .account {} .account form {padding:10px 30px;} .account table td {padding:3px 3px 3px 3px; vertical-align:middle; font-size:13px;} .account input.field, #contact select {width:200px; margin-left:5px; margin-bottom:5px; padding:0.3em 0.4em;} .account .textarea {height:80px; width:400px;} .account .accountSect {padding-bottom:30px;} /*Admin*/ .extInsert {padding:0 0 0 2px} /*Icons*/ .icon-grid {background-image:url(/images/icons/grid.png) !important;} .add {background-image:url(/images/icons/add.gif) !important;} .option {background-image:url(/images/icons/plugin.gif) !important;} .remove {background-image:url(/images/icons/delete.gif) !important;} .save {background-image:url(/images/icons/save.gif) !important;} /*Interaction Modal*/ #modal_container.interact {background:#fff; border:2px solid #666; text-align:left;} #modal_overlay.interact {background-color:#fff;} #modal_overlay.interactd {background-color:#000;} #modal_container.interact h2, h2.modalHead {text-align:left; font-size:14px; font-weight:normal; color:#555; margin:0 0 6px 0; padding:8px 0 8px 8px; background:#f0f0f0; letter-spacing:normal; line-height:normal; border-bottom:1px dotted #ddd;} #modal_container div.editor_insert {background:#fff; font-size:11px; color:#999; padding:0 6px;} #modal_container input.field {background:#fafafa; border:1px solid #ddd; margin:3px 0 6px 0; border-width:2px 1px 1px 1px; color:#319bde; font-family:Arial,Helvetica,Verdana,sans; font-size:14px; padding:0.2em;} #modal_container input.field:focus {background-color: #fff;} #modal_container .info {float:left; margin:8px 5px 0 7px;} #modal_container div.rb {padding:7px 4px 0 0; float:right;} #modal_container div.rb.bottomRight {position:absolute; bottom:10px; right:10px;} #modal_container select {padding:0.2em 0em 0.2em 0.1em; border:1px solid #ddd; background:#f7f7f7; border-width:2px 1px 1px 1px; margin:3px 6px 5px 0; font-size:11px; color:#888;} div#modal_container a.x, a.x.modalx {float:right; margin:9px 10px 0 0;} * html div#modal_container a.x {margin-right:5px;} /*---Quick Builder---*/ /* Container styling */ #quickBuilder {} #quickBuilder .inner {padding:20px 0 20px 20px; width:600px;} .qbBar {padding:0 10px 0 30px; font-weight:bold; display:block; position:relative; height:32px; line-height:32px; font-size:12px; color:#000; border-top:1px solid #ddd; cursor:pointer; margin:0;} .qbBar:hover {background-color:#f0f0f0;} .qbBar em {background:url(/images/qb-icons.gif) 1px -2px no-repeat; display:block; height:15px; width:16px; position:absolute; left:9px; top:8px;} .qbBar em.check {background-position:-64px 0; width:15px; height:18px; right:12px; left:auto; top:5px;} .qbBar span {font-weight:normal; color:#888; position:absolute; left:190px; top:0;} .qbBar span strong {} .qbBarActive {background:#a9d06a url(/images/qb-bar-bg.gif) no-repeat 0 0; border:1px solid #f7f7f7;} .qbBarActive em {background:url(/images/qb-icons.gif) -31px -2px no-repeat;} .qbBarActive em.check {display:block;} .qbBarActive span {color:#666;} .qbBar_active {background:url(images/qbBar_active.jpg) no-repeat top right #e0542f;color:#fff;border-bottom:1px solid #f68263;} .qb_con {color:#444; overflow:hidden;} .qb_con p {line-height:150%;padding:5px 10px 15px;} ul.compatList {padding:15px;} ul.compatList li {} #quickBuilder ul.grid {} #quickBuilder ul.grid li {float:left; background:url(/images/product-bg.gif) no-repeat 0 0; margin:10px 10px 10px 5px;} #quickBuilder ul.grid li a.product {border:2px solid #ddd; display:block; margin-bottom:5px; background:url(/images/product-loader.gif) no-repeat center 20px; height:89px; width:131px;} #quickBuilder ul.grid li a.product.selected {border:2px solid #b5d763;} #quickBuilder ul.grid li a.product img {width:132px; height:90px; } #quickBuilder ul.grid li span {display:block; font-size:11px; color:#666;} #quickBuilder ul.grid li a.details {font-size:11px;} #quickBuilder a.continue {color:#d86312; width:113px; height:26px; background:url(/images/button-arrow.gif) no-repeat 0 0; display:block; padding-left:8px; line-height:1.8em; font-size:14px; font-weight:bold; position:absolute; bottom:20px; left:250px;} #quickBuilder a.continue:hover {background-position:0 -26px;} /*Price Box*/ .priceBox {padding:10px; position:absolute; top:60px; right:28px; width:160px; z-index:999; border:1px solid #ddd; background-color:#f0f0f0;} .priceBox hr {height:2px; padding:0; background-color:#ddd; color:#ddd; border:0; border-bottom:1px solid #fff; margin:15px 0} .priceBox em.priceLabel {font-weight:bold; display:block; margin-bottom:10px} .priceBox .price {font-size:18px; font-weight:400; display:block; text-align:right;margin-bottom:5px;padding-right:26px;} .priceBox .sb {padding:0px 0 10px 0;} .clear.ext {margin-bottom:70px;} /*Help Box*/ .helpBox {padding:10px; position:absolute; top:260px; right:28px; width:160px; z-index:999; border:1px solid #ddd; background-color:#f0f0f0;} .helpBox img {float:left; margin-right:13px;} .helpBox span {line-height:1.4em; font-weight:bold;} .helpBox hr {height:2px; padding:0; background-color:#ddd; color:#ddd; border:0; border-bottom:1px solid #fff; margin:15px 0 9px 0} .helpBox p {font-size:11px; margin:0 0 10px 0; padding: 0 5px 5px 5px; line-height:1.4em;} .helpBox em {font-size:14px; padding-left:5px;} .helpBox em strong {color:#888;} /*Quick Builder Options*/ .qbOptions {margin-bottom:15px;} .qbOptions input.button {margin-right:4px;} /*Email Quote*/ #emailQuote, #saveQuote {position:relative; height:1%; min-width:0; border:1px solid #ddd; background-color:#f0f0f0; margin-bottom:13px;} #emailQuote div, #saveQuote div {padding:10px;} #emailQuote .help, #saveQuote .help {display:block; padding:7px 0 0 0;} #emailQuote .close, #saveQuote .close {position:absolute; top:6px; right:6px;} /*Quote Page*/ #quotes {} #quotes table {text-align:left;} #quotes table th {padding:8px 0 8px 12px;} #quotes table td {padding:8px 0 8px 12px; border-bottom:1px solid #ddd;} #quotes table .type {font-weight:bold;} #quotes h1 span.price {float:right; padding-right:25px; font-size:18px;} /*Order Modal*/ #orderButtons {margin:60px 0 0 60px;} /*Phone Order*/ #phoneOrder {font-size:18px; padding:20px; line-height:20px;} #phoneOrder p.help {font-size:12px;} /* Angel CSS*/ .main-header { background-image: url(../images/main-header.png); background-repeat: no-repeat; background-position: center center; width:200px; height:24px; clear:both; } .turnkey-header { background-image: url(../images/turnkey-header.png); background-repeat: no-repeat; background-position: left center; width:200px; height:24px; clear:both; } .virtual-header { background-image: url(../images/virtual-header.png); background-repeat: no-repeat; background-position: left center; width:200px; height:24px; clear:both; } .storage-header { background-image: url(../images/storage-header.png); background-repeat: no-repeat; background-position: left center; width:200px; height:24px; clear:both; } .colo-header { background-image: url(../images/colo-header.png); background-repeat: no-repeat; background-position: left center; width:220px; height:24px; clear:both; } .medRow { height: 450px; background:url("../images/med_bg.png") repeat-x scroll center center transparent; width:900px; background-position: center center; margin:5px auto; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }