/* =======================================
Josam CSS
Author: Charlie Hoey (choey@panopticdesign.com)
==========================================
 =========================================
	=Global
==========================================*/
body
{
	background-color: #EEE;
	background-image:url(../art/bk_dropshadow.jpg);
	background-repeat: repeat-y;
	background-position: center center;
	font-family: arial;
	font-size: .8em;
	margin-left: auto;
	margin-right: auto;
	width: 788px;
}

/* style for pop-up windows - remove background image */
body.popup
{
	background-color: #FFF;
	background-image:none;
	font-family: arial;
	font-size: .8em;
}

/* styles to keep the footer floating at the bottom */

html, body, #holder
	{
		min-height: 100%;
		height: 100%;
	}
	
	html>body, html>body #holder { height: auto; }
	
	#holder
	{
		width: 780px;
		margin-left: 4px;
		%margin-left: 5px;
		position: absolute;
		top: 0;
		background-color: #fff;
	}

/* universal style classes */
.clear {
clear:none;
width:100%;
}

.loginbox {
background-color:#eee;
border:1px solid #999;
}

.orange {
color:#f30;
}

.outline {
border:1px solid #999;
padding:5px 5px 5px 10px;
}

/* custom default element styles */
hr {
border:0;
border-bottom:1px solid #999;
height:1px;
margin:0;
}

input.itext,select,textarea {
background-color:#EEE;
border:1px solid #999;
}

input.buttonRight,input.ibutton {
background-color:#EEE;
border:1px solid #333;
border-left:1px solid #AAA;
border-top:1px solid #AAA;
}

input.buttonRight {
float:right;
}

input.caption {
border:0;
background-color:#FFF;
font-weight:bold;
}

p {
line-height:1.2em;
}

table {
margin:1em 0 0 0;
}

td {
padding:4px;
}

#content ul.bulleted {
list-style-type:disc;
padding:1em;
padding-top: 0;
margin-top: 0;
}

/* =========================================
	=Begin Rick


	.bullet
	{	
	list-style-type: OL;
	margin-left: 15px;
	margin-top: 10px;
	}

.none { width: 100%;}

==========================================
 =========================================
	=End Rick
==========================================
 Custom links with icons */
a.icon {
background-position:left middle;
background-repeat:no-repeat;
display:block;
float:left;
padding-left:18px;
}

a.pdf {
background-image:url(../art/i_pdf-link.gif);
background-repeat:no-repeat;
padding-left:18px;
}

a.literature {
background-image:url(../art/i_pencil.gif);
background-repeat:no-repeat;
padding-left:18px;
}

/* =========================================
	=Navigation
==========================================*/
#breadcrumbs {
clear:both;
font-size:.9em;
left:11px;
position:relative;
top:-16px;
}

#breadcrumbs b {
font-weight:400;
padding-left:4px;
padding-right:4px;
}

#masthead {
background-repeat:no-repeat;
height:142px;
width:780px;
}

/* Class-hack to overcome IE6 ID & Class bug.  Styles below define
		   the background image for the header in the content framework to
		   reflect tab on-states. */
.utility {
background-image:url("../art/bk_masthead-off_1.jpg");
}

.home {
background-image:url("../art/bk_masthead-home_1.jpg");
background-repeat:no-repeat;
}

.about {
background-image:url("../art/bk_masthead-about_1.jpg");
}

.products {
background-image:url("../art/bk_masthead-products_1.jpg");
}

.catalog {
background-image:url("../art/bk_masthead-products_1.jpg");
}

.news {
background-image:url("../art/bk_masthead-news_1.jpg");
}

.literature {
background-image:url("../art/bk_masthead-literature_1.jpg");
}

.careers {
background-image:url("../art/bk_masthead-careers.jpg");
}

/* Resume masthead styles */
#masthead a#homeLink {
display:block;
float:left;
height:50px;
left:10px;
position:relative;
top:-68px;
width:190px;
}

#masthead ul#nav {
font-weight:700;
left:67px;
overflow:hidden;
position:relative;
%top:88px;
top: 64px;
width:700px;
}

#masthead ul#nav li {
display:block;
float:left;
text-align:center;
width:115px;
}

