﻿body {	margin: 0 auto;	padding: 0;	border: 0;	text-align: center;	font-family: Tahoma, Helvetica, "sans serif";	font-size: 75%;	background-color: #19732d;	background-image: url('images/bg.jpg');	background-position: top left;	background-repeat: repeat-x;}h1, h2, h3, h4, h5 {	margin: 0;	padding: 0;	font-family: Georgia, Times New Roman, "serif";	font-weight: normal;}p {	margin: 0;	margin-bottom: 1.5em;	padding: 0;	line-height: 1.6em;}blockquote {	padding: 1em;	line-height: 1.6em;	background-color: #ffe;	border-top: 1px solid #f0f000;	border-left: 1px solid #f0f000;	border-right: 2px solid #cc0;	border-bottom: 2px solid #cc0;}ul li, ol li {	line-height: 1.6em;}form {	margin: 0;	padding: 0;}address {	font-style: normal;	line-height: 1.6em;}span.clear {	display: block;	clear: both;}div.clear {	clear: both;}.alignleft {	float: left;	margin: 0.5em 1em 0 1em;	padding: 0.25em;	background-color: white;	border: 1px solid #ccc;}.alignright {	float: right;	margin: 0.5em 0 1em 1em;	padding: 0.25em;	background-color: white;	border: 1px solid #ccc;}#container {	width: 968px;	margin: 0 auto;	position: relative;	text-align: left;}#identity {	position: absolute;	top: 4em;	left: 0;	background: red;}#identity h1 {	width: 210px;	text-indent: -999em;	background-image: url('images/colourman-logo.gif');	background-position: top left;	background-repeat: no-repeat;}#identity h1 a {	width: 210px;	height: 84px;	display: block;}#main-nav {	float: right;	margin: 9em 0 0;	background-color: #167ab5;	background-image: url('images/main-nav-off.gif');	background-position: top left;	background-repeat: repeat-x;}#main-nav ul {	margin: 0;	padding: 0;	list-style: none;}#main-nav ul li {	float: left;	font-weight: bold;}#main-nav ul li a {	display: block;	color: white;	text-decoration: none;}#main-nav ul li span {	display: block;	padding-top: 10px;	padding-right: 20px;	padding-bottom: 10px;	padding-left: 20px;	border-left: 1px solid #0688c4;	border-right: 1px solid #036;}#main-nav ul li.first span {	background-image: url('images/main-nav-first.gif');	background-position: top left;	background-repeat: no-repeat;	border-left: none;}#main-nav ul li.last span {	background-image: url('images/main-nav-last.gif');	background-position: top right;	background-repeat: no-repeat;	border-right: none;}#main-nav ul li.selected span,#main-nav ul li a:hover span {	color: white;	background-color: #3c5991;}#sub-nav {	float: left;	width: 230px;	padding-bottom: 1em;	background-color: #0688c4;	background-image: url('images/subnav-bottom.gif');	background-position: bottom left;	background-repeat: no-repeat;}#sub-nav h2 {	padding: 12px 16px;	color: white;	font-size: 2em;	background-color: #3c5991;}#sub-nav h2 a,#sub-nav h2 a:visited {	color: white;	text-decoration: none;}#sub-nav h2 a:hover {	color: #ffc;}#sub-nav p ,#sub-nav address {	padding-left: 20px;	color: white;}#sub-nav ul {	margin: 0;	padding: 0;	list-style: none;}#sub-nav ul li {	line-height: 2.5em;	color: white;	border-bottom: 1px solid #ccc;}#sub-nav ul li#offers {	font-size: 1.2em;	text-transform: uppercase;	background-color: #c09;	background-image: url('images/offer-bg.gif');	background-position: bottom left;	background-repeat: repeat-x;}#sub-nav ul li#offers span {	display: block;	background-image: url('images/offer-off.gif');	background-position: 8px center;	background-repeat: no-repeat;}#sub-nav ul li a,#sub-nav ul li ul li a {	color: white;	display: block;	text-decoration: none;}#sub-nav ul li.selected span,#sub-nav ul li a:hover span,#sub-nav ul li.selected ul li a:hover span, #sub-nav ul li.selected ul li.selected span{	display: block;	font-weight: bold;	background-color: #369;	background-image: url('images/subnav-on.gif');	background-position: 8px center;	background-repeat: no-repeat;}#sub-nav ul li#offers.selected span,#sub-nav ul li#offers a:hover span {	font-weight: bold;	background-color: transparent;	background-image: url('images/subnav-on.gif');	background-position: 8px center;	background-repeat: no-repeat;}#sub-nav ul li span,#sub-nav ul li ul li span,#sub-nav ul li.selected ul li span {	display: block;	padding-left: 2em;	background-color: #0688c4;	background-image: url('images/subnav-off.gif');	background-position: 8px center;	background-repeat: no-repeat;}#sub-nav ul li ul {	padding-left: 2em;	background-color: #369;}#sub-nav ul li ul li {	border: none;	border-bottom: 1px solid #49acb9;}#content-nav {	margin-bottom: 1.5em;	border-bottom: 1px solid #ccc;}#content-nav ul {	margin: 0;	padding: 0.5em 0;	list-style: none;}#content-nav ul li {	display: inline;	padding: 0 1em;	border-right: 1px solid #ccc;}#content-nav ul li.first {	padding-left: 0;	padding-right: 0.5em;}#content-nav ul li.selected span {	color: #c33;	font-weight: bold;}#login-panel {	position: relative;	top: 0;	left: 0;	right: 0;	padding: 0.5em 0.2em;	background-color: #eee;	border-bottom: 1px solid #ccc;}#login-panel p {	float: left;	margin: 0;	margin-left: 1em;	padding: 0.25em 0;}#login-panel form {	float: left;	margin-left: 21.5em; /* IE = margin-left: 22em; */	padding-right: 1em;	border-right: 2px solid black;}#login-panel fieldset {	margin: 0;	padding: 0;	border: 0;}#login-panel fieldset legend {	display: none;}#login-panel fieldset label {	font-weight: bold;}#login-panel input.text {	padding: 0.2em;	background-color: White;	border: 1px solid #ccc;}#login-panel input:focus.text {	background-color: #ffa;	border: 1px solid black;}#member-panel ul {	margin: 0;	padding: 0;	list-style: none;}#member-panel ul {	float: right;	margin: 0;	padding: 0;	list-style: none;}#member-panel ul li {	float: left;	padding-left: 5px;	font-size: 0.9em;	background-color: #f5f5f5;	border-left: 1px solid #e6e6e6;	border-bottom: 1px solid #e6e6e6;}#member-panel ul li.last {	border-right: 1px solid #e6e6e6;}#member-panel ul li span {	display: block;	padding: 0.4em 0.8em;}#member-panel #pn-account span { background-image: url('images/icon-user.gif'); }#member-panel #pn-website span { background-image: url('images/icon-colour.gif'); }#member-panel #pn-logout span { background-image: url('images/icon-door.gif'); }#member-panel ul li span {	padding-left: 22px;	background-position: center left;	background-repeat: no-repeat;}#signin-button {	position: absolute;	top: 3.1em;	right: 0;	width: 50px;	padding: 0.5em 0 0.5em 1em;	background-color: #ddd;	background-image: url('images/signin-button.gif');	background-position: top left;	background-repeat: repeat-x;	border-right: 1px solid #ccc;	border-bottom: 1px solid #ccc;}#signin-button a {	display: block;	color: black;	font-weight: bold;	text-decoration: none;}#register-button {	position: absolute;	top: 0;	right: 70px;	width: 90px;	padding: 0.5em 0 0.5em 1em;	background-color: #088ac4;	background-image: url('images/register-button.gif');	background-position: top left;	background-repeat: repeat-x;	border-right: 1px solid #09c;	border-bottom: 1px solid #09c;}#register-button a {	display: block;	color: white;	font-weight: bold;	text-decoration: none;}#content {	clear: both;	border-top: 4px solid #0688c4;}#content-panel {	float: left;	width: 968px;	background: white;}#introduction {	background-image: url('images/banner.jpg');	background-position: top left;	background-repeat: no-repeat;}#introduction-panel {	float: right;	width: 288px;	height: 280px;	padding: 20px 20px 0 10px;	background-color: white;	background-image: url('images/intro-bg.gif');	background-position: bottom left;	background-repeat: repeat-x;}#introduction-panel h2 {	margin-bottom: 0.5em;	padding-bottom: 0.5em;	font-size: 2em;	line-height: 1.4em;	border-bottom: 1px dotted black;}#promotion-banner {	float: left;	width: 650px;	height: 300px;	background: white;	background-image: url('images/banner-shadow.jpg');	background-position: top right;	background-repeat: repeat-y;}#banner-list {    width:   636px;    height:  300px;    padding: 0;    margin:  0;}#banner-list a img {    border:  0;    width:  636px;    height: 300px;    top:  0;    left: 0;} #banner-nav {	float: left;	position: relative;	margin-top: -2.6em;	z-index: 30;}#banner-nav a {	color: #666;	display: block;	float: left;	margin: 0 0.5em;	padding: 0.4em 0.8em;	border: 1px solid #666;	background-color: #ccc;	text-decoration: none;}#banner-nav a.activeSlide {	color: black;	border: 1px solid black;	background-color: #B5F6FF;}#looking-for {	clear: both;	float: left;	width: 968px;	height: 388px;	margin-top: 2em;	background-image: url('images/goes-green-banner.jpg');	background-position: top left;	background-repeat: no-repeat;}#looking-for h3 {	margin-top: 0.25em;	width: 230px;	padding: 0.25em 1em 0em;	font-size: 1.8em;}#looking-for ul {	width: 280px;	margin: 0;	padding-left: 3.5em;}#looking-for li#graphic-designers {	width: 120px;	top: 8.6em;	left: 14.1em;}#looking-for li#commercial-printers {	width: 130px;	top: 0.6em;	left: 36.5em;}#looking-for li#printing-agents {	width: 140px;	top: 10.2em;	left: 47.1em;}#registration-steps {	float: left;	width: 928px;	padding: 10px 20px 20px 20px;	background-color: white;	border-top: 1px solid #eee;}#registration-steps h4 {	margin-bottom: 0.5em;	padding-bottom: 0.25em;	font-size: 1.8em;	border-bottom: 1px dotted black;}#registration-steps ol {	margin: 0;	padding: 0;	list-style: none;}#registration-steps ol li {	float: left;	padding: 0 20px 0 34px;	width: 178px;}#registration-steps li#step-one {	background-image: url('images/step-1.gif');	background-position: top left;	background-repeat: no-repeat;}#registration-steps li#step-two {	background-image: url('images/step-2.gif');	background-position: top left;	background-repeat: no-repeat;}#registration-steps li#step-three {	background-image: url('images/step-3.gif');	background-position: top left;	background-repeat: no-repeat;}#register-now-panel {	float: left;	width: 190px;	padding: 0 20px;	background: #f5f5f5;	border-left: 2px solid #eee;}#register-now-panel h5 {	margin: 0;	margin-top: 10px;	padding: 0;	font-family: Georgia, Times New Roman, "serif";	font-size: 1.4em;	color: #c30;	line-height: 1.4em;}#register-now-panel a {	color: white;	text-decoration: none;}#register-now-panel p {	margin-top: 2em;	padding-bottom: 0.5em;}#register-now-panel .register-button {	padding: 0.5em;	font-family: Georgia, Times New Roman, "serif";	font-size: 1.4em;	font-weight: bold;	background-color: #088ac4;	background-image: url('images/register-button.gif');	background-position: top left;	background-repeat: repeat-x;	border-right: 2px solid #09c;	border-bottom: 2px solid #09c;}#announcements {	float: left;	width: 30%;	padding: 0 1em;}#announcements h3 {	font-size: 2em;	margin-bottom: 0.2em;	padding-bottom: 0.2em;	border-bottom: 1px dotted black;}#announcements .news-panel {	margin-bottom: 1em;	border-bottom: 1px solid #ccc;}#announcements .news-panel h4 {	color: #ff0099;	font-size: 1.6em;}#announcements .news-panel small {	color: #666;}#our-clients {	float: left;	width: 30%;	padding: 0 1em;	background-color: #eee;}#our-clients h3 {	font-size: 2em;	margin-bottom: 0.2em;	padding-bottom: 0.2em;	border-bottom: 1px dotted black;}#our-clients .portfolio-panel {	margin-bottom: 1em;	border-bottom: 1px solid #ccc;}#our-clients .portfolio-panel h4 {	color: #ff0099;	font-size: 1.6em;}#our-clients .portfolio-panel .image {	text-align: center;	padding: 0.4em 0;}#content-snippet {	float: left;	width: 30%;	padding: 0 1em;}#content-snippet h3 {	font-size: 2em;	margin-bottom: 0.2em;	padding-bottom: 0.2em;	border-bottom: 1px dotted black;}#content-snippet h4 {	color: #ff0099;	font-size: 1.6em;}#content-area {	float: right;	width: 690px;	margin: 20px 20px 20px;}#content-area-wide {	float: left;	width: 940px;	padding: 1em;}#content-area h3,#content-area-wide h3 {	margin-bottom: 0.6em;	padding-bottom: 0.15em;	font-size: 2em;	font-weight: normal;	border-bottom: 1px dotted black;}#content-area h4,#content-area-wide h4 {	margin-bottom: 0.25em;	font-size: 1.4em;	color: #c33;	text-transform: capitalize;}#content-area h5,#content-area-wide h5 {	margin-bottom: 0.5em;	font-size: 1em;}#content-area table {	margin-bottom: 1em;	border-collapse: collapse;	border-top: 2px solid #000;}#content-area table p {	margin: 0;	margin-bottom: 0.5em;	padding: 0;}#content-area table ul {	margin: 0;	margin-left: 1.25em;	padding: 0;}#content-area table tr.alt {	background-color: #ffe;}#content-area table th,#content-area table td {	line-height: 1.6em;	vertical-align: top;	padding: 0.5em 1em;	border-top: 1px solid #000;	border-bottom: 1px solid #000;	border-left: 1px solid #ccc;	border-right: 1px solid #ccc;}#content-area table.product-specifications {	width: 100%;}#content-area table.product-specifications th {	width: 150px;	background-image: url('images/table-header-bg.jpg');	background-position: top right;	background-repeat: no-repeat;	background-color: #fff;}#content-area table.product-specifications th.lightyellow {	width: 75%;	background-color: #ffe;	background-image: none;}#content-area table p.savings {	margin-bottom: 0.5em;	font-size: 1.4em;	color: #c09;	border-bottom: 1px dotted #ccc;}#content-area table.results .date,#content-area table.results .filesize {	white-space: nowrap;}#content-area table.results td.reference { width: 100%; }#content-area table.results td.debit { color: red; font-weight: bold;}#content-area table.results td.credit { color: green; font-weight: bold;}#content-area-panel {	float: left;	width: 470px;}#content-area .side-panel {	float: right;	margin: 0.5em 0;	width: 160px;	padding: 20px;	background-color: #f5f5f5;	background-image: url('images/side-panel-bg.gif');	background-position: top left;	background-repeat: repeat-x;	border: 2px solid #eee;}#content-area .side-panel h4 {	margin-bottom: 0.5em;	padding-bottom: 0.5em;	color: #c09;	font-size: 1.6em;	line-height: 1.3em;	text-transform: none;	border-bottom: 1px dotted #000;}#content-area a.register-button {	padding: 0.5em 1em;	color: white;	font-size: 1.2em;	font-family: Georgia, Times New Roman, "sans serif";	font-weight: bold;	text-decoration: none;	background-color: #088ac4;	background-image: url('images/register-button.gif');	background-position: top left;	background-repeat: repeat-x;	border-right: 1px solid #09c;	border-bottom: 1px solid #09c;}#content-area .balance-high,#content-area .balance-high h4 span {	color: #00cc00;}#content-area .balance-low,#content-area .balance-low h4 span {	color: #cc0000;}#content-area .balance-high h4 span.available,#content-area .balance-low h4 span.avaiable {	color: #ff9900;}.download-panel {	padding-left: 0;	margin-bottom: 1em;	background-color: #ffe;	border: 1px solid #eee;}.download-panel img {	padding: 1em;}.download-details  {	float: right;	width: 490px;	margin-left: -150px; /* this controls the spacing required for the image */	margin-right: 20px;	margin-top: 1em;}.download-details h5 {	font-size: 1.2em;	font-family: Tahoma, Helvetica, "serif";	font-weight: bold;}.download-details p {	margin-bottom: 1em;	padding-bottom: 0.5em;	border-bottom: 1px solid #ccc;}.download-details a {		display: block;	width: 140px;	margin-bottom: 1em;	padding: 1em 0 1em 1em;	color: white;	font-family: Georgia, Times New Roman, "sans serif";	font-weight: bold;	text-decoration: none;	background-color: #088ac4;	background-image: url('images/register-button.gif');	background-position: top left;	background-repeat: repeat-x;	border-right: 1px solid #09c;	border-bottom: 1px solid #09c;}#product-description {	float: left;	padding-bottom: 1em;	margin-bottom: 1em;	border-bottom: 1px solid #ccc;	clear: both;}#product-description img {	float: left;	padding: 0.6em;	margin: 0.6em;	margin-top: 0;	margin-left: 0;	border: 1px solid #ccc;}.critical {	padding: 0.6em;	color: #cc0000;	background-color: #ffeeee;	border: 1px solid #cc0000;	margin: 1em 0;}.success {	padding: 0.6em;	color: #339933;	background-color: #eeffee;	border: 1px solid #99cc99;	margin: 1em 0;}.success p,.critical p {	margin: 0;	padding: 0;	padding-left: 24px;}.success p {	background-image: url('images/icon-green-mark.gif');	background-repeat: no-repeat;}.critical p {	background-image: url('images/icon-red-mark.gif');	background-repeat: no-repeat;}fieldset {	border: none;	border-top: 2px solid #c33;	margin-bottom: 1em;	padding-top: 0.6em;	clear: both;}fieldset legend {	color: #c33;	font-weight: bold;	padding: 0 .6em;	font-size: 1.2em;}fieldset .form-row {	display: block;	float: left;	clear: both;	margin-bottom: 0.5em;	width: 100%;}fieldset .form-row label {	display: block;	float: left;	width: 12em;	padding: 0.2em 0;	font-weight: bold;}fieldset .form-row input.text,fieldset .form-row textarea, fieldset .form-row select {	border: 1px solid #ccc;	background-color: white;}fieldset .form-row input:focus,fieldset .form-row textarea:focus, fieldset .form-row select:focus {	border: 1px solid black;	background-color: #FFFFCC;}fieldset .form-row input.text, fieldset .form-row textarea {	width: 20em;	padding: 0.2em;}fieldset .form-row input.text.short {	width: 2em;}fieldset .form-row input.text.medium {	width: 6em;}fieldset .form-row .website {	float: left;	display: block;	margin-top: 0.2em;}fieldset .industry-select {	float: left;}fieldset .industry-select select {	margin-bottom: 0.4em;}fieldset .products td {	padding: 0.6em 0;	border-bottom: 1px solid #ccc;}fieldset .products td img {	margin: 0 1em;	padding: 0.2em;	background-color: white;	border: 1px solid #ccc;}fieldset .products td.alternate {	background-color: #eee;}fieldset label.templates {	float: left;	width: 205px;	margin: 0 5px;	padding: 5px;	text-align: center;	border: 1px solid #ccc;}fieldset label.templates img {	width: 200px;	height: 180px;}fieldset label.templates span {	display: block;}fieldset #terms_agreed_row input {	float: left;	clear: none;	}fieldset #terms_agreed_row label {	float: left;	width: 24em;	clear: right;}.product-panel {	float: left;	margin: 0 0.5em;	margin-bottom: 1em;	background-color: #0688c4;	border: 2px solid #369;}.product-panel a {	display: block;	padding: 0.6em;}.product-panel a img {	display: block;	padding: 0.6em;	width: 240px;	height: 180px;	border: 0;}.product-panel .title a {	display: block;	text-align: center;	border-top: #369;	background-color: #369;	color: white;}.product-panel .title a:hover {	color: #ffc;}#contact-us .required {	color: red;}#footer {	clear: both;	height: 20px;	padding-top: 10px;	padding-left: 1em;	padding-right: 1em;	color: white;	font-size: 0.8em;	text-transform: uppercase;}#footer a {	color: #6f0;	font-weight: normal;}#footer hr {	display: none;}#sitemap-copyright {	float: left;}#simpleet {	float: right;	text-align: right;}#simpleet a {	color: #000;	text-decoration: none;}#office-information {	float: left;	width: 340px;}#office-contacts {	float: right;	width: 340px;}.contact-option {	clear: both;	padding: 2em 0;}.contact-image {	float: left;	margin-right: 1em;}.contact-details {	float: left;}/*** Home styles*/#home-products-list {	margin-top: 1em;	background-color: #eee;	background-image: url('images/product-home-panel-bg.gif');	background-repeat: repeat-x;	background-position: bottom left;}#home-products-list h3 {	font-size: 1.8em;	padding: 0.4em 0;	text-align: center;}#product_list {	position: relative; /* important */	overflow: hidden; /* important */	width: 928px; /* important */	height: 150px; /* important */	margin: 0 20px;	background: white;}#latest-updates {	background-color: white;	border-top: 1px solid #ccc;	padding: 1em;}#content-area-panel .portfolio-panel {	float: left;	padding-bottom: 1em;	margin-bottom: 1em;	border-bottom: 1px solid #999;	clear: both;}#content-area-panel .portfolio-panel .header {	float: left;	clear: both;}#content-area-panel .portfolio-panel .content {	float: left;	width: 690px;}#content-area-panel .portfolio-panel .content .image {	float: left;	width: 150px;	padding: 0 1em;}#content-area-panel .portfolio-panel .content .image img {	float: left;	padding: 1em;	border: 1px solid #ccc;}#content-area-panel .portfolio-panel .content .summary {	float: left;	width: 400px;	margin-left: 2em;}#content-area-panel .portfolio-images {	float: left;	width: 690px;}#content-area-panel .portfolio-images .image {	float: left;	margin: 0.5em;}#content-area-panel .portfolio-images .image a {	float: left;	display: block;	width: 150px;	height: 138px;	padding: 1em;	border: 1px solid white;	text-align: center;}#content-area-panel .portfolio-images .image a img {	border: 1px solid #ccc;}#content-area-panel .portfolio-images .image a:hover {	background-color: #ffc;	border: 1px solid #ccc;}