.category
{
	background-color:#CCCCCC; 
	color:#333333;
	font-size:small;	
	border-bottom:solid 1px #757575;
	font-size :x-small;
}

.category >a
{
	color:#333333;
}

.categorytd
{
	background-color:#CCCCCC; 
	color:#A4A4A4;
	font-size:small;		
	font-size :x-small;
}
.categoryselectedtd
{
	background-color:#991585; 
	color:White;
	font-size:small;	
	font-size :x-small;
}
.categoryselectedtd >a 
{	
	color:White;
}

.categorytd td:hover
{
	background-color:#991585; 	
	color:White;
}
.category td:hover
{
	background-color:#991585; 	
	color:White;
}
.categorytd  a:hover
{	
	color:White;
}






/*added by Rayvin*/
.submitbtn {
	background-color: #AAAAAA; 
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
    border: 1px #000000;
	padding-top: 1px;
	padding-left: 2px;
	padding-right: 2px;
	padding-bottom: 1px;
	font-weight: bold;
	z-index:999;
}
.submitbtn:hover {
    border: 1px #000000;
    background: #D3D3D3;
	font-weight: bold;
}
.TitleText {
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
}
.mytextbox {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
}
.errortext {
	color: red;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 10pt
}
.titletxt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #000000;
	font-weight: normal;
}
.bodytext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}
.bodytextbold{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	font-weight: bold;
}
.notetext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
}
.ddl {
	background-color: White;
	color: Black;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	padding-top: 1px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 1px;
	line-height: 15px;
}
.topimage {
	background: url('top_background.jpg') repeat;
}

/*added by Huy*/
.profilemenu
{	
	color: #887987;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}

.profilemenuspan
{	
	color: #887987;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}

.profilemenuspan:hover
{	
	border: 1px #000000;
    background: #F0A2EB;
	font-weight: bold;
	font-size: 12px;
	color: white;
}

.profilemenuspan A:hover
{
	color: white;
}
.profilemenuspan A:link {text-decoration: none;color: #887987;}
.profilemenuspan A:visited {text-decoration: none;color: #887987;}
.profilemenuspan A:active {text-decoration: none;color: #887987;}

.profilemenu:hover
{
	border: 1px #000000;
    background: #F0A2EB;
	font-weight: bold;
	font-size: 12px;
	color: white;
}



body  {
	font-family: Verdana;
	font-size: 11px;
	line-height: 15px;
	color: #666666;
	background: #CCCCCC;
	margin: 0;
	padding: 20px 0px 20px 0px;
	text-align: center;
}

.thrColFixHdr #container {
	width: 928px;
	background: #FFFFFF;
	margin: 0 auto;
	text-align: left;
	background-image: url(images/01_container1_bg.png);
} 

.thrColFixHdr #header {
	padding: 0px 0px 0px 0px;
	width: 928px;
	height: 275px;
	text-align: center;
	overflow: hidden;
} 

.thrColFixHdr #header1 {
	width: 928px;
	height: 113px;
	background-image: url(images/02_header_row1_bg.gif);
	text-align: left;
}

.thrColFixHdr #header2 {
	width: 928px;
	height: 162px;
	background: url(images/02_header_row2_bg.jpg) center no-repeat;
}

.thrColFixHdr #signinbox {
	width: 330px;
	height: 157px;
	background: url(images/02_header_signinbox.png) top center no-repeat;
	z-index: 5;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	top: -168px;
	left: 270px;
}

.thrColFixHdr #navbar {
	padding: 0px 0px 0px 0px;
	width: 920px;
	height: 38px;
	text-align: left;
	background-image: url(images/03_navbar_bg.png);
	left: 4px;
	position: relative;
} 
.thrColFixHdr #navbar a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-decoration: none;
	padding: 0px 25px 0px 25px;
	color: #FFFFFF;
	display: block;
	vertical-align: middle;
	text-align: center;
	line-height: 38px;
} 
.thrColFixHdr #navbar a:hover {
	text-decoration: none;
	color: #FFCC33;
} 

.thrColFixHdr #menubar {
	font-family: Verdana;
	font-size: 11px;
	color: #FFDD8B;
	display: block;
	vertical-align: middle;
	text-align: center;
	line-height: 32px;
	padding: 0px 0px 0px 0px;
	width: 920px;
	height: 32px;
	text-align: left;
	background-color: #4d2355;
	left: 4px;
	position: relative;
}
.thrColFixHdr #menubar a {
	text-decoration: none;
	color: #A38159;
} 
.thrColFixHdr #menubar a:hover {
	text-decoration: none;
	color: #FFDD8B;
}

.thrColFixHdr #footer {
	padding: 0;
	background-image: url(images/04_footer_bg.jpg);
	width: 928px;
	height: 98px;
	text-align: left;
} 

.thrColFixHdr #content {
	background-color: #f8f8f8;
	width: 920px;
	left: 4px;
	position: relative;
	overflow: auto;
} 

.thrColFixHdr #column3Left {
	width: 200px;
	padding: 25px 25px 50px 25px;
	float: left;
}
.thrColFixHdr #column3Right {
	width: 200px;
	padding: 25px 25px 50px 0px;
	float: right;
}
.thrColFixHdr #column3Main {
	width: 420px;
	padding: 25px 0px 50px 0px;
	margin: 0px 0px 0px 250px;
}

