img {
     cursor: pointer;
}

.bgheaderdot {
     background-image: url(images/bgheader-dot.gif);
     background-repeat: repeat-x;
     font-weight: bold;
     text-transform: uppercase;
     color: #5f3933;
     overflow: visible;
     padding: 5px 0 0;
     width: 100%;
     height: 24px;
}

#tableproductfamily table {
     font-size: 100%;
     width: 100%;
     border: 1px solid #fec4da;
     border-collapse: collapse;
}

#tableproductfamily tr {
     border-bottom: 1px solid #ccc;
}

#tableproductfamily th, #tableproductfamily td {
     padding: 5px 10px;
     font-size: 100%;
     border: 1px solid #fec4da;
}

.headertableproductvariant, #tableproductfamily thead tr td {
     font-weight: bold;
     border: 1px solid #fec4da;
     border-collapse: collapse;
     background-image: url(images/bgheadertop.gif);
     background-repeat: repeat-x;
     color: #5f3933;
}

.bgheadertop {
     background-position: left top;
     background-image: url(images/bgheader.gif);
     background-repeat: repeat-x;
     font-weight: bold;
     text-transform: uppercase;
     color: #5f3933;
     overflow: visible;
     height: 30px;
     vertical-align: middle;
     padding-top: 3px;
}

.bgheader {
     background-position: left bottom;
     background-image: url(images/bgheader.gif);
     background-repeat: repeat-x;
     font-weight: bold;
     text-transform: uppercase;
     color: #5f3933;
     overflow: visible;
     padding-top: 10px;
     width: 100%;
}

.bgbottom {
     background-position: left bottom;
     background-image: url(images/bgheader.gif);
     background-repeat: repeat-x;
     width: 100%;
     margin-top: -2px;
     z-index: 100;
     background-color: #FFF;
     height: 25px;
}

.titlebg {
     padding-left: 5px;
     padding-top: 5px;
}

.bgpager {
     background-position: center center;
     /*background-image: url(images/bgpager.gif);*/
     background-repeat: repeat-x;
     width: 99%;
     text-align: right;
     background-color: #FFF;
     font-size: 100%;
     float: left;
     
}

.contentpager {
     float: right;
     background-color: #FFF;
     padding-bottom:5px;
}

.search {
     border: 1px solid #fec4da;
     height: 15px;
}

a.menuLink:link, a.menuheader:link, .menuLink {
     color: #FFF;
     font-style: normal;
     cursor: pointer;
     font-weight: bold;
}

a.menuLink:visited, a.menuheader:visited {
     font-weight: bold;
     color: #FFF;
}

a.menuLink:active, a.menuheader:active {
     color: #5f3933;
     font-weight: normal;
}

a.menuLink:hover, a.menuheader:hover {
     color: #5f3933;
     text-decoration: none;
     font-weight: bold;
}

.fetureproduct {
     width: 33.2%;
     display: inline;
     height: 170px;
     font-family: Tahoma,Verdana;
     color: #5f3933;
     padding-top: 10px;
     font-size: 90%;
     float: left;
     z-index: -1;
     border-bottom: 1px dotted #892b2b;
}

.manufacturer, .shortdescription {
     font-family: Tahoma,verdana,Arial;
     color: #5f3933;
}

.manufacturer a:hover span {
     font-family: Tahoma,verdana,Arial;
     color: #Fe0000;
}

.saleOff {
     font-family: Tahoma,verdana,Arial;
     color: #909;
     font-weight: bold;
}

.productprice {
     color: #900;
     text-align: left;
}

.productnamebig {
     color: #5f3933;
     font-weight: bold;
     font-size: 120%;
     text-transform: capitalize;
}

.productname, .manufacturername {
     color: #5f3933;
     font-weight: bold;
     text-transform: capitalize;
     cursor: pointer;
     line-height: 15px;
}

.divlistproduct1col {
     padding-bottom: 25px;
     background-image: url(images/bgheader.gif);
     background-position: left bottom;
     background-repeat: repeat-x;
     z-index: 99;
}

.listproduct1col {
     font-family: Tahoma,Verdana;
     height: 110px;
     font-size: 90%;
     color: #5f3933;
     border-bottom: 1px dotted #fec4da;
}

.listproduct2col {
     width: 24.8%;
     *width: 23.8%;
     height: 170px;
     font-size: 90%;
     font-family: Tahoma,Verdana;
     color: #5f3933;
     display: inline;
     float: left;
     line-height: 15px;
     border-bottom: 1px solid #fec4da;
     padding: 10px 0;
}

.titlecategory {
     text-align: left;
     padding: 4px 10px;
     width: 90%;
     color: #5f3933;
     font-weight: bold;
}

div.pager {
     text-align: left;
}

ul.pager {
     margin: 0;
     padding: 0;
     list-style: none;
     text-align: left;
     white-space: nowrap;
}

ul.pager li {
     margin: 0;
     padding: 0;
     list-style: none;
     display: inline;
}

