.home_product_pic { background-color: grey--; 
margin-bottom: 0px; 
padding:0;	
width: 310px;
height: 180px;
 }
 
.item_content .home_product_pic {  
margin-bottom: 25px; 
 } 
 
 
 
#products_overview {

background-color:sienna----;

}

#products_overview .products_cat {

padding: 20px 0;
background-color:#E1EECD;
margin-bottom: 30px;
	height			: auto;	
	width			: 527px;	
}


#products_overview .products_cat ul {
	float			: left;
	width			: 270px;
	background-color:orange----;
	left: 200px;

}

#products_overview .products_cat img  {
	float			: left;  /*pads text accross, makes space for bg*/
border: 1px solid red----;
margin-top: 10px;	
}

#products_overview .products_cat h3 {
	padding			: 0;
	margin-left		: 20px;
	margin-top		: 10px;
	font-size		: 1.6em;
	font-weight		: 600;
	border-bottom 	: 1px dotted #7991c9;
}


<!--///////////////note ensure these images 130px by 130px-->/*file name generated by po_<?php echo $code; ?>.jpg in products/content.tpl*/




.audio {  background : transparent url(http://www.reflectionsav.com.au/Tempo/versions/v_rav_01/images/project/po_audio.jpg) no-repeat 15px 70px ;  }

.bags {  background : transparent url(../../../images/project/po_bagscases.jpg) no-repeat 15px 70px ;  }

.batteries {  background : transparent url(../../../images/project/po_batterieschargers.jpg) no-repeat 15px 70px ;  }

.cables {  background : transparent url(../../../images/project/po_cablesconnectors.jpg) no-repeat 15px 70px ;  }

.control {  background : transparent url(../../../images/project/po_controlsystems.jpg) no-repeat 15px 70px ;  }

.computer_peripherals {  background : transparent url(../../../images/project/po_computerperipherals.jpg) no-repeat 15px 70px ;  }


.cameras_still {  background : transparent url(../../../images/project/po_cameras-still.jpg) no-repeat 15px 70px ;  }

.cameras_video {  background : transparent url(../../../images/project/po_cameras-video.jpg) no-repeat 15px 70px ;  }

.digital_signage {  background : transparent url(../../../images/project/po_digitalsignage.jpg) no-repeat 15px 70px ;  }

.dvd {  background : transparent url(../../../images/project/po_dvdvcrvtr.jpg) no-repeat 15px 70px ;  }

.flash_media {  background : transparent url(../../../images/project/po_flashmedia.jpg) no-repeat 15px 70px ;  }

	.interactive_whiteboards {  background : transparent url(../../../images/project/po_interactivewhiteboards.jpg) no-repeat 15px 70px ;  }


.plasma_lcd {  background : transparent url(../../../images/project/po_plasmalcd.jpg) no-repeat 15px 70px ;  }

	.power_protection {  background : transparent url(../../../images/project/po_powerprotection.jpg) no-repeat 15px 70px ;  }


.projectors {  background : transparent url(../../../images/project/po_projectors.jpg) no-repeat 15px 70px ;  }

.pas {  background : transparent url(../../../images/project/po_portablepasystems.jpg) no-repeat 15px 70px ;  }


.projection_screens {  background : transparent url(../../../images/project/po_projectionscreens.jpg) no-repeat 15px 70px ;  }

.storage_media {  background : transparent url(../../../images/project/po_storagemedia.jpg) no-repeat 15px 70px ;  }


.appliances {  background : transparent url(../../../images/project/po_staffroomappliances.jpg) no-repeat 15px 70px ;  }

.stb {  background : transparent url(../../../images/project/po_set-topboxes.jpg) no-repeat 15px 70px ;  }

.trolleys {  background : transparent url(../../../images/project/po_trolleyslecterns.jpg) no-repeat 15px 70px ;  }

.presenters {  background : transparent url(../../../images/project/po_visualpresenters.jpg) no-repeat 15px 70px ;  }  

    .video_distribution {  background : transparent url(../../../images/project/po_videodistribution.jpg) no-repeat 15px 70px ;  }

.whiteboards {  background : transparent url(../../../images/project/po_whiteboards.jpg) no-repeat 15px 70px ;  } 

.clearance {  background : transparent url(http://www.reflectionsav.com.au/Tempo/versions/v_rav_01/images/project/po_clearancesale.jpg) no-repeat 15px 70px ;  }   

#products_overview .toTop {
float: right;
margin-top: -27px;
}



#products_overview_th  {  
margin-bottom: 40px;
 }

#products_overview_th img {  
width: 120px;
height: 120px;
border: 1px solid #FFF;
 }

#products_overview_th img:hover {  
border: 1px solid #33A02C;
 }


/*typekit wouldn't work in IE or chrome OK in ffox 3.5*/

.typekit_test {  
border: 1px solid #33A02C;
 }

.tk-carbon-type {  
color:red;
font-family: "carbon-type-1","carbon-type-2";
border: 1px solid #33A02C;
 }
 
 

