#main-wrapper {float:left; width:100%;}
#local {float:left;}

#main {margin-left:240px; width:700px; padding: 20px 0; position: relative;}
#local {width:220px; margin-left:-960px;}

#main.homepage {margin: 0; width: 960px; padding: 0; background: #fff;}


/* =Global Layout Styles
--------------------------------------------- */
img	{display:block;}
img.printlogo {display:none;}
li img	{display:inline;}

a:link,
a:visited {color:#023e78; text-decoration: underline;}
a:hover,
a:active {color:#000; text-decoration: none;}

h1, h2, h3, h4 {
margin:0;
padding:0;
font-family:Arial, sans-serif;
text-transform:none;
font-weight:bold;
font-size:100%;
letter-spacing:0em;
line-height:1em;
color:#000;}

ul, ol, dl, p {margin:0; padding:0; line-height:1em;}
li {margin:0;padding:0;line-height:1em;}
i, em {font-style:italic;}
b, strong {font-weight:bold;}

span {padding:0;}
div.hr {clear:both; height: 1px; background: #c9c9c9;}
div.hr hr {display: none;}

dl {
	float: left;
	margin: 1em 0;
	padding: 0;
}

dt {
	clear: left;
	float: left;
	width: 175px;
	margin: 0;
	padding: 5px;
	font-weight: bold;
}
dt div.spacer {display:block; width: 175px; height: 100px; background: #efefef; }

dd {
	float: left;
	width: 400px;
	margin: 0;
	padding: 5px;
}

.section {margin: 1em 0; width: 575px; padding: 0;}

.clear {clear:both;}

/* =Structure 
---------------------------------------------------------- */
body {
position:relative;
min-width:960px;
font-family: Arial, Helvetica, sans-serif;
font-size:small;
text-align:center;
color:#333;
}
#wrapper-outer {
width: 100%;
height: 131px !important;
}
#wrapper {
position:relative;
width:960px;
margin:0 auto;
text-align:left;
text-align:center;
}
#header {
background: #fff url("../images/bg_header.gif") no-repeat 0 0;
position: relative;
width:960px;
height:131px;
}
#content {
position:relative; 
margin:0 auto;
width:960px;
text-align:left;
overflow:hidden;}

#footer {
clear:both;
width:960px;
position:relative;
margin:0 auto;
padding-bottom:0px;
text-align:left;
font-size:85%;
color:#fff;}

/* =Header
---------------------------------------------------------- */
a.logo {display:block; position: absolute; text-indent: -999em;}

/* =Navigation Waukesha Bearing
---------------------------------------------------------- */
body.wb #navigation {
display:inline-block;
height:65px;
width:670px;
z-index: 20;
position: absolute;
top: 78px;
left: 518px;
text-align: left;
}
body.wb ul#nav li {list-style: none;display: block;float:left; margin-top: 0px; margin:0px 8px; padding: 0px;}
body.wb ul#nav li a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	text-decoration:none;
	padding: 2px 0px 20px;
	color:#5E5E5E;
	text-transform: uppercase;
	display: block;
}
body.wb ul#nav li a:hover{
	color:#000;
	background-image: url(../images/libg.gif);
	background-repeat: repeat-x;
	background-position: 0px 31px;
	display: block;
}

/* =Utility Navigation
---------------------------------------------------------- */
ul#utility-navigation {
position:absolute;
top:15px;
}
ul#utility-navigation li  {
	display:inline;
	margin-right:6px;
	padding-left:12px;
	white-space:nowrap;
	text-transform: uppercase;
	font-size: 85%;
	background-color: transparent;
}
ul#utility-navigation li.first {background: none; padding-left: 0;}
ul#utility-navigation a:link,
ul#utility-navigation a:visited {color: #8d8d8d; text-decoration: none;}
ul#utility-navigation a:hover,
ul#utility-navigation a:active {color: #5e5e5e; text-decoration: none;}

/* =Main Common
---------------------------------------------------------- */
#main.homepage #main-inner {
	width: 960px;
	height: 240px;
	overflow: hidden;
	border-bottom: 20px solid #fff;
}
#main.homepage #main-inner p{margin-left:15px; display: block;}
#main.homepage #main-inner span{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 15px;
	font-weight: bold;
	padding-bottom: 10px;
	padding-top: 10px;
	display: block;
}