#masthead ul#nav li a {
color:#DDD;
display:block;
font-style:italic;
line-height:20px;
text-align:center;
text-decoration:none;
width:110px;
}

#masthead ul#nav li a:hover {
color:#FF0;
}

#masthead ul#nav li#current a {
color:#222;
}

#masthead ul#nav2 {
background-color:#eee;
background-image:url(../art/bk_nav2-rules.gif);
background-repeat:repeat-x;
border-left:1px solid #999;
border-top:1px solid #999;
float:left;
height:22px;
left:20px;
list-style-type:none;
margin:0;
position:relative;
%top: 94px;
top:75px;
width:739px;
}

#masthead ul#nav2 li {
border-left:1px solid #FFF;
float:left;
}

#masthead #nav2 li a {
border-bottom:1px solid #999;
border-right:1px solid #999;
color:#000;
display:block;
font-size:.9em;
line-height:22px;
padding-left:1px;
padding-right:0;
text-align:center;
text-decoration:none;
width:120px;
}

#masthead #nav2 li a:hover {
border-bottom:2px solid #063;
}

#masthead #nav2 li#current a {
background:none;
background-color:#fff;
border-bottom:1px solid #fff;
color:#222;
}

#masthead ul#util
		{
			float: right;
			font-size: .9em;
			%font-size: .85em;
			list-style-type: none;
			position: relative;
			top: 0px;
		}
		
		#masthead ul#util li { 
			border-bottom: 1px solid #CCC; 
			float: left;
			background-color: #f0f5f8;
		}
		
		#masthead ul#util li a {
			display: block;
			line-height: 2em;
			padding: 0 10px 0 10px;
			color: #333;
			text-decoration: none;
			border-left: 1px solid #ccc;
			text-align: center;
			letter-spacing: 1px;
		}
		
		#masthead ul#util li a:hover { 
			background-color: #fff;
			text-decoration: none;
		}
		
		#masthead ul#util li#current a {
			color: #000;
			background-color: #fff;
		}

/* =========================================
	=Structure
==========================================*/
#content {
background-color:#FFF;
overflow:hidden;
padding-bottom:100px;
width:780px;
}

#content h1,#content h2,#content h3,#content h4,#content h5 {
font-weight:700;
}

#content span#contentSpan {
display:block;
padding-top:25px;
width:780px;
}

#content #body {
float:left;
width:560px;
}

#content #body.fullwidth {
width:780px;
}

#content #body.popup {
width:450px;
}

#content #body #bodySpan {
display:block;
min-height:400px;
padding:10px 10px 10px 43px;
}

#content #ifrme {
margin:  -5px;
display:block;
}

#content .ifrme
{
padding-top:10px;
width: 780px;
}

#content #body #catalog {
color:#333;
float:left;
width:200px;
}

#content #body .newsListing {
border-top:1px solid #999;
overflow:hidden;
padding:1em 0;
width:100%;
}

#content #body .newsListing .newsCopy {
float:right;
overflow:hidden;
width:420px;
}

#content #body #searchBox {
float:right;
width:500px;
}


#content #body #bodySpan #login.show {
float:left;
display:block;
visibility:visible;
overflow:hidden;
}

#content #body #bodySpan #login.hide {
display:none;
visibility:hidden;
overflow:hidden;
}

#content #body #bodySpan #logged.show {
float:left;
visibility:visible;
display:block;
}

#content #body #bodySpan #logged.hide {
visibility:hidden;
display:none;
}

#content #body #bodySpan #logged #JSWP.show {
visibility:visible;
display:block;
}

#content #body #bodySpan #logged #JSWP.hide {
visibility:hidden;
display:none;
}

#content #body #bodySpan #logged #OUTP.show {
visibility:visible;
display:block;
}

#content #body #bodySpan #logged #OUTP.hide {
visibility:hidden;
display:none;
}

#content #body #bodySpan #sparepck.show {
font-size:10pt; 
width:100%; 
border:1px solid #999; 
}

#content #body #bodySpan #sparepck.hide {
display:none;
height:0px;
}

#content #catalogNav {
float:left;
margin-left:20px;
}

#content #catalogNav ul {
border-top:1px solid #999;
margin:10px 0 1.5em;
width:170px;
}

#content #catalogNav ul li {
border-bottom:1px solid #999;
}

