@charset "utf-8";

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, caption {
	margin: 0;
	padding: 0;
	border: 0;
	outline:none;
	text-decoration:none;
	list-style-type:none;
}

body{ 
	background-image:url(../images/main/bg-main.png); 
	font-family:"Tahoma", Helvetica, sans-serif; 
	font-size:11px; 
	color:#333;
}
a{ 
	text-decoration:none;
}
.clear{ 
	clear:both;
}
.header{
	background:url(../images/main/bg-castrol-stripe.jpg) no-repeat center top;
	height:56px;	
}
.warp-head{
	width:920px;
	margin:0 auto;
}
.warp-head h1{
	background: url(../images/main/castrol_stripe_tagline.png) no-repeat;
	height:56px;
	width:360px;
	float:left;
	text-indent:-9999px;
	margin:0 0 0 135px;	
	_margin:0 0 0 67px;	
}
.warp-head p{
	float:right;
	margin-right:7px;
	width:100px;	
}
.warp{
	background:url(../images/main/header_paint.jpg) repeat-x left top;
	min-height:500px;
}
.warp-container{
	width:920px;
	margin:0 auto;
	position:relative;
}

/* ------------------Form Register----------------------*/
.member-signin{
	position:absolute;
	background:url(../images/main/mb_login.jpg) no-repeat;
	width:242px;
	height:54px;
	top:-1px;
	right:0px;
	z-index:200;
	padding:0 0 0 142px;
}
.member-signin div, .member-signin { margin:0;}
.member-signin div a.member-signin-button{ 
	display:block; 
	/*position:absolute; */
	width:40px; 
	height:25px;
	float: left;
	margin:3px 0 0 3px;
	/*_height:35px;
	top:5px;
	_top:7px;
	right:30px;	*/
}
.input_username{
	margin-right:8px;
	_margin-right:5px;
}
.member-signin div a.member-signin-button span{ display:none;}
.member-signin div input{
	float:left;
	width:80px;
	text-align:center;
	border:none;
	background:none;
	color:#FFF;
	font-size:10px;
	margin-top:12px;
}
.member-signin p.forget-pass{
	padding:5px 0 0 60px;
}
.member-signin p.forget-pass a{
	color:#3b3b3b;
	font-weight:bold;
	display:block;
	float:left;
}
.member-signin p.forget-pass a:first-child{
	margin-right:20px;
}

/*---------------End Form Register-------------------------*/
/*--------------- Forum -----------------------------------*/
#forum{
	/*background:url(../images/forum/bgForum.png) no-repeat top; */
}
.forum-topic{
	
	background:url(../images/forum/forum.jpg) no-repeat top;
	
}

.castrol-forum2{
	width:570px; 
	height:306px;

	background:url(../images/bg/bg-forum-home.jpg) no-repeat left top;
	_margin-top:-5px;
}
.castrol-forum2 ul li{
	background:url(../images/forum/forum-topic.png) no-repeat 35px top;
	width:547px;
	height:80px;
}

#forum-icon1{
	background:url(../images/forum/forum1.png) no-repeat 45px 15px;
	width:150px;
	height:80px;
	float:left;	
}
#forum-icon2{
	background:url(../images/forum/forum-icon2.png) no-repeat 45px 15px;
	width:150px;
	height:80px;
	float:left;	
}

#forum-icon3{
	background:url(../images/forum/forum-icon3.png) no-repeat 45px 15px;
	width:150px;
	height:80px;
	float:left;	
}

