/* =================================================================================================
		
		Info24
		main.css
		CSS written by Jimmy Oh
		http://www.jimmyoh.com
				
================================================================================================= */

	body { background: repeat #eaeaea; }
		
		* { margin: 0; padding: 0; text-decoration: none; border: none; font-size: 100%; font-family: Tahoma, Arial, Helvetica, sans-serif; list-style-type: disc; list-style: disc; }
				
			:focus { outline: none; }						

/* ====== TOTALCONTAINER ========================================================================== */
		
		#totalcontainer {
		width: 999px;
		height: 100%;
		display: block;
		position: relative;
		margin: 10px auto 0 auto; }
		
		#foot {
		width: 100%;
		height: 100%;
		margin: 10px 0 0 0;
		background: #d4d4d4;
		text-align: center;
		float: left;
		font-size: 11px;
		color: #868686;
		padding: 10px 0;
		border-top: 2px solid #a8a8a8;}
		
			#foot a:link, #foot a:visited, #foot a:active {
			color: #999;
			text-decoration: none;
			border: none; }
			
				#foot a:hover {
				color: #666;
				text-decoration: none;
				border: none; }
		
		#foot img {
		margin: 0 10px 2px 10px; }


/* ====== TOP AREA ========================================================================== */

		#toparea {
		background: repeat-y #eaeaea top left url('gfx/container_bkg.gif');
		width: 999px;
		display: block;
		position: relative;
		margin: 0 auto;
		z-index: 1;
		float: left; }
		
			#toparea .toparea_top {
			background: no-repeat #eaeaea top left url('gfx/container_top.gif');
			width: 999px;
			height: 13px;
			display: block;
			margin: 0 auto; }
			
				#toparea .toparea_foot {
				background: no-repeat #eaeaea bottom left url('gfx/container_foot.gif');
				width: 999px;
				height: 13px;
				display: block;
				margin: 0 auto;
				float: left; }
				
					#toparea .header {
					background: no-repeat #fff top left url('img/header.png');
					width: 973px;
					height: 224px;
					display: block;
					margin: 0 auto; }
					
						#toparea .menu {
						background: no-repeat #fff top left url('img/menu.jpg');
						width: 973px;
						height: 46px;
						display: block;
						margin: 7px auto; }
						
/* ======================== */
						
		#toparea .container {
		width: 965px;
		height: 32px;
		padding: 6px 3px 3px 3px;
		display: block;
		margin: 0 auto; }

			#toparea .container .datearea {
			width: 300px;
			margin: 0;
			padding: 7px 0 0 6px;
			font-size: 10px;
			/* font-style: italic; */
			color: #a7a7a7;
			text-align: left;
			float: left; }

/* ======================== */

					#toparea .container .searcharea {
					width: 320px;
					margin: 3px 0 0 0;
					padding: 0 0 0 6px;
					float: left; }
					
						#toparea .container .searcharea p {
						font-size: 10px;
						color: #a7a7a7;
						display: inline;
						margin: 0 10px 0 0;
						float: left;  }	
						
							#toparea .container .searcharea .inputform {
							background: #fcfcfc;
							font-family: "lucida grande", Arial, Helvetica, sans-serif;
							font-size: 11px;
							line-height: 14px;
							color: #999;
							width: 100px;
							height: 14px;
							margin: 0 7px 0 0;
							text-align: left;
							padding: 3px;
							display: inline;
							float: left;
							border-top: 1px solid #6a6a6a;
							border-left: 1px solid #6a6a6a;
							border-right: 1px solid #ececec;
							border-bottom: 1px solid #ececec; }
							
								#toparea .container .searcharea .submit {
								background: no-repeat top left url('gfx/search_button.gif');
								font-weight: bold;
								width: 73px;
								height: 24px;
								font-size: 11px;
								display: inline;
								color: #A7A7A7;
								text-align: center;
								padding: 0; 
								position: relative; }	
			
										#toparea .container .searcharea p .icon {
										width: 16px;
										height: 14px;
										position: relative;
										top: 3px;
										margin: 0 3px 0 0;
										display: inline; }
										
													
