/***********************/
/** FORMAREZO WEBSITE **/
/**   HOME PAGE CSS   **/
/***********************/

#cast_shadows {	
	padding-bottom:			28px;
}

/** HEADER **/
#header {
	width:					920px;
	height:					110px;
	margin:					0 0 19px 24px;
	background-image:		url('img/bg_header_home.gif');
	background-position:	top left;
	background-repeat:		repeat-x;
	border:					1px solid #CCCCCC;
}

/** login area **/
#login_area {
	float:					right;
	width:					481px;
	height:					61px;
	background-image:		url('img/bg_login_area_home.gif');
	background-position:	top left;
	background-repeat:		repeat-x;
}

#login_area_text {
	float:					right;
	width:					480px;
	height:					57px;
	border-left:			1px solid #CCCCCC;
}

#login_area_text_title {
	float:					left;
	width:					180px;
	height:					17px;
	font-weight:			bold;
	text-align:				center;
}

#login_area_text_error {
	float:					left;
	/*width:					180px;*/
	width:					300px;
	height:					17px;
	color:					#FF0000;
}

#login_area_text_inputs {
	float:					left;
	width:					480px;
	height:					22px;
	text-align:				center;
}

#login_area_text_inputs #email {
	width:					185px;
	height:					18px;
	font-family:  			"Arial";
	color:					#777777; 
	margin-right:			5px;
	vertical-align:			top;
	border:					1px solid #CCCCCC;
}

#login_area_text_inputs #passwd {
	width:					150px;
	height:					18px;
	color:					#777777; 
	margin-right:			5px;
	border:					1px solid #CCCCCC;
}

#login_area_text_inputs #login_button {
	vertical-align:			top;
}

#login_area_remember_me {
	float:					right;
	width:					141px;
	overflow:				hidden;
	font-style:				italic;
}

#login_area_remember_me a {
	color:					#3B5998;
	text-decoration:		none;
}

#login_area_remember_me a:hover {
	text-decoration:		underline;
}

#login_area_remember_me input#remember_me_checkbox {
	vertical-align:			bottom;
	width:					12px;
	height:					12px;
	margin:					0;
	padding:				0;
}

#login_area_password_forgotten {
	float:					left;
	width:					305px;
	font-style:				italic;
	text-align:				right;
}

#login_area_password_forgotten a {
	color:					#3B5998;
	text-decoration:		none;
}

#login_area_password_forgotten a:hover {
	text-decoration:		underline;
}

#login_area_bottom {
	float:					right;
	width:					481px;
	height:					4px;
}

#logo {
	width:					429px;
	height:					101px;
	margin:					9px 0 0 10px;
}

#slogan {
	float:					left;
	width:					481px;
	height:					41px;
	text-align:				center;
	font-size:				24px;
	font-weight:			bold;
	color:					#B5B4BA;
	padding-top: 			8px;
	background-image:		url('img/bg_slogan_home.gif');
	background-position:	top left;
	background-repeat:		repeat-x;
}

/** THREE COLUMNS **/
/** first column **/
#column_what_is_it, #column_quick_search {
	float:					left;
	display:				inline;
	width:					266px;
}

#column_what_is_it {
	margin:					0 23px 
}

#column_what_is_it_title, #column_quick_search_title {
	float:					left;
	width:					266px;
	margin-bottom:			9px;
}

#column_what_is_it_top, #column_what_is_it_bottom, 
#column_quick_search_top, #column_quick_search_bottom {
	float:					left;
	width:					266px;
}

#column_what_is_it_text {
	float:					left;
	width:					254px;
	padding:5px;
	height:					385px;
	line-height:			1.2em;
	background-image:		url('img/bg_column_what_is_it_text.gif');
	background-position:	top;
	background-repeat: 		repeat-x;
	/*text-align:				left;*/
	border-right:			1px solid #CCCCCC;
	border-left:			1px solid #CCCCCC;
}

#column_what_is_it_text p {
	color:					#777777;
	margin-top:				5px;
}

#column_what_is_it_text p a:visited {
	color:					#3B5998;
}

#column_what_is_it_text p.bold_black {
	font-weight:			bold;
	color:					#000000;
	margin-top:				15px;
}

#column_what_is_it_text p.bold_black a {
	color:					#3B5998;
	font-weight:			normal;
	text-decoration:		none;
}

