/* default styles */
*{margin:0px; padding:0px;}
body { padding: 0px 0 0 0; margin: 0; line-height: 1.7em;color:#999999;font-size:12px; }
a {color:#999999;  text-decoration: none;}
a:hover { color: #f00; background: inherit; text-decoration:underline;}
p {	margin: 0 0 5px 0; }
h1 {padding: 0 0 0 0; margin: 0; letter-spacing: -1px; width:100%;background:url(../images/titlebg.gif) repeat-x; background-position:bottom;}
h1 p{ width:100px; float:left; padding:5px; font-weight:bold; font-size:14px;}
h1 span{ background:url(../images/morebg.gif) repeat-x; font-size:12px; font-weight:normal; float:right; height:28px; width:50px; text-align:center; top:10px;}

h2 { margin: 0; padding: 0; font: bold 1.2em Arial, Sans-Serif; letter-spacing: -1px; color:#000; margin-top:10px; padding-left:0px;}
h3{ font-weight:bold; font-size:14px; margin:5px 0px 5px 0px;}
h6{font-weight:bold; font-size:12px; color:#000;}
ul { margin: 0; padding : 0; list-style : none; }
img { border: 0; }
hr{height:1px; margin-bottom:5px; margin-top:5px; color:#CCC; border:0px solid #CCC; padding:0px; background-color:#CCC;}
.clear{clear:both;}
/* layout */
#header{ width:846px;margin:0px auto 0px auto; color:#999999; margin-top:3px;}
#header p{ text-align:right;}
#top_info{width:846px; margin:0px auto 0px auto; color:#999999;}
#logo{ width:240px; float:left;}
#menu{ float:right; margin-top:12px; width:560px; padding-left:6px; font-size:14px; }
#menu ul{}
#menu ul li{float:left; color:#333; font-weight:bold;}
#menu ul li a{ color:#333; display:block; text-align:center;padding:5px 18px 5px 18px;}
#menu ul li a:hover{ text-decoration:none; color:#F00;}

#submenu{ background:url(../images/submenubg.jpg) repeat-x; height:28px;}
#submenu p{ width:846px; margin:0px auto 0px auto; padding:2px 0px 2px 0px; text-align:right;}
#location{ width:846px; margin:10px auto 0px auto; color:#999999; clear:both;}
#location span{ float:right; font-weight:bold; margin-top:-16px; font-size:14px;}
#location a{color:#999999;}
#location a:hover{color:#fff;}
#location a:visited{color:#999999;}

#adswords{ background-color:#000; color:#FFF; clear:both;}
#adswords p{ width:846px; margin:0px auto 0px auto; padding:2px 0px 2px 0px;}
/*=============================content========================================*/
#content{width:846px;margin:10px auto 30px auto; min-height:300px; clear:both;}

#leftContent{ width:190px;float:left;}
#rightContent{ width:750px; float:right;}
#rightContent{ margin:0px; padding:0px;}
#leftTitle{ font-weight:bold; font-size:12px; color:#FFF; padding:2px 5px 2px 5px; background-color:#666666; margin:0px;}
#webClass{ border-bottom:#CCCCCC solid 1px; border-left:#CCCCCC solid 1px; border-right:#CCCCCC solid 1px; padding:5px;}
#webClass h2{ font-weight:bold; color:#8E8E8E; font-size:12px;border-bottom:solid #CCCCCC 1px; padding:3px 3px 3px 16px; margin:0px; background:url(../images/titmin.gif) no-repeat; background-position:0px 2px;}

#webClass ul{}
#webClass ul li{ padding:1px 4px 1px 4px;}
#webList{ margin:15px 0px 15px 0px; clear:both; overflow:hidden; width:846px; background:url(../images/pdbg.jpg) repeat-y;}
#webList ul{overflow:hidden; width:846px; list-style:none;}
#webList ul li{ float:left; list-style:none; background-color:#FFFFFF;height:280px;width:228px; margin:0px 20px 0px 20px;}
*html #webList ul li{}
*+html #webList ul li{}
#webList ul li img{width:228px; height:120px; padding:0px; margin:0px;clear:both; }
#webList ul li h1{ font-weight:bold; color:#000; font-size:16px;width:220px;}
#webList ul li p{ line-height:22px;width:220px;}
#webList ul li p a{ color:#0076E0;}

#selectColor{background-color:#666666; padding:2px 5px 2px 5px; color:#FFF; font-size:12px; font-weight:normal; width:836px;}
#selectColor a{ color:#FFF;}
#selectColor a:hover{ color:#f00; }
#selectColor2{  width:740px; }
#selectColor2 span{ background-color:#CCCCCC;padding:2px 5px 2px 5px; color:#666666; font-size:12px; }
#selectColor2 a{ background-color:#CCCCCC;padding:2px 5px 2px 5px; color:#FFF; font-size:12px; }
#selectColor2 a:hover{ color:#000000; }
#selectColor2 a:active{background-color:#666666; color:#CC3300; }
#articleTitle{ background-color:#666666; padding:2px 5px 2px 5px; color:#FFF; text-align:center; font-weight:bold;}
.title{background-color:#666666; padding:2px 5px 2px 5px; color:#FFF; font-weight:bold;}
.textTips{width:220px; color:#666; height:35px;}
.textTitle{color:#333; margin-bottom:2px; font-size:12px; height:26px; margin-top:5px;}
#page{clear:both; border-top: solid 0px #CCC; margin:45px 0px 15px 0px; padding:5px 0px 5px 0px; text-align:right;}
#page span{float:right; margin-top:-24px;}

.table{ border:#CCC solid 1px; width:846px; border-collapse:collapse}
.table tr{}
.table tr td{ padding:2px; border:#CCC solid 1px;}
.buyAndZoom{ clear:both; margin-top:25px; text-align:right;}


#details_left{ width:420px; float:left; color:#999999;margin:20px 20px 20px 0px;}
#details_right{ float:right;margin:20px 0px 20px 0px;}


.linkColor a{color:#039;}
.linkColor a:hover{color:#F00;}
.linkColor a:visited{color:#039;}

.alginRight{text-align:right;}

.priceTable{ clear:both; margin:20px 0 0 0;}
.priceBox{float:left; margin:8px 25px 0px 0px;}
.price{font-size:14px; font-weight:bold; color:#F00; font-family:Verdana, Geneva, sans-serif;}
.titleTip{color:#666; font-size:12px; font-weight:normal;}

/*=================================FriendSite========================================*/
#textFriendSite{}
#textFriendSite ul{}
#textFriendSite ul li{ width:100px; float:left; margin-right:15px;background:url(../images/point.gif) no-repeat; background-position:0px 5px; padding:0px 0px 0px 12px;}
#textFriendSite ul li a{}
#textFriendSite ul li a:hover{}

#picFriendSite{}
#picFriendSite ul{}
#picFriendSite ul li{ width:120px; height:75px; margin:5px; float:left;}
#picFriendSite ul li img{ width:120px; height:75px;}
##picFriendSite ul li p{text-align:center;}


/*============================foorter=======================================*/
#foorterContent{width:960px;margin:10px auto 20px auto; clear:both; }
#foorterContent a{ color:#999;}
#foorterContent a:hover{color:#FFF; text-decoration:underline;}
#footerArticle{width:960px;margin:10px auto 20px auto;padding-bottom:20px; clear:both;}
#footerArticle ul{ width:180px; float:left; margin-right:12px;}
#footerArticle ul p{ font-size:14px; color:#FFF;}
#footerArticle ul li{ list-style:none; background:url(../images/b_list.gif) no-repeat; padding-left:12px; background-position:0px 8px; color:#999999; margin-right:15px;}
#footerArticle ul li a{ color:#999;}
#footerArticle ul li a:hover{color:#FFF;}
#foorterLogo{ width:220px; height:60px; float:left;}
#footer{background-color:#0A0A0A; width:100%;}
#footerLocation{width:960px; margin:10px auto 0px auto; color:#999999; border-bottom:1px solid #191919; padding-bottom:8px;}
#footerLocation a{color:#999999;}
#footerLocation a:hover{color:#fff;}
#footerLocation a:visited{color:#999999}
#footerLocation span a{color:#999999;}
#footerLocation span a:hover{color:#fff;}
#footerLocation span a:visited{color:#999999}
#footerMenu{ margin:10px auto 0px auto; color:#999999;}
#footerMenu ul{}
#footerMenu ul li{ float:left; padding:0px 5px 0px 5px; color:#999999;}
#footerMenu ul li a{ color:#999999; }
#footerMenu ul li a:hover{ color:#FFF; text-decoration:underline;}
#footerKeyword{ color:#999; clear:both;}
#copyright{text-align:center; color:#999; width:720px; float:right; margin-top:3px;}
#copyrigh a{color:#999; margin-top:-24px; float:left;}
#copyrigh a:hover{color:#fff; text-decoration:underline;}
#copyright a:visited{color:#999;}
#footer{clear:both; padding:10px 0px 10px 0px; margin:0px auto 0px auto; width:846px; background-color:#FFF; border-top:1px solid #CCC; color:#666;}
#footer p{height:18px;}
#footer a {  color:#666; }
#footer a:hover { color:#000; }
#footerText{color:#999; clear:both;}

/*======================blog=======================*/
.post-title{font-weight:normal; font-size:12px; color:#000; padding:0px; margin:0px; font-variant:normal; letter-spacing:normal; line-height:normal; line-height:22px; border-bottom:double 1px #CCC;background:url(../images/point.gif) no-repeat; background-position:0px 5px; padding:0px 0px 0px 12px;}
.post-title a{color:#036;}
.post-title a:hover{color:#f00;}
.post-title a:visited{color:#036;}
.atitle{text-align:center; margin:12px;}
.post-content img{margin:8px;}
.post-content a{color:#039;}
.post-content a:hover{color:#F00;}
.post-content a:visited{color:#039;}
.pagebar{ margin:15px 0 15px 0; border-top:solid 1px #999; padding:3px 5px 3px 5px; background-color:#EBEBEB;}
.tags{}
.tags ul{}
.tags ul li{ width:122px; float:left; margin-right:15px;background:url(../images/point.gif) no-repeat; background-position:0px 5px; padding:0px 0px 0px 12px;}
.tags ul li span{ color:#333;}