#khungnoidung
{
padding:10px;
width:560px;
overflow:hidden;
margin-top:5px;
margin-left:5px;
margin-right:5px;
border:1px solid #cccccc;
}
/* link */
a {
    text-decoration : none;
    font-size:100%;
}
a:link, a:active ,a:visited{
    color : #ea8e0b;
    font-size:100%;
}
a:hover
{
	color: #990000;
	cursor:pointer;
	font-style:normal;
	font-size:100%;
	background-color:Transparent;
}


/* image */
img { border: 0px; } 

/* loginControl */
  #loginview
    {
     font-weight:bold;
     width:150px;
     float:left;
     font-size:10px;
     text-align:left;
    }
/*TREE VIEW CONTROL*/
.TreeView  
{
    border-bottom:1px dotted #B2B2B2 !important;
     text-align:left;
}
.TreeViewTitle
{
     color:#ea8e0b;
     font-weight:bold;
      padding-bottom:10px;
}

.TreeView div
{
    margin-left:5px;
}

.TreeView table
{
    border-top:1px dotted #B2B2B2 !important;
}

.TreeView div table
{
    border-bottom:none !important;
    border-top:none !important;
}

.TreeView table td
{
    padding:2px 0;
}
.TreeView a:link, a:active ,a:visited{
    color : #ea8e0b;
}
.TreeView a:hover
{
	color: #FFFFFF;
}
.LeafNodesStyle {}
.RootNodeStyle {}

/* ALL ELEMENTS */
.NodeStyle 
{
	height:20px;
	width:170px;
	font-size:12px;
	font-family:Tahoma,verdana;
	padding-left:5px;
	padding-right:5px;
	vertical-align:middle;
	color: #FFF;
	/*text-transform:uppercase;*/
	 background-color:#101010;
}
.ParentNodeStyle 
{
    background:yellow;
}
/* breadcrumb */
.breadCrumb
{
  text-decoration: none;
  font-size:11px;
  font-family:Tahoma,verdana,arial;
  font-weight:bold;
  color:#ea8e0b;
  font-style:normal;
  
}
a.breadCrumb:link
 {
  text-decoration: none;
  font-size:11px;
  font-family:Tahoma,verdana,arial;
  font-weight:bold;
   color:#ea8e0b;
   font-style:normal;
}
a.breadCrumb:hover
{
    text-decoration: none;
    font-size: 11px;
    color: #990000;
    font-family: Tahoma,verdana,arial;
    font-style: normal;
}
/* button */
.rssbutton{
background-color: #ff6600;
border: 1px #ff6600 outset;
padding: 0 2px;
color: white;
text-decoration: none;
font: bold 10px Verdana;
}

.rssbutton:visited, .rssbutton:hover, .rssbutton:active{
color: white;
}

.cssbutton{
background-color: #d1ec4c;
border: 2px #d1ec4c outset;
padding: 1px 4px;
color: black;
text-decoration: none;
font: bold 90% "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
}

.cssbutton:visited{
color: black;
}

.cssbutton:hover{
border-style: inset;
background-color: #e3f48e;
padding: 2px 3px 0 5px; /*shift text 1px to the right and down*/
}

.cssbutton:active{
color: black;
}

/* Paging */

.pagination{
  padding: 2px;
  margin:4px 0 4px 0;
  clear: both;
  height:12px;
  text-align:left;
 }

.pagination ul{
  margin: 0;
  padding: 0;
  text-align: center;/*Set to "left" or "right" to left/right align pagination interface*/
  font-size: 10px;
  color:#222;
}

.pagination li{
  list-style-type: none;
  display: inline;
  padding-bottom: 1px;
  
}

.pagination a, .pagination a:visited
{
	padding: 0 1px;
	/*border: 1px solid #FFF;*/
	text-decoration: none;
	color: #000099;
	font-size: 100%;
	 border:1px solid #CCCCCC;
}

.pagination a:hover, .pagination a:active{
  border: 1px solid #CCCCCC;
  color: #000;
  background-color: #EFEFEF;
}

.pagination a.currentpage
{
	/*Style for currently selected page link*/
	background-color: #2e6ab1;
	color: #FFF !important;
	border-color: #2b66a5;
	font-weight: bold;
	cursor: default;
}

.pagination a.disabled, .pagination a.disabled:hover{/*Style for "disabled" previous or next link*/
  background-color: white;
  cursor: default;
  color: #929292;
  }

.pagination a.prevnext{/*Style for previous and next link*/
  font-weight: normal;
  font-size: 100%;
  border:1px solid #FFFFFF;
}

