/* Suggested order:
 * display
 * list-style
 * position
 * float
 * clear
 * width
 * height
 * margin
 * padding
 * border
 * background
 * color
 * font
 * text-decoration
 * text-align
 * vertical-align
 * white-space
 * other text
 * content
 *
 */

/* -----------------------------------------------
	Basic Form Style
----------------------------------------------- */

/* form wrap */
	.content h4.legend,
	.form-box {
		height: auto !important;
		height: 1px;
		margin: 0 0 -1px 0;
		border: 1px solid #cdcdcd;
	}

	.form-box {
		padding: 20px 0 20px 0;
		background: #fff;
	}

	.form-box-noBox {
		margin: 0 0 16px 0;
		padding: 0;
		border: 0;
		background: transparent;
	}
	
	/* 2 col layout */
	.form-box .col2-set {
		width: 100%;
	}

	.form-box .col2-set .col-1,
	.form-box .col2-set .col-2 {
		float: left;
		width: 50%;
	}

/* form list */
	.form-box ul.form-list {
		display: block;
		height: auto !important;
		height: 1px;
		margin: 0;
	}

/* form items */
	.form-box li.form-list-items {
		position: relative;
		display: block;
		clear: both;
		height: auto !important;
		height: 1px;
		margin: 0;
		padding: 0;
		background: transparent;
	}

/* form item */
	.form-box div.form-list-item {
		float: left;
		position: relative;
		min-height: 44px;
		height: auto !important;

		/* ie6 bug ? */
		height: 41px;
	}

		.form-box div.form-list-item-padding {
			padding: 0 32px 8px 18px !important;
			padding: 0 31px 8px 17px;
		}

			.form-box-noBox div.form-list-item-padding {
				padding: 0 0 8px 0 !important;
				padding: 0 0 8px 0;
			}
		
		.form-box ul.form-list-1col div.form-list-item {
			width: 100%;
		}

		.form-box ul.form-list-2col div.form-list-item {
			width: 50%;
		}

		.form-box div.form-list-item-button,
		.form-box div.form-list-item-button-right {
			margin-top: 15px;
			min-height: 0;
			height: auto !important;
			height: 1px;
		}

		.form-box div.form-list-item-button-right {
			float: right;
		}

		.form-box div.form-list-item-radio,
		.form-box div.form-list-item-checkbox {
			min-height: 1px;
			height: 1px;
		}

		.form-box div.form-list-item-content {
			height: auto !important;
			height: 1px;
			min-height: 0;
		}

			.form-box div.form-list-item-content div.form-list-item-padding {
				padding: 0 32px 0 18px !important;
				padding: 0 31px 0 17px;
			}

			.form-box div.form-list-item-content p,
			.form-box div.form-list-item-content ul,
			.form-box div.form-list-item-content ol,
			.form-box div.form-list-item-content dl,
			.form-box div.form-list-item-content table {
				margin-bottom: 16px;
			}



/* label */
	.form-box label {
		display: block;
		width: 98%;
		padding-bottom: 2px;
		/*white-space: nowrap;*/
	}

	.form-box span.required {
		color: #a80231;
	}

/* fields */
	.form-box input.input-text {
		width: 100%;
		height: 18px !important;
		height: 20px;
		padding: 0;
		border: 1px solid #cdcdcd;
		background: #fff;
	}

	.form-box textarea {
		width: 100%;
		border: 1px solid #cdcdcd;
		background: #fff;
	}


	.form-box select {
		width: 100% !important;
		width: 87%;
		height: 20px !important;
		height: 20px;
		border: 1px solid #cdcdcd;
		background: #fff;
	}

	.form-box select.multiselect,
	.form-box div.form-list-item-multiselect {
		height: auto !important;
	}

	.form-box div.form-list-item-radio input,
	.form-box div.form-list-item-checkbox input {
		clear: both;
		float: left;
		position: relative;
		bottom: -1px !important;
		bottom: 3px;
		left: 0 !important;
		left: -4px;
		margin-right: 10px !important;
		margin: 0;
		border: 0;
	}

	*:first-child+html .form-box div.form-list-item-radio input,
	*:first-child+html .form-box div.form-list-item-checkbox input {
		bottom: -1px !important;
	}

	.form-box div.form-list-item-radio label,
	.form-box div.form-list-item-checkbox label {
		display: inline;
	}