.forum-detail{
	float:left;
	width:240px;
	color:#fff;
}
.forum-detail {
	color:#e1be1c;
}
.forum-detail h3 {
	padding-top:10px;
	margin-bottom:5px;
	font-size:14px;
}
.forum-detail h3 a{ color:#e1be1c; }
.forum-detail p a{ color:#FFF; font-size:12px;}
.forum-number{
	float:left;
	padding:35px 0 0 32px;
	color:#000;
}
.forum-number span{
	display:block;
	float:left;
	text-align:center;
}
.paddL50{
	width:62px;	
}
.paddL30{
	width:50px;
}


/*--------------- End Forum -----------------------------------*/

/**************Forum reply **********************************/
#banner-top-forum{
	background:url("../images/bg/bg-banner-h.png") no-repeat scroll left top transparent;
	height:284px;
	margin-top:45px;
	width:560px;
}
#castrol-forum-header{
	background:url('../images/forum/header-forum-reply.png') no-repeat scroll left top transparent;
	width:550px;
	height:58px;
	margin-left:10px;
	margin-top:-5px;
	
}
#castrol-forum-foot{
	background:url(../Images/forum/f_topic_reply_footer_center.jpg) repeat-y scroll left bottom transparent;
	width:545px;
	padding-bottom:20px;
	margin-left:11px;
	margin-top:-7px;	
}
.template-content h2{
	margin-left:20px;
	color:#FFF;
}
.template-content div.pagination {
	color: #FFF;
	padding-bottom: 30px;
}
.bikepoint-list-shop{
	margin:0 25px 0 20px;
	color:#FFF;
	border-bottom:1px dotted #FFF;	
}
.bikepoint-list-shop li {
	padding:20px 0;
	border-top:1px dotted #FFF;	
}
.bikepoint-list-shop li p { margin-bottom:5px;}
div.bikepoint-search-box {
	background:url("../images/main/p_bikepoint_search.png") no-repeat scroll 0 0 transparent;
	width: 500px;
	height: 52px;
	margin-left:30px;
}
div.bikepoint-search {
	background:url("../images/main/bikepoint_textbox.png") no-repeat scroll 0 0 transparent;
	height:37px;
	width:125px;
	margin-left:370px;
}
div.bikepoint-search input {
	background:none repeat scroll 0 0 transparent;
	border:medium none;
	color:#FFFFFF;
	float:left;
	margin:10px 0 0 5px;
	text-align:center;
	width:90px;
}
div.bikepoint-search a {
	background:url("../images/main/bt_search.png") no-repeat scroll 0 0 transparent;
	display:block;
	float:left;
	height:30px;
	margin:5px 0 0 3px;
	width:24px;
}
div.bikepoint-search a span { visibility:hidden; }
.content-box{
	margin:0 25px 0 20px;
	color:#FFF;
}
.template-content p{
	color:#FFF !important;
}
.castrol-forum-foot-bottom{
	background:url(../Images/forum/f_topic_reply_footer_bottom.jpg) no-repeat left top;
	padding-top:27px;	
	margin-left:11px;
}
#subject{
	width:550px;
	padding-top:10px;
	
}
#topic-reply{
	background:url('../images/forum/topic_reply.png') no-repeat scroll 0 12px;
	margin:0 auto;
	height:51px;
	width:512px;
	position:relative;
	z-index:800;
}
#topic-reply-body{
	background-color:#111;
	width:512px;
	margin:0 auto;
	color:#fff;
	
}
#topic-reply h2{
	background:url("../images/forum/room.jpg") no-repeat scroll 80px 7px transparent;
	height:35px;
	width:240px;

}
.list{
	color:#fff;
	float:left;
	width:150px;
	padding-top:20px;
	margin-left:60px;

}
.arrow{
	padding-top:30px;
	float:left;
	margin-left:45px;

}
.arrow-right{
	padding-top:30px;
	float:left;
	margin-left:5px;
}
.yellow { color:#ffff00; }
.paddT25{ padding-top:25px;}
.paddT22 { padding-top:22px; }
.paddL5  { padding-left:5px; }
.marginL15{ margin-left:15px;}
.marginT10  
{
	margin-left:13px;
	margin-top:10px;
	width:520px;
}
.w260{
	width:260px;
}

.link-list{
	float:left;
	padding:26px 0 0 5px;	
}
#forum-topic{
	background-color:#0a2715;
	width:503px;	
}
#icon-forum{
	width:14px;
	float:left;
	margin-top:12px;
}
#subject h3 {
	color:#fff;
	padding:9px 0 0 9px;
}
#subject{
	background:url('../images/forum/bg/bg-green-heade.png') no-repeat;
	height:42px;
	margin:0 5px;
}
#sub-detail{
	background:url('../images/forum/bg/bg-green-bottom2-top.png') left top no-repeat;
	padding-top:10px;
	/*height:142px;*/
	margin:0 5px;
}
.sub-detail-content{
	background:url('../Images/forum/bg/bg-green-bottom2-center.png') repeat-y;
	padding:10px 20px;
	width:461px;
}
.sub-detail-content-reply{
	background:url(../Images/forum/bg/bg-header-red-center.png) repeat-y;
	padding:10px 20px;
	width:461px;
}
.sub-detail-content p{ margin-bottom:5px;}
#sub-detail-bottom{
	background:url('../Images/forum/bg/bg-green-bottom2-bottom.png') no-repeat left top;
	padding-top:10px;	
	margin-bottom:3px;
}
.marginT15{
	/*position:absolute;*/
	top:110px;
	margin:5px 2px;	
}
.review{
	background:url('../images/forum/bg/bg-header-red.png') no-repeat;
	height:37px;
	margin:0 5px;
	
}
.review h4{ 
	color:#931a1a;
	padding-top:10px;
}
.review-bottom{
	background:url('../images/forum/bg/bg-red-bottom.png') repeat-y left bottom transparent;	
	height:74px;
	margin:0 5px;
}
#review-forword{
	background:url('../images/forum/bg/review-forword.png') no-repeat;
	height:320px;
	margin:0 5px;
	position:relative;
}
#new-forum{
	background:url('../images/forum/bg/new_forum2.jpg') no-repeat;
	height:350px;
	margin-right:10px;
	position:relative;	
}
#message{
	 position:absolute; 
	 top:30px;
	 left:90px;
}
.w70{ width:70px; }
.w300 { width:370px; margin:0 auto;}

