/*
Title: BFD Corporation [bfdcorp.com] layout stylesheet (main.css)
File Author: Brian Dodson, bri-design studios (bri-design.com)
Last Modified: 06/16/09
*/

/* Eric Meyer CSS Reset (http://meyerweb.com/eric/thoughts/2008/01/15/resetting-again/) with modifications */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}
body {line-height: 1; position: relative;}
blockquote, q {quotes: none;}
/* gets rid of the disabled vertical scrollbar that IE puts on textareas (http://blog.klustered.com/2007/03/14/tip/) */
textarea {overflow: auto;}
/* from Viget Labs (http://www.viget.com/inspire/styling-the-button-element-in-internet-explorer/) */
button {width: auto; overflow: visible; background: transparent; border: none; cursor: pointer; }
/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse; border-spacing: 0;}

/* ================================================= Common Notes */
/*
Hex colors:
Purple:    6e009c
Peach:     f7a673
Light Purple: d599ef
*/

/* ================================================= GLOBAL tags */
body {
	text-align:center;
	font-size:62.5%; /* All font sizes reset to 10px */
	font-family:Arial, Verdana, sans-serif;
	line-height:10px; /* Reset line height to common 10px */
	background:#000;
	margin:0 0 20px 0;
}

h1, h2, h3, h4, h5, h6 {
font-family:Arial, verdana, sans-serif;
color:#6e009c;
line-height:1.8em;
font-size:1em;
letter-spacing:1pt;
}
p, ul, li, table, td, dl, dt, dd, form, fieldset {
color:#000;
font-size:1em;
line-height:1.4em;
}
a, a:link, a:visited {color:#6e009c; text-decoration:none; outline:0px !important;}
a:hover, a:active, a:focus {text-decoration:underline; outline:0px !important;}

input, textarea {
font-size:0.85em;
padding:4px;
border:0;
width:350px;
color:#000;
}

/* ================================================= GLOBAL utility classes and special definitions */
.left {float:left;}
.left img {margin-right:10px;}
.textleft {text-align:left;}
.right {float:right}
.right img {margin-left:10px;}
.textright {text-align:right;}
.center {text-align:center !important; margin:0 auto; float:none;}
.textcenter {text-align:center;}
.textjustify {text-align:justify;}
.clear {clear:both;}
.clearRight {clear:right;}
.clearLeft {clear:left;}
.nomargin {margin:0 !important;}
.nopadding {padding:0 !important;}


/* ================================================= GLOBAL layout, ID's and common classes */

#container {
width:100%;
background:url(../images/header.jpg) no-repeat top;
text-align:left;
margin:0 auto;
}
#header {
height:171px;
width:950px;
margin:0 auto;
}
#logo {
float:left;
}
#logo a {
display:block;
width:260px;
height:70px;
margin:10px 0 0 0;
outline:none;
text-indent:-5000em;
}
#topNav {
float:right;
margin:0;
height:80px;
width:232px;
text-align:center;
}
#topNav .phone {
color:#b687cb;
font-size:2.2em;
line-height:2.2em;
background:url(../images/phone-bg.gif) no-repeat top;
}
#topNav ul, #topNav ul li {
display:block;
margin:0;
padding:0;
list-style-type:none;
}
#topNav ul {
width:188px;
margin:10px auto 0 auto;
overflow:hidden;
}
#topNav ul li {
float:left;
line-height:1em;
font-size:1.1em;
}
#topNav ul li a {
display:block;
padding:7px 10px 6px 11px;
color:#b687cb;
background:url(../images/topnav-bg.gif) no-repeat;
}
#topNav ul li.one a {
background-position:top;
}
#topNav ul li.two a {
background-position:top;
}
#topNav ul li.three a {
background-position:top;
}
#topNav ul li a:hover {
color:#e5aaff;
text-decoration:none;
}
#topNav ul li.one a:hover {
background-position:left bottom;
}
#topNav ul li.two a:hover {
background-position:-54px bottom;
}
#topNav ul li.three a:hover {
background-position:-111px bottom;
}
#navigation {
clear:both;
display:block;
float:left;
width:950px;
height:65px;
margin:23px 0 0 0;
}
.primaryNav, .primaryNav li, .secondaryNav, .secondaryNav li {
margin:0;
padding:0;
list-style-type:none;
display:block;
}
.primaryNav {
float:left;
width:630px;
margin:0 0 0 -15px;
}
.primaryNav li {
float:left;
text-align:center;
margin:12px 0 0 0;
}
.primaryNav li a {
display:block;
color:#FFF;
padding:12px;
font-size:1.1em;
background:url(../images/nav-bg.gif) no-repeat left top;
text-align:center;
}
.primaryNav li a:hover, .primaryNav li a:active, .primaryNav li a:focus, .primaryNav li a.active {
text-decoration:none;
}
.primaryNav li.one a {
padding:12px 0;
width:244px;
}
.primaryNav li.one a:hover {
background-position:left bottom;
}
.primaryNav li.two a {
padding:12px 0;
width:178px;
}
.primaryNav li.two a:hover {
background-position:-244px bottom;
}
.primaryNav li.three a {
padding:12px 0;
width:206px;
}
.primaryNav li.three a:hover {
background-position:-422px bottom;
}
.secondaryNav {
float:right;
width:315px;
padding:15px 0 0 0;
}
.secondaryNav li {
float:left;
padding:0 7px;
width:80px;
text-align:center;
font-size:0.9em;
line-height:1.2em;
}
.secondaryNav li.one {
width:82px;
}
.secondaryNav li.two {
width:112px;
margin-top:5px;
}
.secondaryNav li.three {
margin-top:5px;
width:55px;
}
.secondaryNav li a {
color:#d599ef;
}
.secondaryNav li a:hover, .secondaryNav li a:active, .secondaryNav li a:focus, .secondaryNav li a.active {
color:#FFF;
text-decoration:none;
}
#banner {
clear:both;
}
.subBanner {
height:70px;
background:#333;
}
#content {
background:url(../images/body.gif) repeat-y top;
}
#mainCol {
background:#FFF;
width:950px;
margin:0 auto;
}
.pg_home #mainCol h1 {
display:none; /* Remove the page header from the home page */
}
.copy {
font-size:1.2em;
padding:30px;
}
.copy h1 {
display:none;
}
.copy h2 {
font-size:2em;
line-height:1em;
margin-bottom:25px;
}
.copy ul {
font-size:1em;
margin-bottom:16px;
}
.copy ul, .copy li {
font-size:1em;
}
.copy ul.points, .copy ul.points li {
list-style-type:none;
margin:0;
padding:0;
}
.copy ul.points {
margin-bottom:15px;
}
.copy ul.points li {
font-size:1.3em;
font-weight:bold;
background:url(../images/bullet-point-sprocket.gif) no-repeat left;
padding-left:25px;
color:#535353;
}
.copy p {
margin-bottom:16px;
}
.copy p.opening {
font-size:1.2em;
}
.dLogo {
display:block;
}
.dLogo span {
display:block;
white-space:nowrap;
font-size:0.75em;
text-indent:-5000em;
}
.copy legend {
font-size:1em;
margin-bottom:15px;
}
.copy label {
display:block;
font-size:0.85em;
}
.copy label.error {
position:absolute;
background:#ff0000;
padding:0px 5px;
margin:-15px 0 0 0;
font-size:0.8em;
color:#FFF;
}
.contactForm .email label.error, .contactForm .phone label.error {
margin:30px 0 0 0;
}
.copy input, .copy textarea {
width:300px;
margin-bottom:15px;
}
.copy input.submit {
width:auto;
}
.copy dl {
font-size:1em;
width:590px;
}
.leftCol {
width:275px;
float:left;
margin-bottom:25px;
}
.leftColWide {
width:540px;
}
p.munkfors a {
display:block;
height:60px;
width:240px;
white-space:nowrap;
text-indent:-5000em;
background:url(../images/munkfors-logo.gif) no-repeat top left;
}
img.bladeimg {
margin:0 0 0 10px;
}
.rebuiltHydrau, .rebuiltSepa {
display:block;
width:400px;
float:left;
margin-right:25px;
margin-top:25px;
margin-bottom:25px;
}
.rebuiltHydrau .primary, .rebuiltSepa .primary {
display:block;
width:190px;
margin:0 10px 0 0;
float:left;
}
.rebuiltHydrau .caption p, .rebuiltSepa .caption p {
color:#7b518d;
font-weight:bold;
}
.rebuiltHydrau .thumb, .rebuiltSepa .thumb {
display:block;
width:50px;
margin:0 4px 4px 0;
float:left;
} 
.thumb a {
cursor:pointer !important;
}
.rightCol {
width:589px;
float:right;
margin:0 0 25px 0;
}
.rightCol .content {
background:url(../images/subtab-bg.gif) repeat-x top;
display:block;
min-height:30px;
padding:45px 10px 0 10px;
}
.rightCol .left {
width:350px;
}
.rightCol .left dl {
width:340px;
font-size:1em;
margin-top:5px;
}
.rightCol .left dt {
font-weight:bold;
display:block;
float:left;
width:145px;
height:50px;
line-height:13px;
}
.rightCol .left dd {
display:block;
font-size:0.93em;
width:195px;
float:left;
height:50px;
line-height:13px;
}
.rightCol .right {
width:189px;
}
.rightCol h3 {
color:#7b518d;
font-size:1.4em;
clear:both;
}
.rightCol h4 {
color:#7b518d;
font-size:1.2em;
clear:both;
}
.rightCol h5, .rightCol h6 {
color:#7b518d;
font-size:1em;
clear:both;
}
.rightCol .right {
float:right;
width:189px;
margin:0 0 0 8px;
}
.rightCol .right img {
margin:0 0 0 0;
}
.rightCol .right p, .rightCol .right ul, .rightCol .right ol, .rightCol .right dl {
font-size:0.9em;
}
.rightCol .right ul {
margin:0;
padding:0;
}
.rightCol .right li {
margin-left:15px;
}
.rightCol .video {
float:left;
}
.rightCol .right .primary {
margin-bottom:5px;
}
.rightCol .right .caption p {
display:block;
padding:0;
margin:0 0 5px 0;
font-size:0.8em;
font-style:italic;
color:#666;
line-height:15px;
width:189px;
text-align:right;
}
.rightCol .right .thumb {
display:block;
float:right;
margin-left:5px;
margin-bottom:10px;
}
.rightCol .right .tech {
clear:both;
}
.rightCol .right dl {
display:block;
width:189px;
clear:both;
margin-bottom:5px;
}
.rightCol .right dt {
display:block;
line-height:10px;
width:60px;
float:left;
margin-bottom:5px;
text-align:right;
font-size:0.8em;
}
.rightCol .right dd {
margin-top:-15px;
float:right;
width:120px;
margin-left:30px;
line-height:10px;
color:#666;
font-size:0.8em;
}
.rightCol .right small {
display:block;
width:120px;
float:right;
font-style:italic;
font-size:0.7em;
clear:both;
color:#666;
margin-top:10px;
}
.rightCol .footprintSpecs h4 {
color:#000;
font-size:1em;
}
.rightCol .footprintSpecs p {
font-size:0.9em;
margin-bottom:10px;
line-height:1em;
}
.rightColThin {
width:300px;
}
.rightColThin table th, .rightColThin table td {
font-size:0.8em;
text-align:center;
padding:1px 4px;
}
.microphotos div {
width:245px;
font-size:0.9em;
float:left;
margin:0 30px 10px 0;
}
.chemMod {
display:block;
float:left;
width:180px;
margin-right:5px;
}
.chemMod h5 {
text-align:center;
}
.chemMod dl {
font-size:0.8em;
}
.chemMod dt {
width:100px;
float:left;
text-align:right;
margin-right:10px;
}
.chemMod dd {
width:170px;
}
.chemMod small {
font-size:0.75em;
font-style:italic;
display:block;
margin-top:5px;
text-align:center;
margin-bottom:15px;
}
.contactInfo {
width:282px;
text-align:left;
padding-bottom:15px;
padding-left:18px;
}
.contactInfo h3 {
font-size:1.5em;
color:#670D0D;
border-bottom:1px solid #670D0D;
margin-bottom:15px;
}
.contactInfo p {
font-size:1.3em;
color:#670D0D;
font-weight:bold;
}
#contactInfo h3 {
font-size:1.6em;
}
#contactInfo address {
font-style:normal;
font-size:1.2em;
line-height:1.2em;
margin-bottom:10px;
}
#contactInfo p {
font-size:1.2em;
line-height:1.2em;
}
.directory {
margin-top:30px;
}
.directory p {
font-size:0.9em;
display:block;
padding-left:30px;
}
p.john {
background:url(../images/dir-icon-john.gif) no-repeat left top;
}
p.mark {
background:url(../images/dir-icon-mark.gif) no-repeat left top;
}
p.patrick{
background:url(../images/dir-icon-pat.gif) no-repeat left top;
}
p.betty {
background:url(../images/dir-icon-betty.gif) no-repeat left top;
}
p.bob {
background:url(../images/dir-icon-bob.gif) no-repeat left top;
}
p.katie {
background:url(../images/dir-icon-katie.gif) no-repeat left top;
}
p.ben {
background:url(../images/dir-icon-ben.gif) no-repeat left top;
}
p.kenny {
background:url(../images/dir-icon-ken.gif) no-repeat left top;
}
p.matt {
background:url(../images/dir-icon-matt.gif) no-repeat left top;
}
p.harold {
background:url(../images/dir-icon-harold.gif) no-repeat left top;
}
.contactMod {
background:#e5dce8 url(../images/tabs-mod-top.gif) no-repeat top;
}
.contactForm {
background:url(../images/tabs-mod-bottom.gif) no-repeat bottom;
}
.contactForm legend {
display:none;
}
.contactForm p {
margin:15px 12px;
}
.contactForm fieldset {
margin:0 12px
}
.contactForm label {
font-size:1em;
}
.contactForm input, .contactForm textarea {
font-size:0.9em;
padding:8px;
}
.contactForm input {
width:220px;
}
.contactForm .company_name input {
width:370px;
}
.contactForm .contact_person, .contactForm .email, .contactForm .phone {
float:left;
margin-right:30px;
}
.contactForm .email, .contactForm .phone {
margin-right:30px;
}
.contactForm .phone input, .contactForm .fax input {
width:105px;
margin:0;
}
.contactForm .phone {
margin-left:-38px;
padding-left:8px;
}
.contactForm .address {
clear:both;
padding-top:20px;
}
.contactForm .address input {
width:370px;
}
.contactForm .city {
float:left;
margin-right:30px;
}
.contactForm .state {
float:left;
margin-right:30px;
}
.contactForm .state input, .contactForm .zip input {
width:50px;
}
.contactForm .message {
clear:both;
padding-top:20px;
}
.contactForm .message textarea {
width:550px;
height:80px;
font-family:Arial, verdana, sans-serif;
padding-top:8px;
font-size:0.9em;
}
.contactForm input.submit {
width:auto;
background:url(../images/btn-submit-bg.gif) no-repeat top left;
font-size:2em;
font-family:Arial;
color:#FFF;
letter-spacing:1pt;
text-align:center;
width:144px;
padding:11px 0;
float:right;
margin-top:5px;
}
div.success {
font-size:1.4em;
line-height:1.2em;
font-style:italic;
color:green;
font-weight:bold;
margin:15px 0 15px 0;
}
div.error {
font-size:1.4em;
line-height:1.2em;
font-style:italic;
color:red;
font-weight:bold;
margin:15px 0 15px 0;
}
#bottomContent {
height:200px;
overflow:hidden;
background:url(../images/bottom.jpg) no-repeat 51% top;
}
#bottomContentWrapper {
width:950px;
height:200px;
margin:0 auto;
}
#bottomContent .left {
display:block;
height:130px;
width:445px;
padding:50px 30px 20px 0;
font-size:1.4em;
color:#f7a673;
}
#bottomContent .left h1 {
font-size:1.4em;
color:#f7a673;
}
#bottomContent .left p {
color:#f7a673;
font-size:1.2em;
line-height:1.4em;
margin-top:8px;
}
#bottomContent .right {
display:block;
height:110px;
width:445px;
padding:90px 0 0 30px;
}
#bottomContent .right h2 {
line-height:1em;
color:#FFF;
display:block;
font-size:1.4em;
white-space:nowrap;
text-indent:-5000em;
}
#bottomContent .right h2 span {
display:block;
font-size:2em;
line-height:1em;
white-space:nowrap;
text-indent:-5000em;
}
#footer {
color:#ccc;
font-size:0.9em;
text-align:center;
padding:40px 0;
}
#footer div {
padding:5px 0;
}
#footer .fContactInfo p {
font-size:1.3em;
}
#footer p {
color:#ccc;
line-height:1.6em;
}
#footer a {
color:#ccc;
}

