/* CSS Document */

body {
		font: 80% verdana, arial, helvetica, sans-serif;
		text-align: center; /* for IE */
		background-color: #2c2c2f;
	}
	
* {
margin: 0;
padding: 0;
}
.b1h, .b2h, .b3h, .b4h, .b2bh, .b3bh, .b4bh{font-size:1px; overflow:hidden; display:block;}
.b1h {height:1px; background:#aaa; margin:0 5px;}
.b2h, .b2bh {height:1px; background:#aaa; border-right:2px solid #aaa; border-left:2px solid #aaa; margin:0 3px;}
.b3h, .b3bh {height:1px; background:#aaa; border-right:1px solid #aaa; border-left:1px solid #aaa; margin:0 2px;}
.b4h, .b4bh {height:2px; background:#aaa; border-right:1px solid #aaa; border-left:1px solid #aaa; margin:0 1px;}
.b2bh, .b3bh, .b4bh {background: #ddd;}
.headh {background: #aaa; border-right:1px solid #aaa; border-left:1px solid #aaa;}
.headh h1 {margin: 0px 10px 0px 10px; padding-bottom: 3px; font-size:18px;}
.contenth {background: #ddd; border-right:1px solid #aaa; border-left:1px solid #aaa;}
.contenth div {margin-left: 12px; padding-top: 5px; padding-right: 10px}

.b1, .b2, .b3, .b4{font-size:1px; overflow:hidden; display:block;}
.b1 {height:1px; background:#888; margin:0 5px;}
.b2 {height:1px; background:#ddd; border-right:2px solid #888; border-left:2px solid #888; margin:0 3px;}
.b3 {height:1px; background:#ddd; border-right:1px solid #888; border-left:1px solid #888; margin:0 2px;}
.b4 {height:2px; background:#ddd; border-right:1px solid #888; border-left:1px solid #888; margin:0 1px;}
.contentb {background: #ddd; border-right:1px solid #888; border-left:1px solid #888;}
.contentb div {margin-left: 5px;}

.indented
   {
   padding-left: 50pt;
   padding-right: 50pt;
   }

.header { /*this defines how the product pitures will be displayed*/
margin: 0 auto;   /* align for good browsers */
text-align: left; /* counter the body center */
padding: 0px;
width:1050px;
}

.logo {
position:relative;
padding: 0px;
text-align: left;
}

.nav { /*this defines how the product pitures will be displayed*/
margin-top: -4px;
text-align: left; /* counter the body center */
padding: 0px;
position:relative;
}

.content-body { 
text-align: left;
margin: 0 auto;
padding: 0px;
width: 1050px;

}

.content-body-index { 
text-align: center;
margin: auto;
padding: 0px;
width: 1050px;
height: auto;
}

.content-left { /*this defines how the product pitures will be displayed*/
float: left;
text-align: left;
margin: 0 0;
padding: 0px;
width:530px;
}

.content-right { /*this defines how the product pitures will be displayed*/

float: right;
text-align: left;
margin: 0px 5px 0 0;
padding: 0px;
width:400px;
}

.content-right-margin { /*this defines how the product pitures will be displayed*/

float: right;
text-align: left;
margin: 20px 5px 0 0;
padding: 0px;
width:400px;
}

.content-right-fader { /*this defines how the product pitures will be displayed*/
float: right;
text-align: left;
margin: 0 0 0 0;
padding: 0px;
width:400px;

}

div.moofader { 
position: absolute;
margin: 10px 5px 0 0px;
padding: 5px;
color: #646066;
font-weight:bold;
}

li {
list-style-position:inside;
}


td {
font-size: 12px;
}

div.moofader img {
vertical-align: middle; 
text-align: center;
font
}

		div.navigation {
			position: relative;
			text-align:right;
			vertical-align:bottom;
			padding: 3px;
			background: #2c2c2f;
			z-index: 1;
			color: grey;
		}
			div.navigation span {
				margin: 1px;
				font-size: .75em;
			}
				div.navigation span.previous,
				div.navigation span.next { font-size: 1.0em; }
				div.navigation span.previous:hover,
				div.navigation span.next:hover {
					color: white;
					cursor: pointer;
}
				
a:hover, a:active, a:focus {
       text-decoration: underline;
}


a:visited {
   color: blue;
}

a.small_link:link { color: #2c2c2f; font-size: 4px; text-decoration:none; } 
a.small_link:visited { color: #2c2c2f; font-size: 4px; text-decoration:none; } 
a.small_link:active { color: #2c2c2f; font-size: 4px; text-decoration:none; } 

a.small_link2:link { color: #646066; font-size: 10px; text-decoration:none; } 
a.small_link2:visited { color: #646066; font-size: 10px; text-decoration:none; } 
a.small_link2:active { color: #646066; font-size: 10px; text-decoration:none; } 

h2 {
color:#00FFCC;
}

.footer {
margin: 15px 0 0 0;
float:none;
color:#646066;
vertical-align:text-bottom;
text-align: center;

}

.formbox1
{ border: #CC0000 1px solid; font-size: 12px; color: #000000; font-weight: normal; font-family: arial; background-color: #EEEEEE; text-decoration: none;
}
.formbox2
{ border: #CC0000 1px solid; font-size: 12px; color: #000000; font-weight: normal; font-family: arial; background-color: #FFFFFF; text-decoration: none;
}
.button
{ border: font-size: 11px; color: #646066; font-weight: normal; font-family: arial; background-color: #2DE8D0; text-decoration: none;
} 

.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

a.button {
    background: transparent url('images/bg_button_a.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.button span {
    background: transparent url('images/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
}

a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
}