﻿/* Copyright TvTWeb Web & Software development */
/*
	Element namen in HOOFDLETTERES.
	ID of CLASS namen zoals 'leftContainer'.
	Elementnaam altijd voor de klassenaam zoals 'DIV.leftContainer'.
	
*/


/*===TAGS============================================================================================================================*/

BODY        {text-align:center; font-family:Tahoma; color:#555555; font-size:11px;margin:0px; padding:0px; background:#6cb6ff url(../images/style/bodyBg.gif) no-repeat top center;} 
HTML		{width:100%;}

A:link			{color: #000000; text-decoration:none;}
A:visited		{color: #000000; text-decoration:none;}
A:active		{color: #000000; text-decoration:none;}
A:hover			{color: #000000; text-decoration:none;}

P				{color:#555555; line-height:17px;}
				

/*===WEBPAGE============================================================================================================================*/


/* partContentText */
div.partContentText												{}
div.partContentText p											{padding:0px 10px 10px 10px;}
div.partContentText p a:link									{text-decoration:underline;}
div.partContentText p a:visited									{text-decoration:underline;}
div.partContentText p a:active									{text-decoration:underline;}
div.partContentText p a:hover									{color: #000000; text-decoration:underline;}
div.partContentText ul											{padding:0px 0px 15px 0px;margin:0px 0px 0px 15px;list-style-type:disc;}
div.partContentText ul li										{}
div.partContentText ol 											{padding:0px 0px 15px 0px;margin:0px 0px 0px 25px;list-style-type:decimal;}
div.partContentText ol li										{}

DIV.productItem H2                  {text-transform:uppercase;}
DIV.productItem H2 A:link			{color:#4a80b4; text-decoration:none;}
DIV.productItem H2 A:visited		{color:#4a80b4; text-decoration:none;}
DIV.productItem H2 A:active			{color:#4a80b4; text-decoration:none;}
DIV.productItem H2 A:hover			{color:#555555; text-decoration:none;}

DIV.shoppingBagItemTitle A:link		{color:#4a80b4; text-decoration:none;}
DIV.shoppingBagItemTitle A:visited	{color:#4a80b4; text-decoration:none;}
DIV.shoppingBagItemTitle A:active	{color:#4a80b4; text-decoration:none;}
DIV.shoppingBagItemTitle A:hover	{color:#555555; text-decoration:none;}

DIV.productItemInfo A:link			{color:#555555; text-decoration:none;}
DIV.productItemInfo A:visited		{color:#555555; text-decoration:none;}
DIV.productItemInfo A:active		{color:#555555; text-decoration:none;}
DIV.productItemInfo A:hover			{color:#4a80b4; text-decoration:none;}

DIV#shoppingBagOrder A:link			{color:#ffffff; text-decoration:none;}
DIV#shoppingBagOrder A:visited		{color:#ffffff; text-decoration:none;}
DIV#shoppingBagOrder A:active		{color:#ffffff; text-decoration:none;}
DIV#shoppingBagOrder A:hover		{color:#c9e5fe; text-decoration:none;}

DIV#customerDataContainer A:link	{color:#ffffff; text-decoration:none;}
DIV#customerDataContainer A:visited	{color:#ffffff; text-decoration:none;}
DIV#customerDataContainer A:active	{color:#ffffff; text-decoration:none;}
DIV#customerDataContainer A:hover	{color:#c9e5fe; text-decoration:none;}

DIV#categoriesHeader H1				{color:#4a80b4; font-size:15px; font-weight:normal; padding:10px 0px 0px 15px; margin:0px;}
DIV#shoppingBagHeader H1			{color:#ffffff; font-size:15px; font-weight:normal; padding:12px 0px 12px 15px; margin:0px;}
DIV#randomContainer H1				{color:#4a80b4; font-size:15px; font-weight:normal; padding:2px 0px 9px 15px; margin:0px; height:18px;text-transform:uppercase;}		
DIV#relatedHeader H1				{color:#4a80b4; font-size:15px; font-weight:normal; padding:11px 0px 10px 15px; margin:0px;}	

SPAN.blue							{color:#4a80b4; font-weight:bold;}
SPAN.lightBlue						{color:#c9e5fe; font-weight:bold;}
SPAN.leeftijd						{font-weight:bold; display:block;}
DIV.oldPrice						{width:65px; text-decoration:line-through; padding:9px 0px 0px 0px;}
DIV.newPrice						{width:65px; padding:3px 0px 0px 0px; font-weight:bold;}
DIV.regularPrice					{width:65px; padding:16px 0px 0px 0px;}

DIV#mainContainer	{width:990px; margin:0px auto; background: url(../images/style/mainContainer.gif) no-repeat 1px 33px; padding:60px 20px 20px 20px;}

	DIV#playingBlocks	{position:absolute; height:136px; width:307px; background: url(../images/style/playingBlocks.jpg) no-repeat; margin:-27px 0px 0px 703px;}	
	DIV#shoppingBagIcon	{position:absolute; height:68px; width:48px; background: url(../images/style/shoppingBag.gif) no-repeat; margin:199px 0px 0px 927px;}	
	
	/* mainContainerTop_element */
	
	DIV#mainContainerTop_element {width:990px; height:84px; text-align:left;}
		DIV#mainContainerTopLogo		{float:left; height:84px; width:284px;}
		DIv#mainContainerTopLogo img	{border:0px; margin:31px 0px 0px 27px;}
		DIV#horizontalNavigation_part	{float:left; height:38px; width:706px; font:15px Tahoma; padding-top:46px;}
		DIV#horizontalNavigation_part ul				{margin:0px; padding:0px;}
		DIV#horizontalNavigation_part ul li				{display: inline;}
		DIV#horizontalNavigation_part ul li a			{color:#555555; float: left; text-align:center; text-decoration: none; width:128px; height:31px; background: url(../images/style/navDefault.gif) no-repeat; padding:7px 0px 0px 0px; margin-right:1px;}
		DIV#horizontalNavigation_part ul li a:link		{color: #555555;}
		DIV#horizontalNavigation_part ul li a:active		{color: #555555;}
		DIV#horizontalNavigation_part ul li a:visited	{color: #555555;}
		DIV#horizontalNavigation_part ul li a:hover		{color: #555555; background: url(../images/style/navHover.gif) no-repeat;}
		DIV#horizontalNavigation_part ul li.selected a	{color: #555555; background: url(../images/style/navSelected.gif) no-repeat;}
	DIV#contentContainer {width:980px; background: url(../images/style/contentContainer.gif) repeat-y; text-align:left; padding:0px 0px 0px 10px; border-bottom:solid 3px #ffffff;}
		
		/* categoriesBox_element */
		DIV#categoriesBox_element{float:left; width:202px; margin:15px 0px 0px 0px;}
			DIV#categoriesHeader	{height:122px; width:202px; background: url(../images/style/categoriesTop.gif) no-repeat;}
			DIV#categoriesNavigation_part					{width:200px; border:solid 1px #dddddd; border-top:none; background-color:#ffffff;}
			DIV#categoriesNavigation_part ul				{list-style-type: none; padding:0px; margin:0px;}
			DIV#categoriesNavigation_part ul li a			{color: #555555; background: url(../images/style/navCategory.gif) no-repeat 15px 9px; padding:8px 0px 8px 43px; display: block; text-decoration: none; border-top:dashed 1px #dddddd; height:13px;cursor:pointer;}
			DIV#categoriesNavigation_part ul li a:active	{color: #555555;}
			DIV#categoriesNavigation_part ul li a:visited	{color: #555555;}
			DIV#categoriesNavigation_part ul li a:hover		{color: #000000; background: url(../images/style/navCategoryHover.gif) no-repeat 15px 9px;}
			DIV#categoriesNavigation_part ul li.selected a	{color: #555555; background: url(../images/style/navCategoryWithoutSubSelected.gif) no-repeat 15px 9px;background-color:#eeeeee;font-weight:bold;}
			DIV#categoriesNavigation_part ul li.selectedWithSub a	{color:#333333; background: url(../images/style/navCategorySelected.gif) no-repeat 15px 9px; font-weight:bold; background-color:#eeeeee; border-bottom:dashed 1px #dddddd;}
			DIV#categoriesNavigation_part ul li.sub a		{color: #555555; background: url(../images/style/bulletSquare.gif) no-repeat 19px 12px; padding:8px 0px 8px 43px; border-top:dashed 1px #ffffff;}
			DIV#categoriesNavigation_part ul li.selectedSub a		{color: #4A80B4; background: url(../images/style/bulletSquareSelected.gif) no-repeat 19px 12px; padding:8px 0px 8px 43px; border-bottom:none; border-top:solid 1px #ffffff; font-weight:bold}

		/* contentBox_element */
		DIV#contentBox_element	{float:left; width:503px; margin:15px 0px 0px 7px;}
			
			DIV#contentBoxTop		{background:url(../images/style/contentTop.gif) no-repeat; margin-bottom:10px; padding-top:8px;}

				DIV#singleProductDescription DIV.entityContentText	{ width:180px;height:auto;background:none;border:none;padding:0px;margin:0px;}
				DIV#singleProductDescription DIV.entityContentText P{line-height:15px;}
				
				/* Random container */
				DIV#randomContainer			{border:solid 1px #dddddd; border-top:none; border-top:none; padding:0px 3px 3px 3px; background-color:#f0f0f0; margin-bottom:7px;}
				
				/* customerDataContainer */
				DIV#customerDataContainer	{width:495px; background-color:#ffffff; padding:0px 0px 15px 0px;}
				DIV#clearFooter             {clear:both;}
				/* text container */
				DIV#textContainer			{width:495px; background-color:#ffffff; padding:0px 0px 15px 0px;}
				DIV#textContainer H2		{color:#4a80b4; font-size:14px; font-weight:normal; padding:12px 0px 0px 36px; margin:0px;background: url(../images/style/bulletSquareSelected.gif) no-repeat 18px 19px;}
				DIV#textContainer P			{color:#555555; padding:15px 15px 0px 15px; line-height:17px;}
				DIV#textContainer OL		{color:#555555; padding:3px 15px 10px 32px; line-height:17px;}
				
				/* Customer Confirm */
				DIV.dataTitle				{padding:15px 15px 15px 22px; margin:0px; font-size:13px; color:#4a80b4;}
				
				DIV.dataRow					{color:#555555;}
					DIV.dataLabel				{float:left; width:130px; padding:3px 3px 0px 25px;}
					DIV.dataFilledField			{float:left; padding:3px 3px 0px 3px;}
					DIV.dataFooter				{clear:both; height:3px; font-size:1px; border-bottom:dashed 1px #dddddd;}
				
				/* Customer Total Price */
				DIV#customerTotalPrice		{background: #4a80b4 url(../images/style/labelIcon.gif) no-repeat 25px 17px; padding:15px 0px 15px 60px; color:#ffffff; font-weight:bold; font-size:13px; margin-top:15px;}  	

				/* Single product */
				DIV#singleProduct	{background-color:#ffffff; padding:0px 15px 0px 15px;}
					DIV#singleProductPhoto				{float:left; width:140px; padding-top:15px;}
					DIV#singleProductPhoto img			{border:0px;}
					DIV.photoEnlarge					{height:14px;width:18px;background: #4a80b4 url(../images/style/vergrootglas.gif);background-repeat:no-repeat;position:absolute;margin-top:-14px;}
					DIV#singleProductDescription		{float:left; width:180px; padding:15px 15px 0px 15px; margin:0px;}
					DIV#singleProductAgeNumPriceOrder	{float:right; width:115px; padding-top:15px;}
						DIV#singleProductAge			{background: url(../images/style/ageIcon.gif) no-repeat 0px 0px; padding:0px 0px 15px 22px;}
						DIV#singleProductNumber			{background: url(../images/style/productNumberIcon.gif) no-repeat 0px 0px; padding:0px 0px 0px 22px;}
						DIV#productSingleItemFunctions	{float:right; width:115px; padding:15px 0px 0px 0px; background: url(../images/style/priceAndOrder.gif) no-repeat 0px 15px;}
					DIV#singleProductFooter				{clear:both; height:15px; clear:both; font-size:1px;}
					
				/* Related header */
				DIV#relatedHeader	{background:#f0f0f0 url(../images/style/contentTop.gif) no-repeat 0px 0px; width:503px; height:38px;float:left; border-bottom:solid 1px #dddddd;}
				
			DIV#productBox	{width:502px; background-color:#ffffff; border-left:solid 1px #dddddd;float:left;}
				DIV.productItem	{float:left; width:250px;height:150px; background-color:#ffffff; border-right:solid 1px #dddddd; border-bottom:solid 1px #dddddd;}
				DIV.productItem H2 {font-size:13px; color:#4a80b4; padding:10px 15px 10px 15px; margin:0px; font-weight:normal; border-bottom:dashed 1px #dddddd; background: url(../images/style/productItemTitle.gif) repeat-x bottom left; line-height:19px;}
					DIV.productItemPhoto	{float:left;  margin:15px 12px 10px 12px;cursor:pointer;}
					DIV.productItemPhoto img{border:0px;}
					DIV.productItemFunctions{float:right; width:115px; padding:15px 15px 0px 0px; background: url(../images/style/priceAndOrder.gif) no-repeat 0px 15px;}
						DIV.productItemPrice	{float:left; width:65px; height:31px; color:#777777; font-size:12px; text-align:center;}
						a.productItemOrder		{float:left; width:50px; height:48px;cursor:pointer;}	
						DIV.productItemFunctionsFooter	{clear:both; height:10px; font-size:1px;}	
						DIV.productItemInfo		{width:85px; background: url(../images/style/navCategory.gif) no-repeat 8px 1px; color:#555555; padding:0px 0px 10px 30px;}		
						DIV.productItemInfo	a	{cursor:pointer;}
				DIV.productItemFooter	{clear:both; height:5px; font-size:1px;}
				
			/* Pagination_part - LET OP, clear both is belangrijk */
			DIV.pagination_part							{clear:both; padding:15px; border:solid 1px #dddddd; border-top:none; border-left:none; height:28px;}
			DIV.pagination_part ul						{margin: 0; padding:6px 0px 6px 0px; text-align: left; /*Set to "right" to right align pagination interface*/ font-size: 13px;}
			DIV.pagination_part ul li					{list-style-type: none;display: inline;}
			DIV.pagination_part ul li a, .pagination	{padding: 4px 9px 4px 9px; border: 1px solid #dddddd; text-decoration:none; color: #1c5e9c;}
			DIV.pagination_part ul li a:hover, .pagination a:active	{border: 1px solid #dddddd; color: #000000; background-color: #dddddd;}
			DIV.pagination_part ul li a.selected		{background-color: #4a80b4; color: #ffffff; border-color: #4a80b4; font-weight: bold; cursor: pointer;}
				
		/* subMenuShoppingBag_element */
		
		DIV#subMenuShoppingBag_element {float:left; width:251px; margin:16px 0px 0px 7px;}
			DIV#subMenuNavigation_part {width:251px; background:#ffffff url(../images/style/subMenuNavigation.jpg) no-repeat 0px 9px;}
			DIV#subMenuNavigation_part ul	{list-style-type: none; padding:0px; margin:0px; border:solid 1px #dddddd; border-top:none; border-bottom:none; background: url(../images/style/greyStripe.gif) repeat-x bottom;}
			DIV#subMenuNavigation_part ul li a	{color: #555555; background: url(../images/style/navSubMenu.gif) no-repeat 15px 9px; padding:8px 0px 8px 43px; display: block; text-decoration: none; border-bottom:dashed 1px #dddddd; height:13px;}
			DIV#subMenuNavigation_part ul li a:active	{color: #555555;}
			DIV#subMenuNavigation_part ul li a:visited	{color: #555555;}
			DIV#subMenuNavigation_part ul li a:hover	{color: #000000; background: url(../images/style/navSubMenuHover.gif) no-repeat 15px 9px;}
			
			DIV#shoppingBagContainerAJAX{width:251px; background-color:#4a80b4; margin-top:7px;}
				DIV#shoppingBagHeader	{background-color:#4a80b4; height:40px; width:251px;}
				DIv#shoppingBagBox		{width:245px; border:solid 3px #4a80b4; border-top:none;}
					DIV.shoppingBagItem	{width:245px; background-color:#ffffff; border-bottom:solid 1px #4a80b4;}
	
					
					/* start shopping bag */
						DIV.shoppingBagItemTitle	{font-size:13px; color:#4a80b4; padding:10px 15px 10px 15px; margin:0px; font-weight:normal; border-bottom:dashed 1px #dddddd; background: url(../images/style/productItemTitle.gif) repeat-x bottom left; line-height:19px;}
						DIV.shoppingBagItemLabel	{height:22px; width:233px; background: url(../images/style/amountAddDeleteLabel.gif) no-repeat; padding:12px 0px 12px 12px;}
						DIV.shoppingBagItemLabelDisable	{height:22px; width:233px; background: url(../images/style/amountAddDeleteLabelDisable.gif) no-repeat; padding:12px 0px 12px 12px;}

							DIV.shoppingBagItemAmount{float:left; width:139px; height:18px; padding:4px 0px 0px 8px;}
							a.shoppingBagAddItem	{float:left; width:22px; height:22px;cursor:pointer;}	
							a.shoppingBagRemoveItem	{float:left; width:22px; height:22px;cursor:pointer;}	
						
						DIV.shoppingBagItemPhoto	{float:left; width:96px; padding:0px 9px 10px 10px;}
						DIV.shoppingBagItemPhoto img{border:0px;}
						
						DIV.shoppingBagNumbesr		{float:right; line-height:19px; text-align:right; padding:10px 11px 0px 0px;}
							DIV.shoppingBagItemoldPrice		{width:119px; text-decoration:line-through;}
							DIV.shoppingBagItemnewPrice		{width:119px;}
							DIV.shoppingBagItemtotalPrice	{width:119px;}
						
	
					DIV.shoppingBagItemFooter	{clear:both; height:5px; font-size:1px;}
					
					/* End shopping bag */
				DIV#shoppingBagOrderAndTotal {background-color:#4a80b4; padding:15px; color:#ffffff; font-size:13px; font-weight:bold; height:13px;}
					DIV#shoppingBagOrder	{float:left; background: url(../images/style/orderIcon.gif) no-repeat 0px 2px; padding:0px 0px 0px 23px;}
					DIV#shoppingBagTotalPrice	{float:right; background: url(../images/style/labelIcon.gif) no-repeat 0px 2px; padding:0px 0px 0px 23px;}     
					
					/* iDEAL icon */
					DIV#iDEAL				{height:89px; width:249px; margin-top:7px; border:solid 1px #DDDDDD; background:#ffffff url(../images/style/iDEAL-logo.gif) no-repeat 0px 15px;}
		
		/* Footer mainContainer */
		DIV#footer			{clear:both; height:10px;}
		
		DIV.thanksmessage{padding:10px;}




