body { margin: 0; padding: 0; font-family: Verdana, sans-serif; font-size: 10px; color: black; background-color: white; text-align: justify; } body { text-align: center; } html>body { text-align: justify; } td { font-family: Verdana, sans-serif; font-size: 10px; } #wrap { width: 760px; margin-left: auto; margin-right: auto; } #top{ height: 3px; width: 760px; } #logo { width: 143px; height: 92px; float: left; text-align: left; } #clickbanner { width: 468px; height: 66px; float: right; margin: 0px; padding: 0px; } #menu{ width: 565px; height: 92px; float: right; text-align: right; margin-left: 2px; background: transparent url("../images/heinekenBanner.jpg") no-repeat; color: #FF4111; background-position: top right; } #header { width: 760px; height:92px; float: left; } #oranje { width: 760px; height: 74px; float: left; background: transparent url("../images/top_bg.gif") no-repeat; text-align: left; overflow: hidden; } #oranjepijl{ width: 21px; height: 74px; float: left; margin-left: 15px; } #stappentekst{ width: 400px; height: 74px; float: left; margin-left: 15px; color: white; } #postcode{ width: 260px; float: left; color: white; margin-top: 18px; margin-left: 170px; } #postcode img, #postcode input, #postcode submit { vertical-align: middle; } li { text-align: left; } a img { border: none; } a, a:link { color: #FF4111; } a:hover { color: #FF4111; } a:visited{ color: #FF4111; } #stappentekst a{ color: white; } #stappentekst a:link{ color: white; } #stappentekst a:hover { color: white; } #stappentekst a:visited{ color: white; } #invulveldwrap a{ color: black; text-decoration: none; } #invulveldwrap a:link{ color: black; text-decoration: none; } #invulveldwrap a:hover { color: black; text-decoration: underline; } #invulveldwrap a:visited{ color: black; } fieldset { background-color:#FD7416; border:solid 0 #fff; width:260px; height: 30px; } #partner { width: 760px; height: 67px; clear: both; margin-top: 10px; margin-left: auto; margin-right: auto; } .textfield { font:1.1em Verdana, Arial, Helvetica, sans-serif ; color:#333 ; margin:3px; height:20px; border:solid 0 #fff; padding: 3px 10px; width:78px; } fieldset>input.textfield { background: transparent url("../images/textfield_bg.gif") no-repeat; } .submit { margin:3px; background: transparent url("../images/search.gif") no-repeat; height:29px; border:solid 0 #fff; width:28px; } .inp { border: 1px solid #ddd; height: 2em; width: 150px; background: #f2f2f2; font: 11px verdana, sans-serif; color: #443; padding: 3px; } #invulveld { width: 760px; height: 40px; text-align: left; float: left; border: 1px solid #FD6816; overflow: hidden; } html>body>#wrap>#invulveld{ height: 35px; width: 758px; } #invulveldwrap { margin-top: 8px; margin-left: 5px; float: left; margin-bottom: 0px; } h2 { font-size: 14px; margin-top:14px; margin-bottom: 4px; } #userloginImg{ width: 48px; float: left; } #userloginText{ width: 300px; float: left; margin-left: 20px; } #userloginWrap{ width: 270px; float: left; margin-top: 20px; margin-left: 68px; .margin-left: 20px; } .userloginInvul{ width: 100px; float: left; height: 2em; } .userloginInput{ width: 150px; float: left; margin-left: 20px; .margin-left: 10px; } .userloginSpace { width: 250px; height: 0.5em; float: left; } #userloginSubmit{ width: 50px; float: left; margin-top: 20px; margin-left: 200px; .margin-left: 67px; } #loginProcess{ float: left; } #links { width: 550px; float: left; overflow: hidden; } #rechts { width: 200px; float: left; } #linksProfile { width: 400px; float: left; overflow: hidden; } #rechtsProfile { width: 300px; float: right; } #rechtsInfo { width: 250px; margin-top: 26px; float: right; text-align: left; } #voorkeurmenu{ width: 155px; float: left; margin-top: 40px; } #voorkeurmenutop { width: 155px; float: left; } #voorkeurmenumiddle { width: 155px; float: left; } #voorkeurmenubottom { width: 70px; float: left; } #tipDiv{ position:absolute; visibility:hidden; z-index:100; } #userName { } #order{ width: 400px; float: left; margin-top: 20px; } .inp { border: 1px solid #ddd; background: #f2f2f2; font: 11px verdana, sans-serif; color: #443; padding: 3px; outline: none; } .voucher { width: 100px; } .voorzetsel { width: 100px; height: 20px; float: left; vertical-align: bottom; line-height: 2em; text-align: left; } #wait{ width: 200px; background: transparent url("http://www.thuisbezorgd.nl/images/loading.gif") no-repeat; background-position: top center; float: left; margin-left: 150px; height: 80px; margin-top: 50px; text-align: center; } .invulveld img { vertical-align: middle; } #menukeuze{ width: 550px; float: left; } .textarea { width: 225px; height: 100px; float: left; border: 1px solid #ddd; background: #f2f2f2; color: #443; padding: 3px; font: 11px verdana, sans-serif; } #wrapWarning{ width: 350px; float: left; margin-top: 26px; } #warning{ width: 42px; float: left; } #warningMessage{ width: 290px; margin-left: 10px; float: left; text-align: left; } #clear { width: 200px; margin-top: 10px; clear: both; overflow: hidden; } .clear { width: 200px; float: left; height: 5px; overflow: hidden; } .invulveld { width: 150px; float: left; height: 20px; margin-left: 5px; text-align: left; } .userInfo { width: 150px; height: 20px; float: left; vertical-align: bottom; line-height: 2em; text-align: left; margin-left: 10px; font-weight: bold; } .errorveld { width: 150px; float: left; height: 20px; margin-left: 5px; font-style: italic; text-align: left; color: red; } #producttoevoeg{ width: 70px; float: left; } #mandjeprijs{ width: 45px; float: left; } #mandjeproduct{ width: 190px; float: left; text-align: left; _margin-left: 1px; } #voorkeurmenuadv{ width: 194px; margin-top: 20px; float: right; } #voorkeurmenutopadv { width: 194px; float: left; } #voorkeurmenumiddleadv { width: 194px; float: left; } #voorkeurmenubottomadv { width: 194px; float: left; } .line { border-bottom: 1px solid #FBBE9D; float:left; margin-bottom: 10px; } #mandjelegen { width: 80px; float:left; margin-left: 8px; _margin-left: 9px; } html>body>#wrap>#rechts>#voorkeurmenuadv>#voorkeurmenutopadv>#basket>#mandjeproduct>#mandjelegen{ margin-left: 16px; } #bezorging{ width: 100px; margin-left: 20px; _margin-left: 10px; float:left; } .aantal{ width:20px; _width:22px; float:left; } .productnaam{ width: 100px; float:left; } .euro { width: 8px; float:left; margin-left: 2px; text-align: left; } .prijs{ width:40px; float:left; text-align: right; } .pricesymbol{ width:48px; float:left; text-align: right; } .vuilnis{ width:13px; float:right; } .space { width: 100px; float: left; height: 20px; } #producten a:link{ text-decoration: none; } #producten a:hover { text-decoration: none; } #producten a:visited{ text-decoration: none; } #producten{ width: 190px; float: left; margin-top: 2px; text-align: left; } .inp { border: 1px solid #ddd; background: #f2f2f2; font: 11px verdana, sans-serif; color: #443; padding: 3px; outline: none; } #wait{ background: transparent url("http://www.thuisbezorgd.nl/images/loading.gif") no-repeat; background-position: top center; float: left; text-align: center; } #ideal { } #betaaloptie { } #persona{ width: 273px; float: left; margin-top: 26px; } #bestelling{ width: 255px; float: left; margin-top: 26px; } #afrekenentotaal { width:110px; margin-left: 0px; float:left; } html>body>#wrap>#ord>#rechts>#voorkeurmenuadv>#voorkeurmenutopadv>#basket>#mandjeproduct>#afrekenentotaal{ margin-left: 20px; } #afrekenenlegen { width:110px; margin-left: 9px; float:left; } html>body>#wrap>#ord>#rechts>#voorkeurmenuadv>#voorkeurmenutopadv>#basket>#mandjeproduct>#afrekenenlegen{ margin-left: 16px; } #afrekenenbezorg { width:110px; margin-left: 3px; float:left; } html>body>#wrap>#ord>#rechts>#voorkeurmenuadv>#voorkeurmenutopadv>#basket>#mandjeproduct>#afrekenenbezorg{ margin-left: 20px; } #bezorgkosten{ width: 20px; margin-left: 4px; float: left; } #afrekenenbezorgkosten { width: 30px; float: left; margin-left:18px; } html>body>#wrap>#ord>#rechts>#voorkeurmenuadv>#voorkeurmenutopadv>#basket>#mandjeproduct>#afrekenenbezorgkosten{ margin-left: 8x; } #afrekenentotaalkosten { width: 40px; float: left; margin-left:24px; } html>body>#wrap>#ord>#rechts>#voorkeurmenuadv>#voorkeurmenutopadv>#basket>#mandjeproduct>#afrekenentotaalkosten{ margin-left: 8px; } #tipDiv{ position:absolute; visibility:hidden; z-index:100; } body { position: relative; } ul.autosuggest { position: absolute; list-style: none; margin: 0; padding: 0; overflow-y: auto; } ul.autosuggest li { text-align: left; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc; } ul.autosuggest li a:link, ul.autosuggest li a:visited { display: block; padding: 2px; text-decoration: none; background-color: #eee; } ul.autosuggest li a:hover, ul.autosuggest li a:active { color: #fff; background-color: #f30; } ul.autosuggest li.highlight a:link, ul.autosuggest li.highlight a:visited { color: #fff; background-color: #f30; } #rechtsInfo li { margin-top: 4px; } #orderStatusCheck { text-align: left; width: 400px; float: left; } .confirmtext { width: 100px; height: 20px; float: left; vertical-align: bottom; line-height: 2em; text-align: left; font-weight: bold; }