body {
	background-color:#bcad97;
	padding:0;
	margin:0;
	text-align:left;
}

body, th, td, h1, h2, #content-left, #static {
	font-family: Arial, Helvetica, sans-serif;
}

h1{
color:#000;
font-size:20px;
font-weight:normal;
padding:0 0 15px 0;
margin:0;}

h2{
font-size:16px;
font-weight:bold;
padding:0;
margin:0;
color:#684d3f;}


/* header and subheader */
#header, #subheader{
	width:100%;
}
#subheader { 
	margin-top:8px;
	padding:0;
	}
#header {
	background:#547087 url(../img/layout4_flat_sliced_07.png) repeat-y top left;
	padding:0;
}
#holder{
	width:770px;
	padding:10px 0;
	background-color:#fff;
	margin:10px auto 0 auto;
}
#page{
	width:750px;	
	padding:0;
	margin:0 10px;
}
ul#nav{
	width:100%;
	background-color:#00a;
}
#footer{
	width:750px;
	padding:0;
	margin:10px 10px 0 10px;
	background: url(../img/layout4_flat_sliced_35.png) repeat-y top left;
	
}


/****************************************

content

*********************************************/

#content{
	width:750px;
	padding:0;
	margin:8px 0 0 0;
	text-align:left;
	background:transparent url(../img/bg_column.png) repeat-y;
	overflow:hidden;
}
/* images for header */
#logoimg {
	margin-bottom:3px;
}
#mailimg {
	margin-left:187px;
	margin-bottom:4px;
}
/* subheader Call number etc...*/
#subheader {
	background:#fff url(../img/layout4_flat_sliced_15.png) repeat-y top left;
	padding:0px 0 4px 0;
}

#content img{
text-decoration:none;
border:none;
}
#subheader img {
	
}
#content-left {
	font-size:12px;
	color:#fff;
	width: 181px;
	margin:0;
	padding: 0;
	float: left;

}
#content-right {
	width:561px;
	margin:0;
	margin-left:8px;
	padding: 0;
	float: left;
	
}
/* hold a heading and a bit of text for the page, inside the top of the content part */
div#introduction {
	background-color:#ece4d9;
	padding:10px 8px 0 8px;
	margin-bottom:8px;
	
}
#introduction h1 {
	background: url(../img/layout4_flat_sliced_20.gif) no-repeat top left;
	margin:4px 0 0 0;
	padding:0;
	height:27px;
    text-indent: -5000px;
	
}
#introduction p{
	font-size:12px;
	line-height:1.5;
	margin:0;
	padding:2px 4px 10px 4px;
}
/* 3 col layout with fixed widths + grid view */
#c1, #c2, #c3, .grid .special  {
	float:left;
	width:181px;
	margin:0;
	margin-left:8px;
	padding:0;	
}
#c1, .gridrow .first {
	margin-left:0;
}
.special {
	overflow:hidden;
	margin-top:8px;
}
.grid .special {
	margin-bottom:8px;
}
#content-right #pagination b, #content-right #pagination  {
	color:#555; 
}
#content-right #pagination a b, #content-right #pagination a{
	color:#0066a7;
}
#content-right div#pagination {
	padding-top:16px;
	text-align:center;
	padding-bottom:8px;
}
#content-right #pagination {
	clear:both;
	font-size:12px;
	font-weight:bold;
}
#content-right #pagination em, #content-right #pagination a {
	padding:4px 8px;
	margin:0 4px;
	display:inline;
	border:1px solid #b7d8ee;
	background-color:#fff;
	text-decoration:none;
}
#content-right #pagination em {
	color:#222;
}
#content-right #pagination em, #content-right #pagination a:hover {
	background-color:#d2eaf6;
	font-style:normal;
}
/* breadcrumbs */
div#crumbs {
	margin-bottom:8px;
	padding:4px;
	background:#00b url(../img/layout4_flat_sliced_07.png) repeat-y 0 0;
}
#crumbs a, #crumbs li {
	font-size:9px;
	color:#fff;
	text-decoration:none;
}
#crumbs a:hover {
	background-color:#aaa;
	padding:4px 0;
}
#crumbs ul, #crumbs li { 
	display:inline; 
	margin:0;
	padding:0;
}
#crumbs li {
	background:url(../img/left_arrow.gif) no-repeat 0 50%;
	padding-left:15px;
}
#crumbs li.first{
	padding-left:4px;
	background: none;
}
/* 
**.special offer 
*/

