@charset "utf-8";
/* CSS Document */
body {
	margin:0;
	padding:0;
	color: #ccc;
	font-size:12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
   	background-color: #000;
	background: url(../images/bodybg.jpg) ;
}
a:link, a:visited {font-weight:bold; color: #ccc;}
a:active, a:hover {color: #c63;	text-decoration:none;}
p {color:#888;font-size:13px;line-height:150%;margin: 0px; padding: 0px; text-align: justify; }
img { margin: 0px; padding: 0px; border: none; }
.cleaner { clear: both; width: 100%; height: 0px; font-size: 0px;  }
.fb{font-weight:bold}
.button {
	display: block;
	padding:2px 6px;
	font-size:16px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	color: #faeba6;
	background-color:#000;
	cursor:pointer;
}

/* site top.inc style */
#mallfin_top_panel_wrapper_outter {
	width: 100%;
	height: 210px;
	background: url(../images/mallfin_top_panel_bg_wrapper_inner.jpg) top repeat-x;
	
}

#mallfin_top_panel_wrapper_inner {
	width: 100%;
	height: 210px;
	margin: 0 auto;	
	background: url(../images/mallfin_top_panel_bg_wrapper_outer.jpg) top center no-repeat;
}

#mallfin_top_panel {
	width: 980px;
	height: 210px;
	margin: 0 auto;
	background: url(../images/mallfin_top_panel_bg.jpg) top center no-repeat;
}

#mallfin_top_panel #mallfin_menu {
	padding: 12px 0 0 0;
	height: 38px;
}

#mallfin_top_panel #mallfin_banner {
	clear: both;
	height: 160px;
}

#mallfin_banner  #site_title {
	float: left;
	width: 940px;
	padding: 40px 0 0 0;
	text-align: center;
}

#site_title h1 a {
	margin: 0px;
	padding: 0px;
	font-size: 24px;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
}

#site_title h1 a:hover {
	font-weight: bold;	
	text-decoration: none;
}

#site_title h1 a span {
	display: block;
	margin-left: 3px;
	margin-top: 2px;
	font-size: 14px;
	color: #FFFFFF;
	font-weight: normal;
	letter-spacing: 4px;
}

#site_title h1 a:hover span {
	font-weight: normal;
}
/* end of top.inc */

/* content */

#mallfin_content_wrapper {
	clear: both;
	width: 100%;
	margin: 0 auto;
/*	background: url(../images/mallfin_content_bg_wrapper.jpg) center top no-repeat;*/
}
#mallfin_content {
	width: 980px;
	margin: 0 auto;
}
#mallfin_main_content_top {
	clear: both;
	width: 980px;
	height: 32px;
	background: url(../images/mallfin_content_box_top.png) bottom center no-repeat;
}
#mallfin_main_content_bottom {
	clear: both;
	width: 980px;
	height: 32px;
	background: url(../images/mallfin_content_box_bottom.png) top center no-repeat;
}
#mallfin_main_coontent {
	clear: both;
	width: 980px;
	background: url(../images/mallfin_content_box_middle.png) center repeat-y;
}
#mallfin_main_coontent #main_column {
	float: left;
	width: 650px;
	padding: 20px 0;
}
#mallfin_main_coontent #side_column {
	float: right;
	width: 250px;
	margin-right: 20px;
	padding: 20px 15px;	
}
#main_column .post_box {
	clear: both;
	margin-bottom: 10px;
}
.post_box .date_box {
	float: left;
	width: 152px;
	height: 43px;
	margin-right: 10px;
	background: url(../images/mallfin_date_bg.png) top left no-repeat;
}
.post_box .date_box p {
	padding:8px 0 0 20px;
	font-size:18px;
	font-family:Arial, Helvetica, sans-serif;
	color: #ffffff;
}
.post_box .post_body {
	float: left;
	width: 600px;
	padding: 10px 0 20px 0;
	margin-left:40px;
	margin-bottom:0px;
}

.post_body h2 a {
	font-weight: bold;
	font-size: 26px;
}

.post_body h2 a:hover {
	text-decoration: none;
}

.post_body p {
	margin-bottom: 20px;
}
.post_content img {
	border: 5px solid #817970;
	margin-bottom: 10px;
	background: #fffff;
}

.post_content .link_button a {
	display: inline-block;
	padding: 1px 5px;
	margin-right: 10px;
	margin-top: 10px;
	color: #ffffff;
	background: #675d52;
	text-decoration: none;
}
.post_content .link_button a:hover {
	color: #000000;
 	background: #fad40d;
}
.side_column_section {
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: 1px dashed #333;
}
.side_menu {
	padding: 0px;
	margin: 0px;
	list-style: none;
}
.side_menu li {
	margin: 0px;
	padding: 2px 0;
	border-bottom: 1px dashed #666;
}
.side_menu li a {
	color: #000000;
}
.side_menu li a:hover {
	color: #fad40d;
	text-decoration: none;
}