.marginT5{ margin-top:5px;}
#warning{
	color:#7d7d7d;
	font-size:0.5em;
	padding-top:2px;
}
#topic-footer{
	
}
.castrol-content{
	width:530px;
	margin:0 auto;
}
.paging, .paging a:hover, .paging a{
	color:#fff;
	margin:20px auto;
}
.paging-new{
	margin:5px auto;
	
}
a.active{
	color:#931a1a;
}
.marginT2{
	margin-top:2px;
}

#forum-topic-new, .color-gray, .color-gray a{
	color:#555;
}
.color-gray a.active{
	color:#fff;
}
#forum-topic-new a,#forum-topic-new a:hover{
	color:#fff;
}
/*****************end ****************************************/


/******************Login*********************************/

#login{
	margin:auto;
	width:500px;

}
#bg-login{
	padding:20px;	
	background:url('../images/register/login.png') no-repeat;
	width:360px;
	height:145px;
	position:absolute;
}
#login-info{
	padding:35px 0 0 90px;
	width:200px;
}
#login-info div {
	margin-bottom:5px;	
}
#login-info div input{
	border:none;
	background:none;
	text-align:center;
}
#header-login{
	float:left;
	margin:20px 0 0 320px;
}
#footer-login{
	padding-top:4px;
}
	
#forgot{
	float:left;
}
#register{
	position:relative;
	float:right;
	right:10px;
}
#close{
	float:right;
	width:45px;
}
#close a{
	display:block;
	width:45px;
	height:15px;	
}
#close span{
	visibility:hidden;
}
#OK-login{
	width:50px;
	height:20px;
	margin:5px 0 0 65px;
}
#OK-login a{ display:block; width:45px; height:20px;}

/******************End Login*********************************/
/*---------------LEFT COLUMN CONENT------------------------*/
#container-left {
	width: 180px; 
	/*back ground-color:#3FC;*/ 
	float:left;
	padding-top:12px;
}
#castrol-badge a { 
	background:url(../images/catrol-badge.png) no-repeat top; 
	width:180px; 
	height:190px; 
	display:block; 
	padding:0; 
	margin:15px 0 0 0;
	text-indent:-9999px;
}
#menu-bar {
	width:180px; 
	height:608px; 
	display:block; 
	background-image:url(../images/main/mn_bg.png); 
	background-repeat:no-repeat; 
	margin:0; 
	margin-top:-20px;
}
span.menu_footer {
	width:180px; 
	height:48px; 
	background:transparent url(../images/main/menu.jpg) no-repeat 0 -549px; 
	display:block;
}
ul#main-menu {
	width:160px; 
	margin:5px 0px 0px 0px; 
	padding:0px; display:block; 
	list-style:none;
}
ul#main-menu li#home a {
	width:180px; 
	height:44px; 
	background:transparent url(../images/main/menu.jpg) no-repeat 0 -180px; 
	text-indent:-9999px; margin:0; 
	display:block; 
	outline:none;
}
ul#main-menu li#home a:hover {
	background-position:-178px -180px
}
ul#main-menu li#guru a {
	width:180px; 
	height:55px; 
	background:transparent url(../images/main/menu.jpg) no-repeat 0 -224px; 
	text-indent:-9999px; 
	margin:0; 
	display:block; 
	outline:none;
}
ul#main-menu li#guru a:hover {
	background-position:-178px -224px
}	
ul#main-menu li#tips a {
	width:180px; 
	height:50px; 
	background:transparent url(../images/main/menu.jpg) no-repeat 0 -279px; 
	text-indent:-9999px; 
	margin:0; 
	display:block; 
	outline:none;
}
ul#main-menu li#tips a:hover {background-position:-178px -279px}
ul#main-menu li#gallery a {
	width:180px; 
	height:37px; 
	background:transparent url(../images/main/menu.jpg) no-repeat 0 -329px; 
	text-indent:-9999px; 
	margin:0; display:block; 
	outline:none;
}
ul#main-menu li#gallery a:hover {background-position:-178px -329px}
ul#main-menu li#showoff a {
	width:180px; 
	height:37px; 
	background:transparent url(../images/main/menu.jpg) no-repeat 0 -366px; 
	text-indent:-9999px; 
	margin:0; 
	display:block; 
	outline:none;
}
ul#main-menu li#showoff a:hover {background-position:-178px -366px}
ul#main-menu li#products a {
	width:180px; 
	height:39px; 
	background:transparent url(../images/main/menu.jpg) no-repeat 0 -403px; 
	text-indent:-9999px; 
	margin:0; 
	display:block; 
	outline:none;
}
#castrol-gal-vdo { margin-left:12px; padding-top: 5px; }
ul#main-menu li#products a:hover {background-position:-178px -402px}
ul#main-menu li#tvc a{
	width:180px; 
	height:37px; 
	background:transparent url(../images/main/menu.jpg) no-repeat 0 -441px; 
	text-indent:-9999px; 
	margin:0; 
	display:block; 
	outline:none;
}
ul#main-menu li#tvc a:hover{ background-position:-178px -441px}
ul#main-menu li#bikepoint a {
	width:180px; 
	height:38px; 
	background:transparent url(../images/main/menu.jpg) no-repeat 0 -478px; 
	text-indent:-9999px; 
	margin:0; 
	display:block; 
	outline:none;
}
ul#main-menu li#bikepoint a:hover {background-position:-178px -478px}
ul#main-menu li#alert a {
	width:180px; 
	height:45px; 
	background:transparent url(../images/main/menu.jpg) no-repeat 0 -525px; 
	text-indent:-9999px; 
	margin:0; 
	display:block; 
	outline:none;
}
ul#main-menu li#alert a:hover {background-position:-180px -520px}
ul#main-menu li#mechanic a {
	width:180px; 
	height:35px; 
	background:transparent url(../images/main/menu.jpg) no-repeat 0 -570px; 
	text-indent:-9999px; 
	margin:0; 
	display:block; 
	outline:none;
}
ul#main-menu li#mechanic a:hover {background-position:-180px -570px}
ul#main-menu li#seminar a {
	width:180px; 
	height:37px; 
	background:transparent url(../images/main/menu.jpg) no-repeat 0 -604px; 
	text-indent:-9999px; 
	margin:0; 
	display:block; 
	outline:none;
}
ul#main-menu li#seminar a:hover {background-position:-180px -604px}
ul#main-menu li#forum a {
	width:180px; 
	height:33px; 
	background:transparent url(../images/main/menu.jpg) no-repeat 0 -516px; 
	text-indent:-9999px; 
	margin:0; 
	display:block; 
	outline:none;
}
ul#main-menu li#forum a:hover {background-position:-178px -516px}

