#clientblock { margin-top: 15px; }
#clientblock .clleft { float: left; width: 507px; background: #FFFFFF; padding: 16px 20px; position: relative; }
#clientblock .clright { float: left; margin-left: 20px; width: 368px; height: 232px; padding: 16px 20px; background: #D4DDE6; }

#clientblock .textinput { margin: 4px 0px; }
#clientblock .textinput span { width: 87px; padding: 0px 5px 0px 18px !important; font: 14px/16px Tahoma; color: #004185 !important; }
#clientblock .textinput span span { padding: 0px !important; }
#clientblock .textinput span span span { text-align: left !important; }
#clientblock .textinput input { width: 179px; }

#clientblock .selectinput { margin: 4px 0px; }
#clientblock .selectinput span { width: 87px; padding: 0px 5px 0px 18px !important; font: 14px/16px Tahoma; color: #004185 !important; }
#clientblock .selectinput span span { padding: 0px !important; }
#clientblock .selectinput span span span { text-align: left !important; }
#clientblock .selectinput input { width: 154px; }

#clientblock .enter { position: absolute; right: 20px; top: 16px; width: 104px; height: 228px; padding-left: 20px; border-left: 2px solid #F0F4F7; color: #00B125; font-size: 14px; }
#clientblock .enter span { display: block; margin-top: 10px; height: 20px; padding-left: 27px; font: 14px/20px Tahoma; color: #0059B7; background: url('images/order-enter.gif') no-repeat; cursor: pointer; }
#clientblock .enter span:hover { color: #00B125; background-position: 0px -20px; }

#client-subscribe { width: 494px; margin-top: 20px; display: block; height: 50px; padding-left: 53px; background: #FFFFFF; font: 14px/50px Tahoma; color: #00B125; border-radius: 2px; cursor: pointer; position: relative; }
#client-subscribe span { position: absolute; left: 15px; top: 14px; display: block; width: 22px; height: 22px; background: url('images/order-icons.gif') -82px 0px; }
#client-subscribe input { position: absolute; left: -9999px; top: -9999px; visibility: hidden; }
#client-subscribe .checked { background-position: -104px 0px; }
#client-subscribe:hover { color: #0059B7; }

#client-register { display: block; width: 507px; font-size: 22px; margin-top: 20px; }

#client-rules { margin-top: 10px; width: 547px; text-align: center; font: 12px Tahoma; color: #0057B8; }
#client-rules span { cursor: pointer; border-bottom: 1px dotted #0057B8; }
#client-rules span:hover { border-bottom: 0px; }

#city2 { display: none; }

#cleint-menu a { position: relative; display: block; height: 50px; background: #FFFFFF; border-radius: 2px; margin-bottom: 2px; padding: 0px 18px; font: 14px/50px Tahoma; color: #005BB8; text-decoration: none; }
#cleint-menu a:hover { color: #00B125; }
#cleint-menu span { position: relative; display: block; height: 46px; background: #FFFFFF; border: 2px solid #00B125; border-radius: 2px; margin-bottom: 2px; padding: 0px 18px; font: 14px/50px Tahoma; color: #00B125; }
#cleint-menu b { position: absolute; right: 10px; top: 10px; display: block; height: 30px; min-width: 14px; padding: 0px 8px; background: #0059B9; text-align: center; font: 12px/30px Tahoma; color: #FFFFFF; border-radius: 2px; }
#cleint-menu span b { top: 8px !important; background: #00B125 !important; }
#cleint-menu .specials { color: #D12124 !important; }
#cleint-menu .specials b { background: #D12124 !important; }
#cleint-menu .logout { color: #00B125 !important; }
#cleint-menu .logout em { position: absolute; right: 10px; top: 13px; display: block; width: 24px; height: 24px; background: url('images/exit.png'); }

