@charset "utf-8";
/* CSS Document */


body{margin:0px;padding:0px; font-family:Arial, Helvetica, sans-serif; color:#595958; font-size:12px; line-height:26px; text-align:justify;}
#top{height:150px; margin:0px auto 0px; width:970px;}
#logo{width:215px; height:75px; float:left; margin:15px 0px 15px;}
#headerlink{ margin-top:40px; float:right; font-family:Arial;color:#7c7c7c; }
#headerlink a{font-family:Arial;color:#7c7c7c;  font-size:11px; text-decoration:none; letter-spacing:1px;}
#headerlink a:hover{ text-decoration:underline;}
#bannersection{width:970px; margin:0px auto;}
#clear{ clear:both;}
#navmenu{ background:url(../images/menubg.jpg) repeat-x; height:46px;}
img{border:0px;}


#content{min-height:300px; }
.content5{border:1px solid #efefef; padding:10px;}
#footer{ height:150px; background:url(../images/footerbg.jpg) repeat-x; font-family:Verdana; line-height:15px; color:#ddd; font-size:11px; margin-top:10px;}
#footer .section{ width:970px; margin:0px auto;}
#footer .section .left{ float:left; width:700px; padding-top:50px; padding-left:20px;}
#footer .section .left a{ text-decoration:none; font-family:11px; margin:14px; color:#fff;}
#footer .section .left a:hover{ text-decoration:underline; font-family:11px; margin:14px;}
#footer .section .right{ float:right; width:220px; font-family:11px;}
#footer h3{ font-family:arial; color:#fff; font-size:14px;}
#detail{min-height:580px; overflow:hidden; width:970px; margin:0px auto 0px; background:url(../images/detailbg.jpg) repeat-x top; }
#detail h1{ font-family:verdana; font-size:18px; height:30px; color:#000; background:url(../images/h1footer.jpg) repeat-x bottom; }

#detail5{min-height:300px; overflow:hidden; width:970px; margin:0px auto 0px; background:url(../images/detailbg.jpg) repeat-x top; }
#detail5 h1{ font-family:verdana; font-size:18px; height:30px; color:#000; background:url(../images/h1footer.jpg) repeat-x bottom; }
#detail5 .left{width:450px; float:left; }
#detail5 .right{width:470px; float:right; margin-top:5px;}
#detail2{min-height:600px; width:970px; margin:0px auto 0px; background:url(../images/detailbg2.jpg) repeat-x top; }
#detail2 h1{ font-family:verdana; font-size:18px; height:30px; color:#000; background:url(../images/h1footer.jpg) repeat-x bottom; }
#detail2 .left{ float:left; width:230px; margin-left:20px;}
#detail2 .right{ float:right; margin-right:20px; width:650px; min-height:600px;}

#detail .left{width:450px; float:left; }
#detail .right{width:470px; float:right; margin-top:35px;}
#more{color:#1a75d5;float:right; margin-top:-15px;text-decoration:none;}
#more a{ text-decoration:none;}
#more a:hover{ text-decoration:underline;}
.pname { font-family:tahoma; font-size:12px; color:#15A7D7; font-weight:bold; letter-spacing:1px;}
.pname2 { font-family:tahoma; font-size:12px; color:#fca330; font-weight:bold; letter-spacing:1px;  background:url(../images/lines.jpg) repeat-x; }
.pname3 { font-family:tahoma; font-size:13px; color:#262727; font-weight:bold; letter-spacing:1px;  margin:10px 0px; height:30px;  background:url(../images/lines.jpg) repeat-x; padding-left:10px; }
.pname span{ font-family:tahoma; font-size:12px; color:#393939; font-weight:bold; letter-spacing:1px;}
#wrapdiv{ background:url(../images/wrappermid.jpg) repeat-x; height:23px;}
#detail2 .right ul{ list-style: none outside none;
    margin: 0;
    padding: 0;}
	
	#detail2 .right li{ background:url(../images/orange_arrow.jpg) no-repeat left 12px; padding-left:15px;}
	
	#detail2 .left ul{ list-style: none outside none;
    margin: 0;
    padding: 0;}
		#detail2 .left li{background:url(../images/orange_arrow.jpg) no-repeat left 10px; color:#333; padding-left:15px; border-bottom:1px dashed #e2e2e2;}
		#detail2 .left li a{  text-decoration:none; color:#333;}
		#detail2 .left li a:hover{  text-decoration:none;;padding-left:5px;  color:#15a7d7;}
		#detail2 .right .prod {border:1px solid #f6f6f6; min-height:140px; padding:10px; overflow:hidden;}
		
		#detail2 .right .prod ul{ list-style: none outside none;
    margin: 0;
    padding: 0; }
	
	#detail2 .right .prod li{ width:200px;  padding:10px; display:inline; background:#F0F0F0  left 12px;}
	#detail2 .right .prod .name{ width:207px;  float:left;}
	
	
		#detail2 .right .number{ float:right}
		
		#detail2 .right .number ul{list-style: none outside none;
    margin: 15px 0px 15px 0px;
    padding: 0; }
 .act{ background-color:#fff !important;; border:0px  !important;; font-weight:bold;}
	
	#detail2 .right .number li{ width:200px; color:#000; margin:5px;  padding:5px; display:inline; border:1px solid #E2E2E2; background:#F0F0F0  left 12px;}
	#detail2 .right .number li a{ width:200px; text-decoration:none;    display:inline;  background:#fff left 12px;}
	#detail2 .right .number li a:hover{ font-weight:bold;text-decoration:underline; color:#e36a08;   display:inline;background:#F0F0F0;  }
	
	
	
	

.first-p {
	margin-top: 0;
}

.last-p {
	margin-bottom: 0;
}

.code {
	background: #ebebeb;
	border: 1px solid #cccccc;
	padding: 10px;
	font-size: 10px;
	color: #333333;
}

#wrapper {
	width: 450px;
	margin: 28px auto;
	height:239px;
}

#header {
	padding: 5px 20px;
	background: #333333;
	color: #cccccc;
	position: relative;
	margin: 0 0 20px 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

#header h1 {
	margin: 0;
	padding: 0;
	font-size: 20px;
	font-weight: normal;
}

#header p {
	margin: 0;
	font-weight: bold;
}