/*---------------End Column Left---------------------*/

/*---------------Content Column Center---------------------*/

#container-center {
	width:570px;
	float:left; 
	position:relative;
	top:0px;
	left:0px;
	*padding-top:225px;
}
/*************** Banner Top ************************/
#banner-top {
	width:560px; 
	height:284px;
	background:url(../images/bg/bg-banner-h.png) no-repeat left top;
	_background:url(../images/bg/bg-h-banner.jpg) no-repeat left top;
	position:absolute;
	top:35px;
	left:0px;
	/*_top:40px;*/
}
#banner-body {
	width:560px;
	height:250px; 
	/**margin:20px 0 0 0;*/
	padding:20px 0 0 11px;
	_padding:20px 0 0 10px;
	position:relative;

}
#banner-body img {position:absolute; z-index:10;}
span.whathot {
	width:200px;
	height:70px;
	background:url(../images/main/whathot.png) no-repeat; 
	display:block; 
	position:absolute; 
	z-index:30;
	top:-20px;
	left:-8px;
	*top:-23px;
}

/*-----------------Box Guru and Technique----------------------*/
.box-technique-guru{
	background:url(../images/bg/bg-guru-h.png) no-repeat;
	width:568px;
	height:266px;
	_height:250px;
	padding-top:80px;
	margin-top:225px;
}
#castrol-guru{
	width:280px; 
	height:170px; 
	float:left; 
	position:relative;
	padding-top:80px;
}
h2.guru-head {
	width:290px; 
	height:73px; 
	background:url(../images/main/guru_h.png) no-repeat; 
	display:block; 
	position:absolute; 
	z-index:15; 
	text-indent:-9999px; 
	top:0px;
	left:0px;
	/*margin:-10px 0 0 -10px;*/
}
#castrol-guru ul, #castrol-technique ul{
	padding-left:29px;	
}
#castrol-guru ul li span, #castrol-technique ul li span{
	float:left;
	display:block;
	height:14px;
	width:14px;
	background:url(../images/main/blulet-guru-power.png) no-repeat left top;
	margin-right:5px;
}
#castrol-guru ul li, #castrol-technique ul li{
	display:block;
	margin-bottom:10px;
	*margin-bottom:5px;
	height:14px;
}
#castrol-guru ul li a, #castrol-technique ul li a{
	display:block;
	float:left;
	color:#3b3b3b;
	font-size:11px;
}
#castrol-guru ul li a:hover{ color:#557b43;}
#castrol-technique ul li a:hover{ color:#a2525a;}
#castrol-guru p.botton-readmore,
#castrol-technique p.botton-readmore{
	width:137px;
	height:41px;
	right:-10px; 
	bottom:10px; 
	position:absolute;
}
#castrol-guru p.botton-readmore a,
#castrol-technique p.botton-readmore a{
	/*position:absolute;*/
	background:url(../images/main/bt_readmore.png) no-repeat;
	display:block;
	width:137px;
	height:41px;
}
#castrol-guru p.botton-readmore a{ right:-20px; }
#castrol-technique p.botton-readmore a { right:-20px; }
#castrol-guru p.botton-readmore a span,
#castrol-technique p.botton-readmore a span{
	visibility:hidden;
}
#castrol-technique{
	width:280px;
	height:170px; 
	float: right; 
	position:relative;
	padding-top:80px;
}
h2.technique-head {
	width:291px;
	height:73px;
	background:url(../images/main/tech_h.png) no-repeat; 
	display:block; 
	position:absolute; 
	z-index:15; 
	text-indent:-9999px; 
	top:0px;
	right:-10px;
	/*margin:-10px 0 0 10px;*/
}

