@charset "utf-8";
/* CSS Document */
body, div, ul, li, a, p, h1, h2, h3, h4, h5, h6{
padding: 0px;
margin: 0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: normal;
text-decoration: none;
font-style: normal;
ztext-align: justify;
}

body{
background-color:#4f7623;
width:100%;
}

#page{
margin:auto;
width: 1134px;
background-color:#faf9e5;
padding:0px 10px;
position: relative;
left: -21px;
}

.header{
width:1200px;
xheight:292px;
margin:auto;
fxloat:left;

}

.left{
float:left;
background-image:url(../images/header_left.png);
background-repeat:repeat-x;
width:882px;
height:292px;
xmargin-left:48px;
}

.right{
float:left;
background-image:url(../images/header.png);
background-repeat:no-repeat;
width:238px;
height:212px;
padding: 40px 40px;
}

.right img{
float:left;
margin-top: 90px;
}

.main_menu{
height: 72px;
margin: auto;
width: 1200px;

}

.main_menu img{
float: left;
position: relative;
left: -15px;
}

.menu{
background-image: url("../images/menu_bg.png");
background-repeat: repeat-x;
float: left;
height: 72px;
width: 1153px;
position: relative;
left: -15px;
}

.left_sidebar{
float:left;
bacxkground-color:#000099;
width:245px;
margin-right: 10px;
}

.left h1{
font-family:Forte;
font-size:48px;
float:left;
xmargin:324px 0px 0px 4px;
color:#517823;
}

.title p{
font-family:Forte;
font-size:48px;
float:left;
margin-top:234px;
color:#943f09;
}

.right_sidebar{
float:left;
bacxkground-color:#000099;
width:245px;
}

.middle{
float:left;
background-color:#f1f0de;
width:592px;
margin-right:10px;
padding: 14px 16px;
line-height: 20px;
}

.middle_category{
width:574px;
background-color:#d6d7d1;
float: left;
padding-left: 18px;
}

.middle_category h1{
float:left;
font-size:16px;
font-weight:lighter;
color:#666666;
font-family:"Times New Roman", Times, serif;
margin:14px 0px 0px 0px;
}

.middle_category img{
margin-left:0px;
}

.new{
float:left;
width:574px;
backgrxound-color:#0099CC;
}

.new_products{
background-color:#e8e8e5;
width:555px;
xheight:179px;
margin:10px 0px 0px 0px;
}

.available{
float:left;
width:574px;
backxground-color:#0099CC;
}

.available_products{
background-color:#e8e8e5;
width:561px;
margin:10px 0px 0px 0px;
}

.arrow{
float:left;
width:20px;
height:45px;
}

.arrow img{
margin-top:50px;
margin-left: 4px;
}

.new1{
float:left;
width:115px;
margin:15px 0px 0px 10px;
background-image: url(../images/new_bg.png);
background-repeat: no-repeat;
}

.new1 img{
margin-right: 6px;
}

.mid_available{
float:left;
width:548px;
xheight:240px;
backgrouxnd-color:#3399CC;
margin: 14px 10px 26px 6px;
}

.add{
float:left;
width:132px;
height:240px;
backgxround-color:#000099;
margin-right: 5px;
}

.icon{
width:127px;
height:120px;
margin: 5px 5px 0;
background-image:url(../images/icon_bg.png);
background-repeat: no-repeat;
padding-top:10px;
text-align:center;
}

.details{
float:left;
padding-left:22px;
}

.details h1{
font-family:Palatino Linotype;
font-size:13px;
clear:both;
color:#91b837;
}

.details h2{
font-family:Palatino Linotype;
font-size:13px;
clear:both;
color:#943f0a;
}

.details h3{
font-family:Palatino Linotype;
font-size:13px;
font-weight:bold;
clear:both;
color:#0a5798;
}

.button{
float:left;
margin: 8px 3px 3px;
}

.products{
float:left;
width:245px;
xheight:265px;
bacxkground-color:#99FF00;
margin-bottom: 6px;
}

.members{
float:left;
width:245px;
bacxkground-color:#99FF00;
margin-top:15px;
}

.quotation{
float:left;
width:245px;
bacxkground-color:#99FF00;
margin-bottom:21px;
}

.category{
width:225px;
float: left;
background-color:#91b633;
margin-bottom:8px;
padding: 5px 10px;
}

.items{
width:225px;
float: left;
background-color:#943f09;
padding: 5px 10px;
}

.search{
width:245px;
float:left;
backgroxund-color:#CCFF99;
margin-top: 10px;
}
.search img{
border: none;
}
.search_box{
width: 155px;
height: 26px;
float: left;
background-image: url(../images/search.png);
background-repeat: no-repeat;
border: none;
padding: 5px;
}

.special{
float:left;
width:245px;
background-color:#d6d7d1;
}

.cat_special{
float:left;
background-image:url(../images/special_bg.png);
background-repeat:repeat-x;
width:245px;
}

