/* Copyright Slingshot 2007 | www.slingshot.co.uk
=================================================
	Contents:
	0. Imports
	1. Body, container
	2. Header 
	3. logos
	4. navigation
	5. Left Column
	6. Middle Columns
	7. Right Column
	8. Boxes
	9. Footer & copyright 
	10. Hiders, padders, spacers & clearers
	11. Globals
	12. General Colours / bolds
/*================================================
	0. IMPORTS
-------------------------------------------------*/


/*================================================
	1. Body, container
-------------------------------------------------*/
body{
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	margin:0px;
	padding:0px;
	background: url(../layout/bgpattern.jpg) repeat top left;
}
#mainContainer{
	width:935px;
	padding:15px 25px;
	text-align:left;
	margin:10px auto 0px auto;
}
#mainContentContainer{
	margin:10px 0px 0px 0px;
}

a{
	color:#00ACEE;
	text-decoration:none;
}
a:hover{
	color:#00ACEE;
	text-decoration:underline;
}
img{
	border:none;
}
/*================================================
	2. Header
-------------------------------------------------*/
#header{
	height:66px;
	display:block;
	width:935px;
}
	#header h1{
	display:none;
	/*
		float:left;
		margin:0px;
		padding:0px;
		height:80px;
		width:80px;*/
	}
		/*#header h1 a{
			background:url(../layout/logoHover.png) no-repeat 0px -80px;
			display:block;
			height:80px;
			width:80px;
		}
			#header h1 a:hover{
				background-position:0px 0px;
			}*/
	
	#header ul{
		float:left;
		margin:10px 0px 0px 0px;
		padding:5px 0px;
		list-style:none;
		background:#F0F1F2;
		width:869px;
	}
		#header ul li{
			float:left;
			margin:0px 25px 0px 10px;
		}
		#header ul li a{
			color:#00ACEE;
			font-size:13px;
			font-weight:bold;
			text-transform:uppercase;
		}
			#header ul li a span{
				color:#000;
			}
				#header ul li a:hover,#header ul li a#currentTopNav{
					color:#000;
					text-decoration:none;
				}
			
	/*#header ul{
		float:left;
		margin:10px 0px 0px 0px;
		padding:5px 0px;
		list-style:none;
		background:#F0F1F2;
		width:935px;
	}
		#header ul li{
			float:left;
			margin:0px 0px 0px 19px;
		}
		#header ul li a{
			display:block;
			height:11px;
			background-position:top left;
			background-repeat:no-repeat;
		}
			#header ul li a:hover, #header ul li a#currentTopNav{
				background-position:0px -12px;
			}
		#header ul li#home a{
			background-image:url(../layout/nav/home.png);
			width:37px;
		}
		#header ul li#store a{
			background-image:url(../layout/nav/store.png);
			width:43px;
		}
		#header ul li#heritage a{
			background-image:url(../layout/nav/heritage.png);
			width:64px;
		}
		#header ul li#environment a{
			background-image:url(../layout/nav/environment.png);
			width:96px;
		}
		#header ul li#team a{
			background-image:url(../layout/nav/team.png);
			width:36px;
		}
		#header ul li#contact a{
			background-image:url(../layout/nav/contact.png);
			width:81px;
		}
		#header ul li#mocase a{
			background-image:url(../layout/nav/mocase.png);
			width:59px;
		}
	*/
	#header #forThePlanet{
		float:right;
		margin:5px 0px 0px 20px;
	}
	
	#header #projectPlayground{
		float:right;
		margin:5px 0px 0px 20px;
	}
	
	#header #mailingList{
		float:right;
		margin:17px 0px 0px 0px;
		padding:0px;
	}
		#header #mailingList label{
			font-size:9px;
			color:#FFF;
			padding-bottom:2px;
		}
			#header #mailingList input{
				width:120px;
				border:1px solid #FFF;
				height:11px;
				font-size:9px;
			}
			#header #mailingList input.sbtBtn{
				/*background:#E2007A;
				border:1px solid #E2007A;
				color:#FFF;
				width:45px;
				font-size:9px;
				height:14px;*/
				width:40px;
				height:15px;
				border:none;
			}
			html>body #header #mailingList input.sbtBtn{
				font-size:8px;
			}

