HTML {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
BODY {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
BODY {
	FONT: 80% Verdana,Arial,sans-serif
}
BODY {
	TEXT-ALIGN: center
}


/*************************************/
/****<<<<     COMMON   >>>>***********/
/*************************************/

/*===================================*/
/*=======	FORM RELATED ===========*/
/*===================================*/
.form_select {
	FONT: 85% Verdana,Arial,sans-serif
}
.form_text {
	FONT: 85% Verdana,Arial,sans-serif
}

A:link {
	color: #666666;TEXT-DECORATION: none;
}
A:visited {
	COLOR: #999999; TEXT-DECORATION: none
}
A:hover {
	TEXT-DECORATION: underline;
}

ul.error li {
	color: red
}



/*===================================*/
/*============	BOX =================*/
/*===================================*/
.box {
	BACKGROUND: none transparent scroll repeat 0% 0%;
	MARGIN: 0px auto; WIDTH: 80PX;
}

.box .top {
	DISPLAY: block; FONT-SIZE: 1px; BACKGROUND: none transparent scroll repeat 0% 0%
}
.box .b1 {
	BORDER-LEFT: #000 1px solid; BORDER-RIGHT: #000 1px solid; DISPLAY: block; BACKGROUND: #eca; OVERFLOW: hidden; HEIGHT: 1px;	BACKGROUND: #000; MARGIN: 0px 3px
}
.box .b2 {
	BORDER-LEFT: #000 1px solid; BORDER-RIGHT: #000 1px solid; DISPLAY: block; BACKGROUND: #eca; OVERFLOW: hidden; HEIGHT: 1px; MARGIN: 0px 2px
}
.box .b3 {
	BORDER-LEFT: #000 1px solid; BORDER-RIGHT: #000 1px solid; DISPLAY: block; BACKGROUND: #eca; OVERFLOW: hidden; HEIGHT: 1px; MARGIN: 0px 1px
}
.box .b4 {
	BORDER-LEFT: #000 1px solid; BORDER-RIGHT: #000 1px solid; DISPLAY: block; BACKGROUND: #eca; OVERFLOW: hidden; HEIGHT: 2px; MARGIN: 0px 1px
}
.box .b5 {
	BORDER-LEFT: #000 1px solid; BORDER-RIGHT: #000 1px solid; DISPLAY: block; BACKGROUND: #eca; OVERFLOW: hidden; HEIGHT: 1px; MARGIN: 0px 1px
}

.box .boxcontent {
	BORDER-RIGHT: #000 1px solid; DISPLAY: block; BACKGROUND: #eca; BORDER-LEFT: #000 1px solid;height: 18px
}
.box .bottom {
	DISPLAY: block; FONT-SIZE: 1px; BACKGROUND: none transparent scroll repeat 0% 0%
}


/*===================================*/
/*=========	ROUND BOX ===============*/
/*===================================*/
.round_box {
	BACKGROUND: none transparent scroll repeat 0% 0%;
	MARGIN: 0px auto; WIDTH: 80PX;
}

.round_box .top {
	DISPLAY: block; FONT-SIZE: 1px; BACKGROUND: none transparent scroll repeat 0% 0%
}
.round_box .b1 {
	BORDER-LEFT: #000 1px solid; BORDER-RIGHT: #000 1px solid; DISPLAY: block; BACKGROUND: #eca; OVERFLOW: hidden; HEIGHT: 1px;	BACKGROUND: #000; MARGIN: 0px 5px
}
.round_box .b2 {
	BORDER-LEFT: #000 1px solid; BORDER-RIGHT: #000 1px solid; DISPLAY: block; BACKGROUND: #eca; OVERFLOW: hidden; HEIGHT: 1px; MARGIN: 0px 3px
}
.round_box .b3 {
	BORDER-LEFT: #000 1px solid; BORDER-RIGHT: #000 1px solid; DISPLAY: block; BACKGROUND: #eca; OVERFLOW: hidden; HEIGHT: 1px; MARGIN: 0px 2px
}
.round_box .b4 {
	BORDER-LEFT: #000 1px solid; BORDER-RIGHT: #000 1px solid; DISPLAY: block; BACKGROUND: #eca; OVERFLOW: hidden; HEIGHT: 2px; MARGIN: 0px 1px
}

.round_box .boxcontent {
	BORDER-RIGHT: #000 1px solid; DISPLAY: block; BACKGROUND: #eca; BORDER-LEFT: #000 1px solid;height: 18px
}
.round_box .bottom {
	DISPLAY: block; FONT-SIZE: 1px; BACKGROUND: none transparent scroll repeat 0% 0%
}


/*===================================*/
/*=======	ONY TOP CORNER  BOX =====*/
/*===================================*/
.top_box {
	BACKGROUND: none transparent scroll repeat 0% 0%;
	MARGIN: 0px auto; WIDTH: 80PX;
}

.top_box .top {
	DISPLAY: block; FONT-SIZE: 1px; BACKGROUND: none transparent scroll repeat 0% 0%
}
.top_box .b1 {
	BORDER-LEFT: #000 1px solid; BORDER-RIGHT: #000 1px solid;  DISPLAY: block; BACKGROUND: #eca; OVERFLOW: hidden; HEIGHT: 1px;	BACKGROUND: #000; MARGIN: 0px 3px
}
.top_box .b2 {
	BORDER-LEFT: #000 1px solid; BORDER-RIGHT: #000 1px solid;  DISPLAY: block; BACKGROUND: #eca; OVERFLOW: hidden; HEIGHT: 1px; MARGIN: 0px 2px
}
.top_box .b3 {
	BORDER-LEFT: #000 1px solid; BORDER-RIGHT: #000 1px solid;  DISPLAY: block; BACKGROUND: #eca; OVERFLOW: hidden; HEIGHT: 1px; MARGIN: 0px 1px
}

.top_box .boxcontent {
	BORDER-RIGHT: #000 1px solid; DISPLAY: block; BACKGROUND: #eca; BORDER-LEFT: #000 1px solid;height: 20px
}
.top_box .bottom {
	DISPLAY: block; FONT-SIZE: 1px; BACKGROUND: none transparent scroll repeat 0% 0%
}


/*****   UL MENU ******/
ul.menu {
	list-style: none;
	float: left;
	margin: 0;
	padding: 0;
}

ul.menu li {
	float: left;
	margin: 0;
	padding: 0;
}

/*****   UL TABLE ******/
ul.table {
	list-style: none;
	float: left;
	margin: 0;
	padding: 0;

}

ul.table li {
	float: left;
	margin: 0;
	padding: 0;
	word-wrap: break-word;
}



/**********************************************************/
/********************<<<<     HEADER   >>>>****************/
/**********************************************************/
div#header {
	MARGIN: 0px auto; WIDTH: 970px; OVERFLOW: hidden;
	height: 155px;
	padding-top:2px;

}

/*==========================TOP MENU======================*/
ul#top_menu {
	margin-top: 2px;
	background: #3399FF;
	height: 27px;
	width: 100%;
}

