

form.css-validation-form [type=text],
form.css-validation-form [type=password],
form.css-validation-form textarea 
{
	background-color: #ffffff;
	border: 1px solid #cccccc;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-webkit-transition: height 1s ease-in-out, background-color 1s;
	-o-transition: height 1s ease-in-out, background-color 1s;
	-moz-transition: height 1s ease-in-out, background-color 1s;
	transition: height 1s ease-in-out, background-color 1s;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	font-size: 15px;
	padding: 5px;
	margin-top: 4px;
	width: 100%;
}

form.css-validation-form input[type=submit] 
{
	background-color: #aa2c2c;
	font-weight: 600;
	color: #FFF;
	display: inline-block!important;
	padding-top: 8px !important;
	padding-right: 15px;
	padding-bottom: 8px !important;
	padding-left: 15px;
	border: 0;
	border-width: 0;
	overflow: hidden;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-transition: background-color 1000ms linear;
	-moz-transition: background-color 1000ms linear;
	-o-transition: background-color 1000ms linear;
	-ms-transition: background-color 1000ms linear;
	transition: background-color 1000ms linear;
	margin-top: 15px;
	float: left;
	font-size: 18px!important;
}


  
form.css-validation-form input:hover[type="submit"] 
	{
	background-color: #996600 !important;
	border: 0;
    border-width: 0;
	overflow: hidden;
}

form.css-validation-form input:focus[type="submit"] 
	{
	background-color: #a00126 !important;
	border: 0;
	overflow: hidden;
    border-width: 0;
}

form.css-validation-form input[type="reset"] 
	{
	background-color: #999;
	font-weight: 600;
	color: #FFF;
display: inline-block!important;
	padding-top: 8px !important;
	padding-right: 15px;
	padding-bottom: 8px !important;
	padding-left: 15px;
	border: 0;
	border-width: 0;
	overflow: hidden;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-transition: background-color 1000ms linear;
	-moz-transition: background-color 1000ms linear;
	-o-transition: background-color 1000ms linear;
	-ms-transition: background-color 1000ms linear;
	transition: background-color 1000ms linear;
	margin-top: 15px;
	float: left;
	margin-left: 10px;
	font-size: 18px!important;
}

form.css-validation-form input:hover[type="reset"] 
	{
	background-color:#996600  !important;
	border: 0;
}

form.css-validation-form input:focus[type="reset"] 
	{
	background-color: #f3edd7 !important;
}
	

form.css-validation-form [type=check],
form.css-validation-form [type=radio],
form.css-validation-form [type=submit] 
{
  cursor: pointer;
}


form.css-validation-form label 
{
	display: block;
	margin-top: 8px;
	margin-bottom: 0px;
	color: #000;
	font-weight: normal;
}

  
form.css-validation-form label.overTxtLabel 
{
  margin-top:inherit;
}
  
form.css-validation-form .required_flag 
{
  font-weight: 600;
  color: #C00;
}

form.css-validation-form [type=check] + label,
form.css-validation-form [type=radio] + label 
{
  display: inline-block;
  cursor: pointer;
}

input[type="radio"], input[type="checkbox"]
{
	float: left;
	display: block;
	margin-top: 4px;
	margin-right: 10px!important;
	clear: both;
}



form.css-validation-form input:hover,
form.css-validation-form textarea:hover,
form.css-validation-form input:focus,
form.css-validation-form textarea:focus 
{
	background-color: #f3edd7!important;
	border: 1px solid #c2a362;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.required {
	color: #aa2c2c;
	font-size: 14px;
	}
	
	
.confirmer {
	margin-top: 8px;
}	

form.css-validation-form .validation-failed 
{
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	border: 1px solid #aa2c2c;
	/* Animate all properties across supporting browsers */
	-webkit-transition: background-color 1000ms linear;
	-moz-transition: background-color 1000ms linear;
	-o-transition: background-color 1000ms linear;
	-ms-transition: background-color 1000ms linear;
	transition: background-color 1000ms linear;
}

form.css-validation-form .validation-advice 
{
  padding-bottom: 3px;
  font-weight: bold!important;
  color:  #aa2c2c;
  margin-top: 5px;
  font-weight: normal;
}

.css-overlabel-form .overTxtLabel {
	color: #888888;
	padding: 3px;
	font-weight: normal;
}


.css-div-form   div>label:first-child { display:block; }
.css-table-form tr>* { vertical-align:top; text-align:left; }

form.css-validation-form input[name*=Quantity] { width:auto; }
form.css-validation-form textarea[name*=OrderCustomerComment] { padding:0px; }

/* This CSS converts table style form into div style form. */
table.css-table-form,
table.css-table-form tbody,
table.css-table-form thead,
table.css-table-form>thead,table.css-table-form>tbody,
table.css-table-form>thead>tr,table.css-table-form>tbody>tr,
table.css-table-form>thead>tr>*,table.css-table-form>tbody>tr>* { display:block; float:left; clear:left; width:100%; }

table.css-table-form>*>tr>th>label { display:inline-block; }

form:after {
	visibility: hidden;
	display: block;
	content: "";
	clear: both;
	height: 0;
	margin-bottom: 15px;
	}
	
	
/*Gogo CMS forms*/

button[type=submit] 
{
	background-color: #aa2c2c;
	font-weight: 600;
	color: #FFF;
	display: block;
	width: inherit;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 15px;
	border: 0;
    border-width: 0;
	overflow: hidden;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-background-clip: padding-box;
	/* Animate all properties across supporting browsers */
	-webkit-transition: all 0.8s ease-in-out;
	/* -o-transition: all 1s ease-in-out; */
	-moz-transition: all 0.8s ease-in-out;
	transition: all 0.8s ease-in-out;
	margin-top: 15px;
	float: left;
}