/* CSS Document */

/* DOCUMENT INFORMATION -----------------------------------

TITLE:			ABM Website
LAST UPDATED:	21st March 08
AUTHOR:			Andrew Routledge <ajr@cleverclover.co.uk>

-- CONTENTS -----------------------------------------------

	=1:		[HTML & BODY, UNDOHTML]
	=2:		[LINKS]
	=3:		[COMMON ELEMENTS]
	=4:		[TOP ELEMENTS]
	=5:		[NAVIGATION]
	=6:		[MAIN COLUMN]
	=7:		[SIDEBAR COLUMN]
	=8:		[FOOTER]
	=9:		[LISTS]
	=10:	[FORMS]
	=11:	[IMAGES]
	=12:	[MISC]
	=13:	[LENDERINFO]
	
-----------------------------------------------------------

NOTES:	Default CSS Template for CleverClover.com..
		Contains a list of default CSS styles for a generic
		site. Uses verdana 10pt by default with an 11pt line
		height.

/*	=1:	[HTML & BODY] -------------------------------------*/

* { margin:0; padding:0 }
link,:visited { text-decoration:none }
h1,h2,h3,h4,h5,h6,pre,code { text-align: left; }
a img,:link img,:visited img { border:none }

html { margin-bottom: 1px;}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	text-align: center;
	line-height: 11pt;
	color: #000;
	background: url('../images/top_bg.gif') repeat-x;
}

#page {
	width: 786px;
	margin: 0px auto;
}

#pageFOOT {
	float: left;
	width: 100%;
	background-image: url('../images/footer_strip_bg.gif');
	background-repeat: repeat-x;
	padding-bottom:80px;

	background-color: #00adef;
	

}

#header {
	position: relative;
	background:url('../images/header.gif') no-repeat;
	float: left;
	width: 786px;
	height: 113px;
	margin-top:20px;
}


/*	=2:	[LINKS] -------------------------------------------*/	

/* NOTES: remember LoVe HAte */

a, a:visited {color: #A72116; text-decoration:none; }
a:hover 	{color: #A72116; text-decoration: underline;}

/*	=3:	[COMMON ELEMENTS] ---------------------------------*/
h1 {
	font-size: 16pt;
	font-weight: normal;
	color: #0099CB;
	padding: 8px 0px 2px 0px;
	margin: 8px 4px 5px 4px;
	line-height: 25px;
}

h2 {
	font-size: 14px;
	font-weight: bold;
	color: #0099CB;
	padding: 2px 10px 2px 4px;
	margin: 2px;
	text-decoration: underline;
}

h4 {
	font-size: 12px;
	font-weight: bold;
	padding: 2px 10px 2px 10px;
	color: #000;
}


p {
	line-height: 18px;
	text-align: left;
	padding: 4px;
}


p.contactError {
	text-align: center;
	color: #e00;
	width: 90%;
	margin: 5px auto;
	border: 1px solid #ddd;
	padding: 3px;
}

br {
	line-height: 4px;
}

.small {
	font-size: 8pt;
}
.bold { font-weight: bold; }

hr {
	width: 90%;
	color: #666;
	background-color: #666;
	border: 0px;
}

.blueBorders {
	border: 4px solid #d0171b;
}

/*	=4:	[TOP ELEMENTS] ------------------------------------*/

/*	=5:	[NAVIGATION] --------------------------------------*/	
#topnav {
	float: left;
	width: 785px;
	height: 59px;
	background: url('../images/nav_bg.gif') no-repeat;
	
}

#topnav ul {
	margin-left:10px;
	margin-top:6px;
	padding: 0px;
	list-style-type: none;
}

#topnav li {
	float: left;
	padding-right:2px;
}

#topnav a, #topnav a:visited {
	font-size: 12px;

	color: #fff;
	text-decoration: none;
	display: block;
	height: 25px;
}

#topnav a:hover {
	color: #13b3f0;
	text-decoration: none;


	
}

#subNav {
}

#subNav li {
	padding-top:3px;
	margin-right:1px;
}

/*	=6:	[MAIN COLUMN] -------------------------------------*/	
#bodyWRAPPER {
	float: left;

}

#bodyCENTER {
	float: left;
	width: 610px;
	margin: 10px 0px 0px 4px;
}

#bodyCENTER p {
	padding: 2px 4px 2px 4px;
}

#bodyINDEX {
	float: left;
	width: 393px;
	margin: 10px 10px 5px 10px;
}

#bodyRHS {
	float: left;
	width: 201px;
	margin: 10px 0px 5px 0px;
}

#category { margin-top: 6px; }