.thrColFixHdr #column2Left {
	width: 650px;
	padding: 25px 0px 50px 25px;
}
.thrColFixHdr #column2Right {
	width: 200px;
	padding: 25px 25px 50px 0px;
	float: right;
}

.thrColFixHdr #column2bLeft {
	width: 200px;
	padding: 25px 25px 50px 25px;
	float: left;
}
.thrColFixHdr #column2bMain {
	width: 645px;
	padding: 25px 0px 50px 0px;
	margin: 0px 0px 0px 250px;
}

.thrColFixHdr #column1 {
	width: 870px;
	padding: 25px 0px 50px 25px;
}

.titlebar {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-decoration: none;
	padding: 0px 10px 0px 10px;
	color: #FFFFFF;
	font-weight: bold;
}

.footertxt {
	font-family: Tahoma;
	font-size: 11px;
	text-decoration: none;
	padding: 0px 0px 0px 0px;
	color: #999999;
}
.footertxt a {
	font-family: Tahoma;
	font-size: 11px;
	text-decoration: none;
	padding: 0px 0px 0px 0px;
	color: #777777;
}
.footertxt a:hover {
	color: #6666FF;
}

.clearfloat {
	clear: both;
    height: 0;
    font-size: 1px;
    line-height: 0px;
}

img.right { padding: 4px; margin: 0 0 5px 15px; padding: 0; display: inline; }
img.left { padding: 4px; margin: 0 15px 5px 0; padding: 0; display: inline; }

.title1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #996633;
	font-weight: bold;
	margin-bottom: 50px;
}

.celltype1 {
	padding-bottom: 20px;
	border-bottom: 1px dotted #CCCCCC;
}

.catlinks {
	font-family: arial;
	font-size: 11px;
	padding: 0;
	width: 190px;
	text-align: left;

}
.catlinks a {
	text-decoration: none;
	background: #EEEEEE;
	display: block;
	padding: 3px 10px 3px 10px;
	margin: 0 0 3px 0;
	color: #666666;
}
.catlinks a:hover {
	color: #666666;
	background: #DDDDDD;
}

.shoppingcart {
	font-family: arial;
	font-size: 10px;
	padding: 5px 10px 5px 10px;
	background-color: #EEEEEE;
	line-height: 13px;
	border-bottom: 3px solid #FFFFFF;
}

ul{ 
	border: 0;
	margin: 0;
	padding: 0;
}
#pagination li{
	border: 0; margin: 0; padding: 0;
	font-size: 11px;
	list-style: none;
	margin-right: 2px;
	display: inline;
}
#pagination a{
	border: solid 1px #9876AA;
	margin-right: 2px;
}
#pagination .previous-off,
#pagination .next-off {
	border: solid 1px #CCCCCC;
	color: #999999;
	display: block;
	float: left;
	font-weight: normal;
	margin-right: 2px;
	padding: 3px 4px;
}
#pagination .next a,
#pagination .previous a {
	font-weight: normal;
}
#pagination .active{
	background: #835B98;
	color: #FFFFFF;
	font-weight: normal;
	display: block;
	float: left;
	padding: 4px 6px;
}
#pagination a:link,
#pagination a:visited {
	color: #803B82;
	display: block;
	float: left;
	padding: 3px 6px;
	text-decoration: none;
}
#pagination a:hover{
	color: #FFFFFF;
	border: solid 1px #531755;
	background: #835B98;
}

.blacktxt {
	color: #000000;
}

.smalltxt {
	font-family: arial;
	font-size: 9px;
	color: #333333;
}

tr.GridViewPadding td
{
padding-left: 10px; 
padding-right: 10px;
padding-top: 0px; 
padding-bottom: 0px;
}

tr.GridViewPaddingHeader th
{
padding-left: 3px; 
padding-right: 10px;
padding-top: 0px; 
padding-bottom: 0px;
color :#666666;
font-family: arial;
font-size: 9px;
}
.detailsPrice {
	font-family: arial;
	font-size: 15px;
	color: #666666;
	font-weight: bold;
	padding: 0 5px 0 0;
}
.detailsName {
	font-family: arial;
	font-size: 13px;
	color: #996633;
	font-weight: bold;
	padding: 0 0 5px 0;
}
.detailsItem {
	font-family: arial;
	font-size: 13px;
	color: #FFFFFF;
	font-weight: bold;
	text-align: right;
}
.detailsText {
	font-family: verdana;
	font-size: 11px;
	color: #666666;
}
 #backgroundPopup{  
 display:none;  
 position:fixed;  
 _position:absolute; /* hack for internet explorer 6*/  
 height:100%;  
 width:100%;  
 top:0;  
 left:0;  
 background:#000000;  
 border:1px solid #cecece;  
 z-index:1;  
 }  
#popupContact{  
 display:none;  
 position:fixed;  
 _position:absolute; /* hack for internet explorer 6*/  
 height:150px;  
 width:408px;  
 background:#FFFFFF;  
 border:2px solid #cecece;  
 z-index:9999;  
 padding:12px;  
 font-size:13px;  
 }  
 #popupContact h1{  
 text-align:left;  
 color:#6FA5FD;  
 font-size:22px;  
 font-weight:700;  
 border-bottom:1px dotted #D3D3D3;  
 padding-bottom:2px;  
 margin-bottom:20px;  
 }  
 #popupContactClose{  
 font-size:14px;  
 line-height:14px;  
 right:6px;  
 top:4px;  
 position:absolute;  
 color:#6fa5fd;  
 font-weight:700;  
 display:block;  
 }