/* 
	FORMS
*/
form {
	margin:10px 0 5px;
	/* width:249px; */
}
form fieldset,
form .group {
	position:relative;
	clear:left;
	border:none;
	z-index:5;
}
form fieldset.select-group {
	z-index:10;
}
.signup .content form p {
	margin:0px 0 23px;
    padding-bottom: 0;
    width:249px;
    font-size:9px;
    line-height:12px;
}
label, input, textarea {
	display:block;
	outline:none;
}
input.text-input,
select,
textarea {
	position:relative;
	display:inline;
	float:left;
	clear:left;
	margin-bottom:12px;
	padding:3px 10px 0;
	width:227px;
	height:24px;
	font-size:13px;
	line-height:17px;
	font-family:"Helvetica Neue", "Century Gothic", "Helvetica", "Arial", sans-serif;
	border-radius:4px;
	border:1px solid #dedede;
	box-shadow:0px 0px 0px #8bcdce, inset 0px 1px 1px #d9d9d9;
	color:#484848;
	transition: border-color 0.4s, box-shadow 0.4s, background-color 0.4s;
	-moz-transition: border-color 0.4s, box-shadow 0.4s, background-color 0.4s; /* Firefox 4 */
	-webkit-transition: border-color 0.4s, box-shadow 0.4s, background-color 0.4s; /* Safari and Chrome */
	-o-transition: border-color 0.4s, box-shadow 0.4s, background-color 0.4s; /* Opera */
	background-color:#f3f3f3;
}
select {
	display:block;
    padding-top:4px;
    padding-bottom:5px;
	width:246px;
	height:30px;
	cursor:pointer;
}
select option {
	padding:4px 10px 3px;
	border-top:none;
	border-right:1px solid #dedede;
	border-bottom:1px solid #dedede;
	border-left:1px solid #dedede;
	outline:none;
}
textarea {
    padding: 6px 2px 6px 10px;
    width:235px;
    height:100px;
    overflow:auto;
    resize:none;
}
input.select-box-replacement {
	background-image:url('/images/forms/select-drop-arrow.png');
	background-repeat:no-repeat;
	background-position:right 12px;
	background-color:#f33f3;
	cursor:pointer;
}
.select-wrap .drop-down ul {
	position:relative;
	list-style:none;
	padding:4px 5px;
	height:211px;
	overflow:auto;
	background:#f3f3f3;
	z-index:400;
}
.select-wrap .drop-down ul li {
	padding:5px 5px 3px;
	border-bottom:1px solid #dedede;
}
.select-wrap .drop-down ul li:hover {
	background:#fff;
	cursor:pointer;
}
select:hover,
select option:hover {
	background-color:#fff;
}
	
input.short-text-input {
	width:98px;
}
input.text-input:focus,
textarea.textarea:focus {
	border-color:#8bcdce;
	box-shadow:0px 0px 3px #8bcdce, inset 0px 1px 1px #d9d9d9;
	background-color:#fff;
}
input.submit-input {
	clear:both;
	margin-top:23px;
	width:231px;
	height:30px;
	font-size:13px;
	line-height:30px;
	font-family:"Helvetica Neue", "Century Gothic", "Helvetica", "Arial", sans-serif;
	font-weight:bold;
	border:none;
	text-transform:uppercase;
	letter-spacing:1px;
	cursor:pointer;
	color:#fff;
	background:url('/images/signup/button.gif') no-repeat left top;
}
input.submit-input:hover,
input.submit-input:focus {
	background-position:left bottom;
}
input.error,
input.error:focus,
textarea.error,
textarea.error:focus,
div.errors input,
div.errors fieldset {
	border-color:#ff0556;
	box-shadow:none;
}
input.its-valid,
input.text-input:hover,
textarea.its-valid,
textarea:hover{
	background-color:#fff;
}
.errors li {
    list-style:none;
	margin-bottom:8px;
	font-size:12px;
	line-height:14px;
	font-style:normal;
	text-align:left;
	color:#ff0556;
}
span.error,
em.error {
	position:relative;
	display:block;
	margin-bottom:8px;
	font-size:12px;
	line-height:14px;
	font-style:normal;
	text-align:left;
	color:#ff0556;
}
div.unselectable {
	position:relative;
	visibility:hidden;
	height:0px;
	overflow:hidden;
}
div.unselectable span {
	position:absolute;
	top:-1px;
	right:-15px;
	font-size:30px;
	line-height:27px;
}
div.dimmed {
	height:14px;
	font-size:13px;
	line-height:14px;
	overflow:visible;
	visibility:visible;
	transition: color 0.4s;
	-moz-transition: color 0.4s; /* Firefox 4 */
	-webkit-transition: color 0.4s; /* Safari and Chrome */
	-o-transition: color 0.4s; /* Opera */
	color:#666;
}
div.lighten {
	color:#dedede;
}
fieldset.paired-group input {
	width:98px;
}
fieldset.paired-group select {
	width:120px;
}
fieldset.paired-group .column {
	float:left;
	margin-right:12px;
    width:117px;
}
.check-box-group {
	margin-top:20px;
	padding-bottom:4px;
	width:247px;	
}
.check-box-group label {
	float:right;
	margin-top:1px;
    margin-right:7px;
	font-size:11px;
	color:#999;
}
input.checkbox-input {
	float:left;
	margin:2px 7px 0 0;
}
.radio-group {
	margin:12px 0;
}
.radio-group label {
	/* display:inline;*/ 
	float:left;
}
label {
	text-align:left;
	color:#484848;
}
input.radio-input { 
	float:left;
	clear:left;
	margin:2px 7px 6px 0;
}
form p {
	font-size:11px;
	line-height:16px;
}
form p.key {
	margin-top:3px;
	padding-right:18px;
	width:231px;
	font-size:12px;
	line-height:16px;
	text-align:center;
	color:#999;
}
form a {
	color:#666;
	text-decoration:none;
}
form a:hover {
	color:#C444C1;
	text-decoration:none;
}
a.forgot-password {
	float:right;
	margin-top:1px;
	font-size:11px;
}

