/* CSS Common : Do not change */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0px;
	border: 0;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0;
	color: #4137a2;
	font-family: Arial, Helvetica, sans-serif;
	}
	
	
/* Top Background:  Change backgroud Image only   */
body {
	margin: 0;
	padding: 0;
	background-repeat:repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	FONT-WEIGHT: normal;
	TEXT-DECORATION: none;
	line-height:15px;
	font-size:11px;
	color: #4137a2;
	background-image: url(../Img/top_bg.jpg);
}


/* Do not change  */
TD, TH,P {
	font-size:12px;
	color:#4137a2;
	LINE-HEIGHT: 15px;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
}

H1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: normal;
	float: left;
	min-height: 30px;
}

/* Do not change  */
ol, ul {
	list-style: none;
	}
blockquote, q {
	quotes: none;
	}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
	}
	
a,img,input{outline: none;selector-dummy:expression(this.hideFocus=true);}

.clear {
	clear: both;
	margin-right: auto;
	margin-left: auto;
	float: none;

}	
	
.input1 {
	BORDER-RIGHT: #ffffff 1px solid;
	BORDER-TOP: #ffffff 1px solid;
	FONT-SIZE: 11px;
	BORDER-LEFT: #ffffff 1px solid;
	COLOR: #333;
	BORDER-BOTTOM: #ffffff 1px solid;
	FONT-FAMILY: tahoma;
	HEIGHT: 16px;
	BACKGROUND-COLOR: #FFFFFF;
	margin-right:3px;
	width:145px;
}
.input2 {
	BORDER-RIGHT: #e5e4e4 1px solid;
	BORDER-TOP: #e5e4e4 1px solid;
	FONT-SIZE: 11px;
	BORDER-LEFT: #e5e4e4 1px solid;
	COLOR: #666;
	BORDER-BOTTOM: #e5e4e4 1px solid;
	FONT-FAMILY: tahoma;
	HEIGHT: 16px;
	BACKGROUND-COLOR: #FFFFFF;
	margin-right:3px;
	width:150px;
}

.input3{
	BORDER-RIGHT: #e5e4e4 1px solid;
	BORDER-TOP: #e5e4e4 1px solid;
	FONT-SIZE: 11px;
	BORDER-LEFT: #e5e4e4 1px solid;
	COLOR: #333333;
	BORDER-BOTTOM: #e5e4e4 1px solid;
	FONT-FAMILY: tahoma;
	HEIGHT: 18px;
	BACKGROUND-COLOR: #FFFFFF;
	margin-right:3px;
	width:240px;
}


/* default link : change ok: color, font, font size  */	
	
A:link {
	TEXT-DECORATION: none;
	color: #5255A4;
	font-size: 12px;
	font-family: Georgia, "Times New Roman", Times, serif;
}
A:active {
	TEXT-DECORATION: none;
	color: #5255A4;
	font-size: 12px;
	font-family: Georgia, "Times New Roman", Times, serif;
}
A:visited {
	TEXT-DECORATION: none;
	color: #5255A4;
	font-size: 12px;
	font-family: Georgia, "Times New Roman", Times, serif;
}
A:hover {
	TEXT-DECORATION: none;
	color: #003;
	font-size: 12px;
	font-family: Georgia, "Times New Roman", Times, serif;
}


	
/* CSS Rayout */	
	
	
#Wrapper {
	margin-right: auto;
	margin-left: auto;
	width: 990px;
}



a.TopNaviLink{
	color:#FCF;
	text-decoration:underline;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 18px;
	font-weight: bold;
}



.itemtitle {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	color: #606;
	padding-top: 10px;
	padding-left: 5px;
	padding-bottom: 5px;
	text-align: center;
}

	
/* Link Style */

.bottomBold {
	font-weight: bold;
	color: #66F;
}
.footerbold {
	font-size: 12px;
	color: #306;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 5px;
	padding-top: 5px;
}
.Price {
	font-size: 16px;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-weight: bold;
	color: #666;
	}

.PriceBig {
	font-size: 28px;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-weight: bold;
	color: #5A51BE;
	}
	
	
