@charset "utf-8";
/* Mobile Layout up to 480px */

form header {
  margin: 40px 0 20px 0; 
}
form header div {
  font-size: 90%;
  color: #999;
}
form header h2 {
  margin: 0 0 5px 0;
}
form > div {
  clear: both;
  overflow: hidden;
  padding: 1px;
  margin: 0 0 10px 0;
}
form > div > fieldset > div > div {
  margin: 0 0 5px 0;
  text-align:left;
}
form > div > label,
legend {
  width: 95%;
  float: none;
  padding-right: 0;
}
form:not(.frm-add-to-basket) > div > div,
form > div > fieldset > div {
  width: 95%;
  float: none;
}
form > div > fieldset label {
	font-size: 90%;
	text-align:left;
}
form > div > label.required	{
	font-weight: bold
}
fieldset {
	border: 0;
  padding: 0;
}

input[type=text],
input[type=email],
input[type=url],
input[type=password],
textarea,
select:not(.inmenu) {
	width: 95%;
	padding: 2.5%;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-right: 1px solid #eee;
  border-bottom: 1px solid #eee;
}
input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=password]:focus,
textarea:focus,
select:not(.inmenu):focus {
  outline: 0;
  border-color: #4697e4;
}

input[type=submit] {
	background: #093943 none repeat scroll 0 0;
	border: medium none;
	border-radius: 0;
	box-sizing: content-box;
	color: #fff;
	font-family: "Oswald",sans-serif;
	font-size: 100%;
	font-weight: normal;
	text-transform: uppercase;
	white-space: nowrap;
	height: 43px;
	line-height: 42px;
	margin: 0;
	padding: 0 5px;
	width: 100%;
	transition: all 0.12s ease 0s;
}
	input[type=submit]:focus, input[type=submit]:hover, input[type=submit]:active {
		background-color: #ff3200;
		color: #fff;
	}
    input[type=submit]:disabled {
        background-color: #999;
    }


/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 481px) {
	
.desc	{
	margin-top: 10px;
}

form header {
  
}
form header div {

}
form header h2 {
  margin: 0 0 5px 0;
}
form > div {
  clear: both;
  overflow: hidden;
  padding: 1px;
  margin: 0 0 10px 0;
}
form > div > fieldset > div > div {
  margin: 0 0 5px 0;
}
form > div > label,
legend {
  width: 25%;
  float: left;
  text-align:right;
  padding-right: 2.5%;
  vertical-align:middle;
}
form:not(.frm-add-to-basket) > div > div,
form > div > fieldset > div {
  width: 70%;
  float: right;
  text-align: left;
}
form > div > fieldset label {
	font-size: 90%;
}
fieldset {
	border: 0;
  padding: 0;
}

input[type=text],
input[type=email],
input[type=url],
input[type=password],
textarea,
select:not(.inmenu) {
	width: 80%;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;
}
input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=password]:focus,
textarea:focus,
select:not(.inmenu):focus {
  outline: 0;
  border-color: #4697e4;
}

input[type=submit] {
	min-width: 150px;
	width: auto;
	padding-left: 10px;
	padding-right: 10px;
}

}

/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 769px) {

	.desc	{
		text-align: right;
		margin-top: 6px;
	}
	
	form > div > fieldset label {
		font-size: 100%;
	}
	
	input[type=text],
	input[type=email],
	input[type=url],
	input[type=password],
	textarea,
	select:not(.inmenu) {
		width: 50%;
		padding: 1%;
	}
	
	input[type=submit] {
		
	}

}