      @import url(http://fonts.googleapis.com/css?family=Raleway);
h1 {
    text-align:center;
}
#main{
  height: auto;
  max-width: 45%;
  align-items: center;
    font-family:raleway;
}
#login {
  height: auto;
  max-width: 50%;
  align-items: center;
    float: center;
    border-radius: 10px;
    font-family: raleway;
    border: 1px solid #00a2d3;
    padding: 10px 40px 25px;
    margin: 17px 35px;
}
hr{
    border:0;
    border-bottom:1px solid #00a2d3;
    margin: 10px -40px;
    margin-bottom: 30px;
}
#product_img{
    width: 100%;
    float: left;
    border: 1px dashed rgba(0, 0, 0, 0.15);
}
#product_img img{
    padding: 1px;
    width: 95%;
    height: 340px;
}
.content_wrapper{
    float: right;
    width: 100%;
}
.content{
    border: 1px dashed rgba(0, 0, 0, 0.15);
    width: 100%;
    height: auto;
    margin-bottom: 20px;
    padding: 11px;
}
.content p#description{
    text-align:justify;
    padding:10px;
}
#get_promo_code input[type=button] {
    width: 24%;
    background-color: white;
    float: center;
    color: #00a2d3;
    border: 2px solid #00a2d3;
    padding: 10px;
    font-size: 20px;
    cursor: pointer;
    border-radius: 5px;
}
input[type=text],input[type=password]{
    width: 80%;
    padding: 5px;
    border: 1px solid #00a2d3;
    padding-left: 5px;
    font-size: 15px;
    font-family:raleway;
    border-radius: 5px;
}
#amount{
    width: 90%;
    height: auto;
    float: center;
}
#without_promo{

}
#promo_offer{
    display: none;
}
#promo_offer del p{
    color: rgba(128, 128, 128, .8);
}
#buynow{
    width: 50%;
    float: right;
}
input[type=submit]{
    width: 100%;
    color: #000;
    padding: 10px;
    font-size:20px;
    cursor:pointer;
    border-radius: 5px;
    margin-bottom: 15px;
}
span#wrong_code{
    color:red;
}
span#right_code{
    color:green;
}
#return {
    width: 50%;
    height: 350px;
    float: left;
    border-radius: 10px;
    font-family: raleway;
    border: 2px solid #00a2d3;
    padding: 10px 40px 11px;
    margin: 0 auto;
	margin-left:25%;
	margin-top:50px;
}
#message-placeholder {
    margin: 10px auto auto;
    background: #d9edf7!important;
    border: 1px solid #bce8f1;
    width: 875px;
    color: #31708f;
    padding: 10px;
    position: relative;
    z-index: 1;
}
#message-placeholder b {
    color: rgb(14, 207, 14);
}
#return h3#success {
    text-align: center;
    font-size: 24px;
    margin-top: 50px;
    color: green;
}
#return P {
    margin-left: 122px;
}
#return .back_btn {
    margin-top: 51px;
    margin-left: 19%;
}
#btn {
    width: 100%;
    background-color: #FFBC00;
    color: white;
    border: 2px solid #FFCB00;
    padding: 10px 70px;
    font-size: 20px;
    cursor: pointer;
    border-radius: 5px;
    margin-bottom: 15px;
    margin: 0 auto;
}
a{
    text-decoration:none;
    color: cornflowerblue;
}

i{
    color: cornflowerblue;
}
#product_content {
    float: right;
    width: 400px;
    height: 250px;
    margin-top: 20px;
    margin-bottom: 23px;
    font-size: 14px;
    border: 1px solid rgba(128, 128, 128, 0.17);
}
#get_promo_code input[type=button]:hover{
    background-color:#00a2d3;
    color:  white;
}
.clear{
    clear: both;
}
.fr {
    float: right;
}
img#paypal_logo{
    float: right;
    margin-right:25px;
    padding-bottom:15px;
}
/****************************/
ul li {
background:#fff ;
list-style: none;
height: 54px;
float:left;
padding:10px 5px;
}
ul li a {
width: 175px;
height: 40px;
line-height: 53px;
border-bottom: 4px solid #fff;
padding:0px;
color: #fff;
font-size:18px;
font-weight:lighter;
text-align:center;
text-decoration: none;
display: block;
-webkit-transition: .2s all linear;
-moz-transition: .2s all linear;
-o-transition: .2s all linear;
transition: .2s all linear;
}
li:nth-child(1) a {
border-color: #B5222D;
}
li:nth-child(2) a {
border-color: #B5222D;
}
li:nth-child(3) a {
border-color: #B5222D;
}
li:nth-child(4) a {
border-color: #B5222D;
}
li:nth-child(5) a {
border-color: #B5222D;
}
li:nth-child(6) a {
border-color: #B5222D;
}
li:nth-child(7) a {
border-color: #B5222D;
}