.PinkTiltle {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	color: #EC098D;
	font-weight: bold;
	font-size: 18px;
}
.FontGreen {
	color: #6C6;
	font-size: 12px;
	font-weight: bold;
}
.whitefont {
	color: #FFF;
	font-weight: bold;
}
.SmallFont {
	font-size: 11px;
	color: #963;
	font-family: Arial, Helvetica, sans-serif;
}
.Navifont {
	font-size: 16px;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-style: normal;
	line-height: normal;
	color: #309;
	font-weight: bold;
}


/* CSS LinkStyle: Product Manufature Link  Update: ok*/

.ProductManufature {
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: 12px;
	color:#339;
	TEXT-DECORATION: none;
	font-weight:normal;
}
.ProductManufature  A{
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: 12px;
	color:#339;
	TEXT-DECORATION: none;
	font-weight:normal;
}
.ProductManufature A:link{
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: 12px;
	color:#339;
	TEXT-DECORATION: none;
	font-weight:normal;
}
.ProductManufature  A:visited{
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: 12px;
	color:#339;
	TEXT-DECORATION: none;
	font-weight:normal;
}
.ProductManufature  A:hover{
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: 12px;
	color:#000;
	;
	TEXT-DECORATION: none;
	font-weight:normal;
}



/* CSS Product Name link style Update: ok*/

.ProductLink {
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: 12px;
	color:#666;
	TEXT-DECORATION: none;
	font-weight:normal;
}
.ProductLink  A{
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: 12px;
	color:#666;
	TEXT-DECORATION: none;
	font-weight:normal;
}
.ProductLink  A:link{
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: 12px;
	color:#666;
	TEXT-DECORATION: none;
	font-weight:normal;
}
.ProductLink  A:visited{
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: 12px;
	color:#666;
	TEXT-DECORATION: none;
	font-weight:normal;
}
.ProductLink  A:hover{
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: 12px;
	color:#639;
	;
	TEXT-DECORATION: none;
	font-weight:normal;
}



/* CSS LinkStyle: Product Price Link  Update: ok*/
.ProductPrice {
	FONT-FAMILY: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	FONT-SIZE: 14px;
	color:#339;
	TEXT-DECORATION: none;
	font-weight:bold;
}
.ProductPrice  A{
	FONT-FAMILY: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	FONT-SIZE: 14px;
	color:#339;
	TEXT-DECORATION: none;
	font-weight:bold;
	font-style: italic;
}
.ProductPrice A:link{
	FONT-FAMILY: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	FONT-SIZE: 14px;
	color:#339;
	TEXT-DECORATION: none;
	font-weight:bold;
	font-style: italic;
}
.ProductPrice  A:visited{
	FONT-FAMILY: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	FONT-SIZE: 14px;
	color:#339;
	TEXT-DECORATION: none;
	font-weight:bold;
	font-style: italic;
}
.ProductPrice  A:hover{
	FONT-FAMILY: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	FONT-SIZE: 14px;
	color:#DD2390;
	;
	TEXT-DECORATION: none;
	font-weight:bold;
	font-style: italic;
}
#BottomTopMenu {
	background-color: #5636e9;
	float: left;
	height: 22px;
	width: 990px;
	padding-top: 5px;
}



/* CSS LinkStyle: Navigation Menu ex) Hair Care | Hair Loss...Update: ok */ 

.TitlePinkBoldBig {
	FONT-FAMILY: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	FONT-SIZE: 15px;
	color:#FFE8FF;
	TEXT-DECORATION: none;
	font-weight:bold;
	margin-right: 10px;
}
.TitlePinkBoldBig  A{
	FONT-FAMILY: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	FONT-SIZE: 15px;
	color:#FFE8FF;
	TEXT-DECORATION: none;
	font-weight:bold;
	margin-right: 10px;
}
.TitlePinkBoldBig  A:link{
	FONT-FAMILY: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	FONT-SIZE: 15px;
	color:#FFE8FF;
	TEXT-DECORATION: none;
	font-weight:bold;
	margin-right: 10px;
}
.TitlePinkBoldBig  A:visited{
	FONT-FAMILY: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	FONT-SIZE: 15px;
	color:#FFE8FF;
	TEXT-DECORATION: none;
	font-weight:bold;
	margin-right: 10px;
}
.TitlePinkBoldBig  A:hover{
	FONT-FAMILY: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	FONT-SIZE: 15px;
	color:#FFF;
	;
	TEXT-DECORATION: none;
	font-weight:bold;
	margin-right: 10px;
}



