/*   StyleSheet Centermall Online */

body{
	font-size:12px;
	color:#333333;
	text-align:center;
	/*background:url(images/bgmain.jpg);*/
	width:1004px;
	margin:auto;
	background-color:#333;
}
body,td,div,li,span{
	font-family:"Tahoma";
}
.fixsize{
	width:960px;
	margin:auto;
}
div div{
	margin:0px;
	text-align:left;
}
td,th{overflow:hidden;}
hr{height:1px;}
form{padding:0;margin:0;}
input, select, textarea {font: 13px Arial;}
p{margin-top:0;}

ul {margin:4px 0 4px 15px;padding:0;list-style-type:none;list-style-image: url(images/bullet1.gif);}
ul ul{margin-left:40px;}
li{margin-left:8px;}

a:link{color:#3067CD;text-decoration:none;}
a:visited{color:#3067CD;text-decoration:none;}
a:hover{color:#f60;text-decoration:underline;}
h1,h2,h3,h4{margin:0;padding:0;}
h1{font:2em/180% arial;margin:2px 0 2px 0;}
h1.guide{color:#002858;margin-bottom:5px;font-size:20px;}
h2{font:1.5em/180% arial;}
h3{font:1.2em/180% arial;}
h4{font:1.2em/180% arial;}

.hide {
	visibility: hidden;
	position: absolute;
	top: -400px;
	width:100px;
	left:-100px;
}

.Container{text-align:center}

/*   Top Section */
#Navig{	float:left;width:1002px;margin:0 auto; height:24px; color:#FFFFFF; font-size:12px; background-color:#333333; text-align:right; background:url(images/bgNavig.jpg) repeat-x top;}
#TopSection{ float:left;width:1002px;margin:0 auto;}

#TopSection #logo{float:left; width:216px; height:177px; }
#TopSection #MainTop{ float:left; height:177px; width:775px; left:216px; }
#TopSection #TopRight{	 float:right; height:177px; width:11px;}

#MainTop #Menu{ height:22px; font-size:13px; padding-left:10px; color:#FFFFFF; margin-top:8px; font-weight:bold; }
#MainTop #TopBanner{border:#333333 solid 1px;height:125px; width:773px; margin-top:8px; overflow:hidden}

#Banner186x230A{
	height:230px; width:186px; overflow:hidden
}

#Banner186x230B{
	height:230px; width:186px; overflow:hidden
}
#ShowCatalog{
	height:180px; width:375px; overflow:hidden; 
}
#ShowCatalog2{
	height:180px; width:375px; overflow:hidden; 
}

#Menu a{	padding:2px;}
#Menu a:link{color:#FFFFFF;	text-decoration:none;}
#Menu a:visited{color:#FFFFFF;	text-decoration:none;}
#Menu a:hover{	color:#FFFFFF;	text-decoration:none;}

#Navig a{	padding:2px;}
#Navig a:link{color:#FFFFFF;	text-decoration:none;}
#Navig a:visited{color:#FF0000;	text-decoration:none;}
#Navig a:hover{	color:#FF6600;	text-decoration:none;}
#SearchBox{
	border:0px solid #eee;
	padding:5px;
	height:30px;
	font-size:14px;
	font-weight:bold;
}
#txtSearch{
	border:1px solid #333;
	font-size:14px;
}
#searchtype{
	border:1px solid #333;
	background-color:#ccc;
}
/*   Floor Section */
#FloorSection{ float:left;	margin:0px;top:177px; border-bottom:#666666 0px solid;}
#Floor{ height:30px; background-color:#dadada; border-bottom:#666666 1px solid; border-left:#666666 solid 1px;border-right:#666666 solid 2px; padding:1px;}

.txtCatagories{ padding-left:0px; font-size:12px; display:block;  padding:3px;}

#News{ float:left;width:997px;margin:0px; padding-right:4px; text-align:right; height:25px; color:#FFFFFF; font-size:14px; background-color:#666666; border-right:#666666 1px solid;}

/*   Content Section */
#ContentSection{ float:left; width:1002px;margin:0px; border-right:#666666 solid 1px; 
background:url(images/bgContent.jpg) left top repeat-y; background-color:#FFFFFF;}
#ContentSection #LeftSide{ float:left;width:204px; /*background-color:#D5D7D6;*/ padding:1px; padding-top:0px; }
#ContentSection #Center{ float:right;width:785px; background-color:#FFFFFF;  }

