p, img, table, tr, th, td, , h2,h4, h5, form, ul, li{border:  0px none;margin:  0px;padding: 0px;font-size: 100%;}

body { padding: 0; margin: 0; font: 0.8em Tahoma, sans-serif; line-height: 1.2em;background: #fff; color: #454545; }

a {color: #E0691A;	background: inherit;text-decoration: none;}
a:hover { color: #6C757A; background: inherit;}

h1 { font: normal 2.5em Arial, Sans-Serif; letter-spacing: -1px;font-weight:bold;margin:0px;}
h1 a, h1 a { text-decoration: dotted;margin:0px;}
h1 a:hover, h1 a:hover { color: #00CC00; background: inherit;margin:0px;}

h2 { font: normal 1.2em Arial, Sans-Serif; letter-spacing: -1px;font-weight:bold;margin:0px;}

h3 {text-align:left;background: #7f7f7f;color: #FFF;font: bold 1.0em Tahoma, Arial, Sans-Serif;border-right: 10px solid #00CC00;border-left: 10px solid #00CC00;text-indent:2px;margin:0px;}

p {margin: 0 0 5px 0; }
ul {margin: 0; padding : 0; list-style: none; }
ul li a{text-decoration:none;}
form { margin: 0; }

#detail li{list-style: none;}

a.img:link, a.img:active, a.img:visited, a.img:hover { text-decoration: none; }


/* layout
   ------ */

.header { height: 80px;clear:both;background: #eee;color: #808080;margin: 3px 0;padding: 20px 0 10 0;border: 1px solid #00CC00;}

.top_info {float:right;width: 640px;padding: 2px 0 0px 0;background: #eee;color: #808080;margin: 3px 0;}
.top_info_left {width: 120px;float: left;padding-top:2px;text-align: center;}
.top_right {width:150px;float:right;margin:0 3 3px 0;background:url("/Templets/image/headright.gif") no-repeat left;padding-left:20px;line-height:;}
.sitetitle {float:left;width:450px;}


.search_field {height:20px;background: #fff; color: #808080;font-weight: bold;padding: 0px 0px 0px 0px;margin-top:3px;margin-bottom:3px;border: 1px dotted #ff3300;}
.search_field li{list-style-type:none;float:left;display:inline;margin-left:5px;}
.search_field li hotsearch {text-indent:5px;}

.search_form { float: right; }




#navigation{height:3.0em;line-height:1.4em;width:780px;margin:0 1px;background:#7f7f7f;color:#ffffff;clear:right;}
#navigation li{float:left;list-style-type:none;border-right:1px solid #ffffff;white-space:nowrap;}
#navigation li a{display:block;padding:0 5px;font-size:1.0em;font-weight:normal;
/*text-transform:uppercase;*/text-decoration:none;background-color:inherit;color: #ffffff;}
* html #navigation a {width:1%;}
#navigation .selected,#navigation a:hover{background:#cc9966;color:#ffffff;text-decoration:none;}




/* headmenu CSS*/

#underlinemenu{padding: 0;}
#underlinemenu ul{margin: 0;margin-bottom: 1em;padding-left: 0;float: left;font-weight: bold;width: 100%;border: 1px solid #DFDFDF;border-width: 1px 0;}
html #underlinemenu ul{ /*IE only rule. Delete extra margin-bottom*/margin-bottom: 0;}
#underlinemenu ul li{display: inline;}
#underlinemenu ul li a{float: left;color: gray;font-weight: bold;padding: 2px 6px 4px 6px;text-decoration: none;background: white url(media/menudivide.gif) top right repeat-y;}
#underlinemenu ul li a:hover{color: black;background-color: #F3F3F3;border-bottom: 4px solid black;padding-bottom: 0;}


/*popup image css*/

.thumbnail{position: relative;z-index: 0;}

.thumbnail:hover{background-color: transparent;z-index: 20;}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/border-width: 0;padding: 2px;}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/visibility: visible;top: 0;left: 80px; /*position where enlarged image should offset horizontally */}


.title {text-align:left;background: #7f7f7f;color: #FFF;padding: 1px 0 1px 0px;font: bold 1.0em Tahoma, Arial, Sans-Serif;border-right: 10px solid #00CC00;border-left: 10px solid #00CC00;text-indent:2px;margin:0;}


#piclist {text allign: center;margin-top:3px;margin-left:3px;clear:right;}
#piclist ul{text-allign:center;margin-left:5px;}
#piclist ul li{width:120px;float: left;padding: 0 0 0px 0;margin: 3 0 2px 0;}
.name{text-align:center;padding:1 1 1px 1;}
.screen{width:120px;text-align:center;margin-right:3px;padding:1 1 1px 1;}
.catergy{font-weight:800;}
	


#piclist h3{background: #6C757A  url(corner.gif) no-repeat top right;color: #FFF;padding: 7px 0 7px 5px;font: bold 1em Tahoma, Arial, Sans-Serif;margin: 0 0 3px 0;}

.hotsearch{font-size: 130%;}



/*--about two layer in same height--*/

#wrap{
        width: 780px;
        margin: 0 auto;
        overflow: hidden;
}

#sideleft{
        border: 1px solid #00CC00;        
        width: 200px;
        float: left;        
        background: #F0F0F0;
        text-align: left;
        margin-right:3px;
        margin-bottom:3px;
}

#sideleft ul,#sideleft h4{
        margin-left:2px;
}
#sideleft ul li{
        padding-left:4px;
}

#sideright{
        border: 1px solid #00CC00;  
        width: 573px;
        float: left;
        background: #FFF;
        text-align: center;
        
         }
#soderight li {
                 padding-left: 20px;
}

/* easy clearing */
#wrap:after
        {
        content: '[DO NOT LEAVE IT IS NOT REAL]'; 
        display: block; 
        height: 0; 
        clear: both; 
        visibility: hidden;
        }
#wrap
        {
        display: inline-block;
        }
/*\*/
#wrap
        {
        display: block;
        }
/* end easy clearing */
/*\*/
#sideleft, #sideright
        {
        padding-bottom: 32767px !important;
        margin-bottom: -32767px !important; 
        }
@media all and (min-width: 0px) {
#sideleft, #sideright
        {
        padding-bottom: 0 !important;
        margin-bottom: 0 !important; 
        }
#sideleft:before, #sideright:before
        {
        content: '[DO NOT LEAVE IT IS NOT REAL]';
        display: block;
        background: inherit;
        padding-top: 32767px !important;
        margin-bottom: -32767px !important;
        height: 0;
        }
}

.distitle {background:;color: #ff3300;padding: 1px 1 1px 1px;font: bold 1em Tahoma, Arial, Sans-Serif;margin: 2 4 2px 2;}

#footer {background: #fff;border: 1px solid #00CC00;text-align:center;text-decoration: none;line-height: 1.3em;float: left;width:778px;}
#footer a { color: #808080; background: #fff; }

.detail {width:553px;background: #fff;margin-bottom:10px;margin-top:10px;text-align:left;padding-left:10px;padding-top:10px;padding-bottom:10px;}
.detail img{}

/*--fieldset--*/
form fieldset{
	background-color:#fff9e7;
	
	border-width:2px;
	border-style:solid;
	border-color:#7c5b47;
	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
		
	margin:20px 0px 20px 0px;
	width:450px;
	position:relative;
	display:block;
	padding: 0px 10px 10px 10px;
}

form fieldset legend{	
	background-color:#7c5b47;
	
	border-width:1px;
	border-style:solid;
	border-color:#7c5b47;
	
	color:#ffcc99;
	font-weight:bold;
	font-variant:small-caps;
	font-size:110%;
		
	padding:2px 5px;
	margin:0px 0px 10px 0px;
	position:relative;
	top: -12px;
	
}
	 
form fieldset legend img{
	padding:0px 5px 0px 5px;	
}

label{
	font-size:100%;
	
	display:block;
	float:left;
	width:100px;
	text-align:right;
	margin:6px 5px 0px 0px;
}

.button{
	background-color:#fff9e7;
	margin-left:200px;
	border-width:1px;
	border-style:solid;
	border-color:#7c5b47;
	float:right;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
           

}

/*--some customize css--*/
.propic {margin-left:130px;}