body{
margin-top: 10px;
margin-bottom: 30px;
font-family: Tahoma, Verdana, Arial;
font-size: 12px;
font-weight: 150%;
background: #fbf5f2;
text-align: left;
}
#qroot{
width: 780px;
}
a:link, a:visited {
text-decoration: none;
color: #000;
}
a:hover{
color: red;
}
#qbanner{
float: left;
margin: 0px;
width: 778px;
border: 1px solid #e2a18b!important;
border: 0px;
}
#qmenu{
float: left;
margin-top: 1px;
width: 778px;
height: 30px;
border: 1px solid #e2a18b;
background: #f1d1c6 url(../img/menu_top.png) repeat-x center center;
text-align: left;
}
#qmenu_top{
float: left;
}
.qmenu:link, .qmenu:visited{
float: left;
padding: 7px 8px;
font-family: Arial, Verdana;
font-size: 13px;
font-weight: bold;
color: #000;
border-left: 1px solid #fcf4f2;
border-right: 1px solid #e6ad9a;
}
.qmenu:hover{
background: #f1d1c6 url(../img/menu_hover.png) repeat-x center center;
}
#qsearch{
float: right;
width: 190px;
height: 20px;
margin: 3px 5px;
border: 1px solid #e2a18b;
background: #f7e8e1;
padding: 1px;
}
#qsearch:hover{
border: 1px solid #ffc704;
background: #ffeeb3;
}
.qsearch_input{
float: left;
border: 0px;
background: transparent;
width: 135px;
height: 16px;
}
#loading_img{
background: url(../img/loading_search.gif) no-repeat center center;
background: url(../img/tip.gif) no-repeat center center;
}
#qsearch_submit{
float: right;
}
#qbody{
float: left;
margin-top: 5px;
text-align: left;
}
.qcategory{
border: 1px solid #eab600;
background: #ffeeb3;
}
.qcategory_title{
float: left;
width: 220px;
height: 30px;
background: #f1d1c6 url(../img/category.png) repeat-x center bottom;
}
.qcategory_title_content{
float: left;
padding: 5px 10px;
text-align: center;
font-size: 13px;
font-weight: bold;
}
.qcategory_title_reload{
float: right;
width: 15px;
padding: 5px 10px;
}
#qcategory_menu{
float: left;
}
.category_menu{
display: block;
width: 198px;
font-weight: bold;
padding: 4px 10px;
text-align: left;
border-top: 1px solid #fffcf0;
border-bottom: 1px solid #ffc704;
color: #000000;
}
.category_menu:hover{
display: block;
width: 198px;
background: #ffe791;
}
.qdisplay{
background: #fbf5f2;
border: 1px solid #f1d1c6;
}
#qcontent{
float: left;
padding: 10px;
}
#qcontent_title{
font-size: 14px;
font-weight: bold;
border-bottom: 1px solid #f1d1c6;
padding: 6px 10px;
background: #f7e8e1;
}
/****************************************************
dinh dang chung
****************************************************/
p{
float: left;
margin: 2px 0px;
width: 98%;
}
label {
	width: 120px; 
	padding: 0px 5px 0px 0px;
	float: left;
	text-align: right;
}
fieldset {
	float: left;
	border: 1px solid #ffcece;
	margin: 10px;
	padding: 3px;
	background: #ffffff;
	-moz-border-radius: 6px;
	width: 95%!important;
	width: 90%;
}
legend{
font-weight: bolder;
}


div#qbottom{
float: left;
background: #996c4f;
width: 780px;
margin-top: 5px;
margin-bottom: 10px;
}
#qbottom_content{
padding: 5px 10px;
color: #fff;
}
#menu_bottom a:link{
color: #fff;
}
#menu_bottom a:visited{
color: #f7e8e1;
}
#menu_bottom a:hover{
font-weight: bold;
}
b.rtop, b.rbottom{display:block;background: #FFF}
b.rtop b, b.rbottom b{display:block;height: 1px;
   overflow: hidden; background: #996c4f}
b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px}

/***************************
product
**************************/
#qproduct{
float: left;
width: 100%;
margin-bottom: 5px;
}
#qproduct_img{
float: left;
padding: 5px;
}
#qproduct_ct{
float: right;
width: 350px;
}
#qproduct_title{
float: left;
font-size: 14px;
font-weight: bold;
width: 100%;
padding: 2px 5px;
}
#qproduct_content{
float: left;
width: 95%;
padding: 10px;
background: #fdf9f7;
border-top: 1px solid #f1d1c6;
border-bottom: 1px solid #f1d1c6;
margin-bottom: 5px;
}
#qcat_name{
float: left;
}
#qcart_shopping{
float: right;
width: 250px;
padding-right: 30px;
text-align: right;
font-size: 11px;

}
.addtocart{
float: left;
margin: 2px;
border: 1px solid #f1d1c6;
padding: 4px 10px;
background: #f1d1c6;
font-weight: bold;
}
.shopcart{
background: url(../img/shop.png) no-repeat right center;
}
#qhome_category{
margin: 5px;
float: left;
width: auto;
}
#qhome_category_content{
padding: 5px;
float: left;
margin: 5px;
width: 150px;
height: 150px;
border: 1px solid #d0eca6;
background: #f2fae7;
text-align: center;
}
#qhome_img{
float: left;
margin: 5px!important;
margin: 4px;
}
#qproduct_more{
margin: 5px;
float: left;
width: 95%;
}
.product_more{
padding: 4px;
float: left;
margin: 5px;
width: 110px;
height: 90px;
border: 1px solid #f1d1c6;
background: #ffecec;
text-align: center;
font-size: 11px;
text-transform: lowercase;
opacity:0.7;
filter:alpha(opacity:70);
}
.product_more:hover{
opacity:1;
filter:alpha(opacity:100);
}
.qback{
float: right;
margin: 4px;
padding: 3px 10px 3px 20px;
color: #000;
opacity:0.7;
filter:alpha(opacity:70);
background: #faf1ed url(../img/back.png) no-repeat left center;
border: 1px solid #e6ad9a;
}
.qback:hover{
opacity:1;
filter:alpha(opacity:100);
}
.qerror{
z-index: 9999;
float: right;
position: relative;
width: 140px;
}

