/* Theme Name: okna-avrora Theme URI: http://okna-avrora.spb.ru Description: okna-avrora Version: 1.0 Author: retail-online Author URI: http://retailonline-russia.com */ /* GLOBAL --------------------------------------------------------------------------------- */ html, body, table, tr, td, h1, h2, h3, h4, h5, h6, b, i, u, a, span, form, img, ul, ol, p {margin: 0; padding: 0; border: 0; font-size: 100.01%;} html, body { position: absolute; width: 100%; height: 100%; font-family: Arial, sans-serif; font-size: 12px; line-height: 19px; color: #434242; background: #fff url(images/body_back.png) left top repeat-x; min-width: 990px; } /*.ie6 #global_container {width:expression(document.body.clientWidth < 990 ? "990px": "100%");}*/ table {border-collapse: collapse;} table td {vertical-align: top;} * a {cursor: pointer;} /* DESIGN --------------------------------------------------------------------------------- */ #all {width: 100%;} .leftpad, .rightpad {width: 7%; font-size: 1px; line-height: 1px;} #global_container .global_content {background: #fff; padding: 7px 10px;} #global_container {position: relative; height: 100%;} html>body #global_container {height: auto; min-height: 100%;} #pre_footer {height: 170px;} #footer {position: absolute; left: 0; bottom: 0; width: 100%; height: 110px;} #footer {background: #fff url(images/footer_back.gif) left top repeat-x;} #footer table {width: 100%;} #footer .pane {padding: 24px 0 0 0;} #footer .pane div {float: left;} #footer .pane .left {width: 5px; height: 66px; background: transparent url(images/footer_pane_l.gif) left top no-repeat;} #footer .pane .right {width: 4px; height: 66px; background: transparent url(images/footer_pane_r.gif) left top no-repeat;} #footer .pane .content {height: 66px; background: transparent url(images/footer_pane_back.gif) left top repeat-x; padding: 11px 12px; font-size: 13px; line-height: 19px; color: #090909;} #footer .pane .content a {color: #e40f63; text-decoration: underline; padding: 0 1px;} #footer .pane .content a:hover {background: #fff;} #footer .counters {padding: 41px 0 0 0;} #footer .counters .item {float: right; padding-left: 10px;} /* #header {height: 129px; background: #fff url(images/head_back.gif) left top repeat-x; margin-bottom: 9px;} #header .l {float: left; width: 2px; height: 129px; background: transparent url(images/head_back_l.gif) left top no-repeat;} #header .logo {float: left;} #header .logo a {display: block; padding: 18px 0 0 11px;} #header .logo a strong {display: block; text-indent: -7000px; width: 219px; height: 98px; background: transparent url(images/site_logo.gif) left top no-repeat;} #header .phone {float: right; /*padding: 41px 6px 0 0;*padding: 41px 29px 0 0;} #header .phone strong {display: block; text-indent: -7000px; width: 288px; height: 60px; background: transparent url(images/head_phone.gif) left top no-repeat;} #header .pane {float: right;} #header .pane .l {float: left; width: 23px; height: 128px; background: url(images/head_pane_l.jpg) left top no-repeat;} #header .pane .r {float: left; width: 2px; height: 129px; background: url(images/head_pane_2.gif) left top no-repeat;} #header .pane .content {float: left; width: 217px; height: 129px; background: url(images/head_pane.gif) left top repeat-x;} #header .r {float: right; width: 2px; height: 129px; background: transparent url(images/head_back_r.gif) left top no-repeat;} */ #header {height: 129px; background: #fff url(images/head_back.gif) left top repeat-x; margin-bottom: 9px; width:100%;} #header .l {float: left; width: 2px; height: 129px; background: transparent url(images/head_back_l.gif) left top no-repeat;} #header .logo {float: left;} #header .logo a {display: block; padding: 18px 0 0 11px;} #header .logo a strong {display: block; text-indent: -7000px; width: 219px; height: 98px; background: transparent url(images/site_logo.gif) left top no-repeat;} #header .pane {float: right;} #header .pane .l {float: left; width: 23px; height: 128px; background: url(images/head_pane_l.jpg) left top no-repeat;} /* #header .pane .r {float: left; width: 2px; height: 129px; background: url(../images/head_pane_2.gif) left top no-repeat;} */ #header .pane .r {float: left; width: 2px; height: 129px; background: url(images/head_pane_1.gif) left top no-repeat;} #header .pane .calc_pane {display: block; width: 200px; height: 101px; background: url(images/head_pane_calc.gif) left top no-repeat; text-indent: -7100px; margin: 17px 0 0 8px;} #header .pane .content {float: left; width: 217px; height: 129px; background: url(images/head_pane.gif) left top repeat-x;} #header .r {float: right; width: 2px; height: 129px; background: transparent url(images/head_back_r.gif) left top no-repeat;} #nav_gen {width: 100%; height: 40px; background: #fff url(images/nav_gen_back.gif) left top repeat-x; margin-bottom: 9px;} #nav_gen .l {width: 2px; background: transparent url(images/nav_gen_back_l.gif) left top no-repeat;} #nav_gen .r {width: 2px; background: transparent url(images/nav_gen_back_r.gif) left top no-repeat;} #nav_gen .pane_l {width: 3px; background: transparent url(images/nav_gen_pane_l.gif) left top no-repeat;} #nav_gen .search {width: 245px; background: transparent url(images/nav_gen_pane.gif) left top repeat-x;} #nav_gen .search form {padding: 13px 6px 0 18px;} #nav_gen .search form .input {float: left; padding-top: 1px;} #nav_gen .search form .input div {float: left;} #nav_gen .search form .input .l, #nav_gen .search form .input .r {width: 3px; height: 24px;} #nav_gen .search form .input .l {background: transparent url(images/search_input_l.png) left top no-repeat;} #nav_gen .search form .input .r {background: transparent url(images/search_input_r.png) left top no-repeat;} #nav_gen .search form .input .field {padding: 3px 7px 0 7px; height: 20px; background: transparent url(images/search_input_back.png) left top repeat-x;} #nav_gen .search form .input .field input {width: 127px; border: 0px;} #nav_gen .search form .button {float: right;} #nav_gen .search form .button input {width: 66px; height: 25px;} #nav_gen .item {background: transparent url(images/nav_gen_sep.gif) right 3px no-repeat;} #nav_gen .item.nosep {background-image: none;} #nav_gen .item a span {display: block; text-align: center; padding: 14px 12px 16px 12px; color: #484848; font-size: 16px; line-height: 16px; font-weight: bold;} #nav_gen .item a {text-decoration: none;} #nav_gen .item a.active {color: #e40f63;} #nav_gen .item a:hover span {background: transparent url(images/nav_gen_back_hover.gif) left top repeat-x;} #nav_gen .item2 {background: transparent url(images/nav_gen_sep2.gif) right 3px no-repeat;} #nav_gen .item2.nosep {background-image: none;} #nav_gen .item2 a span {display: block; text-align: center; padding: 14px 12px 6px 12px; color: #949693; font-size: 14px; line-height: 14px; font-weight: bold;} #nav_gen .item2 a {text-decoration: none;} #nav_gen .item2 a.active {color: #e40f63;} #nav_gen .item2 a:hover span {background: transparent url(images/nav_gen_back_hover2.gif) left top repeat-x;} #body {width: 100%;} #left_col {width: 175px; padding-right: 6px;} #nav_left {background: #fff url(images/nav_left_back.gif) left top repeat-y;} #nav_left .t {height: 6px; background: transparent url(images/nav_left_t.gif) left top no-repeat;} #nav_left .b {height: 8px; background: transparent url(images/nav_left_b.gif) left bottom no-repeat;} #nav_left .items .container {padding-bottom: 6px;} #nav_left .items strong {display: block; padding: 9px 10px 11px 12px; color: #e40f63; font-size: 14px; line-height: 21px; background: transparent url(images/nav_left_sep.gif) left bottom repeat-x;} #nav_left .items strong span {padding-right: 12px; background: transparent url(images/nav_left_bullet_1.gif) right bottom no-repeat;} #nav_left .items div a {display: block; color: #666666; font-size: 13px; line-height: 19px; background: transparent url(images/nav_left_sep.gif) left bottom repeat-x; text-decoration: none;} #nav_left .items div a span {display: block; padding: 7px 10px 7px 32px; background: transparent url(images/nav_left_bullet_2.gif) 12px center no-repeat; font-weight: bold;} #nav_left .items div a:hover span {color: #E40F63;} #nav_left .items div a.active {color: #E40F63;} #shri_container {width: 100%; height: 217px; margin-bottom: 1px;} #shri_container .act {width: 176px;} #shri_container .act a {display: block; margin-top: 1px;} #shri_container .act a strong {display: block; text-indent: -7000px;} #shri_container .act.t {border-bottom: 1px solid #fff;} #shri_container .act.t a {margin-top: 0px;} #shri_container .act.l, #shri_container .act.r {width: 175px;} #shri_image {background: #fff url(images/shri_image.jpg) left top no-repeat; border-right: 2px solid #fff;} .ie #nav_gen .item a span {padding-top: 16px;} .ie #nav_gen .search form {padding-top: 12px;} /* CONTENT --------------------------------------------------------------------------------- */ h2 {color: #e40f63; font-size: 17px; line-height: 21px; letter-spacing: 0.01em; margin-bottom: 10px; padding: 0 0 0 0;} #content {position: relative;} #content .head_spec {height: 36px; background: transparent url(images/content_pane_spec_back.gif) left top repeat-x;} #content .head_spec .l {float: left; width: 2px; height: 36px; background: transparent url(images/content_pane_spec_l.gif) left top no-repeat;} #content .head_spec .r {float: right; width: 2px; height: 36px; background: transparent url(images/content_pane_spec_r.gif) left top no-repeat;} #content .head_spec h1 {float: left; font-size: 21px; line-height: 29px; color: white; padding: 2px 9px 0 9px; font-weight: bold;} #content .articles_2_cols {padding: 21px 0 9px 21px;} #content .articles_2_cols .item {padding: 0 21px 19px 0; width: 49%;} #content .articles_2_cols .item .article_info .left {width: 127px;} #content .articles_2_cols .item .article_info .left img {border: 1px solid #c6c6c6;} #content .articles_2_cols .item .article_info .left .info span {color: #4c7ba1; font-size: 11px; line-height: 17px;} #content .articles_2_cols .item .article_info .left .info a {color: #4c7ba1; font-size: 11px; line-height: 17px; text-decoration: underline;} #content .articles_2_cols .item .article_info .left .info a:hover {text-decoration: none;} #content .articles_2_cols .item .article_info .content h2 {color: #434242; font-size: 18px; line-height: 21px; font-weight: normal;} #content .articles_2_cols .item .article_info .content h2 a {color: #434242; font-size: 18px; line-height: 21px; text-decoration: underline;} #content .articles_2_cols .item .article_info .content h2 a:hover {text-decoration: none;} #content .articles_2_cols .item .article_info .content p {font-size: 12px; line-height: 19px; color: #434242; padding: 7px 0;} #content .articles_2_cols .item .article_info .content a.readmore {color: #e40f63; font-size: 14px; line-height: 16px; text-decoration: underline;} #content .articles_2_cols .item .article_info .content a.readmore:hover {text-decoration: none;} #content .head {height: 37px; background: transparent url(images/content_pane_back.gif) left top repeat-x;} #content .head .l {float: left; width: 2px; height: 37px; background: transparent url(images/content_pane_l.gif) left top no-repeat;} #content .head .r {float: right; width: 3px; height: 37px; background: transparent url(images/content_pane_r.gif) left top no-repeat;} #content .head h1 {float: left; font-size: 21px; line-height: 29px; color: #e8035d; padding: 3px 9px 0 9px; font-weight: bold;} #content .article {padding: 16px 0 10px 12px;} #content .article .content p {text-indent: 12px; margin-bottom: 21px;} #content .article .pics {padding-left: 17px;} #content .article .pics .item {margin-bottom: 17px;} #content .article .pics .item img {border: 1px solid #c2c2c2;} #content .articles_list {padding: 21px 0 9px 21px;} #content .articles_list .item {margin-bottom: 27px;} #content .articles_list .item h2 {color: #434242; font-size: 18px; line-height: 21px; font-weight: normal; margin-bottom: 14px;} #content .articles_list .item h2 a {color: #434242; font-size: 18px; line-height: 21px; text-decoration: underline;} #content .articles_list .item h2 a:hover {text-decoration: none;} #content .articles_list .item .left {width: 200px; padding-top: 7px;} #content .articles_list .item .left img {border: 1px solid #c6c6c6;} #content .articles_list .item .content p {font-size: 12px; line-height: 19px; color: #434242; padding: 7px 0;} #content .articles_list .item .content a.readmore {color: #e40f63; font-size: 14px; line-height: 16px; text-decoration: underline;} #content .articles_list .item .content a.readmore:hover {text-decoration: none;} /* #content .shop_right_col {width: 212px; padding-top: 6px;} #content .shop_right_col .cart_pane {background: #fff url(images/shop_cart_pane.gif) left top no-repeat; padding: 12px 10px 12px 12px; margin-bottom: 7px;} #content .shop_right_col .cart_pane table {width: 191px;} #content .shop_right_col .cart_pane table .cart_i {width: 82px; background: transparent url(images/cart_cart.gif) left top no-repeat;} #content .shop_right_col .cart_pane table .data h2 {color: #e71b6c; font-size: 19px; padding: 0 0 6px 0; border-bottom: 1px solid #868585; font-weight: normal; margin-bottom: 4px;} #content .shop_right_col .cart_pane table .data p {color: #2d2d2d; font-size: 12px; line-height: 19px;} #content .shop_right_col .cart_pane table .data div .name {float: left; width: 65px;} #content .shop_right_col .cart_pane table .data div .value {float: left;} #content .shop_right_col .cart_pane .button_order {display: block; height: 28px; width: 188px; background: transparent url(images/button_order_cart_active.gif) left top no-repeat; text-indent: -7000px; margin-top: 14px;} #content .shop_right_col .shop_pane {width: 212px;} #content .shop_right_col .shop_pane .t, #content .shop_right_col .shop_pane .b {line-height: 1px; font-size: 1px;} #content .shop_right_col .shop_pane .t {height: 2px; background: transparent url(images/shop_right_pane_t.gif) left top no-repeat;} #content .shop_right_col .shop_pane .b {height: 3px; background: transparent url(images/shop_right_pane_b.gif) left top no-repeat;} #content .shop_right_col .shop_pane .content {background: transparent url(images/shop_right_pane_bg.gif) left top repeat-y; padding: 10px 16px 6px 12px;} #content .shop_right_col .shop_pane .content h2 {color: #e71b6c; font-size: 19px; line-height: 21px; padding-bottom: 7px; border-bottom: 1px solid #959494; margin-bottom: 7px;} #content .shop_right_col .shop_pane .content p {color: #3c3c3c; font-size: 13px; line-height: 21px; padding-bottom: 21px;} #content .shop_right_col .shop_pane .content h6 {color: #373737; font-size: 19px; line-height: 21px; font-weight: normal; } #content .shop_right_col .shop_pane .content sup {font-size: 14px !important;} #content .shop_list {padding: 27px 21px 21px 10px;} #content .shop_list .item {margin-bottom: 47px;} #content .shop_list .item table {width: 100%;} #content .shop_list .item .left {width: 126px;} #content .shop_list .item .left img {border: 1px solid #cccccc;} #content .shop_list .item .content h2 {margin-bottom: 9px;} #content .shop_list .item .content h2, #content .shop_list .item .content h2 a {font-size: 18px; line-height: 21px; color: #434242; font-weight: normal;} #content .shop_list .item .content h2 a {text-decoration: underline;} #content .shop_list .item .content h2 a:hover {text-decoration: none;} #content .shop_list .item .content p {padding-bottom: 11px; border-bottom: 1px solid #999999; margin-bottom: 6px;} #content .shop_list .item .content .controls .price {float: left;} #content .shop_list .item .content .controls .price span {font-size: 16px; line-height: 19px; padding-right: 7px;} #content .shop_list .item .content .controls .price strong {font-size: 19px; color: #e71b6c; font-weight: normal; line-height: 19px;} #content .shop_list .item .content .controls .buttons {float: right;} #content .shop_list .item .content .controls .buttons a {display: block; margin-left: 7px; float: right; text-indent: -7000px; background: transparent null left top no-repeat;} #content .shop_list .item .content .controls .buttons a.details {width: 99px; height: 25px; background-image: url(images/button_details_x2.gif);} #content .shop_list .item .content .controls .buttons a.buynow {width: 77px; height: 25px; background-image: url(images/button_buy_x2.gif);} #content .shop_list .item .content .controls .buttons a:hover {background-position: left bottom;} */ #content .shop_right_col {width: 212px; padding-top: 12px;} #content .shop_right_col .cart_pane {background: #fff url(images/shop_cart_pane.gif) left top no-repeat; padding: 12px 10px 17px 12px; margin-bottom: 7px;} #content .shop_right_col .cart_pane table {width: 191px;} #content .shop_right_col .cart_pane table .cart_i {width: 82px; background: transparent url(images/cart_cart.gif) left top no-repeat;} #content .shop_right_col .cart_pane table .data h2 {color: #e71b6c; font-size: 19px; padding: 0 0 6px 0; border-bottom: 1px solid #868585; font-weight: normal; margin-bottom: 4px;} #content .shop_right_col .cart_pane table .data p {color: #2d2d2d; font-size: 12px; line-height: 19px;} #content .shop_right_col .cart_pane table .data div .name {float: left; width: 65px;} #content .shop_right_col .cart_pane table .data div .value {float: left;} #content .shop_right_col .cart_pane .button_order {display: block; height: 28px; width: 188px; background: transparent url(images/button_order_cart_active.gif) left top no-repeat; text-indent: -7000px; margin-top: 14px;} #content .shop_right_col .shop_pane {width: 212px;} #content .shop_right_col .shop_pane .t, #content .shop_right_col .shop_pane .b {line-height: 1px; font-size: 1px;} #content .shop_right_col .shop_pane .t {height: 2px; background: transparent url(images/shop_right_pane_t.gif) left top no-repeat;} #content .shop_right_col .shop_pane .b {height: 3px; background: transparent url(images/shop_right_pane_b.gif) left top no-repeat;} #content .shop_right_col .shop_pane .content {background: transparent url(images/shop_right_pane_bg.gif) left top repeat-y; padding: 10px 16px 6px 12px;} #content .shop_right_col .shop_pane .content h2 {color: #e71b6c; font-size: 19px; line-height: 21px; padding-bottom: 7px; border-bottom: 1px solid #959494; margin-bottom: 7px;} #content .shop_right_col .shop_pane .content p {color: #3c3c3c; font-size: 13px; line-height: 21px; padding-bottom: 21px;} #content .shop_right_col .shop_pane .content h6 {color: #373737; font-size: 19px; line-height: 21px; font-weight: normal; } #content .shop_right_col .shop_pane .content sup {font-size: 14px !important;} #content .shop_list {padding: 27px 21px 21px 10px;} #content .shop_list .item {margin-bottom: 47px;} #content .shop_list .item table {width: 100%;} #content .shop_list .item .left {width: 126px;} #content .shop_list .item .left img {border: 1px solid #cccccc;} #content .shop_list .item .content h2 {margin-bottom: 9px;} #content .shop_list .item .content h2, #content .shop_list .item .content h2 a {font-size: 18px; line-height: 21px; color: #434242; font-weight: normal;} #content .shop_list .item .content h2 a {text-decoration: underline;} #content .shop_list .item .content h2 a:hover {text-decoration: none;} #content .shop_list .item .content p {padding-bottom: 12px; border-bottom: 1px solid #acacac; margin-bottom: 12px;} #content .shop_list .item .content .controls .price {float: left;} #content .shop_list .item .content .controls .price span {font-size: 16px; line-height: 19px; padding-right: 7px;} #content .shop_list .item .content .controls .price strong {font-size: 19px; color: #e71b6c; font-weight: normal; line-height: 19px;} #content .shop_list .item .content .controls .buttons {float: right;} #content .shop_list .item .content .controls .buttons a {display: block; margin-left: 7px; float: right; text-indent: -7000px; background: transparent null left top no-repeat;} #content .shop_list .item .content .controls .buttons a.details {width: 104px; height: 25px; background-image: url(images/button_details_1.gif);} #content .shop_list .item .content .controls .buttons a.buynow {width: 76px; height: 25px; background-image: url(images/button_buy_1.gif);} #content .shop_details {padding: 12px 16px 27px 10px;} #content .shop_details table {width: 100%;} #content .shop_details .left {width: 172px;} #content .shop_details .left img {border: 1px solid #cccccc; margin-bottom: 12px;} #content .shop_details .content {padding-left: 12px;} #content .shop_details .content h2 {margin-bottom: 9px;} #content .shop_details .content h2, #content .shop_details .content h2 a {font-size: 18px; line-height: 21px; color: #434242; font-weight: normal;} #content .shop_details .content h2 a {text-decoration: underline;} #content .shop_details .content h2 a:hover {text-decoration: none;} #content .shop_details .content .info {padding-bottom: 16px;} #content .shop_details .content .sale_block .control, #content .shop_details .content .sale_block .price {float: right;} #content .shop_details .content .sale_block .control {display: block; width: 105px; height: 34px; background: url(images/button_buy_super.gif) left top no-repeat; text-indent: -7200px;} #content .shop_details .content .sale_block .price {padding: 3px 13px 0 0;} #content .shop_details .content .sale_block .price span {font-size: 16px; line-height: 27px; color: #434242; letter-spacing: 0.01em;} #content .shop_details .content .sale_block .price strong {font-size: 26px; line-height: 27px; color: #e71b6c; padding-left: 6px; font-weight: normal;} #content .shop_details .content .controls {padding: 2px 0 10px 0;} #content .shop_details .content .controls .control {float: left; display: block; text-indent: -7100px;} #content .shop_details .content .controls .control_back {width: 145px; height: 24px; background: url(images/button_back_to_cat.gif) left top no-repeat;} #content .calc .block {width: 100%; margin: 7px 0;} #content .calc .block .t_l, #content .calc .block .t_r, #content .calc .block .c_l, #content .calc .block .c_r, #content .calc .block .b_l, #content .calc .block .b_r {font-size: 1px; line-height: 1px;} #content .calc .block .t_l {width: 2px; height: 45px;} #content .calc .block .t_r {width: 4px;} #content .calc .block .b_l {height: 49px;} #content .calc .block .t_l {background: transparent url(images/calc_block_t_pane_l.gif) left top no-repeat;} #content .calc .block .t_content {background: transparent url(images/calc_block_t_pane_bg.gif) left top repeat-x;} #content .calc .block .t_r {background: transparent url(images/calc_block_t_pane_r.gif) left top no-repeat;} #content .calc .block .c_l {background: transparent url(images/calc_block_l.gif) left top repeat-y;} #content .calc .block .c_content {background: white;} #content .calc .block .c_r {background: transparent url(images/calc_block_r.gif) left top repeat-y;} #content .calc .block .b_l {background: transparent url(images/calc_block_b_pane_l.gif) left top no-repeat;} #content .calc .block .b_content {background: transparent url(images/calc_block_b_pane_bg.gif) left top repeat-x;} #content .calc .block .b_r {background: transparent url(images/calc_block_b_pane_r.gif) left top no-repeat;} /* calc block content */ #content .calc .block .t_content h1 {font-size: 21px; color: #e8035d; line-height: 27px; letter-spacing: 0.01em; padding: 9px 23px 0 23px; font-weight: normal;} #content .calc .block .b_content {padding: 7px 17px;} #content .calc .block .b_content div {float: right;} #content .calc .block .b_content .price { width: 149px; height: 25px; padding-top: 10px; background: transparent url(images/calc_block_price.gif) left top no-repeat; text-align: center; font-size: 17px; font-weight: bold; line-height: 17px; color: #e8035d; } #content .calc .block .b_content .header { padding: 6px 17px 2px 11px; font-size: 21px; line-height: 21px; color: #616161; font-weight: normal; } #content .calc .block .c_content {padding: 21px 7px 1px 7px; font-size: 13px; color: black;} #content .calc .control_info, #content .calc .control_cat_ral {cursor: pointer;} #content .calc .block .c_content select {font-size: 11px; line-height: 17px;} #content .calc .block .c_content .group {padding: 1px 21px 27px 21px;} #content .calc .block .c_content .group_content {padding-left: 12px;} #content .calc .block .c_content .group h2 {font-size: 17px; line-height: 17px; color: #111; font-weight: bold; margin-bottom: 17px;} #content .calc .block .c_content .group h2 span {padding-left: 10px; font-size: 13px; font-weight: normal;} #content .calc .block .c_content .group h2 img {padding-left: 10px;} /* calc block content - parts */ #content .calc .cb_label, #content .calc .cb_label_2, #content .calc .radio_label {cursor: pointer;} #content .calc .block .c_content .group .window_types a {display: block; float: left;} #content .calc .block .c_content .group .window_types a {display: block; padding: 8px 10px;} #content .calc .block .c_content .group .window_types a:hover, #content .calc .block .c_content .group .window_types a.selected {background: transparent url(images/calc_win_active_bg.png) left top repeat-x;} #content .calc .block .c_content .group .sections {display: none;} .ie6 #content .calc .block .c_content .group .sections {position: absolute; z-index: 120;} #content .calc .block .c_content .group .ie_sections_spacer {font-size: 1px; line-height: 1px;} .ie6 #content .calc .block .c_content .group .ie_sections_spacer {height: 260px;} #content .calc .block .c_content .group .sections table {width: 100%;} #content .calc .block .c_content .group .sections .graphic, #content .calc .block .c_content .group .sections .content {float: left;} #content .calc .block .c_content .group .sections .graphic {padding-right: 32px;} #content .calc .block .c_content .group .sections .graphic .height, #content .calc .block .c_content .group .sections .graphic .width {position: relative;} #content .calc .block .c_content .group .sections .graphic .height span, #content .calc .block .c_content .group .sections .graphic .width span {position: absolute; font-size: 16px;} #content .calc .block .c_content .group .sections .graphic .height {float: left; width: 27px; height: 116px;} #content .calc .block .c_content .group .sections .graphic .height span {left: 2px;} #content .calc .block .c_content .group .sections .graphic .width {height: 24px; padding-bottom: 20px;} #content .calc .block .c_content .group .sections .graphic .width span {top: 2px;} #content .calc .block .c_content .group .sections .graphic .image {float: left; height: 116px; position: relative;} #content .calc .block .c_content .group .sections .graphic .image .section_id {position: absolute; width: 18px; height: 18px; background: transparent url(images/calc_num_pane.gif) left top no-repeat; text-align: center; font-size: 11px;} #content .calc .block .c_content .group .sections .graphic .image canvas {position: absolute; left: 0; top: 0;} #content .calc .block .c_content .group .sections .content {width: 460px;} #content .calc .block .c_content .group .sections .content .sizes {padding-right: 27px;} #content .calc .block .c_content .group .sections .content .sizes strong {display: block; font-size: 16px; padding-bottom: 12px; font-weight: normal;} #content .calc .block .c_content .group .sections .content .sizes strong span {font-size: 12px;} #content .calc .block .c_content .group .sections .content .sizes .height, #content .calc .block .c_content .group .sections .content .sizes .width {float: left; width: 172px;} #content .calc .block .c_content .group .sections .content .sizes .input_block {height: 30px;} #content .calc .block .c_content .group .sections .content .sizes .input_block span, #content .calc .block .c_content .group .sections .content .sizes .input_block div {float: left;} #content .calc .block .c_content .group .sections .content .sizes .input_block span {font-size: 16px; width: 32px;} #content .calc .block .c_content .group .sections .content .sizes .input_block input {width: 107px;} #content .calc .block .c_content .group .sections .content .opening {padding-top: 16px;} #content .calc .block .c_content .group .sections .content .opening h3 {font-size: 16px; font-weight: normal; padding-bottom: 16px;} #content .calc .block .c_content .group .sections .content .opening .section {padding-left: 7px; height: 27px;} #content .calc .block .c_content .group .sections .content .opening .section .num, #content .calc .block .c_content .group .sections .content .opening .section .input, #content .calc .block .c_content .group .sections .content .opening .section .side {float: left;} #content .calc .block .c_content .group .sections .content .opening .section .num {font-size: 16px; width: 27px;} #content .calc .block .c_content .group .sections .content .opening .section .input {width: 187px;} #content .calc .block .c_content .group .sections .content .opening .section .input select {width: 157px;} #content .calc .block .c_content .group .sections .content .opening .section .side {width: 237px; font-size: 12px;} #content .calc .block .c_content .group .sections .content .opening .section .side div {float: left; width: 116px;} #content .calc .block .c_content .group .sections .content .opening .add_info {padding: 6px 0 0 7px; font-size: 12px;} #content .calc .block .c_content .group .sections .content .opening .add_info i {color: #e8035d; font-size: 13px;} #content .calc .block .c_content .group .profile .brand {height: 37px; padding-top: 10px;} #content .calc .block .c_content .group .profile .brand span, #content .calc .block .c_content .group .profile .brand div {float: left;} #content .calc .block .c_content .group .profile .brand span {display: block; padding-right: 10px;} #content .calc .block .c_content .group .profile .brand select {width: 177px;} #content .calc .block .c_content .group .profile .params {display: none;} #content .calc .block .c_content .group .profile .param {} #content .calc .block .c_content .group .profile .param .cb, #content .calc .block .c_content .group .profile .param .cb_param_1, #content .calc .block .c_content .group .profile .param .cb_param_2 {float: left; font-size: 12px;} #content .calc .block .c_content .group .profile .param .cb {width: 277px;} #content .calc .block .c_content .group .param .cb span {padding: 0 12px 0 10px;} #content .calc .block .c_content .group .profile .param .cb i {padding-left: 6px; color: #e8035d; font-size: 13px;} #content .calc .block .c_content .group .profile .param .cb_param_1 {padding-right: 10px;} #content .calc .block .c_content .group .profile .param .cb_param_1 select {width: 160px;} #content .calc .block .c_content .group .profile .param .cb_param_2 span {padding: 0 12px 0 16px;} #content .calc .block .c_content .group .profile .param .cb_param_2 input {width: 49px; font-size: 11px; margin-right: 7px;} #content .calc .block .c_content .group .profile .param .cb_param_2 .control_color_cat {cursor: pointer;} #content .calc .block .c_content .group .profile .param .cb_param_2 a.control_cat_ral {display: block; width: 21px; height: 18px; background: transparent url(images/i_cat.png) left top no-repeat; text-decoration: none;} #content .calc .block .c_content .group .profile .param .cb_param_2 a.control_cat_ral:hover {background-position: left bottom;} #content .calc .block .c_content .group .profile .param .cb_param_2 .cat_control span, #content .calc .block .c_content .group .profile .param .cb_param_2 .cat_control input, #content .calc .block .c_content .group .profile .param .cb_param_2 .cat_control a {float: left;} #content .calc .block .c_content .group .profile .param .cb_param_2 .color_view {width: 14px; height: 14px; border: 1px solid #424242;} #content .calc .block .c_content .group .profile #param_profile_aluminium_cover .cb {width: 710px;} #content .calc .block .c_content .group .profile #param_profile_inside_side {padding-bottom: 6px;} #content .calc .block .c_content .group .profile #param_profile_inside_side div.radio {width: 710px;} #content .calc .block .c_content .group .profile #param_profile_inside_side div.radio span {padding: 0 12px 0 10px;} #content .calc .block .c_content .group_glass, #content .calc .block .c_content .group_furniting {float: left;} #content .calc .block .c_content .group_glass {width: 371px; padding-right: 27px;} #content .calc .block .c_content .glass .type {height: 27px;} #content .calc .block .c_content .glass .type span, #content .calc .block .c_content .glass .type div {float: left;} #content .calc .block .c_content .glass .type span {display: block; padding: 0 9px 0 0;} #content .calc .block .c_content .glass .type div select {width: 210px;} #content .calc .block .c_content .glass .type {height: 27px;} #content .calc .block .c_content .furniting .brand span, #content .calc .block .c_content .furniting .brand div {float: left;} #content .calc .block .c_content .furniting .brand span {display: block; padding: 0 9px 0 0;} #content .calc .block .c_content .furniting .brand div select {width: 200px;} #content .calc .block .c_content .group_otliv, #content .calc .block .c_content .group_podokonnik, #content .calc .block .c_content .group_otkos {float: left;} #content .calc .block .c_content .group_otliv {width: 240px;} #content .calc .block .c_content .otliv .data_item {height: 32px;} #content .calc .block .c_content .otliv .data_item span {display: block;} #content .calc .block .c_content .otliv .data_item span, #content .calc .block .c_content .otliv .data_item div {float: left;} #content .calc .block .c_content .otliv .data_item .label {width: 64px;} #content .calc .block .c_content .otliv .data_item div {width: 72px;} #content .calc .block .c_content .otliv .data_item div input {width: 61px;} #content .calc .block .c_content .otliv .data_item div.select {width: 147px;} #content .calc .block .c_content .otliv .data_item div select {width: 142px;} #content .calc .block .c_content .otliv .data_item .units {width: 21px;} #content .calc .block .c_content .otliv .data_item div.color_view {width: 14px; height: 14px; border: 1px solid #424242;} #content .calc .block .c_content .group_podokonnik {width: 210px;} #content .calc .block .c_content .podokonnik .data_item {height: 32px;} #content .calc .block .c_content .podokonnik .data_item span {display: block;} #content .calc .block .c_content .podokonnik .data_item span, #content .calc .block .c_content .podokonnik .data_item div {float: left;} #content .calc .block .c_content .podokonnik .data_item .label {width: 64px;} #content .calc .block .c_content .podokonnik .data_item div {width: 72px;} #content .calc .block .c_content .podokonnik .data_item div input {width: 61px;} #content .calc .block .c_content .podokonnik .data_item div select {width: 142px;} #content .calc .block .c_content .podokonnik .data_item .units {width: 21px;} #content .calc .block .c_content .otkos .data_item {height: 32px;} #content .calc .block .c_content .otkos .data_item span {display: block;} #content .calc .block .c_content .otkos .data_item span, #content .calc .block .c_content .otkos .data_item div {float: left;} #content .calc .block .c_content .otkos .data_item .label {width: 64px;} #content .calc .block .c_content .otkos .data_item div {width: 72px;} #content .calc .block .c_content .otkos .data_item div input {width: 61px;} #content .calc .block .c_content .otkos .data_item .units {width: 21px;} #content .calc .block .services .data_item {height: 27px;} #content .calc .block .services .data_item .cb, #content .calc .block .services .data_item .label, #content .calc .block .services .data_item .bonus, #content .calc .block .services .data_item .info {float: left;} #content .calc .block .services .data_item .label {font-size: 16px; line-height: 17px; padding: 0 12px;} #content .calc .block .services .data_item .label_delivery, #content .calc .block .services .data_item .label_lift {width: 72px;} #content .calc .block .services .data_item .bonus {font-size: 13px; color: #e8035d; font-style: italic; padding-right: 10px;} /* calc result block */ #content .calc .result {margin: 12px 0; padding: 10px 0; height: 41px; border-top: 2px solid #ec5993;} #content .calc .result .price_block {float: left; width: 610px;} #content .calc .result .price_block strong {float: left; display: block; font-size: 21px; color: #ec1e6f; line-height: 26px; font-weight: normal; padding: 6px 12px 0 2px;} #content .calc .result .price_block .price {float: left; height: 41px;} #content .calc .result .price_block .price i {display: block; float: left; height: 41px;} #content .calc .result .price_block .price .l {width: 10px; background: transparent url(images/price_result_l.png) left top no-repeat;} #content .calc .result .price_block .price .r {width: 10px; background: transparent url(images/price_result_r.png) left top no-repeat;} #content .calc .result .price_block .price .c {padding: 0 7px; background: transparent url(images/price_result_bg.png) left top repeat-x; font-size: 21px; color: white; font-weight: bold; font-style: normal; letter-spacing: 0.01em; padding-top: 10px; height: 31px;} #content .calc .result .order_controls {float: left; width: 360px; padding: 1px;} #content .calc .result .button_block {float: right; width: 310px; padding-right: 2px;} #content .calc .result .button_block input {float: right; margin-left: 10px;} #content .calc .result .button_block .control_go_and_order {width: 198px; height: 42px;} #content .calc .result .button_block .control_add_window {width: 184px; height: 41px;} #content .calc .result .button_block .control_send_order {width: 189px; height: 41px;} #content .calc .result .button_block .control_order_complete {width: 198px; height: 41px;} #content .calc .result .button_block input {float: right;} /* RAL Catalog */ .catalog_ral td div {color: white; padding: 2px 10px; float: left; border: 1px solid white; font-size: 10px;} .catalog_ral td div.black {color: black;} .catalog_ral td div.borderout {border:1px solid #CECECE;} .catalog_ral td.sep {height: 10px; font-size: 1px; line-height: 1px;} .catalog_ral td.header {padding-bottom: 21px; font-size: 12px;} /* Order Unique Content */ #content .calc .order_additional h2 {padding-left: 10px; font-size: 21px; color: #e8035d; line-height: 21px; font-weight: normal;} #content .calc .order_additional .content {padding: 21px 27px 10px 27px;} #content .calc .order_controls {padding: 19px 0 1px 17px;} #content .calc .order_controls a {display: block; float: left; margin-right: 10px; text-indent: -7100px;} #content .calc .order_controls .control_save_order {background: transparent url(images/b_calc_save_order.gif) left top no-repeat; width: 154px; height: 38px;} #content .calc .order_controls .control_print_order {background: transparent url(images/b_calc_print_order.gif) left top no-repeat; width: 164px; height: 38px;} #content .calc .order_controls .control_back {background: transparent url(images/b_calc_back.gif) left top no-repeat; width: 114px; height: 38px;} #content .calc .order_controls .control_add_window {background: transparent url(images/b_calc_add_window.gif) left top no-repeat; width: 164px; height: 38px;} #content .calc .order_controls_sub {padding: 10px 0 16px 17px;} #content .calc .order_items {padding-bottom: 11px;} #content .calc .order_items .header {width: 100%;} #content .calc .order_items .header td {font-size: 12px; color: #111111; padding: 3px 0;} #content .calc .order_items .header .price {width: 112px;} #content .calc .order_items .header .quantity {width: 107px;} #content .calc .order_items .header .summary {width: 100px;} #content .calc .order_items .header .remove {width: 50px; text-align: center; padding-right: 3px;} #content .calc .order_items .order_item {margin-bottom: 10px;} #content .calc .order_items .order_item .item_header {width: 100%;} #content .calc .order_items .order_item .item_header td {background: transparent url(images/calc_order_pane_bg.gif) left top repeat-x; height: 44px; vertical-align: middle;} #content .calc .order_items .order_item .item_header .l, #content .calc .order_items .order_item .item_header .r {font-size: 1px; line-height: 1px;} #content .calc .order_items .order_item .item_header .l {width: 2px; background: transparent url(images/calc_order_pane_l.gif) left top no-repeat;} #content .calc .order_items .order_item .item_header .r {width: 3px; background: transparent url(images/calc_order_pane_r.gif) left top no-repeat;} #content .calc .order_items .order_item .item_header .controls div {padding-left: 9px;} #content .calc .order_items .order_item .item_header .controls a {float: left; display: block;} #content .calc .order_items .order_item .item_header .controls .control_win_display {padding: 0 21px 0 20px; background: transparent url(images/calc_order_minus.gif) left center no-repeat; text-decoration: none;} #content .calc .order_items .order_item.closed .item_header .controls .control_win_display { background: transparent url(images/calc_order_plus.gif) left center no-repeat;} #content .calc .order_items .order_item .item_header .controls .control_win_display span {border-bottom: 1px dashed #e8035d; font-size: 17px; line-height: 21px; color: #e8035d; font-weight: bold;} #content .calc .order_items .order_item .item_header .controls a.control_win_display:hover span {border-width: 0;} #content .calc .order_items .order_item .item_header .controls .control_win_params {text-indent: -7200px; width: 148px; height: 21px; background: transparent url(images/b_calc_change_params.gif) left top no-repeat;} #content .calc .order_items .order_item .item_header .price {width: 112px;} #content .calc .order_items .order_item .item_header .quantity {width: 107px;} #content .calc .order_items .order_item .item_header .summary {width: 100px;} #content .calc .order_items .order_item .item_header .remove {width: 50px; text-align: center;} #content .calc .order_items .order_item .item_header .remove .control_win_delete {cursor: pointer;} #content .calc .order_items .order_item .item_header .price, #content .calc .order_items .order_item .item_header .summary {font-size: 21px; color: #e8035d; letter-spacing: 0.01em;} #content .calc .order_items .order_item .item_header .quantity select {font-size: 11px; width: 51px;} #content .calc .order_items .order_item .item_content {border-right: 2px solid #eeeeee; border-bottom: 3px solid #cdcdcd; border-left: 1px solid #dedede;} #content .calc .order_items .order_item .item_content .item_group {font-size: 13px; line-height: 22px;} #content .calc .order_items .order_item .item_content .item_group h2 {border-top: 1px solid #cdcdcd; border-bottom: 1px solid #cdcdcd; background: #fdeaf2; padding: 6px 32px; font-size: 16px; line-height: 17px; color: #111111; font-weight: normal;} #content .calc .order_items .order_item .item_content .item_group_content {padding: 0 10px 0 27px;} #content .calc .order_items .order_item .item_content .item_group_row .item_group_container {float: left;} #content .calc .order_items .order_item .item_content .item_group_container {padding: 20px;} #content .calc .order_items .order_item .item_content .item_group_container h3 {font-size: 16px; line-height: 17px; color: #111; margin-bottom: 17px; font-weight: normal;} #content .calc .order_items .order_item .item_content .item_group_container .content {padding: 0 0 0 17px;} #content .calc .order_items .order_item .item_content .win_image {padding-right: 32px;} .ie6 #content .calc .order_items .order_item .item_content .win_image {position: absolute; z-index: 120;} #content .calc .order_items .order_item .item_content .ie_win_image_spacer {font-size: 1px; line-height: 1px;} .ie6 #content .calc .order_items .order_item .item_content .ie_win_image_spacer {height: 167px;} #content .calc .order_items .order_item .item_content .win_image .height, #content .calc .order_items .order_item .item_content .win_image .width {position: relative;} #content .calc .order_items .order_item .item_content .win_image .height span, #content .calc .order_items .order_item .item_content .win_image .width span {position: absolute; font-size: 16px;} #content .calc .order_items .order_item .item_content .win_image .height {float: left; width: 27px; height: 116px;} #content .calc .order_items .order_item .item_content .win_image .height span {left: 2px;} #content .calc .order_items .order_item .item_content .win_image .width {height: 24px;} #content .calc .order_items .order_item .item_content .win_image .width span {top: 2px;} #content .calc .order_items .order_item .item_content .win_image .image {float: left; height: 116px; position: relative;} #content .calc .order_items .order_item .item_content .win_image .image .section_id {position: absolute; width: 18px; height: 18px; background: transparent url(images/calc_num_pane.gif) left top no-repeat; text-align: center; font-size: 11px;} #content .calc .order_items .order_item .item_content .win_image .image canvas {position: absolute; left: 0; top: 0;} #content .calc .order_items .order_item .item_content .win_sizes {padding-right: 21px;} #content .calc .order_items .order_item.closed .item_content {display: none;} #content .calc .finish .content {width: 370px; padding: 39px 61px 12px 12px; float: left; line-height: 21px;} #content .calc .finish .content p {padding-bottom: 11px;} #content .calc .finish .contact_data {float: left; width: 310px;} #content .calc .finish .contact_data strong {display: block; padding: 1px 10px 21px 114px; font-size: 17px; color: #e8226d; line-height: 17px;} #content .calc .finish .contact_data .contact_data_item {padding-bottom: 10px;} #content .calc .finish .contact_data .contact_data_item .label, #content .calc .finish .contact_data .contact_data_item .input {float: left;} #content .calc .finish .contact_data .contact_data_item .label {display: block; width: 106px; padding-right: 10px; font-size: 14px; line-height: 16px; color: black; font-weight: bold;} #content .calc .finish .contact_data .contact_data_item input, #content .calc .finish .contact_data .contact_data_item textarea {font-size: 12px; width: 179px;} #content .calc .finish .contact_data .contact_data_item input {} #content .calc .finish .contact_data .contact_data_item textarea {height: 91px;} #content .calc .finish .contact_data {padding-bottom: 21px;} .productcart {width: 100%;} .productcart .firstrow td {background: #e40f63; padding: 2px 12px;} .productcart .product_row td {padding: 7px 12px;} .productcart .product_row td .pricedisplay {font-size: 16px;} .productcart .product_row td a {color: #e40f63; font-size: 12px;} .productcart .product_row td a:hover {text-decoration: none;} .productcart .total_price td {font-size: 16px;} .productcart .total_price td #checkout_total {color: #e40f63;} .wpsc_checkout_table td {padding: 7px 10px;} .wpsc_checkout_table td h4 {padding: 17px 0 11px 0; font-size: 16px; line-height: 17px;} #calc_sum_pane {position: absolute; top: 0px; right: 3px; z-index: 710;} #calc_sum_pane.floating {position: fixed; top: 0px;} /* IE Select & Overlapping Layers Bug Fix*/ #calc_sum_pane iframe {position: absolute; border: none; z-index:-1; _filter:mask(); width: 227px; height: 32px; left: 0;} .ie7 #calc_sum_pane iframe {display: none;} .ie8 #calc_sum_pane iframe {display: none;} #calc_sum_pane i {float: left; display: block; height: 37px;} #calc_sum_pane .l {width: 11px; background: transparent url(images/calc_sum_pane_l.png) left top no-repeat;} #calc_sum_pane .r {width: 2px; background: transparent url(images/calc_sum_pane_r.png) left top no-repeat;} #calc_sum_pane .c {padding: 8px 7px 0 7px; height: 29px; background: transparent url(images/calc_sum_pane_bg.png) left top repeat-x; white-space: nowrap; font-size: 16px; line-height: 17px; color: white; font-weight: bold; text-transform: uppercase; font-style: normal; letter-spacing: 0.01em;} #calc_sum_pane .c strong {font-weight: normal; font-size: 21px; text-transform: none;} #calc_sum_pane .c strong.message {font-size: 12px; font-weight: bold;} #infobox {position: absolute; border: 1px solid #777; z-index: 212;} #infobox .content {padding: 10px 16px; background: #fff2be;} /* IE Select & Overlapping Layers Bug Fix*/ #infobox iframe {position: absolute; border: none; z-index:-1; _filter:mask();} .notice {position: absolute; padding: 8px; width: 370px; height: 160px; border: 2px solid #ec5993; z-index: 100; background: white;} .notice .controls .item {float: right; display: block; width: 11px; height: 11px; margin-left: 6px; cursor: pointer;} .notice .controls .close {background: url(images/notice_x.gif) no-repeat; text-indent: -7100px;} #notice_save_order .content {padding: 27px 27px 23px;} .ie6 #notice_save_order .content {padding-top: 10px;} #notice_save_order .content span {display: block; font-size: 16px; color: #4e4e4e; letter-spacing: 0.01em; padding-bottom: 2px;} #notice_save_order .content strong {display: block; font-size: 12px; margin-bottom: 6px;} #notice_save_order .content a {display: block; width: 127px; height: 32px; text-indent: -7100px; background: url(images/notice_save_order.gif) left top no-repeat;} /* PLUGINS & SNIPPETS ---------------------------------------------------------------------- */ .ra {display: block; position: relative; z-index: 1;} .ra .l, .ra .r {left:0; overflow:hidden; position:absolute; background-image: none;} .ra .r {left: auto; right: 0;} .ra .l i, .ra .r i {background:transparent url(images/ra.png) repeat scroll 0 0;} /*.ie6 .ra .l i, .ie6 .ra .r i {background-image: url(images/ra.gif);}*/ .ra .l *, .ra .r * {width: 10px; height: 10px; left:0; position:absolute;} .ra_5 .t {margin-bottom:-5px;} .ra_5 .l, .ra_1 .r {height:5px; width:5px; z-index: 100;} .ra_5 .r * {margin-left:-5px;} .ra_5 .t * {margin-top:0px;} .ra_5 .b {margin-top:-10px;} .ra_5 .b * {margin-top:-5px;} /* OVERRIDE ------------------------------------------------------------------------------- */ .content img {padding:0px;margin: 0px 10px 10px 10px;border:1px solid #4C5D6F;} *.none {display: none;} *.hidden {visibility: hidden;} *.abs {position: absolute;} *.rel {position: relative;} *.nofont {font-size: 1px; line-height: 1px;} *.a_left {float: left;} *.clear {display: block; clear: both; visibility: hidden; height: 0px; line-height: 0; padding: 0;} td.vcenter {vertical-align: middle;} .hcenter {text-align: center;} .png {filter:expression(fixpng(this));} .png a {position: relative;}