/* MilanStyledMainPages colored ovverridden css tags */
/* Id							: $Id: //depot-ictweb/web/main/www/tomtom.com/lib/css/milanstyledfoldbox_blue.css#5 $
 * Header					: $Header: //depot-ictweb/web/main/www/tomtom.com/lib/css/milanstyledfoldbox_blue.css#5 $
 * DateTime				: $DateTime: 2007/09/28 17:00:06 $
 * Change					: $Change: 113661 $
 * Perforce File	: $File: //depot-ictweb/web/main/www/tomtom.com/lib/css/milanstyledfoldbox_blue.css $
 * Revision				: $Revision: #5 $
 * Author					: $Author: keve $
 * Created by			: Kees van Veen
 * Creation Date	: 29/08/2007
 */

.info-blok_blue{
	margin-bottom:5px;
}

.info-blok_blue .info-titel{
	font-weight:bold;
	padding-left:30px;
	padding-top:12px;
	display:block;
	height:26px;
	text-decoration:none;
	background:url(/lib/img/milan/info-blok-uitklapboven_blue.jpg) left top no-repeat;
	}

.media .image-overlay, .flashvlak .image-overlay {
	position:absolute;
	top:0px;
	left:0px;
	background:url(/lib/img/milan/media-overlay_blue.gif);
	width:323px;
	height:242px;
}

.info-blok .info-titel{
	font-weight:bold;
	padding-left:30px;
	padding-top:12px;
	display:block;
	height:26px;
	text-decoration:none;
	background:url(/lib/img/milan/info-blok-uitklapboven_blue.jpg) left top no-repeat;
	}

.info-blok .info-titel:hover{
	background:url(/lib/img/milan/info-blok-uitklapboven_blue.jpg) left top no-repeat;
	}

.info-blok-closed .info-titel {
	background:url(/lib/img/milan/infoblok-inklap_blue.jpg) left top no-repeat;
}
.info-blok-closed .info-titel:hover {
	background:url(/lib/img/milan/infoblok-inklap-hover_blue.jpg) left top no-repeat;
}

.info-content_blue li, .overviewcomponent_blue li {
	background:transparent url(/lib/img/milan/green-bullet_blue.gif) no-repeat scroll 4px 3px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	padding-left:30px;
	text-decoration:none;
}
.info-content li, .overviewcomponent li{
	list-style:none;
	background:url(/lib/img/milan/green-bullet_blue.gif) 4px 3px no-repeat;
	padding-left:30px;
	text-decoration:none;
}

/* Outlining small bullets more to the right. middle of big one */
#products-category .info-content li, #products-category .overviewcomponent li {
	background:url(/lib/img/milan/green-bullet_blue.gif) 10px 3px no-repeat;
	padding-left:30px;
	font-size: 12px;
}
#products-category .overviewcomponent li.selected {
  background:url(/lib/img/milan/green-bullet_blue.gif) 6px 0px no-repeat;
}
.medialist li.selected {
	background:url(/lib/img/milan/features-bolletje_blue.gif) 0px 1px no-repeat;
}
.medialist li.selected a {
  text-decoration:none;
	/*background:url(/lib/img/milan/feature-hover_blue.gif) bottom right no-repeat;*/
}
.media .textbrowser, .flashvlak .textbrowser {
	position:relative;
	width:323px;
  height:60px;
	padding:2px 25px 8px 25px;
  w\idth:273px; 
  h\eight:50px;
  overflow:hidden;
	margin:0px;
	background:url(/lib/img/milan/text-bg_blue.gif) 0px 0px no-repeat;
}
.media .textbrowser p, .flashvlak .textbrowser p {
color:white;
font-size:12px;
font-weight:bold;
line-height:18px;
}
.media a.next, .flashvlak a.next {
background:transparent url(../img/milan/next_blue.gif) no-repeat scroll left top;
display:block;
height:14px;
position:absolute;
right:2px;
top:4px;
width:17px;
}
.media a.prev, .flashvlak a.prev {
background:transparent url(../img/milan/prev_blue.gif) no-repeat scroll left top;
display:block;
height:14px;
left:5px;
position:absolute;
top:4px;
width:17px;
}