#client-personal { margin-top: 40px; padding-bottom: 50px; }
#client-personal .left { float: left; width: 285px; margin-right: 40px; }
#client-personal .center { float: left; width: 466px; margin-right: 30px; }
#client-personal .right { float: left; width: 154px; }
/*#client-personal .bigright { float: left; width: 650px; }*/
#client-personal .blk { margin-bottom: 50px; width: 466px; }
#client-personal .blk .title { height: 26px; font: 22px/26px Tahoma; color: #00B125; margin-bottom: 12px; }
#client-personal .i-personal { display: inline-block; width: 24px; height: 24px; background: url('images/order-icons.gif') -77px -46px; margin-right: 10px; vertical-align: middle; margin-bottom: 2px; }
#client-personal .i-password { display: inline-block; width: 20px; height: 28px; background: url('images/order-icons.gif') -101px -44px; margin-right: 10px; vertical-align: middle; margin-bottom: 2px; }
#client-personal .textinput { margin: 4px 0px; }
#client-personal .textinput span { width: 87px; padding: 0px 5px 0px 18px !important; font: 14px/16px Tahoma; color: #004185 !important; }
#client-personal .textinput span span { padding: 0px !important; }
#client-personal .textinput span span span { text-align: left !important; }
#client-personal .textinput input { width: 179px; }
#client-personal .selectinput { margin: 4px 0px; }
#client-personal .selectinput span { width: 87px; padding: 0px 5px 0px 18px !important; font: 14px/16px Tahoma; color: #004185 !important; }
#client-personal .selectinput span span { padding: 0px !important; }
#client-personal .selectinput span span span { text-align: left !important; }
#client-personal .selectinput input { width: 154px; }
#client-personal .noclick b { display: none !important; }
#client-personal .noclick input { padding-right: 15px !important; width: 179px !important; }
#client-personal #address input { width: 320px; }
#client-personal .butt { margin-top: 16px; }
#client-personal .butt .butt2 { color: #005BB8; width: 140px; }
#client-personal .butt .butt2:hover { color: #00B125; }
#client-personal .butt .cancel { margin-left: 20px; display: none; font: 12px/50px Tahoma; cursor: pointer; vertical-align: middle; color: #0059B9; }
#client-personal .butt .cancel span { border-bottom: 1px dotted #0059B9; }
#client-personal .butt .cancel:hover { color: #00B125; }
#client-personal .butt .cancel:hover span { border-bottom: 0px; }
#client-personal .client-personal-link { display: block; width: 154px; height: 154px; margin-bottom: 20px; background-repeat: no-repeat; }
#client-personal .client-personal-link:hover { opacity: 0.8; }
#client-personal .cpl-emailaction { background-image: url('images/client-actions.gif'); }
#client-personal .cpl-summerdisc { background-image: url('images/client-summer-disc.gif'); }
#client-personal .cpl-winterprepare { background-image: url('images/client-winter-prepare.gif'); }
#client-personal .cpl-discount { background-image: url('http://i.terrasport.ua/2016/02_26/12_54/files_topic_16_1743.jpg'); }
#client-personal .cpl-productoftheday { background-image: url('http://i.terrasport.ua/2014/10_26/23_29/files_topic_1_7.jpg'); background-position: 50% 50%; }

