body {
	font: 11px Verdana;
}
img {
	border:none;
}

.hide {
	display:none;
}
.error {
	background:#fff0f0 !important;
}
.ajax {
	text-decoration:none;
	border-bottom:1px dashed;
}
.ajax:hover {
	border-bottom:none;
}

#body {
	width: 895px;
	margin: auto;
}

ul, li {
	margin:0;
	padding:0;
	list-style:none;
}
.clearfix:after {
	clear:both;
	content:"";
	display:block;
	height:0;
	visibility:hidden;
}
.clearfix {
	zoom:1;
}
h1, h2, h3, h4, h5, h6 {
	font-weight:normal;
	margin:0;
	padding:0;
}
a {
	color:#039;
}
a:hover {
	text-decoration:none;
}



/*
 * HEADER
 */
	#header {
		position:relative;
		height:200px;
	}
		#logo {
			position:absolute;
			left: 17px;
			top:27px;
		}
			#logo img {
				 width: 119px;
				 height: 101px;
			}
			
		#header h1 {
			position:absolute;
			left: 250px;
			top:37px;
			
			width:292px;
			height:122px;
			background: url("../images/title.png") no-repeat left top;
			overflow:hidden;
			text-indent: -9999px;
		}
		#ao-phone {
			position:absolute;
			right: 35px;
			top:32px;
			
			width:123px;
			height:46px;
			
			background: url("../images/phone.png") no-repeat left top;
			overflow:hidden;
			text-indent: -9999px;
		}
		#header .info {
			position:absolute;
			right: 17px;
			top:89px;
			
			width:223px;			
		}

/*
 * CONTENT
 */
	#content {
		
	}
		#content h3 {
			margin:0 17px 34px;
			padding: 0 0 34px 0;
		}
		#tarifs {
			
		}
			#tarifs ul {
				background: url("../images/tarifs-bg.png") no-repeat left top;
				width:100%;
				height:352px;
			}
				#tarifs li {
					float:left;
					margin:26px 6px 0;
					background: url("../images/tarifs.png") no-repeat left top;
					
					overflow:hidden;
					text-indent: -9999px;
				}
				#tarifs ul .mbit1 {
					width:203px;
					height:304px;
					background-position: 0 -305px;
				}
					#tarifs ul .mbit1.active {
						background-position: 0 0;
					}
				#tarifs ul .mbit10 {
					width:203px;
					height:304px;
					background-position: -205px -305px;
				}
					#tarifs ul .mbit10.active {
						background-position: -205px 0;
					}
				#tarifs ul .mbit20 {
					width:203px;
					height:304px;
					background-position: -409px -305px;
				}
					#tarifs ul .mbit20.active {
						background-position: -409px 0;
					}
				#tarifs ul .mbit30 {
					width:226px;
					height:304px;
					background-position: -613px -305px;
				}
					#tarifs ul .mbit30.active {
						background-position: -613px 0;
					}
			#tarifs .info {
				width:658px;
				height:160px;
				margin: 17px 17px 0;
				float:right;
				position:relative;
				overflow:hidden;
			}
				#arrow-bar {
					width:100%;
					height:18px;
					position:relative;
					border-bottom: 2px solid #64aa13;
				}
					#arrow {
						width:26px;
						height:18px;
						
						position:absolute;
						bottom:-4px;
						left:75px;
						
						background: url("../images/arrow.png") no-repeat left top;
						
						overflow:hidden;
						text-indent: -9999px;
					}
				#tarifs .info .explanation {
					float:left;
					width:250px;
					margin:17px 0 0 17px;
				}
				#tarifs .info .mbit {
					position:absolute;
				} 
				#tarifs .info table {
					float:right;
					margin:14px 17px 0;
				}
					#tarifs .info table th, #tarifs .info table td {
						text-align:left;
						padding:3px 6px;
					}

		#join-to-us {
			width:100%;
		}
			#select-tarif {
				float:left;
				width:555px;
			}
				#select-tarif ul {
					
				}
					#select-tarif ul li {
						width:555px;
						height:32px;
						margin-bottom:17px;
						background: url("../images/input.png") no-repeat left top;
					}
						#select-tarif ul li div {
							height:32px;
							margin-left:17px;
							background: url("../images/input.png") no-repeat right top;
						}
					#select-tarif li select, #select-tarif li input {
						margin-top: 7px;
						width:520px;
						background:none;
						border:none;
					}
					#select-tarif ul li.min {
						width:280px;
					}
					#select-tarif ul li.min input {
						width:248px;
					}
				#select-tarif .submit {
					display:block;
					
					margin-top:34px;
					width:343px;
					height:48px;
					border:none;
					text-indent:1000px;
					position:relative;
					overflow:hidden;
					background: url("../images/submit-button.png") no-repeat left -48px;
				}
				#select-tarif .submit.disabled {
					background-position: left top;
				}
				#select-tarif .submit:active {
					background-position: left bottom;
				}
				#select-tarif .submit.disabled:active {
					background-position: left top;
				}
				
			#sidebar-info {
				float:right;
				width:300px;
			}
				#join-for-free {
					position:relative;
					overflow:hidden;
					
					margin-top:-26px;
					background: url("../images/join-for-free.png") no-repeat 17px top;
					padding: 90px 0 0 17px;
				}
				#sidebar-info .info {
					margin-top:34px;
					width:272px;
					height:175px;
					background: url("../images/info.png") no-repeat left top;
				}
					#sidebar-info .info p {
						margin: 24px 0 0 0;
						float:left;
						font-size:12px;
						padding:0 17px;
					}