#content #catalogNav ul a {
display:block;
line-height:1.6em;
padding:.1em 0 0 1.5em;
text-decoration:none;
}

#content #catalogNav ul li.current a {
background-image:url(../art/i_catalognav-arrow.gif);
background-position:left center;
background-repeat:no-repeat;
color:#000;
}

.homeContent #copy {

float:left;
margin-left:30px;
_margin-left: 15px;
width:300px;
}

.homeContent #copy .article {
border-top:1px solid #999;
overflow:hidden;
padding:8px 0;
}

.homeContent #copy .article h1 {
font-size:1em;
margin:0;
}

.homeContent #copy .article img {
float:left;
margin-right:10px;
}

.homeContent #copy .article ul {
list-style-type:none;
overflow:hidden;
padding:0 0 5px;
width:100%;
}

.homeContent #copy .article li {
float:left;
padding:0 10px 0 0;
}

.homeContent #copy h1 {
font-size:1.5em;
margin:1em 0;
color: #25604a;
}

.homeContent #feature {
float:left;
margin-left:30px;
}

.homeContent #sidebar {
margin-top:38px;
}

.homeContent #sidebar p {
margin:3px 0 0 !important;
padding:0 !important;
}

.homeContent #sidebar h3 {
border-top:1px solid #999;
color:#000;
margin:3px 0 0;
padding-top:3px;
}

#content table#offices td {
padding:10px 30px;
}

#content table#pickCart {
border:1px solid #999;
width:100%;
}

#content table#pickCart th {
background:#555;
color:#fff;
font-weight:700;
padding:4px;
}

#content table#pickCart td {
padding:5px;
}

#content #sidebar {
_margin-right:5px;
border:1px solid #999;
float:right;
margin-right:10px;
padding-bottom:10px;
width:188px;
}

#content #sidebar div.catalogLogo {
border:1px solid #999;
margin-bottom:8px;
}

#content #sidebar div.catalogLogo img.logo {
padding-bottom:10px;
padding-top:10px;
}

#content #sidebar div.catalogLogo img.catalogImg {
margin:10px 0 10px 30px;
}

#content #sidebar img.catalogImg
{
width: 115px;
height: 100px;
}

#content #productBar #productImg img.prodImg
{
width: 100px;
height: 100px;
}
#content #sidebar div.catalogLogo h2 {
margin:0;
overflow:hidden;
padding:5px;
}

#content #sidebar div.catalogLogo a {
font-weight:400;
text-decoration:none;
}

#content #sidebar.norule {
border:0;
width:190px;
}

/* =========================================
	Custom Change for Quote/Item
==========================================*/
#content #productBar #AddItem.hide {
display:none;
}

#content #productBar #AddItem.show {
display:block;
background-color:#eee;
}

/* =========================================
	= Catalog & Product Detail Pages
==========================================*/
#content table.stripe {
background-color:#eee;
border-collapse:collapse;
margin-top:4px;
width:100%;
}

#content table.stripe th.company {
text-align:center;
width:100px;
}

#content table.stripe td.image {
text-align:left;
}

#content table.stripe td.image a {
display:block;
text-align:center;
text-decoration:none;
width:100%;
}

#content table.stripe td.image img.thumb {
display:block;
text-align:center;
text-decoration:none;
height:40px;
width:40px;
}

#content table.stripe td.image a img.preview {
display:none;
left:739px;
position:absolute;
}

#content table.stripe td.image a:hover img.preview {
border:1px solid #999;
display:inline;
position:relative;
top:0px;
}

/*===========================
   For Spare Parts Table
============================*/
#content #body table.stripe .pshow {
display:block;
}

#content #body table.stripe .phide {
width:0px;
display:none;
}

#content #body tr.pickrshow {
background-color:#c0c0c0;
}

#content #body tr.pickrhide {
display:none;
}

#content #body tr.pickphide {
display:none;
}

#content #body tr.pickpshow {
background-color:#ffffff;
}

#content table#blucherTable {
background-color:#eef;
border:1px solid #eef;
}

#content table#blucherTable th {
background-color:#041E75;
border:0;
}

#content table#josamTable {
background-color:#CFE6DD;
border:1px solid #CFE6DD;
}

