/*
	$Id: form.css, v 1.0 2010-02-16 9:02:52 AM rgerber Exp $
	Copyright (c) 2010 Raphael Gerber, raphael.gerber@gmail.com
	All rights reserved.

	File:          form.css
	Author:        Raphael Gerber (rgerber)
	Description:   Form Stylesheet

	History:
		v 1.0 2010-02-04 rgerber Created


	Table of Contents:
		- Form
			- Fieldset
			- Input Elements
			- Required Marker
			- Hint & Error
			- Horizontal
			- Vertical
			- Age Verification
		- Buttons
*/


/* --------------------------------------------------------------------- */
/* Form */
/* --------------------------------------------------------------------- */
form {
  margin: 0;
  overflow: hidden;
  padding: 0;
}



/* Fieldset */
fieldset {
	border-top: 2px solid #cdcdcd;
	margin: 0; /* 0 */
	padding: 0.667em; /* 8px */
	position: relative;
}

fieldset.hidden {
	border: 0;
	padding: 0;
}

fieldset.hidden legend {
	display: none;
}

legend {
	border: 0;
	font-weight: bold;
	padding: 0.167em 0.667em; /* 2px 8px */
}


/* Input Elements */
input:not([type=radio]),
textarea,
select {
	background-color: #fff;
	border-top: 1px solid #d9d9d9;
	border-right: 1px solid #d9d9d9;
	border-bottom: 1px solid #666;
	border-left: 1px solid #d9d9d9;
	color: #707173;
	font: 1em Arial, Helvetica, sans-serif;
	vertical-align: middle;
}

input.error,
textarea.error,
select.error {
	background-color: #fbe3e4;
}

input.disabled,
textarea.disabled,
select.disabled {
	background-color: #f3f3f3;
	border: 1px solid #d9d9d9;
}

input.quantity {
	text-align: right;
	width: 3em; /* 36px */
}

.caption-options select {
	border: 1px solid #d9d9d9;
	font-size: 0.917em !important;
	margin-top: 1px !important;
}

fieldset div.field,
fieldset div.radiobox {
	margin: 0 0 0.833em 0; /* 0 0 10px 0 */
}

fieldset div.radiobox input {
	background: 0;
	border: 0;
}

fieldset div.radiobox input {
	margin: 0;
	padding: 0;
	width: 15px;
}

fieldset hr {
	margin: 1em 0; /* 12px 0 */
}

fieldset ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

fieldset ul.bullets,
fieldset ul.bullets li {
	list-style-type: square;
	margin: 0 0 0 1em; /* 12px */
	padding: 0;
}

fieldset ul li input {
	margin: 0 0.333em; /* 0 4px */
}

fieldset ul li label {
	display: block;
	padding: 0.167em 0; /* 2px 0 */
}



/* Required Marker */
em.required,
fieldset div.field em.required,
fieldset div.radiobox em.required {
	color: #a4333a;
	font-size: 1.333em; /* 16px */
	font-weight: bold;
	vertical-align: middle;
}

fieldset div.radiobox em.required,
fieldset.vertical div.field em.required,
fieldset.vertical div.radiobox em.required {
	margin-left: 0.417em; /* 5px */
}



/* Hint & Error */
fieldset div.field em.hint,
fieldset div.radiobox em.hint {
	color: #999;
	font-size: 0.833em; /* 10px */
}

fieldset div.field em.error,
fieldset div.radiobox em.error {
	color: #a4333a;
	font-size: 0.833em; /* 10px */
}

label.error {
	color: #8a1f11;
	font-style: italic;
	margin-bottom: 1em; /* 12px */
}



/* Horizontal */
fieldset div.field label {
	float: left;
	line-height: 1.5em; /* 18px */
	margin-right: 3%;
	text-align: right;
	width: 32%;
}

fieldset div.field input,
fieldset div.field textarea {
	width: 60%;
}

fieldset div.field select {
	width: 61%;
}

fieldset div.buttons {
	margin: 20px 0 0 35%;
}

fieldset div.check-all,
fieldset div.field p {
	margin-left: 35%;
}

fieldset div.hint-label,
fieldset div.radiobox-label {
	float: left;
	line-height: 1.5em; /* 18px */
	margin-right: 3%;
	text-align: right;
	width: 32%;
}

fieldset div.hint-input,
fieldset div.radiobox-input {
	line-height: 1.5em; /* 18px */
	margin-left: 35%;
	margin-top: 0;
}

fieldset div.hint-input em {
	color: #999;
	font-size: 0.833em; /* 10px */
}

fieldset div.radiobox-input label {
	margin-right: 1.333em; /* 16px */
	width: auto;
}

fieldset div.radiobox-input input {
	width: auto;
}



/* Vertical */
fieldset.vertical div.field label {
	clear: both;
	float: left;
	line-height: 1.333em; /* 16px */
	text-align: left;
	width: 98%;
}

fieldset.vertical div.field input,
fieldset.vertical div.field textarea {
	width: 98%;
}

fieldset.vertical div.field select {
	width: 99%;
}

fieldset.vertical div.field input.checkbox,
fieldset.vertical div.field input.radio {
	width: 10px;
}

fieldset.vertical div.buttons,
fieldset.vertical div.check-all,
fieldset.vertical div.field p {
	margin-left: 0;
}