a.pager:link {
     text-decoration: none;
     font-family: Tahoma,verdana,arial;
     font-weight: normal;
     color: #5f3933;
     font-style: normal;
     padding: 0;
}

a.pager:active {
     text-decoration: underline;
     color: #900;
     font-family: Tahoma,verdana,arial;
     font-style: normal;
     font-weight: bold;
}

a.pager:hover {
     text-decoration: none;
     color: #900;
     font-family: Tahoma,verdana,arial;
     font-style: normal;
}

#treecat li {
     list-style: none;
     text-align: left;
     background-color: #FFF;
     line-height: 20px;
     list-style-image: url(images/arrow.gif);
     list-style-position: outside;
}

#treecat li a:hover {
     font-weight: normal;
     color: #5f3933;
     background: #fff;
     padding: .2em 5px;
}

#treecat li a {
     display: block;
     padding: .2em 5px;
     color: #5f3933;
     text-decoration: none;
}

.listmanufacturer {
     border: 2px solid #fcd0e1;
}

.titlemanufacturer {
     font-weight: bold;
     padding-left: 5px;
}

.navlist, #treecat {
     color: #5f3933;
     padding-top: 5px;
     font: normal 90% Tahoma,Verdana, sans-serif;
}

.navlist li {
     list-style: none;
     text-align: left;
     background-color: #FFF;
     line-height: 20px;
     list-style-image: url(images/arrow.gif);
     list-style-position: outside;
     color: #5f3933;
}

.navlist li a .curent {
     display: block;
     padding: .2em 0 .2em 5px;
     text-decoration: none;
     color: #d26B96;
}

.navlist li a {
     display: block;
     padding: .2em 0 .2em 5px;
     color: #5f3933;
     text-decoration: none;
}

.navlist li a:hover {
     font-weight: normal;
     padding: .2em 0 .2em 5px;
     background: #fff;
     color: #d26B96;
}

.navlist li a:visited, .navlist li a:link, #treecat li a:visited, #treecat li a:link {
     color: #5f3933;
}

#khunglistproduct {
     background-image: url(images/1.gif);
     padding: 4px 0 0;
     background-repeat: repeat-x;
     background-color: Transparent;
     width: 99%;
     overflow: hidden;
     border-left: 1px dotted #fec4da;
     border-right: 1px dotted #fec4da;
}

.tabs8 {
     float: left;
     width: 200px;
     background: #FFF;
     line-height: 20px;
     border-top: 1px dotted #c86d7e;
     border-left: 1px dotted #c86d7e;
     overflow: visible;
     text-align: left;
     height: 20px;
}

.tabs8 li {
     display: inline;
     padding-left: 0;
}

.tabs8 a {
     float: left;
     background: url(images/bgheadertop.gif) repeat-x;
     text-decoration: none;
     *width: 31.3%;
     width: 32% ! important;
     border-bottom: 1px dotted #c86d7e;
     border-left: 1px dotted #c86d7e;
     border-right: 1px dotted #c86d7e;
     font-weight: bold;
     text-align: center;
}

.tabs8 a span {
     display: block;
     background: url(images/bgheadertop.gif) repeat-x;
     color: #5f3933;
     width: 100%;
     cursor: pointer;
     float: none;
}

.tabs8 a:hover {
     background-position: 0 -42px;
     border-bottom-color: #FFF;
}

.tabs8 a:hover span {
     color: #C7377D;
     background-position: 100% -42px;
}

#advtabcontent {
     position: relative;
     text-align: center;
     width: 99.6%;
     height: 210px;
     border-left: 1px dotted #c57180;
     border-right: 1px dotted #c57180;
     border-bottom: 1px dotted #c57180;
}

#khungqcproduct {
     width: 96%;
     overflow: visible;
     margin: 0 auto;
     text-align: center;
     float: left;
}

.show {
     height: 190px;
     overflow: hidden;
     z-index: 10;
     width: 99.5%;
}

.advertproduct {
     font-size: 90%;
     width: 127px;
     height: 170px;
     font-family: Tahoma,Verdana;
     color: #5f3933;
     line-height: 15px;
     padding: 5px 0;
     text-align: left;
     margin-right: 0;
}

#tabsD {
     float: left;
     background: #FFF;
     line-height: 15px;
     width: 100%;
     clear: both;
}

#tabsD ul {
     margin: 0;
     list-style: none;
}

#tabsD a {
     float: left;
     background: url("images/tableftD.gif") no-repeat left top;
     margin: 0;
     padding: 0 0 0 4px;
     text-decoration: none;
     height: 27px;
     width: 32.5%;
     cursor: pointer;
     text-align: center;
     font-weight: bold;
}

#tabsD a span {
     display: block;
     background: url("images/tabrightD.gif") no-repeat right top;
     padding: 5px 15px 4px 6px;
     color: #5f3933;
     height: 18px;
     float: none;
}

#tabsD #current a, #tabsD a:hover {
     background-position: 0 -42px;
     border: none;
}

#tabsD #current a span, #tabsD a:hover span {
     background-position: 100% -42px;
     color: #C7377D;
     border: none;
}