.container {
    margin-left: auto;
    margin-right: auto;
    margin-top: 5px;
    width: 100%%;
}

/* common and top level styles */
#nav span {
    display: none;
}
#nav, #nav ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
#nav {
   margin-bottom:-50px;
	background:url(../images/menubg.jpg) repeat-x;
   
    float: left;
   
    position: relative;
    width: 970px;
}
#nav ul.subs {
    background-color: #FFFFFF;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
    color: #333333;
	background:#fdfdfd;
	border:1px solid #e3e3e3;
    display: none;
    left: 0;
    padding:10px;
    position: absolute;
    top: 40px;
	z-index:500;
    width:950px;;
}
#nav > li {
    border-bottom: 5px solid transparent;
    float: left;
    margin-bottom: -5px;
    text-align:center;
    -moz-transition: all 300ms ease-in-out 0s;
    -ms-transition: all 300ms ease-in-out 0s;
    -o-transition: all 300ms ease-in-out 0s;
    -webkit-transition: all 300ms ease-in-out 0s;
    transition: all 300ms ease-in-out 0s;
}
#nav li a {
    display: block;
    text-decoration: none;
	width:116px;
    -moz-transition: color 450ms ease-in-out 0s, background-color 450ms ease-in-out 0s;
    -ms-transition: color 450ms ease-in-out 0s, background-color 450ms ease-in-out 0s;
    -o-transition: color 450ms ease-in-out 0s, background-color 450ms ease-in-out 0s;
    -webkit-transition: color 450ms ease-in-out 0s, background-color 450ms ease-in-out 0s;
    transition: color 450ms ease-in-out 0s, background-color 450ms ease-in-out 0s;
    white-space: normal;
}
#nav > li > a {
    color: #fff;
    display: block;
    font-size: 13px;
	font-family:Verdana;
    height: 32px;
    padding: 10px 6px 0px 15px;
   
}
#nav > li:hover > a, #nav > a:hover {
    background-color: #0b4496;
    color: #FFFFFF;
}
#nav li.active > a {
   
    color: #FFFFFF;
}

