/* CoolMenus 4 - default styles - do not edit */
.clCMEvent{position:absolute; width:99%; height:99%; clip:rect(0,100%,100%,0); left:0; top:0; visibility:visible}
.clCMAbs{position:absolute; visibility:hidden; left:0; top:0}
/* CoolMenus 4 - default styles - end */

/*Style for the background-bar*/
.clBar{position:absolute; width:10; height:10; background-color:#FFFFFF; layer-background-color:#FFFFFF; visibility:hidden}

/*Styles for level 0*/
.clLevel0, .clLevel0over{position:absolute; font-family:arial; font-size:13px; font-weight:bold; text-align:left;}
.clLevel0{background-color:#7EB6FA; layer-background-color:#7EB6FA; color:#213343; cursor:pointer; cursor:hand;}
.clLevel0over{background-color:#CC9900; layer-background-color:#CC9900; color:#CC9900; cursor:pointer; cursor:hand; }
.clLevel0border{position:absolute; visibility:hidden; background-color:#FFFFFF; layer-background-color:#FFFFFF}

/*Styles for level 1*/
.clLevel1, .clLevel1over{position:absolute; font-family:arial; font-size:11px; text-align:left;}
.clLevel1over{background-color:#0a4c80; layer-background-color:#0a4c80; color:#FFFFFF; cursor:pointer; cursor:hand; filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8;}
.clLevel1{background-color:#879564; layer-background-color:#879564; color:#FFFFFF; cursor:pointer; cursor:hand; filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8;}
.clLevel1border{position:absolute; z-index:500; visibility:hidden;}


/* HAI NHAN PORTAL 2.3 CSS */

body, td {
  font-family:Arial;
  font-size:12px;
  color:#333333;
  margin:0px;
  padding:0px;
  text-align:center;
  background-color:#FFFFFF;
  line-height:17px;
}

a:link {
	color: #BA8B1A;;
	text-decoration: none;
}
a:visited {
	color: #BA8B1A;;
	text-decoration: none;
}
a:hover {
	color: #F7931D;
	text-decoration:underline;
}
a:active {
	color: #BA8B1A;
	text-decoration: none;
}



/*  DIVS ON PAGE */
#page {
  margin:auto;
  padding:0px;
  width:770px;
  height:auto;
  text-align:left;
  background:#eeeeee;
  /*background-image:url(/images/centerHome.jpg);*/
  background-repeat:repeat-y;
 }

/* HEADER */

#header {
float:left;
width:770px;
/*height:102px;*/
background-image:url(/images/header_bg.jpg);
background-repeat:repeat-x;
}


#centerHome {
float:left;
width:770px;
background-image:url(/images/centerHome.jpg);
background-repeat:repeat-y;
padding-bottom:20px;
}

#center {
  float:left; 
  width:550px; 
  height:auto;
  margin-bottom:0px;
  text-align:left;
 }

#right{
float:right;
width:220px;
height:auto;
margin-left:0px;
margin-right:0px;
}






/* MENU */

#menu {
float:left;
width:477px;
height:77px;
}

#menuHeader {
float:left;
width:20px;
height:70px;
}
#menuImage {
float:left;
height:77px;
}

/* LANGUAGE BAR*/
#Ngonngu {
float:left;
width:478px;
height:25px;
background-image:url(/images/languagebar_bg.jpg);
background-repeat:no-repeat;
margin:0px;
padding:0px;
}
#languageBar {
}

#languageBar img {
float:right;
border:0px;
margin-right:10px;
margin-top:8px;
}


/* LINE */

#line1 {
  float:right;
  width:768px;
  height:26px;

  margin-top:5px;
  margin-right:10px;
  text-align:right;
}
div #line1 a {
  color:#888888;
}
#line1Separator {
  margin-left:5px;
  margin-right:5px;
  color:#EEEEEE;
}






/* SEARCH BAR */

