*, html, body { margin: 0;padding:0 }
body {padding: 0;font-family: Calibri, 'Lucida Grande', Verdana, Arial, Sans-Serif;	font-size: 12px;	color: #999;background: #000 url(../images/bg.jpg) top repeat-x;}
a {font-weight: bold;text-decoration: none;color: #fd3518;}
img { border: none }
#wrapper-all{background:url(../images/bg-bottom.jpg) bottom no-repeat;}
#wrapper{width: 990px;margin: auto;}
#top {height: 150px;border-right: 1px solid #1a1a1a;border-left: 1px solid #1a1a1a;clear:both;}
#top .tmenu {height: 30px;margin-left: 20px;margin-bottom:10px;float:right}
#top .tmenu ul, #top .tmenu li {margin: 0;padding: 0;list-style-type: none;}
#top .tmenu li { float: left }
#top .tmenu .tmnav li a {height: 30px;padding: 0 10px;line-height: 30px;color: #fff;border-left: 1px solid #555;display: block;text-shadow: 2px 2px 0px #000;}
#top .tmenu .tmnav li a:hover { color: #ccc }
#top .tmenu .tmnav img { vertical-align: text-top }
#top .tmenu .tmlink li {height: 30px;padding-left: 10px;line-height: 30px;font-style: italic;color: #aaa;}
#top .tmenu .tmlink img { vertical-align: middle }
#top  #logo{margin-left:20px;width:265px;float:left;margin-top:35px;}
#top .login {width:290px;float:right;color:#fd3518;height: 40px;position: relative;margin-right:10px;z-index:300}
#top #search-wrap .search{clear:both;position:relative;bottom:12px;right:0px}
#top .search {width:253px;float:right;height: 32px;margin-right:10px;padding-top:10px;padding-left:17px;background:url(../images/bg-search.gif) left top no-repeat;}
#top .search .search-input{border:1px solid #fff}
#header{position:relative}
#header #mainnav{background:url(../images/bg-mainnav.png) left top no-repeat;width:230px;height:325px;position:absolute;z-index:888;top:18px;left:18px;overflow:hidden}
#mainnav ul{margin-top:15px}
#mainnav li{list-style:none;margin-bottom:15px;margin-left:5px}
#mainnav li a{background-image:url(../images/bg-menu.png);display:block;height:29px;width:224px;text-indent:-500px;background-position:100% 100%;}
#mainnav li a:hover, #mainnav li.active a,#mainnav li a.active{background-image:url(../images/bg-menu-hover.png);display:block;height:29px;width:224px;text-indent:-500px;background-position:100% 100%;}
#mainnav li#nav-community a{background-position:100% -8px;}
#mainnav li#nav-ride a{background-position:100% -50px;}
#mainnav li#nav-road a{background-position:100% -92px;}
#mainnav li#nav-life a{background-position:100% -134px;}
#mainnav li#nav-style a{background-position:100% -176px;}
#mainnav li#nav-share a{background-position:100% -218px;}
#mainnav li#nav-sport a{background-position:100% -260px;}
#mainnav li#nav-community a:hover, #mainnav li#nav-community.active a,#mainnav li#nav-community a.active {background-position:100% -8px;}
#mainnav li#nav-ride a:hover, #mainnav li#nav-ride.active a,#mainnav li#nav-ride a.active {background-position:100% -50px;}
#mainnav li#nav-road a:hover, #mainnav li#nav-road.active a,#mainnav li#nav-road a.active {background-position:100% -92px;}
#mainnav li#nav-life a:hover, #mainnav li#nav-life.active a, #mainnav li#nav-life a.active {background-position:100% -134px;}
#mainnav li#nav-style a:hover, #mainnav li#nav-style.active a, #mainnav li#nav-style a.active {background-position:100% -176px;}
#mainnav li#nav-share a:hover, #mainnav li#nav-share.active a, #mainnav li#nav-share a.active {background-position:100% -218px;}
#mainnav li#nav-sport a:hover, #mainnav li#nav-sport.active a, #mainnav li#nav-sport a.active {background-position:100% -260px;}
#header-img{width:990px;float:left;text-align:center;position:relative;overflow:hidden}
#header-img #slide-nav{width:140px;height:29px;text-align:center;position:absolute;bottom:20px;right:50px;z-index:8888;background: url(../images/toggler-bg.png) no-repeat;}
#header-img #slide-nav a{font-weight:bold;display:block;background:url(../images/a-slide.png) center no-repeat;text-decoration:none;margin:0px 3px;width:9px;height:9px;float:left}
#header-img #slide-nav a#prev2{background:url(../images/toggler-arrow.png) 0 0  no-repeat;width:20px;height:22px;margin-top:3px}
#header-img #slide-nav a#next2{background:url(../images/toggler-arrow.png) 100% 0  no-repeat;width:20px;height:22px;margin-top:3px}
#header-img #slide-nav a#next2:hover{background:url(../images/toggler-arrow.png) 100% 100% no-repeat;width:20px;height:22px;margin-top:3px}
#header-img #slide-nav a#prev2:hover{background:url(../images/toggler-arrow.png) 0 100%  no-repeat;width:20px;height:22px;margin-top:3px}
#header-img #slide-nav .nav a{margin-top:3px;background:url(../images/toggler-dot.png) no-repeat;font-weight: bold;background-position:  100% 0;width:11px;height:22px; 	text-decoration: none;	display: -moz-inline-box;display: block;text-indent:-20px;overflow:hidden}
#header-img #slide-nav .nav a.activeSlide{background-position: 0 100% }
#content-container{clear:both;overflow:hidden;padding:25px 0px;background:url(../images/border.gif) left top repeat-y}
#content-container #left{width:300px;float:left;padding:0px 28px 0px 17px}
#content-container #left .latest-news h2{font-family:"Times New Roman", Times, serif;font-style:italic;font-size:24px;border-bottom:1px solid #fff;padding-bottom:3px;margin-bottom:8px;color:#fff}
#content-container #left .latest-news .news-latest-item, #content-container #right .index-left .module-community .news-latest-item{margin-bottom:10px;clear:both;overflow:hidden}
#content-container #left .latest-news .news-latest-item h3, #content-container #right .index-left .module-community .news-latest-item h3{font-size:15px}
#content-container #left .latest-news .news-latest-item .images, #content-container #right .index-left .module-community .news-latest-item .images{float:left;height:100px;width:100px;margin-right:5px;padding-top:2px;margin-bottom:2px;}
#content-container #left .latest-news .news-latest-item .images img {background:#FFFFFF; padding:1px;}
#content-container #left .latest-news .news-latest-date{color:#fff}
#content-container #left .latest-news ul, #content-container #right .index-left .module-community .news-latest-item ul{margin-left:20px}
#content-container #right{width:645px;float:left}
#content-container #right #index-tabs{background:url(../images/bg-tab-index.gif) left top repeat-x; height:200px;width:628px}
#content-container #right .index-left{height:450px;width:300px;float:left;margin-right:28px}
#content-container #right .index-left h2{background:url(../images/bg-head-index-left.jpg) left top no-repeat;width:275px;height:20px;color:#fff;padding-top:11px;padding-left:25px}
#content-container #right .index-left h2.special{background:url(../images/mod-head-ramadhan.jpg) left top no-repeat;width:275px;height:20px;color:#fff;padding-top:11px;padding-left:25px}
#content-container #right .index-left h2.special2{background:url(../images/mod-head-mudik.jpg) left top no-repeat;width:275px;height:20px;color:#fff;padding-top:11px;padding-left:25px}
#content-container #right .index-left h2 span{font-weight:200}
#content-container #right .index-left .module-community{background:#fff;height:215px;margin-bottom:19px}
#content-container #right .index-left .listnews-cj{clear:both;overflow:hidden;padding:10px}
#content-container #right .index-left .news-list-item ul{margin-left:15px}
.news-list-container {padding:0px}
#content-container #right .index-left .listnews-tips{clear:both;overflow:hidden;padding:10px}
#content-container #right .index-right{height:450px;width:300px;float:left;background:#333333 url(../images/bg-index-right.jpg) left bottom repeat-x}
#content-container #right .index-right .index-ads{padding:15px 10px}
#content-container #right .index-right .index-ads img{margin-bottom:20px}
#content-container #right .index-right h3{margin-left:10px;margin-bottom:10px;}
#content-container #right .index-right  a{color:#cc0000}
#content-container #right .index-right .news-latest-date{margin-left:10px}
#content-container #right .index-right .content{padding: 0px 10px}
#content-container #right .index-right ul {margin-left:25px;margin-top:10px}
#content-container #right #index-tabs .csc-default h1 {padding:4px 0px 4px 0px;}
#content-container #right #index-tabs .csc-textpic-imagewrap img {background:#ccc; padding:2px;}
#content-container #right #index-tabs .news-latest-item { padding-top:10px; }
#content-container #right #index-tabs .news-latest-item .images {float:left;height:100px;width:100px;margin-right:10px;padding-top:2px;}
#content-container #right #index-tabs .news-latest-item .images img {background:#ccc; padding:2px;}
#content-container #right #index-tabs span.more a{color:#fff;font-size:13px;display:block;background:url(../images/more.jpg) left top no-repeat;padding-left:18px;height:19px;width:34px;float:right;margin-top:10px;}
span.more a{color:#fff;font-size:13px;display:block;background:url(../images/more.jpg) left top no-repeat;padding-left:18px;height:19px;width:34px;float:right;}
/*#content-container #right #index-tabs span.more a {
background:url("../images/more.jpg") no-repeat scroll left top transparent;
color:#FFFFFF;
display:block;
float:right;
font-size:13px;
height:19px;
left:565px;
padding-left:18px;
position:absolute;
top:165px;
width:34px;
}*/
#footer-wrap{background:#fd3518;padding-bottom:20px;}
#footer{clear:both;overflow:hidden;width:990px;margin:0 auto;color:#FFF}
#footer .footer-menu {margin-top:10px;margin-left:12px}
#footer .footer-menu ul li{float:left;list-style:none;margin-right:15px;}
#footer .footer-menu ul li li{clear:left;margin:0px}
#footer .footer-menu li a{color:#fff;font-size:20px}
#footer .footer-menu li li a {color:#fff;font-size:14px}
#footer .footer-menu li li a:hover { text-decoration:underline; } 
#footer .rss img{position:relative;float:right;margin-right:5px;margin-top:25px}
#footer .misc-nav{clear:both;height:70px;background:url(../images/logo-bottom.jpg) right top no-repeat;width:970px;margin:10px auto;padding-top:15px}
#footer .misc-nav ul{height:18px;border-bottom:1px solid #fff;clear:left}
#footer .misc-nav ul li{list-style:none;float:left;margin-right:8px;}
#footer .misc-nav ul li a{color:#fff}
#footer .misc-nav ul li a:hover { color: #ccc }
#footer .misc-nav .copyright{text-align:right}
#footer .misc-nav .tos { float:left; padding-top:4px; }
#footer .misc-nav .tos a { color:#fff; padding-right: 10px; }
#footer .misc-nav .tos a:hover { color: #ccc }
.contentmenu-wrap {position:absolute;z-index:987;left:247px;top:27px;}
.contentmenu-wrap #contentmenu{width:660px;height:300px;padding:20px;background:url(../images/bg-contentmenu.png) -15px 0% no-repeat;display:none;}
.contentmenu-wrap #contentmenu .sb-border { background:#000; }
.contentmenu-wrap #contentmenu .sb-inner{ background:#0D0D0D;}
#contentmenu #index-main .module{float:left;width:300px;margin-right:20px;}
#contentmenu #index-main .module h2 {color:#ccc;font-size:20px;}
#contentmenu #index-main .module .news-latest-item {margin-bottom:5px;border-bottom:solid 1px #555;background:url(../images/checklist.png) no-repeat left top transparent;padding-left:20px;margin-top:10px;}
#contentmenu #index-main .module .news-latest-item h3 a {font-size:12px;}
#contentmenu #index-main .module .news-latest-item .content {font-size:11px;}
.search .news-search-form-submit input{float:right;text-indent:-9000px;border:none;background:none;width:30px;margin-right:5px;cursor:pointer;height:20px}
#load {position:absolute;top:100px;left:300px;z-index:9876;background:url(../images/loadingAjax.gif) no-repeat; display:block;width:48px;height:48px}

#bottom-container {
    bottom:0;
    position:fixed;
    text-align:center;
    height:50px;
    width:100%;
    background:url(../images/bottom-fix-container-bg-repeatx.png) bottom repeat-x;
}
#bottom-container .newsticker  {
    margin:0 auto;
    width:978px;
    height:34px;
    margin-top:7px;
    background:url(../images/bottom-fix-container-content-bg.png) no-repeat;
	 padding-top:10px;
}
#bottom-container .newsticker h1 {font-size:12px;}
#bottom-container .newsticker .newsticker-item {padding-left:20px;float:left;color:#000;}