#main.homepage #main-inner div {
	float: left;
	width: 320px;
	position: relative;
	height: 120px;
}
#main.homepage #main-inner div p {text-indent: -999em;}
#main.homepage #main-inner div a {display:block; font-size: 85%;  color: #333; font-weight: bold; position: absolute; padding-left: 34px;}
#main.homepage #main-inner div a:link,
#main.homepage #main-inner div a:visited {text-decoration: underline;}
#main.homepage #main-inner div a:hover,
#main.homepage #main-inner div a:active {text-decoration: none;}
#main.homepage #main-inner div.m1 a {top: 45px; left: 12px;}
#main.homepage #main-inner div.m2 a {top: 45px; left: 13px;}
#main.homepage #main-inner div.m3 a {top: 45px; left: 14px;}

#main div.col2 {width: 700px; float: left; overflow: hidden; margin-bottom: 20px;}
#main div.col2 div.w {width: 332px; float: left; display:inline; margin-right: 20px; }
#main div.col2 div.e {width: 348px; float: left; display: inline; }

#main img.landing {display:none;}
#main img.right {float: right; margin: 0 0 10px 10px;}
#main h1 {font-size: 197%; color: #1a1a1a; font-weight: normal; margin: 0 0 .5em 0;}
#main h2 {font-size: 123.1%; color: #1a1a1a; font-weight: normal; margin: 0; padding: 0 0 .25em 0;}
#main h2 a {text-decoration: none;}
#main p {
	color: #333;
	font-size: 93%;
	line-height: 1.5em;
	padding-top: 7px;
	padding-bottom: 8px;
}
#main div.pagetitle {overflow:hidden; margin-bottom: 20px;}
#main div.pagetitle h1 {margin-bottom: .25em;}
#main div.pagetitle h2 {margin-bottom: .15em;}

/* Photo Gallery */
#main div.content {
	width: 330px;
	position: relative;
	border: 1px solid #dedede;
}
#main div.content a, 
#main div.navigation a {
	text-decoration: none;
	color: #777;
}
#main .no-controls div.content a,
#main .no-controls div.navigation a {
    display: none;
}
#main div.content a:focus, 
#main div.content a:hover, 
#main div.content a:active {
	text-decoration: underline;
}
#main div.controls {
	position: absolute;
	left: 0;
	bottom: 0;
	height: 20px;
	width: 330px;
	z-index: 10;
}
#main .no-controls div.controls {
    display:none;
}
#main div.controls a {
	text-indent: -999em;
	display:block;
	width: 24px;
	height: 24px;
	/* background: url("../../images/prev-next.gif") no-repeat 0 0; site specific */
}
#main div.slideshow-container {
	position: relative;
	height: 340px; /* This should be set to be at least the height of the largest image in the slideshow */
	z-index: 1;
}
#main div.loader {
	position: absolute;
	top: 0;
	left: 0;
	background-image: url('../images/common/loader.gif');
	background-repeat: no-repeat;
	background-position: center;
	width: 330px;
	height: 340px; /* This should be set to be at least the height of the largest image in the slideshow */
}
#main #slideshow {position: relative;}
#main div.slideshow span.image-wrapper {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}
#main div.slideshow a.advance-link {
	display: block;
	width: 330px;
	height: 340px;
	text-align: center;
	cursor: auto;
	overflow: visible;
}
#main div.slideshow a.advance-link:hover, 
#main div.slideshow a.advance-link:active, 
#main div.slideshow a.advance-link:visited {
	text-decoration: none;
}
#main div.slideshow img {margin-top: -16px;}
#main ul.thumbs {
	bottom:8px;
	left:35px;
	margin:0;
	padding:0;
	position:absolute;
	z-index:99;
}
#main ul.thumbs li {
	float: none;
	padding: 0;
	margin: 0;
	list-style-type: none;
	display:inline;
}
#main a.thumb {
	float: left;
	margin-right: 5px;
	padding: 0;
	display: block;
	height: 8px;
	width: 8px;
	border: none;
	text-indent: -999em;
	/* background: url("../../images/is/gallery-nav-off.png"); site specific */
}
#main ul.thumbs li.selected a.thumb {
	font-weight: bold;
	/* background: url("../../images/is/gallery-nav-selected.png"); site specific */
}
#main a.thumb:focus {
	outline: none;
}
#main ul.thumbs img {
	border: none;
	display: block;
}