.sp{
float:left;
}

.sp h1{
color: #FFFFFF;
float: left;
font-size: 19px;
margin: 8px 0 2px 8px;
}

.discount{
float:right;
width:104px;
backxground-color:#FF9966;
}

.cat_special img{
float:right;
margin:-11px -9px 0px 2px;
}

.items_special{
float:left;
width:205px;
padding: 5px 20px;
}
.img_1{
float: left;
margin-bottom: 10px;
}
.items_special img{
}

.category h1{
font-size: 19px;
xmargin: 8px 0 2px 8px;
color:#FFFFFF;
text-align: center;
}

.items ul,.items li{
list-style:none;
float: left;

}
.items li{
padding: 5px 0px;
width: 100%;
border-bottom: 2px solid #454D2C;
list-style-image: url(../images/plus.png);
list-style-position: inside;
}

.items a{
color:#c4b7b1;
font-size:15px;
font-family:"Times New Roman", Times, serif;
}

.menu ul,.menu li{
list-style:none;
float:left;
}
.menu li{
padding: 10px 0px 0px 20px;
}

.menu a{
color:#ece9b2;
font-family:Algerian;
font-size:24px;
}

.footer{
float:left;
width:100%;
border-top: 5px solid #c9c9c9;
margin-top: 10px;
}

.fb,.tweet{
float:left;
width:77px;
height:68px;
}

.developer{
float:right;
width:295px;
height:68px;
}

.developer h1{
color:#527d23;
font-size:15px;
margin-top: 15px;
maxrgin-right:5px;
}
.developer a{
color: #527d23;
font-size: 15px;
}
.developer a:hover{
color: #FF0000 ;
}
.developer a:visited{
color: #0000FF;
}
.footer img{
border:none;
}
.cl{
clear: both;
}
.lxike{
width: 245px;
float: left;
height: 200px;
background-color: #0066CC;
margin-top: 10px;
}

.qbox_item{
float: left;
width: 229px;
border-bottom:2px dotted #666666;
padding: 5px 0px;
}

.order_quotation{float: left; margin-top: 5px;}
.qbox_item p{float: left; color: #FFFFFF; font-size: 14px;}
.qbox_item a{float: right;}


img{border: none;}
.top_row{
float:left;
line-height:24px;
}
.middle_top{
float: left;
}
.middle_top h1{
font-size:18px;
font-weight:bold;
}

li.inner{
list-style: none;
margin-left:20px;
width:204px; 
border: none; 
border-bottom:2px dotted #454D2C;}
li.last{border:none;}
.hidden{display: none;}
.cosmic_header{
float: left;
margin-top: 65px;
}
.man{
margin: 5px 0px;
width: 235px;
padding: 10px 5px;
float: left;
background-color: #99FF33;
}
.man a{
font-size: 14px;
font-weight: bold;
color: #FF0000;
text-decoration: blink;
}
#page1{
    width:1143px;
    float:left;
    background-color: #FFFFFF;
}
.current_middle{
float:left;
width:775px;
aheight:500px;
margin-right: 7px;
padding:5px;
background-color:#33CC66;}

.middle_details{
    width:775px;
    aheight:500px;
    float:left;
    background-color:#D6D7D1;
}
.middle_details img{
    float: left;
    padding-left: 10px;
}

.middle_details p{
width:760px;
float:left;
padding:10px;
font-size:14px;
line-height:20px;
}
.comment{
    float:  left;
    width: 765px;
    padding: 5px;
}

.middle_details_title{
width:765px;
background-color:#91B633;
float:left;
margin-top:10px;
padding-left:10px;}

.middle_details_title h2{
font-size:24px;
color:#FFFFFF;}

.current_sidebar{
width:334px;
aheight:500px;
float:left;
padding:5px;
background-color:#943F09;}

.current_news{
width:334px;
float:left;
background-color:#91B633;}

.current_news h1{
font-size:18px;
text-align:center;
color:#FFFFFF;}

.news_contain{
width:334px;
float:left;
line-height:20px;
text-align:justify;

}
.news_contain ul{
list-style:none;
float: left;}

.news_contain li{
list-style: inside square;
float: left;
}

.news_contain a{
font-size:16px;
color:#FFFFFF;}

.test{
  width:334px;
aheight:500px;
float:left;
padding:5px;
background-color:#943F09;
margin-top:10px;
}
.test_contain{
    width:334px;
float:left;
line-height:20px;
text-align:justify;
height:500px;
}

.test_contain ul{
list-style:none;
float: left;}

.test_contain li{
list-style:inside;
list-style-image: url(../images/3.png);
float: left;
}

.test_contain a{
 
font-size:16px;
color:#FFFFFF;
margin-right:120px;}

#nav {
        float: left;
        font: bold 12px Arial, Helvetica, Sans-serif;
        border: 1px solid #121314;
        border-top: 1px solid #2b2e30;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        overflow: hidden;
            width:332px;
        
}

#nav ul {
        margin:0;
        padding:0;
        list-style:none;
        
}

#nav ul li {
        float:left;
        
}

#nav ul li a {
        float: left;
        color:#d4d4d4;
        padding: 10px 20px;
        text-decoration:none;
        zbackground:#3C4042;
        zbackground: -webkit-gradient( linear, left bottom, left top, color-stop(0.09, rgb(59,63,65)), color-stop(0.55, rgb(72,76,77)), color-stop(0.78, rgb(75,77,77)) );
        zbackground: -moz-linear-gradient( center bottom, rgb(59,63,65) 9%, rgb(72,76,77) 55%, rgb(75,77,77) 78% );
        zbackground: -o-linear-gradient( center bottom, rgb(59,63,65) 9%, rgb(72,76,77) 55%, rgb(75,77,77) 78% );
        box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset, 0 0 5px rgba(0, 0, 0, 0.1) inset;
        border-left: 1px solid rgba(255, 255, 255, 0.05);
        border-right: 1px solid rgba(0,0,0,0.2);
        text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.6);
}
.year{float:left;
}


.add_menu_month{
    float:left;
}
.year li{
    float:left;
    margin-right: 100px;
    background-color:#999999;
    margin-top: 2px;

}
.year li:hover > a {
        color: #5C9ACD;}


#nav li ul {
        background:#5C9ACD2;
        background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.09, rgb(77,79,79)), color-stop(0.55, rgb(67,70,71)), color-stop(0.78, rgb(69,70,71)) );
        background-image: -moz-linear-gradient( center bottom, rgb(77,79,79) 9%, rgb(67,70,71) 55%, rgb(69,70,71) 78% );
        background-image: -o-linear-gradient( center bottom, rgb(77,79,79) 9%, rgb(67,70,71) 55%, rgb(69,70,71) 78% );
        border-radius: 0 0 10px 10px;
        -moz-border-radius: 0 0 10px 10px;
        -webkit-border-radius: 0 0 10px 10px;
        left: -999em;
        margin: 35px 0 0;
        position: absolute;
        width: 160px;
        z-index: 9999;
        box-shadow: 0 0 15px rgba(0, 0, 0, 0.4) inset;
        -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.4) inset;
        -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.4) inset;
        border: 1px solid rgba(0, 0, 0, 0.5);
}