h2.qa-head {
	background:url("../images/menu/h2.png") no-repeat scroll 0px 5px transparent;
	height:50px;
	text-indent:-9999px;
	width:500px;
}

h2.bikepoint-head {
	background:url("../images/menu/h7.png") no-repeat scroll 10px 5px transparent;
	height:50px;
	text-indent:-9999px;
	width:500px;
}

h2.tip-head {
	background:url("../images/menu/h3.png") no-repeat scroll 10px 5px transparent;
	height:50px;
	text-indent:-9999px;
	width:500px;
}

h2.gallery-head {
	background:url("../images/menu/h4.png") no-repeat scroll 10px 5px transparent;
	height:50px;
	text-indent:-9999px;
	width:500px;
}

h2.showoff-head {
	background:url("../images/menu/h5.png") no-repeat scroll 10px 5px transparent;
	height:50px;
	text-indent:-9999px;
	width:500px;
}

h2.products-head {
	background:url("../images/menu/h6.png") no-repeat scroll 10px 5px transparent;
	height:50px;
	text-indent:-9999px;
	width:500px;
}

h2.tvc-head {
	background:url("../images/menu/h11.png") no-repeat scroll 10px 5px transparent;
	height:50px;
	text-indent:-9999px;
	width:500px;
}

/*------------------ castrol-forum --------------------*/
#castrol-forum{
	width:570px; 
	height:306px;
	background:url(../images/bg/bg-forum-home.jpg) no-repeat left top;
	_margin-top:-5px;
}
h2.forum-head {
	width:230px; 
	height:50px; 
	background:url(../images/main/power1forum.png) no-repeat 10px -5px; 
	text-indent:-9999px;
}
#castrol-forum ul{
	padding:10px 25px 0px 35px;	
	color:#FFF;
}
#castrol-forum ul li{
	padding:5px 0px 0px 0px;
	*padding:3px 0px 0px 0px;
}
#castrol-forum ul li span.hot-post{
	background:url(../images/main/blulet-hot-forum.png) no-repeat 0px 0px;
	width:14px;
	height:14px;
	margin-right:10px;
	float:left;
	display:block;
	text-indent:-9999px;
}
#castrol-forum ul li span.blulet-forum{
	background:url(../images/main/blulet-forum.png) no-repeat 0px 0px;
	width:10px;
	height:9px;
	_height:7px;
	margin:3px 14px 0 0;
	float:left;
	display:block;
	text-indent:-9999px;
}
#castrol-forum ul li div.post-detail{
	background:url(../images/main/line-dot-forum.gif) repeat-x left bottom;
	padding-bottom:7px;
	float:left;
}
#castrol-forum ul li div.post-detail p a{ 
	color:#FFF;
}
#castrol-forum ul li div.post-detail p{
	display:block;	
}
#castrol-forum ul li div.post-detail p.txt-post{
	float:left;
	width:425px;
	margin-right:5px;
}
#castrol-forum ul li div.post-detail p.txt-post span{
	color:#ffd200;
	font-weight:bold;
}
#castrol-forum ul li div.post-detail p.post-number{
	float:left;
	width:55px;	
}
#castrol-forum p.forum-note{
	padding:10px 0px 0px 377px;	
	*padding:5px 0px 0px 377px;	
}
#castrol-forum p.forum-note a{
	display:block;
	float:left;	
	padding-top:5px;
	color:#FFF;
	font-size:10px;
	height:14px;
}
#castrol-forum p.forum-note a.hot-post{
	margin-right:30px;
	_margin-right:25px;
}
#castrol-forum p.forum-note a.hot-post span{
	background:url(../images/main/blulet-hot-forum.png) no-repeat 0px 0px;
	display: block;
	width:14px;
	height:14px;
	float:left;
	margin-right:5px;
}

