/* Copyright DR Solutions International Ltd / Author: Andrew MacKie Green. */ /* COMMON ---------------------------------------------------------------------------------------------------------------------------------------- */ /* DEFAULT */ /* STYLES */ .pointer {cursor:pointer !important;} .hide {display:none;} .show {display:block;} .notice {background-color:#FFEDB8;border:1px solid #CC9900;margin:10px 5px;color:#CC9900;} .notice.green {background-color:#CCFFCC;border-color:#006600;color:#009900;} .notice.red {background-color:#FFCCCC;border-color:#990000;color:#BF0000;} #loading {overflow:hidden;position:fixed;left:100%;top:100%;width:150px;height:35px;background:#AAAAAA url("resources/loading.gif") no-repeat center center;border:1px solid #888888;margin:-43px 0px 0px -158px;} #alert {overflow:hidden;position:fixed;top:0px;width:100%;height:40px;background:#CCCCCC;border-bottom:1px solid #333333;} #alert p {padding:8px 0px 10px 0px;font-size:2.00em;text-align:center;color:#333333;} #alert a {} #alert.yellow {background-color:#FFE3BB;border-color:#FF9900;} #alert.yellow p {color:#FF9900;} #alert.red {background-color:#FF7D7D;border-color:#990000;} #alert.red p {color:#990000;} #alert.green {background-color:#B3FFB3;border-color:#009900;} #alert.green p {color:#009900;} .uploadifyQueue {position:fixed !important;left:100% !important;top:100% !important;margin:-66px 0px 0px -378px !important;} .uploadifyQueue div {border-width:1px !important;} .uploadifyQueue span {float:none !important;font-size:1.00em !important;font-style:normal !important;} .uploadifyQueue .cancel {width:auto !important;} .mceEditor, .mceEditor span {margin:0px !important;padding:0px !important;font-size:inherit !important;font-style:inherit !important;} .mceEditor {width:490px !important;} .mceEditor span {float:inherit !important;width:inherit !important;} .mceEditor table, .mceEditor td {border-color:#666666 !important;} .mceEditor .mceToolbarStart span, .mceEditor .mceToolbarEnd span {width:2px !important;} .mceEditor td .mceSeparator {width:2px !important;margin:2px 0px 0px 2px !important;} .mceEditor a span, .mceIcon, .mceText {cursor:pointer !important;} .colourpicker {width:30px !important;height:30px !important;background-color:transparent;background-image:url("/resources/jquery.colorpicker/select3.png") !important;background-repeat:no-repeat !important;background-position:center center !important;border:none !important;margin:0px;padding:0px !important;font-size:0.01em !important;line-height:0.01em !important;cursor:pointer !important;} .overlay {display:none;overflow:hidden;background:#FFFFFF;border:2px solid #CCCCCC;padding:0px 15px 10px 15px;} .overlay h2 {display:block;font-size:1.80em;line-height:40px;color:#005DA9;} .overlay p {display:block;padding:10px 0px;text-align:center;} .overlay img {border:1px solid #CCCCCC;} .overlay .button {background:#40911E;padding:3px 10px;font-size:1.00em;line-height:10px;color:#FFFFFF;text-decoration:none;cursor:pointer;float:right;} .ie7 .overlay {width:940px;} .tooltip {display:none;width:240px;background:#BF0000 url("resources/icon-quote.png") no-repeat 10px 10px;border:1px solid #CCCCCC;padding:10px 15px 10px 30px;font-size:1.20em;text-align:left;color:#FFFFFF;} .tooltip {-moz-box-shadow:0 0 10px #000;} .tooltip {-webkit-box-shadow:0 0 10px #000;} /* SCREEN ---------------------------------------------------------------------------------------------------------------------------------------- */ /* DEFAULT */ * {width:auto;height:auto;background:transparent;margin:0px;padding:0px;} html {height:100%;} body {height:100%;font:normal 62.5% Arial;cursor:default;} h1, h2, p, ul, a {overflow:hidden;} h1, h2 {font-weight:normal;} h1 {font-size:2.5em;color:#004680;} h2 {font-size:1.8em;color:#004680;} p {font-size:1.4em;color:#444444;} li {font-size:1.2em;color:#444444;} a {color:#444444;text-decoration:none;} a:hover, a.active {color:#004680;text-decoration:none;} img {border:0px;} a, select, input.submit, input.checkbox, label {cursor:pointer !important;} /* COMMON */ /* .button {float:right;min-width:60px;width:auto !important;background:#BF0000;border:1px solid #CCCCCC !important;margin:10px 0px 0px 0px;padding:5px 10px;font-size:1.10em;line-height:16px;color:#FFFFFF;text-align:center;cursor:pointer !important;} .button:hover {background:#FFFFFF !important;color:#BF0000 !important;text-decoration:none;} input.button {height:28px;} a.button {padding:5px 10px;} input.checkbox {width:auto !important;} form {overflow:hidden;} form label {float:left;width:160px;line-height:26px;padding-top:2px;} form input, form select, form textarea {float:right;width:230px;background:transparent;border:1px solid #CCCCCC;margin:1px 0px;padding:5px;line-height:16px;} form select {width:242px;padding:4px 5px;} form strong {float:right;padding:5px 5px 0px 0px;font-size:1.50em;color:#CC0000;} form object, form embed {float:right;width:110px !important;height:30px !important;} form label.checkbox {display:block;width:auto;} form label.checkbox input {width:20px !important;border:none;margin:6px 0px 0px 6px;padding:0px;} form label.error {width:240px;margin-left:200px;color:#BF0000;} form input.error, form select.error, form textarea.error {border-color:#BF0000;color:#BF0000;} */ /* STYLES */ #head, #body, #foot {width:900px;margin:auto;} #head {height:155px;} #head p {display:block;height:125px;} #head img {width:184px;height:80px;margin:25px 0px 0px 10px;} #menu {display:block;height:30px;overflow:visible;} #menu ul {height:30px;margin:0px;overflow:visible;position:relative;left:0px;float:right;} #menu li {margin:0px;list-style:none;float:left;} #menu li a {display:block;width:auto;height:30px;padding:0px 16px;line-height:30px;font-size:1.1em;font-weight:bold;} #menu li a:hover, #menu ul li a.active {background:#004680;color:#FFFFFF;} #menu li ul {display:none;height:auto;background:#004680;float:left;position:relative;left:0px;/*opacity:0.8;filter:alpha(opacity=80);*/z-index:100;} #menu li ul li {width:175px;min-height:30px;border-bottom:1px solid #FFFFFF;float:none;z-index:100;} #menu li ul li a {height:auto;padding:5px 5px 5px 10px;font-size:0.80em;line-height:20px;font-weight:normal;text-align:left;color:#FFFFFF;} #menu li ul li a:hover, #menu li ul li a.active {background:#FFFFFF;color:#004680;} .mac.gecko #menu li a {font-size:1.00em;} #body {overflow:hidden;} /* #banner.cycle {display:block;width:898px;height:298px;border:1px solid #CCCCCC;margin-bottom:10px;overflow:hidden;} #banner.cycle img {width:880px;height:280px;margin:10px;float:left;} */ #banner {overflow:hidden;width:880px;height:280px;border:1px solid #CCCCCC;padding:9px;margin-bottom:10px;position:relative;} #banner div.wrapper {overflow:hidden;width:880px;height:280px;} #banner ul {overflow:hidden;width:5400px;height:280px;list-style:none;position:relative;} #banner li {overflow:hidden;float:left;width:890px;height:280px;background:#FFFFFF;padding-right:10px;} #banner li img {float:left;width:880px;height:280px;} #banner a.prev, #banner a.next {display:none;width:33px;height:99px;padding:40px 0px;line-height:0.00em;font-size:0.00em;} #banner a.prev {background:url("images/banner-prev.png") no-repeat left center;padding-right:30px;position:absolute;left:9px;top:50px;} #banner a.next {background:url("images/banner-next.png") no-repeat right center;padding-left:30px;position:absolute;left:826px;top:50px;} #page {overflow:hidden;} #page h1 {display:block;padding:5px 0px;border-bottom:1px solid #CCCCCC;margin-bottom:10px;} #page h2 {display:block;padding:5px 0px;margin:5px 0px;} #page p {display:block;padding:5px 0px;} #page ol, #page ul {margin:10px 0px;} #page li {margin-left:20px;} #page ol li {margin-left:25px;} #default img {padding:10px;border:1px solid #CCCCCC;} #default img.top-lft {margin:0px 10px 10px 0px;float:left;} #default img.top-ctr {display:block;margin:0px auto 10px auto;} #default img.top-rgt {margin:0px 0px 10px 10px;float:right;} #default img.mid-lft {margin:10px 0px;float:left;} #default img.mid-ctr {display:block;margin:10px auto;} #default img.mid-rgt {margin:10px 0px;float:right;} #default img.btm-lft {margin:10px 10px 0px 0px;float:left;} #default img.btm-ctr {display:block;margin:10px auto 0px auto;} #default img.btm-rgt {margin:10px 0px 0px 10px;float:right;} #home {} #home div.blue {background:#004680;padding:10px 20px 15px 20px;margin:5px 0px;} #home div.blue h1, #home div.blue h2, #home div.blue p {color:#FFFFFF;} #home div.blue h1 {border:none;padding:5px 0px 10px 0px;margin:0px;} #home div.news h1 {color:#444444;} #home div.news h2 {} #home div.news h2 span {float:left;} #home div.news h2 small {float:right;} #home div.news a {color:#004680;} #home div.news a:hover {text-decoration:underline;} #home div.box {margin:20px 0px;overflow:hidden;} #home div.box ul {overflow:hidden;} #home div.box li {width:292px;height:240px;border:1px solid #CCCCCC;margin:0px;list-style:none;overflow:hidden;float:left;} #home div.box li h2 {padding:5px 10px 5px 15px;line-height:29px;font-size:1.2em;font-weight:bold;color:#444444;} #home div.box li h2 img {width:30px;height:30px;position:relative;left:-5px;top:0px;float:left;} #home div.box li h2 span {color:#004680;} #home div.box li p {padding:5px 12px 5px 12px;line-height:15px;font-size:0.9em;text-align:justify;} #home div.box li.mid {margin:0px 9px;} #home div.box li.ecodan {} #home div.box li.ecodan p {line-height:30px;font-size:2.0em;font-weight:bold;color:#666666;text-align:center;} #home div.box li.ecodan p img {width:200px;height:60px;margin-top:15px;} .mac.gecko #home div.box li h2 {padding-right:0px;} #portfolio {overflow:hidden;} #portfolio h1 {float:left;} #portfolio h2 {display:block;width:372px;padding:0px;margin:0px;float:left;} #portfolio p {display:block;width:372px;float:left;} #portfolio p.link {display:block;} #portfolio p.link a {display:block;background:url("") no-repeat 0px 0px;float:left;} #portfolio p.link a span {display:none;} #portfolio p.link span.control {margin:auto;overflow:hidden;} #portfolio p.link span.control a {width:15px;height:15px;margin:5px 2px;} #portfolio p.link span.control a:hover {background-position:0px -15px;} #portfolio p.link span.control a.active {background-position:0px -30px;} #portfolio p.link span.control a.first-image {background-image:url("images/portfolio-control-first.gif");} #portfolio p.link span.control a.prev-image {background-image:url("images/portfolio-control-previous.gif");} #portfolio p.link span.control a.next-image {background-image:url("images/portfolio-control-next.gif");} #portfolio p.link span.control a.last-image {background-image:url("images/portfolio-control-last.gif");} #portfolio p.link span.control strong {display:block;width:82px;height:25px;line-height:24px;font-weight:normal;text-align:center;float:left;} .ie #portfolio p.link span.control strong {width:83px;} .ie6 #portfolio p.link span.control strong {width:82px;} #portfolio p.nav {width:378px;position:relative;top:252px;} #portfolio p.nav span {display:block;overflow:hidden;} #portfolio p.nav a {display:block;float:left;} #portfolio p.nav a span {display:none;} #portfolio p.nav a.client-back, #portfolio p.nav a.client-next {height:25px;margin-top:1px;line-height:25px;font-size:0.90em;} #portfolio p.nav a.client-back {width:auto;background:url("images/portfolio-previous.gif") no-repeat top left;padding-left:30px;margin-right:6px;float:left;} #portfolio p.nav a.client-next {width:auto;background:url("images/portfolio-next.gif") no-repeat top right;padding-right:30px;margin-left:6px;float:right;} #portfolio p.nav a.client-back:hover {background-position:left -25px;} #portfolio p.nav a.client-next:hover {background-position:right -25px;} #image {width:500px;height:380px;border:1px solid #CCCCCC;margin:0px 20px 10px 0px;position:relative;float:left;overflow:hidden;z-index:100;} #image img {width:480px;height:360px;margin:10px;float:left;} #image div.items {width:500px;position:absolute;} #info {width:900px;border-top:1px solid #CCCCCC;padding:15px 0px 0px 0px;float:left;} #info p {line-height:18px;} #info div.blue {width:500px;min-height:215px;background:#004680;overflow:hidden;float:left;} #info div.blue h2, #info div.blue p {display:block;width:480px;padding:10px;color:#FFFFFF;} #info div.testimonial {width:400px;min-height:215px;float:right;} #info div.testimonial h2 {padding:10px 10px 0px 20px;font-size:1.60em;font-weight:bold;color:#444444;} #info div.testimonial p {padding:10px 10px 10px 20px;} #contact {overflow:hidden;} #contact h2 {padding:5px 10px;font-size:1.50em;} #contact div.address, #contact div.form {width:440px;} #contact div.address {float:left;} #contact div.form {float:right;} #contact div.form p.notice {border:1px solid #999999;margin:5px 10px;padding:0px 10px 0px 45px;} #contact div.form p.notice.green {background-color:#B3FFB3;border-color:#99CC99;color:#006600;} #contact div.form p.notice.red {background-color:#FF7D7D;border-color:#CC0000;color:#660000;} #contact div.form form div {width:auto;height:auto;overflow:hidden;} #contact div.form form h2 {background-color:#EEEEEE;padding:5px 10px;} #contact div.form form h2 span {float:right;padding-top:1px;font-size:0.80em;} #contact div.form form p {display:block;overflow:hidden;padding:2px 0px;margin-bottom:1px;} #contact div.form form p label {float:left;padding-top:8px;} #contact div.form form p input, #contact div.form form p select, #contact div.form form p textarea {float:right;padding:5px;border:1px solid #CCCCCC;} #contact div.form form p input {width:220px;} #contact div.form form p select {width:232px;} #contact div.form form p textarea {width:428px;margin:5px 0px;} #contact div.form form p input.required, #contact div.form form p select.required, #contact div.form form p textarea.required {} #contact div.form form p input.error, #contact div.form form p select.error, #contact div.form form p textarea.error {background-color:#FF7D7D;border-color:#CC0000;} #contact div.form form p input.form-error, #contact div.form form p select.form-error, #contact div.form form p textarea.form-error {background-color:#FF7D7D;border-color:#CC0000;} #contact div.form form strong {float:right;padding-right:5px;font-size:1.50em;color:#CC0000;} #contact div.form form .button {width:auto;float:right;background:#FFFFFF;border:1px solid #CCCCCC;margin:0px 0px 10px 0px;padding:5px;cursor:pointer;} #contact div.form form .button:hover {background:#004680;border-color:#999999;color:#FFFFFF;} #foot {padding:20px 0px;} #foot p {font-size:1.10em;color:#999999;} #foot img {} #foot span {margin-top:10px;} #foot span a {color:#999999;} #foot span a:hover {color:#004680;} #foot span.left {text-align:left;float:left;} #foot span.right {text-align:right;float:right;}