/* category headings for each offer box */
#c1 h3, .c1 h3, .c1 h1 {
	background-color:#627765;
	clear:both;
}
#c2 h3, .c2 h3, .c2 h1{
	background-color:#6a4b56;
	clear:both;
}
#c3 h3, .c3 h3, .c3 h1 {
	background-color:#706452;
	clear:both;
}
.c1 h1 {
	background: url(../img/banner-business-machines.jpg) no-repeat top left;
}
.c2 h1 {
	background: url(../img/banner-office-furniture.jpg) no-repeat top left;
	
}
.c3 h1 {
	background: url(../img/banner-office-supplies.jpg) no-repeat top left;
}
.c1 h1, .c2 h1, .c3 h1 {
	margin:4px 0 0 0;
	padding:0;
	height:75px;
    text-indent:-5000px;

}

#content .item {
	border:1px solid #000;
}
h3 {
	padding:0;
	margin:0;
	margin-bottom:4px;
}
h3 a {
	color:#fff;
	clear:both;
	text-decoration:none;
	font-weight:bold;
	font-size:13px;
	width: 181px;
	padding: 3px 0px;
	display:block;
	
}
h3 span {
	margin: 0 0 0 8px;
	display:block;	
	cursor:pointer;
	overflow:hidden;
}
.special span b {
	float:left;
	width:144px;
}
h3 span img{
	margin: 1px 0;
	float:left;
}

.cat h1 {
	padding:20px;
	color:#fff;
	margin:0 0 8px 0;
}
.c1 h1, .c2 h1, .c3 h1 {
	margin-bottom:0;
	padding-bottom:0;
	padding-top:8px;
}
.right p {
	margin:0;
	padding:0;
	height:80px;
	font-size:12px;
	width:100%;
	overflow:hidden;

}
.item, .right {
	float:left;	
}
.right {
	width:93px;
	margin-left:8px;
	background:url(../img/price-label.gif) no-repeat bottom right;
}
.special .right p {
		font-size:11px;
}
.call {
	background-image:url(../img/call-for-price.gif);
}
.from {
	background-image:url(../img/prices-from.gif);
}
.right span {
	font-weight:bold;
	display:block;
	text-align:right;
	margin:0 12px 6px 0;
	font-size:12px;
}

/* view detail of a product offer */
#detailextra {
	clear:both;
	background-color:#ece4d9;
	padding:8px;
	margin-bottom:8px;
}
#detailextra .public_form{
	background-color:#fff;
	padding-top:8px;
}
#detailextra a:visited {
	color:#0000ee;
}
#detailextra table {
	width:100%;
	font-size:11px;
	color:#333;
	padding:0;
	margin-bottom:12px;
	background-color:#545e69;
}
#detailextra td, #detailextra th {
	padding:2px 0 2px 4px;
}
#detailextra td {
	background-color:#fff;
}
#detailextra th {
	color:#fff;	
}
#detailextra tr {
	background-color:#545e69;
}
#summary h2 {
	background-color:#ece4d9;
	padding:8px;
	color:#444;
	font-size:18px;
}
#summary b {
	float:left;
	width:400px;
}
#summary span.price {
	font-style:italic;
	color:#000;
}
#summary b span {
	font-size:9px;
	color:#111;
	margin-left:20px;
}
div#sidebar {
	width:156px;
	float:left;
}
#sidebar img{
	margin:4px 8px;
}
#detail p {
	display:block;
	clear:both;
	
}
#detailpics {
	margin-bottom:8px;
	overflow:hidden;
}
#summary {
	margin-bottom:8px;
}
/* override a standard Cake form */
/* general settings for a public-facing form on the site */
.public_form form{
	margin:4px;
	min-width: 460px;
    max-width: 500px;
    width: 490px;
}
.public_form div {
	clear: left;
	display: block;
	width: 400px;
	height: expression('1%');
	margin: 5px 0 0 0;
  	padding: 2px 4px;

}
.public_form div i{
	font-size:11px;
}
.public_form div i b {
	color:#a00;
}
.public_form label, .public_form input{
	font-size:12px;
}
.public_form label{
	display: block;
    float: left;
    width: 130px;
    padding: 2px 10px 2px 2px;
    margin: 0 2px 2px 0;
    text-align: right;
	
}
.public_form input {
  width: 200px;
  padding: 1px 3px;
  margin: 0 0 0 0;
}
input.checkbox {
	width:auto;
}
.public_form div label {
  font-weight: bold;
}

