/* Page: Join
=======================================
							|			
	        1-1				|			
							|			
----------------------------|			
			 |				|	  3
	1-2-1	 |	  1-2-2		|			
			 |				|			
			 |				|			
----------------------------|			
			1-3				|			
======================================
*/


.c-join { position:relative; width:100%; }
.c-join .block1 { position:relative; float:left; width:85%;border-right:2px dotted #D6D6D6;  }
.c-join .block3 { position:relative; float:right; width:14%; }
.c-join .block1-1 { position:absolute; left: -3000px; }
.c-join .block1-2 { position:relative; float:left; width:97%; }
.c-join .block1-2-1 { position:relative; float:left; width:35%; padding-right:4px; margin-top:1%;   }
.c-join .block1-2-2 { position:relative; float:right; width:53%; padding-left:2%; padding-right:2%; margin-top:1%;  border-left:2px dotted #D6D6D6; }
html>body .c-join .block1-2-2 { padding-left:0; width:60%; }
/*.c-join .block1-3 { position:relative; float:left; width:92%; padding:1% 1% 1% 1%; margin-top:2%; border-top:2px dotted #D6D6D6; }*/
html>body .c-join .block1-3 { width:97%; }

/* Block 1-1-1: Welcome paragraph */
.c-join .block1-1 h3 { text-align:left; font-size:0.9em; font-weight:normal; color:#11006A; margin:0 0 5px 0; }
.c-join .block1-1 p { font-size:0.7em; font-family:Arial, Helvetica, sans-serif; color:#333333; margin:0 0 10px 0; padding:0; }

/* Block 1-2-1: Business finder */
.c-join .block1-2-1 h3 { font-size:0.9em; font-weight:normal; color:#11006A; margin:0 0 5px 0; }
.c-join .block1-2-1 .textblock { font-family:Arial, Helvetica, sans-serif; font-size:0.7em; color:#333333; vertical-align:top; margin:0 0 10px 0; padding:0; }	

/* Block 1-2-2: Business benefits mini-menu */
.c-join .block1-2-2 h3 { position:relative; width:90%; background-color:#F46A4B; font-size:0.8em; font-weight:normal; color:#FFFFFF; margin:0 0 3px 15px; padding:7px 10px 7px 10px; }
.c-join .block1-2-2 h4 { position:relative; font-size:0.9em; font-weight:normal; color:#11006A;	padding:0; margin:0; }
.c-join .block1-2-2 .textblock { position:relative; width:90%; background-color:#E2E7ED; margin-left:15px; font-size:0.7em; color:#333333; padding:10px; }
.c-join .block1-2-2 .textblock p { text-align:top; padding:0;  margin:0; width:50%; }
.c-join .block1-2-2 .textblock .graphic { position:absolute; width:98px; height:164px; bottom:0px; right:-10px; margin-left:-20px;
	background-image:url(../images/home_graphic_signpost.gif); }
.c-join .block1-2-2 .textblock td { font-family:Arial, Helvetica, sans-serif; }
.c-join .block1-2-2 .textblock1 { position:relative; width:96%;font-size:0.7em; color:#333333; padding:10px; }
.c-join .block1-2-2 .textblock1 p { text-align:top; padding:0; margin:0; width:50%; }

/* Block 1-3: Competition */
.c-join .block1-3 h3 { font-size:0.9em; font-weight:normal; color:#11006A; margin:0 0 5px 0; }
.c-join .block1-3 .textblock { font-family:Arial, Helvetica, sans-serif;font-size:0.7em; color:#333333; vertical-align:top; margin:0 0 10px 0; padding:0; }

/* Block 3: Banners */
.c-join .block3 img { position:relative; float:right;  vertical-align:top; margin-bottom:20px; }

.style6 {font-family: Arial, Helvetica, sans-serif; font-size: 10px; }