/** emotion-caddy style sheet **/
/** last update: 011609-jms **/
body {
	margin: 0 auto;
    padding: 0px 0px 0p 0px;
    background-image:url('images/background-ptrn.jpg');
    background-repeat:repeat;
	font-family: Gill Sans MT, Arial, Sans-serif;
	font-size: 13px;
    line-height: 25px;
    color: #665A54;
}	
#preload {
         display: none;
}
#sitechg { 
    height: 40px;
    width: 745px;
	margin: 0px 0px 0px 0px;
    padding: 20px 0px 0px 0px;
    text-align:right;
}

#footer {
    height: 40px;
    width: 754px;
	margin: 40px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    text-align:center;
    font-size: 11px;
    color: #ffffff; 
    font-style:normal;
}
#general { 
    float:left;
    text-align:center;
    width:754px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#bottomnav {
	clear:both;
    float:left;
    height: 20px;
    width: 200px;
	margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    text-align:left;
    font-size: 11px;
    color: #ffffff; 
}
#bottomnav > a {
    color: #f2f2f2; 
}
#green-certified {
    float:left;
    height: 20px;
    width: 130px;
	margin: 0px 0px 0px 110px;
    padding: 0px 0px 0px 0px;
    text-align:center;
    font-size: 11px;
    color: #ffffff; 
}
#copyright {
    float:left;
    height: 20px;
    width: 310px;
	margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    text-align:right; 
    font-size: 11px;
    color: #ffffff; 
}
/** first page column tags **/
#twocoll { 
    clear:both;
    float:left;
    width:472px;
	height:475px;
    margin: 0px 0px 0px 0px;
	padding: 0px 9px 0px 5px;
    text-align:left;
}
#twocolr { 
    float:left;
    width:250px;
	height:475px;
    margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
    text-align:left; 
    line-height: 18px; 
}
#techleft { 
    clear:both;
    float:left;
    width:350px;
	height:220px;
    margin: 0px 0px 0px 0px;
	padding:10px 300px 0px 40px;
    text-align:left; 
    color:#ffffff;
    line-height:18px;
    text-align:justify;
}
#twocollt { 
    clear:both;
    float:left;
    width:350px;
	height:220px;
    margin: 0px 0px 0px 0px;
	padding:10px 40px 0px 40px;
    text-align:left; 
    color:#ffffff;
    line-height:18px;
    text-align:justify;  
}
#twocollt2 { 
    clear:both;
    float:left;
    width:340px;
	height:50px;
    margin: 0px 0px 0px 120px;
	padding:30px 0px 0px 0px;
    text-align:left; 
    color:#ffffff;
    font-size:13px;
    line-height:18px;
    text-align:right;
}
#twocolrt { 
    float:left;
    width:100px;
	height:150px;
    margin: 0px 0px 0px 70px;
	padding:0px 10px 0px 105px;
    text-align:left; 
    font-size:13px;
    color:#ffffff;
    line-height: 28px;
}
#twocolrt > a { 
    text-align:left; 
    color:#ffffff;
    text-decoration:none;
}
#twocolr > p { 
    text-align:center; 
    line-height: 13px;
    padding-top: 2px;
}
#twocolr > a { 
    text-align:center; 
    line-height: 12px;
    padding-top: 2px;
    font-size:12px; 
    color:#665A54;
    text-decoration:none;
}
#threecoll { 
    clear:both;
    float:left;
    width:200px;
	height:220px;
    margin: 265px 0px 0px 45px;
	padding: 5px 0px 0px 10px;
	font-family: Gill Sans MT, Arial, Sans-serif;
    font-size: 13px;
    text-align:left; 
    line-height: 18px;
}
#threecolc { 
    float:left;
    width:190px;
	height:220px;
    margin: 265px 0px 0px 0px;
	padding: 5px 0px 0px 25px;
	font-family: Gill Sans MT, Arial, Sans-serif;
    font-size: 13px;
    line-height:18px;
    text-align:left; 
}
#threecolr { 
    float:left;
    width:200px;
	height:60px;
    margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
    text-align:left; 
}
/** lower cols for prod pages **/

#e2coll { 
    clear:both;
    float:left;
    width:120px;
	height:235px;
    margin: 0px 0px 0px 0px;
	padding: 250px 10px 0px 40px;
  	font-family: Gill Sans MT, Arial, sans-serif;
    font-size:13px;
    line-height:18px;
    font-style:italic;
    text-align:left; 
    color:#8A8C8E;
}

