body
{
    margin:0px;
    text-align:center;
    background:#fff;
}
td,div
{
    text-align:left;
    vertical-align:top;
    font-size:12px;
    color:#606060;
    width:100%;
}
table
{
    border:0px;
    width:100%;
}
img
{
    border:0px;
}
img a
{
    border:solid 1px #999;
}
input
{
    
}
div.main
{
    width:860px;
    border:solid 1px #999;
    margin:10px 0px;
}
div.image
{
    margin:0px 0px 10px 0px;
}
a
{
    color:#999;
    text-decoration:none;
}
a:link
{
    color:#999;
    text-decoration:none;
}
a:visited
{
    color:#999;
    text-decoration:none;
}
a:hover
{
    color:#303030;
    text-decoration:none;
}
.fonteg
{
    color:#999;
}
#left
{
    margin:0px 0px 0px 10px;
    float:left;
    width:256px;
}
#searchArea
{
    margin:6px 0px 0px 0px;
}
#right
{
    margin:0px 10px 0px 0px;
    padding:10px;
    float:right;
    height:486px;
    width:530px;
    border:solid 1px #999;    
    background:#fff;
}
.leftTop
{
    margin:0px 0px 10px 0px;
    border:solid 1px #999; 
    height:340px;
}
input.inputtext
{
    border:solid 1px #999;
    padding:2px;
    height:18px;
    width:120px;
}
.leftBottom
{
    border:solid 1px #999; 
    padding:10px;
    height:134px;
    width:236px;
    background:#fff;
}
.search
{
    font-family:Arial;
    padding:10px;
    border-bottom:solid 1px #999;
    height:60px;
    width:236px;
    background:#fff;
}
/* -- Menu-- */
/* //////////////////////////////////////////////// */
.menu
{
    padding:10px;
    width:236px;
    height:239px;
    background:#fff;
}
.menuTop
{
    padding-bottom:10px;
}
#Menu
{
    height:210px;
    overflow-x:hidden;
    overflow:scroll;
}
#divMenu
{
    
}
#divMenu ul
{
    
    margin: 0px 0px 0px 20px;
    line-height:20px;
}
#divMenu li
{
    list-style-image:url('../ch/images/color/plus.gif');
    cursor:hand;
    font-family:Arial;
}
#divMenu #current
{
    color:#303030;
    text-decoration:none;
}
#divMenu #current a
{
   color:#303030;
   text-decoration:none;
}
/* -- Preview -- */
/* //////////////////////////////////////////////// */
.colorPreview_top
{
    padding-bottom:10px;
}
#colorPreview
{
    border:solid 1px #303030;
    height:14px;
    padding:86px 10px 10px 10px;
    width:216px;
    font-family:Arial; 
    font-weight:bolder;    
}
/* -- Color List -- */
/* //////////////////////////////////////////////// */
.colorListTop
{
    height:36px;
    font-size:14px;
    font-family:Arial;
    padding-bottom:10px;
}
#colorSystem
{
    width:530px;
    height:440px;
    overflow-y:hidden;
    overflow:scroll;
}
#colorList
{
    
}

#colorList .ListColumn
{
    width:94px;
    margin:0px 14px 10px 0px;
    padding:20px 0px 4px 0px;
    text-align:right;
    border:solid 1px #303030;
    font-weight:bolder;
    font-family:Arial;
    font-size:10px;
    float:left;
}
#colorList .colorblock
{
    padding:30px 0px 0px 6px;
    width:88px;
    height:16px;
    cursor:hand;
    font-size:10px;
    font-weight:normal;
    font-family:Arial;
    border-bottom:solid 2px #fff;
    border-top:solid 2px #fff;
}
#colorList .colorblockOver
{
    padding:30px 0px 0px 6px;
    width:88px;
    height:16px;
    cursor:hand;
    font-size:10px;
    font-weight:normal;
    font-family:Arial;
    border-bottom:solid 2px #303030;
    border-top:solid 2px #303030;
}