#nav li ul a {
        background: none;
        border: 0 none;
        margin-right: 0;
        width: 120px;
        box-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        border-bottom: 1px solid transparent;
        border-top: 1px solid transparent;
}

#nav ul li a:hover,
#nav ul li:hover > a {
        zcolor: #5C9ACD;
        background:#5C9ACD;
        zbackground: -webkit-gradient( linear, left bottom, left top, color-stop(0.09, rgb(77,79,79)), color-stop(0.55, rgb(67,70,71)), color-stop(0.78, rgb(69,70,71)) );
        zbackground: -moz-linear-gradient( center bottom, rgb(77,79,79) 9%, rgb(67,70,71) 55%, rgb(69,70,71) 78% );
        zbackground: -o-linear-gradient( center bottom, rgb(77,79,79) 9%, rgb(67,70,71) 55%, rgb(69,70,71) 78% );
        text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2), 0 -1px #000;

}

#nav li ul a:hover,
#nav ul li li:hover > a  {
    color: #5C9ACD;
        background: #5C9ACD;
        background: -webkit-gradient( linear, left bottom, left top, color-stop(0.17, rgb(61,111,177)), color-stop(0.51, rgb(80,136,199)), color-stop(1, rgb(92,154,205)) );
        background: -moz-linear-gradient( center bottom, rgb(61,111,177) 17%, rgb(80,136,199) 51%, rgb(92,154,205) 100% );
        background: -o-linear-gradient( center bottom, rgb(61,111,177) 17%, rgb(80,136,199) 51%, rgb(92,154,205) 100% );
        border-bottom: 1px solid rgba(0,0,0,0.6);
        border-top: 1px solid #7BAED9;
        text-shadow: 0 1px rgba(255, 255, 255, 0.3);
}

#nav li:hover ul {
        left: auto;
}

#nav li li ul {
        margin: -1px 0 0 160px;
        -webkit-border-radius: 0 10px 10px 10px;
        -moz-border-radius: 0 10px 10px 10px;
        border-radius: 0 10px 10px 10px;
        visibility:hidden;
}

#nav li li:hover ul {
        visibility:visible;
}
#nav ul ul li:last-child > a {
        -moz-border-radius:0 0 10px 10px;
        -webkit-border-radius:0 0 10px 10px;
        border-radius:0 0 10px 10px;
}

#nav ul ul ul li:first-child > a {
        -moz-border-radius:0 10px 0 0;
        -webkit-border-radius:0 10px 0 0;
        border-radius:0 10px 0 0;
}