/* change all image path to  --> ../images/.....  this is the setting now !*/
/*or --> /shop/jsp/uk/images/.....   */

/*global*/
#content img{border:0}
/* boxes */
#content div#mainframe{
 float: left;
 width: 420px
 voice-family: "\"}\""; /* IE 5.x */
 voice-family:inherit;
 width:410px;
 voice-family: "\"}\"";
}

#content div#rightbar{
 width:135px;
 padding:0px;
 float: right 
}
#content div.topinfo{
 margin:0 5px 10px 0;
 padding:5px;
 background:#e6e6e6;
 width: 405px;
 voice-family: "\"}\"";
 voice-family:inherit;
 width: 395px;
 voice-family: "\"}\"";
 border:2px solid #CC0000;
 color:#CC0000;
}
#content div.topinfo p{font: 400 12px arial, helvetica, sans-serif, verdana;}
#content div.topinfo h1{font: 800 13px verdana, arial, helvetica, sans-serif;margin:0}
#content div.topinfo p a{text-decoration:none}

#content * .box1 h1{color: #FFFFFF;font: 800 18px arial, helvetica, sans-serif, verdana;margin:0}
#content * .box1 h2{color: #000000;font: italic 800 12px arial, helvetica, sans-serif, verdana;margin:0}
#content * .box1 h3{color: #FFFFFF;font: 800 18px arial, helvetica, sans-serif, verdana;margin:0}

#content * .box1-start{
 background-image: url('../images/Blue_Bar_Top_trans.gif');
 font-size: 1px; /* IE */
 height: 14px;
 width: 405px;
}

#content * .box1{
 background-color: #6699CC;
 padding: 0 10px 5px 10px;
 width: 405px;
 voice-family: "\"}\"";
 voice-family:inherit;
 width: 385px;
 voice-family: "\"}\"";
}

#content * .box1 .lframe{
 width:200px;
}

#content * .box1 .rframe{
 width:auto;
 float:right;
}

#content * .box1 .rframe a.picture{
 font-size:0;
}
#content * .box1 .rframe .price{
 margin-top:10px;
 color:#cc0000;
 font: 800 13px verdana, arial, helvetica, sans-serif;
 text-align:center;
}

#content * .box1 .rframe .remarks{
 text-align: center;
 font: 400 10px/12px arial, helvetica, sans-serif, verdana;
}

#content * .box1 * img.style1{border: 1px solid #FFFFFF;width:180px}

#content * .box1-end{
 background-image: url('../images/Blue_Bar_Bottom_trans.gif');
 font-size: 1px;/* IE */
 height: 14px;
 width: 405px;
 margin-bottom:5px;
}

#content #mainframe .l{
 width: 200px;
 float:left;
}

#content #mainframe .r{
 margin-left:208px;
 width: 200px;
  voice-family: "\"}\""; /* IE 6.x */
 voice-family:inherit;
 margin-left:205px;
 voice-family: "\"}\"";
}

#content * .smallprodbox * img{border:0}
#content * .smallprodbox .lframe{
 width:auto;
 float:left;
}

#content * .smallprodbox .rframe{
 width:auto;
}
#content * .smallprodbox table{height:140px}
#content * .smallprodbox table td.description{
 vertical-align:top;
 padding-left:5px;
 font: 400 10px/12px arial, helvetica, sans-serif, verdana;
}
#content * .smallprodbox table td.description ul{}
#content * .smallprodbox table td.description li{margin-left:-5px}
#content * .smallprodbox table td.pricecell{vertical-align:bottom}
#content * .smallprodbox table .price{
 color:#cc0000;
 font: 800 12px verdana, arial, helvetica, sans-serif;
 text-align:center;}
#content * .smallprodbox table .from{font-size:10px}
#content * .smallprodbox table .remarks{
 text-align:center;
 font:400 10px/12px arial, helvetica, sans-serif, verdana;
 margin-bottom:10px
}

#content * .smallprodbox table h4{font: 800 13px arial, helvetica, sans-serif, verdana}
#content * .smallprodbox table td img{margin-top:15px}
#content * .smallprodbox table ul{
 font: 400 12px arial, helvetica, sans-serif, verdana;
 list-style-type: disc;
 margin:0 0 0 20px;
}

#content #mainframe .vline{
 height: 100px;
 margin:15px 2px 5px 2px;
 width: 1px;
 color: #CCCCCC;
 background-color: #CCCCCC;
 float:left;
}

#content #mainframe hr{
 font-size:1px; /*IE */
 background:#CCCCCC;
 color:#CCCCCC;
 border:0;
 height:1px;
 margin:0;
 padding:0;
 width:400px;
 margin:5px 0 5px 0;
 text-align:left;

}
#content #rightbar img{border:none}
#content #rightbar .bestseller .title{
 padding: 5px 5px 0px 10px;
 font: 800 13px verdana, arial, helvetica, sans-serif;
}

#content #rightbar .bestseller ul{
 font: 400 12px verdana, arial, helvetica, sans-serif;
 list-style-type: disc;
 color: #999999;
 padding-bottom:1px;
 margin:2px 0 2px 20px;
 }

#content #rightbar .bestseller{background:#e6e6e6;}
#content #rightbar .bestseller .hline{
 margin-top:5px;
 height:1px;
 width:135px;
 border:0;
 background-color:#FFFFFF;
 font-size:0; /* IE */
}
#content #rightbar .bestseller hr{
 font: 100 0 arial; /*IE */
 background:#FFFFFF;
 color:#FFFFFF;
 border:0;
 height:1px;
 margin:0;
 padding:0;
}
#content #rightbar .bestseller ul li{
 margin:5px 0 5px 0;
 font: 400 11px arial, helvetica, sans-serif, verdana;
}

#content #rightbar .bestseller ul li a:link, #content #rightbar .bestseller ul li a:visited{
 color: #000000;
 text-decoration: none;
}

#content #rightbar .bestseller ul li a:hover{
 color: #CC0000;
 text-decoration: none;
}

/* ----- more ----- */
.more{
 margin:5px 0 5px 0;
 font: 800 12px verdana, arial, helvetica, sans-serif;
 }
.more a:link, .more a:visited{
 border: #000000 solid 1px;
 color: #000000;
 text-decoration: none;
 background-color: #FFFFFF;
 padding: 1px 5px 1px 5px;
}

.more a:hover{
 color: #CC0000;
 text-decoration: none;
}