@charset "utf-8";
body {
	font-size: 76%;
	font-family: Arial, Helvetica, sans-serif;
	background: #7B797A;
	margin: 0; 
	padding: 0;
	text-align: center;
	color: #000000;
}

* html body #mainContent table { font-size: 1.0em;}

div, p, table, th, td, li, .normal {font-size: 1.0em;}

h1, h2, h3, h4, h5, h6, p { margin-top: 0;}

.small { font-size:0.9em}

a, a:link, a:visited {
	color: #FF9000;
	text-decoration: none;
}

a:hover {
	color: #FF9000;
	text-decoration: underline;
}

a.contactus, a.contactus:link, a.contactus:visited {
	color: #999999;
	text-decoration: none;
	font-size: 1.3em;
	font-weight: bold;
	float: right;
	margin: 8px 114px 0 0;	
}

a.contactus:hover {
	color: #FF9000;
	text-decoration: none;
}

#MenuBar li a, #MenuBar li a:link, #MenuBar li a:visited {
	color: #3E3E3E;
	text-decoration: none;
}

#MenuBar ul li a, #MenuBar ul li a:link, #MenuBar ul li a:visited {
	color: #3E3E3E;
	text-decoration: none;
}


h1 { font-size: 2em; color: #000000; font-weight: bold;}
h2 { font-size: 1.4em; color: #000000; font-weight: bold;}
h3, .heading { font-size: 1.3em; color: #FF6600; font-weight: bold;}
h4, .subheading { font-size: 1.2em; color: #FF6600; font-weight: bold;}
h5, .subsubheading { font-size: 1.1em; color: #FF6600; font-weight: bold;}
h6 { font-size: 1.0em; color: #FF6600; font-style: italic;}

img { border: 0;}

img.centred {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.oneColFixCtrHdr #container {
	width: 780px; 
	background: #FFFFFF;
	margin: 20px auto 0 auto;
	border: none;
	text-align: left; 
}

#header {
	background: #7B797A;
	background-image: url(../images/header-bground.gif);
	background-repeat:no-repeat;
	height: 63px;	 
}

.oneColFixCtrHdr #mainContent {
	padding: 0 20px; 
	background: #FFFFFF;
}

#footer { 
	background:#FFFFFF;
}

#footer .content { padding: 0; margin-top: 5px;}


.twoColFixLtHdr #container { 
	width: 780px; 
	background: #FFFFFF;
	margin: 20px auto 0 auto;
	border: none;
	text-align: left; 
} 

.twoColFixLtHdr #sidebar1 {
	float: left;
	width: 210px;
	background: #FFFFFF; 
	padding: 15px 10px 15px 10px;
}

.twoColFixLtHdr #mainContent { 
	margin: 0 0 0 225px; 
	padding: 0 20px; 
}

#menu {
	background: #CACACA;
	margin: 0px 0 10px 0px;
	padding: 10px 0 0 20px;
	width: 260px;
	height: 235px;
}
 


.fltrt { 
	float: right;
	margin-left: 8px;
}

.fltlft { 
	float: left;
	margin-right: 8px;
}

.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

#copyright {
	font-size: 0.8em;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
}

a.copy, a.copy:link, a.copy:visited {
	color: #999999;
	text-decoration: none;
}

a.copy:hover {
	color: #FF9000;
	text-decoration: none;
}

#bar {
	background: #7B797A none;
	width: 780px;
	height: 5px;
	padding: 0;
}


.logo {
	float: left;
	margin: 21px 0 0 170px;
}

.strapline {
	float: left;
	margin: 2px 0 0 170px;
}

table.photos {
	width: 740px;
}

table.photos td {
    padding: 0px;
	width: 182px;	
}

table.photos td.border {
    padding: 0px;
	width: 3px;	
}


table.products {
    border-spacing: 0px;
    border: 0px;
	width: 740px;
}

table.products th {
    padding: 5px 0;
	font-size: 1.1em;
	color: #FF6600;
	width: 182px;
	text-align: left;
}

table.products th.border {
	padding: 0;
	background-color:#FFFFFF;
	width: 3px;
}

table.products td {
    padding: 5px 0;
	vertical-align: top;
	line-height: 20px;
	width: 182px;			
}

table.products td.border {
    padding: 0px;
	width: 3px;	
}

table.products td a, table.products td a:link, table.products td a:visited {
	color: #999999;
	text-decoration: none;
}

table.products td a:hover {
	color: #FF9000;
	text-decoration: none;
}

.button {
	font-size: 1.3em;
	font-weight: bold;
	text-align: center;
}

.top-photo {
	float: right;
	margin: 0;
}

.btnClients {
	width: 120px;
	height: 49px;
	display: block;
	font-size: 10px;
	text-decoration: none;
	background-repeat: no-repeat;
	background-image: url(../images/clients-button.jpg);
	float: left;
	margin: 10px 0 10px 170px;
}

.btnClients:hover {
	background-image: url(../images/clients-button-hover.jpg);
	text-decoration: none;
}

.btnQuote {
	width: 120px;
	height: 49px;
	display: block;
	font-size: 10px;
	text-decoration: none;
	background-repeat: no-repeat;
	background-image: url(../images/quote-button.jpg);
	float: left;
	margin: 10px 0 10px 20px;
}

.btnQuote:hover {
	background-image: url(../images/quote-button-hover.jpg);
	text-decoration: none;
}

.btnContact {
	width: 120px;
	height: 49px;
	display: block;
	font-size: 10px;
	text-decoration: none;
	background-repeat: no-repeat;
	background-image: url(../images/contact-button.jpg);
	float: left;
	margin: 10px 0 10px 20px;
}

.btnContact:hover {
	background-image: url(../images/contact-button-hover.jpg);
	text-decoration: none;
}

#contactform {
	margin-left: 80px;
}

#contactform p {
	margin-top: 10px;
	margin-bottom: 10px;
}


#contactform .label {
	float: left;
	width: 125px;
	margin: 0 10px 0 0;		
	text-align: right;
	font-weight: bold;
	clear: left;
}


#quoteform {
	margin-left: 80px;
}

#quoteform p {
	margin-top: 10px;
	margin-bottom: 10px;
}


#quoteform .label {
	float: left;
	width: 125px;
	margin: 0 10px 0 0;		
	text-align: right;
	font-weight: bold;
	clear: left;
}

input#name, input#position, input#company, input#email, input#telephone, input#time,
input#printer, input#size, input#quantity,
textarea#enquiry, textarea#description, textarea#information {
	width: 300px;
	margin-top: -2px;
}

select#type {
	width: 300px;
	margin-top: -2px;
}

textarea#enquiry {
	width: 300px;
	margin-top: 5px;
}

input#submit {
	margin-left: 262px;
}

.mandatory { 
	color: #FF0000;
	font-weight: bold;	
}

table.labels {
	width: 739px;
    border-spacing: 0px;
    border-collapse: collapse;
	border-color: #CCC
}

table.labels td {
    text-align: left;
    padding: 0.1em 0.5em;
    border: 1px solid #CCCCCC;
}

table.labels td.name {
	width: 90px;
}


table.labels td.description {
	width: 304px;
}

table.labels td.image {
	width: 345px;
}

.fsblogo { 
	float: right;
	margin: 0 20px 5px 0;
}

.email {
	float:left;
	margin: 10px 0 0 212px;
}