/*================================================
	3. logos
-------------------------------------------------*/


/*================================================
	4. navigation
-------------------------------------------------*/
#productTopNav{
	list-style:none;
	margin:0px;
	padding:0px;
}
	#productTopNav li{
		float:left;
		background:#000;
		margin-right:2px;
		padding:4px 15px;
	}
		#productTopNav li a{
			color:#FFF;
			text-decoration:none;
			font-size:14px;
			font-weight:bold;
		}
			#productTopNav li a:hover, #productTopNav li a#currentProductTopNav{
				color:#00ACEE;
			}
#productLeftNavContainer{
	float:left;
	clear:left;
}
#productLeftNavContainer #productLeftNav{
	list-style:none;
	margin:20px 0px 0px 0px;
	padding:0px;
}

	#productLeftNavContainer #productLeftNav li{
		margin:0px 2px 5px 0px;
	}
	#productLeftNavContainer #productLeftNav li a{
			background:#000;
			padding:2px 15px;
			color:#FFF;
			text-decoration:none;
			font-size:11px;
		}
			#productLeftNavContainer #productLeftNav li a:hover,#productLeftNavContainer #productLeftNav li a#currentProductLeftNav{
				background:#00ACEE;
			}
/*================================================
	5. Left Column
-------------------------------------------------*/
#leftCol{
	width:695px;
	display:block;
}	
.leftColBck{
	/*background:url(../layout/leftCol_top.png) top left no-repeat #FFF;*/
	background:#FFF;
	padding:20px 0px 0px 0px;
}
	.leftColBck #leftRightImage{
		margin:0px 0px -5px 0px;
	}
	.leftColBck h1{
		font-size:16px;
	}
	.leftColBck h2{
		font-size:14px;
		color:#00ACEE;
	}
.leftColSpacing{
	margin:0px 25px 25px 25px;
}		
/*================================================
	6. Middle Columns
-------------------------------------------------*/


		
/*================================================
	7. Right Column
-------------------------------------------------*/
#rightCol{
	float:right;
	width:215px;
}
	#rightCol #rightColProds img{
		margin-bottom:25px;
	}
	.rightColBckImage{
		/*background:url(../layout/rightCol_top.png) top left repeat-x #FFF;*/
		background:#FFF;
		margin:0px;
		padding:0px;
	}
	.rightColBckImage #bottomRightImage{
		margin:0px 0px -5px 0px;
	}
		.rightColBckImage h1{
			/*background:#000;*/
			color:#0000;
			margin:10px 0px 5px 0px;
			padding:4px 10px 4px 10px;
			font-size:12px;
			float:left;
		}
			.rightColBckImage .otherproducts div{
				float:left;
				margin:0px 0px 10px 10px;
				width:80px;
				height:130px;
				text-align:center;
			}
				.rightColBckImage .otherproducts div img{
					width:70px;
				}
				.rightColBckImage .otherproducts div p{
					margin:0px;
					padding:0px;
				}
					.rightColBckImage .otherproducts div a{
						color:#000;
						font-size:11px;
						text-decoration:none;
					}
						.rightColBckImage .otherproducts div a:hover{
							color:#00ACEE;
						}
				
/*================================================
	8. Boxes
-------------------------------------------------*/
#newsStrip{
	margin:0px auto;
	width:935px;
}
	#newsStrip h1{
		margin:0px 0px 0px 0px;
		padding:0px;
		float:left;
		color:#00ACEE;
		font-size:16px;
		font-weight:bold;
		text-transform:uppercase;
	}
	html>body #newsStrip h1{
		margin:10px 0px 0px 0px;
	}
	#newsStrip ul{
		float:left;
		list-style:none;
		margin-left:0px;
	}
		#newsStrip ul li{
			margin-left:18px;
			color:#000;
		}
			#newsStrip ul li span{
				color:#000;
			}
				#newsStrip ul li a{
					color:#000;
					text-decoration:none;
					font-size:13px;
					font-weight:bold;
					text-transform:uppercase;
				}
					#newsStrip ul li a:hover{
						color:#00ACEE;
					}
			