ul#top_menu li {
	font-weight: bold;
	font-size: 85%;
	text-align: center;
	width: 100px;
	height: 20px;
	padding-top: 7px;
}
ul#top_menu li.splitter {width: 2px;background: url('/imgs/top_menu_splitter.gif') no-repeat}



/*==========================SEARCH BAR====================*/
ul#search_bar {
	width: 100%;
}
ul#search_bar li {
	height: 24px;
	margin-top: 2px;
	padding-top: 5px;
	font-size: 80%;
	background: #D6D6D6;
	text-align: left;
}
ul#search_bar li.splitter {width: 2px;background: #D6D6D6 url('/imgs/top_menu_splitter.gif') no-repeat}






/**********************************************************/
/******************<<<<     CONTAINER   >>>>***************/
/**********************************************************/
DIV#container {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: #fff;
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px auto 10px;
	WIDTH: 970px;
	PADDING-TOP: 0px;
	TEXT-ALIGN: left;
	height: auto;
	margin-top: 2px;
	margin-bottom: 0px;

}




/*********************************************************/
/****************<<<<     LEFT SIDE   >>>>****************/
/*********************************************************/
div#left {
	margin: 0;
	padding: 0;
	width: 155px;
	float: left;
	height: 500px;
}

/*==========================TOP MENU======================*/
ul#left_menu {
	background: #ADEFAD;
	height: 1107px;
	width: 100%;
	padding-bottom: 10px;
}

ul#left_menu li {
	font-size: 80%;
	width: 142px;
	padding-left: 8px;
	margin-top: 5px;
}

ul#left_menu li.cat_title {
	background: #3399FF;
	padding: 5px 7px;
	margin: 0;
	width: 141px;
	height: 15px;
	font-weight: bold;
	color: #FFF;
	font-size: 85%;
	border-bottom: solid 2px #FFF;
}

ul#left_menu li.sub_cat {
	background: #D7F7FF;
	margin: 0;
	padding: 3px 7px;
	width: 141px;
	
}


/*********************************************************/
/**************<<<<     MIDDLE SIDE   >>>>****************/
/*********************************************************/
div#middle {
	margin: 0;
	padding: 0;
	float: left;
	width: 640px;
	height: auto;
	margin-left: 10px;

}

/*====================MIDDLE CONTENT ====================*/
ul#middle_content {


}
ul#middle_content li.content {
	width: 615px;
	text-align:left;
	padding:5px 5px 0px 5px;
}
ul#middle_content li {
	width: 160px;
	text-align: center;
	height: auto;
	margin-bottom: 8px;
}


/*==================TOP PRODUCT BOX ======================*/
div#top_product_box {
	width: 152px;
	margin: 0;
	padding: 0;
	float: left;


}

ul#middle_content .b1,ul#middle_content .b2,ul#middle_content .b3,ul#middle_content .b4,ul#middle_content .boxcontent {
	border-left: #CFCFCF 1px solid;
	border-right: #CFCFCF 1px solid;
	background: #FFFFFF
}



