html { margin: 0; padding: 0; width: 100%; height: 100%; }
body { position: relative; font-family: Arial; font-size: 14px; width: 100%; margin: 0; padding: 0 0 75px 0; color: #355d9e; background-color: #fff; }
img { border: 0; }
a { text-decoration: none; color: #fff; outline:0; }
a:hover { color: #fff; }

#home { min-height: 420px; background: transparent url(../images/home-bg.jpg) center top repeat-x; }
#home_header { height:65px; text-align:center; background: transparent url(../images/home-header.png) center 35px no-repeat; }
#home_fb_wrapper { height:65px; width:640px; margin: 0 auto; text-align: right; vertical-align: bottom;}
#home_fb { height:35px; width:35px; float: right; margin-top:30px;}
#home_aradszky_banner { width:261px; height:140px; float: right;margin-top:-60px;}
#home_banner { width:261px; height:127px; float: right;margin-top:-60px;}
#home_header_en { height: 65px; text-align:center; vertical-align:top; background: transparent url(../images/home-header-en.png) center 41px no-repeat; }
#home_bubble_holder { margin: 0 auto; width: 886px; }
#home_bubble_holder a { display: block; float: left; margin: 35px 0 0 0; width: 418px; height: 418px; }
.home_bubble { float: left; width: 418px; height: 418px; color: #fff; font-size: 16px; background: transparent url(../images/home-bubble-bg.png) 0 0 no-repeat; }
#home_mammutmail { margin: 35px 0 0 118px; width: 182px; height: 84px; background: transparent url(../images/home-mammutmail.png) 0 0 no-repeat; }
#home_mammutshare { margin: 51px 0 0 105px; width: 207px; height: 68px; background: transparent url(../images/home-mammutshare.png) 0 0 no-repeat; }
.home_bubble ul { width: 300px; height: 170px; margin: 25px 0 0 95px; padding: 0; list-style-type: none; }
.home_bubble ul li { margin: 10px 0; padding: 0 23px; background: transparent url(../images/list-item.png) left top no-repeat; }
#home_mammutmail_btn { margin: 10px 0 0 102px; width: 214px; height: 95px; background: transparent url(../images/home-mammutmail-btn.png) 0 0 no-repeat; }
#home_mammutmail_btn_en { margin: 10px 0 0 102px; width: 214px; height: 95px; background: transparent url(../images/home-mammutmail-btn-en.png) 0 0 no-repeat; }
#home_mammutshare_btn { margin: 10px 0 0 102px; width: 214px; height: 95px; background: transparent url(../images/home-mammutshare-btn.png) 0 0 no-repeat; }
#home_mammutshare_btn_en { margin: 10px 0 0 102px; width: 214px; height: 95px; background: transparent url(../images/home-mammutshare-btn-en.png) 0 0 no-repeat; }

#header { position: relative; min-height: 225px; background: #47c5df url(../images/header-bg.png) left bottom repeat-x; }
.header_content { margin: 0 auto; padding: 63px 2px 0 2px; width: 796px; height: 136px; color: #fff; }
#header_faq { position: relative; background: transparent url(../images/header-logo-faq.png) 0 13px no-repeat; }
#header_faq_en { position: relative; background: transparent url(../images/header-logo-faq-en.png) 0 19px no-repeat; }
#header_mammutmail { position: relative; background: transparent url(../images/header-logo-mammutmail.png) 0 19px no-repeat; }
#header_premium { position: relative; padding: 100px 2px 35px 2px; height: 160px; background: transparent url(../images/header-logo-mammutprem.png) 0 13px no-repeat; }
#header_premium_en { position: relative; padding: 100px 2px 35px 2px; height: 160px; background: transparent url(../images/header-logo-mammutprem-en.png) 0 19px no-repeat; }
#header_premium_info { width: 570px; height: 160px; float: left; border-right: 1px solid #6da7c6; }
#header_premium_order { padding: 0 14px; width: 196px; height: 160px; float: left; border-left: 1px solid #93d4ed; }
.header_login_out { left: 713px; width: 87px; height: 28px; position: absolute; top: 0; font-size: 13px; text-align: center; text-transform: uppercase; background: transparent url(../images/header-login-out.png) 0 0 no-repeat; }
.header_login_out a { display: block; padding: 5px 0 0 0; width: 87px; height: 23px; }
#header_logo { display: block; position: absolute; width: 300px; height: 60px; left: 0; top: 0; }

#container { margin: 0 auto; width: 800px; line-height: 16px; }
#content_left, #content_right { width: 394px; float: left; }
#content_left_new, #content_right_new { width: 394px; margin: 0 auto; }
#content_right { margin: 0 0 0 12px; }
#faq_mammut_mail_header, #faq_mammut_share_header { margin: 0 0 3px 0; height: 29px; }
#faq_mammut_mail_header { background: #fff url(../images/header-mammut-mail.png) right top no-repeat; }
#faq_mammut_share_header { background: #fff url(../images/header-mammut-share.png) right top no-repeat; }

.faq_mammut_top { height: 7px; background: #fff url(../images/faq-box-top.png) center top no-repeat; }
.faq_mammut_bottom { height: 7px; background: #fff url(../images/faq-box-bottom.png) center top no-repeat; }
.faq_mammut_content { padding: 20px; width: 354px; min-height: 390px; background: #fff url(../images/faq-box-center.png) center top repeat-y; }
.faq_mammut_content ul { margin: 0; padding: 0; list-style-type: none; }
.faq_mammut_content ul li { margin: 25px 0 0; padding: 0; min-height: 35px; }
.faq_mammut_content ul li:first-child { margin: 0; }
.faq_mammut_content ul li i { display: block; padding: 0 0 0 55px; font-style: normal; }

ul.terms_of_use, ul.terms_of_use ul { margin: 10px 0 0 0; padding: 0; list-style-type: none; }
ul.terms_of_use li { margin: 5px 0; padding: 0 23px; background: transparent url(../images/list-item.png) left top no-repeat; }
ul.terms_of_use li ul li { margin: 2px 0; }

.mammut_icons { display: block; float: left; background: transparent url(../images/mammutshare-icons.png) left top no-repeat; }
.icon_mail { width: 40px; height: 22px; background-position: 0px 0px; }
.icon_lock { width: 40px; height: 40px; background-position: 0px -22px; }
.icon_folder_plus { width: 40px; height: 28px; background-position: 0px -62px; }
.icon_pencil { width: 40px; height: 32px; background-position: 0px -90px; }
.icon_alert { width: 40px; height: 32px; background-position: 0px -122px; }
.icon_recipient { width: 40px; height: 30px; background-position: 0px -154px; }
.icon_picture { width: 40px; height: 28px; background-position: 0px -184px; }
.icon_link { width: 40px; height: 33px; background-position: 0px -212px; }
.icon_link_connected { width: 40px; height: 38px; background-position: 0px -245px; }
.icon_chat { width: 40px; height: 31px; background-position: 0px -283px; }
.icon_folder_minus { width: 40px; height: 29px; background-position: 0px -314px; }

.mammut_content_icons { background: transparent url(../images/mammutshare-content-icons.png) left top no-repeat; }
.icon_order { width: 39px; height: 31px; background-position: 0px 0px; }
.icon_customer { width: 39px; height: 29px; background-position: 0px -31px; }
.icon_customer_data { width: 39px; height: 26px; background-position: 0px -60px; }
.icon_payment_data { width: 39px; height: 25px; background-position: 0px -86px; }
.icon_channel_data { width: 39px; height: 26px; background-position: 0px -111px; }

.mammut_btns { background: transparent url(../images/mammutshare-btns.png) left top no-repeat; }
.mammut_btns_en { background: transparent url(../images/mammutshare-btns-en.png) left top no-repeat; }
.btn_payment { width: 169px; height: 28px; background-position: 0px 0px; }
.btn_payment_renewal { width: 199px; height: 28px; background-position: 0px -28px; }
.btn_save { width: 89px; height: 28px; background-position: 0px -56px; }
.btn_ok { width: 27px; height: 27px; background-position: 0px -84px; }
.btn_order { width: 159px; height: 32px; background-position: 0px -111px; }
.btn_send { width: 89px; height: 28px; background-position: 0px -143px; }

.mammut_upload { background: transparent url(../images/mammutshare-upload-bg.png) left top no-repeat;}
.mammut_upload_en { background: transparent url(../images/mammutshare-upload-bg-en.png) left top no-repeat; }
.upload_add { width: 372px; height: 227px; background-position: 0px 0px;}
.upload_modify { width: 372px; height: 227px; background-position: 0px -227px; }

.premium_boxes { background: transparent url(../images/premium-boxes.png) left top no-repeat; }
.premium_boxes_en { background: transparent url(../images/premium-boxes-en.png) left top no-repeat; }
.box_business { width: 230px; height: 230px; background-position: 0px 0px; }
.box_photo_printing { width: 230px; height: 230px; background-position: 0px -230px; }
.box_family { width: 230px; height: 230px; background-position: 0px -460px; }

.box_help_error { background: transparent url(../images/box-help-error.png) left top no-repeat; }
.help_top { width: 274px; height: 36px; background-position: 0px 0px; }
.help_content { margin: -18px 0 0 0; padding: 0 10px 3px 10px; width: 254px; background: transparent url(../images/box-help-content.png) 0 18px no-repeat; }
.help_bottom { width: 274px; height: 7px; background-position: 0px -36px; }
.error_top { width: 274px; height: 17px; background-position: 0px -43px; }
.error_content { padding: 5px 10px 2px 10px; width: 254px; background: transparent url(../images/box-error-content.png) left top repeat-y; }
.error_bottom { width: 274px; height: 8px; background-position: 0px -60px; }
.info_btn { padding: 9px 0 7px 0; width: 19px; height: 19px; display: none; position: absolute; right: -12px; cursor: pointer; background: transparent url(../images/btn-help.png) 0 9px no-repeat; }

.form_item { margin: 5px 0; width: 394px; position: relative; float: left; }
.form_item:hover .info_btn { display: block; }
form { margin: 0; padding: 0; }
label { margin: 10px 0 0 0; width: 105px; height: 25px; display: block; float: left; }
input[type="text"], input[type="password"], input[type="file"], input[type="submit"], textarea { font-family: Arial; font-size: 14px; line-height: 16px; color: #355d9e; border: 0; }
input[type="text"], input[type="password"], textarea { margin: 10px 10px 11px 10px; padding: 0; width: 255px; height: 16px; background-color: transparent; }
input[type="submit"] { cursor: pointer; }
textarea { height: 179px; resize: none; }
.placeholder { color: #355d9e; }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #355d9e; }
input:-moz-placeholder, textarea:-moz-placeholder { color: #355d9e; }
input:focus, textarea:focus { outline: 0; }
.input_content, .input_content_textarea { width: 275px; float: left; }
.input_content { height: 35px; background: transparent url(../images/input-bg.png) left top no-repeat; }
.input_content_textarea { height: 200px; background: transparent url(../images/textarea-bg.png) left top no-repeat; }
.field_help_holder, .field_error_holder { margin: 0px 0 5px 105px; width: 275px; display: none; }
.field_help_holder { color: #fff; }
.field_error_holder { color: #000; }
.field_active { border-radius: 8px; box-shadow: 0 0 2px 1px #355d9e; }
.field_error { border-radius: 8px; box-shadow: 0 0 2px 1px #ffcc00 !important; }

input#payment_submit { margin: 0 0 0 211px; }
input#save_submit { margin: 38px 0 0 304px; }
input#send_submit { margin: 10px 0 0 291px; }
#image_upload_content { margin: 36px 0 0 22px; overflow: hidden; }
input#bgr_image { width: 372px; height: 227px; font-size: 300px; opacity: 0; cursor: pointer; background-color: transparent; }
.image_upload_url { margin: 8px 0 0 22px; width: 374px; }
.image_upload_url label { width: 374px; }
.image_upload_url .info_btn { margin: 35px 85px 0 0; }

#premium_order_btn { margin: 30px 0 0 0; width: 159px; height: 32px; }
#premium_order_btn a { display: block; width: 159px; height: 32px; }
.content_premium { margin: 15px 0 0 0; float: left; padding: 70px 20px 0 20px; width: 190px; height: 160px; text-align: center; color: #fff; }
.premium_tip { margin: 50px 0 0 0; padding: 28px 382px 28px 20px; width: 400px; height: 80px; font-size: 13px; color: #000; background: transparent url(../images/premium-tip.png) left top no-repeat;}
.premium_tip a { color: #000; text-decoration: underline; }
.premium_tip a:hover { text-decoration: none; }
#channel_tipp1 { width:120px; height:110px;float: left; margin:-125px 0px 0px 450px;}
#channel_tipp2 { width:100px; height:110px;float: left; margin:-125px 0px 0px 570px;}

.header_content_icons {width: 354px; font-size: 16px; font-weight: bold; text-transform: uppercase; }
#header_order { padding: 8px 0 0 40px; height: 23px; }
#header_customer { margin: 20px 0 0 0; padding: 9px 0 0 40px; height: 20px; }
#header_customer_data { margin: 0 0 5px 0; padding: 8px 0 0 40px; height: 18px; }
#header_payment_data { margin: 45px 0 10px 0; padding: 7px 0 0 40px; height: 18px; }
#header_channel_data { margin: 0 0 -26px 22px; padding: 8px 0 0 43px; height: 18px; }

#footer
{
    position: fixed;
    left: 50%;
    bottom: 0;
    margin: 0 0 0 -527px;
    width: 1054px;
    height: 52px;
    text-align: center;
}

#footer_left { width: 90px; height: 52px; display: inline-block; background: #fff url(../images/footer-bg-left.png) 0 0 no-repeat; }
#footer_content { height: 52px; display: inline-block;  background: #fff url(../images/footer-bg-center.png) left bottom repeat-x; }
#footer_content ul { margin: 19px 0 0 0; padding: 0; height: 33px; list-style-type: none; }
#footer_content ul li { display: block; float: left; padding: 0 4px; height: 25px; font-size: 12px; text-transform: uppercase; border-right: 1px solid #bbbabf; }
#footer_content ul li:first-child { border-right: 0; }
#footer_content ul li a { display: block; padding: 5px 4px; height: 15px; font-family: Arial; font-size: 12px; color: #666; }
#footer_content ul li.premium { padding: 0 1px; }
#footer_content ul li.premium a { padding: 5px 7px; color: #fff; background: transparent url(../images/footer-hover.png) left top repeat-x; border: 1px solid #68adf3; border-radius: 5px; }
#footer_content ul li.footer_home { padding: 0 0 0 9px; height: 27px; }
#footer_content ul li.footer_home a { padding: 0; height: 27px; }
#footer_content ul li.footer_neo { padding: 4px 11px 0 5px; height: 18px; border-right: 0; }
#footer_content ul li.footer_neo a { padding: 0 4px; height: 18px; }
#footer_right { width: 90px; height: 52px; display: inline-block; background: #fff url(../images/footer-bg-right.png) 0 0 no-repeat; }

.fsp { margin: 0; padding: 0; width: 100%; height: 100%; position: fixed; visibility: visible; display: none; top: 0; left: 0; opacity: 0; z-index: 9999; }
.fsp_overlay { width: 100%; height: 100%; background-color: #000; opacity: .6; }

#login_panel { position: absolute; margin: 0 0 0 -154px; padding: 2px; top: 80px; left: 50%; width: 308px; height: 214px; background: transparent url(../images/login-box-bg.png) 0 0 no-repeat; }
#login_panel span { margin: 13px 0 15px 15px; display: block; font-size: 15px; color: #fff; }
#login_panel .input_content { margin: 0 0 10px 15px; float: none; }
#login_panel #forgotten_password { margin: 7px 0 6px 15px; width: 248px; height: 14px; font-size: 12px; float: left; }
#login_panel #forgotten_password a:hover { text-decoration: underline; }

.clear{ clear: both; }
.blue { color: #355d9e; }
.fwb { font-weight: bold; }
.upper { text-transform: uppercase; }
.medium_text { font-size: 16px; line-height: 26px; }
.bigger_text { font-size: 18px; line-height: 30px; }
.ml15_55 { margin: 15px 0 0 55px; }
.lh20 { line-height: 20px; }
.lh27 { line-height: 27px; }
.ml40 { margin: 0 0 0 40px; }