@charset "utf-8";
/* default CSS Document */
* {
	margin: 0px;
	padding: 0px;
	}

body {
	font-family: Tahoma, Geneva, Arial, sans-serif;
	font-size: .8em;
	background-color: #ffffff;
text-align: center;
	color: #787069;
}
p {
padding: 10px 10px 8px 10px;
	margin: 0;
line-height: 1.2em;
text-align: left;
}

h1 {
	color: #787069;
	font-size: 1.9em;
	padding: 0px;
	text-align: center;
	margin-bottom: 0.25em;
}

h2 {
        font-size: 2em;
        font-weight: 200;
	color: #787069;
	padding-top: 0.5em;
        margin-bottom: 1em;
        text-align: center;
        text-transform:uppercase;
}
h3 {
	font-size: 1.1em;
	color: #787069;
	text-align: left;
	line-height: 1.3em;
	margin-bottom: 0.75em;
	margin-top: .5em;
}
h4 {
	font-size: 1.4em;
	color: #787069;
	text-align: center;
	padding-top: 1em;
	padding-bottom: 0.5em;
}
h5 {
	font-size: 1.1em;
	color: #CC0000;
	padding-top: 1em;
	margin-right: 50px;
	margin-left: 50px;
}
h6 {
	font-size: 0.85em;
	color: #787069;
}



ul {
	margin-right: 10px;
	list-style-type: none;
	line-height: 2em;
}
a:link {
	font-size: 1em;
	text-decoration: none;
color:#000066;	
}

a:visited {
	font-size: 1em;
	text-decoration: none;
color: #000066;
}

a:hover {
	font-size: 1em;
	text-decoration: none;
color: #787069;
}

table,th,td
{
	border: 0px;
}

table p{
margin: 0 0 0 27px;
}
td {
	margin-right: auto;
	margin-left: auto;
padding-bottom: 10px;
border: 0;
	width: auto;
margin-top: 0;
}
#wrapper {
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0.5em;
	text-align: left;
}
table p {
	padding: 0;
	border-width: 0px;
	border-style: none;
	color: #787069;
	margin: 0 0 0 7px;
	text-indent: 0;
	line-height: 1.4em;
}

#leftcolumn {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	width: 170px;
	float: left;
	text-align: left;
}
#leftcolumn p{
padding: 0px 10px 5px 10px;
	margin: 0;
line-height: 1.2em;
}
#leftcolumn a{
color: #787069;
}

#leftcolumn a:link {
	text-decoration: none;
	color: #787069; /*middle gray*/
}
#leftcolumn a:visited {
	color: #787069;
	text-decoration: none;
}
#leftcolumn a:hover {
	color: #000066;
	text-decoration: none;
}
#lefttop {
	margin-left: 0;
	margin-top: 0.0em;
	margin-bottom: 0.0em;
letter-spacing: 0.5em;
}
/* ____________left navigation____________ */
#leftnav {
	margin-top: 0px;
	margin-left: 0px;
	border-right 1px solid #ffffff;
	color: #787069;
	font-size: 1em;
	font-weight: normal;
}
#leftnav a {
	font-weight: normal;
	color: #787069;
}

#leftnav a:link {
	text-decoration: none;
	color: #787069; /*middle gray*/
}
#leftnav a:visited {
	color: #787069;
	text-decoration: none;
}
#leftnav a:hover {
	color: #000066;
	text-decoration: none;
}
#leftnav li {
	color: #787069;
	font-weight: bold;
	margin-right: 0px;
text-transform: capitalize;}
#leftnav ul  {
	margin-right: 0px;
	margin-bottom: 0em;
	margin-left: 5px;
	text-align: left;
	font-size: 1em;
	text-decoration: none;
	padding-left: 5px; 
}
#leftnav ul li {
	color:  #787069;
	text-decoration: none;
	font-weight: normal;
	line-height: 1.2em;
	font-size: .97em;
}
#leftnav ul  li li {
	color: #787069;
	font-size: .93em;
text-transform: capitalize;}

#causemenu {
	border-right: 1px solid #c3c3c3;
	line-height: .98%;
	margin-top: 5px;
margin-left: 5px;
font-size: 97%;
text-transform: capitalize;
}

/* ____________banner for products page____________ */
#banner {
       	margin: 0 0 0 0;
	padding: 0 0 0 0;
	float: right;
        width: 614px;
}
#bannerblock {
float: left;
width: 130px;
margin: 0 0px 0 0;
}

#bannertext {
float: right;
width: 484px;
margin: -14px 0 0 0px;

}
#bannertext p{
margin-bottom: -.2em;}

/* ____________banner for default page____________ */
#banner2 {
text-align: center;
font-size: 110%;
padding: 0;
margins: 0;
}
#banner2 p {
padding: 0;
margins: 0;
}
/* ____________banner for color page____________ */
#colorsbanner {
width: 93%;
text-align: center;
}

#colorsbanner p {
text-align: center;
}

/* -----------content ------------- */
#content {
	margin: 0 0 0 0;
	padding: 0 0 0 0px;
	float: right;
	background: #ffffff;
        width: 613px;
        font-size: 1em;
        color: #787069; /*middle gray*/ 
}
#content h1 {
	margin-top: .5em;
}
#content h2 {
margin-top: .5em;
font-size: 1.5em;
text-transform: uppercase;
text-align: center;
margin: 0 0 0 0;
}

#content ul {
	text-align: left;
	color: #787069;
	font-size: .9em;
/*	margin: .5em 75px 0.25em; */
}
#content li {
	line-height: 1.3em;
/*	list-style: disc;	*/
	margin-left: 25px;
	padding-top: 0.5em;
}

#content a:hover {
border: 0;
}

