/* ---------------------------------------------------------------------- css info ======== Client: Delhaizewineworld Agency: Agency.com Brussels Author: Chris Pirotte (cpirotte@agency.com) Date: 24-07-2008 Version: 1.1 (30-10-2008) table of contents ================= 1 =RESET 2 =LAYOUT 2.1 =HEADER 2.2 =NAVIGATION 2.3 =CONTENT 2.3.1 =homepage 2.3.2 =list page(search results) 2.3.3 =fiche page (wine detail) 2.3.4 =static pages (faq, about, contact) 2.4 =SIDEBAR 2.4.1 =GREENCART 3 =LINKS 4 =FORMS 5 =MISCELLEANEOUS 6 =THICKBOX notes & remarks =============== - Layout is positioned absolute, this to prevent collapsing the site when resizing + content is first in html sourcecode = better seo - The 2 actionboxes on the homepage for the promotions always need the same height so be sure the set the height in the css. ---------------------------------------------------------------------- */ /* 1 =RESET ---------------------------------------------------------------------- */ * { font-size: 100%; font-weight: normal; margin: 0; outline: 0; padding: 0 } html { border:0; background:#fff } body { border:0; background-color:#fff; font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif; font-size:11px; color:#666666 } img, fieldset { border:0 } ol,ul { list-style:none } table { border-collapse:collapse; border-spacing:0 } /* 2 =LAYOUT ---------------------------------------------------------------------- */ #container { height:100%; width:100%; overflow:auto } #header { position:absolute; left:0px; top:0px; height:100px; background:url(/_images/general/header_balk.gif) repeat-x } #navigation { position:absolute; left:0; top:100px; width:165px; padding: 15px 0px 33px 5px } #content { position:absolute; left:160px; top:100px; width:548px; padding: 17px 45px 55px 45px } #sidebar { position:absolute; left:798px; top:100px; width:152px; padding:17px 0 33px 0 } #footer { position:fixed; bottom:0px; left:0px; display:block; width:100%; height:34px; z-index:10; background-color:#FFFFFF } /* 2.1 =HEADER ---------------------------------------------------------------------- */ #menu-visual { height:100px; width:950px; text-align:right; background:url(../_images/general/bg_header.jpg) no-repeat; color:#ffffff } #logodelhaize { position: absolute; top: 18px; left: 12px; z-index:10000} #logodww { position: absolute; top: 0px; left: 62px } #headerHome { position: absolute; top: 83px; left: 5px } #menu-visual ul { background-color:#73A600; height:19px; padding-top:4px } #menu-visual ul li { display:inline } #menu-visual a { background-color:#73A600; color: #ffffff; text-decoration: none } #menu-visual a:hover { color: #FFFFFF; text-decoration: underline } #menu-visual ul li a { padding:0 4px } /* 2.2 =NAVIGATION ---------------------------------------------------------------------- */ .endecaSearch { margin: 0 10px 5px 0; text-align:right; color:#999999 } #navigation li img { position:relative; top:4px } #navigation a { color: #666666; text-decoration: none } #navigation a:hover { text-decoration: underline } #navigation li a { margin-right:5px } /* 2.3 =CONTENT ---------------------------------------------------------------------- */ /*2.3.1 =homepage ---------------------------------------------------------------------- */ .actionbox { float:left; width:269px; background:url(../_images/general/bg_actionbox.gif) bottom left; margin-bottom:18px; padding-bottom:10px } .actionbox h1 { background: url(../_images/general/bg_h1.gif) no-repeat; width:249px; height:50px; padding:5px 10px; font-size:21px; color:#FFFFFF; overflow:hidden; font-weight:normal } .actionbox p { padding:10px 10px 0px 10px } .actionbox ul { padding:7px 10px 0px 10px } .actionbow ul li { height:30px } .actionbox img { padding:10px 10px 0px 10px } .box { float:left; width:269px; background:url(../_images/general/bg_box.gif) bottom left; padding-bottom:10px; margin-bottom:18px } .box h2 { background: url(../_images/general/bg_h2.gif) no-repeat; width:249px; height:20px; padding:15px 10px 15px 10px; font-size:21px; color:#990000; overflow:hidden } .box p { padding:0px } .box img { padding:5px 20px; float:left } .box dl, .actionbox dl { float:right; width:149px; padding-right:10px } .box dt { color:#666666; font-weight:bold } .box p.action { color:#990000; font-size:15px; padding: 10px 0px 0px 0px; font-weight:bold } .box h3 a { color:#990000; text-decoration:underline; font-size:11px } .greenbox { float:right; width:269px; background:url(../_images/general/bg_actionbox.gif) bottom left; padding-bottom:10px; margin-bottom:18px; margin-top:2px } .greenbox h2 { background: url(../_images/general/greenbg_h2.gif) no-repeat; width:249px; height:20px; padding:15px 10px 15px 10px; font-size:20px; color:#5B5B5B ; overflow:hidden } .greenbox p { padding:0px } .greenbox img { padding:5px 20px; float:left } .greenbox dl, .actionbox dl { float:right; width:149px; padding-right:10px } .greenbox dt { color:#666666; font-weight:bold } .greenbox p.action { color:#990000; font-size:15px; padding: 10px 0px 0px 0px; font-weight:bold } .greenbox h3 a { color:#5B5B5B; text-decoration:underline; font-size:11px } .greenbox a.knowmore { line-height:13px; font-size:11px } #winecharts { float:left; width:267px; margin:0 1px; background:url(../_images/menu/bg_winecharts.gif) no-repeat bottom left; padding-bottom:15px } #wineblocks { background:url(../_images/menu/bg_winechartdivs.jpg) no-repeat top left} #bestsellers, #toprated, #newwines { padding:0 10px; min-height:300px; _height:300px} #winecharts ul.nav { padding:0 6px 0 6px; height:50px; background:url(../_images/menu/bg_ul.jpg) no-repeat } #winecharts ul.nav li { display: inline; width:84px } #winecharts ul.nav li.uno { } #winecharts ul.nav li.duo { } #winecharts ul.nav li.trio { } #winecharts ul.nav li a{ float:left; width:84px; height:36px; text-align:center; padding:7px 0; color:#666666#73A600; font-weight:bold; text-decoration:none; word-wrap: break-word; outline:none } #winecharts ul.nav li a:hover{ color:#73A600 /*; background:url(../_images/menu/bg_li_active.gif) no-repeat*/ } #winecharts ul.nav li a.active{ color:#73A600; background:url(../_images/menu/bg_li_active.gif) no-repeat } #winecharts ul.winelist li { clear:both } #winecharts ul.winelist li h3 img { background-color:#FFFFFF; border:1px solid #CCCCCC; float:left; display:inline-block; padding: 1px 22px; margin:0px 10px 5px 0px } #winecharts ul.winelist li p img { background-color:#FFFFFF; border:none; float:left; display:inline-block; padding: 1px 22px; margin:0px 10px 5px 0px } #winecharts p { margin-right:5px } #winecharts h3 a { color:#8E2756; text-decoration:underline; font-size:11px; margin-bottom:5px; font-weight:bold; } h1 em { color:#FFFFFF } #toprated ul li .knowmore, #newwines ul li .knowmore { display:none } .slider { position:relative; width:548px; text-align:center; height:250px; border:1px solid #CCCCCC; overflow:hidden; margin:0 0 30px 0 } .slider ul#tabs { position: absolute; bottom:0; width:548px; text-align:center; margin:auto; z-index:100; list-style:none; list-style-type:none } .slider ul#tabs li { display:inline; list-style:none; list-style-type:none } .slider ul#tabs li a { padding:6px 26px 6px 16px; line-height:25px; font-size:10px; color:#666666; font-weight:bold; background: url(../_images/homepage/tab.jpg) top right no-repeat; text-transform:uppercase; text-decoration:none } .slider ul#tabs li a.active, .slider ul#tabs li a:hover { background: url(../_images/homepage/tabactive.jpg) top left repeat-x; color:#FFFFFF; text-decoration:none } .slider .SlideTab { z-index:10 } ul#wineactions { margin:0 0 20px 0 } ul#wineactions li { list-style:none; list-style-type:none; /*width:548px;*/ height:131px; display:block } ul#wineactions li ul { width:471px; height:91px; margin:7px 0 0 78px } ul#wineactions li ul li img { float: left } ul#wineactions li ul li img.rightfloat { float: right; margin: 0 12px 0 0 } ul#wineactions li ul li .details { height: 65px; width: 61px; overflow: hidden; font-size: 10px } ul#wineactions li ul li .details a { text-decoration: underline; color: #979797; text-transform: uppercase; display: block; overflow: hidden; height: 48px; margin: 0; padding: 0 } ul#wineactions li ul li .details em { font-style: normal; color: #cc0000; font-weight: bold } ul#wineactions li.promo15 { background:#FFFFFF url(../_images/homepage/bg-15.jpg) top left no-repeat; overflow:hidden } ul#wineactions li.promo15 ul li { width:157px; height:91px; float:left } p.all15 { background:url(../_images/homepage/bg_arrow.gif) top left no-repeat; height:22px; line-height:22px; display:inline; padding:0; margin:4px 0 0 0; float:right } p.all15 a { background: url(../_images/homepage/arrow_15.gif) top right no-repeat; text-align:right; height:22px; line-height:22px; padding:5px 35px 5px 15px } ul#wineactions li.promo20 { background:#FFFFFF url(../_images/homepage/bg-20.jpg) top left no-repeat; overflow:hidden} ul#wineactions li.promo20 ul li{ width:157px; height:91px; float:left } p.all20 { background:url(../_images/homepage/bg_arrow.gif) top left no-repeat; height:22px; line-height:22px; display:inline; padding:0; margin:4px 0 0 0; float:right } p.all20 a { background: url(../_images/homepage/arrow_20.gif) top right no-repeat; text-align:right; height:22px; line-height:22px; padding:5px 35px 5px 15px } ul#wineactions li.promo30 {background:#FFFFFF url(../_images/homepage/bg-30.jpg) top left no-repeat; overflow:hidden} ul#wineactions li.promo30 ul li{ width:157px; height:91px; float:left } p.all30 { background:url(../_images/homepage/bg_arrow.gif) top left no-repeat; height:22px; line-height:22px; display:inline; padding:0; margin:4px 0 0 0; float:right } p.all30 a { background: url(../_images/homepage/arrow_30.gif) top right no-repeat; text-align:right; height:22px; line-height:22px; padding:5px 35px 5px 15px } ul#wineactions li.fifteen { background:#FFFFFF url(../_images/homepage/bg-15.jpg) top left no-repeat; overflow:hidden } ul#wineactions li.fifteen ul li { width:157px; height:91px; float:left } p.allfifteen { background:url(../_images/homepage/bg_arrow.gif) top left no-repeat; height:22px; line-height:22px; display:inline; padding:0; margin:4px 0 0 0; float:right } p.allfifteen a { background: url(../_images/homepage/arrow_15.gif) top right no-repeat; text-align:right; height:22px; line-height:22px; padding:5px 35px 5px 15px } ul#wineactions li.twenty { background:#FFFFFF url(../_images/homepage/bg-20.jpg) top left no-repeat; overflow:hidden} ul#wineactions li.twenty ul li{ width:157px; height:91px; float:left } p.alltwenty { background:url(../_images/homepage/bg_arrow.gif) top left no-repeat; height:22px; line-height:22px; display:inline; padding:0; margin:4px 0 0 0; float:right } p.alltwenty a { background: url(../_images/homepage/arrow_20.gif) top right no-repeat; text-align:right; height:22px; line-height:22px; padding:5px 35px 5px 15px } ul#wineactions li.thirty {background:#FFFFFF url(../_images/homepage/bg-30.jpg) top left no-repeat; overflow:hidden} ul#wineactions li.thirty ul li{ width:157px; height:91px; float:left } p.allthirty { background:url(../_images/homepage/bg_arrow.gif) top left no-repeat; height:22px; line-height:22px; display:inline; padding:0; margin:4px 0 0 0; float:right } p.allthirty a { background: url(../_images/homepage/arrow_30.gif) top right no-repeat; text-align:right; height:22px; line-height:22px; padding:5px 35px 5px 15px } ul#wineactions li.bordeauxnl {background:#FFFFFF url(../_images/homepage/bgbordeauxnl.jpg) top left no-repeat; overflow:hidden} ul#wineactions li.bordeauxfr {background:#FFFFFF url(../_images/homepage/bgbordeauxfr.jpg) top left no-repeat; overflow:hidden} ul#wineactions li.bordeauxnl ul, ul#wineactions li.bordeauxfr ul { margin:7px 0 0 157px } ul#wineactions li.bordeauxnl ul li, ul#wineactions li.bordeauxfr ul li{ width:157px; height:91px; float:left } ul#wineactions li.newbottlenl {background:#FFFFFF url(../_images/homepage/newbottle-nl.jpg) top left no-repeat; overflow:hidden} ul#wineactions li.newbottlefr {background:#FFFFFF url(../_images/homepage/newbottle-fr.jpg) top left no-repeat; overflow:hidden} ul#wineactions li.newbottlenl ul, ul#wineactions li.newbottlefr ul { margin:7px 0 0 157px } ul#wineactions li.newbottlenl ul li, ul#wineactions li.newbottlefr ul li{ width:157px; height:91px; float:left } p.allbordeaux { background:url(../_images/homepage/bg_arrow.gif) top left no-repeat; height:22px; line-height:22px; display:inline; padding:0; margin:4px 0 0 0; float:right } p.allbordeaux a { background: url(../_images/homepage/arrow_bordeaux.gif) top right no-repeat; text-align:right; height:22px; line-height:22px; padding:5px 35px 5px 15px } #PromoAction15_dlPromoAction tr td, #Promoaction20_dlPromoAction tr td, #Promoaction30_dlPromoAction tr td, #PromoBordeau_dlPromoAction tr td { border:none; padding:0; margin:0 } #PromoAction15_dlPromoAction tr td .DropdownAantal, #Promoaction20_dlPromoAction tr td .DropdownAantal, #Promoaction30_dlPromoAction tr td .DropdownAantal, #PromoBordeau_dlPromoAction tr td .DropdownAantal{ width:36px; float:left } ul#wineactions li.pluspointsnl {background:#FFFFFF url(../_images/homepage/pluspointsnl.jpg) top left no-repeat; overflow:hidden} ul#wineactions li.pluspointsfr {background:#FFFFFF url(../_images/homepage/pluspointsfr.jpg) top left no-repeat; overflow } ul#wineactions li.pluspointsfr ul li, ul#wineactions li.pluspointsnl ul li { width:157px; height:91px; float:left } ul#wineactions li.coupnl {background:#FFFFFF url(../_images/homepage/coupnl.jpg) top left no-repeat; overflow:hidden } ul#wineactions li.plusnl {background:#FFFFFF url(../_images/homepage/5plus1nl.jpg) top left no-repeat; overflow:hidden } ul#wineactions li.italynl {background:#FFFFFF url(../_images/homepage/italynl.jpg) top left no-repeat; overflow:hidden } ul#wineactions li.roundnl{background:#FFFFFF url(../_images/homepage/roundnl3.jpg) top left no-repeat; overflow:hidden } ul#wineactions li.pinotnoirnl { background: #fff url(../_images/homepage/pinotnl.jpg) top left no-repeat; overflow: hidden } ul#wineactions li.discountnl { background: #fff url(../_images/homepage/roundnl2.jpg) top left no-repeat; overflow: hidden } ul#wineactions li.ausnl { background: #fff url(../_images/homepage/dossier-aus-nl.jpg) top left no-repeat; overflow: hidden } ul#wineactions li.glassnl { background: #fff url(../_images/homepage/glazenactie-nl.jpg) top left no-repeat; overflow: hidden } ul#wineactions li.africanl {background: #fff url(../_images/homepage/africanl.jpg) top left no-repeat; overflow: hidden } ul#wineactions li.discountnl { background: #fff url(../_images/homepage/15kortingnl.jpg) top left no-repeat; overflow: hidden } ul#wineactions li.winediscountnl { background: #fff url(../_images/homepage/discount2-nl.jpg) top left no-repeat; overflow: hidden } ul#wineactions li.rosenl { background: #fff url(../_images/homepage/rosenl.jpg) top left no-repeat; overflow: hidden } ul#wineactions li.promonl { background: #fff url(../_images/homepage/promonl.jpg) top left no-repeat; overflow: hidden } ul#wineactions li.worldcupnl { background: #fff url(../_images/homepage/worldcup-nl.jpg) top left no-repeat; overflow: hidden } ul#wineactions li.pluspointsnl { background: #fff url(../_images/homepage/100pluspointsnl.jpg) top left no-repeat; overflow: hidden } ul#wineactions li.seafoodnl { background: #fff url(../_images/homepage/seafoodnl.jpg) top left no-repeat; overflow: hidden } ul#wineactions li.mosselennl { background: #fff url(../_images/homepage/mosselen-nl.jpg) top left no-repeat; overflow: hidden } ul#wineactions li.coupnl ul li, ul#wineactions li.plusnl ul li, ul#wineactions li.italynl ul li, ul#wineactions li.roundnl ul li, ul#wineactions li.pinotnoirnl ul li, ul#wineactions li.discountnl ul li, ul#wineactions li.ausnl ul li, ul#wineactions li.coupfr ul li, ul#wineactions li.plusfr ul li, ul#wineactions li.italyfr ul li, ul#wineactions li.roundfr ul li, ul#wineactions li.pinotnoirfr ul li, ul#wineactions li.discountfr ul li, ul#wineactions li.ausfr ul li, ul#wineactions li.pluswhitefr ul li, ul#wineactions li.plusrosefr ul li, ul#wineactions li.plusredfr ul li, ul#wineactions li.pluswhitenl ul li, ul#wineactions li.plusrosenl ul li, ul#wineactions li.plusrednl ul li, ul#wineactions li.glassnl ul li, ul#wineactions li.glassfr ul li, ul#wineactions li.africanl ul li, ul#wineactions li.africafr ul li, ul#wineactions li.discountnl ul li, ul#wineactions li.discountfr ul li, ul#wineactions li.winediscountnl ul li, ul#wineactions li.winediscountfr ul li, ul#wineactions li.rosenl ul li, ul#wineactions li.rosefr ul li, ul#wineactions li.promofr ul li, ul#wineactions li.promonl ul li, ul#wineactions li.worldcupnl ul li, ul#wineactions li.worldcupfr ul li, ul#wineactions li.pluspointsfr ul li, ul#wineactions li.pluspointsnl ul li, ul#wineactions li.seafoodnl ul li, ul#wineactions li.seafoodfr ul li, ul#wineactions li.mosselennl ul li, ul#wineactions li.mosselenfr ul li { float: left; height: 91px; width: 157px } ul#wineactions li.coupfr {background:#FFFFFF url(../_images/homepage/coupfr.jpg) top left no-repeat; overflow:hidden } ul#wineactions li.plusfr {background:#FFFFFF url(../_images/homepage/5plus1fr.jpg) top left no-repeat; overflow:hidden } ul#wineactions li.italyfr {background:#FFFFFF url(../_images/homepage/italyfr.jpg) top left no-repeat; overflow:hidden } ul#wineactions li.roundfr {background:#FFFFFF url(../_images/homepage/roundfr3.jpg) top left no-repeat; overflow:hidden } ul#wineactions li.pinotnoirfr { background: #fff url(../_images/homepage/pinotfr.jpg) top left no-repeat; overflow: hidden } ul#wineactions li.discountfr {background:#FFFFFF url(../_images/homepage/roundfr2.jpg) top left no-repeat; overflow:hidden } ul#wineactions li.ausfr { background: #fff url(../_images/homepage/dossier-aus-fr.jpg) top left no-repeat; overflow: hidden } ul#wineactions li.glassfr { background: #fff url(../_images/homepage/glazenactie-fr.jpg) top left no-repeat; overflow: hidden } ul#wineactions li.africafr {background: #fff url(../_images/homepage/africafr.jpg) top left no-repeat; overflow: hidden } ul#wineactions li.discountfr { background: #fff url(../_images/homepage/15kortingfr.jpg) top left no-repeat; overflow: hidden } ul#wineactions li.winediscountfr { background: #fff url(../_images/homepage/discount2-fr.jpg) top left no-repeat; overflow: hidden } ul#wineactions li.rosefr { background: #fff url(../_images/homepage/rosefr.jpg) top left no-repeat; overflow: hidden } ul#wineactions li.promofr { background: #fff url(../_images/homepage/promofr.jpg) top left no-repeat; overflow: hidden } ul#wineactions li.worldcupfr { background: #fff url(../_images/homepage/worldcup-fr.jpg) top left no-repeat; overflow: hidden } ul#wineactions li.pluspointsfr { background: #fff url(../_images/homepage/100pluspointsfr.jpg) top left no-repeat; overflow: hidden } ul#wineactions li.seafoodfr { background: #fff url(../_images/homepage/seafoodfr.jpg) top left no-repeat; overflow: hidden } ul#wineactions li.mosselenfr { background: #fff url(../_images/homepage/mosselen-fr.jpg) top left no-repeat; overflow: hidden } ul#wineactions li.pluswhitefr {background: #FFFFFF url(../_images/homepage/wit-fr.jpg) top left no-repeat; overflow:hidden } ul#wineactions li.plusrosefr {background: #FFFFFF url(../_images/homepage/rose-fr.jpg) top left no-repeat; overflow:hidden } ul#wineactions li.plusredfr {background: #FFFFFF url(../_images/homepage/rood-fr.jpg) top left no-repeat; overflow:hidden } ul#wineactions li.pluswhitenl {background: #FFFFFF url(../_images/homepage/wit-nl.jpg) top left no-repeat; overflow:hidden } ul#wineactions li.plusrosenl {background: #FFFFFF url(../_images/homepage/rose-nl.jpg) top left no-repeat; overflow:hidden } ul#wineactions li.plusrednl {background: #FFFFFF url(../_images/homepage/rood-nl.jpg) top left no-repeat; overflow:hidden } ul#wineactions li.italynl ul, ul#wineactions li.italyfr ul, ul#wineactions li.pinotnoirnl ul, ul#wineactions li.ausnl ul, ul#wineactions li.glassnl ul, ul#wineactions li.pinotnoirfr ul, ul#wineactions li.ausfr ul, ul#wineactions li.glassfr ul { width: 426px; height: 91px; margin: 7px 0 0 125px } /*2.3.2 =list (search results) ---------------------------------------------------------------------- */ h1 { font-size:15px; font-weight:bold; color:#333333 } a { color:#666666; text-decoration:underline } a:hover { text-decoration:none; color:#cc0000} ul.listnav { height:20px; margin:20px 0px; padding:3px 0px } .listnav li { line-height:18px } .listnav { color:#73A600 } .listnav a{ color:#73A600; text-decoration:underline; padding:0px 2px } .listnav a:hover{ color:#999999; text-decoration:none } .top { border-bottom:1px dotted #666666 } .bottom { border-top:1px dotted #666666; clear:both; margin:0; padding:0 } .fiche { width:210px; margin-bottom:30px } .fiche a { color:#666666; font-weight:bold; font-size:12px } .fiche a:hover { color:#aaaaaa } .fiche dl { width:150px; text-transform:uppercase; *height:135px; min-height:135px; margin:0 0 0 50px; padding:0 } .fiche dd { clear:right } .fiche dl dt, .fiche dl dd p { padding: 0px 0px 10px 0px } img.bottle { float: left } /* Adapted styling from previous version of site */ .pricecart { clear:both; width:200px; height:32px; background:url(../_images/general/bg_FicheMedium.gif) top left no-repeat; color:#FFFFFF; font-size:12px; font-weight:bold; padding:8px 0px 0px 10px } .pricecart img, .pricecart form { float:right; font-size:10px; color:#666666; padding:0px 2px } table.list { clear:both } th { text-align:left; border-bottom:3px solid #9EBF2A; padding:0px 0px 7px 0px; color:#9EBF2A; font-weight:bold; font-size:14px } td { text-align: left; border-top:1px solid #9EBF2A; vertical-align:top; padding:6px 0px } .listImg { width:35px; padding: 5px 0px } .listName { width:273px } .listName a { color:#666666; font-weight:bold; font-size:12px } .listName a:hover { color:#aaaaaa } .listRating { width:100px } .listPrice { width:60px; font-size:11px; color:#666666; font-weight:bold } .listOrder { width:80px; text-align:right} /*2.3.3 =fiche (wine detail) ---------------------------------------------------------------------- */ .fichedetail { width:548px; background:url(../_images/general/bg_fichedetails.gif) no-repeat bottom; margin:5px 0px 15px 0px; padding-bottom:20px } .fichedetail h1 {background:url(../_images/general/bg_fichedetailsh1.gif) no-repeat top; padding:20px 15px 20px 135px; color:#990000; } .fichedetail dl { width:413px; float:right } .fichedetail p { clear:both; padding:0px 15px 20px 15px; font-size:12px } .fichedetail dt { float:left; width:140px; padding:3px 5px 3px 0px; color:#000000; font-weight:bold } .fichedetail dd { float:right; width:258px; padding:3px 10px 3px 0px } .orderwine {text-align:center; width:125px; float:left } .priceorder { width:105px; height:45px; margin:20px 10px 10px 10px; background:url(../_images/general/bg_priceorder.gif) no-repeat top left; padding:10px 0px } .priceorder select { vertical-align:bottom } .priceorder span { color:#333333; font-size:12px; font-weight:bold; line-height:20px; *line-height:normal } .fichedetailextras { width:548px; padding:0px; background:url(../_images/general/bg_fichedetails.gif) no-repeat bottom; margin-bottom:15px; padding-bottom:15px } .fichedetailextras h2 {background:url(../_images/general/bg_fichedetailsextrah1.gif) no-repeat top; padding:10px 15px 10px 15px; color:#ffffff; font-size:14px; height:36px } .fichedetailextras ul { padding:0px 10px } .fichedetailextras ul li { float:left; width: 165px; padding:0px 5px } .fichedetailextras ul li img { background-color:#FFFFFF; border:1px solid #CCCCCC; float:left; display:inline-block; padding: 1px 22px; margin:0px 10px 5px 0px } .fichedetailextras ul li img.rated-stars { padding:0px; border:none; display:inline; float:none; margin:0 } .description { clear:both; padding:0px 15px } ul.recipes li { margin-bottom:10px; width:254px } ul.recipes li img { padding:0px } .reciperating { padding:5px 0px; line-height:17px } p.reciperating img { margin:0px 2px !important } p.reciperating img.degree { margin-right:8px !important} .fichedetailopinion { width:548px; padding:0px; background:url(../_images/general/bg_fichedetailsopinion.gif) no-repeat bottom; margin-bottom:15px; padding-bottom:15px } .fichedetailopinion h2 {background:url(../_images/general/bg_fichedetailsextrah1.gif) no-repeat top; padding:10px 15px 10px 15px; color:#ffffff; font-size:14px; height:36px } .fichedetailopinion ul { border-bottom: 1px solid #73A600; height:35px; width:528px !important; margin: 0px 10px 15px 10px } .fichedetailopinion ul li { padding:0px 5px } .fichedetailopinion ul li.rightfloat { width:133px; color:#000000; font-weight:bold } .fichedetailopinion p { padding:0px 15px } .date { color:#000000; font-weight:bold; margin-top:15px; line-height:20px } .commentdate { color:#000000; margin-top:15px; line-height:20px } .date img { margin-bottom:-3px } /* Adapted styling from previous version of site */ .ref {font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#999; text-align:right; margin-right:10px} #FicheRegion_FichePortraitRegion_pnlComment td { border:none} #FicheRegion_FichePortraitRegion_pnlRecipes td { border:none} /*2.3.4 =Static pages (wine detail) ---------------------------------------------------------------------- */ .static { font-size:12px } .static .intro { font-style:italic } .static p { padding:0px 0px 15px 0px; clear:both } .static p.images { padding:0px } .static p.images img { padding:0px 10px 15px 0px } .static h1 { color:#990000; font-size:20px; font-weight:normal; padding-bottom:15px } .static h2 { color:#000000; font-size:12px; font-weight:bold; padding-bottom:15px } .static em { font-style:italic; font-weight:bold; color:#333333 } .static h1 em { color:#990000 !important; font-weight:normal } .static h3 { color:#636363; font-family:"Tahoma",Arial,Helvetica,sans-serif; font-size:14px; font-style:normal; font-weight:bold; margin:0; padding:0; text-align:left } .static strong { font-weight:bold } .static h4 { font-size:12px; font-weight:bold; color:#FF0000; } ul.staticlist { font-family:"Tahoma",Arial,Helvetica,sans-serif; font-size:12px; line-height:16px; list-style-image:url(/_images/general/icon_bullet.gif); list-style-type:disc; margin:0px 0px 0px 35px; padding-bottom:15px } h2 em { color:#000000 !important; } .static h3 { color:#636363; font-family:"Tahoma",Arial,Helvetica,sans-serif; font-size:14px; font-style:normal; font-weight:bold; margin:0; padding:0; text-align:left } h5 { color:#333333; font-family:Arial,Tahoma,Verdana,Helvetica,sans-serif; font-size:14px; font-weight:bold; margin:0 3px 0 2px } a em { color:#990000 !important } .contact h2 { padding-bottom:0px } .steps { color:#333333; font-weight:bold; text-align:right } .faq em { font-style:italic; font-weight:normal; color:#666666 } .faq a { color:#990000; text-decoration:underline } .faq a:hover { color:#FF0000; text-decoration:none } .faq ul { font-family:"Tahoma",Arial,Helvetica,sans-serif; font-size:12px; list-style:none; list-style-type:none; margin:0px 0px 0px 0px; padding-bottom:15px} .faq table { border:none; background-color:#ffffff; width:548px; margin-bottom:15px } .faq table td { border:none; background-color:#dedede; width:250px; padding:10px } .faq table td.white { width:2px; background-color:#FFFFFF } hr { height: 0; border: 0; border-top: 1px solid #cccccc; margin:15px 0px 30px 0px } /* Adapted styling from previous version of site */ .ficheBalkTable { background-image:url(/_images/general/bg_FicheMedium.gif); background-repeat:no-repeat; position:absolute; padding-left:5px; } .fichePrice { color:#FFFFFF; font-size:12px; font-weight:bold } .prodficheBold a, .TitelKlein a, .linkBold { color:#666666; font-size:12px; font-weight:bold } #dossier_image { float:left; paddding:0px 15px 15px 0px } #dossier_summary_dossier_text p { padding:0xp 25px 0xp 0px; margin-bottom:15px } .bgImg { background-repeat:no-repeat; height:120px; margin-top:5px; width:207px } .archiveList { padding:0; margin-left:15px; vertical-align:top } .archiveList li { list-style-image:url(/_images/general/icon_dossier.gif); padding-bottom:10px } .archiveList span { margin-left:0px; vertical-align:top } div.primeur-tabs img {margin-right:1px;margin-bottom:26px;} #list-primeurwijnen div.region div.region-head-title { background: #174408 6px 8px no-repeat; width: 518px; height: 22px; padding: 6px 0 0 22px; text-transform: uppercase; font-weight: bold; color:#fff; margin-bottom: 1px; cursor: pointer; cursor: hand; } #list-primeurwijnen div.region div.region-title { background: #86bc25 url(../actions/2010/19-primeurwijnen/_images/arrow_green.gif) 6px 8px no-repeat; width: 518px; height: 22px; padding: 6px 0 0 22px; text-transform: uppercase; font-weight: bold; color:#fff; margin-bottom: 1px; cursor: pointer; cursor: hand; } #list-primeurwijnen div.region div.region-title.open { background-position: 6px -22px; } #list-primeurwijnen div.region div.appelation-title { background: #c3c1c1 url(../actions/2010/19-primeurwijnen/_images/arrow_grey.gif) 6px 8px no-repeat; width: 518px; height: 22px; padding: 6px 0 0 22px; text-transform: uppercase; font-weight: bold; color:#343333; margin-bottom: 1px; cursor: pointer; cursor: hand; } #list-primeurwijnen div.region div.appelation-title-new { background: #9f9e9e url(../actions/2010/19-primeurwijnen/_images/arrow_grey_new.gif) 6px 8px no-repeat; width: 518px; height: 22px; padding: 6px 0 0 22px; text-transform: uppercase; font-weight: bold; color:#343333; margin-bottom: 1px; cursor: pointer; cursor: hand; } #list-primeurwijnen div.region div.appelation-title.open { background-position: 6px -22px; } #list-primeurwijnen div.region div.wines { background-color: #f4f2f2; width: 518px; padding: 0px 10px 0 12px; color:#555151; } #list-primeurwijnen div.region div.wines div.wine { border-bottom: 1px solid #555151; padding: 8px 0px 8px 10px; } #list-primeurwijnen div.region div.wines div.last { border-bottom: none; } #list-primeurwijnen div.region div.wines div.reference { float:right; width:150px; padding: 3px 0px 0 0; text-align: right; } /* 2.4 =SIDEBAR ---------------------------------------------------------------------- */ #sidebar ul li a.winez { font-size:10px; margin:0; padding:0} #sidebar ul li { clear:both; padding:0; margin:0 } #sidebar ul li img.star { padding-top:3px} #sidebar td { border:none} #sidebar h3 { color:#990000; font-weight:bold; font-size:11px; margin-bottom:10px } /* Adapted styling from previous version of site */ #my-delhaize { background: url(../_images/bg-main.gif) left top repeat-y; color:#FFFFFF; font:normal 11px Arial, Helvetica, sans-serif; width:152px; height:144px; margin-top:10px } #my-delhaize p { padding:0 8px 0 8px } #my-delhaize .padding-all { padding:8px 8px 20px 8px ; color:#FFFFFF } #my-delhaize input.email-field { width:132px; color:#666666; margin:5px 0 0 0 } #my-delhaize .image-field { vertical-align:top; margin:10px 7px 0 0 ; float:right } #my-delhaize .form-container { margin:0; padding:0 8px; color:#FFFFFF; width:136px } #my-delhaize form { margin:0; padding:0 } .banner { margin-top:10px } .searchtop { width:152px; height:10px; display: none !important } .searchmiddle { border-right: 1px solid #cccccc; border-left: 1px solid #cccccc; padding-left: 10px; display: none !important } .searchbottom { background-image:url(/_images/general/searchbottom.gif); background-repeat: no-repeat; width:152px; height:10px; margin-bottom:5px; display: none !important } ul#wineguide { font-family: "Tahoma",Arial, Helvetica, sans-serif; font-size: 12px; list-style-image: url(/_images/general/icon_bullet.gif); list-style-type: disc; line-height: 16px; margin-left:15px } ul#dossiers_rightside_wineguide {font-family: "Tahoma",Arial, Helvetica, sans-serif; font-size: 12px;list-style-image: url(/_images/general/icon_bullet.gif); list-style-type: disc; line-height: 16px; margin-left:15px } .wineblock { background-color:#FFFFFF; border:1px solid #CCCCCC; float:left; display:inline-block; padding: 1px 17px; margin:0px 10px 10px 0px } .searchmiddle h2 { color:#5B5B5B; font-size:14px } .searchmiddle img { margin:8px 0 } .searchmiddle a.knowmore { font-size:10px; line-height:12px } /* 2.4.1 =GREENCART ---------------------------------------------------------------------- */ #greencart { background: url(../_images/general/bg_greencart.gif) left bottom no-repeat; color:#FFFFFF; font:normal 11px Arial, Helvetica, sans-serif; width:152px; height:105px; margin-top:0px; padding:0; text-align:center } #order { width:142px; padding:0 5px; text-align:left } #price { width:142px; padding:10px 5px 0 5px ; text-align:left; background: url(../_images/general/bg_greencart.gif) left top no-repeat } #advantage { width:142px; padding:0 5px; text-align:left } #trolly { width:142px; margin:20px 0 0 4px } #cart {position:absolute; bottom:0px; left:0; display:block; width:100%; height:34px; z-index:5;background-color:#fff } #cartframe{ width:1px; height:1px; position:absolute; z-index:-9999; left:-5000px; top:-5000px} #trolly img { cursor:pointer; cursor:hand } #advantage p, #price p{ margin:0 ; padding:0 0 0 8px; font-size:11px; color:#ffffff; font-weight:bold } #WinesBought1_pnlWineBought, .searchtop { margin-top:10px } .delivery { margin-top:10px } /* 3 =LINKS ---------------------------------------------------------------------- */ a.knowmore { color:#73A600; text-decoration:none; font-weight:bold; display:inline-block; line-height:20px; margin:10px 30px 0 0; padding-right:25px; vertical-align:middle; background:transparent url(../_images/icons/green_arrow.gif) no-repeat right 0px; } a.knowmore:hover { text-decoration:underline } a.conditions { font-size:9px; text-decoration:underline; color:#333333; display:inline-block; line-height:20px; margin:10px 0 0 0; } .actionbox a.conditions { color:#333333 } .box a.conditions { display:block; clear:both; margin:0px 10px } #winecharts a.knowmore { display:block; clear:both; margin:0px 10px; text-align:right } /* 4 =FORMS ---------------------------------------------------------------------- */ /* Adapted styling from previous version of site */ .endecaSearch form { color:#666666; text-align:right } .endecaSearch input.fieldSearch { font-size: 12px; color: #666666; height: 18px; width: 100px; border:1px solid #A4B97F; -moz-box-sizing:border-box; vertical-align: middle; margin: 0 5px 0 0px } .endecaSearch input.btSearch { vertical-align: middle; height:18px; width: 20px; /*border:1px solid #A4B97F;*/ margin:5px 0; padding:0} .endecaSearch input.radioSearch { margin:0 0 0 5px; *margin:0 0 0 1px } .static tr, .static td { border:none } .orderRed { color:#990000; font-family:Arial,Verdana,Helvetica,sans-serif; font-size:12px; font-weight:bold } .errorMessage { font-size: 11px; color: #FF0000 } .basketList { width:528px; padding-top:10px; padding-bottom:10px } .basketCheck { position:absolute; top:0px; left:0px; padding-left:7px; width:20px } .basketIcon { position:absolute; top:0px; left:27px; width:25px; padding-left:7px } .basketDescript { position:absolute; top:0px; left:57px; width:348px; font-size:12px; font-weight:bold; padding-left:10px; overflow:hidden; text-overflow:ellipsis } .basketDescriptSmall { font-weight:normal } .basketDropdown { position:absolute; top:0px; left:400px; width:30px; padding-right:28px } .basketQuantity { position:absolute; top:3px; left:420px; width:60px; height:25px; padding-right:28px; text-align:right; overflow:hidden; vertical-align:center; text-overflow:ellipsis } .basketPrice { position:absolute; top:3px; left:470px; width:70px; text-align:right } .basketLine{ position:relative; width:100%; height:30px } .basketUitkomsten { padding-top:15px } .basketUitkomst { width: 528px; height:20px } .basketUitkomstLeft { width:440px; text-align:right; float:left; font-size:12px } .basketUitkomstRight { float:right; text-align:right; padding-right:0px; font-size:12px } .basketItalic { font-style:italic } .basketBold { font-weight:bold } .DropdownAantal { font-size: 11px; font-family: Arial, Helvetica, sans-serif; margin: 0px 0px 0px 0px } #wineactions .DropdownAantal { float:left } .DropdownAantal, x:-moz-any-link { width:42px } /* Firefox only hack to solve padding issue */ #raterpopup textarea#PopupComment1_txtComment { width:390px } /* 5 =MISCELLEANEOUS ---------------------------------------------------------------------- */ .rightfloat { float:right } .leftfloat { float:left } .tabs-hide { display: none } /* Hide tabs, necessary for the jquery script */ #raterpopup { padding:0px 15px 0px 15px; overflow:hidden } #raterpopup textarea { height: 125px; margin:15px auto} #raterpopup p { margin-bottom:15px } #endacaSubNavigation { background-image:url(/_images/general/bg_subnavigation.gif); background-repeat:no-repeat; color:#333333; font-family:Arial,Helvetica,sans-serif; font-size:11px; height:49px; line-height:18px; margin:0 0 10px 0; padding:6px 10px 0px 10px; width:548px } #PopupComment1_lblMessage2 { font-size:10px; color:#999999; paading-top:25px; clear:both } #PopupComment1_btnClose { margin-left:160px } .portallink { position:absolute; top:0; left:235px; z-index:5000px; background:transparent} table#tafel tr td, table#tafel tr td table tr td { padding:0; margin:0; vertical-align:middle; line-height:27px } .delivery { margin-top:10px } /* 6 =THICKBOX ---------------------------------------------------------------------- */ #TB_window { font: 12px Arial, Helvetica, sans-serif; color: #333333; overflow:hidden } #form1, #PopupComment1_pnlStar { overflow:hidden; margin:0; padding:0 } #TB_secondLine { font: 10px Arial, Helvetica, sans-serif; color:#666666 } #TB_window a:link, #TB_window a:visited, #TB_window a:hover, #TB_window a:active, #TB_window a:focus{color: #73A600; text-decoration:none} #TB_overlay { position: fixed; z-index:100; top: 0px; left: 0px; height:100%; width:100% } .TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;} .TB_overlayBG { background-color:#000; filter:alpha(opacity=25); -moz-opacity: 0.25; opacity: 0.25 } * html #TB_overlay { /* ie6 hack */ position: absolute; height: 200% } #TB_window { position: fixed; background: #ffffff; z-index: 102; color:#000000; display:none; border: 1px solid #73A600; border-bottom: 1px solid #73A600; _border-bottom: 1px solid #73A600; text-align:left; top:50%; left:50%; margin-bottom:1px } * html #TB_window { /* ie6 hack */ position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px')} #TB_window img#TB_Image { display:block; margin: 15px 0 0 15px } #TB_caption{ height:25px; padding:7px 30px 10px 25px; float:left } #TB_closeWindow{ height:25px; padding:11px 25px 10px 0; float:right } #TB_closeAjaxWindow{ padding:7px 10px 5px 0; margin-bottom:1px; text-align:right; float:right } #TB_ajaxWindowTitle{ float:left; padding:7px 0 5px 10px; margin-bottom:1px } #TB_ajaxContent{ clear:both; padding:2px 15px 15px 15px; overflow:auto; text-align:left; line-height:1.4em } #TB_ajaxContent.TB_modal{ padding:15px } #TB_ajaxContent p{ padding:5px 0px 5px 0px } #TB_load{ position: fixed; display:none; height:13px; width:208px; z-index:103; top: 50%; left: 50%; margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */ } * html #TB_load { /* ie6 hack */ position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px') } #TB_HideSelect{ z-index:99; position:fixed; top: 0; left: 0; background-color:#fff; border:none; filter:alpha(opacity=0); -moz-opacity: 0; opacity: 0; height:100%; width:100% } * html #TB_HideSelect { /* ie6 hack */ position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px') } #TB_iframeContent{ clear:both; border:none; } #winecharts ul.winelist li img.star { margin:0; padding:0 !important;background-color: transparent !important} #TB_closeWindowButton { font-weight:bold; font-size:14px }