@charset "UTF-8";
/*------------------------------------------------------------------
[Master Stylesheet]

Project:	Cooffer
Version:	1.1
Last change:	10/21/08 []
Assigned to:	
Primary use:	indexonly
-------------------------------------------------------------------*/
.clear { clear: both; display: block; visibility: hidden; line-height:0px;}

/* Layout */
#wrapper {
	background: #FFFFFF;
	width:970px; 
	margin:0 auto;
	border-left:1px solid #FFFFFF;
	border-right:1px solid #FFFFFF;
	border-bottom:1px solid #FFFFFF;
	}

/* Header */

	
/* Contents */

#HeaderGap { clear:both;}
		
    #HeaderGap div { 
		clear:both;
		padding-top:8px;
		padding-bottom:18px;}
		
#contents { 
	clear:both;
	width:930px;
	margin:0 auto;
	}

	#contents_left {/*for two columns,can be removed later*/
		float:left;
		width:368px;
		height:320px;
		background:  url(../images/indexvideo_bg.jpg) no-repeat;
		}
	#contents_main_left2 {
		float:left;
		width:710px;
		height:390px;
		padding:0 10px 0 0;
		padding-bottom:10px;
		
		
		}	
		.main_tag {
		float:left;
		padding-left:20px;
		width:380px;
		height:260px;
		line-height:120%;}
		
		.main_tag2 {
		float:left;
		padding-left:10px;
		line-height:120%;
		width:353px;
		height:320px; 
				}
		
		.main_tag_title {
		font-family:Arial black, Helvetica, sans-serif;
		font-size:14px;
		color:#e68f5b;
		padding-bottom: 5px;
		}
		
		.main_tag_title p {
		font-family:Arial, Helvetica, sans-serif;
		font-size:17px; color:#c4721f; 
		font-weight:bold; 
		line-height:122%;
		padding: 0 0 10px 0;}
		
		.main_tags_s1 {
		font-family:Arial, Helvetica, sans-serif;
		font-size:13px;
		color:#b0afaf;
		font-weight:bold;
		line-height:122%;
		clear:both;
		}
		
		.main_tags_s2 { 
		font-family:Arial, Helvetica, sans-serif; 
		font-size:14px; 
		color:#504f4f;
		font-weight:bold;
		line-height:120%;}
		.main_tags_m {
		font-family:Arial, Helvetica, sans-serif; 
		font-size:14px; color:#666666; 
		font-weight:bold;
		line-height:150%;}
		.main_tags_title { 
		font-family:Arial, Helvetica, sans-serif;
		font-size:16px; color:#c4721f; 
		font-weight:bold; 
		line-height:122%;
		padding: 0 0 15px 0;}
		.main_tags_l { 
		font-family:Arial, Helvetica, sans-serif; 
		font-size:16px; color:#666666; 
		font-weight:bold;line-height:120%;
		}
		.btn_guest { float:left; padding-left:20px;}
		
		.btn_video { float:left; }
		
		.btn_video_left { float:left; padding: 7px 5px 0 78px;}
		.btn_video_right { float:left; padding: 7px 15px 0 5px;}

	#contents_middle { 
		float:left; 
		width:310px;}
		
		.main_news { 
			width:280px; 
			clear:both;
			}
		.main_news img { 
			float:left;
			padding-right:8px;
			padding-bottom:0px;
			}
		.main_news_title { 
			font-size:14px; 
			font-weight:bold;
			line-height:18px;}
		.main_news_summary { 
			clear:left;
			font-size:11px;
			letter-spacing:0.5px;
			line-height: 16px;
			color:#666;}
		.main_news_more { 
			float:right;
			color:#959494;}
		
		.main_news_2 { 
					padding:20px 20px 0 20px ; 
					width:260px; 
					height:130px; 
					clear:both; 
					}
		.main_news_2 img { 
			float:left;
			padding-right:8px;
			padding-bottom:0px;
			}
		.main_news_title_2 { 
			font-size:14px; 
			font-weight:bold;
			line-height:18px;
			padding-bottom:4px;}
			
		.main_news_summary_2{ 
			clear:left;
			font-size:11px;
			letter-spacing:0.5px;
			line-height: 16px;
			color:#666;}		
					
					
	#contents_right { float:left; padding-left:10px; }
		#login { 
			width:168px;
			padding:12px 13px 12px 11px;
			background:#dcdcde;
			}
		#login ul{ 
			margin:0;
			}
		#login li {
			list-style:none;
			display: block;
			line-height:22px;
			font-size:12px
			}
			.forgot_pw { 
				font-size:11px; 
				color:#908c89;
				padding-right:8px;}
			.remember_me {
				font-size:11px;
				color:#000;				
				}
			.input_bg { 
				background:url(../images/input_bg1.gif) no-repeat; 
				height:14px; 
				line-height:14px; 
				width:158px; 
				border:1px solid #9d9a9a;
				vertical-align:middle;
				padding:3px 5px;
				color:#000000;
				 }
			.checkbox_bg { width:14px; height:14px; background:#dcdcde; margin-top:5px; }
			.search_bg { 
				background:url(../images/bg_searchbox.gif) no-repeat;
				height:11px; 
				line-height:14px; 
				width:124px; 
				border:1px solid #9d9a9a;
				vertical-align:bottom;
				padding:3px 5px;
				 }
			.top_search_bg1 {
			background: url(../images/bg_searchbox1.gif) no-repeat; 
			height:20px; 
			line-height:20px; 
			width:136px; 
			border:1px solid #9d9a9a;
			margin-right:5px;
				 }
			.item_bg { 
				border:1px solid #9d9a9a;
				vertical-align:bottom;
				padding:1px;
				color:#000000;
				 }
		.signup { 
			text-align:center;
			color:#666666;
			padding-top:20px; }

#products {
	clear:both;
	width:930px;
	margin:0 auto;
	padding:11px 0 35px 0;
}
	#collection, #swap, #five_star  { height:120px;}
	.title_join { 
		text-align:center;
		line-height:40px;
		border-top:1px solid #cfcbc8;
		font-weight:bold;
	}
	.products_list {overflow: hidden}
	.products_list dl{ 
		float:left;
		margin:0; 
		padding:2px;   
		}
	.products_list dt, dd {
		display:block;
		padding:0 3px 0 4px;
	}
	.products_list dd { margin:0; padding-top:6px; }

