/* typography */
html, body { font-size: 11px; font-family: "Verdana", Arial, Helvetica, sans-serif; }
body { color: #000; }

h1, h2, h3, h4, h5, h6 { color: #111111 !important; font-weight: normal; }
h3 { font-size: 2em; margin-bottom: 0.75em; }

a, a:hover { color: #522f71 !important; text-decoration: underline; }

/* structure */
#wrap { }

#head { width: 100%; background: url('/public/assets/images/header.png') repeat-x;}
#head .banner { width: 980px; height: 80px; margin: 0 auto; clear: both; }
#head .logo h1 a {
    display: block;
    text-indent: -99999px;
    background: url('/public/assets/images/logo.png') top left no-repeat;
    height: 70px;
    width: 205px;
    margin: 7px 0 0 0;
}

#head .navigation { width: 980px; height: 32px; margin: 0 auto; background: url('/public/assets/images/navigation.png') repeat-x left bottom !important; }
#head .navigation ul li { padding: 0 10px; line-height: 27px; border: none !important; }
#head .navigation ul a { color: #000 !important; font-weight: bold; text-decoration: none; }
    #share-buttons { float: right; }

#head .login {margin-top: 15px; color: #FFFFFF; font-weight: normal; }
#head .login .text-input {width: 80px; border: 1px solid black; padding: 0; border-radius: 0; font-size: 9px; }
#head .login .button { padding: 0 2px; font-size: 9px; }
#head .login label {font-weight: normal; }
#head .login a { font-weight: bold; line-height: 1.2em; color: #FED637 !important; text-decoration: underline; }
#head .login a:hover { color: #FFFFFF !important; text-decoration: underline; }

#main-content { width: 980px; padding: 15px 0;}
#main-content .main { width: 560px; float: left; }

#main-content .sidebar { width: 310px; float: right; margin: 0 auto; }
#main-content .sidebar .panel { padding-bottom: 10px; clear: both; }

    .sidebar .superdeals .top { width: 310px; height: 29px; background: url('/public/assets/images/superdeals-top.png') no-repeat; }
    .sidebar .bottom { width: 310px; height: 10px; background: url('/public/assets/images/superdeals-bottom.png') no-repeat; }
    .sidebar .bg { width: 300px; background: url('/public/assets/images/superdeals-mid.png') repeat-y; padding: 10px 5px;}
    .sidebar .body { width: 290px; margin: 0 auto; overflow: hidden; }

    .sidebar .superdeals { font-weight: bold; color: #000 !important; }
    .sidebar .superdeals dt {padding: 2px 5px; text-transform: capitalize; }
    .sidebar .superdeals dd {padding: 2px 5px;}

    .sidebar .signup-teaser { text-align: center; color: #522F71; }
    .sidebar .signup-teaser h4 { width: 310px; height: 35px; text-indent: -9999px; background: transparent url('/public/assets/images/freesignup.png') top left no-repeat;}
    .sidebar .signup-teaser .signup_button {
        display: block;
        margin: 0 auto;
        height: 40px;
        width: 165px;
        text-indent: -9999px;
        background: url('/public/assets/images/signup-button.png') top left no-repeat;
    }

    #component-rates-superdeals-countries dt, #component-rates-superdeals-countries dd { width: 100%; margin-bottom: 5px;}
    #stunt-banner { width: 468px; height: 60px; margin-bottom: 3px; }

#footer { border-top: 1px solid #B0B0B0; color: #9B9B9B !important; display: block; padding: 5px 0; width: 980px; font-size: 11px; }
#footer ul { clear: both; text-align: center; margin-bottom: 2px; }
#footer ul li { padding: 0 10px; float: none; display: inline; border-right: 1px solid #9B9B9B; }
#footer a { color: #9B9B9B !important; text-decoration: underline; }
#footer a:hover { color: #522f71 !important; text-decoration: underline; }

/************ dashboard ***************/
#page-dashboard { margin: 10px 0; color: #522f71 !important; }
#page-dashboard h3 {margin: 0 auto; background: transparent url('/public/assets/images/teaser-text.png') center center no-repeat; text-indent: -99999px; }
#page-dashboard .webcall_step_1 { padding-left: 30px; background: transparent url('/public/assets/images/number-1.png') left center no-repeat; }
#page-dashboard .webcall_step_2 { padding-left: 30px; background: transparent url('/public/assets/images/number-2.png') left center no-repeat; }
#page-dashboard .webcall_step_3 { padding-left: 30px; background: transparent url('/public/assets/images/number-3.png') left center no-repeat; }
#page-dashboard .webcall_step_3 #call-button { width: 166px; height: 37px; background: transparent url('/public/assets/images/call-button.png') left center no-repeat; text-indent: -99999px; display: block; }
#page-dashboard #component-phone-to-phone-free-triall-call {float: left; }
#page-dashboard #phone-to-phone-form input {margin: 2px 0; }
#page-dashboard #phone-to-phone-form #phonenumber_from,
#page-dashboard #phone-to-phone-form #phonenumber_to { width: 150px; }
#page-dashboard #phone-to-phone-form #prefix-from,
#page-dashboard #phone-to-phone-form #prefix-to { width: 40px; margin-right: 2px; }
#page-dashboard #features_list {float: left; }
#page-dashboard #mapp_button { display: block; padding: 10px 0 0 50px;}
#page-dashboard #component-newsletter-signup { clear: both; }
#page-dashboard #component-newsletter-signup label { display: block; }
#select-country-from,
#phone-to-phone-form #select-country-to { height:25px; width: 220px; !important; }


/************ rates ***************/
#page-calling-rates-main .rates-tabs a,
#page-sms-rates-main .rates-tabs a,
#page-topup-rates-main .rates-tabs a,
#page-freetrial-rates-main .rates-tabs a{
    color: #000;
    font-size: 12px;
    font-weight: bold;
    line-height: 2.2em;
}
#page-calling-rates-main .rates-tabs ul li.active a,
#page-sms-rates-main .rates-tabs ul li.active a,
#page-topup-rates-main .rates-tabs ul li.active a,
#page-freetrial-rates-main .rates-tabs ul li.active a{
    background: transparent url('/public/assets/images/tab_rates_active.gif') no-repeat;
    width: 123px;
    height: 28px;
    padding: 0;
    text-align: center;
    border: none;
    margin: 0;
}
#page-calling-rates-main .rates-tabs ul li a,
#page-sms-rates-main .rates-tabs ul li a,
#page-topup-rates-main .rates-tabs ul li a,
#page-freetrial-rates-main .rates-tabs ul li a {
    background: transparent url('/public/assets/images/tab_rates_inactive.gif') no-repeat;
    width: 123px;
    height: 28px;
    padding: 0;
    text-align: center;
    border: none;
    margin: 0;
    text-decoration: none;
}

    #rates-table td.column-country,
    #rates-table td.column-rate,
    #rates-table td.column-vat{
        padding: 3px 7px !important; font-size: 12px !important; font-weight: normal !important; text-decoration: none !important;
    }
    #rates-table td.rates-letters { border-bottom: 1px solid #C0C0C0;  border-top: 1px solid #C0C0C0; padding: 4px !important;}
    #rates-table td.rates-letters a,
    #rates-table td.rates-letters span{
        font-size: 14px !important;
        font-weight: bold !important;
    }