#category td {
	background-color: #FDF5F2;
	border-bottom: 1px solid #313A43;
	padding: 4px 0px 4px 5px;
}
#category p {
	font-size: 8pt;
	padding: 2px;
}
#category a, #category a:visited {
	color: #000000;
	text-decoration: none;
}
#category a:hover {
	color: #0586C8;
	text-decoration: none;
}
#category img {
	border: 1px solid #313A43; 
	background-color: #FFFFFF;
}

#products { width: 610px; }

#products td {
	background-color: #FDF5F2;
	padding: 2px 2px 2px 4px;
	text-align: left;
}
#products p {
	color: #000000;
}
#products a, #products a:visited {
	font-size: 8pt;
	color: #000000;
	text-decoration: none;
}
#products a:hover, #products a.selected {
	color: #0586C8;
	text-decoration: none;
}



/*	=7:	[SIDEBAR COLUMN] ----------------------------------*/	
#bodyLHS {
	float: left;
	width: 171px;
	margin: 10px 0px 5px 0px;
	position:relative;
}

#bodyLHS ul.subnav {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 169px;
	list-style-position: inside;
	list-style-image: url('../images/nav_widget.gif');
	border: 1px solid #F99138;
}

#bodyLHS ul.subnav li {
	height: 20px;
	border-bottom: 1px solid #CCCCCC;
	padding: 8px 0px 3px 20px;
}

#bodyLHS ul.subnav a, #bodyLHS ul.subnav a:visited {
	color: #666666;
	text-decoration: none;
	padding: 0px 0px 0px 20px;
	font-size: 9pt;
}

#bodyLHS ul.subnav a:hover {
	text-decoration: underline;
}

#bodyLHS .clients {
	float: left; 
	width: 161px; 
	height: 86px; 
	background: url('../images/nav_clients_bg.gif') no-repeat; 
	padding: 38px 0px 0px 10px;
	margin-top: 164px;
}

#bodyLHS .news {
	float: left; 
	width: 161px; 
	height: 86px; 
	background: url('../images/latest_news_bk.jpg') no-repeat; 
	padding: 28px 0px 10px 10px;
	margin-top: 164px;
}


.testimonial {
	float: left;
	width: 171px;
	height: 230px;
	background: url('../images/banner_testimonial.jpg') no-repeat;
}
.testimonial p {
	padding: 50px 6px 0px 6px;
	font-size: 12pt;
	font-weight: bold;
	line-height: 22px;
}


#newsBox {
	float: left;
}

#newsBox ul {
	margin: 0px;
	padding: 0px;
	width: 201px;
	list-style: none;
}

#newsBox li {
	padding: 2px 2px 4px 2px;
}


ul.news li {
	margin: 5px 0px 5px 0px;
	padding: 0px 2px 0px 5px;
	text-align: left;
	list-style-image: url('../images/newspaper.png');
	list-style-position: inside;
}

ul.news li a {
	margin: 5px 0px 5px 0px;
	padding: 0px 2px 0px 5px;
	text-align: left;
	list-style-image: url('../images/newspaper.png');
	list-style-position: inside;
}

ul.news li ul li{
	margin: 5px 0px 5px 0px;
	padding: 0px 2px 0px 15px;
	text-align: left;
	list-style-image: url('../images/widget_orange.gif');
	list-style-position: inside;
}


/* This is to control the manufacturer's logo tables on the Ink/Toner root pages */

#manufacturers {
	text-align: center;
	width: 600px;
	float: left;
	margin-top: 20px;
	margin-bottom: 30px;
	}
	
#manufacturers div {
	margin-left: auto;
	margin-right: auto;
	width: 500px;
	}
	
#manufacturers div ul li {
	list-style-type: none;
	display: block;
	float: left;
	margin: 3px;
	}
	
#manufacturers div ul li a:hover {
	border: 1px solid #999;
	}

#manufacturers div ul li a {
	border: 1px solid #ddd;
	width: 147px;
	height: 80px;
	display: block;
	}
	
#manufacturers div ul li a img {
	margin: auto;
	}
	
	



/*	=8:	[FOOTER] ------------------------------------------*/	
#footer, #footer2 { font-size: 9pt; }

#footer {
	width: 784px;
	height: 78px;
	background-image: url('../images/footer_main_bg.gif');
	background-repeat: no-repeat;
	background-color: #00adef;
	color: #FFFFFF;
	margin: 0px auto;
	margin-top:35px;
}

#footer2 {
	width: 786px;
	height: 25px;
	color: #666666;
	background-color: #00adef;
	margin: 0px auto;
	font-size: 9pt;
}

#footer a, #footer a:visited, #footer a:hover {
	color: #efefef;
}
#footer2 a, #footer2 a:visited, #footer2 a:hover {
	color: #efefef;
}

