/*
 Yahoo CSS Reset
 Copyright (c) 2007, Yahoo! Inc. All rights reserved.
 Code licensed under the BSD License:
 http://developer.yahoo.net/yui/license.txt
 version: 2.2.0
 */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
  margin: 0;
  padding: 0;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

img {
  border: 0;
  max-width:500px !important;
}

address, caption, cite, code, dfn, em, strong, th, var {
  font-style: normal;
  font-weight: normal;
}

ol, ul {
  list-style: none;
}

caption, th {
  text-align: left;
}

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal;
}

q:before, q:after {
  content: '';
}

abbr, acronym {
  border: 0;
}

body {
  background: #ccc;
  font-family: verdana, geneva, arial, helvetica, sans-serif;
  font-size: 115%;
}

.clear {
  clear: both;
}

.up20 {
  position: relative;
  top: -20px;
}

a {
  color: #2d5897;
  text-decoration: none;
}

a:visited {
  color: #4d78b7;
}

#wrapper {
  background: #2d78b7;
  border: 1px solid #999;
  margin: 0 auto;
  position: relative;
  padding-top: 91px;
  text-align: left;
  width: 780px;

}

#wrapper a:hover {
  text-decoration: underline;
}

#wrapper a:focus, #wrapper div:focus {
  outline: 0;
}

#header {
  background: #7694bf;
  padding-bottom: 2px;
  position: absolute;
  top: 0;
}

#header h2 {
  background: #2d78b7 url(../img/header.jpg);
  height: 91px;
  text-indent: -5000px;
  width: 780px;
}

#header h2 a {
  background: transparent;
  display: block;
  height: 91px;
  text-indent: -5000px;
  outline: 0;
  width: 780px;
}

#header ul {
  padding: 0 10px;
}

#header ul li {
  display: inline;
  float: left;
  font-size: 70%;
  line-height: 2;
  letter-spacing: .025em;
}

#header ul li a {
  color: #000;
  padding: .40em 11px;
}

#header ul li a:hover {
  background: #86a4cf;
}

body.explorer #header .explorer a, body.mediasearch #header .mediasearch a, body.user #header .user a, body.account #header .account a, body.separating #header .separating a, body.feeding #header .feeding a, body.ironing #header .ironing a, body.folding #header .folding a, body.combination #header .combination a, body.solutions #header .solutions a, body.chisize #header .chisize a {
  color: #fff;
  background: #2d78b7;
}

#header ul li.search {
    float: right;
}

#header ul li.search input.q {
  border: 0;
  font-size: 85%;
  line-height: 1.8;
  padding: 2px;
  position: relative;
  top: .05em;
}

* html #header ul li.search input.q {
  height: 11px;
  line-height: 10px;
  padding-top: 4px;
  top: .25em;
}

#header ul li.search input.submit:focus {
    outline: 0;
}

#header ul li.search input.submit {
  color: #fff;
  background: #2d78b7;
  border: 1px solid #1d68a7;
  font-size: 95%;
  position: relative;
  top: .05em;
}

* html #header ul li.search input.submit {
  height: 1.45em;
  position: relative;
  top: .29em;
}

#setlang {
  display: inline;
  position: absolute;
  right: 14px;
  top: 21px;
  font-size: 70%;
}

h4.nospanish {
  color:#f00;
  border:1px solid #f00;
  font-size:75%;
  font-weight:700;
  margin:15px 0;
  padding:5px;
  text-align: center;
  display: inline-block;
}

#shortfooter {
  background: #2d78b7;
  height: 15px;
}

* html #shortfooter {
  display: none;
}

#footer {
  background: #2d78b7;
  text-transform: uppercase;
}

#footer ul {
  padding: 1.5em 10px 2.25em;
}

* html #footer ul {
  padding: 1.4em 10px 2.4em;
}

#footer ul li {
  float: left;
  display: inline;
  font-size: 70%;
  letter-spacing: .025em;
}

#footer ul li.right {
  float: right;
}