#productContainer{
	display:block;
	margin:0px 0px 0px 70px;
}
	#productContainer #productImage{
		width:340px;
		float:left;
	}
		#productContainer #productImage img#store-mainImage-placeholder{
			width:326px;
			margin-top:0px;
		}
		#productContainer #productImage img.thumbImage{
			width:70px;
			border:1px dotted #CCC;	
			margin-right:10px;
			margin-top:10px;
			margin-bottom:10px;	
		}
		
	#productContainer #productInfo{
		display:block;
		margin:35px 10px 0px 340px;
		color:#333;
	}
		#productContainer #productInfo h1{
			font-size:16px;
			color:#000;
			margin:0px;
			padding:0px;
		}
		#productContainer #productInfo h2{
			color:#000;
			margin:0px; 
			padding:0px;
			font-size:14px;
		}
			#productContainer #productInfo h2#price{
				color:#E2007A;
			}
			#productContainer #productInfo h2 span{
				font-size:12px;
			}
		#productContainer #productInfo ul li{
			list-style-image:url(../layout/bullet_pink_arrow.png);
		}
		
		#productContainer #productInfo #photos{
			margin:20px 0px;
		}
			#productContainer #productInfo #photos a#photoTitle{
				background:#333;
				color:#FFF;
				font-size:10px;
				padding:3px 10px;
			}
				#productContainer #productInfo #photos a{
					background:#000;
					color:#FFF;
					text-decoration:none;
					font-size:10px;
					padding:3px  10px;
					float:left;
					margin:0px 4px 10px 0px;
				}
					#productContainer #productInfo #photos a:hover, #productContainer #productInfo #photos a#currentPhoto{
						background:#E2007A;
					}
			#productContainer #productInfo #button{
				border:1px solid #000;
				background:#000;
				color:#FFF;
				font-size:12px;
				margin:20px 0px;
				font-weight:bold;
			}
			
				.stdButton{
				border:1px solid #000;
				background:#000;
				color:#FFF;
				font-size:12px;
				margin:20px 0px;
				font-weight:bold;
			}
#storeBck{
	background:url(../layout/store2ColBck.gif) top left repeat-y;
}		
/*================================================
	9. Footer & copyright
-------------------------------------------------*/
#footer{
	background:#F0F1F2;
	width:925px;
	margin:0px auto 5px auto;
	text-align:left;
	color:#CCC;
	padding:5px 5px 5px 5px;
	font-size:10px;
}
html>body #footer{
	padding:8px 5px 7px 5px;
}
	#footer a{
		text-decoration:none;
		color:#CCC;
	}
		#footer a:hover{
			color:#999;
		}
	#footer #slingshot{
		float:right;
		background:url(../layout/logo_slingshot.png) -77px 0px no-repeat;
		width:77px;
		height:25px;
	}
		#footer #slingshot:hover{
			background-position:1px 0px;
		}
/*================================================
	10. Hiders, padders, spacers & clearers
-------------------------------------------------*/
#store-colourOptions{
}
#store-colourOptions div{
	margin:0px 0px 0px 3px;
	display:block;
	float:left;
}
#store-colourOptions div a{
	height:20px;
	width:20px;
	display:block;
	border:1px solid #ECECEC;	
}
#store-colourOptions div a:hover,#store-colourOptions div a#selectedColour{
	border:1px solid #E2007A;
}
#store-colourOptions div a span{
	display:none;

}


/*================================================
	11. Globals
-------------------------------------------------*/
.hidden{
	display:none;
}
.clearLeft{
	clear:left;
}
.clearRight{
	clear:right;
}
.clearAll{
	clear:both;
	height:1px;
}

.float-left{
	float:left;
}
.float-right{
	float:right;
}
.margin-right15px{
	margin-right:15px;
}
.margin-right9px{
	margin-right:10px;
}
.width-206px{
	width:215px;
}
.imgFloatRight{
	float:right;
	margin:0px 0px 11px 11px;
}



/*================================================
	12. General Colours / bolds
-------------------------------------------------*/
.ssedit_stdForm{
	margin:0px;
	padding:0px;
	font-size:11px;
	width:450px;
	background:#ECECEC;
	padding:5px;
	border:1px solid #334d55;
}
	.ssedit_stdForm p{
		display:block;
	}
		.ssedit_stdForm p label{
			float:left;
			width:120px;
		}
		.ssedit_stdForm p u{
			text-decoration:none;
			margin-left:125px;
			display:block;
		}