@import "reset.css";

/***********************************************************
	type
***********************************************************/
h2, h2, h3, h4 {
	color: #444;
	margin:10px 0;
	}

h1 {
 font-size:1.8em;
 margin-bottom:10px;
}

h2 {
	font-size:1.3em;
	}

h3 {
	font-size:1.1em;
	}

p, li {
	font-size:0.8em;
	margin:0 0 10px 0;
	}

li {
	margin: 0 5px;
	}

li p, td p, li li {
	font-size:100%;
	}

a {
	color:#8cb23f;
	text-decoration:underline;
	}

a:hover {
	text-decoration:none;
	}

p#feedback {
	background:url(../images/alert_icon.png) no-repeat left center;
	position:absolute;
	top:85px;
	margin-left:30px;
	padding:2px 4px 2px 20px;
	}

p#feedback span {
	background:#669900;
	margin-left:10px;
	color:#FFF;
	padding:4px;
	}

.dim {
	color:#999;
	}

.main-content ul, .main-content ol {
	margin:20px;
	}

p.bread {
	font-size: 0.75em;
	}

.main-content h2 {
	background:#0c81ff;
	color:#FFF;
	padding:4px 10px;
	margin-bottom:5px;
	font-size:0.8em;
	font-weight:bold;
	}

#admin-link {
	position:absolute;
	top:25px;
	width:930px;
	text-align:right;
	font-size:0.7em;
	}

div.growlUI {
	background: url(../images/growler.png) no-repeat 10px 10px;
	min-height:75px;
	}

div.growlUI h1, div.growlUI h2 {
	color: white;
	padding: 5px 5px 5px 75px;
	text-align: left;
	font-size: 100%;
}


/***********************************************************
	structure
***********************************************************/
body {
	color:#191919;
	background:#0c81ff url(../images/bg.png) repeat-x;
	}

#wrap {
	margin:0 auto;
	width:980px;
	background: #FFF url(../images/wrapBg.png) repeat-y;
	}

#header {
	background: url(../images/headerBg.png) no-repeat;
	height:220px;
	padding:28px 10px 0;
	}

#logo {
	position:absolute;
	margin:21px 0 0 29px;
	}

#contact, #enq-summary, #search-site {
	width:931px;
	text-align:right;
	margin:0;
	font-size:14px;
	font-weight:bold;
	margin-bottom:8px;
	}

#contact {
	padding-top:15px;
	}

#header a {
	text-decoration:none;
	}

#header a:hover {
	text-decoration:underline;
	}

#contact a {
	color:#669900;
	}

#enq-summary span {
	background: url(../images/enqArrow.png) no-repeat left center;
	padding-right:4px;
	}

#enq-summary span em {
	visibility:hidden;
	}

#search-site, #enq-summary a {
	color:#0c81ff;
	}

#search-submit {
	margin-bottom:-5px;
	}

#filter-bar	{
	position:absolute;
	top:181px;
	height:35px;
	width:950px;
	margin-left:15px;
	border-bottom:2px dotted #CCC;
	background: url(../images/filterBg.png) repeat-x;
	}

#main {
	float:right;
	width:670px;
	margin:0 40px 20px 30px;
	}

#fullwidth {
	margin:0 40px 20px 40px;
	}

#links {
	float:left;
	width:200px;
	margin:0 0 20px 40px;
	}

#footer {
	clear:both;
	background:#0c81ff url(../images/footerBg.png) no-repeat;
	color:#FFF;
	text-align:center;
	padding:35px 0;
	}

#footer p {
	font-size:0.7em;
	color:#FFF;
	}

#footer a {
	color:#FFF;
	}

.none {
	display:none;
	}

.clear {
	clear:both;
	}

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

/***********************************************************
	Promo boxes
***********************************************************/
.promo-box {
	background:#66cf00 url(../images/special_promo.png) no-repeat;
	width:200px;
	min-height:100px;
	margin-bottom:20px;
	}

#faqbox {
	background:#0c80fc url(../images/faq_promo.png) no-repeat;
	}

.promo-box a {
	color:#FFF;
	}

.promo-box h2 {
	position:absolute;
	top:-10000px;
	}

.promo-box p {
	padding:70px 10px 0;
	color:#FFF;
	line-height:120%;
	font-size:0.7em;
	}

#faqbox	p {
	padding-top:45px;
	}

.js-enabled {
	cursor:pointer;
	}

#promos-full {
	float:right;
	width:420px;
	margin-right:30px;
	}

#promos-full .promo-box {
	float:left;
	width:200px;
	}

#promos-full #faqbox {
	margin-left:10px;
	}

img.prod-image {
	border:1px solid #d6d6d6;
	padding:5px;
	}

