/*apply css transitions and fix browser spacing interpretation*/
* {box-sizing: content-box; -moz-box-sizing: content-box;}

/*reset html and body styles*/
html, body {width: 100%; height: auto; margin: 0; padding: 0; color: #000000; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; background: url('noise_bg.png') repeat left top transparent;}
/*link styles*/
a
{
	color: #006699; text-decoration: none; font-weight: bold;
	/*transitions*/
	transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-webkit-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
}
a:hover {color: #f58e3d; text-decoration: underline;}
/*main page wrapper*/
div#mainWrapper {width: 100%; height: auto; margin: 0; padding: 0;}
/*header styles*/
div#mainWrapper div#headerWrapper {width: 100%; height: auto; margin: 0; padding: 0;}
div#mainWrapper div#headerWrapper div#header
{
	display: block; float: left; width: 76%; height: auto; margin: 0; padding: 0 12%; background-color: #ffffff; border-bottom: 30px solid #f58e3d;
	/*css3*/
	box-shadow: 0 0 15px -5px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 0 15px -5px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 0 15px -3px rgba(0,0,0,0.6);
	-o-box-shadow: 0 0 15px -5px rgba(0,0,0,0.5);
}
div#mainWrapper div#headerWrapper div#header div#logo {display: block; float: left; width: auto; height: auto; margin: 0; padding: 0;}
div#mainWrapper div#headerWrapper div#header div#logo img {display: block; float: left; width: auto; height: auto; margin: 0; padding: 0;}
div#mainWrapper div#headerWrapper div#header h1 {display: block; float: right; width: auto; height: auto; margin: 0; padding: 6px 0 0 0; font-weight: normal; font-style: italic; font-size: 200%; line-height: 100%;}
/*body styles*/
div#mainWrapper div#bodyWrapper {width: 100%; height: auto; margin: 0; padding: 0;}
div#mainWrapper div#bodyWrapper div#body {clear: both; width: 76%; height: auto; margin: 0 auto; padding: 2% 0 4% 0;}
div#mainWrapper div#bodyWrapper div#body div#convertImg {display: block; float: left; width: auto; height: auto; margin: 0 3% 0 0; padding: 0;}
div#mainWrapper div#bodyWrapper div#body div#convertImg img {display: block; float: left; width: auto; height: auto; margin: 0; padding: 0; border: none;}
div#mainWrapper div#bodyWrapper div#body div#titleText {display: block; float: left; width: 75%; height: auto; margin: 0; padding: 2% 0 0 0;}
div#mainWrapper div#bodyWrapper div#body div#titleText h2 {display: block; float: left; width: 100%; height: auto; margin: 0; padding: 2% 0 0 0; font-weight: normal; font-size: 230%; line-height: 100%;}
div#mainWrapper div#bodyWrapper div#body div#titleText h3 {display: block; float: left; width: 100%; height: auto; margin: 0; padding: 1% 0 0 0; font-weight: normal; font-size: 150%; line-height: 100%;}
/*form styles*/
div#mainWrapper div#bodyWrapper div#body div#formWrapper
{
	display: block; float: left; width: 94%; height: auto; margin: 2% 0 0 0; padding: 3%; background-color: #ffffff; border: 1px solid #cccccc; font-size: 125%; line-height: 100%;
	/*css3*/
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-o-border-radius: 10px;
	box-shadow: 0 0 10px -5px rgba(0,0,0,0.4);
	-moz-box-shadow: 0 0 10px -5px rgba(0,0,0,0.4);
	-webkit-box-shadow: 0 0 10px -3px rgba(0,0,0,0.3);
	-o-box-shadow: 0 0 10px -5px rgba(0,0,0,0.4);
}
div#formWrapper form {display: block; float: left; width: 100%; height: auto; margin: 0; padding: 0;}
div#formWrapper form h4 {display: block; float: left; width: 100%; height: auto; margin: 0; padding: 0 0 2% 0; font-size: 130%; line-height: 100%; font-weight: bold;}
div#formWrapper form fieldset
{
	display: block; float: left; width: 96%; height: auto; margin: 0 0 2% 0; padding: 1% 2%; border: 1px solid #cccccc; background-color: #fcfcfc;
	/*css3*/
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
}
div#formWrapper form fieldset legend {display: block; float: left; width: 100%; height: auto; margin: 0 0 1.5% 0; padding: 0 0 5px 0; font-weight: bold; font-size: 150%; line-height: 150%; color: #f58e3d; border-bottom: 1px solid #cccccc;}
div#formWrapper form fieldset p {display: block; float: left; width: 100%; height: auto; margin: 0; padding: 0.5% 0; font-size: 100%; line-height: 150%;}
div#formWrapper form fieldset ul {width: 98%; height: auto; clear: both; margin: 0; padding: 0 0 1% 2%; list-style: disc; font-size: 100%; line-height: 150%;}
div#formWrapper form fieldset ul li {width: 100%; height: auto; clear: both; margin: 0; padding: 0;}
div#formWrapper form fieldset div.etap_field {display: block; float: left; width: 100%; height: auto; margin: 0; padding: 0;}
div#formWrapper form fieldset label {display: block; float: left; width: auto; height: auto; margin: 0; padding: 10px 1% 0 0;}
div#formWrapper form fieldset label.hidden_label {display: none; width: 0; height: 0; margin: 0; padding: 0; visibility: hidden; opacity: 0;}
div#formWrapper form fieldset div.button_wrapper {position: relative; z-index: 50; display: block; float: left; width: auto; height: auto; margin: 0; padding: 0;}
div#formWrapper form fieldset div.button {position: absolute; z-index: 49; width: 0; height: 0; margin: 0; padding: 0; visibility: hidden; opacity: 0;}
div#formWrapper form fieldset div.button input[type=radio], div#formWrapper form fieldset div.button input[type=checkbox] {display: block; float: left; width: 13px; height: 13px; margin: 0; padding: 0; border: none;}
div#formWrapper form fieldset label.auto_ra_off
{
	display: block; float: left; width: auto; height: auto; margin: 0 10px 0 0; padding: 10px 25px; font-weight: bold; font-size: 130%; line-height: 100%; opacity: 0.3;
	color: #ffffff; background: url('button_bg.png') repeat-x left top #b3adaa; border: 1px solid #807b79;
	/*transitions*/
	transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-webkit-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	/*css3*/
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	box-shadow: 1px 1px 4px -2px rgba(0,0,0,0.5), inset 0 -4px 6px rgba(0,0,0,0.1);
	-moz-box-shadow: 1px 1px 4px -2px rgba(0,0,0,0.5), inset 0 -4px 6px rgba(0,0,0,0.1);
	-webkit-box-shadow: 1px 1px 5px -1px rgba(0,0,0,0.3), inset 0 -4px 6px rgba(0,0,0,0.1);
	-o-box-shadow: 1px 1px 4px -2px rgba(0,0,0,0.5), inset 0 -4px 6px rgba(0,0,0,0.1);
	text-shadow: 1px 1px 0 #807b79;
	-moz-text-shadow: 1px 1px 0 #807b79;
	-webkit-text-shadow: 1px 1px 0 #807b79;
	-o-text-shadow: 1px 1px 0 #807b79;
}
div#formWrapper form fieldset label.auto_ra_off:hover
{
	cursor: pointer; background-color: #d9d2ce; border-color: #a6a19d; opacity: 1;
	/*css3*/
	text-shadow: 1px 1px 0 #a6a19d;
	-moz-text-shadow: 1px 1px 0 #a6a19d;
	-webkit-text-shadow: 1px 1px 0 #a6a19d;
	-o-text-shadow: 1px 1px 0 #a6a19d;
}
div#formWrapper form fieldset label.auto_ra_on
{
	display: block; float: left; width: auto; height: auto; margin: 0 10px 0 0; padding: 10px 25px; font-weight: bold; font-size: 130%; line-height: 100%;
	color: #ffffff; background: url('button_bg.png') repeat-x left top #ff8530; border: 1px solid #cc6c27;
	/*transitions*/
	transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-webkit-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	/*css3*/
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	box-shadow: 1px 1px 4px -2px rgba(0,0,0,0.5), inset 0 -4px 6px rgba(0,0,0,0.1);
	-moz-box-shadow: 1px 1px 4px -2px rgba(0,0,0,0.5), inset 0 -4px 6px rgba(0,0,0,0.1);
	-webkit-box-shadow: 1px 1px 5px -1px rgba(0,0,0,0.3), inset 0 -4px 6px rgba(0,0,0,0.1);
	-o-box-shadow: 1px 1px 4px -2px rgba(0,0,0,0.5), inset 0 -4px 6px rgba(0,0,0,0.1);
	text-shadow: 1px 1px 0 #cc6c27;
	-moz-text-shadow: 1px 1px 0 #cc6c27;
	-webkit-text-shadow: 1px 1px 0 #cc6c27;
	-o-text-shadow: 1px 1px 0 #cc6c27;
}
div#formWrapper form fieldset label.auto_ra_on:hover
{
	cursor: pointer; background-color: #ff8530; border-color: #cc6c27;
	/*css3*/
	text-shadow: 1px 1px 0 #cc6c27;
	-moz-text-shadow: 1px 1px 0 #cc6c27;
	-webkit-text-shadow: 1px 1px 0 #cc6c27;
	-o-text-shadow: 1px 1px 0 #cc6c27;
}
div#formWrapper form input[type=text], div#formWrapper form input[type=number], div#formWrapper form input[type=email], div#formWrapper form input[type=tel], div#formWrapper form textarea, div#formWrapper form select
{
	display: block; float: left; width: auto; height: auto; margin: 0; padding: 0; border: 1px solid #cccccc; background-color: #ffffff; font-family: inherit; font-size: 100%; line-height: 115%;
	/*transitions*/
	transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-webkit-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	/*css3*/
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	-o-box-shadow: none;
}
div#formWrapper form input.text {width: 45%; min-width: 350px; padding: 9px 0 10px 10px;}
div#formWrapper form textarea {width: 25%; height: 40px; padding: 6px 0 0 6px;}
div#formWrapper form select {padding: 7px 10px 8px 10px;}
div#formWrapper form select *
{
	/*transitions*/
	transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-webkit-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
}
div#formWrapper form select:hover {cursor: pointer;}
div#formWrapper form select option {padding: 2px 10px;}
div#formWrapper form select option:hover {cursor: pointer;}
div#formWrapper form input[type=text]:focus, div#formWrapper form input[type=number]:focus, div#formWrapper form input[type=email]:focus, div#formWrapper form input[type=tel]:focus, div#formWrapper form textarea:focus, div#formWrapper form select:focus
{
	border-color: #006699; outline: none;
	/*css3*/
	box-shadow: 1px 1px 3px -1px rgba(0,0,0,0.3);
	-moz-box-shadow: 1px 1px 3px -1px rgba(0,0,0,0.3);
	-webkit-box-shadow: 1px 1px 3px -1px rgba(0,0,0,0.3);
	-o-box-shadow: 1px 1px 3px -1px rgba(0,0,0,0.3);
}
div#formWrapper form span.field_info {display: block; float: left; width: auto; height: auto; margin: 0; padding: 12px 0 0 1%; font-size: 90%; line-height: 100%;}
div#formWrapper form div#submitButton {display: block; float: left; width: 100%; height: auto; margin: 0; padding: 0;}
div#formWrapper form input[type=submit]
{
	display: block; float: left; width: auto; height: auto; margin: 0 10px 0 0; padding: 10px 65px 10px 25px; font-weight: bold; font-size: 180%; line-height: 100%;
	color: #ffffff; background-image: url('check.png'), url('button_bg.png'); background-repeat: no-repeat, repeat-x; background-position: right 20px center, left top; background-color: #006691; border: 1px solid #00425e;
	/*transitions*/
	transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-webkit-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	/*css3*/
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	box-shadow: 1px 1px 4px -2px rgba(0,0,0,0.5), inset 0 -4px 6px rgba(0,0,0,0.1);
	-moz-box-shadow: 1px 1px 4px -2px rgba(0,0,0,0.5), inset 0 -4px 6px rgba(0,0,0,0.1);
	-webkit-box-shadow: 1px 1px 5px -1px rgba(0,0,0,0.3), inset 0 -4px 6px rgba(0,0,0,0.1);
	-o-box-shadow: 1px 1px 4px -2px rgba(0,0,0,0.5), inset 0 -4px 6px rgba(0,0,0,0.1);
	text-shadow: 1px 1px 0 #00425e;
	-moz-text-shadow: 1px 1px 0 #00425e;
	-webkit-text-shadow: 1px 1px 0 #00425e;
	-o-text-shadow: 1px 1px 0 #00425e;
}
div#formWrapper form input[type=submit]:hover
{
	cursor: pointer; background-color: #ff8530; border-color: #cc6c27;
	/*css3*/
	text-shadow: 1px 1px 0 #cc6c27;
	-moz-text-shadow: 1px 1px 0 #cc6c27;
	-webkit-text-shadow: 1px 1px 0 #cc6c27;
	-o-text-shadow: 1px 1px 0 #cc6c27;
}
/*footer styles*/
div#mainWrapper div#footerWrapper
{
	width: 100%; height: auto; margin: 0 auto; padding: 0; background-color: #ffffff; border-top: 10px solid #ff8530;
	/*css3*/
	box-shadow: 0 0 15px -5px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 0 15px -5px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 0 15px -3px rgba(0,0,0,0.5);
	-o-box-shadow: 0 0 15px -5px rgba(0,0,0,0.5);
}
div#mainWrapper div#footerWrapper div#footer {width: 76%; height: auto; margin: 0 auto; padding: 0;}
div#mainWrapper div#footerWrapper div#footer p {display: block; float: right; width: auto; height: auto; margin: 0; padding: 2% 0; color: #808080; font-size: 130%; line-height: 100%;}

/*begin mobile-friendly/responsive css*/
/*small desktop*/
@media only screen and (max-width: 1280px) and (min-width: 1024px)
{
	div#mainWrapper div#headerWrapper div#header {width: 92%; padding: 0 4%;}
	div#mainWrapper div#bodyWrapper div#body {width: 92%; padding: 2% 0 4% 0;;}
	div#mainWrapper div#footerWrapper div#footer {width: 92%; padding: 0;}
}
/*ipad/tablets*/
@media only screen and (max-width: 1023px) and (min-width: 768px)
{
	div#mainWrapper div#headerWrapper div#header {width: 96%; padding: 0 2%;}
	div#mainWrapper div#bodyWrapper div#body {width: 96%; padding: 2% 0 4% 0;}
	div#mainWrapper div#bodyWrapper div#body div#convertImg img {width: 89px;}
	div#mainWrapper div#bodyWrapper div#body div#titleText {width: 84%; padding: 0;}
	div#mainWrapper div#bodyWrapper div#body div#titleText h2 {font-size: 180%; line-height: 100%;}
	div#mainWrapper div#bodyWrapper div#body div#titleText h3 {font-size: 130%; line-height: 100%;}
	div#formWrapper form fieldset ul {width: 97%; padding: 0 0 1% 3%;}
	div#mainWrapper div#footerWrapper div#footer {width: 96%; padding: 0;}
}
/*iphones/mobile devices*/
@media only screen and (max-width: 767px)
{
	div#mainWrapper div#headerWrapper div#header {width: 98%; padding: 0 1%;}
	div#mainWrapper div#bodyWrapper div#body {width: 100%; padding: 2% 0 4% 0;}
	div#mainWrapper div#bodyWrapper div#body div#convertImg img {width: 0;}
	div#mainWrapper div#bodyWrapper div#body div#titleText {width: 96%; padding: 0 2%;}
	div#mainWrapper div#bodyWrapper div#body div#titleText h2 {font-size: 150%; line-height: 100%;}
	div#mainWrapper div#bodyWrapper div#body div#titleText h3 {font-size: 130%; line-height: 130%;}
	div#formWrapper form fieldset ul {width: 95%; padding: 0 0 2% 5%;}
	div#mainWrapper div#bodyWrapper div#body div#formWrapper
	{
		width: 98%; padding: 3% 1%;
		border-width: 1px 0;
		border-radius: 0;
		-moz-border-radius: 0;
		-webkit-border-radius: 0;
		-o-border-radius: 0;
	}
	div#formWrapper form fieldset {width: 96%; padding: 3% 2%;}
	div#formWrapper form fieldset legend {width: 100%; padding: 0 0 5px 0; font-size: 120%; line-height: 140%; font-weight: bold;}
	div#mainWrapper div#footerWrapper div#footer {width: 98%; padding: 0;}
}