/* Slider */
#slider {
background:#FFF;
display:block;
height:253px;
margin:30px auto;
float:left;
}
#slider ul, #slider li {
margin:0;
padding:0;
list-style:none;
}
#slider, #slider li { 
/* 
define width and height of container element and list item (slide)
list items must be the same size as the slider area
*/ 
width:950px;
height:253px;
overflow:hidden; 
}
#slider li div.banner {
display:block;
width:950px;
height:253px;
margin:0 auto;
}
.bannerone {
background:url(../images/home-slide-01.jpg) no-repeat 1px 0px;
}
.bannertwo {
background:url(../images/home-slide-02.jpg) no-repeat 1px 0px;
}
.bannerthree {
background:url(../images/home-slide-03.jpg) no-repeat 1px 0px;
}
span#prevBtn a {
display:block !important;
float:left;
background:#000 url(../images/slider-btn-prev.gif) no-repeat left;
width:42px !important;
height:253px;
margin:-283px 0 0 0;
overflow:hidden;
text-indent:-5000em;
position:relative;
z-index:10;
left:-42px;
}
span#nextBtn a {
display:block !important;
float:right;
background:#000 url(../images/slider-btn-next.gif) no-repeat right;
width:42px;
height:253px;
margin:-283px 0 0 0;
text-indent:-5000em;
position:relative;
z-index:10;
left:42px;
}	
/* eof Slider */