/* CSS LinkStyle: Top right Admin menu area Menu ex) Wishlist | Order status...Update: ok */ 

.Topadmin {
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: 12px;
	color:#999;
	TEXT-DECORATION: none;
	font-weight:normal;
}
.Topadmin  A{
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: 12px;
	color:#999;
	TEXT-DECORATION: none;
}
.Topadmin  A:link{
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: 12px;
	color:#999;
	TEXT-DECORATION: none;
}
.Topadmin  A:visited{
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: 12px;
	color:#999;
	TEXT-DECORATION: none;
}
.Topadmin  A:hover{
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: 12px;
	color:#000;
	;
	TEXT-DECORATION: none;
}

/* CSS LinkStyle: Top Navi area Menu ex) Best Seller | New Style...Update: ok */ 
.TopNavi {
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: 18px;
	color:#63C;
	TEXT-DECORATION: none;
	font-weight:normal;
	line-height:20px;
}
.TopNavi  A{
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: 18px;
	color:#63C;
	TEXT-DECORATION: none;
	font-weight:normal;
}
.TopNavi  A:link{
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: 18px;
	color:#63C;
	TEXT-DECORATION: none;
	font-weight:normal;
}
.TopNavi  A:visited{!important;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: 18px;
	color:#63C;
	TEXT-DECORATION: none;
	font-weight:normal;
}
.TopNavi  A:hover{!important;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: 18px;
	color:#F39;
	TEXT-DECORATION: none;
	font-weight:normal;
}



/* CSS LinkStyle: LLOGIN ex) Home | Cart  | Login...Update: ok */ 
.LLOGIN  {
	FONT-FAMILY: Tahoma;
	FONT-SIZE: 10px;
	color:#B2478A;
	TEXT-DECORATION: none;
	font-weight:bold;
}
.LLOGIN   A{
	FONT-FAMILY: Tahoma;
	FONT-SIZE: 10px;
	color:#C46FA2;
	TEXT-DECORATION: none;
	font-weight:bold;
}
.LLOGIN   A:link{
	FONT-FAMILY: Tahoma;
	FONT-SIZE: 10px;
	color:#B2478A;
	TEXT-DECORATION: none;
	font-weight:bold;
}
.LLOGIN   A:visited{
	FONT-FAMILY: Tahoma;
	FONT-SIZE: 10px;
	color:#A62F7A;
	TEXT-DECORATION: none;
	font-weight:bold;
}
.LLOGIN   A:hover{
	FONT-FAMILY: Tahoma;
	FONT-SIZE: 10px;
	color:#5A51BE;
	;
	TEXT-DECORATION: none;
	font-weight:bold;
}




/* CSS LinkStyle: LLOGIN ex) Home | Cart  | Login...Update: ok */ 
.LMenu1 {
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: 14px;
	color:#939;
	TEXT-DECORATION: none;
	font-weight:bold;
	line-height:18px;
	text-align: left;
}
.LMenu1  A{
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: 14px;
	color:#936;
	TEXT-DECORATION: none;
	font-weight:bold;
}
.LMenu1  A:link{
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: 14px;
	color:#936;
	TEXT-DECORATION: none;
	font-weight:bold;
}
.LMenu1  A:visited{
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: 14px;
	color:#936;
	TEXT-DECORATION: none;
	font-weight:bold;
}
.LMenu1  A:hover{
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: 14px;
	color:#936;
	TEXT-DECORATION: underline;
	font-weight:bold;
}



/* Link style: Product category list Change font related */ 

.CateMenuList {
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: 14px;
	color:#7F73DC;
	TEXT-DECORATION: none;
	font-weight:bold;
	line-height:18px;
	text-align: left;
}


