@charset "UTF-8";
/* CSS Document */

* {font-size: 100%; padding: 0; margin: 0; }

body {font: 0.84em/1.333 Arial, sans-serif; margin: 0; padding: 20px 0 0 0; color: #333; background: #FFF; margin: 0 0 15px 0; text-align: center; }


p {font-size: 1em; line-height: 1.5em; font-family: Arial, Helvetica, sans-serif; }

h1 {font-size: 1.8em; color: #669900; font-weight: bold; }

h2 {font-size: 1.350em; color: #669900; }

h3 {font-size: 1.2em; color: #669900; padding: 0; margin: 0 0 0 4px; }

a {color: #333; text-decoration: none; font-weight: bold; font-family: Arial, Helvetica, sans-serif;  font-size: .925em; }

a:hover {color: #669900; }

sup {font-size: 70%; }



/* begin styling */

#container {margin: 0 auto; text-align: left; width: 837px; min-height: 548px; height: auto !important; height: 548px; background-color: #fff; }

#header {background: url(../images/SL-logo.gif) no-repeat 2% 35%; height: 85px; margin: 0; padding: 0; width: 100%; position: relative; }

#headerTwo {background: url(../images/recycle-logo.jpg) no-repeat 98% 15%; height: 75px; margin: 0; padding: 0; width: 100%; position: relative; }

#header ul#home  {position: absolute; left: 0px; top: 20px; }

#header ul#home li  {display: inline; padding: 25px 0; }

#header ul#home li a  {float: left; height: 0; overflow: hidden; margin: 0; padding: 30px 0; width: 210px; text-indent: -9000px; }





ul#nav {float: right; position: relative; top: 70px; right: 15px; margin: 0; padding: 0;  }

ul#nav a { padding: 0 7px; font-weight: normal; font-size: .850em; text-decoration: none; }

ul#nav li {float: left; margin: 0; padding: 0; border-right: #666 solid 1px; line-height: .850em; }

ul#nav {letter-spacing: .1em; }

ul#nav li.lastLink {border-right: 0; }

ul#nav li.current a {color: #669900; }

ul#nav li a.last {padding-right: 0px; }






#footer {margin: 0 auto; padding: 0; width: 837px;  height: 50px; text-align: center; background: url(../images/member-logo.png) no-repeat 3% 30%; }

#footerText {color: #333; background-color: transparent; height: 100%; margin: 0 0 0 0; padding: 5px 13px 0 0; text-align: right; }

#footerText p {font-size: .850em; line-height: 1.4em; }

#footerText a {color: #333; }

#footerText a:hover {color: #669900; }





/* home */


#content {float: left; margin: 0; padding: 0; min-height: 548px; height: auto !important; height: 548px; width: 837px; background: url(../images/container-bg.gif) repeat-y; }

#main {float: left; margin: 0; padding: 0; min-height: 548px; height: auto !important; height: 548px; width: 837px; background: url(../images/header-bg.gif) no-repeat; }

#inner {float: left; margin: 0; padding: 0; min-height: 548px; height: auto !important; height: 548px; width: 837px; background: url(../images/footer-bg.gif) no-repeat 0% 100%; }

#mainContent  {float: left; margin: 0; padding: 18px 0 0 23px; min-height: 540px; height: auto !important; height: 550px; width: 805px; }

#homeContent  {float: left; margin: 0; padding: 0; height: 336px; width: 805px; background: url(../images/content-bg-2.jpg) no-repeat; }

#flash {float: left; margin: 0; padding: 0; width: 405px; height: 336px; }

#homeText  {float: left; margin: 0; padding: 50px 40px 0 15px; width: 330px; }

#homeText  h2 {margin: 0 0 10px 15px; padding: 0; font-style: italic; font-family: Helvetica, Arial, sans-serif; }

#homeText  p  {font-size: .900em; margin: 0; padding: 5px; line-height: 1.7em; }
 

#threeBox {float: left; margin: 10px 0 0 0; padding: 0; width: 805px; }

.box {float: left; margin: 0 10px 0 0; padding: 0; width: 257px; height: 172px; background: url(../images/black-gradient-bg.jpg) repeat-x; position: relative; } 

.box h3 {color: #c4a843; padding: 5px 0 0 7px; font-size: 1.1em; font-weight: bold; }

.box a {color: #c4a843; }

.box a:hover {color: #999; }

.boxText {float: left; margin: 0; padding:  7px 10px 10px 20px; } 

.boxText ul li { margin: 0; padding: 3px 0; }

.boxText p {color: #fff; font-size: .925em; }

.boxText a {color: #fff; text-decoration: underline; }

.boxText a:hover {color: #ccc; }

.readMore {float: right; width: 100px; position: absolute; right: -20px; bottom: 10px; }

.readMore a {color: #fff; font-weight: normal; text-decoration: underline; }

.readMore a:hover {color: #ccc; }




/* login */

#login {position: relative; top: 20px; left: 25px; width: 200px; }

#zipCode{position: relative; top: 40px; left: 25px; width: 200px; }

input  {color: #333; background: #fff; font-size: .950em; }

label  {color: #fff; font-weight: bold; padding: 0; float: left;  text-align: right; }

/* Hides from IE5-mac \*/

* html input {height: 1%;}

/* End hide from IE5-mac */

.submit input  {color: #333; background: #fff; font-size: 10px; font-weight: bold; margin: 4px 0 0 0; padding: 0; height: 18px; width: 60px; line-height: .850em; cursor: pointer; }

fieldset  {margin: 0; padding: 10px 0 0 0; text-align: right; line-height: 1em; }

input, textarea { border: solid 1px #999; padding: .2em .3em; }

label.dealerAccess   {color: #fff; zoom: 1; }

#login p {margin: 5px 0 0 0; }






/* interior */



#homeContentInterior  {float: left; margin: 0 0 30px 0; padding: 0; width: 805px; }

#homeTextInterior  {float: left; margin: 0; padding: 10px 15px 0 15px; width: 500px; }

#homeTextInterior  h1 {margin: 0 0 10px 5px; padding: 0; font-family: Helvetica, Arial, sans-serif; }

h1.interior   {margin: 0 0 10px 5px; padding: 0; font-family: Helvetica, Arial, sans-serif; font-size: 1.4em;  font-weight: normal; }

#homeTextInterior  h2 {margin: 0 0 10px 15px; padding: 0; font-style: italic; font-family: Helvetica, Arial, sans-serif; }

#homeTextInterior  p  {font-size: .900em; margin: 0; padding: 5px 15px 5px 5px; line-height: 1.9em; }

#homeTextInterior ul {margin: 8px 0; padding: 0; }

#homeTextInterior li {margin: 0; padding: 6px 0 6px 20px; font-size: .900em; }

#homeTextInterior a {text-decoration: underline; padding: 0; }

#homeTextInterior img {margin: 0 5px 0 0; }

#homeTextInterior img.case {margin: 0 5px 8px 0; }




#threeBoxInterior {float: left; margin: 5px 0 0 0; padding: 0; width: 260px; }

.boxTwo {float: left; margin: 0 0 10px 0; padding: 0; width: 257px; height: 172px; background: url(../images/black-gradient-bg.jpg) repeat-x; position: relative; } 

.boxTwo h3 {color: #c4a843; padding: 5px 0 0 10px; font-size: 1.1em; font-weight: bold; }

.sub {color: #666; }




#DistributorResults h1 {font-size: 1.6em; }
.distributors {}
.distributors ul {}
.distributors ul li {}
.plexus-distributors {}
.versa-distributors {}
.cirqa-distributors {}
.distributors h2 {}
h3.d-name {}
p.d-phone {}
p.d-email {}
p.d-address {}





#homeTextInteriorTwo  {float: left; margin: 0; padding: 10px 15px 0 20px; width: 700px; }

#homeTextInteriorTwo  h1 {margin: 0 0 10px 0px; padding: 0; font-family: Helvetica, Arial, sans-serif; }

h1.interior   {margin: 0 0 10px 5px; padding: 0; font-family: Helvetica, Arial, sans-serif; font-size: 1.4em;  font-weight: normal; }

#homeTextInteriorTwo  h2 {margin: 0 0 10px 10px; padding: 0; font-style: italic; font-family: Helvetica, Arial, sans-serif; }

#homeTextInteriorTwo  h5 {margin: 5px 0 0 0; padding: 0; font-family: Helvetica, Arial, sans-serif; font-size: 1.1em; font-weight: bold; }

#homeTextInteriorTwo  p  {font-size: .900em; margin: 0; padding: 5px 15px 5px 0px; line-height: 1.7em; }

#homeTextInteriorTwo ul {margin: 8px 0; padding: 10px 0; }

#homeTextInteriorTwo li {margin: 6px 0 6px 20px; padding: 0; font-size: .900em; list-style-type: disc; }

#homeTextInteriorTwo a { padding: 0; }

#homeTextInteriorTwo img {margin: 0; }

.casestudies {float: left; width: 500px; margin: 0 0 25px 0; }


