@charset "utf-8";
/* CSS Document */

*{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; }

body{ background: #FFF; padding: 0px; margin: 0px; }
a{ color: #333333; text-decoration: none; }

#body2{ background-image: url('images/bg-top.gif'); background-repeat: no-repeat; background-color: #FFF; width: 985px; margin-top: 5px; margin-bottom: 5px; position: relative; }

#body3{ background-image: url('images/bg-bottom.gif'); background-repeat: no-repeat; background-color: #FFF; height: 165px; width: 985px; margin-top: 5px; margin-bottom: 5px; position: relative; }

#top-spacing{ height: 75px; }

#register, #forgot-password{ font-size: 10px; }

#main_container{ background: #FFF; margin: 0px auto; width: 985px; padding: 5px; border-left: 1px solid #CCC; border-right: 1px solid #CCC; }

#header_container{ background: url('images/logo-banner.gif'); height: 134px; position: relative; }

#login_container{ width: 99%; padding: 5px; text-align: right; font-size: 11px; position: absolute; bottom: 0px; }
#cart_container{ width: 99%; padding: 5px; text-align: right; font-size: 11px; position: absolute; bottom: 30px; }

#menu{ text-align: center; }
#menu ul { padding: 0px; margin: 0px auto; width: auto; }
#menu ul li{ display: inline; padding-right: 10px; padding-left: 10px; }
#menu ul li a{ color: #000; font-weight: bold; }

.magazine_container{ display: inline; float: left; }

#copyright{ background: url('images/copyright-bg.gif'); height: 35px; line-height: 35px; padding-left: 15px; font-family: "Century Gothic"; font-size: 13px; }

#latest_magazine_box_title{ font-family: "Century Gothic"; font-size: 13px; line-height: 25px; height: 25px; font-size: 13px; padding-left: 10px; background: #CC0000; }
#others_magazine_box_title{ font-family: "Century Gothic"; font-size: 13px; line-height: 25px; height: 25px; font-size: 13px; padding-left: 10px; background: #FF0066; }
#local_graphic_box_title{ font-family: "Century Gothic"; font-size: 13px; line-height: 25px; height: 25px; font-size: 13px; padding-left: 10px; background: #0033CC; }
#overseas_graphic_box_title{ font-family: "Century Gothic"; font-size: 13px; line-height: 25px; height: 25px; font-size: 13px; padding-left: 10px; background: #00CC00; }

#top-left{ background: url('images/rc-top-left.gif'); width: 13px; height: 13px; position: absolute; top: 0px; left: 0px; }
#top-right{ background: url('images/rc-top-right.gif'); width: 13px; height: 13px; position: absolute; top: 0px; right: 0px; }
#bottom-left{ background: url('images/rc-bottom-left.gif'); width: 13px; height: 13px; position: absolute; bottom: 0px; left: 0px; }
#bottom-right{ background: url('images/rc-bottom-right.gif'); width: 13px; height: 13px; position: absolute; bottom: 0px; right: 0px; }

#comments_title{ font-weight: bold; }
#comments_body{ font-size: 10px; text-align: justify; padding-bottom: 3px; margin-bottom: 3px; border-bottom: 1px dashed #333333; }

#title{ height: 50px; line-height: 50px; font-size: 26px; color:#FF6600; padding-left: 20px; }

ul.listing{ list-style: none; margin: 0px; padding: 0px; }
ul.listing li{ float: left; padding-right: 5px; }