#footer ul li a {
  color: #fff;
  padding: 1em 9px;
}

* html #footer ul li a {
  display: block;
  margin-bottom: -5px;
  padding: 10px 9px;
  position: relative;
  top: -10px;
}

#footer ul li a:hover {
  background: #3d88c7;
}

#legal {
  font-size: 60%;
  line-height: 1.6;
  margin: 0 auto;
  padding: 10px 0;
  overflow: auto;
  width: 780px;
}

#legal a:hover {
    text-decoration: underline;
}

#legal address {
  color: #666;
  display: inline;
  padding: 0 10px 0;
}

#legal p {
  color: #666;
  padding: 0 10px 0;
}

#legal .left {
  clear: left;
  float: left;
  text-align: left;
  overflow: auto;
}

#legal .right {
  clear: right;
  float: right;
  text-align: right;
  overflow: auto;
}

#main {
  background: #fff;
  overflow: auto;
  padding-top: 1.4em;
}

/* login */
#main p.error {
  color: red;
  padding: 25px 15px 5px;
}

#login {
  font-weight: bold;
  margin: 10px 15px;
}

#login h2 {
  font-weight: bold;
  padding: 10px 0 20px;
}

#login label {
  float: left;
  font-size: 90%;
  margin-right: 5px;
  text-align: right;
  width: 110px;
}

#login p {
  margin-bottom: 3px;
}

#login input {
  background: #fcfcfc;
  border: 1px solid #999;
  font-size: 75%;
  padding: 2px;
}

#login input.input {
  width: 150px;
}

#login p.submit {
  padding: 10px 0 20px;
}

/* index */
#welcome {
  background: #fff url(../img/home.jpg) no-repeat scroll top right;
  border: 10px solid #fff;
}

* html #welcome {
  height: 1%;
}

#welcome h1, #welcome p {
  background: #7694bf;
  border-right: 10px solid #fff;
  padding: 10px;
  width: 228px;
}

#welcome a {
  display: block;
  width: 760px;
}

#welcome a:hover {
  text-decoration: none;
}

#welcome a h1, #welcome a p {
  cursor: pointer;
}

#welcome h1 {
  color: #494949;
  font-weight: bold;
  font-size: .8em;
  text-transform: uppercase;
}

#welcome p {
  color: #fff;
  font-size: .6em;
  line-height: 1.5;
  padding-top: 0;
}

#categories {
  background: #2d78b7;
  overflow: auto;
  padding-top: 2px;
}

* html #categories {
  height: 1%;
}

#categories a {
  background: #fff;
  float: left;
  margin-left: 5px;
  width: 152px;
}

#categories a.first {
  margin: 0;
}
#categories a:hover {
  text-decoration: none;
}

#categories a img {
  border-bottom: 2px solid #2d78b7;
  height: 152px;
  width: 152px;
}

#categories a span {
  color: #777;
  cursor: pointer;
  display: block;
  font-size: 70%;
  font-weight: bold;
  letter-spacing: .025em;
  line-height: 2.1;
  height: 30px;
  text-align: center;
  text-transform: uppercase;
  overflow: hidden;
  width: 152px;
}

#categories a:hover, #categories a:hover span {
    color: #111;
}

/* not index */
#main div.right {
  float: right;
  margin-bottom: 20px;
}

#main div.left {
  float: left;
  margin-bottom: 20px;
}

#main div.big {
  width: 436px;
}

#main div.small {
  width: 300px;
}

#main div.bigger {
  width: 566px;
}

#main div.smaller {
  width: 170px;
}

#main #inner {
  padding: 5px 15px 0;
  position: relative;
}

/* The language toggle is aligned against #inner, but #inner
 * doesn't exist on all pages.  #position_shim emulated the
 * layout effect of inner, without the subselectors mucking
 * up the layout/formatting.
 */
#main #position_shim {
  position: relative;
  padding-top: 1px;
}

* html #main #inner {
  zoom: 1;
}

#main #breadcrumbs {
  margin: 15px 15px 0;
}

