/* CSS Document */
 body{ margin:0;
 	   padding-top:20px;
	   background-color:#A2222B;
	   font-family:Arial, Helvetica, sans-serif;
	   font-size:0.9em;
	   color:#A5A5A7}
img{border:0;}

#contact_form{ 
			   float:left; 
			   padding-top:0;
			   margin-top:0;}

#contact{ padding:0; margin-top:0px;}


#content{ width:776px;
		  margin:2% auto;
		  background-color:#FFFFFF;
		  background-image:url(../images/backgroundinside.jpg);
		  height:582px;
		 /* position:absolute;
		  top:50%;
		  margin-top:-291px;
		  left:50%;
		  margin-left:-388px; */
		  }


#insidebackground{ background-image:url(../images/backgroundinside.jpg); 
					background-repeat:no-repeat; padding-top:20px;
					height:582px; 
					width: 776px; 
					margin-top:-700px; 
					margin-left:250px;
}

.info {
	color:green;
}




#logo{ float:right;
	   margin-right:28px;
	   margin-top:20px;
	   height:55px;}
.links{ padding-top:25px;}
.links li{ margin-bottom:5px;}
.links, .links li{ text-transform:uppercase;
		font-weight:bold;
		list-style-type:none;
		text-indent:0;
		padding-left:0;
		margin-left:0;
		font-family:Arial, sans-serif;
		font-size:12px;
		margin-left:110px;
		color:#BB1215; }
	
a:link,a:visited,a:hover, a:active{ color: #BB1215; text-decoration:none;}
a:hover{ text-decoration:underline;}


h1{ text-indent:-999em; }
h2{
	color:#c60210;
	margin-top:5px;
	margin-bottom:7px;
	font-size:1em;
}
#homepage_heading{ background-image:url(../images/knowledge&experience.gif); 
					background-repeat:no-repeat;}
#services_heading{ background-image:url(../images/service_heading.gif); 
					background-repeat:no-repeat; } 
#contact_heading{ background-image:url(../images/contact_heading.gif);
					 background-repeat:no-repeat; 
					 padding-bottom:0; 
					 margin-bottom:10px;  } 
* > #contact_heading{ margin-bottom:20px;}
#product_heading{ background-image:url(../images/product_heading.gif); 
				background-repeat:no-repeat;
				 margin-bottom:0;	
				 padding-bottom:0;  } 
#networkprinter_heading{ background-image:url(../images/networkprinter_heading.gif); 
						background-repeat:no-repeat;}
#faxmachines_heading{ background-image:url(../images/faxmachines_heading.gif); 
						background-repeat:no-repeat;}
#smalldevices_heading{ background-image:url(../images/smalldevices_heading.gif);
						 background-repeat:no-repeat;}
#colourcopiers_heading{ background-image:url(../images/colourcopier_heading.gif); 
						background-repeat:no-repeat;}
#monocopiers_heading{ background-image:url(../images/monocopiers_heading.gif); 
						background-repeat:no-repeat;}

.centersection{ float:right;
				width:450px;
				margin-top:20px;
				height:338px;
				margin-right:16px;
				border-top:1px solid #E2C8B9;
				background-repeat:no-repeat;
				padding-top:20px;
							}
* > .centersection { padding-top:0; margin-right:34px;}
				
#cihome{ background-image:url(../images/cihome.jpg);	 }
#ciservices{ background-image:url(../images/ciservices.jpg); 	 }
#cicontact_us{ background-image:url(../images/cicontact_us.gif);} 
	
		 
		 
p{ 
  width:350px;
  color:#454545;}
  
 p.strong{ color:#434345;
 		   font-weight:bold;}
		   
#contact_bar{ float:right;
			  margin-top:0px;}
* > #contact_bar{ margin-top:25px;}
	
	.servicelist{ width:450px;  font-size:0.9em; color:#A5A5A7}		  
.servicelist dt{color: #CE7A61; 
				text-transform:uppercase; 
				float:left;
				clear:left; 
				padding:0 5px 0 10px; 
				background-image:url(../images/services_bullet.gif);
				background-repeat:no-repeat; 
				background-position: 0px 5px;
				font-weight:bold;
				font-size:0.9em;}
				
.servicelist dd{ 
				padding:0 0 0 5px;;
				margin:0 0 0 5px;;
				text-indent:0 0 0 5px;
				color:#454545;
				font-size:0.9em;
				
			
				}

#servicescentre{ color:#C6674E !important; float:right; width:205px; font-size:0.9em; margin-bottom:10px;}

strong.color{ color: #C6674E; font-weight:bold; }

		   label{float: left; padding:2px; text-align: left; width:70px;color:#454545; font-size:0.9em; }
input, select, textarea{ margin-top:2px; 
						 width:150px;  
						 font-family:Verdana, Arial, Helvetica, sans-serif; 
						 height:13px; font-size:11px;  
						 padding:2px; 
						 background-color:#fbfbfb;
						 border:1px solid #A5A8AA; }	
select{ padding:0px; width:60px; height:16px;;}
						 
textarea{ height:40px; }
input#submit{ width:100px; height:20px; float:left; margin-left:77px;
			      }
* > input#submit{margin-left:74px;
			      }		   
				  
#images{ margin-left:20px; margin-top:20px; }		   
.pp1{ border-right: 1px solid #D1D3D4; 
	  border-bottom: 1px solid #D1D3D4; 
	  padding:0 20px 5px 40px;; 
	  }
	  
.pp2{ border-right:  1px solid #D1D3D4; 
	  border-bottom: 1px solid #D1D3D4; 
	  padding:0px 20px 5px 20px;; 
}
	  
.pp3{ border-bottom: 1px solid #D1D3D4; 
	  padding-bottom:5px; 
	  padding-right:5px;
	  padding-left:20px;}
	  
.pp4{ border-right: 1px solid #D1D3D4;  border-left: 1px solid #D1D3D4;
	  padding:5px 33px 5px 36px;}
.pp5{ padding-right: 18px; }

.pp6 { }
	


#reverselogo{ float:right;}

#closewindow{ float:left;
			  padding-top:5px;
			  padding-left:10px;
			  color:#FFFFFF;
			  font-size:1.20em;
			  font-weight:bold;
			  }
#closewindow a:link, #closewindow a:visited, #closewindow a:hover, #closewindow a:active{
			color:#FFFFFF
} 			  

#externalbanner{ background-image:url(../images/bannerbackground.gif); background-repeat: no-repeat;
}

#contactformsubmit { width:100px;}


#product_listing{
	height:280px;
	overflow-y:scroll;

}
.product {
	width:400px;
	margin:10px auto;
	float:left;
	clear:left;
	border-bottom:1px solid #cccccc;
	
}
.product h3{
	font-size:1em;
	color:#c60210;
	margin-top:0px;
	margin-bottom:2px;
	font-weight:normal;
	line-height:1.2em;
	}
.product p{
	width:100%;
	margin-top:0;
	font-size:0.8em;
}
.product  div img{
/*	width:100px;*/
	float:left;
	margin-right:20px;
	margin-bottom:10px;
}