/****************************************************/
/*   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 0px 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; }
#col3Title4 { 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 { margin-bottom: 10px; }
.pnlContactPhone h3 { }
.pnlContactPhone .illustration img { border-top: 1px solid #898989; }
.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 .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: 10px 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: 0px 0px 10px 0px; 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-size: 11px; 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: 0px; }
#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; padding: 0; background: #f0eff5; border-top: 1px solid #b3bac4; border-bottom: 1px solid #b3bac4; display: block; }
#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 { width: 173px; margin: 0px 0px 10px 0px; 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;}*/


.NewsletterPanel { margin: 0px 0px 10px 0px; padding: 0px; }
.NewsletterPanel .input { display: block; clear: both; height: 23px; }
.NewsletterPanel .textbox { width: 149px; float: left; padding:3px 0 !important; font-size:12px; }
.NewsletterPanel .button { background: white url( '/quinny/img/but01.jpg' ) no-repeat top; height: 23px; width: 20px; border: none; color: #FFFFFF; cursor: pointer; margin: 0px; padding: 0px; float: left; }

#flash_bannerFooter { margin-top: 10px; }