/* General */

* {
    margin: 0;
}

html, body {
    height: 100%;
}

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

.clearfix:after {
    clear: both;
}

.clearfix {
    zoom: 1; /* ie 6/7 */
}

#wrapper {
    min-height: 100%;
    margin-bottom: -80px;
    position: relative;
}

#footer-container {
    height: 80px;
    position: relative;
    background-color: #EDEDED;
}

#clear-footer {
    height: 80px;
    clear: both;
}

body {
    font-family: tahoma, arial !important;
    outline: none;
    font-size: 13px !important;
    line-height: 1.3;
    color: #434343 !important;
    background-color: #f8f8f8;
}

body.dual #wrapper,  body.dual #footer-container {
    width: 50%;
}

body.dual #wrapper {
    height: 770px;
    overflow-y: scroll;
}

.left {
    float: left !important;
}

.right {
    float: right !important;
}

.clear {
    clear: both;
}

.center {
    width: 920px;
    margin: 0 auto;
    text-align: center;
}

.inner {
    padding: 0 10px;
    text-align: left;
}

a {
    color: #126499;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

.transparent {
    background: none !important;
}

.bold {
    font-weight: bold;
}

.textbox {
    padding: 5px 5px 2px 5px;
    border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    -webkit-border-radius: 4px !important;
    border: 1px solid #000;
    background: url(../images/textbox-bg.png) repeat-x scroll 0 0 #FFFFFF;
    border-color: #777777 #BBBBBB #BBBBBB #777777;
}

h2 {
    margin-bottom: 10px !important;
    font-size: 14px !important;
    font-weight: bold !important;
}

h3 {
    margin-top: 10px !important;
    margin-bottom: 5px !important;
}

table {
    font-size: inherit;
}

.table {
    color: #666666;
    text-shadow: 0 1px 0 #FEFEFE;
    border: 1px solid #D5D5D5;
    cursor: default;
}

.table td {
    background-color: #EDEDED;
    padding: 2px 0;
    text-align: center;
    border-bottom: 1px solid #D5D5D5;
    border-top: 1px solid #fff;
}

.table .last-line td {
    border-bottom: none;
}

fieldset {
    border: 1px solid #dfdfdf !important;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

legend {
    font-size: 14px;
    font-weight: bold;
    margin: 0 10px !important;
    padding: 0 10px !important;
    color: #434343;
}

.form-content {
    padding: 20px;
}

.form-row {
    margin-top: 10px;
    position: relative;
}

.form-first-row {
    margin-top: 0;
}

.semi-form-row {
    margin-top: 5px;
    position: relative;
}

.category {
    font-size: 13px;
    font-weight: bold;
    border-top: 1px solid #ebebeb;
    padding-top: 5px;
    margin-top: 20px;
}

.category.form-first-row {
    margin-top: 0;
    border-top: none;
}

label {
    display: inline-block;
    position: relative;
    top: 5px;
    width: 140px;
    float: left;
    cursor: default;
}

label.amount {
    width: 130px;
}

label.percentage {
    width: 126px;
}

.wide-labels label {
    width: 180px !important;
}

.wide-labels .info-icon {
    left: 374px !important;
}

.dollar {
    display: inline-block;
    width: 6px;
    padding-top: 5px;
}

.percent {
    display: inline-block;
    width: 10px;
    padding-top: 5px;
}

.info-icon {
    display: inline-block;
    position: absolute;
    width: 16px;
    height: 16px;
    left: 334px;
    top: 6px;
    background: url(../images/info-16x16.png) no-repeat;
}

.inline-info-icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    float: left;
    margin-left: 5px;
    background: url(../images/info-16x16.png) no-repeat;
}

input, select, textarea {
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border: 1px solid #CCCCCC;
    font-size: 13px;
    width: 180px;
    color: #434343;
}

input, textarea {
    padding: 4px !important;
}

select {
    padding: 3px !important;
    width: 182px;
    background-color: #fff;
}

input.active, select.active, textarea.active {
    box-shadow: 0 0 10px #CCCCCC;
    -moz-box-shadow: 0 0 10px #CCCCCC;
    -webkit-box-shadow: 0 0 10px #CCCCCC;
}

.placeholder {
    color: #bbb;
}

input.error, select.error {
    background: url(../images/invalid-line.gif) repeat-x scroll center bottom #fff;
}

.form-block {
    margin: 20px 0 0 142px;
    float: left;
    position: relative;
}

.form-checkbox {
    width: auto;
    position: absolute;
    top: 2px;
    padding: 0 !important;
    margin: 0 2px;
    border: none;
}

.form-checkbox-with-label {
    position: relative;
    top: 0;
}

.form-checkbox-text {
    margin-left: 20px;
}

.form-checkbox-text-label {
    width: auto;
    float: none;
    top: 0;
}

/* Patch to to get rid of the wrong directors, when checkbox appears as form value */
.checkbox-field {
    width: inherit;
    position: relative;
    top: 5px;
}

p.form-intro, ul.form-intro {
    margin-bottom: 20px;
}

.thin-form {
    width: 400px;
}

.wide-form {
    width: 480px;
}

.wider-form {
    width: 600px;
}

.widest-form {
    width: 900px;
}

.loadable {
    display: inline-block;
    padding-right: 20px;
}

.loading {
    background: url("http://static.ak.fbcdn.net/rsrc.php/v1/yb/r/GsNJNwuI-UM.gif") no-repeat scroll right center transparent !important;
}

.loadable-button {
    margin-top: 25px;
}

.button-set {
    text-align: center;
}

.button-set .button {
    margin: 0 2px;
}

.hidden {
    display: none !important;
}

.block {
    display: block;
}

.disabled {
    background-color: #EDEDED;
    color: #666666;
    text-shadow: 0 1px 0 #FEFEFE;
}

/* Generic Components */
.horizontal-list {
    float: left;
}

.horizontal-list li {
    float: left;
}

.horizontal-list li a {
    display: inline-block;
}

.dropdown-container {
    position: relative;
}

.dropdown-container > span {
    border: 1px solid #396B9A;
    border-bottom: none;
    background-color: #396B9A;
    z-index: 101;
    display: inline-block;
}

.dropdown-container:hover > span, .dropdown-container > span.visible-caption {
    border-color: #064B80;
    position: relative;
}

.dropdown-container:hover .dropdown, .dropdown-visible {
    display: block !important;
}

.dropdown {
    position: absolute;
    right: 0;
    z-index: 100;
    border: 1px solid #064B80;
    margin-top: -1px;
    display: none;
    background-color: #396B9A;
    border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
}

.dropdown li {
    display: block;
    float: none;
}

.dropdown-arrow {
    background: url(../images/dropdown-arrow.png) no-repeat scroll right 50% transparent;
    padding-right: 15px !important;
    margin-right: 5px;
}

.dropdown .last {
    padding-bottom: 10px !important;
}

.button {
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background-color: #A7D354;
    background: -moz-linear-gradient(center top , #A7D354, #4F900F) repeat scroll 0 0 transparent; /* FF */
    background: -webkit-gradient(linear, left top, left bottom, from(#A7D354), to(#4F900F)); /* for webkit browsers */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#A7D354', endColorstr='#4F900F'); /* for IE */
    border: 1px solid #4F900F;
    color: #FFFFFF;
    font-weight: bold !important;
    padding: 5px;
    text-decoration: none;
    display: inline-block;
}

.button:hover {
    text-decoration: none;
    background-color: #B0DD5A;
    background: -moz-linear-gradient(center top , #B0DD5A, #5DA515) repeat scroll 0 0 transparent;
    background: -webkit-gradient(linear, left top, left bottom, from(#B0DD5A), to(#5DA515));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#B0DD5A', endColorstr='#5DA515');
}

.button-blue {
    background-color: #87B9E3;
    background: -moz-linear-gradient(center top , #87B9E3, #3E7FB2) repeat scroll 0 0 transparent;
    background: -webkit-gradient(linear, left top, left bottom, from(#87B9E3), to(#3E7FB2));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#87B9E3', endColorstr='#3E7FB2');
    border-color: #1A6EA5;
}

.button-blue:hover {
    background-color: #8CC6F2;
    background: -moz-linear-gradient(center top , #8CC6F2, #4386BA) repeat scroll 0 0 transparent;
    background: -webkit-gradient(linear, left top, left bottom, from(#8CC6F2), to(#4386BA));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8CC6F2', endColorstr='#4386BA');
}

.button-gray {
    background-color: #EDEAEA;
    background: -moz-linear-gradient(center top , #EDEAEA, #C4C4C4) repeat scroll 0 0 transparent;
    background: -webkit-gradient(linear, left top, left bottom, from(#EDEAEA), to(#C4C4C4));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EDEAEA', endColorstr='#C4C4C4');
    border-color: #C4C4C4;
    color: #516F83;
}

.button-gray:hover {
    background-color: #FAFAFA;
    background: -moz-linear-gradient(center top , #FAFAFA, #CACACA) repeat scroll 0 0 transparent;
    background: -webkit-gradient(linear, left top, left bottom, from(#FAFAFA), to(#CACACA));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FAFAFA', endColorstr='#CACACA');
}


.button-orange {
    background-color: #FF7900;
    background: -moz-linear-gradient(center top , #FFCE2E, #FF7900) repeat scroll 0 0 transparent;
    background: -webkit-gradient(linear, left top, left bottom, from(#FFCE2E), to(#FF7900));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFCE2E', endColorstr='#FF7900');
    border-color: #FF7900;
}

.button-orange:hover {
    background-color: #FC7D0F;
    background: -moz-linear-gradient(center top , #F9D361, #FC7D0F) repeat scroll 0 0 transparent;
    background: -webkit-gradient(linear, left top, left bottom, from(#F9D361), to(#FC7D0F));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F9D361', endColorstr='#FC7D0F');
}

.button-join {
    font-size: 16px;
    padding: 5px 10px;
}

.select-year {
    width: 117px;
}

.select-month {
    width: 52px;
}

/* Footer */
#footer-container {
    /*border-top: 1px solid #D5D5D5;*/
}

#footer {
    background-color: #EDEDED;
    border-top: 1px solid #D5D5D5;
    /*border-top: 1px solid #fff;*/
}

#footer-inner {
    padding: 10px 0 40px 0;
}

#footer a {
    color: #666666;
    text-shadow: 0 1px 0 #FEFEFE;
    padding-right: 20px;
}

#copyrights {
    color: #999999;
}

/* Header */
#logo {
    display: block;
    float: left;
    width: 232px;
    height: 58px;
    margin: 10px 0 2px;
    background: url(../images/logo-sprite.png) no-repeat scroll -5px -59px transparent;
}

#logo:hover {
    margin: 3px -1px 9px;
    background: url(../images/logo-sprite.png) no-repeat scroll -5px -1px transparent;
}

#header-container {
    background-color: #396B9A;
}

#header-carousel {
    background-color: #396B9A;
    background: -moz-linear-gradient(center top , #396B9A, #497FB2) repeat scroll 0 0 transparent;
    background: -webkit-gradient(linear, left top, left bottom, from(#396B9A), to(#497FB2));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#396B9A', endColorstr='#497FB2');
}

#header h1 {
    background: url(../images/icon.png) no-repeat scroll 0 8px transparent; /*http://www.sencha.com/img/icon.png?1302398617*/
    height: 55px;
    /*padding-bottom: 10px;*/
    /*text-indent: -9999px;*/
    padding: 20px 0 0 55px;
    font-size: 24px;
    width: 350px;
    color: #fff;
}

/* Carousel */
#carousel-container {
    position: relative;
}

#carousel {
    border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    background-color: #D7E1EB;
    height: 300px;
    overflow: hidden;
}

#carousel .item .image {
    border-radius: 5px 0 0 0;
    -moz-border-radius: 5px 0 0 0;
    -webkit-border-radius: 5px 0 0 0;
    width: 600px;
    height: 300px;
    background: url("../images/carousel-slide-1.jpg") no-repeat scroll 0 0 #fff;
}

#carousel #carousel-item-2 .image {
    background-image: url("../images/carousel-slide-2.jpg");
}

#carousel #carousel-item-3 .image {
    background-image: url("../images/carousel-slide-3.jpg");
}

#carousel #carousel-item-4 .image {
    background-image: url("../images/carousel-slide-4.jpg");
}

#carousel #carousel-item-5 .image {
    background-image: url("../images/carousel-slide-5.jpg");
}

#carousel .next-slide .image {
    background-position: 20px 0 !important;
}

#carousel .item .info-container {
    border-radius: 0 5px 0 0;
    -moz-border-radius: 0 5px 0 0;
    -webkit-border-radius: 0 5px 0 0;
    background-color: #D7E1EB;
    width: 300px;
    height: 300px;
}

#carousel .item .info {
    padding: 30px 20px 20px 20px;
}

#carousel .item .info#welcome {
    padding-top: 15px;
}

#carousel-selectors {
    position: absolute;
    left: 620px;
    bottom: 10px;
}

#carousel-selectors li {
    margin-right: 2px;
}

#carousel-selectors li a {
    background-image: url("../images/carousel-selector.png");
    background-position: 0 0;
    display: block;
    float: left;
    height: 0;
    overflow: hidden;
    padding-top: 12px;
    width: 12px;
}

#carousel-selectors li a:hover {
    opacity: 0.7;
}

#carousel-selectors li.selected a {
    background-position: 0 -12px;
}

.join-button-container {
    text-align: center;
    margin-top: 20px;
}

#carousel p {
    text-shadow: 0pt 1px 0pt rgba(255, 255, 255, 0.2);
}

#carousel h2 {
    color: #314E64;
    text-shadow: 0pt 2px 2px rgba(255, 255, 255, 0.8);
    font-weight: normal;
    font-size: 30px ! important;
    cursor: default;
}

