div.products ul{ margin-top: 30px; margin-left: 10px }
div.products ul li{ float: left; margin-left: 8px; position: relative; height: 300px }
div.products ul li a.product{ width: 75px; height: 230px; display: block }
div.products ul li a.product span.bottle{ background-image: url( images/bottles.png ); background-repeat: no-repeat; position: absolute; left: 0; top: 0; width: 75px; height: 210px }
div.products ul li a.product span.caption{ position: absolute; top: 210px; display: block; background-image: url( images/products_es.gif ); background-repeat: no-repeat; width: 75px; height: 24px }
div.products ul li span.menu{ left: 0; margin-left: 6px; position: absolute; top: 234px; width: 220px; display: none }
div.products ul li:hover span.menu{ display: block }
div.products ul li span.menu a.sub{ background-image: url( images/subtitles_es.gif ); background-repeat: no-repeat; width: 180px; height: 12px; display: block }
div.products ul li:hover span.menu a.sub{ display: block }

div.products ul li.mendoza span.bottle{ background-position: 0 -210px }
div.products ul li.mendoza:hover span.bottle{ background-position: 0 0 }
div.products ul li.mendoza span.caption{ background-position: 0 0 }
div.products ul li.mendoza:hover span.caption{ background-position: -75px 0 }
div.products ul li.mendoza span.menu{ height: 48px }

div.products ul li.brandies span.bottle{ background-position: -75px -210px }
div.products ul li.brandies:hover span.bottle{ background-position: -75px 0 }
div.products ul li.brandies span.caption{ background-position: 0 -24px }
div.products ul li.brandies:hover span.caption{ background-position: -75px -24px }
div.products ul li.brandies span.menu{ height: 24px }

div.products ul li.wines span.bottle{ background-position: -150px -210px }
div.products ul li.wines:hover span.bottle{ background-position: -150px 0 }
div.products ul li.wines span.caption{ background-position: 0 -48px }
div.products ul li.wines:hover span.caption{ background-position: -75px -48px }
div.products ul li.wines span.menu{ height: 36px; left: 14px }

div.products ul li.vinegars span.bottle{ background-position: -225px -210px }
div.products ul li.vinegars:hover span.bottle{ background-position: -225px 0 }
div.products ul li.vinegars span.caption{ background-position: 0 -144px }
div.products ul li.vinegars:hover span.caption{ background-position: -75px -144px }
div.products ul li.vinegars span.menu{ height: 48px }

div.products ul li.tablewines span.bottle{ background-position: -300px -210px }
div.products ul li.tablewines:hover span.bottle{ background-position: -300px 0 }
div.products ul li.tablewines span.caption{ background-position: 0 -168px }
div.products ul li.tablewines:hover span.caption{ background-position: -75px -168px }
div.products ul li.tablewines span.menu{ height: 48px; left: 5px }

div.products ul li.bohorquez span.bottle{ background-position: -375px -210px }
div.products ul li.bohorquez:hover span.bottle{ background-position: -375px 0 }
div.products ul li.bohorquez span.caption{ background-position: 0 -192px }
div.products ul li.bohorquez:hover span.caption{ background-position: -75px -192px }
div.products ul li.bohorquez span.menu{ height: 48px; left: 5px }

a.sub.classic{ background-position: 0 0 }
a.sub.classic:hover{ background-position: -236px 0 }
a.sub.luxury{ background-position: 0 -12px }
a.sub.luxury:hover{ background-position: -236px -12px }
a.sub.royal{ background-position: 0 -24px }
a.sub.royal:hover{ background-position: -236px -24px }
a.sub.nonplus{ background-position: 0 -36px }
a.sub.nonplus:hover{ background-position: -236px -36px }
a.sub.romate{ background-position: 0 -300px }
a.sub.romate:hover{ background-position: -236px -300px }
a.sub.unoenmil{ background-position: 0 -312px }
a.sub.unoenmil:hover{ background-position: -236px -312px }
a.sub.old_plus{ background-position: 0 -324px }
a.sub.old_plus:hover{ background-position: -236px -324px }
a.sub.reservas{ background-position: 0 -336px }
a.sub.reservas:hover{ background-position: -236px -336px }
a.sub.vinos{ background-position: 0 -348px }
a.sub.vinos:hover{ background-position: -236px -348px }
a.sub.vinagre{ background-position: 0 -96px }
a.sub.vinagre:hover{ background-position: -236px -96px }
a.sub.solera{ background-position: 0 -108px }
a.sub.solera:hover{ background-position: -236px -108px }
a.sub.reserva{ background-position: 0 -120px }
a.sub.reserva:hover{ background-position: -236px -120px }
a.sub.familiar{ background-position: 0 -132px }
a.sub.familiar:hover{ background-position: -236px -132px }
a.sub.momo{ background-position: 0 -372px }
a.sub.momo:hover{ background-position: -236px -372px }

