/***************************************************************
 *  JS-TrackBar

 *   Copyright (C) 2008 by Alexander Burtsev - webew.ru

 *   and abarmot - http://abarmot.habrahabr.ru/

 *   desing: Светлана Соловьева - http://my.mail.ru/bk/concur/
 
 *   This code is a public domain.

 ***************************************************************/

/* Reset */

table.trackbar div, table.trackbar td {margin:0; padding:0;}
table.trackbar {border-collapse:collapse;border-spacing:0;}
table.trackbar img{border:0;}

/* Styles */
table.trackbar {width:250px; margin: 10px 30px; background:url(../../images/b_bg_on.gif) -2px 0px repeat-x;}
table.trackbar .l {width:1%; text-align: right; font-size: 1px;/* background:repeat-x url(./imgtrackbar/b_bg_off.gif) top left;*/}
table.trackbar .l div {position:relative; width:0; text-align: right; z-index:500; white-space:nowrap;}
table.trackbar .l div img {cursor:pointer;}
table.trackbar .l div span {position:absolute;top:-12px; right:6px; z-index:1000; font:11px tahoma; color:#000;}
table.trackbar .l div span.limit {text-align:left; position:absolute;top:-12px; right:100%; z-index:100; font:11px tahoma; color:#D0D0D0;}
table.trackbar .r {position:relative; width:1%; text-align: left; font-size: 1px;/* background:repeat-x url(./imgtrackbar/b_bg_off.gif) top right;*/ cursor:default;}
table.trackbar .r div {position:relative; width:0; text-align: left; z-index:500; white-space:nowrap;}
table.trackbar .r div img {cursor:pointer;}
table.trackbar .r div span {position:absolute;top:-12px; left:6px; z-index:1000; font:11px tahoma; color:#000;}
table.trackbar .r div span.limit {position:absolute;top:-12px; left:100%; z-index:100; font:11px tahoma; color:#D0D0D0;}
table.trackbar .c {font-size:1px; width:100%;}

/* hand page */
div.trackArea { width:261px; height:90px; background-color:#eaeaea; border:1px solid #999; text-align:center; margin-top:400px; position:absolute; z-index:100; }
div.trackArea table { margin:-8px auto; }
div.trackArea div.nameBar { margin:10px 0px 10px; }
div.trackArea div.bottomBar { width:100%; margin-top:10px; }
div.trackArea div.rightTrack { width:12px; height:92px; margin:-1px -1px 0px 0px; background:url(/img/trackbar_bg.gif); float:right;}
/*div.brandNames {width:100%; float:left; margin-top:7px;}*/
div.brandNames {width:100%; float:left; background:url(/img/nailshop-header-main.gif); height:32px; padding-top:4px;}
div.brandNames a h2 {padding-top:5px; color:#fff; font-weight:bold; text-transform:uppercase; font-size:14px; display:block; float:left; margin:0px 15px; width:auto; cursor:pointer; }
div.brandNames a.selected h2 {color:#FF3A29;}
div.brandNames a:hover h2 {color:#FF3A29;}
div.handArea {width:340px; position:absolute; top:190px;}
.ie7 div.handArea/*, .ie div.trackArea*/ { margin-left:-758px; }
*+html div.trackArea div.bottomBar { margin:1px 0px 0px; }
div.collections { width:192px; float:left; margin-top:20px; }
div.collections h3 { width:100%; float:left; color:#565656; margin-bottom:5px; font-weight:normal; }
div.collections div.contentColl { width:100%; float:left; margin-bottom:12px; }
div.collections div.contentColl a img, div.collections div.contentColl div { display:block; float:left; width:16px; height:16px; }
div.collections div.contentColl a { width:16px; height:16px; float:left; display:block; }
div.collections div.contentColl a div { background:url(/img/cub_point.png) 0px 0px no-repeat; margin-left:-16px; width:16px; height:16px; float:left; overflow:hidden; cursor:pointer; }
div.collections div.contentColl a div.color { margin-left:0px; }
div.handVariant { width:200px; padding-left:30px; }
.ie div.handVariant { padding-left:10px; }
div.handVariant h1 { font-size:15px; font-weight:bold; text-decoration:underline; color:#000000; height:34px; }
div#leftBlock, div#rightBlock { cursor:pointer; }
div.article_property { width:100%; float:left; }
div.article_property div { margin-top:3px; float:left; }
div.article_property div b { display:block; float:left; width:109px; font-style:normal; font-size:13px; }
div.article_property div span { display:block; float:left; width:84px; font-size:13px; }
div.nailBar { background:url(/img/nailbar_bg.gif) top left no-repeat; width:100%; float:left; }
div.bottomNailBar { background:url(/img/trackbar_bottom_bg.gif) top left no-repeat; height:19px; float:left; width:100%; }
div.article_descr div.nailImageBlock { width:180px; height:300px; }

div.nailHand {position:relative; top:10px; left:23px;}
.fingers {position:absolute; z-index:90;	}
.fingers .finger {position:absolute; z-index:100;}
.length {background:transparent url('/scripts/hand/ready_nails.png') no-repeat 0 -250px; width:31px; height:19px; position:absolute; z-index:100; left:21px; top:3px;}
.nail {background:transparent url('/scripts/hand/ready_nails.png') no-repeat 0px top; width:50px; height:50px; position:absolute;}
.texture {background:transparent url('/scripts/hand/texture.jpg') no-repeat 0px top; width:50px; height:50px;}
.hand {background:transparent url('/scripts/hand/ready_hands.jpg') no-repeat 0px top; width:280px; height:420px; z-index:50; position:absolute; top:50px;}
div.checkActiveNail {color:#fff; border:1px solid red; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; -khtml-border-radius:8px; background:red; margin-bottom:15px; padding:6px; float:left;}
div.checkActiveNail label {font-size:11px; display:block; float:left; margin-top:1px;}
.ie div.checkActiveNail label {margin-top:1px;}
div.checkActiveNail input {margin:2px 5px 0px 0px; display:block; float:left;}

/* Новый функционал доставки - Valentin Borisenko [20.03.11] */
#d-delivery {margin-bottom:15px; padding-top:15px; clear:both;}
#d-delivery span.delivery-text {font-size:12px; font-style:italic; font-weight:bold; width:186px;}
#d-delivery span.delivery-value {font-size:12px; width:153px;}
#d-delivery span.no-delivery {font-size:12px; font-style:italic; font-weight:bold;}

/* Del Sol */
a.day {filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100) !important; -moz-opacity:1 !important; -khtml-opacity:1 !important; opacity:1 !important;}
a.night {filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40) !important; -moz-opacity:0.4 !important; -khtml-opacity:0.4 !important; opacity:0.4 !important;}