L/* ----------------------------------------------------------------------------------------------------------
gold: #eab531        
---------------------------------------------------------------------------------------------------------- */

/* ----------------------------------------------------------------------------------------------------------
1) HTML tags, reset
---------------------------------------------------------------------------------------------------------- */

* {margin:0; padding:0;}
body, div, span, p, a, img, ul, ol, li, caption, table, thead, tbody, tfoot, tr, th, td, form, fieldset, legend, label, dl, dt, dd, blockquote, applet, object, h1, h2, h3, h4, h5 {border:0;}
body {padding-bottom:20px; background: #505050 url("../images/body_bg3.jpg") 0 0 repeat-x; font:0.8em/1.5 "arial",sans-serif; text-align:center;}

h1, h2, h3, h4, h5, h6 {margin:15px 0 10px 0;}
h1 {font-size:180%;}
h2 {font-size:160%;}
h3 {font-size:140%;}
h4 {font-size:120%;}
h5 {font-size:100%;}

p, table, ul, ol, dl, fieldset {margin:15px 0;}

table           { border-collapse: collapse; }
table td,
table th        { border: 1px #d8d8d8 solid; padding: 3px 3px 3px 7px; }
table th        { text-align: left; }
table td   { background-color: #fafafa; }
table td.odd   { background-color: #c0cee0; }

ul ul, ol ol {margin:0; margin-left:20px;}
ol {list-style-type:decimal;}
li {display:list-item;}

dt {font-weight:bold;}
dd {margin-left:30px;}

fieldset {position:relative; padding:10px;}
legend {position:absolute; top:-1em; margin:0; padding:5px 10px; font-size:100%; font-weight:bold;}

/* ----------------------------------------------------------------------------------------------------------
2) Universal styles (display, float, margin, text-align...)
---------------------------------------------------------------------------------------------------------- */
.section img {
	padding: 6px 6px 0; 

}
.box {min-height:1px;}
.box:after {display:block; visibility:hidden; clear:both; line-height:0; font-size:0; content:".";}

.relative {position:relative;}

.clear {clear:both;}

.f-left {float:left !important;} img.f-left {float:left; margin-right:10px;}
.f-right {float:right !important;} img.f-right {float:right; margin-left:10px;}

.t-left {text-align:left !important;}
.t-center {text-align:center !important;}
.t-right {text-align:right !important;}
.t-justify {text-align:justify !important;}

.va-top {vertical-align:top;}
.va-middle {vertical-align:middle;}
.va-bottom {vertical-align:bottom;}

.nom {margin:0 !important;}
.nomt {margin-top:0 !important;}
.nomb {margin-bottom:0 !important;}

.noscreen {display:none;}

/* ----------------------------------------------------------------------------------------------------------
3) Generally HTML styles (table, ul, dl...)
---------------------------------------------------------------------------------------------------------- */            

table.table-style01 {width:100%;}
table.table-style01 th {text-align:center;}

ul.ul-style01 {margin:15px 0 15px 20px; padding:0; list-style:none;}
ul.ul-style01 li {margin:0; padding:0; padding-left:15px; background:url("../images/ul-style01.gif") 0 5px no-repeat;} 
ul.ul-style01 ul {margin:0; padding:0; list-style:none;}
ul.ul-style01 ul li {background:url("../images/ul-style01-sub.gif") 0 5px no-repeat;}

/* ----------------------------------------------------------------------------------------------------------
4) Layout
---------------------------------------------------------------------------------------------------------- */

#main {width:900px; margin:0 auto; text-align:left; padding: 1em 80px 0;}

#header {position:relative; height:124px; background:url("../images/header.jpg") 0 0 no-repeat; overflow:hidden;}

#logo {position:absolute; top:30px; left:99px; margin:0; font-size:200%; letter-spacing:-1px; font-weight:normal; text-indent: -9999px}
#logo span {font-weight:bold;}
#logo a {text-decoration:none;}

#slogan {position:absolute; top:60px; left:57px; width:230px; font-size:120%; font-weight:normal; font-style:italic; text-align:center;}

/*/////////// search styling /////////*/
/*////////////////////////////////////*/

#search {bottom:0; position:absolute; right:15px;}

.homeintro img { 
	float: right;
	margin-left: 20px;
	margin-bottom: 20px;
}

/*////// nav-suckerfish styling //////*/
/*////////////////////////////////////*/

#nav {padding:4px 15px 5px 6px; background: #3780a1;}
#nav, #nav ul { /* all lists */
	margin: 0;
	list-style: none;
	line-height: 1;
	padding-left: 0;
}
#nav ul li#nav-active a {font-weight:bold; text-decoration:none;}
#nav a {
	display: block;
	width: 8em;
	background:url("../images/nav-link.gif") 100% 0 repeat-y; 
	color: #fff;
	text-decoration: none;
}
.wide #lastnav {
	background:none;
} 
#nav ul li ul li {padding: .45em 0;}
#nav ul li ul li a { background: none;}


#nav li { /* all list items */
	float: left;
	width: 8em; /* width needed or else Opera goes nuts */
	padding: 0.25em 0 .45em 0;
}

