@charset "utf-8";
*{
	margin: 0;
	padding: 0;
}


/*------------------- Slide top css -------------------*/

.ma-brand-slider-contain {  
    width:620px;
    height: 100px;
    padding:5px 13px;
    background:url(../images/bg_partner.png) repeat-x top left;
    border-radius:5px;
}
.ma-brand-slider-contain .ma-brand-slider{
 width: 620px;
 height: 100px;
}

.brand-slider .jcarousel-container {
    -moz-border-radius: 10px;
    background: #fff;
    border: 2px solid #000;
    width:620px;
    height:100px;
}

.brand-slider .jcarousel-container-horizontal {
    width: 730px;
    height: 100px;
    padding: 10px 0px;
    padding-left:40px;
    margin:0 auto;
    margin-top:80px
}
.brand-slider .jcarousel-clip-horizontal {
    width:  960px;
    height: 100px;
}

.brand-slider .jcarousel-item {
    width: 190px;
    height: 100px;
    float: left;
    list-style: none outside none;
    text-align:center;
}

.brand-slider .jcarousel-item-horizontal {
    margin-right: 15px;
    position: relative; 
    width:190px;
    height:100px;
    overflow:hidden;
}

.brand-slider .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
    width:190px;
    height:100px;
}
.brand-slider .product-image {
    display:inline-block;
    margin:0 0 8px;
    width:190px;
    height:100px;
}



/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.ma-brand-slider .jcarousel-container {
    position: relative;
    width:620px;
    height:100px;
}
.ma-brand-slider .jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
    width:620px;
    height:100px;
}
.ma-brand-slider .jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    width:620px;
    height:100px;
}

.ma-brand-slider .ma-des {
    position: absolute;
    bottom: 10px;
}
.ma-brand-slider .ma-des-title {}
.ma-brand-slider .ma-des-title h2 {
}
.ma-brand-slider .ma-des-content {}

.img[Attributes Style] {
width:190px;
height:100px;
}

.item{
    float:left;
    width:50%;
    text-align:center;
    font-weight:bold;
    color:#000000;
    width:190px;
    height:100px;
}




/*------------------- Doi tac css -------------------*/

.ma-brand-slider-contain2 {  
    width:890px;
    height: 100px;
    padding:5px 13px;
    background:url(../images/bg_partner.png) repeat-x top left;
    border-radius:5px;
}
.ma-brand-slider-contain2 .ma-brand-slider2{
 width:890px;
 height: 100px;
}

.brand-slider2 .jcarousel-container {
    -moz-border-radius: 10px;
    background: #fff;
    border: 2px solid #000;
    width:890px;
    height:100px;
}

.brand-slider2 .jcarousel-container-horizontal {
    width: 900px;
    height: 100px;
    padding: 10px 0px;
    padding-left:40px;
    margin:0 auto;
    margin-top:80px
}
.brand-slider2 .jcarousel-clip-horizontal {
    width:  960px;
    height: 100px;
}

.brand-slider2 .jcarousel-item {
    width: 190px;
    height: 100px;
    float: left;
    list-style: none outside none;
    text-align:center;
}

.brand-slider2 .jcarousel-item-horizontal {
    margin-right: 15px;
    position: relative; 
    width:190px;
    height:100px;
    overflow:hidden;
}

.brand-slider2 .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
    width:190px;
    height:100px;
}



/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.ma-brand-slider2 .jcarousel-container {
    position: relative;
    width:890px;
    height:100px;
}
.ma-brand-slider2 .jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
    width:890px;
    height:100px;
}
.ma-brand-slider2 .jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    width:890px;
    height:100px;
}

.ma-brand-slider2 .ma-des {
    position: absolute;
    bottom: 10px;
}
.ma-brand-slider2 .ma-des-title {}
.ma-brand-slider2 .ma-des-title h2 {
}
.ma-brand-slider2 .ma-des-content {}

.img2[Attributes Style] {
width:190px;
height:100px;
}

.item2{
    float:left;
    width:50%;
    text-align:center;
    font-weight:bold;
    color:#000000;
    width:190px;
    height:100px;
}

