/*
Author:           Razvan Stavila
Author URI:       http://x3studios.com/
Version:	   	   0.1
Project:          Fabricators Plus
Description:
*/
/* Standard HTML elements */
html, body, ul, ol, li, dl, dt, dd, p, h1, h2, h3, h4, h5, h6, blockquote, form, fieldset, legend, table, td, th {
	margin: 0;
	padding: 0;
}

body {
	color: #333;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.5;
	background: #ffffff url(../img/bg.png) 50% 0;
	height: 100%
}

img { 
	border-width: 0; 
}
a { outline: none; }
a:link { 
	color: #69b201; 
}

a:visited { 
	color: #69b201; 
}

a:hover, a:focus { 
	color: #414042; 
	text-decoration: none
}

p, address, blockquote {
	margin: 0 0 0.5em 0;
}

small {
	font-size: 0.8em;
}

ul, dl {
	margin: 0 0 1.2em 0;
}

ol {
	margin: 0 0 1.2em 2.5em;
}

ul {
	list-style-type: none;
}

li {
	margin: 0 0 0.3em 0;
}

li ul, li ol {
	margin: 0.3em 0 0 2.5em;
}

dt {
	margin: 0;
}

dd {
	margin: 0 0 0.6em 0;
}

h1, h2, h3, h4 {
	font-weight: normal;
}

h1, h2, h3 {
	line-height: 1.2;
}

h1 {
	font-size: 2em;
	margin: 0 0 0.5em 0;
}

h2 {
	font-size: 1.7em;
	margin: 1em 0 0.3em 0;
}

h3 {
	font-size: 1.5em;
	margin: 1em 0 0.3em 0;
}

h4 {
	font-size: 1.2em;
	margin: 0 0 0.3em 0;
}
table {
	border-spacing: 0;
	border: none;
}

td, th {
	padding: 0;
	border: none;
	text-align: left;
	vertical-align: top;
}
/* Standard presets */
.clear {
	clear: both;
	font-size: 0;
	height: 0;
	overflow: hidden;	
}
.txt14 { font-size: 14px; font-weight: bold; }
.stongtxt {
	font-weight: bold;
	text-decoration: underline;
}
.imgleft { float: left; margin: 0 15px 15px 0}
.imgright { float: right; margin: 0 0 15px 15px}

.floatleft { float: left }
.floatright { float: right }

.fifty td { width: 50%}
.w100 { width: 100%!important; margin-bottom:38px!important; }
.w100 .reducer {
	min-height: 10px!important
}

/* Layout */
#wrapper {
	width: 100%;
	/*min-width: 977px;
	min-height: 450px;
	width:expression(document.body.clientWidth < 978? "977px" : (document.body.clientWidth > 1280? "1281px": "100%" ) );
	height:expression(document.body.clientWidth < 451? "450px" : (document.body.clientWidth > 1280? "1281px": "100%" ) );	*/
	background: url(../img/bg-wood.jpg) no-repeat 50% 110px;
}
body.inside #wrapper { background: url(../img/bg-metal2.jpg) no-repeat 50% 110px; }