/* End paging */
/* MainMenu */
#ddcolortabs{
margin-left: 4px;
padding: 0;
width: 100%;
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
padding-left: 5px;
text-align:center;
}

#ddcolortabs ul
{
font: bold 11px Arial, Verdana, sans-serif;
margin:0;
padding:0;
list-style:none;
}

#ddcolortabs li{
display:inline;
margin:0 2px 0 0;
padding:0;
text-transform:uppercase;

}
#ddcolortabs a
{
	float: left;
	color: white;
	background: url(Images/color_tabs_left.gif) #CC0000 no-repeat left top;
	margin: 0 2px 0 0;
	padding: 0 0 1px 1px;
	text-decoration: none;
	letter-spacing: 1px;
	font-weight: bold;
}

#ddcolortabs a span{
float:left;
display:block;
background: transparent url(Images/color_tabs_right.gif) no-repeat right top;
padding:4px 4px 2px 4px;
}

#ddcolortabs a span{
float:none;
}


#ddcolortabs a:hover{
background-color: #990000;
}

#ddcolortabs a:hover span
{
	background-color: #990000;
}

#ddcolortabs #current a, #ddcolortabs #current span{ /*currently selected tab*/
background-color: #990000;
}

#ddcolortabsline
{
	clear: both;
	padding: 0;
	width: 100%;
	height: 8px;
	line-height: 8px;
	background: #990000;
	border-top: 1px solid #fff; /*Remove this to remove border between bar and tabs*/
}


.bginfo
{
	background-image:url(images/bginfo1.gif) ;
	background-repeat:repeat-x;
	width:750px;
	border:1px solid #CCCCCC;
	
}
#footer a
{
	color:white;
	text-decoration:none;
	font-weight:bold;
	font-size:12px;
}


/* buuton */
.cssbutton{
  background-color: #CC0000;
  border: 2px #CCCCCC outset;
  padding: 1px 4px;
  color: white;
  text-decoration: none;
  font: bold 100% Verdana, Tahoma, Arial, "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
}

.cssbutton:visited, .cssbutton:active{
  color: black;
}

.cssbutton:hover{
  border-style: outset;
  background-color: #1371b1;
  color:#CCCCCC;
  padding: 2px 3px 0 5px;/*shift text 1px to the right and down*/
}
 div.sectionsubtitle
{
   font-weight: bold;
   padding-bottom: 4px;
}
.sectionsubtitle
{
 font-weight: normal;
   padding: 4px;
   font-size: 12px;
}
div.sectiontitle
{
   padding: 6px 6px 6px 3px;
   background-color: #818689;
   color: white;
   font-size: 12px;
   font-weight: bold;
   text-transform: uppercase;
}
td
{
   vertical-align: top;
}

td.fieldname
{
   text-align: right;
   font-size: 12px;
   font-weight: bold;   
}
.postinfo
{
   background-color: #f9eaa6;
   font-weight: bold;
   text-align: center;
}

.posttitle
{
   padding: 3px;
   margin-bottom: 10px;
   background-color: #f09d35;
   color: black;
   font-weight: bold;
}