#doitacj
{
    width: 918px;
    margin: auto 10px auto 10px;
    border: 1px solid #999;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    padding: 15px 15px 15px 15px;
    float: left;
    margin-top: 10px;
    margin-bottom: 10px;

}




/*-------------- Map css ------------*/
#map_canvas {    
    height: 500px;
    width: 550px;
    margin:10px auto;
}
.map_description {
    color: #000000;
    overflow: auto;
    width: 275px;
}
.map_description .default {
    color: #FF0000;
}
.map_description div {
    line-height: 18px;
    margin: 3px;
}
.map_list_address {
    float: left;
    height: 500px;
    overflow: hidden;
    width: 250px;
}
.map_list_address .list {
    line-height: 18px;
    margin-bottom: 5px;
}
.map_list_address span {
    color: #FCFF46;
}
.map_title {
    color: #30A602;
    font-weight: bold;
}
.navigate .C {
    width: 970px;
}
/************************************/


.box_news{clear:both; padding-bottom:10px; padding-top:5px; border-bottom:1px dotted #FFF;}
.box_news h2{
    font-size:12px;
    margin:0px;
}
.box_news h2 a{
    color:#0888E6;
}
.box_news p{
    margin:0px;
    padding:0px;
}
.box_news p.small{
    font-size:11px;
    color:#666666;
}
.box_news h2 a:hover{
    color:#F00;
}

.image_boder{float:left; margin:0px 10px 0px 0px; background:#FFF; padding:5px; border:1px solid #E4E4E4;}


.title_news{
    font-weight:bold;
    color:#241900;
    font-size:14px;
}


.othernews{
    padding-left:10px;
    color:#666;
}

.othernews h1{
    font-size:12px;
    font-weight:bold;
    text-transform:uppercase;
    color:#333;
}
.othernews ul{
    list-style:inside;
}
.othernews ul li{
    padding-left:10px;
}
/* --------------------- Phan trang ------------------*/
.phantrang{
    text-align:center;
    padding:10px 0px;
}
.phantrang a {
    background: linear-gradient(to bottom, #F8F8F8 0%, #EAEAEA 100%) repeat scroll 0 0 transparent;
    border: 1px solid #D2D2D2;
    box-shadow: 0 1px 0 #FFFFFF inset;
    color: #636363;
    cursor: pointer;
    font-size: 11px;
    margin: 0 0 0 4px;
    padding: 6px 10px;
}
.phantrang a:hover {
    background: none repeat scroll 0 0 #09669C; 
    box-shadow: none;
    color: #FFFFFF;
    text-decoration: none;
}
.phantrang .paginate_button_disabled, .phantrang .paginate_button_disabled:hover {
    background: linear-gradient(to bottom, #F8F8F8 0%, #EAEAEA 100%) repeat scroll 0 0 transparent;
    border: 1px solid #D2D2D2 !important;
    color: #ADADAD !important;
    cursor: default;
    opacity: 0.7;
}
.phantrang .paginate_active, .phantrang .paginate_active:hover {
    background: none repeat scroll 0 0 #09669C;   
    box-shadow: none;
    color: #FFFFFF;
}/*----------------------------------------------------*/



/*---------------------------------------*/
.product_detail_pic{
    float:left;
    width:300px;
    margin-right:10px;
}
ul.product_info{
    list-style:none;
    padding:0px;
    margin:0px;
}
ul.product_info li{
    padding:3px 0px;
}
ul.product_info li span{
    font-weight:bold;
    color:#2993D1;
    font-size:14px;
}


.doitac
{
    width: 170px;
    height: 170px;
    margin: auto;
    float: left;
}

.image_doitac
{
    width: 160px;
    height: 160px;
    margin: 5px 5px 5px 5px;
    border: 1px solid #f1f1f1;
    float: left;
}

.image_doitac img
{
    width: 158px;
    height: 158px;
}

.doitac p
{
    text-align: center;
    font-size: 14px;
}

.border_box
{
    height: 269px;
}



.btlk
{
    background: none;
    border: none;
    width: 28px;
    height: 28px;
}