body {
	background: #003404 url('./img/bg.png') repeat-y center;
	color: #303030;
	font: 9pt verdana;
	margin: 0;
	
}

#page {
	margin: 0 auto;
	width: 990px;
}

#content {
	width: 100%;
	clear: both;
}

#banner {
	background: url('./img/banner.jpg') no-repeat top right;
	clear: both;
	width: 990px;
	height: 222px;
	display: block;
}

#contentleft {
	float: left;
	width: 244px;
}

#contentright {
	float: right;
	width: 746px;
}

#contentleftmain {
	float: left;
	width: 706px;
	padding: 10px 10px 0 10px;
}

#contentleftsub {
	float: left;
	width: 706px;
	padding: 0 10px 0 10px;
}

#contentrightmain {
	float: right;
	width: 260px;
}

#contenttext {
	padding: 10px 0 0 5px;
}

/* Basic object */
img {
	border: none;
}

h1 {
	font: 18px verdana;
	font-weight: 700;
	margin: 0px;
}

h2 {
	font: 18px verdana;
	font-weight: 700;
	padding: 3px 0 0 0;
	margin: 0 0 5px 0;
}

a:link, a:visited {
	color: #0268c8;
	text-decoration: none
}

a:hover, a:visited:hover {
	color: #0268c8;
	text-decoration: underline
}

div {
	vertical-align: top;
}

td {
	vertical-align: top
}

/* Form object */
.textbox {
	margin-bottom: 3px
}

.button {
	padding: 0 5px 0 5px;
}

/* Place img */
.imgLeft {
	float: left;
	margin-right: 10px;
}

.imgRight {
	float: right;
	margin-left: 10px;
}

/* Place object */
.aligntop {
	vertical-align: top;
}

.alignbottom {
	vertical-align: bottom;
}

.aligncenter {
	margin-left: auto;
	margin-right: auto;
}

/* Place text */
.left {
	text-align: left;
}

.right {
	text-align: right;
}

.center {
	text-align: center;
}

.justify {
	
}

/* Format text */
.bold {
	font-weight: bold;
}

.italic {
	font-style: italic;
}

.strike {
	text-decoration: line-through;
}

/* Float */
.floatleft {
	float: left;
}

.floatright {
	float: right;
}

/* Clear Float */
.clearb {
	clear: both;
}

.clearer {
	clear: both;
	width: 0;
	height: 0;
	line-height: 0;
}

/* Menu */
.menu a {
	color: #303030;
	text-decoration: none;
}

.menu a:hover {
	color: #303030;
	text-decoration: underline;
}

.menu #main {
	color: #01920b;
	text-decoration: none;
	font-weight: bold;
}

/* Banner */
.banner {
	background: url('./img/bg.gif') repeat-x top;
	height: 201px;
	width: 100%;
}

.girl {
	background: url('./img/girl.jpg') no-repeat left;
	height: 272px;
	width: 100%;
	vertical-align: bottom
}

/* 4 nhom */
.group1 {
	background: url('./img/group1.gif') no-repeat;
	height: 120px;
	width: 185px;
	display: block;
	float: left;
	padding: 10px 0 0 0;
}

.group2 {
	background: url('./img/group2.gif') no-repeat;
	height: 120px;
	width: 185px;
	display: block;
	float: left;
	padding: 10px 0 0 0;
}

.grouptext {
	font: 11.5px verdana;
	color: black;
	width: 155px;
	display: block;
	margin-left: 15px
}

/* object for category */
.cathead {
	background: url('./img/bl1.gif') no-repeat;
	padding: 0 0 0 18px;
	color: #f6310f;
	font-weight: bold;
	margin: 10px 10px 0 0;
	font-size: 14px;
}

.cathead a:link, .cathead a:visited {
	color: #f6310f;
	font-weight: bold;
	font-size: 14px;
	text-decoration: none
}

.cathead a:hover, .cathead a:visited:hover {
	text-decoration: underline
}