/*---------------End Content Column Center---------------------*/

/*---------------Content Column Right---------------------*/

#container-right {
	width:160px; 
	/*width:163px; 
	/*background-color:#9C0;*/ 
	float: right; 
	*padding-top:70px !important;
}
.banner-box{
	width:160px; 
	height:160px; 
	margin-bottom:10px;
	position:relative;
/*	float:right;*/
}
.banner-link{
	display:block;
	width:160px;
	height:160px;	
	position:absolute;
	top:0px;
	left:0px;
	z-index:700;
}
.banner-link a{ 
	width:160px;
	height:160px;
	display:block;
}
.castrol-search{
	background:url(../images/main/bikepoint.jpg) no-repeat 0px 0px;
	width:140px;
	height:134px;
	margin:20px 0 5px 16px;
}
.castrol-search input{
	width:90px;
	*width:76px;
	margin:100px 5px 0 10px;
	*margin:100px 5px 0 5px;
	text-align:center;
	color:#FFF;
	border:none;
	background:none;
	float:left;
}
.castrol-search a{
	display:block;
	float:left;
	background:url(../images/main/bt_search.gif) no-repeat;
	width:24px;
	height:30px;
	margin:94px 0 0 0 ;
}
.castrol-search a span{
	visibility:hidden;	
}

/*---------------End Content Column Right---------------------*/

/*---------------Footer---------------------*/
.footer{
	position:relative;
	height:275px;

}
.quick-link ul{
	
	width:180px;
	float:left;
	height:80px;
}
.quick-link ul#first{
	margin-left:35px;
	_margin-left:15px;
}
.quick-link ul li{
	line-height:10px;
	padding:5px;
}
.quick-link ul li a{
	color:#fff;
}
.quick-link{
	background:url("../images/bg/bg-footer.png") no-repeat scroll 0 0 transparent;
	height:286px;
	left:-12px;
	position:absolute;
	top:-43px;
	width:588px;
	/**top:-268px;*/
}
.quick-link h3{
	background:url(../images/main/quicklink.png) no-repeat;
	width:199px;
	height:58px;
	margin:27px 0 0 28px;
	text-indent:-9999px;
}
#reserved{
	background:url(../images/main/footer.png) no-repeat;
	height:22px;

}
.footer-desc {
	color:#FFFFFF; 
	margin-left:40px; 
	margin-top:20px; 
	width:530px;	
}
.footer-desc a {
	color: #FFFFFF;
}
.footer-desc a b.link {
    color: #FFD200;
}
/* ------------------End Footer----------------------*/
/* ------------------Form Register----------------------*/
/*.member-signin{
	position:absolute;
	width:242px;
	height:54px;
	top:-1px;
	right:0px;
	z-index:200;
}
.member_box{
	background:url(../images/main/mb_login.png) no-repeat;
	padding:10px 0 0 142px;
	width:242px;
	height:54px;
}
.member-signin p{ margin:0; position:relative; padding:2px 0 0; }
.member-signin p a.member-signin-button{ 
	display:block; 
	position:absolute; 
	width:40px; 
	height:25px;
	top:-7px;
	right:30px;
}
.member-signin p a.member-signin-button span{ display:none;}
.member-signin p input{
	width:80px;
	text-align:center;
	border:none;
	background:none;
	color:#FFF;
	font-size:10px;
}
.member-signin p.forget-pass{
	padding:5px 0 0 60px;
}
.member-signin p.forget-pass a{
	color:#3b3b3b;
	font-weight:bold;
	display:block;
	float:left;
}
.member-signin p.forget-pass a:first-child{
	margin-right:20px;
}*/
#bg-register{
	width:570px; 
	height:970px;
	background:url(../images/register/bgcontent.png) repeat-y left bottom;
	position:relative;
	margin-top:60px;
	_top:47px;
	border:1px solid #232121;

}
#h-header-register{	
	background:url(../images/register/bgcontent_t.png) no-repeat 1px top;
	position:relative;
	height:284px;
	margin-top:-25px;
	
}
#member{
	background:url(../images/register/p-head-mregister.png) no-repeat left 40px;
	padding-top:80px;
	position:relative;
	height:20px;
	width:320px;
}

