/*

Description: Styles for dynamic content. Separated styles from Rockstar's stylesheet to make it easier for myself :)
Version: 0.1
Author: Chee 

*/	

.columns{
	padding: 10px 10px 10px 10px;
	width: 500px; 
}
	.columns li{
		line-height: 1.6em;
		width: 165px;
		float: left;
		list-style: none;
	}
.columnsPage{
	padding: 0px 10px 10px 10px;
	width: 800px;
}
	.columnsPage li{
		line-height: 1.6em;
		width: 180px;
		float: left;
		list-style: none;
	}
.sitemap-wrapper{
	clear: both;
	padding: 14px 10px 14px 10px;		
}

.hand{
	cursor: pointer;	
}
.popupInnerContent{
		
}
	#brand{
		display: none;
	}
	#type{
		display: none;
	}
	#colour{
		display: none;
	}
	#material{
		display: none;
	}
	#merchant{
		display: none;
	}
	#price{
		display: none;
	}
	
#w-brand{
	display: block;	
}
#w-type{
	display: block;	
}
#w-colour{
	display: block;	
}
#w-merchant{
	display: block;	
}
#w-material{
	display: block;	
}
#w-price{
	display: block;	
}

#page-container{
	width: 900px;
	margin: auto;
}
#popupBackground{
	display:none;  
	position:fixed;  
	_position:absolute; /* hack for internet explorer 6*/  
	height:100%;  
	width:100%;  
	top:0;  
	left:0;  
	background:#FFF;  
	border:1px solid #cecece;  
	z-index:10; 
}
#popupCat{  
	display:none;  
	position:fixed;  
	_position:absolute; /* hack for internet explorer 6*/  
	background:#F0F0F0;  
	border:2px solid #cecece;  
	z-index:11;  
	padding:15px 15px 30px 15px;  
	font-size:13px;
	text-align: left; 
}  
	#popupCat h2{
		margin-top: 7px;
		padding: 10px 0 10px 10px;
		background: #ccc;
		font-size: 1.1em;
		font-weight: bold;
	}  
	#popupClose{  
		font-size:1em;  
		line-height:1em;  
		right:15px;  
		top:4px;  
		position:absolute;  
		color:#FF0049;  
		font-weight:700;  
		display:block;  
	} 
#popupContent{
	margin-top: 10px;
	height: 380px;
	width: 540px;
	overflow: auto;	
} 
	#popupContent a{
		color: #000;
	}

	#brandNav{
		display: none;
	}
	#colourNav{
		display: none;
	}
	#materialNav{
		display: none;
	}
	#merchantNav{
		display: none;
	}
	#priceNav{
		display: none;
	}
	
	#topnav li ul{ 
		font-weight: 700;
		display: none;
	}
	#topnav li ul a{ 
		color: #000000;
		text-transform: none;
	}
	#topnav li:hover ul.brandNav{
		position: absolute;
		display: block;
		background: #F0F0F0;
		border:2px solid #FF0052; 
		top: 35px;
		left: 120px;
		height: 250px;
		z-index: 15;
		padding: 12px;
		overflow: auto;	
		text-align: left;
	}
		#topnav li:hover ul.brandNav li{
			float: left;
			width: 185px;
		}
		
	#topnav li:hover ul.typeNav{
		position: absolute;
		display: block;
		background: #F0F0F0;
		border:2px solid #FF0052; 
		top: 35px;
		left: 415px;
		height: auto;
		z-index: 15;
		padding: 12px;
	}
		#topnav li:hover ul.typeNav li{
			float: left;
			line-height: 1.6em;
			width: 165px;
		}
	#topnav li:hover ul.colourNav{
		position: absolute;
		display: block;
		background: #F0F0F0;
		border:2px solid #FF0052; 
		top: 35px;
		left: 415px;
		height: auto;
		z-index: 15;
		padding: 12px;
	}
		#topnav li:hover ul.colourNav li{
			float: left;
			line-height: 1.5em;
			width: 165px;
		}
	
	#topnav li:hover ul.materialNav{
		position: absolute;
		display: block;
		background: #F0F0F0;
		border:2px solid #FF0052; 
		top: 35px;
		left: 415px;
		height: auto;
		z-index: 15;
		padding: 12px;
	}
		#topnav li:hover ul.materialNav li{
			float: left;
			line-height: 1.5em;
			width: 165px;
		}
	#topnav li:hover ul.priceNav{
		position: absolute;
		display: block;
		background: #F0F0F0;
		border:2px solid #FF0052;; 
		top: 35px;
		left: 415px;
		height: auto;
		z-index: 15;
		padding: 12px;
	}
		#topnav li:hover ul.priceNav li{
			float: left;
			line-height: 1.5em;
			width: 165px;
		}
	#topnav li:hover ul.merchantNav{
		position: absolute;
		display: block;
		background: #F0F0F0;
		border:2px solid #FF0052; 
		top: 35px;
		left: 415px;
		height: auto;
		z-index: 15;
		padding: 12px;
	}
		#topnav li:hover ul.merchantNav li{
			float: left;
			line-height: 1.5em;
			width: 165px;
		}
	#topnav li:hover ul.articleNav{
		position: absolute;
		display: block;
		background: #F0F0F0;
		border:2px solid #FF0052; 
		top: 35px;
		left: 740px;
		height: auto;
		z-index: 15;
		padding: 12px;
	}
		#topnav li:hover ul.articleNav li{
			float: left;
			line-height: 1.5em;
			width: 165px;
		}