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; margin: 0 auto; margin-top: 5%; position: relative }
#header{ height: 120px; width: 800px }
#header a{ text-indent: -9999px; 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; font-family: TradeGothicLTBoldTwoRegular, tahoma, sans-serif; font-size: 11px; color: #808080; text-transform: uppercase; text-align: center; display: block }
#footer ul li a { height: 21px; display: block; color: #808080 }
#footer ul li a:hover{color: #c0581b }
#footer ul li.contact{ font-size: 15px; width:93px; margin-top: 5px }
#footer ul li.access{ font-size: 9px; width:67px; margin-top: 3px }
#footer ul li.art_of_living{ height: 21px; width: 180px; font-size: 21px }

#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: TradeGothicLTBoldTwoRegular, tahoma, sans-serif; text-transform: uppercase }
#menu ul li{ display: block; width: 100%; }
#menu ul li a{ padding-left: 9px; font-size: 33px; display: block; width: 260px; height: 41px; color: white; letter-spacing: -1px }
#menu ul li a.small{ font-size: 29px; height: 37px }
#menu ul li a:hover, #menu ul li a.current{  color: #c0581b }

#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; color: white }
div.links a:hover{ color: #c0581b }

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.layer.news a{ color: white }
div.contactlayer{ position: absolute; right: 0; bottom: 0; font-size: 12px }
div.contactlayer a{ color: #dedede }
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: 16px }
ul.winery li{ float: left }
ul.winery li a{ height: 17px; display: block; font-family: TradeGothicLTBoldTwoRegular; font-size: 14px; text-transform: uppercase; color: #808080 }
ul.winery li a.history{ width: 95px }
ul.winery li a.current, ul.winery li a:hover{ width: 95px; color: #c0581b }
ul.winery li a.spirit{ width: 170px; white-space: nowrap }
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 a{ color: #808080 }
#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_es.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; font-family: TradeGothicLTBoldTwoRegular; font-size: 14px; text-transform: uppercase; color: #808080 }
div.newsmenu ul li a.current, div.newsmenu ul li a:hover{ color: #c0581b }

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 }

#banner{ position: absolute; right: 0; top: 30px}
#banner img{ position: absolute; right: 0; top: 0 }
#banner p{ position: absolute; right: 204px; top: 0; width: 300px; text-align: center; font-family: TradeGothicLTBoldTwoRegular, tahoma, sans-serif; font-size: 12px; font-weight: normal; text-transform: uppercase; color: #808080 }