@charset "utf-8";
/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { padding:0; margin:0; }  table { border-collapse:collapse; border-spacing:0; } fieldset,img,abbr,acronym { border:0; } address,caption,cite,code,dfn,em,strong,th,var { font-weight:normal;  font-style:normal; } ol,ul { list-style:none; } caption,th { text-align:left; }h1,h2,h3,h4,h5,h6,b,u,i,big,small { font-weight:normal; font-size:100%}  q:before,q:after { content:'';content:none} :focus,a { outline: 0;} ins { text-decoration: none} del { text-decoration: line-through} hr { display:none}
html { width:100%; height:100%} 
body { width:100%; height:100%; margin:0; padding:0}
/*font reset */
body { font:13px/1.231 arial,helvetica,clean,sans-serif;/* for IE6/7 */ *font-size:small; /* for IE Quirks Mode */*font:x-small}
table {	font-size:inherit; font:100%;} select,input,button,textarea,button {	font:99% arial,helvetica,clean,sans-serif;}
/* layout */
html {overflow-x:hidden; }
body { background-color:#f5f5f5; color:#707070}
#wrap { background-image:url(/img/common/bg-visual.jpg); background-position:center -70px; background-repeat:no-repeat; text-align:center;}
#wrap-inside { width:960px; margin:0 auto; text-align:left}
#header { position:relative; z-index:2; /*overflow:hidden;*/ height:64px; padding:0 10px;}
	#header .logo { position:absolute; left:10px; top:22px}
	#header .quicklink { position:relative; float:right; text-align:right; margin-top:36px}
	#header .quicklink a { padding-left:8px; margin-left:12px; background:url(/img/common/bid-sprites.png) -460px -214px no-repeat; font-size:93%}
	#header .quicklink a:hover { color:#ed145b; text-decoration:underline}
	#header .quicklink a.facebook,
	#header .quicklink a.msn { display:inline-block; *display:inline; *zoom:1; width:16px; height:16px; overflow:hidden; padding:0; background-image:url(/img/common/bid-sprites.png); background-repeat:no-repeat; text-indent:-1000px; text-align:left; vertical-align:middle}
	#header .quicklink a.facebook { margin-left:3px; background-position:-340px -340px} #header .quicklink a.msn {margin-left:8px; background-position:-320px -360px}
		
#content { position:relative; z-index:1; *height:1%}
	.content-hd, .content-ft, .content-bd {  background-image:url(/img/common/content-bd.png); _background-image:url(/img/common/content-bd-ie6.png)}
	.content-hd, .content-ft { height:15px; overflow:hidden}
	.content-ft { background-position:0 -15px}
	.content-bd { padding:0 10px;  background-position:-960px 0; background-repeat:repeat-y}
	.content-bd2 { background-color:#fff}
	.content-bd2.has-gradient { background:#fff url(/img/common/content-bd.png) -1930px bottom no-repeat; _background-image:url(/img/common/content-bd-ie6.png)}
	.content-bgvisual-shade-left, .content-bgvisual-shade-right { position:absolute; top:130px; width:13px; height:240px; background:/*black*/ url(/img/common/content-bgvisual-shade.png)}
  .content-bgvisual-shade-left { left:-3px;} .content-bgvisual-shade-right { right:-3px; background-position:-13px 0}
#navigation { height:55px; overflow:hidden; padding:15px 10px 0 30px; background-image:url(/img/common/bg-visual.jpg); background-repeat:no-repeat}
#mainContent { position:relative; z-index:1; /*overflow:hidden;*/ *height:1%; padding-top:205px; /*border-bottom:2px solid green;*/ background-repeat:no-repeat;}
	#mainContent:after { content:"."; display:block; height:0; clear:both; visibility:hidden }
.top-visual { position:absolute; z-index:1001; left:0; top:0; width:100%}
.bottom-visual { position:absolute; z-index:1000; left:0; bottom:0; width:100%; /*height:30px*/}
	.bottom-visual img.shade { z-index:1; right:-15px; top:-93px}
	.top-visual > img, .bottom-visual > img { position:absolute; z-index:10; display:block;}
	#side { position:relative; z-index:110; float:left; _display:inline; _overflow:hidden; width:152px; margin:0 45px 20px 45px; /*border-bottom:2px solid red; background-color:orange;*/}
		#side .capsule { _position:relative; margin-left:-4px; _margin-left:-3px}
	#main { position:relative; z-index:100; float:right; width:698px; min-height:650px; /*border-bottom:2px solid blue; border-top:2px solid blue;*/}
	#main.expand { float:none; width:850px; margin:0 auto}
#footer { clear:both; padding-top:18px; font-size:93%; line-height:1.6; text-align:center}

/* common */
	/* clearfix applying on float container */
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility: hidden} .clearfix {display: inline-block} /* for IE-mac starts \*/* html .clearfix {height:1%} .clearfix {display:block}/* for IE-mac ends */

a { color:#707070; text-decoration:none}
a:hover { color:#8d8d8d	}
input,textarea { color:#707070}
.entry-format { font-size:12px; line-height:1.75}
	.entry-format a { text-decoration:underline}
	.entry-format p { margin-bottom:1em}
	.entry-format strong, .entry-format b{ font-weight:bold}	.entry-format em, .entry-format i { font-style:italic}
	.entry-format ul { margin-bottom:1em; list-style:inside circle} .entry-format ol {margin-bottom:1em;  list-style:inside decimal}
	.entry-format li { padding-left:1em}
	.entry-format h1,.entry-format h2,.entry-format h3,.entry-format h4,.entry-format h5,.entry-format h6 { margin-bottom:1em;font-weight:bold}
	.entry-format h1 { font-size:130%}	.entry-format h2 { font-size:125%}	.entry-format h3 { font-size:120%}	
	.entry-format h4 { font-size:115%}	.entry-format h5 { font-size:110%}	.entry-format h6 { font-size:105%}
	.entry-format blockquote { margin:1em 2em; padding-left:1em; border-left:1px solid #ddd;}
.figure-legend { display:inline-block; padding-left:20px; margin-top:1em; background:url(/img/common/bid-sprites.png) -420px -259px no-repeat; color:#646464; font-size:93%}
.imgrep { overflow:hidden; text-indent:-9999px; background-repeat:no-repeat}
.bleedleft { _position:relative; margin-left:-242px;}
.arr { display:inline-block; overflow:hidden; width:9px; height:7px; margin:0 5px 0 3px; *display:inline; *zoom:1; *position:relative; *top:-.3em; background: url(/img/common/bid-sprites.png) no-repeat -360px -320px; text-indent:-100px; *line-height:1;}
	/*form elements*/
.iptxt, .iparea, .ipbtn {border:1px solid #d3d3d3; background:#fff; font:12px Arial, Helvetica, sans-serif; color:#707070 }
	.iptxt { height:16px; padding:2px; }
	.ipbtn { height:22px; padding:0 2px; border:1px solid #d3d3d3;text-align:center; position:relative; top:2px; top/*\**/:-1px\9; *top:0px; cursor:pointer;}
	.ipbtn:hover, .iptxt:hover, .iparea:hover { background-color:#f9f9f9}
	.iptxt:focus, .iparea:focus { background-color:#eee}
	.iprd, .ipcb { margin:0 .2em; position:relative; top:2px;}
table.form {margin-bottom:1em}
	table.form td { padding-bottom:1em; vertical-align:top;}
	table.form label, table.form .label { font-weight:bold}
.btn, .btn b { height:37px; background-image:url(/img/common/btn-sprite.png)}
.btn { display:inline-block; *display:inline; *zoom:1; position:relative; background-position:0 -74px; background-repeat:repeat-x} .btn:hover {top:1px}
	.btn b { float:left; background-repeat:no-repeat;}
	.btn b b { min-width:45px; padding:0 10px; background-position:right -37px; font-family:"Microsoft JhengHei",simhei,sanserif; color:#999; font-size:13.5px; font-weight:bold; vertical-align:middle; line-height:37px; text-align:center }
	.btn a { text-align:none; text-decoration:none; color:#7d7d7d} .btn a:hover, .btn.on a { color:#0755a8;}

/* module */
.extralayer { position:absolute; _position:static; z-index:1; left:0; top:0; width:100%; *height:1%;}
	.extralayer > * { position:absolute; /*border:1px dotted #ddd;*/}
.mainmenu { position:relative; z-index:2 }
	.mainmenu > li { position:relative; float:left;}
	.mainmenu > li > a { position:relative; z-index:2; display:block; width:82px; height:30px; overflow:hidden; margin-right:28px; background-image:url(/img/common/bid-sprites.png); background-repeat:none; text-indent:-9999px;}
	.mainmenu > li.b1 a { background-position:0 -30px} .mainmenu > li.b1 a:hover, .mainmenu > li.b1.on a { background-position:-150px -30px}
	.mainmenu > li.b2 a { background-position:0 -60px} .mainmenu > li.b2 a:hover, .mainmenu > li.b2.on a { background-position:-150px -60px}
	.mainmenu > li.b3 a { background-position:0 -90px} .mainmenu > li.b3 a:hover, .mainmenu > li.b3.on a { background-position:-150px -90px}
	.mainmenu > li.b4 a { width:107px; background-position:0 -120px} .mainmenu > li.b4 a:hover, .mainmenu > li.b4.on a { background-position:-150px -120px}
	.mainmenu > li.b5 a { width:126px; background-position:0 -150px} .mainmenu > li.b5 a:hover, .mainmenu > li.b5.on a { background-position:-150px -150px}
	.mainmenu > li.b6 a { background-position:0 -180px} .mainmenu > li.b6 a:hover, .mainmenu > li.b6.on a { background-position:-150px -180px}
	.mainmenu > li.b7 a { width:98px; background-position:0 -210px} .mainmenu > li.b7 a:hover, .mainmenu > li.b7.on a { background-position:-150px -210px}
	.mainmenu > li > ul { position:absolute; z-index:1; left:0; top:0px; display:none; float:left; width:600px; white-space:nowrap; padding:32px 0 0 6px; /*border:1px dotted #ddd; background:yellow;*/ }
	.mainmenu > li.on > ul  { display:block; padding-bottom:6px }
	.mainmenu > li > ul > li { float:left; padding-left:8px; margin-right:15px; background:url(/img/common/bid-sprites.png) -460px -215px no-repeat}
	.mainmenu > li > ul > li a {  font-size:93%} .mainmenu > li > ul > li a:hover { color:#111}
.searchbar { position:relative; z-index:3; float:left; width:160px}
	.searchbar .text { float:left; width:110px; height:16px!important; height:14px!important\9; padding:1px 2px 0 3px!important; padding:3px 2px 0 3px!important\9; border:1px solid #d6d6d6!important; background:#fff!important; font-size:93%;  line-height:16px; line-height:14px\9}
	.searchbar .text:hover, .searchbar .submit:hover { border-color:#bbb; background-color:#f5f5f5}
	.searchbar .submit { float:left; width:35px; height:19px; padding-top:0; padding-top:2px\9; border:1px solid #d6d6d6; margin-left:8px; background:#fff; font-size:93%;}	
div.maillist { position:absolute; z-index:100; top:58px; display:none; width:200px; padding:16px 14px; border:1px solid #d7d7d7;  background:#fff; box-shadow:2px 2px 5px #aaa; -moz-box-shadow:2px 2px 5px #aaa; -webkit-box-shadow:2px 2px 5px #aaa; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; filter:progid:DXImageTransform.Microsoft.Shadow(color=#AAAAAA,direction=135,strength=3)\9}
	div.maillist .text { float:left; width:148px; height:16px; height:14px\9; padding:1px 2px 0 3px; padding:3px 2px 0 3px\9; border:1px solid #d6d6d6; background:#fff; font-size:93%; line-height:16px; line-height:14px\9}
	div.maillist .text:hover, div.maillist .submit:hover { border-color:#bbb; background-color:#f5f5f5}
	div.maillist .submit { float:left; width:35px; height:19px; padding-top:0; padding-top:2px\9; border:1px solid #d6d6d6; margin-left:8px; background:#fff; font-size:93%;}
	div.maillist  small { clear:both; float:left; margin:4px; width:140px; font-size:85%; color:#999}
.crumbs { position:relative; padding-bottom:20px; margin-left:45px; /*border-bottom:2px solid pink;*/ font-size:93%}
	.crumbs a, .crumbs span { margin:0 .1em;}
	.crumbs a:hover { text-decoration:underline}
	.crumbs a.home { padding-left:13px; background:url(/img/common/bid-sprites.png) -480px -198px no-repeat;}
.sidemenu { width:152px; overflow:hidden; margin-bottom:40px}
	.sidemenu, .sidemenu li, .sidemenu li ul { overflow:hidden; *height:1%}
	.sidemenu > li { position:relative; *float:left; width:100%; margin-bottom:10px; padding-bottom:8px; background:url(/img/common/hr-dash.png) repeat-x 0 bottom}
	.sidemenu li strong { display:block; height:16px; margin-bottom:8px}
	.sidemenu li strong a { display:block; height:16px; overflow:hidden; background-repeat:no-repeat; text-indent:-9999px; /*zoom:1*/}
	.sidemenu li.b1 strong a { background-position:0 -20px} .sidemenu li.b1 strong a:hover, .sidemenu li.b1.on strong a { background-position:-200px -20px}
	.sidemenu li.b2 strong a { background-position:0 -40px} .sidemenu li.b2 strong a:hover, .sidemenu li.b2.on strong a { background-position:-200px -40px}
	.sidemenu li.b3 strong a { background-position:0 -60px} .sidemenu li.b3 strong a:hover, .sidemenu li.b3.on strong a { background-position:-200px -60px}
	.sidemenu li.b4 strong a { background-position:0 -80px} .sidemenu li.b4 strong a:hover, .sidemenu li.b4.on strong a { background-position:-200px -80px}
	.sidemenu li.b5 strong a { background-position:0 -100px} .sidemenu li.b5 strong a:hover, .sidemenu li.b5.on strong a { background-position:-200px -100px}
	.sidemenu li ul li { padding-left:15px; margin-left:12px; padding-bottom:2px; background:url(/img/common/bid-sprites.png) -440px -233px no-repeat; font-size:93%; line-height:17px}
	.sidemenu li ul li { *position:relative; *top:1px; *float:left; *width:125px } /*IE7-*/
	.sidemenu > li.last { margin-bottom:0; background:none}
.capsule { width:158px; overflow:visible; *height:1%}
	.capsule-hd, .capsule-ft, .capsule-bd, .capsule-bd2 { background-image:url(/img/common/capsule-sprites.png)}
	.capsule-hd { overflow:hidden; height:8px;}
	.capsule-ft { overflow:hidden; height:8px; background-position:0 -8px}
	.capsule-bd { background-position:-158px 0; background-repeat:repeat-y}
	.capsule-bd2 { min-height:372px; padding:10px 18px; margin:0 4px; /*background-color:red background-image:none;*/ background-position:-316px 10px; background-repeat:no-repeat}
.sidecontact dl { margin-bottom:-1.4em}
	.sidecontact dt strong { display:block; overflow:hidden; height:18px; margin-bottom:.4em; background-image:url(/img/common/bid-sprites.png); font-size:18px}
	.sidecontact dt strong.b1 { background-position:-400px -40px} 
	.sidecontact dt strong.b2 { background-position:-400px -60px}
	.sidecontact dt strong.b3 { background-position:-400px -80px}
	.sidecontact dd { margin-bottom:1.4em; font-size:93%}
	.sidecontact dd label { color:#888; font-size:93%; font-size:smaller\9}
	.sidecontact dd span { color:#444; font-size:120%; font-family:Verdana, Geneva, sans-serif}
	.sidecontact dd li { margin-bottom:.3em}
	.sidecontact .map { position:relative}
	.sidecontact .map .toggle { display:inline-block; padding-left:12px; padding-top:0; padding-top:2px\9; _padding-top:0; margin-bottom:.4em; background: url(/img/common/bid-sprites.png) -400px -280px no-repeat; line-height:10px}
	.sidecontact .map .small img { display:block}
	.sidecontact .map .large { position:relative; overflow:hidden; display:none; width:500px; height:350px; margin-top:-112px; border:1px solid #d7d7d7; background:#fff; box-shadow:2px 2px 5px #aaa; -moz-box-shadow:2px 2px 5px #aaa; -webkit-box-shadow:2px 2px 5px #aaa}
.hint { position:relative; width:500px;}
	.hint-hd, .hint-hd div, .hint-shade { background-image:url(/img/common/hint-sprites.png); background-repeat:no-repeat}
	.hint-hd { height:10px; overflow:hidden;}
	.hint-hd div { height:10px; margin-left:10px; background-position:right -10px}
	.hint-bd { min-height:60px; padding:20px 40px 30px 40px; background:#fff; color:#555; font-size:93%;}
	.hint-shade { position:absolute; right:-20px; bottom:0; width:20px; height:64px; background-position:0 -20px	}
	.hint .title { height:20px; overflow:hidden; margin-bottom:.7em; font-size:20px}
	.hint p { margin-bottom:1em; line-height:1.75}
	.hint ol { list-style:decimal outside none; margin-left:2em; line-height:1.75}
	.hint ul { list-style:disc outside none; margin-left:1em; line-height:1.75}
	.hint ul > li, .hint ol > li { margin-bottom:1em}
.paging { margin:2em 0; color:#959595; text-align:center; font-size:93% }
	.paging a { display:inline-block; padding:4px; color:#959595; text-decoration:none; } 
	.paging a:hover, .paging a strong { color:#111}
	
/** Diamond filter, search UI elements */
.filter-col { display:inline-block; *display:inline; *zoom:1; /*width:214px; margin:0 30px 25px;*/ width:30%; margin:0 1.5% 25px; vertical-align:top}
.filter-title { margin-bottom:1em; padding-left:.3em; border-left:3px solid #124da2; line-height:1.01; vertical-align:middle; font-size:12px; font-weight:bold; color:#124da2}
.filter-meter { /*width:210px*/ width:100%}
.filter-meter .dropdown { width:50%}
.filter-scale { margin-top:6px; overflow:hidden; _overflow:visible; _height:1%; color:#707070; white-space:nowrap}
	.filter-scale input { width:60px; padding:0 2px; border:1px solid #ccc; color:#707070; font-size:10px; text-align:center}
	.filter-scale input:focus, .filter-scale input.focus { background:#fffce8; border-color:#aaa}
	.filter-scale .min { float:left}
	.filter-scale .max { float:right;}
	.filter-scale b { display:inline-block; text-align:center; font-size:10px; color:#ccc}
	.filter-scale b.sel { color:#707070}
	
.toggle-open, .toggle-save, .toggle-cancel, .toggle-newwin, .toggle-info, .icon-bid, .icon-certif, .icon-gem, .table th.header, .table th.headerSortUp, .table th.headerSortDown { overflow:hidden; background-image:url(/img/diamond/diamond-search-sprites.png); background-repeat:no-repeat}
.icon-gemshape { background-image:url(/img/diamond/gemshape-sprite.png);}

.toggle-save { display:inline-block; *display:inline; *zoom:1; min-height:12px; _height:12px; padding-left:14px; background-position:-380px -58px; cursor:pointer; font-size:12px}
	.toggle-save:hover { background-position:-360px -78px}
	.toggle-save.saved { background-position:-340px -98px}
	.toggle-save.disabled { background-position:-320px -118px; cursor:default}
	.toggle-save label { position:relative; top:-1px; cursor:pointer}
	.toggle-save.disabled label { cursor:default; color:#ccc;}
	.toggle-save label input { display:none}
.toggle-cancel {display:inline-block; *display:inline; *zoom:1; min-height:12px; _height:12px; padding-left:14px; background-position:-300px -138px; cursor:pointer; font-size:12px}
	.toggle-cancel:hover {}
	.toggle-cancel label { position:relative; top:-1px; cursor:pointer}
	.toggle-cancel label input { display:none}
.toggle-open { display:inline-block; *display:inline; *zoom:1; height:22px; padding:0 5px 0 20px; border:1px solid #ededed; background-color:#fff; background-position:-254px -175px; color:#124da2; line-height:22px; line-height:25px\9; cursor:pointer; font-size:12px}
	.toggle-open:hover { border-color:#ccc; background-color:#fffce8}
	.toggle-open.closed { background-position:-274px -155px}
	.toggle-open label { position:relative; cursor:pointer}
	.toggle-open.disabled label { cursor:default}
.toggle-newwin { display:inline-block; *display:inline; *zoom:1; width:11px; height:11px; overflow:hidden; background-position:-240px -200px; text-indent:-999px;}
.toggle-info { display:inline-block; *display:inline; *zoom:1; width:14px; height:11px; overflow:hidden; background-position:-220px -220px; text-indent:-999px;}
.icon-bid { display:inline-block; *display:inline; *zoom:1; width:20px; height:20px; overflow:hidden; background-position:-200px -240px}
.icon-certif { display:inline-block; *display:inline; *zoom:1; width:22px; height:22px; overflow:hidden; background-position:-170px -260px}
.icon-gem { display:inline-block; *display:inline; *zoom:1; width:26px; height:17px; overflow:hidden; background-position:-140px -280px;}
.icon-gemshape {  display:inline-block; *display:inline; *zoom:1; width:22px; height:22px; overflow:hidden}
.bubble { display:none; position:absolute; left:0; top:0; z-index:9999; width:183px; height:120px; overflow:hidden; margin:-120px 0 0 -83px; background:url(/img/diamond/bubble.png) no-repeat; cursor:pointer}
	.bubble-wrap { padding:10px 10px 0; text-align:center}
	.bubble h6 { margin-bottom:5px; color:#707070; font-size:85%; text-align:left}	


.table { width:100%; font-size:93%}
	.table thead { background:#f8f8f8}
	.table tr:hover { background-color:#fffce8}
	.table td, .table th { padding:8px 4px; border:1px solid #ededed;  text-align:center}
	.table th { border-bottom-color:#ccc; font-size:11px; font-size:10px\9}
				
	/* set table-sorter css */
	.table th.header{ background-position:-18px -110px; padding-left:8px; background-color:#f8f8f8; cursor:pointer}
	.table th.headerSortUp {	background-position:-18px -150px; background-color:#777; color:#fff}
	.table th.headerSortDown { background-position:-18px -190px;background-color:#777; color:#fff}
	.table .even { background:#fff}
	.table .odd { background:#f8f8f8}
	
	.table td.sorted { background-color:#fffce8}	
	.table td .toggle-save { padding-left:12px }
			

/* ie6 pngfix */
#header .logo img, .content-bgvisual-shade-left, .content-bgvisual-shade-right, .bottom-visual img.shade,
.hint-hd, .hint-hd div, .hint-shade, .capsule-hd, .capsule-ft {_behavior:url("js/iepngfix.htc")}	



	/* jquery-ui slider */
.ui-state-disabled { cursor: default !important; }

.ui-widget { font-size: 1.1em; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget-content { border: 2px solid #ccc }
.ui-widget-header {background:#124da2;}
	.ui-corner-all { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
	.ui-slider { position: relative; text-align: left; }
	.ui-slider .ui-slider-handle { position: absolute; z-index: 3; width:20px; height:20px; border:none; background:url(/img/diamond/icon-slider-handle-left.png) no-repeat; cursor:cursor	}
	.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }
	.ui-slider-horizontal { height: .6em; }
	.ui-slider-horizontal .ui-slider-handle { top: -5px; margin-left: -9px; }
	.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
	.ui-slider-horizontal .ui-slider-range-min { left: 0; }
	.ui-slider-horizontal .ui-slider-range-max { right: 0; }
	.ui-slider-handle:focus { outline:0}	
	.ui-slider-handle.right { background-image:url(/img/diamond/icon-slider-handle-right.png)!important }