@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0; font-size:11px; font-family:Trebuchet MS, sans-serif; 
}
body{ background:url(../images/sd2.jpg);
}
p{ line-height:150%; color:#000;
}
img {border:0;}
/*===============================header=================================*/
#header{ width:960px; height:105px; margin:0 auto; background:#fff; position:relative;
}
#header .logo{ position:absolute; top:40px; left:25px;
}
#top1{ width:960px; height:30px; background:url(../images/sd1.jpg) left top no-repeat; color:#fff; font-weight:bold;
}
#top1 table{ position:absolute; top:3px; right:25px;
}
#top1 table td{ font-size:10px;
}
#top1 table a{ color:#fff; font-weight:bold; text-decoration:none; font-size:10px;
}
#top1 table a:hover{ color:#9dcbca;
}
#topnav{ position:absolute; top:58px; right:25px;
}
#topnav a{ color:#575757; padding:0 5px 0 5px; text-decoration:none; font-size:12px; font-family:Tahoma;
}
#topnav a:hover{ color:#000;
}
#line{ width:930px; position:absolute; bottom:0; left:15px; border-bottom:1px solid #eee; height:20px;
}
/*================================container=====================================*/
#container{ width:960px; margin:0 auto;
}
.allbg{ float:left;background:#fff; width:960px; min-height:1%; 
}


/*================================left=====================================*/
#left{ float:left; width:690px; margin-top:7px; padding:0 0 0 30px;
}
#banner{ position:relative; width:690px; height:217px; border:1px solid #efefef; background:url(../images/sd8.jpg) left center no-repeat;
}
#div45{ width:580px; position:absolute; top:155px; left:117px; color:#fff
}
#div45 h1{ font-size:24px; font-family:"Times New Roman", Times, serif; text-transform:uppercase; 
}
#div45 h2{ font-size:10px;
}
#more_about{ position:absolute; bottom:25px; right:40px;
}
#TopSellers{ width:690px; margin-top:13px; float:left;
}
#topleft{ float:left; width:180px; height:160px; padding:20px 10px 0 15px; border:1px solid #efefef;
}
#topleft h2{ font-size:12px; color:#da0a43; font-family:Tahoma; background:url(../images/jt.jpg) left center no-repeat; padding-left:20px; margin-bottom:10px; height:17px;
}
#topright{ float:right; width:480px;
}
.top11{ width:80px; float:left; text-align:center; margin:0 0 5px 12px; display:inline;
}
.top11 span{ color:#da0a43;
}
#topright img{ border:1px solid #efefef; width:80px; height:80px;
}

#whybuy{ float:left; display:inline; width:670px; margin:10px 0 10px -30px; padding:6px 15px 0 30px; background:#fef3ef;
}
#whybuy h2{ color:#666; font-size:12px; font-family:Tahoma;
}
.left1{ float:left; width:683px;
}
.left11{ width:120px; height:120px; float:left; margin-right:10px; display:inline; text-align:center;
}

.left11 img{ width:120px; height:120px;
}
.left1 h2{ font-size:12px; color:#666; font-family:Tahoma; margin-bottom:10px;
}
.left1 ul li{ list-style:none; padding:0 0 3px 15px; background:url(../images/jt2.jpg) left center no-repeat;
}
.left1 ul li a{ color:#464e5b; text-decoration:none;
}
.left1 ul li a:hover{ color:#da0a43;
}
.left2{ float:left; width:418px;
}
.left2 h2{ font-size:12px; color:#666; font-family:Tahoma; margin-bottom:10px;
}
.left2 div{ position:relative; width:418px; height:78px; background:url(../images/jt4.jpg) left top no-repeat; margin-bottom:10px;
}
.left2 div span{padding-left:40px;
}
.left2 div span a{ text-decoration:none; font-family:Geneva, Arial, Helvetica, sans-serif; font-size:11px; color:#464e5b;
}
.left2 div span a:hover{ color:#da0a43; text-decoration:underline;
}
.left2 div .zuozhe{ position:absolute; bottom:3px; right:15px; color:#666; font-family:"Times New Roman", Times, serif;
}
.left2 div p{ padding:5px 0 0 40px;
}
#chat{ width:199px; height:53px; padding-top:5px;
}
#chat img{ border:1px solid #ccc;
}
#big{ width:360px; background:#e2eff4; text-align:center; border:1px solid #ccc; border-left:1px solid #666; border-bottom:1px solid #666; font-size:12px; padding:1px 0 5px 0;
}
#big img{ width:360px;
}
#big1{ width:360px; background:#e2eff4; text-align:center; border:1px solid #ccc; border-right:1px solid #666; border-bottom:1px solid #666; font-size:12px; padding:1px 0 5px 0;
}
#big1 img{ width:360px;
}


