﻿/* ***************************
   LEFT SDMENU SETTINGS
   ***************************/
div.sdmenu {
 width: 186px;
 font-size: 12px;
 color: #fff;
 float: left;
 display: block;
 margin-top: 0px;
 margin-right: 0px;
 margin-bottom: 2px;
 margin-left: 0px;
 padding: 0px;
}
div.sdmenu div {
 overflow: hidden;
 background-color: #719f15;
}
div.sdmenu div:first-child {
 background-color: #719F15;
}
div.sdmenu div.collapsed {
	height: 25px;
}
div.sdmenu div span {
 display: block;
 padding: 5px;
 font-weight: bold;
 color: #000000;
 cursor: default;
 background-image: url(../images/expanded.gif);
 background-repeat: no-repeat;
 background-position: right center;
 border-top-width: 1px;
 border-top-style: solid;
 border-top-color: #000000;
}
div.sdmenu div.collapsed span {
 background-image: url(../images/collapsed.gif);
}
div.sdmenu div a {
 display: block;
 color: #CCC;
 background-color: #141414;
 border-bottom-width: 1px;
 border-bottom-style: solid;
 border-bottom-color: #333;
 padding-top: 5px;
 padding-right: 10px;
 padding-bottom: 5px;
 padding-left: 5px;
}
div.sdmenu div a:hover {
 color: #8ec322;
 text-decoration: none;
 background-image: url(../images/bullet_arrowGreen.gif);
 background-repeat: no-repeat;
 background-position: left 1px;
 text-indent: 5px;
}
div.sdmenu div a.active {
 padding-left:15px;
 color:#8ec322;
 background-image: url(../images/bullet_arrowGreen.gif);
 background-repeat: no-repeat;
 background-color: #1a1a1a;
}


/* ***************************
   CONTENT SETTINGS
   ***************************/

#content {
 width:1000px;
 display: block;
 margin-top: 0px;
 margin-right: auto;
 margin-bottom: 0px;
 margin-left: auto;
 height: auto;
 background-color: #000000;
}
#breadcrumbs  {
 width: 98%;
 margin-top: 0px;
 margin-right: auto;
 margin-bottom: 0px;
 margin-left: auto;
 padding-top: 5px;
 padding-right: 1%;
 padding-bottom: 5px;
 padding-left: 1%;
 float: left;
 display: block;
	
}
#breadcrumbs p {
 color: #4D9900;
 padding: 0px;
 margin: 0px;
}

#content #breadcrumbs a {
 color: #4D9900;
}



/* ***************************
   HOMEPAGE MAINCONTENT SETTINGS
   ***************************/

.maincontent {
 width:1000px;
 clear:both;
 margin:0 auto;
 overflow:hidden;
}

.maincontent .sidecontent {
 float:left;
 width:190px;
 padding: 0px;
 margin-top: 0px;
 margin-bottom: 5px;
 margin-right: 0px;
 margin-left: 5px;
}
.sidecontent {
 width: 195px;
 float: left;
 height: auto;
 margin: 0px;
 padding: 0px;
}



.sidecontent ul li a {
 display:block;
 text-decoration:none;
 text-align: left;
 font-size: 12px;
 padding: 5px;
 margin: 0px;
}
.sidecontent li {
 float: left;
 display: block;
}

.sidecontent ul li a:hover,
.sidecontent ul li a:focus,
.sidecontent ul li a.active {
 padding-left:15px;
 color:#8ec322;
 background-image: url(../images/bullet_arrowGreen.gif);
 background-repeat: no-repeat;
 background-color: #1a1a1a;
}
.sidecontent .prod-1 {
 height: 20px;
 color: #000000;
 font-weight: bold;
 padding: 3px;
 width: 178px;
 text-align: left;
 font-size: 12px;
 background-color: #719f15;
 margin-top: 5px;
}
.sidecontent ul .cat-prod a {
 font-weight: normal;
 color: #FFF;
 border-bottom-width: 1px;
 border-bottom-style: solid;
 border-bottom-color: #333;
 height: 25px;
 padding-top: 5px;
 padding-right: 0px;
 padding-bottom: 0px;
 padding-left: 10px;
 width: 173px;
 background-color: #000000;
}


