/*------------------------------------------------------------------
[Master Stylesheet]

Project:	Cooffer
Version:	1.1
Last change:	12/02/08 []
Assigned to:	
Primary use:	Common
-------------------------------------------------------------------*/



ul, li {
	text-decoration:none;
	}
h1,h2,h3,h4,h5,h6,dl,dd,dt {
	padding:0;
	margin:0;
	}

.clear { clear: both; display: block; visibility: hidden; line-height:0px; height:0;}
.clear2 { clear: both; display: block; visibility:visible; font-size:0;}


/* -------- selfclear for All----------- */		
/*#contents:after,
#all_don:after,
#main:after,
#wrapper_4column:after
 {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
* html #contents,
* html #all_don,
* html #main,
* html #wrapper_4column
{height: 1%;}

*:first-child+html #contents,
*:first-child+html #all_don,
*:first-child+html #main,
*:first-child+html #wrapper_4column
{min-height: 1px;}

*/
 
/*



#main,
#contents
.boxstore_guest{ display:block; }

*/	
			


#wrapper_4column {
	width:970px;
	margin:0 auto;
	background:#F5F5F5;
	border-left:1px #FFFFFF solid;
	border-right:1px #FFFFFF solid;
	border-bottom:1px #FFFFFF solid;
	}
#contents1 {
	border:none;
	}
	
.my_menu { color:#000000;}
		.my_menu ul{ 
			margin:0;
			border-top:1px #fff solid;
		}
		.my_menu li {
			font-weight:bold;
			color:#000;
			list-style:none;
			display:inline;
			line-height:22px;
			
			}
		.my_menu a:hover {background-color:#f0d3b6}
		.my_menu a:link, .my_menu a:visited, .my_menu a:active {
			width:74px;
			float:left;
			text-align:center;
			text-decoration:none;
			border-right:1px solid #fff;
			border-bottom:1px solid #fff;
			}
		.my_menu_on {background:#f0d3b6;}
		
		
	#main {
		margin:auto;
		width:732px;
		border:1px #ff9933 solid;
		margin-top:40px;
		margin-bottom:70px;
		padding:4px 7px 27px 7px;
		background-color:#F5F5F5;	
	}
	
	#mainintro_outer_save {
		margin:auto;
		width:890px;
		margin-top:20px;
		margin-bottom:0px;
		padding:10px 0px 0px 0px ;			
		}
		
	.mainintro_save_title {
		font-size:20px;
		font-weight:bold;
		padding: 0px 10px 0px 0px;
		
			
		}	
		
	#mainintro_outer {
		margin:auto;
		width:890px;
		margin-top:20px;
		margin-bottom:20px;
		padding:10px 0px 20px 0px ;
		background-color:#F5F5F5;	
		}
	
	#mainintro_outer h1 {
		font-size:20px;
		font-weight:bold;
		padding-bottom:6px;
		padding-left:10px;
			
		}
	#mainintro_outer h2 {
		font-size:12px;
		padding-bottom:10px;
		font-weight:normal;
		padding-left:10px;
		
		}
		
			
	#mainintro_content {
		float:left;
		padding:10px 0px 20px 0px ;
		
			}
	
			
	#mainintro_content2 {
		float:left;
		padding:10px 0px 10px 0px ;
		background-color:#FFFFFF;
		margin-bottom:30px;
		border: 1px  solid #E8E8E8;	

			}
	#mainintro_content3 {
		float:left;
		width:880px;
		padding:10px 0px 0px 0px ;
		background:url(../images/saveearth.jpg ); background-repeat: no-repeat ; background-position: right;
			}	
				
	.mainintro_Step {
		float:left;
		text-align:left;
		padding:10px 10px; 0 0;
		}
		
	.mainintro_joinus {
		padding:10px 0 0 10px;
		
		}	
		
	
	.mainintromail_box {
		float:left;
		background: #FFFFFF;
		width:580px;
		height:130px;
		padding:10px 6px 6px 6px;
		font-size:12px;		
		
		}
	.mainintro_mailimage_box {
		float:right;
		background: #FFFFFF;
		padding:10px 6px 6px 6px;
		font-size:12px;	
		height:130px;
		width:275px;	
		}	
	.mainintro_import {
		float:left;
		background: #FFFFFF;
		padding:6px;
		
		}	
	.mainintro_pic {
		
		background: #FFFFFF;
		padding:6px;
		
		}	
		.wp_video_content_title{
		font-size:16px;
		font-weight:bold;						
		}
		
		.wp_video_content_playbt{
		color:#c4721f;
		font-size:16px;
		font-weight:bold;
				
								
		}		
		
	.mainintro_box1 {
		float:left;
		background: #FFFFFF;
		width:190px;
		height:70px;
		margin-right:10px;
		margin-left:10px;
		padding:6px;
		font-size:12px;		
		border:1px #ff9933 solid;	
		}
						
	* html  .mainintro_box1 {
		width:185px;
		margin-left:6px;
			
		}
	.mainintro_box2 {
		float:left;
		background:#FFFFFF;
		width:190px;
		height:70px;
		margin-right:10px;
		padding:6px;
		font-size:12px;
		border:1px #ff9933 solid;
		}
	* html .mainintro_box2 {
		width:185px;
			
		}		
	.mainintro_box3 {
		float:left;
		background:#FFFFFF;
		width:200px;
		height:70px;
		margin-right:10px;
		padding:6px;
		font-size:12px;
		border:1px #ff9933 solid;
		}	
	.mainintro_box4 {
		float:right;
		background:#FFFFFF;
		width:200px;
		height:70px;
		margin-right:10px;
		padding:6px;
		font-size:12px;
		border:1px #ff9933 solid;
		}
		
	.mainintro_title {
		font-size:15px;
		font-weight:bold;
		color: #E84D05;
		padding-bottom:4px;		
					
		}
		
	.mainmarket_box1 {
		float:left;
		background:#FFFFFF;
		width:305px;
		height:100px;
		margin-right:10px;
		margin-left:10px;
		padding:8px;
		font-size:12px;
		border:1px #ff9933 solid;
		}
	
