body {height:100%; margin: 0; padding: 0;  background:#fff; text-align: center;}

div{ margin:0;  padding:0; overflow: hidden;}
.clearer { height: 1px; font-size: 1px; clear: both; overflow: hidden;}

/* ----------------- container ----------------- */
#MainContainer{ text-align: left; width: 765px;  margin: 8px auto 0 auto; overflow: hidden; background: url(../images/header.jpg) top left no-repeat;}

/* ----------------- top ---------------------- */
#top { height: 246px;  position: relative; z-index: 0; }
#logo{ width: 197px; margin-left: 35px;}
#search { height: 24px; width: 755px; margin-top: 28px; text-align: right;}
#search p{ margin: 0;}
#search form input { border: 0px; width: 110px; /*height: 16px; */ padding: 4px 0 4px 0; font-size: 11px; position: relative; top: 0px; color:#949494; text-align: center; background-color: transparent; background-image: url(../images/search.gif); background-repeat: no-repeat;}

/* ----------------- top-menu ------------------- */
#menu{ height: 29px; padding-left: 35px;}
 
.chromestyle{ height: 29px;}
.chromestyle ul{ padding: 0; margin:0; list-style-type: none; float: left;}
.chromestyle ul li.home a{padding: 0;}
.chromestyle ul li{ float: left; height: 29px; background-image: url(../images/bg-left.jpg); background-position: left; background-repeat: no-repeat; border-left: 1px solid #fff;}
.chromestyle ul li a{ height: 29px; padding: 0 10px; background-image: url(../images/bg-right.jpg); background-position: right; background-repeat:no-repeat; text-align: center; color: #5b5b5b; font: normal 12px Arial; line-height: 29px; float: left; text-decoration: none;}
.chromestyle ul li a:hover{ text-decoration: underline; }
.chromestyle ul li.act{ float: left; height: 29px; background-image: url(../images/bg-left.jpg); background-position: left; background-repeat: no-repeat; border-left: 1px solid #fff;}
.chromestyle ul li.act a{ height: 29px; padding: 0 10px; background-image: url(../images/bg-right.jpg); background-position: right; background-repeat: no-repeat; text-align: center; color: #5b5b5b; font: normal 12px Arial; line-height: 29px; float: left; text-decoration: underline; cursor: default; }
.chromestyle ul li.act a:hover{ text-decoration: underline; cursor: default;}

/* ------------------ Container -------------------- */ 
#Container{ float: left; width: 100%; margin-top:40px;}

/* ----------------- left-col --------------------- */ 
#leftcol{  float: left; width: 264px; padding-top:6px; overflow: hidden;}
#leftcol .content{ width: 240px;}

/* --------------- right-col ---------------------- */
#rightcol{ width: 497px; margin-bottom: 40px; overflow: hidden;}
#rightcol .content { padding-top: 10px; }


/* ------------------ footer ---------------------- */
#footer{ clear: both; margin-top: 40px; margin-bottom: 40px; padding-top: 20px; border-top: 6px solid #d0d0d0;}
#footer p {color:#9f9f9f; margin:0; padding:0;}
#footer p.tel{ width: 264px; float: left; padding-left: 20px;}
#footer a:link, #footer a:visited { color: #9f9f9f; text-decoration: underline; padding: 0 10px;}
#footer a:hover{ text-decoration: none; padding: 0 10px;}



#lang-menu { height: 11px; margin: 0; padding: 0; list-style: none; position: absolute; right: 11px; top: 100px; z-index: 1; }
#lang-menu li { display: inline; }