/* CSS Document */

body{
	padding:0;
	margin:0;
	background-color:#fff;
	font-family:Arial, Helvetica, sans-serif;
}
/*
div, h1, h2, h3, h4, p, form, label, input, textarea, img, span{
	margin:0; padding:0;
}

ul{
	margin:0; 
	padding:0; 
	list-style-type:none;
	font-size:0;
	line-height:0;
}
*/
.spacer{
	clear:both; 
	font-size:0; 
	line-height:0;
}
/*------------------------------------------------main--------------------*/

/*------------------------------------------------top--------------------*/
#topmain{
	width:100%;
	background:url(images/top_bg.gif) 0 0 repeat-x;
	height:176px;
	padding:0 0 0 0;
}
#top{
	background:url(images/banner.jpg) top left no-repeat;
	width:958px;
	margin:0 auto;
	height:176px;
}
#top ul.nav{
	height:26px;
	padding:0;
	float:left;
	margin:121px 0 0 0;
}
#top ul.nav li{
	float:left;
	margin:0 3px 0 0;
	font-size:0;
	line-height:0;
}
#top ul.nav li.noMargin{
	margin:0;
}
#top ul.nav li a{
	display:block;
	background:url(images/nav_bg.gif) 0 0 no-repeat;
	width:95px;
	height:26px;
	font:bold 11px/26px  Arial, Helvetica, sans-serif;
	color:#000;
	background-color:inherit;
	text-decoration:none;
	text-align:center;
}
#top ul.nav li a:hover{
	background:url(images/nav_bg_hover.gif) 0 0 no-repeat;
	color:#444444;
	background-color:inherit;
}
#top ul.nav li a.hover{
	display:block;
	background:url(images/nav_bg_hover.gif) 0 0 no-repeat;
	width:95px;
	height:26px;
	font:bold 11px/26px  Arial, Helvetica, sans-serif;
	color:#444444;
	background-color:inherit;
	text-decoration:none;
	text-align:center;
	cursor:text;
}
#top ul.nav li a.long{
	display:block;
	background:url(images/nav_bg_long.gif) 0 0 no-repeat;
	width:140px;
	height:26px;
	font:bold 11px/26px  Arial, Helvetica, sans-serif;
	color:#000;
	background-color:inherit;
	text-decoration:none;
	text-align:center;
}
#top ul.nav li a.long:hover{
	background:url(images/nav_bg_long_hover.gif) 0 0 no-repeat;
	color:#444444;
	background-color:inherit;
}
#top ul.nav li a.longhover{
	display:block;
	background:url(images/nav_bg_long_hover.gif) 0 0 no-repeat;
	width:140px;
	height:26px;
	font:bold 11px/26px  Arial, Helvetica, sans-serif;
	color:#444444;
	background-color:inherit;
	text-decoration:none;
	text-align:center;
	cursor:text;
}
#top ul.sub{
	width:892px;
	height:29px;
	padding:0 0 0 0px;
	float:left;
}
#top ul.sub li{
	float:left;
	background:url(images/slash.gif) right center no-repeat;
	padding:0 15px 0 0;
	margin-right:5px;
}
#top ul.sub li.noImg{
	background-image:none;
}
#top ul.sub li a{
	padding:0;
	font:normal 11px/29px  Arial, Helvetica, sans-serif;
	color:#1770d3;
	font-weight:bold;
	text-decoration:none;
}
#top ul.sub li a:hover{
	 text-decoration:underline;
}
/*------------------------------------------------top--------------------*/

/*------------------------------------------------body--------------------*/
#bodyMain{
	width:100%;
	background:url(images/body_bg.gif) 0 0 repeat-x #fff;
	color:#000;
	padding:35px 0 28px 0;
}
#body{
	width:958px;
	margin:0 auto;
	background: none;
}