/* Link Quilt */
#main ul#link-quilt {clear: both; display:block; width: 700px; height: 119px; margin: 0 0 10px 5px;}
#main ul#link-quilt li {list-style: none; margin: 0 20px 10px 0; padding: 0; display: block; float: left; display: inline; width: 325px; height: 50px; background: none;}
#main ul#link-quilt li a {display: block; text-indent:-999em; position: relative; width: 325px; height: 50px; background-position: 0 0; }
#main ul#link-quilt li a:hover {background-position: 0 -50px !important;}

/* Tabs */
#main #tabs {clear: both; background: #ddd; padding: 10px; margin-bottom: 20px; }
#main .ui-tabs { position: relative; padding: .2em;} /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
#main .ui-tabs .ui-tabs-nav { margin: 0; height:29px; width:680px;}
#main .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; height: auto; top: 1px; margin: 0 5px 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; background: #c1c1c1; }
#main .ui-tabs .ui-tabs-nav li a { float: left; padding: 7px 10px 5px 10px; text-decoration: none; text-transform: uppercase; font-weight: bold; color: #666;}
#main .ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; background: #fff; }
#main .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, 
#main .ui-tabs .ui-tabs-nav li.ui-state-disabled a, 
#main .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; color: #c1c1c1;}
#main .ui-tabs .ui-tabs-nav li a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
#main .ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 10px; background: #fff; }
#main .ui-tabs .ui-tabs-panel ul li {list-style-type: none; list-style-position: outside; padding: 1px 0 1px 22px; height: 1%;}
#main .ui-tabs .ui-tabs-hide { display: none !important; }

#main #system-tabs .ui-tabs .ui-tabs-nav {height:27px;}
#main #system-tabs .ui-tabs .ui-tabs-nav li {margin: 0 2px 1px 0;}
#main #system-tabs .ui-tabs .ui-tabs-nav li a {padding: 6px 8px 4px 8px; font-size: 85%;}

/* industry detail pages */
#main div.main-intro {overflow: hidden; float: left; margin-bottom: 20px;}
#main div.main-intro .w {float: left; display: inline; width: 280px; margin-right: 20px;}
#main div.main-intro .e {float: left; display: inline; width: 400px;}

/* FAQ */
#main div.answer {background: #f0f0f0; padding: 10px; margin-bottom: 20px;}
#main h2.subheader1 {margin-bottom: .5em;}
#main h2.subheader2 {clear:both; margin-top: 20px; margin-bottom: .5em;}

/* Resource Tables */
table#resources {width: 100%; border: none;}
table#resources th {border: none; text-align: left; font-weight: bold; background: #C1C1C1; color: #333; padding: 5px;}
table#resources td {border: none; padding: 5px;}
table#resources tr.alt td {background: #F0F0F0;}