#searchBar {
}
#searchBarTextbox {
}
div #searchBarTextbox input {
}
#searchBarButton {
}




/* SEARCH PRODUCT BAR */

#searchProductBar {
  width:153px; 
  height:113px;
  background-color:#9EB8C5;
}
#searchProductBarHeader {
  width:153px; 
  height:22px;
  background-image: url(/images/search_product_header.jpg);
}
div #searchProductBarKeyword input {
  width:140px; 
  height:20px;
  margin-left:6px;
  margin-top:8px;
  color:gray;
  background-color:#EEEEEE;
}
div #searchProductBarBrand select {
  width:140px; 
  height:20px;
  margin-left:6px;
  margin-top:6px;
  color:gray;
  background-color:#EEEEEE;
}
#searchProductBarSubmit {
  margin-left:6px;
  margin-top:6px;
}








/* BANNER */

#banner {
  float:left;
  width:604px; 
  height:85px;
  margin-left:6px;
}
div #banner img {
  padding:0px; 
  margin:0px;
  border:0px;
  margin-right:0px;
}




/* LOCATOR */

#locator {
  width:780px;
  height:22px;
  text-align:right;
}
#locatorBody {
  padding-top:3px;
color:#009933;
}
#locatorSeparator {
  margin-left:5px;
  margin-right:5px;
color:#8f4444;
}
#locatorItem {
color:#444444;
padding-right:25px;
}






/* TAB ARTICLE & PRODUCT */
#tabNewsHome {
width:550px;
}
 #tabNewsHomeItem{
widtth:550px;
}
#tabNewsHomeItemSummary{
padding-top:15px;
padding-left:20px;
padding-right:20px;
}

#tabProductsHome{
padding-left:50px;
}
#tabProductsHomeItem{
float:left;
width:160px;
padding-top:20px;
padding-bottom:20px;
}
#tabProductsHomeThumbnail {
width:120px;
height:120px;
border:1px solid #d6d6d6;
}
div #tabProductsHomeThumbnail img {
border:0px;
}
#tabProductsHomeName {
padding-top:5px;
padding-right:20px;
}




/* RIGHT */
#tabHomeRightItemDetail{

}

/* FOOTER */


#footer {
font-size:11px;
 width:770px; 
 height:50px;
 clear:both; 
 background:url(bg_footer.jpg) repeat-x;
 color:#CDCDCD;
}
#footer a {
color:#CDCDCD;
}
#footer a:hover {
color: #F7931D;
text-decoration:underline;
}
#footer_Content {
 padding-top:10px;
 padding-left:20px;
}




/* SUBMENU */

#submenu {
  width:220px; 
  height:auto;
  margin-left:0px; 
  margin-top:0px;
  }


#submenuHeaderProduct { 
}
#submenuHeader200 { 

}
#submenuHeader300 { 
}

#submenuHeader400 { 
}
#submenuHeader500 { 
}
#submenuHeader600 { 
}
#submenuItem, #submenuItemSelected {
  height:28px; 
  margin-top:0px; 
  padding-left:20px;
  POSITION: relative;
  padding-top:5px;
  background-color:#d6d6d6;
  border-bottom:1px solid #F0F0F0;
}
div #submenuItemSelected {
  background-color:#e3e3e3;
  POSITION: relative;
  padding-top:5px;
  }


#submenuFooter {
margin-top:0px;
}

/* ADS */
#adsLogo {
float:left;
}

#adsHomeBanner {
  width:780px;
  height:190px;
  float:left;
}

#adsPageBanner {
  width:604px;
  height:91px;
  background-color:#EEEEEE;
  margin-bottom:10px;
}
#adsPageBanner object {
  width:604px;
  height:91px;
}

#adsLeft {
  width:152px;
  margin-top:10px;
}
#adsLeftItem {
  margin-bottom:5px;
}
div #adsLeftItem img {
  width:152px;
  border:0px;
}


