@import url("reset.css");

body {
	margin: 0; padding: 0;
	font-family: Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	text-align: center;
	color: #333;
	background-color: #a9b4bd;
}

.container {
	margin: 0 auto;
	padding: 0 9px;
	width: 961px;
	text-align: left;
	background: #fff url("../images/container_background.png") repeat-y;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix { display: inline-block; }
.clearfix { display: block; }
* html .clearfix { height: 1%; }

h2 {
	margin-bottom: 25px;
	font-size: 14px;
	color: #8a1d04;
}
h3 {
	margin-bottom: 15px;
	font-size: 12px;
}
p { margin-bottom: 15px; }
a { color: #369; }

ul.diamond {
	margin-bottom: 25px;
}
ul.diamond li {
	margin-bottom: 6px;
	padding-left: 17px;
	background: url("../images/diamond_bullet.png") 0 .4em no-repeat;
}
ul.bold { margin-bottom: 15px; }
ul.bold li {
	margin-bottom: 6px;
	font-weight: bold;
}

#top_nav p { margin: 0; }
#top_nav td {
	height: 25px;
	vertical-align: middle;
	font-size: 10px;
}
#top_nav td.languages {
	padding-right: 20px;
	text-align: right;
}
#top_nav td.languages a {
	color: #324c62;
	text-decoration: none;
}
#top_nav td.login {
	padding-right: 60px;
	width: 380px;
	color: #fff;
	font-size: 11px;
	text-transform: uppercase;
	text-align: right;
	background-color: #8a1d04;
}
#top_nav td.login a {
	padding-right: 15px;
	color: #fff;
	text-decoration: none;
}
#top_nav td.login span { padding-left: 15px; }

.header {
	position: relative;
	padding-top: 1px;
	height: 104px;
	background: url("../images/header_background.jpg") no-repeat;
}
.header h1 {
	margin: 7px 0 0 10px;
	width: 322px; height: 50px;
	overflow: hidden;
}
.header h1 span, .header h1 a {
	display: block;
	width: 322px; height: 50px;
	line-height: 600px;
	background: url("../images/lowgrade_lumber_logo.png") no-repeat;
}

.global_nav {
	position: absolute;
	bottom: 0;
	padding-left: 60px;
}
/* IE6 only - move the global nav down 1px */
/*\*/ * html .global_nav { bottom: -1px; } /**/
.global_nav li {
	float: left;
}
.global_nav li a, .global_nav li span {
	display: block;
	height: 25px;
	overflow: hidden;
	line-height: 300px;
	background-position: 0 0;
	background-repeat: no-repeat;
}
.global_nav li a:hover, .global_nav li span { background-position: 0 -25px; }
.global_nav li.home a, .global_nav li.home span { 
	width: 48px; 
	background-image: url("../images/nav_home_double.png");
}
.global_nav li.products a, .global_nav li.products span { 
	width: 63px;
	background-image: url("../images/nav_products_double.png"); 
}
.global_nav li.locations a, .global_nav li.locations span { 
	width: 118px;
	background-image: url("../images/nav_locations_double.png"); 
}
.global_nav li.contact a, .global_nav li.contact span { 
	width: 70px;
	background-image: url("../images/nav_contact_double.png"); 
}

.intro_content {
	height: 235px;
	color: #fff;
	background: url("../images/home_intro_background.jpg") no-repeat;
}
.intro_content table td.intro_left {
	padding: 40px 35px 0 53px;
	width: 440px;
	font-size: 12px;
	line-height: 16px;
}
.intro_content p.intro {
	margin-bottom: 20px;
	font-size: 18px;
	line-height: 24px;
	font-weight: bold;
	text-align: left;
}
.intro_content p.intro em {
	font-weight: normal;
	font-style: normal;
}
.intro_content p.learn { 
	font-size: 14px;
	font-weight: bold;
}
.intro_content a {
	color: #e3f9f8;
}
.intro_content ul {
	margin: 12px 0 8px;
}
.intro_content li {
	margin-bottom: 10px;
	padding-left: 17px;
	background: url("../images/diamond_bullet.png") 0 .4em no-repeat;
}

.intro_content table td.intro_right {
	padding: 40px 77px 0 31px;
	vertical-align: middle;
}
.intro_content table td.intro_right p {
	margin-bottom: 18px;
}