.lili1{ text-decoration:line-through; font-size:12px;}
.lili2{ color:#f00; font-size:12px}
.lili3{ font-size:12px;}

/*================================left=====================================*/
#mbx{ width:690px; padding-top:8px;
}
#mbx a{ text-decoration:none; color:#464e5b;
}
#mbx a:hover{ text-decoration:underline
}
#intro1{ width:670px; background:#f5e6e4; padding:15px 10px 10px 10px; margin-top:20px;
}
#intro1 h1{ font-size:16px; color:#666;
}
#list{ width:670px; padding:20px 0 0 0; position:relative;
}
#list h2{ background:url(../images/jt5.jpg) left center no-repeat; padding-left:15px; margin-bottom:25px; font-family:Tahoma; color:#666;
}
#ye{ position:absolute; top:-10px; right:3px;
}
#ye a{ text-decoration:none; color:#666;
}
#ye a:hover{ text-decoration:underline;
}

#ye2{ top:20px; right:3px;
}
#ye2 a{ text-decoration:none; color:#666;
}
#ye2 a:hover{ text-decoration:underline;
}
.p1{ float:left; width:157px; height:202px; border:1px solid #ccc; text-align:center; margin:-1px -1px 0 0; background:#fcfcfc; padding:2px;
}
.p1 span{ color:#da0a43;
}
.p1 img{ 
}
.p1 a{ text-decoration:none; font-size:9px; color:#777777; font-family:Verdana, Arial, Helvetica, sans-serif
}
#p2{ padding-left:17px;
}
/*-------------------------jewelry----------------------------------*/
#jewelrylist{ width:670px; padding:20px 0 0 0; position:relative;
}
#jewelrylist h2{ float:left; width:650px; position:relative; background:url(../images/jt5.jpg) left center no-repeat; padding-left:15px; font-family:Tahoma; color:#666;
}
#jewelrylist h2 span{ position:absolute; top:0; right:10px;
}
#jewelrylist h2 span a{ text-decoration:none; font-size:14px; color:#666; 
}
#jewelrylist h2 span a:hover{ text-decoration:underline; color:#000;
}
.p3{ float:left; display:inline; width:630px; border-top:1px solid #dfdfdf; margin:10px 20px 0 20px; padding:10px 0 0 0;
}
.p4{ float:left; width:150px; height:160px; text-align:center; background:#fcfcfc; padding:2px;
}
.p4 span{ color:#da0a43;
}
.p4 a{ text-decoration:none; font-size:9px; color:#777777; font-family:Verdana, Arial, Helvetica, sans-serif
}
.p5{ width:100%; padding:5px 0 5px 5px; background:#f1f7f9; margin:5px 0 5px 0;
}
.p5 a{ text-decoration:none; font-size:14px; font-weight:bold; color:#666;
}
.p5 a:hover{ color:#f25242
}
.com1{ border-bottom:1px dotted #ccc; padding-bottom:10px; margin-top:10px;
}
.com2{ font-size:14px;
}

.com3{ font-size:12px; color:#666; font-weight:bold;
}
.com4{ margin-left:15px; color:#999;
}
.com1 p{ margin-top:5px;
}
/*-------------------------news----------------------------------*/
.news{ margin-bottom:10px;
}
.news div{ width:650px; background:url(../images/jt6.jpg) left center no-repeat; padding:2px 0 4px 15px; position:relative;
}
.news div a{ font-size:12px; text-decoration:none; color:#000;
}
.news div a:hover{ text-decoration:underline; color:#f25242;
}
.news p{ margin-left:15px; border-top:1px dotted #ddd; width:650px; padding:5px 0 0 0;
}
.news div span{ position:absolute; top:2px; right:0;
}
/*-------------------------help----------------------------------*/
.he{ width:650px;background:url(../images/jt6.jpg) left center no-repeat; padding:2px 0 4px 15px; font-size:12px; margin:10px 0 10px 0;
}
.he a{ text-decoration:none; color:#000;
}
.he a:hover{ color:#f25242; text-decoration:underline;
}
.shipping td{  border-top:1px solid #efefef; padding:6px 4px 6px 4px; border-left:1px solid #ccc;
}
.shipping td a{ text-decoration:none; font-size:12px; color:#000;
}
.shipping td a:hover{ color:#f25242
}
.help ul li{ list-style:none; padding:0 0 4px 5px; border-bottom:1px dotted #CCC
}
.help ul li a{ text-decoration:none; color:#000;
}
.help ul li a:hover{ color:#f25242
}
#chat{ width:199px; height:53px; padding-top:5px;
}
#chat img{ border:1px solid #ccc;
}