/*	=9:	[LISTS] -------------------------------------------*/	
ul {
	text-align: left;
}

ul.bodylist {
	margin: 5px 0px 0px 20px;
	padding: 0px 0px 0px 20px;
	width: 90%;
}

ul.bodylist li {
	margin: 0px 0px 5px 0px;
}

/*	=10: [FORMS] ------------------------------------------*/	

input {
	border: 1px solid #ccc;
}

form {margin: 0px;}

.text { width: 220px; }

textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}


.formBox {
	position: relative;
	
}
/*	=11: [IMAGES] -----------------------------------------*/	

img {border: 0px; display: block;}	
img.inline { display: inline; }
img.withGap {margin-top: 5px;}


.imgTopLHS { position: absolute; top: 0px; left: 0px; }
.imgTopRHS { position: absolute; top: 0px; right: 0px; }
.imgBotLHS { position: absolute; bottom: 0px; left: 0px; }
.imgBotRHS { position: absolute; bottom: 0px; right: 0px; }
	


/*	=12: [MISC] -------------------------------------------*/	
.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }
.bodytxt { text-align: justify; line-height: 18px; padding: 2px; }

.blue {color: #0586C8; }
.orange {color: #F7923A;}
.faintblue {color: #B4C5D5;}
.red {color: #FF0000;}
.grey {color: #808080;}
.green {color: #008000;}
.black {color: #000000;}

.ABMred { color: #A72116; }

.floatL  {float: left;}
.floatR {float: right;}


.orange { color: #F99138; }

.stdTable {
	border: 1px solid #F3CBBF;
	border-collapse: collapse;
}


.stdTable tr.row1 td {
	background-color: #FDF5F2;
	border-bottom: 1px solid #F3CBBF;
	padding: 3px 0px 3px 0px;
}

.stdTable tr.row2 td {
	background-color: #FEFAF9;
	border-bottom: 1px solid #F3CBBF;
	padding: 3px 0px 3px 0px;
}


/*-----Changes 2008 dec -----*/

#brochure {
	background:url('../images/brochure_back.png') no-repeat;
	/* height:174px; */
	width:197px;
	position:absolute;
	top:-10px;
	left:-26px;
	padding-left:31px;
	padding-top:75px;
	z-index: 1;
	}

#brochure img {
	float:left;
	margin-bottom:5px;
	z-index: 1;
}		
	
#hospice {
	background:url('../images/hospice.png') no-repeat;
	height:239px;
	width:171px;
	float:left;
	margin-top:5px;
	cursor:pointer;
}
	
	
#feature {
	background:url('../images/feature3.jpg') no-repeat;
	height:433px;
	width:616px;
	float:left;
	margin-left:-10px;
	}
	
#feature p {
	line-height:10px;
	
}

#line1 {
	margin-top:367px;
	margin-left:40px;
}

#line2 {
	margin-left:70px;
}	

#name {
	margin-top:6px;
	margin-left:190px;
}	

#mainTxt {
	width:610px;
	padding-top:0px;
	float:left;
}	

#mainTxt h1 {
	margin:5 0 0 0;
	padding:0 0 0 0;
}	

#aboutUs {
	background:url('../images/about_back.gif') no-repeat;	
	width:608px;
	height:442px;
	padding-top:85px;
	padding-left:10px;
}	

#aboutUs p {
	width:590px;
	margin-bottom:10px;
}	

#support {
	background:url('../images/support_bk.jpg') no-repeat;	
	width:608px;
	height:449px;
	padding-top:80px;
	padding-left:10px;
}

#support p {
	width:585px;
	
}	

#printAudit {
	background:url('../images/print_bk.jpg') no-repeat;	
	width:608px;
	height:449px;
	padding-top:80px;
	padding-left:10px;
}	

#printAudit p {
	width:585px;
	margin-bottom:10px;
	
}	

#clickPrint {
	float:left;
	margin-top:30px;
	margin-left:245px;

}	
	
#printBut {
	float:left;
	margin-top:90px;
	margin-left:-20px;
}	

#happyToHelp {
	background:url('../images/contact_bk.png') no-repeat;	
	position:relative;
	width:607px;
	height:449px;
	padding-top:80px;
	padding-left:10px;
}	



#happyToHelp input {
	float:left;
	margin-bottom:8px;
	width:180px;
	height:16px;
}

#happyToHelp textarea {
	float:left;
	margin-bottom:8px;
	width:178px;
	height:80px;
}

#happyToHelp fieldset {
	margin-top:45px;
	margin-left:2px;
	
}	

#happyToHelp label {
	float:left;
	width:90px;
	text-align:left;
}	

#additionalInfo {
	height:70px;
	margin-top:22px;
}	

.clearBoth {
	clear:both;
}

