@charset "utf-8";
/* CSS Document */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	/*vertical-align: baseline;*/
}
img, a { border: none;}

body { background:#fff; font-family: Arial, Helvetica, sans-serif}



/*----------------divider------------------*/
.main-container { margin:0 auto; width: auto; height:auto; }
.header { margin:0 auto; width:1000px; height:116px; background:url(../images/header1.png) center no-repeat; position:relative;}
.header h1 strong { position: absolute; top: -999em; left: -999em; line-height: 0; text-indent: -999em; overflow: hidden;  font-size: 0; color:#FFF; width: 0; height: 0; }
.body { margin:0 auto; width:1000px; height:489px;}
.main-navbar { margin:0 auto; width:1000px; height:48px; background:url(../images/main-nav.png) center no-repeat; padding: 0; }
.footer { margin:0 auto; width:1000px; height:68px;}



/*-------------------header-----------------------*/
.logo { width:257px; height:69px; position:absolute; top:26px; left: 25px;}
.tagline { margin-top:60px; margin-right:84px; font-size:14px; width: auto; text-align: right; font-weight:bold;}
.tagline  strong { position:absolute; top:-999em; left:-999em; width:0; height:0; font-size:0px; line-height:0; text-indent:-999em; overflow:hidden;}




/*------------------------Home----------------------*/
.home-body { margin:0 auto; width:1000px; height:489px; background:url(../images/home.png) center no-repeat;}
.home-content { width:424px; height:auto; margin-left:65px; margin-top:165px; }
.home-content h1 strong { position: absolute; top: -999em; left: -999em; line-height: 0; text-indent: -999em; overflow: hidden;  font-size: 0px; color:#FFF; width: 0; height: 0;}
.home-content h2 { font-size: 13px; margin: 5px 0 18px; text-transform:uppercase;}
.home-content p { color: #000; font-size:12px; margin-bottom: 18px;}
.home-content .home-scroll-holder { width: auto; height:278px;}
.home-content .home-scroll-holder .scroll3 { width:313px; height:260px; overflow:auto; outline:none; margin:0px 0px 0px 10px;}
.home-content .home-scroll-holder .scroll3 .home-content-text { text-align:left; width:300px; height:auto; margin:0px 0px 0px 0px;}
.home-content .home-scroll-holder .scroll3 .home-content-text h2 { font-size:22px; color:#666;}
.home-content .home-scroll-holder .scroll3 .home-content-text p { font-size:13px; margin:10px 0px 0px 0px;}
.home-content .home-banner { width:331px; height:39px; background:url(../images/home-Lorentz-Logo2.jpg) center no-repeat; margin:1px 0px 0px 0px; border:solid #999 1px;}


/*------------------------About----------------------*/
.about-us-body { margin:0 auto; width:1000px; height:489px; background:url(../images/about-us.png) center no-repeat; }
.about-us-content { width:573px; height:320px; margin-right:89px; }
.about-us-content .block1 { width:150px; height:290px; border-right: solid #000 2px; margin-top:20px;}
.about-us-content .block1-1 { font-size:16px; font-weight:bold;}
.about-us-content .block1-1 ul { width:auto;}
.about-us-content .block1-1 li {text-transform: uppercase; text-align:right; list-style:none; margin-right:5px;}
.about-us-content .block1-1 li a:link, .about-us-content .block1-1 li a:visited { text-decoration:none; color:#000;}
.about-us-content .block1-1 li a:hover, .about-us-content .block1-1 li a:active { color:#ccc;}
.about-us-content .block2 { width:410px; height:auto;}
.tab-container { margin-top: 20px;}
.tab li { float: left; text-transform: uppercase; font-size: 12px; font-weight: bold; list-style: none; margin-right: 5px; color:#000; } 
.tab li span { margin-left: 5px;}
.tab li a { text-decoration: none;}
.current {  color:#F00;}
.default { color:#000;}
.spacer { height: 50px;}

.hidden { margin-top: 20px;}
.hidden li div p { font-size: 13px; color:#333; margin-bottom: 20px; line-height: 1.4em;}
.hidden li div strong { text-transform: uppercase; color:#333; font-size: 12px;}
.hidden ul li { list-style: none;}
/*.hidden ul li:first-child { display: block;}*/ 
.display-on { display: block;}
.display-off { display: none;}


/*-------------------Services---------------------*/
.services-body { margin:0 auto; width:1000px; height:489px; background:url(../images/services1.png) center no-repeat;}
.services-content { width:407px; height:335px; margin-right:91px;}
.services1 { width: auto; height:95px;}
/*-----------------nav1-----------------*/
.services1 .serv-nav { width:160px; height:auto; font-size:16px; font-weight:bold; margin-top:15px; margin-left:10px; float: left;}
.services1 .serv-nav ul {width:auto;}
.services1 .serv-nav ul li { text-align:left; text-decoration:none; list-style:none;}
.services1 .serv-nav li { text-decoration:none; margin-bottom:5px; text-transform:uppercase;}
.services1 .serv-nav li a:link, .services1 .serv-nav  li a:visited { color:#fff; text-decoration:none;}
.services1 .serv-nav li a:hover, .services1 .serv-nav li a:active { color:#fff;}
/*-----------------nav2---------------*/
.services1 .serv-nav2 { width:230px; height:auto; margin-top:15px; font-size:16px; font-weight:bold; float: right;}
.services1 .serv-nav2 ul {width:auto;}
.services1 .serv-nav2 ul li { text-align:left; list-style:none;}
.services1 .serv-nav2 li { text-decoration:none; margin-bottom:5px; text-transform:uppercase;}
.services1 .serv-nav2 li a:link, .services1 .serv-nav2 li a:visited { color:#FFF; text-decoration:none;}
.services1 .serv-nav2 li a:hover, .services1 .serv-nav2 li a:active { color:#fff;}

.services2 { width:400px; height:195px; margin:40px 0px 0px 0px;}
/*.scroll2 { width:350px; height:335px; overflow:auto; outline:none; margin-top:40px; margin-left:30px;}*/
.services2 .services2-text-content { width:320px; height:auto; margin:0 auto;}
.services2 .services2-text-content h2 { font-size:22px; color:#666;}
.services2 .services2-text-content p { font-size:13px; margin-bottom:5px; margin-top:5px;}
.services2-popup { width:407px; height:154px; margin:0px 91px 0px 0px;}
.services2-popup p { font-weight:bold; text-align:left;}
.services2-popup p a:link, .services2-popup p a:visited { color:#000; text-decoration:underline;}
.services2-popup p a:hover { color:#ccc;}
.services2-popup img { margin-left: 10px;}

.innerPage { margin-top: 40px; margin-left: 10px;}
.innerPage ul li { list-style: none;}
.innerPage p { font-size: 13px;}
.innerPage h2 { text-transform: uppercase; letter-spacing: normal; font-size: 14px;}


/*--------------------Case Studies-----------------------*/
.cs-body { margin:0 auto; width:1000px; height:489px; background:url(../images/case-studies1.png) center no-repeat;}
.cs-content { width:850px; height:488px; margin-left:63px;}
.cs-content .content1 { width:258px; height:488px; margin:0 auto; background:url(../images/case-studies-side.gif) no-repeat bottom;}
.cs-content .content1 .csheader { background:#000; width:200px; height:30px;}
.cs-content .content1 .csheader h1 { color:#FFF; margin-left:10px; font-size:25px;}
.cs-content .content1 .csheader p { font-size:14px;}
.cs-content .content1 .side-nav { width:240px; height:auto; margin-top:50px; margin-left: 11px; font-size:12px; font-family: Arial, Helvetica, sans-serif;}
.cs-content .content1 .side-nav ul { width:auto;}
.cs-content .content1 .side-nav ul li { text-align:left; text-decoration:none; list-style: none; text-transform: uppercase;}
.cs-content .content1 .side-nav li .height { height: 43px;}
.cs-content .content1 .side-nav li .m-btm { margin-bottom: 15px;}
.cs-content .content1 .side-nav li { text-decoration:none; margin-bottom: 0px; cursor:pointer; color:#343434;}
.cs-content .content1 .side-nav li a:link, .cs-content .content1 .side-nav li a:visited { text-decoration:none;}
.cs-content .content1 .side-nav li a:hover, .cs-content .content1 .side-nav li a:active {}
.cs-content .content2 { width:570px; height: auto; margin-top:20px;}
/*.scroll4 { width:320px; height:295px; overflow:auto; outline:none; margin-left:20px; margin-top:20px;}*/
.case-studies-m-cont { width: 543px; height: 433px;  margin-left: 25px; margin-top: 56px;}
.case-studies-m-cont ul li { list-style: none;}
.case-studies-m-cont .inner-content {}
.case-studies-m-cont .inner-content .t-head1 { border-bottom:#666 1px solid; width:100%; height: 20px;}
.case-studies-m-cont .inner-content .t-head1 p { font-size:9px; vertical-align:bottom;} 
.case-studies-m-cont .inner-content h1 { margin: 0px 0px 10px;}
.case-studies-m-cont .inner-content h1 strong { position:absolute; top:-999em; left:-999em; width:0; height:0; font-size:0px; line-height:0; text-indent:-999em; overflow:hidden;}
.case-studies-m-cont .inner-content .left { width: 530px; font-size: 13px;  margin-top: 10px; letter-spacing: normal; height: 100px;}
.case-studies-m-cont .inner-content .left  span {color:#000; font-weight: bold;}
.case-studies-m-cont .inner-content .right { float: right; width: 103px; height: 21px; margin-top: 10px; margin-right: 30px; background:url(../images/case-studies/img/button.png) no-repeat center;text-align: center;padding-top: 7px; }
.case-studies-m-cont .inner-content .right a:link,
.case-studies-m-cont .inner-content .right a:visited { color:#FFF; font-size: 12px; font-weight: bold; text-decoration: none; }
.case-studies-m-cont .inner-content .right a:hover { color:#CCCCCC;}
.case-studies-m-cont .download { }



/*-------------------Dealer-----------------*/
.dealer-body { margin:0 auto; width:1000px; height:489px; background:url(../images/become-a-dealer.png) center no-repeat;}
.dealer-content { width: 420px; height: auto; margin-right:85px; margin-top:0;}
.dealer-content .d-header { width:auto; height:30px; margin-top:25px; margin-left:20px;}
.dealer-content .d-header h1 { font-size:25px;}
.dealer-content .input {width: 360px; height: 15px; margin: 3px 0 10px;}
.dealer-content .textarea { width: 360px; margin-bottom: 5px;}
.dealer-content .button { margin: 0; padding: 3px; border: 1px solid #999; cursor:pointer;}
.dealer-content .required { margin: 10px 0 10px;}
.dealer-content .align { text-align: right; padding-right: 14px; padding-top: 8px;}
.dealer-content p.warning { color:#F00; font-size: 12px; font-family:"Arial Black", Gadget, sans-serif;} 
.dealer-content span.warning { color:#F00; font-family:"Arial Black", Gadget, sans-serif;}
.dealer-content p { color:#333333;}
.scroll5 { width:350px; height:240px; margin-top:10px; margin-left:20px;}
.d-desc { width:380px; height: auto; margin:10px 0px 0px 20px;}
.d-desc a:link, .d-desc a:visited { text-decoration:none; color:#000; font-weight:bold; font-style:italic;}
.d-desc a:hover, .d-desc a:active { color:#666; font-weight:bold; font-style:italic;}
.d-desc p {font-size:13px;}
.d-desc ul { margin:15px 0px 0px 0px;}
.d-desc ul li { font-size:13px; list-style:none;}
.how-to { margin-left: 20px;}






/*-----------careers---------*/
.careers-body { margin:0 auto; width:1000px; height:489px; background:url(../images/career.png) center no-repeat;}
.careers-content { width:420px; height: auto; margin-right:85px;}
.careers-content .c-header { width:200px; height:30px; background:#000; margin-top:25px; margin-left:20px;}
.careers-content .c-header h1 { color:#FFF; margin-left:5px; font-size:25px;}
.scroll6 { width:370px; height: auto; margin-top:0px; margin-left:20px;}
.scroll6 p { font-size: 13px; margin-top: 30px;}
.scroll6 li { font-size: 13px; list-style:disc;}
.scroll6 h2 { font-size: 13px; margin-top: 30px;}
.careers-body .n-content { margin-top: 30px;}
.careers-body .n-content h1 { font-weight: bold; font-size: 13px;}
.careers-body .n-content span { color:#F00;}
.careers-body .n-content a:link, .careers-body .n-content a:visited { color:#F00; text-decoration:none;}


/*-----------contact us--------*/
.contact-body { background:url(../images/contact-us.png) no-repeat center; height:489px; width: 1000px;}
.contact-block1 { width:415px; margin:240px 0px 0px 70px; color:#FFF;}
.contact-block1 .inquire-title { font-size:25px; padding-left:30px;}
.contact-block1 .inquire-content { margin:20px 0px 0px 50px;}
.contact-block1 .inquire-content .inquire1 { margin:0px 0px 0px 30px;}
.contact-block1 .inquire-content .inquire1 p { font-size:17px; margin:10px 0px 0px 0px;}
.contact-block1 .inquire-content .inquire2 { margin:0px 50px 0px 0px;}
.contact-block1 .inquire-content .inquire2 p { font-size:17px; margin:10px 0px 0px 0px;}
.contact-block1 .inquire-content .inquire2 a:link, .contact-block1 .inquire-content .inquire2 a:visited { color:#FFF; text-decoration: none;}
.contact-block1 .inquire-content .inquire2 a:hover { color:#CCCCCC;}

.contact-block2 { width: 505px; height:auto; margin-left: 330px; margin-top: 50px;}
.contact-block2 .form { padding-top: 5px; padding-left: 10px; }
.contact-block2 .form .input { width: 480px; margin-bottom: 10px;}
.contact-block2 .form textarea { width: 480px; height: 80px; margin-top: 0px;}

.contact-block2 .form .button-align { text-align: right; padding-top: 5px; }
.contact-block2 .form .button { border: 1px #ccc solid; padding: 2px; width: 60px;}
.contact-block2 .form .button { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; cursor: pointer;}

.contact-block2 .form label {}
.contact-block2 .form h1 { font-size: 25px; margin-bottom: 15px;}

.contact-block2 .form  { padding-right: 8px;}
.contact-block2 .form  p { margin-bottom: 5px; font-size:12px; }
.contact-block2 .form .required { margin-bottom: 5px; font-family:"Arial Black", Gadget, sans-serif;}
.contact-block2 .form .info img { margin-bottom: 30px;}
.contact-block2 .form .info p { margin: 0 0 1px; padding: 0; }
.contact-block2 .form .push { margin: 30px 0px 10px;}
.contact-block2 .form .text-info { width: 70px;}



/*--------------------Product Page--------------------*/
.product-body { background:url(../images/product.png) center no-repeat; width: 100%; height: 100%;}
.product-content {}
.product-content .block1 { width: 323px; height: 480px; border-right: 1px solid #e6e6e6; padding-right: 10px;}

.product-content .block1 .power-cat { height: auto; width: 300px; text-align: right;}
.product-content .block1 .power-cat h1 { color:#000; font-size:18px; font-weight: normal; text-transform: uppercase; margin-bottom: 10px;}
.product-content .block1 .power-cat p { margin: 10px 5px 0px 0px; font-size: 12px; font-weight:normal;}
.product-content .block1 .power-cat ul { font-size: 13px; letter-spacing: 1.5px; margin-bottom: 10px; color: /*#ff0000*/000;}
.product-content .block1 .power-cat li { list-style: none; letter-spacing: 1px; line-height: 1.8em; font-size: 12px; text-align: right; /*margin-left: 180px;*/ color: #575146;}
.product-content .block1 .power-cat a:link,
.product-content .block1 .power-cat a:visited { color:#F00; text-decoration: none;}
.product-content .block1 .power-cat a:hover { color:#333;}

.product-content .block1 .water-cat {width: 300px; height: auto; text-align: right;}
.product-content .block1 .water-cat h1 { color:#000;  font-size:18px; font-weight: normal; text-transform: uppercase; margin: 10px 0px 10px;}
.product-content .block1 .water-cat p { margin: 10px 5px 0px 0px; font-weight: normal; font-size:12px;}
.product-content .block1 .water-cat ul { font-size: 13px; letter-spacing: 1.5px; margin-bottom: 10px; color:#/*ff0000*/000;}
.product-content .block1 .water-cat li { list-style: none; letter-spacing: 1px; line-height: 1.5em; font-size: 12px; text-align: right; /*margin-left: 180px;*/ color:#575146;}
.product-content .block1 .water-cat a:link,
.product-content .block1 .water-cat a:visited { color:#F00; text-decoration: none;}
.product-content .block1 .water-cat a:hover { color:#333;}



.product-content .block2 { width: 640px; height: auto; padding-right:  20px;}
.product-content .block2 .view { height: 460px; width: 587px;}
.product-content .block2 .head-t { padding-left: 10px;}
.product-content .block2 .view .scroll9 { width:570px; height:460px; overflow:auto; outline:none;}
.product-content .block2 .view .scroll9 .solar-modules { width:555px; height: 650px;}
.product-content .block2 .view .scroll9 .power-packs { width:555px; height: auto;}
.product-content .block2 .view .scroll9 .trackers { width:555px; height: 720px;}
.product-content .block2 .view .scroll9 .no-scroll { width:555px; height: auto;}
.product-content .block2 .view .scroll9 .ps600 { width:555px; height: 900px;}
.product-content .block2 .view .scroll9 .ps1200 { width:555px; height: 1200px;}
.product-content .block2 .view .scroll9 .ps1800 { width:555px; height: 1200px;}
.product-content .block2 .view .scroll9 .ps4000 { width:555px; height: 1200px;}
.product-content .block2 .view .scroll9 .psk { width:555px; height: 1500px;}
.product-content .block2 .view .scroll9 .ps150boost { width:555px; height: 600px;}


.product-content .block2 .view .per-product {height: auto; max-width: 165px; margin-left: 10px; margin-top: 15px;}
.product-content .block2 .view .per-product .imgs { border:#CCCCCC  solid 1px;}
.product-content .block2 .view .per-product .desc { font-size: 12px; width:  auto; height: auto; margin-top: 10px; line-height: 1.4em; letter-spacing: normal; color:#333333; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
.product-content .block2 .view .per-product .title { font-size: 12px; font-weight: bold; color: #333; margin-top: 5px; letter-spacing: normal; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
.product-content .block2 .view .per-product .title-sp { font-size: 13px; font-weight: bold; color: #000; margin-top: 5px; letter-spacing: 1px;}
.product-content .block2 .view .per-product .read { font-size:11px; margin-top: 10px;}
.product-content .block2 .view .per-product .read a:link, 
.product-content .block2 .view .per-product .read a:visited { color:#C00; text-decoration: underline;}

.product-content .block2 .view .per-product .read a:hover { color:#666; text-decoration: none;}
.product-title { margin-bottom: 20px;}



/*--------------------footer--------------------*/
.copyright { margin-top:30px; margin-left:20px; font-size:12px;}
.customer-hotline { margin-top:30px; margin-right:45px; font-size:12px;}



/*----------------preset-----------------------*/
.clear { clear: both;}
.flt-lft { float:left;}
.flt-rt { float:right;}
.display { display: none;}
.visible { display: block;}
.bold { color:#343434; font-weight: bold; }
.noscript { text-align: center; font-size: 20px;  color:red;}


/* Tiny Scrollbar */
#scrollbar1 { width: 570px; margin: 0px 0px 0px;}
#scrollbar1 .viewport { width: 555px; height: 472px; overflow: hidden; position: relative; }
#scrollbar1 .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; }
#scrollbar1 .scrollbar{ /*background: transparent url(../images/bg-scrollbar-track-y.png) no-repeat 0 0;*/ position: relative; background-position: 0 0; float: right; width: 15px; }
#scrollbar1 .track { /*background: transparent url(../images/bg-scrollbar-trackend-y.png) no-repeat 0 100%;*/ height: 100%; width:13px; position: relative; padding: 0 1px; }
#scrollbar1 .thumb { background: transparent url(../images/bg-scrollbar-thumb-y.png) no-repeat 50% 100%; height: 20px; width: 25px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: -5px; }
#scrollbar1 .thumb .end { background: transparent url(../images/bg-scrollbar-thumb-y.png) no-repeat 50% 0; overflow: hidden; height: 5px; width: 25px; }
#scrollbar1 .disable { display: none; }
.noSelect { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; }
.per-height-view { height: 900px;}
.per-height-view1 { height: 1200px;}
.per-height-view2 { height: 1500px;}
.per-height-view3 { height: 600px;}
.per-height-view4 { height: 670px;}


