/*
 *
 * 1. site common part
 *
 */

#rightcol {
   float:right;
   width: 755px;
   margin: 0 auto;
   padding: 0;
}

#leftcol {
   float:left;
   width: 190px;
   margin: 0 auto;
   padding: 0;
}

/*
 *
 * 2. homepage private css
 *
 */

#recommend img, #popular img {
   border:none;
}


#recommend {
   width: 590px;
   float:left;
   margin: 10px 0 0 0;
   padding:0;
   text-align:left;
   border:1px solid #6DABFF;
   font-size: 9pt;
}

#popular {
   width:150px ;
   float:right;
   margin: 10px 0 10px 0;
   padding:0;
   border:1px solid #FFB64B;
}

#pop-header {
   margin-bottom: 15px;
   padding: 3px 0 0 15px;
   height: 25px;
   font-size: 12px;
   text-align: left;
   background: url(/site_images/box_title_bg.jpg);
   color: #612500;
}


#rec-header {
   margin-bottom: 5px;
   padding: 3px 0 0 15px;
   height: 25px;
   text-align: left;
   font-size: 12px;
   background: url(/site_images/box_title_bg2.jpg);
}


#recommend ul {
   width:100%;
   margin: 0;
   padding: 0;
   font-size: 11px;
}


#recommend li {
   float: left;
   margin:0;
   padding:0;
   width: 295px;
   height: 125px;
   list-style: none;
   display:block;
   border-bottom:1px solid #efefef;
}

.rec-prd-photo {
   float:left;
   width: 100px;
   height: 100px;
   margin: 10px 0 0 10px;
   padding:0;
 /*  border: 1px solid red;*/
}

.rec-prd-info {
   margin: 0;
   padding:0 5px 0 0;
   width: 160px;
   float: right;
  /* border: 1px solid green; */
}

.rec-prd-name {
   margin: 10px 0 3px 0;
   padding:0;
}

.rec-prd-intr {
   margin: 2px 0 0 0;
   padding:0;
/*
   word-wrap: break-word;
   overflow: hidden;
*/
   word-wrap: break-word;
   word-break: break-all;
   color: #333333;
}


#recommend a {
   font-size: 11px;
   font-weight: bold;
   color: #003399;
}

#recommend a:link {
   text-decoration: none;
   color: #003399;
}

#recommend a:visited {
   text-decoration: none;
   color: #003399;
}

#recommend a:hover, #recommend a:active {
   text-decoration: underline;
   color: #FF6600;
}



#popular ul {
   margin: 0;
   padding: 0;
}

#popular li {
   margin:0;
   padding:10px 0 5px 0;
   width:100%;
   list-style: none;
   display:block;
   text-align:center;
   font-size:11px;
   border-bottom:1px solid #efefef;
}

.pop-prd-photo {
   width:100px;
   margin: 0 auto;  /* auto firefox */
   padding:0;
}

.pop-prd-name {
   margin: 5px;
   padding: 0;
}

.pop-prd-name p {
   margin:1px;
   padding:1px;
}


#popular a {
   font-size: 10px;
}

#popular a:link {
   text-decoration: none;
   color: #0000FF;
}

#popular a:visited {
   text-decoration: none;
   color: #0000FF;
}

#popular a:hover, #popular a:active {
   text-decoration: underline;
   color: #FF6600;
}


#hotsearch  {
   margin-top: 30px;
}