@charset "UTF-8";
/* CSS Document */
@import url(cart.css);
@import url(form.css);
@import url(page.css);
body {
	background-image: url(bg.jpg);
	font:12px/14px Tahoma, Geneva, sans-serif;
	padding:0;
	margin:0;
}
h1 {font:24px/28px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#39373a;}
h2 {font:22px/26px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#39373a;}
h3 {font:18px/24px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#39373a;}

form {margin:0; padding:0;}

ul.hmenu {
	list-style:none;
	padding:0;
}
ul.hmenu li {
	display:inline;
}
a, a:visited {color:#428E9B;}
a:hover {text-decoration:none;}
#top li, #footer li {text-align:right; padding-left:1.4em;}
#top, #footer {text-align:right;}
#top a, #footer a, #top a:visited, #footer a:visited {color:#fff;}

a img {border:none;}

.angletl {overflow:visible; position:absolute; top:0; left:0;}
.angletr {overflow:visible; position:absolute; top:0; right:0;}
.anglebl {overflow:visible; position:absolute; bottom:0; left:0;}
.anglebr {overflow:visible; position:absolute; bottom:0; right:0;}

#top {
	margin-top:10px;
	margin-bottom:6px;
}
.headbg {padding:0 10px;}
#header {
	height:133px;
	background: #fff url(bg_header.gif) repeat-x center top;
	position:relative;
}
#header .angle {background:#666; height:1px; width:1px;}

#header .buttons {
	position:absolute;
	top:40px;
	left:320px;
	text-indent:-9999px;
	width:310px;
}
#header .buttons a.stock, #header .buttons a.news, #header .buttons a.shops {
	display:block;
	float:left;
	width:100px;
	height:50px;
}
#header .buttons a.shops {background:url(new2.png) no-repeat scroll -210px 0;}
#header .buttons a.shops:hover {background:url(new2.png) no-repeat scroll -210px -49px;}
#header .buttons a.stock {background:url(new2.png) no-repeat scroll 0 0;margin-left:11px;margin-right:-6px;}
#header .buttons a.stock:hover {background:url(new2.png) no-repeat scroll 0 -50px;}
#header .buttons a.news {background:url(new2.png) no-repeat scroll -100px 0;}
#header .buttons a.news:hover {background:url(new2.png) no-repeat scroll -100px -50px;}

#header .phone {
	position:absolute;
	top:34px;
	left:650px;
	font-size:14px;
	line-height:1.3em;
}
#header .phone i {
	overflow:visible;
	width:12px;
	height:10px;
	background: url(sprite-icons.png) no-repeat scroll 0 0;
	position: absolute;
	margin-left:-20px;
	margin-top:3px;
	display:none;
}
#header .phone .phone2 {
	margin-left:0;
}
#header #cart {
	width:190px;
	height:70px;
	position:absolute;
	top:13px;
	right:12px;
	border:0px solid #f00;
}

#header #cart .cartimg {
	float: left;
}
#header #cart .info {
	margin:24px 0 0 60px;
	font:11px/14px Tahoma, Geneva, sans-serif;
	color:#5a6571;
}
#header #cart .info p {margin:0;}

#header #mainmenu {
	height:26px;
	margin-bottom:0;
	padding:0 20px;
	text-align:center;
	margin-top:28px;
}

#header #mainmenu li {
	display:block;
	float:left;
	min-width:40px;
	height:26px;
	position:relative;
	text-align:center;
	margin-right:5px;
}
#header #mainmenu li a {
	border:0px solid #f00;
	background:none;
}
#header #mainmenu li a i {
	overflow:visible;
	width:13px;
	height:26px;
	position:absolute;
	border:0px solid #f00;
	bottom:0px;
	background:none;
}
#header #mainmenu li a:hover i,#header #mainmenu li a.current i {
	background: url(sprite-icons.png) no-repeat scroll -14px 0;
}
#header #mainmenu li img {height:26px;}

/* Mian menu items */
#header #mainmenu li.necklaces {background:url(mmenu-i3.png) no-repeat scroll 0 0; margin-right:3px !important;}
#header #mainmenu li.necklaces img {width:87px;}

#header #mainmenu li.necklace {background:url(mmenu-i3.png) no-repeat scroll -87px 0; margin-right:0 !important;}
#header #mainmenu li.necklace img {width:72px;}
#header #mainmenu li.necklace i {margin-left:5px;}

#header #mainmenu li.rings {background:url(mmenu-i3.png) no-repeat scroll -159px 0; margin-right:2px !important;}
#header #mainmenu li.rings img {width:69px;}