#productInfo {
	width:593px;
	height:65px;
	float:left;
	background:url('../images/product_info_bkgrnd.png') no-repeat;	
	padding-top:43px;
	padding-left:10px;
	padding-right:10px;
	margin-left:5px;
}

#productBack {
	width:593px;
	height:1200px;
	float:left;
	background:url('../images/product_back.png') no-repeat;	
	padding-left:5px;
	padding-right:10px;
	margin-left:5px;
}

.productContainer {
	
	margin-right:5px;
	
	}
	
	
	.productContainer span {
		font-weight:bold;
		font-size:16px;
	}
	
	.productContainer a {
		color:#00adef;
		font-weight:bold;
	}	
	
	.productContainer p {
		margin-top:10px;
		font-size:12px;
		width:410px;
		float:left;
	}
	
	.productImage {
		float:right;
		
		}
	
#product1 {
	background:url('../images/utax_product_logo.jpg') no-repeat;
	width:600px;
	height:54px;
	
}

#product2 {
	background:url('../images/green_products.jpg') no-repeat;
	width:600px;
	height:111px;
	
}		

#product3 {
	background:url('../images/mono_digi.jpg') no-repeat;
	width:600px;
	height:130px;
	
}	
		
#product4 {
	background:url('../images/colour_digi.jpg') no-repeat;
	width:600px;
	height:129px;
	
}	

#product5 {
	background:url('../images/laser.jpg') no-repeat;
	width:600px;
	height:129px;
	
}

#product6 {
	background:url('../images/wide.jpg') no-repeat;
	width:600px;
	height:129px;
	
}

#product7 {
	background:url('../images/fax.jpg') no-repeat;
	width:600px;
	height:139px;
	
}


#product8 {
	background:url('../images/fax.jpg') no-repeat;
	width:600px;
	height:129px;
	
}	


#product9 {
	background:url('../images/fax.jpg') no-repeat;
	width:600px;
	height:129px;
	
}

#product10 {
	background:url('../images/water.jpg') no-repeat;
	width:600px;
	height:104px;
	
}
	
#map {
  width: 290px; 
  height: 250px; 
  position: absolute; 
  right: 17px;
  top: 157px;
}	

#brochureForm {
	position: absolute; 
	top: 160px; 
	left: 0; 
	width: 171px; 
	background-color:#fff;
	height: 0; 
	overflow: hidden;
	background:url('../images/brochure_request.png');
	text-align: left;
}	

#brochureForm fieldset {
	margin-top: 40px;
	padding-left: 0px;
}	

#brochureForm input {
	float:left;
	margin: 0 0 0 0;
	padding: 0;
	width: 80px;
	height: 16px;
}

#brochureForm label {
	float:left;
	width:70px;
	padding-bottom:10px;
	margin-left:8px;
}

#brochureForm p {
	font-size:10px;
	margin-left:5px;
	line-height:10px;
	margin-top:7px;
}	


#team {
	background:url('../images/team_bk.png') no-repeat;	
	position:relative;
	width:607px;
	height:1166px;
	padding-top:50px;
	padding-left:10px;
	padding-bottom:30px;
}

.pplHolder {
	float:left;
	margin-right:10px;
}	

.pplHolder p, .pplHolder img {
	float:left;	
}	

.pplHolder p {
	width:400px;
}	

#aboutPpl {
	width:580px;
}	

#logos {
	background:url('../images/logosbk.jpg') no-repeat;
	width:156px;
	height:228px;
	float:left;
	margin-top:10px;
	padding-top:10px;
	padding-left:15px;
}

#logos img {
	padding-bottom:15px;
	
}

#forms {
	background:url('../images/forms-bk.jpg') no-repeat;	
	position:relative;
	width:608px;
	height:490px;
	padding-top:50px;
	padding-left:10px;
}	

.formsHolder {
	padding-top:40px;
	float:left;
	padding-left:40px;
}	

#forms form {
	border:none;
}

#forms fieldset {
	border:none;
}

#forms label {
	float:left;
	width:130px;
	text-align:left;
	padding-bottom:10px;
}

#forms input {
	width:100px;
	float:left;
}

#forms textarea {
	float:left;
	margin-bottom:10px;
	width:227px;
}

#forms h1 {
	padding:0 0 0 0;
	margin:0 0 0 0;
}	

#forms .submitFault {
	border:none;
	width:162px;
	height:27px;
	background:url('../images/fault_but.png') no-repeat;	
}	

	#forms .submitReading {
	border:none;
	width:162px;
	height:27px;
	background:url('../images/meter_but.png') no-repeat;	
}							
					

.formDivider {
	padding-top:5px;
	padding-bottom:15px;
}	

.pointer {
	cursor:pointer;
}