.cattext {
	background: url('./img/bl2.gif') no-repeat;
	padding: 0 0 0 18px;
	color: #0268c8;
	margin-top: 5px;
}

.cat {
	width: 235px;
	float: left;
	padding-right: 10px;
}

/* object for recently viewed */
.cathead {
	background: url('./img/bl1.gif') no-repeat;
	padding: 0 0 0 18px;
	color: #f6310f;
	font-weight: bold;
	margin: 10px 10px 0 0;
	font-size: 14px;
}

.cattext {
	background: url('./img/bl2.gif') no-repeat;
	padding: 0 0 0 18px;
	color: #0268c8;
	margin-top: 5px;
}

.recentview {
	width: 230px;
	float: left;
	padding: 0 5px 0 5px;
	text-align: center;
}

/* object for recently article */
.recentarticle {
	float: right;
	width: 60%
}

.news {
	background: url('./img/bl3.gif') no-repeat;
	padding: 0 0 0 18px;
	margin-top: 5px;
	line-height: 18px
}

/* object for mail sign up */
.signup {
	background: url('./img/signup.gif') no-repeat top right;
}

.signuptext {
	line-height: 18px;
	color: #303030;
}

.signuptext b {
	color: #e0007a
}

/* object for ad */
.ad {
	text-align: center;
}

.ad img {
	margin: 10px 0 0 0;
}

/* object for note */
.subhead {
	background: url('./img/bl1.gif') no-repeat;
	padding: 0 0 0 18px;
	color: #f6310f;
	font-weight: bold;
	margin: 10px 10px 0 0;
	font-size: 14px;
	margin: 20px 0 10px 0;
}

.note {
	float: right;
	width: 530px;
}

.notehead {
	background: url('./img/notehead.gif') no-repeat;
	height: 28px;
	width: 531px;
	display: block
}

.notebg {
	background: url('./img/note.gif') repeat-y;
	width: 531px;
	display: block
}

.notebottom {
	background: url('./img/notebottom.gif') no-repeat;
	height: 28px;
	width: 531px;
	display: block;
	margin-bottom: 10px;
}

.notetext {
	margin: 0 20px 0 20px;
	font-size: 11px;
	color: #303030;
	line-height: 18px
}

/* object for footer link */
.footerbg {
	background: url('./img/footer.jpg') no-repeat;
	width: 990px;
	display: block;
	color: #303030;
	line-height: 18px;
	padding-bottom: 15px;
	font-size: 8pt;
}

.footerlink {
	background: #01920b;
	padding: 3px 0 5px 0;
	color: white;
	text-align: center;
	clear: both
}

.footerlink a {
	color: white;
	text-decoration: none;
	margin: 0 10px 0 10px
}

.footerlink a:hover {
	text-decoration: underline
}

.footer {
	background: #dadada;
	padding: 3px 0 5px 0;
	margin: 3px 0 5px 0;
	color: #333333;
	text-align: center
}

.footer1 {
	float: left;
	width: 460px;
	margin: 40px 0 0 20px;
}

.footer2 {
	float: right;
	width: 460px;
	margin: 58px 20px 0 0;
}

/*----------------------------------- Main category ---------------------------------------------*/
	/* object for main category */
.info {
	color: #303030;
	line-height: 18px
}

.url {
	margin: 2px 0 10px 0;
	background-color: whitesmoke;
	padding: 3px 0 4px 10px;
	font-weight: bold;
	font-size: 13px;
	border: solid 1px #F2F2F2;
	border-width: 1px 0 1px 0;
}

.head {
	margin: 30px 0 10px 0;
	color: #f6310f;
	background-color: #ecebeb;
	padding: 3px 0 2px 10px;
	font-weight: bold;
	font-size: 13px;
}

.border1 {
	background: url('./img/b1.jpg') no-repeat;
	width: 705px;
	height: 10px;
	display: block
}

.border2 {
	background: url('./img/b2.jpg') repeat-y;
	width: 705px;
	display: block;
}

