/* colors */
.red { color: #ff6c65 !important; }
.text_red_default { color: #ff0000 !important; }
.text_green { color: #16b798 !important; }
.text_black { color: #2e2d2c !important; }
.text_grey { color: #8f8f8f !important; }
.sm_color { color: #a02b49 !important; }
.text_orange { color: #ffbd40; }
.text_white { color: #ffffff !important; }

/* links */
    /* from grey to red*/
    a.hover_red { color: #8f8f8f; }
    a.hover_red:hover { color: #ff6c65 !important; }

    /* from red to darkgrey*/
    a.hover_darkgrey { color: #ff6c65 !important; }
    a.hover_darkgrey:hover { color: #6c6c69 !important; }

    /* arrowed */
    a.arrowed { padding-left: 15px; background: url('/common/pics/li_arrowed.png') no-repeat 0 3px; }

    a.defaul_styles_as_block,
    a.defaul_styles_as_block:hover { display: block; position: static !important; text-align: start; top: auto !important;
        left: auto !important; right: auto !important; bottom: auto !important; width: auto !important; padding: 0 !important;}

/* borders */
.no_border { border: 0 !important; }
.no_border_top { border-top: 0 !important; }
.no_border_bottom { border-bottom: 0 !important; }
.red_border { border: 1px solid #ff6c65 !important; }

.no_box_shadow { box-shadow: none !important; }
.box_shadow_inset_grey { box-shadow: inset 0 -4px 8px #E8E8E8 !important; }

.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
.clear-both { clear:both; }
.clear-left { clear: left; }
.clear-right { clear: right; }

p.delimiter { width: 100%; height: 1px; display: block; background: #cacaca; }

span.require_star { font-family: 'ProximaNova', sans-serif; font-size: 19px; vertical-align: middle;
    display: inline-block; margin: 0 5px 0 2px; color: #ff6c65; }

span.pdf_icon { display: block; height: 17px; width: 17px; background: url('/common/pics/sprite_image.png?t=03112015') no-repeat -401px -268px; }
div.pdf_icon_big { display: block; height: 138px; width: 126px; text-indent: -9999px; outline: 0;
    background: url('/common/pics/sprite_image.png?t=03112015') no-repeat 0 -370px; }

.add-to-ml-ico,
.products-in-basket-ico { display: inline-block; width: 24px; height: 24px; background: transparent url('/common/pics/hearts.png') no-repeat 0 0;
    line-height: 22px; text-align: center; font-size: 10px; color: #a02b49 !important; }
.add-to-ml-ico.active { background-position: 0 -48px; }
.add-to-ml-ico.personalized { background-position: 0 -72px; }

.products-in-basket-ico { line-height: 25px; background: transparent url('/common/pics/basket-ico.png') no-repeat; }

.visibility_hidden { visibility: hidden; }
.hide, .hidden, .invisible { display: none !important; }
.show { display: block; }
.display_inline { display: inline-block; }

.overflow_hidden { overflow: hidden !important; }
.overflow_hidden_y { overflow-y: hidden !important; }

/* float */
.fl { float: left !important; }
.fr { float: right !important; }
.no_float { float: none !important; }

/* widths */
.width_auto { width: auto !important; }
.width_half { width: 50% !important; }
.width_quarter { width: 25% !important; }
.width_fifth { width: 20% !important; }
.w40 { width: 40px !important; }
.w146 { width: 146px !important; }
.w160 { width: 160px; }
.w210 { width: 210px !important; }
.w221 { width: 221px; }
.w230 { width: 230px; }
.w272 { width: 272px; }
.w310 { width: 310px; }
.w380 { width: 380px; }
.w413 { width: 413px; }
.w437 { width: 437px !important; }
.w460 { width: 460px !important; }
.w474 { width: 474px !important; }
.w603 { width: 603px !important; }
.w848 { width: 848px !important; }
.w960 { width: 960px !important; }

/* height */
.height_auto { height: auto !important; }
.h100 { height: 100px; }

/* text alignments and decorations */
.text_left { text-align: left !important; }
.text_center { text-align: center !important; }
.text_right { text-align: right !important; }
.text_justify { text-align: justify !important; }
.text_uppercase { text-transform: uppercase !important; }
.text_no_uppercase { text-transform: none !important; }
.text_underline { text-decoration: underline; }
.text_no_underline { text-decoration: none !important; }
.text_strike_through { text-decoration: line-through !important; }
.text_normal { font-style: normal !important; }
.text_bold { font-weight: bold !important; }
.text_no_bold { font-weight: normal !important; }

/* vertical alignment */
.vertical_top { vertical-align: top; }

/* images align */
img.align_left { float: left; margin-right: 15px; }
img.align_right { float: right; margin-left: 15px; }
.align_center { display: block !important; margin: 0 auto !important; float: none !important; }

/* margin */
.no_margin { margin: 0 !important; }
.no_margin_top { margin-top: 0 !important; }
.no_margin_right { margin-right: 0 !important; }
.no_margin_bottom { margin-bottom: 0 !important; }
.no_margin_left { margin-left: 0 !important; }

.margin_top3 { margin-top: 3px !important; }
.margin_top5 { margin-top: 5px !important; }
.margin_top10 { margin-top: 10px !important; }
.margin_top15 { margin-top: 15px !important; }
.margin_top20 { margin-top: 20px !important; }
.margin_top30 { margin-top: 30px !important; }
.margin_top35 { margin-top: 35px !important; }
.margin_top50 { margin-top: 50px !important; }
.margin_top60 { margin-top: 60px; }
.margin_top110 { margin-top: 110px; }
.margin_bottom5 { margin-bottom: 5px !important; }
.margin_bottom10 { margin-bottom: 10px !important; }
.margin_bottom15 { margin-bottom: 15px; }
.margin_bottom20 { margin-bottom: 20px !important; }
.margin_bottom30 { margin-bottom: 30px !important; }
.margin_bottom40 { margin-bottom: 40px !important; }
.margin_bottom50 { margin-bottom: 50px !important; }
.margin_bottom60 { margin-bottom: 60px !important; }
.margin_bottom90 { margin-bottom: 90px; }
.margin_bottom110 { margin-bottom: 120px; }

.margin_right15 { margin-right: 15px !important; }
.margin_right20 { margin-right: 20px !important; }
.margin_right40 { margin-right: 40px !important; }
.margin_right50 { margin-right: 50px !important; }
.margin_right60 { margin-right: 60px !important; }
.margin_left10 { margin-left: 10px !important; }
.margin_left15 { margin-left: 15px !important; }
.margin_left20 { margin-left: 20px !important; }
.margin_left30 { margin-left: 30px !important; }
.margin_left50 { margin-left: 50px !important; }
.margin_left140 { margin-left: 140px !important; }
.margin_left159 { margin-left: 159px !important; }

.margin-y20 { margin-top: 20px !important; margin-bottom: 20px !important; }

/* padding */
.no_padding { padding: 0 !important; }
.no_padding_top { padding-top: 0 !important; }
.no_padding_right { padding-right: 0 !important; }
.no_padding_bottom { padding-bottom: 0 !important; }
.no_padding_left { padding-left: 0 !important; }

.padding15 { padding: 15px !important; }

.padding_top5 { padding-top: 5px !important; }
.padding_top10 { padding-top: 10px !important; }
.padding_top15 { padding-top: 15px !important; }
.padding_top20 { padding-top: 20px !important; }
.padding_top30 { padding-top: 30px !important; }
.padding_top50 { padding-top: 50px !important; }
.padding_right5 { padding-right: 5px; }
.padding_right15 { padding-right: 15px; }
.padding_right20 { padding-right: 20px; }
.padding_right30 { padding-right: 30px; }
.padding_right40 { padding-right: 40px !important; }
.padding_left5 { padding-left: 5px; }
.padding_left10 { padding-left: 10px !important; }
.padding_left20 { padding-left: 20px !important; }
.padding_left30 { padding-left: 30px; }
.padding_left40 { padding-left: 40px; }
.padding_left100 { padding-left: 100px !important; }

.padding_bottom10 { padding-bottom: 10px !important; }
.padding_bottom15 { padding-bottom: 15px !important; }
.padding_bottom20 { padding-bottom: 20px !important; }
.padding_bottom30 { padding-bottom: 30px !important; }
.padding_bottom40 { padding-bottom: 40px !important; }
.padding_bottom60 { padding-bottom: 60px; }

.padding_y5 { padding-top: 5px; padding-bottom: 5px; }
.padding_y10 { padding-top:10px; padding-bottom: 10px; }
.padding_y15 { padding-top: 15px; padding-bottom: 15px; }
.padding_y20 { padding-top: 20px; padding-bottom: 20px; }
.padding_x20 { padding-left: 20px; padding-right: 20px; }
.padding_x35 { padding-left: 35px !important; padding-right: 35px !important; }

/* font sizes */
.font_size10 { font-size: 10px !important; }
.font_size11 { font-size: 11px !important; }
.font_size12 { font-size: 12px !important; }
.font_size13 { font-size: 13px !important; }
.font_size14 { font-size: 14px !important; }
.font_size15 { font-size: 15px !important; *font-size: 14px !important; }
.font_size16 { font-size: 16px !important; }
.font_size17 { font-size: 17px !important; }
.font_size19 { font-size: 19px !important; }
.font_size22 { font-size: 22px !important; }
.font_size24 { font-size: 22px !important; }

/* line_height */
.line_height17 { line-height: 17px !important; }
.line_height19 { line-height: 19px !important; }
.line_height32 { line-height: 32px !important; }
.line_height36 { line-height: 36px !important; }

/* background colors */
.bg_white { background: #ffffff !important; }
.bg_grey { background: #f6f6f4 !important; }
.no_bg { background: none !important; }

/* simulate disabled textarea */
.disabled_textarea { /*background: #EBEBE4 !important;*/ border: 1px solid #cacaca; /*color: #545454;*/ padding: 5px; }

/* opacity */
.opacity05 { opacity: 0.5; }
.opacity1 { opacity: 1 !important; }

/* cursors */
.cursor_default { cursor: default; }
.cursor_pointer { cursor: pointer !important; }

/* buttons */
.button { display: inline-block; font-family: 'ProximaNova', sans-serif; font-size: 13px; line-height: 12px; padding: 11px;
    position: relative; cursor: pointer; outline: 0; text-align: center; }
.button i { display: none; z-index: 92; }
.button.no_icon i { display: none !important; }

.options .button { padding: 8px 8px 6px 8px !important; }

.button.fbook.small, .button.fbook { background: #4e69a2; color: #ffffff; padding:0 8px !important; line-height:29px;
    margin-left:27px; -webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; font-weight: bold;
    -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px; border-radius:0 3px 3px 0;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4e69a2), to(#8b9dc3));
    background: -webkit-linear-gradient(top, #607ab2, #4e69a2);
    background: -moz-linear-gradient(top, #8b9dc3, #4e69a2);
    background: -ms-linear-gradient(top, #8b9dc3, #4e69a2);
    background: -o-linear-gradient(top, #8b9dc3, #4e69a2);
}
.button.fbook.small i, .button.fbook i { display: block; width: 29px; height: 29px; position: absolute; top: 0; left: -27px;
    background: url('/common/pics/fb_logo.png') no-repeat; z-index: 0; border-right:1px solid #fff;}
.button.fbook.small { font-size: 10px; font-weight: normal; line-height:21px; margin-left:20px; }
.button.fbook.small i { width: 19px; height: 21px; left: -20px; background: url('/common/pics/fb_logo.gif') no-repeat; }

/* buttons color */
    /* white */
    .button.white { background: #ffffff; color: #444444; }
    .button.white:hover { background: #ffffff; color: #8f8f8f; }

    /* grey */
    .button.grey { background: #edede9; color: #9b9b9b; }

    /* softpink */
    .button.softpink { background: #ffe2e1; color: #8f8f8f; }

    /* sendmoments color */
    .button.sm_color { background: #a13155; color: #ffffff !important; }

    /* orange */
    .button.orange { background: #ffbd40; color: #2e2d2c; }
    .button.orange:hover { background: #3b3b39; color: #ffffff; }

    /* back button */
    .button.back:hover i { display: block; width: 44px; height: 43px; position: absolute; top: -32px; left: 50%;
        margin-left: -22px; background: url('/common/pics/sprite_image.png?t=03112015') no-repeat -45px -87px; }

    /* cancel button */
    .button.cancel:hover i { display: block; width: 44px; height: 43px; position: absolute; top: -32px; left: 50%;
        margin-left: -22px; background: url('/common/pics/sprite_image.png?t=03112015') no-repeat -45px -129px; }

    /* save button */
    .button.save:hover i { display: block; width: 44px; height: 43px; position: absolute; top: -32px; left: 50%;
        margin-left: -22px; background: url('/common/pics/sprite_image.png?t=03112015') no-repeat -543px -43px;; }

    /* problem button */
    .button.problem:hover i { display: block; width: 44px; height: 43px; position: absolute; top: -32px; left: 50%;
        margin-left: -22px; background: url('/common/pics/sprite_image.png?t=03112015') no-repeat -543px -86px;; }

    /* add_more button */
    .button.add_more:hover i { display: block; width: 44px; height: 43px; position: absolute; top: -32px; left: 50%;
        margin-left: -22px; background: url('/common/pics/sprite_image.png?t=03112015') no-repeat -499px -86px;; }

    /* save button */
    .button.done:hover i { display: block; width: 44px; height: 43px; position: absolute; top: -32px; left: 50%;
        margin-left: -22px; background: url('/common/pics/sprite_image.png?t=03112015') no-repeat -45px -172px; }

    /* wish button */
    .desktop .button.wish:hover i { display: block; width: 44px; height:43px; position: absolute; top: -30px; left: 50%;
        margin-left: -22px; background: url('/common/pics/sprite_image.png?t=03112015') no-repeat -289px -261px; }

    /* wish green button */
    .button.wish_green { color: #ffffff !important; }
    .desktop .button.wish_green:hover { background: #ccffcc; color: #3b3b39 !important; }
    .desktop .button.wish_green:hover i { display: block; width: 44px; height:43px; position: absolute; top: -30px; left: 50%;
        margin-left: -22px; background: url('/common/pics/sprite_image.png?t=03112015') no-repeat -333px -259px; }
    /* portal buttons */
    .button.snowy_mint {background: #cecece; color: #3b3b39;}
    .button.snowy_mint:hover {background: #ccffcc; color: #3b3b39;}
    .button.laser_lemon {background: #cecece; color: #3b3b39;}
    .button.laser_lemon:hover {background: #FFFF66;color: #3b3b39 !important;}
    .button.yellow_orange {background: #cecece; color: #3b3b39;}
    .button.yellow_orange:hover {background: #ffbd40;color: #3b3b39 !important;}
    .button.torquoise_blue {background: #cecece; color: #3b3b39;}
    .button.torquoise_blue:hover {background: #65daeb;color: #3b3b39 !important;}

    /* poems button */
    .button.jungle_green {background: #cecece; color: #3b3b39;}
    .button.jungle_green:hover {background: #2bab85; color: #ffffff;}

    /* preview button */
    .button.preview:hover i { display: block; width: 44px; height: 43px; position: absolute; top: -32px; left: 50%;
        margin-left: -22px; background: url('/common/pics/preview_button.png') no-repeat; }

    /* next button */
    .button.next i { display: block; width: 19px; height: 34px; position: absolute; top: 0; right: -19px;
        background: url('/common/pics/sprite_image.png?t=03112015') no-repeat -96px 0; z-index: 0; }
    .mobile .button.next i { right: -18px; }
    .button.next:hover i { display: block; width: 19px; height: 34px; position: absolute; top: 0; right: -19px;
        background: url('/common/pics/sprite_image.png?t=03112015') no-repeat -96px -34px; }

    /* next button green */
    .button.next.green i { display: block; width: 0; height: 0; background: none; border-top: 17px solid transparent;
        border-bottom: 17px solid transparent; border-left: 19px solid #2bab85; position: absolute; top: 0; right: -19px;}
    .mobile .button.next.green i { right: -18px; }
    .desktop .button.next.green:hover i { display: block; width: 19px; height: 34px; position: absolute; top: 0; right: -19px;
        border: 0; background: url('/common/pics/sprite_image.png?t=03112015') no-repeat -96px -34px; transform: rotate(0deg); -webkit-transform: rotate(0deg);}

    /* back button green */
    .button.back.green i { display: block; width: 19px; height: 34px; position: absolute; top: 0; left: -19px;
        background: url('/common/pics/sprite_image.png?t=03112015') no-repeat -216px -370px; }
    .desktop .button.back.green:hover i { display: block; width: 19px; height: 34px; position: absolute; top: 0; left: -19px;
        background: url('/common/pics/sprite_image.png?t=03112015') no-repeat -216px -404px; margin-left: 0; }

    /* back button grey_black */
    .button.back.grey_black i { display: block; width: 19px; height: 34px; position: absolute; top: 0; left: -19px;
        background: url('/common/pics/sprite_image.png?t=03112015') no-repeat -216px -472px; }
    .desktop .button.back.grey_black:hover i { display: block; width: 19px; height: 34px; position: absolute; top: 0; left: -19px;
        background: url('/common/pics/sprite_image.png?t=03112015') no-repeat -216px -404px; margin-left: 0; }

    /* next button grey_black */
    .button.next.grey_black i { display: block; width: 19px; height: 34px; position: absolute; top: 0; right: -19px;
        background: url('/common/pics/sprite_image.png?t=03112015') no-repeat -235px -472px; }
    .desktop .button.next.grey_black:hover i { display: block; width: 19px; height: 34px; position: absolute; top: 0; right: -19px;
        background: url('/common/pics/sprite_image.png?t=03112015') no-repeat -96px -34px; margin-right: 0; }

    /* more button */
    .button.more { background: #ff6c65; color: #ffffff; }

    /* send button */
    .desktop .button.send:hover i { display: block; width: 44px; height: 43px; position: absolute; top: -32px; left: 50%;
    margin-left: -22px; background: url('/common/pics/sprite_image.png?t=03112015') no-repeat -152px -68px; }

    /* red button */
    .button.red { background: #ff6c65; color: #ffffff !important; }
    .desktop .button.red:hover { background: #3b3b39; color: #ffffff; }

    /* grey red button */
    .button.grey_red { background: #edede9; color: #9b9b9b; }
    .desktop .button.grey_red:hover { background: #ff6c65; color: #ffffff !important; }

    /* darkgrey red button */
    .button.darkgrey_red { background: #6c6c69; color: #ffffff; }
    .desktop .button.darkgrey_red:hover { background: #ff6c65; color: #ffffff !important; }

    /* green button */
    .button.green { background: #2bab85; color: #ffffff; }
    .desktop .button.green:hover { background: #3b3b39; color: #ffffff; }


    /* grey_black */
    .button.grey_black { background: #edede9; color: #9b9b9b; }
    .desktop .button.grey_black:hover { background: #3b3b39; color: #ffffff; }

    /* grey_green */
    .button.grey_green { background: #edede9; color: #9b9b9b; }
    .ui-dialog .button.grey_green i { display: block; width: 19px; height: 34px; position: absolute; top: 0; right: -19px;
        background: url('/common/pics/sprite_image.png?t=03112015') no-repeat -235px -472px; }
    .desktop .button.grey_green:hover { background: #2bab85; color: #ffffff; }
    .desktop .ui-dialog .button.grey_green:hover i { width: 0; height: 0; background: none; border-top: 17px solid transparent;
        border-bottom: 17px solid transparent; border-left: 19px solid #2bab85; }

	/* grey_black */
    .button.greyish_black { background: #cecece; color: #3b3b39; }
    .desktop .button.greyish_black:hover { background: #3b3b39; color: #ffffff; }

    /* black */
    .button.black { background: #3b3b39; color: #ffffff; }

    .button.left { float: left; left: 20px; }
    .button.right { float: right; right: 20px; }

    /* like button for unit */
    .button.like { background: #cecece; color: #3b3b39; position: relative; padding: 8px 22px 6px; text-transform: uppercase; }
    .desktop .button.like:hover,
    .button.like.active { background: #3b3b39; color: #ffffff; }

    /* edit button for unit */
    .button.edit { background: #2bab85; color: #ffffff; text-transform: uppercase; }
    .desktop .button.edit:hover { background: #3b3b39; color: #ffffff; }

    /* ecard */
    .button.ecard { padding: 6px 8px 5px 8px; background: #ffecba; color: #4b1c17; border: 2px solid #ffffff; }

    /* big with 2 borders */
    .button.big_two_borders { display: block; padding: 0; height: 53px; line-height: 53px; font-size: 26px;
        font-weight: bold; text-align: center; text-transform: none; border: 3px solid #ffffff; outline: 2px solid #2bab85; }

    /* buttons as icons (trusted icons from category page) */
    .button.trusted_icon { width: 33px; height: 31px; padding: 0; margin: 0 0 10px; text-indent: -9999px;
        background: url('/common/pics/sprite_image.png?t=03112015') no-repeat; }

    .button.trusted_icon.book { background-position: -653px -132px; }
    .button.trusted_icon.check { background-position: -685px 0; }
    .button.trusted_icon.car { background-position: -685px -97px; }
    .button.trusted_icon.star { background-position: -685px -64px; }

/* ul styles */
/* li with grey arrow */
.li_arrowed,
.li_arrowed_small  { padding: 0; }
.li_arrowed li,
.li_arrowed_small li  { display: block; list-style: none; padding-left: 17px; line-height: 20px;
    background: url('/common/pics/li_arrowed.png') no-repeat 0 5px;  }
.li_arrowed_small li { background-position: -2px 5px;  }

/* li with check icon*/
.li_check { margin: 0; padding: 0; }
.li_check li { display: block; list-style: none; margin-bottom: 20px; }
.li_check li i { float: left; width: 12px; height: 14px; background: url('/common/pics/sprite_image.png?t=03112015') no-repeat -178px -132px; }
.li_check li span { display: block; padding-left: 20px; margin: 0 !important; text-transform: none !important;
    font: normal 13.5px/18px 'Georgia', 'Century Schoolbook L', serif; }

.li-check-green { margin: 0; padding: 0; }
.li-check-green li { position: relative; display: block; list-style: none; margin-bottom: 5px; line-height: 1.4; }
.li-check-green li:before { display: inline-block; content: ''; width: 12px; height: 14px; margin-right: 5px;
    background: transparent url('/common/pics/checkmark-green.png'); }

.li_dotted, .teaser .li_arrowed { padding-left: 15px; width: 183px; }
.li_dotted li, .teaser .li_arrowed li { display: block; list-style: none; font-family: 'Georgia';
    font-size: 13.5px; line-height: 18px; margin-bottom: 20px; background: none; padding-left: 0; }
.li_dotted li i, .teaser .li_arrowed li i { display: block; float: left; width: 20px; height: 55px; margin-right: 5px; }
.li_dotted li i { background: url('/common/pics/sprite_image.png?t=03112015') no-repeat 0 -235px; height: 18px; }
.teaser .li_arrowed li i { background: url('/common/pics/li_arrowed.png') no-repeat 0 4px; }

.list_type_disc { list-style-type: disc; }

.li_arrowed_red li { position: relative; padding-left: 20px; }
.li_arrowed_red li:before { position: absolute; content: ''; display: block; width: 10px; height: 10px; top: 4px; left: 0;
    background: url('/common/pics/sprite_image.png?t=03112015') no-repeat 0 -10px; }

/* tables */
table.table { width: 100%; }
table.table tr.titles td { height: 60px; color: #ff6c65; font: normal 15px/19px 'Georgia', 'Century Schoolbook L', serif;
    text-align: center; background: none !important; }
table.table tr.titles td.w_260 { width: 260px; }
table.table tr { border-top: 1px solid #cacaca; }
table.table tr:last-child { border-bottom: 1px solid #cacaca; }
table.table tr:first-child + tr td { background: none !important; font-family: 'Georgia', 'Century Schoolbook L', serif; line-height: 19px; }
table.table tr td { width: 130px; height: 43px; line-height: 43px; font-family: 'ProximaNova', sans-serif; font-size: 15px;
    text-align: center; color: #2e2d2c; }
table.table tr td:first-child { width: 60px; text-align: left; }
table.table tr td:first-child + td,
table.table tr td:first-child + td + td + td + td,
table.table tr td:first-child + td + td + td + td +td + td { background: #f6f6f4; }

/* dialog box (jquery-ui) */
.ui-dialog.progressDialog { position: fixed; top: 50% !important; left: 50% !important; margin: -70px 0 0 -150px; }
.popup_panel { display: none; }
.check_field { border: 1px solid red !important; }
.right_box_container { width: 200px; }

/* loaders */
.loader_small, .loader_big { display: none; position: absolute; left: 0; top: 0; height: 245px; width: 100%;
    background: #ffffff url(../pics/ajax-loader_white.gif) no-repeat center center; opacity: 1; z-index: 5; }
.loader_big { height: 500px; z-index: 10; border:0; top:7px; left:7px; }
#dialog-confirm .loader_small { background-color: transparent; display: block; position: relative; height: 70px; }
div#loader { z-index: 77; display: none; position: absolute; width: 70px; height: 70px; border: 1px solid #333333; opacity: 0.5;
    background: #000 url('../html5/images/loader.gif') center center no-repeat; }
.loader { background: #f6f6f4 url('../html5/images/big_loader.gif') center center no-repeat; width: 100%; }
.price_column .loader_big { top: 0; left: 0; bottom: 0; right: 0; background-position: center center;
    height: auto; opacity: 0.5; }
.loader_inline { display: block; width: 128px; height: 128px; margin: 0 auto;
    background: transparent url('/common/pics/loader_inline.GIF') center center no-repeat; }

/* preview */
#preview { display: none; position: absolute; background: #ffffff; color: #ffffff; z-index: 77;}
#preview img { float: left; max-width: 500px; max-height: 700px; z-index: 77; }

/* error field */
.error_field { border: 1px solid #ff6c65 !important; }
.error_field label { color: #ff6c65; }
.error_block {display: inline-block; text-align: left;}

/* tooltip */
.tooltip { display: inline-block; position: relative; margin-left: 5px; top: 2px; }
.tooltip.question { width: 12px; height: 12px; line-height: inherit; background: url('/common/pics/sprite_image.png?t=03112015') no-repeat -558px -334px;}
.tooltip_content { display: none; position: absolute; min-width: 170px; top: 0; left: 100%; padding: 10px;
    font-style: normal; text-indent: 0; z-index: 99; color: #8f8f8f; background: #f6f6f4; box-shadow: 0 0 8px 2px #cacaca;
    border: 7px solid #ffffff; outline: 1px solid #cacaca\0/; *outline: 1px solid #cacaca\0/; }
.tooltip_content p,
.tooltip_content a { font: normal 13.5px/17px 'Georgia', 'Century Schoolbook L', serif !important; text-transform: none;
    margin: 0; }
.like:hover .tooltip_content { display: block !important; z-index: 11; top: 0; left: 20px;
    min-width: 120px; line-height: 19px; }

.pre_configuration .text_green, .personalization .text_green { display: none;  position: absolute;  top: 132%; left: 0;  right: auto;
    width: 150px; margin: 0 0 0 -10px; padding: 5px 0; text-align: center; background: #f6f6f4;
    box-shadow: 0 0 8px 2px #cacaca; border: 7px solid #ffffff; z-index: 1; }

/* position */
.position_fixed, .position-fixed, .positionFixed { position: fixed; }
.position_relative { position: relative }
.position_static { position: static !important; }

/* shipping payment flags and icons */
.flag, .pm_icon{ background: url('../pics/flags_payments_icon.png?t=10022015') no-repeat; float: left; display: inline-block;
    margin: 6px 20px 0 3px; }

.flag { width: 40px; height: 27px; }
.flag.germany{ background-position: 0 0;}
.flag.poland{ background-position: -40px 0;}
.flag.denmark{ background-position: -80px 0;}
.flag.austria{ background-position: -120px 0;}
.flag.netherlands{ background-position: -160px 0;}
.flag.czech_republic{ background-position: -200px 0;}
.flag.italy{ background-position: -240px 0;}
.flag.france{ background-position: -280px 0;}
.flag.luxembourg{ background-position: -320px 0;}
.flag.belgium{ background-position: -360px 0;}
.flag.spain, .flag.spanish_baleares, .flag.spanish_canarias, .flag.spanish_ceuta_y_melilla { background-position: -400px 0;}
.flag.sweden { background-position: -560px 0;}
.flag.switzerland { background-position: -440px 0;}
.flag.mexico {background-position: -480px 0;}
.flag.hungary {background-position: -520px 0;}
.flag.united_kingdom{ background-position: -600px 0;}

.pm_icon { height: 24px; margin: 6px 15px 0 4px; }
.pm_icon.paypal { margin: 11px 24px 0 5px; width: 70px; height: 18px; background-position: -82px -41px; }
.active .pm_icon.paypal, .accordion h2:hover .pm_icon.paypal { margin: 11px 24px 0 5px; width: 70px; height: 18px; background-position: -82px -59px; }
.pm_icon.credit_card { margin: 5px 42px 0 13px; width: 43px; height: 27px; background-position: -152px -41px; }
.active .pm_icon.credit_card, .accordion h2:hover .pm_icon.credit_card { margin: 5px 42px 0 13px; width: 43px; height: 27px; background-position: -152px -68px; }
.pm_icon.giropay { margin: 7px 35px 0 7px; width: 56px; background-position: -195px -41px; }
.active .pm_icon.giropay, .accordion h2:hover .pm_icon.giropay { margin: 7px 35px 0 7px; width: 56px; background-position: -195px -65px; }
.pm_icon.sofort { margin: 10px 33px 0 7px; width: 58px; height: 18px; background-position: -251px -41px; }
.active .pm_icon.sofort, .accordion h2:hover .pm_icon.sofort { margin: 10px 33px 0 7px; width: 58px; height: 18px; background-position: -251px -59px; }
.pm_icon.rechung { margin: 8px 44px 0 13px; width: 41px; background-position: 0 -41px}
.active .pm_icon.rechung, .accordion h2:hover .pm_icon.rechung { margin: 8px 44px 0 13px; width: 41px; background-position: 0 -65px}
.pm_icon.vorauskasse { margin: 8px 44px 0 13px; width: 41px; background-position: -41px -41px}
.active .pm_icon.vorauskasse, .accordion h2:hover .pm_icon.vorauskasse { margin: 8px 44px 0 13px; width: 41px; background-position: -41px -65px}
.pm_icon.p24 { margin: 10px 33px 0 7px; width: 58px; height: 20px; background-position: -310px -41px; }
.active .pm_icon.p24, .accordion h2:hover .pm_icon.p24 { margin: 10px 33px 0 7px; width: 58px; height: 20px; background-position: -310px -66px; }

/* grid structure */
.grid_50_50 {  }
.grid_50_50 > div:nth-of-type(1),
.grid_50_50 > div:nth-of-type(2) { width: 50%; float: left; }

/* scroll to top */
.scrollToTop { position:fixed; bottom: 75px; right:40px; padding: 3px 5px; display:none;  z-index: 99;
    background: #ffffff; border: 1px solid #cacaca; box-shadow: 1px 0 3px rgba(233,233,233,0.8); }
.scrollToTop i { display: inline-block; width: 6px; height: 8px; background: url('/common/pics/sprite_image.png?t=03112015') no-repeat -474px 0; }