/* Category List */

h4 {
	background: url(../images/content-header-bg.png) no-repeat top left;
    color: #ffffff;
    font-weight:  bold;
	height: 33px;
    line-height: 33px;
	margin: 5px 0;
    padding: 0 8px;
	width: 786px;  
}

ul.categoryList {
	clear: both;
	overflow: hidden;
}

	ul.categoryList li {
		display: inline-block;
		float: left;
        height: 33px;
		margin: 0 6px 6px 0;		
		padding: 0;
		text-align: center;
		width: 192px;
	}
	
		ul.categoryList li.last {
			margin: 0 0 6px;
		}
        
		ul.categoryList li a {
            background: transparent url(../images/buttons/category-bg.png) no-repeat top left;
			display: block;
			line-height: 33px;
			margin-right: 5px;
			padding: 0 ;
            width: 192px;
		}

			ul.categoryList li a:hover {					
				background: transparent url(../images/buttons/category-hover-bg.png) no-repeat top left;
                color: #ffffff;										
			}
        
/* Category Block */

ul.categoryBlock {
	clear: both;
	overflow: hidden;
}

	ul.categoryBlock li {
		display: inline-block;
		float: left;
        height: 298px;
		margin: 0 6px 6px 0;		
		padding: 0;
        position: relative;
		text-align: center;
		width: 192px;
	}
	
		ul.categoryBlock li.last {
			margin: 0 0 6px;
		}
        
			ul.categoryBlock li a img {		 
				background: url(../images/please-wait.gif) no-repeat center center;
				height: 192px;
				padding: 0;
				width: 192px;
			}
			 
            ul.categoryBlock div {
                background: url(../images/info-box-category.png) no-repeat top left;
                height: 130px;
                overflow: hidden;
            }
                                    
    			ul.categoryBlock div h5 {    			 
    				font-weight: bold;
        			height: 62px;
                    margin: 8px 5px 0;
    				overflow: hidden;			
    				text-align: center;
    			}
                
                ul.categoryBlock div a.moreInfoBig {
                    background: transparent url(../images/buttons/more-info-big-bg.png) no-repeat top left;
                    color: #ffffff;
                    display: block;
                    height: 20px;
                    line-height: 20px;
            		margin: 10px 5px 5px;
            		overflow: hidden;
                    width: 182px;                        
    			}
    			
    				ul.categoryBlock div a.moreInfoBig:hover {
    				    background: transparent url(../images/buttons/more-info-big-hover-bg.png) no-repeat top left;
    				}