.CateMenuList  A{
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: 14px;
	color:#7F73DC;
	TEXT-DECORATION: none;
	font-weight:bold;
}
.CateMenuList  A:link{
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: 14px;
	color:#7F73DC;
	TEXT-DECORATION: none;
	font-weight:bold;
}
.CateMenuList A:visited{
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: 14px;
	color:#7F73DC;
	TEXT-DECORATION: none;
	font-weight:bold;
}
.CateMenuList  A:hover{
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: 14px;
	color:#306;
	TEXT-DECORATION: none;
	font-weight:bold;
}


/* Rayout: Derail of Prodcut Contents container : should not change */
#DetailBx {
	float: left;
	min-height: 350px;
	width: 970px;
}



/* Link Style Bottome Info Area ex) home| Privacy Policy | Shipping Information  */
.BottomMenu {
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: 11px;
	color:#CCC;
	TEXT-DECORATION: none;
	font-weight:bold;
}
.BottomMenu  A{
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: 11px;
	color:#CCC;
	TEXT-DECORATION: none;
	font-weight:bold;
}
.BottomMenu  A:link{
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: 11px;
	color:#CCC;
	TEXT-DECORATION: none;
	font-weight:bold
}
.BottomMenu  A:visited{
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: 11px;
	color:#CCC;
	TEXT-DECORATION: none;
	font-weight:bold;
}
.BottomMenu  A:hover{
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: 11px;
	color:#FFF;
	TEXT-DECORATION: none;
	font-weight:bold;
}
/* Link Style Bottome Category Area ex) Shop by Brand & Shop By Category  */

.BottomCategory {
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: 11px;
	color:#999;
	TEXT-DECORATION: none;
	font-weight:bold;
}
.BottomCategory  A{
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: 11px;
	color:#999;
	TEXT-DECORATION: none;
	font-weight:bold;
}
.BottomCategory  A:link{
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: 11px;
	color:#999;
	TEXT-DECORATION: none;
	font-weight:bold
}
.BottomCategory  A:visited{
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: 11px;
	color:#999;
	TEXT-DECORATION: none;
	font-weight:bold;
}
.BottomCategory  A:hover{
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: 11px;
	color:#5636E9;
	TEXT-DECORATION: none;
	font-weight:bold;
}


.SubCentitle {
	padding-left: 3px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	color: #FFF;
	font-weight: bold;
}
.bottomtext {
	color: #FFB56A;
}
.MenuStyle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bolder;
	font-variant: normal;
	text-transform: none;
	color: #666;
	text-decoration: none;
	margin: 3px;
	width: 462px;
	background-color: #FFF;
	display: block;
	padding: 3px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #63C;
}
#DetailBxtitle {
	float: left;
	height: 25px;
	width: 970px;
	margin-bottom: 10px;
	padding-top: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
}
#DetailofProductBx {
	padding: 5px;
	float: left;
	width: 960px;
	min-height: 300px;
}


.footer_copyright {
	font-size: 10px;
	color: #60C;
	text-align: center;
	font-family: Tahoma, Geneva, sans-serif;
}
.footer_copyrightXinno {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 10px;
	color: #999;
	text-align: right;
}

/*   */
.MenuLink A{
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: 12px;
	color:#999;
	TEXT-DECORATION: none;
	font-weight:bold
}

.MenuLink  A:link{
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: 12px;
	color:#999;
	TEXT-DECORATION: none;
	font-weight:bold;
	font-style: normal;
	line-height: normal;
}
.MenuLink  A:visited{
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: 12px;
	color:#999;
	TEXT-DECORATION: none;
	font-weight:bold
}
.MenuLink  A:hover{
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: 12px;
	color:#F60;
	TEXT-DECORATION: underline;
	font-weight:bold
}


.UserInfo {
	color: #666;
	font-family: Georgia, "Times New Roman", Times, serif;
}

.medium {
	font-size: 12px;
	padding: .4em 1.5em .42em;
}
.small {
	font-size: 11px;
	padding: .2em 1em .275em;
}
.Bold {
	font-weight: bold;
}

