/*
	
	CSS Style for client style elements

*/


/* Products */

nav{ display: block; }
nav.steps{ height: 40px; }
nav.steps .step{ position: relative; float: left; padding-top: 10px; width: 160px; height: 30px; background: url("../../images/structure/sprite-navigation.png") 0 -150px; text-align: center; text-transform: uppercase; color: #808080;}
nav.steps .step.active{ background: url("../../images/structure/sprite-navigation.png") 0 -100px; font-weight: 700; color: #fff;}
nav.steps .step.active a{ color: #fff; }
nav.steps .step.first{ left: 0; width: 150px; background: url("../../images/structure/sprite-navigation.png") 0 -50px;  }
nav.steps .step.first.active{ background: url("../../images/structure/sprite-navigation.png"); }
nav.steps .step:nth-child(2){ left: -5px; }
nav.steps .step:nth-child(3){ left: -10px; }

label.dim-label{ display: block; float: left; margin-right: 30px; width: 50px; text-align: center; }
input.dim{ float: left; width: 50px; }
span.dimx{ display: block; float: left; margin: 4px 10px 0 10px; width: 10px; font-weight: 700; text-align: center; }
label.double-label{ display: block; float: left; margin-right: 20px; width: 110px; }
input.double-row{ float: left; width: 110px; margin-right: 20px;}

.next-step-btns{ left: 490px; }
.holder.isThumb{ border: 4px solid #007fcc; }


/* Hidden Targets */

.hiddenSelect{ overflow: hidden; height: 0;  }
.hiddenSelect.show{ overflow: hidden; height: 70px;  }
.hiddenSelect.cb.show{ overflow: hidden; height: 90px;  }