/*====================detail==========================**/
#intro1 {
	PADDING-RIGHT: 10px; MARGIN-TOP: 20px; PADDING-LEFT: 10px; BACKGROUND: #f5e6e4; PADDING-BOTTOM: 10px; WIDTH: 670px; PADDING-TOP: 15px
}
#intro1 H1 {
	FONT-SIZE: 16px; COLOR: #666
}
#intro2 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 34px; PADDING-BOTTOM: 0px; WIDTH: 664px; PADDING-TOP: 15px; HEIGHT: 225px
}
.intro3 {
	FLOAT: left; WIDTH: 180px; TEXT-ALIGN: center
}

#introL2 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 10px; PADDING-BOTTOM: 0px; WIDTH: 664px; PADDING-TOP: 15px; HEIGHT: 185px
}
.introL3 {
	FLOAT: left; WIDTH: 300px; TEXT-ALIGN: left
}

.pro1 {
	BORDER-RIGHT: #ccc 1px solid; BORDER-TOP: #ccc 1px solid; BORDER-LEFT: #ccc 1px solid; WIDTH: 180px; BORDER-BOTTOM: #ccc 1px solid
}
.fangda {
	MARGIN-TOP: 5px
}
.intro4 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 25px; FLOAT: left; PADDING-BOTTOM: 0px; WIDTH: 445px; PADDING-TOP: 0px
}
.introL4 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 25px; FLOAT: left; PADDING-BOTTOM: 0px; WIDTH: 315px; PADDING-TOP: 0px
}
.li1 {
	FONT-SIZE: 14px; TEXT-DECORATION: line-through
}
.li2 {
	FONT-SIZE: 14px; COLOR: #f00
}
.li3 {
	FONT-SIZE: 14px
}
.ul2 {
	MARGIN-TOP: 10px; DISPLAY: block; WIDTH: 450px; POSITION: relative
}
.ul2 LI {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 12px; PADDING-BOTTOM: 2px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
.pp {
	RIGHT: 37px; BOTTOM: 0px; POSITION: absolute
}
.qty {
	BORDER-RIGHT: #ccc 1px solid; BORDER-TOP: #ccc 1px solid; BORDER-LEFT: #ccc 1px solid; WIDTH: 70px; BORDER-BOTTOM: #ccc 1px solid
}
#macfee {
	MARGIN-TOP: 15px; WIDTH: 450px
}
#macfee IMG {
	FLOAT: left; MARGIN: 2px 10px 0px 0px
}
#macfee P {
	LINE-HEIGHT: 140%
}


/*============================Login=====================================*/
.member {
	BORDER-BOTTOM: #efefef 1px solid
}
.member TD {
	PADDING-RIGHT: 4px; BORDER-TOP: #efefef 1px solid; PADDING-LEFT: 4px; PADDING-BOTTOM: 6px; BORDER-LEFT: #ccc 1px solid; PADDING-TOP: 6px
}
.member TD A {
	COLOR: #f00
}
.member TD A:hover {
	COLOR: #000
}