#e2colc { 
    float:left;
    width:312px;
	height:463px;
    margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
    font-size:13px;
    line-height:18px;
    font-style:italic;
}
#e2colc > p { 
    width:250px;
	font-family: Gill Sans MT, Arial, Sans-serif;
    font-size:13px;
    line-height:18px;
    text-align:justify; 
    font-style:italic;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px; 
    color:#000000; 
}
#e2colc > a { 
    width:250px;
	font-family: Gill Sans MT, Arial, Sans-serif;
    font-size:13px;
    line-height:18px;
    text-align:justify; 
    font-style:italic;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px; 
    color:#009900;
    text-decoration:none;
}
/** page-specific body styles */

#main {
    width:750px;
	height:490px;
    background-image:url('images/bg-main-lower.png');
    background-repeat:no-repeat;
    background-position: top center;
    margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
    text-align:left;
}
#company {
    clear:both;
    width:750px;
	height:450px;
    background-image:url('images/bg-company.png');
    background-repeat:no-repeat;
    background-position: top center;
    margin: 0px 0px 0px 0px;
	padding: 40px 0px 0px 0px; 
    text-align:left; 
}
#companyleft {
    clear:both;
    float:left;
    width:410px;
	height:448px;
    margin: 0px 0px 0px 50px;
    text-align:left;
    font-size:13px;
    line-height: 18px;
    color:#000000;
}
#companyright {
    width:150px;
	height:200px;
    margin: 200px 0px 0px 550px;
	padding: 0px 0px 0px 0px;
    text-align:left; 
}

#news {
    clear:both;
    width:750px;
	height:480px;
    background-image:url('images/bg-news.png');
    background-repeat:no-repeat;
    background-position: top center; 
    margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
    text-align:left;
}
#newsleft {
    float:left;
    width:250px;
	height:400px;
    margin: 0px 0px 0px 60px;
    text-align:left;
    font-size:13px;
    line-height: 18px;
    color:#000000; 
}
#newsright {
    width:200px;
	height:200px;
    margin: 0px 0px 0px 550px;
	padding: 110px 0px 0px 0px;
    text-align:left;
}
/**  product tags **/

#products {
    width:750px;
	height:1920px;
    background-image:url('images/bg-products.png');
    background-repeat:no-repeat;
    background-position: top center;
    margin: 0px 0px 0px 0px;
    text-align:left;
    color:#000000; 
}
#leftnav {
    float:left;
    width:140px;
	height:500px;
    margin: 0px 0px 0px 40px;
    padding: 280px 0px 0px 0px;
    text-align:left;
    font-style:italic;
    font-size:13px;
    line-height: 16px;
    color:#8A8C8E;
}
#leftnav2 {
    float:left;
    width:140px;
	height:500px;
    margin: 0px 0px 0px 40px;
    padding: 250px 0px 0px 0px;
    text-align:left;
    font-style:italic;
    font-size:13px;
    line-height: 16px;
    color:#8A8C8E;
}
#leftnav > a {
    text-align:left;
    font-style:italic;
    font-size:13px;
    line-height: 16px;
    color:#8A8C8E;
    text-decoration:none;
}
#leftnav2 > a {
    text-align:left;
    font-style:italic;
    font-size:13px;
    line-height: 16px;
    color:#8A8C8E;
    text-decoration:none;
}
#prodleft {
    float:left;
    width:170px;
	height:1370px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    text-align:left;
    font-size:13px;
    line-height: 16px;
    color:#1F8E1F; 
}
#e3-aluminum {
    width:170px;
	height:100px;
    margin: 130px 0px 0px 0px;
}
#e3-aluminum > a {
     color:#1F8E1F; 
}
#e3-pink {
    width:170px;
	height:100px;
    margin: 130px 0px 0px 0px;
}
#e3-pink > a {
     color:#1F8E1F; 
}#e3-carbon {
    width:170px;
	height:100px;
    margin: 100px 0px 0px 0px;
}
#e3-carbon > a {
     color:#1F8E1F; 
}
#e2-aluminum {
    width:170px;
	height:100px;
    margin: 130px 0px 0px 0px;
}
#e2-aluminum > a {
     color:#1F8E1F; 
}
#e2-pink {
    width:170px;
	height:100px;
    margin: 130px 60px 0px 0px;
}
#e2-pink > a {
     color:#1F8E1F; 
}
#e2-carbon {
    width:170px;
	height:100px;
    margin: 100px 0px 0px 0px;
}
#e2-carbon > a {
     color:#1F8E1F; 
}
#prodright {
    float:left;
    width:170px;
	height:1370px;
    margin: 0px 80px 0px 100px;
    padding: 0px 0px 0px 0px;
    text-align:left;
    font-size:13px;
    line-height:16px;
    color:#1F8E1F; 
}

