/* /////////////////////////////////
	OFH CSS 
	by Benek Lisefski
	http://www.benekdesign.com
///////////////////////////////// */

/* reset whitespace */
* { 
	margin:0;
	padding:0;
}

/* /////////////////////////////////
	LAYOUT
///////////////////////////////// */

body {
	font: normal 12px arial, tahoma, verdana;
	color: #666;
	background: #fff;
	line-height: 18px;
}

.center {
	width: 960px;
	margin: 0 auto;
}

.left {
	float: left;
}

.right {
	float: right;
}

.clear { 
	clear: both; 
	height: 0; 
	line-height: 0px;
	font-size: 0px;
	text-indent: -5000px;
}

.hidden {
	display: none;
}

/* /////////////////////////////////
	BASIC TEXT
///////////////////////////////// */

h1 {
	font: bold 36px arial, tahoma, verdana;
	color: #000;
	margin: 0 0 0 0;
	letter-spacing: -2px;
	text-align: left;
}

h1.grey {
	color: #d9d9d9;
}

h1.marginTop {
	margin-top: 24px;
}

h2 {
	font: bold 18px arial, tahoma, verdana;
	color: #000;
	margin: 0;
}

h2.large {
	font-size: 24px;
	letter-spacing: -1px;
}

h2.grey,
h2 span.grey {
	color: #d9d9d9;
}

h2.borderTop {
	border-top: solid 3px #e7e7e7;
	clear: both;
	margin: 0 0 0 0;
	padding: 24px 0 0 0;
}

h3 {
	font: bold 16px arial, tahoma, verdana;
	color: #000;
	margin: 18px 0 -8px 0;
}

p, ul, ol {
	margin: 12px 0px 12px 0px;
}

ul {
	list-style-type: none;
}

/* /////////////////////////////////
	DEFAULT LINKS
///////////////////////////////// */

a img { border: none }

a:link,
a:visited {
	color: #be0f0f;
	text-decoration: none;
}

a:hover {
	color: #ee0202;
	text-decoration: none;
}

a:focus {
	outline: 0;
}

a.button:link,
a.button:visited {
	display: block;
	height: 28px;
	overflow: hidden;
	text-indent: -5000px;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: left top;
}

a.button:hover {
	background-position: left -28px;
}

/* /////////////////////////////////
	HEADER
///////////////////////////////// */

#header {
	height: 97px;
	background: transparent url('../i/bg-header.gif') repeat-x left top;
}

#logo {
	display: block;
	width: 287px;
	height: 56px;
	overflow: hidden;
	background: transparent url('../i/logo.gif') no-repeat left top;
	text-indent: -5000px;
	margin: 25px 0 0 0;
	float: left;
}

#header h3 {
	float: right;
	width: 443px;
	height: 16px;
	overflow: hidden;
	background: transparent url('../i/tagline.gif') no-repeat left top;
	text-indent: -5000px;
	margin: 50px 0 0 0;
}

/* /////////////////////////////////
	NAV
///////////////////////////////// */

#navBar {
	background: #e7e7e7;
	height: 46px;
	padding: 8px 0;
}

ul#nav {
	width: 960px;
	height: 46px;
	overflow: hidden;
	margin: 0 auto;
	list-style-type: none;
	background: #000 url('../i/bg-nav.gif') no-repeat left top;
	padding: 0;
}

ul#nav li {
	display: block;
	float: left;
	height: 46px;
}

ul#nav li a:link,
ul#nav li a:visited {
	display: block;
	float: left;
	height: 46px;
	color: #fff;
	font: bold 12px arial;
	overflow: hidden;
	text-indent: -5000px;
	background-color: transparent;
	background-position: 0 0;
	background-repeat: no-repeat;
}

ul#nav li#navHome a:link,
ul#nav li#navHome a:visited { background-image: url('../i/nav-home.gif'); width: 78px; }

ul#nav li#navCatalogue a:link,
ul#nav li#navCatalogue a:visited { background-image: url('../i/nav-catalogue.gif'); width: 103px; }

ul#nav li#navDownloads a:link,
ul#nav li#navDownloads a:visited { background-image: url('../i/nav-downloads.gif'); width: 109px; }