#header #mainmenu li.earrings {background:url(mmenu-i3.png) no-repeat scroll -228px 0;}
#header #mainmenu li.earrings img {width:44px;}
#header #mainmenu li.earrings i {margin-left:-10px;}

#header #mainmenu li.pendants {background:url(mmenu-i3.png) no-repeat scroll -272px 0; margin-left:15px;}
#header #mainmenu li.pendants img {width:52px;}
#header #mainmenu li.pendants i {margin-left:-17px;}

#header #mainmenu li.bracelets {background:url(mmenu-i3.png) no-repeat scroll -324px 0;margin-left:10px;}
#header #mainmenu li.bracelets img {width:62px;}
#header #mainmenu li.bracelets i {margin-left:-10px;}

#header #mainmenu li.clocks {background:url(mmenu-i3.png) no-repeat scroll -386px 0;margin-left:10px;}
#header #mainmenu li.clocks img {width:40px;}
#header #mainmenu li.clocks i {margin-left:-12px;}

#header #mainmenu li.set {background:url(mmenu-i3.png) no-repeat scroll -426px 0;margin-left:0px; margin-right:2px !important;}
#header #mainmenu li.set img {width:85px;}
#header #mainmenu li.set i {margin-left:-5px;}

#header #mainmenu li.formen {background:url(mmenu-i3.png) no-repeat scroll -511px 0;}
#header #mainmenu li.formen img {width:79px;}
#header #mainmenu li.formen i {margin-left:-5px;}

#header #mainmenu li.brooches {background:url(mmenu-i3.png) no-repeat scroll -591px 0;}
#header #mainmenu li.brooches img {width:54px;}
#header #mainmenu li.brooches i {margin-left:-10px;}

#header #mainmenu li.luxe {background:url(mmenu-i3.png) no-repeat scroll -648px 0;}
#header #mainmenu li.luxe img {width:59px;}
#header #mainmenu li.luxe i {margin-left:-5px;}

#header #mainmenu li.accessories {background:url(mmenu-i3.png) no-repeat scroll -707px 0;}
#header #mainmenu li.accessories img {width:67px;}
#header #mainmenu li.accessories i {margin-left:-15px;}

#header #mainmenu li.collections {background:url(mmenu-i3.png) no-repeat scroll -776px 0; margin-right:0; margin-left:5px;}
#header #mainmenu li.collections img {width:72px;}
#header #mainmenu li.collections i {margin-left:-5px;}

/* Content background */
.cbgbottom {
	padding-bottom:14px;
	width: 1006px !important;
	background: url(cbgbottom.png) no-repeat left bottom;
}
.cbgleft {
	background: url(cbgleft.png) repeat-y left top;
}
.cbgright {
	background: url(cbgright.png) repeat-y right top;
}

/* Content */
#content {
	margin-top:3px;
	background:#fff;
	position:relative;
	min-height:400px;
	padding:20px;
	padding-bottom:34px;
	width:946px;
}
#content .angle {background:#666; height:1px; width:1px;}
#content .container {
	border:1px solid #E8E8E8;
}

/* Big Arrow */
#content .arrbigback {
	position:absolute;
	height:90px;
	width:23px;
	background:url(arrbig.gif) no-repeat scroll 0 22px;
	left:10px;
	top:300px;
}
#content .arrbignext {
	position:absolute;
	height:90px;
	width:23px;
	background:url(arrbig.gif) no-repeat scroll -23px 22px;
	right:10px;
	top:300px;
}
body.card #content a.arrbigback, body.card #content a.arrbignext {top:270px;}

#content .arrbigback img, #content .arrbignext img {
	width:23px;
	height:45px;
}
#content span.arrbigback, #content span.arrbignext {
	opacity:.4;
}
#content a.arrbigback, #content a.arrbignext {
	opacity:.8;
}
#content a.arrbigback:hover, #content a.arrbignext:hover {
	opacity:1;
}

/* Horizontal Panel */
#panel {
	height:34px;
	margin:-2px 0px 10px;
	background: url(panel-bg.gif) repeat-x;
	font:12px/36px Arial, Helvetica, sans-serif;
	color:#43505d;
	padding: 0 8px;
	position:relative;
	z-index:9000;
}
.hidefilter .filterparams {
	width:60px !important;
}
.hidefilter .filterparams ul.hmenu li ul, .hidefilter .filterparams ul.hmenu li i {
	display:none !important;
}
#panel .filterparams{
	float:left;
	border:0px solid #f00;
	width:760px;
	height:34px;
}

