/* CSS Document */
#main_middle a{ text-decoration:none;}
#main_middle {height: 210px;width: 980px;font-family:Arial, Helvetica, sans-serif; background-color:#000;}
.bottomBorder { /* thin black border under cells */width: 100%;height: 10px;background-color:#000;}
.rightBorder { /* thin black border between tiles */width:10px;height:200px;background-color:#000;float:left;}

/* Single Cell css begins  */
.cell {width: 320px;height: 200px;/*display: block;*/background:#FFF;float:left;}
.cell ul,
.cell li{padding: 0;margin: 0;list-style-type: none;}
.cell .thumbImage {position: absolute;clip: rect(0px,auto,auto,0px);z-index:2;}
.cell .thumbTitle {position: absolute;clip: rect(0px,auto,auto,0px);z-index:3;width:305px;height: 14px;	padding-top:4px;padding-right: 5px;padding-bottom: 5px;padding-left: 10px;color:#CCC;font-size:11px; background: rgb(32, 32, 32); background: rgba(32, 32, 32, .75); border-top-width: 0px; border-top-color:#999; border-top-style:solid;   text-shadow:1px 1px #000; text-transform:uppercase;}
.cell .thumbImageSpace {z-index:4; height: 174px;}

.cell .thumbBack {position: absolute;width:320px;height: 26px;clip: rect(0px,auto,auto,0px);z-index:1;background-image: none;background-color:#FFF;color:#333;font-size:12px;}
.cell a:hover .thumbBack {z-index:5;}
.cell .thumbBack .backTop,
.cell .thumbBack .backMiddle,
.cell .thumbBack .backBottom {width:135px;padding-top: 5px;padding-right: 10px;padding-bottom: 5px;padding-left: 10px;}
.cell .thumbBack .backTop {height: 15px;font-size:12px;text-transform: uppercase;}
.cell .thumbBack .backMiddle {height: 93px;border-top-width: 1px;border-bottom-width: 1px;border-top-style: solid;border-bottom-style: solid;border-top-color: #666;border-bottom-color: #666;}
.cell .thumbBack .backBottom {height: 15px;font-size:10px;}
.cell .thumbBack .backTitle {width:305px;height: 14px;	padding-top: 4px;padding-right: 5px;padding-bottom: 5px;padding-left: 10px;color:#999;font-size:10px;background-position: left top; border-top-width: 1px; border-top-color:#999; border-top-style:solid;}

/* Form CSS */

.thumbFrontText {width:auto; height:auto; font-size:12px; color:#fff;display:block; text-align:center;}



#appSpotlight{background-image: url(../images2011/mainpage/thumb_news_t_bw.jpg);background-repeat: no-repeat;}
#samplingGallery{background-image: url(../images2011/mainpage/thumb_samplinggallery_bw.jpg);background-repeat: no-repeat;}
#distributors{background:url(../images2011/mainpage/thumb_safety_white.jpg) no-repeat}
#brochures{background:url(../images/homecells/homecell-pdf-th.jpg) no-repeat}


/*news slideshow css*/

#news .clear {clear:none}
#news #gallery {
	position:relative;
	height:114px;
	width:280px;
	z-index:200;
	border-bottom-color:#CCC;
	border-bottom-width:1px;
	border-bottom-style:dotted;
	margin-left: auto;
    margin-right: auto;
	padding-top:0px;
	padding-bottom:10px;}
#news #gallery a {float:left;position:absolute;}
#news #gallery a img {float:left; padding-top:34px; padding-left:20px; width:120px; -webkit-border-radius: 10px; -moz-border-radius: 10px 10px 10px 10px; border-radius: 10px 10px 10px 10px;}
#news #gallery a.show {z-index:500}
#news #gallery .caption {z-index:600; height:26px; float:right; color:#CCC;font-size:11px;font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; padding-top:34px; padding-right:20px; width:140px; line-height:14px;}
#news #gallery .caption .content {margin:5px; padding-left:10px}
#news #gallery .caption .date{color: #39C;}

/* Backgrounds */

.greycell {background-image:url(../images/background/homecell-background.jpg)}