#carousel h2 a {
    color: inherit;
}

#carousel h2 a:hover {
    text-decoration: none;
}

#carousel .info-icon {
    position: static;
    margin-left: 5px;
}

/* Welcome */

#welcome h2 {
    margin-bottom: inherit !important;
}

.welcome-row {
    margin-top: 10px;
}

#balance {
    margin: 0 10px;
}

#goal-wrapper {
    margin-top: 5px;
    background-color: #F6DC5F;
    border: 1px solid #C9C39E;
    padding: 5px;
    border-left: none;
    border-right: none;
    position: relative;
}

#goal-wrapper td {
    vertical-align: top;
    padding: 1px;
}

#progressBar {
    width: 130px;
    height: 18px;
    float: left;
    border: 1px solid #D5D5D5;
    background-color: #f8f8f8;
}

#progressBar div {
    height: 100%;
    color: #fff;
    color: #666666;
    text-shadow: 0 1px 0 #FEFEFE;
    text-align: right;
    line-height: 18px; /* same as #progressBar height if we want text middle aligned */
    width: 0;
    background-color: #D5D5D5;
    background: -webkit-gradient(linear, left top, left bottom, from(#EDEDED), to(#D5D5D5));
    background: -moz-linear-gradient(center top , #EDEDED, #D5D5D5) repeat scroll 0 0 transparent; /* FF */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EDEDED', endColorstr='#D5D5D5'); /* for IE */
}

.tiny-note {
    font-size: 9px;
}

/* Recent Orders */
#recent-orders {
    margin-top: 5px;
    width: 100%;
}

.recent-orders-tooltip th {
    font-weight: bold !important;
}

.recent-orders-tooltip td, .recent-orders-tooltip th {
    text-align: center !important;
    padding: 5px 10px;
}

.recent-orders-tooltip th {
    padding: 0 10px;
}

.recent-orders-tooltip td.item-description {
    text-align: left !important;
}

/* User Menu */
#user-menu {
    padding-top: 10px;
    background-color: #396B9A !important;
}

