/*



File:			custom.css



Description:	Custom styles for Your Theme







HOW TO USE THIS FILE:







Override any class you want and it will change default styling to suit your needs.







For example, if you wish to change the default text blog title to grey, you would add the 



following declarations to this file:







	#header .blog-title a{ background:#cccccc }     <--- This makes blog title background grey















*/



body { background:#303030 url(2-black/bg.png) repeat-x top left; color:#a8a8a8; border-top:thick solid #cadb2b;}



/* Structure ---------------------- */



#page { background:#000; border:none; }



#banner { background:#000; border:none; }



.area { background:#000; border:none; }





#content .gallerylist li img { border:none; }



#content .img { border:none; }


/* Home Page ---------------------- */

a.featured_pro { border:none; background:#000; }


/* ----------------------------------------

product listing view 

------------------------------------*/



#content ul.display li { background:none; border-bottom:1px solid #565656; }

#content ul.display li a { color:#000; }

#content ul.display li a:hover { color:#444; }



#content ul.thumb_view li{ border-bottom:none; border-left:1px solid #565656; }

#content ul.thumb_view li .content_block a.product_thumb{ border:none; }

#content ul.thumb_view li .content_block a:hover.product_thumb{ border:2px solid #cadb2b; }



#content ul.display li .content_block a.product_thumb{ border:none; background:none; }

#content ul.display li .content_block a:hover.product_thumb{ border:2px solid #cadb2b; }