.public_form div.required label {
  background:url(../img/required.gif) no-repeat top right;
}
.public_form div.error_message {
  color: #a00;
  font-weight:bold;
  font-size:10px;
  margin-left:132px;
  margin-bottom:4px;
}
.public_form div.submit {
	width: 214px;
}
.public_form div.submit input {
	width:auto;
	margin:2px 2px 2px 146px;
}
.public_form div.submit div {
  display: inline;
  float: left;
  text-align: left;
  width: auto;
  padding: 0;
  margin: 0;
}

#add_post label {
	display:block;
	clear:both;
	margin-bottom:2px;
	padding-bottom:2px;
}
#add_post {
	margin-top:10px;
}
/* non-essential CSS for forms */
input:focus, select:focus, textarea:focus {
 border: 3px groove #cde6fc;
} 

input[type=text], textarea  /* web standards */ {
	background-color:#fffccc;
}
input /* IE hack */
{
	background-color:expression(
    this.type=='text' ? '#fffccc' : 'transparent');
} 


#footer ul {
	color:#fff;
	font-size:12px;
	list-style: none;
	padding:4px 0;
	margin:0 10px;
}
#footer li {
	padding:2px 0;
	margin:0;
}
#footer #payment {
	color:#fff;
	font-size:11px;
	margin:0 0 0 10px;
	padding-bottom:4px;
}
#footer a {
	color:#fff;
}
#footer a:hover {
	background-color:#fff;
}
#outside{
	margin:auto;
	width:770px;
	}
p#credits{
	margin-left:645px;
	font-size:12px;
	color:#fff;
}
/* flash error and confirm messages for user */
#flashMessage {
	margin:8px auto;
	padding:8px 0;
	border:1px solid #a00;
	color:#a00;
	font-size:13px;
	font-weight:bold;
	text-align:center;
}
/**************************************************************

MAIN navigation

***************************************************************/

/*drop down menu */
ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
}
/* display that item has submenu
#acc_menu li.hasSubnav  {
	background:#000 url(../img/right.gif) no-repeat center right;
}*/

#acc_menu a {
	display: block;
	margin:0;
	text-decoration:none;
	color:#fff;
}
#acc_menu a, #acc_menu ul li a {
	padding:4px 4px 4px 8px;
}
#acc_menu a:hover, #acc_menu a:active, #acc_menu li.active {
	font-weight:bold;
	color:#fff;
	background-color:#313d48;
}

/* all list items */
#acc_menu li/*, #acc_menu li.hasSubnav */{ 
	background-color:#697684;
	border-bottom: 1px solid #fff;
	margin:0;
}
.subnav li {
	display: block;
	width: 100%;
	text-align:left;
}
#acc_menu li:hover ul, #acc_menu li.sfhover ul { 
	/* lists nested under hovered list items */
	left: auto;
}
/* remove border from nested lists */
#acc_menu li li {
	border:none;
}
#acc_menu ul li a { 
	padding: 4px 4px 5px 20px;
}
/* following are selected from original CSS for accordion menu - above is from original Chrystal menu --> see original accordion.css for full, standalone version! */
ul#acc_menu{
	width: 181px;
	overflow: hidden;
}

#acc_menu a, #acc_menu li a, #acc_menu ul li a, #acc_menu ul ul li a { 
	display: block;
	text-decoration: none; 
	margin: 0;
	width: 181px;
}

.kicker h1 {
	margin:0;
	padding:0;
}
.kicker p {
	margin:10px 8px 1px 8px;
	padding-bottom:12px;
	} 
.kicker img {
	margin:5px 0px 0px 6px;
}