.rates-tabs .topup { line-height: 14px !important; }
#rates-call #rcalc-register { color: #fff !important; }
#rates-call #rcalc-register:hover { color: #ccc !important; }

/* download */
#page-download h2 { font-size: 14px; font-weight: bold; }
#page-download strong { color: #522f71 !important; }

/* buy_credits */
#page-buycredits #component-login {float: left; margin-right: 30px; }

/* instructions */
#page-instructions-main td { vertical-align: middle; }
#page-instructions-main .step1to5 { padding: 5px 0;}

/* customerservice */
#component-customerservice-login .login-column { padding-right: 30px; }
#component-user-welcome_info span.cs-welcome { width: auto !important; }

/* local reseller signup */
#page-reseller-signup .content-box-header { border-bottom: 1px solid #522F71; }
#page-reseller-signup .label-want-to-be-listed a { text-transform: capitalize; font-weight: bold; }
#page-more-info-on-reselling .content-box-header { border-bottom: 1px solid; }
#page-more-info-on-reselling .content-moreinfo_on_reselling img { width: 430px; }

/* ways to call */
#ways-to-call h3 { font-weight: normal !important;}

/* mobilevoip */
#component-mobilevoip a { color: #000 !important; font-weight: bold; }
#component-mobilevoip .old-versions-link a { color: #522f71 !important; text-decoration: underline; font-weight: normal; }

/* signup */
#form-signup #refresh_captcha { padding-left: 75px; vertical-align: middle; }

/* customerservice */
#page-customerservice a.tabbedlink { color: #000 !important; font-size: 12px; font-weight: bold; text-decoration: none; }
#page-customerservice a.catlink { color: #555555 !important; font-size: 11px; font-weight: bold; text-decoration: none; }
#page-customerservice a:hover { color: #522F71 !important; }
#page-customerservice #questiontree .csbutton img { padding-top: 7px; }

/* myaccount */
#main-content.private { overflow: hidden; width: 1170px; }
#main-content.private .main { width: 100%; }
#main-ui { font-size: 12px; margin: 0 auto; width: 826px; }
#main-ui a { font-weight: bold; text-decoration: underline; }
#main-ui h1, #main-ui h2, #main-ui h3, #main-ui h4, #main-ui h5, #main-ui h6 { color: #222222; }
#component-buy-options form h4.enabled { color: #91AE08 !important; }
#main-ui .content-box-header h3 { font-size: 21px; }
#component-user-header-links a { font-weight: bold; }
#component-purchases-main h3, #component-calls-list_recent h3 { font-size: 14px; }
#component-user-welcome_info { margin-bottom: 5px; }
#component-user-welcome_info span.welcome-text { font-size: 12px; padding-right: 10px; margin-bottom: 0; float: left; font-weight: bold; padding-top: 4px; }
#component-user-welcome_info span.your_settings { display: none; }
#component-user-welcome_info span.logout { float: left; }
#component-user-welcome_info_status { margin-top: 15px; }

/*speed dial numbers*/
#component-speeddial .button-submit { background-color: #522F71 !important; }

/* helpdesk */
#helpdesk-main .helpdesk-item {width: 238px !important }

#most-viewed h3 { width: 96% !important; }


#component-login .text-input { width: 136px; border-color: #000000;}
#component-login .checkbox { margin: 5px 0!important; }
#component-login p { padding: 3px 0; }


#webcall-dialog-container .close-widget { text-decoration: none; }

#main-content.private .advertisement-banner { position: absolute; right: 0;}

/*subscriptions info*/
#page-country-subscriptions-info .visual-container,
#page-country-subscriptions-info .visual-container > div {
    width: unset;
}