/***********************************************************
	find your product
***********************************************************/
#filter-bar h2, #filter-bar p {
	position:absolute;
}

#filter-bar h2 {
	text-indent:-10000px;
	width:113px;
	height:14px;
	margin:12px 0 0 25px;
	background: url(../images/find_your_product.png) no-repeat;
	}

#filter-bar p {
	margin:6px 0 0 150px;
	}

#filter-bar select {
	color:#999999;
	padding:1px;
	border: 1px solid #000;
	}

#filter-bar .plus {
	text-indent:-10000px;
	display:inline-block;
	background: url(../images/plus.gif) no-repeat center;
	width:10px;
	padding:0 10px;
	}

#filter-bar .plus-wait {
	background-image: url(../images/ajax-loader-fyp.gif);
	}

#fypSubmit {
	cursor:pointer;
	margin:0 0 4px 10px;
	vertical-align:middle;
	}

/***********************************************************
	main navigation
***********************************************************/
#nav1 {
	margin:0;
	padding:0;
	position:absolute;
	height:45px;
	overflow:hidden;
	list-style-type:none;
	top:135px;
	margin-left:30px;
	}

#nav1 li {
	display:block;
	float:left;
	margin:0;
	}

#nav1 li a {
	display:block;
	height:0;
	padding-top:45px;
	width:100px;
	background:no-repeat 0 0 ;
	}

#nav1 li a:hover, #nav1 li.hi a {
	background-position:0 -45px;
	}

#nav1 li#nav1_woodworking a {
	background-image: url(../images/menu_woodworking.png);
	}

#nav1 li#nav1_metalworking a {
	background-image: url(../images/menu_metalworking.png);
	}

#nav1 li#nav1_composites a {
	background-image: url(../images/menu_composites.png);
	}

#nav1 li#nav1_solid a {
	background-image: url(../images/menu_solid.png);
	}

#nav1 li#nav1_glass a {
	background-image: url(../images/menu_glass.png);
	}

#nav1 li#nav1_wood_flooring a {
	background-image: url(../images/menu_wood_flooring.png);
	}

#nav1 li#nav1_precision_finishing a {
	background-image: url(../images/menu_precision_finishing.png);
	}

#nav1 li#nav1_tapes_and_packaging a {
	background-image: url(../images/menu_tapes_and_packaging.png);
	}

#nav1 li#nav1_specials a {
	background-image: url(../images/menu_specials.png);
	}

/***********************************************************
	forms
***********************************************************/
fieldset {
	border:none;
	margin:0 0 20px 0;
	padding:0;
	}

legend {
	margin:0 10px 0 0;
	color:#0C81FF;
	font-size: 0.9em;
	}

input.button {
	cursor:pointer;
	}

fieldset ol {
	list-style-type:none;
	margin:15px 0 !important;
	padding:0;
	}

fieldset ol li {
	margin:0 0 10px;
	clear:left;
	}

fieldset ol li em {
	color:red;
	}

fieldset ol li p {
	margin:5px 0;
	}

fieldset .formLabel {
	float:left;
	padding:4px 10px 4px 4px;
	width:150px;
	}

fieldset .formData {
	float:left;
	padding:4px;
	}

.formBox, .formBoxError {
	border:1px solid #000;
	padding:1px;
	color:#666;
	}

.formBox:focus {
	}

.formBoxError {
	background:#FDDE9D;
	color:#333;
	}

textarea {
	font-size:13px;
	}

.error {
	color:red;
	}

fieldset .formFeedback {
	padding-left:100px;
	}

a.submitButton {
	display:block;
	text-align:center;
	}

.submitButton:hover, .submitButton:focus {
	border-color:#ee2752;
	}

.submitRow {
	padding-left:168px;
	clear:left;
	padding-top:15px;
	}

.submit-image {
	cursor:pointer;
	margin:0 0 4px 10px;
	vertical-align:middle;
	}

/***********************************************************
	banner ads
***********************************************************/
.banner {
	clear:both;
	margin-top:30px;
	margin-bottom:20px;
	background:#ebebeb;
	width:468px;
	height:60px;
	}

#banner-home {
	margin-left:135px;
	}

#banner-internal {
	margin-left:370px;
	}

#banner-full {
	margin-left:40px;
	clear:none;
	margin-top:0;
	}

/***********************************************************
contact-details
***********************************************************/
.main-content .contact-details {
	list-style-type:none;
	margin:0;
}

.main-content .contact-details li {
	clear:left;
	padding-top:10px;
}

.cd-left, .cd-right {
	float:left;
	width:130px;
}

.cd-right {
	width:500px;
}

/***********************************************************
	FAQs
***********************************************************/
.faq-body {
	display:none;
}

.faq-visible {
	display:block;
}