/*
 Screen style    
 Site: eCardOne
*/
body { font-size: 75%; padding: 0; background: url(../images/bg/body.gif) repeat-x; }

/* Auto clearing floats */
#tabs:after, #tabs .nav:after, #inner:after, #content .inner:after, ul.horizontal:after, .account-form p:after, .account-form fieldset:after, .account .top:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }

/* Image replacement */
.ir { font-size: 1em; margin: 0; overflow: hidden; position: relative; }
.ir span { background-repeat: no-repeat; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1; }
.ir a { cursor: pointer; display: block; height: 100%; width: 100%; }
.ir a span { cursor: pointer; }

/* Wrapper */
#wrapper { width: 900px; margin: 26px auto; }

/* Header */
#header { position: relative; padding-top: 38px; }
#header .logo { width: 382px; height: 73px; position: absolute; top: 17px; left: 14px; }
#header .logo span { background-image: url(../images/text/logo.gif); }

/* Top navigation */
#top-nav { position: absolute; top: 0; right: -4px; }
#top-nav .accessibility { display: none; }
#top-nav li { float: left; background: url(../images/bg/sep1.gif) 0 55% no-repeat; padding-left: 11px; margin-left: 11px; }
#top-nav li.first { background: none; padding: 0; margin: 0; }
#top-nav a { color: #555; text-decoration: none; }
#top-nav a:hover { text-decoration: underline; }


#top-lang-nav { position: absolute; top: -15px; right: 19px;}
#top-lang-nav .accessibility { display: none; }
#top-lang-nav li { float: left; background: url(../images/bg/sep1.gif) 0 55% no-repeat; padding-left: 5px; margin-left: 5px; font-size:10px;}
#top-lang-nav li.first { background: none; padding: 0; margin: 0; }
#top-lang-nav a { color: #555; text-decoration: none; }
#top-lang-nav a:hover { text-decoration: underline; }



/* Tabs */
#tabs { margin-bottom: 20px; }

/* Tabs Navigation */
#tabs .nav { padding: 0 14px 16px 436px; background: url(../images/bg/section-a-nav.gif) bottom no-repeat; }
#tabs .nav li { float: left; margin-left: 3px; }
#tabs .nav .nav-a { margin: 0; }
#tabs .nav a { text-decoration: none; font-weight: bold; line-height: 1.07; display: block; padding: 12px 10px 17px 15px; width: 73px; height: 28px; }
#tabs .nav a strong { font-size: 1.17em; display: block; }
#tabs .nav a:hover { text-decoration: underline; }
#tabs .nav .nav-a a { width: 46px; padding: 17px 0 0 0; }
#tabs .nav .nav-a a img { display: block; }
#tabs .nav .nav-b a { background: #236fb7 url(../images/bg/nav-b.jpg) no-repeat; color: #fff; }
#tabs .nav .nav-c a { background: #ff5400 url(../images/bg/nav-c.jpg) no-repeat; color: #fff; }
#tabs .nav .nav-d a { background: #7ba606 url(../images/bg/nav-d.jpg) no-repeat; color: #fff; }
#tabs .nav .nav-e a { background: #3b3b3b url(../images/bg/nav-e.jpg) no-repeat; color: #fff; }

/* Tabs Navigation: Sections */
.section-b #tabs .nav { background: url(../images/bg/section-b-nav.gif) bottom no-repeat; }
.section-c #tabs .nav { background: url(../images/bg/section-c-nav.gif) bottom no-repeat; }
.section-d #tabs .nav { background: url(../images/bg/section-d-nav.gif) bottom no-repeat; }
.section-e #tabs .nav { background: url(../images/bg/section-e-nav.gif) bottom no-repeat; }

