@charset "utf-8";
/*
author:fairytale
created:080308
updated:080310
*/

* { margin:0; padding:0}
body {font-family:Arial, Helvetica, sans-serif; margin:0 auto; padding:0; font-size:12px; border:0;}
ul,ol { list-style:none; }
.clear { clear:both}
a{text-decoration:none}
img{border:0px}

/* header */
#header{width:900px;margin:0px auto;}
#logo{ float:left}
#banner{float:right;width:auto;margin-top:10px}
#banner li{display: inline;list-style-type: none;font-size:1em;padding:0 7px 0 0;margin:0 7px 0 0;border-right:1px black solid;}
#banner li a{ color:#1683CD}
#banner .nob {border:0;}
#nav{width:100%;float:left;}
#nav ul {padding-top:10px;margin:0px auto;width:100%}
#nav li{float:left;background:url('../images/common/nav-l.gif') no-repeat left top;font-weight:bold;padding-left:5px; display:inline;margin-right:4px}
#nav a { background:url('../images/common/nav-r.gif') no-repeat right top; float:left;height:27px; text-decoration:none;color:black;padding:0px 20px 0px 5px;line-height:27px}
#nav a:hover{color:gray}
#nav-bg{background-image:url('../images/common/nav-bg.gif');background-repeat:repeat-x;width:100%;height:27px;float:left;margin-left:0px;display:inline}
#search{height:40px;background-color:#BE7A56;width:100%;float:left; color:#fff; padding-right:10px;}

/* main */
#main{width:900px;margin:0px auto;}

/* left */
#left{float:right;width:180px;margin-top:10px;display:inline}
.box-left{float:left;width:100%;border:1px gray solid}
.box-left h2 a{color:#fff;}
.box-left h2{ background-color:#606971;font-size:13px;height:26px;color:white;line-height:26px;padding-left:10px}
.box-left h3{font-size:14px;height:26px;color:#CC6600;line-height:26px;padding-left:15px;font-weight:bold;}
.box-left p a{ font-size:14px;height:26px;color:#CC6600;line-height:26px;font-weight:bold}
.box-left p a:hover{ text-decoration:underline}
.box-left p{ padding:10px;background-color:#DAEBF2}

.ul-1{padding:5px 10px 10px 20px}
.box-left .ul-1 li{background:url('../images/icon/tag-01.gif') no-repeat 0 8px;padding-left:10px;border-bottom:1px white solid;line-height:20px}
.box-left .ul-1 li a{ color:#1683CD; font-weight:normal;font-size:12px;text-decoration:none;}
.box-left .ul-1 li a:hover{ text-decoration:underline}

/* right */
#right{float:left;width:710px}
/* right-r1 */
#r1{ float:right;width:520px}
#r1 .box-1{ float:left;width:520px;margin-top:10px;display:inline}
#r1 .box-1 h2{ background-image:url('../images/common/box-top.gif');font-size:13px;height:26px;color:white;line-height:26px;padding-left:10px}
#r1 .box-1 h2 a {color:#fff;}
#r1 #box-1-bg{background-image:url('../images/common/box-1-bg.png');background-repeat:repeat;border:1px #ABCCCB solid}
#r1 .box-1 #box-1-bg-title{background-color:#DEE6E6;margin-top:5px;border:1px #CCCCCC solid;border-left:0;border-right:0;background-image:none}

/* right-r2 */
#r2{ float:left;width:180px}
.box-2{ float:right;width:100%;margin-top:10px;display:inline}
.box-2 h2{ background-image:url('../images/common/box-top2.gif');height:25px;font-size:11px;line-height:22px;padding-left:10px;}
.box-2 .ul-4{width:47%;height:auto;float:left;padding-left:5px;margin-top:10px;display:inline}
.box-2 .ul-4 li{line-height:22px;float:left;text-align:center;width:98%}
.box-2 .ul-4 li h3{line-height:12px;float:left;text-align:left;padding:4px 0px 4px 0px;overflow:hidden;width:80px}
.box-2 .ul-4 a:hover{ text-decoration:underline}
.box-2 .ul-4 a{color:#1683CD; font-weight:normal;font-size:12px;text-decoration:none;}
.box-2 .pic-2{background-image:url('../images/temp/categoriesAccessoriesThumb.gif');width:77px;height:65px;text-align:center}
.box-2 .pic-2 img{text-align:center;width:60px;height:50px;padding-top:5px}
/* footer */
#footer{margin:0px auto;width:900px;text-align:center;clear:both;color:#1683CD;margin-top:15px}
#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 black solid}
#footer li a{color:#1683CD}
#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:44px; padding-left:50px;}
.small-btn .small-dl{ background:url(../images/icon/small-dl.gif) 0 3px no-repeat;}
.small-btn .small-buy{ background:url(../images/icon/small-buy.gif) 0 3px 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;}