.k1 {
	background-color:#545e69;
}
.k2 {
	background-color:#454f58;	
}
.k3 {
	background:#313d48 url(../img/free-delivery.jpg) no-repeat top left;
	height:180px;
	
}
.k2 img, .k3 img {
	margin-top:9px;
}
/* detail view of images switcher */
img#t0 {
	float:left;
}
img.thumbNormal {
	border:none;
}
#detail img.thumbSelected {
	border:4px solid #545e69;
}
#detailextra a, #detailextra a:visited, #detailextra a:hover, #detailextra a:active{
	background-color:#545e69;
	color:#fff;
	padding:4px 8px;
	font-size:11px;
	text-decoration:none;
}
#detailextra a:hover, #detailextra a:active {
	background-color:#313d48;
}
a#add { 
	display:none;
}
#detailextra p {
	padding:8px;
	font-size:12px;
}
#detailextra p b {
	color:#444;
}
#enquire {
	width:100%;
	padding-top:8px;
	overflow:hidden;
}
div#enquire span {
	font-size:11px;
	float:left;
	padding:3px 0;
	margin-left:20px;
	font-weight:bold;
}
#formLink {
	width:160px;
	float:left;
}
div#add_post {
	border-top:8px solid #545e69;
	margin-top:0;
	margin-bottom:8px;
}
/**
**
** static content pages generally 


*/
#static h1{
	font-size:18px;
	font-weight:bold;
	padding:0 0 10px 0;
	margin:0;
	color:#545e69;
}

#static h2{
	font-size:16px;
	font-weight:bold;
	padding:0 0 10px 0;
	margin:0;
	color:#545e69;
	}

#static h3{
	color: #545e69;
	font-size:12px;
	font-weight:bold;
}

#static h4{
	color: #545e69;
	font-size:12px;
	font-weight:bold;
}


#static h1 a{
	font-size:18px;
	font-weight:bold;
	padding:0 0 10px 0;
	margin:0;
	color:#545e69;
	text-decoration: none;
}


#static h1 a:hover{
	color:#545e69;
	background-color:#ffffff;
	text-decoration:underline;
}


#static p, #static address{
	font-size: 12px;
	line-height:18px;
}
#static address, #static #calltext {
	border-left:8px solid #dfdfdf;
	padding:0 6px;
}
#static #calltext {
	clear:both;
}
#static a{
	color: #cc0000;
}

#static a:hover{
	background-color: #cc0000;
	color: #ffffff;
	margin-top:2px;
	margin-bottom:2px;
}


#static ul,#static ol{
	font-size: 12px;
	line-height:18px;
}
#static ul {
	list-style: disc;
}
#static ul.imagelist {
	list-style: none;
	margin:10px 0;
}
#static ul.imagelist li {
	display:inline;
}

#static ul.imagelist img, #static img.logo {
	border:none;
}


#static ul.rowed li, #static ul.rowed table{
	display:inline;

}
#static table{
	font-size: 12px;
	text-align:left;
	border: 1px solid #697684;
	border-collapse: collapse;
}

#static th{
	background-color: #697684;
	color: #ffffff;
	padding: 5px;
}

#static tr td{
	text-align:left;
	padding: 5px;
	border: 1px solid #697684;
}
#static ul.rowed table, #static ul.rowed td {
	border:none;
}
#static ul.rowed th {
	background-color:#ffee77;
	color:#000;
}
#static ul.rowed td {
	background-color:#ffffaa;
}
#static img{
	border: 1px solid #000000;
}
div.contactRow {
	clear:both;
}
div.contactRow img, div.contactRow ul, div.contactRow div {
	float:left;
	margin:8px;
}
#static img.sidedR {
	float:right;border:none;margin-left:4px;
}
#static img.sided {
	float:left;border:none;margin-right:4px;
}
#static img.pdf {
	border:none;
}
#static ul.copiers, #static ul.copiers ul {
	list-style:none;
	padding-left:0;
	
}
#static ul.copiers {
	margin-top:12px;
	clear:both;
}
#static ul.copiers ul {
	margin-bottom:8px;
	margin-left:4px;
}
#static ul.copiers li, #static ul.copiers ul li
{	font-size:11px;
	padding:2px 4px 0 0; 
	display:inline;
	margin-left:0;
	margin-right:4px;
	border-right:1px solid #777;
}

#static ul.copiers li, #static ul.copiers ul li.last {
	 border-right:none;	
}
#static ul.copiers span  {
	background-color:#dfdfdf;
	padding:6px 4px;
	font-weight:bold;
	display:block;
	margin:2px 0;
} 

#static p#copierlink {
	font-size:11px;
	text-align:right;
	font-style:italic;
	line-height:1.1;
}
#static img.copier_banner {
	border:none;
	margin:0;
	padding:0 0 20px 0;
	background-color:#fff;
}
#static .copier_head {
	margin-bottom:0;
}
#lightboxgrid a img {
	margin:3px;
}
#lightboxgrid a:hover {
	background-color:transparent;
}
/* for spambots only so hide from other users */
#antispam {
	display:none;
	}


/*div {
	border:1px solid #f00;
}*/