#Content{ padding:8px; padding-top:0px; margin:0px;}
.TopicPage{ width:770px; height:22px;background-color:#666666; color:#FFFFFF}
.TopicPage .Left{ float:left; height:22px;float:left; background-color:#666666; width:610px; font-weight:bold;}
.TopicPage .Right{ float:right; height:22px;background-color:#000000; width:155px; }
.TopicPage span{ display:block; padding:3px; padding-left:5px; padding-top:3px;}

.Box{ /*margin-top:10px;*/ border:0px solid #ccc; padding:2px; background-color:#fff;}
.BoxTopic{ height:22px; padding-top:2px; color:#FFFFFF; padding-left:5px; font-size:14px; font-weight:bold;}
.BoxDetail{ padding:2px;}
.BoxDetail ul li{
	padding-left:10px;
}

.Box2{ /*margin-top:10px;*/ border:0px solid #ccc; padding:2px; background-color:#fff; }
.BoxTopic2{ height:22px; padding-top:2px; color:#FFFFFF; padding-left:5px; font-size:14px; font-weight:bold;}
.BoxDetail2{ padding:4px;}
.BoxDetail2 ul li{
	padding-left:10px;
}


.postlist{ display:block; border-bottom:1px solid #eee; line-height:23px; height:23px; background:url(images/bullet.gif) 2px 6px no-repeat; padding-left:15px;}
.DisplayContent{ padding:0px; padding-top:10px;}

.TopicGreen{color:#009900; font-size:12px; font-weight:bold;}
.space{height:10px;}
#space{height:10px;}

/*   Footer Section */
#FooterSection{ float:left; width:1002px;margin:0px; height:120px; text-align:center; color:#FFFFFF}
#FooterSection #Menu{ text-align:center; margin-top:15px; color:#FFFFFF; height:30px}
#FooterSection div{text-align:center; color:#FFFFFF;}
/*  Add older*/

#BoxShop{width:165px;	float:left;height:170px;border:#bbb solid 0px;padding:5px; margin:4px;
background:url(images/boxShop.jpg) left top no-repeat;}
#BoxShop #Detail{	padding:1px;	height:70px;border:#ffffff solid 0px; overflow:hidden;margin-top:3px; }
.txtSmall{font-size:10px;}
.txtRed{color:#FF0000}
.txtWhite{color:#FFFFFF}
#PageControl{ float:left;padding:1px;border:#cccccc solid 1px; width:100%; margin-top:5px;  text-align:right; background-color:#000000; color:#FFFFFF}
#BarTopicPage{	font-size:14px; font-weight:bold; color:#0066ff;height:30px;	padding-left:10px;}
#ContentPage{float:left;	width:100%;	padding:1px; margin-bottom:5px; /*border:#cccccc solid 1px;*/}
#BoxPost{ 	margin:3px;border:#cccccc 1px solid; background-color:#fff; width:110px; float:left; padding:3px;	height:160px; overflow:hidden;}
#BoxPost a{ display:block;}

.lineDot{border-bottom:#999999 1px dotted; margin-bottom:5px;}
.border{border:#CCCCCC 1px solid;}
.Title{font-size:14px; color:#666666; font-weight:bold; margin-bottom:3px; margin-top:5px;}

#BannerPicture{margin-bottom:15px;}
.lineGray{border-bottom:#cccccc 1px solid; }
#BoxShopFront{width:165px;	float:left;height:165px;padding:1px; margin:2px;}
#BoxShopFront #Detail{	padding:1px;	height:58px;border:#ffffff solid 1px; overflow:hidden;margin-top:3px; }

#BoxProduct{ 	margin:4px;border:#cccccc 1px solid; background-color:#fff; width:105px; float:left; padding:4px;	height:160px; overflow:hidden; }
#BoxProduct a{ display:block;}

#BoxCatalog{float:left; height:185px;padding:1px; border:#eee solid 0px;  }
.BarPage{height:22px;background-color:#666666; color:#FFFFFF; margin-bottom:7px;}
.BarPage .Left{ float:left; height:22px;float:left; background-color:#666666; width:550px; font-weight:bold;}
.BarPage .Right{ float:right; height:22px;background-color:#000000; width:188px;  font-weight:bold; text-align:center }
.BarPage span{ display:block; padding:3px; padding-left:5px; padding-top:3px;}
.clear{
	clear:both;
}

#Tab{border-bottom:#666666 1px solid; height:22px; margin-bottom:5px;}
#Tab #Items{ float:left; font-size:14px; padding:2px; width:100px; border:#666666 1px solid; 
margin-left:4px; text-align:center; background-color:#a40000; color:#FFFFFF;}
#Tab #Label{ float:right; width:220px; font-size:14px; text-align:right}

#BoxSearch {margin:0px; padding:5px; background-color:#eeeeee; border:1px solid #cccccc; font-size:14px;}
#SearchForm{margin:5px; padding:5px; font-size:14px;  vertical-align:middle;}

.selectCat{background-color:#a40000;padding:1px;color:#ffffff; padding-left:2px; padding-right:2px;}

.inputbutton{
	border-width: 1px;
	border-style: solid;
	border-bottom-color: #333;
	border-right-color: #333;
	border-left-color: #fff;
	border-top-color: #fff;
	cursor: pointer; 
	background-color:#990000; 
	color:#fff;
	padding-left:5px;
	padding-right:5px;
}
.Price{
	color:#009900;
	font-weight:bold;
	margin-top:2px;
	text-align:center;
	border:0px solid #ccc;
	background-color:#fff;
	padding:2px;
}
.boxBorder{
	border:1px solid #ccc;
	padding:5px;
}
.redtxt{
	color:#FF0000;
}
.greentxt{
	color:#009900;
}