ul#nav li#navAbout a:link,
ul#nav li#navAbout a:visited { background-image: url('../i/nav-about.gif'); width: 95px; }

ul#nav li#navFAQ a:link,
ul#nav li#navFAQ a:visited { background-image: url('../i/nav-faq.gif'); width: 63px; }

ul#nav li#navGallery a:link,
ul#nav li#navGallery a:visited { background-image: url('../i/nav-gallery.gif'); width: 80px; }

ul#nav li#navEnquiries a:link,
ul#nav li#navEnquiries a:visited { background-image: url('../i/nav-enquiries.gif'); width: 96px; }

ul#nav li#navLinks a:link,
ul#nav li#navLinks a:visited { background-image: url('../i/nav-links.gif'); width: 67px; }

ul#nav li#navContact a:link,
ul#nav li#navContact a:visited { background-image: url('../i/nav-contact.gif'); width: 107px; }

ul#nav li#navBasket a:link,
ul#nav li#navBasket a:visited { background-image: url('../i/nav-quote-basket.gif'); width: 124px; }

ul#nav li a:hover {
	background-position: left -46px;
}

ul#nav li a.current:link,
ul#nav li a.current:visited {
	background-position: left -92px;
}

ul#nav li#navSearch { background: transparent url('../i/bg-search-left.gif') no-repeat left top; width: 235px; }

/* /////////////////////////////////
	SUB NAV
///////////////////////////////// */

.subNav {
	margin: 18px 0 18px -20px;
	width: 190px;
	overflow: hidden;
}

.subNav li {
	margin: 0;
	padding: 0 0 0 20px;
}

.subNav a:link,
.subNav a:visited {
	display: block;
	width: 170px;
	padding: 0;
	color: #666;
}

.subNav a:hover {
	color: #be0f0f;
}

.subNav li.active a:link,
.subNav li.active a:visited {
	font-weight: bold;
	color: #000;
}

.subNav ul {
	font-size: 11px;
	margin: 0 0 0 -20px;
}

.subNav ul li {
	padding-left: 32px;
}

.subNav ul a:link,
.subNav ul a:visited,
.subNav li.active ul a:link,
.subNav li.active ul a:visited {
	color: #666;
	font-weight: normal;
}

.subNav ul a:hover,
.subNav li.active ul a:hover {
	color: #be0f0f;
}

.subNav ul .active {
	background: transparent url('../i/subnav-current.gif') no-repeat left center;
}

.subNav ul li.active a:link,
.subNav ul li.active a:visited {
	color: #be0f0f;
}

/* /////////////////////////////////
	CONTENT 
///////////////////////////////// */

#content {
	height: 1%;
	overflow: hidden;
	padding: 0;
	margin: 1px 0;
}

#content .center {
	height: 1%;
	overflow: hidden;
	padding: 0;
	background: transparent url('../i/bg-subcol.gif') repeat-y 750px top;
}

.mainCol {
	width: 720px;
	padding: 36px 30px 20px 0;
}

.subCol {
	width: 190px;
	padding: 46px 0 20px 20px
}

.extraCol {
	height: 1%;
	overflow: hidden;
	background: transparent url('../i/bg-subcol.gif') repeat-y 270px top;
}

#slides {
	width: 720px;
	height: 320px;
	overflow: hidden;
	background: #fff;
	padding: 10px 0 1px 0;
}

.slideNum:link,
.slideNum:visited {
	width: 18px;
	height: 18px;
	background: transparent url('../i/slide-num.png') no-repeat left top;
	margin-right: 2px;
	font-size: 11px;
	line-height: 18px;
	text-align: center;
	color: #000;
	opacity: .6;
	filter: alpha(opacity=60);
}

.slideNum:hover {
	opacity: .8;
	filter: alpha(opacity=80);
}

.slideNumSelected:link,
.slideNumSelected:visited {
	width: 18px;
	height: 18px;
	background: transparent url('../i/slide-num.png') no-repeat left top;
	margin-right: 2px;
	font-size: 11px;
	line-height: 18px;
	text-align: center;
	color: #000;
	opacity: 1;
	filter: alpha(opacity=100);
}

#button-ofh:link,
#button-ofh:visited {
	background-image: url('../i/button-ofh.gif');
	width: 159px;
}

