@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: "UTMSwiss";
    src: url(../fonts/UTMSwissCondensed.ttf) format("truetype");
}
@font-face {
    font-family: "UTMBebas";
    src: url(../fonts/UTMBebas.ttf) format("truetype");
}

@font-face {
    font-family: "UTMNeoSansIntel";
    src: url(../fonts/UTMNeoSansIntel.ttf) format("truetype");
}
/*++++++++++DEFAULT+++++++++++*/
*{margin: 0;padding: 0;}
body{font-family: Arial, Helvetica, sans-serif;font-size:12px;  }
a{color:#FFF;text-decoration:none;}
.clearfix{
    clear: both;
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden;
}

a:active{color:#ccc;}
img{border:none;}
div.clear{display:block;clear:both;}
#top{color:#FFF;font-weight:500;text-align:center;width:39px;padding:11px 0px;position:fixed;bottom:4px;right:30px;display:none;cursor:pointer;background-color:#F47A00;border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;-webkit-border-radius:50%;-moz-transition: background-color 0.2s ease-in-out;-ms-transition: background-color 0.2s ease-in-out;-o-transition: background-color 0.2s ease-in-out;-webkit-transition: background-color 0.2s ease-in-out;transition: background-color 0.2s ease-in-out;}
#top:hover{background: #990004;background:-webkit-linear-gradient(top, #D60004 0%, #990004 100%); background:-moz-linear-gradient(top, #D60004 0%, #990004 100%);background:-ms-linear-gradient(top, #D60004 0%, #990004 100%);background:-o-linear-gradient(top, #D60004 0%, #990004 100%);}
#loading{width: 100px;height:100px; position:absolute;z-index:1000;}
.button {display:inline-block;border:none;background: #034EA1;border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;-webkit-border-radius:3px;color:#FFFFFF;font-weight: bold !important;padding: 5px 10px;cursor:pointer;-moz-transition: background-color 0.2s ease-in-out;-ms-transition: background-color 0.2s ease-in-out;-o-transition: background-color 0.2s ease-in-out;-webkit-transition: background-color 0.2s ease-in-out;transition: background-color 0.2s ease-in-out;}
.button:hover{background: #990004;background:-webkit-linear-gradient(top, #D60004 0%, #990004 100%); background:-moz-linear-gradient(top, #D60004 0%, #990004 100%);background:-ms-linear-gradient(top, #D60004 0%, #990004 100%);background:-o-linear-gradient(top, #D60004 0%, #990004 100%);color:#FFF;}

.des-gt{
	float: right;
width: 400px;
}
/*++++++++++++++++LAYOUT +++++++++++++++++*/ 
/*++ HEADER +++*/ 
header{
	width: 100%;
	height: 135px;
	margin: 0 auto;
	min-width: 1000px;
	position: relative;
	top: 0px;
}
.banner{

	height: 135px;
	width: 1000px;
	margin: 0 auto;
}
.banner img{
	float: left;
	height: 100%;
	width: 100%;
}
.lang_con{
	float: right;
}
.banner-right{
	float: right;
	height: 24px;
	margin-top: 9px;
	width: 290px;
}
.banner-right .hotline{
	float: right;
	height: 30px;
	width: 165px;
	background: url(../images/thungo.png) no-repeat top right;
	margin-top: 10px;
}
.banner-right .hotline .hotline-dl{
	float:right;
	
	
}
.banner-right .hotline .hotline-dl h2{
	float:right;
	color: black;
	font-weight: normal;
	font-size: 13px;
	}
.banner-right .hotline .hotline-dl h2 a{
width: 92px;
float: right;
margin-top: 9px;
color: black;
font-weight: normal;
font-size: 13px;
	}
.banner-right .search{
	float: right;
	width: 190px;
	height: 24px;
	
}
.box_search{
	width:190px;
	float:right;
	height:24px;
	margin-right:20px;
	background:url(../images/bg-search.png) no-repeat bottom;
   
}
.xuly_input{
   	color:#818181;
    border: none;
	width:179px;
	height:24px;
	padding-left:10px;
	background:none;
	font-size: 12px;
	float:left;}
.bnt_search{
	
	background: none;
	width: 25px;
	height: 25px;
	cursor: pointer;
    border: none;
    color: white;
    background:url(../images/bt-search.png) no-repeat top center;
    font-size: 11px;
    line-height: 20px;
   margin-left: -30px;
    }
/* ++++++++ NAVIGATION ++++++++ */
nav{
	width: 100%;
	margin: 0 auto;
	min-width: 1349px;
	height: 55px;
	background: url(../images/bg-menu-main.png) repeat-x ;

}
.home{
	float: left;
margin-top: 10px;
padding: 0 12px;
}
/* ++++++++ article  +++++++ */ 
article{
	width: 1000px;
	margin: 0 auto;
	background: #ECECF2;
}
.wapper{
		background: url(../images/bg.png) no-repeat bottom center;
		width: 100%;
}
.slider{
	width: 1000px;
	margin: 0 auto;
	
}
.slidershow{
	width: 1000px;
	height: 400px;
	
	background: white;
	float: left;
	
}
.slider-main{
	width: 1000px;
	height: 400px;
	float: left;
}
.block-tin{
	float: left;
	width: 310px;
	height: 350px;
	margin-left: 5px;
	background: url(../images/bg-tin.png) no-repeat top center;
	margin-top: 8px;
}
.block-tin .tit-block{
	float: left;
	width: 100%;
	height: 58px;
	background: url(../images/bg-tintuc.png) no-repeat top center;
	margin-top: 10px
}
.block-tin .tit-block h2{
	float: left;
text-align: center;
height: 58px;
color: white;
/* line-height: 36px; */
padding-left: 30px;
padding-top: 8px;
	
}
/*+++++++++++++++++ aside ++++++++++++++++*/
aside{
	width: 1000px;
	margin: 0 auto;	

}
#main-left{
	float: right;
	width: 200px;
	margin-right: 5px;

}



.dm{
	float: left;
	width: 100%;
	background:url(../images/bong-dm.png) no-repeat bottom  center;
	margin-bottom: 4px;
	padding-bottom: 10px;
}
.danhmuc{
	float: left;
	width: 100%;
	
	background: white ;
}
.danhmuc .tit{
	float: left;
	width: 100%;
	height: 35px;

}
.danhmuc .tit h3{
	
	font-size: 14px;
	text-transform: uppercase;
	color: white;
	background: url(../images/bg-tit-main.png) repeat-x;
	line-height: 35px;
	height: 35px;
	text-align: center;
	 
	
}
.news{
	float: left;
	width: 280px;
		min-height: 75px;
	background: url(../images/line-dm.png) no-repeat bottom center;
	margin-top: 5px;
}
.news .img{
	float: left;
}
.news .img img{
	float: left;
	width: 85px;
	height: 65px;
	padding:1px;
	background: white;
	border: 1px solid #DFDFDF;
	margin-right: 5px;
}
.news .name{

}
.news .name a{
	font-size: 14px;
	color: black;
	 font-family: "UTMNeoSansIntel";
}
.thongke{
float: left;
padding-left: 10px;
padding-right: 10px;
padding-top: 10px;
width: 90%;
}
.thongke .tktc{
	float: left;
	margin-bottom: 8px;
	width: 100%;
}
.thongke .tktc img{
	float: left;
	margin-right: 10px;
}
.thongke .tktc h4{
	font-weight: normal;color: black;

	 font-size: 13px;
}
.thongke .tktc span{
	float: right;
	font-size: 14px;

}
#main-right{
	float: left;
width: 785px;
background: white;
min-height: 1343px;
margin-left: 5px;
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=0, Color=#2CA061)";/*IE 8*/
-moz-box-shadow: 0 0 4px 1px rgba(44,160,97,0.7) inset;/*FF 3.5+*/
-webkit-box-shadow: 0 0 4px 1px rgba(44,160,97,0.7) inset;/*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/
box-shadow: 0 0 4px 1px rgba(44,160,97,0.7) inset;/* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color=#2CA061); /*IE 5.5-7*/
}
.title {
	float: left;

width: 100%;
height: 40px;
background: #67B803   url(../images/icon-coconut.png) no-repeat top 2px left 10px;

}
.title h2{
line-height: 40px;
text-transform: uppercase;
font-weight: bold;
color: white;
text-align: left;
padding-left: 65px;
font-family: "Arial";
font-size: 13px;



}
.content{
	float: left;
	
}
.name-gt h3{
	color: #3E3E3E;
	margin-bottom: 10px;
}
.img-gt{
	float: left;
}
.img-gt img{
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	padding: 4px;
	background: white;
	border: 1px solid #DFDFDF;
	width: 230px;
	height: 200px;
}
.chungnhan{
	margin: 0 auto;
	width: 1000px;
	height: 400px;
}
.cn1{
	float: left;
	width: 260px;
	margin-left: 200px;
}
.name-cn{
	float: left;
	width: 100%;
	height: 38px;
}
.name-cn h3{
	text-align: center;
	line-height: 34px;
	font-weight:  normal;
	color: #3D7801;
	 font-family: "UTMBebas";
	 font-size: 20px;
}
.cn1 img{
	text-align: center;


}
.product{
float: left;
width: 185px;
min-height: 220px;
margin-bottom: 10px;
margin-top: 2px;
margin-right: 5px;
margin-left: 6px;

}
.product .image{
	float: left;
	width: 185px;
	height: 150px;
	
}
.product .image .img{
	float: left;
	width: 183px;
	height: 148px;

}
.product .image .img img{

	width: 183px;
	height: 148px;
	
}
.product .masp{
	float: left;
	width: 100%;
	text-align: center;
}
.product .masp h3{
	float: left;
	width: 100%;
	text-align: center;
	 font-family: "Arial";
	 font-size: 13px;
	 font-weight: bold;
	 color:black;

}
.product .name{
	float: left;
	width: 100%;
	text-align: center;
	margin-bottom: 5px;
	margin-top: 5px;
	min-height: 30px;
}
.product .name h2{
	float: left;
	width: 100%;
	text-align: center;
	 font-family: "Arial";
	 font-size: 13px;
	
	 text-transform: uppercase;

}
.product .name h2 a{

	 color:blue;

}
.product .name h2 a:hover{

	 color: #E5AB0E;

}
.product .xemthem {

	float: left;
	
	margin-top: 5px;
	height: 22px;
	text-align: center;
}
.product .xemthem a{
	padding: 4px 12px;
	background: url(../images/chitiet.png) no-repeat top center;
	text-align: center;
}
.xemthem1 {

	float: left;
	width:100%;
	margin-top: 5px;
	height: 22px;
	text-align: center;
}
.xemthem1 a{
	padding: 6px 15px;
	background: #02902E;
	text-align: center;
	font-weight:bold;
}
/* ++++++++++++++++ FOOTER ++++++++++++++*/
footer{
	width: 100%;
	float: left;
	background:#2CA061;
}
.menu-footer{
	width: 100%;
	height: 39px;

}
.menu-ft{
	width: 1000px;
	margin: 0 auto;
	height: 39px;
}
.menu-ft ul{
	float: right;
	width: 500px;
	height: 39px;
	list-style: none;
}
.menu-ft ul li{
	float: left;
	height: 39px;
	background: url(../images/nav-footer.png) no-repeat right;
}
.menu-ft ul li a{
	float: left;
	height: 39px;
	font-size: 15px;
	line-height: 39px;
	padding: 0px 11px;
	font-family: "UTMNeoSansIntel";
}

/*-------------CHI TIET (TIN TUC)--------------------*/

.title_news{
	color: #000;
	font-size: 14px;
	font-weight: bold;
	text-transform: capitalize;
}

.othernews {
  color: #FF0000;
  padding-left:10px;
  padding-top:20px;
  padding-bottom:15px;
}

.othernews h3 {
  color:#FF0000;
  font-size:12px;
  font-weight:bold;
  text-transform:uppercase;
}
.othernews ul {
  list-style:inside;
  margin:10px 0 0 0;
}

.othernews ul li {
	background: url(../images/icon_submenu.png) no-repeat 0px;
  padding-left:10px;
  margin:0 0 5px 0;
}
.othernews ul li a{
	color: black;
}
.othernews ul li a:hover{
	text-decoration:underline;

}

/* --------------------- Phan trang ------------------*/
.phantrang{
	text-align:center;
	margin: 25px 0px 5px 0px;
}
.phantrang a{
	display:inline-block;
	width:25px;
	height:25px;
	line-height:25px;
	margin-right:5px;
	text-decoration:none;
	background: #0B79D1;
	font-weight:bold;
}
.phantrang span{
	color:red;
	display:inline-block;
	width:25px;
	height:25px;
	line-height:25px;
	margin-right:5px;
	background: #0B79D1;
	font-weight:bold;
}
.phantrang a:hover{
	color:#FFF;
	background-color:#BC0000
}
/* ++++++++++++++++  ITEM +++++++++++++++++++++++*/
.item-column {
float: left;
margin: 15px 4px 15px 12px;
overflow: hidden;
width: 230px !important;
background: #F8F9F3;
border-radius: 3px;
}
.productitem {
overflow: hidden;
margin: 5px;
width: 222px;
height: 340px;
}
.productitem p {
float: left;

margin-bottom: 5px;
margin-top: 5px;
width: 100%;
}
.articlescat p {
line-height: 1.8em;
}
.xemtiep{
	float: right;;
	padding: 5px 10px;
	background: #438501;
	border-radius: 6px;
	color: white;
}

.back-to-top {
			position: fixed;
			bottom: 2em;
			right: 8em;
			text-decoration: none;
			color: #000000;
			
			font-size: 12px;
			padding: 1em;
			
		}

		.back-to-top:hover {	
			
		}	

/*+++++ BOX NEW +++++ */ 
.box_new{
	float: left;
	width: 100%;
	height: auto;
	min-height: 110px;
	
	margin-bottom: 5px;
	border-bottom: 1px solid #DFDFDF;
}	
.box_new .new-img{
	float: left;
	margin-right: 10px;
	width: 130px;
	height: 100px;
}	
.box_new .new-name{
	float: left;
	width: 625px;
}	
.box_new .new-name h2{
	
	font-size: 13px;
	color: #0383CC;
}	
.box_new .new-name h2 a{
	
	font-size: 13px;
	color: blue;
	
}	
.box_new .new-des{
	float: left;
	width: 625px;
}
.box_new .new-des h3{
	float: left;
	font-size: 12px;
	font-weight: normal;
}	
.box_new .new-xt{
	position: relative;
	bottom:0px;
	right: 0px;
	float: right;
	width: 80px;
	/*background:url(../images/xemthem.png) no-repeat top left;*/

}
.box_new .new-xt a{
	
	height: 18px;
	float: right;
	line-height: 18px;
	color: blue;
}
.box_new .new-xt a:hover{
	color: red;
}

/*STYLE FOR LIENHE*/
.tablelienhe label span img{
	position:absolute;
	left:0px;
	top:10px;
}
.tablelienhe label {
	text-align:left;
	text-indent:15px;
	display:inline-block;
    height: 25px;
	line-height:25px;
	min-width:100px;
	font-weight:bold;
	
	position: relative;
	margin-right: 15px;
}
.tablelienhe .input_block{
	margin:0 0 10px 0;
}
.tablelienhe .input_item{
	display: inline-block;
	line-height: 25px;
	min-width: 100px;
	
	font-weight: bold;
}
.ta_noidung{
	width:380px;
	border-radius:8px;
}
.tablelienhe .input{
    border: 1px solid #cacaca;
	/*width: 310px;
	height: 22px;*/
	height:30px;
	border-radius:8px;

	line-height: 30px;
	outline-color: #0085FF;
}
.tablelienhe textarea{
	border: 1px solid #cacaca;
	/*width: 310px;*/
	outline-color: #0085FF;
}
.tablelienhe .title {
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
}
.footer{
width:1000px;
min-height:150px;
margin:0 auto;
}
.info{
	width: 100%;
padding: 15px 0px;
float: left;
text-align: center;
}
.info-khac{
	float:left;
	width:48%;
	margin-left:2%;
}
.dangky_nhantin
{
	width:100%;
	float:left;
	margin-top: 10px;
	
}
.nhantin
{
	width:330px;
	float:right;

	
}
.dangky_nhantin  .email_dk
{
	width:245px;
	height:23px;
	font-size:12px;
	border: 1px solid #D0D0D0;
	outline: none;
	color:black;
	padding-left: 10px;
	float:left;
	margin-top:10px;
}
.dangky_nhantin  .btn_email
{
	width:65px;
	height:25px;
	border:none;
	cursor: pointer;
	float:left;
	margin-top:10px;
	font-weight:normal;
	margin-left: 5px;
	outline: none;
	font-size: 13px;
	color:rgb(74, 71, 71);
	background: #F3F3F3;
	
}
.footer-right{
	float:left;
	margin-top:5px;
	margin-right:5px;
}
.footer-right img{
	
	margin-left:10px;
}
.copy{
	float:right;
	font-weight: normal;
	font-size:12px;
	margin-top:1px;
	color:rgb(242, 232, 232);
}

.fb-fp{ position:fixed; z-index:9988888; right:0px; top:200px; width:235px; }
.fb-fb1{position:fixed; z-index:9988888; right:-240px; top:240px; width:235px; margin-top:30px; border:2px solid #0E5F9F}
.fb-fp img{ z-index:999998;}


/*Left*/
.left-box{ border:1px solid #CCC;  -moz-box-shadow: 0px 0px 5px #999999;
	-webkit-box-shadow: 0px 0px 5px #999999;
	box-shadow: 0px 0px 5px #999999; float:left; padding-bottom:10px; margin-bottom:20px; width:100%;}
.left-box ul{ float:left; margin-top:10px;}
.left-box ul li{ list-style-image:url(../images/list-style.png);}
.left-box ul li h2{ font-size:14px; width:185px}
.left-box ul li h2 a{ color:#000;}
.left-box ul li h2 a:hover{ color:#666;}
.left-box-tit{ text-align:center; width:100%; float:left; font-size:16px; text-transform:uppercase; background:url(../images/menu3.png) no-repeat top left,url(../images/menu4.png) no-repeat top right; font-weight:bold; color:black; padding:5px 0px;}
.left-box-con{ width:96%; margin:2%; float:left;}
.left-box-con-c{ width:100%; float:left; text-align:center;}


/* +++++++++++++ suport ++++++++++++++++++*/ 

.support{
	float: left;
	width: 190px;
	padding: 5px;
	
}
.support .sup1{
	float: left;
	width: 100%;
	text-align: center;
	background: url(../images/line-dm.png) no-repeat bottom center;
	margin-top: 10px;
padding-bottom: 15px;
}
.support .sup1 img{

	float: left;
}
.sup-name{
	margin-top: 8px;
	font-size:15px;
	color: #00A651;
	font-weight: bold;
}
.mail{
	float: left;
	width: 190px;
	padding-right: 5px;
	padding-left: 5px;
	margin-bottom: 10px;
	padding-top: 8px;
}
.mail h3{
	text-align: center;
	color: #00A651;
	font-weight: bold;
}
.thitruong{
	float: left;
	width: 210px;
	padding: 15px;
}
.thitruong h3{
	float: left;
	width: 210px;
	height: 40px;
	line-height: 32px;
	font-weight: normal;
}
.thitruong h3 img{
	float: left;
	margin-right: 10px;
}
.thitruong h3 a{
	color: white;
	line-height: 32px;
}



.usual{
	margin-bottom:10px;
}
.usual ul#tab_content{
	margin:0px;
	padding:0px;
	background: url(../images/line-menu.png) no-repeat bottom left -5px;
	float: left;
	height: 55px;
	width: 100%;
}
.usual ul#tab_content li {
    float: left;
    list-style: none outside none;
}
.usual ul#tab_content a {
   
    float: left;
padding-left: 40px;
line-height: 42px;
font-weight: normal;
color: white;
font-family: "UTMNeoSansIntel";
font-size: 16px;
}
.usual ul#tab_content a:hover {

    color: #FFFFFF;
}
.usual ul#tab_content a.selected {

  
    cursor: default;
    margin-bottom: 0;
	
}
.content_tab{
	clear: left;
	padding:10px 0px;
}
/*++++++++++++++++++++++ anc +++++++++++++++++++++*/


.product1{
	float: left;
	width: 220px;
	min-height: 160px;
	margin-bottom: 10px;
	margin-top: 10px;
	margin-left: 7px;
	margin-right: 7px;
}
.product1 .image{
	float: left;
	width: 220px;
	height: 168px;
	background: url(../images/bg-chungnhan.png) no-repeat top center;
}
.product1 .image .img{
	float: left;
	width: 218px;
	height: 158px;

}
.product1 .image .img img{

	width: 218px;
	height: 158px;
	
}
.ft-top{
	width: 100%;
	float: left;
	
	background: #2CA061;
}
.ft-top .ft-center{
	width:1000px;
	margin:  0 auto;

}
.ft-top .ft-center .ft1{
	width:32%;
	float: left;
	margin-right: 2%;
}
.ft1-tit{
	float: left;
	margin-top: 20px;
	border-bottom: 1px solid white;
	height: 25px;
	width: 100%;
	text-align: center;
}
.note{
	float: left;
	color: white;
}
.ft-bottom{
	width: 100%;
	height: 45px;
	margin: 0 auto;
	
}
.ft-bottom span{
	text-align: center;
	float: left;
	width: 100%;
	margin-top: 20px;
}
.ft-bottom span a{
	text-align: center;

}


/*------------------- Doi tac css -------------------*/
.box_partner{	
	background:#FFF;
	border:1px solid #b9b9b9;
	padding:9px;
	margin:0px 10px;
}

.ma-brand-slider-contain {	
	width:940px;
}

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

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

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

.brand-slider .jcarousel-item-horizontal {
    margin-right: 25px;
	position: relative;
	height:198px;
	width:300px;
}

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

/**
 *  Horizontal Buttons
 */
.ma-brand-slider .jcarousel-next-horizontal {
    position: absolute;
    top: 30%;
    right: -35px;
    width: 33px;
    height: 33px;
    cursor: pointer;
}

.ma-brand-slider .jcarousel-next-horizontal:hover {
    
}

.ma-brand-slider .jcarousel-next-horizontal:active {
   
}

.ma-brand-slider .jcarousel-next-disabled-horizontal,
.ma-brand-slider .jcarousel-next-disabled-horizontal:hover,
.ma-brand-slider .jcarousel-next-disabled-horizontal:active {
    cursor: default;    
}

.ma-brand-slider .jcarousel-prev-horizontal {
    position: absolute;
    top: 30%;
    left: -12px;
    width: 33px;
    height: 33px;
    cursor: pointer;
}

.ma-brand-slider .jcarousel-prev-horizontal:hover {
    background-position: 0 100%;
}

.ma-brand-slider .jcarousel-prev-horizontal:active {
    background-position: 0 100%;
}

.ma-brand-slider .jcarousel-prev-disabled-horizontal,
.ma-brand-slider .jcarousel-prev-disabled-horizontal:hover,
.ma-brand-slider .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: 0 100%;
}

