ul.products{ margin-top: 30px; margin-left: 55px; font-family: TradeGothicLTBoldTwoRegular; font-size: 12px; font-weight: bold; text-transform: uppercase; color: #808080; letter-spacing: .3px }
ul.products li{ float: left; margin-left: 8px; position: relative; height: 300px }
ul.products li a.product{ width: 75px; height: 230px; display: block }
ul.products 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; text-indent: -9999px }
ul.products li a.product span.caption{ position: absolute; top: 210px; display: block; width: 75px; height: 24px }
ul.products li .menu{ left: 0; position: absolute; top: 234px; width: 220px; display: none }
ul.products li .menu li{ display: block; float: none; height: 12px; margin: 0; padding: 0 }
ul.products li:hover .menu{ display: block }

ul.top li a.product span.caption{ top: 0px }
ul.top { margin-left: 0; margin-top: 10px }
ul.top li .menu{ padding-bottom: 12px }

ul.products li.mendoza span.bottle{ background-position: 0 -210px }
ul.products li.mendoza:hover span.bottle{ background-position: 0 0 }
ul.products li.mendoza span.caption, ul.products li.mendoza .menu li{ margin-left: 6px }
ul.top li.mendoza .menu{ top: -60px }

ul.products li:hover span.caption{ color: #C0581B }

ul.products li.brandies span.bottle{ background-position: -75px -210px }
ul.products li.brandies:hover span.bottle{ background-position: -75px 0 }
ul.products li.brandies span.caption{ margin-left: 6px }
ul.products li.brandies .menu li{ margin-left: 6px }
ul.top li.brandies .menu{ top: -36px }
ul.top li.brandies span.caption{ padding-top: 12px }
ul.products li.brandies:hover span.caption{background-image: url( images/down.gif ); background-repeat: no-repeat; background-position: 0 bottom }
ul.top li.brandies:hover span.caption{background-image: url( images/up.gif ); background-repeat: no-repeat; background-position: 0 top }

ul.products li.wines span.bottle{ background-position: -150px -210px }
ul.products li.wines:hover span.bottle{ background-position: -150px 0 }
ul.products li.wines span.caption{ margin-left: 20px }
ul.products li.wines .menu li{ margin-left: 20px }
ul.top li.wines .menu{ top: -48px }
ul.top li.wines span.caption{ padding-top: 12px }
ul.products li.wines:hover span.caption{background-image: url( images/down.gif ); background-repeat: no-repeat; background-position: 0 bottom }
ul.top li.wines:hover span.caption{background-image: url( images/up.gif ); background-repeat: no-repeat; background-position: 0 top }

ul.products li.vinegars span.bottle{ background-position: -225px -210px }
ul.products li.vinegars:hover span.bottle{ background-position: -225px 0 }
ul.products li.vinegars span.caption{ margin-left: 6px }
ul.products li.vinegars .menu li{ margin-left: 6px }
ul.top li.vinegars .menu{ top: -48px }

ul.products li.tablewines span.bottle{ background-position: -300px -210px }
ul.products li.tablewines:hover span.bottle{ background-position: -300px 0 }
ul.products li.tablewines span.caption{ margin-left: 11px }
ul.products li.tablewines .menu li{ margin-left: 11px }
ul.top li.tablewines .menu{ top: -36px }
ul.top li.tablewines span.caption{ padding-top: 12px }
ul.products li.tablewines:hover span.caption{background-image: url( images/down.gif ); background-repeat: no-repeat; background-position: 0 bottom }
ul.top li.tablewines:hover span.caption{background-image: url( images/up.gif ); background-repeat: no-repeat; background-position: 0 top }

ul.products li.bohorquez span.bottle{ background-position: -375px -210px }
ul.products li.bohorquez:hover span.bottle{ background-position: -375px 0 }
ul.products li.bohorquez span.caption{ margin-left: 6px }

div.productdescription { position: absolute; left: 15px; top: 40px; bottom: 10px; right: 160px }
div.productdescription h1{ font-family: TradeGothicLTBoldTwoRegular; color: #c0581b; font-size: 19px; text-transform: uppercase; margin-bottom: 20px; letter-spacing: -.7px }
div.productdescription h2{ font-family: TradeGothicLTBoldTwoRegular; color: #808080; font-size: 13px; text-transform: uppercase; }
div.description_layer{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow: auto }
div.description_layer p{ line-height: 1.2em }

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; font-family: TradeGothicLTBoldTwoRegular; color: #808080; font-size: 13px; text-transform: uppercase; }
div.description_layer a.info:hover{ background-position: -236px -360px }