#content table#josamTable th {
background-color:#25604A;
border:0;
}

#content table#meaTable {
background-color:#FFECE6;
border:1px solid #FFECE6;
}

#content table#meaTable th {
background-color:#cc3300;
border:0;
}

#content table.stripe ul.hoverbox {
display:block;
margin:0;
padding:0;
}

#content table.stripe tr {
padding-left:3px;
}

#content table.stripe td {
border:1px solid #CCC;
padding:5px;
}

#content table.stripe th {
background-color:#555;
color:#fff;
font-weight:700;
padding:4px;
text-align:left;
}

#content table.stripe td.rule {
background-color:#999;
}

.error {
border:2px solid #c00;
margin:1em 0;
padding:.5em 1em;
}

.warn {
border:2px solid #cc0;
margin:1em 0;
padding:.5em 1em;
}

.confirm {
border:2px solid #0c0;
margin:1em 0;
padding:.5em 1em;
}

#footer {
bottom:0;
font-size:.9em;
position:absolute;
width:780px;
}

#footer p {
text-align:center;
}

.ok {
border:2px solid #093;
margin:1em 0;
padding:.5em 1em;
}

#productInfo #sidebar {
background-color:#EEE;
float:left;
padding-bottom:50px;
width:240px;
}

#productInfo #sidebar a.button {
margin-left:5px;
}

#productInfo #sidebar h2 {
background-color:#333;
color:#CCC;
line-height:1.5em;
margin-top:10px;
text-align:center;
}

#productInfo #sidebar ul {
list-style-type:none;
margin-left:15px;
margin-top:10px;
}

#productInfo #sidebar li {
line-height:1.5em;
}

#productInfo #sidebar p {
margin-left:15px;
margin-top:50px;
}

#productInfo #sidebar ul#mainButtons {
margin:0;
}

#productInfo #sidebar ul#mainButtons li {
border-bottom:1px solid #BBB;
border-top:1px solid #FFF;
}

#productInfo #sidebar ul#mainButtons li a {
display:block;
line-height:2em;
padding-left:2em;
}

#productInfo #sidebar ul#mainButtons li a:hover {
background-color:#EFE;
text-decoration:none;
}

#productInfo #sidebar ul#mainButtons li img {
margin-bottom:2px;
vertical-align:middle;
}

#productBar {
border:1px solid #999;
float:right;
margin-right:5px;
width:195px;
}

#productBar img#prodLogo {
padding-bottom:10px;
}

#productBar h2,#productBar h1 {
background:#DDD;
color:#000;
margin-bottom:10px;
margin-top:10px;
padding:2px;
}

#productBar h1 {
border-bottom:1px solid #999;
margin-top:0;
padding:5px;
}

#productBar h1.blucher {
background-color:#041E75;
color:#fff;
}

#productBar h1.josam {
background-color:#25604a;
color:#fff;
}

#productBar h1.mea {
background-color:#cc3300;
color:#fff;
}

#productBar a.help {
margin-left:2px;
margin-right:5px;
width:10px;
}

#productBar a.help img {
padding-bottom:2px;
}

#productBar #productImg {
border-top:1px solid #999;
padding-top:10px;
text-align:center;
}

#productBar .productMenu {
margin-top:1px;
text-align:left;
}

#productBar .productMenu a {
line-height:20px;
text-decoration:none;
vertical-align:top;
}

#productBar .productMenu li {
background-color:#eee;
border-top:1px solid #999;
padding-left:2px;
padding-top:1px;
}

#productBar .productMenu li#current a {
color:#000;
}

#productBar #productImg .productMenu {
background:#FFF;
margin-top:0;
}

#productBar .productMenu select {
background-color:#EEE;
font-size:8pt;
margin-bottom:2px;
margin-left:3px;
padding-top:2px;
}

#productBar .productMenu option.head {
background-color:#DDD;
color:#386165;
font-weight:700;
padding-bottom:2px;
padding-top:2px;
}

#productBar #productKB ul {
list-style-type:circle;
margin-left:20px;
}

#productBar #productKB ul p {
color:#666;
font-size:.8em;
}

#productContent {
_width:570px;
float:left;
overflow:hidden;
width:578px;
}

#productContent span#productContentSpan {
display:block;
margin-left:43px;
margin-right:50px;
}