.check-box-group:after,
.radio-group:after,
.select-wrap:after {
	content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
a.tool-tip-icon {
	display:block;
	float:left;
	margin:8px 5px 0;
	width:14px;
	height:14px;
	text-indent:-9999em;
	background:url('/images/checkout/tool-tip-icon.gif') no-repeat left top;
}
a.tool-tip-icon:hover {
	background-position:left bottom;
}
img.tool-tip-image {
	position:absolute;
    z-index:40;
}
img#payment-security-code-image {
	margin-left:-1px;
}
form p.notice,
form p.pre-filled {
	float:left;
	margin:6px 0 6px;
	font-size:14px;
	line-height:20px;
}
form p.pre-filled {
	margin:6px 6px 0 0;
}
form fieldset.pre-filled,
form div.pre-filled fieldset {
	clear:none;	
}

/* 
	FORM HEADINGS - FORMS
*/
form hgroup {
	margin-bottom:17px;
}
form section {
	margin-bottom:30px;
}

form section:after {
	content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
form section.submit-form {
    position:relative;
	margin:49px 0 0;
	padding:19px 0 0;
	text-align:center;
	background:url('/images/general/h-border.gif') repeat-x 0px 0px;
}
form section.submit-form .loading { 
    position:relative;
    top:50%;
    left:50%;
    margin-top:-2px;
    margin-left:127px;
}
form section.submit-form input.submit-input,
form section.submit-form p.key {
	margin:0 auto 2px;
}
form section.submit-form p.key {}
div.select-wrap {
	position:relative;	
}
div.select-wrap .drop-down {
	position:absolute;
	bottom:-207px;
	left:0px;
	display:none;
	z-index:200;
}
div.error .drop-down {
	/* top:51px; */
}
input.black-submit-input,
.save-overlay {
	display:block; 
	clear:both;
	margin:20px 0 0;
	padding-top:0px;
	width:143px;
	height:23px;
	font-size:12px;
	line-height:14px;
	font-family:"Helvetica Neue", "Century Gothic", "Helvetica", "Arial", sans-serif;
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
	letter-spacing:1px;
	color:#fff;
	background:#000;
}
.save-overlay {
    margin:20px auto 0;
	line-height:23px;
}
input.black-submit-input:hover,
.save-overlay:hover {
    background:#C444C1;
}
form section.submit-form-left {
    text-align:left;
    margin-top:10px;
    background:none;
}
form section.submit-form-left input.submit-input {
    float:left;
    margin-right:6px;
}
form section.submit-form-left span {
    float: left;
    font-size:12px;
    margin-top: 8px;
}

/*
    # SIGNIN
*/
form#form-sign-in .check-box-group label {
    float:left;
}
.signup form .submit-section {
    position:relative;
}
.signup form .submit-section .loading {
    position:absolute;
    top:6px;
    left:244px;
}
form img.loading { 
    position:absolute;
    top:300px;
    left:50%;
    margin-top:-20px;
    margin-left:-20px;
    width:40px;
    height:40px;
    z-index:800;
}
form#change-profile-picture img.loading, form#change-cover-image img.loading {
    position:absolute;
    top:50%;
    left:50%;
    margin-top:-20px;
    margin-left:-20px;
    width:40px;
    height:40px;
    z-index:1200;
}

/* - Photo uploads - */
#thumbnail-holder span.loading {
    margin-top:-10px;
    margin-left:-10px;
}
form section.submit-form .loading {
    position:absolute;
}
/* - Posting Comments - */  
#post-comments form#user-comment section.submit-form-left .loading,
#product-reviews section.submit-form-left .loading {
    position: absolute;
    top:22px;
    left:154px;
    margin-top:-2px;
    margin-left:0;
}
/* - CHECKOUT Steps - */
#checkout-steps .step .submit-section {
    position:relative;
}
#checkout-steps .step .submit-section .loading {
    position: absolute;
    left: 240px;
    top: 4px;
}

.sign-up .submit-input {
	margin:0 auto;
}
.sign-up a.facebook-signin {
	margin:0 auto;
}

form div.checkbox-group span.loading {
	float: left;
	margin: -3px 3px -2px -4px;
}

