﻿body {
    padding: 0;
	margin:0;
	font-size: 80%;
	font-family:  verdana, Arial, sans-serif;
	color:#333333;
	background-color: #ffffff;
	background-position: center;
	text-align: left;
	background-image: url(../site-media/images/building-supplies-bg-fade.png);
    background-repeat:repeat-y;
}

#header{
width:880px;
height:82px;
margin:0 auto ;
}
#bar{
float:left;
background-color:#848585;
height:3px;
width:100%;
margin-top:8px;
display:inline;
}

#logo{
float:left;
margin:8px 0px 0px 24px;
display:inline;
}
#tag{
float:left;
width:300px;
margin:50px 0px 0px 90px;
font-weight:bold;
color:#333333;
font-size:85%;
text-align:right;
display:inline;
}

#call-box{
float:right;
width:171px;
height:81px;
margin-right:8px;
}

#frame{
width:880px;
margin:0px auto;
}


#menu{
float:left;
margin:0 28px;
}

#menu-link ol{
    padding:0px 0px 0px 0px;
	margin:0;
	list-style:none;
	height:29px;
    width:700px;
    text-align:center;
}
#menu-link li{
       float:left;
       height:29px;
       width:100px;
       line-height:29px;
       display:inline;
       background-image: url(../site-media/images/menu-out-mid.png);
}

#menu-link li:first-child{    
       background-image: url(../site-media/images/menu-out-left.png);
}
#menu-link li:last-child{    
       background-image: url(../site-media/images/menu-out-right.png);
}

#menu-link li a{
text-decoration:none;
color:#ffffff;
line-height:29px;
}
#menu-link li a:hover{
text-decoration:none;
color:#000000;
}


#footer{
width:880px;
margin:0px auto;
font-size: 85%;
}
#footer-image{
float:left;
background-image:url(../media/supplier_logos.gif);
width:714px;
height:44px;
margin:5px 83px 2px 83px;
display:inline;
}
#footer-bar{
float:left;
background-color:#848585;
height:2px;
width:860px;
margin:10px 10px 0px 10px;
display:inline;
}

#footer-body{
	float:left;
	width:860px;
	margin: 5px 10px 0px 10px;
	display:inline;
}

#footer-body ul{
    padding:0px 0px 0px 0px;
	margin:0;
	color:#8e857c;
}
#footer-body li{
	float:left;
    display:block;
       padding:0px 0px 0px 0px;
       margin:3px 0px;
	   display:inline;
}

#footer-body li a{
	float:left;
	text-decoration:none;
	color:#333333;
	margin:0px 5px 0px 2px;
	display:inline;
}
#footer-body li a:hover{
	text-decoration:none;
	color:#de2329;
}
#footer-bot-line{
	float:left;
	width:860px;
	margin: 1px 10px 0px 10px;
	padding-bottom:10px;
	display:inline;
}

.bold{
font-weight:bold;
}
.orange{
color:#f78f1e;
}
#ftws{
text-align:right;
}
#ftws a{
text-decoration:none;
color:#333333;
}
#ftws a:hover{
/*font-weight:bold;*/
color:#990000;
}
#LHS{
float:left;
width:200px;
margin:10px 28px;
display:inline;
}
#Main{
float:left;
width:600px;
margin-top:10px;
display:inline;
}
.body-text{
float:left;
margin-top:5px;
margin-left:8px;
width:940px;
}
.text p{
float:left;
}

.style1 {font-size: 8px}
.style2 {color: #DA251D}

/* LEFT NAV */

.leftNav{
	
}

#LHS ul{
	margin:0;
	padding:0;
	width:188px;
	list-style:none;
	border:1px solid #d7dcd1;
	width:188px;
	color:#8e857c;
	background:#ffffff;
	cursor:pointer;
	margin-top:4px;
}

#LHS ul li{
	padding:0;
	margin:0;
	width:188px;	
	/*display:inline;*/
}
#LHS ul div{
	display:block;
	color:#8e857c;
	padding:6px 0 6px 21px;
	text-decoration:none;	
}

.level2 a{
	display:block;
	color:#8e857c;
	padding:6px 0 6px 25px;
	text-decoration:none;
	background:url(../site-media/images/bullet.gif) no-repeat 4px 7px;
}


#LHS ul a:hover,.leftNav ul a.selected, #level2 a:hover{
	color:#ffffff;
	background:#8e8f8f url(../site-media/images/bullet-hover.gif) no-repeat 4px 7px;
}

.backtotop a{
text-decoration:none;
color:#8e8f8f;
font-size:10px;
}
.backtotop a:hover{
font-weight:bold;
}