/***************************
thumb
**************************/
.highslide {
	cursor: url(../js/highslide/graphics/zoomin.cur), pointer;
    outline: none;

}
.highslide-active-anchor img {
	visibility: hidden;
}
.highslide img {
	border: 2px solid gray;
}
.highslide:hover img {
	border: 2px solid white;
}

.highslide-wrapper {
	background: white;
}
.highslide-image {
    border: 2px solid white;
}
.highslide-image-blur {
}
.highslide-caption {
    display: none;
    border: 2px solid white;
    border-top: none;
    font-family: Verdana, Helvetica;
    font-size: 10pt;
    padding: 5px;
    background-color: white;
}
.highslide-loading {
    display: block;
	color: black;
	font-size: 8pt;
	font-family: sans-serif;
	font-weight: bold;
    text-decoration: none;
	padding: 2px;
	border: 1px solid black;
    background-color: white;
    padding-left: 22px;
    background-image: url(../js/highslide/graphics/loader.white.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
}
a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}

.highslide-move {
    cursor: move;
}
a.highslide-full-expand {
	background: url(../js/highslide/graphics/fullexpand.gif) no-repeat;
	display: block;
	margin: 0 10px 10px 0;
	width: 34px;
	height: 34px;
}

/* These must always be last */
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}

/* These are not Highslide core CSS rules, but define the styles of the caption. */
.control {
	float: right;
    display: block;
    position: relative;
	margin: 0 5px;
	font-size: 9pt;
    font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
    margin-top: 1px;
    margin-bottom: 1px;
}
.control:hover {
    border-top: 1px solid #333;
    border-bottom: 1px solid #333;
    margin-top: 0;
    margin-bottom: 0;
}
.control, .control * {
	color: #666;
}
/****************/
.highslide-html {
    background-color: white;
}
.highslide-html-blur {
}
.highslide-html-content {
	position: absolute;
    display: none;
}
.highslide-loading {
    display: block;
	color: black;
	font-size: 8pt;
	font-family: sans-serif;
	font-weight: bold;
    text-decoration: none;
	padding: 2px;
	border: 1px solid black;
    background-color: white;
    padding-left: 22px;
    background-image: url(../js/highslide/graphics/loader.white.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
}
a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}


/* Styles for the popup */
.highslide-wrapper {
	background-color: white;
}
.highslide-wrapper .highslide-html-content {
    width: 550px;
    padding: 5px;
}
.highslide-wrapper .highslide-header div {
}
.highslide-wrapper .highslide-header ul {
	margin: 0;
	padding: 0;
	text-align: right;
}
.highslide-wrapper .highslide-header ul li {
	display: inline;
	padding-left: 1em;
}
.highslide-wrapper .highslide-header ul li.highslide-previous, .highslide-wrapper .highslide-header ul li.highslide-next {
	display: none;
}
.highslide-wrapper .highslide-header a {
	font-weight: bold;
	color: gray;
	text-transform: uppercase;
	text-decoration: none;
}
.highslide-wrapper .highslide-header a:hover {
	color: black;
}
.highslide-wrapper .highslide-header .highslide-move a {
	cursor: move;
}
.highslide-wrapper .highslide-footer {
	height: 11px;
}
.highslide-wrapper .highslide-footer .highslide-resize {
	float: right;
	height: 11px;
	width: 11px;
	background: url(../js/highslide/graphics/resize.gif);
}
.highslide-wrapper .highslide-body {
}
.highslide-move {
    cursor: move;
}
.highslide-resize {
    cursor: nw-resize;
}

/* These must be the last of the Highslide rules */
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}
.highslide-dimming {
	background-color: black;
}