﻿#dialog-SpecIDS { text-align:left; }
#dialog-SpecIDS input.text {  width:60px; padding: .2em; }
#dialog-SpecIDS fieldset { padding:0; margin-top:10px; padding-bottom:20px;display:black; }
.ui-dialog .ui-state-error { padding: .3em; }
.validateTips { border: 1px solid transparent; padding: 0.3em; }


#red, #green, #blue {
	float: left;
	clear: left;
	width: 200px;
	margin: 10px;
}
#swatch {
	width: 80px;
	height: 70px;
	margin-top: 18px;
	margin-left: 250px;
	background-image: none;
}
#red .ui-slider-range { background: #ef2929; }
#red .ui-slider-handle { border-color: #ef2929; }
#green .ui-slider-range { background: #8ae234; }
#green .ui-slider-handle { border-color: #8ae234; }
#blue .ui-slider-range { background: #729fcf; }
#blue .ui-slider-handle { border-color: #729fcf; }

#ui-colorPick
{
	list-style: none;
	display: block;
}
#ui-colorPick li
{
padding: 1px;
	width: 20px
	height: 20px;
	display: block;
	line-height: 20px;
	cursor: pointer;
}



.clearfix:after {
    clear: both;
    content: " ";
    display: block;
    height: 0;
}
.property .clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

.property {

	width: 100%;
	display:block;
}
.property dd {

}

.property 
{
	margin:0px 0px 0px 0px;
	width:350px;

}

.property ul, .property ol {
    list-style: none outside none;
}

.property dl {
    margin-bottom: 6px;
    width:100%;
}
.property dl:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
.property dt {
    float: left;
    text-align:left;
    
    width: 62px;
    margin-top:3px;
}
.property dd {
    float: left;
    width: auto;
    padding:0px;
}
.property ul {margin:0px;padding:0px;}
.property li {
    background-color: #FFFFFF;
    list-style:none;
    float: left;
    line-height: 28px;
    height:28px;
    margin: 0 4px 4px 0;
    padding: 0px; 
}
.property li a {
    background-color: #FFFFFF;
    border: 1px solid #C8C9CD;
    color: #000000;
    display: block;
    line-height: 28px;
    height:28px;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
}
.property li a:hover {
    border: 2px solid #FF6701;
    margin: -1px;
}
.property li a:focus {
    outline: medium none;
}
.property li.out-of-stock a {
    border: 1px dashed #D6D6D8;
    color: #CDCDCD;
    cursor: not-allowed;
    margin: 0;
}
.property li span {
    padding-left: 1px;
}

.property li.selected a {
    border: 2px solid red;
    margin: -1px;
}
.property li.selected a:hover {
    border: 2px solid #FF6701;
    margin: -1px;
}


.property .img li a {
    background-color: transparent;
    background-position: center center;
    background-repeat: no-repeat;
    height: 20px;
    line-height: 20px;
    padding: 0;
    min-width: 20px;
    padding:0px 2px !important;
    _width:20px;
}
.property .img li span {
    display: block;
    text-indent: -9999em;
}

.property .img li.txt a {
    padding: 0 0px;
    _padding: 0 0px;
    
}
.property .img li.txt a span {
    text-indent: 0;
    
}