/* typography */
html, body { background: #EBEBEB; color: #000000; font-family: Arial; font-size: 12px; }
h1,h2,h3 { font-weight:	bold; }
h1 { font-size:	16px; margin-top: 1em; margin-bottom: 1em; }
h2 { font-size: 14px; margin-top: 1em; margin-bottom: 0.5em; }
h3 { font-size:	12px; margin-top: 0.2em; margin-bottom: 0.2em; }
p, ul {	margin-top:	0.4em; margin-bottom: 0.1em; }
a {	color: #7B7BB1;	font-weight: bold; text-decoration:	none; }

/* structure */
#wrap { width: 980px; margin-top: 30px; }
#head { width: 758px; height: 84px; background: url('/public/assets/images/header.gif') no-repeat scroll 0 0; padding-left: 223px; }
    #head h1 { margin: 0; }
    #head h1 a { display: block; text-indent: -99999px; }
    #head .login { margin-right: 30px; min-height: 44px; }
    #head #component-login { font-size: 9px; }
    #head #component-login label { font-weight: normal; }
    #head #component-login .text-input { border-radius: 0; width: 80px; font-size: 9px; padding: 2px; }
    #head #component-login .button { font-size: 9px; padding: 1px 7px; }
    #head #component-login .login-links .checkbox { margin: 0; vertical-align: middle; }
    #head #component-login .login-links label { margin-right: 30px; }
    #head #component-login .login-links a { vertical-align: middle; }
    #head .navigation { margin-left: 10px; }
    #head #main-navigation { display: inline-block; }
    #head .navigation ul li,
    #footer ul li { line-height: 12px; padding: 0 5px; border-right: 1px solid #7B7BB1; }
#main-content { width: 980px; background: #FF0047 url('/public/assets/images/leftheaderback.gif') repeat-y scroll 0 0; }
    #main-content .main-content-bottom { background: #EBEBEB url('/public/assets/images/bottom.gif') no-repeat scroll 0 0; height: 22px; }
    #main-content .sidebar.align-left { width: 219px; }
    #main-content .sidebar.align-left .logo { margin-top: 15px; }
    #main-content .main { width: 725px; background-color: #FFF; min-height: 530px; padding-left: 21px; padding-right: 15px; }
    #main-content .main #stunt-banner { margin: 25px 0; }
    #main-content .main .main-page { width: 430px; margin-left: 21px; }
    #main-content .main .main-page .content-box-header h3 { font-size: 22px; font-weight: normal; }
    #main-content .main .main-page .content-box-content,
    #main-content .main .main-page .content-box-content p { font-size: 14px; line-height: 17px; }
    #main-content .main .main-page.full { width: 700px; }
    #main-content .main .sidebar { width: 265px; }
    #main-content .main .sidebar .sidebar-panel {  }
    #main-content .main .bar,
    #main-content .main .sidebar .sidebar-separator { background: url('/public/assets/images/barsmall.gif') no-repeat scroll; height: 8px; width: 260px; padding: 5px 0; }
    #main-content .main .sidebar .sidebar-separator { background-position: 50% 50%; }

#footer { margin-top: 40px; text-align: center; }
#footer #footer-nav-top { display: inline-block; color: #7575B1; }
#footer #footer-disclaimer .top { color: #7575B1; }

/* containers */
.round-container { line-height: 14px; }
.round-container .top { height: 40px; width: 99.5%; background: #7B7BB1 url('/public/assets/images/panel11.gif') no-repeat scroll 0 0; overflow: hidden; }
.round-container .top-right { float: right; width: 96%; max-height: 25px; background: url('/public/assets/images/panel13.gif') no-repeat scroll top right; padding-top: 12px; padding-left: 10px; color: #FFF; font-size: 22px; font-weight: bold; line-height: 21px; }
.round-container .content { background: url('/public/assets/images/panel21.gif') repeat-y scroll top left;}
.round-container .main-content { background: url('/public/assets/images/panel23.gif') repeat-y scroll top right; width: 92%; padding: 10px 10px 0; text-align: left; }
.round-container .bottom { height: 10px; width: 96%; padding-left: 10px; background: url('/public/assets/images/panel31.gif') no-repeat scroll top left; }
.round-container .bottom-content { float: left; width: 96%; height: 10px; background: url('/public/assets/images/panel32.gif') repeat-x scroll 0 0; }
.round-container .bottom-right { float: right; width: 10px; height: 10px; background: url('/public/assets/images/panel33.gif') no-repeat scroll -1px 0; }
.round-container .top-right span { display: inline-block; margin-left: 10px; width: 90px; font-size: 11px; line-height: 11px; }
.round-container.red .top { background: #FF0047 url('/public/assets/images/panel_redl.gif') no-repeat scroll 0 0; }
.round-container.red .top-right { background: url('/public/assets/images/panel_redr.gif') no-repeat scroll top right; }

.small-round-container .top { height: 10px; width: 99.5%; height: 25px; background: #FF0047 url('/public/assets/images/panel1.gif') no-repeat scroll 0 0; overflow: hidden; }
.small-round-container .top-right { float: right; width: 96%; background: url('/public/assets/images/panel2.gif') no-repeat scroll top right; padding-top: 12px; padding-left: 10px; color: #FFF; font-size: 13px; font-weight: bold; }
.small-round-container .bottom { height: 10px; width: 95.5%; padding-left: 10px; background: #FF0047 url('/public/assets/images/panel4.gif') no-repeat scroll top left; }
.small-round-container .bottom-right { float: right; width: 9px; height: 10px; background: url('/public/assets/images/panel3.gif') no-repeat scroll -1px 0; }

/* sidebar panels */
.sidebar .download-mobile-app { width: 260px; text-align: center; }

#sidebar-invite { margin-bottom: 10px; }
#sidebar-invite .top-right a { color: #FFF; }
#sidebar-invite .top-right span { color: #FFFF00; }

#sidebar-download .download-text { width: 60%; }
#sidebar-download .download-text a { font-size: 14px; padding-top: 7px; display: block; }
#sidebar-download .download-text img { float: left; }
#sidebar-download .dl-nonwindows { margin-top: 20px; }
#sidebar-download .dl-nonwindows span { display: inline-block; padding-top: 8px; vertical-align: top; width: 165px; }

.sidebar-panel #component-phone-to-phone-free-triall-call .note { display: none; }
.sidebar-panel #phone-to-phone-form { padding-bottom: 40px; }
.sidebar-panel #phone-to-phone-form .text-input { border-radius: 0; width: 136px; font-family: Arial; font-size: 13px; padding: 2px; }
.sidebar-panel #phone-to-phone-form #call-button { margin-left: 5px; }
.sidebar-panel #phone-to-phone-form small { font-size: 10px; }
.sidebar-panel #phone-to-phone-form p { line-height: 14px; }
.sidebar-panel #phone-to-phone-form a { color: #FF0000; text-decoration: underline; }

.sidebar-panel .panel-newsletter-signup { padding: 5px 10px 0; }
.sidebar-panel .panel-newsletter-signup h3 { font-size: 22px; font-weight: normal; }
.sidebar-panel .panel-newsletter-signup p { font-size: 14px; line-height: 17px; }
.sidebar-panel .panel-newsletter-signup #newsletter_form .text-input { border-radius: 0; width: 160px; }

#component-rates-superdeals-countries .superdeals-countries-list { margin: 0; }
#component-rates-superdeals-countries dt, #component-rates-superdeals-countries dd { display: inline-block; width: 48%; }
#component-rates-superdeals-countries dt.even { margin-right: 5px;  }
#component-rates-superdeals-countries .country { display: inline-block; width: 75%; float: left; }

/* frontsite */
#page-dashboard { font-size: 14px; }
#page-dashboard h3 { font-size: 22px; font-weight: normal; }
#page-dashboard p { font-size: 14px; line-height: 17px; }
#page-dashboard a { color: #FF0047; font-size: 14px; }
#page-dashboard .bar { background-position: 0 50%; }
#page-dashboard .cheaper-telco-link { margin-top: 15px; }

.content-box-content .rates-wrapper { border: 0; border-top: 1px solid #000; }
.content-box-content .rates-tabs ul { display: inline-block; }
.content-box-content .rates-tabs li.active a { color: #000; }
#rates-table { width: 695px; font-size: 12px; }
#rates-table tr { border-bottom: 1px solid #7575BB; }
#rates-table .rates-letters { font-size: 14px; }
#rates-table .rates-letters a { font-weight: bold; }
#rates-table td.column-country .superdeal { font-size: 9px; color: #7575BB; font-weight: bold; }

#page-calling-rates-main .content-box-content { position: relative; }
#page-calling-rates-main .rates-text { width: 430px; }
#page-calling-rates-main .rates-text p a { color: #FF0047; }
#page-calling-rates-main .superdeals { width: 265px; height: 240px; z-index: 9999; position: absolute; top: -55px; right: 10px; }
#page-calling-rates-main .superdeals .round-container .top-right { padding-top: 4px; }
#page-calling-rates-main .superdeals a,
#page-calling-rates-main .superdeals .superdeals-countries-list { font-size: 11px; }
#page-calling-rates-main #rates-call { float: left;  }
#page-calling-rates-main .rates-tabs { margin-top: 80px; }
#page-calling-rates-main .rates-wrapper { border-top: 0; }
#page-calling-rates-main .rates-wrapper .detail { border-top: 1px solid #000; padding-top: 15px; }

#page-download #general-info h3 { font-size: 22px; font-weight: normal; }

#page-buycredits .content-box-content a { color: #FF0047; }
#page-buycredits .content-box-content .round-container { margin-top: 10px; }
#page-buycredits .content-box-content .round-container .top-right { line-height: 27px; padding-top: 8px; }
#page-buycredits .content-box-content .round-container .main-content { width: 94.7%; }
#page-buycredits .content-box-content .round-container .bottom { width: 97.3%; }
#page-buycredits .content-box-content .round-container .bottom-content { width: 97.6%; }
#page-buycredits .content-box-content #component-login { font-size: 11px; }
#page-buycredits .content-box-content #component-login .text-input { border-radius: 0; width: 120px; }
#page-buycredits .content-box-content #component-login a { color: #7575BB; }
.payment-subscription { margin-left: 15px !important;}
.payment-subscription select[name="pay_subscription"] { width: 170px !important;}

.content-box-content #ways-to-call h3 { font-size: 22px; font-weight: normal; }

#page-accessnumbers #component-accessnumbers { font-size: 12px; }
#page-accessnumbers #component-accessnumbers .accessnumbers-list { border: 1px solid #FF0047; }
#page-accessnumbers #component-accessnumbers .label { background-color: #FF0047; color: #FFF; }
#page-accessnumbers #component-accessnumbers .label p { padding: 0; }
#page-accessnumbers #component-accessnumbers #display_city_nr,
#page-accessnumbers #component-accessnumbers #display_city_local { font-size: 11pt; font-family: Verdana; }

#page-features-main .round-container { width: 480px; font-size: 12px; }
#page-features-main .round-container .top-right { font-size: 12px; }
#page-features-main .round-container .main-content { width: 95.4%; }
#page-features-main .round-container .bottom { width: 97.7%; }
#page-features-main .round-container .bottom-content { width: 97.8%; }

#page-instructions-main .content-box-content h2 { border-bottom: none; padding-bottom: 0; }
#page-instructions-main .content-box-content div ul { list-style-type: disc; list-style-position: inside; margin-left: 25px; font-size: 12px; line-height: 12px; }

#page-signup .content-box-header { display: none; }

#page-login-main .round-container { width: 400px; }
#page-login-main .round-container .main-content { width: 94.5%; }
#page-login-main .round-container .top-right { line-height: 27px; padding-top: 8px; }
#page-login-main .round-container .bottom { width: 97.3%; }
#page-login-main .round-container .bottom-content { width: 97.4%; }
#page-login-main #component-login .text-input { width: 150px; }

/* error page layout */
#wrap.error-page #main-content { width: 980px; padding: 0; }

/* MYACCOUNT 2.1 */
#wrap.private  #main-content .main .main-page.full { margin-left:0px; width: 730px; }
#main-ui { margin-top: 10px !important; }
#main-ui .header, #main-ui .body { width: 100%;}

/*images */

/* colors */

/* layout */
#component-buy-options .col1, #component-buy-options .col2 { margin-right: 5px !important; }
#component-buy-options .col1 { width: 230px !important; }
#component-buy-options .col2 { width: 376px !important; }
#component-buy-options .col3 { margin-right: 5px !important; }
#component-buy-options .item-block { margin: 20px 0 9px 15px !important; }
#component-user-welcome_info, #component-user-welcome_info a, #component-user-header-links a, #component-buy-options a { color: #FF0047 !important; }
#wrap #component-user-welcome_info .welcome-text { color: #222; font-size: 12px; margin-bottom: 0; }
#component-user-welcome_info span.welcome-text, #component-user-welcome_info span.logout { display: inline-block; }
#component-user-welcome_info span.your_settings { display: none; }
#component-user-welcome_info_status { margin-top: 0; }
#notice-container .notification { width : 228px !important; }
#main-ui #component-menu-tab_menu { width: 756px; margin-left: -15px; }
#component-menu-tab_menu ul.menu { margin-top: 0; }
#main-ui .main-tabs li a span { padding-right: 3px; }
#main-ui .main-tabs li.active a { padding: 0 4px !important; }
#main-ui .reseller-tab li.active a,
#main-ui #component-menu-tab_menu .main-tabs li.active a { font-size: 16px !important; padding-right: 4px !important; }
#main-ui .main-tabs li.active a span { padding-top: 18px; }
#main-ui .main-tabs #menu_purchases a span { padding-left: 31px; }
#main-ui .main-tabs #menu_using_site a span { padding-left: 25px; }
#main-ui .main-tabs #menu_your_settings a span { padding-left: 31px; }
#main-ui .reseller-tab #menu_local_agents a span { padding-left: 29px; }
#main-ui #contacts2-form .link-verify-later,
#payment-details-action .payment-info { font-size: 12px; }
#payment-overview #payment-summary #vat, #payment-overview #payment-summary #handling-fee { width: 80px !important; }
#payment-overview #payment-summary table td.amount .value { width: 45% !important; }

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

/* breadcrumbs*/
#breadcrumbs.bc li { padding-right: 20px !important;  margin-right: 3px !important;}

/* helpdesk */
#page-helpdesk { width: 650px;}
#helpdesk-main .helpdesk-item {width: 283px !important }
#most-viewed h3 { width: 97% !important; }
/* sms button */


#webcall-dialog .menus { margin-top: 0; }

#buycredit2-send-sms .send-sms-box { margin-right: 10px !important; }