.member TD SELECT {
	WIDTH: 200px; BORDER-BOTTOM: #ddd 1px solid
}
.member TD RADIO {
	WIDTH: 5px; BORDER-BOTTOM: #ddd 0px solid
}
#privacy {
	FLOAT: left; WIDTH: 670px; POSITION: relative
}
#privacy P {
	BORDER-RIGHT: #e0e0e0 1px solid; PADDING-RIGHT: 20px; PADDING-LEFT: 20px; PADDING-BOTTOM: 10px; BORDER-LEFT: #e0e0e0 1px solid; PADDING-TOP: 15px
}
.privacy_bg1 {
	POSITION: absolute; TOP: 0px
}
.privacy_bg2 {
	LEFT: 0px; BOTTOM: 0px; POSITION: absolute
}
#privacy H2 {
	FONT-SIZE: 12px; LEFT: 20px; POSITION: absolute; TOP: -6px
}
#register {
	PADDING-RIGHT: 0px; PADDING-LEFT: 10px; PADDING-BOTTOM: 0px; PADDING-TOP: 10px
}
.td4 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 90px; PADDING-BOTTOM: 0px; PADDING-TOP: 5px
}
.td3 {
	BACKGROUND: #f5e6e4
}
.td2 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 2px; PADDING-TOP: 2px
}
.td2 INPUT {
	BORDER-RIGHT: #999 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #999 1px solid; PADDING-LEFT: 0px; PADDING-BOTTOM: 2px; BORDER-LEFT: #999 1px solid; WIDTH: 150px; PADDING-TOP: 2px; BORDER-BOTTOM: #999 1px solid
}
.td1 {
	PADDING-BOTTOM: 10px
}
.td1 SPAN A {
	FONT-SIZE: 10px; COLOR: #000
}
.td5 INPUT {
	BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #ccc 1px solid; PADDING-LEFT: 0px; PADDING-BOTTOM: 2px; BORDER-LEFT: #ccc 1px solid; WIDTH: 250px; PADDING-TOP: 2px; BORDER-BOTTOM: #ccc 1px solid
}
.td5 SELECT {
	BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #ccc 1px solid; PADDING-LEFT: 0px; PADDING-BOTTOM: 2px; BORDER-LEFT: #ccc 1px solid; WIDTH: 250px; PADDING-TOP: 2px; BORDER-BOTTOM: #ccc 1px solid
}
.co8 {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #666; LINE-HEIGHT: 20px; PADDING-TOP: 10px; HEIGHT: 20px
}
.co5 {
	COLOR: #f00
}
.td6 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 10px
}
.td6 A {
	FONT-SIZE: 10px; COLOR: #f00; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.alert {
        color: #FF0000;
        margin-left: 0.5em;
		margin-right:5px;
  }
/*================================right=====================================*/
#right{ float:right; width:230px;
}
#right form{ width:200px; height:42px; margin-top:7px; background:#edd7d8; position:relative;
}
.fo1{ width:160px; height:18px; position:absolute; padding-top:3px; top:9px; left:7px;
}
.fo2{ position:absolute; top:9px; left:171px;
}
.right1{ width:200px; padding-bottom:10px; background:#f5e6e4; margin-top:1px;
}
.right1 h2{ width:187px; padding:12px 0 0 13px; font-size:14px; color:#666; font-weight:normal;
}
.right1 ul{ padding:8px 0 0 8px;
}
.right1 ul li{  width:167px; height:25px; line-height:25px; margin-bottom:1px; background:#fff; list-style:none; padding-left:16px;
}
.right1 ul li a{ display:block; height:25px;text-decoration:none; color:#848484; font-size:12px;
}
.right1 ul li a:hover{ width:167px; background:url(../images/sd4.jpg) 130px center no-repeat; color:#da0a43;
}
/*= 11
.right1 p{ background:#fff; margin:10px 8px 0 8px; padding:8px 16px 10px 16px; 
}---*/
/*================================footer=====================================*/
#footer{ text-align:left; clear:both; width:930px; height:42px; line-height:36px; margin:0 auto; background:#f2f2f2; border-top:1px solid #ccc; padding:10px 10px 10px 20px;
}
#footer p{ line-height:150%; font-family:"Times New Roman", Times, serif; font-size:12px; color:#666;
}
#footer p a{ font-family:"Times New Roman", Times, serif; font-size:12px; text-decoration:none;  color:#666;
}
#footer p a:hover{ color:#000;
}
.ifr{ width:960px; height:30px}



/*-------------------bof tabs--------------------*/
.TabbedPanels {
	float: left;
	clear: none;
	width: 500px;  /*668 added by jeffy */
	margin-top:15px;
	padding:0 0 0 5px;
}


.TabbedPanelsTabGroup {
	margin: 0px;
	padding: 0px;
}

.TabbedPanelsTab {
	position: relative;
	top: 1px;
	float: left;
	padding: 4px 10px;
	margin: 0px 1px 0px 0px;
	font: bold 0.7em sans-serif;
	background-color: #DDD;
	list-style: none;
	border-left: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
	border-top: solid 1px #CCC;
	border-right: solid 1px #CCC;
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;
	font-size:12px;
	font-family:Tahoma;
	color:#666;
}

.TabbedPanelsTabHover {
	background-color: #CCC;
	font-size:12px;
}

.TabbedPanelsTabSelected {
	background-color: #EEE;
	border-bottom: 1px solid #fff;
	font-size:12px;
}

.TabbedPanelsTab a {
	color: black;
	text-decoration: none;
}

.TabbedPanelsContentGroup {
	clear: both;
	border-top: solid 1px #CCC;

}

