img {border:none}
a.tooltip  {float:left; border: solid 2px #fff; margin-right:10px; margin-bottom:5px; width:115px; height:70px; display:block ; overflow:hidden;}
a.tooltip img  {max-width:115px; max-height:70px}
a.tooltip:hover  {border: solid 2px #dfe5e8}
.hide { display: none; }

.tooltipview {
    display:none;
    padding-bottom:23px;
    background:url(images/bottom_tt.gif) bottom left  no-repeat;
}
.tooltipview div {
    width:300px;
    border-top: solid 2px #ccc;
    border-left: solid 2px #ccc;
    border-right: solid 2px #ccc;
    padding:15px;
    background:#f6f9fb;
}


div.scrollable {
    height:80px;
    overflow:hidden;
    position:relative;
    width:506px;
}
/*
    root element for scrollable items. Must be absolutely positioned
    and it should have a extremely large width to accomodate scrollable items.
    it's enough that you set width and height for the root element and
    not for this element.
*/
div.scrollable div.items {
    /* this cannot be too large */
    width:20000em;
    position:absolute;
}

/*
    a single item. must be floated in horizontal scrolling.
    typically, this element is the one that *you* will style
    the most.
*/
div.scrollable div.items div {
    float:left;
}

/* you may want to setup some decorations to active the item */
div.items div.active {
    border:1px inset #ccc;
    background-color:#fff;
}


/* this makes it possible to add next button beside scrollable */
.scrollable {
	float:left;
}

/* prev, next, prevPage and nextPage buttons */
a.browse {
	background:url(images/sprite-slider.png) no-repeat;
	display:block;
	width:38px;
	height:75px;
	float:left;
	margin:0 10px;
	cursor:pointer;
	font-size:1px;
}

/* right */
a.right 		{ background-position: 0 -75px; clear:right; margin-right: 0px;}
a.right:hover 	{ background-position:-38px -75px; }
a.right:active 	{ background-position:-76px -75px; }


/* left */
a.left			{ margin-left: 0px; }
a.left:hover  	{ background-position:-38px 0; }
a.left:active  	{ background-position:-76px 0; }


/* disabled navigational button */
a.disabled {
	visibility:hidden !important;
}
.tooltips .tip h3.tiph3 {
  font-size:18px !important;
  padding:0 0 20px 0;
  margin:0;
  font-weight:bold;
  color:#333333
}