#client-orders { margin-top: 40px; padding-bottom: 50px; }
#client-orders .left { float: left; width: 285px; margin-right: 40px; }
#client-orders .right { float: left; width: 650px; }
#client-orders .order { margin-bottom: 8px; }
#client-orders .order .head { height: 50px; position: relative; background: #FFFFFF; border-radius: 2px; }
#client-orders .order .corner { position: absolute; left: 0px; top: 0px; width: 48px; height: 50px; border-right: 2px solid #F1F5F8; cursor: pointer; }
#client-orders .order .corner span { position: absolute; left: 16px; top: 20px; display: block; width: 20px; height: 13px; background: url('images/openorder.png'); }
#client-orders .order .corner:hover span { /*background-position:  -30px -15px;*/ }
#client-orders .order .number { position: absolute; left: 70px; top: 0px; height: 50px; font: 14px/50px Tahoma; color: #0058B4; }
#client-orders .order .date { position: absolute; left: 180px; top: 0px; height: 50px; font: 14px/50px Tahoma; color: #748DAC; }
#client-orders .order .total { position: absolute; left: 295px; top: 0px; height: 50px; font: 14px/50px Tahoma; color: #00B125; }
#client-orders .order .status { position: absolute; right: 20px; top: 0px; height: 50px; font: 14px/50px Tahoma; color: #748FAD; text-transform: uppercase; }
#client-orders .order .pay { position: absolute; right: 20px; top: 0px; height: 50px; font: 14px/50px Tahoma; color: #00B125; text-transform: uppercase; cursor: pointer; text-decoration: none; }
#client-orders .order .pay b { font-size: 20px; font-weight: normal; margin-right: 5px; }
#client-orders .order .pay:hover { color: #0059B9; } 
#client-orders .order .data { display: none; padding: 20px; background: #FFFFFF; border: 1px solid #D4DDE6; border-top: 0px; }
#client-orders .opened .head { height: 48px !important; border: 1px solid #D4DDE6; }
#client-orders .opened .corner { height: 48px !important; }
#client-orders .opened .number, #client-orders .opened .date, #client-orders .opened .total, #client-orders .opened .status { height: 48px; !important; line-height: 48px !important; }
#client-orders .opened .data { display: block !important; }
#client-orders .order .delivery { color: #738EAB; font-size: 14px; }
#client-orders .order .delivery span { color: #3A5D7B; }
#client-orders .order .address { margin-top: 10px; color: #738EAB; font-size: 14px; }
#client-orders .order .address span { color: #3A5D7B; }
#client-orders .order .address b { margin-left: 20px; font-weight: normal; cursor: pointer; font-size: 12px; }
#client-orders .order .address b span { color: #0059B7 !important; }
#client-orders .order .address b b { margin-left: 0px !important; margin-right: 7px; display: inline-block; width: 13px; height: 18px; background: url('images/order-icons.gif') -114px -22px; vertical-align: middle; }
#client-orders .order .address b:hover span { text-decoration: underline; } 
#client-orders .order .store { position: relative; margin-top: 20px; border-top: 2px solid #F0F4F7; height: 100px; padding: 40px 200px 0px 160px; }
#client-orders .order .store .icon { position: absolute; left: 0px; top: 20px; display: block; width: 120px; height: 120px; line-height: 120px; text-align: center; overflow: hidden; }
#client-orders .order .store .icon img { max-width: 120px; max-height: 120px; }
#client-orders .order .store .name { font: 14px/20px Tahoma; }
#client-orders .order .store .name a { color: #005BB8; text-decoration: none; }
#client-orders .order .store .name a:hover { color: #00B125; text-decoration: none; }
#client-orders .order .store .how { position: absolute; right: 0px; top: 40px; font: 14px Tahoma; color: #738EAC; text-transform: uppercase; }
#client-orders .order .store .how span { color: #00B127; }
#client-orders .order .store .how span b { font-size: 18px; font-weight: normal; }

#client-special { margin-top: 40px; padding-bottom: 50px; }
#client-special .left { float: left; width: 285px; margin-right: 40px; }
#client-special .right { float: left; width: 650px; }
#client-special .data { position: relative; margin-right: -25px; }
#client-special .unit { float: left; margin: 0px 20px 20px 0px; display: block; height: 191px; width: 154px; }
#client-special .unit .icon { display: block; height: 154px; width: 154px; text-align: center; line-height: 154px; overflow: hidden; background: #FFFFFF; }
#client-special .unit .icon img { max-height: 154px; max-width: 154px; }
#client-special .unit .icon:hover { opacity: 0.8; }
#client-special .unit .name { margin-top: 5px; font-size: 12px; line-height: 16px; text-align: center; }   

#client-mailing { margin-top: 40px; padding-bottom: 50px; }
#client-mailing .left { float: left; width: 285px; margin-right: 40px; }
#client-mailing .right { float: left; width: 650px; }