* html .mainmarket_box1 {		
		width:300px;
		margin-left:6px;
		
		}	
	.mainmarket_box2 {
		float:left;
		background:#FFFFFF;
		width:175px;
		height:100px;
		margin-right:10px;
		padding:8px;
		font-size:12px;
		border:1px #ff9933 solid;
		}	
	.mainmarket_box3 {
		float:right;
		background: #FFFFFF;
		width:305px;
		height:100px;
		margin-right:15px;
		padding:8px;
		font-size:12px;
		border:1px #ff9933 solid;
		}	
											

	#all {
		float:left;
		margin-left:20px;
		margin-right:20px;
		background:url(../images/MM_About_Cooffer_bg.gif) repeat-y center top;
		display:inline;
		}
	#main_menu {
		background:#f5dfc9;
		width:100%;
		height:14px;
		padding:5px 0px;
		margin:0;
		}
		#main_menu1 {
			background:#f5dfc9;
			width:100%;
			height:15px;
			padding:3px 0px 4px 0;
			margin:0;
			}
		#main_menu a:hover {
			text-decoration:none;
			color:#ff3300;
			}
		#main_menu_ul {
			float:left;
			width:500px;
			margin-left:10px;
			display:inline;
			}
		#main_menu_ul li {
			display:inline;
			margin:8px;
			font-weight:bold;
			}
			#main_menu_ul li a{
				color:#c4721f;
				font-weight:bold;
				}
				#main_menu_ul li a.select{
					color:#ff3300;
					}
				.menu {
					color:#c4721f;
					}
		#main_menu_ul li.title {
			font-size:13px;
			color:#c4721f;
			}
		ul#topics {
			float:left;
			width:230px;
			}
			#topics li {
				margin:10px 33px 10px 47px;
				padding-left:10px;
				background:url(../images/MM_circle2.gif) no-repeat left;
				color:#c4721f;
				text-align:left;
				list-style:none;
				}
				#topics li a{
					font-size:12px;
					color:#c4721f;
					font-weight:bold;
					text-align:left;
					}
					
				#topics li a:hover {
					color:#ff9933;					
					}	
			#help {
				margin:0 47px;
				line-height:16px;
				
				
				}
						
			#help_answer {
				margin:0 20px;
				line-height:16px;
				background-color:#F9F9F9;
				border-top: 1px dashed #ff9933;	
				border-bottom: 1px dashed #ff9933;
				padding-bottom:20px;
				}
			
			#help_answer ul {
				margin-left:55px;
				list-style:none;
				}
				#help_answer li {
					padding-left:9px;
					padding-top:4px;
					background:url(../images/MM_circle.gif) no-repeat left 8px;
					}	
				
				
			#main #help_answer p {			
				padding:14px 10px 6px 10px;}
					
				#help td {
					padding:5px 0 5px 5px;
					}
					
		#back a{
			float:right;
			width:100px;
			font-size:11px;
			color:#c4721f;
			margin-right:10px;
			}
		#main h1 {
			margin:20px;
			font-size:13px;
			color:#c4721f;
			}
			
		#main h1.title {
			margin:25px 0 10px 20px ;
			font-size:13px;
			color:#c4721f;
			}
				
			#main h1.terms {
				margin:20px 20px 6px 20px;
				font-size:13px;
				color:#c4721f;
				}
		#main h2 {
			margin:10px;
			font-size:12px;
			color:#c4721f;
			margin-left:20px;
			}
		#main h3 {
			font-size:18px;
			color:#c4721f;
			margin-bottom:5px;
			font-weight:normal;
			}
		#main h4 {
			font-size:11px;
			color:#c4721f;
			font-weight:normal;
			}
		#main h5 {
			margin:20px;
			font-weight:normal;
			line-height:16px;
			}
		#main p{
			padding:0 0 12px 0;
			margin:0;
			}	
	#left_image_box {
		clear:both;
		float:left;
		width:258px;
		background:#FFFFFF;
		padding:8px;
		}
	#main_image_box {
		clear:both;
		float:left;
		width:258px;
		background:#FFFFFF;
		padding:8px;
		}
				
	#mainintrosave_box {
		float:left;
		padding:2px 8px 8px 10px;
		width:600px;
		font-size:18px;
		font-weight:bold;
		}
	#mainintrosaveimage_box {
		float:left;
		padding:2px 8px 8px 10px;
		width:240px;
		font-size:18px;
		font-weight:bold;
		}	
		
	#mainintrosave_box h1 {
		font-size:18px;
		font-weight:bold;
		color:#5AA637;
		}
	#mainintrosave_box h2 {
		padding-top:20px;
		font-size:14px;
		font-weight:bold;
		color:#666666;
		
		}	
			
	#mainintroimage_box {
		clear:both;
		float:left;
		padding:2px 8p 8p 8px;
		}
	
				
		#left_image_box ul{
			padding:0;
			margin:0;
			}
			#left_image_box ul li{
				list-style:none;
				float:left;
				margin:0;
				padding:0;
				}
				#left_image_box li img{
					padding:0;
					float:left;
					border:1px #fff solid;
					}
	#left_image_box2 {
		clear:both;
		float:left;
		width:365px;
		background:#FFFFFF;
		padding:16px 23px;
		border: 1px dashed #ff9933;	
		
		}
		#left_image_box2 img{
			margin-bottom:15px;
			}
			
	#left_image_tag {
		clear:both;
		float:left;
		width:310px;
		background:#FFFFFF;
		padding:16px 23px;
		border: 1px dashed #ff9933;			
		}
				
	#left_image_box3 {
		clear:both;
		float:left;
		width:276px;
		height:441px;
		background:#FFFFFF;
		margin:12px 18px 0 18px;
		padding:20px 0;
		}
	
		
	
	#privacy {
		padding:0 20px;
		line-height:16px;
		}
		#privacy p.date {
			margin:8px 0;
			color:#c4721f;
			font-size:11px;
			color:#c4721f;
			}
			#privacy ul {
				margin-left:55px;
				list-style:none;
				}
				#privacy li {
					padding-left:9px;
					padding-top:4px;
					background:url(../images/MM_circle.gif) no-repeat left 8px;
					}
					.red {
						color:#ff3300;
						}
	 
	#privacy_number {
		padding:0 20px;
		line-height:16px;
		}
		#privacy_number p.date {
			margin:8px 0;
			color:#c4721f;
			font-size:11px;
			color:#c4721f;
			}
			#privacy_number ul {
				margin-left:55px;
				list-style: decimal;
				}
				#privacy_number li {
					padding-left:9px;
					padding-top:4px;
					
					}
					
		#privacy_number p.contactinfo  { margin-left:40px; font-weight:bold;						
						
						}			
	
	#right_text_box {
		float:right;
		width:338px;
		background:#FFFFFF;
		margin-left:12px;
		padding:20px 33px 20px 33px;
		color:#9a9a9a;
		line-height:15px;
		}
		#name {
			font-size:11px;
			margin:70px 0 0 0;
			}
		#right_text_box h1 {
			padding:0;
			margin:13px 0 15px 0;
			color:#ff3300;
			font-size:12px;
			}
			#right_text_box h2 {
				margin:0;
				padding:0;
				font-size:11px;
				}
			#right_text_box ul {
				margin-bottom:15px;
				list-style:none;
				} 
			#right_text_box li {
				line-height:14px;
				}
				.country_dropmenu {
					width:170px;
					}
			
	#right_text_box2 {
		float:right;
		width:264px;
		height:511px;
		margin-left:12px;
		color:#9a9a9a;
		}
		#right_text_box2 dl{
			clear:both;
			float:left;
			width:252px;
			display:inline;
			padding:6px;
			margin-bottom:6px;
			background:#FFFFFF;
			border:1px #dbdbdb solid;
			}
			#right_text_box2 dt{
				float:right;
				width:190px;
				color:#c4721f;
				font-size:12px;
				margin:0;
				padding:0;
				}
			.right_text_title{
				font-size:12px;
				
				}
				
			#right_text_box2 dd{
				padding:0;
				margin:0 0 0 50px;
				}
			
			#right_text_box2 dl dd.img {
	            margin:	0 ;	
                }
								
				#right_text_box2 dd.img img{
					float:left;
					padding:0;
					margin:0;
					margin-right:10px;
					}
	#right_text_tag {
		float:right;
		width:320px;
		height:511px;
		margin-left:12px;
		color:#9a9a9a;
		text-align: left;
		}
	
				
		#none dt{
			float:none;
			font-size:12px;
			}
			#none dd {
				color:#c4721f;
				line-height:1.5em;
				margin-left:3px;
				}
		
	#new_list {
			float: right;
			font-size:12px;
			color:#c4721f;
			padding-top:4px;
			line-height:1.5em;
			width:262px;
			background-color:#FFFFFF;
			border:1px #dbdbdb solid;
			border-top:4px #dbdbdb solid;
					
			}
			
		#new_list ul{
			list-style-type: none;
				 			
			}
		#new_list ul a{
			display:block;
			height:20px;
			padding:2px 0;
			}
		#new_list ul a span{padding:4px 8px;}
				
		#new_list ul a:hover{background-color:#F7F7F7}
		
	#tag_list {
			float: right;
			font-size:12px;
			color:#c4721f;
			padding-top:4px;
			line-height:1.5em;
			width:310px;
			background-color:#FFFFFF;
			border:1px #dbdbdb solid;
			border-top:4px #dbdbdb solid;
					
			}
			
		#tag_list ul{
			list-style-type: none;
				 			
			}
		#tag_list ul a{
			display:block;
			height:20px;
			padding:2px 0;
			}
		#tag_list ul a span{padding:4px 8px;}
		
		#tag_list ul a span img{padding:0 4px 0 0 ;}
				
		#tag_list ul a:hover{background-color:#F7F7F7}	
		
		.oldnew_title{
			padding:8px 8px;
			font-size:11px;
			font-weight:bold;
			color:#c4721f;	
			list-style-type: none;					
			}								
					
