@charset "utf-8";
/* CSS Document */
* { font-family:Arial, Helvetica, sans-serif; font-size:12px; margin:0; padding:0; }
body { background:#221c1c; }
p { line-height:180%; }
a img { border: none; }
li { list-style:none; }
.headercolor { background:#000; width:100%; clear:both; height:109px; border-bottom:1px solid #393939; }
#header { width:1003px; height:109px; margin:0 auto; background:#000; position:relative; z-index:80; }
#logo { position:absolute; top:18px; left:29px; border:0; }
.add { position:absolute; left:550px; top:-5px; width:199px; height:22px; }
#warningintro { position:absolute; top:8px; left:260px; line-height:16px; border:0; }
#chat { position:absolute; top:41px; right:0; }
#chat1 { position:absolute; top:18px; right:0; color:#fff; }
#chat1 a { color:#cc316a; text-decoration:none; }
#chat1 a:hover { color:#fff; }
.ifr { position:absolute; top:0; right:0; height:80px; padding-right:21px; }
#login { position:absolute; top:18px; right:21px; color:#cc316a; }
#topsea { float:left; }
#topnav { float:left; display:inline; width:730px; height:28px; line-height:28px; margin:81px 0 0 20px; background:url(/images/bg1.gif) left top repeat-x; position:relative; }
#new { position:absolute; left:435px; top:-5px; width:43px; height:23px; background:url(../images/sale.jpg) no-repeat }
#topnav a { color:#2f92cf; text-decoration:none; }
#topnav div a { display:block; float:left; height:28px; line-height:28px; padding:0 5px 0 5px; font-weight:bold; font-size:14px; }
#topnav div a:hover { color:#fff; }
#topnav .gu { margin-left:5px; }
#topnav span a { margin-right:0px; }
#topnav span a:hover { color:#fff; }
.t1 { float:left; }
#navall { position:relative; float:left; }
#navall a.navallitem, a.navallitem:hover, a.navallitem:active { color:red; }
.navallpannel { position:absolute; top:28px; left:-1px; width:494px; border:1px solid #6e6e6e; background:#303030; padding:5px 0 15px 5px; z-index:99; }
.navallpannel .col { width:110px; margin-left:5px; float:left; display:inline; overflow:hidden; }
#navall .w120 { width:120px; }
.navallpannel ul { }
#navall .navallpannel ul li { float:none; clear:both; line-height:25px; }
#navall .navallpannel ul li h3 a { font-size:14px; font-weight:bold; color:#2f92cf; white-space:nowrap; line-height:36px; }
#navall .navallpannel ul li a { color:#e6e6e6; font-size:12px; font-weight:normal; }
#navall .navallpannel ul li a:hover { text-decoration:underline; }
#search { float:left; width:232px; height:28px; margin-top:81px; background:url(/images/bg2.gif) left top repeat-x; position:relative }
#search table { height:28px; }
.in1 { padding:5px 0 5px 2px; width:150px; background:none; border:0; color:#ddd; font-size:13px; font-weight:bold; }
.in2 { position:absolute; right:0; top:0; }
#container { position:relative; width:1003px; margin:0 auto; z-index:66; }
.dailyspecial { position:absolute; top:28px; right:0; width:23px; height:144px; }
#bghei { width:960px; float:left; background:#221c1c; padding:12px 22px 0 21px; }
#footer { clear:both; width:1003px; margin:0 auto; background:#221c1c; position:relative; border-bottom:1px solid #393939; padding:25px 0 0 0; }
.f1 { width:935px; background:#000; margin-left:22px; padding:14px 12px 14px 12px; margin-bottom:12px; position:relative; }
.f1 a { color:#fff; font-size:11px; text-decoration:underline; }
.f1 a:hover { color:#2f92cf; }
.f1 span { position:absolute; top:14px; right:17px; color:#fff; }
.mac { position:absolute; top:14px; right:180px; color:#fff; }
#left { float:left; width:196px; }
#email { background:#606060; padding:10px 0 10px 20px; color:#fff; }
#email h2 { font-size:13px; }
#email p { font-size:11px; line-height:120%; padding-top:5px; }
#email form { padding:10px 0 0 0; }
#email form .in3 { width:150px; border:1px solid #808080; padding:2px 0 2px 0; margin-bottom:8px; }
#mbx { height:29px; line-height:29px; padding-left:20px; font-size:11px; background:url(/images/crumbbg.png) left top repeat-x; position:relative; }
#mbx a { text-decoration:none; color:#000; font-size:11px; }
#mbx a:hover { color:#2f92cf; }
#Currencyp { position:absolute; top:0; right:2px; }
#Currencyp a { padding:0 3px 0 3px; text-decoration:none; font-size:11px; color:#000; }
.sale { display:block; clear:both; width:100%; background:#c00; color:#fff; margin:3px auto 0; }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, input, select, textarea, table, caption, tbody, tfoot, thead, tr, th, td, .x { margin: 0; padding: 0; }
a img, img, iframe { border:none; }
a img { vertical-align:top; }
a span, form label { cursor:pointer; }
li { list-style:none; }
table { border-collapse:separate; }
select, textarea, input, button { vertical-align:middle; font-family:inherit; font-size:100%; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; }
blockquote, q { quotes: "" ""; }
h1 { font-size:16px; }
h2 { font-size:14px; }
h3 { font-size:14px; float:left; }
h4, h5, h6 { font-size:100%; }
/* end reset */

/* start base */
/*new css_end*/

/**top10 begin**/
#top10 { float:left; width:296px; background:none repeat scroll 0 0 #221C1C; }
#top10 h2 { float:left; width:281px; height:26px; padding-left:15px; background:url(../images/bg4.gif) repeat-x scroll left top transparent; color:#FFFFFF; line-height:26px; }
.top10 { background-color: #000; border:1px solid #1677ae; }
.top10 ul { width:292px; margin:0 auto; }
.top10 ul li { float:left; width:130px; height:190px; padding:8px 8px 0px 8px; }
.top10 ul li a { color:#fff; text-decoration:none; font-size:11px; }
.top10 ul li a:hover { color:#fff; text-decoration:underline; }
.top10 .pname { margin-top:5px; line-height:18px; color:#fff; font-weight:normal; font-size:11px; text-align:left; }
.top10 .pprice { color:#b70407; font-weight:bold; line-height:18px; text-align:left; }
/**top10 end**/



/**bannerbegin**/

.jewBrandBanner1 { float:left; width:488px; height:455px; margin-left:12px; display:inline; }
.jewBrandBanner2 { float:left; width:245px; height:455px; margin-left:5px; }
.jewBrandBanner2 ul li { margin-bottom:6px; }
.jewBrandBanner3 { float:left; width:759px; margin-top:10px; }
.jewBrandBanner3 ul li { float:left; }
/*detailImg*/
.detailImg { float:left; width:400px; }
.detailImg a img { float:left; width:55px; height:55px; margin-right:5px; border:1px solid #ccc; }
.detailImg a img:hover { float:left; width:55px; height:55px; border:1px solid #c00; }