* {margin:0; padding:0;}
body
{
	font-family:"Times New Roman", Times, serif;
	font-size:15px;
	background-color:#390124;
	color:#FFFFFF;
	text-align:justify;
}
ul {list-style-type:none;margin:0; padding:0; }
a {text-decoration:none;color:#f2c479;}
a:hover {text-decoration:underline;}
img, div { behavior: url(../images/iepngfix.htc) }
a img { border:none;}
h2 {text-transform:uppercase; font-size:16px; margin-bottom:15px; color:#ECDCBB; text-align:left; padding-left:5px;}
.noibat {padding-top:15px; color:#f2c479;  font-size:19px; font-weight:normal; font-style:italic; text-transform:none;}

h3 {font-size:15px; font-weight:bold;}
#wrap {width:950px; margin:0 auto;}
#top, #middle {width:950px; float:left; background:#8D5F86; position:relative;}
#top {background:url(../images/bgtop.jpg) top repeat-x; height:92px;}
#top .logo { width:246px; float:left;height:92px; }
#top .middletop {background:url(../images/bg-top.jpg) repeat-x;float:left; width:262px;height:92px;}
#top .flash {float:right; width:442px; }
#menu {height:36px;clear:both;}

#flash-banner {clear:both;}
/*------------------------------MIDDLE----------------------------------*/
#left-col{Width:685px; float:left;background-color:#542944;}

#left-col .bg1 {background:url(../images/images.jpg) right top no-repeat; width:349px; height:53px; float:right;}
#left-col .bg2 {width:290px; background:url(../images/bg.jpg) repeat-x; height:42px; float:left; padding:11px 0 0 46px;}
#left-col .bg3 {background:url(../images/bg-under.jpg) left top no-repeat; width:381px; height:28px; clear:both;}
#left-col .bg3-detail {background:url(../images/bg-un.jpg) left top no-repeat; width:315px; height:70px; clear:both; padding:65px 0 0 67px; }
.bg3-detail li {margin-bottom:7px;}
.divmenu {margin-top:-80px; z-index:40; position:absolute; left:0; width:185px;}
#right-col{width:265px; float:left; background: url(../images/bg-right-col.jpg) right top no-repeat;padding-top:53px;}
/*---------------------------MENU-----------------------*/
#menu-left {float:left; width:185px;  background-color:#542944; text-align:center; margin-top:-90px; min-height:100px; height:auto !important; height:100px;}
#menu-left li {  margin-bottom:7px; margin-left:7px; padding:3px 0 0 33px; background:url(../images/bg_li_menu.jpg) no-repeat; height:22px; text-align:left;}
#menu-left a:link, #menu-left a:hover, #menu-left a:visited, .bg3-detail a:link, .bg3-detail a:hover, .bg3-detail a:visited {color:#ffffff; text-decoration:none; cursor:pointer; }
/*------------SEARCH------------------------*/
#search {clear:both; margin:15px 19px 10px 19px;background:url(../images/bg-search.jpg) no-repeat; height:41px; text-align:center; padding-top:8px;}
#search input {height:21px; border:#CCCCCC 1px solid; vertical-align:middle;}
#search img {vertical-align:middle;}

/*----------------------BOTTOM--------------------------------*/
#bottom {clear:both;background-color:#66214D; height:58px; text-align:right; padding:7px 7px 5px 7px;  color:#ECDCBB;}

/*----------------------CONTENT HOME PAGE-------------------------*/
#content-home {clear:both; padding:30px 50px 30px 50px;background-color:#8D5F86;}
#content-home li {border-bottom:#CCCCCC 1px dashed; padding:7px 0 7px 0;}
#content-home li.last {border-bottom:#CCCCCC 0px dashed;}
#content-home li a {color:#f2c479; font-style:italic; font-size:21px; }
.home-html {margin-left:167px; padding-top:15px; color:#FFFFFF; font-size:16px; line-height:20px;}
/*---------------------CONTENT---------------------------*/
#content-panel {margin-left:185px; margin-right:-25px; margin-top:-100px; background-color:#8D5F86; min-height:670px; height:auto !important; height:670px;}
.content {margin-left:15px; padding-bottom:20px;}
.content-inner {padding:0 25px 0 10px;}
.content ol {margin-left:20px;}
.content ol li {margin-bottom:3px;}
.content h3 {font-size:18px; font-weight:bold; margin-bottom:10px; margin-top:10px;}
.content ul {margin-left:8px;} 
.content li {margin-bottom:3px;}

/*--------------------------SCROLL BAR---------------------------------------------*/
div.scrollholder
{
    position: relative;
    width: 495px; 
    height:508px;
    overflow: auto;
    z-index: 1;
}
div.scroll
{
    position: absolute;
    left: 0; top: 0;
    z-index: 2;
	width: 495px; 
}
/* <Scroll> */
div.track
{
    position: relative;
    float:right;
    top: 0; 
    width: 11px; height: 100%;
    font-size: 0;
    z-index: 3;
    background: #813C69;
}
div.drag_bar
{
    position: absolute;
    width: 100%; height: 14px;
    cursor: pointer;
    z-index: 4;
    background:url(../images/scroll-bar.png) repeat-y;
} 
/*-------------------------PRODUCT-------------------------------------------*/
.product-item {padding:10px 0 10px 10px; border:#cccccc 1px dashed; width: 480px;margin-right:0px;  }

.div-img {width:150px; padding-right:20px;}
.div-img img {width:150px; height:150px; border:none;}
.div-info {margin-left:180px; height:150px;}
.div-info li {margin-bottom:15px;}
.div-info a {color:#ECDCBB; }
.td-border {margin-bottom:10px; border-bottom:#cccccc 1px dashed; padding:8px; padding-right:30px;}
.td-border1 {margin-bottom:10px; border-bottom:#cccccc 1px dashed;}

.product-item-detail {padding:10px 0 10px 0; float:left;width: 460px; margin-top:-65px;}
.div-img-detail {width:200px; float:left;}
.div-img-detail img {width:200px; height:200px; border:none;}
.div-info-detail {margin-left:240px; height:200px;}
.div-info-detail li {margin-bottom:15px;}
.info-detail{clear:both; padding:10px 5px 10px 0px;}
.grid td, .grid th {padding-left:7px; padding-right:7px;}
.name-cart {padding-top:10px;}
.grid .pricecart {width:30px; padding-top:10px;}
.txt-quantity {border:#cccccc 1px solid; text-align:center;}
.remove-item {color:#ECDCBB; text-decoration:none;}
.total-price {text-align:right;}
.footer-cart {font-weight:bold;}

/*-------Log In Form--------*/
.login { padding:40px 0 0 80px;}
div.loginwrapper{ 
overflow: hidden;
padding: 5px 0;
}
div.loginwrapper label.styled{ 
float: left;
width: 70px; 
margin-right: 5px;
}
div.textbox input {border:#999999 1px solid; padding:2px; width:180px;}
.sub-item {margin-top:15px;}
.sub-item ul {margin-left:20px;  list-style-type:circle;}
.sub-item li {margin-bottom:7px;}
.sub-item a {color:#ECDCBB; text-decoration:underline;}


div.fieldwrapper{ 
overflow: hidden;
padding: 5px 0;
}
div.fieldwrapper label.styled{ 
float: left;
width: 100px; 
margin-right: 5px;
}

div.thefield input {border:#999999 1px solid; padding:2px; width:240px;}
.buttom-login {padding:5px 0 0 75px;}
.register-here {padding-top:10px;}
.register-here a {color:#ECDCBB; font-weight:bold; text-decoration:underline;}
/*Edit Info*/

div.paymentwrapper{ 
overflow: hidden;
padding: 5px 0;
}
div.paymentwrapper label.styled{ 
float: left;
width: 130px; 
margin-right: 5px;
}
div.paymentwrapper input, div.paymentwrapper select {border:#999999 1px solid; padding:2px; width:200px;}
div.paymentwrapper input.address {width:250px;}
.table-product {border:#ECDCBB 1px solid; border-right:0px; border-bottom:0px;}
.table-product td {border-right:#ECDCBB 1px solid; border-bottom:#ECDCBB 1px solid; text-align:center; height:27px;}
td.header {font-weight:bold;}
td.total {text-align:right; padding-right:5px;}

/*MIDDLE */

#search-module {clear:both; margin:-5px 10px 0px 10px;background:url(../images/bg-search.jpg) no-repeat; height:41px; text-align:center; padding-top:8px; } 
#search-module input {height:21px; border:#CCCCCC 1px solid; vertical-align:middle;}
input.buttomimg {vertical-align:middle; }

#right-col-module{width:235px; float:left; background: url(../images/bg-right-col.jpg) right top no-repeat;padding-top:53px; text-align:right; height:53px; padding-left:30px;}

#ad {float:right; padding-right:10px; width:230px; background-color:#8D5F86;}
#ad img {width:215px;}
#ad span {display:block; padding-bottom:5px;}
/*MIENG VA*/
.bgva {float:right; margin-top:-135px; height:35px; width:310px; background-color:#8D5F86;}
.bgvahome{float:right; margin-top:-30px; height:30px; width:310px; background-color:#8D5F86;}

#counter {clear:both; margin:0px 19px 10px 19px; text-align:left; height:41px; background-color:#66214D;  padding-top:8px; padding-bottom:8px; font-weight:bold; color:#ECDCBB; padding-left:15px;}
#paging a{cursor:pointer;}

#content-view-bill {background-color:#ffffff; color:#15428B; min-height:400px; height:auto !important; height:400px; }
#content-view-bill h2 {color:#15428B;}
.table-bill {border:#A5A4CC 1px solid; border-right:0px; border-bottom:0px;}
.table-bill td {border-right:#A5A4CC 1px solid; border-bottom:#A5A4CC 1px solid; text-align:center; height:27px;}
/*RANDOM ANH*/
#slide_1 img {position:absolute;right:0px;top:0px; z-index:1;}
#slide_2 img {position:absolute;right:0px;top:0px; z-index:1;}
#support-online { margin:25px 15px 20px 10px; text-align:left; font-weight:bold; font-size:16px; text-transform:uppercase; color:#ECDCBB;}

.online span {display:block; margin-bottom:7px; }
.slogan-home {border:#cccccc 1px dashed; padding:20px 8px 20px 8px;  color:#ffffff; text-align:justify; font-style:italic; font-size:17px; float:right; width:190px; margin:0 0 5px 15px; background-color:#602769;}
.help-use {padding:5px; width:470px; margin-top:15px; border:#cccccc 1px dashed;}

/*NEWS*/
.news-item {padding:10px 25px 10px 10px; float:left; border-bottom:#cccccc 1px dashed;}
.title {clear:both;}
.title a {font-size:17px;}
.img-desc {float:left; width:470px; margin-top:10px;}
.left-img {width:100px; float:left;}
.right-desc {margin-left:110px;}
.paging-news {padding:8px 0px 0 0; text-align:center; clear:both; text-align:center;}
.paging-news a {cursor:pointer;}