div.productdescription { position: absolute; left: 15px; top: 52px; bottom: 10px; right: 160px }
div.description_layer{ position: absolute; top: 26px; left: 0; right: 0; bottom: 0; overflow: auto }
div.description_layer p{ line-height: 1.2em }

div.subproduct{ background-image: url( images/subtitles_es.gif ); background-repeat: no-repeat; width: 236px; height: 12px; display: block }
div.subproduct.classic{ background-position: 0 0 }
div.subproduct.deluxe{ background-position: 0 -12px }
div.subproduct.royal{ background-position: 0 -24px }
div.subproduct.nonplusultra{ background-position: 0 -36px }
div.subproduct.amontillado{ background-position: 0 -48px }
div.subproduct.oloroso{ background-position: 0 -60px }
div.subproduct.cream{ background-position: 0 -72px }
div.subproduct.pedro{ background-position: 0 -84px }
div.subproduct.vinegar{ background-position: 0 -96px }
div.subproduct.vinegarsolera{ background-position: 0 -108px }
div.subproduct.vinegarpx{ background-position: 0 -120px }
div.subproduct.vinegarfamiliar{ background-position: 0 -132px }
div.subproduct.fino{ background-position: 0 -144px }
div.subproduct.npu{ background-position: 0 -156px }
div.subproduct.regente{ background-position: 0 -168px }
div.subproduct.jose{ background-position: 0 -180px }
div.subproduct.iberia{ background-position: 0 -192px }
div.subproduct.duquesa{ background-position: 0 -204px }
div.subproduct.cisneros{ background-position: 0 -216px }
div.subproduct.manzanillaromate{ background-position: 0 -228px }
div.subproduct.finoromate{ background-position: 0 -240px }
div.subproduct.amontilladoromate{ background-position: 0 -252px }
div.subproduct.olorosoromate{ background-position: 0 -264px }
div.subproduct.dulce{ background-position: 0 -276px }
div.subproduct.pedroromate{ background-position: 0 -288px }

h1{ background-image: url( images/titles_es.gif ); background-repeat: no-repeat; width: 350px; height: 19px; display: block }
h1.mendoza{ background-position: 0 0 }
h1.romate{ background-position: 0 -19px }
h1.unoenmil{ background-position: 0 -38px }
h1.old_plus{ background-position: 0 -57px }
h1.reserves{ background-position: 0 -76px }
h1.wines{ background-position: 0 -95px }
h1.vinegars{ background-position: 0 -114px }
h1.amontillado{ background-position: 0 -133px }
h1.oloroso{ background-position: 0 -152px }
h1.cream{ background-position: 0 -171px }
h1.pedro_ximenez{ background-position: 0 -190px }
h1.fino_marismeno{ background-position: 0 -209px }
h1.amontillado_npu{ background-position: 0 -228px }
h1.palo_cortado_regente{ background-position: 0 -247px }
h1.oloroso_don_jose{ background-position: 0 -266px }
h1.cream_iberia{ background-position: 0 -285px }
h1.pedro_ximenez_duquesa{ background-position: 0 -304px }
h1.pedro_ximenez_cardenal_cisneros{ background-position: 0 -323px }
h1.manzanilla_romate{ background-position: 0 -342px }
h1.fino_romate{ background-position: 0 -361px }
h1.amontillado_romate{ background-position: 0 -380px }
h1.oloroso_romate{ background-position: 0 -399px }
h1.cream_romate{ background-position: 0 -418px }
h1.pedro_ximenez_romate{ background-position: 0 -437px }
h1.momo{ background-position: 0 -457px }
h1.mendoza_clasico{ background-position: 0 -476px }
h1.mendoza_lujo{ background-position: 0 -495px }
h1.mendoza_carta_real{ background-position: 0 -514px }
h1.mendoza_non_plus_ultra{ background-position: 0 -533px }

div.filelayer{ position: absolute; left: 10px; top: 40px; right: 140px; bottom: 10px; overflow: auto }
div.filelayer table{ width: 100%; margin-top: 1em }
div.filelayer table td label{ font-weight: bold; color: #c0581b; display: block; text-align: right; white-space: nowrap }
div.filelayer table td{ padding: .2em .5em }
div.filelayer h1{ margin-left: 10px; margin-top: 5px }

div.description_layer div.wine{ position: relative }
div.description_layer a.info{ position: absolute; right: 10px; top: 0; width: 37px; height: 12px; display: block; background-image: url( images/subtitles_es.gif ); background-repeat: no-repeat; background-position: 0 -360px }
div.description_layer a.info:hover{ background-position: -236px -360px }