@charset "UTF-8";


/* CONTAINER
----------------------------------------- */
body {
	text-align: center;
	background: #fff;
	}
.wrap-top {
	background: #f7f7f7 url(../images/header-bg.png) repeat-x center bottom;
	border-bottom: 8px solid #ee3426;
	}
.wrap-top .wrapper {
	height: 161px;
	position: relative;
	left: 0 ;
	top: 0;
	z-index: 100;
	}
.wrapper {
	width: 940px;
	margin: 0 auto;
	text-align: left;
	padding: 0 10px;
	}

/* HEADER
----------------------------------------- */
#Logo {
	position: absolute;
	left: 0 ;
	top: 17px;
	width: 240px;
	height: 106px;
	padding: 14px 0 21px 0;
	background: transparent url(../images/logo.png) no-repeat left top;
	}
	#Logo a,
	#Logo span {
		overflow: hidden;
		display: block;
		}
	#Logo a img,
	#Logo span img {
		margin: -14px 0 -21px 0;
		}


/* MAIN NAVIGATION - TABS
----------------------------------------- */

#Navigation {
	font-size: .75em; /* 12px */
	height: 3.333em; /* 40px */
	z-index: 100;
	position: absolute;
	right: 10px;
	bottom: 0;
	}
	#Navigation ul {
		}
	#Navigation ul li.top {
		float: left;
		position: relative;
		left: 0;
		top: 0;
		padding: .3333em 2px 0 0; /* 4px */
		background: transparent url(../images/nav-tab-shade.png) no-repeat right top;
		}
	#Navigation ul li a.top {
		display: block;
		line-height: 1;
		overflow: hidden;
		color: #fff;
		margin-left: 1px;
		text-decoration: none;
		background: #7d7c7f url(../images/nav-tabs-left.png) no-repeat left top;
		text-transform: uppercase;
		text-shadow: -1px -1px 0 #555;
		}
	#Navigation ul li a.top span {
		background: transparent url(../images/nav-tabs-right.png) no-repeat right top;
		height: 1em;
		padding: 1em 1.25em .917em 1.25em; /* 12px 15px 11px 15px */
		display: block;
		}
	#Navigation ul li:hover {
		z-index: 101;
		}
	#Navigation ul li a.top:focus,
	#Navigation ul li a.top:hover,
	#Navigation ul li a.top:active,
	#Navigation ul li.section a.top:focus,
	#Navigation ul li.section a.top:hover,
	#Navigation ul li.section a.top:active,
	#Navigation ul li.current a.top:focus,
	#Navigation ul li.current a.top:hover,
	#Navigation ul li.current a.top:active {
		color: #fff;
		background-color: #353535;
		background-position: left -200px;
		text-shadow: -1px -1px 0 #000;
		}
	#Navigation ul li a.top:focus span,
	#Navigation ul li a.top:hover span,
	#Navigation ul li a.top:active span,
	#Navigation ul li.section a.top:focus span,
	#Navigation ul li.section a.top:hover span,
	#Navigation ul li.section a.top:active span,
	#Navigation ul li.current a.top:focus span,
	#Navigation ul li.current a.top:hover span,
	#Navigation ul li.current a.top:active span {
		background-position: right -200px;
		cursor: pointer;
		} /*Separated so IE understands*/
	#Navigation ul li:hover>a.top,
	#Navigation ul li.section:hover>a.top,
	#Navigation ul li.current:hover>a.top {
		color: #fff;
		background-color: #353535;
		background-position: left -200px;
		text-shadow: -1px -1px 0 #000;
		}
	#Navigation ul li:hover>a.top span,
	#Navigation ul li.section:hover>a.top span,
	#Navigation ul li.current:hover>a.top span {
		background-position: right -200px;
		}
	#Navigation ul li.section,
	#Navigation ul li.current {
		padding-top: 0;
		}
	#Navigation ul li.section a span,
	#Navigation ul li.current a span {
		padding: 1.167em 1.25em; /* 14px 15px */
		}
	#Navigation ul li.section a.top,
	#Navigation ul li.current a.top {
		color: #fff;
		background-color: #ee3426;
		background-position: left -100px;
		text-shadow: -1px -1px 0 #aa0b00;
		}
	#Navigation ul li.section a.top span,
	#Navigation ul li.current a.top span {
		background-position: right -100px;
		}


/* MAIN NAVIGATION - DROP DOWNS
----------------------------------------- */

	#Navigation ul ul {
		position: absolute;
		left: 1px;
		top: 3em;
		display: none;
		width: auto;
		height: auto;
		border:5px solid #353535;
		background: #353535;
		width: 220px;
		z-index: 100;
		}
	#Navigation ul ul li {
		float: none;
		padding: 0;
		font-size: 1em; /*12px*/
		}
	#Navigation ul li:hover>ul {
		display:block;
		}
	#Navigation ul ul li a {
		line-height: 1.2;
		padding: .7em;
		display: block;
		background: #474748;
		border-bottom: 1px solid #353535;
		color: #fff;
		text-decoration: none;
		}
	#Navigation ul ul li a.current {
		font-weight: bold;
		}
	#Navigation ul ul li a:focus,
	#Navigation ul ul li a:hover,
	#Navigation ul ul li a:active {
		background: #353535;
		color: #fff;
		}


    
/* BREADCRUMBS
-------------------------------------------- */

#Breadcrumbs {
	margin: 2em 0 0 0;
	}
	#Breadcrumbs p {
		color: #999;
		}



/* SIDEBAR / SUB NAVIGATION
-------------------------------------- */

#Sidebar {
	float: left;
	width: 220px;
	padding-top: 5px;
	}
	