#e3-cinnamon {
    width:170px;
	height:100px;
    margin: 130px 60px 0px 0px;
}
#e3-cinnamon > a {
     color:#1F8E1F; 
}
#e3-green {
    width:170px;
	height:100px;
    margin: 130px 60px 0px 0px;
}
#e3-green > a {
     color:#1F8E1F; 
}
#e3-blue {
    width:170px;
	height:100px;
    margin: 100px 60px 0px 0px;
}
#e3-blue > a {
     color:#1F8E1F; 
}
#e2-cinnamon {
    width:170px;
	height:100px;
    margin: 130px 60px 0px 0px;
}
#e2-cinnamon > a {
     color:#1F8E1F; 
}
#e2-green {
    width:170px;
	height:100px;
    margin: 130px 60px 0px 0px;
}
#e2-green > a {
     color:#1F8E1F; 
}
#e2-blue {
    width:170px;
	height:100px;
    margin: 100px 60px 0px 0px;
}
#e2-blue > a {
     color:#1F8E1F; 
}
#accessories {
    width:752px;
	height:1340px;
    background-image:url('images/bg-accessories.gif');
    background-repeat:no-repeat;
    background-position: top center;
    margin: 0px 0px 0px 0px;
    padding: 30px 0px 0px 90px;
    text-align:left;
    color:#000000;
}
#included {
    width:750px;
	height:1360px;
    background-image:url('images/bg-included.png');
    background-repeat:no-repeat;
    background-position: top center;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 90px;
    text-align:left;
    color:#000000; 
}
#included > p {
    width:530px;
    text-align:left;
    color:#000000; 
}
#e2-colors {
    width:750px;
	height:500px;
    background-image:url('images/bg-e2-color.png');
    background-repeat:no-repeat;
    background-position: top center;
    margin: 0px 0px 0px 0px;
    text-align:left;
    color:#000000; 
}
#e3-colors {
    width:750px;
	height:500px;
    background-image:url('images/bg-e3-color.png');
    background-repeat:no-repeat;
    background-position: top center;
    margin: 0px 0px 0px 0px;
    text-align:left;
    color:#000000; 
}
#c1 {
    float:left;
    width: 140px;
	height:300px;
    margin: 180px 0px 0px 40px;
    color:#008000;
    text-align:left;
}
#c1 > h3 {
    text-align:left;
    color:#000000; 
    font-size:18px;
    line-height: 24px;    
}
#c2 {
    float:left;
    width:145px;
	height:300px;
    margin: 150px 0px 0px 0px; 
    color:#008000;
}
#c2 > h3 {
    text-align:left;
    color:#000000; 
    font-size:18px;
    line-height: 24px;    
}
#c3 {
    float:left;
    width:145px;
	height:300px;
    margin: 150px 0px 0px 0px;
    color:#008000;
}
#c3 > h3 {
    text-align:left;
    color:#000000; 
    font-size:18px;
    line-height: 24px;    
}
#c4 {
    float:left;
    width:140px;
	height:300px;
    margin: 150px 0px 0px 0px;
    color:#008000;
}
#c4 > h3 {
    text-align:left;
    color:#000000; 
    font-size:18px;
    line-height: 24px;    
}
#c5 {
    float:left;
    width:140px;
	height:300px;
    margin: 150px 0px 0px 0px;
    color:#008000;
}
#c5 > h3 {
    text-align:left;
    color:#000000; 
    font-size:18px;
    line-height: 24px;    
}
#dealer {
    width:750px;
	height:490px;
    background-image:url('images/bg-dealer.png');
    background-repeat:no-repeat;
    background-position: top center;
    margin: 0px 0px 0px 0px;
    text-align:left;
    color:#000000; 
}
#leftcol-x {
    float:left;
    width:500px;
	height:500px;
    margin: 25px 0px 0px 35px;
    text-align:left;
    font-size:13px;
    line-height: 18px;
    color:#000000;
}
#leftcol-w {
    float:left;
    width:500px;
	height:500px;
    margin: 0px 0px 0px 45px;
    text-align:left;
    font-size:13px;
    line-height: 18px;
    color:#000000;
}
#leftcol {
    float:left;
    width:345px;
	height:400px;
    margin: 0px 0px 0px 170px;
    text-align:left;
    font-size:13px;
    line-height: 18px;
    color:#000000;
}
#rightaccess {
    float:left;
    width:170px;
	height:500px;
    margin: 180px 0px 0px 470px;
    padding: 0px 0px 0px 0px;
    text-align:left;
    font-size:18px;
    line-height:35px;
    color:#000000; 
}
#rightcol {
    float:left;
    width:170px;
	height:400px;
    margin: 60px 0px 0px 0px;
    padding: 0px 0px 0px 20px;
    text-align:left;
    font-size:13px;
    line-height:35px;
    color:#000000; 
}

