body {background:url(../image/top-bg.jpg) repeat-x #FFFFFF; margin:0px; padding:0px;}
.clear {clear:both; outline:none;}


#main {width:1170px; height:auto; margin:auto; color:#FFFFFF;}


#mainheader {width:1170px; height:90px;}
#mainheader .logo{float:left; width:490px; height:70px; margin-top:-20px;}
#mainheader .logo h1 {font-family:"Sakkal Majalla"; font-size:54px; color:#fff;}
#mainheader .right { float:right; width:680px; height:auto;}
#mainheader .right .topmenu {width:auto; height:45px; padding:0px 10px 10px 10px; float:right; background:#019a40; font-family:"Sakkal Majalla"; font-size:18px; color:#660066; border-radius:8px; margin-top:-10px;}

#mainheader .right .search .input {width:340px; height:32px; border:solid #CCCCCC 1px; background:#003f1a; border-radius:8px; color:#FFFFFF; clear:both;}


#maincenter {width:1150px; height:600px; background:#FFFFFF; color:#000000; border-radius:8px 8px 8px 8px; padding:10px;}
#maincenter .left {width:270px; height:auto; float:left;}
#maincenter .left .image {width:250px; height:25px; font-family:Arial, Helvetica, sans-serif; font-size:20px; font-weight:bold; padding:10px; background:#05a647; color:#FFFFFF; border-radius:8px;}
#maincenter .left .menu {width:270px; height:auto;}
#maincenter .left .add {border:#019a40 solid 2px; border-radius:5px;}

/*-------------------------right------------------------------*/
#maincenter .right {width:862px; height:auto; float:right;}
#maincenter .right .slider {width:860px; height:357px; border:solid #434343 2px; margin-bottom:10px;}
#maincenter .right .product {width:255px; height:auto; padding:5px; float:left; border: solid #cecdcd 1px; margin:5px 5px 5px 8px; border-radius:5px;}
#maincenter .right .product .img {width:180px; height:195px; margin-left:40px;}
#maincenter .right .product .h1 {font-family:Arial, Helvetica, sans-serif; font-size:15px; line-height:18px; color:#04a546; padding-left:20px;}
#maincenter .right .product .h2 {font-family:Arial, Helvetica, sans-serif; font-size:15px; line-height:18px; color:#313131; padding-left:20px;}
#maincenter .right .product .deatil {margin-left:20px;}
#maincenter .right .product a {color:#009933; text-decoration:underline; font-family:Oak; font-size:16px;}
#maincenter .right .product a:hover {color:#009933; text-decoration:none; font-family:Oak; font-size:20px;}

#maincenter .right .homecontant {width:840px; height:auto; padding:10px; border:solid #CCCCCC 1px; font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:18px; text-align:justify; border-radius:8px; margin-bottom:10px;}

#maincenter .right .homecontant h3{font-family:"Sakkal Majalla"; font-size:30px; color:#660066; font-weight:bold;}


/*-------------------------footer---Start-----------------------------*/
#mainfooter {width:auto; height:80px; background:#019a40; border-top:solid #003f1a 5px;}
#mainfooter .footer {width:1170px; height:80px; background:#003f1a; color:#FFFFFF; margin:auto;}
#mainfooter .footer .footer1{width:600px;height:80px;float:left;  font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; margin-left:400px;}
#mainfooter .footer .footer1 ul {list-style:none; float:left;}
#mainfooter .footer .footer1 ul li {margin:20px 0px 0px 4px; float:left;}
#mainfooter .footer .footer1 ul li a {text-decoration:none; color:#FFFFFF;}
#mainfooter .footer .footer1 ul li a:hover {color:#fff; text-decoration:underline;}


#maincopyright {width:auto; height:50px; background:#00240f;}
#maincopyright .copyright {width:1170px; height:10px; margin:auto; padding:20px;  font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal;}

#maincopyright .copyright .copy {float:left; color:#fff; width:500px; height:20px;}
#maincopyright .copyright .copy1 {float:right; color:#fff; height:20px;}
#maincopyright .copyright .copy1 a { color:#a4a2a2; text-decoration:none;}
#maincopyright .copyright .copy1 a:hover { color:#04a547; text-decoration:none;}


span1.dropt {}
span1.dropt:hover {text-decoration: none; background: #ffffff; z-index: 36; }
span1.dropt span1 {position: absolute; left: -9999px;
  margin: 20px 0 0 0px; padding: 3px 3px 3px 3px;
  border-style:solid; border-color:black; border-width:1px; z-index:36;}
span1.dropt:hover span1 {left:5%; background: #ffffff;} 
span1.dropt span1 {position: absolute; left: -9999px;
  margin: 4px 0 0 0px; padding: 3px 3px 3px 3px; 
  border-style:solid; border-color:black; border-width:2px;}
span1.dropt:hover span1 {margin: 0px 0px 0px 258px; background: #ffffff; z-index:36;} 


span2.dropt {}
span2.dropt:hover {text-decoration: none; background: #ffffff; z-index: 36; }
span2.dropt span2 {position: absolute; left: -9999px;
  margin: 20px 0 0 0px; padding: 3px 3px 3px 3px;
  border-style:solid; border-color:black; border-width:1px; z-index:36;}
span2.dropt:hover span2 {left:5%; background: #ffffff;} 
span2.dropt span2 {position: absolute; left: -9999px;
  margin: 4px 0 0 0px; padding: 3px 3px 3px 3px; 
  border-style:solid; border-color:black; border-width:2px;}
span2.dropt:hover span2 {margin: 0px 0px 0px 538px; background: #ffffff; z-index:36;} 

span3.dropt {}
span3.dropt:hover {text-decoration: none; background: #ffffff; z-index: 36; }
span3.dropt span3 {position: absolute; left: -9999px;
  margin: 20px 0 0 0px; padding: 3px 3px 3px 3px;
  border-style:solid; border-color:black; border-width:1px; z-index:36;}
span3.dropt:hover span3 {left:5%; background: #ffffff;} 
span3.dropt span3 {position: absolute; left: -9999px;
  margin: 4px 0 0 0px; padding: 3px 3px 3px 3px; 
  border-style:solid; border-color:black; border-width:2px;}
span3.dropt:hover span3 {margin: 0px 0px 0px -22px; background: #ffffff; z-index:36;} 


span.dropt {}
span.dropt:hover {text-decoration: none; background: #ffffff; z-index: 36; }
span.dropt span {position: absolute; left: -9999px;
  margin: 20px 0 0 0px; padding: 3px 3px 3px 3px;
  border-style:solid; border-color:black; border-width:1px; z-index:36;}
span.dropt:hover span {left:5%; background: #ffffff;} 
span.dropt span {position: absolute; left: -9999px;
  margin: 4px 0 0 0px; padding: 3px 3px 3px 3px; 
  border-style:solid; border-color:black; border-width:2px;}
span.dropt:hover span {margin: 0px 0px 0px -22px; background: #ffffff; z-index:36;}