#content a:visited {
color:#000066;	
text-decoration: none;
border: 0;
}

#rtcolumn {
	width: 615px;
	border-left: 0px solid #787069;
	border-right: 0px solid #787069;
	
	margin-left: 175px;
}

#rtcolumn ul {
	text-align: left;
	margin-left: 25px;
	margin-top: 0.5em;
	margin-bottom: .75em;
	padding-bottom: 0px;
	margin-right: 30px;
}
#rtcolumn li {
	margin-left: 25px;
	margin-top: 0.125em;
	margin-bottom: 0px;
	padding-bottom: 0px;
	font-weight: bold;
}
#headerphoto{
        float: center;
        text-align: center;
margin: 6px 0 20px 0;
     }  
/*     
.floatcolumnrt {
	float: right;
	margin-left: 15px;
	width: 216px;
	margin-right: 65px;
	border-width: 1px;
	border-style: solid;
	border-color: #fff;
	padding-right: 5px;
}
.floatcolumnrt h3 {
	margin-right: 5px;
	margin-left: 5px;
	text-align: left;
}
.floatcolumnrt h5 {
	margin-right: 10px;
	margin-left: 10px;
}
.floatcolumnrt h6 {
	margin: 0.25em 10px 1em;
}
.floatcolumnrt p {
	margin-right: 10px;
	margin-left: 10px;
}
.floatcolumnleft {
	float: left;
	margin-left: 25px;
	margin-right: 0px;
	margin-top: 1em;
	padding-right: 0px;
}

*/
#contact {font-size: 1.1em; text-align: center; margin: 0 20px 20px 20px; line-height: 1.5em;}

#footer {
	clear: both;
font-size: 12px;
	background-color: #ffffff;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0.0em;
	margin-bottom: 0em;
	border-top: 1px solid #c3c3c3;
text-align: center;
	color: #5B5751;
}
#footer p {
	margin-left: 10px;
	margin-right: 10px;
	text-align: center;
}
#footer a:link {
	text-decoration: none;
	font-size: .85em;
	color:  #6f6760;
}


/* here follows the brillant "no-extra-markup" clearing method devised by Tony Aslett - www.csscreator.com */
/* simply add the clearfix class to any containter that must enclose floated elements */
/* read the details of how and why this works at http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
    content: ".";              /* the period is placed on the page as the last thing before the div closes */
	display: block;          /* inline elements don't respond to the clear property */ 
    height: 0;                  /* ensure the period is not visible */
    clear: both;               /* make the container clear the period */
    visibility: hidden;	     /* further ensures the period is not visible */
}

.clearfix {display: inline-table;}   /* a fix for IE Mac */

/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}

/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */
.centeredBox {
	margin-right: 65px;
	margin-left: 65px;
}
.infocolumn {
	float: right;
	width: 108px;
	margin-right: 10px;
	margin-left: 10px;
	border: 2px solid #787069;
}
#content h3 {
margin-top: .9em;	
margin-bottom: .2em;
	font-size: 1.1em;
	line-height: 1em;
	color: #787069;
}
	


/* ______ Alignment classes__________________ */ 
.floatleft {
	float: left;
	margin-right: 15px;
}
.floatright {
	float: right;
	margin-left: 10px;
	margin-top: 0.5em;
	padding-left: 10px;
	margin-right: 65px;
}
.floatright p {
	margin: 0px 0px 1em;
	font-size: .9em;
	padding-top: 0.25em;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	text-align: center;
}
.center {text-align: center;}

.indent10 {margin-left: 10px;}
.indent25 {margin-left: 25px;}
.indent50 {margin-left: 50px;}
.indent60 {margin-left: 60px;}
.indent70 {margin-left: 70px;}
.indent80 {margin-left: 80px;}
.indent90 {margin-left: 90px;}
.indent100 {margin-left: 100px;}
.indent110 {margin-left: 110px;}
.indent120 {margin-left: 120px;}

/* ______ Style classes__________________ */
.f8 {font-size: .7em;}

.f9 {font-size: .75em;}
.f10 {font-size: .95em;}
.f12 {font-size: 1em;}

.linktitle {
text-align: center;
font-size: 1.2em;
text-transform: uppercase;
font-weight: 500;
}


.choose {
	font-size: 0.875em;
	line-height: 1.7em;
}

.blockcaption {
text-align: center;
padding-top: 2px; /*  for ie */
padding-top: 5px; /*  for ie */
padding-right: 0;
padding-left: 0;
font-size: 0.75em;
}
/* ______________ Images __________________ */

img.floatLeft { 
    float: left; 
    margin: 4px; 
}
img.floatRight { 
    float: right; 
    margin: 4px; 
}

img.marginleft20 {
margin-left: 20px;
}

img {
border: 0;
}


.popthumb {
border: 0;
}

.popthumbr {
border: 0;
float: right;
}
.popthumbl {
border: 0;
float: left;
}
.bannerlinks {
margin: 0 0 0 0;
padding-left: 8px;
padding-top: 0;
font-size: .9em;
line-height: .2em;} /* single space table rows */} 
#zemContactForm {
padding-left: 5px;
margin-top: 0px;
text-align: left;
font-size: .8em;
}
#zemContactForm {
padding-left: 5px;
margin-top: 0px;
text-align: left;
font-size: .8em;
}
#zemContactForm fieldset {
   border: none;
   }
#zemContactForm legend {
   padding: 0.5em 6px 0.5em 0px;
/*    width: 60px; */
   }
#zemContactForm label {
   margin: 0.3em 4px 0px 0;
  text-align: left; 
   }

#zemContactForm br {
   clear: left;
   }
#zemContactForm #zemSubmit {
   margin: 0.5em 0 0 70px;
   }
.zemRadio {
margin-left: 44px}