/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.6.0
*/

/* Reset all the browser default styles */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}del,ins{text-decoration:none;} /* remember to define focus styles! */
:focus {
	outline: 0;
}

body {
font-family:Helvetica,Arial,sans-serif;
font-size:12px;
background: #ececec url(img/bg.gif) repeat-x top center scroll;
}

/* Headings */

/* remember to add line-height for all headings */

h1,h2,h3,h4,h5,h6 {
  line-height: 1.3em;
	margin-bottom:1em;
}

h1 {

}

h2 {

}

h3 {
color:#BA1A1A;
font-family:helvetica,arial,verdana,sans-serif;
font-size:17px;
font-weight:700;
}

h4 {
color:#838383;
font-family:helvetica,arial,verdana,sans-serif;
font-size:18px;
font-weight:700;
}

h5 {

}

h6 {

}

/* Paragraphs */

p {
color:#707070;
font-family:verdana,arial,helvetica,sans-serif;
font-size:12px;
line-height:1.4em;
margin-bottom:1.4em;
}

/* Lists */

ul {

}

ul li {

}

ol {

}

ol li {

}

/* Blockquote */

blockquote {

}

/* Links */

a:link, a:visited {

}

a:hover, a:active {

}

/* Tables */

table {
margin-bottom:18px;
}

tr {

}

th {

}

td {
background:none repeat scroll 0 0 #F2F2F2;
border:13px solid white;
padding:20px 20px 6px;
width:304px;
}

/* Text formatting */

b, strong {
  font-weight:bold;
}

i,em {
  font-style:italic;
}


/* Wordpress image styles */

.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
}

.alignright {
   float: right;
}

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

/* end of image styles */
#wrapper{
  margin: 0 auto;
	width: 960px;

}
#header{
  width: 960px;
	height: 108px;
}
#header h1{

}
#header h1 a{
  width: 931px;
	height: 89px;
	background: transparent url(img/header.gif) no-repeat scroll top left;
	display: block;
	text-indent: -9999px;
}
#nav ul{
height:41px;
padding-left:23px;
}
#nav ul li{
float:left;
margin-right:34px;
padding-top:13px;
}
#nav ul li a{
color:#6E6E6E;
display:inline-block;
font-size:14px;
font-weight:700;
height:18px;
padding-bottom:10px;
text-decoration:none;
}
#nav ul li a:hover{
color: #a6a6a6;
}
#nav ul li.current_page_item a, #nav ul li.current_page_ancestor a{
  background:url("img/nav-active.gif") repeat-x scroll left bottom transparent;
}
#home-content{
  padding-top:28px;
width:960px;
}
#home-content-left{
  float:left;
	width: 608px;
	/* width: 629px; */
}
#home-content-right{
  float:right;
	width: 320px;
}
#home-txt{
  width:557px;
	height: 144px;
	background: transparent url(img/home-txt.png) no-repeat scroll top left;
	position: relative;
	margin-top: 20px;
}
#home-txt a {
  background:url("img/quote.gif") no-repeat scroll left top transparent;
display:block;
height:32px;
left:280px;
position:absolute;
text-indent:-9999px;
top:112px;
width:277px;
}

#home-txt a:hover{
  background:url("img/quote.gif") no-repeat scroll left bottom transparent;
}
#ctas{
  background:url("img/ctas.jpg") no-repeat scroll left top transparent;
height:286px;
margin-top:42px;
position:relative;
width:611px;
}
#ctas a{
  position: absolute;
	width: 102px;
	height: 166px;
	text-indent: -9999px;
	line-height: 0px;
font-size: 0px;
}
a.shelving{
background:url("img/ctas.gif") no-repeat scroll 0 0 transparent;
left:14px;
top:99px;
}
a.shelving:hover{
background:url("img/ctas.gif") no-repeat scroll 0 -166px transparent;
}
a.pracking{
background:url("img/ctas.gif") no-repeat scroll -102px 0 transparent;
left:171px;
top:99px;
}
a.pracking:hover{
background:url("img/ctas.gif") no-repeat scroll -102px -166px transparent;
}
a.storage{
background:url("img/ctas.gif") no-repeat scroll -204px 0 transparent;
left:330px;
top:99px;
line-height: 0px;
font-size: 0px;
}
a.storage:hover{
background:url("img/ctas.gif") no-repeat scroll -204px -166px transparent;
}
a.sfittings{
background:url("img/ctas.gif") no-repeat scroll -306px 0 transparent;
left:481px;
top:99px;
}
a.sfittings:hover{
background:url("img/ctas.gif") no-repeat scroll -306px -166px transparent;
}

img.txt-img{
  padding-left: 10px;
}
#newsletter{
  width: 320px;
	height: 150px;
	background: transparent url(img/tran.png) repeat scroll top left;
	margin-top: 20px;
}
#newsletter-inner{
padding:22px 22px 0;
}
#newsletter-inner h3{
background:url("img/signup.png") no-repeat scroll left top transparent;
height:25px;
margin-bottom:10px;
text-indent:-9999px;
width:213px;
}
#newsletter-inner p{
color:#575757;
margin-bottom:10px;
}
input#krjuhj-krjuhj{
border:1px solid grey;
color:#868686;
font-size:12px;
height:24px;
padding-left:7px;
padding-top:0;
position:absolute;
width:168px;
}
input#submit_button{
background:url("img/signup.gif") no-repeat scroll left top transparent;
border:medium none;
height:26px;
left:177px;
position:absolute;
text-indent:-9999px;
width:92px;
}