#nav li ul { /* second-level lists */
	position: absolute;
	background: #3780a1;
	border-bottom: 1px solid #404040;
	margin-top: 6px;
	width: 8em;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}
#nav li.middle { width: 12em; }
#nav li.middle a { width: 12em; }

#nav li.wide { width: 14em; }
#nav ul li.wide a { width: 14em; }
#nav li.wide ul { width: 13.5em; }
#nav ul li.wide ul li a { width: 13.5em; }
#nav li.wide ul li { width: 13.5em; }

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}
#nav li ul li:hover {background-color: #4593b6;}
#nav li ul li { /* second-level list items */
	border-bottom: 1px solid #a8a8a8;
}
#nav li ul .last { /* last second-level list item */
	border-bottom: none;
}
#nav li ul .first { /* first second-level list item */
	border-top: 1px solid #a8a8a8;
}

#nav ul li a {color:#fff; text-align: center;}
#nav ul li#nav-active a {color:#000;}
#nav ul li a:hover {color:#000;}

/* ----------------------------------------------------------------------------------------------------------
6) Language Module
---------------------------------------------------------------------------------------------------------- */
#languages { 
	width: 80px; 
	background: transparent url(../images/language-bg.gif) repeat-y right top; 
	height: 199px; 
	position: absolute; 
	top: 186px; 
	left: 5px; 
	z-index: 2;
	
}

#languages ul { margin-left: 12px; }
#languages li { list-style: none; text-decoration: none; height: 4.3em; }

#languages li a {
	height: 32px;
	display: block;
	padding-top: 32px;
	text-decoration: none;
	color: #ccc;
	font-weight: bold;
}

#languages ul a#english {
	background:transparent url(../images/unitedkingdom.png) no-repeat scroll 0 2px;
}
#languages ul a#german {
	background:transparent url(../images/germany.png) no-repeat scroll 0 2px;
}
#languages ul a#spanish {
	background:transparent url(../images/argentina.png) no-repeat scroll 0 2px;
}

#languages ul li a:hover { color: #fff; }


/*////////////////////////////////////*/

#cols {background:url("../images/cols.gif") 0 0 repeat-y;}

#content {float:right; width:730px; overflow:hidden;}

#content #content-title {margin:0; padding:15px 15px 10px 20px; background:url("../images/content-title.gif") 0 0 no-repeat; font-size:140%; font-weight:normal;}
#content #content-in {padding:0 15px 10px 20px;}

#aside {
	float:left; width:170px; 
	overflow:hidden; 
	padding-top: 5px; 
/*	height: 415px;
*/	position: relative;	
}
#aside img#handpro { z-index: 20; position: absolute; bottom: 10px; left: 11px; }
#aside img#hand { position: absolute; bottom: 10px; left: 11px; }
#aside #aside-title {margin:0; padding:15px 15px 10px 15px; background:url("../images/aside-title.gif") 0 0 no-repeat; font-size:140%; font-weight:normal;}
#aside .aside-in {padding:10px 10px 15px 10px;}
#aside .aside-box {padding:10px; background:url("../images/aside-box.jpg") 0 0 no-repeat;}
#aside .title {margin:0 5px 0 0; padding:10px 15px; background:url("../images/aside-title-02.gif") 0 0 repeat-x; font-size:100%;}
#aside ul {
	margin: 0;
	list-style: none;
	text-align: left;
	font-family: "Helvetica Neue", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
	font-weight: bold;
	padding-left:13px;
}
#aside a { color: #10739E; text-decoration: underline; font-size:12px;}
#aside a:hover { color: #094A67; text-decoration: underline; font-size:12px;}
#aside h2 { padding-left: 10px; margin-bottom: 0;}
#aside ul li {
	line-height: 2em; 
}
#aside #twoline { line-height: 1em; }

.contact a { color: #10739e; font-weight: 700; }
    
/*//////////// Products //////////*/
#products {
	width: 900px;
	margin: 0 auto;
	background: #10739e url(../images/products_bg2.jpg) no-repeat left top;
	height: 150px;
}

#products ul { 
	margin: 0;
	padding: 0;
	height:100%; 
}

#products li {
	float: left;
	display: block;
	width: 178px;
	height: 100%;
	border-right: 1px solid #235166;
}