/* ROI Calculator Tables */
table.roi {
	border:none;
	margin: 10px 0;
	width: 100%;
	text-align: left;
	border-collapse: collapse;
}
table.roi tbody {border-bottom: 2px solid #ccc;}
table.roi caption {font-size: 108%; font-weight: bold; text-align: left;}
table.roi th {
	font-size: 100%;
	text-align: left;
	font-weight: bold;
	padding: 8px 10px;
	border-bottom: 1px solid #fff;
	color: #fff;
	border-left: 0;
	border-right: 0;
}
table.roi td {
	font-size: 93%; 
	padding: 7px 10px;
	background: #efefef; 
	border-bottom: 1px solid #fff;
	border-top: 1px solid transparent;
	border-left: 0;
	border-right: 0;
}
table.roi td.year {border-right: 1px solid #fff;}
table.roi .cost {text-align: right; padding-right: 20px;}
table.roi .qty {text-align: center;}

/* locations */
.locations {overflow: hidden; margin: 15px 0;}
.locations h3 {color: #333; font-size: 100%; margin-bottom: 10px;}
.locations div.w {float: left; display: inline; width: 330px; margin-right: 40px;}
.locations div.e {float: left; display: inline; width: 330px;}
.locations .vcard {margin-bottom: 20px;}
.locations .vcard .org {font-weight: normal; font-style: italic;}
.locations .vcard .type {display:none;}
.locations .vcard .organization-name {display:none;}

/* =Main WB */
body.wb #main ul li {background: url("../images/checkmark.gif") no-repeat 0 0;}
body.wb #main ul li li {background: url("../images/bullet.gif") no-repeat 0 3px; padding: 0 0 0 18px;}
body.wb #main ul ul {margin-bottom: 1.5em;}
body.wb #main ul.fileicons li {background: none !important; padding-left: 0 !important;}

body.wb #main div.controls a {background: url("../images/prev-next.gif") no-repeat 0 0;}
body.wb #main div.controls a.prev {position: absolute; bottom: 0; left: 0; background-position: 0 0;}
body.wb #main div.controls a.next {position: absolute; bottom: 0; right: 0; background-position: 0 -24px;}
body.wb #main div.controls a:hover.prev {position: absolute; bottom: 0; left: 0; background-position: -24px 0;}
body.wb #main div.controls a:hover.next {position: absolute; bottom: 0; right: 0; background-position: -24px -24px;}

body.wb #main a.thumb {background: url("../images/gallery-nav-off.png");}
body.wb #main ul.thumbs li.selected a.thumb {background: url("../images/gallery-nav-selected.png");}

dl.news dt {line-height: 1.4em; width: 120px; padding:0;}
dl.news dd {line-height: 1.4em; padding: 0; margin-bottom: 15px;}

/* =Breadcrumb
---------------------------------------------------------- */
#breadcrumb {display: none;} 

/* =Local
---------------------------------------------------------- */
#local h3 {display: block;	}
#local h3 a {display: block; width: 175px; padding: 15px 5px 8px 32px; color: #fff; font-size: 16px; font-weight: bold; line-height: 1.3em;background: url("../images/pro.gif") no-repeat 10px 15px;}
#local h3 a:link,
#local h3 a:visited,
#local h3 a:hover,
#local h3 a:active {color: #fff; text-decoration: none;}

#local ul {margin: 10px 0;}
#local ul li {list-style-type: none; margin: 0 0 1px 0; font-size: 85%;}
#local ul li a {
	display:block;
	line-height:1.3em;
	width:175px;
	font-size: 14px;
	color: #FFF;
	background-image: url(../images/prolist.gif);
	background-repeat: no-repeat;
	background-position: 16px 8px;
	padding-top: 6px;
	padding-right: 5px;
	padding-bottom: 6px;
	padding-left: 38px;
}
#local ul li a:hover{background: #3C3C3C; background: url(../images/prolist.gif) no-repeat 16px 8px;}
#local a:link,
#local a:visited {color: #ccc; text-decoration: none;}
#local a:hover,
#local a:active {color: #fff; text-decoration: none;}

#local div.hr {clear:both; height: 1px; width: 220px; background: url("../images/common/local_hr.gif") no-repeat;}
#local div.hr hr {display: none;}

/* =Footer 
---------------------------------------------------------- */
#footer {border-top: 20px solid #c9c9c9; position: relative; height: 110px;}
#footer ul {
left:20px;
position:absolute;
top:20px;
}
#footer ul li  {
background:url("../images/pipe-white.gif") no-repeat 0 1px transparent;
display:inline;
margin-right:6px;
padding-left:12px;
white-space:nowrap;
text-transform: uppercase;
font-size: 85%;
}
#footer ul li.first {background: none; padding-left: 0;}
#footer a:link,
#footer a:visited {color: #fff; text-decoration: none;}
#footer a:hover,
#footer a:active {color: #fff; text-decoration: underline;}
#footer p {
	color: #fff;
	position: absolute;
	top: 22px;
	right: 14px;
	text-align: right;
	width: 520px;
}
#footer a.thepod {text-transform:none !important;}