#adsProduct {
  width:604px;
  height:125px;
  margin-top:10px;
  margin-bottom:10px;
}
#adsProductItem {
  float:left;
}
div #adsProductItem img {
  border:0px;
}





/* ARTICLE GROUP */
#articleGroup {
  width:95%;
  }
#articleGroupName {
  font-size:16px;
  font-weight:bold;
  margin-bottom:20px;
}
#articleGroupChildName {
  font-size:14px;
  font-weight:bold;
  margin-bottom:10px;
}
div #articleGroupChildName a {
  color:#333333;
}
#articleGroupItem {
  width:100%;
}
#articleGroupItemName {
  font-size:14px;
  font-weight:bold;
  margin-bottom:10px;
}
#articleGroupItemThumbnail {
  float:left;
  width:0px;
  margin-right:10px;
}
div #articleGroupItemThumbnail img {
  border:0px;
}
#articleGroupItemRight {
  float:left;
}
#articleGroupItemSummary {
  margin-bottom:10px;
}
#articleGroupItemDate {
  margin-left:5px;
  font-size:11px;
  color:#999999;
}
#articleGroupSeparator {
  width:100%;
  height:5px;
}



/* ARTICLE LIST */

#articleList {
  width:100%;
  height:auto;
  margin-top:10px;
  padding-left:20px;
  }
div #articleList a {
  color:#006666;
}
div #articleList a:hover {
  color:#CC9900;
}

#articleListItem {
  clear:both;
  width:100%;
  }
#articleListName {
  font-size:16px;
  font-weight:bold;
}
#articleListItemName {
  font-size:14px;
  font-weight:bold;
  margin-top:10px;
  }
#articleListItemThumbnail {
  float:left; 
  width:70px;
  padding-top:8px;
padding-bottom:10px;
}
div #articleListItemThumbnail img {
  border:0px;
  margin-right:10px;
width:60px;
}
#articleListItemSummary {
  float:left;
  color:#444444;
  text-align:left;
  width:460px;
padding-top:6px;
  }
#articleListItemDate {
  font-size:11px;
  color:#EEEEEE; 
  margin-left:10px;
}
#articleListSeparator {
  clear:both;
  width:400px;
  height:5px;
}


/* NEWS LIST */

#newsList {
  width:100%;
  }
#newsListName {
  font-size:16px;
  font-weight:bold;
}
#newsListItem {
  width:100%;
  height:auto;
  clear:both;
}
#newsListItemName {
  font-size:14px;
  font-weight:bold;
  margin-top:10px;
  margin-bottom:8px;
}
#newsListItemThumbnail {
  float:left; 
  width:auto;
  padding-top:4px;
}
div #newsListItemThumbnail img {
  border:0px;
  margin-right:10px;
}
#newsListItemSummary {
  color:#777777;
}
#newsListItemDate {
  font-size:11px;
  color:#EEEEEE; 
  margin-left:10px;
}
#newsListSeparator {
  clear:both;
  width:600px;
  height:5px;
}





/* ARTICLE */

#article {
  width:500px;
  margin-left:30px;
  margin-top:20px;
  margin-right:20px;
margin-bottom:20px;
}
#articleName {
  font-size:20px;
  color:#666666;
  font-weight:bold;
  margin-bottom:20px;
  line-height:30px;
}
#articleContent img {
max-width:450px;
width:expression(this.width > 450 ? "450px" : this.width);
}


/* PRODUCT */

#product {
  width:500px;
  height:auto;
  padding-top:20px;
  padding-left:30px;
  padding-right:20px;
  float:left;
}
#productName {
  font-weight:bold;
  font-size:16px;
  margin-bottom:20px;
}
#productPrice {
  margin-top:10px;
  font-size:13px;
}
div #productPrice img {
  margin-left:10px;
  vertical-align:middle;
  border:0px;
}
#productPriceNumber {
  font-weight:bold;
  margin-left:0px;
  margin-right:2px;
  color:#FF6002;
}
#productContent {
  line-height:18px;
}
#productFooter {
width:90%;
height:20px;
}
#productOther {
  width:95%;
  height:auto;
  margin-top:20px;
  margin-bottom:20px;
  margin-left:30px;
}
#productOtherHeader {
font-size:13px;
font-weight:bold;
 }