#swap_box {
	width:676px;
	background:#fff;
	height:117px;
	padding:10px 5px 10px 16px;
	margin-bottom:12px;
	}
	#swap_box dl {
		float:left;
		width:100%;
		}
		#swap_box dt {
			float:right;
			width:324px;
			color:#c4721f;
			font-size:14px;
			margin-bottom:14px;
			font-weight:bold;
			}
		#swap_box dd {
			padding:0;
			margin:0;
			line-height:15px;
			}
			#swap_box dd.img img {
				float:left;
				margin-right:24px;
				}
				
#all2 {
	float:left;
	margin-left:20px;
	margin-right:20px;
	display:inline;
	}
	#safe_swap {
		float:left;
		width:693px;
		padding:0;
		margin-bottom:12px;
		background:url(../images/MM_Swap_safe_bg.gif) repeat-y center top;
		}
		#safe_swap dt {
			float:left;
			width:131px;
			margin:0;
			padding:14px 0;
			}
		#safe_swap dd {
			float:right;
			width:470px;
			margin:0;
			padding:14px 40px;
			}

#all_don {
	float:left;
	margin-left:30px;
	display:inline;
	overflow:hidden;
	
	}
#all_don :hover {
	
	background-color: #F7F7FF;
	}	
.don {
	float:left;
	width:195px;
	height:400px;
	padding:10px 10px 20px 10px;
	margin:0 14px 16px 0;
	background:#fff;
	display:inline;
	overflow:hidden;
	}

		
	.don dt {
		font-size:12px;
		color:#ff3300;
		margin: 0;
		}
		.big {
	font-size:16px;
	color:#ff3300;
	
			}
	.don dd.img  {
		float:left;
		margin-bottom:10px;
		}
	.don dd {
		line-height:16px;
		margin: 0;
		padding:0;
		}


	#subanswer01 li {
		margin:10px 0;
		color:#c4721f;
		list-style:none
		
		}
	#subanswer01 li a{
		font-size:12px;
		color:#c4721f;
		}
	#subanswer01 li a:hover{
		
		color:#ff9933;
		}	
			.contact {	
				width:217px;
				padding:2px 0 2px 5px;
				color:#666666;
				border-top:1px #C5C5C5 solid;
				border-right:1px #FFFFFF solid;
				border-bottom:1px #FFFFFF solid;
				border-left:1px #C5C5C5 solid;
				background-color:#FFFFFF;
				}
			.contact1 {	
				width:340px;
				height:70px;
				padding:2px 0 2px 5px;
				color:#666666;
				border-top:1px #C5C5C5 solid;
				border-right:1px #FFFFFF solid;
				border-bottom:1px #FFFFFF solid;
				border-left:1px #C5C5C5 solid;
				background-color:#FFFFFF;
				}
			.contact2 {	
				width:217px;
				padding:2px 0 2px 5px;
				color:#666666;
				font-weight:normal;
				border-top:1px #C5C5C5 solid;
				border-right:1px #FFFFFF solid;
				border-bottom:1px #FFFFFF solid;
				border-left:1px #C5C5C5 solid;
				background-color:#FFFFFF;
			}	
		.contact_btn {
			background-color: #D88C47;
			border: 1px solid #ffffff;
			color: #ffffff;
			font-family:Arial, Helvetica, sans-serif;
			font-size: 11px;
			font-style: normal;
			text-align:center;
			margin: 1px;
			padding: 3px 12px;
			position: relative;
			left: 0px;
			top: 0px;
			text-decoration: none;
			float:right;
			cursor:pointer;
			}
		.contact_btn:hover {
			  background-color: #D88C47;
			  border-color: #ff9933;
			  color: #ffffff;
			  cursor:pointer;
			}	
			
		.ad {
			width:220px;
			padding:2px 0 2px 5px;
			color:#000000;
			font-weight:normal;
			border-top:1px #C5C5C5 solid;
			border-right:1px #FFFFFF solid;
			border-bottom:1px #FFFFFF solid;
			border-left:1px #C5C5C5 solid;
			background-color:#FCFAF8;
			}
			
		.ad1 {
			width:83px;
			padding:2px 0 2px 5px;
			color:#000000;
			border-top:1px #C5C5C5 solid;
			border-right:1px #FFFFFF solid;
			border-bottom:1px #FFFFFF solid;
			border-left:1px #C5C5C5 solid;
			background-color:#FCFAF8;
			}
		.ad2 {
			width:271px;
			height:71px;
			padding:2px 0 2px 5px;
			color:#000000;
			border-top:1px #C5C5C5 solid;
			border-right:1px #FFFFFF solid;
			border-bottom:1px #FFFFFF solid;
			border-left:1px #C5C5C5 solid;
			background-color:#FCFAF8;
			}

