/* TYPOGRAPHY FILE IMPORT */
@import url('type.css');
/* END TYPOGRAPHY FILE IMPORT */

/* CLEARING FIX FOR IE */

.clearfix:after, .navitem:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
* html .clearfix, * html .navitem { height: 1%; } /* IE6 */
*:first-child+html .clearfix,
*:first-child+html .navitem { height: 1%; } /* IE7 */

.HideFromScreen {
  	position: absolute;
  	top: -10000px;
}

.clear {
  	clear: both;
}

a img {
	border:none;
}

table {
	border-collapse:collapse;
}

/* END CROSS BROWSER RESET & CLEARING FIX FOR IE */


/* MORE / BACK LINK */
a.more-link, a.back-link {
		display:block;
		border:1px solid #DAE0E7;
		line-height:2em;
		text-align:center;
		font-weight:bold;
		width:85px;
		margin:8px 0;
		background-color:#FFFFFF;
}

a.more-link:hover, a.back-link:hover {
	background-color: #303B4B;
    color: #FFFFFF;
}
/* END MORE / BACK LINK */

/* HEADINGS */

/* END HEADINGS */

/* HTML / BODY */
	html, body {
		margin:0;
		padding:0;
	}
/* END HTML / BODY */

/* MAIN BACKGROUND */
	body {
		background-color:#FAFAFA;
	}
/* MAIN BACKGROUND */

/* WELCOME */
div#welcome {
	position:absolute;
	right:84px;
	top:10px;
}
	div#welcome p {
		margin:0 90px 0 0;
		font-weight:bold;
	}

	div#welcome p,
	div#welcome a.mydetails
	{
		color:#303B4B;
		background-color:#FAFAFA;
		border:1px solid #DAE0E7;
		text-transform:capitalize;
	}

	div#welcome a.mydetails:hover
	{
		background-color:#303B4B;
		color:#FFFFFF;
	}

	div#welcome p,
	div#welcome a
	{
		line-height:28px;
		padding:0 10px;
		height:28px;
		border:1px solid #DAE0E7;
	}

	div#welcome a,
	div#welcome span {
		font-weight:normal;
	}

	div#welcome span.logged_in {
		padding-right:6px;
	}

		div#welcome a.mydetails {
			display:block;
			position:absolute;
			right:0;
			top:0;
		}

		div#welcome a.basket {
			margin-left:8px;
		}

		div#welcome a.logout,
		div#welcome a.basket {
			border-width:0 0 0 1px;
			padding:0 0 0 10px;
		}

		div#welcome a.logout:hover,
		div#welcome a.basket:hover {
			text-decoration:underline;
		}
/* END WELCOME */