#left ul, #rightright ul{
    margin:0; 
    padding:0; 
    list-style-type:none;
    font-size:0;
    line-height:0;
}
/*------------------------------------------------left--------------------*/
#left{
	width:170px;
	float:left;
	display:block;
}
#left h2{
	display:block;
	width:152px;
	/*height:22px;*/
	background:none;
	padding:4px 0 0 0;
	line-height:20px;
	margin:0 0 1px 0;
}
#left h2 span{
	padding:3px 0 0 0;
	font-size:16px;
	font-weight:bold;
	text-transform:uppercase;
	color:#de4a02;
	background-color:inherit;
}
#left ul{
	width:168px; margin-bottom:10px; 
	background-color:#1770d3;
	padding:3px 3px 2px 3px;
}
#left ul li{
	margin:0 0 1px 0;
}
#left ul li a{
	display:block;
	background:url(images/arrow_green.gif) 8px 9px no-repeat #fff;
	padding:1px 8px 1px 17px;
	font-weight:normal;
	color:#1770d3;
	font-size:12px;
	line-height:18px;
	text-decoration:none;
}
#left ul li a:hover{
	 font-weight:bold;
	 color:#de4a02;
}
/*------------------------------------------------left--------------------*/

/*------------------------------------------------right--------------------*/
#right{
	width:788px;
	float:right;
	display:block;
}
#rightleft{
	width:485px;
	margin:0 0 15px 20px;
	padding:0;
	float:left;
}
* html #rightleft{
	margin:0 0 15px 10px;
}
#rightleft h2{
	display:block;
	font:bold 22px/28px Arial, Helvetica, sans-serif;
	color:#333333;
	margin:0;}

#rightleft h3, #rightleft h1{
	display:block;
	border-bottom:gray solid 1px;
	font:bold 20px/28px Arial, Helvetica, sans-serif;
	color:#de4a02;
	margin:0 0 10px 0;
}
#rightleft h4{
	display:block;
	font:bold 12px/17px Arial, Helvetica, sans-serif;
	color:#1770d3;
	margin:0;
}
#rightleft h4 a{
	font:bold 12px/17px Arial, Helvetica, sans-serif;
	color:#1770d3;
}
/*
#rightleft img 
{
	border-right:solid 1px gray;
	border-bottom:solid 1px gray;
	border-top:none; border-left:none;
	padding: 4px 4px 4px 4px;
	background-color:White; 
	margin:0 15px 10px 0;}*/
#rightleft a{
	 text-decoration:none;} 
	 
#rightleft table{
	font:normal 12px Arial, Helvetica, sans-serif;
} 
#rightleft table img{
	border:none;margin:0;padding:0;
}

#rightleft p.rightTxt1{
	display:block; text-align:justify;
	font:bold 14px/15px Arial, Helvetica, sans-serif;
	margin:10px 0 0 0;
}
#rightleft div.rightTxt2{
	display:block;text-align:justify;
	font:normal 12px/15px Arial, Helvetica, sans-serif;
	color:#000;
	background-color:inherit;
	margin:10px 0 0 0;
}
#rightleft div.rightTxt2 span{
	background:url(images/bl.gif) 0 8px no-repeat;
	text-align:justify;
	font:normal 12px/16px Arial, Helvetica, sans-serif;
	padding: 0 0 0 12px;
	display:block;
}
#rightleft div.review{
	background-color:whitesmoke;
	padding:10px 15px 10px 10px;
	font:normal 12px/16px Arial, Helvetica, sans-serif;
	margin:0 0 10px 0 ;
}
#rightleft div.review b{
	color:#1770d3;}
#rightleft div.review img{
	border:none;margin:5px 0 5px 0;padding:0;}