/* special fields */
	/* zip & city */
	/* date of birth */
	.form-box .form-list-item-dob .dob-fields div,
	.form-box .form-list-item-dob .dob-fields input,
	.form-box .form-list-item-dob .dob-fields label {
		float: left;
	}

		.form-box .form-list-item-dob .dob-fields input {
			width: 35px;
		}

		.form-box .form-list-item-dob .dob-fields label {
			width: auto !important;
			width: 1px;
			margin: 0 10px 0 5px;
		}

	/* price - searchform */
	.form-box .form-list-item-price input {
		width: 13%;
	}

	.form-box .form-list-item-price span,
	.form-box .form-list-item-price input {
		margin-right: 5px;
	}

	/* onepage checkout - expiration Date */
	.form-box .form-list-item-expireDate select {
		float: left;
		width: auto !important;
		width: 100px;
		margin-right: 5px;
	}

	/* qty-box */
	input.qty,
	.qty-box input.input-text {
		height: 20px !important;
		height: 24px;
		padding-top: 2px;
		border: 1px solid #cdcdcd;
		background: #fff;
		text-align: center;
	}

/* buttons */
	div.form-button,
	button.form-button {
		border-top: 1px solid #e8e8e8;
		border-right: 1px solid #d9d9d9;
		border-bottom: 1px solid #c9c9c9;
		border-left: 1px solid #d9d9d9;
		background: #fff url(../images/gradient1.gif) repeat-x 0 bottom;
	}

	div.form-button {
		padding: 3px 6px 2px 6px !important;
		padding: 3px 6px 2px 6px;
	}

	button.form-button {
		padding: 3px 6px 2px 6px !important;
		padding: 3px 0 2px 0;
		cursor: pointer;
	}

	/* normal */
		button.form-button-normal-hvr {
			border-top: 1px solid #910027;
			border-right: 1px solid #910027;
			border-bottom: 1px solid #910027;
			border-left: 1px solid #910027;
			color: #910027;
		}

		button.form-button-normal-hvr span {
			color: #910027;
		}

	/* basket */
		button.form-button-basket {
			display: block;
			float: left;
			width: 166px;
			height: 29px !important;
			height: 29px;
			margin-top: -5px;
			padding: 4px 0 0 6px !important;
			padding: 7px 0 0 6px;
			border: 0;
			background: #fff url(../images/button_basket_bg.gif) no-repeat 0 0;
			text-align: left;
		}

		button.form-button-basket-hvr {
			background-position: 0 -28px;
		}

		button.form-button-basket-hvr span {
			color: #910027;
		}

	/* icon */
		button.form-button-next {
			padding-right: 32px!important;
			padding-right: 32px;
			background: #fff url(../images/button_next.gif) no-repeat right 0;
		}

		button.form-button-next-hvr {
			background: #fff url(../images/button_next.gif) no-repeat right -22px;
		}

		button.form-button-previous {
			padding-left: 32px!important;
			padding-left: 32px;
			background: #fff url(../images/button_previous.gif) no-repeat left 0;
		}

		button.form-button-previous-hvr {
			background: #fff url(../images/button_previous.gif) no-repeat left -22px;
		}

	/* red */
		button.form-button-red {
			width: 172px;
			height: 31px;
			margin: 12px 0 14px 0;
			padding: 0;
			border: 0;
			text-align: center;
			background: #a80231 url(../images/button_red_bg.gif) repeat-x 0 0;
		}

			.form-list button.form-button-red {
				margin: 0;
			}
		
		button.form-button-red-hvr {
			background: #a80231 url(../images/button_red_bg.gif) repeat-x 0 -31px;
		}

		button.form-button-red span {
			color: #fff;
			font-weight: bold;
		}

	/* disabled */
		.teaserList-product div.form-button-disabled {
			width: 113px !important;
			width: 127px;
		}

		div.form-button-disabled span {
			color: #cdcdcd;
		}

/* error */
	.form-box .validation-advice {
		color: #a80231;
		font-size: 10px;
	}

	.form-box .validation-failed,
	.form-box input.validation-failed {
		border-color: #a80231;
	}

/* -----------------------------------------------
	form-box-noOuterStyle
	* for wraps without outer padding, border, background
----------------------------------------------- */

	.form-box-noOuterStyle {
		height: auto !important;
		height: 1px;
		margin: 0;
		padding: 0;
		border: 0;
		background: transparent;
	}

	.form-box-noOuterStyle div.form-list-item {
		width: 100%;
	}

	.form-box-noOuterStyle div.form-list-item-padding {
		padding: 0 !important;
		padding: 0;
	}

/* -----------------------------------------------
	left-col
----------------------------------------------- */

	#leftContent .form-box .form-list-item {
		width: 182px;
	}

	#leftContent .form-box div.form-list-item-padding {
		padding-right: 20px !important;
		padding-right: 19px;
	}

	#leftContent input.input-text {
		width: 146px !important;
		width: 146px !important;
	}