/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.ma-brand-slider .jcarousel-container {
    position: relative;
}
.ma-brand-slider .jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}
.ma-brand-slider .jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}
.ma-brand-slider .jcarousel-next {
    z-index: 3;
   	background: url(../images/right.png) no-repeat;
}
.ma-brand-slider .jcarousel-prev {
    z-index: 3;
    background: url(../images/left.png) no-repeat;
}

.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 {}
/*************************************/
.product_detail_pic{
	float: left;
	width: 350px;
	margin-right: 20px;
	margin-left:10px;
}
.menu{
	width: 1000px;
	margin: 0 auto;
}
.mod-bloglist{ list-style: none;}
.mod-bloglist li{float: left;}
.mod-bloglist li img{width:185px; float: left; height:145px; border:1px solid #cacaca; float:left;padding:2px;  border-radius: 4px; }
.mod-bloglist li h2{font-size:12px; margin:0; line-height:20px; font-weight:normal; text-transform:uppercase;}

.mod-bloglist-1{list-style:url(../images/list.png); margin-left:20px;}
.mod-bloglist-1 li{padding:5px 0;}


#accordian {
	background: #5bc0de;
	width: 200px;
	margin: 0 auto;
	color: white;
	/*Some cool shadow and glow effect*/
	box-shadow: 
		0 5px 15px 1px rgba(0, 0, 0, 0.6), 
		0 0 200px 1px rgba(255, 255, 255, 0.5);
}
/*heading styles*/
#accordian h3 {
	font-size: 12px;
	line-height: 36px;
	padding: 0 10px;
	cursor: pointer;
	/*fallback for browsers not supporting gradients*/
	text-transform:uppercase;

	border-bottom:1px solid white;
}
#accordian h3:hover {
	color:red;
}
#accordian ul ul li a {
	color: #2CA061;
	text-decoration: none;
	font-size: 11px;
	line-height: 36px;
	display: block;
	padding: 0 15px;
	border-bottom:1px solid rgb(181, 178, 178);
	/*transition for smooth hover animation*/
	
        
}
/*hover effect on links*/
#accordian ul ul li a:hover {
	background: rgba(45, 148, 96, 0.61);
	color: white !important;
	
}
/*Lets hide the non active LIs by default*/
#accordian ul ul {
	display: none;
	background: white;
}