body{
    margin: 0px auto;
    background-image: url(images/partern.jpg);
    background-repeat: repeat;
}
body, td, tr, div
{
    font-family: Verdana, Times New Roman;
    font-size:12px;
    font-weight:normal;
    text-decoration:none;
    
}
* html img,* html .png{
    position:relative;
    
}

body a, td a, tr a, div a
{
    text-decoration: none;
    color:#5A5A5A;
    position: relative;
}
.boxTitle a
{
    color: White !important;
    font-weight: bold;
    text-decoration: none;
    }
.leftMenu, .leftMenu span, .leftMenu div, .leftMenu a, .leftMenu a:link, .leftMenu a:active, .leftMenu a:visited, .leftMenu a:hover
{
    background-color:#C83535;
    font-weight:bold;
    font-size:14px;
    width:210px;
    height:100%;
    text-align:left;
    vertical-align:top;
    color:#ffffff;
    padding:0px 0px 0px 0px;
    }

body {
	margin: 0px auto;
	background-color:#ffffff;
    color:#5A5A5A;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;	
}
.spliter{
    width: 100%;
    clear: both;
    overflow: hidden;
    height: 7px;
    
}
div#wholePage{
	background: url(images/bageBg.png) repeat-y transparent;
	width: 955px;
	height: 100%;
	margin: 0px auto;
	margin-bottom: 0px;
	top: 0px;
	bottom: 0px;
	
}
#bottomLine{
    background-image: url(images/footerLine.png);
	background-repeat: repeat-x; 
	margin: 0px auto;
	width: 937px;
	background-color: transparent;
	height: 10px;
	overflow: hidden;
}
#topMenu{
   
	/*line-height: 38px; */
	background-image: url(images/menuBg.jpg); 
	background-repeat: repeat-x;
	background-position: top left;
	color: white;
	font-weight: bold;
	vertical-align: baseline;
}
.topMenu{
    line-height: 21px;
    color: white;
	font-weight: bold;
	vertical-align: baseline;
	cursor: pointer;
	overflow: hidden;
	margin: 0px auto;
}
.topMenuItem
{
    margin-top: -2px;
    font-family: Arial;
    font-size: 13px;
    font-weight: bold;
    cursor: pointer;
    color: white;
    position: relative;
    background-color: Transparent;
    }
/*Sub menu*/
.subTopMenu
{
    line-height: 17px;
    font-family: Arial;
    font-size: 13px;
    font-weight: bold;
    cursor: pointer;
    color: white;
    padding-top: 1px;
    text-decoration: none;
    background-image: url(images/partern.jpg);
    background-repeat: repeat;
    background-color: Transparent;
    /*padding: 3px 7px 3px 7px;
    border-top: 1px solid #ccc;*/
    border-bottom: 1px solid #B4B4B4;
    border-right: 1px solid #B4B4B4;
    position: relative;
}
.subTopMenuHover{
    font-family: Arial;
    font-size: 13px;
    font-weight: bold;
    cursor: pointer;
    color: #fff; 
    line-height: 17px;
    text-decoration: blink;
}
#topBackground{
	height: 76px; 
	background-image: url(images/topBg.jpg); 
	background-repeat: repeat-x; 
	background-position: top left;
	width: 331px;
}

/*Right box CSS*/
.rightBoxContainer{
    width: 227px;
    overflow: hidden;
}
.rightBoxHeader{
    width: 100%;
    position: relative;
    background-image: url(images/boxHead.jpg);
    background-repeat: no-repeat;
    height: 11px;
    overflow: hidden;
}
.boxTitle{
    text-align: center; 
    color: #ffffff; 
    font-size: 17px; 
    font-weight: bolder; 
    padding: 3px 0px 3px 0px;
    text-transform: uppercase;
    border: 1px solid #8B0D00;
    background-image: url(images/partern.jpg);
    background-repeat: repeat;
    margin-bottom: 1px;
}
.boxContentWrapper{
    /*
    background-image: url(images/partern.jpg);
    background-repeat: repeat;
    */
    text-decoration: none;
    color: #fff;
    font-size: 11px;
    line-height: 13px;
}
.rightBoxFooter{
    width: 100%;
    position: relative;
    background-image: url(images/boxFoot.jpg);
    background-repeat: no-repeat;
}
#boxContent, .boxContent{
	background-image: url(images/boxBg.jpg); 
	background-repeat: repeat-y; 
	padding: 2px 11px 2px 13px;
	color: #ffffff;
}
.logoRightBox, #logoRightBox{
    background-image: url(images/boxBg.jpg); 
	background-repeat: repeat-y; 
	padding: 0px 10px 0px 10px;
}
#logoRightBox div, .logoRightBox div{
    text-align: center;
    background-color: White;
}
.extLink{
    background-image: url(images/gateway.gif);
    background-repeat: no-repeat;
    background-position: 0px 2px;
    color: White;
    text-decoration: none;
    font-size: 11px;
    padding: 0px 0px 0px 17px;
    clear: both;
    width: 100%;
    line-height: 17px;
    position: relative;
}
.boxLink{
    color: White;
    text-decoration: none;
    font-size: 11px;
}
/*EOF Right box CSS*/
/* Main content */
.mainContent{
	padding: 0px 9px 0px 7px; 
	vertical-align: top; 
	text-align: justify;
}
.title_text, .title_text a
{
    line-height: 25px; 
    overflow: hidden; 
    color: #5A5A5A; 
    font-size: 18px; 
    font-weight: bold; 
    text-decoration: none;
    margin-bottom: 3px;
}
.dashedLine
{
    background-image: url(images/hairLineHBar.gif);
    background-repeat: repeat-x;
    background-position: left bottom;
    }