#rightcol > a {
    color:#000000; 
    text-decoration:none;
}
#leftcol > h1 {
 	padding: 40px 0px 20px 0px;
    text-align:left;
    font-size:29px;
    line-height:32px;
    color:#665A54;
}
#contact {
    width:750px;
	height:500px;
    background-image:url('images/bg-contact.png');
    background-repeat:no-repeat;
    background-position: top center;
    margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 90px;
}
#contact > p {
    margin: 0px 0px 0px 0px;
	padding: 00px 0px 0px 0px;
    text-align:left;
    font-size:13px;
    line-height:18px;
    color:#ffffff;
    margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
}
#demo {
    width:754px;
	height:490px;
    background-image:url('images/bg-demo.jpg');
    background-repeat:no-repeat;
    background-position: top center;
    margin: 0px 0px 0px 0px;
	padding: 00px 0px 0px 0px;
}
#demo > p {
    margin: 0px 0px 0px 0px;
	padding: 00px 0px 0px 0px;
    text-align:center;
    font-size:13px;
    line-height:18px;
    color:#ffffff;
    margin: 0px 0px 0px 0px;
	padding: 100px 0px 0px 0px;
}
#faq {
    width:750px;
	height:485px;
    background-image:url('images/bg-faq.png');
    background-repeat:no-repeat;
    background-position: top center;
    margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 30px;
    text-align:left;
}
#faq > p {
    color:#000000;
    margin: 0px 0px 0px 0px;
	padding: 10px 40px 0px 40px;
    text-align:left;  
    line-height: 18px;
}
#technology {
    width:754px;
	height:525px;
    background-image:url('images/bg-tech.gif');
    background-repeat:no-repeat;
    background-position: top center;
    margin: 0px 0px 0px 0px;
	padding: 00px 0px 0px 0px;
    text align:left; 
    font-style:italic;
}
#technology > p {
    color:#ffffff;
    margin: 0px 0px 0px 0px;
	padding: 10px 40px 0px 40px;
    text-align:left;  
    line-height: 18px;
}

#support {
    width:750px;
	height:490px;
    background-image:url('images/bg-support.gif');
    background-repeat:no-repeat;
    background-position: top center;
    margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
    text-align:left;
}
#e2 {
    width:750px;
	height:490px;
    background-image:url('images/bg-e2.gif');
    background-repeat:no-repeat;
    background-position: top center;
    margin: 0px 0px 0px 0px;
	padding: 00px 0px 0px 0px;
    text-align:justify;
    color:#000000;
	font-family: Gill Sans MT, Arial, Sans-serif;
    font-size:13px;
    line-height:16px;
}
#e2models {
    width:750px;
	height:554px;
    background-image:url('images/bg-e2models.gif');
    background-repeat:no-repeat;
    background-position: top center;
    margin: 0px 0px 0px 0px;
	padding: 00px 0px 0px 0px;
    text-align:left;
}
#e3 {
    width:750px;
	height:490px;
    background-image:url('images/bg-e3.gif');
    background-repeat:no-repeat;
    background-position: top center;
    margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
    text-align:justify;
    color:#000000;
	font-family: Gill Sans MT, Arial, Sans-serif;
    font-size:13px;
    line-height:16px;
}
/** headers */

/**this header for black backgrounds */
#header{    
    width:754px;
    height:176px;
    background-image:url('images/header.gif');
    background-repeat:no-repeat;
    background-position: top center;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
/**this header for light backgrounds */
#header2{    
    width:754px;
    height:176px;
    background-image:url('images/header2.gif');
    background-repeat:no-repeat;
    background-position: top center; 
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
/**this header for green background */
#header3{    
    width:754px;
    height:176px;
    background-image:url('images/header3.gif');
    background-repeat:no-repeat;
    background-position: top center;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px; 
}