#productOtherItem {
  float:left;
  width:160px;
  height:180px;
  margin-right:0px;
  margin-top:10px;
  margin-bottom:10px;
  font-size:13px;
}
#productOtherItemThumbnail {
width:122px;
height:122px;
text-align:center;
display:table-cell;
vertical-align:middle;
text-valign:middle;
border:1px solid #d6d6d6;
background-color:#f8f8f8;
}
div #productOtherItemThumbnail img {
border:0px;
}
#productOtherItemName {
  font-size:11px;
  margin-bottom:10px;
  padding-right:20px;
  }
#productOtherFooter {
width:80%;
height:20px;
}

/*  PRODUCT LIST */
#productList {
width:550px;
height:auto;
float:left;
margin-bottom:20px;
}
#productListName {
  font-size:20px;
  color:#666666;
  font-weight:bold;
  margin-bottom:20px;
  line-height:30px;
padding-top:20px;
padding-left:30px;


}
#productListContent {
width:500px;
height:auto;
padding-top:20px;
padding-left:30px;
padding-right:20px;
margin-bottom:20px;  
}
#productListItem {
  clear:both;
  width:500px;
  height:auto;
  padding-top:20px;
  padding-left:30px;
  padding-right:20px;
}
#productListItemThumbnail {
float:left;
width:120px;
height:auto;
text-align:left;
 }

div #productListItemThumbnail img {
  border:0px;
 }
#productListItemName {
  float:left;
  width:350px;
  font-size:13px;
  font-weight:bold;
  padding-left:20px;
 }
div #productListItemName a {
  }
div #productListItemName a:hover {
  }
#productListItemSummary {
 float:left; 
 width:330px;
  font-size:11px;
  padding-left:20px;
 }
#productListItemPrice {
  margin-top:10px;
  font-size:13px;
}
div #productListItemPrice img {
  margin-left:10px;
  vertical-align:middle;
  border:0px;
}
#productListItemPriceNumber {
  font-weight:bold;
  margin-left:0px;
  margin-right:2px;
  color:#FF6002;
}


/*  PRODUCT GROUP */
#productGroup {
width:100%;
height:auto;
 }
#productGroupName {
  font-size:20px;
  color:#666666;
  font-weight:bold;
  margin-bottom:20px;
  line-height:30px;

  }
#productGroupContent {
  }
#productGroupChildName {
  width:100%;
  height:25px;
  font-weight:bold;
  font-size:14px;
  margin-bottom:10px;
  background-color:#A2D4EA;
  border-bottom:1px solid #EEEEEE;
  clear:both;
}
div #productGroupChildName a {
  color:#333333;
}
#productGroupItem {
  width:190px;
  height:auto;
  float:left;
  margin-bottom:20px;
}
#productGroupItemThumbnail {
  width:120px;
  height:120px; 
  text-align:center;
  display:table-cell;
  vertical-align:middle;
}

div #productGroupItemThumbnail img {
  border:0px;
  display:block;
  vertical-align:middle;
}
#productGroupItemName {
  font-size:11px;
  font-weight:bold; 
}
div #productGroupItemName a {
  color:#0995D3;
}
div #productGroupItemName a:hover {
  color:orange;
}
#productGroupItemSummary {
  width:180px;
  font-size:11px;
  margin-top:10px;
}
#productGroupItemPrice {
  margin-top:10px;
  font-size:13px;
}
div #productGroupItemPrice img {
  margin-left:10px;
  vertical-align:middle;
  border:0px;
}
#productGroupItemPriceNumber {
  font-weight:bold;
  margin-left:0px;
  margin-right:2px;
  color:#FF6002;
}





