* { margin: 0; padding: 0; list-style: none; }
body { background: #b6282e url(images/page-bg.png) repeat-x 0 69px; overflow-y: scroll; }
body, p, select, button, a, input, textarea { font: 9pt Tahoma, Geneva, sans-serif; color: #fff; }
select, input, option, textarea { sans-serif; color: #333; padding: 2px; }
p { margin: 0 0 13px 0; line-height: 1.5; }
.js { display: none; } /* hide javascript only HTML */
.nonjs { display: block; }
p.heading { font-size: 14pt; color: #B4975A; text-transform: uppercase; font-family: "Times New Roman", Georgia, Times, serif; }
p.heading_smaller { font-size: 12pt; color: #fff; text-transform: uppercase; font-family: "Times New Roman", Georgia, Times, serif; }
p.heading_smallest { font-size: 11pt; color: #fff; text-transform: uppercase; font-family: "Times New Roman", Georgia, Times, serif; }
.hidden { display: none; }
.hr { background: #a75648; height: 1px; border: none; border-top: 1px solid #7f3521; width: 100%; overflow: hidden; margin-bottom: 25px; }
.copy { margin: 0 0 30px 25px; padding-top: 60px; }
.copy p { margin-right: 160px; }
.spacer { height: 0; clear: both; }
table { border-spacing: 0; border-collapse: 0; }
table td { padding: 0; vertical-align: middle; height: 100%; }
.center { text-align: center; }
.small { font-size: 8pt; }
a:focus, a:active { -moz-outline: none; outline: none; border: none; }

ol.legal li { margin: 0 30px 30px 0; }

#header_left, #header_center, #header_right { background: url(images/lights-bg.png) repeat-x; width: 50%; height: 88px; float: left; }
#header_left { background-position: top right; margin-right: -462px; }
#header_right { background-position: top left; margin-left: -462px; float: right; }
#header_center { width: 924px; margin: 0; position: relative; }
#page { width: 800px; margin: 0 auto; position: relative; top: -89px; clear: left; border-top: 1px solid transparent; background: url(images/badges-bg2.png) 50% 138px no-repeat;  }
#logo { width: 800px; height: 88px; background: url(images/logo.png) top center no-repeat; margin: 0 auto; }
#loading { width: 800px; height: 290px; padding-top: 215px; position: absolute; text-align: center; font-size: 14px; font-family: "Times New Roman", Georgia, Times, serif; }
#footer { text-align: center; }
#drink_aware { width: 120px; height: 13px; display: block; background: url(images/drinkaware.png); margin: 0 auto 20px auto; }
#luxardo_link { width: 115px; height: 16px; display: block; background: url(images/luxardolink.png); margin: 0 auto 20px auto; }

#menu { margin: 20px 0 0 0; text-align: center; position: relative; z-index: 2; }
#menu a, #menu { font-family: "Times New Roman", Georgia, Times, serif; color: #B4975A; text-transform: uppercase; letter-spacing: 1px; text-decoration: none; }
#menu a { font-size: 10pt; }
#menu a:hover, #menu a.selected { color: #fff; }

#enter_logo { background: url(images/enter-logo.png); width: 312px; height: 143px; margin: 100px 0 0 70px; }
#enter_bottle { position: absolute; top: 13px; right: 70px; }
#enter_form { background: url(images/badges-bg.png) no-repeat; width: 432px; margin: 40px 0 0 0; overflow: auto; text-align: center; }
#enter_form form { text-align: center; margin-top: 42px; }
#enter_form select { text-transform: uppercase; background: #000; }
#enter_form select, #enter_form option { color: #fff; }
#enter_form .hr { width: 432px; margin-bottom: 33px; }
#enter_form p { font-size: 8pt; text-transform: uppercase; }
#enter_form p.heading { margin: 5px 0 40px 0; font-size: 11pt; }
#dove_container { position: absolute; top: 0px; left: 320px; }
#enter_form a.button { display: block; background: url(images/enter-button.png); width: 108px; height: 22px; padding-top: 8px; border: none; margin: 0 auto; text-decoration: none; }
#enter_form .lhc, #enter_form .rhc { float: left; width: 131px; margin: 50px 0 0 85px; }
#enter_form .rhc { margin: 50px 85px 0 0; }

#bottles { margin: 0 0 0 -16px; width: 833px; height: 435px; padding-top: 70px; overflow: hidden; visibility: hidden; }
#bottles div { float: left; width: 119px; text-align: center; position: relative; }
#bottles img { cursor: pointer; position: relative; z-index: 0; }
#bottle_descriptions { margin: 0 0 0 20px; width: 300px; position: relative; top: -30px; min-height: 130px; }
#bottle_descriptions div { background: url(images/page-bg.png) 0 -539px; background: none; }
#bottle_descriptions div p { font-size: 10pt; }
#bottle_descriptions div p.heading { margin-bottom: 5px; font-size: 14pt; }
#bottle_descriptions div p:last-child { margin-bottom: 0; } /*webkit flicker bug */

#mix_of_the_month, #competition, #mix_of_the_month .header { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
#mix_of_the_month { background: #fff; width: 190px; height: 150px; float: right; position: relative; top: -30px; }
#mix_of_the_month .heading { color: #fff; font-family: Tahoma, Geneva, sans-serif; font-size: 14pt; line-height: 1; text-transform: none; text-align: center; margin: 0; }
#mix_of_the_month .header { padding: 5px; -moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px; border-bottom-left-radius: 0px; -moz-border-radius-bottomright: 0px; -webkit-border-bottom-right-radius: 0px; border-bottom-right-radius: 0px; }
#mix_of_the_month img { padding: 10px; }
#mix_of_the_month table, #mix_of_the_month table td { height: 121px; }
#mix_of_the_month .details { width: 100px; }
#mix_of_the_month p, #mix_of_the_month a { color: #333; font-size: 9pt; }
#mix_of_the_month p.name { text-transform: uppercase; font-size: 11pt; margin-bottom: 10px; }

.motm_popup { position: absolute !important; top: 540px !important; left: 300px !important; width: 330px !important; height: 260px !important; box-shadow: 0 0 20px rgba(0,0,0,.4); -moz-box-shadow: 0 0 20px rgba(0,0,0,.4); -webkit-box-shadow: 0 0 20px rgba(0,0,0,.4); }
.motm_popup p { line-height: 1.2; }
.motm_popup img { width: 146px; height: 200px; padding: 10px; }
.motm_popup table, .motm_popup table td { height: 231px !important; }
.motm_popup .ingredients { width: 155px; }

#competition { background: #cf0050; width: 224px; height: 144px; border: 3px solid #fff; float: right; position: relative; top: -30px; margin-left: 20px; }
#competition p { width: 90%; margin: 10px auto; }
#competition p, #competition a {  font-size: 8.5pt; }
#competition .heading { color: #fff; font-family: Tahoma, Geneva, sans-serif; font-size: 15pt; line-height: 1.2; text-transform: none; text-align: center; margin: 5px auto 8px auto; }
#competition .hr { width: 90%; margin: 0 auto; background: #e38190; border: 0; }

.tandc { background: #2a0000; height: 115px; overflow: auto; padding: 10px; 140px; margin: 0 140px 0 0; }
.tandc p { margin-right: 20px; font-size: 8pt; }
.entryform label { display: block; float: left; clear: left; width: 150px; margin-bottom: 15px; margin-top: 4px; font-size: 9pt; }
.entryform input, .entryform textarea { margin-bottom: 15px; background: #2a0000; color: #fff; border: none; padding: 3px; width: 200px; font-size: 10pt; }
.entryform button { display: block; float: none; background: url(images/enter-button.png); width: 108px; height: 30px; border: none; cursor: pointer; }

#mixes { padding-top: 140px; }
#mixes .heading { text-align: center; }
#mixology_submenu { position: absolute; top: 130px; left: 148px; }
#mixology_submenu.it { left: 309px; }
#mixology_submenu li { border-bottom: 1px solid #5f1e0a; }
#mixology_submenu li { display: block; padding-bottom: 4px; margin-top: 4px; }
#mixology_submenu li.last { border: none; }
#mixology_submenu li a { text-decoration: none; color: #B4975A; padding-bottom: 4px; margin-top: 4px; }
#mixology_submenu li.selected a { color: #fff; }
.mix { float: left; clear: left; width: 385px; margin: 0 0 40px 10px;  }
.mix_right { clear: none; text-align: right; }
.td { display: table-cell; width: 180px; vertical-align: top; padding-top: 100px; }
.mix .img .td { width: 185px; text-align: center; display: table-cell; height: 300px; vertical-align: middle; padding-top: 0; }
.tr { display: table-row; height: 300px; }
.mix_left .tr { float: left; }
.mix_right .tr { float: right; }
.mix_left .img { margin-right: 20px; }
.mix_right .img {  margin-left: 20px; }
.mix_heading { color: #B4975A; text-transform: uppercase; font-family: "Times New Roman", Georgia, Times, serif; font-size: 12pt; }
.shotails .mix, .shotails .img .td { height: 220px; }
.shotails .td { padding-top: 60px; }

#liqueurs { width: 800px; height: 310px; overflow: hidden; }
#liqueurs span { display: block; width: 128px; text-align: center; float: left; margin-right: 80px; }
#liqueurs .m1 { width: 542px; height: 286px; overflow: hidden; float: left; position: relative; }
#liqueurs .m2 { width: 4000px; height: 286px; position: absolute; left: 0; top: 0; }
#liqueurs .link { float: left; width: 128px; margin-top: 120px; position: relative; z-index: 2 }
#liqueurs .link a { text-transform: uppercase; font-family: "Times New Roman", Georgia, Times, serif; font-size: 11pt; text-decoration: none; color: #B4975A; padding: 20px 0; }
#liqueurs .link a img { border: none; width: 7px; height: 12px; }
#liqueurs .back { text-align: left; }
#liqueurs .next { text-align: right; }
#liqueurs .back img { margin-left: 20px; }
#liqueurs .next img { margin-right: 20px; }
#liqueur_descriptions p { text-align: center; width: 480px; margin: 0 auto; }
#liqueur_descriptions { margin-bottom: 50px; }

.contact_form label { display: block; float: left; clear: left; width: 130px; margin-right: 20px; margin-bottom: 10px; }
.contact_form input, .contact_form textarea, .contact_form select { width: 300px; margin-bottom: 10px; }
.contact_form select { width: 304px; }

/* css image replacement */
.imagereplace { text-indent: -999px; overflow: hidden; }
