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

 *  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 a h2 { color:#a09e9f; font-weight:bold; text-transform:uppercase; font-size:20px; display:block; float:left; margin:0px 23px; width:auto; cursor:pointer; }
div.brandNames a.selected h2 { color:#FF3A29; }
div.brandNames a:hover h2 { color:#333333; }
div.handArea { width:340px; position:absolute; top:200px; }
.ie 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; }
.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 { float:left; margin-bottom:15px; }
div.checkActiveNail label { font-size:11px; display:block; float:left; }
.ie div.checkActiveNail label { margin-top:8px; }
div.checkActiveNail input { margin:2px 5px 0px 0px; display:block; float:left; }