﻿
    A
	{  
		color: #0f0c93;
		text-decoration: none;
		FONT-SIZE: 12px;
		FONT-FAMILY: Arial, Verdana;
	}
    A:HOVER
	{ 
		color: #FF6600;
		text-decoration: none;
		FONT-SIZE: 12px;
		FONT-FAMILY: Arial, Verdana;
	}
    body
        {
        margin: 0 auto;
        color: #333333;
		text-decoration: none;
		FONT-SIZE: 12px;
		FONT-FAMILY: Arial, Verdana;
		width: 950px;
		height: 820px;
		text-align:left;
        background: #4396CA url('../Images/1/images/main_bg.jpg') repeat-x top;
        }
     .Footer
        {
        color: #333333;
		text-decoration: none;
		FONT-SIZE: 12px;
		FONT-FAMILY: Arial, Verdana;
		width: 950px;
		height: 102px;
		text-align:left;
		padding-left: 20px;
        background:#3383BE url('../Images/1/images/index_49.jpg') repeat-x center top;
        }
     /*Menu*/
     .MenuLink
	{  
		color: #ffffff;
		text-decoration: none;
		FONT-SIZE: 12px;
		FONT-FAMILY: Arial, Verdana;
		font-weight:bold;
	}
    .MenuLink:HOVER
	{ 
		color: #FF6600;
		text-decoration: none;
		FONT-SIZE: 12px;
		FONT-FAMILY: Arial, Verdana;
		font-weight:bold;
	}
     .MenuTrangChu
     {
        color: #333333;
		text-decoration: none;
		FONT-SIZE: 12px;
		FONT-FAMILY: Arial, Verdana;
		width: 892px;
		height: 35px;
		text-align:left;
        background: url('../Images/1/images/index2_02.jpg') repeat-x;
     }
    .TrangChu
     {
        padding: 10px;
     }
     .CanhLe
     {
        padding-left: 10px;
        padding-right: 10px;
        padding-bottom: 10px;
     }
     .TieuDe
     {
        padding: 10px;
        FONT-SIZE: 14px;
		FONT-FAMILY: Arial, Verdana;
		font-weight: bold;
		color: Red;
     }
     .TieuDeSP
     {
        padding-bottom: 6px;
        padding-left: 5px;
        padding-top: 20px;
        FONT-SIZE: 14px;
		FONT-FAMILY: Arial, Verdana;
		font-weight: bold;
		color:Blue;
        background: url('../Images/1/images/index_2421.jpg') repeat-x bottom;
     }
     .TieuDeSP:HOVER
     {
        padding-bottom: 6px;
        padding-left: 5px;
        padding-top: 20px;
        FONT-SIZE: 14px;
		FONT-FAMILY: Arial, Verdana;
		font-weight: bold;
		color:Red;
        background: url('../Images/1/images/index_2421.jpg') repeat-x bottom;
     }
     .CanhNgoaiSP
     {
        padding-bottom: 6px;
        border: 1px solid #e7f0f7;
     }
     .CategorySP
     {
        border-bottom: 1px solid #e7f0f7;
        padding: 5px;
     }
     .Nguon
     {
		FONT-FAMILY: Arial, Verdana;
		text-align:center;
		font-style:italic;
		color:Gray;
		padding-bottom: 10px;
     }
     .TrangChuCategory
     {
        background: url('../Images/1/images/index_242.jpg') repeat-x bottom;
     }
     .TrangChuImage
     {
        padding-top: 5px;
        padding-bottom: 5px;
     }
     .MenuRightTop
     {
        background: url('../Images/1/images/index_33.jpg') repeat-x bottom;
        height: 27px;
        padding-left: 7px;
        color:Blue;
     }
     .MenuRightBody
     {
        border: 1px solid #e7f0f7;
        padding-bottom: 10px;
     }
     .MenuRightBodyLink
     {
        padding-left: 20px;
        padding-top: 5px;
     }
/*menu Right*/
.urbangreymenu{
width: 100%; /*width of menu*/
}

.urbangreymenu .headerbar{
font: bold 12px Verdana;
color: #2E3FA7;
background: url('../Images/1/images/index2_02.jpg') repeat-x;

 /*background: #004cae 8px 9px;last 2 values are the x and y coordinates of bullet image*/
margin-bottom: 0; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 9px 0 5px 10px; /*31px is left indentation of header text*/
}

.urbangreymenu .headerbar a{
text-decoration: none;
color: #0C1755;
display: block;
}

.urbangreymenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
}

.urbangreymenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.urbangreymenu ul li a{
font: normal 12px Arial;
color: black;
background: #fff4a2;
display: block;
padding: 3px 0;
line-height: 17px;
padding-left: 8px; /*link text is indented 8px*/
text-decoration: none;
}

.urbangreymenu ul li a:visited{
color: black;
}

.urbangreymenu ul li a:hover{ /*hover state CSS*/
color: white;
background: #709df8;
}

/* CSS classes for the DataList that provides the product listing */

#product
{
	width:175px;	
}

.productimage
{
	width:190px;
	padding-left:2px;
	padding-right:2px;
}

.productTitle
{
	width:190px;
	margin-top:5px;
	margin-bottom:5px;
	text-align:center;
	vertical-align:bottom;
}

.CartProduct
{
	float:left;
	width: 50px;
	border: 0px;
	margin: 5px 5px 0 0;
	text-align:right;
}
.CenterStyle
{
	text-align:center;
}