.sidecontent ul .cat-prod a.active,
.sidecontent ul .cat-prod a:hover,
.sidecontent ul .cat-prod a:focus{
 padding-left:15px;
 color:#8ec322;
 font-weight: normal;
 background-image: url(../images/bullet_arrowGreen.gif);
 background-repeat: no-repeat;
 background-position: 0px 2px;
 background-color: #141414;
 margin-bottom: 1px;
 width: 168px;
}
/*service left style*/
.sidecontent ul .cat-service a,
.sidecontent ul .cat-service a.active,
.sidecontent ul .cat-service a:hover,
.sidecontent ul .cat-service a:focus{ font-weight: normal; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #333333; line-height: 20px; padding-top: 5px; padding-right: 10px; padding-bottom: 5px; padding-left: 10px; background-color: #141414; margin: 0px; 
}
.sidecontent ul .cat-service a{
 padding-left: 10px;
 color: #CCCCCC;
 float: left;
 width: 170px;
}

.sidecontent ul .cat-service a.active,
.sidecontent ul .cat-service a:hover,
.sidecontent ul .cat-service a:focus{
 padding-left:15px;
 color:#8ec322;
 background-image: url(../images/bullet_arrowGreen.gif);
 background-repeat: no-repeat;
 background-position: 0px 2px;
 width: 165px;
}
.sidecontent     .service-1   a       {
 color: #000000;
 font-weight: normal;
 margin-bottom: 0px;
 width: 170px;
 text-align: left;
 font-size: 10px;
 background-color: #719f15;
 margin-top: 1px;
 height: 40px;
 line-height: 20px;
 padding-top: 5px;
 padding-right: 10px;
 padding-bottom: 2px;
 padding-left: 10px;
}
.sidecontent .service-1 a:hover {
 background-color: #FFCC00;
 color: #000000;
}


.sidecontent .service-1 strong {
 font-size: 13px;
 display: block;
}

/*service left style end*/
.section,#menubutten{
 font-size: 12px;
 float: left;
 display: block;
}
.section{
 width: 190px;
 border: 1px solid #666666;
 color: #FF9900;
 float: left;
 padding-top: 4px;
 padding-bottom: 4px;
 padding-left: 4px;
 padding-right: 0px;
}
#menubutten {
 float: left;
 height: auto;
 padding: 0px;
 width: 100%;
}


.section p {
 line-height: 24px;
 color: #FF6600;
}
.quote {
 line-height: 24px;
 width: 100%;
 float: left;
 margin: 0px;
 padding: 0px;
 color: #CCCCCC;
}

.quoteheader {
 height: auto;
 margin: 0px;
 padding: 8px;
 line-height: 24px;
 color: #CCCCCC;
}