.client-delstore { position: absolute; right: 0px; top: 264px; width: 50px; height: 50px; border-top: 2px solid #F0F4F7; background: url('images/basketdel.gif'); cursor: pointer; text-align: center; line-height: 50px; }
.client-delstore:hover { background-position: 0px -50px; }
.stores3 li:hover .client-delstore { right: 35px !important; top: 318px !important; border-right: 2px solid #F0F4F7; border-bottom: 2px solid #F0F4F7; }
.exist { font-size: 26px; color: #708FAE; margin-left: 15px; }
.stores3 .absent .price { color: #B9B9B9; }
.stores3 .absent .price b { color: #B9B9B9; }
.stores3 .absent .icon { opacity: 0.5; }
.stores3 .buyabsent { position: absolute; left: 0px; top: 264px; width: 103px; height: 50px; border-top: 2px solid #F0F4F7; border-right: 2px solid #F0F4F7; font: 16px/50px Tahoma; text-align: center; color: #B9B9B9; text-decoration: none; cursor: default; }
.stores3 li:hover .buyabsent { left: 35px !important; top: 318px !important; border: 2px solid #F0F4F7 !important; }
.stores3 .label-exist { position: absolute; left: 0px; top: 0px; display: block; width: 38px; height: 112px; background: url('images/label-exist.png'); }

#client-wishlist { margin-top: 40px; padding-bottom: 50px; }
#client-wishlist .left { float: left; width: 285px; margin-right: 40px; }
#client-wishlist .right { float: left; width: 650px; }
#client-wishlist .stores3 li { height: 368px; }
#client-wishlist .stores3 .inner { height: 368px; }
#client-wishlist .stores3 ol li { height: auto; }
#client-wishlist .stores3 .gift { position: absolute; left: 0px; top: 316px; width: 154px; height: 50px; border-top: 2px solid #F0F4F7; font: 16px/50px Tahoma; text-align: center; color: #005BB8; text-decoration: none; cursor: pointer; }
#client-wishlist .stores3 .gift:hover { color: #00B125; }
#client-wishlist .stores3 li:hover .inner { padding: 434px 20px 20px 20px; }
#client-wishlist .stores3 li:hover .gift { left: 35px !important; top: 370px !important; border: 2px solid #F0F4F7 !important; }

#client-totalline { height: 50px; border-radius: 2px; background: #FFFFFF; position: relative; padding: 0px 20px; font: 16px/50px Tahoma; color: #0158B9; }
#client-totalline .clearall { position: absolute; right: 0px; top: 0px; width: 76px; height: 32px; padding: 9px 6px 9px 34px; font: 14px/16px Tahoma; color: #0158B9; cursor: pointer; border-left: 2px solid #F0F4F7; }
#client-totalline .clearall span { position: absolute; left: 10px; top: 16px; display: block; width: 15px; height: 17px; background: url('images/refresh.gif'); }
#client-totalline .clearall:hover { color: #00B123; }
#client-totalline .clearall:hover span { background-position: 0px -17px; }

#client-messages { margin-top: 40px; padding-bottom: 50px; }
#client-messages .left { float: left; width: 285px; margin-right: 40px; }
#client-messages .right { float: left; width: 650px; }
#client-messages .messages { list-style: none; margin: 0px; padding: 0px; display: flex; flex-wrap: wrap; }
#client-messages .messages li { position: relative; margin: 0px 10px 10px 0px; padding: 0px; width: calc((100% - 10px) / 2); height: 154px; }
#client-messages .messages li:nth-child(2n+2) { margin-right: 0px; }
#client-messages .messages li .icon { position: absolute; left: 0px; top: 0px; display: block; width: 157px; height: 154px; backgroound: #FFFFFF; text-align: center; line-hegiht: 154px; overflow: hidden; }
#client-messages .messages li .icon img { max-width: 100%; max-height: 100%; }
#client-messages .messages li .name { position: absolute; right: 0px; top: 0px; display: block; width: calc(100% - 159px); height: 102px; padding: 20px; box-sizing: border-box; background: #FFFFFF; font-size: 12px; line-height: 16px; color: #0059B7; text-decoration: none; }
#client-messages .messages li .name:hover { text-decoration: underline; }
#client-messages .messages li .butt { position: absolute; right: 0px; bottom: 0px; display: block; width: calc(100% - 159px); height: 50px; background: #FFFFFF; font-size: 16px; line-height: 50px; text-align: center; color: #0059B7; text-decoration: none; transition: 0.3s; }
#client-messages .messages li .butt:hover { color: #00B125; }
#client-messages .messages li .butt::after { content: 'ПОСМОТРЕТЬ'; }
#client-messages .messages li .viewed { position: absolute; left: 5px; top: 5px; display: block; min-width: 16px; height: 20px; padding: 0px 2px; background: #E12325; font-size: 14px; line-height: 20px; text-align: center; color: #FFFFFF; border-radius: 50%; }
#client-messages .messages li .viewed.viewed0 { display: none; }

/* СЛОЙ "ХОЧУ В ПОДАРОК" */
#gift-layer { position: relative; }
#gift-layer .text { margin-top: 10px; }
#gift-layer .loading { margin-top: 10px; height: 50px; line-height: 50px; font-size: 16px; color: #A6A6A6; position: relative; text-align: center; }
#gift-layer .pluso { position: absolute; margin-top: -50px; margin-left: 60px; }
#gift-layer .pluso-more { display: none; }
/* СЛОЙ "ХОЧУ В ПОДАРОК" */