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


.ContactTitle { float:left; width: 208px; font-size: 43px; color: #FFF;  margin:40px 10px 0px 0px; font-weight:normal }
.ContactForm { float:left; width: 450px; margin:20px 0px 20px 0px; /*border:1px dashed #06F;*/ }


/************************************
	Contact Form
************************************/

label {
	float: left; clear: left; margin: 9px 10px 0 0; width: 70px; text-align: right; font-size: 18px; color: #006AB3; 
}

input {
	width: 300px; height: 35px; padding: 2px 10px 0px 10px; margin: 0 0 15px 0; background: #F2F2F3;
	-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border:1px solid #D9DADB;
	font-family: sans-serif; font-size: 14px; color: #333; 
}

input::-webkit-input-placeholder  { color: #ccc;  }
input:-moz-placeholder { color: #ccc;  }

textarea {
	width: 300px; height: 66px; padding: 10px 10px 0px 10px; margin: 0 0 5px 0; background: #F2F2F3;
	 -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
	-moz-box-shadow: 0px 1px 0px #f2f2f2;-webkit-box-shadow: 0px 1px 0px #f2f2f2; box-shadow: 0px 1px 0px #f2f2f2;
	font-family: sans-serif; font-size: 14px; color: #333;
}
textarea::-webkit-input-placeholder  { color: #ccc; }
textarea:-moz-placeholder { color: #ccc; }
	
input:focus, textarea:focus { background: #FFF;color: #000; }

select {font-size: 14px; margin-top:12px;}

input[type=submit] {
	width: 185px; height: 40px; float: left; padding: 4px 15px; margin: 15px 15px 0px ; -webkit-appearance: none; -moz-appearance: none;
	background: #BCCF00; border: 2px solid #BCCF00;
	cursor: pointer;
	color: #FFF; font-weight:bold; font-size: 18px;
}
input[type=submit]:hover {	background: #76B82A; border: 2px solid #76B82A; }

/************* Confirmation message *************/

.form_confirm { 
	position:relative; background: #7AB51D; width: 300px; margin:50px 0 30px 0; padding:45px 35px 55px 35px;-moz-border-radius: 7px;-webkit-border-radius: 7px; border-radius: 7px;
	font-family: 'Source Sans Pro', sans-serif; font-weight: 200; font-size:21px; color: #FFFFFF; text-align: center; 
	}
	
.RD_confirm {background: #cf041d;  display:block; margin: 20px auto;}
.TrianglPos { position: absolute; top: -60px; left: -90px; }



/************************************
	Contact details and location image
************************************/

.ContactColumn { float: left; display: inline-block; position: relative; margin-top: 30px; }
.ContactColumn:first-child {margin-right:130px;}
.ContactColumn:nth-child(3){margin-left:80px;}

.LocationTitle {font-size: 28px; }
.LocationImg { position:absolute; top: 110px; left: 100px; }

.OrangeTXT { color: #E7511E; }
.CyanTXT { color: #00B1E6; }


/************************************
	Have you been charged by Zwift
************************************/
.btnChargedByZwift { position:relative; text-align:center; padding:10px 0px; font-size:28px; color:#FFFFFF; cursor:pointer; z-index:222;}
.btnChargedByZwift a{ font-size:14px; color: #BCCF00;}
.btnChargedByZwift a:hover{ color: #41C0F0;}
#expandedChargedByZwift { position:relative; text-align:center; color:#FFFFFF; width:80%; margin:-40px auto 20px auto; background:#004171; font-size:18px; z-index:999; border:1px solid #004171;}
#expandedChargedByZwift ul { text-align:left; margin:20px 0; display:inline-block; font-size:15px;}
#expandedChargedByZwift h2 { font-family: 'Source Sans Pro', sans-serif; font-weight: 200; font-size:31px; color:#C7D300; margin:20px 0px 10px 0px;  }
.HelpfullQuestion { width:80%; margin:20px auto;  text-align:center;}
.HelpfullQuestion h3{ color: #A1D9F7; font-weight: normal;}
.YES-NObtn{  position:relative; display: inline-block; background: rgba(0,0,0, 0.20); padding:5px 20px; margin:10px 15px; cursor:pointer;  -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; z-index:222; }
.HelpfullQuestion div:hover{color: #FFF;}
#expandedYES, #expandedNO { position:relative;  width:100%; background:#004171; border:1px solid #004171; z-index:999; margin:-50px auto 20px auto; padding:8px 0; font-family: 'Source Sans Pro', sans-serif; font-weight: 200; font-size:28px; }

#expandedYES { color:#C7D300;}
#expandedNO { color:#FFDD00;}