/* CSS Document */
body{ margin:0 auto; background: url(../template/bgr_page.jpg) repeat-x #424242; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF}
#banner{ width:980px; height:117px; margin:0 auto;}
#banner p{ margin:0}
#menu{ width:980px; height:40px; margin:0 auto; background:url(../template/bg_menu.jpg) no-repeat}
#menu ul{ padding:0; margin:0}
#menu ul li{ list-style:none; display:inline; float:left; height:36px; background:url(../template/title_menu.jpg) no-repeat left; margin-top:6px; margin-left:20px; padding-right:20px}
#menu ul li a{ text-decoration:none; color:#CCCCCC; display:block; font-weight:bold; margin-left:20px; padding-top:6px}
#menu ul li a:hover{ color:#c2c210}
#container{ width:952px; height:auto; margin:0 auto; padding:14px; background:#000000}
#container #left{ width:214px; height:100%; margin:0; float:left; display:inline}
#left #title{ width:214px; height:44px; margin:0; background:url(../template/bgr_title.jpg) no-repeat}
#left #title p{ margin:0; padding-left:40px; padding-top:15px; color:#FFFFFF; text-transform:uppercase; font-weight:bold}
#menu_left{ width:214px; height:auto; margin:0; background:url(../template/bgr_menubottom.jpg) no-repeat #1d1d1d bottom; padding-bottom:30px}
#menu_left ul{ margin:0; padding:0;list-style-type: none; width:190px}
#menu_left ul li{ position:relative}
#menu_left ul li a{ width:190px; text-decoration:none; color:#FFFFFF;display: block;overflow: auto; padding:7px 0px 7px 10px; margin-left:7px; _margin-left:5px; background:url(../template/bg_a.jpg) no-repeat bottom}
#menu_left ul li a:hover{ color:#c2c210}
#img{ width:214px; height:auto; margin:0;padding-bottom:30px; margin-top:20px; text-align:center}
#img p{ margin:0}

#container #main{ width:718px; height:auto; margin:0; float:left; margin-left:20px; _margin-left:10px}
#main .breadcrumbs{ width:718px; height:40px; margin:0}
#main .breadcrumbs ol{ list-style:none; margin:0; padding:0; float:left;position:relative; margin-top:10px}
#main .breadcrumbs ol li{ float:left; display:inline}
#main .breadcrumbs ol li a{color:#FFFFFF; font-size:11px; text-decoration:none; font-weight:bold}
#main .breadcrumbs ol li a:hover{ color:#FFCC00}
#main .breadcrumbs .nav_sep{color:#FF FFFF; font-size:11px; padding:0 5px; font-weight:bold}
#main .breadcrumbs .end{color:#FFCC00; font-size:11px; font-weight:bold}
#main #slide{ width:718px; height:271px; margin:0; position:relative;}
#slide IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}
#slide IMG.active {
    z-index:10;
    opacity:1.0;
}
#slide IMG.last-active {
    z-index:9;
}
#slide_bottom{ width:980px; height:auto; margin:0 auto; background:#000000}

#footer{ width:980px; height:184px; margin:0 auto; background:url(../template/bg_footer.jpg) no-repeat}
#footer p{ margin:0; text-align:center; padding-top:15px; color:#FFCC00}
.clear{ clear:both}


/* slide */
#slide ul.crossfade {padding: 0;margin: 0;list-style: none;position: relative;}
#slide #fade-example-1{list-style-type:none;margin:0;padding:0}
#slide #fade-example-3 {border: 3px solid #000;list-style-type:none;margin:0;padding:0}
#slide #fade-example-1 li,#fade-example-2 li {position: absolute;top: 0;left: 0;visibility: hidden;}
#slide #fade-example-3 li {position: absolute;top: 0;left: 0;visibility: hidden;}
#slide .example li img {display: block;}
#slide .example {position: relative;width: 719px;height: 271px}
#slide .control {position: absolute;z-index: 100;cursor: pointer;font-size: 5px;font-weight: bold;color: #FFF;}
#slide #fade-example-1-next {right: 10px;top: 238px; height:36px;}
#slide #fade-example-1-stop {right: 45px;top: 238px; height:36px;}
#slide #fade-example-1-previous {right: 70px;top: 238px; height:36px;padding:0;margin:0;vertical-align:top;}

#pagehtml{width:710px; height:auto; margin:0; padding-left:8px}
#list_pro{width:710px; height:auto; margin:0; padding-left:8px; margin-top:20px}
#list_pro #pro{ width:355px; height:auto; margin:0; float:left; display:inline; padding-bottom:20px; text-align:center; min-height:280px}
#list_pro #pro h1{ margin:5px auto; font-size:12px}
#list_pro #pro h1 a{ color:#FFFFFF; text-decoration:none}
/*---------------- chi tiet san pham------------------------*/
#chitiet{width:710px; height:auto; margin:0; padding-left:8px; margin-top:20px}
#chitiet .sanpham{ width:710px; height:auto;float:left; margin:0; display:inline; padding-bottom:30px}
#chitiet  .img{ width:300px; height:auto; margin:0; text-align:center; float:left; display:inline}
#chitiet  .img img{ padding:3px; border:solid 1px #999999}
#chitiet  .cont{ width:410px; height:auto; margin:0; float:left;}
#chitiet  h1{ margin:5px auto;font-weight:bold; font-size:14px; color:#ffcc00; text-shadow:#999999 1px 1px 1px}
#chitiet .mota{ width:567px; height:auto; margin:0; border-bottom:dotted 1px #999999}
#chitiet li{ padding-left:50px; list-style:none; padding-top:5px; padding-bottom:5px}
#chitiet li a{ text-decoration:none; color:#000000; font-weight:bold}
#chitiet li a:hover{ text-decoration:underline; color:#0033FF}

/*---------phantrang----------------*/
#phantrang{ width:567px; height:auto; margin:0; margin-top:10px; padding:0px;padding-bottom:30px; text-align:center}
#phantrang a {text-decoration: none;padding-left:3px; padding-right:3px;padding-top:4px; padding-bottom:4px;margin-left:3px; color:#285eac}
#phantrang span {font-weight: bold;margin-left:3px;padding-left:3px; padding-right:3px; padding-top:4px; padding-bottom:4px;}

/*---------phantrang----------------*/
#album{width:710px; height:auto; margin:0; padding-left:8px; margin-top:20px}
#album #img{ width:236px; height:auto; margin:0; float:left; display:inline; padding-bottom:20px; text-align:center}