.whitecommon {
	color: #FFF;
	font-weight: bold;
}
.linkLightcolor {
	color: #CCF;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
.Pink {
	color: #FCF;
	font-size: 12px;
	font-weight: bold;
}


/* Rayout Top Area : Change only font & background-image  */

#Top {
	height: 203px;
	background-image: url(../Img/top_bg.jpg);
	float: left;
	width: 990px;
}
#TopCenter {
	height: 160px;
	width: 990px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../Img/uglynBeauty_top_bg.jpg);
}
/* Top Rayout: Icon Area: Do not change  */
#topshipping {
	position: absolute;
	text-align: left;
	z-index: 5;
	margin-top: 73px;
	margin-right: 0px;
	margin-bottom: 0px;
	height: 70px;
	width: 150px;/*change 150px to 300px */
	margin-left: 0px;
}

#TopCenterInfo {
	height: 100px;
	width: 990px;
}

#TopSearchBx {
	float: left;
	width: 220px;
	height: 25px;
	margin-left: 85px;
	margin-top: 5px;
}

/* Top Rayout: Icon Area: Do not change  */

#TopinfoIcons {
	width: 310px;
	float: right;
	text-align: right;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

#TopIconBx {
	float: left;
	height: 45px;
	width: 32px;
	margin-left: 2px;
}
#TopIcon {
	float: left;
	height: 32px;
	width: 32px;
}
#TopIconLinkTxt {
	float: left;
	height: 23px;
	width: 32px;
}




/* Top Rayout: Icon Area: Do not change  */
#TopCenterNavi {
	height: 60px;
	width: 990px;
	text-align: center;
	padding-top: 0px;
}
#TopCenterNavititle {
	height: 50px;
	width: 690px;
	padding-top: 10px;
	position: relative;
	padding-left: 150px;
	float: left;
}


#TopCenterNaviLogin {
	float: right;
	height: 60px;
	width: 140px;
	padding-left: 10px;
}

#Topleft {
	float: left;
	width: 310px;
	height: 100px;
}
#Toplogo {
	height: 80px;
	width: 370px;
	float: left;
	text-align: center;
	padding-top: 15px;
}
#TopCategory {
	height: 33px;
	width: 990px;
	background-image: url(../Img/navi_purple.gif);
	float: left;
	text-align: center;
	padding-top: 10px;
}

#topright {
	float: left;
	height: 80px;
	width: 300px;
	padding-top: 20px;
	padding-left: 10px;
	text-align: right;
}


#TopSearchInput {
	float: left;
	height: 18px;
	width: 152px;
}
#TopSearchInputBt {
	float: left;
	height: 20px;
	width: 58px;
	margin-left: 2px;
}


#TopleftCart {
	float: left;
	width: 175px;
	padding-top: 28px;
	background-image: url(../Img/cart_bg.png);
	background-repeat: no-repeat;
	background-position: 0px 26px;
	padding-left: 5px;
	z-index: 1;
	height: 45px;
}
#TopLeftEdge1 {
	float: left;
	padding-top: 20px;
	height: 55px;
	padding-left: 5px;
	width: 125px;
}

/* Rayout Center Area : Change only font & background-image  */

#Center {
	float: left;
	width: 970px;
	display: block;
	float: left;
	margin-top: 0px;
	margin-bottom: 10px;
	position: relative;
	padding: 9px;
	height: auto;
	border: 1px solid #5255A4;
}

/* Rayout Main Banner Area :do not change */

#MainBanner {
	float: left;
	height: 350px;
	width: 970px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}


/* Rayout Main 3 Banners Area :do not change */
#CenterBanner3 {
	float: left;
	height: 92px;
	width: 970px;
	clear: left;
	margin-top: 5px;
}
#CenterBannerB {
	float: left;
	height: 92px;
	width: 320px;
	margin-right: 5px;
	margin-left: 5px;
}


/* Rayout Title Area: Do not change width only  */
#Centertitle {
	height: 28px;
	width: 970px;
	background-image: url(../Img/titlebg.jpg);
	float: left;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: center;
	padding-top: 15px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	font-weight: bold;
}

/* Rayout Title Area: change only font & backgroud */