/* tabs */
/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {
        display: none;
    }
}

/* Skin */
.ui-tabs-nav {
margin:0 !important;
padding:0 0 0 0 !important;
background:#e5dce8 url(../images/tabs-mod-top.gif) no-repeat top;
list-style:none;
height:30px;
overflow:hidden;
}
.tabContent .ui-tabs-nav {
margin-top:-45px !important;
background-color:transparent;
background-image:none;
margin-bottom:15px !important;
}
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
display: block;
clear: both;
content: " ";
}
.ui-tabs-nav li {
float: left;
margin: 0 0 0 0 !important;
padding:0 0 0 0 !important;
width:auto;
height:30px;
overflow:hidden;
}
.tabContent .ui-tabs-nav li {
font-size:0.83em;
}
.ui-tabs-nav a {
display: block;
padding:9px 10px !important;
color: #000798;
font-weight: bold;
line-height: 1em;
text-align: center;
text-decoration: none;
white-space: nowrap; /* required in IE 6 */    
outline: 0; /* prevent dotted border in Firefox */
background:url(../images/tabs-mod-a-bg.gif) no-repeat top;
}
.tabContent .ui-tabs-nav a {
padding:7px 10px 15px 10px !important;
color:#FFF;
font-weight:normal;
background:transparent url(../images/tabs-mod-subtab-a-bg.gif) no-repeat 50% 1px;
}
#tabs a.models:hover, #tabs a.models:focus, #tabs a.models:active, #tabs .ui-tabs-selected a.models, #tabs a.hydrau:hover, #tabs a.hydrau:focus, #tabs a.hydrau:active, #tabs .ui-tabs-selected a.hydrau {
background:transparent url(../images/tab-rounded-bg.gif) no-repeat left -30px !important;
}
.ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active {
position: relative;
z-index: 2;
color: #FFF;
background:#000798;
}
.tabContent .ui-tabs-nav .ui-tabs-selected a, .tabContent .ui-tabs-nav a:hover, .tabContent .ui-tabs-nav a:focus, .tabContent .ui-tabs-nav a:active {
background:transparent url(../images/tabs-mod-subtab-a-bg.gif) no-repeat 50% -29px;
}
.ui-tabs-nav a.intro {
background:transparent url(../images/intro-sprocket.gif) no-repeat top left;
height:30px;
width:37px;
padding:0 0 0 0 !important;
}
.ui-tabs-nav .ui-tabs-selected a.intro, .ui-tabs-nav a.intro:hover, .ui-tabs-nav a.intro:focus, .ui-tabs-nav a.intro:active {
background-position:bottom left;
}
.ui-tabs-nav a.intro span {
display:none;
}
/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}
*:first-child+html .ui-tabs-nav  { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}
.ui-tabs-panel {
background:#e5dce8 url(../images/tabs-mod-bottom.gif) no-repeat bottom;
padding:0 0 10px 0;
}

/* eof tabs */