/* CSS Document */
#disney {margin:240px 0 0 125px;}
#main {background:none; padding:0;}
#wrap { padding:0;}
.header {float:left;}
#content{	width: 582px; margin:0 0 20px;	}
#content a, #content a:link, #content a:active, #content a:visited { color:#333; font-weight:bold; }
#nav { width:134px; float:left; padding:0 0 0 0;}
#content #nav a {color:#333; font-size:11px; font-weight:normal; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; text-decoration:none;}

#nav a:hover.pooh, #nav td.pooh {color:#F49F2A; font-size:11px;}
#nav a:hover.princess, #nav td.princess{color:#C89DC8; font-size:11px;}
#nav a:hover.cars, #nav td.cars{color:#E73E45; font-size:11px;}
#nav a:hover.highschool, #nav td.highschool{color:#68C7B8; font-size:11px;}

#nav.pooh {background:url(../disney/_images/bee.gif) left top no-repeat;}
#nav ul { margin:53px 0 0 5px;}
#nav ul li { padding:0 0 0 28px; background:url(../colormixcollection/_images/arrow/black.gif) left 1px no-repeat; margin:0 0 1px 0; list-style-type:none;}

#nav ul li.line { height:27px; background:url(../colormixcollection/_images/nav_line.gif) left 12px no-repeat;}

#nav ul li.arblack { background:url(../colormixcollection/_images/arrow/black.gif) left 1px no-repeat;}
#nav ul li.arwhite { background:url(../colormixcollection/_images/arrow/white.gif) left 1px no-repeat;}
#nav ul li.arred { background:url(../colormixcollection/_images/arrow/red.gif) left 1px no-repeat;}
#nav ul li.arorange { background:url(../colormixcollection/_images/arrow/orange.gif) left 1px no-repeat;}
#nav ul li.aryellow { background:url(../colormixcollection/_images/arrow/yellow.gif) left 1px no-repeat;}
#nav ul li.argreen { background:url(../colormixcollection/_images/arrow/green.gif) left 1px no-repeat;}
#nav ul li.arblue { background:url(../colormixcollection/_images/arrow/blue.gif) left 1px no-repeat;}
#nav ul li.arpurple { background:url(../colormixcollection/_images/arrow/purple.gif) left 1px no-repeat;}
#nav ul li.arbrown { background:url(../colormixcollection/_images/arrow/brown.gif) left 1px no-repeat;}
#nav ul li.argrey { background:url(../colormixcollection/_images/arrow/grey.gif) left 1px no-repeat;}

#nav ul li.arblack-active { background:url(../colormixcollection/_images/arrow/black_active.gif) 1px 2px no-repeat;}
#nav ul li.arwhite-active { background:url(../colormixcollection/_images/arrow/white_active.gif) 1px 2px no-repeat;}
#nav ul li.arred-active { background:url(../colormixcollection/_images/arrow/red_active.gif) 1px 2px no-repeat;}
#nav ul li.arorange-active { background:url(../colormixcollection/_images/arrow/orange_active.gif) 1px 2px no-repeat;}
#nav ul li.aryellow-active { background:url(../colormixcollection/_images/arrow/yellow_active.gif) 1px 2px no-repeat;}
#nav ul li.argreen-active { background:url(../colormixcollection/_images/arrow/green_active.gif) 1px 2px no-repeat;}
#nav ul li.arblue-active { background:url(../colormixcollection/_images/arrow/blue_active.gif) 1px 2px no-repeat;}
#nav ul li.arpurple-active { background:url(../colormixcollection/_images/arrow/purple_active.gif) 1px 2px no-repeat;}
#nav ul li.arbrown-active { background:url(../colormixcollection/_images/arrow/brown_active.gif) 1px 2px no-repeat;}
#nav ul li.argrey-active { background:url(../colormixcollection/_images/arrow/grey_active.gif) 1px 2px no-repeat;}