#detail{
	width:550px;
	margin:30px 0 0 20px;
	_margin-top:60px;	
}
#username{
	width:300px;
	margin:10px 140px; 
}
#member-footer{
	background:url(../images/register/bgcontent_b.png) no-repeat 1px bottom;
	height:50px;
	position:relative;
	margin-top:-1px;
	z-index:500;
}
.check-pass{
	width:300px;
	margin-top:5px;
}
.col1{
	float:left;
	margin-left:8px;
	margin-right:2px;
	*margin-right:1px;
	width:120px;
	text-align:right;
}
.col2{
	float:left;
	/*margin-left:5px;*/
	width:89px;
	margin-right:2px;
	*margin-right:1px;
	text-align:right;
}
.position-sex{
	position:relative;
	top:-5px;	
}
#footer-info{
	width:400px;
	margin-left:125px;
}
.marginL5{
	margin-left:5px;
}
.marginL25{
	margin-left:25px;
}
.w30{
   width:30px;
}
.w100{
	width:100px;
}
.w570px{
	
	width:570px;
}
.w280px{
	
	width:280px;
	float:left;
}
.clrAll{
	clear:both;
}
.row{
	margin-top:5px;
	
}
.fl{
	float:left;
}
.fl-w300{ width:300px;}
.fl textarea{ width:250px;}
.fr{
	float:right;
}
.marginL25{
	margin-left:25px;
}
.re-marginT15{
	margin-top:5px;
}
#copy-right{
	background:url("../images/bg/copy-right.jpg") no-repeat scroll 1px bottom transparent;
	height:42px;
	position:absolute;
	top:224px;
	width:567px;
	left:0px;
}
#capcha{
	width:400px;
	margin-left:125px;
}
#capcha img, #capcha p, #capcha input{
	margin-top:5px;
	margin-left:55px;
}
.img input{
	background-image:url('../images/register/input-box.png');
	width:160px;
	*width:158px;
	height:14px;
	border:0;
}
/*---------------End Form Register-------------------------*/
/*------------lettle ----------------*/
#wrap-lettle{
	width:650px;
	margin:auto;
	background-color:#FFFFFF;
}
.marginL45{
	margin-left:45px;
}
/*------------ End ------------------*/

#dlg-post{
	display:none;
}
.overlay{
	background-image:url(img/button-close-act.png); 
	height:35px; 
	position:absolute; 
	right:0px; 
	top:0px; 
	width:35px; 
}
.wrap{
	background-image:url(../img/bg-overlay.png); 
	height:280px; 
	padding:40px; 
	width:560px;	
}
.overlay-content h2{
	color:#009A4E; 
	display:block; 
	font-size:18px;	
}
.separate-line{
	border-top:1px dotted #CCCCCC; 
	margin:5px 0; 
	display:block; 
	margin-bottom:15px;	
}
.question-title{
	 display:block; 
	 margin:10px 0 0;	
}
.question-title span{
	display:block; 
	margin-bottom:15px;
}
.question-title span label{
	display:block; 
	float:left; 
	margin-right:20px; 
	padding:0 20px 0 0; 
	width:100px; 
	font-size:15px;	
}
.overlay-submit-button{
	display:block; 
	margin-bottom:10px; 
	margin-top:10px;	
}
.overlay-submit-button label{
	display:block; 
	float:left; 
	margin-right:20px; 
	padding:0 20px 0 0; 
	width:100px;
}
.qa-reset{
	background-color:#009A4E; 
	border:1px solid #FFFFFF; 
	color:#FFFFFF; 
	margin-right:5px; 
	padding:3px 5px; 
	width:100px;	
}
.qa-submit{
	background-color:#009A4E; 
	border:1px solid #FFFFFF; 
	color:#FFFFFF; 
	margin-right:5px; 
	padding:3px 5px; 
	width:100px; 
}

/* -- Gallery -- */
div#gallery-photos {
	width:510px;
	overflow:hidden;
	margin-left:19px;
}
div#gallery-photos ul {
	display:block;
	list-style:none outside none;
	margin:10px 0 0;
	padding:0;
	width:520px;
}
div#gallery-photos ul li {
	background-color:#FFFFFF;
	border:1px solid #CCCCCC;
	display:block;
	float:left;
	margin:0 14px 14px 0;
	padding:4px 4px 5px;
	width:80px;
}

div#gallery-photo {
	margin-left:12px;
}

div#gallery-photo { color: #FFFFFF; }
div#gallery-photo span { display:block; margin: 5px 0 0; font-size:12px; }

.products-info {
	color:#FFFFFF;
	padding:30px 0 0 20px;
	width:520px;
}
.products-info ul { width:500px; margin:10px 0; }

ul#advertis li{
	width:260px;
	height:109px;
	background-image:url('../images/bg/tvc1.png');
	float:left;
	position:relative;

}
ul#advertis li .img-col1{
	width:100px;
	height:100px;
	position:absolute;
	top:15px;
	left:12px;
}
ul#advertis li .description{
	width:130px;
	height:100px;
	position:absolute;
	left:120px;									
}
ul#advertis li p{
	margin:12px 0 0 6px;
	color:#333;
	display:block;
}
ul#advertis li p span { color:#333; }
.paddT3{
	padding-top:8px;
}
.paddT3 a{
	color:#333333;
}