.border2text {
	padding: 2px 10px 2px 10px;
}

.border3 {
	background: url('./img/b3.jpg') no-repeat;
	width: 705px;
	height: 10px;
	display: block
}

.gr3 {
	width: 220px;
	display: block;
	float: left;
	padding-left: 5px;
}

.link {
	background: url('./img/bl3.gif') no-repeat;
	padding: 0 0 0 18px;
	color: #0268c8;
	margin: 5px 0 0 10px;
	line-height: 18px
}

.half1 {
	float: left;
	width: 345px;
}

.half2 {
	float: right;
	width: 345px;
}

.border21 {
	background: url('./img/b21.jpg') no-repeat;
	width: 345px;
	height: 8px;
	display: block
}

.border22 {
	background: url('./img/b22.jpg') repeat-y;
	width: 345px;
	display: block;
	padding: 0;
}

.border22text {
	padding: 2px 10px 2px 10px;
}

.border23 {
	background: url('./img/b23.jpg') no-repeat;
	width: 345px;
	height: 8px;
	display: block
}

.onethird1 {
	float: left;
	width: 500px;
}

.onethird2 {
	float: right;
	width: 230px;
}

.border311 {
	background: url('./img/b311.jpg') no-repeat;
	width: 200px;
	height: 8px;
	display: block
}

.border312 {
	background: url('./img/b312.jpg') repeat-y;
	width: 200px;
	display: block;
	padding: 8px 5px 5px 12px;
}

.border313 {
	background: url('./img/b313.jpg') no-repeat;
	width: 200px;
	height: 8px;
	display: block
}

.border321 {
	background: url('./img/b321.jpg') no-repeat;
	width: 530px;
	height: 8px;
	display: block
}

.border322 {
	background: url('./img/b322.jpg') repeat-y;
	width: 530px;
	display: block;
}

.border322text {
	margin: 10px 14px 5px 14px;
}

.border323 {
	background: url('./img/b323.jpg') no-repeat;
	width: 530px;
	height: 8px;
	display: block
}

.product {
	margin: 0 0 10px 0;
	padding: 2px 0 2px 3px;
}

.product a {
	font-weight: bold;
	font-size: 13px;
	text-decoration: none
}

.product a:hover {
	color: #000
}

.imgproduct {
	float: left;
	margin: 5px;
	display: block;
}

.imgproduct_cover, .img_cover {
	margin:5px;
    width:60px;
    height:60px;
    border:1px solid #000;
    background-repeat: no-repeat;
    background-position: center center
}

.imgtext {
	text-align: center;
	padding: 5px 0 0 0;
}

.w120 {
	vertical-align: top
}

.toprated {
	background: url(./img/toprated.png) top left no-repeat;
	width: 70px;
	display: block;
}

.productinfo {
	margin: 6px 4px 0 2px;
	line-height: 15px
}

.productinfo b {
	color: #CC0000;
}

.review {
	margin: 8px 0 0 0;
	padding: 2px 6px 2px 0;
	text-align: right;
	border-bottom: 1px solid gainsboro;
}

.review a {
	text-decoration: none;
	font-size: 11px;
}

.review a:hover {
	color: red;
}

.headerred {
	color: #f6310f;
	font-weight: bold;
	font-size: 13px;
}

/*----------------------------------- Comparision ---------------------------------------------*/
.comhead {
	background-color: #090;
	font-weight: bold;
	color: white;
}

.combg1 {
	background-color: #F3F3F3
}

.combg3 {
	background-color: #F3F3F3
}

.combg2 {
	background-color: #EFEFEF
}

.combg {
	background: #d5d5d5 url(./img/comhead0.gif) bottom repeat-x;
	text-align: center;
	vertical-align: center;
	font-weight: bold;
}

.combg img {
	margin-top: 4px
}

.combg0 {
	background: url(./img/comhead.gif) bottom repeat-x;
	font-weight: bold;
	text-align: left;
}