fieldset.vertical div.hint-label,
fieldset.vertical div.radiobox-label {
	clear: both;
	float: left;
	text-align: left;
	width: 98%;
}

fieldset.vertical div.hint-input,
fieldset.vertical div.radiobox-input {
	margin-top: 0;
	margin-left: 0;
}



/* Age Verification */
fieldset.age-verification div.id-pass,
fieldset.age-verification div.input-box {
	background: #e2e1e1;
	line-height: 1.25em; /* 15px */
	margin-top: 0.833em; /* 10px */
	padding: 0.667em; /* 8px */
}

fieldset.age-verification div.id-pass,
fieldset.age-verification div.id-pass input {
	font-family: monospace !important;
	font-size: 1.25em; /* 14px */
	line-height: 1.833em; /* 22px */
}


/* use filter - link */
.useFilter {
	margin-top: 0.666em;
	width:		100%;
	text-align:	right;
}

.useFilter img {
	margin-right: 0.5em;
}
/*input[type=text]:focus*/
input[type=text]:focus, input[type=password]:focus, input[type=birthday]:focus, textarea:focus {
	outline: 2px solid #0464b2;
}

/* --------------------------------------------------------------------- */
/* Buttons */
/* --------------------------------------------------------------------- */
div.buttons button,
a.btn,
a.btn-right,
button.btn-right,
a.btn-cart,
a.btn-wishlist {
	/*background: #bec2c7 url('../../nas/img/template/bg_button.png') top left repeat-x !important;*/
	background-color: rgb(245, 245, 245);
	border: 1px solid #bebebe;
	color: #555555; /*#464548;*/
	cursor: pointer;
	display: block;
	float: left;
	font-size: 1em;
	font-weight: bold;
	line-height: 1.5em; /* 18px */
	margin-right: 0.833em; /* 10px */
	padding: 0.167em 0.667em 0.083em 0.667em; /* 2px 8px 1px 8px */
	text-decoration: none;
	/*text-shadow: 1px 1px 1px #eee;*/
	/*text-transform: uppercase;*/
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	/*box-shadow: 0px 1px 0px #c1c2c3;
	-moz-box-shadow: 0px 1px 0px #c1c2c3;
	-webkit-box-shadow: 0px 1px 0px #c1c2c3;*/
}

a.btn,
a.btn-right,
a.btn-cart,
a.btn-wishlist {
	height: 1.417em; /* 17px */
	padding: 0.25em 0.667em; /* 3px 8px */
}

div.buttons {
	line-height: 2em; /* 18px */
}

div.buttons button {
	font-family: Arial, Helvetica, sans-serif;
	overflow: visible;
	padding: 0.167em 0.667em; /* 2px 8px IE6 */
	width: auto;
}

div.buttons button[type] {
	line-height: 17px; /* Safari */
	padding: 0.25em 0.667em; /* 3px 8px Firefox */
}

*:first-child+html button[type] {
	padding: 0.167em 0.667em; /* 2px 8px IE7 */
}

a.btn-right,
button.btn-right,
a.btn-cart,
a.btn-wishlist {
	float: right !important;
	margin: 0 0 0 0.833em !important; /* 10px */
}

div.buttons button img,
div.buttons a.btn img {
	border: 0;
	height: 1.333em; /* 16px */
	margin: 0 3px -3px 0 !important;
	padding: 0;
	vertical-align: baseline;
	width: 1.333em; /* 16px */
}

a.btn-cart {
	color: #fff;
	height: 1.833em; /* 22px */
	background: repeat-x left top rgb(247, 190, 46) !important;
    text-shadow: 0.05em 0.05em 0.05em #333;
    font-size: 1.2em;
}

a.btn-cart.btn-right {
	height: 1.417em;
}

a.btn-wishlist {
	height: 1.6em;
	margin-top: 0em !important;
	/*background: rgb(71, 96, 165) top left repeat-x !important;*/
	/*color: #fff;*/
	font-size: 0.9em;

	background-color: rgb(245, 245, 245);
	/*border: 1px solid #bebebe;*/
	color: #555555; /*#464548;*/
}

a.btn-cart img,
a.btn-wishlist img {
	margin-right: 4px;
}

a.btn-cart img {
	width: 2.5em;
}

button.link {
	background: none;
	border: 0;
	color: #0464b2;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: normal;
	line-height: 1em;
}

button.put-in-cart {
	background-color: rgb(247, 190, 46);
	border: 1px solid #bebebe;
	color: #fff;
	cursor: pointer;
	display: block;
	float: right !important;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	height: 2.5em; /* 36px */
	line-height: 2em; /* 18px */
	margin: 0 0 0 0.833em !important; /* 10px */
	padding: 0 0.667em; /* 3px 8px */
	text-decoration: none;
	text-shadow: 0.05em 0.05em 0.05em #333;
	width: auto;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

button.put-in-cart img {
	border: 0;
	margin: -2px 4px 0 0 !important;
	padding: 0;
	width: 2.5em;
}

button.put-in-cart[disabled=disabled],
button.put-in-cart:disabled {
	cursor: not-allowed;
	filter: alpha(opacity=30);
	opacity: .30;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; /*--IE 8 Transparency--*/
}

/* Helpful */
a.helpful{
	color: white;
	background-color: green;
	border-color: green;
}
a.notHelpful{
	color: white;
	background-color: red;
	border-color: red;
}