#main-home-content{
  width: 960px;
	background: transparent url(img/main-content-home.gif) repeat-y scroll top left;
}
#main-home-content-top{
  width: 960px;
	height: 14px;
	background: transparent url(img/main-content-home-top.gif) no-repeat scroll top left;
}
.clear{
clear:both;
}
#mhc-left{
  width: 649px;
	float:left;
}
#mhc-left-inner{
padding:32px 50px 30px 30px;
}
#mhc-right{
  width: 309px;
	float:right;
}
#footer{
height: 102px;
background:  transparent url(img/footer.gif) repeat-x scroll top left;
}
#footer-inner{
height:102px;
margin:0 auto;
position:relative;
width:960px;
}
#footer-inner img{
margin-top:2px;
}
#footer-inner p{
color:#545454;
display:block;
font-size:11px;
left:132px;
position:absolute;
top:34px;
}
#footer-inner p a{
color:#545454;
text-decoration:none;
}

#newsletter-form{
position:relative;
width:300px;
}

#main-content{
background:url("img/main-content.gif") repeat-y scroll left top transparent;
margin-top:10px;
width:960px;
}
#main-content a{
color:#BA1A1A;
font-weight:700;
text-decoration:none;
}
#main-content-left{
width: 700px;
float:left;
}
#main-content-left-inner{
padding:40px 40px 30px 30px;
}
#main-content-right{
width: 254px;
float:right;
}

#main-content-right-inner{
padding:40px 18px 0 15px;
}
#shelving-buttons{

}
#main-content-left #shelving-buttons ul li{
  float:left;
margin:0 6px 8px 0;
list-style-type: none;
}
#main-content-left #shelving-buttons ul li a{
display:block;
height:108px;
text-indent:-9999px;
width:204px;
}
a.shelving-timber{
background: transparent url(img/timber.gif) no-repeat scroll bottom left;
}
a.shelving-post{
background: transparent url(img/post.gif) no-repeat scroll bottom left;
}
a.shelving-panel{
background: transparent url(img/panel.gif) no-repeat scroll bottom left;
}
a.shelving-mobile{
background: transparent url(img/mobile.gif) no-repeat scroll bottom left;
}
a.shelving-longspan{
background: transparent url(img/longspan.gif) no-repeat scroll bottom left;
}
a.shelving-coolroom{
background: transparent url(img/coolroom.gif) no-repeat scroll bottom left;
}
a.shelving-library{
background: transparent url(img/library.gif) no-repeat scroll bottom left;
}
a.shelving-display{
background: transparent url(img/display.gif) no-repeat scroll bottom left;
}
a.shelving-metalsistem{
background: transparent url(img/metalsistem.gif) no-repeat scroll bottom left;
}
a.shelving-timber:hover{
background: transparent url(img/timber.gif) no-repeat scroll top left;
}
a.shelving-post:hover{
background: transparent url(img/post.gif) no-repeat scroll top left;
}
a.shelving-panel:hover{
background: transparent url(img/panel.gif) no-repeat scroll top left;
}
a.shelving-mobile:hover{
background: transparent url(img/mobile.gif) no-repeat scroll top left;
}
a.shelving-longspan:hover{
background: transparent url(img/longspan.gif) no-repeat scroll top left;
}
a.shelving-coolroom:hover{
background: transparent url(img/coolroom.gif) no-repeat scroll top left;
}
a.shelving-library:hover{
background: transparent url(img/library.gif) no-repeat scroll top left;
}
a.shelving-display:hover{
background: transparent url(img/display.gif) no-repeat scroll top left;
}
a.shelving-metalsistem:hover{
background: transparent url(img/metalsistem.gif) no-repeat scroll top left;
}



#main-content h2{
border-bottom:1px solid #DBDBDB;
color:#5B5B5B;
font-family:helvetica,arial,verdana,sans-serif;
font-size:24px;
font-weight:700;
padding-bottom:9px;
}
#main-content-right-inner ul li{
border-bottom:1px solid #DBDBDB;
padding:4px 0 4px 7px;
}
#main-content-right-inner ul li a{
background:url("img/bullet.gif") no-repeat scroll 0 4px transparent;
color:#707070;
font-family:verdana,arial,sans-serif;
font-size:12px;
font-weight:normal;
line-height:20px;
padding-bottom:20px;
padding-left:19px;
text-decoration:none;
}
#main-content-right-inner ul li a:hover{
  font-weight: 700;
}
#main-content-right-inner ul li.current_page_item a{
  font-weight: 700;
	color:#ba1a1a;
	background:url("img/bullet-red.gif") no-repeat scroll 0 4px transparent;
}

img.align-right{
  display:block;
	float:right;
	margin: 0 0 10px 10px;
}
#main-content-left ul, #main-content-left ol{
margin-bottom: 20px;
}
#main-content-left ul li {
color:#707070;
font-size:12px;
list-style-type:disc;
margin-bottom:6px;
margin-left:21px;
}
#main-content-left ol li {
color:#707070;
font-size:12px;
list-style-type:decimal;
margin-bottom:6px;
margin-left:21px;
}

#noside-spacer {
	height: 30px;
	width: 100px;
	/* display: block; */
}

#sidequote {
	height: 32px;
	width: 224px;
	margin-top: 20px;
}

#sidequote a {
	background: url('img/quote2.gif') left top no-repeat; 
	height: 32px;
	width: 224px;
	display: inline-block;
}

#sidequote a:hover {
	background: url('img/quote2.gif') left bottom no-repeat;
}

.column {
float: left;
width: 265px;
clear: right;
}
.first-column {
margin-right: 20px;
}