/* MAIN STRUCTURE */


	div#wrapper {
		width:940px;
		padding:0 10px;
		background-color:#FFFFFF;
		margin:0 auto;
		position:relative;
	}

		div#header {
			width:940px;
			height:130px;
			margin-bottom:10px;
			position:relative;
		}

		/* HEADER CUSTOM BLOCKS */

			div#NavHeader {
				position:absolute;
				top:20px;
				left:20px;
			}

			div#NavHeaderSlogan {
				position:absolute;
				top:53px;
				left:390px;
			}

			div#NavHeaderTelephone {
				position:absolute;
				top:54px;
				right:20px;
				background:url(default/telephone.png) no-repeat 0 0 scroll transparent;
			}

		/* END HEADER CUSTOM BLOCKS */
		div#section {
			width:940px;
			margin-bottom:15px;
		}

			div#content {
				width:940px;
			}

				div#article {
					width:700px;
					height:auto;
					float:right;
				}

					div#breadcrumbs {
						width:700px;
						height:30px;
						overflow:hidden;
						background:url(default/main-sprite.png) no-repeat -240px -90px scroll transparent;
					}

						div#breadcrumbs p {
							margin:0;
						}

						div#breadcrumbs ul {
							padding:0 10px;
							float:right;
							height:30px;
							overflow:hidden;
							margin:0;
						}

							div#breadcrumbs li {
								float:left;
								width:auto;
								height:30px;
								line-height:30px;
								display:block;
								margin:0;
								padding:0;
							}

									div#breadcrumbs li a,
									div#breadcrumbs li span.thispage,
									div#breadcrumbs li span.thisproduct {
										padding:0 5px;
									}

					div#pagecopy {
						overflow:hidden;
						margin:0 0 10px;
					}

						div#pagecopy div#pagesummary {
							background: none repeat scroll 0 0 #303B4B;
							color: #FFFFFF;
							height: 225px;
							overflow: hidden;
							padding: 5px 20px 20px;
							position: absolute;
							right: 10px;
							width: 210px;
						}

							div#pagecopy div#pagesummary h2 {
								padding:10px 0;
							}

						div#pagepictures {
							clear:both;
							overflow:hidden;
							width:700px;
							margin:10px 0;
							min-height:250px;
						}

						* html div#pagepictures {
							height:250px;
						}

					div#pages {
						margin:10px 0;
					}

				div#aside {
					width:220px;
					height:auto;
					overflow:hidden;
					float:left;
				}

					div#pagemenu {
					}

					div#aside ul {

					}

					div#search {
						width:28px;
						height:28px;
						border:1px solid #303B4B;
						position:absolute;
						top:10px;
						right:30px;
						overflow:hidden;
						background-color:#FFFFFF;
						z-index:100;
					}

						div#searchToggle {
							width:29px;
							height:28px;
							position:absolute;
							top:0;
							left:0;
							background-image:url(default/search_slider_sprite.png);
							background-repeat:no-repeat;
							background-color:#303B4B;
							z-index:10000;
						}

							div#searchToggle.slider_opened {
								background-position:0px -28px;
							}

							div#searchToggle.slider_closed {
								background-position:-1px -1px;
							}

						div#search p {
							margin:0;
							line-height:28px;
						}

						div#search label {
							display:none;
						}

						input#searchbox {
							margin:0;
							width:423px;
							padding:0 10px;
							line-height:28px;
							position:absolute;
							top:0;
							left:28px;
							border:none;
							height:28px;
							background-color:transparent;
						}

						input.pagesearchbutton, input.go {
							border-left: 1px solid #303B4B;
							height: 28px;
							position: absolute;
							right: 0;
							width: 28px;
						}

						div#nav {
							width:940px;
							height:40px;
							background:url(default/main-sprite.png) no-repeat 0 0 scroll transparent;
							position:absolute;
							left:10px;
							top:90px;
						}

		div#footer {
			width:940px;
			height:40px;
			background:url(default/main-sprite.png) no-repeat 0 0 scroll transparent;
			border-bottom:35px solid #FFFFFF;
		}

			div#footer p#designedby {
				float:right;
				clear:right;
			}
				div#footer p#designedby a {
					font-weight:bold;
				}

			div#footer p#copyright {
				float:left;
				clear:left;
			}

			div#footer p#copyright,
			div#footer p#designedby {
				margin:10px 5px;
			}
		/* FOOTER CUSTOM BLOCKS */
		div#NavFooterMenu {
			width:940px;
			height:40px;
			overflow:hidden;
		}

			div#NavFooterMenu div.navitem {
				height:40px;
				float:left;
				margin:0 0 0 20px;
			}

				div#NavFooterMenu div.navitem h2 {
					font-size:0.813em;
					line-height:40px;
					margin:0;
					padding:0;
				}
					div#NavFooterMenu div.navitem h2 a {
						color:#ffffff;
					}

					div#NavFooterMenu div.navitem h2 a:hover {
						color: #FAFAFA;
						text-decoration:underline;
					}
		/* END FOOTER CUSTOM BLOCKS */

/* END MAIN STRUCTURE */

/* LI BASED NAVIGATION TOP */

div#nav div.multilevelview {
	display:none;
}

div#nav li:hover div.multilevelview {
	display:block;
	height: auto;
    left: 0;
    position: absolute;
    top: 40px;
    width:660px;
	overflow:hidden;
	height:auto;
	background-color:#303B4B;
	border-radius:0 0 5px 5px;
}