#main #inner #breadcrumbs {
  margin: 10px 0 15px;
}

* html #main #inner #breadcrumbs {
  margin-top: 15px;
}

#breadcrumbs li {
  color: #0d1857;
  display: inline;
  font-size: 70%;
}

#breadcrumbs li a {
  color: #0d1857;
}

#breadcrumbs li a:hover {
  color: #0d5897;
}

#inner h1, #inner h2 {
  border-bottom: 1px solid #ccc;
  clear: both;
  color: #0d5897;
  font-size: 105%;
  font-weight: bold;
  margin-bottom: 8px;
}

#inner h2 {
  color: #777;
  font-size: 85%;
  margin-top: 30px;
}

#inner .related h2 {
  font-size: 75%;
  margin-top: 25px;
}

#inner h3 {
  font-size: 95%;
  font-weight: bold;
}

#inner h3 a {
  color: #0d5897;
}

#inner p {
  font-size: 70%;
  line-height: 1.5;
  margin: 10px 0;
}

#inner #introduction {
  overflow: auto;
}

#inner #introduction img.beauty {
  float: left;
  margin: 0;
  margin-right: 10px;
}

#inner #introduction div.beauty {
  padding-left: 10px;
  width: 430px;
}

#inner #introduction #description {
  float: left;
  font-size: 105%;
}

#inner div.product {
  float: left;
  padding-bottom: 15px;
  width: 365px;
}

#inner div.even {
  clear: both;
  margin-right: 20px;
}

#inner div.product a img {
  float: left;
  padding: 10px 0;
  width: 120px;
}

#inner div.product p {
  float: right;
  width: 235px;
}

#inner div.related p {
  font-weight: bold;
  margin-top: -5px;
}

#inner img.logo, #inner img.beauty {
  display: block;
  margin: 0 auto;
}

#inner img.logo {
  margin-bottom: 20px;
}

#inner img.beauty {
  width: 300px;
}

#inner p.images img {
  padding: 4px 3px 0 0;
  width: 72px;
}

#inner ul.related {
  background: #fff;
}

#inner ul.related li {
  font-size: 70%;
  line-height: 1.7;
  padding-left: 21px;
}

#inner ul.related li.dwg {
  background: #fff url(../img/icon/page_white_vector.gif) no-repeat scroll 0 0.3em;
}

#inner ul.related li.jpg {
  background: #fff url(../img/icon/image.gif) no-repeat scroll 0 0.3em;
}

#inner ul.related li.pdf {
  background: #fff url(../img/icon/page_white_acrobat.gif) no-repeat scroll 0 0.3em;
}

#inner ul.related li.png {
  background: #fff url(../img/icon/image.gif) no-repeat scroll 0 0.3em;
}

#inner ul.related li.wmv {
  background: #fff url(../img/icon/film.gif) no-repeat scroll 0 0.3em;
}

#inner ul.related a {
  background: transparent;
  font-weight: bold;
}

#inner .contact .phone {
  color: red;
}

#inner .contact {
    background: #fff url(../img/bubble.gif) no-repeat scroll center center;
    height: 90px;
    margin: 10px auto;
    text-align: center;
    width: 346px;
}

#inner .contact p {
  font-weight: bold;
  padding-top: 37px;
}

* html #inner .contact p {
  padding-top: 26px;
}

/* soluution index */
#inner .solution {
  clear: both;
  overflow: auto;
}

#inner .solution img {
  display: block;
  float: left;
  padding-bottom: 25px;
}

#inner .solution .functions, #inner .solution .products {
  font-size: 70%;
  line-height: 1.5;
}

#inner .solution .text, #inner .solution .functions, #inner .solution .products {
  float: right;
  padding: 10px 0 25px;
}

#inner .solution .text, #inner .solution .text p {
   margin: 0 20px 0 0;
   width: 350px;
}

* html #inner .solution .text, * html #inner .solution .text p {
  margin: 0 10px 0 0;
}

#inner .solution .functions {
  width: 100px;
}

