@charset "utf-8";
/* CSS Document */

#mod_login {
	width: 560px;
	margin: 10px;
	float: left;
	border-right: solid 1px #CCCCCC
}
	#mod_login input { width: 250px}
	#mod_login input.button { width: 262px }
	
	#mod_login form label {
		width: 200px;
		padding: 7px 0 0 0;
		display: block;
		float: left;
	}
	
	#mod_login form div.left {
		margin-bottom: 5px;
	}
#mod_registration {
	width: 565px;
	margin: 10px;
	float: left
}

#mod_cart_2 {
}
	#mod_cart_2 .button {
		width: 200px;
	}
	#mod_cart_2 .button_left {
		float: left;
		
	}
	#mod_cart_2 .button_right {
		float: right;
	}
	
	#mod_cart #users,
	#mod_cart #fa {
		margin: 15px 0 0 0;
	}	
	
	#mod_cart_2 table.form {
		margin: 10px
	}	
		#mod_cart_2 table.form td {
			padding: 3px 0 3px 0
		}
		
		#mod_cart_2 table.form input,
		#mod_cart_2 table.form textarea {
			width: 500px;
		}
		#mod_cart_2 table.form select {
			width: 512px;
		}
		
@media only screen and (max-width: 767px){ 
	#mod_registration,
	#mod_login {
		width: 100%;
		border-right: none;
		float: none
	}
	#mod_cart_2 form label,
	#mod_login form label {
		width: 100%;
		float: none
	}
	#mod_cart_2 table.form td {
		width: 100%;
		display: block
	}
	#mod_login input { width: 100% }
	#mod_login input.button { width: 90% }
	
	#mod_cart_2 table.form input,
	#mod_cart_2 table.form textarea,
	#mod_cart_2 table.form select {
		width: 90%
	}
	#mod_cart_2 .button_left,
	#mod_cart_2 .button_right {
		float: none;
		width: 100%;
		margin-bottom: 10px
		
	}
}