div#nav div.column {
	float:left;
	width:220px;
}

div#nav ul {
    margin: 0;
    padding: 0;
	list-style: none;
 	position: relative;
	/* EDIT BELOW THIS LINE */

}

	div#nav li {
		float: left;
 	  	margin: 0;
	    padding: 0;
		position: relative;
		/* EDIT BELOW THIS LINE */
	}

		div#nav li.H a span {
			position:absolute;
			display:block;
			margin-left:-10000px;
		}

		div#nav li a {
			position: relative;
			float: left;
			display: block;
			/* EDIT BELOW THIS LINE */
			height: 40px;
			line-height: 40px;
			padding: 0 15px;
			font-weight:bold;
			color:#FFFFFF;
		}

			div#nav li:hover,div#nav li.active:hover {
				background-color:#DAE0E7;
			}
				div#nav li:hover a {
					color:#303B4B;
				}

			div#nav li.active {
				background-color:#303B4B;
			}

		div#nav li.H a {
			background: url("default/main-sprite.png") no-repeat scroll -537px -120px transparent;
			width:24px;
		}

		div#nav li.H a:hover {
			background-position:-482px -120px
		}

		div#nav li.H:hover {
			background:none;
		}

		* html div#nav li a {
			display: inline-block;
			/* EDIT BELOW THIS LINE */
		}

			div#nav li a span {
				display: block;
			}

	div#nav ul ul {
		position: absolute;
		margin: 0;
		height: auto;
		/* EDIT BELOW THIS LINE */
		width:220px;
		height:auto;
		padding:10px 0;
		position:absolute;
		top:40px;
		left:0;
		background-color:#303B4B;
		border-radius:0 0 5px 5px;
	}

	div#nav ul div.multilevelview ul {
		position:relative;
		top:auto;
		left:auto;
		background:none;
		border-radius:0 0 0 0;
	}

	* html div#nav ul ul {
	}

		div#nav li li {
			float: none;
			/* EDIT BELOW THIS LINE */

		}

			div#nav li li a {
				display: block;
				float: none;
				overflow: hidden;
				/* EDIT BELOW THIS LINE */
				height:auto;
				line-height:1.5em;
				padding:5px 15px;
			}

			div#nav li:hover li a {
				color:#FFFFFF;
			}

			div#nav li li.active a,
			div#nav li li a:hover {
				color:#303B4B;
				background-color:#DAE0E7;
			}


				div#nav li li a span {

				}

	/* SHOW/HIDE SUB NAVIGATION */
		div#nav ul ul,
		div#nav ul li:hover ul ul,
		div#nav ul ul li:hover ul ul {
			display: none;
		}

		div#nav ul li:hover ul,
		div#nav ul ul li:hover ul,
		div#nav ul ul ul li:hover ul {
			display: block;
		}
	/* END SHOW/HIDE SUB NAVIGATION */


/* END LI BASED NAVIGATION TOP */

/* PAGE MENU LIST */
div#pagemenu h3 {
	width:180px;
	overflow:hidden;
	height:40px;
	line-height:40px;
	background:url(default/main-sprite.png) no-repeat 0 -120px transparent;
	padding:0 20px;
	margin-bottom:10px;
}