#homepage {float:left; width:395px; padding:60px 28px 100px 25px; background:url(../colormixcollection/_images/line448.gif) left 95px no-repeat #f2eee9;}
#colorpalet {float:left; width:395px; padding:33px 25px 100px 23px; background-color:#f2eee9;}
#colorpalet h1 { margin-bottom:23px;}
#levisquality {float:left; width:395px; padding:40px 28px 100px 25px; background-color:#f2eee9;}
#levisquality h1 { margin-bottom:11px;}
#colors {float:left; width:395px; height:350px; padding:33px 28px 0 25px; background-color:#f2eee9;}
#colors-title {float:left; width:448px; background-color:#f2eee9;}
#colors-title img { border-top:1px solid #fff; border-bottom:1px solid #fff;}
#colors ul { margin:0;}
#colors ul li { list-style-type:none; margin:0 0 4px 0;; padding-left:10px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333; line-height:18px;}

#colors ul.red li { background: url(../colormixcollection/_images/bullet_red.gif) left 7px no-repeat;}
#colors ul.orange li { background: url(../colormixcollection/_images/bullet_orange.gif) left 7px no-repeat;}
#colors ul.yellow li { background: url(../colormixcollection/_images/bullet_yellow.gif) left 7px no-repeat;}
#colors ul.green li { background: url(../colormixcollection/_images/bullet_green.gif) left 7px no-repeat;}
#colors ul.blue li { background: url(../colormixcollection/_images/bullet_blue.gif) left 7px no-repeat;}
#colors ul.purple li { background: url(../colormixcollection/_images/bullet_purple.gif) left 7px no-repeat;}
#colors ul.brown li { background: url(../colormixcollection/_images/bullet_brown.gif) left 7px no-repeat;}
#colors ul.grey li { background: url(../colormixcollection/_images/bullet_grey.gif) left 7px no-repeat;}

#homepage p {width:390px; margin-bottom:20px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333; line-height:18px;}
#colorpalet p {width:390px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333; line-height:18px;}
#levisquality p {width:390px; margin-bottom:20px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333; line-height:18px;}

#levisquality p.tip-nl { width:260px; height:100px; padding-left:105px; background:url(../colormixcollection/_images/_nl/test_je_kleur.gif) left top no-repeat;}
#levisquality p.tip-fr { width:260px; height:120px; padding-left:140px; background:url(../colormixcollection/_images/_fr/test_je_kleur.gif) left top no-repeat;}
#levisquality p.qualityguaranteed { width:330px; height:75px; padding:15px 0 0 65px; margin-bottom:0; background:url(../colormixcollection/_images/qualityguaranteed.gif) left top no-repeat;}
#levisquality p.cov-nl { width:330px; height:85px; padding:0 0 0 65px; margin-bottom:0; background:url(../colormixcollection/_images/_nl/voc.gif) left top no-repeat;}
#levisquality p.cov-fr { width:330px; height:85px; padding:0 0 0 65px; margin-bottom:0; background:url(../colormixcollection/_images/_fr/voc.gif) left top no-repeat;}
#levisquality p.mrgbtm0 { margin-bottom:0;}

#colorpalet-tabs {float:left; width:448px; height:26px; padding-top:1px; background-color:#f2eee9;}
#colorpalet-tabs ul { padding:0; margin:0;}
#colorpalet-tabs ul li { float:left; display:inline-block; width:148px; height:26px; background-color:#b7b0a9; list-style-type:none; margin:0;}
#colorpalet-tabs ul li.mr2 { margin-right:2px;}
#colorpalet-tabs ul li a, #colorpalet-tabs ul li a:link, #colorpalet-tabs ul li a:active, #colorpalet-tabs ul li a:visited { color:#333333; font-size:11px; font-weight:normal; text-transform:uppercase; text-decoration:none; float:left; display:inline-block; width:148px; height:20px; background-color:#b7b0a9; list-style-type:none; margin:0; padding-top:6px; text-align:center; outline-style:none; }
#colorpalet-tabs ul li a.active, #colorpalet-tabs ul li a.active:link, #colorpalet-tabs ul li a.active:active, #colorpalet-tabs ul li a.active:visited { background-color:#f2eee9;}