.bi-sdw{
	position: absolute;
	width: 929px;
	height: 262px;
	left: 50%;
	top: 98px;
	margin-left: -464px;
	background: transparent url(../img/bi-sdw.png) no-repeat;
	z-index: 0
}
body.inside .bi-sdw {
	background: transparent url(../img/bi-sdw-inside.png) no-repeat;
	height: 122px;
}
#container {
	width: 977px;
	margin: 0 auto;
	position: relative;
}
#header{
	height: 110px;
	position: relative;
	z-index: 2;
}
#logo{
	margin: 0;
	padding-left: 0;
}
#logo,
#logo a{
	height: 110px;
	width: 247px;	
}
#logo a{
	background: transparent url(../img/logo.png) no-repeat;
	text-indent: -9999px;
	display: block;
	height: 70px;
	position: relative;
	top: 18px;
}
.info-txt{
	position: absolute;
	left: 268px;
	top: 5px;
	font-size: 10px;
	color: #767676;
line-height: 1em
}
.top-nav{
	position: absolute;
	right: 32px;
	top: 5px;
}
.top-nav a{
	font-size: 11px;
	text-decoration: none;
	margin-left: 14px;
	color: #3c3c3c;
}
.top-nav a:hover{
	text-decoration: underline;
}
#nav{
	position: absolute;
	left: 235px;
	top: 32px;
	height: 40px;
	z-index: 2
}
#nav #menu{
	float: left;
	position: relative; 
	background: url(../img/nav-body.png) repeat-x;
	height: 35px;
	padding-top: 5px;
	font-size: 12px;
	width: 730px
}
#nav .nav-last{
	float: left;
	background: url(../img/nav-right.png);
	height: 40px;
	width: 11px;
	position: relative;
}
#nav #menu #nav1,
#nav #menu #nav2,
#nav #menu #nav3,
#nav #menu #nav4,
#nav #menu #nav5,
#nav #menu #nav6,
#nav #menu #nav7{
	height: 28px;
	width: 95px;
	text-indent: -9999px;	
}
#nav #menu #nav1 {background: url(../img/nav/nav1.png) no-repeat;	}
#nav #menu #nav2 {background: url(../img/nav/nav2.png) 50% 0 no-repeat; width: 85px } /* 95 */
#nav #menu #nav3 {background: url(../img/nav/nav3.png) no-repeat; width: 110px }
#nav #menu #nav4 {background: url(../img/nav/nav4.png) no-repeat; width: 130px }
#nav #menu #nav5 {background: url(../img/nav/nav5.png) 50% 0 no-repeat; width: 55px; } /* 73 */
#nav #menu #nav6 {background: url(../img/nav/nav6.png) no-repeat; width: 120px; }
#nav #menu #nav7 {background: url(../img/nav-featured.png) 0 0 no-repeat; width: 128px; height: 23px; margin-top: 3px; margin-left: 3px }

#nav #menu li.sfHover #nav1 {
	background-position: 0 -56px!important; 
}
#nav #menu li #nav2:hover,
#nav #menu li #nav3:hover,
#nav #menu li #nav4:hover,
#nav #menu li #nav5:hover,
#nav #menu li #nav6:hover,
#nav #menu li.active #nav1,
#nav #menu li.active #nav2,
#nav #menu li.active #nav3,
#nav #menu li.active #nav4,
#nav #menu li.active #nav5,
#nav #menu li.active #nav6 {	
	background-position: 50% -28px; 
}
#nav #menu #nav7:hover,
#nav #menu li.active #nav7{ background-position: 0 100%; }
#nav #menu #nav1 .sf-sub-indicator { display: none }

#content {
	width: 977px;
	float: left;
}
#main-content {
	margin-top: 30px;
}
#main-content .bxw {
	margin-right: 0
}
#main-content .site-info .bxw {
	margin-right: 15px;
}
body#pg-rfq #main-content .bxw { font-size: 12px }
body#pg-index #main-content .hvbp { font-size: 13px;}
.heading {
	font-size: 18px;
	font-style: italic;
	line-height: 1.2;
	text-align: justify;
	padding-bottom: 20px!important;
}
.innews { 
	padding-bottom: 0!important
}
.heading .author {
	font-size: 14px;
	color: #04508e;
	font-weight: bold;
	display: block;
	text-align: right;
}
.link { font-weight: bold; font-size: 100%; padding-bottom: 10px!important }
.link a { color:#333333!important }
.site-info {
	margin-top: 15px;
	width: 100%;
	font-size: 12px;
}
body.inside #main-content{
	width: 728px;
	float: right;
	font-family: Tahoma;
}
body.inside #main-content .bxw {
	width: 100%;
	margin-bottom: 38px;
	min-height: 0;
	max-height: none;
	height: auto
}
body.inside #main-content .bxw .content {
	padding-top: 7px;
	
}
body.inside #main-content .bxw .content h2 {
	font-size: 24px;
}
body.inside #main-content .bxw .reducer {
	margin: 0 23px;
	min-height: 0;
	max-height: none;
	height: auto
}
.abbreviation {
	font-size: 11px;
	color:#646464;
	padding: 0!important
}
body.inside #main-content .bxw .abbreviation { font-size: 12px }
.charts { 
	padding: 5px 0 5px 0!important
}
.google-map {
	border: 1px solid #2a5676;
}
.rightcontent {
	float: left;
	width: 400px
}
.listtab {
	border-collapse: collapse;
	float: right;
	width: 260px
}
.listtab td {
	background: #5988ba;
	color: white;
	padding: 2px 10px
}
.listtab tr.alt td {
	background: #7ba3ce;
}
.listtab td.first {
	padding-right: 0;
	text-align: center
}
.listtab tfoot td {
	font-size: 10px;
	background: transparent;
	line-height: 1;
	color: #5988ba;
	text-align: left;
}
.blttable {
	width: 100%;
}
.blttable td {
	padding: 0 5px;
}
.blttable p {
	background: url(../img/bullet-green.png) no-repeat 0 4px;
	padding-left: 20px!important;
	color:#619b0f;
}
.tblue p {
	background: url(../img/bullet.png) no-repeat 0 4px;
	color: #2a5676;
}
.blue { color: #2a5676; font-weight: bold; }
#sidebar{
	width: 235px;
	float: left;
	margin: 30px 0 0 0;
	font-size: 12px;
}
#sidebar .bxw {
	margin-right: 0;
	margin-bottom: 38px;
}
.leftmenu ul,
.leftmenu ul li {
	margin: 0;
	font-size: 14px;
	display: block;
}
.leftmenu li a {
	color: #646464;
	display: block;
	padding: 3px 0;
	width: 100%;
}
.leftmenu li a:hover,
.leftmenu li.active a,
.leftmenu li.active a:hover {
	background: #7ba3ce url(../img/arrows-blue.png) no-repeat 97% 50%;
	padding-left: 14px;
	color: white;
}
.leftmenu li.active {
	margin-left: -14px;
}
.leftmenu li a:hover {
	background: none;
	color: #04508e;
	padding-left: 0;
}
body.inside #main-content ul { 
	margin: 0 0 20px 20px;
}
body.inside #main-content ul li { 
	background: url(../img/bullet.png) no-repeat 0 4px;
	color: #2a5676;
	padding-left: 20px;
}
.news .item { 
	width: 100%;
	position: relative;
	padding: 10px 0;
}
.news .item .date { 
	color: #414042;
	font-size: 14px
}