#column_what_is_it_text p.bold_black a:hover {
	text-decoration:		underline;
}

/** second column **/
#column_how_does_it_work {
	float:					left;
	width:					354px;
	margin-right:			19px;
}

#column_how_does_it_work_title {
	float:					left;
	width:					266px;
	margin-bottom:			9px;
}

#column_how_does_it_work_top, #column_how_does_it_work_bottom {
	float:					left;
	width:					266px;
}

#column_how_does_it_work_text {
	float:					left;
	width:					352px;
	height:					395px;
	line-height:			1.2em;
	background-image:		url('img/bg_column_how_does_it_work_text.gif');
	background-position:	top;
	background-repeat: 		repeat-x;
	border-right:			1px solid #CCCCCC;
	border-left:			1px solid #CCCCCC;
}

#column_how_does_it_work_text p {
	font-weight:			bold;
	color:					#000000;
	margin:					10px 15px 0 15px;
}

#column_how_does_it_work_text p a {
	color:					#3B5998;
	text-decoration:		none;
}

#column_how_does_it_work_text p a:hover {
	text-decoration:		underline;
}

#column_how_does_it_work_text p#exemple {
	margin-top:				18px;
	margin-bottom:			10px;
}

#column_how_does_it_work_text span#alinea {
	font-style:				italic;
	font-weight:			normal;
	margin-left:			40px;
}

#column_how_does_it_work_img {
	width:					352px;
}

/** third column **/
#column_quick_search_text {
	float:					left;
	width:					264px;
	height:					316px;
	line-height:			1.2em;
	background-image:		url('img/bg_column_quick_search_text.gif');
	background-position:	top;
	background-repeat: 		repeat-x;
	border-right:			1px solid #CCCCCC;
	border-left:			1px solid #CCCCCC;
}

#column_quick_search_text a {
	color:					#3B5998;
	text-decoration:		none;
}

#column_quick_search_text a:hover {
	text-decoration:		underline;
}

#column_quick_search_text_error {
	float:					left;
	display:				inline;
	width:					245px;
	height:					15px;	
	line-height:			1em;
	color:					#FF0000;
	margin-left:			11px;
}

#column_quick_search_text_intro {
	float:					left;
	display:				inline;
	width:					245px;
	line-height:			1.1em;
	margin:					0 0 3px 11px;
}

#column_quick_search_engine {
	float:					left;
	display:				inline;
	width:					252px;
	margin-left:			7px;
}

#column_quick_search_engine_top, #column_quick_search_engine_bottom {
	float:					left;
	width:					252px;
}

#column_quick_search_engine_text {
	float:					left;
	width:					250px;
	height:					187px;
	border-right:			1px solid #CCCCCC;
	border-left:			1px solid #CCCCCC;
	background-color:		#EDEBF6;
}

#column_quick_search_engine_text_title {
	float:					left;
	display:				inline;
	width:					210px;
	height:					30px;
	font-family:			"Arial";
	font-style:				italic;
	margin-left:			40px;
}

#column_quick_search_engine_text select {
	width:					226px;
	font-family:			"Arial";
	font-size:				12px;
	margin-left:			6px;
	text-decoration:		underline;
	border:					1px solid #CCCCCC;
}

#column_quick_search_engine_text select option {
	text-decoration:		underline;
	padding-left:			8px;
}

#column_quick_search_engine_zip {
	float:					left;
	display:				inline;
	width:					240px;	
	font-family:			"Arial";
	margin:					5px 0 0 10px;
}

#column_quick_search_engine_zip_inputs {
	float:					left;
	display:				inline;
	width:					241px;
	margin:					7px 0 0 10px;
}

#column_quick_search_engine_zip_inputs a {
	color:					#3B5998;
	text-decoration:		none;
	font-style:				italic;
}

#column_quick_search_engine_zip_inputs a:hover {
	text-decoration:		underline;
}

#column_quick_search_engine_zip_inputs #zip_area {
	float:					left;
	width:					70px;
	text-align:				right;
}

#column_quick_search_engine_zip_inputs #zip_area input {
	width:					53px;
	height:					18px;
	font-family:  			"Arial";
	color:					#777777;
	border:					1px solid #CCCCCC;
}

#column_quick_search_engine_zip_inputs #search_area {
	float:					left;
	width:					170px;
	text-align:				right;
}

#subscription_button {
	float:					left;
	width:					266px;
	margin-top:				16px;
}