#Gallery {
	width: 970px;
  float: left;
	padding-top: 10px;
}
#galimg {
	float: left;
	width: 176px;
	border: 1px solid #EAEAEA;
	padding: 2px;
}
#CenContentsitemGalleryimg_big{
	float: left;
	width: 319px;
	position: absolute;
	color: #000;
	background-color: #CCC;
}
#Cenitemsgalboximg {
	float: left;
	width: 312px;
	display: block;
	color: #999;
	height: 159px;
	border-right-width: 1px;
	border-right-style: dotted;
	border-left-style: none;
	border-right-color: #F69;
	padding-top: 5px;
	padding-left: 5px;
	background-color: #FFF;
	position: relative;
	padding-bottom: 5px;
	margin-top: 10px;
}
#GalDescription {
	width: 159px;
	float: right;
	left: -1px;
	top: 10px;
	height: 159px;
	position: absolute;
	padding-left: 160px;
	z-index: 1;
}

#GalDescription_big {
	float: right;
	left: 0px;
	top: 2px;
	position: absolute;
	padding-left: 480px;
	z-index: 1;
}
#img_preview {
	display: block;
	width: 78px;
	float: left;
	height: 78px;
	background-color: #F2F2FF;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	border: 1px solid #CCF;
	color: #D6D6D6;
}

#CenterBannerC {
	float: right;
	height: 92px;
	width: 320px;
}


#CenterBannerA {
	float: left;
	width: 320px;
	height: 92px;
}

#Galimg {
	height: 150px;
	width: 150px;
	background-color: #CCC;
}

#Galimg_big {
	height: 348px;
	width: 348px;
	background-color: #CCC;
	border: 1px dotted #CCF;
}

#GalImgMed {
	padding: 0px;
	text-align: center;
	height: 174px;
	width: 174px;
}

.tablestyle {
	border: thin solid #CCC;
	padding: 2px;
}

#CategoryBx {
	display: block;
	border: 1px solid #CCF;
	float: left;
	width: 968px;
	min-height: 82px;
	margin-bottom: 10px;
}
#Detailbox {
	float: left;
	width: 950px;
	padding: 10px;
}
#CenContentsitemGalleryimg1 {
	float: left;
	width: 319px;
	position: absolute;
	color: #000;
	background-color: #CCC;
}

.subcategory {
	background-color: #FFF;
	padding: 5px;
}

#GalleryBx {
	float: left;
	min-height: 240px;
	width: 174px;
	border: 1px solid #E9E9E9;
	padding: 7px;
}

/* Space for rayout : Do not change */
#SpaceR5 {
	float: left;
	height: 180px;
	width: 5px;
}


/* Gallery */

#GalleryBxTitle {
	float: left;
	min-height: 32px;
	width: 174px;
	margin-bottom: 5px;
}
#GalleryBxTitle1 {
	float: left;
	min-height: 16px;
	width: 174px;
}
#GalleryBxTitle2 {
	float: left;
	min-height: 14px;
	width: 174px;
}
#GalleryBxTitle2L {
	float: left;
	min-height: 13px;
	width: 100px;
	padding-top: 3px;
}
#GalleryBxTitle2R {
	float: left;
	min-height: 14px;
	width: 74px;
	text-align: right;
}


/* Rayout: Product page: category box area : do not change */
#CategoryBxT {
	float: left;
	height: 31px;
	width: 968px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCF;
}
#CategoryBxTL {
	float: left;
	height: 22px;
	width: 524px;
	padding: 5px;
	font-size:12px;
}
#CategoryBxTLS {
	float: left;
	height: 22px;
	width: 960px;
	padding: 5px;
	margin-bottom: 5px;
}

#CategoryBxTR {
	float: left;
	height: 22px;
	width: 354px;
	padding: 5px;
	text-align: right;
}
#CateMenuListBx {
	float: left;
	min-height: 25px;
	width: 968px;
}
#CateMenuListeach {
	float: left;
	height: 20px;
	width: 232px;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 5px;
}
.Categoryinput{
	height:20px;
	font-size:12px;
}


#CategoryBxTR1 {
	float: left;
	height: 18px;
	width: 60px;
	text-align: right;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	padding-top: 9px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}


/*Rayout: Product Detail page   */