#pg-index #main-content .hvbp .reducer { 
	height: 236px
}
#pg-index #main-content .hvbp .heading { 
	font-size: 16px;
}

/*.bxw h2,
.bxb h2,
.bxw h3,
.heading {visibility: hidden;}

.cufon-ready .bxw h2,
.cufon-ready .bxb h2,
.cufon-ready .bxw h3,
.cufon-ready .heading {visibility: visible;}*/

/* Request for quote */
#rfq,
#contactform { margin: 0 0 20px 0; }
#rfq h3 { margin-top: 30px; }
#rfq fieldset,
#contactform fieldset { border: none; outline: none }
#rfq legend,
#contactform legend { display: none }
#rfq label,
#rfq input,
#rfq textarea,
#rfq seect,
#rfq b { float: left; font-weight: normal; font-size: 1em; font-family: Arial, Helvetica, sans-serif; }
#rfq em,
#contactform em { color: #d2691e }
#rfq label { margin-right: 5px; }
#rfq input { margin-right: 5px; }
#rfq div.item,
#contactform div.item { margin-bottom: 10px; }
#rfq .extrainfo label { width: 180px; margin-right: 20px; }
#rfq div.error,
#contactform div.error { font-weight: bold; padding-bottom: 5px }
#rfq #messageBox ul li,
#contactform #messageBox ul li { background: url(../img/bullet-orange.gif) no-repeat 0 5px; }
#rfq .responsemessage,
#contactform #messageBox { color: #d2691e; font-size: 14px; }

#rfq span.required,
#contactform span.required { color: #d2691e }
#rfq input.required,
#contactform input.required { background-color: #ffe9c3; }

#contact .floatleft { width: 200px; }
#contact .floatright { width: 450px; }
#contactform label { float: left; width:140px; }
#contactform div.error,
 div.myerror { color: #d2691e }

#footer{
	clear: both;
	margin: 30px 0;
	border-top: 1px solid #8a8a8b;
	padding-top: 15px;
	position: relative;
	width: 977px;
}
#footer a{
	margin-right: 15px;
	color: #414042
}
#footer a:hover { 
	color: #414042; 
	text-decoration: underline
}
#footer .f-info span {
	margin-right: 40px;
	font-size: 11px;
}
#footer .sub-nav { font-size: 12px }
.createdby { position: absolute; right: 0; bottom: 0 }
.createdby td { font-size: 11px; line-height: 1.2; vertical-align: middle }
.createdby td a { margin: 0!important }
.createdby td a:hover { text-decoration: none!important }

.bottlogos td { vertical-align:middle; padding-bottom: 15px }

.busterslogo { position: absolute; right: 25px; top: 5px; background: url(../img/busterslogo.png); width: 149px; height: 47px; display:block }
.twoco img { margin-right: 25px; }
.twocosec img { margin-left: 25px; }
.chevmtop { margin-top: 30px }
h2.mtop { margin-top: 10px!important; }

.kitcometals td { text-align:center }