#inner .solution .products {
  width: 130px;
}

#inner .solution .functions ul, #inner .solution .products ul {
  float: left;
}

#inner .solution .functions .title, #inner .solution .products .title {
  border-bottom: 1px solid #777;
}

#inner .component img {
  float: left;
}

#inner .component p {
  float: right;
  width: 305px;
}

/* content pages */
.content {
  padding: 5px 15px 15px;
}

.cleanshow .content {
  padding: 0;
}

.content h1 {
  color: #0d5897;
  font-size: 1em;
  font-weight: bold;
  margin-top: 15px;
}

.content h2 {
  color: #0d5897;
  font-size: .9em;
  font-weight: bold;
  margin-top: 15px;
}

.content h3 {
  color: #0d5897;
  font-size: .8em;
  font-weight: bold;
  margin-top: 15px;
}

.content p {
  font-size: 70%;
  line-height: 1.5;
  padding: 10px 0;
}

.content .beauty {
  float: right;
  padding: 5px;
  margin: 15px 5px 5px 10px;
}

.big ul, .bigger ul, .content ul {
  list-style-type: disc;
  margin-bottom: .75em;
}

.big ol, .bigger ol, .content ol {
  list-style-type: decimal;
}

.big li, .bigger li, .content li {
  font-size: 70%;
  font-weight: normal;
  line-height: 1.5;
  margin-left: 2.5em;
}

.big em, .bigger em, .small em, .smaller em, .content em {
  font-style: italic;
}

.big strong, .bigger strong, .small strong, .smaller strong, .content strong {
  font-weight: bold;
}

/* dual content pages */
.dual {
  font-size: 70%;
  line-height: 1.5;
  overflow: auto;
  zoom: 1;
}

.dual h2 {
  color: #0d5897;
  background: #fff;
  font-size: 120%;
  font-weight: bold;
  margin-bottom: 5px;
  zoom: 1;
}

.dual h2 a {
  zoom: 1;
}

.dual p {
  padding: 10px 0;
}

.dual p.image {
  text-align: center;
}

.dual li {
  list-style: disc;
  margin-left: 1.5em;
}
.dual ol li {
	list-style-type:decimal;
}
.dual .left {
  float: left;
  padding: 0 0 15px 15px;
  width: 45%;
}

.dual .right {
  float: right;
  padding: 0 15px 15px 0;
  width: 45%;
}


/* image popup */
#fullsize {
  text-align: center;
}

#fullsize p {
  font-size: 140%;
  margin: 20px auto;
  overflow: auto;
}

#fullsize .caption {
  width: 60%;
}

#fullsize .nav {
  font-size: 70%;
}

* html #fullsize .nav {
  padding-bottom: 5px;
  zoom: 1;
}

#fullsize .nav img {
  border: 1px solid #eee;
  display: block;
  margin-top: 5px;
}

#fullsize .nav a:hover img {
  text-decoration: none;
}

* html #fullsize .nav img {
  margin-bottom: 10px;
  zoom: 1;
}

#fullsize .prev {
  left: 10px;
  position: absolute;
  text-align: left;
  top: 12em;
}

#fullsize .next {
    position: absolute;
    right: 10px;
    text-align: right;
    top: 12em;
}

/* distributor */
#distributor {
  position: relative;
}

#distributor a:hover {
  text-decoration: none;
}

#distributor #formwrapper {
  margin: 10px;
}

* html #distributor #formwrapper {
  padding-bottom: 1px;
}

#distributor #formwrapper .x-form-btns-ct {
  margin: 10px 0;
}

#distributor #userlist {
  font-size: 70%;
  line-height: 1.5;
  padding: 20px 15px;
  zoom: 1;
}

#distributor #userlist li {
  font-weight: bold;
  list-style-type: disc;
  margin-left: 2em;
}

#distributor #userlist #useradd {
  padding-top: 20px;
}

#distributor #userlist li a:hover {
  color: #0d3877;
  text-decoration: underline;
}