#user-menu > li {
    background: url(../images/pipe.png) no-repeat scroll 0 50% transparent;
    padding-left: 1px;
}

#user-menu > li.first {
    background: none;
}

#user-menu a {
    color: #CEE7F7;
    padding: 5px 10px;
}

#user-menu > li > span {
    font-weight: bold;
}

#current-flag {
    background: url(https://d2ccdkn2deadhl.cloudfront.net/assets/images/flags/us.png) no-repeat scroll 0 0 transparent;
    display: inline-block;
    width: 16px;
    height: 11px;
}

.flag {
    padding-left: 30px !important;
    background: url(https://d2ccdkn2deadhl.cloudfront.net/assets/images/flags/us.png) no-repeat scroll 10px 10px transparent;
}

.flag-pt {
    background-image: url(https://d2ccdkn2deadhl.cloudfront.net/assets/images/flags/pt.png) !important;
}

.flag-es {
    background-image: url(https://d2ccdkn2deadhl.cloudfront.net/assets/images/flags/es.png) !important;
}

/* Login Form (Quick) */
#quick-login-form {
    padding: 10px 20px;
}

#quick-login-form label {
    font-weight: bold;
    padding: 10px 1px 2px 1px;
    display: inline-block;
    color: #9ACC3F;
    top: 0;
}

#quick-login-form label.first {
    padding-top: 0;
}

#quick-login-form .textbox {
    width: 180px;
}

#quick-login-form .button {
    color: #fff;
    margin: 10px 1px 0 1px;
    font-weight: bold;
}

#quick-forgot-password {
    font-size: 12px;
    display: inline-block;
    padding: 10px 1px 0 1px !important;
}

#quick-login-form fieldset {
    border: none !important;
}

/* Message */
#message {
    margin-bottom: 20px;
    padding: 20px 54px;
    border: 1px solid #D5D5D5;
    background: url(../images/accept-32x32.png) no-repeat scroll 12px 12px #EDEDED;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    text-shadow: 0 1px 0 #FEFEFE;
}

#message.alert {
    background-image: url(../images/alert-32x32.png);
}

#message.error {
    background-image: url(../images/error-32x32.png);
}

#message.info {
    background-image: url(../images/info-32x32.png);
}

#message.smiley {
    background-image: url(../images/smiley-32x32.png);
}

.message-title {
    font-weight: bold
}

.message-body {
    margin-top: 5px;
}

#message ul {
    list-style: disc inside;
}

#message a {
    text-decoration: underline !important;
}

#resend-email {
    display: block;
    margin-top: 5px;
}

/* Menu */
#menu {
    font-size: 16px;
    margin-bottom: 20px;
}

#menu-container a {
    padding: 10px 20px;
}

#menu .active a {
    color: #314E64;
    font-weight: bold
}

#menu .active a:hover {
    text-decoration: none;
}

#cart {
    background: url(../images/shopping-cart.png) no-repeat scroll 24px 12px transparent;
    width: 20px;
    height: 20px;
}

#cart:hover {
    opacity: 0.8;
}

/* Body */

#body-inner {
    padding: 0 0 40px;
}

#content-container {
    width: 600px;
    position: relative;
}

.no-sidebar #content-container {
    width: 900px;
}

/* Login Page */
#forgot-password {
    font-size: 12px;
}

#reg-phone-container, #phone-container, #rate-phone-containerxxx {
    width: 190px;
}

#reg-dial-code, #dial-code, #country-code, #rate-dial-code {
    width: 37px;
    background-color: #EDEDED;
    color: #666666;
    text-shadow: 0 1px 0 #FEFEFE;
}

#reg-phone, #account-form #phone {
    width: 128px;
}

#agree-container {
    margin-left: 0;
}

#agree-container label {
    width: auto;
    float: none;
    top: 0;
}

/* Merchant Registration */
#dob-container {
    float: left;
    width: 190px;
}

#reg-owner-dob-year, #reg-owner-dob-month, #reg-owner-dob-day {
    width: 52px;
    float: left;
}

#reg-owner-dob-year {
    margin-right: 5px;
}

#reg-owner-dob-day {
    float: right;
}

/* Product List */
.product-container {
    width: 290px;
    margin-right: 15px;
    margin-bottom: 15px;
    float: left;
    cursor: default;
}

.product {
    border: 1px solid #dfdfdf;
    height: 200px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    position: relative;
    /*background: -moz-linear-gradient(center top , #f7f7f7, #fff) repeat scroll 0 0 transparent;
    background: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#fff));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#ffffff');*/
}

.product:hover {
    background-color: #f2f2f2 !important;
    border-color: #D5D5D5;
}

#products-container .last {
    margin-right: 0;
}

.product-icon {
    background-color: blue;
    margin-left: 10px;
    width: 64px;
    height: 64px;
    float: left;
    background: url(../images/product-icons-3.png) no-repeat scroll -290px -20px transparent;
}

.vanity-numbers .product-icon {
    background: url("../images/icons.png") no-repeat scroll -20px -28px transparent;

}

.bill .product-icon {
    background: url(../images/product-icons-2.png) no-repeat scroll -296px -198px transparent;
}

.debit .product-icon {
    background: url(../images/product-icons-2.png) no-repeat scroll -22px -204px transparent;
}

.mobile-wallet .product-icon, .wallet .product-icon {
    background: url(../images/product-icons-4.png) no-repeat scroll -110px -204px transparent;
}

.transfer .product-icon {
    background: url(../images/product-icons-4.png) no-repeat scroll -202px -294px transparent;
}

.global-sim-card .product-icon {
    background: url("../images/icons.png") no-repeat scroll -172px -24px transparent;
}

.sim-activation .product-icon {
    background: url("../images/product-icons-1.png") no-repeat scroll -110px -204px transparent;
}

.port-in .product-icon {
    background: url("../images/product-icons-3.png") no-repeat scroll -26px -198px transparent;
}

.money-transfer .product-icon {
    background: url("../images/product-icons-4.png") no-repeat scroll -289px -282px transparent;
}

.check-services .product-icon, .check-verification .product-icon {
    background: url("../images/product-icons-4.png") no-repeat scroll -289px -282px transparent;
}

.call-center .product-icon {
    background: url(../images/product-icons-1.png) no-repeat scroll -22px -116px transparent;
}

