* { padding: 0px; margin: 0px; }
body { background-color: #fff; font-family: Tahoma, Verdana, Arial, Helvetica; font-size: 80%; color: #555; }
img { border: 0px; }
h1, h2, h3 { font-family: "Arial Narrow", Arial, Helvetica, Tahoma, Verdana; color: #777; letter-spacing: -1px; font-weight: bolder; margin-top: 5px; margin-bottom: 5px; }
h1 { font-size: 200%; }
h2 { font-size: 175%; }
h3 { font-size: 150%; }

p { margin: 10px 0px 15px 0px; }
p.annotation { font-size: 85%; }
a { text-decoration: underline; color: #004891; font-weight: bold; }
a:visited, a:hover { color: #0089b0; }
ul li { margin-left: 10px; list-style-type: square; }

input.btn { background-color: #00a6d6; color: #fff; font-weight: bold; font-size: 95%; padding: 2px 10px 2px 10px; border: 1px solid #fff; }

div.wrapper { width: 700px; margin: 0px auto; }
div.bd { width: 700px; background: #fff url(bg.gif) top center repeat-y; border: 1px solid #666; border-top: 10px solid #666; float: left; }

/* header */
div.hd { background-color: #fff; float: left; border-bottom: 1px solid #666; }
div.hd div.logo { float: left; width: 200px; padding: 20px 0px 20px 0px; }
div.hd div.menu { float: left; width: 500px; border-top: 1px solid #fff; }
div.hd div.menu div { float: left; width: 99px; border-left: 1px solid #fff;  }
div.hd div.menu div a { display: block; border-left: 1px solid #e4e4e4; padding: 20px 0px 0px 0px; border-top: 9px solid #e4e4e4; height: 40px; }
div.hd div.menu div a:hover, div.hd div.menu div a.current { border-top: 9px solid #00a6d6; border-left: 1px solid #00a6d6; }

div.com { clear: left; }

div.doc { clear: left; margin-top: 10px; }
div.doc div.sb { float: left; width: 200px; }

div.doc div.pg { float: left; width: 470px; padding: 0px 15px 15px 15px; }
div.doc div.pg h1 { clear: both; }
div.doc div.pg h1 span.hl { color: #00a6d6; }
div.doc div.pg p { text-align: justify; }
div.doc div.pg ul { margin: 15px; }
div.doc div.pg p img { margin: 5px 0px 10px 0px; }
div.doc div.pg p img.photo { float: left; margin: 5px 15px 10px 0px; border: 1px solid #999; }
div.doc div.pg p img.photoalternate { float: right; margin: 5px 0px 10px 15px; border: 1px solid #999; }
div.doc div.pg p img.photosimple { float: left; margin: 5px 15px 10px 0px; border: 0px; }
div.doc div.pg li h3 { margin: 0px; }

/* product */
div.doc div.pg div.productInfo { width: 100%; }
div.doc div.pg div.productInfo h2 { clear: both; font-size: 100%; font-family: Tahoma, Verdana, Arial, Helvetica; color: #555; letter-spacing: 0px; margin-top: 20px; }
div.doc div.pg div.productInfo p img.photo { float: right; margin: 5px 0px 10px 15px; border: 1px solid #999; }
div.doc div.pg div.productInfo table.vtable { border-top: 1px solid #b2b2b2; border-bottom: 1px solid #b2b2b2; width: 100%; margin-bottom: 15px; }
div.doc div.pg div.productInfo table.vtable tr th { font-weight: normal; width: 50%; text-align: left;  border-right: 1px solid #b2b2b2; border-bottom: 1px solid #e5e5e5; padding: 3px; vertical-align: top; }
div.doc div.pg div.productInfo table.vtable tr td { font-weight: bold; width: 50%; border-bottom: 1px solid #e5e5e5; padding: 3px; vertical-align: top; }
div.doc div.pg div.productInfo table.vtable tr td img { border: 1px solid #555; vertical-align: middle; margin-right: 5px; }

div.doc div.pg div.productInfo table.htable { border: 1px solid #b2b2b2; width: 100%; margin-bottom: 15px; }
div.doc div.pg div.productInfo table.htable tr th { font-weight: normal; width: auto; text-align: center; border-right: 1px solid #e5e5e5; border-bottom: 1px solid #b2b2b2; padding: 3px; vertical-align: top; }
div.doc div.pg div.productInfo table.htable tr td { font-weight: bold; width: auto; text-align: center; border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; padding: 3px; vertical-align: top; white-space: nowrap; }

/* info */
div.doc div.pg div.info form { margin-bottom: 30px; background: #e5e5e5; padding: 5px; float: left; width: 460px; }
div.doc div.pg div.info form div.field { margin: 5px 0px 5px 0px; float: left; }
div.doc div.pg div.info form div.field label { width: 120px; float: left; font-weight: bold; padding-top: 5px; text-align: right; margin-right: 10px; }
div.doc div.pg div.info form div.field input { width: 300px; }
div.doc div.pg div.info form div.field textarea { width: 300px; height: 150px; }
div.doc div.pg div.info form div.field input.btn { width: auto; margin: 5px 0px 0px 130px; }

div.messageError { background: #c00 url(../img/commons/ico-message-error.gif) 10px center no-repeat; padding: 15px 15px 15px 50px; margin: 20px 0px 20px 0px; border: 1px solid #c00; font-weight: bold; color: #fff; font-size: 110%; }
div.messageConfirm  { clear: left; background: #fe3 url(../img/commons/ico-message-tip.gif) 10px center no-repeat; padding: 5px 5px 5px 35px; margin: 20px 0px 20px 0px; border: 1px solid #333; font-weight: normal; color: #111; }

/* news */
div.news { margin: 20px 0px 40px 0px; clear: both; display: block; float: left; width: 100%; }
div.news h2 { color: #00a6d6; }

/* languge selector (home) */
div.doc div.pg div.language { clear: left; }
div.doc div.pg div.language h2 { font-size: 120%; letter-spacing: 0px; font-family: Tahoma, Verdana, Arial, Helvetica; color: #555; margin-bottom: 10px; padding-bottom: 5px; border-bottom: 1px solid #999; } 
div.doc div.pg div.language { background: #e4e4e4; float: left; width: 180px; height: 150px; padding: 10px; margin: 20px 10px 10px 0px; }
div.doc div.pg div.language ul { padding: 0px; margin: 0px; }
div.doc div.pg div.language ul li { list-style-type: none; padding-bottom: 3px; margin: 0px; }
div.doc div.pg div.language ul li a { text-decoration: none; font-weight: normal; padding: 3px; display: block; color: #666; }
div.doc div.pg div.language ul li a:hover, div.doc div.pg div.language ul li a.current { font-weight: bold; }
div.doc div.pg div.language ul li a img { margin-right: 10px; vertical-align: middle; border: 1px solid #e4e4e4; }
div.doc div.pg div.language ul li a:hover img, div.doc div.pg div.language ul li a.current img { border: 1px solid #555; }
/* search engine (home) */ 
div.doc div.pg div.productsearch { background: #e4e4e4; float: left; width: 240px; height: 150px; padding: 10px; margin: 20px 0px 10px 0px; }
div.doc div.pg div.productsearch h2 { font-size: 120%; letter-spacing: 0px; font-family: Tahoma, Verdana, Arial, Helvetica; color: #555; margin-bottom: 10px; padding-bottom: 5px; border-bottom: 1px solid #999; } 
div.doc div.pg div.productsearch form div.field { margin-bottom: 10px; float: left; clear: left; width: 100%; }
div.doc div.pg div.productsearch form div.field label { display: block; width: auto; white-space: nowrap; float: left; margin: 2px 20px 2px 5px; }
div.doc div.pg div.productsearch form div.field input { float: left; }
div.doc div.pg div.productsearch form div.field select { width: 100%; font-size: 95%; }

/* languge selector (sidebar) */
div.doc div.sb div.language { padding: 0px 10px 10px 10px; border-bottom: 1px solid #fff; margin-bottom: 10px; }
div.doc div.sb div.language h2 { font-size: 100%; letter-spacing: 0px; font-family: Tahoma, Verdana, Arial, Helvetica; color: #555; margin-bottom: 5px; padding-bottom: 5px; } 
div.doc div.sb div.language ul { padding: 0px; margin: 0px; }
div.doc div.sb div.language ul li { list-style-type: none; padding-bottom: 2px; margin: 0px; }
div.doc div.sb div.language ul li a { text-decoration: none; font-weight: normal; padding: 2px; display: block; color: #666; }
div.doc div.sb div.language ul li a:hover, div.doc div.sb div.language ul li a.current { font-weight: bold; }
div.doc div.sb div.language ul li a img { margin-right: 10px; vertical-align: middle; border: 1px solid #e4e4e4; }
div.doc div.sb div.language ul li a:hover img, div.doc div.sb div.language ul li a.current img { border: 1px solid #555; }
/* search engine (sidebar) */
div.doc div.sb div.productsearch { padding: 0px 10px 10px 10px; border-bottom: 1px solid #fff; margin-bottom: 10px; float: left; }
div.doc div.sb div.productsearch h2 { font-size: 100%; letter-spacing: 0px; font-family: Tahoma, Verdana, Arial, Helvetica; color: #555; margin-bottom: 5px; padding-bottom: 5px; } 
div.doc div.sb div.productsearch form div.field { margin-bottom: 10px; clear: left; float: left; width: 100%; }
div.doc div.sb div.productsearch form  div.field label { display: block; width: auto; white-space: nowrap; float: left; margin: 2px 10px 2px 5px; }
div.doc div.sb div.productsearch form  div.field select { width: 100%; font-size: 95%; }
div.doc div.sb div.productsearch form  div.field input { clear: left; float: left; }
/* company info (sidebar) */
div.doc div.sb div.company { border-bottom: 1px solid #fff; padding: 0px 5px 20px 5px; margin-top: -10px; }
div.doc div.sb div.company p { margin-bottom: 20px; }
div.doc div.sb div.slideshow { text-align: center; padding: 20px 5px 15px 5px; visibility:visible; }
div.doc div.sb div.slideshow img { border: 1px solid #666; margin: 0px; }
/* slideshow (sidebar) */
div.doc div.sb div.slideshow div.player { text-align: center; width: 170px; margin: auto; }
div.doc div.sb div.slideshow div.player a { display: block; float: left; margin-top: 2px; }
div.doc div.sb div.slideshow div.player a img { border: 1px solid #e4e4e4; vertical-align: middle; padding: 1px 3px 1px 3px; }
div.doc div.sb div.slideshow div.player a:hover img { border: 1px solid #666; background: #fff; }
div.doc div.sb div.slideshow div.player span { font-weight: bold; font-size: 11px; text-align: center; padding: 1px 5px 1px 5px; width: 50px; display: block; float: left; margin-top: 5px; }

/* footer */
div.ft { clear: both; background-color: #666; color: #fff; padding: 5px; width: 690px; margin-top: 10px; }