#div-combine .combine { width:315px; height:104px; padding-left:80px;}
#div-combine .combine p { width:315px;}
#div-combine .img1 { background:url(../colormixcollection/_images/combine_1.png) left 10px no-repeat;}
#div-combine .img2 { background:url(../colormixcollection/_images/combine_2.png) left 10px no-repeat;}
#div-combine .img3 { background:url(../colormixcollection/_images/combine_3.png) left 10px no-repeat;}

#subpage {width:422px; float:left;}
.stappenplan {float:left;border:1px solid #E3E3E3; width:154px; margin:0 15px 15px 0; height:180px;}
.stappenplan.small { height:150px;}
.stappenplan div img {margin:0 auto 10px auto; text-align:center;}
.stappenplan a {display:block;  font-size:11px; float:left; margin:5px 0 0 5px;}
.stappenplan a.textlink { width:113px;}
#decofun {clear:left; padding-top:20px;}
#decofun h2 { font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#333; font-weight:500;}
#decofun h2 img {padding-bottom:10px;}
#disneybox h1 {padding:10px 0 10px 20px}
#disneybox div {padding:5px 5px 5px 20px; width:397px; float:left;}
#disneybox div#other-colors {padding-left:0; height:25px; width:220px;}
#disneybox div#other-colors p { width:80px; line-height:11px; color:#333; padding:0}
#disneybox div#other-colors img {margin-right:5px; float:left;}
#disneybox div p {padding:10px 0 10px; width:237px; color:#666; font-size:11px; line-height:18px; float:left;}
#disneybox div img {float:right;}
#info {padding-left:20px; clear:both;}
#info p {padding:20px 0 25px 0; font-size:12px;}
#info a.pdf {display:block; background:url(../disney/_images/icon-pdf.gif) top left no-repeat; padding-left:35px; line-height:28px; vertical-align:middle; margin-bottom:10px; color:#333}
#tip {margin-top:25px;}
#info #tip p {padding:0; font-size:11px;}
h1 { padding:0; margin-bottom:48px;}
.arrow { background: url(../colormixcollection/_images/link-arrow.gif) left 1px no-repeat; padding-left:35px;}

#disneybox.pooh h1 {background:#fbb927}
#disneybox.pooh div {background:#f9ec91;}

#disneybox.princess h1 {background:#a20078}
#disneybox.princess div {background:#F8E9E6 url(../disney/_images/bg-princess.gif) 165px 60px no-repeat}
#disneybox.princess #other-colors {background:none; padding-top:35px;}

#disneybox.cars h1 {background:#000}
#disneybox.cars div {background:#EDEDE8 url(../disney/_images/bg-cars.gif) right bottom no-repeat}
#disneybox.cars div p {width:230px;}
#disneybox.cars #other-colors {background:none;}

#disneybox.highschool h1 {background:#BED96C;}
#disneybox.highschool div {background:#DAE1C5;}

/* changing tabs: toon - combinatie - complementair */
div#main-header { position:relative; height:435px; width:582px;}
div#header-left { position:absolute; width:134px; height:62px; bottom:0; left:0; background: transparent url('../colormixcollection/_images/arrow_left.png') no-repeat right center; cursor: pointer; cursor: hand;}
div#header-right { position:absolute; width:134px; height:62px; bottom:0; right:0; background: transparent url('../colormixcollection/_images/arrow_right.png') no-repeat left center; cursor: pointer; cursor: hand;}
/*
div#header-middle { position:absolute; width:316px; height:163px; bottom:0; left:133px;}
div#header-middle img { margin: 23px 19px 19px 19px;}
*/
div#header-middle { position:absolute; width:278px; height:121px; bottom:0; left:133px;padding: 23px 19px 19px 19px }
img, div, ul, li { behavior: url(/_scripts/iepngfix.htc);}

#navigation { float: right; width: 180px; text-align:left;}
p.menusubtit { padding-top: 4px; padding-bottom: 7px;}