﻿/****************************************************/
/*   CONTENT Stylesheet file for Dorel/Quinny		*/
/*   Version: 1.0                                   */
/*   february 2007                                  */
/*                                                  */
/*   	created by: Booleanpark - W.L.              */
/*   	blauw #0074c9								*/
/*		groen #59bb01								*/
/*		rood #e33c20  								*/
/* 		lichtblauw #edf7fe vlak						*/
/* 		rand #c9ecfb  								*/                             
/*													*/
/*   	grijs tekst:  #7f7f7f 						*/
/*		grijze lijnen:	#b3bac4                     */
/*                                                  */
/****************************************************/

* {
		margin:0;
		padding:0;
}

/* Algemene opmaak */

a 			{color: #000; text-decoration: underline;outline: none;}
a:hover		{color: #d67eae;}

h1 			{color: #ae005f; font-size: 120%; margin: 0px;}
h2 			{color: #6e7273; font-size: 100%; margin:0;padding:0; }
h3 			{color: #7f7f7f; font-size: 110%; margin:0; padding:0px 0 10px 0px;}
h3 a		{color: #7f7f7f; font-size: 110%; margin:0; padding:0px 0 10px 0px;text-decoration: none;}
h3 a:hover	{color: #810e87; }
h4 			{color: #6d6d6d; font-size: 105%; margin-top:0px;}
h5			{color: #6e7273; font-size: 100%; margin:0;padding:0; }
h5 a		{color: #6e7273; font-size: 100%; margin:0;padding:0; text-decoration: none;}
h5 a:hover	{color: #810e87;  }
h6 			{color: #6d6d6d; font-size:	100%;margin:0; padding:4px 0 4px 0; }
p			{margin:0 10px 0 0; padding:10px;}

h1.productName {display:block;margin-left:40px;margin-bottom:10px;font-size:1.5em;}

.alt 		{display: none;}
.clear, .magic 		{clear: both; font-size: 1px; line-height: 1px; display: block;}
.linkpijl 	{padding-top: 4px; margin-right: 4px;}
.right 		{display: block; float: right; margin: 10px 10px 0 10px;}

table 			{width: 94%;}
thead tr 		{background: #002740; color: #fff; font-weight: bold; text-align: left;}
td, th 			{padding: 0 10px 0 10px; line-height: 18px; vertical-align: top; }
tbody tr.odd 	{background: #fff;}
tbody tr.even 	{background: #f4f4f4;}
ul 				{list-style-position: outside; list-style-type: none;}
ol 				{list-style-position: outside;}

.divider 			{display:block;width:480px;height:20px; clear:both;}
.dividerLine 		{display:block;margin:10px 20px 20px 0; border-bottom:1px solid #b3bac4; clear:both;}
.dividerLineSmall 	{display:block;margin:8px 20px 8px 0; border-bottom:1px solid #b3bac4; clear:both;}
.logo			{position:absolute; top:11px;margin:0px 0 0 33px; }
#intro 			{width: 583px; height: 390px;}
#productdetail	{float:right;width:540px;margin:0;padding:0;height: 394px;}
#headerhome		{width:924px; height:89px; border-bottom:#999999 solid 1px;}	
#space			{float:left; background:#fff; width:500px;height:2px; clear:both;}
	
#col3Title2 	{display:block; height:21px;margin:0; padding:0px;}
#col3Title3 	{display:block; height:21px;margin:0; padding:0px;}

/* content */
/* ************************************* */

.banner_us { position:relative;height:95px; width: 926px; margin: auto; padding: 0; z-index:3 }
.banner_us img { padding-top:20px; position:absolute;margin-left:115px; }
.banner_Vibskov { position:relative;  height:90px; width: 728px; margin: 15px 0px 0px 265px; padding: 0; z-index:3 }

#curveTop			{clear: both; display: block;float:right;width:540px;margin:0;padding:0; height:2px;line-height: 2px;background:#fff url(../img/linetop.gif) no-repeat; }
#curveMiddle		{float:right;width:540px;height:100%;min-height :100%; margin:0;padding:0;background: #fff url(../img/lineright.gif) top right repeat-y;}
#curveMiddle img 	{float:right;}	
#curveMiddle div img {float:none;}

#curveMiddle p 		{padding:10px 10px 0 0;}	
#curveBottom, #lpcurveBottom	{float:right;width:540px;margin:0;padding:0; background:#fff url(../img/linetop.gif) 0px 2px repeat-x;}
#curveBottom	{ height:21px; }


#curveMiddleContent	{padding:0 20px 20px 2px;}		  
.nieuwscontent		{position:relative;float:left;min-height:100%; width:100%;}
.nieuwscontent img	{float:right; padding: 0 0 0 8px;}
.nieuwscontent p	{padding: 0 10px 10px 24px;}
.nieuwscontent .leesmeer  {border:1px solid red;}
.dividerNews		{display: block; clear: both; height:2px; }
.productoverzicht 	{display: block; float: left; width: 268px; height: 230px; margin: 10px 0px;}

#col2Content		{margin-left:35px;line-height:16px; width: 470px;}
#col2Content img 	{float:right}
#col2Content .flashreplacement img {float:none;}

#col2Content #curveMiddle ul {list-style-position: outside !important; margin-left:15px; list-style-type: disc !important; }
#col2Content #curveMiddle ol {list-style-position: outside !important; margin-left:15px; }
#col2Content #curveMiddle ol#selectie {margin-left:0px; }

.visual 			{width: 200px;float:right; margin: 0 10px 0 0; padding: 0px 4px 0 8px; }
#pagetitle			{padding:0; margin: 15px 20px 0 0;}

#subKop				{margin:15px 0 0 12px;padding:0;}	

#subContent 		{float: left; width: 100%; border-top: solid 1px #A7A7A7; background: #fff;}
.contentText 		{padding: 10px 0 10px 15px; background: #fff;}
.contentText p 		{margin: 10px 30px 10px 0;}
.contentImage 		{float: right; width: 175px; margin: 0 0 10px 10px;}
.contentImage img 	{float: right; clear: both; border-bottom: solid 1px #fff;}
.contentImage img.printBtn 		{margin-right: 0;}
.contentImage img.productImg 	{margin: 10px 10px 0 10px;}
.contentBtn 		{float: right; margin: 5px 10px;}

table.matrix 			{width:470px;margin:0 0 12px 0;background:#f4f4f4;}
table.matrix th		{font-weight:bold;border-bottom:1px solid #A7A7A7;}
table.matrix td		{border-bottom:1px solid #A7A7A7;margin:0 20px 0 20px;padding:2px 2px 4px 10px;background:#f7f7f7;}

table.specs			{width:470px;margin:0 0 12px 0;background:#f4f4f4;}
table.specs th		{font-weight:bold;border-bottom:1px solid #A7A7A7;}
table.specs td		{border-bottom:1px solid #A7A7A7;margin:0 20px 0 20px;padding:2px 2px 4px 10px;background:#f7f7f7;}

.colA 				{width:220px;}
.colB 				{width:280px;}

#curveMiddleContent img.productLogo		{float:left;}
#curveMiddleContent img.contentLogo		{float:left;}

ol.features {padding-left:12px;list-style-position: inside;}

#selectie {
	width:506px; 
	margin:0px 11px 10px 2px;
	border:1px solid #eae7e0;
	background: #f1efe8;
	z-index:1;
	}
#selectie label 			{float:left; margin-right:10px; clear: left; width: 80px;line-height:10px;padding-top:4px; height:16px; text-align:right;}
#selectie fieldset	{margin-bottom: 2px; padding: 5px 0; border: 0;}
#selectie legend		{display: none;}
#selectie .error		{color: #F00; clear: both; margin-left: 90px;padding-bottom:10px; display: block;}
#selectie input,
#selectie select,
#selectie textarea 			{float: left;width: 122px; margin: 2px 3px 2px 0; font-size:100%; font-family: Arial, Helvetica, sans-serif;}
#selectie .selector 	{margin:0 10px 4px 0; width:210px;}
#selectie .winkelSelectie {margin:3px 10px 4px 0; width:126px;}
#selectie .typeSelectie 	{width:120px; height:18px; margin-top:2px; padding:4px 0 0 0;}
#selectie select			{width:160px;}
#selectie select.zoekwinkel	{width:126px;}

.introdate {
	float: left;
	width:506px; 
	margin:-2px 0px 10px -3px; 
	border:1px solid #c9ecfb;
	border-bottom:1px solid #c9ecfb; 
	background: #edf7fe;
	z-index:1;
	}
.introdateDyn {font-weight:bold;}

#selectie .toonButton {
	border:0px;
	left:152px;
	font-weight:bold; 
	width: 88px; 
	height:19px; 
	margin:2px 0 0 6px;
	padding:0px 15px 0 12px; 
	color:#fff;
	background:#810e87 url(../img/pijl_btn3.gif) 70px 6px no-repeat;
	cursor:pointer;
	}
	
#selectie .toonButtonB, .toonButtonB {
border:0px;
	font-weight:bold;
	margin:4px 0px 0 148px; 
	width: 88px; 	
	font-size: 100%;
	height:19px; 	
	text-align:left;
	padding:0px 0 0 6px; 
	color:#fff;
	background:#810e87 url(../img/pijl_btn3.gif) 70px 6px no-repeat;
	cursor:pointer;
	}	
	
#faqSelect {
	width:506px; 
	margin:0px 11px 10px 2px; 
	border:1px solid #eae7e0;
	background: #f1efe8;
	z-index:1;
	}
#faqSelect .toonButton {
	border:0px;
	left:152px;
	font-weight:bold; 
	width: 88px; 
	height:19px; 
	margin:2px 0 0 6px;
	padding:0px 15px 0 12px; 
	color:#fff;
	background:#810e87 url(../img/pijl_btn3.gif) 70px 6px no-repeat;
	cursor:pointer; 
}

form .verstuurButton 
{
	border:0px;
	font-weight:bold; 
	width: 88px; 
	height:19px; 
	text-align:center;

	color:#fff;
	display:block;
	background:#810e87 url(../img/pijl_btn3.gif) 72px 5px no-repeat;
	cursor:pointer;
	text-decoration:none;
	margin:4px 0px 0 148px; 
	padding:2px 0 0 6px; 
	font-size: 100%;
	text-align:left;
	}
	
form .lpverstuurButton 
{
	border:0px;
	font-weight:bold; 
	width: 224px; 
	height:24px;
	text-align:center;

	color:#fff;
	display:block;
	background:transparent url(../img/btn_lpadcamp.gif) no-repeat scroll left top;
	
	cursor:pointer;
	text-decoration:none;
	margin:4px 0px 5px 148px; 
	padding:4px 0 20px 15px; 
	font-size: 100%;
	text-align:left;
}

form a.verstuurButton, form a.lpverstuurButton 	{color:#fff !important; text-decoration:none;}

#faqSelect fieldset		{margin-bottom: 2px; padding: 5px 0; border: 0;padding:14px 0 10px 5px;}
#faqSelect label 		{float:left; margin-right:10px; clear: left; width: 80px;line-height:10px;padding-top:4px; height:16px; text-align:right;}
#faqSelect legend			{display: none;}		
#faqSelect .typeSelectie 	{width :120px; height:18px; margin-top:2px; padding:4px 0 0 0;}
#faqSelect select			{width:160px;}
#faqSelect input,
#faqSelect select,
#faqSelect textarea 			{float: left;width: 158px;height:16px; margin: 2px 3px 2px 0;font-size:100%; font-family: Arial, Helvetica, sans-serif;}
	
#selectieContent	 	{padding:14px 0 10px 5px;} 
#selectieContent p	{font-weight:bold; padding:0 0 10px 5px;}

#selectieContent .verstuurButton a:hover	{color:#d67eae;text-decoration:underline;}

#index 							{margin:10px 0; padding: 0; list-style:none;}
#index li a 				{display: block;padding-left: 18px; background:url(../img/arrowblack.gif) 0px 5px no-repeat; text-decoration: none;}
#index li a:hover		{text-decoration: underline;}

#accessoireList 		{width:506px; margin:20px 11px 10px 2px; clear:both;}
#accessoireList li 		{float:left;width :160px; height:160px;}
#accessoireList li img	{display:block; margin-right:14px}
#accessoireList li p 	{text-align :center; display:block; clear:both;}

#tblZoekwinkel 		{width:504px;border:1px solid #f0eff5; margin:0px;background:#f4f4f4;}
#tblZoekwinkel th	{font-weight:bold;width:220px}
#tblZoekwinkel td	{border-bottom:1px solid #A7A7A7;padding:2px 0 4px 10px;}
#tblZoekwinkel td.plaats		{width:120px; padding:2px 0 4px 10px;}
#tblZoekwinkel img			{float:right; padding:2px 0 4px 10px;}


.winkelSelectie		{width:146px; height:20px; font-size:100%;}
label.typeSelectie 	{float:left; width:60px;padding: 4px 0 1px 6px;}
input.toonKnop		{position:relative; left:66px; cursor: pointer;}

.postcode 		{float:left; padding-top: 2px; width:230px;}
.plaats 			{text-align:right;float:right; padding: 2px 12px 0 0; width:230px;}
.land 				{float:left; padding-top: 2px; width:240px;}

#space				{float:left; background:#fff; width:500px;height:2px; clear:both;}



/* formelements */
/* ************************************* */
.error 				{color: #F00; clear:both;  margin-left: 160px; float:left; display: block; width:250px; }
.dorelForm 			{height:auto; margin:4px 0px 0px 0px;}
.dorelForm fieldset	{margin-bottom: 2px; padding: 5px 0; border: 0; }
.dorelForm legend	{display: none;}

.dorelForm label 	{float:left; clear: left; display: block; width: 120px; line-height: 16px; text-align:right;}
.contacttype		{margin:0 0 0 10px;}

.dorelForm input,
.dorelForm select,
.dorelForm textarea 		{float: left;width: 202px; margin: 2px 3px 2px 0; line-height:18px;font-size:100%; font-family: Arial, Helvetica, sans-serif;}
.dorelForm input.medium {width: 128px;}
.dorelForm input.small  {width: 30px;}
.dorelForm input.toonButtonB {width:88px;margin-left:150px;}
.dorelForm select				{width:205px;}  
.dorelForm .radio input , .dorelForm .optin input 	{width: auto; float: left; height: 18px;}
.dorelForm .radio label , .dorelForm .optin label 	{width: auto; clear: none; float: left; margin-right: 5px;line-height:20px;}
.dorelForm .optin input {margin-left: 154px;}

.dorelForm .dfDateDay     {width: 50px;}
.dorelForm .dfDateMonth   {width: 50px;}
.dorelForm .dfDateYear    {width: 86px;}

.dorelForm .mandatory {float: left; width: 30px; text-align: left; padding-left:4px; line-height: 18px; color: #F00;}
.dorelForm .mandatoryText {display:block; clear:both;margin:0 0 8px 150px;width:210px; text-align: left; padding-left:4px; line-height: 18px; color: #F00;}
.dorelForm  .lp-mandatoryText {display:block; clear:both; margin:0 0 -5px 0px; width:127px; text-align: right; padding-left:4px; line-height: 12px; }
.dorelForm  .lp-mandatoryText-asterix { color: #FF0000; }
textarea { float: left;width:220px;height: 50px; margin-bottom: 10px;}



.faqTrefwoord				{width:480px; margin-left: 10px;}

/*
.formLayout p 	{background:#f3f3f5;width:60px; }
*/

.form_label 		{width:120px; background-color: #fff; text-align: left; height: 22px; padding: 2px 0 0 30px;}
.form_requiredfield {background: url(../img/requiredfield.gif) no-repeat 50% 8px; text-align: center;}
.form_field 		{background-color: #Fff; border-color: #D3D3D3; border-left: 1px solid; padding-left: 15px;}
.form_fieldSubmit	{background-color: #fff; border-color: #D3D3D3; border-left: 1px solid; padding-left: 100px;}
.form_field table 	{width: 210px; padding: 0px; margin:0;}
.form_field table td {padding: 0px; margin: 0;}
.form_label_red 	{display: block; clear: both; color: #F26522; background: url('../img/error_pijltje.gif') no-repeat left top; padding-left: 15px;}
.normal 			{width:200px;}
.normalTextArea		{width:200px; height:80px;}
.small 				{width:45px;}

a.btn,a.submit {line-height: 20px; text-decoration: none; padding: 1px 12px 2px 12px; border: 0px solid ;}
a:hover.submit {text-decoration: none;color:Black;}

.form_field a.btn { 
	padding:2px 10px; 
	border-top:1px solid #b3bac4; 
	border-bottom:1px solid #b3bac4;
	background: url(../img/button_arrow.gif) 74px 4px #c4edff no-repeat;
}




/* rightcolumn */
/* ************************************* */
.pnlContactPhone {}
.pnlContactPhone .illustration { float:right; margin-right:4px;}
.pnlContactPhone .lit1 { font-weight:bold; display:block; padding-top:3px;}
.pnlContactPhone .lit2 { color: #8b1f8f;display:block; font-weight:bold; font-size:12px; padding:2px 0px;}
.pnlContactPhone .lit3 { display:block;}

.pnlOtherBrands { padding-top:10px;} 
.pnlOtherBrands .otherBrandsTitle { display: block; padding:3px 0px 0px 0px;} 
.pnlOtherBrands .otherBrandsList  { margin:2px 0px;text-align:center;  } 
.pnlOtherBrands .otherBrandsList a { padding-left:1px; text-decoration:none; } 
.pnlOtherBrands .otherBrandsList .clear { line-height:1px;}

.pnlCorporateLogo { padding-top:5px;}
.pnlCorporateLogo .sidebarLogo { float:left; margin-top:2px;}
.pnlCorporateLogo .sidebarLogoText { float:right; width:100px; font-size:9px;}
.pnlFacebook { padding-top:10px; }

#etalage		{float:left; position:relative;width:173px; margin:15px 0px 0px 0px; padding:0px;background:#f0eff5; border-top:1px solid #b3bac4; border-bottom:1px solid #b3bac4;}
#etalage p		{padding:4px 8px 8px 8px; font-weight:normal;}
#etalage img	{float:right; padding: 0 0 0 8px; overflow: hidden;}
#etalage a		{font-weight:normal;}

#etalageHome			{float:left; position:relative;width:173px; margin:1px 0 4px 0;background:#f0eff5; border-top:1px solid #b3bac4; border-bottom:1px solid #b3bac4;}
#etalageHome p		{padding:4px 8px 4px 8px; font-weight:normal;}
#etalageHome img	{float:right; padding: 0 0 0 8px;}
#etalageHome a		{font-weight:normal;}

#serviceBlock	{float:left; position:relative;width:173px; margin: 4px 0 0 0; background:#fff;}
#service			{background:#ffffff;border-top:1px solid #898989;border-bottom:1px solid #898989;}
#service ul		{padding:2px 0px; margin: 0; width:170px; color:#6d6d6d; list-style-type: none;}
#service li		{padding:2px 8px 2px 8px;}
#service li a	{font-weight:bold;padding-left:10px;color:#810e87; background: url('../img/arrow1h.gif') 0px 4px no-repeat; text-decoration: none;}
#service li a:hover	{font-weight:bold;color:#6d6d6d;background: url('../img/arrow1.gif') 0px 4px no-repeat;}
#service li a.active	{color:#000; font-weight:bold;background: url('../img/arrow1a.gif') 0 4px no-repeat;}

#service a					{font-weight:normal;}
#service a:hover		{font-weight:normal;}

#buttonAanvraag 	{float:left;	position:relative; width:173px; height:22px;	margin:13px 0 2px 0;}
#buttonRegistreer	{float:left;	position:relative; width:173px; margin:9px 0 2px 0;}
.buttonRepeaterContainer { margin-bottom:10px;}
.buttonRepeater		{float:left;	position:relative; width:173px; height:22px;	margin:9px 0 2px 0;}
#buttonAutotypelijst{float:left;	position:relative; width:173px; height:22px;	margin:9px 0 2px 0;}
#buttonAccessoires	{float:left;	position:relative; width:173px; height:22px;	margin:9px 0 2px 0;}

#newsSmall			{clear:both;height:auto;margin-top:-2px;padding:0; background:#f0eff5;border-top:1px solid #b3bac4;border-bottom:1px solid #b3bac4;}
#newsSmall img		{float:right; padding: 0 0 0 0px;}
#newsSmall p		{margin:0px; padding:4px 8px 8px 8px;}

.buttonCol3 
{	position:relative;
	display:block;
	font-size:110%; 
	line-height: 26px;
	height:26px;
	font-weight:bold;
	padding: 0 0 0 0px;
}

.buttonCol3 a 			{ position:absolute; display:block; font-size:11px; color:#ffffff; background: url(../img/btn_form.gif) no-repeat left top; width:169px; padding-left:6px;height: 26px;text-decoration:none;}
.buttonCol3 a:hover  	{ color:#ffffff; /*color:#8b1f8f; background-position: left bottom; */}

.toonButton a:hover 	{color:#eee; text-decoration:none;}

#newsBlock				{float:left; position:relative;width:173px; margin: 5px 0 0 0; background:#fff;}
#news							{float:left; position:relative;width:173px; background:#f0eff5; color:#484848;border-top:1px solid #b3bac4;border-bottom:1px solid #b3bac4;}
#news p						{padding:1px 8px 8px 8px;}
#news p	strong		{font-weight:bold; margin-bottom:-10px;}
#news.boven img		{border-bottom:1px solid #b3bac4;}
#news.rechts img	{float:right; padding: 0 0 0 8px;}
#news a			{font-weight:normal;}

.button a				{
	background: #ae005f url(../img/pijl_btn3.gif) no-repeat 155px 6px; 
	width:166px; border-top:1px solid #898989;
	border-bottom:1px solid #898989; 
	margin:8px 0 0px 0; 
	display: block; 
	line-height: 20px; font-weight:bold;
	color:#fff;
	padding: 0 5px;
	text-decoration: none;
}

.button a:hover 	{
	background: #ae005f url(../img/pijl_btn3h.gif) no-repeat 155px 6px; 
	font-weight:bold;
	color:#000;
	text-decoration: none;
}

.buttsonactive {
	background: #fff url(../img/pijl_btn3a.gif) no-repeat 155px 6px; 
	width:166px; border-top:1px solid #898989;
	border-bottom:1px solid #898989; 
	margin:8px 0 0 0; 
	display: block; 
	line-height: 20px; font-weight:bold;color:#000;
	padding: 0 5px;
	text-decoration: none;
}

.buttonSmall	{background: #ae005f url(../img/button_arrow.gif) no-repeat 100px 4px; width:110px; border-top:1px solid #898989;border-bottom:1px solid #898989; margin:14px 0 0px 0; display: block; line-height: 20px; padding: 0 5px; color:#6d6d6d;}

.naarboven 					{float:right;position:relative;padding:0 0 14px 0;}
.naarboven a				{background: url('../img/arrowup.gif') 3px 4px no-repeat;color:#0074c9; padding:0 0 0 20px;}
.naarboven a:hover			{color: #810e87;}

a.naarOverzicht				{background: url('../img/arrowblack.gif') 3px 4px no-repeat;color:#0074c9; padding:0 0 0 20px;text-decoration: underline;}
a:hover.naarOverzicht		{color: #e33c20;}

a.contentLeesmeer			{background: url('../img/arrowblack.gif') 3px 5px no-repeat;color:#000; padding:0 0 0 15px; text-decoration: underline;}
a:hover.contentLeesmeer 	{color: #810e87;}

a.leesmeer 			{padding:6px 0 0 10px; margin: 0px 2px 2px 10px;width: 100px;display:block;background: url(../img/arrowpurple.gif) 0 10px no-repeat; color:#810e87; font-weight: normal; text-decoration: underline;}
a:hover.leesmeer 	{color: #999;background-image: url(../img/arrowgrey.gif)}

.terug 				{float:left;padding:14px 0 14px 0;}
.terug a			{background: url('../img/arrowpurpleback.gif') 3px 4px no-repeat;color:#810e87; padding:0 0 0 20px;}
.terug a:hover		{color: #999;background-image: url(../img/arrowgreyback.gif)}

.overviewLink			{ float:right;padding:14px 0 14px 0; margin-right:20px; }
.overviewLink a			{ background: url('../img/arrowpurple.gif') no-repeat right 4px;text-decoration: underline; color:#810e87; padding: 0px 15px 0px 0px; }
.overviewLink a:hover	{ color:#999; text-decoration: none;background-image: url(../img/arrowgrey.gif) }

a.leesmeercol3 				{padding:0; color:#000; font-weight:bold;}
a:hover.leesmeercol3 	{text-decoration: underline;color: #ae005f;}

.info		{float :left; width:20px; height:20px; cursor:pointer;}
.infotitle 	{color: #810e87;font-weight:bold; font-size: 115%; margin:0 0 12px 0;}

/* kleine POPUP popInfo voor info na questionmark klik */
.popInfo {z-index: 99; display: none; width: 215px; position: absolute; }
#popInfoOptin { width:370px; margin-left:-150px; margin-top:-200px}
.popInfoShadowContainer img .number {float:right;}
.popInfoShadowContainer {position: relative; left: 3px; top: 3px; margin-right: 3px; margin-bottom: 3px;}
.popInfoShadowContainer .shadow2,
.popInfoShadowContainer .shadow3,  
.popInfoShadowContainer .popInfoBorder {position: relative; left: -1px; top: -1px;}
.popInfoShadowContainer .shadow1 {background: #F1F0F1;}
.popInfoShadowContainer .shadow2 {background: #DBDADB;}
.popInfoShadowContainer .shadow3 {background: #B8B6B8;}
.popInfoShadowContainer .popInfoBorder {border: solid 1px #999;}
.popInfoShadowContainer .popContent {position: relative; border-top: solid 4px #810e87; padding: 5px; background: #fff;}
.popInfoShadowContainer .popContent p {margin: 0 0 5px 0; }
.popContent .number { position:relative; }
.closePopInfo {position: relative; float: right; margin-right:10px;cursor:pointer;width:10px; }
.middenLijnen {cursor:pointer}

/* productImage specifiek */
#popInfoPrroductImage  {width: 300px;}

/* awards */
#awards {width: 100%;padding: 0px;margin-bottom: 10px;color: #838383;}
#awards img {padding: 0px;margin-right:10px;float:left;border:solid 1px #cacaca;}
.award {padding: 7px;}
#awards p {margin: 0px;padding: 0px;font-size: 1.1em;}
#awards h6 {font-weight: bold;font-size: 1.1em;}


.dfTooltip { background: url('/img/questionmark.gif') no-repeat center center; margin:5px;width:13px; height:13px; }

.ttContentHolder {display:none;}
.ttContent { border:1px solid #999999; color:#666666;padding:5px 8px 8px 10px; width:200px;font-size:1.1em; background-color:#FFFFFF; }
.ttContent h6 { color: #810e87; font-size:14px; margin-bottom:5px;}	

#retailerLogo { width: 520px; }
#retailerLogo ul { list-style: none none; }
#retailerLogo ul li { float:left; margin:0px 10px;list-style: none none; }

/* landing pages */
#lpcontent-middle { float:left;  margin: 30px 27px 0px 190px; width:532px; }
#lpcontent-middle-header { color:#8A317f; font-size:23px; padding-bottom:7px; }
#lpcontent-middle-text { color:#666666; font-size:11px; padding: 0px 18px 0px 0px; }
#lpcontent-middle-dyn { padding: 15px 25px 0px 0px; min-height:300px; height:auto !important; height:300px; }
#lpcontent-right{ float:right; margin-top:61px; }

#lpcontent-middle, #lgfooter {font-family: Verdana, Sans-Serif; }
#lgfooter-menu ul { margin-left:428px; margin-top:0px; }
#lgfooter-menu ul li { margin:0px 5px; float:left; border-left:1px solid #D5D5D5;}
#lgfooter-menu li.noborder { border-left-color:#FFFFFF;}
#lgfooter-menu a  { text-decoration:none; color: #838383; display:block; padding:0px 0px 0px 8px; }
#lgfooter-menu a:hover { text-decoration:underline; }

/*h2.QuinyMovieHeader{color: #800B85; font-family: Lucida Sans; font-size:15px; font-weight: bold; margin-left: 18px; margin-top: -4px;}*/


