@import url('reset.css');
@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300&subset=latin,latin-ext);


body {background:#fff;color:#000;font-family:'Exo', sans-serif;font-weight:400;font-size:13px;}
.header {position:relative;}
.banner > li > img {width:100%;}
.header > .headerContainer {width:100%;position:absolute;top:0;z-index:99999;}
.container {width:1120px;height:auto;margin:0 auto;position:relative;}
.bannerControl {position:absolute;top:210px;width:100%;}
.bannerLeft {width:59px;height:59px;background:url(../images/bannerLeft.png);display:block;left:150px;position:absolute;}
.bannerLeft > .bx-prev {display:block;width:59px;height:59px;}
.bannerRight {width:59px;height:59px;background:url(../images/bannerRight.png);display:block;right:0;position:absolute;}
.bannerRight > .bx-next {display:block;width:59px;height:59px;}
.bx-viewport {min-width: 1120px;}

.mainMenu {position:absolute;width:auto;right:0;top:50px;border-bottom:1px solid #aeaeb2;}
.mainMenu > ul > li {float:left;padding:13px 0px;}
.mainMenu > ul > li:hover,.mainMenu > ul > li.active {background:url(../images/menuHover.png) no-repeat center bottom;}
.mainMenu > ul > li > a {color:#fff;text-decoration:none;display:block;font-size:17px;font-weight:400;padding:10px 13px;}
.mainMenu > ul > li > a:hover,.mainMenu > ul > li > a.active {background:#41414e;}

em { font-style:italic;}
.productList ul {
	list-style-type: disc;
	margin-left:10px;
}

/*
.langMenu {position:absolute;width:auto;right:0;top:0px;}
.langMenu > ul > li {float:left;}
.langMenu > ul > li > a{width:auto;display:inline-block;height:2em;line-height:2em;position:relative;margin-left:22px;color:#fff;text-decoration:none;}
.langMenu > ul > li > a::before,.langMenu > ul > li > a::after{content:'';position:absolute;top:0;bottom:0;border-color:transparent;border-style:solid;border-width:1em}
.langMenu > ul > li > a::before{border-top-color:transparent;border-left-color:transparent;right:100%}
.langMenu > ul > li > a::after{border-right-color:transparent;border-bottom-color:transparent;left:100%}
.langMenu > ul > li > a.active{background-color:#41414e}
.langMenu > ul > li > a.active::before{border-color:transparent #41414e #41414e transparent}
.langMenu > ul > li > a.active::after{border-color:#41414e transparent transparent #41414e}

.langMenu > ul > li > a:hover{background-color:#41414e}
.langMenu > ul > li > a:hover::before{border-color:transparent #41414e #41414e transparent}
.langMenu > ul > li > a:hover::after{border-color:#41414e transparent transparent #41414e}
*/

.langMenu {position:absolute;width:auto;right:0;top:5px;}
.langMenu > ul > li {float:left;}
.langMenu > ul > li > a {margin:0 2px;}
.langMenu > ul > li > a > img {width:24px;}



.mainProduct {margin-top:20px;position:relative;}
.mainProduct > .title {border-bottom:1px solid #cfcfcf;font-family:'Exo', sans-serif;font-weight:100;font-size:22px;padding-bottom:7px;background:url(../images/borderImage.jpg) no-repeat left bottom;}
.mainProducts {width:100%;margin-top:10px;}
.mainProducts > li {width:223px;height:230px;float:left;}
.mainProducts > li > .image {width:100%;height:auto;float:left;}
.mainProducts > li > a.title {width:100%;height:auto;float:left;color:#43436b;text-align:center;margin-top:10px; text-decoration:none;}
.mainProducts > li > .description {width:100%;height:auto;float:left;margin-top:10px;text-align:center;color:#919191;font-size:12px;}

.mainProductsArrowLeft {width:24px;height:35px;background:url(../images/mainArrowLeft.png);position:absolute;left:-40px;top:93px;cursor:pointer;}
.mainProductsArrowLeft > a.bx-next {width:24px;height:35px;display:block;}
.mainProductsArrowRight {width:24px;height:35px;background:url(../images/mainArrowRight.png);position:absolute;right:-40px;top:93px;cursor:pointer;}
.mainProductsArrowRight > .bx-prev {width:24px;height:35px;display:block;}

.mainNews {width:620px;margin:10px 0;position:relative;float:left;}
.mainNews > .title {border-bottom:1px solid #cfcfcf;font-family:'Exo', sans-serif;font-weight:300; font-size:22px;padding-bottom:7px;background:url(../images/borderImage.jpg) no-repeat left bottom;}
.mainNews > .title > .arrows {float:right;position:absolute;right:20px;top:5px;}
.mainNews > .title > .arrows > .up {width:12px;height:7px;background:url(../images/newsArrowUp.jpg);display:block;top:0;position:absolute;}
.mainNews > .title > .arrows > .up > .bx-next {width:12px;height:7px;display:block;}
.mainNews > .title > .arrows > .down {width:12px;height:7px;background:url(../images/newsArrowDown.jpg);display:block;top:12px;position:absolute;}
.mainNews > .title > .arrows > .down > .bx-prev {width:12px;height:7px;display:block;}


.mainNewsList {margin-top:10px;}
.mainNewsList > li {width:100%;display:block;float:left;height:80px;}
.mainNewsList > li > span.image {width:76px;float:left;}
.mainNewsList > li > span.image > img {border:3px solid #ececec;}
.mainNewsList > li > span.desc {width:530px;float:left;margin-left:10px;}
.mainNewsList > li > span.desc > a.title {width:100%;float:left;color:#43436c;font-weight:600;margin-bottom:6px;text-decoration:none;}
.mainNewsList > li > span.desc > span.description {width:100%;float:left;color:#a1a8a8;}
.mainNewsList > li > span.desc > a.link {width:100%;float:left;color:#616176;margin-top:10px;text-decoration:none;font-size:11px;}

.memberLogin {width:340px;margin:10px 0;position:relative;float:left;margin-left:20px;}
.memberLogin > .title {border-bottom:1px solid #cfcfcf;font-family:'Exo', sans-serif; font-weight:300;font-size:22px;padding-bottom:7px;background:url(../images/borderImage.jpg) no-repeat left bottom;}
.memberLogin > form {margin-top:5px;}
.memberLoginInput {width:325px;font-size:13px;padding:5px;margin:3px 0;color:#9f9f9f;}
.memberLogin > form > .button {width:339px;color:#fff;background:#000066;text-align:center;padding:9px 0;float:left;}
.memberLogin > form > a.link {width:339px;color:#888888;background:#f3f3f3;text-align:center;padding:9px 0;float:left;margin:3px 0;text-decoration:none;}

.footer {width:100%;height:328px;float:left;background:url(../images/footerBg.jpg);position:relative;min-width: 1120px;}
.footer > .container > .item {width:286px;height:auto;float:left;margin:30px 40px 0 40px;}
.footer > .container > .item > .title {color:#fff;font-size:22px;font-weight:100;border-bottom:1px solid #70747a;padding-bottom:10px;width:100%;}
.footer > .container > .item > .footerContentText {color:#d9d9d9;padding-left:35px;margin:8px 0 25px 0;line-height:16px;width:100%;}
.footerFacebook {width: 180px;height: 31px;background: url(../images/footerFacebook.jpg);margin: 16px 10px;color: #fff;padding: 16px 0 0 71px;}
.footerTwitter {width: 180px;height: 31px;background: url(../images/footerTwitter.jpg);margin: 16px 10px;color: #fff;padding: 16px 0 0 71px;}
.footerLinkedin {width: 180px;height: 31px;background: url(../images/footerIn.jpg);margin: 16px 10px;color: #fff;padding: 16px 0 0 71px;}
.footerText {color:#e4e6e3;line-height:20px;margin-top:20px;}
.footerCopyright {color:#e4e6e3;position:absolute;top:17px;left:0;}
.footerLink {color:#969a9c;position:absolute;top:17px;right:0;}
.footerLink a {color:#e4e6e3;text-decoration:none;}

.loginDiv {text-align:center;font-size:18px;margin:32px 0;color:#464658;}
.loginContent{width:100%;height:auto;margin-top:60px;min-height:300px;}
.loginContent > .left {width:350px;float:left; margin-bottom:50px;}
.loginContent > .left > .title {border-bottom:1px solid #cfcfcf;font-family:'Exo', sans-serif;font-weight:100;font-size:22px;padding-bottom:7px;background:url(../images/borderImage.jpg) no-repeat left bottom;}
.loginContent > .left > form {margin-top:10px;}
.loginContent > .left > form > .loginFormInput {width:325px;font-size:13px;padding:5px;margin:3px 0;color:#333; outline:none; margin-bottom:15px;}
.loginContent > .left > form > .loginFormInput2 {width:339px;font-size:13px;padding:5px;margin:3px 0;color:#333; outline:none; margin-bottom:15px;}
.loginContent > .left > form > div.submit {background:#7dbd21;color:#fff;width:auto;float:left;margin-top:5px;padding:10px 20px;font-size:16px;}

.loginContent > .right {color:#5c5c5c;font-size:20px;float:left;margin-top:20px;margin-left:100px;line-height:30px;display:block;border-left:1px solid #ccc;padding-left:100px;}
.loginContent > .right > a {color:#86c046;text-decoration:none;}
.loginContent > .right > a:hover {text-decoration:underline;}

.productTitle {text-align:center;font-size:18px;margin:32px 0;border-bottom:1px solid #ccc;padding-bottom:5px;}
.productTitle > .title {float:left;color:#000066;font-size:20px;padding-left:50px;}
.productTitle > .user {float:right;}

.productContent > .list {margin:20px 0;float:left;}
.productContent > .list > li > a {width:209px;height:18px;padding:12px 0 10px 5px;background:url(../images/productListCatBg.jpg);display:block;color:#434343;text-decoration:none;font-size:14px;}
.productContent > .list > li > a:hover,.productContent > .list > li > a.active {color:#000066;border-right:4px solid #000066;width:205px;}
.productListFirst {background:url(../images/productContentListBefore.jpg) !important;height:28px !important;padding-top: 12px !important;line-height: 33px;}
.productListLast {background:url(../images/productContentListAfter.jpg) !important;height:28px !important;padding-top: 12px !important;line-height: 33px;margin-top:-1px;}
 

.productList {width:880px;float:left;margin-left:20px;margin-top:30px;}
.productList > .title {;border-bottom:1px dashed #ccc;padding-bottom:5px;float:left;width:100%;} 
.productList > .title > .title {color:#000066;float:left;font-size:24px;} 
.productList > .title > .howMont {float:right;font-size:14px;background:url(../images/howMontBg.jpg) left center no-repeat;padding:3px 0 0 17px;} 

.productList > .list {float:left;margin-top:10px;margin-bottom:10px; line-height:25px; }

.productList > .list > li {width:238px;border:2px solid #bcbcbc;float:left;margin:10px 10px 0 0;position:relative;height: 327px;}
.productList > .list > li > span.image {width:100%;float:left;position:relative;}
.productList > .list > li > a.image > .overlay {display:none;width:100%;height:100%;position:absolute;background:url(../images/productOverlayBg.jpg);opacity:0.7;}
.productList > .list > li > span.border {width:100%;height:5px;background:url(../images/productListBorder.jpg) no-repeat center top;float:left;}
.productList > .list > li > span.desc {width:100%;height:auto;float:left;padding:10px 0;}
.productList > .list > li > span.hover {background:#000066;}
.productList > .list > li > span.hover > .blueTitle, .productList > .list > li > span.hover > .desc {color:#fff !important;}
.productList > .list > li > span.desc > .blueTitle {color:#000066;width:100%;float:left;text-align:center;font-size:18px;font-weight:bold; text-decoration:none;}
.productList > .list > li > span.desc > .desc {color:#848484;width:100%;float:left;text-align:center;font-size:14px;margin-top:10px;}

.productList > .content {width:100%;margin:10px 0;float:left;}
.productList > .content > .title {width:100%;color:#000066;font-size:18px;line-height:30px;}
.productList > .content > .table {width:350px;float:left;background:#fbfbfb;border:1px solid #ebebeb;margin-top:10px;}
.productList > .content > .table > .title  {width:335px;font-size:16px;float:left;border-bottom:1px solid #ebebeb;padding:8px;}
.productList > .content > .table > .row  {width:335px;font-size:14px;float:left;border-bottom:1px solid #ebebeb;padding:8px;}
.productList > .content > .table > .row > .title {width:150px;float:left;}
.productList > .content > .table > .row > .desc {width:auto;float:right;}


.productList > .content > .image {width:300px;height:247px;border:1px solid #ccc;float:right;}

#textfield1 {
	height: 20px;
	width: 450px;
	padding: 4px 5px 6px 5px;
	color: #000;
	font-size: 12px;
	font-variant: normal;
	line-height: normal;
	background: white;
	border: 1px solid #efefef;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	outline:none;
}

#area1 {
	height: 100px;
	width: 450px;
	padding: 4px 5px 6px 5px;
	color: #000;
	font-size: 12px;
	font-variant: normal;
	line-height: normal;
	background: white;
	border: 1px solid #efefef;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	outline:none;
}

#textfield2 {
	height: 20px;
	width: 200px;
	padding: 4px 5px 6px 5px;
	color: #000;
	font-size: 12px;
	font-variant: normal;
	line-height: normal;
	background: white;
	border: 1px solid #efefef;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	outline:none;
}