/* EOF Main Content */

#footer{
	background-image: url(images/footerBg.jpg); 
	background-repeat: repeat-x; 
	background-position: bottom left; 
	height: 58px; 
	color: white; 
	font-weight: bold;
}
#bottomLink{color: #B90000; vertical-align: bottom; padding-bottom: 13px; text-align: center}
.bottomLink, .bottomLink a {
	font-weight: bold;
	text-align: center;
	padding: 0px 0px 0px 4px;
	color: #B90000;
	border-bottom: 1px dotted #B90000;
	cursor: hand;
	overflow: hidden;
}
#footer div{
	line-height: 27px; 
	padding-left: 21px;	
}
#footerRight{
	background-image: url(images/footerBg.jpg); 
	background-repeat: repeat-x; 
	background-position: bottom left; 
	vertical-align: bottom;
	height: 128px;
}
.section_title, .section_title a{
        font-weight: bold;
        text-decoration: none;
        color:#CB3D3D;
        font-size: 27px;
        line-height: 30px;
}

/*Pager button style*/
.pagerButton{
    font-weight: bold;
    background-color: #CB3D3D;
    color: #ffffff;
    padding: 1px 3px 2px 3px;
}
/*EOF Pager button style*/

/* media box image */
.topLeft{
    background-image: url(images/box/boxHead_L.gif);
    background-repeat: no-repeat;
    background-position: top left;
}
.topMid{
    background-image: url(images/box/boxHead_M.gif);
    background-repeat: repeat-x;
    background-position: top left;
}
.topRight{
    background-image: url(images/box/boxHead_R.gif);
    background-repeat: no-repeat;
    background-position: top right;
}
.midLeft{
    background-image: url(images/box/boxBg_L.gif);
    background-repeat: repeat-y;
    background-position: top left;
}
.midRight{
    background-image: url(images/box/boxBg_R.gif);
    background-repeat: repeat-y;
    background-position: top right;
}
.bottomLeft{
    background-image: url(images/box/boxFoot_L.gif);
    background-repeat: no-repeat;
    background-position: top left;
}
.bottomMid{
    background-image: url(images/box/boxFoot_M.gif);
    background-repeat: repeat-x;
    background-position: top left;
}
.bottomRight{
    background-image: url(images/box/boxFoot_R.gif);
    background-repeat: no-repeat;
    background-position: top right;
}
/* EOF media box image */
/* san pham list page*/
.product_box{
    width: 205px;
    overflow: hidden;
    position: relative;
    margin: 0px 0px 0px 0px;
}
.box_title{
    line-height: 30px;
    width: 202px;
    overflow: hidden;
    background-image: url(images/spbox/title_bg.jpg);
    background-repeat: no-repeat;
    text-align: left;
    font-size: 17px;
    font-weight: bold;
    color: White;
    padding: 0px 0px 0px 7px;
    position: relative;
    margin: 0px 0px 1px 1px;
}
.box_content{
    background-image: url(images/spbox/main_bg.jpg);
    background-color: Transparent;
    background-repeat: no-repeat;
    width: 202px;
    height: 212px;
    overflow: hidden;
    position: relative;
    text-align : left;
}
.box_content img{
    border: 0px;
    position: relative;
    margin-top: 5px;
}
.box_content a
{
    margin: 0px 0px 0px 3px;
    text-decoration: none;
    position: relative;
    background-color: Transparent;
}
/*EOF san pham list page*/


/*--------------CSS menu-------------------*/

ul.cssMenu ul{display:none}
ul.cssMenu li:hover>ul{display:block}
ul.cssMenu ul{position: absolute;left:-1px;top:99.5%;}
ul.cssMenu ul ul{position: absolute;left:98%;top:0px;}
/* ul root */
ul.cssMenu
{
    margin:0px;
	list-style:none;
	padding:0px 2px 2px 0px;
	
    }
/* ul childs */
ul.cssMenu ul {
	margin:0px;
	list-style:none;
	padding:0px 2px 2px 0px;
	background-color:#fff;
	border-color:#AAAAAA;
	border-width:1px;
	border-style:solid;
	border-top:0px;
	z-index: 1000;
	position: absolute;
}
ul.cssMenu ul ul
{
    border-top:1px solid #AAAAAA;
    }
