/* Copyright TvTWeb Web & Software development */
/*
	Element namen in HOOFDLETTERES.
	Variabele namen zoals 'leftContainer'.
	Elementnaam altijd voor de klassenaam zoals 'DIV.leftContainer'.
	
*/

@import url("thickbox.css");


/*===ELEMENTS============================================================================================================================*/
BODY        {text-align:center; font-family:Arial; color:#333333; font-size:11px;margin:0px; padding:0px; background: url(../images/style/bodyBg.jpg) no-repeat center 199px;} 
HTML		{width:100%;}
FIELDSET	{padding:0px; margin:0px; border:0px;}
FORM		{padding:0px; margin:0px;}
SELECT		{}
LABEL		{font-family:Arial;font-size:11px;}
INPUT		{font-family:Arial;font-size:11px;}
OPTION		{padding:0px; margin:0px;}
RADIO		{padding:0px; margin:0px;}
CHECKBOX	{padding:0px; margin:0px;}	
TEXTAREA	{padding:0px; margin:0px;}	
H1          {padding:8px;font-size:16px;}

A:link			{color: #305296; text-decoration:none;}
A:visited		{color: #305296; text-decoration:none;}
A:active		{color: #305296; text-decoration:none;}
A:hover			{color: #e92812; text-decoration:none;}


DIV#productDescription H2{color:#333333; margin:0px; padding:0px; line-height:19px; font-size:13px;}
.entityContentText P	 {color:#555555; padding:6px 8px 9px 8px; margin:0px;}
P				{color:#333333; margin:0px; padding:0px; line-height:19px; font-family:Arial;font-size:11px;}
DIV#categoryContainerTitel H1	{padding:12px 0px 0px 14px; margin:0px; font-size:13px; color:#ffffff; font-weight:normal;}

/*===WEBPAGE============================================================================================================================*/

DIV#headerContainer {width:100%; height:199px; background:url(../images/style/headerContainerBg.gif) repeat-x;}
	DIV#header			{width:960px; height:199px; margin:0px auto; background:url(../images/style/Robin-van-Persie.jpg) no-repeat right top;}
		DIV#logoContainer	{height:164px; width:960px; text-align:left;}
			A#logo				{display:block; width:222px; height:100px; padding:33px 0px 0px 49px; outline:0;}
			A#logo img			{border:0px;}

			/* Navigation */
			DIV#horizontalNavigation_part					{padding:0px 0px 0px 30px; margin:0px; width:930px; height:35px;}
			DIV#horizontalNavigation_part ul				{list-style-type: none; margin:0px; padding:0; font-size:13px;}
			DIV#horizontalNavigation_part li				{display:inline;padding:0px; margin:0px;}
			DIV#horizontalNavigation_part a					{float:left; background:url(../images/style/buttonLeft.gif) no-repeat left top; margin:0px 5px 0px 0px; padding:0px 0px 0px 9px; text-decoration:none; cursor:pointer;}
			DIV#horizontalNavigation_part a span			{float:left; background:url(../images/style/buttonRight.gif) no-repeat right top; padding:10px 20px 9px 11px; color:#ffffff; display:block;}
			DIV#horizontalNavigation_part a:hover span		{color: #ffffff;}
			DIV#horizontalNavigation_part a:hover			{background-position:0% -35px;}
			DIV#horizontalNavigation_part a:hover span		{background-position:100% -35px;}
			DIV#horizontalNavigation_part .selected a		{background-position:0 -70px;}
			DIV#horizontalNavigation_part .selected a span	{background-position:100% -70px;color: #333333;}
			DIV#horizontalNavigation_part .aanbieding a		{background-position:0 -105px;}
			DIV#horizontalNavigation_part .aanbieding a span{background-position:100% -105px;color: #ffffff;}

            div.partContentText ul											{padding:0px 0px 20px 0px;margin:0px 0px 0px 25px;list-style-type:disc;}
            div.partContentText ul li 										{padding:0px;font-family:Arial;padding:2px;}


        /* partContentFileImageGallery */
        div.partContentFileImageGallery									{padding:0px 0px 0px 10px; margin:0px;}
        div.partContentFileImageGallery	a.thickbox						{float:left; display:block; padding:10px 10px 0px 0px;}
        div.partContentFileImageGallery	a.thickbox img					{border:solid 1px #cccccc;}
        div.partContentFileImageGallery	a:hover.thickbox img			{border:solid 1px red;}
        div.partContentFileImageGallery	div.partContentFileImageGalleryFooter{clear:both; height:5px;}	



DIV#pageContainer	{width:860px; margin:0px auto; padding:25px 14px 0px 25px; background:#ffffff url(../images/style/pageContainerBg.jpg) no-repeat top right;}
	DIV#categoryContainer	{float:left; width:220px; text-align:left;}
	DIV#categoryContainer .partContentText{margin-left:15px;margin-top:10px;margin-bottom:10px;}
	DIV#categoryContainer .partContentText p {margin-top:5px;}
		DIV#categoryContainerTitel	{height:39px; width:220px; background:url(../images/style/categoryContainerTitel.gif) no-repeat;}
		/* Vertical navigation */
		DIV#verticalNavigation_part						{width: 220px; padding:0px 0px 13px 0px;}
		DIV#verticalNavigation_part ul					{list-style-type: none; padding:0px; margin:0px;}
		DIV#verticalNavigation_part ul li a				{color: #333333; background: url(../images/style/defaultBullet.gif) no-repeat 14px center; padding:12px 10px 12px 38px;  display: block; text-decoration: none; border-bottom:solid 1px #e0e0e0;}
		DIV#verticalNavigation_part ul li a:active		{color: #333333;}
		DIV#verticalNavigation_part ul li a:visited		{color: #333333;}
		DIV#verticalNavigation_part ul li a:hover		{color: #333333; background: url(../images/style/hoverBullet.gif) no-repeat 14px center;}
		DIV#verticalNavigation_part ul li.selected a	{color: #e92812; background: url(../images/style/hoverBullet.gif) no-repeat 14px center;}

	DIV#productContainer	{float:left; width:615px; margin-left:25px; text-align:left;}
		A#productContainerTitel	{height:39px; width:605px; background:url(../images/style/productContainerTitel.gif) no-repeat; display:block; color:#ffffff; font-weight:bold;}
			DIV#productsExtend		{float:left; background:url(../images/style/extend.gif) no-repeat 14px 13px; height:39px; width:43px;cursor:pointer;}
			DIV#productsCollapse	{float:left; background:url(../images/style/collapse.gif) no-repeat 14px 13px; height:39px; width:43px;cursor:pointer;}
			DIV#productsSpace		{float:left;height:39px; width:43px;}

			SPAN#productsInCart		{float:left; width:200px; padding:12px 0px 0px 48px;}
			SPAN#productsTotalPrize	{float:left; width:200px; padding:12px 0px 0px 50px;}
		
		/* Home view */
		DIV.productBox				{float:left; width:193px; height:340px; margin:10px 10px 0px 0px; border:solid 1px #e0e0e0; background:url(../images/style/productBoxBg.gif) repeat-x bottom;}
			DIV.productBoxTitle			{background:url(../images/style/productBoxTitle.gif) no-repeat; width:177px; font-size:13px; color:#333333; padding:8px; border-bottom:solid 1px #e0e0e0;}
			DIV.productBoxBrand			{padding:8px 8px 0px 8px; font-size:11px;}
			DIV.productBoxPrize			{color:#1e2bbc; font-weight:bold; padding:0px 8px 8px 8px; font-size:11px;}
			DIV.productBoxPrizeRecommended		{padding:0px 8px 0px 8px; font-size:11px;text-decoration:line-through;}
			/* Let op de max height en width van productBoxImage betreffende de image scaling */
			DIV.productBoxImage a img		{border:0px;}
			DIV.productBoxImage			{text-align:center; height:135px; width:193px;cursor:pointer;}
			IMG.productBoxImageInVisible{display:none;}
			img.productBoxColorThumbs	{float:left; height:28px; width:28px; border:solid 1px #e0e0e0;   margin:3px;display:block;padding:1px;cursor:pointer;}
			img.productBoxColorThumbsSelected	{float:left; height:28px; width:28px; border:solid 1px #888888;   margin:3px;display:block;padding:1px;cursor:pointer;}
			
		/* Product view */
		DIV#productLarge			{float:left; width:398px; border:solid 1px #e0e0e0; margin:10px 10px 0px 0px;}
			DIV#productLargeTitle		{background:url(../images/style/productLargeTitle.gif) no-repeat; width:382px; font-size:13px; color:#333333; padding:8px; border-bottom:solid 1px #e0e0e0;}
			/* Let op de max width van productBoxImage betreffende de image scaling (height maakt niet uit) */
			DIV#productLargeImage		{width:398px; background:url(../images/style/productBoxBg.gif) repeat-x bottom; padding-bottom:37px; text-align:center;}
		DIV#productInfo				{float:left; width:193px; border:solid 1px #e0e0e0; margin:10px 0px 0px 0px;}
			DIV#productInfoTitle		{background:url(../images/style/productBoxTitle.gif) no-repeat; width:177px; font-size:13px; color:#333333; padding:8px; border-bottom:solid 1px #e0e0e0;}
				SPAN.labelBlue				{color:#1e2bbc;}
				SPAN.labelGrey				{float:left;}
				DIV#productBrand			{border-bottom:dashed 1px #e0e0e0; font-weight:bold; padding:8px;}
				DIV#productPrize			{border-bottom:dashed 1px #e0e0e0; font-weight:bold; padding:8px;}
				DIV#productSize				{border-bottom:dashed 1px #e0e0e0; font-weight:bold; padding:8px; height:19px;}
				DIV#productSize	SELECT			{float:left; height:22px; width:80px; padding:0px; margin:0px 0px 0px 4px; font-size:13px; font-family:Arial; background-color:#ffffff; border:solid 1px #e0e0e0; display:block;}
				DIV#productSize SPAN			{float:left;margin-right:4px;}
				DIV#productColor			{border-bottom:dashed 1px #e0e0e0; font-weight:bold; padding:8px 0px 8px 8px; height:122px;}
				DIV#productColor DIV		{margin-bottom:4px;}
				DIV#productColor DIV IMG	{display:block;padding:0px;margin:3px;float:left;}
				DIV#productNumber			{border-bottom:dashed 1px #e0e0e0; font-weight:bold; padding:8px;}
				A#addToShoppingCart			{width:177px; height:34px; background:url(../images/style/addToShoppingCart.gif) no-repeat; display:block; margin:8px;cursor:pointer;}
			DIV#productDescription		{float:left; width:177px; border:solid 1px #e0e0e0; margin:10px 0px 0px 0px; padding:8px;}
			DIV#productDescription DIV.entityContentText P {color:#555555; margin:0px; padding:0px; line-height:19px; font-size:11px;}
			DIV#productDescription DIV.entityContentText OL LI{margin-left:20px;}
			DIV#productDescription DIV.entityContentText UL LI{margin-left:20px;}
		/* Shopping cart active view */
		DIV#shoppingCartActive		{width:601px; border:solid 2px #e92812; border-top:0px;}
			DIV.inCartProduct			{width:597px; height:43px; border-bottom:dashed 1px #e0e0e0;}
				DIV.inCartProductColor		{float:left; width:38px; height:36px; padding:0px 0px 0px 6px;}
				DIV.inCartProductColor IMG	{margin:4px;}
				DIV.inCartProductSize		{float:left; width:40px; height:22px; margin:7px 6px 0px 1px; text-align:center; font-weight:bold; padding:6px 0px 0px 0px;}
				DIV.inCartProductBrand		{float:left; width:55px;padding:13px 0px 0px 8px;}
				DIV.inCartProductTitle		{float:left; width:200px;padding:13px 0px 0px 4px; font-weight:bold; color:#305296;}
				DIV.inCartProductAmount		{float:left; width:8px; padding:13px 8px 0px 0px;}
				DIV.inCartProductPrizeOne	{float:left;  width:60px;padding:13px 8px 0px 0px;}
				DIV.inCartProductPrizeTotal	{float:left;  width:95px;padding:13px 8px 0px 0px;}
				DIV.inCartProductDelete		{float:left; width:12px; height:12px; background:url(../images/style/inCartProductDelete.gif) no-repeat; margin:15px 0px 0px 0px;cursor:pointer;}
				DIV.inCartProductAdd		{float:left; width:12px; height:12px; background:url(../images/style/inCartProductAdd.gif) no-repeat; margin:15px 10px 0px 0px;cursor:pointer;}

				/* Verzendkosten */
				DIV.inCartProductTransportCharges	{float:left; font-weight:bold; color:#305296; width:66px; background:url(../images/style/truck.gif) no-repeat; height:28px; margin:8px 0px 0px 7px;}
				DIV.inCartProductTransportTitle		{float:left; padding:13px 0px 0px 14px; font-weight:bold; color:#305296;width:200px;}
				DIV.inCartProductTransportPrize		{float:left; padding:13px 0px 0px 195px;}
				
			DIV.inCartProductOrder		{height:43px; width:589px; background-color:#f0f0f0; font-size:13px; font-weight:bold; padding:0px 6px 0px 6px;}
				DIV.inCartProductOrderNow	{height:14px;float:right; padding:6px 6px 10px 28px; margin:7px 0px 0px 0px; background:#305296 url(../images/style/ok.gif) no-repeat 6px 7px;width:120px;}
				DIV.inCartProductOrderNow A{padding-left:5px;color: #ffffff; text-decoration:none;}

				
		/* Basic text view */
		DIV#textContainer			{width:603px; border:solid 1px #e0e0e0; margin:10px 10px 10px 0px;}
			DIV#textContainerTitle		{background:url(../images/style/textContainerTitle.gif) no-repeat; width:587px; font-size:13px; color:#333333; padding:8px; border-bottom:solid 1px #e0e0e0;}
			
		/* customerDataContainer */
		DIV#customerDataContainer	{width:603px; background-color:#ffffff; padding:0px 0px 15px 0px;}
		
		/* Customer Confirm */
		DIV.dataTitle				{padding:15px 15px 15px 22px; margin:0px; font-size:13px; color:#e92812; font-weight:bold;}
		
		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: #e92812 url(../images/style/priceLabel.gif) no-repeat 25px 17px; padding:15px 0px 15px 65px; color:#ffffff; font-weight:bold; font-size:13px; margin-top:15px;}  	
				
		
		DIV#productBoxFooter		{clear:both; height:10px; font-size:1px;}		

	
/* partFooter */
div#partFooter													{width:860px; margin:0px auto;line-height:17px;background-color:#ffffff;height:25px;clear:both;border-top:1px solid #cccccc;border-bottom:1px solid #cccccc;}
div#partFooter ul												{padding:0px; margin:0px; list-style-type:none; text-align:left;padding:5px}
div#partFooter ul li                                            {float:left;border-left:1px solid #cccccc;display:inline;padding:0 10px 0 10px;color:#999999; } 
div#partFooter ul li#partFooterCopyright						{border-left:none; background-image:none;}
div#partFooter ul li a:link										{color:#999999; text-decoration:none;}
div#partFooter ul li a:visited									{color:#999999; text-decoration:none;}
div#partFooter ul li a:active									{color:#999999; text-decoration:none;}
div#partFooter ul li a:hover									{color:#999999; text-decoration:none;}

div#brands{height:60px; background: url(../images/style/brands.gif)  no-repeat;margin-top:10px;padding-bottom:10px;}

/*===FORMS============================================================================================================================*/
/* Abstract */
FORM															{width:490px;}
FORM FIELDSET													{border:none;padding:10px;}
FORM FIELDSET LEGEND											{padding-left:5px;padding-top:10px;color:#305296;font-weight:bold;}
DIV.formPropertyContainer										{padding:0px; margin:0xp;height:auto;float:left;width:100%;}
DIV.formPropertyContainer LABEL									{width:150px;padding:3px 0px 0px 5px;float:left;}
DIV.formPropertyContainer LABEL.required						{font-weight:bold;}
DIV.formPropertyContainer LABEL.isInValid						{font-weight:bold;color:Red;}
	DIV.formPropertyTextContainer INPUT							{padding:2px; margin:3px 0px 5px 0px;font-size:11px; border:solid 1px #cccccc; width:150px;}
	DIV.formPropertyReadOnlyContainer							{padding:0px; margin:3px 0px 5px 0px;float:left;}
	DIV.formPropertyTextAreaContainer TEXTAREA					{padding:2px; margin:3px 0px 5px 0px;font-size:11px; border:solid 1px #cccccc; width:150px;}
	DIV.formPropertyDateTimeContainer .formPropertyDateDay		{padding:2px; margin:3px 3px 5px 0px; float:left; width:15px; border:solid 1px #cccccc;}
	DIV.formPropertyDateTimeContainer .formPropertyDateMonth	{padding:2px; margin:3px 3px 5px 0px; float:left; width:15px;  border:solid 1px #cccccc;}
	DIV.formPropertyDateTimeContainer .formPropertyDateYear		{padding:2px; margin:3px 3px 5px 0px; float:left; width:30px;  border:solid 1px #cccccc;}
	DIV.formPropertyDateTimeContainer .formPropertyUnit			{padding:0px; margin:6px 3px 5px 0px; float:left; width:60px; height:20px;margin-left:5px;}
	DIV.formPropertyRadioContainer								{float:left;width:190px;}
	DIV.formPropertyRadioContainer INPUT						{float:left;width:20px; margin-top:5px;}
	DIV.formPropertyRadioContainer LABEL						{float:left;width:150px;padding:3px 0px 5px 5px;}
	DIV.formPropertyCheckBoxContainer							{height:25px;}
	DIV.formPropertyCheckBoxContainer							{float:left;width:190px;margin-top:5px;margin-bottom:10px;}
	DIV.formPropertyCheckBoxContainer INPUT						{float:left;width:20px;margin-top:5px;}
	DIV.formPropertyCheckBoxContainer LABEL						{float:left;width:150px;}
	DIV.formPropertySelectContainer								{height:30px;}
	DIV.formPropertySelectContainer SELECT						{padding:0px; margin:5px 3px 5px 0px; width:150px;}	
	DIV.formPropertySubmitContainer								{height:40px;}
	DIV.formPropertySubmitContainer INPUT						{margin:8px 3px 5px 0px; border:solid 1px #cccccc; float:left; padding:3px 5px 3px 5px; background-color:#305296;color:#ffffff;font-weight:bold;width:150px;cursor:pointer;}

	DIV.formRequirmentMessage P{border:dashed 1px #4a80b4;float:left;width:440px; padding:4px;color:#444444;text-indent:3px;margin-top:5px; font-family:Arial;font-size:11px;}
	
/* Custom */

DIV#FORMFormOrderDeliveryaflevering LABEL{border-top:dashed 1px #cccccc;margin-bottom:15px;margin-top:0px;}
DIV#FORMFormOrderDeliveryaflevering INPUT{margin-top:10px;}

DIV#FORMFormOrderPaymentbetaalwijze LABEL{border-top:dashed 1px #cccccc;margin-bottom:15px;margin-top:0px;}
DIV#FORMFormOrderPaymentbetaalwijze INPUT{margin-top:10px;}


INPUT#FormOrderOutCustomerInformationMiddleName{width:60px;}
INPUT#FormOrderOutCustomerInformationPostalCode{width:40px;}
INPUT#FormOrderOutCustomerInformationHouseNumber{width:40px;}
INPUT#FormOrderOutCustomerInformationTelePhoneNumberMobile{width:100px;}
SPAN#SponsorText{padding:15px;display:block;}

TABLE#productTable{text-align:left;width:990px;}
TABLE#productTable tr td{vertical-align:top;padding-bottom:20px;border-bottom:1px solid #000000;}