.pincard .product-icon, .pin-vouchers .product-icon {
    background: url(../images/product-icons-4.png) no-repeat scroll -22px -202px transparent;
}

.callshops .product-icon {
    background: url("../images/product-icons-1.png") no-repeat scroll -22px -26px transparent;
}

.resellers .product-icon {
    background: url("../images/product-icons-1.png") no-repeat scroll -110px -26px transparent;
}

.topup .product-icon {
    background: url("../images/icons.png") no-repeat scroll -96px -20px transparent;
}

.product-info-container {
    float: left;
    width: 214px;
}

.product-info {
    padding: 0 10px;
}

.product .info > a {
    padding: 10px;
    padding-left: 84px;
    font-size: 16px;
    display: inline-block;
    font-weight: bold;
}

.product-button {
    position: absolute;
    bottom: 15px;
    text-align: center;
    width: 100%;
}

.new {
    position: absolute;
    right: -10px;
    top: -10px;
    height: 50px;
    width: 50px;
    background-image: url(../images/new-50x50.png);
}

.new-item {
    background-image: url(../images/new-item-36x35.png);
    width: 36px;
    height: 35px;
    display: inline-block;
    position: absolute;
    right: -42px;
    top: -12px;

}

/* Products */
.phone-container {
    width: 190px;
    float: left;
}

.area-code {
    width: 37px !important;
    margin-left: 5px;
}

.phone-container .phone {
    /*width: 76px;*/
    width: 128px;
}

.option-list .radio, #bill-service .radio, #topup-carrier .radio, #pinless-product .radio, #pincard-product .radio, #debit-product .radio, #call-center-product .radio, #numbers-form-products .radio, #sim-product .radio, #merchant-equipment .radio, #sim-order .radio, #mobile-wallet-product .radio, #mobile-wallet-kit .radio {
    width: auto;
    border: none;
}

.option-list input.radio, #bill-service input.radio, #topup-carrier input.radio, #topup-country input.radio, #topup-amount input.radio, #bill-amount input.radio, #pinless-product input.radio, #pincard-product input.radio, #pincard-amount input.radio, #debit-product input.radio, #call-center-product input.radio, #numbers-form-products input.radio, #sim-product input.radio, #merchant-equipment input.radio, #sim-order input.radio, #mobile-wallet-product input.radio, #mobile-wallet-kit input.radio {
    position: relative;
    top: 5px;
    width: auto;
}

.option-list .label, .bill-service-label, .topup-carrier-label, .topup-country-label, .topup-amount-label, .bill-amount-denomination-label, .pinless-product-label, .pincard-product-label, .pincard-amount-label, .debit-product-label, .call-center-product-label, .numbers-product-label, .sim-product-label, .merchant-equipment-label, .sim-order-label, .mobile-wallet-product-label, .mobile-wallet-kit-label {
    display: inline-block;
    position: absolute;
    top: 5px;
    left: 32px;
    width: auto;
    white-space: nowrap;
}

.option-list label, #bill-service label, #topup-carrier label, #topup-country label, #topup-amount label.radio-label, #bill-amount label.denomination-label, #pinless-product label, #pincard-product label, #pincard-amount label, #debit-product label, #call-center-product label, #numbers-form-products label, #sim-product label, #merchant-equipment label, #sim-order label, .form-checkbox-label, #mobile-wallet-product label, #mobile-wallet-kit label {
    float: none;
    top: 0;
    vertical-align: middle;
    height: 24px;
    background: url(../images/creditcard.png) no-repeat scroll 0 0 transparent;
}

.option-list label.plain .label {
    left: inherit;
}

.option-list label.plain {
    background: none;
}

.form-checkbox-label {
    background: none;
}

#bill-service label.pgne {
    background: url(../images/pgne-16x16.ico) no-repeat scroll 8px 5px transparent;
}

#bill-service label.comcast {
    background: url(../images/comcast-16x16.ico) no-repeat scroll 8px 5px transparent;
}

#bill-service label.cox-cable {
    background: url(../images/cox-16x16.ico) no-repeat scroll 8px 5px transparent;
}

#bill-service label.dishnetwork {
    background: url(../images/dishnetwork-16x16.ico) no-repeat scroll 8px 5px transparent;
}

#bill-service label.mlgw {
    background: url(../images/mlgw-16x16.ico) no-repeat scroll 8px 5px transparent;
}

#bill-service label.sprint {
    background: url(../images/sprint-16x16.ico) no-repeat scroll 8px 5px transparent;
}

#bill-service label.direct-tv {
    background: url(../images/direct-tv-16x16.ico) no-repeat scroll 8px 5px transparent;
}

#bill-service label.socal-gas {
    background: url(../images/socal-gas-16x16.ico) no-repeat scroll 8px 5px transparent;
}

#bill-service label.ebmud {
    background: url(../images/ebmud-16x16.ico) no-repeat scroll 8px 5px transparent;
}

#bill-service label.sfwater {
    background: url(../images/sfwater-16x16.ico) no-repeat scroll 8px 5px transparent;
}

#bill-service label.sce {
    background: url(../images/sce-16x16.ico) no-repeat scroll 8px 5px transparent;
}

#bill-service label.city-san-jose-trash {
    background: url(../images/city-san-jose-16x16.ico) no-repeat scroll 8px 5px transparent;
}

#bill-service label.city-lodi {
    background: url(../images/city-lodi-16x16.ico) no-repeat scroll 8px 5px transparent;
}

#bill-service label.city-sacramento {
    background: url(../images/city-sacramento-16x16.ico) no-repeat scroll 8px 5px transparent;
}

#bill-service label.capital-one-credit-card {
    background: url(../images/capital-one-credit-card-16x16.ico) no-repeat scroll 8px 5px transparent;
}

#bill-service label.home-depot {
    background: url(../images/home-depot-16x16.ico) no-repeat scroll 8px 5px transparent;
}

#bill-service label.wm {
    background: url(../images/wm-16x16.png) no-repeat scroll 8px 5px transparent;
}

#bill-service label.farmers {
    background: url(../images/farmers-16x16.png) no-repeat scroll 8px 5px transparent;
}

#bill-service label.gtl {
    background: url(../images/gtl-16x16.ico) no-repeat scroll 8px 5px transparent;
}

#bill-service label.america-voice {
    background: url(../images/america-voice-16x16.ico) no-repeat scroll 8px 5px transparent;
}

#bill-service label.geico {
    background: url(../images/geico-16x16.ico) no-repeat scroll 8px 5px transparent;
}

#bill-service label.saws {
    background: url(../images/saws-16x16.ico) no-repeat scroll 8px 5px transparent;
}

#bill-service label.cfe {
    background: url(../images/cfe-16x16.ico) no-repeat scroll 8px 5px transparent;
}

#bill-service label.fastrak {
    background: url(../images/fastrak-16x16.png) no-repeat scroll 8px 5px transparent;
}

#bill-service label.calwater {
    background: url(../images/calwater-16x16.png) no-repeat scroll 8px 5px transparent;
}

#bill-service label.sjwater {
    background: url(../images/sjwater-16x16.ico) no-repeat scroll 8px 5px transparent;
}

#bill-service label.sky {
    background: url(../images/sky-16x16.ico) no-repeat scroll 8px 5px transparent;
}

#bill-service label.telgua {
    background: url(../images/telgua-16x16.ico) no-repeat scroll 8px 5px transparent;
}

