/* Color Picker */ 

/*form {margin:0 auto; padding:0; width:250px; text-align:center;  font-family: 'DaxlinePro-Light' !important;}
form img {margin:10px 0; padding:0}
form a:hover img {text-decoration:none; border:none}
form input {width:95%; max-width:215px; margin:5px 0; padding:5px 5px 5px 30px; outline:none; border:solid 1px #eee; background:#fff; color:#000}
form input.b1 {background:url(../img/icon_name.gif) no-repeat 5px 0 #fff}
form input.b2 {background:url(../img/icon_phone.gif) no-repeat 5px 0 #fff}
form input.b3 {background:url(../img/icon_business.gif) no-repeat 5px 0 #fff}
form input.b4 {background:url(../img/icon_mail.gif) no-repeat 5px 0 #fff}
form select {width:95%; max-width:215px; margin:5px 0; padding:3px 3px 3px 30px; outline:none; border:solid 1px #eee;}
form select.b5 {background:url(../img/icon_location.gif) no-repeat 5px 0 #fff}*/




.blue .color-picker .pickerTitle{background:#ffc709; color:#000; height:32px;}
.color-picker .picker-btn{ position: absolute; left: -35px; top:28px; border: none; background: url("../img/enquiry.jpg") no-repeat; cursor: pointer; padding:0; height:116px; }
.color-picker .picker-btn2{ position: absolute; left: 5px; top:-3px; border: none; background: url("../img/close.png") 5px no-repeat; cursor: pointer; /*padding:5px;*/ }
.color-picker{ width: 250px; height: auto; position: fixed; top: 95px; right: 0; background: #fff; z-index: 9999;border-bottom: solid 1px #ccc;border-left: solid 1px #ccc;}
.color-picker p{ font-size:9px; line-height:14px;}
.color-picker .pwrapper{ padding:0; width: 98%; height:auto; }
.color-picker .pwrapper input{width:95%; margin:2px 5px; padding:5px 5px 5px 30px; outline:none; border:solid 1px #eee; background:#fff; color:#000}
.color-picker .pwrapper input.button{padding:5px 15px; box-shadow: 0px 2px 0px 0px #99251f; background-color:#ffc709; color:#000; outline:none; border:0px; }
.color-picker .pwrapper input.button:hover{background-color:#000; color:#FFFFFF;}
.color-picker .pwrapper input.b1 {background:url(../img/icon_name.gif) no-repeat 5px 0 #fff}
.color-picker .pwrapper input.b2 {background:url(../img/icon_phone.gif) no-repeat 5px 0 #fff}
.color-picker .pwrapper input.b3 {background:url(../img/icon_business.gif) no-repeat 5px 0 #fff}
.color-picker .pwrapper input.b4 {background:url(../img/icon_mail.gif) no-repeat 5px 0 #fff}
.color-picker .pwrapper select{ width:95%; margin:2px 5px; padding:5px 5px 5px 30px; outline:none; border:solid 1px #eee; background:#fff; color:#000}
.color-picker .pwrapper select.b5 {background:url(../img/icon_location.gif) no-repeat 5px 0 #fff}*/
.color-picker .pwrapper select.ico2{ background:url(../img/icon_location.gif) no-repeat 6px 1px}
.color-picker .pwrapper select.ico3{ background:url(../img/icon_location.gif) no-repeat 6px 1px}
.color-picker .pwrapper select.ico4{ background:url(../img/icon_name.gif) no-repeat 6px 1px}
.color-picker .pwrapper textarea{     background:url(../img/icon_comment.gif) no-repeat 6px 1px; padding:2px 10px 2px 30px; font-size: 12px; }
.color-picker .pickerTitle{ text-transform: uppercase; text-align: center; float: none; width: 100%; margin: 0; padding: 2px 5px; cursor: auto; border: none; color:#fff; background:#666; line-height:30px; font-weight:bold; }
.color-picker .pickersubTitle{ color:#7F7F7F; text-transform: uppercase; text-align: center; float: none; width: auto; height: auto; margin: 0 5px 15px; padding: 10px 5px; cursor: auto; font-size:12px; border-bottom: 1px solid #ededed; border-top: 1px solid #ededed; clear:both; }
.color-picker div{ width: 30px; height: 30px; margin: 5px; /*padding: 5px;*/ float: left; /*cursor: pointer; border: 2px solid #f0f0f0;*/ 	-webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.color-picker div.nopick{ width:0; height:0;}
.color-picker .light-version{ width: 73px; height: 29px; margin-bottom:20px; /*	background: #fff; line-height: 30px; text-align: center; color: #999;*/ }
.color-picker .dark-version{ width: 73px; height: 29px; /*	background: #000; line-height: 30px; text-align: center; color: #666;*/ }

@media only screen and (max-width : 280px) {
	.color-picker{ top: 65px;}
}