/** navigation bar - button bar */
#navbar{
	clear:both;
    float:left;
    width:710px;
    height:45px;
    margin: 0px 0px 0px 0px;
    padding: 20px 0px 0px 35px;
    font-size: 12px;
    text-transform:uppercase;
    color:#6B6969;
    text-align:left;
}
#navbuttons {
	clear:both;
    float:left;
    height: 20px;
    width: 750px;
	margin: 0px 0px 0px 2px;
    padding: 2px 0px 0px 0px;
    text-align:left;
    font-size: 12px;
    color: #ffffff; 
}
#navb1 {
    /**background-image:url('images/company-nav.jpg');
    background-repeat:no-repeat;
    background-position: top left;**/
    float:left;
    height:63px;
    width: 98px;
	margin: 0px 2px 0px 15px;
    padding: 0px 0px 0px 0px;
    text-align:center;
    font-size: 12px;
    color: #ffffff; 
}
#navb2 {
    /**background-image:url('images/products-nav.jpg');
    background-repeat:no-repeat;
    background-position: top left;**/
    float:left;
    height:63px;
    width: 98px;
	margin: 0px 2px 0px 2px;
    padding: 0px 0px 0px 0px;
    text-align:center;
    font-size: 12px;
}
#navb3 {
    /**background-image:url('images/technology-nav.jpg');
    background-repeat:no-repeat;
    background-position: top left;**/
    float:left;
    height:63px;
    width: 98px;
	margin: 0px 3px 0px 3px;
    padding: 0px 0px 0px 0px;
    text-align:center;
    font-size: 12px;
 }
 #navctr {
    /**background-image:url('images/nav-mid.jpg');
    background-repeat:no-repeat;
    background-position: top left;**/
    float:left;
    height:63px;
    width: 110px;
	margin: 0px 5px 0px 5px;
    padding: 0px 0px 0px 0px;
    text-align:center;
    font-size: 12px;
 }
 #navb4 {
    /**background-image:url('images/e2-nav.jpg');
    background-repeat:no-repeat;
    background-position: top left;**/
    float:left;
    height:63px;
    width: 98px;
	margin: 0px 2px 0px 2px;
    padding: 0px 0px 0px 0px;
    text-align:center;
    font-size: 12px;
 }
 #navb5 {
    /**background-image:url('images/e3-nav.jpg');
    background-repeat:no-repeat;
    background-position: top left;**/
    float:left;
    height: 20px;
    height:63px;
    width: 98px;
    padding: 0px 0px 0px 0px;
    text-align:center;
    font-size: 12px;
 }
 #navb6 {
    /**background-image:url('images/news-nav.jpg');
    background-repeat:no-repeat;
    background-position: top left;**/
    float:left;
    height:63px;
    width: 98px;
	margin: 0px 2px 0px 2px;
    padding: 0px 0px 0px 0px;
    text-align:center;
    font-size: 12px;
 } 

/** class items */

a{text-decoration:none; color:inherit;}
a:hover {text-decoration: none;} 	
a:visited {text-decoration:none; color: inherit;} 
h1 { 
	font-family: Gill Sans MT, Arial, Sans-serif;
	font-size: 29px; 
    line-height: 32px;
    margin:0px 0px 0px 0px;
    padding:15px 0px 0px 40px;
    color: #ffffff;
    text-align: left;
} 
h2 { 
	font-family: Gill Sans MT, Arial, Sans-serif;
	font-size: 29px; 
    line-height: 32px;
    padding:12px 0px 0px 0px;
    color: #ffffff;
    text-align: left;
} 
h3 { 
	font-family: Gill Sans MT, Arial, Sans-serif;
	font-size: 18px; 
    line-height: 18px;
    padding:15px 0px 0px 40px;
    color: #9ECAB3;
    text-align: left;
}
h4 { 
	font-family: Gill Sans MT, Arial, Sans-serif;
	font-size: 18px; 
    line-height: 18px;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    text-align: left;
    color:#000000;
}
p {
	font-family: Gill Sans MT, Arial, Sans-serif;
	font-size: 13px; 
    line-height: 25px;
    padding:0px 0px 0px 40px;
    text-align: left;
}
.smcol {
	float: left;
    width: 250px;
    margin: 0px 0px 0px 10px;
    padding: 0px 0px 0px 0px; 
    color: #ffffff;
    text-align: left;
    line-height: 14px;
}