/* ======================== */
														
		#toparea .container .flagarea {
		/* background: no-repeat #fff top left url('gfx/flagarea_bkg.gif'); */
		width: 216px;
		height: 20px;
		margin: 3px 20px 0 0;
		padding: 2px;
		float: left; }
		
			#toparea .container .flagarea img {
			margin: 5px 0 0 7px; }
			
				#toparea .container .logoarea {
				width: 89px;
				height: 28px;
				margin: 0;
				float: left; }
						
		#toparea .container .flagarea li
		{
			float:left;
			padding: 0px;
			list-style-type: none;
			margin: 0 0 0 0;
			vertical-align: middle;
		}
		
						
/* ======================== */
						
		#toparea .breadcrumb {
		width: 780px;
		height: 20px;
		display: block;
		margin: 0 10px 0 18px;
		float: left; }
	
			#toparea .breadcrumb p {
			font-size: 12px;
			color: #a7a7a7;
			display: block; }
			
/* ======================== */
			
		#toparea .cart {
		width: 170px;
		height: 20px;
		display: block;
		margin: 0 18px 0 0;
		float: right; }

			#toparea .cart p {
			font-size: 11px;
			color: #7f7f7f;
			display: block; }
			
				#toparea .cart p .icon {
				width: 16px;
				height: 14px;
				position: relative;
				top: 3px;
				margin: 0 3px 0 0;
				display: inline; }
				
					#toparea .cart p .blue {
					color: #4382b0;
					font-size: 12px;
					margin: 0 0 0 7px;
					font-weight: bold; }
		
		
