@charset "utf-8";
/* CSS Document */

html, body, div, ul, ol, li, h1, h2, h3, h4, h5, h6, p, span, a, img, input  {margin: 0px; padding: 0px;}
html {height: 100%; }
body {font:12px Arial,Tahoma,Verdana,sans-serif;  color:  #666666;  min-width: 1000px;  position: relative; height: 100%; background: #fff url(../images/fon.png) center top repeat-x; z-index: 0; }

img {border: none;}
a {cursor: pointer; text-decoration: underline; color: #005399;}
a:hover {text-decoration: none;}
input, input:focus {outline:none;}
p {padding:0 0 25px; line-height: 20px; }
h1, h2, h3, h4, h5, h6 {font: normal 18px 'Trebuchet MS',Georgia, "Times New Roman", Times, serif; color: #444444; padding-bottom: 24px; }
h1 {font-size: 28px;}
h2 {font-size: 24px; line-height: 48px;}
h3 {font-size: 18px;}
h4 {font-size: 16px;}
h5 {font-size: 14px; line-height:14px;}
h6 {font-size: 12px;}
ul, ol {padding:0 0 18px 30px;}
ul li {list-style: disc outside; padding:5px;}
ol li{padding:5px;}

.clearfix:before,.clearfix:after, .login:before, .login:after, .top:before, .top:after, .menu_area:before, .menu_area:after, .area:before, .area:after, .area_inner_blue:before, .area_inner_blue:after, .paginator:before, .paginator:after, .arrows:before, .arrows:after, .item_info:before, .item_info:after, .news li:before, .news li:after {content: ""; display: table;}
.clearfix:after, .login:after, .top:after, .menu_area:after, .area:after, .area_inner_blue:after, .paginator:after, .arrows:after, .item_info:after, .news li:after{clear: both;}
.clearfix, .login, .top, .menu_area, .area, .area_inner_blue, .paginator, .arrows, .item_info, .news li {zoom: 1; /* IE 6/7 */}

.clearthis {clear:both; height:0; line-height:0;}
.wrap {height: auto !important; min-height: 100%; position: relative; z-index: 0; }
.main {min-width: 1000px; overflow: hidden; position:relative;}
.page {padding: 0 0 139px; width: 1000px; margin: 0 auto; position: relative;}
    .header {height: 160px; position: relative; padding: 0 0 5px;}
       .top {height: 112px;}
        .logo {position: absolute; left:0; top: 44px; width: 260px;}
            .logo  a { background: url(../images/logo.png) left top no-repeat; display: inline-block; height:31px; width: 196px;}
            .lte7 .logo  a {display:inline; zoom:1;}
        .phone { width: 478px; position: absolute; left: 260px; top:0; padding: 36px 0 0;}
        .phone1 { width: 220px; position: absolute; left: 260px; top:0; background:url(../images/line_04.jpg) left 10px no-repeat; padding: 36px 0 0 20px; height: 62px;font-size: 20px;  }
        .phone2 { width: 219px; position: absolute; left: 500px; top:0; background:url(../images/line_04.jpg) left 10px no-repeat; padding: 36px 0 0 20px; height: 62px;font-size: 20px; }
            
            .phone1 span, .phone2 span {color:#ff0054;}
            .phone1 small, .phone2 small {font-size: 11px; padding:3px 0 0; display:inline-block; color:#444444;}
			.lte7 .phone1 small, .lte7 .phone2 small {display:inline; zoom:1;}

        .login{ width: 242px; position: absolute; right: 0; top:0; height: 68px; /*float: right;*/  background: url(../images/line_04.jpg) left 10px no-repeat;  padding:30px 0 0 19px; }
           .login a {padding: 0 0 0 5px; font-size:11px;}

                .inpt1 {float:left; width: 110px;}
				.input_fon {background: url(../images/input_log.png) left top no-repeat; height: 20px; padding:7px 11px; width: 87px; display:inline-block; *display:inline; zoom:1;}
                    .input_fon input {font-size: 12px; height: 20px; line-height: 20px; width: 87px; background:url("about:blank"); border: none; color:#a2a2a2;  }
                .inpt2 {float:left; width: 110px;}
                   
                .inpt3 { float: left; width: 17px; padding: 0 0 0 3px;}
                    .inpt3 input {background: url(../images/enter.png) right center no-repeat;  overflow: hidden; display: block; float: right; text-indent: -300px; width: 17px; height: 34px; border: none; font-size: 0; line-height: 0; cursor: pointer;}

       .main_menu { background: url(../images/menu_left.png) left top no-repeat; display: inline-block; position: relative; padding: 0 0 0 9px; margin-left:-2px; }
        .mm1 { background: url(../images/menu_right.png) right top no-repeat; display: inline-block; position: relative; padding: 0 8px 0 0; }
            .mm2 { background: url(../images/menu_mdl.png) left top repeat-x; display: inline-block; position: relative; height: 32px; width: 986px; padding: 11px 0 0;}

                .menu { width: 720px; float: left; padding: 2px 0 0 0;}
                    .menu ul {font-size: 0; line-height: 0; display: table; padding: 0; height: 16px; margin-left:-10px;font-weight: bold;/* vertical-align: middle;*/}
                    .menu li { display: inline-block; list-style: none; font-size:12px; line-height: 14px; height: 14px; background: url(../images/etoile.png) left center no-repeat; padding: 0 19px 0 29px;}
                        .menu li:first-child {background: none;}
                    .lte7 .menu li {display:inline; zoom:1;}
                        .menu li a {color:#444444; text-decoration: none;  text-shadow: #ffffff 1px 1px 1px; filter: shadow(color=#ffffff,strength=1); /*text-shadow: #ffffff -1px -1px 1px;*//* padding: 0  0 0 13px;*/}
                        .menu li a:hover, .menu .act a {color: #e70a52;}
                    .menu .star { background: url(../images/etoile.png) center bottom no-repeat; width: 10px;}
                .achats {width: 246px; float:right; font-size:11px; color:#444444; }
                    .bag { float: left; width: 21px;}
                        .bag a {background: url(../images/sac.png) left center no-repeat; width: 21px; height: 19px; display: inline-block;}
                        .lte7 .bag a {display:inline; zoom:1;}
                    .info {float: left; width: 170px; padding: 0 15px 0 20px; line-height: 20px; }
                     .info a {color: #fe0054;}
                    .recycle {float: right; width: 13px; padding:0 5px 0 0; }
                        .recycle a {background:url(../images/poubell.png) right bottom no-repeat; height: 19px; width: 13px; display: inline-block;}
                        .lte7 .recycle a {display:inline; zoom:1;}

    .slider {height: 306px; padding: 0 0 14px; margin: 10px 0 0;}
    .contentarea { min-width:1000px; position: relative; z-index: 0;}
    .search {float:right; width: 444px; text-align: right; font-size: 13px; padding: 0 0 13px; position: relative; z-index: 100;}
		.search_fon {display:inline-block; *display:inline; zoom:1;width: 342px; height: 23px;padding: 7px 32px 7px 15px; margin-right: -4px;background: url(../images/input_search.png) left top no-repeat;}
        .search input[type="text"] { border:none; width: 342px; height: 23px; background:url("about:blank"); font-size: 13px; color: #444444; line-height: 23px;}
        .search label {display: inline-block; padding: 0 3px 0 0; color:#919191; font-size:13px; line-height:15px; height:24px;}
             .lte7 .search label {display:inline; zoom:1;}

        .search  input[type="submit"] { position: absolute; right:7px; top:11px; width: 16px; height: 16px; display: inline-block; border: none; cursor: pointer; background: url(../images/search.png) right top no-repeat}
  			.lte7 .search  input[type="submit"] {display:inline;zoom:1;}
    .area { background: url(../images/block_mdl.jpg) left top repeat-x; position: relative; padding: 0px 0 0; }
        .menu_area {position: relative; top: -33px; left:0;}
            .lte7 .menu_area {top:-33px;}
        .menu_area ul {float: left; padding: 0 0 0 25px; direction: rtl; text-align: left;}
        .menu_area li {background: url(../images/btn_menu_l.png) left top no-repeat; position: relative; display: inline-block; list-style: none; padding: 0 0 0 34px; margin-left: -22px; font-size:13px; line-height:22px;*/ font-weight: bold;}
            .menu_area li .bb1 {background: url(../images/btn_menu_r.png) right top no-repeat; position: relative; display: inline-block; padding: 0 34px 0 0;}
                .menu_area li .bb2 { background: url(../images/btn_menu_mdl.png) left top repeat-x; position: relative; display: inline-block; height: 30px; padding: 5px 0 0; font-size: 13px;  min-width: 66px; text-align: center;}
.lte7 .menu_area li,  .lte7 .menu_area li .bb1, .lte7 .menu_area li .bb2 { display: inline; zoom:1;}
        .menu_area .active { z-index: 50; background: url(../images/btn_menu_act_l.png) left top no-repeat;}
            .menu_area .active .bb1 {background: url(../images/btn_menu_act_r.png) right top no-repeat;}
                .menu_area .active .bb2 { background: url(../images/btn_menu_act_mdl.png) left top repeat-x; }
		.menu_area li a {color:#ff0054;  text-decoration:none; }
		.menu_area .active a {font-size:16px; color: #444444;}


        .left_back {position: absolute; right:1000px; top:0; width: 254px; background: url(../images/block_left.jpg) left top no-repeat; height:61px;}
        .right_back {position: absolute; left:1000px; top:0; width: 254px; background: url(../images/block_right.jpg) right top no-repeat; height:61px;}
        .content {width: 822px; float: left; padding: 0 10px 0 0;}
             .category {border-collapse: collapse; font-size:11px; }
			 .img td{text-align:left; vertical-align:bottom; padding: 0 0 20px;}
			 .items td{text-align:left; vertical-align:top;padding: 0 0 40px;}
             .category td { width: 194px; padding-right: 10px; }
             .category ul {padding: 0 0 5px; line-height: 13px;}
             .category li {list-style: none; padding: 6px 0 ; }
			 .ctgr {padding: 0 0 5px;}
			 .ctgr a {font-size:14px; font-weight:bold; color:#444444; text-decoration:none;}
			 .ctgr a:hover { text-decoration:underline;}

        .more a {color:#b3b2b2;}
        .side_bar {width: 168px; float: right; padding: 50px 0 0;}
            .news {}
                .news h2 {color:#444444; font-size: 24px; line-height: 26px; padding:  0 0 12px;}
                .item_news {padding: 0 0 17px;}
                .data { font-size: 11px; color:#b3b2b2; line-height: 13px; padding: 0 0 2px;}
                .item_news a { font-size: 12px; line-height: 18px;}
.footer {height: 87px; padding: 51px 0 0; background: #f8f8f8; border-top: 1px solid #ebebeb; margin-top: -139px;}
    .footer_area {width: 1000px; margin:0 auto; position: relative;}
    .copy {float:left; width: 350px; padding: 0 10px 0 0; font-size: 11px; line-height: 18px; color: #cacaca;}
    .links_foot { overflow: hidden; text-align: right;}
        .links_foot a {text-decoration: none;}
        .links_foot a  img {padding: 0 1px 2px 0;}
    .menu_footer {float:right; width: 340px; padding: 10px 0 0 10px; margin-right: -15px;}
        .menu_footer ul {padding: 0; font-size: 0; line-height: 0; display: table; width: 260px; float: right;}
        .menu_footer li {display: inline-block;list-style: none; padding: 0; font-size: 11px; line-height: 11px; padding: 0 16px;  border-left:1px solid #989898;}
            .lte7 .menu_footer li {display: inline; zoom:1;}
        .menu_footer li:first-child {border:none;}
        .menu_footer li a {color:#989898;}



        /*--------------------------------------------inner-blue------------------------------------------*/

.place { white-space: nowrap; overflow: hidden; width: 550px; float: left; padding: 13px 0 0;font-size: 11px; line-height: 13px; color:#b2b2b2; /*position: absolute; left:0; top:10px;*/  /*overflow: hidden;*/  z-index: 20; zoom:1; }
.place ul {padding: 0; font-size: 0; line-height: 0; display: table;}
.place li {font-size: 11px; line-height: 13px; padding:0; background:url(../images/strelka.png) 2px 5px no-repeat; padding: 0 0 0 22px ; list-style: none; display: inline-block; }
.place li:first-child {background: none; padding: 0;}
.place a {color:#b2b2b2;}
 .lte7 .place li {display:inline; zoom:1;}
.area_inner_blue { padding:0 0 75px; position: relative;}
    .side_bar_inner {float:left; width: 200px;}
        .navigation {}
        .navigation ul {padding: 0;}
            .navigation li {list-style: none;  font-size: 14px; font-weight: bold; line-height: 16px; padding: 11px 0 12px; }
                .navigation li a {color:#444444; background: url(../images/arrow_pink.png) left center no-repeat; padding: 0 0 0 12px; text-decoration:none; }
                .navigation li a span {border-bottom: 1px dotted #444444;}
                    .navigation li a:hover span {border:none;}
                .navigation .activ span {border:none;}
                .navigation .activ a { background: url(../images/arrow_grey.png) left center no-repeat; }
                .navigation li ul {padding:6px 0 6px 24px; margin-left: -12px; overflow: hidden;}
                .navigation li li { font-size: 11px; line-height: 13px; padding: 6px 0; font-weight: normal;}
                .navigation li li a {background: none !important; padding: 0; color: #005399; text-decoration: underline;}
                .navigation li li a:hover {text-decoration: none;}

                .navigation .act_navig {-webkit-border-radius: 11px;-moz-border-radius: 11px; border-radius: 11px;  background: #ff0054; display: inline-block; padding: 3px 8px;  margin:4px 0 2px -10px; }
				.lte7 .navigation .act_navig {display:inline; zoom:1;}
                    .navigation .act_navig a {color:#fff; text-decoration: none; font-weight:bold;}
    .content_inner_blue {float:right; width: 762px; padding: 7px 0 0; }

        .categor { padding:0 0 15px;}
        .categor h2 {color:#444444; font-size: 22px; line-height: 24px; font-weight: bold;}
        .brands {padding: 0 0 20px;}
        .brands ul {padding: 0; font-size: 0; line-height: 0; display: table;}
        .brands li {display: inline-block; position: relative; z-index: 10; line-height: 20px; font-size: 12px; list-style: none; padding: 0; background: url(../images/border.jpg) right center no-repeat; padding: 0 13px; margin: 0 0 10px -2px; }
        .brands .hdn {background: none;}
             .lte7 .brands li {display:inline; zoom:1; }
             .brands  a {text-decoration: none; }
                .brands a:hover {text-decoration: underline;}
                .categor .brands .activ { -webkit-border-radius: 11px; -moz-border-radius: 11px; border-radius: 11px; background: #ff0054; padding: 0 13px; z-index: 20; }
               /*.lte7 .brands .activ {}*/
                .brands .activ a {color:#fff;}

        .categor  ul {font-size: 0; line-height: 0; display: table; padding: 0;}
        .categor > ul > li {display: inline-block; font-size: 12px; line-height: normal; padding: 0; list-style: none; margin:0 0 25px; width:380px; vertical-align:top;}
        .lte7 .categor > ul > li {display:inline; zoom:1;}
        .picture {float:left; width: 141px; overflow: hidden; padding:3px 0 0; text-align: center;}
        .picture input[type="submit"] { background: url(../images/buy_new.png) left top no-repeat; width: 60px; height: 20px; border: none; cursor:pointer; margin: 5px 0 0;}
        .complement_info {float:right; width: 212px; padding: 5px 10px 0 17px}
            .categor_item {font-size: 14px; line-height: 20px; padding: 0 0 6px;}
                 .categor_item a {color:#ff0054;}
            .availble {color:#96a801; font-size: 11px; line-height: 13px; font-weight: bold; padding:  0 0 4px;}
            .availble span {color:#444444;}
            .na { color: #808080;}
            .categor  ul .descr {color:#666666; font-size: 11px; line-height: 14px; padding: 0 0 7px;}
                .categor  ul .descr ul {padding: 0 0 0 15px;}
                .categor  ul .descr li {list-style: disc outside; font-size: 11px; line-height: 14px; padding:3px 0 4px 0px;}
            .price {color:#444444; font-size: 16px; font-weight: bold; background: url(../images/price.png) right center no-repeat; padding: 0 11px 0 0; display: inline-block;}
                .lte7 .price {display:inline; zoom:1;}
			.sort {position: absolute; top:0; right:2px;}
                .sort ul {padding: 0; display: table; line-height: 0; font-size: 0;}
                .sort li {font-size: 12px; line-height: 37px; display: inline-block; width: 112px; height: 37px; list-style: none; text-align: center; padding: 0 3px 0 3px; }
                    .lte7 .sort li {display: inline; zoom:1;}
                .sort li a {color: #ff0054; text-decoration: none; border-bottom: 1px dotted #ff0054;}
                    .sort li a:hover {border:none;}
                .sort .activ  { background: url(../images/brend.png) center center  no-repeat;}
                .sort .activ a {border:none; color: #444444; font-weight: bold;}



	.paginator {border-top:1px solid #e5e5e5; padding:17px 0 16px;}
		.num_str { width:325px; float:left;}
			.num_str ul {padding:0; font-size:0; line-height:0; display:table;}
			.num_str li {font-size:14px; line-height:16px; color:#005399; display:inline-block; font-weight:bold; padding:0; margin:0 11px 0 0;}
			.lte7 .num_str li {display:inline; zoom:1;}
			.num_str li a {text-decoration:none;}
			.num_str .activ a {color:#444444;}
		.arrows {width: 63px; float:right; padding:0 5px 0 0;}
			.left_arr {float:left; width:10px;}
			.left_arr a {display:inline-block; background:url(../images/navig_pink.png) left center no-repeat; padding:0 0 0 10px; height:15px;}
				.lte7 .left_arr a, .lte7 .right_arr a{display:inline; zoom:1;}
			.right_arr {float:right; width:10px;}
			.right_arr a {display:inline-block; background:url(../images/navig_pink_r.png) right center no-repeat; padding:0 10px 0 0; height:15px;}


/*-----------------------------------------------------------------inner_item------------------------------------------------------------*/

   .content_item { padding: 10px 0 75px; position: relative;}
.item_info {padding: 0 0 60px;}
    .identf {font-size:14px; font-weight: bold; line-height: 18px; color: #ff0054; padding: 0 0 10px;}
    .block_info {width:340px; float:left;}
        .block_info h1 {font-size: 22px; line-height: 26px; font-weight: bold; color:#444444; padding: 0 0 20px;}
        .block_info .price { float: left; margin: 5px 0 0;}
        .btn_buy {float:left; width: 75px; padding: 0 0 0 15px;}
        .block_info input[type="submit"] { background: url(../images/buy.png) left top no-repeat; width: 75px; height: 26px; border: none; cursor:pointer; margin: 0 0 0 20px;}
    .block_image {width: 395px; float: right; padding: 32px 0 0; overflow: hidden; }
        .block_image ul { font-size: 0; line-height: 0; display: table; padding: 5px 0 0 24px; width: 360px;}
        .block_image li {list-style: none; display: inline-block; padding: 0; font-size: 12px; line-height: 14px; width: 105px; margin: 0 12px 6px 0; vertical-align: center; text-align: center;}
            .lte7 .block_image li {display:inline; zoom:1;}
    .link_network {position: absolute; width: 281px; height: 20px; top:0; right:0; }
   /* .caracteristic {position: relative; background: url(../images/line.jpg) left top repeat-x; width: 100%; padding: 38px 0 0;}
        .caracteristic .menu_area {position: absolute; top:-34px; left:23px;;}
                   .caracteristic .active { z-index: 50; background: url(../images/btn_menu_item_l.png) left 1px no-repeat;}
                                           .caracteristic .active .bb1 {background: url(../images/btn_menu_item_r.png) right 1px no-repeat;}
                               .caracteristic .active .bb2 { background: url(../images/btn_menu_item_mdl.png) left 1px repeat-x; }
                                    .caracteristic li a {color:#ff0054;  text-decoration:none; }
                                    .caracteristic .active a {font-size:16px; color: #444444;}
    .content_item h2 {font-size: 18px; line-height: 22px; padding:  0 0 13px;}
    .content_item p {line-height: 18px; padding: 0 0 33px;}
    .content_item ul {padding: 0 0 33px 13px;}
    .content_item li {padding: 0; line-height: 18px; padding: 2px 0;}
    .content_item table { border-collapse: collapse; font-size: 11px; line-height: 13px;}
    .content_item td {border:1px solid #000; padding: 5px 10px; width: 80%}
    .content_item td:first-child {font-weight: bold; width: 240px;}
    .content_item table tr:nth-child(odd) {background: #f7f7f7;}*/

/*-------------------------------------------------------inner_cart-------------------------------------------------------------*/


.basket { padding: 15px 0 0;}
.command {padding: 0 0 40px;}
.command h2 {padding:0 0 14px;  font-size: 22px; font-weight: bold;line-height: 24px;}
    .command table { border-collapse: collapse; font-size: 14px;  }
        .command tr {border-bottom: 1px dotted #d0d0d0;}
        .command tr:first-child { border-top:1px dotted #d0d0d0; }
        .command td {vertical-align: middle;  text-align: center; padding: 5px;/* border:1px solid red;*/}
        .lte7 .command td {border-bottom: 1px dotted #d0d0d0;}
        .lte7 .command table {border-top: 1px dotted #d0d0d0;}
            .command .img {width: 100px;}
            .command .link {font-size: 14px; line-height: 16px; width: 400px; text-align: left;}
            .command .link a {color: #ff0054;}
            .command .count {width: 90px; color: #444444;}
            .command .pr {width: 120px;}
           /* .lte7 .command .pr {display: inline; zoom:1;}*/
            .command .delete {width: 20px; }
            .command .delete input[type="button"] {background: url(../images/btn_delete.png) left top no-repeat; height: 10px; width: 10px; cursor: pointer; border:none;}
            .command .minus { background: url(../images/btn_minus.png) left center no-repeat; width: 14px; height: 14px; cursor: pointer; border: none;  }
            .command .plus { background: url(../images/btn_plus.png) left center no-repeat; width: 14px; height: 14px; cursor: pointer; border: none;}
            .count span {display: inline-block; width:56px; height: 16px; line-height: 16px;}
            .lte7 .count span,/* .lte7 .command .minus, .lte7 .command .plus*/ {display: inline; zoom:1; line-height: 19px;/* height: 14px;*/}
    .execution {}
        .execution h2 {font-size: 22px; font-weight: bold; line-height: 24px; padding: 0 0 20px;}


/*--------------------------------------------------inner_news----------------------------------------------------*/

.news {}
.news h1 {font-size: 22px; font-weight: bold; padding: 0 0 18px;}
.news > ul {padding: 0;}
.news > ul > li {padding: 0 0 45px; list-style: none;}
.picture_news {float: left; width: 240px; ;}
.picture_news img {max-width: 220px; padding: 4px 0 0 0}
.text_news { overflow:hidden; /*width: 524px;*/ line-height: 18px;}
.text_news h2 {font-size: 20px; line-height: 22px; padding: 0 0 8px; }
.text_news h2 a {color: #ff0054; text-decoration: none;}
.text_news h2 a:hover {text-decoration: underline;}
.text_item {}
.text_item p {padding: 0 0 8px;}
.text_news .data { display: inline-block; font-size: 12px; line-height: 14px; padding: 0 0 5px; color: #b3b3b3;}
.lte7 .text_news .data  {display: inline; zoom:1;}

.wrap_hidden{background: #000; height:100%; left: 0; opacity: 0.3; filter: alpha(opacity=30); -moz-opacity: 0.3; position: fixed; top: 0; width: 100%; z-index: 1100;}
.popup {height: 180px; width: 370px; position: fixed; left: 50%; top: 50%; margin: -90px 0 0 -184px;  z-index: 2000;}
.wr_info {position: relative;-webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; -webkit-box-shadow: #000 0px 0px 14px; -moz-box-shadow: #000 0px 0px 14px; box-shadow: #000 0px 0px 14px; background: #fff; height: 180px; width: 370px;}
.info_popup {background: url(../images/basket_image.jpg) 27px 15px no-repeat; padding: 46px 15px 0 163px;  height:78px; border-bottom: 1px solid #e5e5e5; font-size: 18px; line-height: 24px; color: #444444; }
    .buttons {padding: 14px 14px 0;}
    .inbasket {background: url(../images/btn_inbasket.png) left top no-repeat; width:120px; height: 25px; float: left; }
    .ok { background: url(../images/btn_ok.png) left top no-repeat; width:70px; height: 25px; float: right;}



    
© TrueDev.org