#productContent h1 {
font-size:1.4em;
color:#25604a;
}

#productContent h3.alert {
background:#EEE;
color:#D00;
margin-bottom:10px;
padding:2px;
}

#productDetail {
background-color:#FFF;
overflow:hidden;
padding-bottom:25px;
}

#content #body h1 {
color:#25604a;
font-size:1.6em;
margin-bottom:.5em;
}

#content #body h2 {
font-size:1.2em;
}

#content #body p {
margin-bottom:1em;
}

#content #body ul {
margin:1em;
}

#content ol {
list-style-type:decimal;
margin:1em 1em 1em 2em;
padding:0;
}

#content #body #locations {
border-bottom:1px dashed #CCC;
margin-top:15px;
}

#content #body #locations p {
border-top:1px dashed #CCC;
margin:0;
padding:.3em 0 .5em;
}

#content #body #locations strong {
color:#063;
}

#content #body .newsListing h1 {
color:#000;
font-size:1em;
font-weight:700;
line-height:1.2em;
margin:0;
}

#content #body .newsListing h2 {
font-size:1em;
font-weight:400;
line-height:1.2em;
margin:0;
}

#content #body .newsListing img {
border:1px solid #000;
clear:both;
float:left;
margin-right:15px;
}

#content #body .searchBox {
	width: 500px;
	margin-bottom: 50px;
}

#content #body .searchBox .checkboxes {
	margin-bottom: 1em;
}

#content #body .searchBox .checkboxes label {
	margin-right: 20px;
	margin-left: 2px;
}

#content #body .searchBox p {
	margin-left: 25px;
	padding-right: 140px;
	border-top: 1px solid #999;
}

#content #body .searchBox input.itext {
	width: 180px;
	margin-right: 5px;
}

#content #body .searchBox form {
	margin-left: 25px;
}

#content #body .searchBox .menu {
	margin-left: 25px;
}

#content #body table.serviceForm {
background-color:#eee;
border:1px solid #999;
border-collapse:collapse;
}

#content #body table.serviceForm td {
border-bottom:1px solid #999;
padding:4px;
vertical-align:top;
}

#content #sidebar h1 {
background-color:#eee;
color:#333;
padding:4px;
}

#content #sidebar h1.ruleTop {
border:1px solid #999;
border-bottom:none;
margin:0;
}

#content #sidebar h2 {
margin-bottom:.5em;
padding-left:3px;
padding-top:3px;
}

#content #sidebar h2 img {
margin-top:5px;
}

#content #sidebar p {
line-height:1.2em;
padding:3px;
}

#content #sidebar ul.sideLinks {
margin-bottom:8px;
margin-left:6px;
}

#content #sidebar ul.sideLinks li {
background-image:url(../art/i_page.gif);
background-position:left middle;
background-repeat:no-repeat;
line-height:1.2em;
margin-top:8px;
padding-left:1.3em;
}

#content #sidebar .event h1,#content #sidebar .event h2 {
background:0;
border:0;
color:#000;
font-size:1em;
font-weight:700;
margin:0;
padding:0 0 0 3px;
}

#content #sidebar .event h1 {
padding-top:3px;
}

#footer a {
padding-left:15px;
padding-right:15px;
}

#footer p.copyright {
padding-bottom:1em;
}

#footer p.copyright a {
padding:0 0 0 10px;
}

.loginbox .itext,.trgrey,#productBar .productMenu li#current {
background-color:#fff;
}

#masthead ul#util li a:hover,#content #sidebar div.catalogLogo a:hover,#productContent :link,:visited,#content a:hover,#content #sidebar ul.sideLinks a,#footer a:hover {
text-decoration:;
}

.homeContent,#productContent h2 {
margin-top:15px;
}

#content table#blucherTable td,#content table#josamTable td,#content table#meaTable td {
border:0;
}

#content table.stripe ul.hoverbox li,#content table.stripe ul.hoverbox img,#content table.stripe input,#productBar .productMenu ul {
margin:0;
padding:0;
}

.error *, .ok * {
line-height:2em;
}

#productBar #productKB ul li,#productContent li {
margin-bottom:.5em;
}

#productContent ul,#content #sidebar ul {
margin-left:1em;
}