#bill-service label.empagua {
    background: url(../images/empagua-16x16.png) no-repeat scroll 8px 5px transparent;
}

#bill-service label.telmex {
    background: url(../images/telmex-16x16.ico) no-repeat scroll 8px 5px transparent;
}

#bill-service label.precash {
    background: url(../images/precash-16x16.png) no-repeat scroll 8px 5px transparent;
}

#bill-service label.jail-atm {
    background: url(../images/jail-atm-16x16.png) no-repeat scroll 8px 5px transparent;
}

#bill-service label.boost-bill {
    background: url(../images/boost-16x16.ico) no-repeat scroll 8px 6px transparent;
}

#bill-service label.cricket-bill {
    background: url(../images/cricket-16x16-1.ico) no-repeat scroll 8px 5px transparent;
}

#bill-service label.smud {
    background: url(../images/smud-16x16.png) no-repeat scroll 8px 6px transparent;
}

#bill-service label.chevron {
    background: url(../images/chevron-16x16.ico) no-repeat scroll 8px 6px transparent;
}

#bill-service label.sears {
    background: url(../images/sears-16x16.ico) no-repeat scroll 8px 6px transparent;
}

#bill-service label.twc-socal {
    background: url(../images/twc-16x16.png) no-repeat scroll 8px 6px transparent;
}

#bill-service label.sdge {
    background: url(../images/sdge-16x16.png) no-repeat scroll 8px 6px transparent;
}

#bill-service label.infonavit {
    background: url(../images/infonavit-16x16.ico) no-repeat scroll 8px 6px transparent;
}

#bill-service label.county-sacramento {
    background: url(../images/county-sacramento-16x16.ico) no-repeat scroll 8px 6px transparent;
}

#bill-service label.frontier {
    background: url(../images/frontier-16x16.ico) no-repeat scroll 8px 6px transparent;
}

#bill-service label.best-buy, #bill-service label.best-buy-rz {
    background: url(../images/best-buy-16x16.png) no-repeat scroll 8px 6px transparent;
}

#bill-service label.virgin-bill {
    background: url(../images/virgin-16x16.ico) no-repeat scroll 8px 6px transparent;
}

#bill-service label.go-smart-mobile-bill {
    background: url(../images/go-smart-mobile-16x16.ico) no-repeat scroll 8px 6px transparent;
}

#bill-service label.target, #bill-service label.target-visa {
    background: url(../images/target-16x16.ico) no-repeat scroll 8px 6px transparent;
}

#bill-service label.jcp, #bill-service label.jcp-mc {
    background: url(../images/jcp-16x16.ico) no-repeat scroll 8px 6px transparent;
}

#bill-service label.city-napa-water {
    background: url(../images/city-napa-water-16x16.ico) no-repeat scroll 8px 6px transparent;
}

#bill-service label.city-gilroy {
    background: url(../images/city-gilroy-16x16.jpg) no-repeat scroll 8px 6px transparent;
}

#bill-service label.macys-retail-card, #bill-service label.macys-american-express {
    background: url(../images/macys-16x16.ico) no-repeat scroll 8px 6px transparent;
}

#bill-service label.banana-republic {
    background: url(../images/banana-republic-16x16.ico) no-repeat scroll 8px 6px transparent;
}

#bill-service label.pse {
    background: url(../images/pse-16x16.ico) no-repeat scroll 8px 6px transparent;
}

#bill-service label.city-olympia {
    background: url(../images/city-olympia-16x16.ico) no-repeat scroll 8px 6px transparent;
}

#bill-service label.fred-meyer {
    background: url(../images/fred-meyer-16x16.png) no-repeat scroll 8px 6px transparent;
}

#bill-service label.city-santa-clara {
    background: url(../images/city-santa-clara-16x16.png) no-repeat scroll 8px 6px transparent;
}

#bill-service label.clipper {
    background: url(../images/clipper-16x16.png) no-repeat scroll 8px 6px transparent;
}

#bill-service label.ladwp {
    background: url(../images/ladwp-16x16.png) no-repeat scroll 8px 6px transparent;
}

#bill-service label.republic-sanitary {
    background: url(../images/republic-sanitary-16x16.png) no-repeat scroll 8px 6px transparent;
}

#bill-service label.nationstar-mtg {
    background: url(../images/nationstar-mtg-16x16.ico) no-repeat scroll 8px 6px transparent;
}

#bill-service label.ocwen {
    background: url(../images/ocwen-16x16.jpg) no-repeat scroll 8px 6px transparent;
}

#bill-service label.harley-davidson-credit {
    background: url(../images/harley-davidson-16x16.ico) no-repeat scroll 8px 6px transparent;
}

#bill-service label.toyota-finance {
    background: url(../images/toyota-finance-16x16.png) no-repeat scroll 8px 6px transparent;
}

#bill-service label.honda-finance {
    background: url(../images/honda-finance-16x16.png) no-repeat scroll 8px 6px transparent;
}

#bill-service label.bank-of-america {
    background: url(../images/bank-of-america-16x16.ico) no-repeat scroll 8px 6px transparent;
}

#bill-service label.us-bank {
    background: url(../images/us-bank-16x16.ico) no-repeat scroll 8px 6px transparent;
}

#bill-service label.state-farm {
    background: url(../images/state-farm-16x16.ico) no-repeat scroll 8px 6px transparent;
}

#bill-service label.progressive-insurance {
    background: url(../images/progressive-insurance-16x16.png) no-repeat scroll 8px 6px transparent;
}

#bill-service label.ally-financial {
    background: url(../images/ally-financial-16x16.ico) no-repeat scroll 8px 6px transparent;
}

#bill-service label.citi-mortgage {
    background: url(../images/citi-mortgage-16x16.ico) no-repeat scroll 8px 6px transparent;
}

#bill-service label.acwd {
    background: url(../images/acwd-16x16.png) no-repeat scroll 8px 6px transparent;
}

#bill-service label.sswd {
    background: url(../images/sswd-16x16.png) no-repeat scroll 8px 6px transparent;
}

#bill-amount #loader {
    margin-top: 0;
}

#mobile-wallet-product label.mobile-wallet-product-kit {
    background: url(../images/kit-systems-16x16.ico) no-repeat scroll 8px 5px transparent;
}

#mobile-wallet-product label.mobile-wallet-product-paypal {
    background: url(../images/paypal-16x16.ico) no-repeat scroll 8px 5px transparent;
}

#mobile-wallet-product label.mobile-wallet-product-bitcoin {
    background: url(../images/bitcoin-16x16.ico) no-repeat scroll 8px 5px transparent;
}

#mobile-wallet-kit label.mobile-wallet-kit-create {
    background: url(../images/add-user-16x16.png) no-repeat scroll 8px 5px transparent;
}

#mobile-wallet-kit label.mobile-wallet-kit-fund {
    background: url(../images/money-add-16x16.png) no-repeat scroll 8px 5px transparent;
}

#mobile-wallet-kit label.mobile-wallet-kit-purchase {
    background: url(../images/basket-16x16.png) no-repeat scroll 8px 5px transparent;
}

#topup-carrier label.metro {
    background: url(../images/metro-16x16-1.ico) no-repeat scroll 8px 6px transparent;
}

#topup-carrier label.boost {
    background: url(../images/boost-16x16.ico) no-repeat scroll 8px 6px transparent;
}

#topup-carrier label.jolt {
    background: url(../images/jolt-16x16.png) no-repeat scroll 8px 6px transparent;
}