.TabbedPanelsContentGroup img{
     float:left; margin-right:15px;
}

.TabbedPanelsContent {
	padding:20px 0 30px 10px;
}

.TabbedPanelsContentVisible {
}

.VTabbedPanels .TabbedPanelsTabGroup {
	float: left;
	width: 10em;
	height: 20em;
	background-color: #EEE;
	position: relative;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
	border-left: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
}


.VTabbedPanels .TabbedPanelsTab {
	float: none;
	margin: 0px;
	border-top: none;
	border-left: none;
	border-right: none;
}


.VTabbedPanels .TabbedPanelsTabSelected {
	background-color: #EEE;
	border-bottom: solid 1px #999;
}


.VTabbedPanels .TabbedPanelsContentGroup {
	clear: none;
	float: left;
	padding: 0px;
	width: 30em;
	height: 20em;
}

#other{width:664px; float:left; padding:5px 0 0 10px;
}
#other h2{font-size:12px; color:#666; font-family:Tahoma; background:url(../images/other.jpg) left center no-repeat; padding-left:15px; margin-left:-10px;
}
.other1{ width:128px; text-align:center; margin:5px 1px 10px 0; float:left; background:#fcfcfc; 
}
.other1 img{ width:120px; height:120px; border:5px solid #f5f5f0; 
}
.other1 a:hover{ text-decoration:none;
}
.other1 a:hover img{ border:5px solid #dddddd; 
}
.other1 span{ color:#da0a43;
}
.other img:hover{ border:1px solid #ccc;
}
/*-------------------eof tabs--------------------*/

/*----------------------Shopping Cart-----------------------------*/
.i_table {
	BORDER-RIGHT: #ccd6e0 2px solid; BORDER-TOP: #ccd6e0 2px solid; FONT-SIZE: 0.8em; BORDER-LEFT: #ccd6e0 2px solid; BORDER-BOTTOM: #ccd6e0 2px solid
}
.head22 {
	FONT-WEIGHT: bold; BACKGROUND: #f5e6e4; COLOR: #ffffff
}
.head22 TD {
	COLOR: #ffffff
}
.head22 A {
	COLOR: #ffffff
}
.b22 {
	BACKGROUND: #f7f7f7
}


FIELDSET {
        padding: 0.5em;
        margin: 0.5em 0em;
        border: 1px solid #EACFAE;
		background:#FFFFFF; /*#FFF8E5 //edit by jeffy*/
 		height:100%;
        }

TEXTAREA {
        float: left;
        margin: auto;
        display: block;
        width: 95%;
        }

LEGEND {
        font-weight: bold;
        }

.important {
        font-weight: bold;
		margin:5px;
        }

.floatingBox, #accountLinksWrapper, #sendSpendWrapper, #checkoutShipto, #checkoutBillto, #navEZPagesTOCWrapper {
        margin: 0;
		width:95%
        }

.back {
        float: left;
        }

.forward {
        float: right;
        }

.bold {
        font-weight: bold;
        }

#ItemTitle {
  font-family: Tahoma,Verdana;
  font-size: 11px;
  line-height: 1.5;
}
#infoBoxContents {
  color: #FF6600;
  font-family: Tahoma,Verdana;
  font-size: 12px;
}

ADDRESS {
        padding: 0.6em;   font-size: 13px;
        }

ADDRESS {
        font-style: normal;
        }

HR {
        min-height: 1px;
        margin-top: 0.5em;
        border: none;
        border-bottom: 1px solid #9a9a9a;
        }
.tableHeading TH {
        border-bottom: 1px solid #cccccc;
        }


.totalBox {
        width: 5.5em;
        text-align: right;
        padding: 0.2em;
        }

.larger{
        font-size: 1.1em;
        }

.lineTitle, .amount {
        text-align: right;
        padding: 0.2em;
        }
.clearBoth {
        clear: both;
        }


#myAccountGen li, #myAccountNotify li {
        margin: 0;
		list-style:none;
        } 

/*warnings, errors, messages*/
.messageStackWarning, .messageStackError, .messageStackSuccess, .messageStackCaution {
        line-min-height: 1.8em;
        padding: 0.2em;
        border: 1px solid #000000;
        }

.messageStackWarning, .messageStackError {
        background-color: #ff0000;
        color: #ffffff;
        }

.messageStackSuccess {
        background-color: #F1F6E6;
        color: #000000;
        }

.messageStackCaution {
        background-color: #FFFF66;
        color: #000000;
        }