.quotefooter {
	padding:2px 20px;
	padding-bottom:35px;
	background-image: url(../images/quotebottom.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	color: #CCCCCC;
}

.textsection {
 position:relative;
 width:787px;
 float: right;
}
.textsection h2 {
 color: #FF9900;
 font-size: 14px;
 width: 100%;
 display: block;
 float: left;
 margin: 0px;
 padding-top: 10px;
 padding-bottom: 10px;
}
.textsection  a.more {
	font-size: 11px;
	font-weight: normal;
	margin-left: 550px;
	text-decoration: none;
	color: #FF9900;
}
.textsection a.more:hover {
	color: #FFFFFF;
}



.textsection p {
	padding:0pt 10px 10px;
	color: #999999;
}
.textsection .banner {
 background-color: #141414;
 border: 1px solid #333333;
 background-position: right center;
 height: auto;
 background-repeat: no-repeat;
 width: 99%;
 float: left;
 margin-top: 0px;
 margin-bottom: 10px;
 margin-left: 0px;
 padding: 0px;
 margin-right: 1%;
}
.textsection .servicebanner {
 background-position: right center;
 height: auto;
 background-repeat: no-repeat;
 width: 765px;
 float: right;
 margin-top: 0px;
 margin-right: 5px;
 margin-bottom: 10px;
 margin-left: 5px;
 padding-top: 10px;
 padding-right: 0px;
 padding-bottom: 10px;
 padding-left: 0px;
 background-color: #000000;
 border: 1px solid #333;
}
.textsection .banner img,.textsection .servicebanner img {
 display: block;
 float: right;
 padding-right: 3px;
}
.textsection .banner  h1,.textsection .servicebanner  h1
   {
 height:15px;
 font-size: 20px;
 float: left;
 padding-top: 25px;
 padding-bottom: 30px;
 display: block;
 padding-left: 15px;
 font-weight: bold;
 width: 500px;
 color: #FFFFFF;
}

.textsection .banner p,.textsection .servicebanner p {
 font-size: 12px;
 font-weight: normal;
 float: left;
 width: 500px;
 display: block;
 color: #CCCCCC;
}
.item img,.itemCatalog img {
	padding:5px;
}
.quoteheader p {
 color: #CCCCCC;
}

.quoteheader strong {
 color: #719F15;
}



.item .cost {
 font-size:14px;
 color:#4D9900;
 padding-bottom:1px;
 padding-top:5px;
 height: 25px;
 display: block;
 text-align: center;
 text-decoration: none;
}

.item p {
	text-decoration: none;
	padding-top: 5px;
	padding-bottom: 5px;
	margin: 0px;
}

.item .title {
	font-size: 14px;
	color: #FFFFFF;
	margin: 0px;
	padding: 0px;
}

.item li a {
	background-color: #141414;
	border: 1px solid #333333;
	float: left;
	width: 100%;
	height: 100%;
	text-decoration: none;
	display: block;
	text-align: center;

}

.item   li   a:hover,.itemCatalog   li   a:hover  {
	background-color: #262626;
	border: 1px solid #333333;
}
.item ul,.item li,.itemCatalog ul,.itemCatalog li {
	float: left;
	margin: 0px;
	padding: 0px;
	display: block;
	float: left;
	width: 100%;
	height: auto;
}
.item .Introduction {
	font-size: 11px;
	font-weight: normal;
	color: #666666;
	text-align: left;
	line-height: 20px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #333333;
	margin-right: 5px;
	margin-left: 5px;
	margin-bottom: 5px;
}

.item li {
 width: 190px;
 padding: 0px;
 margin-top: 0px;
 margin-right: 2px;
 margin-bottom: 10px;
 margin-left: 2px;
}
.textsection .nowshow {
	font-size: 12px;
	color: #CCCCCC;
	font-weight: normal;
	padding-left: 20px;
}
.nowshow a.page {
	background-color: #719F15;
	padding-top: 2px;
	padding-right: 8px;
	padding-bottom: 2px;
	padding-left: 8px;
	margin-right: 4px;
	margin-left: 4px;
}
.nowshow      a.page:hover,.nowshow .now   {
	background-color: #FF9900;
	color: #000000;
	padding-top: 2px;
	padding-right: 8px;
	padding-bottom: 2px;
	padding-left: 8px;
	margin-right: 4px;
	margin-left: 4px;
}

/* ***************************
   itemCatalog list
   ***************************/


.itemCatalog li {
	width: 119px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 7px;
	margin-bottom: 7px;
	margin-left: 0px;
	text-align: center;
}
.itemCatalog p {
	text-decoration: none;
	margin: 0px;
	line-height: 22px;
	padding: 0px;
}
.itemCatalog li a {
	background-color: #141414;
	border: 1px solid #333333;
	float: left;
	width: 100%;
	height: 100%;
	text-decoration: none;
	display: block;
	text-align: center;

}
/* ***************************
   CAT_PROD SETTINGS
   ***************************/


.cat {
	margin-top: 4px;
}

/* ***************************
   SCHEDA_PROD SETTINGS
   ***************************/

.scheda-prod p strong {
	color:#FF9905;
	padding-bottom:5px;
	font-size:13px;
}

.scheda-prod>p {
	border-bottom:1px dotted #666;
	float:right;
	width:360px;
	padding: 10px 0;
}

.scheda-prod .item {
	background-color: #141414;
	border: 1px solid #666666;
}

.scheda-prod .item p {
	display:block;
	width:290px;
}

.scheda-prod .item img {
	padding: 5px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;


}

.scheda-prod .item p strong {
	color:#360;
	font-size:16px;
}

.scheda-prod .item .cart {
 display:block;
 width:96%;
 height:25px;
 float: left;
 background-color: #eaead6;
 margin-top: 8px;
 margin-bottom: 8px;
 padding: 2%;
}


.scheda-prod .item .cart p {
	padding:10px;
	width:120px;
	float:left;
	border:none;
	font-size:11px;
	line-height:24px;
	background:none;
	color: #4D9900;
	margin-right: 5px;
}

.scheda-prod .item .cart p strong { font-size:13px; }

.scheda-prod .item form {
	padding-top:8px;
	color: #000000;
}

.scheda-prod .item form label input {
	margin-left:10px;
	width:30px;
	padding:3px;
	text-align:right;
	border:1px solid #7f9db9;
}

.scheda-prod .item form .cartsend {
	margin-top:8px;
	width:158px;
	height:25px;
	border:none;
}

.scheda-prod .item .footer {
	position:relative;
	padding-right:322px;
	padding-bottom:8px;
	width:0;
	height:8px;
	background:url("../images/itembg.png") repeat-x 0 0;
	clear:both;
}
.scheda-prod #right{
 float: right;
 width: 440px;
 display: block;
 padding-left: 5px;
 margin: 0px;
 padding-top: 0px;
 padding-right: 0px;
 padding-bottom: 0px;
}
.scheda-prod    #right p  {
 color: #CCCCCC;
 margin-bottom: 5px;
 width: 100%;
 padding-top: 5px;
 padding-bottom: 5px;
 padding-right: 0px;
 padding-left: 0px;
}
.scheda-prod  #right strong {
	color: #719F15;
	line-height: 25px;
}
/* ***************************
   更多信息标签
   ***************************/