#rightleft div.post{
	background:none;
	padding:10px 15px 10px 10px;
	margin:20px 0 10px 0 ;
	border:dashed 2px 2px 2px 2px #cc0000;
}
#rightleft div.post ul{
	padding:0;
	margin:0;
	display:block;
}
#rightleft div.post ul li{
	display:block;
	color:#fff;
	background-color:#1770d3;
	font:bold 13px/22px Arial, Helvetica, sans-serif;
	width:220px; height:22px;
	padding:0 0 0 10px;
	text-transform:uppercase;
	margin-bottom:7px;
	width:150px;
}
#rightleft div.post  table
{	font:bold 11px/15px Arial,Tahoma, Helvetica, sans-serif;
}
#rightleft div.post  table .txt
{	font: 11px Arial,Tahoma, Helvetica, sans-serif; width:370px;
}
#rightleft div.post  table a
{	padding:0; margin:0; text-decoration:underline;
	background:none; display:inline;
	font:bold 11px/15px Arial,Tahoma, Helvetica, sans-serif;
	color:#1770d3;
}

#rightleft div.page{
	text-align:right;
	font:bold 13px/15px Arial, Helvetica, sans-serif;
	color:#000;
	margin:20px 0 0 0;
}
#rightleft div.page a{
	font:normal 12px/15px Arial, Helvetica, sans-serif;
	color:#1770d3; text-decoration:underline; margin:0 3px 0 3px;
}
#rightleft div.page a.next{
	font:normal 10px/15px Arial, Helvetica, sans-serif;
	color:#000; text-decoration:underline;
	margin:0 0 0 10px;
	height:25px;
}
#rightleft div.page a.pre{
	font:normal 10px/15px Arial, Helvetica, sans-serif;
	color:#000; text-decoration:underline;
	margin:0 10px 0 0;
	height:25px;
}

/*-------------------------------------------------------------------------*/

#rightright{
	width:260px;
	margin:0 0 0 23px;
	padding:0;
	float:left;
	display:block;
}


.box{
	width:230px;
	background:#fff;
	padding:10px 15px 10px 10px;
	border:solid 2px 2px 2px 2px #333333;
	margin:0 0 10px 0 ;
}
.box ul{
	padding:0;
	margin:0;
	display:block;
	width:100%;
	background-color:#de4a02;
	padding:0 0 0 7px;
}
.box ul li.pink{
	display:block;
	background:#1770d3;
	font:bold 13px/15px Arial, Helvetica, sans-serif;
	color:#fff;
	margin:0 2px 0 0;
	padding:3px 3px 3px 3px;
	float:left;
	text-transform:uppercase;
}
.box ul li.black{
	display:block;
	font:bold 13px/15px Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:#de4a02;
	margin:0 2px 0 0;
	float:left;
	padding:3px 3px 3px 3px;
	text-transform:uppercase;
}
.box p{
	font:bold 11px/15px Arial, Tahoma,Helvetica, sans-serif;
	text-align:justify;
	color:#000;
	margin:10px 0 0 0;
	clear:both;
}
html>/**/body .box p{
	padding:10px 0 0 0;
}
.box  a{
	display:block;
	background:url(images/bl.gif) 0 7px no-repeat;
	font:bold 11px/15px Arial,Tahoma, Helvetica, sans-serif;
	padding: 0 0 0 12px;
	color:#000;
	text-decoration:none;
	margin:0 0 5px 0;
	text-align:justify;
}
.box  a:hover
{
	text-decoration:underline;
}
.box  a.login
{	padding:0; margin:0; text-decoration:underline;
	background:none; display:inline;
	font:bold 11px/15px Arial,Tahoma, Helvetica, sans-serif;
	color:#1770d3;
}
.box  table
{	font:bold 11px/15px Arial,Tahoma, Helvetica, sans-serif;
}