#ProductHistory {
	float: left;
	height: 35px;
	width: 735px;
	padding-top: 5px;
}
#ProductContentsBx {
	float: left;
	height: auto;
	width: 970px;
}
#ProductContentsBxL {
	float: left;
	min-height: 320px;
	width: 412px;
}
#ProductContentsBxL1 {
	float: left;
	min-height: 320px;
	width: 320px;
}

#ProductImgB {
	float: left;
	height: 320px;
	width: 320px;
	margin-right: 3px;
	background-color: #F4F4EE;
}
#ProductImgR {
	float: left;
	height: 320px;
	width: 77px;
	margin-left: 5px;
}
#ProductThumImg {
	float: left;
	height: 77px;
	width: 77px;
	margin-bottom: 4px;
	background-color: #f4f3ee;
}
#DescriptionContBx {
	float: left;
	min-height: 500px;
	width: 735px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#ProductContentsBxR {
	float: left;
	min-height: 320px;
	width: 545px;
	margin-left: 13px;
}



/* Rayout : Product Info page : Right side : change font & background Image  only */
#FeatureArea {
	float: left;
	min-height: 150px;
	width: 545px;
	margin-top: 5px;
}
#Featuretitle {
	float: left;
	height: 25px;
	width: 545px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}
#FeatureConTxt {
	float: left;
	min-height: 130px;
	width: 545px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}


#SubjectL {
	float: left;
	min-height: 25px;
	width: 100px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}
#SubjectR {
	float: left;
	min-height: 25px;
	width: 445px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}



#ProTitleSubject {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: normal;
	float: left;
	min-height: 30px;
	width: 545px;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	margin-bottom: 10px;
}
#ProContBxW {
	float: left;
	min-height: 25px;
	width: 545px;
	margin-bottom: 5px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#ProBxBt {
	float: left;
	height: 38px;
	width: 395px;
	padding-left: 100px;
}


/* Login Area: change only font size, color, baground-color,s font-family */


#LoginInfoBx {
	float: left;
	width: 970px;
}
#LoginInfoBxEach {
	float: left;
	height: 230px;
	width: 290px;
	background-color: #F4F4F4;
	margin-left: 10px;
	padding: 10px;
}
#LoginSubject {
	float: left;
	height: 25px;
	width: 290px;
	margin-bottom: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #666;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}
#LoginTxtBx {
	float: left;
	height: 120px;
	width: 290px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#LoginBt {
	float: left;
	width: 290px;
}


/* Bottom Rayout : change font only */

#Bottom {
	float: left;
	margin-right: auto;
	margin-left: auto;
	background-color: 5636e9;
	text-align: center;
	display: block;
	width: 990px;
}


#BottomInfoArea {
	float: left;
	min-height: 150px;
	width: 988px;
	border: 1px dotted #CCC;
}
#BottomInfoAreaL1 {
	float: left;
	width: 110px;
	margin-top: auto;
	margin-bottom: auto;
	height: 150px;
	vertical-align: middle;
	padding-top: 50px;
}
#BottomInfoAreaRTitleB {
	float: left;
	height: 20px;
	width: 670px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #306;
	text-align: left;
	margin-bottom: 5px;
	padding-top: 5px;
}
#BottomInfoAreaRTitleTxt {
	float: left;
	height: auto;
	width: 670px;
	text-align: left;
	margin-bottom: 10px;
}
#BottomXinno {
	float: left;
	height: 20px;
	width: 990px;
	margin-top: 5px;
	text-align: right;
}


#BottomInfoAreaL2 {
	float: left;
	width: 68px;
	margin-top: auto;
	margin-bottom: auto;
	height: 150px;
	vertical-align: middle;
	padding-top: 50px;
}

#BottomInfoAreaL3 {
	float: left;
	width: 130px;
	margin-top: auto;
	margin-bottom: auto;
	height: 150px;
	vertical-align: middle;
	padding-top: 50px;
}


#BottomInfoAreaL {
	float: left;
	min-height: 150px;
	width: 318px;
}
#BottomInfoAreaR {
	float: left;
	min-height: 150px;
	width: 670px;
}


#CopyRight {
	float: left;
	height: 22px;
	width: 670px;
	padding-top: 3px;
}