﻿body {margin:0; padding:0; background: #E6E8E7 url("images/rez_top.jpg") top repeat-x}
form {margin:0; padding:0}

tr {font:11px/14px tahoma, arial, helvetica, sans-serif; color:#0E0D09; vertical-align:top;  text-align:left;}

td {
	color: #000000;
	vertical-align: top;
	text-align: left;
}

.end{ color:#6A6A6A; text-decoration:none; padding:15px 0 30px 0; text-align:center}
.end span{ color:#629437;}
.end a{ color:#629437; text-decoration:underline;}
.end a:hover{ color:#629437; text-decoration:none;}



a{ color:#D38B0B; text-decoration:underline;}
a:hover{ color:#D38B0B; text-decoration:none;}
span a{
	color: #000000;
	text-decoration: underline;
}
span a:hover{ color:#97B325; text-decoration:none;}

.ins td strong a{ color:#629437; text-decoration:underline;}
.ins td strong a:hover{ color:#629437; text-decoration:none;}

.h1{ height:29px; background:url('site_images/CS_logo_icon.png') top left no-repeat;}
.h2{ height:29px; background:url('site_images/CS_logo_icon.png') top left no-repeat;}
.h3{ height:29px; background:url('site_images/CS_logo_icon.png') top left no-repeat;}

.deep td{
	line-height: 12px;
	color: #000000;
	font-size: 11px;
}
.deep td a{  color:#FFF1AE; text-decoration:underline}
.deep td a:hover{ color:#FFF1AE; text-decoration:none}





.r1 ul { margin:0; padding:0; list-style:none; line-height:22px;}
.r1 li { background:url("images/r1.gif") center left no-repeat; margin:0 0 0 0; padding:0 0 0 15px;}
.r1 li a { color:#0E0D09; text-decoration:underline;  background-position:left center;}
.r1 li a:hover { text-decoration:none; color:#0E0D09;}

.r2 ul { margin:0; padding:0; list-style:none; line-height:16px;}
.r2 li { background:url("images/r2.jpg") center left no-repeat; margin:0 0 0 0; padding:0 0 0 11px;}
.r2 li a { color:#97B325; text-decoration:underline;  background-position:left center;}
.r2 li a:hover { text-decoration:none; color:#97B325;}


/*###*/
.menu td a {height:41px;display:block;text-decoration:none;}
.menu td a:hover {text-decoration:none;}

.menu td.m1 a  {width:90px;height:36px; background:url("images/m1.jpg") no-repeat;}
.menu td.m1 a:hover {background:url("images/m1m.jpg") no-repeat top; }
.menu td.m2 a{width:84px;height:36px; background:url("images/m2.jpg") no-repeat;}
.menu td.m2 a:hover {background:url("images/m2m.jpg") no-repeat; }
.menu td.m3 a  {width:102px;height:36px; background:url("images/m3.jpg") no-repeat;}
.menu td.m3 a:hover {background:url("images/m3m.jpg") no-repeat; }
.menu td.m4 a  {width:109px;height:36px; background:url("images/m4.jpg") no-repeat;}
.menu td.m4 a:hover {background:url("images/m4m.jpg") no-repeat; }
.menu td.m5 a  {width:67px;height:36px; background:url("images/m5.jpg") no-repeat;}
.menu td.m5 a:hover {background:url("images/m5m.jpg") no-repeat; }
/*###*/

.f1 td input{ width:214px; height:20px; font-family:tahoma; font-size:11px; color:#D38B0B; font-weight:bold; padding:1px 0 1px 3px; margin:0 0 5px 0;}
.f1 td textarea{ width:214px; height:147px; font-family:tahoma; font-size:11px; color:#D38B0B; font-weight:bold; padding:1px 0 1px 3px;  overflow:auto;}


/*# image gallery #*/ 

.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
	border: 1px solid black;
}

.thumbnail span{ /*CSS for enlarged image*/
	position: absolute;
	background-color: #CCCCCC;
	padding: 5px;
	left: -1000px;
/*	border: 1px dashed gray; */
	visibility: hidden;
	color: black;
	text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
	visibility: visible;
	top: -397px;
	left: 3px; /*position where enlarged image should offset horizontally */
	z-index: 50;
}

/*# CSS Main Site Navigation #*/
.buttonscontainer {width: 155px;}

.buttons a {color: #000000;
background-color: ;
padding: 2px;
padding-left: 3px;
display: block;
border-bottom: 1px solid #D38B0B;
font-family:"Trebuchet MS"; 
font-size:11px;
/*font: 11px Trebuchet MS, sans-serif;*/
font-weight: bold;
text-decoration: none;
text-align: left;}

.buttons a:hover {background-color: #E6E6E6;
color: #629437;
text-decoration: none;}

/*# CSS Products Navigation #*/
.buttonscontainer2 {
	width: 170px;
}

.buttons2 a {color: #D38B0B;
background-color: ;
padding: 2px;
padding-left: 3px;
display: block;
font-family:"Trebuchet MS"; 
font-size:11px;
/*font: 11px Trebuchet MS, sans-serif;*/
font-weight: bold;
text-decoration: none;
text-align: left;}

.buttons2 a:hover {background-color: #E6E6E6;
color: #000000;
text-decoration: none;}
