/* 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;line-height:40px;color:#BF0000;} #overlay p {display:block;padding:10px 0px;} #overlay img {border:1px solid #CCCCCC;} #overlay .button {font-size:1.30em;} .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, Verdana, Tahoma;color:#666666;cursor:default;} h1, h2, p, ul, a {overflow:hidden;} h1, h2 {font-weight:normal;color:#333333;} h1 {font-size:2.00em;} h2 {font-size:1.50em;} p {font-size:1.20em;} li {list-style:none;font-size:1.20em;} a {color:#0066CC;text-decoration:none;} a:hover, a.active {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 */ body {padding:20px 0px 0px 0px;} #menu, #crumb {display:block;overflow:hidden;} #head, #body {width:920px;margin:auto;} #head {height:78px;padding:20px 0px 10px 0px;overflow:hidden;} #head a {float:left;} #head span {float:right;font-size:1.90em;font-family:Centaur;} #head span i {display:block;float:right;width:230px;padding-left:15px;font-style:normal;} #head span a {display:block;float:right;width:230px;padding-left:15px;color:#666666;} #body {overflow:hidden;padding:15px 0px 30px 0px;} #banner {overflow:hidden;position:relative;width:898px;height:198px;border:1px solid #CCCCCC;margin-bottom:10px;padding:10px;} #banner img {float:left;width:898px;height:198px;left:10px !important;top:10px !important;} #banner .items {overflow:hidden;position:absolute;width:2760px;} #crumb {color:#666666;padding:5px 0px 15px 0px;font-size:0.90em;} #crumb li {float:left;width:auto;padding-right:8px;font-weight:bold;color:#333333;} #crumb a {color:#666666;font-weight:normal;} #crumb strong {font-weight:normal;} #crumb a:hover, #crumb strong {color:#333333;} #menu {overflow:hidden;width:210px;border:1px solid #CCCCCC;border-bottom:0px;float:left;} #menu li {display:block;} #menu a {display:block;border-bottom:1px solid #CCCCCC;padding:0px 10px;line-height:30px;color:#666666;} #menu a:hover {background:#8FC7FF;color:#FFFFFF;} #menu a.active {background:#0066CC;color:#FFFFFF;} #menu a.sub {background:#E9E9E9;} #menu a.sub:hover {background:#8FC7FF;} #menu a.sub.active {background:#0066CC;} #page {width:690px;float:right;} #page h1 {display:block;border-bottom:1px solid #CCCCCC;margin-bottom:15px;padding-bottom:10px;line-height:25px;font-size:2.20em;color:#0066CC;} #page p {padding-bottom:15px;line-height:20px;font-size:1.50em;text-align:justify;} #page div.product {overflow:hidden;float:left;position:relative;width:228px;height:180px;border:1px solid #999999;} #page div.product img {width:228px;height:180px;} #page div.product strong, .product span {display:block;position:absolute;width:208px;height:40px;background:#FFFFFF;} /* #page div.product strong, .product span {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";}*/ /* #page div.product strong, .product span {filter:alpha(opacity=70);}*/ /* #page div.product strong, .product span {-moz-opacity:0.70;}*/ /* #page div.product strong, .product span {-khtml-opacity:0.70;}*/ /* #page div.product strong, .product span {opacity:0.70;}*/ #page div.product strong {top:-50px;padding:5px 10px;font-size:1.60em;color:#7BA86F;} #page div.product span {left:0px;bottom:-50px;padding:5px 10px;line-height:14px;text-align:justify;color:#666666;} #page div.product.top {margin-top:10px;} #page div.product.mid {margin-left:5px;margin-right:5px;} #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;} #default a.more {display:block;margin-bottom:10px;text-align:right;float:none !important;} #product {overflow:hidden;border-right:1px solid #999999;padding:0px 5px 0px 0px;} #product li {overflow:hidden;border-bottom:1px solid #999999;padding:10px 5px;} #product p {font-size:1.10em;padding:0px;} #product strong {display:block;padding-bottom:5px;line-height:25px;font-size:1.20em;font-weight:normal;color:#333333;} #product img {float:right;margin:0px 0px 5px 10px;} #foot {overflow:hidden;width:920px;border-top:1px solid #CCCCCC;margin:auto;padding:5px 0px;text-align:center;} #foot p {line-height:20px;font-size:1.20em;} #foot a {font-weight:bold;} #page .contact {} #page .contact h2, #page .contact p {padding:5px 10px;} #page .contact p {margin-bottom:10px;} #page .contact div.address {/*float:left;*/width:700px;min-height:250px;} #page .contact div.form {/*float:right;*/width:700px;} #page .contact div.form p.notice {border:1px solid #999999;margin:5px 10px;padding:10px 10px;} #page .contact div.form p.notice.green {background-color:#66CC66;border-color:#006600;color:#006600;} #page .contact div.form p.notice.red {background-color:#FF9999;border-color:#990000;color:#990000;} #page .contact div.form form div {width:auto;height:auto;overflow:hidden;} #page .contact div.form form h2 {background-color:#EEEEEE;padding:5px 10px;} #page .contact div.form form h2 span {float:right;padding-top:1px;font-size:0.80em;} #page .contact div.form form p {display:block;overflow:hidden;padding:2px 10px;margin-bottom:1px;} #page .contact div.form form p label {float:left;padding-top:4px;} #page .contact div.form form p input, #page .contact div.form form p select, #page .contact div.form form p textarea {float:right;padding:5px;border:1px solid #CCCCCC;} #page .contact div.form form p input {width:420px;} #page .contact div.form form p select {width:432px;} #page .contact div.form form p textarea {width:668px;margin:5px 0px;} #page .contact div.form form p input.required, #page .contact div.form form p select.required, #page .contact div.form form p textarea.required {} #page .contact div.form form p input.error, #page .contact div.form form p select.error, #page .contact div.form form p textarea.error {background-color:#FF9999;border-color:#990000;} #page .contact div.form form strong {float:right;padding:6px 5px 0px 0px;font-size:1.50em;color:#CC0000;} #page .contact div.form form .button {float:right;width:auto;padding:5px;cursor:pointer;} #page .contact div.form form .button:hover {background-color:#0265CB;color:#FFFFFF;} div#googleMap {float:right;width:350px;height:240px;border:1px solid #CCCCCC;margin:5px 5px 0px 0px;}