﻿/**overflow hidden allows the description to toggle up and down**/
.main_image{width:390px;height:210px;float:left;background:#000;position:relative;overflow:hidden;color:#fff;border-left:2px solid #661722;z-index:1;position:relative;}
.main_image h2 {font-size:2em;font-weight:normal;margin:0 0 0px;padding:10px;}
.main_image p {font-size:1.2em;line-height:1.6em;padding:10px;margin:0;}

/** we will use this same style on the thumbnail list**/
.block small {font-size:1em;padding: 0 0 0 20px;}

.main_image .block small{margin-left:10px;}
.main_image .desc{position:absolute;bottom:0;left:0;text-align:right; /** sticks desc class at the bottom of the container**/width:100%;/**hide desc by default**/}
.main_image .block {width:100%;background-color:#78af72;border-top:1px solid #000;}
.main_image .block h2{font-size:14pt;color:White;}
.main_image .block a{font-size:14pt;color:White;text-decoration:none;}

/** this is the hide/show table. Text-indext hides text, known as image replacement**/
.main_image a.collapse {height:27px;width:93px;text-indent:-99999px;position:absolute;	top:-27px;right:20px;}
.main_image a.show {background-position:left bottom;}

/**************************************************************************************************************/

.image_thumb{float:left;width:120px;background-color:#fff4df;border:0}
.image_thumb ul {margin:0;padding:0;list-style:none;}
.image_thumb ul li {margin:0;padding:7px 10px;background-color:#fff4df;width:100px;float:left;border-top:1px solid #000;color:#000;height:27px;}
.image_thumb ul li.hover {/**Hover state**/ background-color:#d3c2af;cursor:pointer;}
.image_thumb ul li.active {/**Active state**/ background-color:#fff;cursor:pointer;}
html .image_thumb ul li.h3{margin:5px;padding:0;font-size:1.5em;}
 .image_thumb ul li block.{float:left;margin-left:10px;padding:0;width:80px;}	
 .image_thumb ul li p{color:Black;text-align:center;margin:0;}/**hide the description on the list item**/
 .image_thumb ul li p a{text-decoration:none;color:Black;}
 .image_thumb ul li p a span{color:Red;}
