@charset "utf-8";
/**************************
@Filename: common.css
@Author  : sky
@Create  : 2008-2-26
@Update  : 2008-2-26
**************************/
div {height:1%;}

/*header*/
#header{ width:930px; height:99px; background:url(../images/common/header-bg.jpg); margin:0 auto;}
#search { width:500px; height:35px; margin:0 auto; padding-top:35px;; float:right}
#search .v-m { vertical-align:middle}

/*- Menu Tabs 2--------------------------- */

#tabs2 {float:left;width:931px;font-size:93%;line-height:normal;border-bottom:1px solid #84776B; position:absolute; top:65px;}
#tabs2 ul {margin:0;padding:10px 10px 0 20px;list-style:none;}
#tabs2 li {display:inline;margin:0;padding:0; font-weight:bold}
#tabs2 a {float:left;background:url(../images/common/tableft2.gif) no-repeat left top;margin:0;padding:0 0 0 4px;text-decoration:none;}
#tabs2 a span {float:left;display:block;background:url(../images/common/tabright2.gif) no-repeat right top;padding:5px 8px 4px 6px;color:#84776B;}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs2 a span {float:none;}
/* End IE5-Mac hack */
#tabs2 a:hover span {color:#74675B;}
#tabs2 a:hover {background-position:0% -42px;}
#tabs2 a:hover span {background-position:100% -42px;}


/*main*/
#main{ width:870px; padding:15px 30px 0; background:url(../images/common/main-bg.gif) repeat-y; margin:0 auto;}

#leftbox { width:430px; float:right;}

#rightbox { width:430px; float:left;}

/*footer*/
#footer{ width:930px; height:114px; background:url(../images/common/footer-bg.jpg) no-repeat; margin:0 auto 10px}
#f-m2 { height:25px;}
#f-nav { text-align:center; font-size:11px; color:#333; padding:20px 0 20px; margin-bottom:10px;}
#f-nav a { color:#666; font-size:11px; font-weight:bold; text-decoration:underline; padding:0 10px;}
#f-nav a:hover { text-decoration:none}
#f-nav p { color:#666; margin:10px;}
.black-f { color:#333; font-weight:bold}



/*small-btn*/
.small-btn{ padding:20px;}
.small-btn img{ border:0; vertical-align:middle;}
.small-btn li{ list-style:none; line-height:30px; padding-left:25px;}
.small-btn .small-dl{ background:url(../images/icon/small-dl.gif) 0 6px no-repeat;}
.small-btn .small-buy{ background:url(../images/icon/small-buy.gif) 0 6px no-repeat;}
.small-btn li a{ text-decoration:underline; font-weight:bold; color:#00f;}



.page-1 {text-align:center; margin-bottom:10px;}
.page-1 a {text-decoration:underline; padding:3px; }
.page-1 .select { text-decoration:none;}
#tags { margin-bottom:15px;}
#tags .site-tags { text-align:center; margin-left:20px; margin-bottom:10px; width:620px; margin:0 auto;}
#tags .site-tags li { float:left; margin-right:5px; text-align:center; width:15px; height:20px; font-size:13px; background:#666; color:#fff; font-weight:bold;}
#tags .site-tags li a { color:#036; display:block; width:15px; height:18px; background:#fff;  border:1px solid #fff; text-decoration:underline; }
#tags .site-tags li a:hover{background:#036; color:#fff;}
#tags .tag-list li { margin-bottom:10px;}
#tags .tag-list li a { color:#036; text-decoration:underline;}
#tags .tag-list li a:hover {text-decoration:none;}
#tags .tag-list .wrap { width:85%; margin:0 auto 10px;}
#tags .tag-list .left { float:left; width:45%;}
#tags .tag-list .right {float:right; width:45%;}

#editpick {}
#editpick li {margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #ccc; width:95%;}
#editpick .img {width:120px; float:left;}
#editpick h2 {margin-left:135px; font-size:13px;}
#editpick h2 a {color:#06c;text-decoration:underline;}
#editpick h2 a:hover {text-decoration:none;}
#editpick p {margin-left:135px; margin-bottom:5px;}
#editpick .downbuy {}
#editpick .downbuy a {font-weight:bold; color:#06c;text-decoration:underline;}
#editpick .downbuy a:hover {text-decoration:none;}

/*sponsored-link*/
.sponsored-links { width:280px; border:1px solid #ddd; padding:5px 10px 10px 10px; font-size:12px; background:#fff; text-align:left;}
.sponsored-links p { font-size:11px; color:#666; }
.sponsored-links a { text-decoration:none; }
.sponsored-links dt { margin-top:10px; font-size:13px;}
.sponsored-links dt a { color:#06c;text-decoration:underline; font-size:12px; }
.sponsored-links dt a:hover {text-decoration:none;}
.sponsored-links dd { color:#333; }
.sponsored-links .d1 { margin-top:3px; margin-bottom:3px; font-size:11px; }
.sponsored-links .d2 { font-size:11px; }
.sponsored-links .d2 a { color:#666; text-decoration:underline; }
.sponsored-links .price {font-size:12px; margin-bottom:5px; color:#FF6600;}
.sponsored-links .save {font-size:11px; color:#090;}

#sponsored1 .img img {width:110px; float:left;}
#sponsored1 dl {border-bottom:1px solid #efefef; padding-bottom:7px; margin-bottom:7px;}
#sponsored1 dt {margin-left:115px;}
#sponsored1 dt a {color:#06c}
#sponsored1 .d1,#sponsored1 .d2 {margin-left:115px; margin-bottom:10px;}
#sponsored1 .d2 a {color:#06c; font-weight:bold;}
#sponsored1 .price {margin-left:115px;}
#sponsored1 .save {margin-left:115px;}

#sponsored2 dt{ margin-bottom:10px;}
#sponsored2 dt a {color:#06c}
#sponsored2 dl {margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #ddd;}
#sponsored2 .img {  }
#sponsored2 .img img {width:130px;}
#sponsored2 .d2 a {color:#06c; font-weight:bold;}
#sponsored2 .price { }
#sponsored2 .save {}

#sponsored3 {width:728px; margin:0 auto; background:#fff;}
#sponsored3 dl{float:left; width:30%; overflow:hidden; padding:0 5px; margin-bottom:10px; margin-top:5px; border-left:1px dotted #ccc;background:#fff;}
#sponsored3 dt {margin-bottom:12px; margin-left:102px; word-break:break-all;  }
#sponsored3 dt a {color:#06c}
#sponsored3 .img  {float:left;}
#sponsored3 .img img {width:100px;}
#sponsored3 .p {margin-left:102px; margin-bottom:5px;}
#sponsored3 .d2 {margin-left:102px;}
#sponsored3 .d2 a {font-weight:bold; color:#06c}
#sponsored3 .price {margin-left:102px;}
#sponsored3 .save {margin-left:102px;}
#sponsored3 .d1 {margin-left:102px; margin-bottom:10px;}
#sponsored3 .last {border:none;}