/* (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 {height:100%;} body {height:100%;background:#FFFFFF;font:normal 62.5% Arial Unicode MS, Arial, Verdana, Tahoma;color:#000000;cursor:default;} div {} h1 {font-size:1.80em;color:#EC0B18;} h2 {font-size:1.40em;font-weight:normal;color:#EC0B18;} p {font-size:1.40em;color:#333333;} a {color:#666666;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;} .required {background:#FFEEDD;border-color:#CC9966;} .error {background:#FFCCCC;border-color:#FF6666;color:#990000;} .notice {} .notice.green {background:#CCFFCC;border-color:#66FF66;color:#009900;} .notice.red {background:#FFCCCC;border-color:#FF6666;color:#990000;} /* STYLE */ #container, #head, #menu, #banner, #body, #foot {overflow:hidden;} #container, #head, #banner {width:960px;} #menu, #body, #foot {width:950px;} #container {width:960px;margin:0px auto;} #head {height:115px;} #head a {overflow:hidden;} #head img#logo {float:left;width:260px;height:80px;margin:20px 0px 0px 0px;} #head img#call {float:right;width:294px;height:60px;margin:30px 25px 0px 0px;} #menu {height:55px;background:url('spacer.jpg') repeat-x bottom left;padding:0px 5px;} #menu p {float:right;padding:30px 0px 0px 0px;font-size:1.30em;} #menu p a {padding:0px 5px;font-size:0.85em;} #menu ul {float:left;height:55px;margin:0px 0px 0px 5px;list-style:none;} #menu ul li, #menu ul li a {height:40px;} #menu ul li {float:left;} #menu ul li a {display:block;margin:10px 0px 0px 0px;} #menu ul li a span {display:none;} #menu ul li a.active {height:55px;margin:0px;} #menu ul li.home a {width:82px;background:transparent url('menu-home.jpg') no-repeat 0 0;} #menu ul li.home a:hover {background-image:url('menu-hover-home.jpg');} #menu ul li.home a.active, #menu ul li.home a.active:hover {width:87px;background-image:url('menu-active-home.jpg');} #menu ul li.aboutus a {width:106px;background:transparent url('menu-aboutus.jpg') no-repeat 0 0;} #menu ul li.aboutus a:hover {background-image:url('menu-hover-aboutus.jpg');} #menu ul li.aboutus a.active, #menu ul li.aboutus a.active:hover {width:111px;background-image:url('menu-active-aboutus.jpg');} #menu ul li.products a {width:102px;background:transparent url('menu-products.jpg') no-repeat 0 0;} #menu ul li.products a:hover {background-image:url('menu-hover-products.jpg');} #menu ul li.products a.active, #menu ul li.products a.active:hover {width:107px;background-image:url('menu-active-products.jpg');} #menu ul li.testimonials a {width:130px;background-image:url('menu-testimonials.jpg');} #menu ul li.testimonials a:hover {background-image:url('menu-hover-testimonials.jpg');} #menu ul li.testimonials a.active, #menu ul li.testimonials a.active:hover {width:135px;background-image:url('menu-active-testimonials.jpg');} #menu ul li.faqs a {width:75px;background-image:url('menu-faqs.jpg');} #menu ul li.faqs a:hover {background-image:url('menu-hover-faqs.jpg');} #menu ul li.faqs a.active, #menu ul li.faqs a.active:hover {width:80px;background-image:url('menu-active-faqs.jpg');} #menu ul li.vacancies a {width:111px;background:transparent url('menu-vacancies.jpg') no-repeat 0 0;} #menu ul li.vacancies a:hover {background-image:url('menu-hover-vacancies.jpg');} #menu ul li.vacancies a.active, #menu ul li.vacancies a.active:hover {width:116px;background-image:url('menu-active-vacancies.jpg');} #menu ul li.enquiries a {width:106px;background-image:url('menu-enquiries.jpg');} #menu ul li.enquiries a:hover {background-image:url('menu-hover-enquiries.jpg');} #menu ul li.enquiries a.active, #menu ul li.enquiries a.active:hover {width:111px;background-image:url('menu-active-enquiries.jpg');} #menu ul li.contactus a {width:120px;background:transparent url('menu-contactus.jpg') no-repeat 0 0;} #menu ul li.contactus a:hover {background-image:url('menu-hover-contactus.jpg');} #menu ul li.contactus a.active, #menu ul li.contactus a.active:hover {width:126px;background-image:url('menu-active-contactus.jpg');} #banner {height:200px;border:1px solid #CCCCCC;} #banner img {width:958px;height:198px;} #body {padding:10px 0px;} #page {overflow:hidden;float:left;width:680px;margin:0px 0px 0px 10px;} #page h1 {display:block;background:url('page-title.jpg') repeat-x bottom left;margin:0px 0px 5px 0px;padding:0px 0px 5px 0px;} #page h2 {padding:5px 0px;} #page p {padding:5px 0px;} #page ul {margin:0px 0px 5px 10px;} #page ul li {list-style:square inside;font-size:1.20em;color:#333333;} #page hr {background:#CCCCCC;margin:5px 0px;} #page.full {width:940px;} #page #box {overflow:hidden;margin:10px 0px 5px 0px;} #page #box div {float:left;width:218px;height:178px;background:url('box.jpg') no-repeat bottom center;border:1px solid #DFDFDF;} #page #box img {width:218px;height:178px;} #page #box .mid {margin:0px 10px;} #page .form {overflow:hidden;width:680px;} #page .form h2 {padding:5px 0px 10px 0px;} #page .form h2 span {padding:0px 0px 0px 383px;font-size:0.80em;} #page .form p {overflow:hidden;} #page .form p span {float:right;padding:0px 5px 0px 0px;font-weight:bold;color:#EC0B18;} #page .form strong {float:left;width:200px;padding:2px 0px 0px 0px;font-weight:normal;} #page .form input, #page .form select, #page .form textarea {float:right;border:1px solid #CCCCCC;} #page .form input {width:448px;} #page .form label {float:left;width:100px;margin:0px 0px 0px 115px;padding:2px 0px 0px 0px;} #page .form label input {float:left;width:auto;border:none;} #page .form select {width:450px;} #page .form textarea {width:448px;height:140px;} #page .form .submit {float:right;width:110px;background:#EC0B18;margin:10px 0px 0px 0px;padding:5px;color:#DFDFDF;} #page .form .submit:hover {background:#F75E66;color:#FFFFFF;} #page .form .required {background:#FFEEDD;border-color:#CC9966;} #page .form .error {background:#FFCCCC;border-color:#FF6666;color:#990000;} /* #page .notice {margin:px;padding:5px;}*/ #page.product {float:right;} #page.product table {width:100%;border:1px solid #CCCCCC;margin:5px 0px;} #page.product tr {border:0px solid #CCCCCC;} #page.product td {border:1px dashed #CCCCCC;padding:5px;} #page.product td h2 {} #page.product td p {font-size:1.20em;} #page.enquiries .form h2 span {padding-left:394px;} #page.enquiries .form textarea {height:80px;} #page.vacancies {float:right;} #page.sitemap li {color:#CC0000;padding:2px 0px;} #page.sitemap li.sub {margin-left:15px;} #sidebar {overflow:hidden;float:right;width:238px;height:452px;background:url('sidebar.jpg') no-repeat bottom center;border:1px solid #DFDFDF;} #sidebar img {width:238px;height:452px;} #sidebar.menu {float:left;background:none;margin:0px 0px 0px 10px;border:none;} #sidebar.menu ul {} #sidebar.menu ul li {list-style:none;font-size:1.40em;} #sidebar.menu ul li a {display:block;padding:10px 0px 10px 20px;border-bottom:1px dashed #CCCCCC;} #sidebar.menu ul li a:hover {background:#EFEFEF;} #sidebar.menu img.adobe {float:left;width:16px;height:16px;margin:0px 6px 0px 0px;} #info {display:block;padding:5px 0px 5px 0px;border-top:1px solid #CCCCCC;font-size:1.00em;text-align:center;} #foot {overflow:hidden;background:url('spacer.jpg') repeat-x top left;padding:10px 5px;} #foot p {font-size:1.20em;} #foot p.left {float:left;} #foot p.left a {padding:0px 5px;font-size:0.90em;} #foot p.right {float:right;padding:0px 5px;font-size:1.00em;text-align:right;} #foot p.right a {font-size:1.10em;} #foot p.right span {padding:0px 5px;}