/* survery*/

		#survey_main {
				margin:auto;
				width:732px;
				margin-top:40px;
				margin-bottom:70px;
				padding:4px 7px 27px 7px;
				background-color:#f8f2eb;	
			}
		
		
		.survey_mainbar {
				width:100%; 
				height:24px;
				text-align:right;	
				}		

		.thank_title {
			font-size:12px;
			font-weight:bold;
			color:#c4721f;
			float:left;
			}
						
		#box_thanks{
			padding:15px 25px;
			margin-top:10px;
			color:#666666;
			background-color:#f8f2eb;
			border-top: 1px dashed #ff9933;	
			border-bottom: 1px dashed #ff9933;
			}				
			
		#box_feedback{
			padding:15px 25px;
			margin-top:10px;
			background-color:#F6F6F6;
			color:#666666;
			height:40px;
			border-top: 1px dashed #ff9933;	
			border-bottom: 1px dashed #ff9933;
			}	
		.survey_list {
				 width:auto;
				 clear:both;
				 padding:0 0 0 45px ;
			
			}	
		.survey_title { 
					font-size:12px;
					color:#df8e3f;
					font-weight:bold;
					padding:20px 0 5px 0;					
					}
		.survey_title label { 
					color:#df8e3f;					
					float: left;
					width: 120px;
					font-weight: bold;
					text-align: left;
					font-size:12px;
					
			}				
		.survey_name { 
					font-size:12px;
					color:#df8e3f;
					font-weight:bold;
					margin-right:15px;
					width:60px;
										
					}
						
		.survey_txt {
			    padding:5px 0 40px 0;
			   text-align:left;
			   color:#666666;
			    }
		.feedback_list{
			width:135px; 
			float:left;
			}
		.feedback_form{
			width:auto; 
			padding:5px 0 15px 0;
			}	
		
		.survey_textarea {
			width:623px;
			margin-bottom:5px;
			border:1px #d9d9d9 solid;
			padding:2px 0 2px 5px;
			color:#000000;
			margin-top:10px;
			height:60px;
			border-right:1px #FFFFFF solid;
			border-bottom:1px #FFFFFF solid;
			border-left:1px #C5C5C5 solid;
			background-color:#FFFFFF;
			}
			
			
		