ul#middle_content .b1 {
	background: #CFCFCF;
}


div#top_product_box .boxcontent {
	padding: 0;
	margin: 0;
	width: 150px;
	height: 202px;

}

div#top_product_box .boxcontent ul.table li {
	font-size: 80%;
	text-align: center;
	width: 148px;
}


/*====================PRODUCT BOX =======================*/
div#product_box {
	width: 152px;
	margin: 0;
	padding: 0;
	float: left;


}

div#product_box .boxcontent {
	padding: 0;
	margin: 0;
	width: 150px;
	height: 232px;

}

div#product_box .boxcontent ul.table li {
	font-size: 80%;
	text-align: center;
	width: 148px;
}

/* ============= category.php MIDDLE CONTENT ============*/
ul#sub_cats{
	background: #E7F3FF;
}
ul#sub_cats li {
	width: 623px;
	text-align: left;
}

ul#sub_cats li.title{
	font-weight: bold;
	color: #FFF;
	background: #3399FF;
	height: 17px;
	padding: 5px;

}

ul#sub_cats li.sub_cat {
	background: url('/imgs/red_arrow2.gif') no-repeat 10px 2px;
	width: 180px;
	padding: 0px 0 8px 20px;
	font-size: 80%;
	
}
/* ============= sub_category.php MIDDLE CONTENT ============*/
ul#item_list {
	border-bottom: solid 1px #CECFCE;
	width: 620px;
	padding-bottom: 10px;
}
ul#item_list ul li {
	text-align: left;
	font-weight: bold;
}
ul#item_list li.price {
	font-size:140%;
	color:#CE0000;
	font-family:Arial;
	text-align: right;
	width: 80px;
}
ul#item_list li.pic {
	width: 75px;text-align:left;padding-left:5px;

}
ul#item_list li.desc {
	padding-left: 5px;
	padding-right: 5px;
	width: 620px;
	margin-top: 20px;
	text-align:left
}

/* ============= product_info.php MIDDLE CONTENT ============*/
p#product_desc {
	width:610px
}
p#product_desc table {
	width:610px;
	display:hidden 
}


p#product_desc table font{
	font-size: 85%
}

/* product info */
ul#product_detail {
	margin-bottom: 20px;
	
}
ul#product_detail li {
	width: 415px;
}

ul#product_spec {
	width: 430px;
	border-top: solid 1px #CCCCCC;
	border-left: solid 1px #CCCCCC;
}

ul#product_spec li {
	text-align: left;
	font-size: 85%;
	border-bottom: solid 1px #CCCCCC;
	border-right: solid 1px #CCCCCC;
	margin:0;
	padding: 5px;

}



/*********************************************************/
/****************<<<<     RIGHT SIDE   >>>>***************/
/*********************************************************/
div#right {
	width: 158px;
	margin: 0;
	padding: 0;
	height: auto;
	float: left;
	padding-left: 2px;
	background:#D7F7FF;
	height: 1115px;
}

/*====================RIGHT LIST =======================*/
ul#right_list {

}
ul#right_list li{
	width: 160px;
	font-size: 85%;
	background: #D7F7FF;

}
ul#right_list li.title {
	height: 20px;
	background: #3399FF;
	margin-top: 2px;
	width: 148px;
	color:#FFF;
	padding-left: 10px;
	font-weight:bold;
	padding-top:5px
}


ul#right_list li.ordered_item {
font-size:70%;padding:0 3px 5px 3px;margin: 5px 3px 0 0;border-bottom: solid 1px #CCCCCC;width:150px
}
ul#right_list li.content {
	height: 50px;
	background: #D7F7FF;
	padding-left: 5px;
	width: 150px;
	padding-top: 5px;
	line-height: 14px;

}

/*====================3 HOTTEST DEAL =================*/
ul#hottest_deal {

}
ul#hottest_deal li{
	width: 145px;
	font-weight: bold;
	padding-left: 7px;
	padding-right: 8px;
	padding-top: 5px;

}


/*********************************************************/
/*******************<<<<     FOOTER   >>>>****************/
/*********************************************************/
DIV#footer {
	padding:0;
	BACKGROUND: #ffffff;
	MARGIN: 0px auto;
	WIDTH: 970px;
	padding: 0;
	height: 100px;
	margin-top: 0px;
	clear: both;

}

/*==================== FOOTER MENU ===================*/
ul#footer_menu {

}
ul#footer_menu li{
	height: 23px;
}

/*====================  =================*/
ul#footer_left {
	padding-top: 30px;
	padding-left: 10px;
	height: 40px;
}
ul#footer_left li{
	text-align: left;
	width: 155px;
	font-size: 85%;
	height: 15px;
}


/*********************************************************/
/**************<<<<   ADMIN PAGE STYLE   >>>>*************/
/*********************************************************/
ul#admin_product_list {
	border: solid 1px #cccccc;
	width: 100%;
}

ul#admin_product_list li {
	margin-bottom: 10px;
}