/**
  Author: Denver Madrigal
  Email: dmadrigal@idealadvertising.net
  - Purebred Project Tee
**/
@import 'https://fonts.googleapis.com/css?family=Raleway:300,400,600,700';
@import url(https://fonts.googleapis.com/css?family=Alegreya:400,400italic,700,700italic);

body,html{
  padding: 0;
  margin: 0;
  font-family: "Raleway";
  font-size: 12px;
  color: #666;
}#wrapper{
  width: 900px;
  margin: 0 auto;
  padding: 0;
}
#wrapper:after{
  clear: both;
  content: " ";
  display: block;
}
#left{
  float: left;
  width: 440px;
  margin-right: 10px;
  height: 500px;
  background-color: #666;
}
#right{
  float: right;
  width: 440px;
  margin-left: 10px;
  height: 500px;
  position: relative;
}
a.header{
  display: inline-block;
  float: right;
}
a.header img{
  height: 80px;
  margin: 10px 0;
}
#top{
  padding: 0;
  border-bottom: 2px solid #414141;
  margin: 0 0 20px 0;
}
#top ul{
  list-style: none;
  padding: 0;
  margin: 0;
  display: inline-block;
  height: 100px;
}
#top ul li{
  float: left;
  margin: 48px 0 0 0;
  padding: 0;
}
#top ul li a{
  display: block;
  padding: 0 0 0 20px;
  text-decoration: none;
  color: #414141;
  font-weight: 700;
  font-size: 14px;
}
#top ul li a:hover{
  color: #25aae1;
}
#header a h1{
  padding: 0;
  margin: 0;
  text-indent: -9999px;
}
.line-break{
  height: 2px;
  overflow: hidden;
  width: 100%;
  background-color: #d0d0d0;
  margin: 10px 0;
}
#content{
  border-bottom: 2px solid #414141;
  padding-bottom: 20px;
}
#content h1{
  font-size: 34px;
  margin: 0 0 60px 0;
  padding: 20px 0 0 0;
}
#content h2{
  font-size: 16px;
  margin: 0 0 20px 0;
  padding: 0;
  color: #25aae1;
}
#content p{
  margin: 0 0 40px 40px;
}
#right h1{
  font-size: 16px;
  margin: 0 0 10px 0;
  padding: 0;
  color: #25aae1;
}
#right h2 {
  color: #000;
  font-size: 60px;
  font-weight: 800;
  line-height: 60px;
  margin: 10px 0 0;
  padding: 0;
}
#right p{
  margin: 0;
}
.bar-outer{
  display: block;
}
.bar-inner{
  height: 8px;
  background-color: #d9d9de;
  border: 1px solid #d9d9de;
  width: 100%;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
.bar-inner .progress{
  height: 8px;
  background-color: #25aae1;
  width: 50%;
  border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  -webkit-border-radius: 0 3px 3px 0;
}
.available-sizes{
  background-color: #77787c;
  padding: 10px;
  position: absolute;
  bottom: 0;
  width: 100%;
}
.available-sizes label{
  font-size: 16px;
  color: #fff;
  font-weight: 700;
}
.available-sizes p{
  font-size: 10px;
  color: #fff;
}
input[type="image"]{
  display: block;
  margin: 8px 0;
}
.available-sizes select{
  width: 158px;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border:1px solid #fff;
}
h2.campaign_ended{
  font-size: 32px !important;
  color: #84ec60 !important;
  font-weight: 700  !important;
}
ul.count_down{
  list-style: none;
  display: inline-block;
  margin: 10px 0 0 0;
  padding: 0;
}
ul.count_down li{
  float: left;
  margin: 0 50px 0 0;
}
ul.count_down li div{
  font-size: 24px;
  font-weight: 700;
  color: #000;
}
.number_info{
  display: inline-block;
}
ul.count_down li.seconds{
  margin: 0;
}
ul.faq{
  list-style: none;
  margin: 0;
  padding: 0;
}
ul.faq li{
  margin: 0;
  padding: 0;
}
ul.faq li.question:before{
  color: #25aae1;
  content: "\f059";
  font-size: 20px;
  float: left;
  padding-right: 10px
}
ul.faq li.answer:before{
  color: #25aae1;
  content: "\f058";
  font-size: 20px;
  float: left;
  padding-right: 10px
}
ul.faq li.answer{
  margin: 10px 0 30px 60px;
}
ul.faq li.question{
  margin: 0 0 0 30px;
}
ul.faq li.question span{
  font-family: Raleway;
  font-size: 16px;
  font-weight: 700;
}
ul.faq li.question span{
  display: inline-block;
  float: left;
  width: 800px;
}
ul.faq li.answer span{
  display: inline-block;
  float: left;
  width: 800px;
  font-family: Alegreya;
  font-size: 18px;
  font-style: italic;
  font-weight: 400;
}
ul.faq li a{
  color: #25aae1;
  text-decoration: none;
}
ul.faq li a:hover{
  text-decoration: underline;
}
form input[type="text"]{
  display: block;
  font-family: inherit;
  font-size: 12px;
  margin: 0 0 10px;
  padding: 10px;
  width: 300px;
  border: 1px solid #ccc;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}
form textarea{
  font-family: "Raleway";
  font-size: 12px;
  padding: 10px;
  resize: none;
  width: 500px;
  border: 1px solid #ccc;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  margin-bottom: 10px;
}
.error{
  display: inline-block;
  padding: 10px;
  font-size: 12px;
  font-family: inherit;
  background-color: #f2dede;
  border: 1px solid #ebccd1;
  color: #a94442;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  margin-bottom: 10px;
}
.success{
  display: inline-block;
  padding: 10px;
  font-size: 12px;
  font-family: inherit;
  background-color: #dff0d8;
  border: 1px solid #d6e9c6
  color: #3c763d;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  margin-bottom: 10px;
}