.tabscategory {
     float: left;
     width: 510px;
     line-height: 15px;
     overflow: visible;
     background: url(images/bgheadertop.gif) repeat-x;
     text-align: center;
}

.tabscategory ul {
     margin: 0;
     padding: 0;
     list-style: none;
     background: url(images/bgheadertop.gif) repeat-x;
}

.tabscategory a {
     float: left;
     background: url(images/bgheadertop.gif) repeat-x;
     text-decoration: none;
     width: 169px;
     border-bottom: 1px dotted #c86d7e;
     border-right: 1px dotted #c86d7e;
     font-weight: bold;
}

.tabscategory a span {
     display: block;
     background: url(images/bgheadertop.gif) repeat-x;
     padding: 5px 13px 4px;
     color: #333;
     float: none;
}

.tabscategory a:hover {
     border-bottom-color: #FFF;
}

.tabscategory a:hover span {
     color: #900;
}

.current a {
     background-position: 0 -42px;
     border-right: 1px dotted #c86d7e;
     border-left: 1px dotted #c86d7e;
     border-bottom-color: #FFF;
     border-right-color: #FFF;
     border-left-color: #FFF;
     color: #900;
     background-color: #FFF;
}

.current a span {
     color: #900;
     border-bottom-color: #FFF;
     border-right-color: #FFF;
     border-left-color: #FFF;
     background-color: #FFF;
}

.jqmWindow {
     display: none;
     position: fixed;
     top: 17%;
     left: 50%;
     margin-left: -300px;
     width: 600px;
     background-color: #EEE;
     color: #333;
     border: 1px solid black;
     padding: 12px;
}

.jqmOverlay {
     background-color: #333;
}

* iframe.jqm {
     position: absolute;
     top: 0;
     left: 0;
     z-index: 100;
     width: expression(this.parentNode.offsetWidth+'px');
     height: expression(this.parentNode.offsetHeight+'px');
}

* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

.widget {
     clear: both;
     float: left;
     overflow: hidden;
     text-align: center;
     margin: 0 auto;
}

.widgetmenu {
     background: #efefe;
     border-bottom: 1px solid #A1A1A1;
     font-weight: normal;
     z-index: 99;
     width: 90%;
     color: #900;
}

.widgetmenu ul, .widgetmenu ul li, .tabs8 ul {
     list-style: none;
     margin: 0;
     padding: 0;
}

.widgetmenu ul {
     padding: 2px 0;
     text-align: center;
}

.widgetmenu ul li, .tabscategory li, #tabsD li {
     display: inline;
}

.widgetmenu ul li a {
     color: #900;
     text-decoration: none;
     padding: 2px 0;
}

.widgetmenu ul li span {
     padding: 2px 7px 2px 3px;
     margin: 2px 0 2px 4px;
}

.widgetmenu ul li a:hover span {
     text-decoration: underline;
}

ul#footerlist {
     margin: 0;
     padding: 0;
     list-style-type: none;
     white-space: nowrap;
     width: 100%;
     overflow: hidden;
}

ul#footerlist li {
     float: left;
     margin: 0;
     padding: 5px 0px 4px 4px;
     *padding: 5px 5px 4px 4px;
     background-color: #fec4da;
     border-top: 1px solid #e0ede9;
     border-bottom: 1px solid #e0ede9;
     font: normal 100% Tahoma,arial, sans-serif;
}

#footerlist a, #footerlist a:link {
     margin: 0;
     padding: 5px 35px 4px;
     color: #5f3933;
     border-right: 1px dashed #d1e3db;
     text-decoration: none;
     font-weight: normal;
}

ul#footerlist li#active {
     color: #900;
     font-weight: normal;
}

#footerlist a:hover {
     color: #900;
     text-decoration: none;
     font-weight: normal;
}

.gallerycontainer {
     margin: 4px;
     width: 100%;
}

#div_alphabet {
     float: left;
     width: 100%;
     overflow: hidden;
     padding: 10px;
     *padding: 5px 7px;
}

.ABC {
     margin: 0;
     padding: 0;
     height: 20px;
}

.ABC ul {
     border: 0;
     margin: 0;
     padding: 0;
     list-style-type: none;
     text-align: center;
}

.ABC ul li {
     display: block;
     float: left;
     text-align: center;
     padding: 0;
     margin: 0;
     background-image: url(images/bgABC_on.png);
     background-repeat: no-repeat;
}

.ABC ul li a {
     background: transparent;
     width: 20px;
     height: 20px;
     padding-top: 0;
     margin: 0;
     color: #5f3933;
     text-decoration: none;
     display: block;
     text-align: center;
     font: normal 11px "Tahomoa","Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
}

.ABC ul li a:hover {
     background-image: url(images/bgABC_off.png);
     background-repeat: no-repeat;
}

.ABC a:active {
     background: #ffa4d5;
     color: #fff;
     height: 19px;
     font-weight: bold;
}

.ABC li#active a {
     background: #F9F;
     color: #fff;
     height: 19px;
     font-weight: bold;
}