@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,700);
@import url(https://fonts.googleapis.com/css?family=Roboto:100,200,300,400,700,900);

*{ margin: 0; padding: 0; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

:focus{ outline:none; -webkit-transition: all 0.3s; transition: all 0.3s; -moz-transition: all 0.3s;}
a{ -webkit-transition: all 0.3s; transition: all 0.3s; -moz-transition: all 0.3s;}
a:hover{ -webkit-transition: all 0.3s; transition: all 0.3s; -moz-transition: all 0.3s;}

img{ max-width: 100%;}
a{ text-decoration: none; color: #000000;}

body{ font-family: 'open sans'; font-size: 14px; line-height: 20px; color: #444444;}

.container{ width: 660px; margin: 75px auto 0; border:1px solid #e5e5e5; background-color: #FFFFFF; text-align: center;}
.billingContainer{ border-top:1px solid #e5e5e5; background-color: #f1f1f1;}
.colLeft{ width: 50%; float: left; border-right:1px solid #e5e5e5; padding:50px 15px 50px;}
.colRight{ width: 50%; float: right; padding: 0 20px; padding: 50px 20px;}
.logoContainer{ margin: 20px 0;}
.billingAccountContainer{}
.billingAccountContainer p{ font-size: 16px; line-height: 25px;}
.securePayBtn{ background: #6da333; /* Old browsers */
background: -moz-linear-gradient(top, #6da333 0%, #55891d 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6da333), color-stop(100%,#55891d)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #6da333 0%,#55891d 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #6da333 0%,#55891d 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #6da333 0%,#55891d 100%); /* IE10+ */
background: linear-gradient(to bottom, #6da333 0%,#55891d 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6da333', endColorstr='#55891d',GradientType=0 ); /* IE6-9 */
color: #FFFFFF; border-radius: 4px; font-weight: 700; font-size: 22px; display: inline-block; padding: 12px 25px; margin: 20px 0 0 0;}

.securePayBtn:hover{background: #55891d; /* Old browsers */
background: -moz-linear-gradient(top, #55891d 0%, #6da333 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#55891d), color-stop(100%,#6da333)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #55891d 0%,#6da333 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #55891d 0%,#6da333 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #55891d 0%,#6da333 100%); /* IE10+ */
background: linear-gradient(to bottom, #55891d 0%,#6da333 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#55891d', endColorstr='#6da333',GradientType=0 ); /* IE6-9 */}

.newAccount{ font-weight: 600;}
.supportContainer{}
.supportContainer h1{ font-size: 22px; font-weight: normal; margin: 0 0 20px 0;}
.supportContent{}
.supportBtns{ float: left; width: 130px;}

.liveChat{ background: #e46d21; text-align: left; margin: 0 0 6px 0; border-radius: 4px;}
.liveChat a{ color: #FFF; padding: 0 0 0 7px; display: block; float: left; font-size: 13px; width: 100%; border-radius: 4px;}
.liveChat a:hover{ background-color: #be5b1c;}
.liveChatIcon{ background: url('../images/live-chat.png') no-repeat center; width: 33px; height: 30px; display: block; border-left: 2px solid #fff; float: right;}
.chatText{ display: inline-block; margin-top: 5px;}

.openTicket{ background: #707070; text-align: left; margin: 0 0 6px 0; border-radius: 4px;}
.openTicket a{ color: #FFF; padding: 0 0 0 7px; display: block; float: left; font-size: 13px; width: 100%; border-radius: 4px;}
.openTicket a:hover{ background-color: #545454;}
.openTicketIcon{ background: url('../images/ticket.png') no-repeat center; width: 33px; height: 30px; display: block; border-left: 2px solid #fff; float: right;}
.ticketText{ display: inline-block; margin-top: 5px;}


.callUs{ float: right; width: 150px;}
.callUs h2{ background: url('../images/call-us.png') no-repeat 23% center; font-size: 18px; padding:5px 0 5px 25px; color: #454545; margin: 0 0 5px 0;}
.callUs p{ font-size: 22px; color: #464646; font-family: 'Roboto'; font-weight: 300;}