body{ font-family: tahoma, sans-serif; font-size: 11px; background-color: white }
i{ font-style: italic }
a{ text-decoration: none; color: inherit }
a:hover{ color: #c0581b }
#page{ width: 800px; position: absolute; left: 50%; margin-left: -400px }
#page{ width: 800px; position: absolute; left: 50%; margin-left: -400px; top: 5% }
#header{ height: 120px; width: 800px }
#header a{ display: block; background-image: url( images/logo.gif ); background-repeat: no-repeat; background-position: left top; width: 140px; height: 120px }
#content{ height: 330px; width: 800px; display: block; background-color: black; position: relative; border: 1px solid #d8d8d8 }
#content a{ color: #b2b2b2 }
#content a:hover{ color: #c0581b }
a.active{ color: #c0581b; font-weight: bold }
img{ border: 0; outline: none }

#footer{ position: absolute; right: 0; margin-top: 4px }
#footer ul li{ float: left }
#footer ul li a { background-image: url( images/links_de.gif ); background-repeat: no-repeat; height: 21px; display: block }
#footer ul li.art_of_living{ background-image: url( images/links_de.gif ); background-repeat: no-repeat; height: 21px; display: block; width: 157px }
#footer ul li a.contact{ background-position: -157px 0; width: 84px }
#footer ul li a.contact.current, #footer ul li a:hover.contact{ background-position: -157px -20px }
#footer ul li a.clients{ background-position: -241px 0; width: 71px }
#footer ul li a.clients.current, #footer ul li a:hover.clients{ background-position: -241px -20px }

#languages ul { position: absolute; right: 0; top: 100px;  }
#languages ul li{ float:left; margin-left: 1em }
#languages ul li a{ color: #b2b2b2 }
#languages ul li a.current{ color: black }
#languages ul li a:hover{ color: #c0581b }

#menu{ position: absolute; left: 0px; top: 40px; width: 260px; bottom: 0px }
#menu ul{ list-style-type: none; color: white; font-family: tahoma, sans-serif; text-transform: uppercase }
#menu ul li{ display: block; width: 100%; font-size: 0px; line-height: 100% }
#menu ul li a{ background-image: url( images/menu_de.gif ); background-repeat: no-repeat; display: block; width: 260px; height: 41px }
#menu ul li a.small{ height: 37px }
#menu ul li a:hover{ }
#menu ul li a.winery{ background-position: 0 0 }
#menu ul li a:hover.winery, #menu ul li a.winerycurrent{ background-position: -260px 0 }
#menu ul li a.jerez{ background-position: 0 -40px }
#menu ul li a:hover.jerez, #menu ul li a.jerezcurrent{ background-position: -260px -40px }
#menu ul li a.products{ background-position: 0 -76px }
#menu ul li a:hover.products, #menu ul li a.productscurrent{ background-position: -260px -76px }
#menu ul li a.pleasures{ background-position: 0 -115px }
#menu ul li a:hover.pleasures, #menu ul li a.pleasurescurrent{ background-position: -260px -115px }
#menu ul li a.awards{ background-position: 0 -151px }
#menu ul li a:hover.awards, #menu ul li a.awardscurrent{ background-position: -260px -151px }
#menu ul li a.dealers{ background-position: 0 -190px }
#menu ul li a:hover.dealers, #menu ul li a.dealerscurrent{ background-position: -260px -190px }
#menu ul li a.news{ background-position: 0 -226px }
#menu ul li a:hover.news, #menu ul li a.newscurrent{ background-position: -260px -226px }

#content p{ text-align: justify; padding: 0 1em 1em 0 }
#panel1{ position: absolute; left: 260px; top: 0; bottom: 0; width: 300px; color: white; height: 100% }
#panel2{ position: absolute; right: 0px; top: 0; bottom: 0; width: 240px }
#panel3{ position: absolute; left: 260px; right: 0px; top: 0; bottom: 0; background-color: white; border-left: 1px solid #d8d8d8; width: 539px; height: 330px }

div.scrolltop, div.scrollbottom{ position: absolute; width: 16px; right: 0; height: 20px; color: white; cursor: pointer; background-image: url( images/scroll_bkg.gif ); background-repeat: no-repeat; background-position: right middle }
div.scrolltop{ top: 0; background-position: right -16px }
div.scrolltop:hover{ background-position: right -48px }
div.scrollbottom{ bottom: 0; background-position: right 0 }
div.scrollbottom:hover{ background-position: right -32px }
div.scrollbody{ position: absolute; bottom: 0px; left: 0; right: 17px; top: 0px; overflow: hidden; height: 100% }
img.shadetop{ position: absolute; left: 0; top: 0; right: 0; height: 5px }
img.shadebottom{ position: absolute; left: 0; bottom: 0; right: 0; height: 5px }
img.shadetop, img.shadebottom{ width: 335px }
div.scrollpanel{ position: absolute; left: 0; top: 0; right: 0; padding: 1em 0 }

div.links{ }
div.links a{ font-weight: bold }

div.header{ position: absolute; left: 0; top: 0; right: 0; height: 32px }
div.layer{ position: absolute; top: 32px; left: 0; right: 0; bottom: 0; width: 100%; overflow: auto }
div.layer p{ line-height: 1.4em; color: white }
div.layer.jerez, div.layer.winery{ top: 40px; height: 275px; width: 290px }
div.layer.pleasures{ top: 40px; height: 245px; width: 290px }
div.layer.news{ top: 130px; height: 180px; width: 290px }
div.contactlayer{ position: absolute; right: 0; bottom: 0; font-size: 12px }
div.contactlayer h1{ font-weight: bold; color: #c0581b; margin-bottom: 1em }
div.contactlayer p{ text-align: right }

a.context { display: block }
a.context span{ display: none }
a.context:hover span{ display: inline }

ul.winery { list-style-type: none; margin-top: 12px }
ul.winery li{ float: left }
ul.winery li a{ background-image: url( images/sections_de.gif ); background-repeat: no-repeat; height: 17px; display: block }
ul.winery li a.history{ width: 95px }
ul.winery li a.history_current, ul.winery li a:hover.history{ width: 95px; background-position: 0 -17px }
ul.winery li a.spirit{ background-position: 0 -34px; width: 155px }
ul.winery li a.spirit_current, ul.winery li a:hover.spirit{ width: 155px; background-position: 0 -51px }
div.clear{ clear: both }

#dealers_list{ position: absolute; left: 0; top: 0; right: 0; bottom: 0; height: 310px; background-color: white; overflow: auto; padding: 10px }
#dealers_list h1{ text-transform: uppercase; color: #808080; width: 10em; text-align: right; font-weight: bold }
#dealers_list div{ position: relative; margin: 1em }
#dealers_list div p{ margin-left: 10em; color: black; padding: 0 }
#dealers_list div label{ margin-top: 2px }
#dealers_list div label{ position: absolute; left: 0; top: 0; width: 9em; text-align: right; text-transform: uppercase; color: #c0581b }

#awards_list{ }
#awards_list ul{ margin-top: 50px; width: 100% }
#awards_list ul li { float: left; width: 25%; color: #b2b2b2; text-align: center; padding: .1em 0; font-size: 1.2em }

#award_content{ color: white; clear: both; position: absolute; left: 0; top: 10.5em; right: 10px; bottom: 10px; overflow: auto; padding-right: 10px }
#award_content table{ width: 100%; margin-bottom: 1em }
#award_content table tr{ }
#award_content table td.header{ font-weight: bold; padding: .5em 0 .5em 0; text-transform: uppercase; color: #c0581b }
#award_content table td{ padding-bottom: .5em; width: 50% }
#award_content table td.f{ font-weight: bold; padding-right: .5em }
#award_content div.scrollbody{ margin-right: 10px }

*.replace { margin: 0; overflow: hidden; padding: 0; position: relative }
*.replace span { display: block; left: 0; position: absolute; top: 0; z-index: 1 }

div.topmenu{ position: absolute; left: 15px; top: 5px }
div.topmenu ul{}
div.topmenu ul li{ width: 75px; height: 24px; float: left; }
div.topmenu ul li a.product, div.topmenu ul li label{ background-image: url( images/products_de.gif ); background-repeat: no-repeat; width: 75px; height: 24px; display: block }
label.mendoza{ background-position: 0 0 }
label.brandies{ background-position: 0 -96px }
label.brandies:hover{ background-position: -75px -96px }
label.wines{ background-position: 0 -120px }
label.wines:hover{ background-position: -75px -120px }
a.vinegars{ background-position: 0 -144px }
a.vinegars:hover{ background-position: -75px -144px}

div.newsmenu{ position: absolute; left: 0; top: 50px; right: 0; height: 80px; width: 100% }
div.newsmenu ul{}
div.newsmenu ul li{ }
div.newsmenu ul li a{ display: block; height: 17px; width: 190px; background-image: url( images/sections_de.gif ); background-repeat: no-repeat }
div.newsmenu ul li a.media{ background-position: 0 -68px }
div.newsmenu ul li a.mediacurrent, div.newsmenu ul li a.media:hover{ background-position: 0 -85px }
div.newsmenu ul li a.news{ background-position: 0 -102px }
div.newsmenu ul li a.newscurrent, div.newsmenu ul li a.news:hover{ background-position: 0 -119px }
div.newsmenu ul li a.press{ background-position: 0 -136px }
div.newsmenu ul li a.presscurrent, div.newsmenu ul li a.press:hover{ background-position: 0 -153px }
div.newsmenu ul li a.images{ background-position: 0 -170px }
div.newsmenu ul li a.imagescurrent, div.newsmenu ul li a.images:hover{ background-position: 0 -187px }

body.home{ background-color: black; text-align: center }
body.home #content{ border: none }
body.home #skip{ position: absolute; left: 50%; margin-left: -22em; top: 50%; margin-top: 260px; color: white; padding-top: 1em; width: 44em; display: block }
body.home #skip a{ display: block; width: 10em; text-align: center; position: relative; float: left; cursor: pointer }
body.home #skip a p{ margin-top: 30px }
body.home #skip a span{ position: absolute; left: 50%; margin-left: -15px; width: 30px; height: 20px; display: block; background-image: url( images/flags.gif ); background-repeat: no-repeat; border: 1px solid white }
body.home #skip a.es span{ background-position: 0 0 }
body.home #skip a.en span{ background-position: -30px 0 }
body.home #skip a.de span{ background-position: -60px 0 }
body.home #skip a.it span{ background-position: -90px 0 }

#intro{ position: absolute; top: 50%; margin-top: -250px; width: 60%; left: 50%; margin-left: -30%; background-color: black }
#intro object{ width: 100%; height: 480px; background-color: black }
#intro object embed { width: 100%; height: 480px; background-color: black }
#intro a{ color: white }

div.login{ padding: 1em; margin: 0 }
div.intro{ margin: 60px 40px 0 40px; padding: 0; overflow: auto; line-height: 1.4em }
div.login table td{ padding: .2em} 
div.login input.input{ border: 1px solid gray }
div.login input.button{ padding: .5em }
div.login input.input, div.login input.button{ font-family: tahoma, sans-serif; font-size: 11px }
div.login h1{ font-family: "trebuchet ms", sans-serif; font-size: 1.4em; font-weight: bold; margin-bottom: .5em; color: #c0581b }
div.login div.error{ color: #b70000; padding: 1em; line-height: 0 }
div.login div.error p{padding: 0; margin: 0}

div.client_files{ position: absolute; top: 30px; left: 0; right: 0; bottom: 0; padding: 1em; overflow: auto }