#panel .filterparams ul.hmenu {
	padding:0px 0 0;
	margin:0;
	height:32px;
}
#panel .filterparams ul.hmenu li.text {
	padding-right:10px;
}
#panel .filterparams ul.hmenu li {
	padding:0;
	margin:0;
	position:relative;
	float:left;
}

#panel .filterparams ul.hmenu li i {
	overflow:visible;
	position:absolute;
	right:5px;
	top:15px;
	height:5px;
	width:9px;
	background: url(arrdown.gif) no-repeat scroll 0 0;
}

/* css menu */
#panel .filterparams ul.hmenu li ul {
	padding:0;
	margin:3px 1px 1px;
	display:block;
}
#panel .filterparams ul.hmenu li ul:hover {
	border:1px solid #E7E5E6;
	background-color:#fff;
	margin:2px 0px 0px;
}
#panel .filterparams ul.hmenu li ul li {
	padding:0 15px 0 5px;
	display: none;
	float:none;
	line-height:2.3em;
}
#panel .filterparams ul.hmenu li ul li.current a {
	color:#43505D;
	text-decoration:none;
}
#panel .filterparams ul.hmenu li ul li.current,
#panel .filterparams ul.hmenu li ul:hover li {
	display:block;
}



/* pearl params  */

#panel .filterparams ul.hmenu li ul.pearltype {width:105px;}
#panel .filterparams ul.hmenu li ul.pearlcolor {width:120px;}
#panel .filterparams ul.hmenu li ul.pearlcolor li {padding-left:32px; height:28px;}
#panel .filterparams ul.hmenu li ul.pearlcolor li.defaul {padding-left:5px; margin-top:0 !important;}
#panel .filterparams ul.hmenu li ul.pearlcolor li.current {margin-top:4px;}
#panel .filterparams ul.hmenu li ul.pearlcolor li.pearlwhite {background:url(jem4ug3.png) no-repeat scroll 0 0;}
#panel .filterparams ul.hmenu li ul.pearlcolor li.pearlblack {background:url(jem4ug3.png) no-repeat scroll 1px -120px;}
#panel .filterparams ul.hmenu li ul.pearlcolor li.pearlchoco {background:url(jem4ug3.png) no-repeat scroll 1px -61px;}
#panel .filterparams ul.hmenu li ul.pearlcolor li.pearlorage {background:url(jem4ug3.png) no-repeat scroll 1px -31px;}
#panel .filterparams ul.hmenu li ul.pearlcolor li.pearllavand {background:url(jem4ug3.png) no-repeat scroll 1px -90px;}
#panel .filterparams ul.hmenu li ul.pearlcolor li.pearlgray {background:url(jem4ug3.png) no-repeat scroll 1px -151px;}
#panel .filterparams ul.hmenu li ul.pearlcolor li.pearlmix {background:url(jem4ug3.png) no-repeat scroll 1px -181px;}
#panel .filterparams ul.hmenu li ul.pearlcolor li.pearlmocco {background:url(jem4ug3.png) no-repeat scroll 1px -301px;}
#panel .filterparams ul.hmenu li ul.pearlcolor li.pearlshamp {background:url(jem4ug3.png) no-repeat scroll 1px -271px;}
#panel .filterparams ul.hmenu li ul.pearlcolor li.pearlpink {background:url(jem4ug3.png) no-repeat scroll 1px -210px;}
#panel .filterparams ul.hmenu li ul.pearlcolor li.pearlpist {background:url(jem4ug3.png) no-repeat scroll 1px -210px;}
#panel .filterparams ul.hmenu li ul.pearlcolor li.pearl2color {background:url(jem4ug3.png) no-repeat scroll 1px -242px;}

#panel .filterparams ul.hmenu li ul.pearldiameter {width:130px;}
#panel .filterparams ul.hmenu li ul.pearldiameter li {padding-left:40px;height:28px;}
#panel .filterparams ul.hmenu li ul.pearldiameter li.defaul {padding-left:5px;}
#panel .filterparams ul.hmenu li ul.pearldiameter li.diametr35 {background: url(pearlsize.png) no-repeat scroll 0 10px;}
#panel .filterparams ul.hmenu li ul.pearldiameter li.diametr57 {background: url(pearlsize.png) no-repeat scroll 0 -14px;}
#panel .filterparams ul.hmenu li ul.pearldiameter li.diametr79 {background: url(pearlsize.png) no-repeat scroll 0 -40px;}
#panel .filterparams ul.hmenu li ul.pearldiameter li.diametr911 {background: url(pearlsize.png) no-repeat scroll 0 -70px; height:32px;}
#panel .filterparams ul.hmenu li ul.pearldiameter li.diametr11plus {background: url(pearlsize.png) no-repeat scroll 0 -104px; height:40px;}