#distributor p.user {
  font-size: 75%;
  font-weight: bold;
  margin: 15px 20px 0;
}

/* news */

#newsindex {
  zoom: 1;
}

#news {
  font-size: 70%;
  margin: 0 15px 0;
}

#news p {
  line-height: 1.5;
  margin: .5em 0;
}

#news h2 {
  font-size: 130%;
  font-weight: bold;
  margin: 2em 0 .3em;
}

#news h2.first {
  margin-top: 0;
}

#news p.date {
  font-size: 100%;
  margin: 0 0 .5em;
}

#news a.more {
  font-size: 100%;
}

#news h1 {
  margin-bottom: 0;
}

p.newsdate {
  padding-bottom: 1.25em;
}

ul.newsrelated li {
  font-weight: bold;
  font-size: 70%;
  line-height: 1.4;
  list-style-type: disc;
  margin-left: 2.5em;
}

.newsbeauty {
  float: right;
  margin: 15px 5px 5px 10px;
  padding: 5px;
}

#newsnav {
  color: #000;
  font-size: 80%;
}

#newsnav h3 {
  color: #0d5897;
  font-size: 92%;
  font-weight: bold;
  margin-top: 2.7em;
  margin-bottom: .5em;
}

#newsnav li {
  font-size: 80%;
  list-style-type: disc;
  margin-left: 1.5em;
}

#newspagenav h2 {
  color: #0d5897;
}

#newspagenav li {
  font-size: 70%;
  font-weight: bold;
  list-style-type: disc;
  margin-left: 1.5em;
}

/* contact */
#contact {
  font-size: 80%;
  padding: 15px;
}

#contact p {
  clear: left;
  overflow: auto;
  padding-bottom: 5px;
  zoom: 1;
}

#contact p.error {
  color: red;
  font-weight: bold;
  padding: 0 0 30px 40px;
}

#contact label {
  display: block;
  float: left;
  margin-right: 8px;
  text-align: right;
  width: 210px;
}

#contact label span {
  color: red;
}

#contact input, #contact textarea, #contact select {
  border: 1px solid #333;
  float: left;
  position: relative;
  padding: 2px;
  top: 1px;
  width: 340px;
}

#contact textarea {
  height: 180px;
}

#contact p.submit {
  padding-left: 218px;
}

#contact p.submit input {
  width: auto;
}

form.department .department label, form.method .method label, form.email .email label, form.phone .phone label, form.name .name label, form.title .title label, form.company .company label, form.address1 .address1 label, form.address2 .address2 label, form.city .city label, form.state .state label, form.postal .postal label, form.country .country label, form.fax .fax label, form.video .video label, form.reason .reason label, form.comment .comment label {
  color: red;
}

form.department #department, form.method #method, form.email #email, form.phone #phone, form.name #name, form.title #title, form.company #company, form.address1 #address1, form.address2 #address2, form.city #city, form.state #state, form.postal #postal, form.country #country, form.fax #fax, form.video #video, form.reason #reason, form.message #message {
  border: 1px solid red;
}

/* sitemap */
#list {
  font-size: 70%;
  line-height: 1.5;
  padding: 20px 15px;
  zoom: 1;
}

#list li {
  font-weight: bold;
  border-bottom: 1px solid #ccc;
}

#list .products {
  border: 0;
}

* html #list .products {
  margin-top: -1em;
}

#list li ul {
  margin: 0;
  padding: 3px 0 20px;
}

#list li ul li {
  border: 0;
  font-weight: normal;
  list-style: disc;
  margin-left: 2em;
  padding-left: .25em;
}

#results h2 {
  padding-bottom: 4px;
}

#results li {
  list-style-type: decimal;
}

#results strong {
  font-weight: bold;
}

/* Clean Show 09 */
#cs-page, #cs-nav {
  width: 730px;
}

ul#cs-nav {
  background: #dae1eb;
  padding: 5px 5px 5px 10px;
  overflow: auto;
}

ul#cs-nav li {
  float: left;
  list-style-type: none;
  margin: 0;
  padding: 0 10px 0 0;
}