/* ===== ROWCONTAINER ================================================================================== */
		
		.rowcontainer {
		background: #eaeaea;
		width: 999px;
		display: block;
		position: relative;
		overflow: visible;
		float: left;
		margin: 5px auto 2px auto;
		padding: 0; }
		
			.rowcontainer a:link, .rowcontainer  a:visited, .rowcontainer  a:active {
			color: #2e74a7;
			font-size: 12px;
			text-decoration: none;
			border: none;
			padding-bottom: 1px;
			/* border-bottom: 1px solid #96b9d3; */ }
			
				.rowcontainer a:hover {
				color: #358bca;
				text-decoration: none;
				border: none;
				padding-bottom: 1px;
				border-bottom: 1px solid #96b9d3; }
			
		
/* ===== BOX 1 ================================================================================== */
		
		.box1_container {
		width: 583px;
		display: block;
		float: left; }
		
			.box1_container .box1 {
			background: repeat-y #eaeaea top left url('gfx/box1_bkg.gif');
			width: 583px;
			display: block; }
			
				.box1_container .box1 .top {
				background: no-repeat #eaeaea top left url('gfx/box1_top.gif');
				width: 583px;
				height: 40px;
				padding: 0;
				display: block; }
				
					.box1_container .box1 .top h1 {
					font-family: Arial, Helvetica, sans-serif;
					font-size: 16px;
					padding: 14px 10px 10px 17px;
					font-weight: bold;
					color: #fff;
					display: block; }
					
					.box1_container .box1 .content {
					padding: 15px 15px 0 15px; }
					
					.box1_container .box1 p {
					font-family: Arial, Helvetica, sans-serif;
					font-size: 12px;
					margin: 0 0 13px 0;
					line-height: 20px;
					color: #666;
					display: block; }
					
					.box1_container .box1 p.indexlink {
					text-align: center;
					font-weight: bold;
					margin: 28px;
					font-size: 16px; }
				
				.box1_container .box1 .foot {
				background: repeat-y #eaeaea bottom left url('gfx/box1_foot.gif');
				width: 583px;
				height: 10px;
				display: block; }
				

/* ===== BOX 2 ================================================================================== */
		
		.box2_container {
		width: 199px;
		display: block;
		margin: 0 0 0 8px;
		float: left; }
		
			.box2_container .box2 {
			background: repeat-y #eaeaea top left url('gfx/box2_bkg.gif');
			width: 199px;
			display: block; }
			
				.box2_container .box2 .top {
				background: no-repeat #eaeaea top left url('gfx/box2_top.gif');
				width: 199px;
				height: 41px;
				padding: 0;
				display: block; }
				
					.box2_container .box2 .top h1 {
					font-family: Arial, Helvetica, sans-serif;
					font-size: 16px;
					padding: 14px 10px 10px 17px;
					font-weight: bold;
					color: #fff;
					display: block; }
					
						.box2_container .box2 .top h1.latestnews {
						background: no-repeat 92% 60% url('gfx/latestnews_icon.gif'); }
					
						.box2_container .box2 .top h1.topfive {
						background: no-repeat 92% 60% url('gfx/topfive_icon.gif'); }
					
					.box2_container .box2 .content {
					padding: 15px 15px 0 15px; }
					
					.box2_container .box2 p {
					font-family: Arial, Helvetica, sans-serif;
					font-size: 11px;
					margin: 0 0 8px 0;
					line-height: 20px;
					color: #666;
					display: block; }
					
					.box2_container p b {
					color: #4382B0; }
				
				.box2 .foot {
				background: repeat-y #eaeaea bottom left url('gfx/box2_foot.gif');
				width: 199px;
				height: 10px;
				display: block; }
				
				
/* ===== BOX 3 ================================================================================== */
		
		.box3_container {
		width: 243px;
		display: block;
		margin: 0 3px 0 3px;
		float: left; }
		
			.box3_container .box3 {
			background: repeat-y #eaeaea top left url('gfx/box3_bkg.gif');
			width: 243px;
			display: block; }
			
				.box3_container .box3 .top {
				background: no-repeat #eaeaea top left url('gfx/box3_top.gif');
				width: 243px;
				height: 40px;
				padding: 0;
				display: block; }
				
					.box3_container .box3 .top h1 {
					font-family: Arial, Helvetica, sans-serif;
					font-size: 16px;
					padding: 14px 10px 10px 17px;
					font-weight: bold;
					color: #fff;
					display: block; }
					
						.box3_container .box3 .top h1.connect {
						background: no-repeat 92% 60% url('gfx/connect_icon.gif'); }
					
						.box3_container .box3 .top h1.sell {
						background: no-repeat 92% 60% url('gfx/sell_icon.gif'); }
						
						.box3_container .box3 .top h1.buy {
						background: no-repeat 92% 60% url('gfx/buy_icon.gif'); }
						
						.box3_container .box3 .top h1.contact {
						background: no-repeat 92% 60% url('gfx/contact_icon.gif'); }
					
					.box3_container .box3 .content {
					padding: 15px 15px 0 15px; height: 200px;}
							
								.box3_container .box3 .content .readmore p {
								color: #fff;
								font-size: 11px;
								font-weight: bold; }
								
									.box3_container .box3 .content a.button {
									background: no-repeat top left url('gfx/readmore_bkg.gif');
									display: block;
									border: none;
									font-weight: bold;
									height: 26px;
									text-decoration: none;
									width: 209px;
									padding-top: 7px;
									font-family: "lucida grande", Arial, Helvetica, sans-serif;
									font-size: 11px; }
									
										.box3_container .box3 .content a:link.button {
										color: #d5d5d5; text-decoration: none; border: none; text-align: left; display: block; }
										
											.box3_container .box3 .content a:visited.button {
											color: #d5d5d5; text-decoration: none; border: none; text-align: left; display: block; }
											
												.box3_container .box3 .content a:active.button {
												color: #d5d5d5; text-decoration: none; border: none; text-align: left; display: block; }
												
													.box3_container .box3 .content a:hover.button {
													background: no-repeat top left url('gfx/readmore_bkg.gif');
													color: #ffffff; text-decoration: none; border: none; text-align: left; display: block; }
													
														.box3_container .box3 .content .readmore {
														text-indent: 10px;
														padding-top: 5px;
														display: block; }


					
					.box3_container .box3 .content p {
					font-family: Arial, Helvetica, sans-serif;
					font-size: 12px;
					margin: 0 0 8px 0;
					line-height: 15px;
					color: #666;
					display: block; }
					
					.box3_container .box3 .content p b {
					color: #4382B0; }

				
				.box3_container .box3 .foot {
				background: repeat-y #eaeaea bottom left url('gfx/box3_foot.gif');
				width: 243px;
				height: 10px;
				display: block; }
				
				

/* ===== BOX 4 ================================================================================== */
		
		.box4_container {
		width: 999px;
		display: block;
		margin: 0 3px 0 3px;
		float: left; }
		
			.box4_container .box4 {
			background: repeat-y #eaeaea top left url('gfx/box4_bkg.gif');
			width: 999px;
			display: block;
			float: left; }
			
				.box4_container .box4 .top {
				background: no-repeat #eaeaea top left url('gfx/box4_top.gif');
				width: 999px;
				height: 13px;
				padding: 0;
				display: block; }
		
					.box4_container .box4 .content {
					padding: 10px 20px 0 20px;
					display: block;}
							
						.box4_container .box4 .content h1 {
						font-family: Arial, Helvetica, sans-serif;
						font-size: 25px;
						letter-spacing: -1px;
						padding: 0 0 10px 0;
						font-weight: bold;
						color: #2e74a7;
						display: block; }
						
							.box4_container .box4 p {
							font-family: Arial, Helvetica, sans-serif;
							font-size: 12px;
							margin: 0 0 15px 0;
							line-height: 20px;
							color: #666;
							display: block; }
							
							.box4_container .box4 .left {
							float: left;
							display: block;
							width: 920px;
							padding-left: 22px;  }
							
							.box4_container .box4 .right {
							float: right;
							display: block;
							width: 460px; }
										
								.box4_container .box4 .foot {
								background: repeat-y #eaeaea bottom left url('gfx/box4_foot.gif');
								width: 999px;
								height: 13px;
								float: left;
								display: block; }
								
							.box4_container .box4 .left_box6 {
							float: left;
							display: block;
							width: 920px;
							margin-bottom: 15px;
							padding-left: 22px;}
							
							.box4_container .box4 .right_box6 {
							float: right;
							display: block;
							width: 340px; }
							
								
/* ===== BOX 5 ================================================================================== */
		
		.box5_container {
		width: 332px;
		display: block;
		margin: 0 auto;
		float: left; }
		
			.box5_container .box5 {
			background: repeat-y #eaeaea top left url('gfx/box5_bkg.gif');
			width: 332px;
			display: block;
			margin: 0 0 0 4px;
			float: left; }
			
				.box5_container .box5 .top {
				background: no-repeat #eaeaea top left url('gfx/box5_top.gif');
				width: 332px;
				height: 12px;
				padding: 0;
				display: block; }
		
					.box5_container .box5 .content {
					padding: 10px 20px 0 20px;
					height: 220px;
					display: block;}
							
						.box5_container .box5 .content h2 {
						font-family: Arial, Helvetica, sans-serif;
						font-size: 18px;
						letter-spacing: -1px;
						padding: 0 0 10px 0;
						font-weight: bold;
						color: #666;
						display: block; }
						
							.box5_container .box5 p {
							font-family: Arial, Helvetica, sans-serif;
							font-size: 12px;
							margin: 0 0 15px 0;
							line-height: 20px;
							color: #666;
							display: block; }
							
							.box5_container .box5 .left {
							float: left;
							display: block;
							width: 460px;
							border-right: 1px solid #ccc;
							padding-right: 17px;  }
							
							.box5_container .box5 .right {
							float: right;
							display: block;
							width: 460px;}
										
								.box5_container .box5 .foot {
								background: repeat-y #eaeaea bottom left url('gfx/box5_foot.gif');
								width: 332px;
								height: 12px;
								display: block; }
								
							
							
							
							
/* ===== BOX 7 ================================================================================== */
		
		.box7_container {
		width: 707px;
		display: block;
		margin: 0 auto;
		float: left; }
		
			.box7_container .box7 {
			background: repeat-y #eaeaea top left url('gfx/box7_bkg.gif');
			width: 707px;
			display: block;
			margin: 0 0 0 4px;
			float: left; }
			
				.box7_container .box7 .top {
				background: no-repeat #eaeaea top left url('gfx/box7_top.gif');
				width: 707px;
				height: 13px;
				padding: 0;
				display: block; }
		
					.box7_container .box7 .content {
					padding: 10px 20px 0 20px;
					display: block;}

						.box7_container .box7 .content ul {font-family: Arial, Helvetica, sans-serif;margin-left:20px;font-size: 12px; color: #666;line-height: 20px;}
						.box7_container .box7 .content li {font-family: Arial, Helvetica, sans-serif;margin-left:20px;font-size: 12px; color: #666;margin-bottom:10px;line-height: 20px;}

						.box7_container .box7 .content a:link, .rowcontainer  a:visited, .rowcontainer  a:active {
						font-size: 12px; text-decoration: none}
					
						.box7_container .box7 .content h1 {
						font-family: Arial, Helvetica, sans-serif;
						font-size: 25px;
						letter-spacing: -1px;
						padding: 0 0 5px 0;
						font-weight: bold;
						color: #2e74a7;
						display: block; }
													

						.box7_container .box7 .content h2 {
						font-family: Arial, Helvetica, sans-serif;
						font-size: 20px;
						letter-spacing: -1px;
						padding: 0 0 5px 0;
						font-weight: bold;
						color: #2e74a7;
						display: block; }

							.box7_container .box7 p {
							font-family: Arial, Helvetica, sans-serif;
							font-size: 12px;
							margin: 0 0 15px 0;
							line-height: 20px;
							color: #666;
							display: block; }

								.box7_container .box7 .foot {
								background: repeat-y #eaeaea bottom left url('gfx/box7_foot.gif');
								width: 707px;
								height: 14px;
								display: block; }
								
								
/* ===== BOX 8 ================================================================================== */
		
		.box8_container {
		width: 288px;
		display: block;
		margin: 0 auto;
		float: left; }
		
			.box8_container .box8 {
			background: repeat-y #eaeaea top left url('gfx/box8_bkg.gif');
			width: 288px;
			display: block;
			margin: 0 0 0 4px;
			float: left; }
			
				.box8_container .box8 .top {
				background: no-repeat #eaeaea top left url('gfx/box8_top.gif');
				width: 288px;
				height: 13px;
				padding: 0;
				display: block; }
		
					.box8_container .box8 .content {
					padding: 10px 20px 0 20px;
					display: block;}
					
						.box8_container .box8 .content h2 {
						font-family: Arial, Helvetica, sans-serif;
						font-size: 16px;
						letter-spacing: -1px;
						padding: 0 0 10px 0;
						font-weight: bold;
						color: #666;
						display: block; }
													
							.box8_container .box8 p {
							font-family: Arial, Helvetica, sans-serif;
							font-size: 12px;
							margin: 0 0 15px 0;
							line-height: 20px;
							color: #666;
							display: block; }

								.box8_container .box8 .foot {
								background: repeat-y #eaeaea bottom left url('gfx/box8_foot.gif');
								width: 288px;
								height: 14px;
								display: block; }