/*
*	Non-Standard Transmenu; 
*	Customized: alex.smoljanovic@thewebshop.ca | http://www.thewebshop.ca/
*/

.transMenu .background
{
	background:white !important;
}

.top .background
{
	background:white !important;
}


.transMenu 
{
	position: absolute;
	left: -1000px;
	top: -1000px;
	z-index:1000 !important;
	
	overflow: hidden;
	
	color:#ffffff !important;
	margin:0px 0px 0px -2px ;

}

.transMenu table
{
	
}

.transMenu .content 
{
	position: absolute;
}

.transMenu .items 
{
	z-index: 6;
	left: 0px; 
	position: relative; 
	top: 0px;	
	
	border-left:1px solid #dddddd;
	border-right:1px solid #dddddd;
	border-top:1px solid #dddddd;
}


.top .items 
{
	border-top:1px solid #dddddd;
}

.top .item td
{
	color:#343434 !important;
	border-bottom:1px solid #dddddd !important;
}

.transMenu .item td
{
	color:#343434;
	padding:10px 10px 10px 16px !important;	
	border-bottom:1px solid #dddddd;
}


.transMenu .item 
{

	z-index:5;
	border-right: medium none; 
	border-top: medium none; 
	border-left: medium none; 
	
	font:12px Verdana, Arial, Helvetica, sans-serif !important;
	font-weight:normal !important;
	cursor: pointer; 
	text-decoration: none;
}

.transMenu .background 
{
	z-index: 4; 
	opacity:.90;
	filter: alpha(opacity=90); 
	left: 0px; 
	position: absolute; 
	top: 0px; 
	
}
.transMenu .shadowRight 
{
	display:none;
	z-index: 3; 
	filter: alpha(opacity=30); 
	opacity:.3; 
	width: 2px; 
	position: absolute; 
	top: 3px; 

}
.transMenu .shadowBottom 
{
	display:none;
	z-index: 1; 
	filter: alpha(opacity=30); 
	opacity:.3;
	left: 3px; 
	position: absolute; 
	height: 2px; 

}
.transMenu .hover 
{
	background: #E2A248; 
}

.top .hover td
{
	background:#E2A248 !important
}

.transMenu .hover td
{
	color: white;
}

.top .hover td
{
	color: white !important;
}

.transMenu .item img 
{
	margin-left: 10px;
}




/*
*	fix the crap above and below...
*	wow.. make sure you don't inherit display for tr.item, 
*	Internet Explorer will literally soil him self infront of your eyes.. man i love that internet exploiter - alex
*/
.items tr 
{
	visibility:collapse;
}

.items tr  img
{
	display:none;
}

.items tr.item 
{
	visibility:visible
}

.items tr.item  img
{
	display:inline;
}