/* =Microformates 
---------------------------------------------------------- */
.vcard {margin-bottom:1em; color: #333;}
.vcard div {margin-bottom: .25em;}
.fn {font-size:inherit;}
.org {font-size:inherit; font-weight: bold;}
.adr {font-size:inherit;}
.adr .street-address {font-size:inherit;}
.adr .locality {font-size:inherit;}
.adr .region {font-size:inherit;}
.adr .postal-code {font-size:inherit;}
#results .tel .type,
#quote-vcard .tel .type {display: none;}

/* =Fixes
---------------------------------------------------------- */
a {overflow:hidden;}
a:active, a:focus {outline: 0;}

/* =Waukesha Bearing
---------------------------------------------------------- */
body.wb {background: #062746 url("../images/bg.jpg") repeat-y 50% top; padding:0px; margin:0px;}
body.wb #wrapper-outer {background: transparent url("../images/bg_wrapper-outer.jpg") no-repeat 50% top;}
body.wb #header a.logo {width: 495px; height: 70px; background: transparent url("../images/logo.gif") no-repeat 0 0; top: 19px; left: 19px;}
body.wb ul#utility-navigation {/* left:565px; */
	left: 800px;
	top: 15px;
}

body.wb #content {background: #fff url("../images/bg_content.gif") repeat-y;}
body.wb #main.homepage #main-inner {background: url("../images/bg_main-inner-homepage.jpg") no-repeat;}
body.wb #main.homepage #main-inner div a {background: url("../images/arrow.gif") no-repeat 0 0;}
body.wb #main.homepage #main-inner div a:hover {background: url("../images/arrow1.gif") no-repeat 0 0; }
body.wb #main.homepage #main-inner div.m1 a {width: 117px;}
body.wb #main.homepage #main-inner div.m2 a {width: 117px;}
body.wb #main.homepage #main-inner div.m3 a {width: 115px;}

body.wb #local h3 {display: block; background: url("../images/local-h3-bg.gif") no-repeat 0 50%;}
body.wb #footer a.company {background: url("../images/a-dover-company.gif") no-repeat;}
.imgright{float: right;margin-top: 15px;margin-right: 8px;}
.imgright1{float:right; margin-left:10px;}
/* contactform */
#contactform { margin:0; padding:5px 10px;}
#contactform * { color:#6e6e6e;}
#contactform ol { margin:0; padding:0; list-style:none;}
#contactform li {margin:0;padding:0;background:none;border:none; clear: left;}
#contactform li.buttons { margin:5px 0 5px 0;}
#contactform label {text-align:right;margin:0 10px 0 0;width:150px;display:block;padding:5px 0;font:normal 11px Tahoma, Geneva, sans-serif;color:#335EA8;text-transform:capitalize;float:left;}
#contactform label span { font:normal 10px Arial, Helvetica, sans-serif;}
#contactform input.text { width:300px; border:1px solid #c5c5c5; margin:2px 0; padding:3px 2px; height:14px; background:#fff; float:left;}
#contactform textarea {width:300px;border:1px solid #c5c5c5;background:#fff;float:left;margin-top: 2px;margin-right: 0;margin-bottom: 2px;margin-left: 0;padding-top: 3px;padding-right: 2px;padding-bottom: 3px;padding-left: 2px;}
#contactform li.buttons input { padding:3px 0; margin:0 0 0 160px; border:0; color:#FFF;}
/* pic */
.pic {margin-bottom: 8px; padding: 0px;}
.pic ul{padding: 0px; margin: 10px 0px 0px;}
.pic ul li {list-style: none;float: left; padding: 0px; display: block; margin: 5px 30px 5px 30px; text-align:center;}
.pic ul li span{padding-top: 10px; margin: 0px; display: block; height: 25px; font-weight:bold;}
.suojin {display:block; text-indent:42px;}.wb #wrapper-outer #wrapper #content #main-wrapper #main ul li {
	margin-left: 40px;
	line-height: 19px;
}
.wb #wrapper-outer #wrapper #content #main-wrapper #main table tbody tr td {
	padding: 4px;
}
.wb #wrapper-outer #wrapper #content #main #main-inner p span {
	float: left;
	width: 945px;
}