@charset "UTF-8";
/* CSS Document */
@import url(http://fonts.googleapis.com/css?family=Roboto:400,300,200);
* { margin:0; padding:0; }
body {font-family: 'Roboto', sans-serif; font-weight:300; color:#666; letter-spacing:1px; background-color:#FFF;}

#buycontainer {width:1000px; overflow: hidden; margin: 0 auto;}
#buyheader {font-size: 30px; color: #0e76bc; margin: 20px auto 0 auto; overflow: hidden; text-align: center;}
#buyheader img {width:400px; margin-bottom: 5px;}
#buysubheader {font-size:18px; color: #999; margin: 20px auto 0 auto; overflow:hidden; text-align: center;}
#buyerconfirmation {text-align:center; font-size: 16px; line-height: 26px; margin-top: 40px;}
#buyerconfirmation a {text-decoration:none; color: #0e76bc; font-size: 18px;}

#buyerformcontainer {width: 100%; overflow: hidden; margin-top: 25px;}
#buyerformsection {width:48%; margin-right: 1%; float: left; overflow: hidden;}
#buyerformsectionfull {width:98%; margin-right: 1%; overflow: hidden;}
#buyerformtitle {font-size: 16px; color: #0e76bc; margin-left:5px; height: 22px;}
#buyerformfield {overflow: hidden; margin: 3px 0; line-height: 25px;}
.buyerfield {width: 90%; border: 1px solid #c8c8c8; background-color: #f4f4f4; padding: 10px; font-size: 16px; border-radius: 5px; color: #0e76bc;}
.buyerfieldfull {width: 94%; border: 1px solid #c8c8c8; background-color: #f4f4f4; padding: 10px; font-size: 16px; border-radius: 5px; color: #0e76bc;}
.buytextarea {width:96%; border: 1px solid #c8c8c8; background-color: #f4f4f4; padding: 10px; font-size: 16px; color: #0e76bc; border-radius: 5px; height: 150px; resize: none;}
.submitform {background:#0e76bc; border: none; font-size:18px; border-radius: 5px; color: #fff; padding: 15px 40px;}
#buyerformfield input[type=radio] {margin-left: 5px;}
#buyerformdesc {font-size: 14px; color: #999; margin-left:5px; height: 15px;}

@media screen and (max-width: 1200px) {
#buycontainer {width:100%; padding: 0 5px;}
}

@media screen and (max-width: 775px) {
#buycontainer {padding: 0 2%; width: 95%;}
#buyerformsection {float:none; width: 99%;}
#buyerformsectionfull {width:99%;}
#buyerformtitle {height: auto;}
#buyerformfield {margin-top:15px;}
#buyerformfield input[type=radio] {margin-left: 15px;}
.buyerfield {width:91%;}
.buyerfieldfull {width: 91%;}
.buytextarea {width:91%;}
#buyerformfield input[type=radio] {margin: 10px 0 10px 15px;}
}

@media screen and (max-width: 500px) {
#buyheader img {width:90%;}
}

@media screen and (max-width: 400px) {
#buyheader {width: 80%; font-size:28px;}
#buysubheader {width:80%; font-size: 14px;}
.buyerfield {width:86%;}
.buyerfieldfull {width: 86%;}
.buytextarea {width:86%;}
}