.postbody
{
   padding: 3px;
}
/* footer */
.fmenu
{
 font-size:12px;
 font-family:Tahoma,arial,verdana;
 padding-left:5px; padding-right:5px;
}
.fmenu a
{
	font-weight: bold;
	color: #990000;
}
.fmenu a:hover {
    color : #ea8e0b;
}
#footermenu
{
	width:auto;
	margin: auto;
	text-align: center;
	display: table;
	background-color: #cccccc;
	padding-top: 5px;
}
#footertext
{text-align:center;width:794px;color:#666;}
.link a{font-size: 12px; color:#3300cc; text-decoration:none;font-weight: normal;}
.link a:hover
{
    text-decoration: none;
    font-weight: normal;
    font-size: 12px;
    color: #990000;
    font-family: verdana,arial;
    font-style: normal;
}
 

/* image */
img { border: 0px; } 
/* loginControl */
  .loginview a
    {
     font-weight:bold;
     width:130px;
     float:left;
font-size:90%;	
    }
/*TREE VIEW CONTROL*/
.TreeView  
{
    border-bottom:1px dotted #B2B2B2 !important;
     text-align:left;
     background-color:#101010;
}
.TreeViewTitle
{
     color:#ea8e0b;
     font-weight:bold;
     padding-bottom:10px;
     text-align:left
}

.TreeView div
{
    margin-left:5px;
    width:100%;
     
}

.TreeView table
{
    border-top:1px dotted #B2B2B2 !important;
}

.TreeView div table
{
    border-bottom:none !important;
    border-top:none !important;
}

.TreeView table td
{
    padding:2px 0;
}
.TreeView a:link, a:active ,a:visited{
    color : #ea8e0b;
    
}
.TreeView a:hover
{
	color: #FFFFFF;
	text-decoration:none;
}
.LeafNodesStyle {}
.RootNodeStyle {}

/* ALL ELEMENTS */
.NodeStyle 
{
	height:20px;
	width:100%;
	padding-left:5px;
	padding-right:5px;
	vertical-align:middle;
	color: #FFF;
	 background-color:#101010;
}
.ParentNodeStyle 
{
    background:yellow;
}
/* breadcrumb */
.breadCrumb
{
  text-decoration: none;
  font-weight:bold;
  color:#ea8e0b;
  font-style:normal;
  font-size: 100%;
  
}
a.breadCrumb:link
 {
  text-decoration: none;
  font-size:100%;
  font-weight:bold;
  color:#ea8e0b;
  font-style:normal;
}
a.breadCrumb:hover
{
    font-size: 100%;
    color: #990000;
    font-style:normal;
    background-color:#FFFFFF;
    text-decoration:none;
    
}
/* button */
.cssbutton
{
	background-color: #ffcc66;
	border: 2px #d1ec4c outset;
	padding: 1px 4px;
	color: black;
	text-decoration: none;
	font: bold 100% Verdana, Tahoma,Arial;
}

.cssbutton:visited{
color: black;
}

.cssbutton:hover
{
	border-style: inset;
	background-color: #990000;
	color:White;
	padding: 2px 3px 0 5px; /*shift text 1px to the right and down*/
}

.cssbutton:active{
color: black;
}

/* Paging */
.pagination{
padding: 2px;
font-size:100%;
}

.pagination ul{
margin: 0;
padding: 0;
text-align: left; /*Set to "right" to right align pagination interface*/
font-size:100%;
}

.pagination li{
list-style-type: none;
display: inline;
padding-bottom: 1px;
margin-left:1px;
}

.pagination a, .pagination a:visited{
padding: 0 2px;
border: 1px solid #9aafe5;
text-decoration: none; 
color: #2e6ab1;
}

.pagination a:hover, .pagination a:active{
border: 1px solid #2b66a5;
color: #000;
background-color: #CCCCCC;
}

.pagination a.currentpage{
background-color: #2e6ab1;
color: #FFF !important;
border-color: #2b66a5;
font-weight: bold;
cursor: default;
}

.pagination a.disablelink, .pagination a.disablelink:hover{
background-color: white;
cursor: default;
color: #929292;
border-color: #CCCCCC;
font-weight: normal !important;
}

.pagination a.prevnext{
font-weight: bold;
}


/*product */
.productcurrency
{ 
    color:#000066;
    line-height:15px;
    text-align:left;
    font-weight:bold;
     font-size:100%;
    }
.productprice
{
	color: red;
	
	text-align: left;
	
	line-height: 20px;
	font-weight: bold;
	 font-size:100%;
}
.productname
{
	color:#2c2c2c;
	font-weight: bold;
	cursor: pointer;
	text-transform:uppercase;
	 font-size:100%;
}
 a.productname
{
    font-family:Tahoma,verdana,Arial;
    font-size:100%;
   color:#2c2c2c;
   font-weight:bold;
   background-color:#FFFFFF;
}

a.productname:hover
{ 
    color:#990000;
    font-weight:bold;
    text-decoration:none;
    cursor:pointer;
    font-size:100%;
    background-color:#FFFFFF;
}
.shortDescription 
{
    color:#000066;
    list-style-type: disc;
    line-height:15px;
    text-align:left;
     font-size:100%;
}

.manufacturer
{
    color:#000066;
    line-height:15px;
    text-align:left;
    font-weight:bold;
     font-size:100%;
}
.saleOff
{
    color:  #990099;
    font-weight:bold;
     font-size:100%;
}
.productprice,.manufacturer,.shortDescription,.productprice,.productcurrency,.breadCrumb
{
	 font-size:100%;
}
 /*checkOut */
 .subtotal
 {
	color:#696969;
	 font-size:100%;
	 }

 .totalbox
{
	text-align:center;
	color:#696969;
	font-weight:bold;
 font-size:100%;
}

.required
{
    font-size:100%;
    font-weight:bold;
    color:Red;
}
/* manufacturer */
.brandlist
{
	height:20px;
	width:170px;
	font-size:100%;
	font-family:Tahoma,verdana;
	padding-left:5px;
	padding-right:5px;
	vertical-align:middle;
	color: #FFF;
	/*text-transform:uppercase;*/
	 background-color:#101010;
	
}
a.brandlist:hover, a.brandlist:link, a.brandlist:visited
{
	
	height: 20px;
	width: 160px;
	font-size:100%;
	font-family: Tahoma,verdana;
	padding-left: 5px;
	padding-right: 5px;
	vertical-align: middle;
	color: #FFFFFF;
	cursor: pointer;
	
}

 .textbrand
 {
 font-size: 11px;
 text-decoration: none;
 
 color: #787878;
 font-family: tahoma, Arial;
  font-size:100%;
   
 }
 a.textbrand:hover
 {
    font-family: tahoma, Arial;
    font-size: 100%;
    color: #990000;
    text-decoration: none;
    cursor: pointer;

 }
  a.textbrand:active
{
    font-family: tahoma,verdana,sans-serif;
    font-size: 100%;
    color: #990000;
    font-weight: bold;
    text-decoration: none;
    cursor: default;
}
.imageproduct,imagebutton
{
	cursor:pointer;
	border:none;
}

/*footer */
.footerstyle
{

width:754px;
margin:2px;
height:23px; 
padding-top:5px; 
text-align:center;
vertical-align:middle; 
margin-top:20px;
/*	filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#d26B96,endColorStr=#ff99cc); */
}

a.footerLink, a.footerLink:link
{
    font-size: 11px;
    color: #000000;
    font-family: verdana,tahoma;
    text-decoration:none;
    font-weight:normal;
}

a.footerLink:hover
{
    font-size: 11px;
    font-family:verdana, tahoma;
    color:#990000;
    text-decoration:none;
    font-weight:normal;
}
/*Details Product */
#bgtopproduct
{
	background-image: url(images/bgtopdetailproduct.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width:590px;
	height:25px;
	color:#FFF;
	font-weight:bold;
	text-align:left;
	padding-left:10px;
	
}
#bgmiddleproduct
{
	width:590px;
 background-color:#eb8e0b;
   
}
#bgbottomproduct
{
	background-image: url(images/bgbotproduct.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width:590px;
	height:6px;
}
.footerbottom
{
	background: url(images/bottom.gif)  top left no-repeat ;
	border:none;
}
/*Main menu Alpha */
.solidblockmenu{
margin: 0;
padding: 0;
float: left;
font: bold 12px Arial;
width:auto;
border: 1px solid #625e00;
border-width: 0px 0;
background: black url(images/blockactive.gif) center center repeat-x;
}
.solidblockmenubg{
margin: 0;
padding: 2px;
float: right;
border: 1px solid #625e00;
border-width: 1px 0;
background: black url(images/blockactive.gif) center center repeat-x;
}
.solidblockmenu li{
display: inline;
}

.solidblockmenu li a{
float: left;
color: white;
padding: 3px 10px;
text-decoration: none;
border-right: 1px solid white;
}

.solidblockmenu li a:visited{
color: white;
}

.solidblockmenu li a:hover, .solidblockmenu li .current{
color: white;
background: transparent url(images/blockdefault.gif) center center repeat-x;
}
/* footer */
.fmenu
{
 padding-left:5px; padding-right:5px;
}
.fmenu a {
    font-weight : normal;
    color : #ea8e0b;
}
.fmenu a:hover {
    color : #ea8e0b;
}
.imagelink
{
	border:none;
	cursor:pointer	
}
#footermenu
{margin:auto;text-align:center;display:table; background-color:#101010;padding-top:5px;}
#footertext
{text-align:center;width:794px;color:#666;}
#productvariant
{background-color:#FFF;width:570px}

/*Address */
#address
{
	width:500px;border:1px solid #CCCCCC; background-color:#EFEFEF;
}
#address td
{
	padding-top:5px; padding-bottom:5px;
}
.checkouttext
{
	height:20px;
	width:350px;
}
.labelcheckout
{

	width:150px;

}

.hometableitem
{
	width:49.4%;
	padding:2px;
	overflow:hidden;
}
.hometableitem1col
{
	width:99%;
	padding:2px;
	overflow:hidden;
}
.featureItem
{
padding:2px;
width:100%;
 border:1px dashed #ea8e0b ;
 overflow:hidden;
 margin:2px;
}
.contact
{
	width:420px;
	padding:5px;
	border:1px solid #333333;
}