.readmore
 {
 display: block;
 float: left;
 margin-top: 10px;
 font-size: 12px;
 color: #CCCCCC;
 width: 100%;
 padding: 0px;
}
.readmore h3 {
 color: #719F15;
 font-size: 14px;
 display: block;
 border-bottom-width: 1px;
 border-bottom-style: solid;
 border-bottom-color: #333;
 margin-top: 0px;
 margin-right: 0px;
 margin-bottom: 10px;
 margin-left: 0px;
 padding-top: 10px;
 padding-right: 0px;
 padding-bottom: 10px;
 padding-left: 0px;
}
.readmore   a.top {
 font-size: 11px;
 font-weight: normal;
 text-decoration: none;
 color: #719F15;
 display: block;
 float: right;
 text-align: right;
}
.readmore ul {
 float: left;
 width: 100%;
 display: block;
 padding: 0px;
 margin: 0px;
}
.readmore   li  {
 width: auto;
 float: left;
 padding: 5px;
 margin: 5px;
 text-align: center;
}

.readmore img {
 margin: 0px;
 padding: 0px;
}

.readmore p {
 line-height: 24px;
 color: #CCCCCC;
}
.readmore strong {
 color: #FF9900;
}





.leftinfo {
	width:312px;
	top:55px;
	left:0;
	float: left;
}


.leftinfo>p {
	float:right;
	padding: 5px;
	width: 290px;
}

.leftinfo .enveloppe {
	width:290px;
	overflow: hidden;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #141414;
	text-align: center;
	float: left;
}
.textsection a.more:hover {
	color: #719F15;
}
a.bumenu:hover {
 background-color: #FF6600;
 color: #000000;
 border: 1px solid #333333;
}
a.bumenu {
 font-size: 12px;
 text-align: center;
 margin: 2px;
 text-decoration: none;
 background-color: #000000;
 display: block;
 float: left;
 border: 1px solid #666666;
 padding-top: 2px;
 padding-right: 5px;
 padding-bottom: 2px;
 padding-left: 5px;
 line-height: 20px;
}


.container {
 float:left;
 clear:left;
 width:98%;
 background-color: #f5f5f5;
 padding: 1%;
}
	
#rigth { width: 720px; float: right; background-color: #FFFFFF; padding: 5px; margin: 0px; 
}
#left { float:left; width: 200px; border: 1px solid #CCCCCC; padding: 5px; margin-right: 10px; background-color: #FFFFFF; margin-top: 0px; margin-bottom: 0px; margin-left: 0px; 
}
	.containWidth {
 width: 980px;
 margin-right: auto;
 margin-left: auto;
}
    
#banner {
 width: 980px;
 margin-right: auto;
 margin-left: auto;
 height: auto;
 margin-bottom: 10px;
 clear: left;
 float: left;
 padding: 0px;
 background-color: #f5f5f5;
}
.containWidth #banner img {
 float: right;
}

#banner  h1 {
 font-size: 20px;
 font-weight: bold;
 float: left;
 width: auto;
 color: #719F15;
 margin: 30px;
 font-family: Arial, "黑体";
 line-height: 40px;
}
.containWidth #banner p {
 color: #000000;
}
#left /*left style*/
 li  a  { text-decoration:none; text-align: left; font-size: 12px; margin: 0px; width: 100%; padding-top: 5px; padding-bottom: 5px; float: left; padding-right: 0px; padding-left: 0px; 
}
#left li { float: left; display: block; width: 100%; list-style-type: none; 
}


#left ul li a:hover,
#left ul li a:focus,
#left ul li a.active {
	color:#360;
}

#left ul .cat-service a,
#left ul .cat-service a.active,
#left ul .cat-service a:hover,
#left ul .cat-service a:focus{ font-weight: normal; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CCCCCC; line-height: 20px; width: 180px; padding-top: 5px; padding-bottom: 5px; padding-right: 10px; padding-left: 10px; float: left; 
}
#left ul .cat-service a{
 color: #000000;
 background-color: #EEEEEE;
}