#products ul li.last {
	border: none;
}

#products li a { 
	padding: 1px 0 0 10px;
	color: #fff;
	text-decoration: none;
	font-family: "Helvetica Neue", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
	font-weight: bold;
	display: block;
	height: 100%;
}
#bottom li a { padding: 15px 0 0 10px; }

.productinfo {
	padding: 10px;
	border: 1px solid #78704f;
	position: relative;
	height: 200px;
	margin-bottom: 20px;
	background: url(../images/holder.jpg) no-repeat right bottom;
}
.productspecs { 
	padding-right: 10px;
	width: 50%; 
}
.productinfo img {
	position: absolute;
	right: 10px;
	bottom: 10px;
	border: 2px solid #8a8a8a;
}

#dental {
	background: transparent url(../images/dental.jpg) no-repeat 70px 67px;
}

#medical {
	background: transparent url(../images/medical.jpg) no-repeat 70px 67px;
}

#cleanroom {
	background: transparent url(../images/cleanroom.jpg) no-repeat 70px 67px;
}

#industrial {
	background: transparent url(../images/industrial.jpg) no-repeat 70px 67px;
}

#food {
	background: transparent url(../images/food.jpg) no-repeat 70px 67px;
}


#cols-bottom {width:900px; height:2px; font-size:0;}

#footer {
	width:860px; 
	height:80px; 
	padding:20px 20px 0 20px;
	background:#2b2b2b url(../images/footer.gif) no-repeat left bottom;
}
#footer p {margin:0;}
 
/* ----------------------------------------------------------------------------------------------------------
5) Page: Home
---------------------------------------------------------------------------------------------------------- */
.aside-box img { margin-top: 10px;}
/* #perex {padding:15px; background:url("../images/perex.gif") 0 100% no-repeat;} */
#perex {padding:15px; /* background:url("../images/perex.gif") 0 100% no-repeat; */} 
#perex p {margin:0; margin-bottom: 5px; }
#perex h1 {margin-top: 0;}
/*
#slideshow {
	background-color: #f8f8f8;
	height: 250px;
}
*/

.homeintro .home { padding-right: 20px;}
.homeintro .home p { margin-bottom: 1em;}
#sections {background:url("../images/sections.gif") 0 0 repeat-y;}
#sections_one { background:url("../images/sections_one.gif") 0 0 repeat-y; }
#sections_narrow { background:url("../images/sections_two.gif") 0 0 repeat-y; }
#sections-bottom {width:665px; height:7px; background:url("../images/sections-bottom.gif") 0 0 no-repeat; font-size:0;}
#sections-bottom-two {width:440px; height:7px; background:url("../images/sections-bottom-two.gif") 0 0 no-repeat; font-size:0;}
#sections-bottom-one {width:440px; height:7px; background:url("../images/sections-bottom-one.gif") 0 0 no-repeat; font-size:0;}

.section {float:left; width:215px;}
.section p {margin:0;}
.section.margin {margin:0 10px;}
.section h3 {margin:0; padding:10px; background:url("../images/section-title.gif") 0 0 no-repeat; font-size:100%;}
.section h3.stars {
	background:url("../images/section-titleStars.gif") 0 0 no-repeat;
}
.section-in {margin-bottom:10px; padding:0 10px 10px 10px;}

dl#news, dl#news dd {margin:0;}
dl#news dt {clear:both; padding-left:18px; background:url("../images/ico-list.gif") 0 2px no-repeat;}
dl#news dd {margin:7px 0 10px 0; padding-bottom:10px;}
dl#news dd span.date {padding-right:10px; background:url("../images/date.gif") 100% 50% no-repeat; font-size:85%; font-weight:bold;}

/* ----------------------------------------------------------------------------------------------------------
5) promo
---------------------------------------------------------------------------------------------------------- */
#backgroundPopup{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:100%;
width:100%;
top:0;
left:0;
background:#000000;
border:1px solid #cecece;
z-index:1;
}
#popupContact{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:384px;
width:408px;
background:#3c6791;
border:2px solid #cecece;
z-index:2;
padding:12px;
font-size:13px;
}
#popupContact h1{
text-align:left;
color:#6FA5FD;
font-size:22px;
font-weight:700;
border-bottom:1px dotted #D3D3D3;
padding-bottom:2px;
margin-bottom:20px;
}
#popupContactClose{
font-size:14px;
line-height:14px;
right:6px;
top:4px;
position:absolute;
color:#6fa5fd;
font-weight:700;
display:block;
}
#button{
text-align:center;
}

a[href$=".pdf"] {
	background:url("../images/page_white_acrobat.png") no-repeat scroll left center transparent;
	display:inline-block;
	line-height:18px;
	padding-left:20px;
}

