@charset "utf-8";
/*	-------------------------------------------------------------
	CSS - HOME : 	Artist Store Website
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Filename:		dj_home.css
	Date:			Sept 08, 2009
	Author:			Halo Media LLC - http://www.halopowered.com/
	-------------------------------------------------------------	*/
	
	
/*	--------------------------------------------------------------------------------------------------------------------------
	#contentSpace Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#contentSpace {
		padding:86px 0 0 24px;
	}
	
/*	--------------------------------------------------------------------------------------------------------------------------
	#navigation Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#navigation {
		list-style:none;
		float:left;
	}
		#navigation li {			
			height:122px;
		}
			#navigation li.last {			
				height:112px;
			}
				#navigation li.last .nav {			
					height:112px;
				}
			#navigation li .nav {
				width:300px; height:122px;
			}
				
					#navigation li .nav .items .item {
						position:relative;
					}
						#navigation li .nav .items .item .price {
							padding:50px 0 0 130px;
							font:bold 22px Arial, Helvetica, sans-serif;
							color:#666;
						}
						#navigation li .nav.active .items .item .price {
							color: #fff;
						}
						#navigation li .nav .items .item .add {
							width:300px; height:112px;
							cursor:pointer;
							position:absolute;
							background:url(../../images/nav_normal.png) 192px 89px no-repeat;
						}
							#navigation li .nav.active .items .item .add {
								background:url(../../images/nav_add.png) 192px 89px no-repeat;
							}
						#navigation li .nav .items .echospinCartAdded .add,
						#navigation li .nav .items.active .echospinCartAdded .add {
							background:url(../../images/nav_added.png) 190px 89px no-repeat !important;
						}
						#navigation li .nav .items .echospinCartAdded .add {
							cursor: default;
						}
			
			
			
			#navigation li #nav-0 {
				background:url(../../images/nav_0.png) 0 0 no-repeat;
			}
				#navigation li #nav-0 .items {
					width:300px; height:112px;
				}
					#navigation li #nav-0 .items .item .price {
						padding:40px 0 0 130px;
					}
			#navigation li #nav-1 {
				background:url(../../images/nav_1.png) 0 0 no-repeat;
			}
				#navigation li #nav-1 .items {
					width:300px; height:112px;
				}
			#navigation li #nav-2 {
				background:url(../../images/nav_2.png) 0 0 no-repeat;
			}
				#navigation li #nav-2 .items {
					width:300px; height:112px;
				}

				#navigation li #nav-0.active .items {
					background: url(../../images/nav_0_over.png);
				}
				#navigation li #nav-1.active .items {
					background: url(../../images/nav_1_over.png);
				}
				#navigation li #nav-2.active .items {
					background: url(../../images/nav_2_over.png);
				}
	
/*	--------------------------------------------------------------------------------------------------------------------------
	.product Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	.product {
		width:0px; height:0px;
		float:left;
		overflow: hidden;
	}
	.product.active {
		width:619px; height:687px;
	}
		.product.diamond {
			background:url(../../images/bg_diamond.jpg) 0 0 no-repeat;
		}
		.product.gold {
			background:url(../../images/bg_gold.jpg) 0 0 no-repeat;
		}
		.product.silver {
			background:url(../../images/bg_silver.jpg) 0 0 no-repeat;
		}