#panel .filterparams ul.hmenu li ul.pearlform {width:130px;}
#panel .filterparams ul.hmenu li ul.pearlmetal {width:130px;}
/* --- */


#panel .lbg, #panel .rbg {
	overflow:visible;
	position:absolute;
	top:0;
	width:8px;
	height:34px;
	margin:0 -8px;
}
#panel .lbg {background:url(panel-sprite.png) no-repeat scroll 0 0; left:0}
#panel .rbg {background:url(panel-sprite.png) no-repeat scroll -30px 0; right:0}

#panel .bslide,#panel .bslideback {float:left; background:url(panel-sprite.png) no-repeat scroll 0 -34px; height:34px; width:24px; margin:0 0 0 10px;}
#panel .bslide a img {width:23px; height:23px; background:url(panel-sprite.png) no-repeat scroll -63px 0; margin-top:6px;}
#panel .bslide a:hover img { background:url(panel-sprite.png) no-repeat scroll -63px -23px;}
.hidefilter .bslide a img {width:23px; height:23px; background:url(panel-sprite.png) no-repeat scroll -40px 0 !important;}
.hidefilter .bslide a:hover img { background:url(panel-sprite.png) no-repeat scroll -40px -23px !important;}


.hidefilter .basefilter {display:block !important;}
#panel .basefilter {float:right; margin-right:10px; display:none;}
#panel .basefilter ul {margin:0; padding:0;}
#panel .basefilter a.sale img {
	width:62px;
	height:30px;
	background:url(panel-sprite.png) no-repeat scroll -87px 2px;
}
#panel .basefilter a.fairyicon img {
	width:36px;
	height:45px;
	background:url(fey.png) no-repeat scroll 0 0;
	margin-top:-7px;
	margin-bottom:-8px;
}
#panel .basefilter a.fairyicon:hover img {background:url(fey.png) no-repeat scroll 0 -45px;}
#panel .basefilter a.sale:hover img, #panel .basefilter a.sale img.current {background:url(panel-sprite.png) no-repeat scroll -87px -27px;}
#panel .basefilter a.new img {
	width:64px;
	height:30px;
	background:url(panel-sprite.png) no-repeat scroll -157px 2px;
}
#panel .basefilter a.new:hover img,#panel .basefilter a.new img.current {background:url(panel-sprite.png) no-repeat scroll -157px -27px;}
#panel .basefilter a.atelier img {
	width:86px;
	height:30px;
	background:url(panel-sprite.png) no-repeat scroll -220px 2px;
}
#panel .basefilter a.atelier:hover img, #panel .basefilter a.atelier img.current {background:url(panel-sprite.png) no-repeat scroll -220px -27px;}

#panel .search {
	background:url(search-bg.png) no-repeat scroll 0 3px;
	width:124px;
	height:29px;
	padding:0;
	margin-right:-8px;
	float:right;
}
#panel .search .textfield {
	background:none;
	border:0 none;
	width:78px;
	height:18px;
	margin-left:8px;
	padding:0;
	font:12px/14px Arial, Helvetica, sans-serif;
	color:#43505D;
}
#panel .search .button {
	background:none;
	border:0 none;
	width:27px;
	height:20px;
	cursor:pointer;
}

/* breadcrumbs */
#content .breadcrumbs {
	padding:0 20px;
	font:12px/14px Tahoma, Geneva, sans-serif;
}
#content .breadcrumbs ul {margin-left:0;}
#content .breadcrumbs a {color:#428e9b;}
#content h1 {margin:8px 10px 8px 30px;}

/* catalog */
.pages {
	text-align:center;
	font:12px/14px Arial, Helvetica, sans-serif;
	color:#5f6866;
}
.pages ul {list-style:none;}
.pages li {display:inline;}
.pages li a {text-decoration:none; color:#5f6866; padding:3px 5px; margin:0 0.1em}
.pages li a:hover, .pages li a.current  {background-color:#D1EBEC; color:#1F2523;-moz-border-radius: 5px;-webkit-border-radius:5px;}
.clear {clear:both;}
.left {float:left !important;}
.right {float:right !important;}

#catalog {
	position:relative;
	min-height:480px;
	margin:0;
	border:1px;
	overflow: hidden;
	height:490px;
}
#catalog .search {
	padding:0 30px;
}
#catalog .searchitem .photo {
	float:left;
}