div.news-item {border-top: 1px dotted #ccc;padding-top: 5px;margin-top:15px}
div.news-item h2 {margin: 0; padding: 5px 0 0;}
#perex p.date {font-size:11px; color: #10739E;margin: 0 0 10px; line-height: 1;}

div.item {border-top: 1px dotted #ccc;padding-top: 5px;margin-top:15px}
div.item h2 {margin: 0; padding: 5px 0 0;}

div#callout {
	position: relative;
	width:700px;
	height: 182px;
	background: url(../images/four-boxes.jpg) no-repeat 0 0;
}

div#callout a {
	position:absolute;
	background: transparent url(../images/samples-btn.png) no-repeat 0 0;
	text-indent: -99999px;
	height: 182px;
	width: 700px;
	
}

div#callout a:hover {
	background-position: 0 -182px;
} 

a#request {
	background: transparent url(../images/request.png) no-repeat 0 0;
	text-indent: -99999px;
	height: 52px;
	width: 355px;
	float:right;
	margin: 10px 0 20px 5px;
}

a#request:hover {
	background-position: 0 -52px;
}

a#request:active {outline: none;}

#customMultiSelectValidation {
	border: 2px solid #000;
	background-color: #fff;
	width: 100px;
	height:100px;
	z-index: 999;
}

table {margin:0;}
.req {color: #BB0000;}
.info {background-color: #EAF1F8;}
td h2 {line-height: 1em;}
th {background-color: #000; color:#fff;}
table.products th {text-align:center;padding:4px 10px;}
table td {padding:8px 6px;}

div.box-container {
	width:662px;
	border:2px solid #1E4658;
	margin:10px 0;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius:3px;
}

div.box-container.gray { border:2px solid #4D4D4D; }

div.box-container.oneCol { width: 331px;}

div.box-container h4 {
	text-align:center;
	padding:4px 10px;
	display:block;
	background-color:#3780A1;
	color:#fff;margin:0;
	border-bottom:2px solid #1E4658;
}

div.box-container h4.gray {
	background-color:#999999;
	border-bottom: 2px solid #525252;
	color:#000;
}
	
div.boxx {float:left;width:330px;border-right: 2px solid #C4C4C4;}
div.boxx.bt {border-top: 2px solid #C4C4C4;}
.boxx.odd {border-right: none;}
.boxx span {float:left;margin: 10px 0 0 10px;font-size: .75em;}
.boxx span h5 {margin:0 0 0 5px ;font-size:1.75em;line-height: 1.25;float:left;}
.boxx span h5.wrap {font-size:13px; margin:2px 0 5px 5px;}
.boxx span input {float:left; margin-left: -4px;}
.boxx img {float:right;margin: 5px 5px 10px 0;}

.boxx ul {
	clear:both;
	height:42px;
	padding:8px 0 0 2px;
	margin:5px 0 5px;
	border-top: 1px dashed #DCDCDC;
	width:328px;
}

.boxx ul li {float:left;display:inline;}
.boxx ul li img {margin: 0;}
.boxx p {
	float:left; 
	clear:left;
	margin: 0 0 10px 10px !important;
	font-size: .75em;
}

.fineprint{font-size: .875em;}

.ie7 .boxx ul li {width:42px;min-width: 0;}
.ie7 .boxx p {width:160px;}

.clearfix:after {    
	content: ".";    
	display: block;    
	height: 0;    
	clear: both;    
	visibility: hidden;
}

h4.colHeading {width:310px;float:left;display:inline !important;}
h4.colHeading.b {border-right:2px solid #215066;width:310px;}

#top {font-size:0;}
tr.hidden { display:none;}

ul.news-links {list-style-type:none;padding-left:10px;}
ul.news-links li {margin-bottom:5px;color:#666;}
#perex ul.news-links li a:hover {font-weight:normal;color:#163644;}

/*Styles for sign-up form*/
.link,
.link a,
#SignUp .signupframe {
	color: #226699;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}
.link,
.link a {
	text-decoration: none;
}
#SignUp .signupframe {
	border: 1px solid #000000;
	background: #ffffff;
}
#SignUp .signupframe .required {
	font-size: 10px;
}

#SignUp legend {
	padding-left:0;
}

#SignUp fieldset {
	background-color:#D7D7D7;
	border-top: 1px solid #B3B3B3;
	border-bottom: 1px solid #B3B3B3;
	border-right: 1px solid #B3B3B3;
	padding-top:15px;
}

/*#aside  ul#social li {line-height:32px; float:left;}
#aside  ul#social li a {line-height:32px;}*/

#social {padding-left: 15px;}
#aside #social a {float:left;margin:0 5px 0 0;}