.combg0white {
	background-color: #ffffff
}

/*
.combg2 {background-color:#e3f1e3} cot doc mau xanh
*/
	/*----------------------------------- Product Review ---------------------------------------------*/
.imgreview {
	float: left;
	margin-right: 8px;
	border: solid 1px gray;
	width: 300px;
	height: 300px;
	display: block;
}

.pr1 {
	background-color: #E0E0E0;
	width: 140px;
	margin-left: 10px;
	font-weight: bold
}

.pr2 {
	background-color: #F3F3F3
}

.comment {
	background: url(./img/comment.png) no-repeat left;
	padding: 2px 0 0 20px;
}

/*----------------------------------- Product Review ---------------------------------------------*/
.opinion {
	background-color: #F3F3F3;
	text-align: right;
	width: 150px;
	padding: 7px 7px 0 0;
}

.opinionhead {
	font-weight: bold;
	font-size: 15pt;
	color: #01920b
}

.opinionhr {
	margin: 8px 0 0 0;
	padding: 3px 2px 2px 0;
	text-align: right;
	border-top: 1px solid gainsboro;
}

/*----------------------------------- Article ---------------------------------------------*/
.article {
	line-height: 20px;
	margin: 20px 10px 10px 10px;
}

.article div {
	clear: both
}

.articleimg {
	float: left;
	margin-right: 10px;
	text-align: center;
	font-style: italic
}

.articleimg img {
	border: solid 1px gray
}

/* Thuan */ /* 4 nhom */
.gh {
	margin-left: 15px;
	margin-right: 15px;
	width: 154px;
	height: 38px;
	color: #fff;
	font-weight: 700;
	font-size: 13px
}

.group1 {
	background: url('./img/group1.gif') no-repeat;
	height: 120px;
	width: 185px;
	display: block;
	float: left;
	padding: 10px 0 0 0;
}

.group2 {
	background: url('./img/group2.gif') no-repeat;
	height: 120px;
	width: 185px;
	display: block;
	float: left;
	padding: 10px 0 0 0;
}

.grouptext {
	font: 11.5px tahoma;
	color: black;
	width: 155px;
	display: block;
	margin-left: 15px
}

.disclaimer {
	background-color: #dfdfdf;
	padding: 10px 20px 10px 20px;
	font-size: 11px;
	border-top: #98A09C 1px solid
}

.product-image {
	margin: 6px;
	padding: 2px;
	border: 1px solid #dfdfdf
}

label {
    display:block;
    font-weight:bold;
    margin: 7px 0;
}
.cmtform {
    margin: 10px 15px; 
    padding: 10px;
    border: 1px solid #E5F0FB; 
    background: #F4F8FD;
}
.cmtform input {
    padding:3px;
    border: 1px solid #E5F0FB; 
    font: normal 1em Verdana, sans-serif;
    color:#777; 
}
.cmtform textarea {
    width:400px;
    padding:3px;
    font: normal 1em Verdana, sans-serif;
    border: 1px solid #E5F0FB; 
    height:100px;
    display:block;
    color:#777;
}
.cmtform input.button { 
    font: bold 12px Arial, Sans-serif; 
    height: 28px;
    margin: 0;
    padding: 2px 3px; 
    color: #fff;
    background: #306bc1 url(images/button-bg.jpg) repeat-x 0 0; 
    border: 1px solid #306bc1;
}

.product-review, .article-comment {
    margin: 10px 15px;
    padding: 10px;
    border: 1px solid #E5F0FB;
    background: #F4F8FD;
}

form {
	margin: 0;
	padding: 0	
}

.pagination {
    text-align: right;
}

.pagination a {
    padding: 1px;
    border: 1px solid #E5F0FB;
    background-color: #F4F8FD;
    height: 16px;
}

.pagination a.current {
    border-color: #000;
}

.comparision {background-color:#000}
.comparision tr, .comparision td {background-color:#fff}

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

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