@charset "utf-8";
/* CSS Document */

html{
    min-height:100%;/* make sure it is at least as tall as the viewport */
    position:relative;}
body {height:100%;margin:0;background:url(../images/bg.png)  repeat fixed;padding:0 0 50px 0;}
.parallax-window {width:100%;height:100%; background-repeat:repeat;padding:0 0 70px 0;}
.clear {clear:both;}
.border-bottom {border-bottom:1px solid rgba(0,0,0,0.15);}
.border-top {border-top:1px solid rgba(0,0,0,0.15);}
input[type=text]:focus, textarea:focus {outline:none;border:1px solid #009eb0;}
select:focus {outline:none;}
select::-ms-expand {display:none;}
select:active, select:hover {outline:none;}
select::-ms-value {background: none;color:#009eb0;}
.makeblock {display:block;width:100%;}
.addsomepadding-bot {padding:0 0 20px 0;}
input, textarea {position:relative;}

.navigation {text-align: left; width: 90%; margin: 0 auto; vertical-align: middle; padding: 18px 0 0 0;}
.navigation a {text-decoration: none; font-size: 18px;}

p {text-align:center;font-family:"Trebuchet MS";color:#009eb0;font-size:14px;margin:30px 0 0 0;}
a {text-align:center;font-family:"Trebuchet MS";color:#009eb0;font-size:14px;}

#header {width:100%;position:relative;z-index:0;}
#header .blue-bar {position:relative;height:15px;background:#009eb0;z-index:1;}
#header .white-bar {position:relative;height:65px;background:#fff;border-bottom:1px solid #CCC;z-index:2;box-shadow:0 0 15px rgba(0,0,0,0.2);}
#header .white-bar .logo {position:absolute;left:50%;width:172px;height:46px;margin-left:-86px;background:url(../images/main-logo.png) no-repeat;z-index:3;top:30px;}
#header .white-bar .carriage {position:absolute;left:50%;background:url(../images/logo-carriage.png) no-repeat;width:328px;margin-left:-164px;height:31px;bottom:-31px;z-index:2;}

h4.page-title {display:block;margin:80px auto 0 auto;width:400px;text-align:center;font-family:"Trebuchet MS";font-weight:normal;font-size:25px;color:#009eb0;background:url(../images/h1-bg.png) center center no-repeat;}

#form {width:720px;margin:50px auto 0 auto;background:#e8e8e8;border-radius:5px;padding:10px;box-shadow:0 0 3px rgba(0,0,0,0.2) inset;box-sizing:border-box;}
#form .wrapper {background:#fff;border-radius:2px;box-shadow:0 0 3px rgba(0,0,0,0.2);padding:0 20px;}

select {width:100%;display:block;border-radius:3px;border:1px solid #009eb0;box-shadow:3px 3px 15px rgba(0,0,0,0.10);padding:10px 50px 10px 10px;font-family:"Trebuchet MS";font-size:17px;font-weight:normal;color:#009eb0;-webkit-appearance: none;-moz-appearance:none;appearance:none;background:url(../images/select-arrow.png) right 10px center no-repeat;}
#cover-selector {display:inline-block;}

.section {padding:30px 0 35px 0;}
.section-reduced {padding:0 0 35px 0;}
label.normal {display:inline-block;text-align:left;color:#7c7c7c;font-weight:normal;font-family:"Trebuchet MS";margin:0 20px 7px 0;font-size:14px;}
label.cb {float:left;color:#7c7c7c;margin:5px 0 0 20px;font-family:"Trebuchet MS";font-size:14px;}
label.check {display:block;}

input[type=checkbox] {display:none;}
input[type=checkbox] + label {float:left;display:block;width:24px;height:24px;margin:0; background:url(../images/checkbox.png) top left no-repeat;cursor:pointer;}
input[type=checkbox]:checked + label {display:block;background:url(../images/checkbox.png) bottom left no-repeat;}
input[type=text] {width:100%;display:block;border-radius:3px;border:1px solid #BBBBBB;box-shadow:3px 3px 15px rgba(0,0,0,0.10);padding:10px 50px 10px 10px;font-family:"Trebuchet MS";font-size:17px;font-weight:normal;color:#009eb0;box-sizing:border-box;}
textarea {width:100%;display:block;border-radius:3px;border:1px solid #BBBBBB;box-shadow:3px 3px 15px rgba(0,0,0,0.10);padding:10px 50px 10px 10px;font-family:"Trebuchet MS";font-size:17px;font-weight:normal;color:#009eb0;box-sizing:border-box;height:100px;overflow:auto;}
input[type=submit] {display:block;width:100%;border-radius:5px;background:#009eb0;padding:15px 0;text-align:center;color:#fff;font-family:"Trebuchet MS";font-size:17px;border:none;cursor:pointer;}
input[type=submit]:focus {outline:none;}
input[type=submit]:hover {background:#009eb0;}

.floatbox-33 {width:33.3%;float:left;box-sizing:border-box;}
.floatbox-66 {width:66.6%;float:left;box-sizing:border-box;}
.floatbox-padding-left {padding:0 0 0 20px;}
.floatbox-padding-right {padding:0 20px 0 0;}

#wait {display:none;width:100%;background:url(../images/ajax-loader.gif) center no-repeat;height:30px;}

input[type=button] {display:block;text-align:center;background:#688ba8;width:100%;padding:15px 0;color:#fff;font-family:"Trebuchet MS";font-size:20px;border:none;border-radius:5px;cursor:pointer;}
input[type=button]:hover {background:#7999b4;}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : portrait) {
	.navigation {text-align: left; width: 90%; margin: 0 auto; vertical-align: middle; padding: 18px 0 0 0;}
	.navigation a {text-decoration: none; font-size: 35px;}
	
	p {text-align:center;font-family:"Trebuchet MS";color:#009eb0;font-size:14px;margin:30px 0 0 0;}
	a {text-align:center;font-family:"Trebuchet MS";color:#009eb0;font-size:14px;}
	
	#header {width:100%;position:relative;z-index:0;}
	#header .blue-bar {position:relative;height:15px;background:#009eb0;z-index:1;}
	#header .white-bar {position:relative;height:100px;background:#fff;border-bottom:1px solid #CCC;z-index:2;box-shadow:0 0 15px rgba(0,0,0,0.2);}
	#header .white-bar .logo {position:absolute;left:50%;width:200px;height:93px;margin-left:-86px;background:url(../images/afd-logo-mobi.png) no-repeat;z-index:3;top:30px;}
	#header .white-bar .carriage {position:absolute;left:50%;background:url(../images/logo-carriage.png) no-repeat;width:328px;margin-left:-164px;height:31px;bottom:-31px;z-index:2;}
}