/* @override http://www.thenewageshop.co.uk/styles/mootools.css */

/* ----------------IMAGE SLIDER------------- */

#featured {
	background-color: #f6fafd;
	padding-top: 10px;
	padding-bottom: 10px;
}

#featured h1 {
	text-align: left;
	color: #6b96bb;
	font: normal normal lighter 20px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	margin-left: 10px;
}

#SlideItMoo_outer {  
	width:980px; 
	margin:10px auto 10px; 
	background: #e6e6e6;
	display:block; 
	position:relative;
	height: 181px;
	padding-top: 0px;
	padding-bottom: 0px;
}
/* create custom forward-backward buttons for this container */
#SlideItMoo_outer .SlideItMoo_forward,
#SlideItMoo_outer .SlideItMoo_back{ 
	display:block; 
	position:absolute; 
	cursor:pointer; 
	width:31px; 
	height: 181px; 
	bottom:0px; 
	right: -1px; 
	background: url(../images/sliderForward.jpg) no-repeat center;  
}
#SlideItMoo_outer .SlideItMoo_back { 
	background: #c9e7e8 url(../images/sliderBack.jpg) no-repeat center;
	left: -6px;
}

/* the width is set to show the number of thumbnails that will be visible */
#SlideItMoo_inner{ 
	position:relative ; 
	overflow:hidden ; 
	width: 485px; /* set a display width to make the slider look good in case js is disabled */
	margin:0px auto 0px;
	padding-right: 0px;
	padding-left: 0px;
	background-color: #e6e6e6;
}
/* the thumbnails container; set a width on it so everything will be fine */
#SlideItMoo_items { 
	display:block; 
	position:relative; 
}
/* single element design */
#SlideItMoo_items div.SlideItMoo_element { 
	display:block; 
	position:relative; 
	float:left; 
	font-size:11px; 
	width: 157px; 
	text-align:center; 
	color: black;
	height: 181px;
	margin-bottom: 0px;
	margin-top: 0px;
	border-right: 1px solid #bcbcbc;
	background-color: white;
	
}

#SlideItMoo_items a { clear:both; display:block;
}
#SlideItMoo_items a img{ border:none;
	height: 65%;
}

#greyarea {
	background-color: #e6e6e6;
	height: 72px;
	padding-left: 8px;
	padding-right: 5px;
	padding-top: 5px;
	margin-top: 4px;
	display: block;
	overflow: hidden;
	text-align: left;
}

#greyarea p.productName {
	margin: 0;
	padding: 0;
	text-align: left;
	font-size: 11px;
}
#greyarea p.productName a{
	color: gray;
	text-decoration: none;
	font-weight: bold;
}

span#price {
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}