/* --------------------------------------------------------------

   forms.css
   * Defines the default requirements for elements.
   * Adds class names for further styling.
   * form positioning can also be assigned here! left right and inline.

   Usage:
   * For text fields, use class .title or .text
   * For inline forms, use .inline (even when using columns).
   * use class names for ie6 compatibility instead of typeOf.

	-------------------------------------------------------------- */

	/* -----------------------------------*/
	/* ------##  FORMS LAYOUT  ##---------*/
	/* -----------------------------------*/
	
		.formbox {
		
		}
		
		.inline {
			float:left;
		}
		
		.form-row {
			margin-bottom:10px;
		}
		
		.formbox .form-row {
			margin-bottom:10px;
		}
		
		.formbox .form-label {
		
		}		
		
		.formbox .form-field {
		
		}	


	/* -----------------------------------*/
	/* --------##  FORMS  ##--------------*/
	/* -----------------------------------*/
	
		form.inline { line-height:3; }

		.form-item, .form-item-inline {
			margin-bottom:10px;
		}		
		.form-item {
			float:left;
			clear:both;
		}		
		.form-item-inline {
			float:left;
			clear:none;
			margin-right:10px;
		}		
		#form-name {
		
		}				
		fieldset {
		/*	padding:10px;
			margin-bottom:10px; */
		}		
		legend {
			display:none;
		}		
		label {
			margin-bottom:10px;
			display: block;
			float:left;
			
		}		
		label.inline {
			display:inline;
		}		
		
		/* Label/ element alignment divs */
		div.form-label {
		
		}		
		div.form-ele {
		
		}
		div.form-row {
			float:left;
			clear:both;
		}		
		
	/* Form Elements */
	
	/* ** HIDE FIELDSETS AND LEGEND!  ** */
	
		#search-form legend, #search-form label,
		#feedback-form legend {
			display:none;
		}
	
	/* Generic styles */
		
		input[type=text], input[type=password] {
			width:242px;
			height:17px;
			padding:2px;
			border:none;
		}
		/* ie6 */
		.text-field {
			width:242px;
			height:17px;
			padding:2px;
			border:none;
		}
		select {
			height:22px;
		}		
		input[type=text], input[type=password],
		textarea {
		/*
			background-color:#fff;
			border:1px solid #bbb;
		*/
		}
		input[type=text]:focus, input[type=password]:focus,
		textarea:focus {
		/*	border-color:#666;	*/
		}
		input[type="text"] {

		}		
		input[type="password"] {
		
		}
		input[type="checkbox"] {

		}
		input[type="file"] {
		
		}			
		/*
		input[type="hidden"] {
		
		}*/
		input[type="radio"] {
		
		}		
		input[type="reset"] {
		
		}		
		input[type="image"] {
		
		}		
		input[type="button"] {
		
		}		
		input[type="submit"] {
			height:22px;
			padding:0 5px;
			border:none;
			cursor:pointer;
		}		
		input[type="text"] {
		
		}		
		select {/*
			background-color:#fff;
			border:1px solid #bbb;
		*/
		}		 
		option {

		}		
		textarea {
			
		}		
		.error {
		
		}		
		.succ {
		
		}		
		.info {
		
		}		
		
		/* OVERRIDES */	
		
		
		/* SHOP SELECTORS */
		
			.button {
				border:none;
				padding:5px !important;
				width:auto !important;
				cursor:pointer;
				display:inline-block;
			}
			
			.button-small {
				color: #333333;
				padding: 5px 10px;
				border:none;
			}
		
		/* Product Detail details form */
					
			#product-detail #detail .form-row .form-label,
			#login-main .form-row .form-label {
				float:left;
			}
			#login-main .form-row .form-label {
				padding: 3px 10px 3px 0;
			}			
			.form-row, 
			.form-box {
				width:400px;
			}			
			.form-field {
				float: right;
				width: 230px;
			}			
			.formbox.sort .form-field {
				width:auto;
			}			
			#product-detail #detail input,
			#product-detail #detail select {
				width:125px;				
				padding: 2px;
			}			
			#product-detail #detail select {
				width:130px;
			}			
			span.alert-form-field {
				float:left;
			}			
            span.field-error {
                color: red;
                padding-top: 3px;
                display: block;
            }
            span.field-text {
                padding-top: 5px;
                display: block;
            }
			
		/* END SHOP SELECTORS */