/*-------page left section --------*/
.filter-tab h3 {
display:block;
background-color:#e6e6e6;
font: 12px/15px "Lucida Sans Unicode", "Lucida Grande", sans-serif, Arial; text-transform:uppercase; padding:5px;
color:#000;
line-height:normal;
margin-bottom:0px;
}

.filter-tab ul { 
list-style:none;
margin:0;
border:solid 1px #dbdbdb;
padding:10px 0 10px 10px;
}

.filter-tab img.close-bt { float:right; padding-right:10px; margin-top:3px;}
.filter-tab img.close-bt:hover { position:relative; top:-1px;}

/*-------right panel section --------*/
.right-panel p { font-size:13px;}
.right-panel .prod-name { border-top: solid 1px #dbdbdb; border-bottom: solid 1px #dbdbdb; padding:2px 0; width:100%;}
.right-panel .prod-name h1 { font-size:20px; text-transform:uppercase;}
.sortby { float:right; text-transform:uppercase;
margin-top:5px;
margin-top:3px\9; /* IE8 and below */
*margin-top:3px; /* IE7 and below */
}
.sortby .filter-title { float:left; display:block; padding:4px; margin-left:15px;}

.prod-display { list-style:none;}
.prod-display ul, div.selectBox ul { list-style:none;}
.prod-display ul li {
	display:inline-block;
	float:left;
	max-width:170px;
	text-align:center;
	margin:0 25px 10px 0;
	margin:0 20px 17px 0\9; /* IE8 and below */
	*margin:0 20px 17px 0; /* IE7 and below */
	min-height:285px;
}

.prod-display ul li a img.pro-thumb {	border:solid 1px #e3e3e3;
	background-color:#fff;
	-moz-box-shadow: 0 0 2px #eee;
	-webkit-box-shadow: 0 0 2px #eee;
	box-shadow: 0 0 2px #eee;
	padding:3px; display:block}

.prod-display ul li:nth-child(4n+4) { margin-right:0px;}
.prod-display ul li img { max-width:170px;}
.prod-display ul li h4 { font-size:12px; font-weight:normal; line-height:16px; margin-top:8px;}
.prod-display ul li .price { font-size:1.2em; font-weight:bold; color:#000;}
.prod-display ul li .dtprice { color:#b92a2a; font-weight:bold; /*text-decoration: line-through; */font-size:12px;}

.prod-display ul li a.moreinfo { padding:3px 0; display:block; font-size:11px;}
.prod-display ul li:hover a.moreinfo { background-color:#48a0cb; color:#fff;}
.prod-display ul li a.moreinfo:hover { background-color:#48a0cb; color:#fff;}

.filtertab-ls
{
margin:0;
border:solid 1px #dbdbdb;
padding:12px; clear:both;
position:relative;
}
.filtertab-ls h2 { margin-bottom:5px;}
.filtertab-ls ul.st-shape { margin:0; padding:0; margin-top:5px; margin-bottom:10px !important; width:166px;}
.filtertab-ls ul.st-shape li { 
float:left;
display:block;
margin:1px 2px;
overflow:hidden;
background-color:#fff;
}

.filtertab-ls ul.st-shape li a { position:relative; display:block; width:30px; height:30px; padding:1px !important; border:solid 2px #EDEDED;}
.filtertab-ls ul.st-shape li a.active { border:solid 2px #121212;}
.filtertab-ls ul.st-shape li a img { width:27px; height:27px; border:none;}

/*left panel scroll;*/
div#sticker { padding-top:3px;	width:195px;}
.stick { position:fixed; top:5px;}

/*-----------------loose stone---------------*/
.loose-stone { width:760px; float:right; }
.stone-div { width:368px; padding:3px; background:#fff; border:solid 1px #e3e3e3; margin-top:3px; }
.stone-div div { width:338px; min-height:210px; text-align:center; padding:15px; background:#f3f3f3; }
.stone-div div h2 { text-align:left; }
.stone-div div img { padding:14px 0;}
.stone-div div p { text-align:left; line-height:16px !important; font-size:12px;}


/************************************************************************************
smaller than 650
*************************************************************************************/
@media screen and (max-width: 650px) {

/*left panel scroll;*/
.stick { position:static;}
}


/* iPhone [portrait + landscape] */
@media only screen and (max-device-width: 480px) {
.stick { position:static;}
}