#catalog .searchitem a.photo img {
	border:1px solid #F3EFF0;
}
#catalog .searchitem a.photo:hover img {
	border:1px solid #ccc;
}
#catalog .searchitem .textres {
	margin-left:90px;
	color:#3E403D;
}
#catalog .searchitem .textres h3 {
	font:12px/14px Tahoma, Geneva, sans-serif;
}
#catalog .searchitem .textres h3 a {
	/*color:#222;*/
}

#catalog .searchitem .textres .needle {
	background-color:#C0F4FF;
}
#catalog .searchitem .price {
	color:#B32050;
}
#catalog .page {padding:0 30px; float:left; width:884px;}
#catalog .item {
	width:200px;
	height:230px;
	float: left;
	margin-left:25px;
	margin-bottom: 20px;
	position:relative;
}

#catalog #frame {width:1888px;}

.item .photo {
	border:0px solid #ddd;/**/
	width: auto;
	height:200px;
}
.item .photo a:hover img {
	border:1px solid #999;
}
.item .photo img {
	border:1px solid #ddd;
	width:200px;
	height:200px;
}
.item .title {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:1.2em;
	text-align:center;
	bottom:25px;
	position:absolute;
	padding:0;
	margin:10px;
	font-weight:normal;
	text-indent:-9999px;
}
.item .pricepos {
	position:absolute;
	padding:0 10px;
	width:180px;
	text-align: center;
	bottom:0px;
}
.item .price, .item .price a {
	font:16px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#b32050;
	text-decoration:none;
}
.item .price a:hover {text-decoration:underline;}
.item .price span {
	display:none;
}
.item .price b, #cart .info b {
padding:0 .15em;
}
.item .price i {
	overflow:visible;
	margin-top:4px;
	margin-left:4px;
	height:12px;
	width:9px;
	position:absolute;
	background:url(sprite-icons.png) no-repeat scroll -27px 0;
}
.item .params {}
#catalog .pos1, #catalog .pos5 {margin-left:0;} 

body.catalog .card {display:none;}

/* Sorting menu */
div.sorts {
	position:absolute;
	right:58px;
	width:300px;
	top:94px;
	text-align:right;
	font:12px/20px Arial, Helvetica, sans-serif;
	color: #5f6866;
	z-index:1000;
}
div.sorts .box {
	float:right;
	margin-left:10px;
	margin-top:-2px;
	width:119px;
	text-align:left;
	height:18px;
}
div.sorts .box ul {
	margin:0;
	padding: 0 0 0 2px;
	list-style:none;
	border:1px solid #D4D8D9;
	-moz-border-radius: 3px;-webkit-border-radius:3px;
	width:115px;
	background: #fff url(arrdown.gif) no-repeat scroll 100px 7px;
}
div.sorts .box ul:hover li {
	display:block !important;}
div.sorts .box li {
	margin:0;
	padding:0 5px;
	display:none;
}
div.sorts .box li.current {
	display:block !important;
}
div.sorts .box li.current a {
	color:#5F6866;
	text-decoration:none;
}

/* Card */
body.card .pricepos {display:none;}
body.card #catalog {height:560px; overflow:visible;}
body.card #catalog #frame {width:100%;}
body.card .page .item {display:none;}
body.card .pages {display:none;}

body.card .page .currentcard {
	display: block !important;
	margin-left:0 !important;
	border:0px solid #f00;
	width:100% !important;
	height:558px !important;
}
body.card .page .currentcard .photo {
	width:400px;
	height:400px;
	border:0px solid #eee;
	float:left;
}
body.card .page .currentcard .photo a img {
	border:0 none;
	width:400px;
	height:400px;
}
body.card .page .currentcard .photo a {float:left;}
body.card .page .currentcard .photo a.thumb {
	float:left;
	margin-top:-50px;
	margin-right:5px;
}
body.card .page .currentcard .photo a.thumb img {
	width:50px;
	height:50px;
	border:1px solid #eee;
}
.cardetail {
	border:0px solid #0f0;
}

.cardetail .colc {
	width:290px;
	border:0px solid #f00;
	margin-left:420px;
	position:relative;
	height:400px;
}
.cardetail .colc h3, .cardetail .colc h1 {
	font:12px/14px Verdana, Geneva, sans-serif;
	color:#000;
	text-transform:uppercase;
	display:block;
	margin: 10px 0 5px 10px !important;
	min-height:22px;
}

.cardetail .colc h1.atelier {
	background: url(h3np.jpg) no-repeat left center;
	padding-left:30px;
	margin: 10px 0 5px 5px !important;
}
.cardetail .colc h1.new {
	background: url(h3new.jpg) no-repeat left center;
	padding-left:30px;
	margin: 10px 0 5px 5px !important;
}