/* PAGING */
#paging {
float:left;
  width:440px;
  height:35px;
}
div #paging a {
  color: #808080;
}
div #paging a:hover {
color:#FF9900;
}

#pagingHeader {
  clear:both;
  width:100%;
  height:10px;
  }
#pagingLabel {
  float:left;
  width:auto;
  height:22px;
  padding-left:20px;
  margin-right:5px;
  color:#808080;
}
#pagingPage {
  float:left;
  width:auto;
  height:22px;
  margin-left:3px;
  margin-right:3px;
}
#pagingSeparator {
  float:left;
  width:3px;
  height:10px;
}
#pagingFooter {
  float:left;
  width:15px;
  height:22px;
}






/* CONTACT */

#contact {
  width:400px;
  height:250px;
  margin-top:20px;
}
#contactLabel {
  float:left;
  width:150px;
  height:30px;
}
#contactName, #contactEmail, #contactAddress, #contactPhone, #contactContent {
  float:left;
  width:250px;
  height:30px;
}
#contactContent {
  height:60px;
}
div #contactName input, div #contactEmail input, div #contactAddress input, div #contactPhone input {
  width:220px;
  padding:0px;
  margin:0px;
}
div #contactContent textarea {
  width:220px;
  height:50px;
}
#contactButton {
  clear:both;
  width:400px;
  height:40px;
}

/* CALENDAR */

#calendar {
  width:180px;
  border:1px solid #EEEEEE;
  border-spacing:5px;
  background-color:#FAFAFA
}
#calendarDayName {
  width:180px; 
  text-align:center; 
  height:20px
}
#calendarMonth {
  background-color:#457DCA; 
  font-weight:bold; 
  color:#FFFFFF; 
  height:25px; 
  text-align:center
}
#calendarWeek {
  width:180px;
  background-color:#EEEEEE;
  font-weight:bold;
  height:20px; 
  text-align:center
}
#calendarToDay {
  background-color:#F98427; 
  font-weight:bold; 
  text-align:center
}
#calendarSunday {
  color: #F98427; 
  text-align:center
}
#calendarSaturday {
  color:#F98427; 
  text-align:center
}





/* Product */
.productTable {width:480px; border:0px}
.productCellLeft {width:250px;vertical-align:top; padding-top:10px; padding-left:0px; padding-right:0px; padding-bottom:0px; margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px}
.productCellRight {width:230px;vertical-align:top; padding-top:10px; padding-left:10px; padding-right:0px; padding-bottom:0px; margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px}

.productListTable {width:480px; border:0px}
.productListCell {vertical-align:top; padding-top:10px; padding-left:0px; padding-right:0px; padding-bottom:0px; margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px}

.productImageSmall {border: 1px solid #333333; width:145px; height:145px}
.productImageMedium {border: 1px solid #333333; width: 250px; height:250px}
.productImageLarge {border: 1px solid #333333; width: 400px; height:400px}

.productSampleText {font-style: italic}
.productPriceAndSampleTable {width:210px; border:0px}
.productSampleCellLeft {width:110px; vertical-align:top; padding-top:4px; padding-left:0px; padding-right:4px; padding-bottom:0px; margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px}
.productSampleCellCenter {width:80px; vertical-align:top; padding-top:4px; padding-left:0px; padding-right:4px; padding-bottom:0px; margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px; text-align:right}
.productSampleCellRight {width:20px; vertical-align:top; padding-top:4px; padding-left:0px; padding-right:4px; padding-bottom:0px; margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px; text-align:right}



/* MESSAGE */
#message {
  padding:10px;
  border:1px solid #999999;
  background-color:#FCE089;
  margin-top:10px;
  margin-bottom:10px;
}