/* Tabs: Home */
.home #tabs { margin-bottom: 12px; }
.home #tabs .nav { padding: 0 14px 0 436px; background: none; }
.home .tab { height: 136px; padding: 58px 52px 61px 269px; position: relative; }
.home .tab h2 { font-size: 2em; font-weight: normal; margin-bottom: 14px; color: #fff; }
.home .tab h2.ir { width: 255px; height: 34px; }
.home .tab p { font-size: 1.17em; line-height: 1.36; }
.home .tab .button { position: absolute; left: 250px; top: 198px; margin: 0; }
.home .tab .button a { color: #fff; }
.home .tab .button img { display: block; }
.ui-tabs .ui-tabs-hide { display: none; }

/* Welcome Tab */
.home #welcome { background: url(../images/tabs/eCardone-official-home.jpg) no-repeat; color: #37495b; height: 144px; padding: 50px 49px 61px 359px; }
.home #welcome h2 { color: #388de5; margin-bottom: 26px; }
.home #welcome h2.ir { width: 357px; height: 27px; }
.home #welcome h2.ir span { background-image: url(../images/text/title-welcome.gif); }
.home #welcome p { margin: 0 0 0 6px; }
.home #welcome .button { left: 544px; margin: 0; }

/* Other Tabs */
.home #buy-sell { background: #236fb7 url(../images/tabs/buy-sell_ecurrency.jpg) no-repeat; color: #b0dcf8; }
.home #buy-sell h2.ir span { background-image: url(../images/text/title-buy-sell.gif); }
.home #exchange { background: #ff5400 url(../images/tabs/exchange_ecurrency.jpg) no-repeat; color: #f8c9b0; }
.home #exchange h2.ir span { background-image: url(../images/text/title-exchange.gif); }
.home #merchants { background: #759f06 url(../images/tabs/merchants.jpg) no-repeat; color: #dff8b0; }
.home #merchants h2.ir span { background-image: url(../images/text/title-merchants.gif); }
.home #banking { background: #515151 url(../images/tabs/banking.jpg) no-repeat; color: #cecece; }
.home #banking h2.ir span { background-image: url(../images/text/title-dgc-banking.gif); }

/* Inner */
#inner { margin-bottom: 24px; }

/* Inner: Home */
.home #inner { margin-bottom: 16px; }

/* Content */
#content { float: left; width: 538px; background: url(../images/bg/content.png) no-repeat; padding-top: 17px; }
#content .inner { background: url(../images/bg/content.png) bottom no-repeat; padding: 0 15px 12px 14px; }
#content h2 { background: url(../images/bg/line1.gif) bottom repeat-x; padding: 0 7px 5px 4px; margin: 0 -7px 9px -4px; }
#content h2.tab_fee2nd { background: url(../images/bg/line2.gif) bottom repeat-x; padding: 0 7px 5px 4px; margin: 0 -7px 9px -4px; }
#content h2.ir { background: none; padding: 0; margin: 0 0 9px 0; }
#content li { margin-bottom: 1.25em; }
#content li.lastt { margin-bottom: 1.25em; padding-left: 110px; margin-left:110px; margin-top:-60px;}
#content p.contact_first {margin: 0 5px 22px 13px; font-size:12px; font-weight:bold;}
#content li p { margin: 0; }
#content .hr { height: 1px; background: url(../images/bg/line1.gif) repeat-x; margin: 12px 0 20px 0; }
#content .scheme1 { margin: 39px 0 52px 38px; }
#content .scheme1 img { display: block; }
#content .pager { margin: 10px 0 5px 4px; }
#content .pager a { color: #236fb7; text-decoration: none; }

/* Horizontal List */
#content ul.horizontal li { float: left; width: 195px; margin: 0 0 5px 21px; }
#content ul.horizontal li.first { margin-left: 15px; }
#content ul.horizontal h3 { margin: 0 0 0 10px; }
#content ul.horizontal p { margin: 0 0 0 10px; }
#content ul.horizontal .number { float: none; margin: 0 0 10px 0;  }

/* Content: Home */
.home #content { background: #fff4e4 url(../images/bg/content-home-top.gif) no-repeat; padding: 19px 0 0 0; }
.home #content .inner { background: url(../images/bg/content-home-bottom.gif) bottom no-repeat; padding: 0 14px 14px 16px; }
.home #content h3 { font-size: 1.33em; padding: 5px 0 5px 0; margin: 0; }
.home #content h3 a { text-decoration: none; }
.home #content h3 img { margin-left: 6px; }
.home #content li { background: url(../images/bg/line2.gif) repeat-x; padding: 18px 14px 12px 4px; color: #333; }
.home #content li.first { background: none; padding-top: 0; }
.home #content li.last { padding-bottom: 0; }
.home #content p { margin: 0; }
.home #content .icon { float: left; margin-right: 15px; }
.home #content .icon img { display: block; }

/* Content: Sections */
.section-b #content h2 { color: #236fb7; } 
.section-c #content h2 { color: #ff5400; } 
.section-d #content h2 { color: #7ba606; } 

/* Content: News */
.news #content .inner { padding: 0 10px 12px 10px; }
.news #content h2 { color: #236fb7; margin: 0; } 
#content .news-list li { padding: 11px 4px 10px 4px; background: url(../images/bg/line1.gif) bottom repeat-x; margin-bottom: 0; }
#content .news-list .date { font-size: 0.92em; color: #236fb7; margin: 0; }
#content .news-list h3 { margin-bottom: 0.25em; }
#content .news-list h3 a { color: #236fb7; text-decoration: none; }

/* Content: One column layout */
.one-col #content { float: none; width: auto; background-image: url(../images/bg/content-one-col.png); padding-top: 18px; }
.one-col #content .inner { background-image: url(../images/bg/content-one-col.png); padding: 0 10px 35px 10px; }
.one-col #content h2 { margin-left: 6px; }

/* Content: eXchange layout */
.exchange #content { width: 598px; background-image: url(../images/bg/content-exchange.png); padding-top: 20px; }
.exchange #content .inner { background-image: url(../images/bg/content-exchange.png); padding: 0 16px 18px 15px; }
.exchange #content form { width: 260px; }
.exchange #content form.buy { float: left; }
.exchange #content form.sell { float: right; }
.exchange #content h2.ir { width: 195px; height: 23px; }
.exchange #content h2.title-buy-ecurrency span { background-image: url(../images/text/title-buy-ecurrency.gif); }
.exchange #content h2.title-sell-ecurrency span { background-image: url(../images/text/title-sell-ecurrency.gif); }
.exchange #content .hr { margin: 12px -3px 10px -5px; }
.exchange #content .submit { margin: 13px 0 0 45px; }
.exchange #content .submit input { display: block; }

/* Buy & Sell Table */
table.buy-sell { width: 260px; margin-bottom: -1px; }
table.buy-sell th { padding: 0 0 8px 0; font-weight: bold; }
table.buy-sell th label { font-weight: bold; }
table.buy-sell th.rate { font-weight: bold; color: #000; font-size: 0.92em; background: url(../images/bg/x.gif) left center no-repeat; padding: 14px 0; text-align: right; }
table.buy-sell th.rate span { font-size: 0.82em; }
table.buy-sell td { padding: 0 0 4px 0; vertical-align: middle; }
table.buy-sell td.right { text-align: right; width: 100px; }
table.buy-sell td select { width: 75px; }
table.buy-sell #want-to-buy { width: 143px; }
table.buy-sell #amount1 { width: 138px; }
table.buy-sell #want-to-sell { width: 155px; }
table.buy-sell #amount2 { width: 99px; margin-left: 2px; }

/* Conversion table */
.conversion-table { padding-bottom: 24px; background: url(../images/bg/conversion-table.jpg) bottom no-repeat; clear: both; margin-top: 13px; }
.conversion-table table { background: #e0f3ff; width: 260px; }
.conversion-table th { color: #fff; font-weight: bold; padding: 3px 7px 2px 7px; }
.conversion-table th.send { background: #6089a7 url(../images/bg/conversion-table-send-th.jpg) no-repeat; width: 117px; }
.conversion-table th.receive { background: #6089a7 url(../images/bg/conversion-table-receive-th.jpg) no-repeat; text-align: right; padding-right: 8px; }
.conversion-table .fee { background: url(../images/bg/conversion-table-fee.jpg) no-repeat; color: #284c65; font-weight: bold; text-align: center; font-size: 0.92em; padding: 10px 5px 0 5px; }
.conversion-table td.send { background: url(../images/bg/conversion-table-send-td.jpg) bottom no-repeat; padding: 0 20px 12px 8px; font-weight: bold; color: #739fbd; }
.conversion-table td.send strong { font-size: 1.83em; font-weight: normal; }
.conversion-table td.send strong span { font-size: 0.82em; }
.conversion-table td.receive { background: url(../images/bg/conversion-table-receive-td.jpg) bottom no-repeat; padding: 0 9px 12px 20px; font-weight: bold; color: #284c65; text-align: right; }
.conversion-table td.receive strong { font-size: 1.83em; font-weight: normal; }
.conversion-table td.receive strong span { font-size: 0.82em; }

/* Titles */
.title-how-it-works { width: 140px; height: 19px }
.title-how-it-works span { background-image: url(../images/text/how-it-works.gif); }
.title-banking span { background-image: url(../images/text/title-banking.gif); }
.title-signature span { background-image: url(../images/text/title-signature.gif); }
.title-news span { background-image: url(../images/text/title-news.gif); }
.title-fees span { background-image: url(../images/text/title-fees.gif); }
.title-help span { background-image: url(../images/text/title-help-blue.gif); }

/* Numbers */
#content li .number { float: left; padding-top: 12px; height: 35px; width: 47px; margin: 0 13px 0 0; background: url(../images/bg/number-default.gif) no-repeat; color: #434343; font-size: 2em; text-align: center; line-height: 1.0; }
#content li .number_ref { float: left; padding-top: 12px; height: 44px; width: 468px; margin: 0 13px 0 0; background: url(../images/bg/number-ref.gif) no-repeat; color: #434343; font-size: 2em; text-align: center; line-height: 1.0; }
#content li .number_ref2 { float: left; padding-top: 12px; height: 44px; width: 468px; margin: 0 13px 0 0; background: url(../images/bg/number-ref2.gif) no-repeat; color: #434343; font-size: 2em; text-align: center; line-height: 1.0; }

#content li .number_ref3 { float: left; padding-top: 12px; height: 44px; width: 468px; margin: 0 13px 0 0; background: url(../images/bg/number-ref3.gif) no-repeat; color: #434343; font-size: 2em; text-align: center; line-height: 1.0; }
#content li .number_ref4 { float: left; padding-top: 12px; height: 44px; width: 468px; margin: 0 13px 0 0; background: url(../images/bg/number-ref4.gif) no-repeat; color: #434343; font-size: 2em; text-align: center; line-height: 1.0; }

#content li .number_chat { float: left; padding-top: 12px; height: 35px; width: 47px; margin: 0 13px 0 10px; background: url(../images/bg/number-chat.gif) no-repeat; color: #434343; font-size: 2em; text-align: center; line-height: 1.0; }

#content li .number_business { float: left; padding-top: 12px; height: 35px; width: 47px; margin: 0 13px 0 10px; background: url(../images/bg/number-business.gif) no-repeat; color: #434343; font-size: 2em; text-align: center; line-height: 1.0; }

#content li .number_fax { float: left; padding-top: 12px; height: 35px; width: 47px; margin: 0 13px 0 10px; background: url(../images/bg/number-fax.gif) no-repeat; color: #434343; font-size: 2em; text-align: center; line-height: 1.0; }
#content li .number_faq { float: left; padding-top: 12px; height: 35px; width: 47px; margin: 0 13px 0 10px; background: url(../images/bg/number-faq.gif) no-repeat; color: #434343; font-size: 2em; text-align: center; line-height: 1.0; }
#content li .number_phone { float: left; padding-top: 12px; height: 35px; width: 47px; margin: 0 13px 0 10px; background: url(../images/bg/number-phone.gif) no-repeat; color: #434343; font-size: 2em; text-align: center; line-height: 1.0; }
#content li .number_email { float: left; padding-top: 12px; height: 35px; width: 47px; margin: 0 13px 0 10px; background: url(../images/bg/number-email.gif) no-repeat; color: #434343; font-size: 2em; text-align: center; line-height: 1.0; }


.section-b #content li .number { background-image: url(../images/bg/number-b.gif); color: #236fb7; } 
.section-c #content li .number { background-image: url(../images/bg/number-c.gif); color: #ff5400; } 
.section-d #content li .number { background-image: url(../images/bg/number-d.gif); color: #7ba606; } 

/* Sidebar */
#sidebar { float: right; width: 340px; font-size: 0.92em; line-height: 1.36; background: url(../images/bg/sidebar.gif) no-repeat; padding-top: 15px; }
#sidebar .inner { background: url(../images/bg/sidebar.gif) bottom no-repeat; padding: 0 14px 14px 15px; }
#sidebar h3 { color: #236fb7; font-size: 1.09em; background: url(../images/bg/line1.gif) bottom repeat-x; padding: 0 5px 8px 5px; margin: 0 -5px 10px -5px;  }
#sidebar ul { margin: -0.5em 0 1em 0; }
#sidebar li { padding-left: 12px; background: url(../images/bg/arrow1.gif) 0 4px no-repeat; margin-bottom: 0.35em; }
#sidebar p { margin-bottom: 1.5em; }
#sidebar img.left { float: left; margin: 4px 12px 5px 0; border: 1px solid #bfdfeb; }

/* Sidebar: Home */
.home #sidebar { background: none; padding: 0; font-size: 1em; line-height: 1.33; }
.home #sidebar .inner { background: none; padding: 0; }
.home #sidebar h3 { background: none; padding: 0; margin: 0 0 5px 0; }
.home #sidebar h3.ir { width: 225px; height: 16px; }
.home #sidebar h3 a { color: #1f66af; text-decoration: none; }
.home #sidebar .box { background-repeat: no-repeat; padding-top: 14px; margin-bottom: 14px; }
.home #sidebar .box .inner { background-repeat: no-repeat; background-position: bottom; padding: 0 18px 14px 14px; min-height: 69px; }
.home #sidebar .box .icon { float: right; margin: 0 0 0 11px; }
.home #sidebar .box .icon img { display: block; }
.home #sidebar .box p { margin: 0 0 0 14px; color: #333; }
.home #sidebar .banking, .home #sidebar .banking .inner { background-image: url(../images/bg/banking.gif); }
.home #sidebar .signature, .home #sidebar .signature .inner { background-image: url(../images/bg/signature.gif); }
.home #sidebar .news, .home #sidebar .news .inner { background-image: url(../images/bg/news.gif); }


/* Sidebar: eXchange layout */
.exchange #sidebar { width: 280px; background-image: url(../images/bg/sidebar-exchange.gif); }
.exchange #sidebar .inner { background-image: url(../images/bg/sidebar-exchange.gif); }
.exchange #sidebar .rate { margin: 0; }

/* Footer */
#footer { clear: both; margin: 0 14px; }
#footer p { float: left; color: #ff7b03; }
#footer .links { float: left; }
#footer .links li { float: left; background: url(../images/bg/sep1.gif) 0 65% no-repeat; padding-left: 9px; margin-left: 8px; }
#footer .links li.first { background: none; padding: 0; margin: 0; }
#footer .links a { color: #555; text-decoration: none; }
#footer .links a:hover { text-decoration: underline; }

/* Footer: Sections */
.section-a #footer p { color: #434343; }
.section-b #footer p { color: #236fb7; }
.section-c #footer p { color: #ff5400; }
.section-d #footer p { color: #7ba606; }
.section-e #footer p { color: #434343; }

/* Account: Login & Register */

/* Account: Wrapper */
.account #wrapper { margin-top: 34px; }

/* Account: Header */
.account #header { padding: 0; }
.account #header .warning { margin: 0; position: absolute; left: 21px; top: 24px; width: 670px;  }
.account #header .warning a { color: #5c91c3; font-weight: bold; text-decoration: none; }

/* Account: Tabs */
.account #tabs { margin: 0; }
.account #tabs .nav { padding: 0 14px 3px 739px; background: url(../images/bg/tabs-nav-account.gif) bottom right no-repeat; }

/* Account: Inner */
.account #inner { margin-bottom: 26px; }

/* Account: Content */
.account #content { float: right; width: 660px; background: #1e1e1e url(../images/bg/content-account.jpg) bottom no-repeat; padding: 0 0 38px 0; color: #a2a3a4; }
.account #content .inner { background: url(../images/bg/content-account.jpg) no-repeat; padding: 46px 32px 0 29px; }
.account #content .top { margin-bottom: 27px; }
.account #content h2 { color: #c3c3c3; font-size: 2em; font-weight: normal; margin: 0; }
.account #content .step { color: #999; font-size: 1.58em; float: right; width: 163px; margin: 0; }
.account #content .step strong { color: #fff; font-weight: bold; }
.account #content .step strong span { font-size: 1.26em; }

/* Account: Forms */
.account-form { clear: both; }
.account-form fieldset { padding: 24px 0 0 29px; margin: 0 0 8px -29px; background: url(../images/bg/fieldset.gif) no-repeat; width: 599px; }
.account-form fieldset.first { background: none; padding-top: 0; }
.account-form p { margin-bottom: 12px; }
.account-form p label { display: block; float: left; width: 85px; font-weight: bold; color: #fff; margin-top: 5px; line-height: 1.0; }
.account-form p label.two-lines { margin-top: 0; }
.account-form p .right label { float: none; width: auto; font-weight: normal; margin: 0 0 8px 7px; }
.account-form .right { display: block; margin-left: 91px; }
.account-form .right input, .account-form .right textarea, .account-form .right select { font-weight: bold; color: #000; display: block; float: left; }
.account-form .right input { width: 267px; padding: 6px 9px; background: #fff url(../images/bg/account-form-input.gif) no-repeat; border: none; }
.account-form .right select { width: 285px; padding: 6px 9px; }
.account-form .right textarea { width: 267px; height: 51px; padding: 6px 9px; background: #fff url(../images/bg/account-form-textarea.gif) no-repeat; border: none; }
.account-form .help { width: 164px; display: block; float: right; padding: 0 0 0 29px; font-style: normal; color: #a2a3a4; background: url(../images/bg/star.gif) left center no-repeat; line-height: 1.1; position: relative; top: 6px; }
.account-form .more-lines { top: 0; }
.account-form p.validation { margin: 0 0 12px 0; }
.account-form p.validation strong { display: block; float: left; width: 73px; color: #fff; }
.account-form p.validation .right img { vertical-align: top; margin: -2px 10px 0 0; }
.account-form .submit { margin: 8px 0 0 91px; }
.account-form .submit input { margin-right: 10px; vertical-align: middle; }

/* Account: Login, Login Form */
.login #content { padding-bottom: 48px; background-image: url(../images/bg/content-account-login.jpg);  }
.login #content .inner { background-image: url(../images/bg/content-account-login.jpg); }
.login .account-form p .right { margin-left: 79px; }
.login .account-form p label { width: 73px; }
.login .account-form p .right label { width: auto; }
.login .account-form .submit { margin: 24px 0 0 79px; } 
.login .account-form p.validation { margin-top: 25px; }

/* Account: Titles */
.title-login { width: 364px; height: 33px; }
.title-login span { background-image: url(../images/text/title-login.gif); }
.title-register { width: 343px; height: 34px; float: left; }
.title-register span { background-image: url(../images/text/title-register.gif); }

/* Account: Sidebar */
.account #sidebar { float: left; width: 240px; height: 172px; background: url(../images/bg/sidebar-account.jpg) no-repeat; position: relative; padding: 0; }
.account #sidebar .logo { width: 171px; height: 45px; position: absolute; top: 43px; left: 32px; }
.account #sidebar .logo span { background-image: url(../images/text/logo-account.gif); }
.account #sidebar .button { position: absolute; top: 120px; left: 10px; margin: 0; }
.account #sidebar .button img { display: block; }

/* Account: Footer */
.account #footer { margin-left: 269px; }
.account #footer p { color: #ff7b03; }