/* CSS Document */

	

body {
	/*background:url(images/bg.jpg) repeat top #001422;*/
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #CCCCCC;
	background-color:#000000;
	margin-left:0;
	margin-right:0;
	margin-bottom:0;
	margin-top:0;
	

}

#wrapper {
	position: relative;
	width: 900px;
	background: #4D4948;
	margin: 0 auto;
	text-align: left;
}

#top-ruler{ height:5px; clear:both; color:#8F8F8F; background:url(images/index_02.gif) top repeat-x;}

#top{ height:111px; clear:both; }

#top .logo{float:left; width:155px; height:111px; padding-right:11px;}

/*#top .menu{float:left; width:155px; height:111px;}*/

#top .version{ width:721px; float:left; height:79px;}
#top .m-line{ width:1px; height:27px; float:left;}

/*- Menu Tabs J--------------------------- */

    #top .menu {
      float:left; height:32px; font-size:12px; color:#FFFFFF;
	 
      /*background: url(images/m-bg.jpg) top repeat-x;*/ background-color:#668B2B;
     
     /* font-size:103%;*/ padding-left:7px; padding-right:7px;
	  font-weight:bold;
      line-height:normal;
	  
      }
    #top .menu ul {
	margin:0;
	padding:5px 7px 0 7px;
	list-style:none;
      }
    #top .menu li {
      display:inline;
      margin:0;
      padding:0;
      }
    #top .menu a {
      float:left;
	   
      /*background:url("images/tableftJ.gif") no-repeat left top;*/
      margin:0;
      padding:0 0 0 5px;
      text-decoration:none;
      }
    #top .menu a span { padding:5px;
      float:left;
      display:block;
	   
      /*background:url("images/tabrightJ.gif") no-repeat right top;*/
      /*padding:5px 15px 4px 6px;*/
      color: #FFFFFF;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
   #top .menu a span {float:none;}
    /* End IE5-Mac hack */
    #top .menu a:hover span { /*background:url(images/m-bg-over.jpg) top repeat-x;*/ background-color:#7ebe21;
      color:#FFF;
      }
    #top .menu a:hover {
      background-position:0%;
      }
    #top .menu a:hover span {
      background-position:0%;
      }
#ruler2{ height:5px; clear:both; background:url(images/index_13.gif) top repeat-x;}

#banner{height:300px; width:400px; clear:both;}

#banner1{height:100%; width:150px; clear:both;}

#product{width:485px;  padding:0 0 0 5px;}

#product .head{ clear:both; height:15px;  padding:0px 0 10px 0;}

#product .tail{clear:both; height:73px; background: url(images/index_54.jpg) top right no-repeat;}



#product .head td{color:#FFFFFF; font-weight:bold;}

#product .name{clear:both; height:8px;    color:#FFFFFF; padding:5px 0 7px 0px; float:left;}

.mob{clear:both; height:8px; width:185px;    color:#FFFFFF; padding:5px 0 7px 0px; float:left;}

#product .name ul{margin:0; padding:5px 0 5px 0px;}

#product .name li{ list-style-image:url(images/index_26.gif); list-style-position:inside; font-size:11px; font-weight:bold; line-height:8px;}

#product .name a{color:#000000;}

#product .name a:link, a:visited{color:#999999; text-decoration:none;}

#product .name a:hover, a:active{color:#CCCCCC; text-decoration:none;}

#condent{ width:480px; padding-left:5px; padding-right:5px; float:left; padding-top:10px;}
#condent1{ width:730px; padding-left:5px; padding-right:5px; float:left; padding-top:10px;}
h1{ padding-left:0px; color:#FFFFFF; font-size:14px; display:inline;}
#img {padding:10px; clear:both;}
#footer{ height:85px; clear:both;}
#footer .link{ padding-top:5px; height:25px;}
#footer .link a{color:#999999;}
#footer .link a:link, a:visited{ color:color:#999999; text-decoration:none;}
#footer .link a:hover, a:active{color:#CCCCCC; text-decoration:none;}