#button-efh:link,
#button-efh:visited {
	background-image: url('../i/button-efh.gif');
	width: 159px;
}

#button-pp:link,
#button-pp:visited {
	background-image: url('../i/button-pp.gif');
	width: 159px;
}

#button-acr:link,
#button-acr:visited {
	background-image: url('../i/button-acr.gif');
	width: 159px;
}

.subCol .button {
	margin-bottom: 6px;
}

.productImage {
	float: left;
	width: 240px;
	padding: 0 30px 0 0;
}

.productDetail {
	float: left;
	width: 420px;
	padding: 0 0 0 30px;
}

.section1 {
	border-bottom: solid 3px #e7e7e7;
	min-height: 270px;
	margin-bottom: 20px;
}

.pdf:link,
.pdf:visited {
	padding: 2px 0 2px 40px;
	background: transparent url('../i/pdf.gif') no-repeat left center;
}

.text ul li,
.productDetail ul li {
	margin-bottom: 6px;
	color: #000;
	padding-left: 13px;
	background: transparent url('../i/bullet.gif') no-repeat left 4px;
}

.thumbs {
	float: right;
	margin-right: -10px;
}

a.thumb:link,
a.thumb:visited {
	display: block;
	float: left;
	margin-right: 10px;
	width: 60px;
	height: 60px;
	overflow: hidden;
	border: solid 1px #e7e7e7;
	padding: 4px;
}

a.thumb:hover {
	border-color: #b1b1b1
}

a.currentThumb:link,
a.currentThumb:visited {
	border-color: #000;
}

.related {
	float: left;
	margin-top: 70px;
}

.productRelated {
	margin: 14px 0 18px 0;
	height: 1%;
	width: 420px;
	overflow: hidden;
	border-top: solid 3px #e7e7e7;
	clear: both;
}

.productDetail .productRelated li {
	display: block;
	float: left;
	width: 110px;
	padding: 16px 15px 0 0;
	background: none;
}

.productRelated a.img:link,
.productRelated a.img:visited {
	border: solid 1px #e7e7e7;
	display: block;
	background: #fff;
	padding: 4px;
}

.productRelated a.img:hover {
	border-color: #b1b1b1
}

.productRelated h2 {
	margin: 8px 0 0 0;
	line-height: 16px;
}

.productRelated h2 a:link,
.productRelated h2 a:visited {
	color: #000;
}

.productRelated h2 a:hover {
	color: #be0f0f;
}

#map {
	margin: 12px 0 24px 0;
}

.notice-msg, .note-msg {
	clear: both;
	margin-top: 10px;
}

/* /////////////////////////////////
	CATALOGUE
///////////////////////////////// */


h1.left {
	float: left;
	margin-right: 28px;
	margin-bottom: 10px;
}

.catDesc {
	float: left;
	color: #afafaf;
	line-height: 16px;
	font-style: italic;
	width: 300px;
	margin: 6px 0 18px 0;
}

.productGrid {
	margin: 14px 0 18px 0;
	height: 1%;
	overflow: hidden;
	border-top: solid 3px #e7e7e7;
	clear: both;
}

.productGrid li {
	display: block;
	float: left;
	width: 230px;
	height: 134px;
	padding: 16px 10px 0 0;
	border-bottom: solid 3px #e7e7e7;
}

.noBorder li {
	border-bottom: 0;
}

.productGrid li img {
	float: left;
	margin: 0 14px 18px 0;
}

.productGrid h2 {
	margin-bottom: 9px;
	line-height: 16px;
}

.productGrid h2 a:link,
.productGrid h2 a:visited {
	color: #000;
}

.productGrid h2 a:hover {
	color: #be0f0f;
}

.productGrid ul.desc {
	border: 0;
	margin: 0;
}

.productGrid ul.desc li {
	float: none;
	width: auto;
	height: auto;
	padding: 0;
	border: 0;
	line-height: 14px;
	margin: 0 0 6px 0;
}

.productGrid .extra {
	margin: 6px 0;
}

.page {
	font-size: 24px;
	font-weight: bold;
	color: #d9d9d9;
	letter-spacing: -1px;
	margin: 18px 0;
}

.page a:link,
.page a:visited {
	color: #d9d9d9;
}

