/*
 Screen style    
 Site: JWF
*/
body {
	font-size: 75%;
	background: #8187bb;
	float: left;
}
.red {
	color: #ed1c24;
}

/* Image replacement */
.ir { font-size: 1em; margin: 0; overflow: hidden; position: relative; }
.ir span { background-repeat: no-repeat; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1; }
.ir a { cursor: pointer; display: block; height: 100%; width: 100%; }

/* Auto clearing floats */
#nav:after, #inner-wrapper:after, #inner:after, #footer:after, .product:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }

/* Header */
#header-wrapper { background: #1965d2 url(../images/bg/header-wrapper.gif) center top repeat-y; color: #fff; }
#header { width: 1000px; margin: 0 auto; height: 115px; position: relative; background: url(../images/bg/header.jpg) no-repeat; }
#header .logo { position: absolute; top: 21px; left: 40px; }
#header .logo img { display: block; margin: 0; }
#header .logo a { color: #fff; }
#header .phones { position: absolute; top: 33px; right: 168px; width: 250px; }
#header .phones .accessibility { display: none; }
#header .phones li { width: 250px; text-align: right; }
#header .phones .process { height: 23px; }
#header .phones .process span { background-image: url(../images/text/phone-process.gif); }
#header .phones .instrumentation { height: 26px; }
#header .phones .instrumentation span { background-image: url(../images/text/phone-instrumentation.gif); }
#header .phones .email { height: 26px; }
#header .phones .email span { background-image: url(../images/text/email.gif); }

/* Navigation */
#nav-wrapper { background: #175dbf url(../images/bg/nav-wrapper.gif) repeat-x; color: #fff; position: relative; z-index: 100; }
#nav { width: 959px; padding-left: 41px; margin: 0 auto; line-height: 1.0; }
#nav li { float: left; }
#nav li.first { background: url(../images/bg/nav-sep.gif) left center no-repeat; }
#nav a {
	color: #fff;
	text-align: center;
	text-decoration: none;
	display: block;
	padding: 6px 33px 5px 32px;
	background: url(../images/bg/nav-sep.gif) right center no-repeat;
	font-size: 1.17em;
}
#nav a.current, #nav a:hover, #nav li:hover a, #nav li.sfhover a { color: #ccc; }

/* Navigation dropdown */
#nav ul { position: absolute; width: 155px; left: -999em; background: #1965d2; }
#nav li:hover ul, #nav li.sfhover ul { left: auto; }
#nav ul li { float: left; width: 155px; border-top: 1px solid #fff; }
#nav ul li.first { border: 0; background: none; }
#nav ul li a { display: block; padding: 7px 10px; width: 135px; background: none; text-transform: none; text-align: left; font-size: 1em; line-height: 1.2; }
#nav li:hover ul a, #nav li.sfhover ul a { color: #fff; }
#nav ul li a:hover { background: #272a74; color: #fff; }

/* Top */
#top-wrapper { background: #ccc url(../images/bg/top-wrapper.gif) repeat-x; padding: 1px; }
#top { width: 959px; padding-left: 41px; margin: 0 auto; height: 88px; }
#top img { display: block; }

/* Home: Top */
.home #top-wrapper { background-image:url(../images/bg/top-wrapper-home.gif); }
.home #top { width: 1000px; margin: 0 auto; height: 35px; text-align: center; padding: 12px 0 0 0; }
.home #top h1 { line-height: 1.0; }

/* Inner */
#inner-wrapper { background: #fff url(../images/bg/inner-wrapper.gif) repeat-x; clear: both; }
#inner { width: 906px; margin: 0 auto; position: relative; left: -17px; padding: 20px 37px 34px 57px; }

/* Content */
#content-wrapper { width: 674px; float: left; }
#content { float: right; width: 462px; }
#content .home-decorative { display: block; margin: 8px 0 30px 0; }
#content a:hover { background: #1965d2; color: #fff; text-decoration: none; }
#content ul { list-style: square; margin: 0.5em 0 1.5em 27px; }
#content li { margin-bottom: 0.5em;  }
#content ul.sitemap, #content ul.privacy { margin: 1em 0 1em 17px; list-style: none; }
#content ul.sitemap li ul { margin: 0.5em 0 0 17px; list-style: none; }
#content blockquote { margin: 2em 0; border-top: 1px solid #272a74; border-bottom: 1px solid #272a74; padding: 15px 5px 5px 5px; }
#content blockquote p { font-style: italic; margin-bottom: 1em; }
#content blockquote p.author { font-style: normal; text-align: right; }

/* Product Thumbs */

table.product-thumbs {
	margin: 0px;
	padding: 0px;
}
.product-tb-border {
	border: 1px solid #CCC;
}
table.product-thumbs tr td {
width: 90px;
margin: 0px;
padding: 0px;
}

table.product-thumbs tr td img {
margin: 0px 3px 0px 0px;
}



