/* Core formatting 
---------------------------------------- */
@media only screen and (max-width : 992px) {
	form>fieldset>div {
		width: 100%;
		display: inline-block;
	}
}

@media only screen and (min-width : 993px) {
	form>fieldset>div {
		width: 45%;
		padding-right: 2%;
		display: inline-block;
	}
}

form div label {
	width: 200px;
}

form div {
	vertical-align: top;
	margin-bottom: 10px;
}

form .middleColumn {
	width: 75%;
}

form .middleColumn input {
	width: 100%;
}

#payment .SelectionGroup .selector {
	width: 40px;
	margin: 0;
}

form .SelectionGroup label {
	margin-top: 6px;
}

form .middleColumn textarea{
	width: 100%;
}

form .middleColumn select {
	height: 30px;
	width: 100%;
}

form .action {
	width:100px;
	margin-right: 25%;
}

input.action:hover, input.action:focus {
	cursor: pointer;
	text-decoration: underline;
}

input.action {
	padding: 4px;
	font-size: 14px;
	background: #4D4D4D;
	border: none;
	color: #fff;
	float: right;
}

form input {
	height: 35px;
	width: 100%;
}

form div.textarea {
	width: 100%;
}

.url {
	display: none;
}


form.form {
	border-top: #EDEDED 5px solid;
	padding-top: 20px;
	margin-top: 0;	
}

input.action:hover,
input.action:focus {
	cursor: pointer;
	text-decoration: underline;
}

/* FIELD FORMATING
---------------------------------------- */
form ul {
	list-style: none;
}

#payment li {
	padding-bottom: 12px;
	list-style-type: none;
}

#payment #Form_details_Month_Holder label {
	width: 100px;
}

#payment li > label {
	width: 200px;
	font-weight: bold;
	font-size: 1.1em
}

#payment li label {
	vertical-align: top;
	clear:both;
	float:none;
	display: inline-block;
}

#payment li input {
	margin: 10px 13px;
}

#payment li .field input {
	margin: 0;
}

#payment .selectiongroup_item img {
	height: 30px;
	padding-right: 5px;
}
	
/* INPUT BOXES
---------------------------------------- */

input.text, textarea, select {
    color: #666666;
    font-size: 11px;
    border: 1px solid #EDEDED;
}


textarea {
    font-family: Verdana, Tahoma, sans-serif;
    border: 1px solid #EDEDED;
}
input:focus span, textarea:focus span {
    border: 1px solid #024E76;
}

/* LABELS
---------------------------------------- */
label {
	color: #4D4D4D;
	
}

option.featured {
    font-weight: bold;
}

/* ERRORS
---------------------------------------- */
.message {
	color:#EC1C24;
	background: url(../images/icon-warning.gif) no-repeat;
	padding-left: 30xp;
	height: 40px;
}

input.error,
select.error,
textarea.error,
ul.error,
form div.error input,
form div.error select,
form div.error textarea	{
		border: 1px solid #EC1C24 !important;
}

form div.error label {
	color: #EC1C24
}

label.error {
	display: none !important;
}

form .fields {
	zoom:1;
}


#payment .CC {
	width: 50px;
}

#payment .composite > .numeric {
	display: inline-block;
	width: auto;
	padding-top: 0;
}

#payment .composite > .numeric label {
	display: inline-block;
}

#payment .composite > .numeric > .middleColumn { 
	display: inline-block;
	width: 50px;
}

#payment .composite.expiry {
	width: 212px;
}

#payment #Form_details_CVV_Holder label {
	width: 100px;
	display: inline-block;
}

#payment #Form_details_CVV_Holder .middleColumn {
	display: inline-block;
}

#payment .composite > #Form_details_Year_Holder.numeric {
	padding-top: 0;
	float: right;
}


#payment .composite > #Form_details_Year_Holder.numeric label {
	display: none;
}

#Form_details_How_Other_Holder {
	display: none;
}

#Form_details_How_Holder {
	overflow: hidden;
}

/* Dietry styles */

b {
	display: block;
}

#Form_details_Position_Holder {
	display: block;
}

form .checkbox input[type=checkbox] {
	margin-left:0;
	width: 30px;
	height: 22px;
	padding: 0;
}

form .checkbox label.right {
	text-align: left;
	padding-left: 30px;
}

#Form_details {

}