#Subnavigation {
	font-size: 0.8125em; /*13px*/
	margin: 2em 0 1em 0;
	}
	#Subnavigation li a {
		display: block;
		line-height: 1.2;
		padding: .5em 0;
		border-bottom: 1px solid #dbdbdb;
		text-decoration: none;
		color: #da1102;
		background: transparent url(../images/link-arrows-red.png) no-repeat -20px center;
		}
		#Subnavigation li a:focus,
		#Subnavigation li a:hover,
		#Subnavigation li a:active,
		#Subnavigation li a.section:focus,
		#Subnavigation li a.section:hover,
		#Subnavigation li a.section:active,
		#Subnavigation li a.parent:focus,
		#Subnavigation li a.parent:hover,
		#Subnavigation li a.parent:active {
 			color: #950a00;
 			border-color: #950a00;
 			background-position: 210px center;
			}
		#Subnavigation li a.current,
		#Subnavigation li a.current:focus,
		#Subnavigation li a.current:hover,
		#Subnavigation li a.current:active {
			font-weight: bold;
			color: #000;
			}
		#Subnavigation li a.parent {
 			background-position: right center;
			}
		#Subnavigation li a.section {
			text-transform: uppercase;
			color: #999;
			}
			#Subnavigation li ul li a {
				padding-left: 2em;
				}


/* SIDEBAR / FEATURED NEWS
----------------------------------------- */

ul#NewsList {
	margin-left: 0;
	}
	#NewsList li {
		list-style-type: none;
		background: transparent url(../images/icons/newspaper.png) no-repeat left top;
		padding: 0 0 0 20px;
		}
		#NewsList li a {
			text-decoration: none;
			display: block;
			}
			#NewsList li span.date {
				color: #999;
				}
			#NewsList li span.title {
				text-decoration: underline;
				}


/* SIDEBAR / LOGOS
----------------------------------------- */

#Logos img {
	margin: 15px 0;
	}


/* MAIN
-------------------------------------- */

#Content,
#BlogContent {
	/* width: 670px; */
	margin-left: 270px;
	padding: 1px 0;
	min-height: 400px;
	}


/* FEATURE IMAGE
-------------------------------------- */

#FeatureImage img {
	border-bottom: 6px solid #727174;
	margin-top: 20px;
	font-size: 0.8125em; /* 13px */
	}



/* BLOG
---------------------------------------- */

#BlogContent h2 a {
	text-decoration: none;
	}
#BlogContent p.authorDate {
	color: #999;
	}
#BlogContent a.readmore {
	text-decoration: none;
	}
#BlogContent a.readmore span {
	text-decoration: underline;
	}
#BlogContent .blogSummary img {
	display: none;
	}
ul.archiveMonths {
	margin-left: 0;
	}
ul.archiveMonths li {
	list-style-type: none;
	}
ul.archiveMonths li a {
	display: block;
	line-height: 1.2;
	padding: .5em 0;
	border-bottom: 1px solid #dbdbdb;
	text-decoration: none;
	color: #da1102;
	background: transparent url(../images/link-arrows-red.png) no-repeat -20px center;
	}
	ul.archiveMonths li a:focus,
	ul.archiveMonths li a:hover,
	ul.archiveMonths li a:active {
			color: #950a00;
			border-color: #950a00;
			background-position: right center;
		}


/* PRODUCTS
------------------------------------------------ */

div.product .images {
	width: 180px;
	float: left;
	}
div.product .images a {
	float: left;
	margin: 0 5px 5px 0;
	}
div.product .product-content {
	margin-left: 200px;
	min-height: 230px;
	}


/* FANCYBOX 
-----------------------------------------------*/
a.fancybox {
	border: 1px solid #ccc;
	position: relative;
	left: 0;
	top: 0;
	}
a.fancybox:focus,
a.fancybox:hover,
a.fancybox:active {
	/* border-width: 0 2px 2px 0; */
	border-color: #ebaeae;
	}
a.fancybox:focus img,
a.fancybox:hover img,
a.fancybox:active img {
	border-color: #a32929;
	}
a.fancybox img {
	display: block;
	margin: 0;
	border: 1px solid #6a6a6a;
	border-width: 0 1px 1px 0;
	}
a.fancybox span {
	display: block;
	width: 16px;
	height: 17px;
	position: absolute;
	bottom: 1px;
	right: 1px;
	background: transparent url(../images/icn-zoom-sm.png) no-repeat left top;
	}
a.fancybox span.first {
	background-image: url(../images/icn-zoom-lrg.png);
	width: 50px;
	}
a.fancybox:focus span,
a.fancybox:hover span,
a.fancybox:active span {
	background-position: left -200px;
	}



/* IMAGE GALLERY
--------------------------------------------- */

div.gallery {
	margin: 0 -15px 0 0;
	}

div.gallery a {
	float: left;
	margin: 0 15px 15px 0;
	}


/* FOOTER
----------------------------------------------- */

#Footer {
	background: #f1f0f1;
	padding: 6px 10px;
	margin: 20px 0;
	}
#Footer p {
	margin: 0;
	position: relative;
	left: 0;
	top: 0;
	}
#Footer p a.download {
	position: absolute;
	right: 0;
	top: 0;
	padding-top: 0;
	padding-bottom: 0;
	}
#Footer p a.credit {
	color: #AAA;
	text-decoration: none;
	}
#Footer p a.credit:focus,
#Footer p a.credit:hover,
#Footer p a.credit:active {
	color: #666;
	text-decoration: underline;
	}


/* MISC
----------------------------------------------- */

/* Clear child floats */
.clear:after {
	display: block;
	clear: both;
	content: ".";
	visibility: hidden;
	height: 0;
	}

/* CMS integration */

#SilverStripeNavigator {
	z-index: 1000;
	}