@charset "utf-8";
/* CSS Document */
*{margin:0;padding:0;border:0;}
body {
	background-color: #363636;
	margin: 5px;
	color:#CCCCCC;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
a{
	color:#CCCCCC;
	text-decoration:none;
}
a:hover{
	color:#eeeeee;
	text-decoration:underline;
}
#Header{
	clear:both;
	margin:auto;
	width:900px;
	height:90px;
}
#Logo{
	float:left;
	margin:auto;
	width:160px;
	height:90px;
	text-align:center;
}
#AddFav{
	float:right;
	color:#FAFAFA;
}
#Menu{
	clear:both;
	margin:auto;
	width:900px;
	height:40px;
}
#Location{
	clear:both;
	margin:auto;
	width:880px;
}
#LocationBar{
	float:left;
	margin:5px 0 0 5px;
	width:600px;
}
#Search{
	float:right;
	margin:auto;
	width:200px;
	height:30px;
	padding:5px 0 0 0;
}
#Search #skey{
	background-color: #bcdffa;
	line-height: 14px;
	border: #5ca7cd 1px solid;
	height: 14px
}
#Search #sOk{
	height: 14px
}
#Search form{
	margin:0px;
}
#Main{
	clear:both;
	margin:auto;
	width:900px;
}
#MainAbout{
	clear:both;
	margin:auto;
	width:880px;
}
#MainOther{
	clear:both;
	margin:auto;
	width:880px;
	border:1px dashed #666666;
}
#MainList{
	clear:both;
	margin:0 0 0 5px;
	width:650px;
}
#MainLeft{
	float:left;
	margin:auto;
	width:220px;
}
#MainRight{
	float:right;
	margin:auto;
	width:650px;
	border-left:1px dashed #666666;
}
#OtherInfo{
	clear:both;
	margin:auto;
}
#ProImages{
	clear:both;
	margin:15px 0 5px 0;
	text-align:center;  
}
#ProImages ul{
	text-align:center;
	padding:0px;
	margin: 0px;
 	padding-top: 0px;
 	padding-bottom: 0px;
 	/*padding-left: 15px;*/
	list-style:none;
}
#ProImages li{
	float:left;
	padding:0px;
	margin:auto;
	margin-left:3px;
	width:300px;
	height:300px;
}
#ProImages img{
  width:295px;
  height:295px;
  border:1px solid #666666;
}
#PageBar{
	clear:both;
	margin:5px 0 5px 0;
	padding:5px 0 5px 0;
	text-align:center;
}
#PageBar ul{
	text-align:center;
	padding:0px;
	margin: 0px;
 	padding-top: 0px;
 	padding-bottom: 0px;
 	/*padding-left: 15px;*/
	list-style:none;
}
#PageBar li{
	float:left;
	padding:0px;
	margin:auto;
	margin-left:3px;
}
#PageBar li a{
	font-size:11px;
	padding:0px;
	margin:auto;
	padding-left: 5px;
	padding-right: 5px;
	line-height:150%;
}
#MainRight h1{
	clear:both;
	margin:10px 10px 0px 10px;
	font-size:22px;
}
#MainInfo{
	clear:both;
	margin:10px 10px 0px 10px;
}
#MainInfo ul{
  margin:10px 0 0 10px;
}
#MainInfo textarea{
	background-color: #CCCCCC;
	border: #5ca7cd 1px solid;
	margin:3px;
}
#MainInfo input{
	background-color: #CCCCCC;
	border: #5ca7cd 1px solid;
	margin:3px;
}
#MainInfo .btn_ok{
	background-color: #bcdffa;
	margin:3px;
	padding:2px 5px 3px 5px;
	border: #5ca7cd 2px solid;
	height: 22px  
}
.ProItem{
	float:left;
	margin:auto;
	width:320px;
}
.ProItemImage{
	float:left;
	width:145px;
	height:110px;
	margin:5px 0 0 0;
}
.ProItemImage img{
	border:1px solid #CCCCCC;
}
.clearbox{
	border-top:1px solid transparent !important;
	margin-top:-1px !important;
	border-top:0;
	margin-top:0;
	clear:both;
	visibility:hidden;
}
.ProItemInfo{
	float:right;
	margin:auto;
	margin:10px 0 0 0;
	width:170px;
}
#FooterNav{
	clear:both;
	margin:auto;
	margin-top:5px;
	padding:5px 0 5px 0;
	width:850px;
	text-align:center;
	color:#0099CC;
	border-top:1px #666666 solid;
	border-bottom:1px #666666 solid;
}
#FooterNav a{
	color:#0099CC;
}
#FooterNav a:hover{
	color:#0099CC;
	text-decoration:underline;	
}
#Footer{
	clear:both;
	margin:auto;
	width:850px;
	height:30px;
	padding:10px 0 0 0;
}
#CopyRight{
	float:left;
	width:800px;
	color:#CCCCCC;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
}
#Stats{
	float:right;
	text-align:right;
	width:60px;
}

#leftnav {
	width:220px;
    line-height: 24px; 
	list-style-type: none;
	text-align:left;/
}
#leftnav a {
	width: 200px; 
	display: block;
	padding-left:20px;
}
#leftnav ul{
	margin:0px;
	padding:0px;
}
#leftnav li {
	border-bottom:#ccc 1px solid;
	float:left;
	background-color: #2D2D2D;
}
#leftnav li a:hover{
	background:#54CBF5;
}
#leftnav a:link  {
	color:#ccc; text-decoration:none;
}
#leftnav a:visited  {
	color:#ccc;text-decoration:none;
}
#leftnav a:hover  {
	color:#FFF;text-decoration:none;font-weight:bold;
}
#leftnav li ul {
	list-style:none;
	text-align:left;
}
#leftnav li ul li{
	background-color: #484848;
}
#leftnav li ul a{
         padding-left:20px;
         width:200px;
}
#leftnav li ul a:link  {
	color:#ccc; text-decoration:none;
}
#leftnav li ul a:visited  {
	color:#ccc;text-decoration:none;
}
#leftnav li ul a:hover {
	color:#F3F3F3;
	text-decoration:none;
	font-weight:normal;
	background-color: #54CBF5;
}
#leftnav li:hover ul {
	left: auto;
}
#leftnav li.sfhover ul {
	left: auto;
}
#content {
	clear: left; 
}
#leftnav ul.collapsed {
	display: none;
}