.foo{}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	FILTER PRODUCT

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.filter-group
{
	width: 100%;
	height: 100%;
	float: left;	
	border: 1px solid #bb1b1d;
	border-top: none;
}

.filter-column
{
	width: 49.9%;
	height: 100%;
	float: left;
}

.filter-rows
{
	width: 100%;
	height: 20px;
	float: left;
	padding-bottom: 10px;
}

.filter-header
{
	width: 100%;
	height: 20px;
	float: left;
	padding-bottom: 15px;
}

.filter-header-lower
{
	background: url('images/search-box-left.png') top left repeat-x;
	height: 20px;
	float: left;
	width: 100%;
	text-align: center;
}

.filter-header-left
{
	background: url('images/search-box-trileft.png') top left no-repeat;
	width: 10px;
	height: 20px;
	float: left;
}

.filter-header-mid
{
	background: url('images/search-box-center.png') top left repeat-x;
	height: 20px;
	float: left;
}

.filter-header-right
{
	background: url('images/search-box-triright.png') top left no-repeat;
	width: 10px;
	height: 20px;
	float: left;
}

.filter-header-title
{
	padding: 1px 7px 0px 7px;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
}

.filter-left-controls
{
	float: right;
	padding-right: 5px;
}

.filter-right-controls
{
	float: left;
	padding-left: 5px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	HEADER

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.header-logo
{
	float:left;
	width: 205px;
	height: 125px;
	background: url("images/logo_mb.jpg") top left no-repeat;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	MAIN NAVIGATOR

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.navi-main
{
	float: left;
	width: 100%;
	height: 100%;
	background-color: #0950a0;
}

.navi-group
{
	margin:0 auto;
}

.navi-items-first
{
	float: left;
	height: 24px;
	/*border-left: solid 1px #ffffff;*/
	/*border-right: solid 1px #ffffff;*/
}

.navi-items
{
	float: left;
	height: 24px;
	border-left: solid 1px #ffffff;
}

.navi-text
{
	text-align: center;
	padding-top: 3px;
	font-size: 13px;
	color: #ffffff;
	font-weight: bold;
	font-family: Arial, Verdana;
}

.navi-text a
{
	color: #ffffff;
}

.navi-text a:hover
{
	color: #e3ea1f;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	SUB NAVIGATOR

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.subnavi-main
{
	float: left;
	width: 100%;
	height: 100%;
}

.subnavi-obj
{
	float: left;
	font-size: 10px;
}

.subnavi-text
{
	float: left;
	padding: 7px 5px 0px 5px;
}

.subnavi-text-selected
{
	float: left;
	padding: 7px 5px 0px 5px;
}

.subnavi-gay
{
	float: left;
	padding-top: 7px;
}

.subnavi-text a
{
	color: #000;
}

.subnavi-text-selected a
{
	color: #b81329;
}

.subnavi-text a:hover
{
	color: #e139bf;
}

.subnavi-text-selected a:hover
{
	color: #b81329;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	PRODUCT LIST

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.prolist-group
{
	float: left;
	width: 100%;
	height: 100%;
}

.prolist-header
{
	font-size: 15px;
	font-weight:normal;
}

.prolist-title
{
	color: #d80200;
}

.prolist-content
{
	width: 100%; 
	margin: 20px 0px 0px 0px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	USER2 ADVERTISE

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.advt-user2
{
	float: left;
	width: 100%;
	height: 100%;
	text-align: center;
}

.advt-border
{
	float: left;
	width: 100%;
	height: 100%;
	border: solid 1px #ccc;
}

.advt-image
{
	text-align: center;
	float: left;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	USER2 PRODUCT UPLOAD GROUP

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.pup-group
{
	width: 100%;
	height: 100%;
	float: left;
	padding-top: 10px;
}

.pup-header
{
	width: 282px;
	float: left;
	height: 27px;
	background: url('images/login_mid.png') top left repeat-x;
}

.pup-header-title
{
	text-align: center;
	padding-top: 5px;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
}

.pup-content
{
	width: 100%;
	height: 100%;
	float: left;
	border: solid 1px #ccc;
	border-top: none;
	padding-bottom: 6px;
}

.pup-row
{
	height: 100%;
	padding-left: 3px;
	padding-top: 7px;
	float:left;
}

.pup-column1
{
	width: 90px;
	float: left;
	height: 100%;
}

.pup-column2
{
	height: 100%;
	margin-left: 90px;
	padding-left: 5px;
	padding-top: 17px;
	font-weight: bold;
}

.pup-title a:hover
{
	/*color: Green;*/
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	USER SUPPORT

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.sup-group
{
	float: left;
	width: 100%;
	margin-top: 10px;
	border: solid 1px #ccc;
}

.sup-row1
{
	width: 100px;
	height: 95px;
	float: left;
}

.sup-row2
{
	margin-left: 100px;
	height: 100%;
}

.sup-cell11
{
	width: 100%;
	height: 31px;
}

.sup-cell12
{
	width: 100%;
	height: 64px;
}

.sup-column-top
{
	width: 100%;
	height: 31px;
}

.sup-column-bottom
{
	width: 100%;
	height: 64px;
}

.sup-text-hotline
{
	padding: 6px 0px;
	font-size: 12px;
	color: #bf2609;
	font-weight: bold;
	width: 33%;
	float: left;
}

.sup-text-hotline a
{
	color: #bf2609;
}

.sup-text-cell1
{
	padding: 6px 13px;
	font-size: 12px;
	color: #bf2609;
	font-weight: bold;
}

.sup-text-cell2
{
	padding: 21px 13px;
	font-size: 12px;
	color: Blue;
	font-weight: bold;
}

.sup-column-row
{
	width: 100%;
	height: 50%;
}

.sup-column-cell
{
	width: 24%;
	height: 100%;
	float: left;
}

.sup-column-item
{
	padding: 8px 9px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	FOOTER

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.footer-row1
{
	background: url("images/mid_footer.png") top left repeat-x;
	width: 100%;
	height: 22px;
	float:left;
}

.footer-row2
{
	width: 100%;
	padding-bottom:20px;
	/*height: 100px;
	background-color: #cd9844;*/
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	ADVERTISE LINK

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.advt-link-group
{
	width: 100%;
	height: 100%;
	float: left;
	background: url('images/advt_link_mid.png') top left repeat-x;
}

.advt-link-left
{
	width: 25px;
	height: 100px;
	margin-left: 5px;
	background: url('images/advt_link_left.png') top left no-repeat;
	float: left;
}

.advt-link-mid
{
	float: left;
	width: 920px;
	height: 85px;
	margin-top: 8px;
	margin-left: 10px;
}

.advt-link-right
{
	width: 25px;
	height: 100px;
	margin-right: 5px;
	background: url('images/advt_link_right.png') top left no-repeat;
	float: right;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	ARTICLE EXTENSION

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.aext { width:100%; float:left; background-color:#d3e5f0; height:100%; padding-bottom:10px; padding-top:1px; border:solid 1px #bbb; margin-top: 20px; }
.aext ul { height:40px; padding:0; margin:0; }
.aext ul a span { font:10pt Georgia; color:#fced05; font-weight:bold; padding:0px 15px; }
.aext ul a span:hover { color:#fced05; }
.aext li { list-style:none; float:left; }
        
.aext-left { background:url('images/aext_left.png') 0 0 no-repeat; float:left; }
.aext-mid { background:url('images/aext_mid.png') top center repeat-x; float:left; }
.aext-mid a { float:left; height:40px; background:url('images/aext_pointer.png') top center no-repeat; padding-top:8px; }
.aext-right { padding:0px 10px; background:url('images/aext_right.png') 100% 0 no-repeat; float:left; }
.aext-tag a { font: 1.2em "Segoe UI",Tahoma,Aria; }
.aext-tag a:hover { color: #e74d17; }