@charset "utf-8";
/* CSS Document */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
	background-color: #0377d4;
	background-image: url(_lib/_build/bg.gif);
	background-repeat: repeat-y;
	background-position: center;
	font-family:Arial, Helvetica, sans-serif;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

div.hr {
	border: none;
	border-top: 1px dotted #333;
	margin-top: 10px;
	margin-bottom: 3px;
	
}
div.hr hr { display: none; }

.top {
	float:right;
	font-size:10pt;
	margin-top:-21px;
	margin-right:10px;
	}
	.top a {
		color:#999999;
		text-decoration:none;
		}
	.top a:hover {
		color:#003300;
		}

/* Page Layout */

#container {
	width:950px;
	margin:0 auto;
	}
#header {
	background-image:url(_lib/_build/header.jpg);
	height:210px;
	padding-top:17px;
	}
#strapline {
	font-size:20px;
	text-align:right;
	padding-right:20px;
	}
	#strapline h1 {
	font-size:20px;
	color:#FFFF99;
	}
	
#navigation {
	position:relative;
	top:168px;
	padding-left:8px;
	font-size:14px;
	font-weight:bold;	
	}
	#navigation li {
	display:inline;
	}
	#navigation a {
		color:#FFFF99;
		text-decoration:none;
		padding-left:12px;
		padding-right:12px;
		border-right:#FFFF99 1px solid;
		}
	#navigation a:hover {
		background-color:#0066FF;
		}
	#navigation .noborder {
		border:none;
		}
	
		
	
#content {
	background-image:url(_lib/_build/header_lower_bg.jpg);
	background-repeat:no-repeat;
	}
#side-navigation {
	width: 230px;
	float:left;
	padding:10px;
	}
#pennine-categories {
	background-image:url(_lib/_build/menubg.gif);
	background-repeat:repeat-x;
	background-color:#0377d4;
	padding:5px;
	font-size:12px;
	}
	#pennine-categories h2 {
		font-size:18px;
		color:#FFFF99;
		padding-bottom:8px;
		border-bottom:#FFFF99 1px dashed;
		}
	#pennine-categories a {
		color:#FFFF99;
		text-decoration:none;
		padding:2px;
		display:block;
		}
	#pennine-categories a:hover {
		color:#006600;
		background-color:#FFFF99;
			
		}
	#pennine-categories li {
		padding-bottom:10px;
		}
		
	#pennine-categories  .subcategories {
		background-color:#006600;
		padding:5px;
		padding-left:10px;
		}
	
#pennine {
	width:655px;
	float:left;
	padding:10px;
	padding-top:18px;
	border-left:#006600 1px solid;
	}
	#pennine .pagetitle {
	font-size:22px;
	background-color:#006600;
	padding:5px;
	color:#FFFF99;
	}
	#pennine .subcategory{
	font-size:18px;
	background-color:#0066CC;
	padding:5px;
	color:#FFFF99;
	}
	#pennine .pagesubtitle {
	position:relative;
	left:-10px;
	width:655px;
	font-size:20px;
	background-color:#006600;
	padding:5px;
	color:#FFFF99;
	}
	#pennine p {
	font-size:12px;
	line-height:150%;
	padding-top:8px;
	}
	
.product-listing {
	border:#006600 1px solid;
	padding:10px;
	margin:5px;
	margin-right:10px;
	margin-bottom:25px;
	}
	.product-listing a {
	text-decoration:none;
	color:#000;
	}
	.product-listing a:hover{
	color:#0066FF;
	}
	.product-listing h3 {
	font-size:22px;
	color:#000;
	}
	.product-listing img {
	border:#000000 3px solid;
	margin:3px;	
	}
	.product-listing .price {
	font-weight:bold;
	padding:3px;
	color:#000;
	font-size:18px;
	}
	.product-listing .zoom {
	font-size:8px;
	margin-top:-13px;
	margin-bottom:15px;
	}
	.product-listing .addbtn {
	border:#003300 1px dotted;
	font-size:18px;
	padding:6px;
	background-color:#006600;
	color:#FFFF99;
	}
	
	
#footer {
	background-image:url(_lib/_build/footer.gif);
	background-repeat:no-repeat;
	height:150px;
	padding-top:43px;
	}
#footer-strapline {
	padding-left:120px;
	}
	#footer-strapline h1 {
	font-size:18px;
	color:#FFFF99;
	}
#footer-information {
	padding-left:120px;
	padding-top:10px;
	font-size:12px;
	width:575px;
	color:#006633;
	}
#footer-information a {
	color:#006600;
	}
	
	
	
.clear {
    clear:both;
    height:1px;
    overflow:hidden;
  }
  
 .m2m-image {float:left; border:3px #666666 solid; margin-right:6px;}
 .m2m-price {float:right;border:2px dashed #FFFFFF; margin:5px; font-size:18px;}
 
 .swatches {
 		float:left;
		}
 .caption {
 		color:#FFFFFF;
		background-color:#333333;
		}
	
/*Sidebar Buttons -Danny Connell - Creative Theory - 25 September 2009*/
DIV.sidebar-buttons IMG
{
	margin-top: 3px;
}