@media screen {
form {
	font: 14px/1.75 "Open Sans", Helvetica, Arial, sans-serif;
}

	form h3 + fieldset {
		margin-top: 10px;
	}

	form fieldset {
		padding: 20px 16px 6px;
		background-color: #eee;
		border: 1px solid #dedede;
		margin-bottom: 10px;
		border-radius: 2px;
	}

	form label {
		font-size: 0.9em;
		text-transform: uppercase;
		text-align: right;
		float: left;
		width: 150px;
		clear: both;
		margin: 2px 10px 0 0;
		padding: 6px 0 4px;
	}

		form label small {
			float: none;
			text-align: left;
			margin-bottom: 0;
			display: inline;
		}

		form label.error {
			background-color: #990000;
			display: block;
			width: 264px;
			float: right;
			text-align: center;
			text-transform: none;
			margin: -10px 0 5px 0;
			color: #fff;
			border-radius: 0 0 5px 5px;
			position: relative;
			top: -1px;
			left: -2px;
		}

		form input.error {
			border: 2px solid #990000;
		}

	form input, form select, form textarea {
		display: block;
		float: left;
		width: 250px;
		border: 1px solid #dedede;
		border-radius: 2px;
		padding: 5px;
		margin-bottom: 10px;
	}

		form select option {
			width: 225px;
		}

		form input.short {
			width: 50px;
		}

		form input[type=hidden] {
			display: none;
		}

		form input[readonly=readonly],
		form input[disabled] {
			background-color: #ddd;
			cursor: default;
		}

		form input[type=submit] {
			display: block;
			width: 150px;
			float: right;
			width: inherit;
			cursor: pointer;
			border: 2px solid #aaa;
			background-color: #ccc;
			color: #333;
			padding: 6px 10px 4px;
		}

			form input[type=submit]:hover {
				background-color: #bbb;
				border-color: #888;
			}

	form textarea {
		height: 80px;
	}

	form span {
		color: #990000;
		margin-left: 3px;
	}

	form select {
		text-align: left;
		width: auto;
	}

		form label.state {}
		form select.state  {float: left; clear: none; width: 50px; margin: 0 20px 0 4px; font-size: 11px;}
		form select.state option {width: 50px;}
		form label.zip {clear: none; width: 110px; margin: 0 3px 0 0;}
		form input.zip {clear: none; width: 50px; font-size: 11px; text-align: center;}

	form small {
		float: left;
		font-size: 8px;
		text-transform: uppercase;
		color: #666;
		text-align: left;
		margin: 0 0 5px 5px;
		display: inline;
	}

		form small.message {
			clear: both;
			display: block;
			padding: 5px 10px;
			text-align: right;
			float: right;
			background-color: #ddd;
			margin: -10px 4px 10px 1px;
		}

	form div.radioset, form div.checkboxset {
		background-color: #dadada;
		padding: 5px;
		float: left;
		width: 250px;
		display: block;
		margin-bottom: 1em;
		border-radius: 4px;
	}

		form div.radioset input {
			float: left;
			width: auto;
			margin-right: 0.5em;
			clear: left;
			position: relative;
			top: 3px;
		}

		form div.radioset label {
			text-transform: none;
			float: left;
			text-align: left;
			clear: none;
			display: inline;
			margin-bottom: 0.2em;
		}

		form div.checkboxset input {
			width: 16px;
			float: left;
			margin-bottom: 0.5em;
			clear: left;
			position: relative;
			top: 3px;
		}

		form div.checkboxset label {
			text-transform: none;
			margin-bottom: 0.5em;
			text-align: left;
			width: 80%;
			float: left;
			clear: none;
		}

	form select[name=cc_expiry_month],
	form select[name=cc_expiry_year] {
		width: 20%;
	}

	div.important {
		height: 1.65em;
		clear: left;
		padding: 1px 5px 1px 0;
		background-color: #990000;
		color: #fff;
	}

	div.captcha {
		margin: -7px 0 0 5px;
		float: left;
		margin-bottom: 10px;
	}

		input.captcha {
			width: 118px;
			font: 17px Georgia, "Times New Roman", Times, serif;
			font-weight: bold;
		}

		#BB_BuyButtonForm {margin-bottom: 20px;}

		select#country {width: 260px;}

		p.form-message {
			background-color: #eee;
			padding: 10px;
			line-height: 20px;
			border: 1px solid #ddd;
			border-radius: 2px;
			margin: 5px 0 15px;
		}

			span.ref {
				float: right;
			}

		p.input-message {
			width: 300px;
			float: left;
		}

	.form-submit-options {
		padding-top: 8px;
		font-size: 12px;
		float: left;
	}

	#plan-list {
		width: 420px;
		padding: 15px 0 10px 15px;
	}

		#plan-list label {
			width: 90%;
			position: relative;
			top: -4px;
			line-height: 18px;
			font-size: 14px;
		}

	form.subscribe {
		text-align: center;
		float: none;
		margin: 20px auto;
		padding: 20px 20px 10px;
		background: #eee;
		width: 430px;
		display: block;
	}

		form.subscribe h3 {
			margin-bottom: 10px;
		}

		form.subscribe select {
			float: none;
			width: 320px;
			margin: 0 auto 20px;
			font-size: 16px;
		}

		form.subscribe option {
			width: 310px;
		}

		form.subscribe input[type=image] {
			width: 171px;
			margin: 0 auto;
			float: none;
		}

@media only screen and (max-width: 700px) {
form input, form select, form textarea {width: 95%;}
form label {width: 95%; text-align: left;}
}

} /* end @media screen */