ul.cssMenu table {border-collapse:collapse}ul.cssMenu {
	display:block;
	zoom:1;
	float: left;
}
ul.cssMenu ul{
	width:180.65px;
}
ul.cssMenu li{
	display:block;
	margin:2px 0px 0px 2px;
	font-size:0px;
}
ul.cssMenu a:active, ul.cssMenu a:focus {
outline-style:none;
}

/* link color of sub menus */
ul.cssMenu ul li a
{
    color: #4792E6;
    }
ul.cssMenu a, ul.cssMenu li.dis a:hover, ul.cssMenu li.sep a:hover {
	display:block;
	vertical-align:middle;
	/*background-color:#ffffff;*/
	border-width:0px;
	border-color:#6655ff;
	border-style:solid;
	text-align:left;
	text-decoration:none;
	padding:9px;
	_padding-left:0;
	font:bold 12px Verdana;
	/*color: #444444;*/
	color: #fff;
	text-decoration:none;
	cursor:default;
}
ul.cssMenu span{
	overflow:hidden;
}
ul.cssMenu li {
	float:left;
}
ul.cssMenu ul li {
	float:none;
}
ul.cssMenu ul a {
	text-align:left;
	white-space:nowrap;
}
ul.cssMenu li.sep{
	text-align:center;
	padding:0px;
	line-height:0;
	height:100%;
}
ul.cssMenu li.sep span{
	float:none;	padding-right:0;
	width:5;
	height:16;
	display:inline-block;
	background-color:#AAAAAA;	background-image:none;}
ul.cssMenu ul li.sep span{
	width:80%;
	height:3;
}
ul.cssMenu li:hover{
	position:relative;
}
/* selected root item (hover child => root is selected)*/
ul.cssMenu li:hover>a{
	background-color:#fff;
	border-color:#665500;
	border-style:solid;
	font:bold 12px Verdana;
	color: #4792E6;
	text-decoration:none;
}
/*hover child items*/
ul.cssMenu ul li a:hover{
	position:relative;
	background-color:#4792E6;
	border-color:#665500;
	border-style:solid;
	font:bold 12px Verdana;
	color: #fff;
	text-decoration:none;
}
ul.cssMenu li.dis a {
	color: #AAAAAA !important;
}
ul.cssMenu img {border: none;float:left;_float:none;margin-right:4px;width:16px;
height:16px;
}
ul.cssMenu ul img {width:16px;
height:16px;
}
ul.cssMenu img.over{display:none}
ul.cssMenu li.dis a:hover img.over{display:none !important}
ul.cssMenu li.dis a:hover img.def {display:inline !important}
ul.cssMenu li:hover > a img.def  {display:none}
ul.cssMenu li:hover > a img.over {display:inline}
ul.cssMenu a:hover img.over,ul.cssMenu a:hover ul img.def,ul.cssMenu a:hover a:hover ul img.def,ul.cssMenu a:hover a:hover a:hover ul img.def,ul.cssMenu a:hover a:hover img.over,ul.cssMenu a:hover a:hover a:hover img.over,ul.cssMenu a:hover a:hover a:hover a:hover img.over{display:inline}
ul.cssMenu a:hover img.def,ul.cssMenu a:hover ul img.over,ul.cssMenu a:hover a:hover ul img.over,ul.cssMenu a:hover a:hover a:hover ul img.over,ul.cssMenu a:hover a:hover img.def,ul.cssMenu a:hover a:hover a:hover img.def,ul.cssMenu a:hover a:hover a:hover a:hover img.def{display:none}
ul.cssMenu a:hover ul,ul.cssMenu a:hover a:hover ul,ul.cssMenu a:hover a:hover a:hover ul{display:block}
ul.cssMenu a:hover ul ul,ul.cssMenu a:hover a:hover ul ul{display:none}
ul.cssMenu span{
	display:block;
	background-image:url(./images/arrv_anim_1.gif);
	background-position:right center;
	background-repeat: no-repeat;
   padding-right:11px;}
ul.cssMenu li:hover>a>span{	background-image:url(./images/arrv_anim_1o.gif);
}
ul.cssMenu a:hover span{	_background-image:url(./images/arrv_anim_1o.gif)}
ul.cssMenu ul span,ul.cssMenu a:hover table span{background-image:url(./images/arr_double_1.gif)}
ul.cssMenu ul li:hover > a span{	background-image:url(./images/arr_double_1o.gif);}
ul.cssMenu table a:hover span,ul.cssMenu table a:hover a:hover span,ul.cssMenu table a:hover a:hover a:hover span{background-image:url(./images/arr_double_1o.gif)}
ul.cssMenu table a:hover table span,ul.cssMenu table a:hover a:hover table span{background-image:url(./images/arr_double_1.gif)}

/*EOF CSS menu*/