.cardetail .colc h4 {
	font:13px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#4ba1af;
	margin: 10px 10px 10px 10px;
}
.cardetail .colc .desc {
	font:12px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#000;
	padding-left:10px;
	padding-right:10px;
	position:relative;
}
.cardetail .colc .desc .cdhint {
	position:absolute;
	z-index:9000;
	background:#fff;
	border:1px solid #eee;
	top:0;
	left:0;
	padding:5px 10px;
	margin-left:-1px;
	margin-top:-6px;
}
.cardetail .colc .price {
	margin-top:8px;
}
.cardetail .colc .price .int {
	float:left;
	display:block;
	margin-left:10px;
	margin-top:25px;
	width:90px;
	font-size:18px;
}
.cardetail .colc .price .tocart, .cardetail .colc .price .incart {
	float:left;
}
.cardetail .colc .price a.tocart img {
	width:110px;
	height:53px;
	background:url(tocart.png) no-repeat scroll -13px -4px;
}
.cardetail .colc .price a.tocart:hover img {
	background:url(tocart.png) no-repeat scroll -13px -67px;
}
.cardetail .colc .price a.incart img {
	width:110px;
	height:53px;
	background:url(incart.png) no-repeat scroll -13px -4px;
}
.cardetail .colc .price a.incart:hover img {
	background:url(incart.png) no-repeat scroll -13px -67px;
}

.cardetail .colc .params {
	margin-top:80px;
}
.cardetail .colc .params ul {
	height:50px;
	margin-bottom:8px;
	margin-left:0;
}
.cardetail .colc .params li {
	width:55px;
	height:53px;
	display:block;
	float:left;
	text-align:center;
	font:10px/9px Arial, Helvetica, sans-serif;
	color:#6d6e71;
	padding-top:7px;
}
.cardetail .colc .params li.curtab {
	background:url(paramstab.jpg) no-repeat scroll 0 0;
	border:0px solid #f00;
}
.cardetail .colc .params li span {
	display:block;
}

.cardetail .colc .params .tab {
	background-color:#FEFEFE;
	border:1px solid #EEECED;
	padding:10px;
}
.cardetail .colc .params table {
	font:12px/13px Tahoma, Geneva, sans-serif;
	color:#3E403D;
	width:100%;
}
.cardetail .colc .params th {
	text-align:left;
	font-weight:normal;
	border-bottom:1px dotted #C2C2C2;
}
.cardetail .colc .params td {
	text-align:right;
	border-bottom:1px dotted #C2C2C2;
	position:relative;
}
.cardetail .colc .params td i.hint {
	position:absolute;
	overflow:visible;
	width:100px;
	height:50px;
	background:#000;
	right:50px;
	z-index:9000;
	/* FIXME */
}
/* quality */
.cardetail .colc .params .qualityAAA td i.hint {
	background:url(good_qual_aaa.gif) no-repeat scroll 0 0;
	width:263px;
	height:80px;
	margin-top:-85px;
}
.cardetail .colc .params .qualityAA td i.hint {
	background:url(good_qual_aa.gif) no-repeat scroll 0 0;
	width:263px;
	height:80px;
	margin-top:-85px;
}
.cardetail .colc .params .qualityA td i.hint {
	background:url(good_qual_aplus.gif) no-repeat scroll 0 0;
	width:263px;
	height:80px;
	margin-top:-85px;
}
/* diameter */
.cardetail .colc .params .diameter10 td i.hint {
	background:url(good_size_10.gif) no-repeat scroll 0 0;
	width:230px;
	height:100px;
	margin-top:-100px;
	border:1px solid #ccc;
}
.cardetail .colc .params .diameter8 td i.hint {
	background:url(good_size_08.gif) no-repeat scroll 0 0;
	width:230px;
	height:100px;
	margin-top:-100px;
	border:1px solid #ccc;
}
.cardetail .colc .params .diameter7 td i.hint {
	background:url(good_size_07.gif) no-repeat scroll 0 0;
	width:230px;
	height:100px;
	margin-top:-100px;
	border:1px solid #ccc;
}
.cardetail .colc .params .diameter6 td i.hint {
	background:url(good_size_06.gif) no-repeat scroll 0 0;
	width:230px;
	height:100px;
	margin-top:-100px;
	border:1px solid #ccc;
}
.cardetail .colc .params .diameter4 td i.hint {
	background:url(good_size_04.gif) no-repeat scroll 0 0;
	width:230px;
	height:100px;
	margin-top:-100px;
	border:1px solid #ccc;
}
/* length */
.cardetail .colc .params .length50 td i.hint {
	background:url(good_length_50.gif) no-repeat scroll 0 0;
	width:216px;
	height:226px;
	margin-top:-220px;
	border:1px solid #ccc;
}
.cardetail .colc .params .length45 td i.hint {
	background:url(good_length_45.gif) no-repeat scroll 0 0;
	width:216px;
	height:226px;
	margin-top:-220px;
	border:1px solid #ccc;
}
.cardetail .colc .params .length40 td i.hint {
	background:url(good_length_40.gif) no-repeat scroll 0 0;
	width:216px;
	height:226px;
	margin-top:-220px;
	border:1px solid #ccc;
}
.cardetail .colc .params .length35 td i.hint {
	background:url(good_length_35.gif) no-repeat scroll 0 0;
	width:216px;
	height:226px;
	margin-top:-220px;
	border:1px solid #ccc;
}

