/* CSS DOCUMENT */

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,ol,ul,li,fieldset,form,label,legend,caption{border:0;outline:0;font-size:100%;vertical-align:baseline;margin:0;padding:0}
body{line-height:1}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
:focus{outline:0}
ins{text-decoration:none}
del{text-decoration:line-through}
table{border-collapse: separate;}

html, body { margin: 0; }

body { background-color: #fff; }

label { font-size: 12px; font-weight: normal; min-width: 200px; float: left; }
label.r { text-align: right; }

strong,b { font-weight: bold; color: inherit; font-size: inherit; }
em,i { font-style: italic; color: inherit; font-size: inherit; }

.clear { clear: left; }
.right { clear: right; }
.both { clear: both; }
.small { font-size: 10px; }
.error { font-size: 12px; color: red; text-decoration: underline; }
.succes { font-size: 12px; color: green; text-decoration: underline; }

.formField { padding: 2px; font-size: 12px; border: 1px solid #656764; color: #000; }
.formButton { padding: 2px 10px; background-color: #656764; border: 1px solid #fff; color: #fff; text-align: center; }
.formButton:hover { cursor: pointer; background-color: #000; border: 1px solid #fff; color: #fff; }
.formSubmit { margin-top: 10px; font-size: 15px; min-width: 150px; padding: 2px; background-color: #656764; border: 1px solid #fff; color: #fff; }
.formSubmit:hover { cursor: pointer; background-color: #000; border: 1px solid #fff; color: #fff; }

* { font-family: Arial; font-weight: normal; color: #333; }

p { font-size: 12px; line-height: 16px; margin: 0 0 10px 0; }
h1 { font-family: "Arial Black",Arial; font-weight: bold; font-size: 28px; padding-bottom: 10px; margin: 0 0 10px 0; text-transform: capitalize; }
.nino { color: #EFBD34; }
.products { color: #E03B35; }
.about { color: #31B61A; }
.contact { color: #3C82EF; }
.b2b { color: #773888; }
h1.nino { border-bottom: 1px solid #EFBD34; }
h1.products { border-bottom: 1px solid #E03B35; }
h1.about { border-bottom: 1px solid #31B61A; }
h1.contact { border-bottom: 1px solid #3C82EF; }
h1.b2b { border-bottom: 1px solid #773888; }
h2 { font-family: "Arial Black",Arial; font-weight: bold; font-size: 16px; color: #333; margin: 0 0 5px 0; }

ul { list-style-type: disc; padding-left: 15px; padding-bottom: 10px; }
li { font-size: 12px; line-height: 16px; }

ul#overview { list-style-type: none; }
ul#overview li { border: 1px solid #A5A5A5; width: 132px; height: 125px; float: left; margin: 0 15px 30px 0; display: block; overflow: hidden; text-align: center; }
ul#overview .title { margin-top: 130px; height: 32px; width: 132px; text-align: center; position: absolute; overflow: hidden; }


a { color: inherit; font-weight: bold; text-decoration: none; }
/*a:hover { font-weight: bold; text-decoration: underline; cursor: pointer; }*/

dl { padding: 10px; background-color: #ADB2B6; color: #fff; margin-bottom: 5px; display: block; }
dl dt { font-size: 14px; text-transform: uppercase; color: #fff; margin-bottom: 7px; }
dl dd * { font-size: 12px; color: #fff; }
dl dd label { min-width: 165px; }

.image { background-color: #fff; float: left; display: block; margin-right: 10px; width: 100px; height: 100px; border: 1px solid #656764; font-size: 10px; text-align: center; overflow: hidden; }
.imagetiny { background-color: #fff; float: left; display: block; margin-right: 3px; width: 33px; height: 33px; border: 1px solid #656764; font-size: 10px; text-align: center; overflow: hidden; }
.imagesmall{ background-color: #fff; float: left; display: block; margin-right: 3px; margin-bottom: 5px; width: 50px; height: 50px; border: 1px solid #656764; font-size: 10px; text-align: center; overflow: hidden; }
.imagebig { background-color: #fff; float: left; display: block; margin-right: 10px; width: 200px; height: 200px; border: 1px solid #656764; font-size: 10px; text-align: center; overflow: hidden; }
.layer, .layer_big { position: relative; }
.layer img, .layer_big img { position: absolute; }
.layer img { margin: 72px 0 0 72px; }
.layer_big img { margin: 160px 0 0 150px; }
.nino { position: relative; }
.nino img { position: absolute; margin: 0 0 0 525px; }

#logo { margin-top: 40px; width: 272px; height: 69px; background-image: url(../img/logo.jpg); float: left; cursor: pointer; }

#nav { font-family: "Arial Black",Arial; font-size: 12px; float: left; }
#nav a { color: #fff; display: block; width: 104px; height: 30px; background-image: url(../img/menu.png); background-repeat: no-repeat; overflow: hidden; float: left; margin-left: 20px; text-align: center; text-decoration: none; padding-top: 74px; }
#nav a:hover,#nav a.active { background-image: url(../img/menu_over.png); background-repeat: no-repeat; cursor: pointer; }

#container { width: 920px; margin: 0 auto; }

#content, #content2 { margin-top: 10px; min-height: 555px; background-image: url(../img/bg_920.jpg); background-position: 0 0; background-repeat: repeat-y; }
#content2 { background-image: url(../img/bg_blank.jpg); }

#text { padding: 20px; width: 632px; float: left; }
#intro { width: 920px; float: left; }

#text #corner, #text #corner2 { margin-top: -20px; margin-left: -20px; position: absolute; height: 10px; width: 672px; background-image: url(../img/main.jpg); background-position: 0 0; background-repeat: no-repeat; }
#text #corner2 { width: 920px; }
#intro #corner { position: absolute; height: 10px; width: 920px; background-image: url(../img/corners.png); background-position: 0 0; background-repeat: no-repeat; z-index: 1000; }

#scroller { position: relative; width: 632px; height: 442px; overflow: auto; }

#image,#right { width: 248px; float: left; }
#image { height: 555px; overflow: hidden; }
#right { background-color: #ADB2B6; overflow: visible; }

#image #corner, #right #corner { position: absolute; height: 10px; width: 248px; background-image: url(../img/corner_right.png); background-position: 100% 0; background-repeat: no-repeat; }

#footer { position: relative; width: 900px; height: 11px; background-image: url(../img/footer_920.gif); background-position: 0 0; background-repeat: no-repeat; margin: 0 auto; text-align: right; padding: 10px; }
#footer a { font-weight: normal; color: #fff; text-decoration: none; font-size: 12px; }

.box { font-size: 12px; padding: 10px; background-color: #ADB2B6; color: #fff; }
.box strong { color: #fff; }
.box a { color: #fff; }
.box label { text-align: left; margin-bottom: 5px; color: #fff; }
.box h1 { color: #656764; font-weight: bold; font-size: 16px; margin: 0 0 5px 0; border-bottom: none; }

.grey { font-size: 12px; padding: 10px; background-color: #ADB2B7; }
.grey h2 { font-size: 12px; font-weight: bold; margin-bottom: 10px; text-transform: capitalize; }

#breadcrumbs { font-size: 12px; color: #000; margin-bottom: 10px; }
#breadcrumbs a { color: #000; }

#searchField { position: absolute; margin-left: 400px; margin-top: 7px; }
#searchField .formField { float: left; }
#searchField .formSearch { float: left; margin: 2px 5px; }

#slideshow{position:relative;height:540px}
#slideshow img{position:absolute;top:0;left:0;z-index:8}
#slideshow img.active{z-index:10}
#slideshow img.last-active{z-index:9}