/*************************************************************************************************/
/* Author:			VINCIS / Roberto De Vivo	                                               	 */
/* Description:		Stylesheet for infodesk module                                       		 */
/*************************************************************************************************/
@media screen 
{	
	/*********************************************************************************************/
	/* Containers & classes (tabs)                              								 */
	/*********************************************************************************************/
	
	#contentText
	{
		margin-top:				0px!important;
	}

	body #containerProduct
	{
		padding-top:			13px;
	}
	
	#containerTabs
	{				
		width: 					995px;
		height:					212px;
						
		padding:				0;
		margin:					5px 0px 0px 0px;
	}
		
	.tabPage
	{
		float:					left;

		width:					153px;
		height:					20px;

		padding:				5px 0px 0px 13px;
		margin:					0;
		
		cursor:					pointer;			
		color:					#FFFFFF;
		
		background-color:		#7FD3C2;
		
		background-position:	150px 0px;		
		background-repeat: 		no-repeat;
		background-image: 		url("/sjablonen/1/images/infodesk/tab_corner.gif");
	}
	
	*>.tabPage
	{
		min-height:				20px;
		height:					auto;
	}

	.tabPage a
	{
		font-weight:			normal;
		color:					#FFFFFF;
	}
	
	.tabSelected
	{
		font-weight:			bold;
		color:					#FFFFFF;	
		
		background-color:		#33B99E;
	}

	.tabSelected a
	{
		font-weight:			bold;
		color:					#FFFFFF;
	}
	
	#tabBottom
	{
		float:					left;
				
		height:					10px;
		width:					995px;
		
		padding:				0;
		margin:					0;
		
		line-height:			0%;
		
		background-color:		#33B99E;		
		border-bottom:			1px solid #FFFFFF;
	}
	
	/*********************************************************************************************/
	/* Containers & classes (alphabet)                             								 */
	/*********************************************************************************************/
	#containerAlphabet
	{
		width:					995px;
		height:					33px;
		
		padding:				0;		
		margin:					0;
				
		background-color:		#802990;
		border-bottom:			solid 1px #FFFFFF;
	}
	
	*>#containerAlphabet
	{
		min-height:				33px;
		height:					auto;
	}
		
	#containerAlphabet ul
	{
		float:					left;
		
		height:					10px;
		
		padding:				0px 0px 0px 3px;
		margin:					10px 0 0 0!important;
		
		line-height:			100%;
	}
	
	*>#containerAlphabet ul
	{
		min-height:				10px;
		height:					auto;
	}
	
	#containerAlphabet ul li
	{
		float:					left;
		
		width:					18px;
				
		padding:				0px 0px 1px 10px;
		margin:					0;
		
		list-style:				none;
		
		font-weight:			bold;
		color:					#AD76B8;
		
		border-right:			2px solid #FFFFFF;		
	}
	
	#containerAlphabet ul li a
	{
		font-weight:			bold;
		text-decoration:		none;
		
		color:					#FFFFFF;		
	}
	
	#containerAlphabet ul li a:hover
	{
		text-decoration:		underline;
	}

	#containerAlphabet ul .lastItem
	{
		border-right:			none;
	}
	
	#containerAlphabet .title
	{
		float:					left;
		
		width:					152px;
		height:					25px;

		padding:				8px 0px 0px 13px;
		margin:					0;	
		
		font-weight:			bold;				
		color:					#FFFFFF;
		
		background-color:		#AD76B8;
	}
	
	*>#containerAlphabet .title
	{
		min-height:				25px;
		height:					auto;
	}
	
	#containerAlphabet ul li.lastLetter
	{
		border-right:			0;
		width:					10px;
	}
	
	/*********************************************************************************************/
	/* Containers & classes (categories)                          								 */
	/*********************************************************************************************/
	#containerCategories
	{		
		width:					995px;
		height:					108px;
		
		padding:				0;
		margin:					0;	
		
		background-color:		#AD76B8;
		border-bottom:			solid 1px #FFFFFF;		
	}
	
	*>#containerCategories
	{
		min-height:				108px;
		height:					auto;
	}
	
	#containerCategories .title
	{
		float:					left;
		
		width:					152px;
		height:					100px;
		
		padding:				8px 0px 0px 13px;
		margin:					0px 10px 0px 0px;	
		
		font-weight:			bold;				
		color:					#FFFFFF;
		
		background-color:		#BA8FC4;
	}
	
	*>#containerCategories .title
	{
		min-height:				100px;
		height:					auto;
	}	
	
	#containerCategories ul
	{			
		float:					left;
		clear:					right;
		
		height:					102px;
		width:					200px;
		
		padding:				0;
		margin:					5px 0px 0px 0px;
	}
	
	*>#containerCategories ul
	{
		min-height:				102px;
		height:					auto;
	}
	
	#containerCategories ul li
	{				
		height:					11px;
		
		padding:				4px 0px 3px 0px;
		margin:					0;	
				
		list-style:				none;
		line-height:			100%;
		
		color:					#AD76B8;
	}
	
	*>#containerCategories ul li
	{
		padding:				5px 0px 3px 0px;
		margin:					0;
	}
	
	#containerCategories ul li a
	{
		font-weight:			normal;
		color:					#FFFFFF;
	}

	#containerCategories ul li a:hover
	{
		text-decoration:		underline;
	}
				
	#containerCategories ul .selected a
	{
		font-weight:			bold;		
	}
			
	/*********************************************************************************************/
	/* Containers & classes (search)                             								 */
	/*********************************************************************************************/
	#containerSearch
	{
		clear:					both;
	
		width:					995px;
		height:					33px;
		
		padding:				0;
		margin:					0;
				
		background-color:		#802990;
	}
	
	#containerSearch .title
	{
		float:					left;
		
		width:					152px;
		height:					25px;
			
		padding:				8px 0px 0px 13px;
		margin:					0;
		
		font-weight:			bold;				
		color:					#FFFFFF;
	}
		
	#containerSearch .inputText
	{		
		height:					16px;
		width:					160px;
		
		padding:				2px 0 0 0;
		margin:					5px 0px 0px 13px;
		
		font-family: 			Verdana;
		font-size:				1em;
	}

	
	#containerSearch .searchButton
	{
		height:					19px;
		
		padding:				0;
		margin:					5px 0px 0px 4px;
				
		font-weight:			bold;
		font-size:				0.8em;
		
		color:					#FFFFFF;
			
		background-color:		#AD76B8;
		border:					none;
	}
	
	
	#containerSearch .searchScope
	{		
		padding:				0;
		margin:					0px 0px 0px 20px;

		border:					none;	
	}
	
	#containerSearch .searchScopeText
	{		
		padding:				0;
		margin:					0;

		font-size:				1em;
		
		color:					#FFFFFF;
		
		border:					none;	
	}	
	/*********************************************************************************************/
	/* Containers & classes (news)                             								 	 */
	/*********************************************************************************************/

	#containerInfodeskNews
	{
		width:					474px;
		margin:					0 0 23px 0;
	}
	
	.noImage
	{
		height:				88px;
		width:				225px;
	}
	
	.newsItem
	{
		margin:					13px 0 0 0;
	}
	
	.newsItemImage
	{
		float:					left;
		
		height:					225px;
		min-height:				225px;
		width:					225px;
		margin:					0 10px 23px 0;
		padding:				0;
	}
	*>.newsItemImage
	{
		height:					auto;
	}

		.newsItemImage img 
		{
			padding:				0;
			margin:					0 0 10px 0;
		}
		
		.newsItemImage h3
		{
			line-height:			12pt;
		}
		
		.newsItemImage p
		{
			margin:					0!important;
			line-height:			14pt;
		}
	
	.newsItemBorder 
	{			
		padding:				0 0 0 11px;
		margin:					0;
		
		border-left:			solid 1px #B289BF;
	}
	
	.newsItemReadMore a
	{	
		font-family:			Tahoma;
		font-weight:			bold;
		font-size:				0.9em;				
		text-decoration:		none;
	}
	
	.newsItemReadMore a:hover
	{
		text-decoration:		underline;
	}
	
	/*********************************************************************************************/
	/* Containers & classes (more news)                       								 	 */
	/*********************************************************************************************/
	#containerNewsSubhomepage h2 
	{		
		padding:				0;
		margin:					27px 0px 11px 0px;
	}

	#containerNewsSubhomepage p
	{
		padding:				0;
		margin:					0;
	}
	
	#containerNewsSubhomepage ul
	{
		padding:				0;
		margin:					11px 0px 13px 0px;
				
		border-top:				solid 1px #898989;
	}
	
	#containerNewsSubhomepage ul li
	{		
		padding:				12px 0px 0px 13px;
		margin:					0;	
		
		background-position:	0px 16px;		
		background-repeat: 		no-repeat;
		background-image: 		url("/sjablonen/1/images/general/bullet_news.gif");	
		
		list-style:				none;
		
		color:					#464646;
	}
	
	#containerNewsSubhomepage ul li a
	{
		font-weight:			bold;
		
		color:					#464646;
	}
		
	/*********************************************************************************************/
	/* Classes (most viewed & recently viewed)    								 				 */
	/*********************************************************************************************/
	/*
	.contentRight
	{
		padding:				0;
		margin:					0px 0px 27px 0px;	
	}
	
	.contentRight h2 
	{
		padding:				0;
		margin:					0px 0px 0px 13px;
	}
	
	.contentRight ul
	{
		padding:				0px 0px 13px 0px;
		margin:					11px 0px 0px 0px;		
		
		background-color:		#E6F3F0;
		border-top:				solid 1px #07866C;
	}
		
	.contentRight ul li
	{	
		padding:				7px 0px 0px 13px;
		margin:					0;
		
		list-style:				none;
		
		color:					#464646;		
	}

	.contentRight ul li a
	{
		font-weight:			bold;
		
		color:					#464646;	
	}
	*/
	
	/*********************************************************************************************/
	/* Containers & classes (keywords list)    								 				 	 */
	/*********************************************************************************************/	
	#containerKeywordsList #containerAlphabet
	{
		width:					474px;
		
		padding:				0;
		margin:					11px 0px 0px 0px;
	}
	
	#containerKeywordsList #containerAlphabet ul li
	{
		width:					17px;
		height:					20px;
		
		padding:				0;
		margin:					0px 0px 10px 0px;
		
		text-align:				center;
		border-right:			none;
	}
	
	#containerProductList a
	{
		font-weight:			normal;
		
		color:					#000000;
	}
	
	#containerProductList ol
	{
		width:					435px;
		
		padding:				0;
		margin:					0;		
	}
	
	#containerProductList ol li
	{
		
		padding:				0;
		margin:					0;		
	}	
	
	#containerProductList .productLetter
	{
		padding:				0;
		margin:					15px 0px 0px 0px;
		
		list-style:				none;
		
		font-size:				1.6em;
		font-weight:			bold;
		
		color:					#842D93;
	}
	
		#containerProductList ul
		{
			
			padding:				0;
			margin:					0 0 0 15px;		
		}
		
			#containerProductList ol li ul li
			{
		
				font-size:				0.6em;
				font-weight:			 normal;
		
			}
	
	#containerProductList ul .toTop
	{
		width:					100%;
		
		list-style:				none;
		
		text-align:				right;
	}
	
	#containerProductList .toTop a
	{		
		font-weight:			bold;
		font-size:				0.9em;				
		text-decoration:		none;
		
		color:					#842D93;	
	}	
	
	#containerProductList .toTop a:hover
	{
		text-decoration:		underline;
		
		color:					#AE83BB;
	}
	
	/*********************************************************************************************/
	/* Containers & classes (category viewscript) 								 				 */
	/*********************************************************************************************/	
	#containerCategory	ul
	{
		padding:				0;
		margin:					11px 0px 0px 20px;
	}
	
	#containerCategory ul a
	{
		font-weight:			normal;
		
		color:					#000000;
	}
	
	#containerCategory .title
	{
		position:				relative;
		float:					left;
		font-size:				1.1em;
		font-weight:			bold;		
	}
	
	/*********************************************************************************************/
	/* Containers & classes (product viewscript)   								 				 */
	/*********************************************************************************************/	
	#containerProduct h2
	{
		padding:				0;
		margin:					0px 0px 18px 0px;
	}
	
	#containerWMOProduct
	{
		margin:					0px 0px 18px 0px;
		
		border-bottom:			solid 1px #959595;
	}
	
	#containerProductRequest h2
	{
		padding:				0;
		margin:					27px 0px 0px 13px;
	}
	
	#containerProductRequestContent
	{		
		padding:				7px 0px 11px 13px;
		margin:					11px 0px 0px 0px;
		
		background-color:		#F2E9F4;
		border-top:				solid 1px #AE83BB;		
	}
	
	#containerProductInformation h2 
	{
		padding:				0;
		margin:					27px 0px 0px 13px;
	}	
		
	#containerProductInformation ul
	{
		height:					16px;
			
		padding:				7px 0px 0px 13px;
		margin:					11px 0px 0px 0px;
				
		background-color:		#F2E9F4;
		border-top:				solid 1px #AE83BB;
	}
	
	*>#containerProductInformation ul
	{
		min-height:				16px;
		height:					auto;
	}
	
	#containerProductInformation ul li
	{		
		padding:				7px 0px 13px 0px;
		margin:					0;
		
		list-style:				none;
	}
	
	#containerProductInformation ul ul
	{
		border:					none;
	}
	
	#containerProductInformation ul li ul li
	{
		padding:				0;
		margin:					0px 0px 0px 20px;
		
		list-style-type:		square;		
	}
	
	#containerProductInformation ul li ol li
	{
		padding:				0;
		margin:					0;
		
		list-style-type:		decimal;
	}
	
	/*********************************************************************************************/
	/* Containers & classes (product downloads)   								 				 */
	/*********************************************************************************************/		
	#containerDownloads h2 
	{
		padding:				0;
		margin:					27px 0px 0px 13px;
	}
	
	#containerDownloads ul
	{
		height:					16px;
		
		padding:				0px 0px 13px 0px;
		margin:					11px 0px 0px 0px;
				
		background-color:		#E6F3F0;
		border-top:				solid 1px #056C57;
	}
	
	*>#containerDownloads ul
	{
		min-height:				16px;
		height:					auto;
	}
	
	#containerDownloads ul li
	{		
		padding:				0;
		margin:					0;
		
		list-style:				none;
		
		color:					#464646;
					
		background-repeat: 		no-repeat;	
	}
	
	#containerDownloads ul li a
	{
		font-weight:			bold;
				
		color:					#056C57;
	}
}