/* Products */
.product { margin: 15px 0; }
.product .img { float: left; }
.product .inner { margin-left: 160px; }
.product .inner p { margin-bottom: 0.75em; }
.product .inner p.intro { line-height: 1.5; }

/* Left Sidebar */
#left-sidebar { float: left; width: 180px; margin-top: 8px; }

/* Navigation 2 */
#nav2 a {
	background: #175dbf;
	color: #fff;
	display: block;
	height: 37px;
	width: 153px;
	overflow: hidden;
	position: relative;
	text-decoration: none;
	padding-right: 10px;
	padding-left: 15px;
	line-height: 37px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	background-color: #175dbf;
}
#nav2 a:hover {
	color: #fff;
	text-decoration: none;
	background-color: #272A74;
}

#nav2 a span { background-repeat: no-repeat; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1; cursor: pointer; }

.nav2-top {
	background-repeat: no-repeat;
	display: block;
	background-image: url(../images/bg/nav2-top.gif);
	height: 6px;
	background-position: left top;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
}

.nav2-bot {
	background-repeat: no-repeat;
	display: block;
	background-image: url(../images/bg/nav2-bot.jpg);
	height: 6px;
	background-position: left top;
}

/* Newsletter */
#left-sidebar .newsletter { background: #1856ae url(../images/bg/newsletter.jpg) no-repeat; width: 177px; margin: 30px 2px 0 1px; padding-top: 15px; }
#left-sidebar .newsletter h3 { margin-top: 0; color: #fff; }
#left-sidebar .newsletter h3 img { display: block; }
#left-sidebar .newsletter form { background: url(../images/bg/newsletter.jpg) bottom no-repeat; padding: 0 11px 13px 12px; }
#left-sidebar .newsletter p { margin: 7px 0 0 0; }
#left-sidebar .newsletter label { color: #fff; font-size: 1.09em; line-height: 1.38; }
#left-sidebar .newsletter .text-input { color: #272a74; border: 1px solid #ccc; padding: 7px; width: 137px; }

/* Right Sidebar */
#right-sidebar { float: right; width: 198px; margin-top: 4px; }
#right-sidebar h2 { color: #1965d2; font-size: 1.42em; font-weight: bold; margin-bottom: 6px; }
#right-sidebar .sec-nav { margin: 0 0 15px 10px; line-height: 1.38; }
#right-sidebar .sec-nav li { padding-left: 18px; background: url(../images/bg/sec-nav.gif) 0 5px no-repeat; }
#right-sidebar .sec-nav a { font-size: 1.09em; color: #1965d2; font-weight: bold; text-decoration: none; }
#right-sidebar .sec-nav a:hover, #right-sidebar .sec-nav a.current { color: #67a8e8; }

/* Navigation 2 */
#products-nav a { background: #c7c9cc; display: block; height: 55px; width: 198px; overflow: hidden; position: relative; text-align: center; text-decoration: none; }
#products-nav a span { background-repeat: no-repeat; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1; cursor: pointer; }
#products-nav a.wika, #products-nav a.flexim { height: 49px; }
#products-nav a.wega { height: 50px; }
#products-nav a.ksr { height: 55px; }
#products-nav a.abb span { background-image: url(../images/products-nav/abb.gif); }
#products-nav a.wika span { background-image: url(../images/products-nav/wika.gif); }
#products-nav a.flexim span { background-image: url(../images/products-nav/flexim.gif); }
#products-nav a.wega span { background-image: url(../images/products-nav/wega.gif); }
#products-nav a.ksr span { background-image: url(../images/products-nav/ksr.gif); }
#products-nav a.flexim span { background-image: url(../images/products-nav/flexim.gif); }

/* Contact form */
.contact-form input, .contact-form textarea { border: 1px solid #ccc; width: 270px; }
.contact-form input.checkbox, .contact-form .contact-send input { border: none; width: auto; vertical-align: middle; }
.contact-form td p { margin: 5px 0; }
.contact-form td p.first { margin: 0; }
.contact-send { margin-top: 20px; }
.contact-form .label { width: 140px; }
.contact-form .top { vertical-align: top; }
.contact-form .contact-send { margin-left: 10px; }

/* Footer */
#footer-wrapper { background: url(../images/bg/footer-wrapper.gif) repeat-x; clear: both; }
#footer { width: 920px; margin: 0 auto; padding: 15px 47px 12px 33px; color: #fff; }
#footer .addresses {
	float: left;
	width: 410px;
}
#footer .addresses li { float: left; margin-left: 18px; }
#footer .addresses li.first { margin: 0; }
#footer .logos {
	float: right;
	width: 490px;
	margin-top: 8px;
}
#footer .logos li { float: left; }
#footer .logos li img { display: block; }
#footer h3 { font-size: 1.09em; margin: 0; }
#footer p { margin-bottom: 4px; }
#footer a { color: #fff; }

.icon {
	margin-right: 8px;
	margin-bottom: -5px;
}
.line {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
.button {
	margin-bottom: -12px;
}