#cs-nav a {
  font-weight: normal !important;
}

.cleanshow .left a {
  font-weight: 700;
}

#cs-page .left {
  float: left !important;
  width: 480px;
}

.cleanshow div.small {
  width: 250px !important;
}

/* Clean Show Photo Gallery */
#cs-page #pg-content {
  overflow: auto;
}

.cleanshow #main div.right {
  margin-top: 100px;
}

.cleanshow #inner img.beauty {
  width: 250px !important;
}

/* Clean Show News */
.ns-line {
  border-bottom: 1px solid #ccc;
  margin-bottom: 10px;
  padding-bottom: 10px;
}

/* Clean Show Home */ #cs-logo {
  background: url(../img/cleanshow09.jpg);
  display: block;
  float: right;
  height: 133px;
  width: 199px;
}

/* Clean Show Map */ #cs-map {
  background: url(../img/cleanshowmap.jpg);
  display: block;
  margin: 0 auto;
  height: 446px;
  width: 596px;
}

/* Clean Show Technology */ #cs-chilink {
  background: url(../img/chilinklogo.jpg);
  display: block;
  float: right;
  height: 106px;
  width: 231px;
}

#cs-touch {
  background: url(../img/cs-touch.jpg) no-repeat;
  display: block;
  float: right;
  height: 225px;
  margin: 10px !important;
  width: 300px;
}

/* Clean Show Floor */
#cs-booth {
  padding: 10px 0 20px 100px;
}

/* Clean Show Button
a#cs-button {
  background: url(../img/cs-button.png) no-repeat;
  cursor:hand;
  display:block;
  height:114px;
  left:720px;
  position:absolute;
  top:130px;
  width:114px !important;
  z-index:1000 !important;
}

a:hover#cs-button {
  background-position:0 -115px;
} */


a#cs-button {
  background: url(../img/cs-button4.png) no-repeat;
  cursor: hand;
  display: block;
  height: 201px;
  left: 680px;
  position: absolute;
  top: 130px;
  width:195px !important;
  z-index: 1000 !important;
}

a:hover#cs-button {
   background-position: 0 -210px;
}

#cs-index {
  padding: 5px 15px 15px;
}

/* Clean Show Colors */
.cs-blue {
  color: #0077bf;
}

.cs-green {
  color: #54b359;
}

.cs-purple {
  color: #8e6198;
}

.cs-blue, .cs-green, .cs-purple {
  font-weight: 700;
}

/* Clean Show Home */
.cs-col {
  float: left;
  padding: 0 5px;
  width: 230px;
}

#cs-col-right {
  clear: both;
  float: right;
  width: 245px;
}

#cs-col-right h4 {
  color: #e59b22;
}

#bg-cs-home {
  background: url(../img/bg-cs-home.jpg) bottom left no-repeat;
  overflow: auto;
}

#cs-banner {
  background: url(../img/cs-banner.jpg) no-repeat;
  height: 97px;
  width: 745px;
}

 #cs-bottom {
  background: url(../img/cs-bottom.jpg) bottom left no-repeat;
  height: 88px;
  padding-top: 15px;
  overflow: auto;
  width: 745px;
}

 #address {
  color: #2e79b7;
  font-size: 10px;
  line-height: 14px;
  margin-top: 15px;
}

.clear {
  clear: both;
}

/* Clean Show Video Fix */
embed {
  margin-bottom: 15px;
}

cite {
  border-bottom: 1px solid #ccc;
  color: #6e6e6e;
  display: block;
  font-size: 11px;
  padding: 0 5px 10px 5px;
}

/* Clean Show Subnav */
.cs-subnav {
  margin:0 !important;
  padding:0 0 0 10px !important;
}

.cs-subnav a  {
  font-weight:normal !important;
}

.cs-subnav a.selected, a.selected {
  font-weight:700 !important;
}

.cleanshow #inner p.images img {
  height:54px !important;
  padding:4px 3px 0 0 !important;
  width:72px !important;
}