/*					
 * FOOTER
 */

 	#footer {
 		margin-top:34px;
 	}
		#benefits {
			
		}
			#benefits li {
				font-size:12px;
				float:left;
				width:275px;
				margin-left:17px;
			}
				#benefits li h2 {
					color:#0059b3;
					font-size:12px;
					font-weight:bold;
					line-height: 18px;
					margin:0;
				}
				#benefits li p {
					font-style:italic;
					line-height: 18px;
					margin:0;
				}
		#spec-tarif {
			margin-top:34px;
			background:#f2f6ec;
			padding:17px 0;
		}
			#spec-tarif li {
				font-size:12px;
				float:left;
				width:275px;
				margin-left:17px;
			}
				#spec-tarif li strong {
					color:#0059b3;
					font-size:12px;
					font-weight:bold;
					line-height: 18px;
					margin:0;
				}
				#spec-tarif li p {
					line-height: 18px;
					margin:0;
				}
				#spec-tarif li small {
					font-size: 11px;
				}
		#more {
			margin-top:34px;
		}
			#more .explanation {
				width:560px;
				float:left;
				padding-left:17px;
			}
			#more .explanation small {
				display:block;
				font-style:italic;
				font-size:10px;
			}
			#more .info {
				float:right;
				width:310px;
				height:80px;
				background: url("../images/other-ways.png") no-repeat left top;
			}
				#more .info div {
					margin:17px;
					color:#fff;
				}
					#more .info div strong {
						font-weight:normal;
						font-size:13px;
					}
					
		#links {
			margin-top:34px;
			padding-bottom:34px;
		}
			#links li {
				width:275px;
				margin-left:17px;
				float:left;
			}
		
		#reduced {
			margin:17px;
			font-size:13px;			
		}
			#reduced .ajax {
				margin-left:10px;			
			}		

			
/* super tarif */

#tarifs .m-tabs {
	width:610px;
	height:34px;
	background:transparent;
}

#tarifs .m-tabs li.i-super, #tarifs .m-tabs li.i-nr {
	height:34px;
	margin:0;
	padding:0;
	background:transparent;
}

#tarifs .m-tabs li.i-super {
	width:260px;
}

#tarifs .m-tabs li.i-nr {
	width:350px;
}

#tarifs .m-tabs li.i-super a {
	background:url(../images/menu-super.png) 0 -34px no-repeat;
	display:block;
	width:260px;
	height:34px;
}

#tarifs .m-tabs li.i-super a.tab-active {
	background-position:0 0px;
}

#tarifs .m-tabs li.i-nr a {
	background:url(../images/menu-nr.png) 0 -34px no-repeat;
	display:block;
	width:350px;
	height:34px;
}

#tarifs .m-tabs li.i-nr a.tab-active {
	background-position:0 0px;
}

.nr-bg {
	background: url("../images/nr-bg.jpg") no-repeat left top;
	width:100%;
	height:352px;
}

#super-dopinfo {
	padding:0 17px;
}