/*	Added by PhtCong	*/
.product-listing .product-filter .filter-options{overflow: visible;}
.pf-right .selectBox .selectBoxPanel ul li a:hover { background: #fff repeat-x; color: #000; }
.pf-right .selectBox .selectBoxPanel{ background: #fff repeat-x; color: #000; }
.pf-right .open .selectBoxPanel { display: block;z-index:1000;}
/* Find Product*/
#header-find{
	background: #fff url(../images/find/find-header.png) no-repeat;	
	padding-left: 20px;
}
#header-find h2{
	color: #fff;
	font-size:32px;
	line-height: 55px;
}
#header-find h2 a.reset { color:#fff; float:right; font-size:14px; letter-spacing:-0.4px; margin-right:12px; text-transform:uppercase; text-decoration:none;}
#paint-finder{
	background: url(../images/find/find-bg.png);
	overflow: hidden;
}
#paint-finder #center-find{
	padding: 30px 35px 15px 20px;
}
#paint-finder h3{
	display:block;
	color: #bf090b;
	padding-bottom: 10px;
}
#paint-finder fieldset{
	float:left;
	border: none;
	width: 500px;
	overflow:hidden;
}
#paint-finder fieldset .keyword{
	display:block;
	color: #bf090b;
	margin: 10px 0;
}
#paint-finder fieldset label{
	font-size: 13px;
	float:left;
	width: 190px;	
	margin:10px 0;
}

#paint-finder fieldset .text{
	width: 200px;
	padding:5px;	
	margin: 3px 0;
	border: 2px solid #e9e9e9;
	color: #000;
}
#paint-finder fieldset .select{
	width:200px;
	margin: 0px 0 10px 0;
	height: 28px;
	padding-top: 4px;
}


#paint-finder fieldset .radio{
	margin: 10px 10px 0 5px;
}

#paint-finder fieldset p{
	padding: 5px 0;
}
#procced{
	padding: 25px 315px 0;
}
#cant-find-code{
	float:left;
	width: 284px;
}

#footer-find{
	background: #fff url(../images/find/find-footer.png) no-repeat;
	height:34px;
}
/*
 Colour code Location
*/
#code-button{
	display:block;
	margin:25px auto 0 auto;
	width:340px
}
#colour-box {
	background: url(../images/find/oto-bg.png) repeat;
	border: 2px solid #d6d6d6;
	clear: both;
	padding: 4px;
	display: block;
	margin-top:20px;

}
#colour-box h4 { margin: 8px; }
#colour-box img { margin: 10px 14px; }

#icon-close{
	float:right;
}
#info{
	padding:0 15px 0 25px;
}
#info span{
	clear:both;
	display:block;
	margin:10px 0 4px 0;
	color: #988bb4;
}
#info img{
	margin-bottom: 10px;
}
/*
	Select Paint
*/
#center-find{
	overflow: hidden;
	height: 1%;
}
.info-box{
	height:1%;
	overflow:hidden;
	background:#ffffff;
	padding: 10px 25px 15px 10px;
	margin: 15px 0;
	display: block;
	clear: both;
}
#last{
	margin-bottom:20px;
}
#product{
	float: left;
	border: 2px solid #d1d1d1;
}
#details{
	float: left;
	display:block;
	margin: 5px 20px;
	width: 350px;
}
.info-box a{
	margin-top: 5px;
	float: right;
}
.info-box strong{
	color: #bf090b;
}
.info-box ul{
	display:block;
	margin-top: 5px;
	font-size: 13px;

}
.info-box ul.desc {  list-style-position: inside; }
.info-box ul.desc li { list-style-type: circle; list-style-position: inside; color: #BF090B; }
.info-box ul.desc li span { color: #000; }
.info-box .buttons { float: right; }
.info-box .buttons .abutton { display: block; float: none; margin: 4px 0; text-align: center; width: 110px; }

#paint-finder .find-product .text{font-size: 0.9em}
#paint-finder .find-product .radio {
	margin:13px 10px 0 5px;
}
#paint-finder find-product .select {
margin:13px 0 10px 0;

}
#paint-finder .find-product {width:465px}
#paint-finder .find-product label {width:195px}

.fleft { float: left !important; }
.fright { float: right !important; }
.clear, .cf { clear: both !important; }


.buttons input { float: left; }
.buttons a img { float: left; }


#precision-options { margin: 0 0 20px 0; float: left; }
#precision-options li {  }
.precision .proceed { float: right; margin: 0 70px 0 0; }

#precision-options li h4 { float: left; width: 210px; }
#precision-options li p { float: left; text-align: right; width: 40px; }

#precision-details p { margin: 5px 0 5px 0; }

#errors { margin: 0 0 10px 20px; }
#errors li { font-size: 12px; color: red; list-style-type: circle !important; }

#bread { overflow: hidden; height: 30px; margin-top: -18px; margin-bottom: 14px; }
#bread li { float: left; padding-right: 6px; color: #BF090B; }
#bread li a { text-decoration: none; font-size: 12px; color: black; }
#bread li a.this { font-weight: bold; }

.find-product br.clear { margin-bottom: 20px; }


.abutton { float: left; height: 45px; line-height: 45px; padding: 0 14px 0 14px; margin: 28px 4px 4px 0; text-decoration: none; color: #efefef !important;
					font-family: Arial; font-size: 23px; font-weight: bold; border: 1px solid #2ab100;
					background: url('../images/find/button-bg.png') repeat-x top left;  border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
.abutton.fright { margin: 0 70px 0 0; }

#comm { float: left; margin-top: 30px; height: 45px; line-height: 45px; text-decoration: none; color: #BF090B;}

fieldset legend { display: none; }

.result p { padding: 0 0 12px 12px; font-size: 12px;}

.fput { 	width: 200px;
	padding:5px;	
	margin: 3px 0;
	border: 2px solid #e9e9e9;
	color: #000;
	display: inline; }
	
#hbuttons { display: none; }

#loader {
border:0 solid red;
position:absolute;
text-align:center;
top:50%;
width:100%;
}

#loader .cont {
background-color:#FEFEFE;
border:2px solid #CDCDCD;
margin:0 auto;
padding:24px 12px;
width:300px;
}

#loader .cont img {
display:block;
margin:0 auto;
padding-bottom:24px;
}

#loader .cont span {
color:brown;
}