#topup-carrier label.cricket {
    background: url(../images/cricket-16x16-1.ico) no-repeat scroll 8px 5px transparent;
}

#topup-carrier label.simplemobile, #topup-carrier label.simplemobile-rtr {
    background: url(../images/simplemobile-16x16-1.ico) no-repeat scroll 8px 6px transparent;
}

#topup-carrier label.tmobile, #bill-service label.tmobile-wireless {
    background: url(../images/tmobile-16x16.ico) no-repeat scroll 8px 5px transparent;
}

#topup-carrier label.pageplus {
    background: url(../images/pageplus-16x16-1.ico) no-repeat scroll 8px 6px transparent;
}

#topup-carrier label.verizon, #bill-service label.verizon-home, #bill-service label.verizon-wireless, #bill-service label.verizon-fios {
    background: url(../images/verizon-16x16.ico) no-repeat scroll 8px 5px transparent;
}

#topup-carrier label.att, #bill-service label.att-sbc, #bill-service label.att-mobility, #bill-service label.att-wireless, #bill-service label.att-u-verse {
    background: url(../images/att-16x16.ico) no-repeat scroll 8px 5px transparent;
}

#topup-carrier label.tigo, #topup-carrier label.tigo-paqueton, #topup-carrier label.tigo-x4 {
    background: url(../images/tigo-16x16.gif) no-repeat scroll 8px 6px transparent;
}

#topup-carrier label.claro {
    background: url(../images/claro-16x16.ico) no-repeat scroll 8px 6px transparent;
}

#topup-carrier label.movistar {
    background: url(../images/movistar-16x16.png) no-repeat scroll 8px 8px transparent;
}

#topup-carrier label.lime {
    background: url(../images/lime-16x16.ico) no-repeat scroll 11px 6px transparent;
}

#topup-carrier label.digicel {
    background: url(../images/digicel-16x16.ico) no-repeat scroll 8px 5px transparent;
}

#topup-carrier label.telcel, #topup-carrier label.telcel-america {
    background: url(../images/telcel-16x16.ico) no-repeat scroll 8px 6px transparent;
}

#topup-carrier label.ufone {
    background: url(../images/ufone-16x16.ico) no-repeat scroll 8px 6px transparent;
}

#topup-carrier label.viva {
    background: url(../images/viva-16x16.ico) no-repeat scroll 8px 6px transparent;
}

#topup-carrier label.voila {
    background: url(../images/voila-16x16.ico) no-repeat scroll 8px 6px transparent;
}

#topup-carrier label.h2o {
    background: url(../images/h2o-16x16.png) no-repeat scroll 8px 6px transparent;
}

#topup-carrier label.virgin {
    background: url(../images/virgin-16x16.ico) no-repeat scroll 8px 6px transparent;
}

#topup-carrier label.sabafon {
    background: url(../images/sabafon-16x16.ico) no-repeat scroll 8px 6px transparent;
}

#topup-carrier label.red-pocket {
    background: url(../images/red-pocket-16x16.ico) no-repeat scroll 8px 6px transparent;
}

#topup-carrier label.net10 {
    background: url(../images/net10-16x16.ico) no-repeat scroll 8px 6px transparent;
}

#topup-carrier label.trac-fone {
    background: url(../images/trac-fone-16x16.ico) no-repeat scroll 8px 6px transparent;
}

#topup-carrier label.maroc-telecom {
    background: url(../images/maroc-telecom-16x16.ico) no-repeat scroll 8px 6px transparent;
}

#topup-carrier label.globe {
    background: url(../images/globe-16x16.png) no-repeat scroll 8px 6px transparent;
}

#topup-carrier label.mobilink {
    background: url(../images/mobilink-16x16.ico) no-repeat scroll 8px 6px transparent;
}

#topup-carrier label.ncell {
    background: url(../images/ncell-16x16.ico) no-repeat scroll 8px 6px transparent;
}

#topup-carrier label.nepal-telecom {
    background: url(../images/nepal-telecom-16x16.png) no-repeat scroll 8px 6px transparent;
}

#topup-carrier label.smart {
    background: url(../images/smart-16x16.ico) no-repeat scroll 8px 6px transparent;
}

#topup-carrier label.sun-cellular {
    background: url(../images/sun-cellular-16x16.ico) no-repeat scroll 8px 6px transparent;
}

#topup-carrier label.magic-jack {
    background: url(../images/magic-jack-16x16.ico) no-repeat scroll 8px 6px transparent;
}

#topup-carrier label.jawwal {
    background: url(../images/jawwal-16x16.png) no-repeat scroll 8px 6px transparent;
}

#topup-carrier label.lycamobile {
    background: url(../images/lycamobile-16x16.ico) no-repeat scroll 8px 6px transparent;
}

#topup-carrier label.ultramobile {
    background: url(../images/ultramobile-16x16.ico) no-repeat scroll 8px 6px transparent;
}

.topup-amount-label, .pincard-amount-label, .bill-amount-denomination-label {
    left: 4px;
}

#topup-country label, #topup-amount label.radio-label, #bill-amount label.denomination-label, #pincard-amount label {
    background: none;
}

#pinless-product label.pinless, #numbers-form-products label.pinless, #topup-carrier label.kit-global {
    background: url(../images/kit-systems-16x16.ico) no-repeat scroll 8px 5px transparent;
}

#pinless-product label.amigo, #numbers-form-products label.amigo {
    background: url(../images/amigo-16x16.ico) no-repeat scroll 8px 5px transparent;
}

#pinless-product label.boss-revolution, #numbers-form-products label.boss-revolution {
    background: url(../images/boss-revolution-16x16.png) no-repeat scroll 8px 5px transparent;
}

#pinless-product label.lock, #numbers-form-products label.lock {
    background: url(../images/lock-16x16.ico) no-repeat scroll 8px 5px transparent;
}

#pinless-product label.dollar-phone, #numbers-form-products label.dollar-phone {
    background: url(../images/dollar-phone-16x16.png) no-repeat scroll 8px 5px transparent;
}

#pinless-product label.qpay-123, #numbers-form-products label.qpay-123 {
    background: url(../images/qpay-16x16.ico) no-repeat scroll 8px 5px transparent;
}

#pinless-product label.habibi-tel, #numbers-form-products label.habibi-tel {
    background: url(../images/habibi-tel-16x16.png) no-repeat scroll 8px 5px transparent;
}

#pinless-product label.homies, #numbers-form-products label.homies {
    background: url(../images/homies-16x16.png) no-repeat scroll 8px 5px transparent;
}

#pinless-product label.mi-bandera, #numbers-form-products label.mi-bandera {
    background: url(../images/mi-bandera-16x16.png) no-repeat scroll 8px 5px transparent;
}

#pinless-product label.homies-vip, #numbers-form-products label.homies-vip {
    background: url(../images/homies-vip-1-16x16.png) no-repeat scroll 8px 5px transparent;
}

#pinless-product label.united-pinless, #numbers-form-products label.united-pinless {
    background: url(../images/united-pinless-16x16.ico) no-repeat scroll 8px 5px transparent;
}

#pinless-product label.sinpin, #numbers-form-products label.sinpin {
    background: url(../images/sinpin-16x16.png) no-repeat scroll 8px 5px transparent;
}

#pinless-product label.el-jefe, #numbers-form-products label.el-jefe {
    background: url(../images/el-jefe-16x16.jpeg) no-repeat scroll 8px 5px transparent;
}