/*-------------Gallery------------*/
h2.sub-header-komix-36px {
	font-size:36px;
	height:50px;
	margin-left:13px;
	padding-top:10px;
	width:520px;
}
#teaser-gal, #teaser-boy {
	float:left;
	width:200px;
	margin-left:20px;
	position:relative;
}
#teaser-gal { margin-left:30px; }
#teaser-gal a, #teaser-boy a {
	color:#777;
}
h2.teaser-gal-tape  {
	background: transparent url("../img/teaser-gal-tape.png")  no-repeat 0 0;
	height:30px;
	margin:-5px 0 0;
	padding:10px 0 0 20px;
	.padding:3px 0 0 20px;
	position:absolute;
	width:190px;
	z-index:15;
}
#teaser-boy h2.teaser-gal-tape { padding-top: 5px; }
#teaser-gal img {
	background-image:url("../img/gallery-teaser-bg-gal.png");
	margin-right:10px;
	padding:25px 20px 50px 10px;
	width:160px;
}
#teaser-boy img {
	background-image:url("../img/gallery-teaser-bg-boy.png");
	margin-right:10px;
	padding:25px 20px 50px 10px;
	width:160px;
}
.gallery-teaser-tmb {
	float:left;
	margin:30px 20px 0 -20px;
	padding:0;
	width:45px;
	z-index:30;
}
.gallery-teaser-tmb ul {
	list-style:none outside none;
	margin:0;
	padding:0;
}
.gallery-teaser-tmb ul li {
	background-image:url("../img/bg-gallery-tmb-45px.png");
	display:block;
	height:45px;
	margin:-3px 0 5px;
	padding:0;
	width:45px;
	position:relative;
}
span.gallery-teaser-tmb-shade {
	background-image:url("../img/ol-gallery-tmb-45px.png");
	display:block;
	height:40px;
	position:absolute;
	width:20px;
	z-index:20;
}
span.teaser-gal-star {
	background-image:url("../img/bg-star.png");
	background-repeat:no-repeat;
	color:#FFFFFF;
	display:block;
	font-size:14px;
	height:30px;
	/*margin:-80px 0 0 10px;*/
	padding:7px 0 0 40px;
	position: absolute;
	width:160px;
	z-index:20;
	top:155px;
	left:10px;
}
span.gallery-teaser-tmb-viewed {
	-moz-border-radius-bottomright:5px;
	-moz-border-radius-topright:5px;
	background-color:#000000;
	color:#FFFFFF;
	display:block;
	font-size:12px;
	font-weight:bold;
	height:30px;
	left:40px;
	padding:5px;
	position:absolute;
	text-decoration:none;
	top:0;
	width:60px;
	z-index:30;
	display:none;
}

.gallery-teaser-vdo {
	display:block;
	float:left;
	margin:20px 0 0 40px;
	padding:0;
}
.gallery-teaser-vdo-player {
	background-color:#FFFFFF;
	background-image:url("../img/bg-gradient-480.jpg");
	border:1px solid #CCCCCC;
	display:block;
	float:left;
	height:240px;
	padding:7px 7px 35px;
	width:320px;
}
span.teaser-vdo-tape {
	background-image:url("../img/teaser-gal-tape.png");
	height:36px;
	margin:-25px 0 0 60px;
	position:absolute;
	width:190px;
	z-index:15;
}
span.teaser-vdo-star {
	background-image:url("../img/bg-star-trans.png");
	background-repeat:no-repeat;
	color:#666666;
	display:block;
	font-size:14px;
	height:30px;
	margin:0 0 0 -10px;
	padding:10px 0 0 35px;
	position:absolute;
	width:160px;
	z-index:20;
}
#submit-media-banner-h {
	display:block;
	float:left;
	height:80px;
	margin:0;
	padding:0;
	width:480px;
}
span.banner-top-tape {
	background-image:url("../img/banner-top-tape.png");
	display:block;
	height:40px;
	margin-top:-20px;
	position:absolute;
	width:560px;
	z-index:15;
}
#submit-media-banner-h a {
	background-image:url("../img/banner-submit-media-h.jpg");
	background-position:0 0;
	display:block;
	height:80px;
	text-decoration:none;
	width:480px;
}
#submit-media-banner-h a:hover {
	background-image:url("../img/banner-submit-media-h.jpg");
	background-position:0 80px;
	text-decoration:none;
}
.text-big { font-size: 12px; }

p.page-description {
    color: #FFFFFF;
    display: block;
    margin: 0 0 5px 20px;
    width: 510px;
}