/* Copyright Slingshot 2006 | www.slingshot.co.uk
=================================================
	Contents:
	0. Imports
	1. Body, container & global
	2. Header, logo & navigation
	3. Text, columns & boxes
	4. Footer & copyright 
	5. Hiders, padders, spacers & clearers 
/*================================================
	0. IMPORTS
-------------------------------------------------*/

/*================================================
	1. Body, container & global
-------------------------------------------------*/
body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:90%;
	margin:0px;
	padding:0px;
	text-align: center;
	background:url(../layout/wh-bck.jpg) top left #000;
	color:#FFF;
	height:100%;
}

#mainContainer{
	background:#000;
	border:1px solid #FFF;
	border-width:0px 1px;
	margin:0px auto;
	width:800px;
	height:100%;
	min-height:100%;
	text-align:left;
}
	
a{
	color:#AEDA15;
	text-decoration:none;
}
a:hover{
	color:#FFF;
}
		
/*================================================
	2. Header, logo & navigation
-------------------------------------------------*/
#header{
	height:139px;
	width:800px;
	padding-top:12px;
}

	#header h1{
		background:url(../layout/wh-logo2.jpg) no-repeat top left;
		margin:0px 0px 12px 12px;
		padding:0px;
		height:105px;
		width:373px;
	}
		#header h1 a{
			height:105px;
			width:373px;
			display:block;
		}
	#header #flash{
		clear:both;
		height:17px;
		background:#AEDA15;
		border:solid #FFF;
		border-width:1px 0px;
		text-align:right;
		color:#FFF;
		font-weight:bold;
		padding-right:12px;
	}

/*================================================
	3. Text, columns & boxes
-------------------------------------------------*/
#content{
	margin:12px;
}

#leftCol{
	float:left;
	width:160px;
	margin:0px;
}
	#leftCol #searchPod{
		border:1px solid #3C2E2E;
		height:55px;
		margin-bottom:12px;
	}
		#leftCol #searchPod h1{
			font-size:16px;
			color:#FFF;
			padding:3px;
			margin:0px;
			border-bottom:1px solid #3C2E2E;
			background:url(../layout/wh-titleBck.png) top left repeat-x #BC1318;
		}
		#leftCol #searchPod form{
			padding:5px;
			margin:0px;
		}
		#leftCol #searchPod form input{
			width:120px;
			margin:0px;
			padding:0px;
			float:left;
		}
		#leftCol #searchPod form #goBtn{
			height:20px;
			width:20px;
			padding-left:3px;
		}
	
	#leftCol .leftNav{
		margin:0px 0px 12px 0px;
		padding:0px;
		list-style:none;
		border:1px solid #3C2E2E;
	}
	#leftCol .leftNav h1{
		font-size:16px;
		color:#FFF;
		padding:3px;
		margin:0px;
		border-bottom:1px solid #3C2E2E;
		background:url(../layout/wh-titleBck.png) top left repeat-x #BC1318;
	}
	#leftCol .leftNav li{
		background:url(../layout/leftNav-arrow.gif) top left no-repeat;
		margin:0px 0px 3px 12px;
		padding:0px 0px 0px 12px;
	}
		#leftCol .leftNav li a{
			color:#FFF;
			text-decoration:none;
		}
		#leftCol .leftNav li a:hover{
			color:#AEDA15;
		}
		#leftCol .leftNav li.currentLeftNav{
			background:url(../layout/leftNav-arrowOn.gif) top left no-repeat;
		}
		#leftCol .leftNav li.currentLeftNav a{
			color:#AEDA15;
		}
			#leftCol .leftNav li ul{
				margin:0px;
				padding:0px;
				list-style:none;
			}
				#leftCol .leftNav li ul li{
					background:none;
				}
					#leftCol .leftNav li.currentLeftNav ul li a{

						font-size:12px;
					}
						#leftCol .leftNav li.currentLeftNav ul li a:hover,#leftCol .leftNav li.currentLeftNav ul li a.currentLeftSubNav{
							color:#BC1318;
						}
	
	#rightCol{
		margin:0px 0px 0px 172px;
		width:600px;
	}
		#rightCol h2{
			font-size:18px;
			padding:0px;
			margin:0px 0px 3px 0px;
			color:#FFF;
		}
		#rightCol  h1{
			font-size:16px;
			color:#FFF;
			padding:3px;
			margin:0px;
			border-bottom:1px solid #3C2E2E;
			background:url(../layout/wh-titleBck.png) top left repeat-x #BC1318;
		}
		#rightCol h3{
			font-size:14px;
			padding:0px;
			margin:3px 0px 3px 0px;
			color:#BC1318;
		}
	
		#rightCol .redPod{
			border:1px solid #BC1318;
			padding:5px;
		}
	
	#rightCol .miniPod{
		width:292px;
		float:left;
		padding:0px;
		background:url(../layout/boxBottomRight.png) no-repeat bottom right;
	}
	#rightCol .endPod{
		margin-left:12px;
	}
	#rightCol .miniPod var{
		font-style:normal;
		font-size:80%;
	}
	
	
	#rightCol .redPod span{
		margin:5px;
	}

.productListing{
	margin:0px 21px 24px 0px;
	padding:0px 0px 12px 0px;
	/*border-bottom:1px solid #BC1318;*/
	width:100px;
	height:220px;
	float:left;
	vertical-align:text-top;
}
	.productListing td{
		/*vertical-align:top;*/
		width:120px;
		height:240px;
		vertical-align:top;
		display:block;
	}
	.productListing img{
		/*width:120px;*/
	}
	.productListing p{
		padding:0px;
		margin:0px;
	}
.productDetail{
	margin:0px 0px 12px 0px;
	padding:0px 0px 12px 0px;
	border-bottom:1px solid #BC1318;
	width:100%;
}
	.productDetail td{
		/*vertical-align:top;*/
	}
	.productDetail img{
		width:200px;
	}
	.productDetail p{
		padding:0px;
		margin:0px 0px 3px 0px;
	}	
	
.redDividerLine{
	border-bottom:1px solid #BC1318;
	margin:5px 0px 10px 0px;
	padding:0px;
}

/*================================================
	4. Footer & copyright 
-------------------------------------------------*/
#footer{
	border-top:1px solid #FFF;
	margin:12px 0px;
	padding:12px 0px 12px 0px;
	text-align:center;
}
/*================================================
	5. Hiders, padders, spacers & clearers 
-------------------------------------------------*/
.hidden{
	display:none;
}
.clearLeft{
	clear:left;
}
.clearRight{
	clear:right;
}
.clearAll{
	clear:both;
	height:1px;
}
img{
	border:0px;
}
.float-left{
	float:left;
}
.float-right{
	float:right;
}
/*-------------------------------------------------*/