/* 07-13-07 - this class controls the little divs that control each thumbnail (and name and price) of each album
	on the front page - lawrence k */
.albumThumbs {
	width:110px;
	float:left;
}


/*Store Frontpage Styles*/

div#albumsList{
	float:left;
	font:Arial, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#B7CCBF;
	width:650px;
	margin-left: 12px;
	margin-top: 10px;
}


div#albumsList .productThumb{
width:150px;
height:150px;
}

.albumThumbs{
	width:155px;
	float:left;
	display: block;
	margin-top: 2px;
	margin-left: 4px;
	margin-right: 4px;
	margin-bottom: 10px;
	height:270px;
	text-align:left;
	
}


.albumThumbsSidebar{
	
	width:90px;
	float:left; 
	display: block;
	margin-left: 2px;
	margin-right: 2px;
	text-align:center;

	}
	
	
	a.albumThumbsSidebar a:link, a:hover, {
	font:Arial, Arial, Helvetica, sans-serif;
	text-decoration:none;
	


	}
	

	
	
	
	

.albumText{
	height:55px;
	background-color: #0A0B11;
	padding: 4px;
	margin-top: 2px;
	
}


.albumTextSideBar{
	height:55px;
	padding: 4px;
	margin-top: 2px;
	color: #ABECEC;	
}



.categories_container1{
	position:absolute;
	width:160px;
	width:1px;

	
}


.categories_container2{
	position:absolute;
	width:160px;
	left: 183px;
	
}


.categories_container3{
	position:absolute;
	width:160px;
	left: 351px;

}


.categories_container4{
	position:absolute;
	width:160px;
	left: 519px;

	
}



.categories_container1 .productThumb{
width:155px;
height:155px;
}

.categories_container2 .productThumb{
width:155px;
height:155px;
}

.categories_container3 .productThumb{
width:155px;
height:155px;
}

.categories_container4 .productThumb{
width:155px;
height:155px;
}







.categories{
	width:160px;
	height:800px;
	padding-top:7px;
	background-image: url(images/customer_accounts/bg_customer_account_edit.jpg);
	background-repeat: repeat;

}

.categoriesSidebar{
	width:280px;
	


}
.view_all_link1{
	position:absolute;
	top:25px;
	left:10px;
	font-weight:bold;	
}

.view_all_link2{
	position:absolute;
	top:25px;
	left:181px;
	font-weight:bold;	
}

.view_all_link3{
	position:absolute;
	top:25px;
	left:350px;
	font-weight:bold;	
}

.view_all_link4{
	position:absolute;
	top:25px;
	left:519px;
	font-weight:bold;	
}










.price price floatleft{
	padding-left:10px;
	padding-top:4px;

}

.price price floatright{
	padding-right:10px;
	padding-top:4px;

}

.buy_button{
	background-color: #0A0B11;

}
}


/*New Products Rollover*/
   
#new_products_link {	/* "link" will be our container, here div tag */
	float:left;
	width: 150px; /* width of reactive image */
	height: 800px; /* height of reactive image */
}

a.new_products_rollover{	/* definition of link that will take all of container's space */
	 display: block; /* a tag must be a block */
    width: 150px; /* width of reactive image */
	height: 800px; /* height of reactive image */
     }

a.new_products_rollover:hover {	/* first image being masked when hovered onto */
	background: transparent none;
} 

/*Recently Sold Rollover*/
   
#recently_sold_link {	/* "link" will be our container, here div tag */
	float:left;
	width: 150px; /* width of reactive image */
	height: 800px; /* height of reactive image */

}

a.recently_sold_rollover{	/* definition of link that will take all of container's space */
	 display: block; /* a tag must be a block */
    width: 150px; /* width of reactive image */
	height: 800px; /* height of reactive image */
     }

a.recently_sold_rollover:hover {	/* first image being masked when hovered onto */
	background: transparent none;
} 


/*Recommended Rollover*/
   
#recommended_link {	/* "link" will be our container, here div tag */
	float:left;
	width: 150px; /* width of reactive image */
	height: 800px; /* height of reactive image */

}

a.recommended_link_rollover{	/* definition of link that will take all of container's space */
	 display: block; /* a tag must be a block */
    width: 150px; /* width of reactive image */
	height: 800px; /* height of reactive image */

     }

a.recommended_link_rollover:hover {	/* first image being masked when hovered onto */
	background: transparent none;
} 

/*Monkeyclaus Recordings Rollover*/
   
#monkeyclaus_recordings_link {	/* "link" will be our container, here div tag */
	float:left;
	width: 150px; /* width of reactive image */
	height: 800px; /* height of reactive image */

}

a.monkeyclaus_recordings_rollover{	/* definition of link that will take all of container's space */
	 display: block; /* a tag must be a block */
     width: 150px; /* width of reactive image */
	 height: 800px; /* height of reactive image */

     }


a.monkeyclaus_recordings_rollover:hover {	/* first image being masked when hovered onto */
background: transparent none;
}