.cardetail .colr {
	width:190px;
	border:0px solid #f00;
	position:absolute;
	top:0;
	right:0;
	margin-top:-25px;
	margin-right:-18px;
	padding-top:75px;
	background:url(related.jpg) no-repeat scroll 17px 1px;
}
.cardetail .colr ul {margin-left:0;}
.cardetail .colr .related {margin-left:16px;}
.cardetail .colr .related ul {height:160px;}
.cardetail .colr .related li {
	margin:4px 4px 0 0;
	padding:0;
	display:block;
	float:left;
	line-height:.9em;
}
#content #cartcontent div.right .related li {position:relative;}
.cardetail .colr .related li .chint, .related li .chint {
	position:absolute;
	width:150px;
	padding:6px;
	margin-top:-90px;
	margin-left:-140px;
	background:#000;
	opacity:0.7;
	color:#fff;
	font: 11px/12px Arial, Helvetica, sans-serif;
	text-align:left;
}
.cardetail .colr .related li .chint p, .related li .chint p {
	padding:0;
	margin:0;
	text-align: right;
	color:#8dd4df;
}
.cardetail .colr .inform li .chint{
	position:absolute;
	width:150px;
	padding:6px;
	margin-top:-90px;
	margin-left:-140px;
	background:#000;
	opacity:0.7;
	color:#fff;
	font: 11px/12px Arial, Helvetica, sans-serif;
	text-align:left;
}
.cardetail .colr .related li a img  {width:76px; height:76px; border:1px solid #F3EFF0;}
.cardetail .colr .related li a:hover img  {border:1px solid #ccc;}
.cardetail .colr .inform {margin-left:8px; margin-top:40px; position:relative;}
.cardetail .colr .inform li {float:left;width:86px; height:115px; text-align:center; margin:0; display:block; margin-top:-30px;}
.cardetail .colr .inform li img {width:86px; height:115px; background-image:url(inform-card.png) !important;}
.cardetail .colr .inform .infarrl {position:absolute; top:66px; left:0;}
.cardetail .colr .inform .infarrr {position:absolute; top:66px; right:0;}
.cardetail .hscroller {
	height:145px;
	background:#F9F7F8;
	position:absolute;
	bottom:0;
	width:944px;
	margin-left:-30px;
	margin-bottom:-2px;
}

.cardetail .hscroller ul {
	margin:10px 0 0 56px;
}
.cardetail .hscroller li {
	display:block;
	float:left;
	width:126px;
	height:126px;
	margin-right: 14px;
	position:relative;
}


.toleft {
	position:absolute;
	width:15px;
	height:30px;
	background:url(sprite1.png) no-repeat scroll -4px -20px;
	left:30px;
	bottom:55px;
	display: block;
}
.toright {
	position:absolute;
	width:15px;
	height:30px;
	background:url(sprite1.png) no-repeat scroll -19px -20px;
	right:32px;
	bottom:55px;
	display: block;
}

.cardetail .hscroller li  a .chint {
	display:none;
	position:absolute;
	left:0;
	bottom:0;
	right:0;
	background:#000;
	opacity:0.7;
	color:#fff;
	padding:3px 6px;
	font: 11px/12px Arial, Helvetica, sans-serif;
	margin-right:-2px;
	margin-bottom:-2px;
	cursor: pointer;
}
.cardetail .hscroller li  a:hover .chint {
	display:block;
}
.cardetail .hscroller li a .chint p {
	margin:2px 0 0 0;
	padding:0;
	text-align: right;
	color:#8dd4df;
}
.cardetail .hscroller li.cur a img, .cardetail .hscroller li.cur a:hover img {
	border:4px solid #4BA1AF;
	width:120px;
	height:120px;
}
.cardetail .hscroller li a img {
	width:126px;
	height:126px;
	border: 1px solid #DCDCDC;
}
.cardetail .hscroller li a:hover img {
	border: 1px solid #aaa;
	width:126px;
	height:126px;
}
/* footer */
#footer {margin-top:-5px;}


.centerblock {
	width: 986px;
	margin-left:auto;
	margin-right:auto;
}

/* For Index page */
#mainmenu {margin-left:0;}
.index #header #mainmenu {height:90px;margin-top:12px;}
.index #header #mainmenu li {height:90px;background-image:url(mmenu-i2.png) !important;}
.index #header #mainmenu li img {height:90px;}
.index #header {height:178px;}
.index #main {
	margin: 0 5px;}
.index #main .big {
	width:698px;
	height:398px;
	float:left;
	border:1px solid #DDDDDD;
}
.index #main .r {
	width:230px;
	height:130px;
	float:right;
	background-color:#EFEFEF;
	margin-bottom:5px;
}
.index .chint {
	background:#000000 none repeat scroll 0 0;
	color:#FFFFFF;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:12px;
	margin-left:-150px;
	margin-top:-90px;
	opacity:0.7;
	padding:6px;
	position:absolute;
	text-align:left;
	width:150px;
}