.page a.current:link,
.page a.current:visited,
.page a:hover {
	color: #999;
}



/* /////////////////////////////////
	FORMS
///////////////////////////////// */

fieldset {
 	border: 0;
}

fieldset.left,
fieldset.right {
	width: 360px;
}

fieldset.borderTop {
	border-top: solid 3px #e7e7e7;
	clear: both;
	margin: 0 0 0 0;
	padding: 24px 0 0 0;
}

fieldset.wide {
	clear: both;
}

#searchForm {
	height: 35px;
	margin: 0;
	padding: 11px 0 0 25px;
}

#searchForm input {
	border: 0;
	background: #000 url('../i/bg-search-input.gif') no-repeat left top;
	font-size: 12px;
	color: #666;
	padding: 5px 8px;
	width: 147px;
	margin: 0;
	float: left;
}

#searchForm #searchBtn {
	width: 25px;
	height: 24px;
	padding: 0;
	float: left;
}

.formRow {
	margin: 18px 0;
}

.formRow li {
	clear: both;
	overflow: hidden;
	height: 1%;
	padding-bottom: 9px;
}

input:focus,
select:focus,
textarea:focus {
	outline: 0;
}

label {
	margin: 0 0 2px 0;
	display: block;
}

input.input {
	border: solid 1px #e7e7e7;
	background: #fff url('../i/bg-input.gif') repeat-x left bottom;
	padding: 5px 4px;
	font: normal 12px arial, tahoma, verdana;
	color: #000;
	width: 328px;
}

input.wide {
	width: 688px;
}

textarea.input {
	border: solid 1px #e7e7e7;
	background: #fff url('../i/bg-input.gif') repeat-x left bottom;
	padding: 5px 4px;
	font: normal 12px arial, tahoma, verdana;
	color: #000;
	width: 328px;
	height: 69px;
}

textarea.questions {
	height: 124px;
}

textarea.comment {
	width: 688px;
	height: 150px;
}

select.input {
	border: solid 1px #e7e7e7;
	background: #fff url('../i/bg-input.gif') repeat-x left bottom;
	padding: 4px 4px;
	font: normal 12px arial, tahoma, verdana;
	color: #000;
	width: 338px;
}

.addCart { float: right; }

.addCart label {
	float: left;
	line-height: 24px;
}

.addCart .qty {
	border: solid 1px #e7e7e7;
	background: #fff;
	padding: 6px 6px;
	font: normal 12px arial, tahoma, verdana;
	color: #000;
	width: 25px;
	float: left;
	margin: 0px 10px 0 0;
}

#basket {
	margin: 24px 0;
}

span.required {
	float: right;
}

#enquiries {
	margin: 24px 0;
	border-bottom: solid 3px #e7e7e7;
}

#enquiries .formRow {
	margin: 0;
}

#enquiries .btn {
	margin: 12px 0;
}

#validation-errors {
	color: red;
	font-style: italic;
	margin-top: 10px;
}

input.validation-error, textarea.validation-error {
	border: 1px solid red;
}

/* /////////////////////////////////
	SHOPPING CART
///////////////////////////////// */
.shopping-cart {
	clear: both;
}

/* /////////////////////////////////
	GALLERY
///////////////////////////////// */
#gallery ul li {
	float: left;
	display: block;
	list-style-type: none;
	background: none;	
	padding-left: 0px;
	margin: 5px;
}

#gallery a {
	padding: 5px;
	border: 1px solid #cccccc;
	display: block;
}

#gallery a:hover {
	border-color: #000;
}

/* /////////////////////////////////
	FOOTER
///////////////////////////////// */


#footer {
	clear: both;
	height: 72px;
	padding: 1px 0 0 0;
	margin: 0;
	background: transparent url('../i/bg-footer.gif') repeat-x left top;
}

#footer p {
	margin: 18px 0;
	font-size: 11px;
	line-height: 16px;
	background: transparent url('../i/footer-logo.gif') no-repeat left top;
	padding: 4px 0 4px 50px;
} 

#footer a:link,
#footer a:visited {
	color: #666;
}

#footer a:hover {
	color: #000;
	text-decoration: none;
}

#footer strong {
	color: #000;
}