/* Panels for Vacuum Cleaners page etc. */
.pagePanels{font-size:90%;display:block;margin-bottom:0px;height:230px;}
.pagePanels li{
    margin-top:10px;
    margin-bottom:10px;
    /*font-size:95%;*/
    display:block;
    height:220px;
    
    background-repeat:no-repeat;
    
}

.pagePanels li li{height:auto;margin-bottom:0px;background-color:Transparent !important;}
/* used when there is no background image to display and the panel isn't a full link and the panel is a fixed height of 160px */
.pagePanels li.noImage{margin-top:10px;margin-bottom:10px;height:180px;background-color:#141414;padding:20px}
.pagePanels a,.pagePanels a.thin, .noLink{
    background:no-repeat;
    padding:20px;
   	height:160px;
}
.pagePanels a.thin{height:60px;background-color:#141414;}
.pagePanels a.thinnest{height:40px;background-color:#141414; margin: 20px 0 0 0 !important;}
.pagePanels span{line-height:105%;}

.panelNoHeight, .panelNoHeightHP {
    background-color    : #141414; 
	padding				: 20px;
	color				: #999;
	font-size           : 90%;	
	margin-bottom		: 20px;
	margin-top          : 20px;
}

.panelNoHeightHP {margin: 10px !important;}

/* links within the panels - turns off the height of link and adds BG image for arrow */
.pagePanels ul a{height:auto;padding:0px 0px 0px 15px;}

.pagePanels span.header, .panelNoHeight span.header, .panelNoHeightHP span.header{line-height:120%;color:#fff;display:block;font-size:110%;font-weight:bold;margin-bottom:10px;margin-top:-2px;}

.imgRight span {padding-right:200px !important;}

/* Background images */
#panel_new{background:url(http://codelaboratories.com/images/panels/newDC25.jpg) no-repeat;}
#panel_access{background:url(http://codelaboratories.com/images/panels/accessories.jpg) no-repeat bottom;background-color:#141414;}

#panel_holding{background:url(http://codelaboratories.com/images/panels/home_vacuums.jpg) no-repeat bottom;background-color:#141414;}

#panelLinks a{text-decoration:none;cursor:pointer;}
#panelLinks .hotspotBull{position:relative;float:left;padding:0px;margin:3px 20px 0 0;left:0px;height:22px;}
#panelLinks .amHeader{clear:both;padding-top:10px;}
#panelLinks a:hover .hotspotBull{background:url(http://codelaboratories.com/images/hotspot_bg.png) no-repeat scroll right center;}