/* submenu */
#nav li:hover ul.subs {
    display: block;
}
#nav ul.subs > li {
    display: inline-block;
    float: left;
    padding: 10px 10px;
    vertical-align: top;
    width: 450px;
}
#nav ul.subs > li a {
    color: #898888;
	background:url(../images/marker.png) no-repeat left 7px;
	padding-left:12px;
    line-height: 25px;
	width:210px;
	text-align:left;
}
#nav ul li a:hover {
    color: #F55856;
	text-decoration:underline;
}
#nav ul.subs > li > a {
    font-size: 15px;
	color:#000;
	font-weight:bold;
	text-decoration:none !important;
	background:url(../images/marker.png) no-repeat left 7px !important;
	cursor:default;
	
	text-align:left;
	width:200px;
    margin-bottom: 10px;
    
}
#nav ul.subs > li li {
    float: left;
    padding-left: 0px;
	
    -moz-transition: padding 150ms ease-out 0s;
    -ms-transition: padding 150ms ease-out 0s;
    -o-transition: padding 150ms ease-out 0s;
    -webkit-transition: padding 150ms ease-out 0s;
    transition: padding 150ms ease-out 0s;
}
#nav ul.subs > li li:hover {
    padding-left: 0px;
}

/* responsive rules */
@media all and (max-width : 980px) {
    #nav > li {
        float: none;
        border-bottom: 0;
        margin-bottom: 0;
    }
    #nav ul.subs {
        position: relative;
        top: 0;
    }
    #nav li:hover ul.subs {
        display: none;
    }
    #nav li #s1:target + ul.subs,
    #nav li #s2:target + ul.subs {
        display: block;
    }

    #nav ul.subs > li {
        display: block;
        width: auto;
    }
}


table{width:auto; font-family:arial; font-size:12px; color:333;}
.grid_table table{
border:1px solid #f5f5f5;
border-collapse:collapse;
}
.grid_table td{ border:1px solid #f5f5f5; height:20px; padding:6px; text-align:center; color:#666;}
.grid_table th{ border:1px solid #f5f5f5; background-color:#F9F9F9; height:20px; padding:6px; text-align:center; color:#666;}
.grid_table tr.even{
    background:#fdffd;
}
.grid_table tr.odd{
    background:#f8f8f8;
}



 #tabs {
    overflow: hidden;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
  }

  #tabs li {
    float: left;
    margin: 0 3px 0 0;
	padding-left: 0px !important;
	
	background:#fff !important;
  }

  #tabs a {
    float: left;
    position: relative;
    padding: 0 5px;
    height: 0;
    line-height: 30px;
	height:30px;
    text-transform: capitalize;
    text-decoration: none;
    color: #000;      
    border-right: 1px solid #cdcdcd;
	 border-top: 1px solid #cdcdcd;
	 
	 border-radius:3px;
	  border-left: 1px solid #cdcdcd;
    border-bottom:0px solid #cdcdcd;
    border-bottom-color: #777\9;
    opacity:1;
    filter: alpha(opacity=30);  
	t
  }

  #tabs a:hover,
  #tabs a:focus {
    border-bottom-color: #2ac7e1;
	
    opacity: 1;
    filter: alpha(opacity=100);
  }

  #tabs a:focus {
    outline: 0;
  }

  #tabs #current {
    z-index: 3;
       border-right: 1px solid #b8b6b6;
	 border-top: 1px solid #b8b6b6;
	  border-left: 1px solid #b8b6b6;
    border-bottom:0px solid #e3e2e2;
	background-color:#eaeaea;
	height:30px;
    opacity: 1;
    filter: alpha(opacity=100);      
  }

  /* ----------- */
 

  /* Demo page only */
  #about {
      color: #999;
      text-align: center;
      font: 0.9em Arial, Helvetica;
  }

  #about a {
      color: #777;
  }