@charset "utf-8";
/*
author:fairytale
created:080310
updated:080905 (sky edit)
*/

* { margin:0; padding:0}
body {background-color: #f3f2f2;;font-family:Arial, Helvetica, sans-serif; margin:0 auto; padding:0; font-size:12px; border:0;background-image:url('../images/common/body-Bg.png');background-repeat:repeat-y;background-position: 50% 50%;}
ul,ol { list-style:none; }
.clear { clear:both}
a{text-decoration:none}
img{border:0px}

/* header */
#header{width:960px;margin:0px auto;	padding-bottom: 8px;background-image: url('../images/common/picHeaderBackground.png');background-repeat: repeat-x;/*height:100px*/}
#logo{float:left;background-image:url('../images/common/logo.png');width:225px;height:40px;margin: 23px 40px 15px 15px;}
/* search */
#search{float:right;width: 389px;margin: 10px 5px 3px 0;background-image:url('../images/common/search-bg.gif');width:389px;height:60px}
#search span{ color:white;line-height:20px;padding-left:18px}
#search form {background:url('../images/common/bkg_searchForm.gif') 23px 3px no-repeat;height:20px;padding-left:10px;padding-top:10px}
#search input, #search select {border:1px solid #ababab;float:left;margin-right:0px;}
#search input {width:180px;padding:1px;height:17px;margin-right:5px}
#search select {width:120px;margin-right:5px;}
#search button {background: url('../images/icon/Submit.png') 0 0 no-repeat;border: 0;float:left;;width: 21px;height: 21px;text-indent: -6667px;cursor: pointer;}
#search ul {font-size:.85em;clear:both;padding:6px 0 0 83px;}
#search .pipes li{border-color:#e2eef4;}
#search a {color:#e2eef4;}
/* nav */
#nav{width:947px;margin:0px auto;background-image:url('../images/common/nav-bg.gif');background-repeat:repeat-x;height:26px;clear:both}
#nav ul{ height:26px}
#nav li{display:inline;float:left;border-right:1px white solid;margin:2px;display:block; padding:0px 5px 0px 5px}
#nav li a{color:white;line-height:22px;display:block;text-align:center}
#nav li a:hover{background:white url('../images/common/nav-bg2.PNG') no-repeat;color:black}

/* main */
#main{margin:0px auto;width:960px}
/* left */
#left{float:left;width:400px; }
/* con1 */
#con1{background-image:url('../images/common/con1-bg.gif');height:120px;width:581px;margin:10px}
#con1 h2{ color:white;font-size:12px;margin-top:73px;padding-left:10px;float:left}
#con1 .ul-1{color:white;float:left;width:100%;margin-top:5px}
#con1 .ul-1 li{ float:left;border-right:1px white solid;margin-left:10px;padding-right:10px;display:inline}
#con1 .ul-1 li a{ color:white;text-decoration:underline}
#con1 .ul-1 li a:hover{ color:#999999;text-decoration:none}
#con1 #nob{border:0px}

/* con2 */
.con2{width:100%;height:auto;margin:10px}
.con2 .top{ background-image:url('../images/common/top.gif');height:18px;width:581px;}
.con2 .inner{border-left:1px #CCCCCC solid;border-right:1px #CCCCCC solid;width:579px;background-image:url('../images/common/inner-bg.png');background-repeat:repeat-x;height:auto;float:left}
.con2 .bot{ background-image:url('../images/common/bot.gif');width:581px;height:23px;clear:both}

/* right */
#right{float:right;width:350px; }

#right .box{ width:100%;margin-top:10px}
#right .box .top2{ background-image:url('../images/common/top2.gif');width:336px;height:20px;}
#right .box .inner-box{border-left:1px #CCCCCC solid;border-right:1px #CCCCCC solid;width:334px;height:auto;background-image:url('../images/common/inner-bg.png');background-repeat:repeat-x;}
#right .box .inner-box h2 a {color:#000}
#right .box .inner-box p{ padding:10px;line-height:20px}
#right .box .bot2{ background-image:url('../images/common/bot2.gif');width:336px;height:20px;}
#right .box .inner-box h2{height:23px;font-size:16px;color:black;padding-left:10px;line-height:23px;}
#right .box .inner-box .ul-3{ margin-left:10px}
#right .box .inner-box .ul-3 li{background:url('../images/icon/tag-11.gif') no-repeat 0 6px;padding-left:10px;line-height:20px;}
#right .box .inner-box .ul-3 a{ color:#000000; font-weight:normal;font-size:12px;text-decoration:none;}
#right .box .inner-box .ul-3 a:hover{ color:#C0C0C0;text-decoration:underline}

/* footer */
#footer{margin:0px auto;width:960px;text-align:center;clear:both;color:#999;margin-top:30px;border-top: 1px #999 dashed}
#footer ul{text-align:center;padding: 10px 0px 10px 0px}
#footer li{display: inline;list-style-type: none;font-size:1em;padding:0 7px 0 0;margin:0 7px 0 0;border-right:1px #999 solid}
#footer li a{color:#999999}
#footer .nob {border:0;}


/*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:28px;}
.small-btn .small-dl{ background:url(../images/icon/small-dl.gif) 0 7px no-repeat;}
.small-btn .small-buy{ background:url(../images/icon/small-buy.gif) 0 7px no-repeat;}
.small-btn li a{ text-decoration:underline; font-weight:bold;}


.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;}