div#pagemenu ul {
	margin: 0;
	padding: 0;
}

	div#pagemenu li {
		list-style: none;
		padding: 0;
		width:220px;
	}

	div#pagemenu li.haschildren {
		background:url(default/haschildren-bg.png) no-repeat 4px 11px scroll transparent;
	}

	div#pagemenu li:hover,
	div#pagemenu li.active li.active,
	div#pagemenu li.active li a:hover {
		background-color:#FAFAFA;
	}

		div#pagemenu li a {
			display: block;
			width:200px;
			line-height: 20px;
			padding: 5px 0 5px 20px;
		}

		div#pagemenu li.active a {
			padding:5px 0 5px 20px;
			line-height:20px;
			color:#FFFFFF;
			background:url(default/li-a-haschildren-bg.jpg) no-repeat 0 100% transparent;
		}

		div#pagemenu li.active {
			background:url(default/main-sprite.png) no-repeat 0 -40px transparent;
		}

		div#pagemenu li.active.haschildren a,
		div#pagemenu li.active li.haschildren,
		div#pagemenu li.active.haschildren li li,
		div#pagemenu li.active.haschildren li li a {
			background:none;
		}

			div#pagemenu ul ul {
				background:url(default/rounded-corner-220px-bottom-mask.png) no-repeat 0 100% scroll #DAE0E7;
				padding:10px 0;
				margin-bottom:10px;
			}

			div#pagemenu li li:hover {
				background-color:transparent;
			}

				div#pagemenu li.active li a {
					background:none;
					color:#303B4B;
					height:25px;
					line-height:25px;
					padding:0 0 0 20px;
				}

				div#pagemenu li.active li.current a {
					background:#FAFAFA;
				}

				div#pagemenu ul ul ul {
					background:none;
					padding:0;
					margin:0;
				}

				div#pagemenu li li li {
					height:auto;
					padding:5px 0 5px 10px;
					width:auto;
					background-color:#DAE0E7;
				}

				div#pagemenu li li li:hover,
				div#pagemenu li li li.active {
					background:url("default/main-sprite.png") no-repeat scroll -916px -144px #FAFAFA !important;
				}

				div#pagemenu li.active li li a {
					font-weight:normal;
					line-height:1.35em;
					width:170px;
					height:auto;
				}

					div#pagemenu li li li li a {

					}

						div#pagemenu li li li li li a {

						}

							div#pagemenu li li li li li li a {

							}

div#pagemenu ul#mymenu,
div#pagemenu ul#backto {
	display: none;
}

div#pagemenu li ul {
    display: none;
}
div#pagemenu li.active ul {
    display: block;
}

/* END PAGE MENU LIST */


/* COLS */
	.column {
		position:relative;
	}
/* TWO COLS */
	div.two-cols {
		width:700px;
		padding:10px 0;
	}
		div.two-cols div.column {
			width:335px;
			float:left;
			margin-right:30px;
			overflow:hidden;
		}

		div.two-cols div.right {
			margin-right:0;
		}

			div.two-cols div.column p {
				margin:8px 0;
			}

			div.two-cols div.column h2 {
				padding:0;
			}
/* END TWO COLS */


/* FOUR COLS */
	div.four-cols {
		width:695px;
		height:auto;
		padding:0 3px 0 2px;
	}

		div.four-cols div.column {
			width:150px;
			padding:2px 10px 10px;
			float:left;
			margin-right:5px;
		}

		div.four-cols div.column:hover {
			background-color:#EFEFEF;
		}

		div.four-cols div.right {
			margin-right:0;
		}

			div.four-cols div.image,
			div.four-cols div.pic a.thm {
				background-color:#FFFFFF;
				overflow:hidden;
				position:relative;
			}

				div.four-cols div.image a,
				div.four-cols div.pic a.thm img {
					position:relative;
				}

				div.four-cols div.pic a.thm {
					margin-bottom:10px;
				}

			div.four-cols div.column h2 {
				font-size:0.75em;
			}

			div.four-cols div.column h2,
			div.four-cols div.column p {
				margin:8px 0;
			}
/* END FOUR COLS */

/* FORMS */
div.formcontainer {
    border-top: 1px dotted #999999;
    clear: both;
    margin-top: 20px;
    width: 910px;
}
div.form_section h4 {
    font-size: 1.25em;
    margin-top: 20px;
}

form.contact select {
	width:253px;
	margin:7px 0 0;
}

div.controltype_menu label,
div.controltype_location {

}

