/* ORDER */ .orde_top { padding-top: 8px; float: left; background:url(/skins/default/pics/bestel_top.gif) no-repeat 0 100%; width: 950px; height: 10px; } #takoffcitypanel { margin-left: 30px; position: relative; } #order .order_content h4 a.adressen{ float: none; position: absolute; top: 0px; right: 7px; color: #0F6DAF; height: auto; width: auto; background: none; } #takoffcitypanel.deactive { opacity: .7; -moz-opacity: .7; filter:alpha(opacity=70); } #bezorging.deactive { opacity: .7; -moz-opacity: .7; filter:alpha(opacity=70); } #order { float: left; width: 100%; position: relative;} #order .counting { position: relative; background: #ededed url(/skins/default/pics/bestel1.gif) no-repeat 39px 0; padding-bottom: 30px; width: 948px; height: 38px; } #order .counting a, #order .counting a:visited, #order .counting a:hover { color:#ff8b00; font-weight: bold; text-decoration: none; } #order .counting a.inactive { color: #bbbbbb; } #order .counting ul { float: left; padding-left: 58px; position: absolute; bottom: 8px; } #order .counting ul li { float: left; list-style: none; } #order .counting ul li a { padding-top: 40px; float: left;} #order .counting ul li.stap1 a { width: 174px; } #order .counting ul li.stap2 a { width: 180px; } #order .counting ul li.stap3 a { width: 174px; } #order .counting ul li.stap4 a { width: 174px; } #order .counting ul li.stap5 a { width: 174px; } #order.stap2 .counting { background-image: url(/skins/default/pics/bestel2.gif); } #order.stap3 .counting { background-image: url(/skins/default/pics/bestel3.gif); } #order.stap5 .counting { background-image: url(/skins/default/pics/bestel4.gif); } #order.stap4 .counting { background-image: url(/skins/default/pics/bestel5.gif); } #order .order_content { float: left; padding: 34px 36px 22px 36px; width: 876px; position: relative; } #order .order_content a#backlink{ color: #0F6DAF; } .content #order .order_content ul.last { margin-bottom: 20px; } #order .order_content a.stepback { float: left; width: 300px; padding-left: 11px; background: url(/skins/default/pics/a_back.gif) no-repeat 0 center; color: #005590; } #order .order_content a.stepforward { float: right; padding-right: 30px; font-weight: bold; color: #a32c36; background: url(/skins/default/pics/verder_bestel.gif) no-repeat 100% 0; color: #a32c36; } #order .order_content b.nextbutton{ width: 8px; height: 19px; float: left; padding-right: 8px; background: url(/skins/default/pics/b_next_button.gif) no-repeat 0 0; } #order.stap4 .order_content input { margin-bottom: 10px; } #order.stap4 .order_content ul { width: 530px; } #order.stap4 .order_content ul li { float: left; list-style: none; width: 380px; } #order.stap4 .order_content li.first { width: 145px; font-weight: normal; } #order.stap4 .order_content input.checkbox { vertical-align: text-top; margin: 0px; border: 0px; } #order .order_content input.radio { border: 0px; } #order .order_content input { width: 23px; margin-left: 30px; height: 16px; margin-bottom: 5px; padding-left: 0px;} #order .order_content input.checkbox { border: 0px; } #order .order_content input.text { margin-left: 0px; } #order .order_content input.big { width: 380px; } #order .order_content input.medium { width:225px; } #order .order_content input.deliveradres { float: left; } #order .order_content input.small { width: 65px; float: left; } #order .order_content .bedankt ul { margin: 15px 0 0 35px; } #order.stap4 .order_content input.small { float: none; } #order .order_content p { margin: 0 0 0 35px; } #order .order_content p.ingevuld { margin: 0 0 1em 0px; } #order .order_content .error { padding-bottom: 20px; } #order .order_content .error p { margin: 0 0 0 0px; color: red; } #order .order_content p.label { width: 65px; float: left; display: inline; } #order.stap4 .order_content p.label { width: 150px; margin: 0px; } #order .order_content p.label.woonplaats { margin-left: 11px; margin-right: 8px; width: 70px; } #order .order_content h4 input { margin-left: 5px; margin-right: 8px; border: 0px; } #order .order_content textarea { color: #626262; } #order .order_content .counter { position:relative; right: 12px; } #order .order_content .line { margin-top: 15px; margin-bottom: 5px; border-top: 1px solid #e4e4e4; } #order.stap3 .order_content form { margin-bottom: 3px; padding-bottom: 30px; border-bottom: 1px solid #e4e4e4; } #order.stap3 .order_content #shopform { padding-bottom: 40px; } #order .order_content input.producten { margin: 0px; font-size: 9px; border: 1px solid #a4a29d; text-align: right; height: 12px; width: 24px; position: absolute; left: 14px; } #order .order_content .more { float: left; position: relative;} #order .order_content .less {float: left; position: relative; } #order .order_content .counter a { display:block; font-size:11px; height:14px; line-height:0; margin:0; padding:0; position:absolute; width:14px; } #order .order_content h1 { font-size: 22px; } #order .order_content .less a{ background:transparent url(/skins/default/pics/iconCounterLess.gif) no-repeat 0 0; left: 0px;} #order .order_content .more a { background:transparent url(/skins/default/pics/iconCounterMore.gif) no-repeat 0 0; left: 38px;} #order .order_content a.more { } #order .order_content .info #openingstijden {width:100%; display: none; background: url(/skins/default/pics/more_info_red.gif) no-repeat 100% center; color: red; } #order .order_content .info #openingstijden.active { display: block; } #order .order_content .info { float: left; height: 35px; widht: 100%; overflow: hidden;} #order .order_content span { color: #003f7d; } #order .order_content a.voorwaarden { color: #003f7d; text-decoration: underline; } #order .order_content td.verwijderen { width: 40px; } #order .order_content td.verwijderen a { float: left; display: block; left: 20px; width: 25px; height: 18px; background: url(/skins/default/pics/delete.gif) no-repeat 50% 3px; position: relative; } #order .order_content td.verwijderen a.info { background: url(/skins/default/pics/info.gif) no-repeat 50% 3px; } #order .order_content table th h3 { color: #003f7d; text-align: left; } #order.stap1 .order_content table .product { width: 325px; color: #363636; font-weight: bold; } #order.stap1 .order_content table .product a { color: #363636; font-weight: normal; } #order .order_content table td { } #order .order_content table td.bezorging { font-weight: normal; font-size: 0.9em; color: #000; } #order.stap1 .order_content table td.per_stuk { text-align: left; } #order .order_content table td.per_stuk { text-align: right; /*width: 100px;*/ } #order.stap5 .order_content table td.per_stuk { text-align: left; /*width: 100px;*/ } #order .order_content table th.aantal { text-align: left; width: 100px; } #order .order_content table .prijs h3{ width: 60px; text-align: right; } #order .order_content table td.aantal { width: 82px; } #order .order_content table th.prijs { width: 150px; } #order .order_content table td.prijs { width: 150px; } #order .order_content table td.prijs p { margin: 0px; width: 70px; text-align: right; } #order .order_content table th.verwijderen { width: 150px; } #order .order_content table td.verwijderen { width: 150px; position: relative; } #order .order_content table tr.businessunit { height: 30px; vertical-align: middle; } #order .order_content table tr.businessunit td { padding-top: 10px; padding-bottom: 10px; } #order .order_content h4 { position: relative; clear: both; font-size: 12px; padding-left: 12px; background: #f7f7f7 url(/skins/default/pics/next.gif) no-repeat 0 center; color:#363636; font-weight: bold; line-height: 25px; } #order .order_content h4 a { background: url(/skins/default/pics/info.gif) no-repeat 0 0; width: 14px; height: 14px; position: absolute; top: 7px; right: 0px; } #order.short.stap1 .order_content h4, #order.stap3 .order_content h4 { font-weight: bold; background-image: none; padding-left: 0px; } #order .order_content ul.total { width: 100%; float: left; background-color: #e2eff8; margin-bottom: 9px; margin-top: 31px; color: #003f7d; font-size: 14px; } #order.stap1 .order_content ul.total li.total_price { text-align: left; margin-left: 5px; } #order.short .order_content ul.total, #order.stap2 .order_content ul.total { margin-top: 5px; } #order .order_content ul.total li { float: left; list-style: none; display: inline; } #order .order_content ul.total li.total_price { width: 470px; text-align: right; font-weight: bold; } #order.stap2 .order_content ul.total li.total_price, #order.stap3 .order_content ul.total li.total_price, #order.stap4 .order_content ul.total li.total_price { text-align: left; margin-left: 10px; } #order.stap5 .order_content ul.total li.total_price { text-align: left; margin-left: 10px; } #order.stap5 .order_content ul.total li.total_price.verzekering { width: 100%; } #order.stap5 .order_content ul.total li.total_price.voorbehoud { font-style: italic; } #order .order_content ul.total li.btw { width: 90px; margin-left: 5px; color: #003f7d; font-size: 12px; } #order .order_content ul.total li.price { text-align: right; font-weight: bold; float: right; margin-right: 10px; width: 280px; } #order.stap5 .order_content ul.total li.price { width: 150px; } #order.stap5 .order_content th.per_stuk { width: 126px; text-align: left; } #order .order_content ul.dag { width: 50%; float: left; border-bottom: 1px solid #e4e4e4; padding: 2px 0px; } #order.short .order_content ul.dag { width: 100%; } #order .order_content ul.dag li { width: 146px; float: left; list-style: none; } #order.short .order_content ul.dag li { width: 143px; } #order .order_content ul.dag li.first { font-weight: bold; } #order .order_content ul.dag li input { width: 70px; position: relative; } #order .order_content ul.dag li select { width: 100px; font-size: 9px; background: #e9e9e9; } #order.stap5 .order_content .margin { margin-bottom: 9px; } #order.stap5 .order_content .item { float: left; border: 1px solid #dfdfdf; width: 100%; margin-top: 5px; } #order.stap5 .order_content .item .subitem { float: left; padding: 5px; } #order.stap5 .order_content .item h3 { color: #000; background-color: #f7f7f7; margin: 0px; padding-left: 8px; line-height: 24px; } #order.stap5 .order_content ul.uw_gegevens li { margin-bottom: 4px; float: left; list-style: none; width: 760px; font-weight: bold; height: 19px; } #order.stap5 .order_content ul.uw_gegevens li.first { width: 100px; font-weight: normal; } #order.stap5 .order_content td.aantal { text-align: left; margin-right: 0px; } #order.stap5 .order_content table.product { width: 875px;} #order.stap5 .order_content table.product span.aantal { width:100px; text-align: right; float: left; color: #626262; } #order.stap5 .order_content table.product tr { width: 100%;} #order.stap5 .order_content table.product th p { margin: 0px; text-align: right; width: 138px; } #order.stap5 .order_content table.product th.aantal p { width: 100px; } #order.stap5 .order_content table.product td.productitem { /*width: 638px;*/ padding-left: 10px; } #order.stap5 .order_content table.product td.bezorging { padding-left: 10px; } #order.stap5 .order_content table.product td.productitem a { font-weight: bold; color: #626262; } #order.stap5 .order_content table.product tr.top { background-color: #f7f7f7; } #order.stap5 .order_content table td.prijs { width: 107px; padding-right: 10px; text-align:right; } #order.stap5 .order_content table td.per_stuk p { width: 51px; } #order.stap5 .order_content table td.per_stuk p { width: 51px; } #order.stap5 .order_content .bedankt p { width: 841px; } #order.stap5 .order_content .bedankt p.name { margin-bottom: 10px; } #order .order_content table .per_stuk { width: 113px; } #order .order_content table .product { width: 530px; color: #363636; font-weight: bold; } #order.stap5 .order_content table.product th.prijs { width: 98px; float: left; text-align: right; padding-right: 10px; } #order.stap5 .order_content table.product th.aantal { text-align: left; width: 82px; } #order.stap5 .order_content table .product { padding: 0 10px; text-align: left; } #order.stap5 .order_content table th.bezorgperiode { padding-left:10px; width: 262px; } #order.stap5 .order_content table td.bezorgperiode { padding-left:10px; width: 262px; } #order.stap5 .order_content table th.afhaaldag { width: 146px;} #order.stap5 .order_content table th.afhaald_tijd { width: 146px;} #order.stap5 .order_content table th.terugbrengdag { width: 146px; } #order.stap5 .order_content table th.terugbreng_tijd { width: 146px; } /* Datepicker ----------------------------------*/ .ui-datepicker { width: 17em; padding: .2em .2em 0; z-index: 10; } .ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; } .ui-datepicker .ui-datepicker-prev { left:2px; } .ui-datepicker .ui-datepicker-next { right:2px; } .ui-datepicker .ui-datepicker-prev-hover { left:1px; } .ui-datepicker .ui-datepicker-next-hover { right:1px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select { float:left; font-size:1em; margin:1px 0; } .ui-datepicker select.ui-datepicker-month-year {width: 100%;} .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 49%;} .ui-datepicker .ui-datepicker-title select.ui-datepicker-year { float: right; } .ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; } .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; } .ui-datepicker td { border: 0; padding: 1px; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; } /* with multiple calendars */ .ui-datepicker.ui-datepicker-multi { width:auto; } .ui-datepicker-multi .ui-datepicker-group { float:left; } .ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; } .ui-datepicker-multi-2 .ui-datepicker-group { width:50%; } .ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; } .ui-datepicker-multi-4 .ui-datepicker-group { width:25%; } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; } .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; } .ui-datepicker-row-break { clear:both; width:100%; } /* RTL support */ .ui-datepicker-rtl { direction: rtl; } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; } .ui-datepicker-rtl .ui-datepicker-group { float:right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; } .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; } /* IE6 IFRAME FIX (taken from datepicker 1.5.3 */ .ui-datepicker-cover { display: none; /*sorry for IE5*/ display/**/: block; /*sorry for IE5*/ position: absolute; /*must have*/ z-index: -1; /*must have*/ filter: mask(); /*must have*/ top: -4px; /*must have*/ left: -4px; /*must have*/ width: 200px; /*must have*/ height: 200px; /*must have*/ } /* changes for the short ordersystem */ #order.short.stap1 h1 { margin-top: 20px; float: left; width: 100%; } #order.short.stap1 div.btn { padding-top: 60px; } #order.short.stap1 .order_content input.small { float: none; } #order.short.stap1 .order_content p.label { width: 150px; margin: 0px; } #order.short.stap1 .order_content ul.total {} #order.short.stap1 .counting { background: #EDEDED url(/skins/default/pics/bestel1_short.gif) no-repeat 39px 0;} #order.short.stap4 .counting { background: #EDEDED url(/skins/default/pics/bestel2_short.gif) no-repeat 39px 0;} #order.short.stap1 .counting li.stap1 a, #order.short.stap4 .counting li.stap1 a { width: 440px; } #order.short .order_content #bezorging p.label { display: inline; float: left; width: 80px; margin: 0 0 0 35px; } #order.short .order_content #bezorging p.huisnummer { margin-left: 10px; } #order.short.stap1 .order_content #bezorging input.small { float: left; } #order.short.stap1 .order_content .clearfloat { width: 100%; float: left; } #order.short .order_content #bezorging p.label.woonplaats { margin-left: 11px; margin-right: 8px; width: 70px; } #order.short #catalog { list-style: none; margin-top: 10px;} #order.short #catalog li.head { margin-left: 30px; font-weight: bold; }