.index .inform .chint {
	margin-top:10px;
	margin-left:-120px;
}
.index .inform {margin-bottom:0px; margin-top:-10px;
background:#eee;
height:152px;
}
.index .inform ul {margin-left:0;}
.inform a {text-decoration:none; font:11px/12px Arial, Helvetica, sans-serif; color:#848282;}
.inform li {float:left;width:100px; height:120px; text-align:center; margin:0 17px}
.inform li img {width:96px; height:120px;}

.inform a.bird img {background:url(inform.png) no-repeat scroll -100px 0;}
.inform a.bird:hover img {background:url(inform.png) no-repeat scroll -101px -130px;}

.inform a.scard img {background:url(inform.png) no-repeat scroll 0 0;}
.inform a.scard:hover img {background:url(inform.png) no-repeat scroll -1px -130px;}

.inform a.hands img {background:url(inform.png) no-repeat scroll -190px 0;}
.inform a.hands:hover img {background:url(inform.png) no-repeat scroll -191px -130px;}

.inform a.pack img {background:url(inform.png) no-repeat scroll -280px 0;}
.inform a.pack:hover img {background:url(inform.png) no-repeat scroll -281px -130px;}

.inform a.fairy img {background:url(inform.png) no-repeat scroll -384px 0;}
.inform a.fairy:hover img {background:url(inform.png) no-repeat scroll -385px -130px;}

.inform a.quality img {background:url(inform.png) no-repeat scroll -490px 0;}
.inform a.quality:hover img {background:url(inform.png) no-repeat scroll -491px -130px;}

.inform a.aboutpearl img {background:url(inform.png) no-repeat scroll -598px 0;}
.inform a.aboutpearl:hover img {background:url(inform.png) no-repeat scroll -599px -130px;}

div.success {
	background:#E6EFC2 none repeat scroll 0 0;
	border:1px solid #C6D880;
	color:#264409;
	padding:10px 10px;
}
.item .price span.icon {
	display:inline;
	position:relative;
}

.newbg span.icon u {
	background:url(icons_new.png) no-repeat;
	display: block;
	position:absolute;
	padding-left:30px;
	overflow:visible;
	height:30px;
	width:30px;
	left:0;
	margin-left:-30px;
}
.atelierbg span.icon u {
	background:url(icons_atelier.png) no-repeat;
	display: block;
	position:absolute;
	padding-left:30px;
	overflow:visible;
	height:30px;
	width:30px;
	left:0;
	margin-left:-30px;
}
.salebg span.icon u {
	background:url(icons_sale.png) no-repeat;
	display: block;
	position:absolute;
	padding-left:30px;
	overflow:visible;
	height:30px;
	width:30px;
	left:0;
	margin-left:-30px;
}

.nason_logo {
	background:transparent url(nasonpearl.gif) no-repeat scroll left top;
	padding-left:100px;
}
#lbContent {
	height:560px;
	width:560px;
	padding:10px 20px;
	text-align:left;
	line-height:1.4em;
	overflow:hidden;
	/*overflow-y: auto;*/
	position:relative;
}
#closelbCintent {
	position: absolute;
	display:block;
	bottom:5px;
	right:10px;
}

body.collection #content h1 {margin-bottom: -28px;}