div.formcontainer h3 {
    height: 40px;
    line-height: 40px;
    padding-left: 40px;
    width: 100%;
}
form.contact {
    padding: 0 10px 40px;
}
form.contact label, form.contact strong, form.contact span.form_fieldmsg {
    font-family: Helvetica,Arial,sans-serif;
    font-size: 0.75em;
    font-weight: normal;
}
form.contact input {
    border: medium none;
    font-size: 0.75em;
}
form.contact textarea.form_textarea {
    border: medium none;
    font-size: 0.75em;
    height: 120px;
}
form.contact span.form_req {
    float: none;
}
form.contact span.checkboxes {
    float: left;
    line-height: 30px;
    width: 300px;
}
form.contact span.checkbox {
    float: left;
    line-height: 30px;
    width: 300px;
}
form.contact input.form_text {
    background-color: #FAFAFA;
    border: 1px solid #D6DDDC;
    height: 26px;
    line-height: 26px;
    margin: 2px 0;
    padding: 0 10px;
    width: 232px;
}
form.contact input#postcode, form.contact input.form_date {
    background-color: #FAFAFA;
    border: 1px solid #D6DDDC;
    height: 26px;
    line-height: 26px;
    margin: 2px 0;
    padding: 0 10px;
    width: 100px;
}
form.contact input#comment_captcha, form.contact input#form_ContactForm_captcha {
    background-color: #FAFAFA;
    border: 1px solid #D6DDDC;
    height: 26px;
    line-height: 26px;
    margin: 2px 0;
    padding: 0 10px;
    width: 75px;
}
form.contact input.form_file {
    background-color: #F5F5F5;
    color: #202020;
    margin: 5px 0;
    padding: 0 10px;
    width: 232px;
}
form.contact textarea.form_textarea {
    background-color: #FAFAFA;
    border: 1px solid #D6DDDC;
    font-size: 0.75em;
    height: 110px;
    margin: 2px 0;
    padding: 5px 10px;
    width: 232px;
}
form.contact label.form_fieldreq, form.contact label.form_field {
    display: block;
    float: left;
    font-size: 0.8em;
    line-height: 24px;
    padding: 4px 4px 0 0;
    text-align: right;
    width: 120px;
}
* html form.contact label.form_fieldreq, * html form.contact label.form_field {
    display: inline;
}
form.contact span.form_fieldmsg {
    display: none;
}
form.contact input.form_submit {
    background: none repeat scroll 0 0 #FAFAFA;
	border:1px solid #DAE0E7;
    font-size: 0.875em;
	line-height:2em;
	height:2em;
	font-weight:bold;
    margin: 8px 0 8px 124px;
    padding: 0;
    text-align: center;
    width: 254px;
}

form.contact input.form_submit:hover {
	background-color: #303B4B;
    color: #FFFFFF;
}
form.contact div.form_alert select, form.contact div.form_alert textarea.form_textarea, form.contact div.form_alert input.form_text {
    background: url("../../images/alert.gif") no-repeat scroll 98% 50% #FAFAFA;
}

form.contact div.form_alert select {
    background-position: 93% 50%;
}
form.contact div.form_alert textarea.form_textarea, form.contact div.form_alert input.form_text {
    padding: 2px 25px 2px 10px;
    width: 217px;
}

form.contact div.form_alert input#postcode, form.contact div.form_alert input.form_date {
    background-color: #FFE6E6;
}

div.form_ok, div.form_alert {
    clear: both;
}

* html div.form_ok, * html div.form_alert {
    height: 1px;
}

form.contact div.controltype_radio * {
    line-height: 40px;
    margin: 0;
    padding: 0;
}

form.contact div.controltype_radio input {
    margin: 0 10px 0 5px;
}

/* END FORMS */

/* BASKET HOVER */
div#BasketSummary {
    background-color: #FAFAFA;
    overflow: hidden;
    position: absolute;
    right: 174px;
    top: 40px;
    width: 370px;
    z-index: 1000;
    border:10px solid #FFFFFF;
}

div#BasketMessage {
    overflow: hidden;
    padding: 0 10px;
    height:50px;
    border-width:1px 1px 0;
    border-style:solid;
    border-color:#DAE0E7;
}

div#BasketMessage p {
	font-size:1em;
	margin:0px;
}

	div#BasketMessage span.qty {
		margin: 0;
		line-height:50px;
	}

	div#BasketMessage span.qty,
	div#BasketMessage span.cost {
		font-weight:bold;
		font-size:1em;
	}

		div#BasketMessage span.qty span {
			font-weight:normal;
		}