#pinless-product label.black011, #numbers-form-products label.black011 {
    background: url(../images/black011-16x16.png) no-repeat scroll 8px 5px transparent;
}

#pinless-product label.pcrf, #numbers-form-products label.pcrf {
    background: url(../images/pcrf-16x16.png) no-repeat scroll 8px 5px transparent;
}

#pinless-product label.maestro-pinless, #numbers-form-products label.maestro-pinless {
    background: url(../images/maestro-pinless-16x16.png) no-repeat scroll 8px 5px transparent;
}

#pinless-product label.somalia011, #numbers-form-products label.somalia011 {
    background: url(../images/somalia011-16x16.png) no-repeat scroll 8px 5px transparent;
}

#pinless-product label.nobel-one, #numbers-form-products label.nobel-one {
    background: url(../images/nobel-one-16x16.ico) no-repeat scroll 8px 5px transparent;
}

#pincard-product label.sti-dabomb,
#pincard-product label.sti-extreme,
#pincard-product label.sti-a2z,
#pincard-product label.sti-africa,
#pincard-product label.sti-african-king,
#pincard-product label.sti-african-queen,
#numbers-form-products label.sti-a2z,
#numbers-form-products label.sti-africa,
#numbers-form-products label.sti-african-king,
#numbers-form-products label.sti-african-queen {
    background: url(../images/sti-24x24.gif) no-repeat scroll 2px 0px transparent;
}

#debit-product label.debit-product-order {
    background: url(../images/debit-card-16x16.png) no-repeat scroll 6px 6px transparent;
}

#debit-product label.debit-product-reload, #call-center-product label.call-center-product-add-funds, #sim-product label.sim-product-reload {
    background: url(../images/money-add-16x16.png) no-repeat scroll 6px 4px transparent;
}

#call-center-product label.call-center-product-api {
    background: url(../images/api-16x16.png) no-repeat scroll 6px 5px transparent;
}

#call-center-product label.call-center-product-call {
    background: url(../images/phone-16x16.png) no-repeat scroll 6px 5px transparent;
}

#sim-product label.sim-product-order, #sim-order label.sim-order-standard, #sim-order label.sim-order-micro {
    background: url(../images/sim-card-16x16.png) no-repeat scroll 6px 5px transparent;
}

#sim-product label.sim-product-rates {
    background: url(../images/calc-16x16.png) no-repeat scroll 6px 4px transparent;
}




#sim-product label.mobile-wallet-kit-purchase {
    background: url(../images/basket-16x16.png) no-repeat scroll 6px 4px transparent;
}

.merchant-equipment-label {
    left: 8px;
}

#merchant-equipment label {
    background: none;
}

/* Order */
.order-item-description {
    font-weight: bold;
}

.order-total {
    border-top: 1px dashed #C4C4C4;
}

#merchant-fee {
    width: 40px;
}

.editable-fee {
    padding-top: 5px;
}

.order-info-icon {
    left: inherit;
    right: 0;
    top: 0;
}

.item-alert {
    position: static;
    background: url(../images/alert-16x16.png) no-repeat;
}

.cart-item-description ol li {
    list-style: decimal;
    margin-left: 20px;
}

/*
.guest .price, .user .price
*/
.merchant .price, .agent .price, .clerk .price {
    padding-right: 20px;
}

.wizard-page {
    margin-top: 20px;
}

.first-wizard-page {
    margin-top: 0;
}

#payment-method .radio {
    width: auto;
    border: none;
}

#payment-method input.radio {
    position: relative;
    top: 5px;
    width: auto;
}

.payment-method-label {
    display: inline-block;
    position: absolute;
    top: 8px;
    left: 42px;
    width: auto;
    white-space: nowrap;
}

#payment-method label {
    float: none;
    top: 0;
    vertical-align: middle;
    height: 32px;
    margin-left: 5px;
    background: url("../images/creditcard.png") no-repeat scroll 0 0 transparent;
}

#payment-method label.balance {
    background-image: url("../images/wallet-icon.png");
}

#payment-method label.ach {
    background-image: url("../images/ach-32x32.png");
}

#payment-method label.paypal {
    background: url("../images/paypal-32x32.png") no-repeat scroll 0 5px transparent;
}

#payment-method label.paypal-credit {
    background: url("../images/credit-cards-32x32.png") no-repeat scroll 0 2px transparent;
}

#payment-method label.google {
    background-image: url("../images/google.png");
}

#payment-method label.cash-deposit {
    background-image: url("../images/cash.png");
}

.cvv-icon {
    width: 34px;
    height: 22px;
    top: 2px;
    background-image: url(../images/cvv.png);
}

.invoice {
    width: 500px;
    padding: 10px 0;
}

.invoice-order-date {
    margin-bottom: 20px;
}

.cart-item-description {
    padding: 2px 0;
}

/* Misc */
/*
.rates-table {
    width: 185px;
}

.rates-table th {
    font-weight: bold;
}

.rates-table td {
    padding-top: 4px;
}
*/
/*
.rates-table li {
    background-color: #EDEFF4;
    border-bottom: 1px solid #D2D9E7;
    margin-top: 1px;
    padding: 5px;
}

.rates-table .rate-description {
    float: left;
}

.rates-table .rate-price {
    float: right;
}
*/

#access-numbers, .rates-table {
    width: 100%;
    border-bottom: 1px solid #d5d5d5;
}

#access-numbers th, .rates-table th {
    font-weight: bold;
    background-color: #EDEDED;
    border: 1px solid #d5d5d5;
    border-right: none;
    border-left: none;
}

#access-numbers th, #access-numbers td, .rates-table th, .rates-table td {
    width: 33%;
    padding: 3px 5px;
    /*text-align: center;*/
}

.rates-table th, .rates-table td {
    width: auto;
    text-align: left;
}

#distributor ul, #privacy ul, #debit-product ul, #vanity-numbers-product ul, #sim-product ul {
    padding-left: 14px;
    color: #A7D354;
}

#distributor li, #privacy li, #debit-product li, #vanity-numbers-product li, #sim-product li {
    list-style-type: square !important;
    margin-top: 4px;
}

#distributor li.first, #privacy li.first, #debit-product li.first, #vanity-numbers-product li.first, #sim-product li.first {
    margin-top: 0;
}

#distributor li span, #privacy li span, #debit-product li span, #vanity-numbers-product li span, #sim-product li span {
    color: #434343;
}

.sub-paragraph {
    margin-bottom: 10px !important;
}

#debit-product .sub-paragraph, #vanity-numbers-product .sub-paragraph, #sim-product .sub-paragraph {
    margin-bottom: 20px !important;
}

/* Bottom Banners */

#bottom-banners {
    border-top: 1px solid #ebebeb;
    margin-top: 20px;
    padding-top: 20px;
}