/* site footer.inc style */

#mallfin_footer_wrapper {
	width: 100%;
	margin: 0 auto;
	margin-top: 10px;
	background: #11100f url(../images/mallfin_footer_top.jpg) top repeat-x;
}

#mallfin_footer {
	width: 980px;
	margin: 0 auto;
	padding: 40px 0;
	color: #ccc;
	line-height:18px;
	font-weight:bold;
}
<!-- end of footer.inc -->

.msgnone
{
	display:none
}
.messagebox{
    position:absolute;
	float:left;
    font: bolder 11px Arial, Sans-serif;
    height:13px;
    width:16px;
    margin:0;
    border:1px solid #c93;
    background:#ffc;
    background-image:url('../images/pgbar.gif');
    background-repeat: no-repeat;
    background-position: center;
    padding:1px 3px;
}

.txtmessagebox{
    position:absolute;
	float:left;
    font: bolder 11px Arial, Sans-serif;
    height:13px;
    width:auto;
    margin:0;
    border:0 solid #c93;
    background-color:#EFF8FF;
    background-image:none;
    background-repeat: no-repeat;
    background-position: center;
    padding:1px 3px;
}

.messageboxok{
    position:absolute ;
	float:left;
    font: bolder 11px Arial, Sans-serif;
    height:13px;
    width:16px;
    margin:0;
    margin-top:2px;
    border:1px solid #349534;
    background:#C9FFCA;
    padding:1px 3px;
    font-weight:bold;
    color:#008000;
    background-image:url('../images/yes.gif');
    background-repeat: no-repeat;
    background-position: center;
}

.messageboxerror{
    position:absolute; 
	float:left;
    font: bolder 11px Arial, Sans-serif;
    height:13px ;
    margin:0;
    margin-top:2px;
    border:1px solid #CC0000;
    background:#F7CBCA;
    padding:1px 3px;
    font-weight:bold;
    color:#CC0000;
    width:16px;
    background-image:url('../images/no.gif');
    background-repeat: no-repeat;
    background-position: center;
}
/*================================Menu=============================*/
#memu 
{ 
	display: block;
   	text-align: center;
   	text-decoration: none;
}

#menu ul { 
	width: 696px; /*If your links text is bigger you will have to adjust this value*/
	height: 34px;
	margin: 0 auto;
	padding: 0;
	line-height: 34px; /*same as height. This will center your text verticaly*/
	text-decoration: none;
}

/*Left Corner*/
#menu ul li.left {
	display: block;
	float: left;
	clear: left;
	width: 20px;
	height: 34px;
    background: url(menu_l.png) no-repeat left top;
}

/*Right Corner*/
#menu ul li.right {
	display: block;
	float: right;
	clear: right;
	width: 20px;
	height: 34px;
    background: url(menu_r.png) no-repeat right top;
}

#menu ul li { 
	width: auto;
	display: inline;
	float: left;
	list-style: none;
	text-align: center;
	text-decoration: none;
    background: url(menu_bg.png) repeat-x left top;
}
			
#menu ul li a { 
	display: block;
	font-weight:normal;
	text-decoration: none;
	text-transform: inherit;
	padding: 0 10px;
	color: #CCCCCC;
}

#menu ul li em {
	display: block;
	float: left;
	width: 2px;
	height: 34px;
    background: url(menu_sep.png) no-repeat left top;
}

/*last separator*/
/*This will add a separator after your last link*/
#menu ul li.sep {
	width: 2px;
    background: url(menu_sep.png) no-repeat left top;
}
		  
#menu ul li a:hover, #menu ul li a.active { 
	background: transparent url(menu_over.png) repeat-x center top;
	text-decoration: none;
	Color: white;
}

#menu ul li a.active {
	cursor: default;
	background: transparent url(menu_over.png) repeat-x center top;
}


/******IE hack******/
<!--[if IE]>
<style type="text/css">
p.iepara{ /*Conditional CSS- For IE (inc IE7), create 1em spacing between menu and paragraph that follows*/
padding-top: 1em;
}
</style>
<![endif]-->
/*============================END MENU==================================*/

#fixme {
  /* Netscape 4, IE 4.x-5.0/Win and other lesser browsers will use this */
  position: absolute; right: 20px; bottom: 10px;
}
body > div#fixme {
  /* used by Opera 5+, Netscape6+/Mozilla, Konqueror, Safari, OmniWeb 4.5+, iCab, ICEbrowser */
  position: fixed;
  background:#000000;
  width:100%;
  height:40px;
  padding-top:10px;
  border-bottom:1px dashed #000;
}
<!--[if gte IE 5.5]>
<![if lt IE 7]>
<style type="text/css">
div#fixme {
  /* IE5.5+/Win - this is more specific than the IE 5.0 version */
  right: auto; bottom: auto;
  left: expression( ( -20 - fixme.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
  top: expression( ( -10 - fixme.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}
</style>
<![endif]>
<![endif]-->