div#BasketMessage p a span.view {
  background: none repeat scroll 0 0 #FFFFFF;
  border: 1px solid #DAE0E7;
  display: block;
  line-height: 28px;
  padding: 0 10px;
  position: absolute;
  right: 10px;
  text-align: center;
  top: 10px;
  width: 70px;
  font-size:0.75em;
}

div#BasketMessage p a span.view:hover {
	color:#FFFFFF;
    background-color: #303B4B;
}

div#BasketContents {
    overflow: hidden;
}
div#BasketSummary p.loading {
    background: url("default/ajax-loader.gif") no-repeat scroll 50% 50% transparent;
    height: 34px;
}

div#BasketSummary p.loading span,
div#BasketSummary div.summary,
div#BasketSummary div.quantity
{
    display: none;
}
div#BasketSummary div.image {
    background-color: #FFFFFF;
    position: relative;
	border:1px solid #DAE0E7;
	overflow:hidden;
	width:78px;
	height:78px;
}
	div#BasketSummary div.image .thm {
		margin:-1px;
	}

div#BasketSummary div.shipping {
	font-weight:bold;
    width:348px;
    clear:both;
    margin-bottom:10px;
}
div#BasketSummary a.close {
    display:none;
}

div#BasketSummary div.price {
  width:80px;
  text-align:center;
  line-height:30px;
  font-size:1em;
}
div#BasketSummary div.price strong {
	font-weight:normal;
}
div#BasketSummary div.quantity {
    margin: 5px 0 5px 5px;
    text-align: center;
    width: 20px;
}
div#BasketSummary ul {
    margin: 0;
    padding: 0;
    overflow:hidden;
    border-width:0 1px 1px;
    border-style:solid;
    border-color:#DAE0E7;
}

div#BasketSummary ul li {
    float: left;
    list-style: none outside none;
    margin: 0 0 10px 10px;
    padding: 0;
}

/* END BASKET HOVER */

/* GALLERY */
	div#gallery .column {
		width:150px;
		height:auto;
		overflow:hidden;
	}
		div#gallery h5,
		div#gallery p {
			display:none;
		}

		div#gallery .column a.more-link {
			display:none;
		}

			div#gallery .column a.image {
				margin-bottom:10px;
			}
/* END GALLERY */

div.socialmedia_wrapper {
	height:auto;
	overflow:hidden;
	margin:10px 0;
}

	div.socialmedia {
		float:left;
		margin-right:5px;
	}

div#files {
	margin: 20px 0;
	padding: 0 10px;
}
div#files ul {
	list-style-type: none;
	margin: 0 0 20px 0;
	padding: 0;
}
div#files li {
	margin: 5px 0;
	padding: 0;
}
div#files li a {
	display: block;
	padding: 16px 0 16px 80px;
	background: url(/images/byextension/other.png) no-repeat 0 50%;
	height: 32px;
	line-height: 32px;
}
div#files li.pdffile a {
	background-image: url(/images/byextension/pdf.png);
}
div#files li.docfile a {
	background-image: url(/images/byextension/doc.png);
}
div#files li.docxfile a {
	background-image: url(/images/byextension/docx.png);
}
div#files li.xlsfile a {
	background-image: url(/images/byextension/xls.png);
}
div#files li.xlsxfile a {
	background-image: url(/images/byextension/xlsx.png);
}
div#files li.pptfile a {
	background-image: url(/images/byextension/ppt.png);
}
div#files li.pptxfile a {
	background-image: url(/images/byextension/pptx.png);
}
div#files li.zipfile a {
	background-image: url(/images/byextension/zip.png);
}
div#files a.get_adobe_reader {
	float: left;
	display: block;
	width: 112px;
	padding: 38px 0 0 0;
	background: url(/images/get_adobe_reader.gif) no-repeat 0 0;
	margin: 0 20px 0 0;
	text-align: center;
	font-size: 0.8em;
}