/* Adblock */
#adblock_right { 
		float:left; 
		width:293px;
		height:240px;
		margin-right:20px;
		padding:10px 0;
		background:url(../images/ic_shop.jpg); background-repeat:  no-repeat ; background-position:bottom;
		background-color:#FFFFFF ;
		border:#E3E3E3 solid 1px;
		}
		
#adblock_middle { 
		float:left; 
		width:293px;
		height:240px;
		margin-right:20px;
		padding:10px 0;
		background:url(../images/ic_indexswap.jpg); background-repeat:repeat-x ; background-position:bottom;
		background-color:#FFFFFF ;		
		border:#E3E3E3  solid 1px;
		}
				
#adblock_left { 
		width:293px;
		height:240px;
		padding:10px 0;
		background:url(../images/ic_indexweb.jpg ); background-repeat: no-repeat ; background-position:bottom;
		background-color:#FFFFFF ;	
		float:left; 
		background-color: #FFFFFF ;
		border:#E3E3E3  solid 1px;
		}	
		
.adblock_frame {
		height:240px;
		width:260px;
		line-height: 18px;			
		}	

.adblock_frame_title {
		padding: 5px 4px 5px 4px ;
		font-size:12px;
		font-weight:bold;
		
				
	}	

.adblock_frame h1{ font-size:21px; color:#000000;padding-top:4px; padding-bottom:6px; text-align:center; }		

.adblock_frame h2{ font-size:13px; color: #333333; font-weight:normal; padding-bottom:4px; padding-top:4px; text-align:center; font-weight:bold;}		

.adblock_frame p{ font-size:13px; padding:2px 0; text-align:center;  }	

.adblock_list {overflow: hidden; padding-bottom:2px;}
	.adblock_list dl{ 
		float:left;
		margin:0; 
		padding:2px;   
		}
	.adblock_list dt, dd {
		display:block;
		padding:0 3px 0 3px;
	}
	.adblock_list dd { margin:0; padding-top:6px; }			
/* Footer */