a#home_button_osb {
	display: block;
	width: 366px; height: 59px;
	overflow: hidden;
	line-height: 300px;
	background: url("../images/home_button_osb_pair.png") no-repeat;
}
a:hover#home_button_osb { background-position: 0 -59px; }
a#home_button_sign_up {
	display: block;
	width: 366px; height: 59px;
	overflow: hidden;
	line-height: 300px;
	background: url("../images/home_button_sign_up_pair.png") no-repeat;
}
a:hover#home_button_sign_up { background-position: 0 -59px; }

.type_content_wrap {
	padding-bottom: 2px;
	background-color: #f3f3d6;
	border-bottom: 1px solid #c4c4c4;
}
.type_content {
	padding: 8px 28px 25px 27px;
	border-bottom: 1px solid #c4c4c4;
}
.type_content td { 
	padding: 0 5px 0;
	border-right: 1px solid #c4baa1;
}
.type_content td.customers { 
	border-right: 0;
}

.type_content h2 { 
	overflow: hidden; 
	margin-bottom: 15px;
	width: 291px; height: 64px;
}
.type_content .carriers h2 a {
	width: 291px; height: 64px;
	background: url("../images/freghtConnectBtn.jpg") no-repeat;
}
.type_content .suppliers h2 a {
	width: 291px; height: 64px;
	background: url("../images/type_button_supplier_pair.png") no-repeat;
}
.type_content .customers h2 a {
	width: 291px; height: 64px;
	background: url("../images/type_button_customer_pair.png") no-repeat;
}
.type_content h2 a { display: block; }
.type_content h2 span, .type_content h2 a { line-height: 300px; }
.type_content h2 a:hover {
	background-position: 0 -64px !important;
}

.type_content h3 {
	margin-bottom: 10px;
	padding: 0 4px;
	font-size: 12px;
}
.type_content p {
	margin-bottom: 20px;
	padding: 0 25px;
	font-size: 11px;
	line-height: 16px;
}
a.learn {
	text-transform: uppercase;
	font-weight: bold;
}

.content { padding-bottom: 3px; }
.content table.product_table {
	border-bottom: 1px solid #c4c4c4;;
}
.content td.main {
	padding: 15px 70px 0 65px;
}
.content td.sidebar {
	width: 440px;
	background-color: #edeae4;
}
.content td.sidebar .int {
	padding: 20px 20px 0 30px;
}
.content td.sidebar .intro {
	padding-right: 40px;
}

.locations_wrap {
	padding : 0 8px 10px 65px;
	border-bottom: 1px solid #c4c4c4;
}
.locations_list {
	float: left;
	width: 353px;
	padding-top: 25px;
}
.locations_list h2 {
	font-size: 18px;
}
.locations_map {
	float: right;
	width: 535px; height: 315px;
}
.locations_bottom h3 {
	margin: 0;
	padding-left: 20px;
	font-size: 14px;
	line-height: 33px;
	vertical-align: middle;
	color: #fff;
	background-color: #324c62;
}
.locations_table td.address, .locations_table td.traders {
	padding: 20px 0 60px 40px;
	background-color: #edeae4;
}
.locations_table td.address { width: 232px; }
.locations_table td.address td {
	padding-bottom: 15px;
}
.locations_table td.address .label {
	width: 72px;
}
.locations_table td.traders .trader_image {
	width: 114px;
}
.locations_table td.traders .trader_description {
	padding-right: 35px;
}
.locations_table td.traders .trader_description h4 {
	margin-bottom: 16px;
}
.locations_table td.traders .trader_description p {
	margin: 0;
}
.locations_table td.traders .trader_description p.email {
	margin-top: 16px;
}
.locations_table td.spc { width: 4px; }

#footer {
	margin: 0 auto;
	padding: 0 9px 9px;
	width: 961px;
	text-align: left;
	background: #fff url("../images/footer_background.png") bottom left no-repeat;
}
#footer table {
	border-top: 1px solid #c4c4c4;
}
#footer table td {
	padding-top: 17px;
	padding-bottom: 17px;
}
.powered_by {
	padding-left: 18px;
	width: 102px;
}
.footer_nav p {
	margin-bottom: 12px;
	color: #666;
}
.osb_ad p {
	font-size: 10px;
	line-height: 16px;
}

/* Contact form */
.contact_container {
	padding: 15px 0 30px 65px;
	width: 450px;
}
.contact_form input.txt, .contact_form textarea {
	width: 350px;
	border: 1px solid #c4c4c4;
}
.contact_form label {
	float: left;
	width: 50px;
}
.contact_form input.submit {
	margin-left: 50px;
}