/* (c) Copyright DR Solutions International Ltd / Author: Andrew Green / Style Sheet: RK Direct */ /* DEFAULT */ * {width:auto;height:auto;margin:0px;padding:0px;border:none;} html {overflow:auto;width:100%;height:100%;} body {width:100%;height:100%;background:#FFFFFF url('page.jpg') no-repeat top center;font:normal 62.5% Arial, Verdana, Tahoma;color:#333333;cursor:default;} div {} h1 {font-size:1.80em;} h2 {font-size:1.60em;} h1, h2 {color:#EC0B18;font-weight:normal;} p {font-size:1.40em;color:#333333;} a {color:#FFFFFF;text-decoration:none;} a:hover {color:#EC0B18;} img {border:0px;} a, select, input.submit, input.checkbox, label {cursor:pointer;} /* COMMON */ hr {width:100%;height:1px;background-color:#000000;margin:10px 0px;} .pointer {cursor:pointer;} /* STYLE */ body.home {background-image:url("home.jpg");} body.about-us {background-image:url("about-us.jpg");} body.management-team {background-image:url("about-us.jpg");} body.company-history {background-image:url("about-us.jpg");} body.our-clients {background-image:url("about-us.jpg");} body.careers {background-image:url("about-us.jpg");} body.account-manager {background-image:url("about-us.jpg");} body.cisco-engineer {background-image:url("about-us.jpg");} body.toshiba-engineer {background-image:url("about-us.jpg");} body.products {background-image:url("products.jpg");} body.voice {background-image:url("products.jpg");} body.data-and-it {background-image:url("products.jpg");} body.security-and-cctv {background-image:url("products.jpg");} body.call-minutes {background-image:url("products.jpg");} body.broadband-and-line-rental {background-image:url("products.jpg");} body.cisco {background-image:url("products.jpg");} body.nortel {background-image:url("products.jpg");} body.zultys {background-image:url("products.jpg");} body.toshiba {background-image:url("products.jpg");} body.pro {background-image:url("products.jpg");} body.premium {background-image:url("products.jpg");} body.premium-plus {background-image:url("products.jpg");} body.premium-m {background-image:url("products.jpg");} body.sdsl-m-512k {background-image:url("products.jpg");} body.sdsl-m-1mb {background-image:url("products.jpg");} body.sdsl-m-1-5mb {background-image:url("products.jpg");} body.sdsl-m-2mb {background-image:url("products.jpg");} body.services {background-image:url("services.jpg");} body.consultancy {background-image:url("services.jpg");} body.cost-savings {background-image:url("services.jpg");} body.solutions-design {background-image:url("services.jpg");} body.professional-services {background-image:url("services.jpg");} body.faq {background-image:url("faq.jpg");} body.news {background-image:url("news.jpg");} body.contact-us {background-image:url("contact-us.jpg");} body.special-offers {background-image:url("special-offers.jpg");} body.sitemap {background-image:url("sitemap.jpg");} body.terms-and-conditions {background-image:url("terms-and-conditions.jpg");} body.co-lo-services {background-image:url("co-lo-services.jpg");} #menu, #head, #body, #foot {overflow:hidden;} #menu {width:940px;height:35px;margin:auto;} #menu ul {overflow:hidden;width:940px;margin:auto;} #menu li {overflow:hidden;float:left;height:35px;padding:0px 45px 0px 0px;list-style:none;} #menu li a {display:block;padding:8px 10px 6px 10px;font-size:1.40em;} #menu li:hover, #menu li.hover {} #menu li a:hover, #menu li a.hover {} #menu li a:hover, #menu li a.active {text-decoration:underline;color:#FFFFFF;} #menu li a.active {font-weight:bold;} #menu li.first {margin-left:18px;} #menu li ul {display:none;position:absolute;top:1em;left:0;width:auto;background:transparent url('menu-drop.png');padding:5px 0px 0px 0px;z-index:9999;} #menu li > ul {top:auto;left:auto;} #menu li ul li {float:none;min-width:80px;width:200px;height:auto;border-bottom:1px solid #EFEFEF;padding:0px;} #menu li ul li a {display:block;overflow:hidden;padding:3px 14px 4px 8px;font-size:1.20em;color:#333333;} #menu li ul li a span {padding:0px 6px 0px 0px;line-height:12px;font-size:0.80em;font-weight:bold;} #menu li ul li:hover, #menu li ul li.hover {background:none;} #menu li ul li a:hover, #menu li ul li a.hover, #menu li ul li a.active {background-image:url('menu-drop-hover.png');text-decoration:none;color:#EC0B18;} #menu li ul li a.active {background:#FFFFFF;font-weight:normal;} #menumain li:hover ul, #menumain li.hover ul {display:block;} #head {width:940px;margin:auto;} #head .call {float:left;margin:40px 0px 0px 34px;} #head .call img {width:304px;height:76px;} #head .call a span {display:none;} #head .logo {float:right;margin:10px 50px 0px 0px;} #head .logo img {width:180px;height:140px;} #head .logo a span {display:none;} #head .live-help {float:left;width:210px;height:110px;background:transparent url('box-live-help.png') no-repeat 0 0;margin:25px 0px 0px 75px;} #head .live-help a {display:block;height:100px;margin:5px;} #head .live-help a span {display:none;} #body {width:900px;margin:auto;padding:10px 0px;} #body h1, #body h2 {padding:0px 0px 5px 0px;} #body h1 {} #body h2 {padding:5px 10px 5px 0px;} #body p {padding:5px 10px 5px 0px;} #body .main {overflow:hidden;float:right;width:660px;padding:0px 0px 0px 10px;} #body .main ul, #body .main ol {padding:0px 0px 5px 20px;} #body .main li {font-size:1.20em;} #body .main h2 a, #body .main h2 p a {color:#EC0B18;} #body .main h2 a:hover, #body .main h2 p a:hover {text-decoration:underline;} #body .side {overflow:hidden;float:left;width:220px;} #body .side ul.menu li {list-style:none;} #body .side ul.menu li img {width:220px;height:2px;} #body .side ul.menu li span {line-height:0.01em;font-size:0.01em;} #body .side ul.menu li a {display:block;overflow:hidden;padding:5px 0px 0px 0px;font-size:1.20em;font-weight:bold;color:#333333;} #body .side ul.menu li a:hover {color:#EC0B18;} #body .side ul.menu li a strong {float:left;padding:0px 10px 0px 10px;font-size:1.20em;} #body .side ul.menu li a i {float:left;width:150px;padding:0px 10px 0px 0px;} #body .side ul.menu li a.active {color:#EC0B18;} #body .side ul.menu li img.pdf {float:right;width:16px;height:16px;margin-right:15px;} #body .side .box {width:210px;height:250px;background:url('box-210x250.png') no-repeat 0 0;margin:15px auto 0px auto;} #body .box {float:left;width:210px;height:250px;background:url('box-210x250.png') no-repeat 0 0;margin:12px 0px 0px 0px;} #body .box h2 {padding:15px 10px 0px 10px;text-align:center;} #body .box p {padding:10px 10px 0px 10px;text-align:center;} #body .box a {color:#666666;} #body .box a:hover {text-decoration:underline;color:#EC0B18;} #body .box ul {margin:5px 10px;} #body .box li {padding:5px 0px 0px 0px;} #body .box li a {display:block;} #body .box.mid {margin:12px 15px 0px 15px;} #body .box.short {height:110px;background:url('box-210x110.png') no-repeat 0 0;} #body .box.short a {display:block;height:110px;color:#EC0B18;} #body .box.special-offers {background-image:url('box-special-offers.png');} #body .box.special-offers a {display:block;height:100px;margin:5px;} #body .box.special-offers span {display:none;} #body .box.cost-savings h2 {padding:0px;} #body .box.cost-savings a {margin:5px;height:90px;padding:10px 5px 0px 5px;} #body .box.cost-savings span {float:left;padding-top:6px;font-size:0.70em;color:#333333;} #body .box.office-1 {background-image:url('box-office-1.png');} #body .box.office-1 ul {padding:0px 0px 5px 20px;} #body .box.office-2 {background-image:url('box-office-2.png');} #body .box.office-3 {background-image:url('box-office-3.png');} #body .box.partner {width:160px;height:190px;background-image:url('box-160x190.png');margin:5px 2px;} #body .box.partner h2 {padding:5px;} #body .box.partner a {display:block;height:180px;color:#333333;} #body .box.partner a:hover {text-decoration:underline;color:#EC0B18;} #body .box.partner span {display:none;} #body .box.partner.cisco {background-image:url('box-partner-cisco.png');} #body .box.partner.nortel {background-image:url('box-partner-nortel.png');} #body .box.partner.zultys {background-image:url('box-partner-zultys.png');} #body .box.partner.toshiba {background-image:url('box-partner-toshiba.png');} #body .box.product {width:190px;height:210px;background-image:url('box-190x210.png');margin:5px 15px;} #body .box.product h2 {padding:0px;} #body .box.product a {display:block;height:190px;margin:5px;padding:10px 5px 0px 5px;color:#EC0B18;} #body .box.product a span {display:block;padding:20px 0px 0px 0px;font-size:1.00em;color:#333333;} #body .box.product a:hover {text-decoration:underline;color:#EC0B18;} #body .box.product.blue {background-image:url('box-product-blue.png');} #body .box.product.yellow {background-image:url('box-product-yellow.png');} #body .box.product.red {background-image:url('box-product-red.png');} #home {overflow:hidden;padding-top:10px;} #home .main {float:left;padding:0px 0px 0px 5px;} #home .main h1 {padding:5px 0px 5px 5px;} #home .main p {padding:5px 10px 5px 5px;} #home .main .text {overflow:hidden;min-height:235px;} #home .side {float:right;} #home .side .box {margin:8px 0px 0px 0px;} #home .side .box.office-4 {background-image:url("box-office-4.png");margin-top:18px;} #home .side .box.office-4 ul {padding:0px 0px 5px 20px;font-size:1.20em;} #page {overflow:hidden;} #page .main .left {text-align:left;} #page .main .center {text-align:center;} #page .main .right {text-align:right;} #page .main img.left {float:left;margin:5px 10px 5px 0px;} #page .main img.right {float:right;margin:5px 0px 5px 10px;} #page .main table {border:1px solid #999999;margin:5px auto;} #page .main td {border:1px dotted #999999;padding:2px 5px;} #page.contact-us .main {float:left;width:320px;} #page.contact-us .main a {color:#333333;} #page.contact-us .main a:hover {text-decoration:underline;color:#EC0B18;} #page.contact-us .form {overflow:hidden;float:right;width:340px;margin:26px 0px 60px 0px;} #page.contact-us .form h2 {padding:5px 0px 10px 0px;} #page.contact-us .form h2 span {padding:0px 0px 0px 65px;font-size:0.80em;} #page.contact-us .form p {overflow:hidden;padding-right:0px;} #page.contact-us .form p span {float:right;padding:0px 5px 0px 0px;font-weight:bold;color:#EC0B18;} #page.contact-us .form strong {float:left;width:120px;padding:2px 0px 0px 0px;font-weight:normal;} #page.contact-us .form input, #page .form select, #page .form textarea {float:right;border:1px solid #CCCCCC;} #page.contact-us .form input {width:198px;} #page.contact-us .form select {width:200px;} #page.contact-us .form textarea {width:198px;height:140px;} #page.contact-us .form .submit {float:right;width:110px;background:#EC0B18;margin:5px 0px 0px 0px;padding:5px;color:#DFDFDF;} #page.contact-us .form .submit:hover {background:#FA999E;color:#EC0B18;} #page.contact-us .form .required {background:#FFEEDD;border-color:#CC9966;} #page.contact-us .form .error {background:#FFCCCC;border-color:#EC0B18;color:#990000;} #page.contact-us a {overflow:hidden;} #page.contact-us img.nquire {width:104px;height:80px;} #page.contact-us img.ngd {width:184px;height:45px;margin:20px 20px 0px 0px;} #page.contact-us img.nquire, #page.contact-us img.ngd {float:right;} #toshiba {display:block;width:468px;margin:0px auto 25px auto;padding:0px;} #toshiba object, #toshiba embed {width:468px;height:60px; cursor:pointer;} #foot {width:100%;height:35px;background:url('foot.jpg') repeat-x 0 0;} #foot.absolute {position:absolute;top:100%;margin:-35px 0px 0px 0px;} #foot-content {overflow:hidden;width:940px;margin:auto;} #foot-content p {padding:12px 30px 0px 30px;font-size:1.00em;font-weight:bold;color:#FFFFFF;} #foot-content p a {color:#FFFFFF;} #foot-content p a:hover {text-decoration:underline;} #foot-content p.left {float:left;} #foot-content p.right {float:right;}