.bottom-banner {
    background-color: #FF7900;
    background: -moz-linear-gradient(center top , #FFCE2E, #FF7900) repeat scroll 0 0 transparent;
    background: -webkit-gradient(linear, left top, left bottom, from(#FFCE2E), to(#FF7900));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFCE2E', endColorstr='#FF7900');
    border: 1px solid #FF7900;
    color: #FFFFFF;
    font-weight: bold !important;
    cursor: pointer;
    border-left: none;
    border-right: none;
    width: 290px;
    float: left;
    margin-right: 15px;
}

.bottom-banner.last {
    margin-right: 0;
}

.bottom-banner:hover {
    background-color: #FC7D0F;
    background: -moz-linear-gradient(center top , #F9D361, #FC7D0F) repeat scroll 0 0 transparent;
    background: -webkit-gradient(linear, left top, left bottom, from(#F9D361), to(#FC7D0F));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F9D361', endColorstr='#FC7D0F');
}

.bottom-banner-icon {
    float: left;
    width: 72px;
    height: 72px;
}

.bottom-banner-text {
    float: left;
    width: 170px;
    padding-top: 8px;
    font-size: 15px;
}

#bottom-banner-merchant-account .bottom-banner-icon {
    background: url("../images/eftpos-72x72.png") no-repeat scroll -4px 0 transparent;
}

#bottom-banner-pos {
    background-color: #A485BD;
    background: -moz-linear-gradient(center top , rgba(113, 0, 255, 0.2), #A485BD) repeat scroll 0 0 transparent;
    background: -webkit-gradient(linear,left top,left bottom,from(rgba(113, 0, 255, 0.2)),to(#A485BD));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(113, 0, 255, 0.2)', endColorstr='#A485BD');
    border-color: #A485BD;
}

#bottom-banner-pos .bottom-banner-icon {
    width: 110px;
    background: url("../images/pos.png") no-repeat scroll 2px 0 transparent;
}

#bottom-banner-atm {
    background-color: #5B68EC;
    background: -moz-linear-gradient(center top , #B6B4F4, #5B68EC) repeat scroll 0 0 transparent;
    background: -webkit-gradient(linear,left top,left bottom,from(#B6B4F4),to(#5B68EC));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#B6B4F4', endColorstr='#5B68EC');
    border-color: #5B68EC;
}

#bottom-banner-atm .bottom-banner-icon {
    width: 70px;
    background: url("../images/atm-1.png") no-repeat scroll 0 0 transparent;
}

#bottom-banner-cash-advance {
    background-color: #19A831;
    background: -moz-linear-gradient(center top , #7ADD8A, #19A831) repeat scroll 0 0 transparent;
    background: -webkit-gradient(linear,left top,left bottom,from(#7ADD8A),to(#19A831));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7ADD8A', endColorstr='#19A831');
    border-color: #19A831;
}

#bottom-banner-cash-advance .bottom-banner-icon {
    width: 101px;
    background: url("../images/cash-advance.png") no-repeat scroll 0 4px transparent;
}

/* Tell a Friend */
#taf-form {
    position: absolute;
    top: 0;
    left: 920px;
    border: 1px solid #D5D5D5;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background-color: #f5f5f5;
    width: 155px;
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
}

#taf-form-inner {
    padding: 10px;
}

#taf-from-title {
    font-weight: bold;
    text-shadow: 0 1px 0 #FEFEFE;
    text-align: center;
    margin-bottom: 10px;
}

#taf-form-body {
    margin: 10px 0;
    text-align: left;
}

#taf-form-footer {
    text-align: center;
}

#taf-form-terms {
    margin-top: 5px;
}

.taf-label {
    margin-top: 4px;
}

#taf-form input {
    width: 125px;
}
/* Ext JS */

.x-body {
    font-family: tahoma, arial !important;
    outline: none;
    font-size: 13px !important;
    line-height: 1.3;
    color: #434343 !important;
    background-color: #f8f8f8;
}

.x-border-box .x-reset #wrapper * {
    box-sizing: content-box !important;
    -moz-box-sizing: content-box !important;
    -webkit-box-sizing: content-box !important;
}

/* Carousel */
.ux-carousel-container {
    overflow: hidden;
    position: relative;
}

.ux-carousel-slides-wrap {
    position: absolute;
    top: 0;
    left: 0;
}

.ux-carousel-slide {
    float: left;
    overflow: hidden;
}

/* Tab Panel */
.panel-background-gray {
    background-color: #E5E5E5;
    background-image: -moz-linear-gradient(center top , #F6F6F6 0%, #E5E5E5 100%);
    background-image: -webkit-linear-gradient(top, #F6F6F6 0%,#E5E5E5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F6F6F6', endColorstr='#E5E5E5');
}

.tabstrip {
    border-top: 1px solid #D6D6D6;
    margin-top: 20px;
}

.tabstrip.tabs {
    border-bottom: 1px solid #D0D0D0;
}

.tabstrip.tabs li:first-child {
    margin-left: 15px;
}

.tabstrip.tabs li {
    display: inline-block;
    font-weight: bold;
    line-height: 18px;
    margin-bottom: -1px;
    margin-left: 5px;
}

.tabstrip.tabs li > a {
  background-color: rgba(0, 0, 0, 0.05);
  border: 1px solid #D0D0D0;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  box-shadow: 0 3px 5px -3px rgba(0, 0, 0, 0.2) inset, 0 0 0 #000000;
  -webkit-box-shadow: 0 3px 5px -3px rgba(0, 0, 0, 0.2) inset, 0 0 0 #000000;
  color: #5A5A5A;
  margin-top: 14px;
  padding: 9px 18px;
  position: relative;
}

.tabstrip.tabs li > a:hover {
    color: #393c3d;
    border-bottom: 1px solid #d0d0d0;
}

.tabstrip > li > a {
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
  color: #5A5A5A;
  display: block;
  float: none;
  padding: 14px 10px;
  text-decoration: none;
  text-shadow: 0 1px 0 #FFFFFF;
}

.tabstrip.tabs .active > a, .tabstrip.tabs .active > a:hover {
  background-color: #F8F8F8;
  border-bottom-color: transparent;
  box-shadow: 0 0 0 #000000, 0 0 0 #000000;
  color: #393C3D;
}

.tabstrip.tabs li {
  font-weight: bold;
  line-height: 18px;
}

/* Partners */

.partner-splendor #logo {
    width: 200px;
    height: 82px;
    background: url(../images/splendor-logo-1.jpg) no-repeat scroll 0 0 transparent;
}

.partner-splendor #logo:hover {
    margin: 10px 0 2px;
    background: url(../images/splendor-logo-1.jpg) no-repeat scroll 0 0 transparent;
}

.partner-savi #logo {
    width: 230px;
    height: 70px;
    background: url(../images/savi-logo.png) no-repeat scroll 0 0 transparent;
}

.partner-savi #logo:hover {
    margin: 10px 0 2px;
    background: url(../images/savi-logo.png) no-repeat scroll 0 0 transparent;
}

/* Search box */
#tbx-search-container {
    width: 165px;
    margin-left: 54px;
    height: 26px;
    display: inline-block;
    background-color: #fff;
    margin-top: 5px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border: 1px solid #CCCCCC;
}

#tbx-search-container.active {
    box-shadow: 0 0 10px #CCCCCC;
    -moz-box-shadow: 0 0 10px #CCCCCC;
    -webkit-box-shadow: 0 0 10px #CCCCCC;
}

#tbx-search-container input.active {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

#tbx-search {
    width: 125px;
    height: 16px;
    padding: 2px !important;
    margin-top: 3px;
    margin-left: 3px;
    border: none !important;
    color: #666;
    font-size: 13px;
}

#tbx-search-button {
    display: inline-block;
    height: 26px;
    width: 26px;
    float: right;
    background: url(../images/magnifier.png) no-repeat scroll center center transparent;
    border-left: 1px solid #CCCCCC;
}

#tbx-search-button:hover {
    cursor: pointer;
    background-color: #ebebeb;
}