div.sectionHeaderProduct{
height:30px;width:100%;
margin:10px auto 10px;
background-color:#5f454e;
color:white;
text-align:center;
line-height:30px;
}

#productMenuCon{
position:absolute;
top:60px;left:0px;
height:200px;width:1004px;
padding-left:20px;
overflow:visible;
text-align:center;
line-height:30px;
overflow:hidden;
}

div.productSubdeptWrap{
float:left;
position:relative;
height:30px;width:115px;
margin-right:28px;
overflow:visible;
}

div.productSubdeptBind{
position:absolute;
height:30px;width:115px;
background-color:white;	
z-index:10;
border-radius:0px 0px 8px 8px;
}

div.productSubdeptCon{
position:absolute;
height:30px;width:115px;
/*background-color:#ff9e9d;*/
background-color:#3fb8af;
border-radius:8px 8px 8px 8px;
color:white;
z-index:10;
}

div.productSubmenu{
position:absolute;
bottom:0px;left:0px;
height:auto;width:auto;
z-index:9;
overflow:auto;
background-color:#dbc1b4;
border-radius:8px 8px 8px 8px;
color:white;
}

a.productSubdeptMenuA{
display:block;
text-decoration:none;
color:white;
}

div.productClassCon{
height:30px;width:115px;
}

div.productSubdeptCon:hover,
div.productSubmenu:hover{
cursor:pointer;
}

div.productSubdeptCon:hover,
div.productClassCon:hover{
text-decoration:underline;
}

#curHierarchyCon{
float:left;
height:30px;width:100%;
padding:10px 0px 5px 30px;
margin-top:40px;
font-size:1.5em;
border-top:2px solid #ccc;
}

/* item list */
#itemListsCon{
float:left;
min-height:500px;width:980px;
margin-top:5px;
padding:5px 14px 10px 28px;
border-bottom:2px solid #ccc;
overflow:auto;
}

div.itemCon{
float:left;
height:300px;width:320px;
margin:0px 5px 20px 0px;
}

div.itemImgCon{
height:230px;width:96%;
margin:5px auto 0px;
}

div.itemImgCon:hover{
cursor:pointer;
}

div.itemDescCon{
height:25px;width:96%;
text-align:center;
line-height:25px;
color:#333333;
}

div.itemCodeCon{
height:25px;width:96%;	
text-align:center;
line-height:25px;
color:#faa4a3;
font-size:1.2em;
}

div.itemImgCon img{
position:relative;
display:none;
}

/* item detail con */
#itemDetailCon{
float:left;
min-height:550px;width:938px;
padding:5px 10px;
margin:80px 0px 20px 20px;
border:1px solid #333333;
}

#itemMainImgCon{
float:left;
height:300px;width:405px;
margin:10px	
}

#itemDetail{
float:left;
min-height:320px;width:505px;
margin-left:6px;
}

#itemColorsets{
float:left;
min-height:210px;width:941px;
margin:10px 0px 10px 0px; 
}

div.itemTitle{
height:20px;width:auto;
padding-left:10px;
margin:10px 0px;
background-color:#333;
line-height:20px;
color:white;
letter-spacing:1px;
}

img.itemMainImg{
position:relative;
display:none;
}

div.sizeChartImgCon{
float:left;
height:120px;width:150px;
margin:0px 5px 0px 0px;
}

div.othersImgCon{
float:left;
height:100px;width:120px;
margin:0px 5px 0px 0px;
}

div.othersImgCon img,
div.sizeChartImgCon img{
position:relative;
display:none;
}

div.othersImgCon img:hover,
div.sizeChartImgCon img:hover{
cursor:pointer;
}

td.titleTd{
width:105px;
text-align:right;
vertical-align:top;
}

td.dotTd{
text-align:center;
vertical-align:top;
}

/* colorsets list */
div.colorsetsList{
float:left;
height:180px;width:230px;
margin:0px 5px 5px 0px;
}

div.colorsetsImg{
height:150px;width:220px;
margin:5px;
}

div.colorsetsImg img{
position:relative;
display:none;
}

div.colorsetsDesc{
height:20px;width:100%;
text-align:center;
color:#333;
}