.search{
	width:230px;
	background:#fff;
	padding:10px 15px 10px 10px;
	margin:0 0 10px 0 ;
	border: solid 2px #333333;
}
.search ul{
	padding:0;
	margin:0;
	display:block;
	width:100%;
	
}
.search ul li{
	display:block;
	color:#fff;
	background-color:#1770d3;
	font:bold 13px/22px Arial, Helvetica, sans-serif;
	width:220px; height:22px;
	padding:0 0 0 10px;
	text-transform:uppercase;
	margin-bottom:7px;
}
.search  table
{	font:bold 11px/15px Arial,Tahoma, Helvetica, sans-serif;
}
.search  table a.login
{	padding:0; margin:0; text-decoration:underline;
	background:none; display:inline;
	font:bold 11px/15px Arial,Tahoma, Helvetica, sans-serif;
	color:#1770d3;
}

/*------------------------------------------------right--------------------*/

/*------------------------------------------------body--------------------*/

/*------------------------------------------------footer--------------------*/
#footerMain{
	width:100%;
	clear:both;
	background:#fff url(images/footer_bg.gif) bottom repeat-x;
}
#footer{
	width:958px;
	margin:0 auto;
	position:relative;
}

#footer p.link{
	font:normal 11px/18px Tahoma, Arial, Helvetica, sans-serif;
	color:#333333;
	background-color:inherit;
}
html>/**/body #footer p.link{padding-top:10px;}
#footer p.link b{
	display:block; margin:5px 0 0 0; color:#de4a02;
	font:bold  13px/18px Tahoma, Arial, Helvetica, sans-serif;
}
#footer p.link a{
	text-decoration:none; color:#1770d3;
	font:normal 11px/18px Tahoma, Arial, Helvetica, sans-serif;
}
#footer p.link a:hover{
	text-decoration:underline;
	color:#1770d3;
}
#footer p.copyright{
	font:normal 11px/18px Tahoma, Arial, Helvetica, sans-serif;
	color:#333333;
	margin:30px 0 10px 0;
}
html>/**/body #footer p.copyright{
	padding:30px 0 10px 0;
	margin:0;
}
#footer p.copyright img{	
	margin:27px 30px 10px 0;
}
/*------------------------------------------------footer--------------------*/


/* Thuan added */

.rating-value {
    vertical-align: middle;
    text-align: center;
    background-color: #000;
    color: #fff;
    width: 23px
}

/* alignment */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }
.clear {clear:both}

img {
    border:0;
    padding:0
}

img.product-image {
    background: #fff;
    border: 1px solid #E5E5E5;
    padding: 5px;
}

.highlight {
    background-color:yellow
}

.rating_bg {
    width: 112px;
    height: 20px;
    background: transparent url(images/rating_bg.gif) no-repeat
}

.rating_fr {
    height: 20px;
    background: transparent url(images/rating_fr.gif) no-repeat
}
.rating_small_bg {
    width: 83px;
    height: 15px;
    background: transparent url(images/rating_small_bg.gif) no-repeat
}
.rating_small_fr {
    height: 15px;
    background: transparent url(images/rating_small_fr.gif) no-repeat
}

/*------------------------------------------------my-widget--------------------*/
#my-widget{
	width:170px;
	float:left;
	display:block;
}
#my-widget h2{
	display:block;
	width:152px;
	/*height:22px;*/
	background:none;
	padding:4px 0 0 0;
	line-height:20px;
	margin:0 0 1px 0;
}
#my-widget h2 span{
	padding:3px 0 0 0;
	font-size:16px;
	font-weight:bold;
	text-transform:uppercase;
	color:#de4a02;
	background-color:inherit;
}
#my-widget ul{
	width:168px; margin-bottom:10px; 
	background-color:#1770d3;
	padding:3px 3px 2px 3px;
}
#my-widget ul li{
	margin:0 0 1px 0;
}
#my-widget ul li a{
	display:block;
	background:url(images/arrow_green.gif) 8px 9px no-repeat #fff;
	padding:1px 8px 1px 17px;
	font-weight:normal;
	color:#1770d3;
	font-size:12px;
	line-height:18px;
	text-decoration:none;
}
#my-widget ul li a:hover{
	 font-weight:bold;
	 color:#de4a02;
}
/*------------------------------------------------my-widget--------------------*/