/* survery*/

/* Benefits*/			
#benefits{
		padding:0 20px;
		line-height:16px;
		}
				#benefits_list {
				margin-left:10px;
				list-style: none;
				background-color:#E3F4E3;
				padding:10px;
				border:1px #CCCCCC solid;
					}
				#benefits_list li {
				font-size:12px;
				font-weight:bold;
				padding-top:10px;
				padding-bottom:4px;
				padding-left:10px;
				padding-right:10px;
				color:#666666;				
				}
					
#benefits h1{
			width:680px;
			height:60px;
			padding: 10px 0 10px 15px ;
			font-size:20px; 
			font-weight:bold;
			color:#FFFFFF;
			margin:0;
			background-image: url(../images/pic_benefit_title.jpg);
			background: url(../images/pic_benefit_title.jpg) no-repeat 0 0 ;
		
			}
#benefits h1 p{
			
			padding:8px 0 0 2px ;
			font-size:13px; 
			font-weight:bold;
			color:#FFFFFF;
			letter-spacing:1px;
			
							
			}			
			
.benefit_maintitle { 
					style="font-size:16px; 
					font-weight:bold;"
										
					}

.benefit_pic { border:#FFFFFF 2px solid; 								
					}
					
.tour_pic {  border:#C9C9C9 1px solid;
										
					}