a img {	border:0px solid #fff; }

a img:hover {	background-color: #FBFFDD }

.slider_element_text {
	overflow: auto;
}

.slider_element_image {
	border: 0px;
}

/*
 UP SELLING CLASSES & IDs
 	
 <span id="up_selling_container" class="up_selling_container">
	<div class="upselling_message"/>	
	  
	  <ul id="list-[name]" class="upselling_list">
		<li class="item fl" id="item_[topindex]_[itemindex]">
			<table class="item_table">
				<tr>
					<td><a><span class="slider_element_image"/></a></td> 	
	            	<td>
	            		<table>
	            			<tr class="text_row"><td><a><span class="slider_element_text" /></a></td></tr>
							<tr class="info_row"><td></td> 
								    <td><a><img class='icon tooltip'/></a></td>
								    <td/>
									<td/>	
							</tr>
						</table>
					</td>
				</tr>
			</table>
        </li>
		[... <li/>]
	  </ul>
	</div>
 </span>
 */

 .upselling_list {
 	padding-left: 0;
	margin-left: 0;
	border-bottom: 1px solid gray;
	width: 90%;
 }
 
 .upselling_list li {
 	display: list-item;
	list-style: none;
	margin: 0;
	padding: 0.25em;
	border-top: 1px solid gray;
	width: 100%;
 }
 
 .upselling_list li .item_table {
 	width: 100%;
 }
 
 .upselling_list li .item_table tr {
 	width: 100%;
 } 
 .upselling_list li a {
 	text-decoration: none;
 }
 
 
.keylabel {
 display: inline;
}

.keylabel img.icon {
	width: 15px;
	border: 0px;
}

img.icon {
	width: 15px;
	border: 0px;
}

img.medium {
	width: 64px;
	border: 0px;
}

a img.icon:hover, a img.medium:hover {
	background-color: yellow;
}

#admin_panel {
	position: fixed;
	top: 10px;
	left: 900px;
	border: 1px;
	background-color: #dddddd;
}

#admin_panel img:hover {
	background-color: yellow;
}

#admin_panel img, #admin_panel_menu img.icon {
	width: 15px;
}

#admin_panel_menu {
	width: 350px;
	display: none;
}

.profiler_subgroup {
	display: none;
	border: 1px solid gray;
}

// for image captions...
.caption-top, .caption-bottom {
	color: #ffffff;	
	padding: 1.2em;	
	font-weight: bold;
	font-size: 13px;	
	font-family: arial;	
	cursor: default;
	border: 0px solid #334143;
	background: #000000;
}
.caption-top {
   border-width: 0px 0px 8px 0px;
}
.caption-bottom {
   border-width: 8px 0px 0px 0px;
}
.caption a, .caption a {
	border: 0 none;
	text-decoration: none;
	background: #000000;
	padding: 0.3em;
}
.caption a:hover, .caption a:hover {
	background: #202020;
}
.caption-wrapper {
	float: left;
}
br.c { clear: both; }
// for image captions...
 
.bodyTd2 {padding:5px 5px 5px 5px;background:#FFFFFF}