#left ul .cat-service a.active,
#left ul .cat-service a:hover,
#left ul .cat-service a:focus{ background-image: url(../images/bullet_arrowGreen.gif); background-repeat: no-repeat; background-position: right center; background-color: #F7F7F7; 
}
#left       .service-1     a        { color: #000000; font-weight: normal; text-align: left; font-size: 10px; margin-top: 1px; height: auto; line-height: 20px; padding-top: 5px; padding-bottom: 2px; float: left; width: 180px; background-color: #719f15; padding-right: 10px; padding-left: 10px; font-family: Arial; 
}

#left .service-1 a:hover {
 background-color: #FFCC00;
 color: #000000;
}


#left .service-1 strong {
 font-size: 13px;
 display: block;
}

/*left style end*/
/*service item*/
.ServiceItem img,.ServiceItemCatalog img {
 padding-top: 5px;
 padding-bottom: 5px;
 padding-right: 2px;
 padding-left: 2px;
}

.ServiceItem p {
 text-decoration: none;
 padding-top: 5px;
 padding-bottom: 5px;
 margin: 0px;
 color: #000000;
}
.ServiceItem .title {
 font-size: 12px;
 color: #CCCCCC;
 border-bottom-width: 1px;
 border-bottom-style: solid;
 border-bottom-color: #719F15;
 margin-top: 0px;
 margin-right: 0px;
 margin-bottom: 5px;
 margin-left: 0px;
 padding-top: 0px;
 padding-right: 0px;
 padding-bottom: 5px;
 padding-left: 0px;
}
.ServiceItem .title strong {
 font-size: 14px;
 color: #719F15;
 font-weight: bold;
}


.ServiceItem li a { text-decoration: none; display: block; width: 215px; margin: 0px; float: left; padding: 5px; background-color: #FFFFFF; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; height: 240px; 
}

.ServiceItem   li   a:hover,.ServiceItemCatalog   li   a:hover  {
 background-color: #E4E4E4;
 border-top-width: 1px;
 border-right-width: 1px;
 border-bottom-width: 1px;
 border-left-width: 1px;
 border-top-style: none;
 border-right-style: none;
 border-bottom-style: none;
 border-left-style: none;
}
.ServiceItem ul,.ServiceItem li,.ServiceItemCatalog ul,.ServiceItemCatalog li {
 padding: 0px;
 display: block;
 margin: 0px;
}
.ServiceItem .Introduction {
	font-size: 11px;
	font-weight: normal;
	color: #666666;
	text-align: left;
	line-height: 20px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #333333;
	margin-right: 5px;
	margin-left: 5px;
	margin-bottom: 5px;
}

.ServiceItem li { padding: 0px; float: left; margin-top: 0px; margin-right: 5px; margin-bottom: 10px; margin-left: 5px; 
}
.ServiceItem {
	float: left;
	width: 100%;
}

p  {
 font-size: 12px;
 line-height: 200%;
 font-weight: normal;
 color: #000000;
}
#rigth   h1  {
 font-size: 15px;
 font-weight: bold;
 color: #006600;
 margin-bottom: 10px;
 margin-top: 10px;
 border-bottom-width: 2px;
 border-bottom-style: solid;
 border-bottom-color: #006600;
 padding-bottom: 10px;
 float: left;
 display: block;
 width: 100%;
}

#rigth a {
 color: #006600;
 text-decoration: none;
}

#right a:hover {
	color: #55AC00;
}

#page {
 float: right;
 width: 100%;
 color: #006648;
 line-height: 25px;
 margin-top: 10px;
 border-top-width: 1px;
 border-top-style: solid;
 border-top-color: #CCCCCC;
 font-size: 12px;
}

.textsection #car table {
 background-color: #272727;
 border: 1px solid #999999;
 display: block;
 float: left;
 width: 700px;
}
.textsection   #car   td {
 color: #E6E6E6;
 padding: 5px;
}
.textsection  #car  .inputbutten {
 width: 80px;
 display: block;
 margin-top: 20px;
 margin-bottom: 20px;
 margin-left: 150px;
 float: left;
}

.textsection #car {
 float: right;
 width: 700px;
 display: block;
 margin-right: 40px;
}
.textsection  #carok  {
 width: 700px;
 height: 100px;
 background-color: #272727;
 border: 1px solid #999999;
 display: block;
 float: left;
 margin-top: 20px;
 margin-bottom: 20px;
 margin-left: 25px;
 padding: 20px;
}
