/* ----------------  reset  -------------------- */

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td 
{margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

ol, ul {list-style: none; }

.clear{clear:both;font-size:0px;line-height:0px;height:0px;}


/* ----------------  general  -------------------- */


body {background: #24221c url(images/bg.png); font-family: "Trebuchet MS",Verdana,Arial,Helvetica; font-size:9pt; color:#332821;}
#container { position:absolute; height:660px; width:960px; margin:-300px 0px 0px -480px; top: 50%; left: 50%; text-align: left; background: #24221c url(images/ap_bg.png) top left no-repeat;}

#contentcoins {margin-top:9px; float:right; width:732px; height:167px; background: url(images/8_1.jpg) top left no-repeat; padding-top:280px; padding-bottom:105px;}
#contentperspackaging {margin-top:9px; float:right; width:732px; height:552px; background: url(images/8_2.jpg) top left no-repeat; }
#contentmedallions {margin-top:9px; float:right; width:732px; height:100px; background: url(images/7_6.jpg) top left no-repeat; padding-top:130px; padding-bottom:322px; }
#contentseasonals {margin-top:9px; float:right; width:732px; height:552px; background: url(images/7_5.jpg) top left no-repeat; }
#contentminis {margin-top:9px; float:right; width:732px; height:140px; background: url(images/7_4.jpg) top left no-repeat; padding-top:400px; padding-bottom:12px;}
#contentnotes {margin-top:9px; float:right; width:732px; height:110px; background: url(images/7_3.jpg) top left no-repeat; padding-top:430px; padding-bottom:12px;}
#contenttubs {margin-top:9px; float:right; width:732px; height:100px; background: url(images/7_2.jpg) top left no-repeat; padding-top:100px; padding-bottom:352px; }
#contentnets {margin-top:9px; float:right; width:732px; height:60px; background: url(images/7_1.jpg) top left no-repeat; padding-top:60px; padding-bottom:432px; }
#contentprocess {margin-top:9px; float:right; width:732px; height:167px; background: url(images/5_1.jpg) top left no-repeat; padding-top:110px; padding-bottom:275px;}
#contentbean {margin-top:9px; float:right; width:732px; height:167px; background: url(images/bean.jpg) top left no-repeat; padding-top:170px; padding-bottom:215px;}
#contentconching {margin-top:9px; float:right; width:732px; height:167px; background: url(images/conching.jpg) top left no-repeat; padding-top:170px; padding-bottom:215px;}
#contentprocess3 {margin-top:9px; float:right; width:732px; height:167px; background: url(images/liquid.jpg) top left no-repeat; padding-top:40px; padding-bottom:345px;}
#contentproduct {margin-top:9px; float:right; width:732px; height:552px; background: url(images/5_1.jpg) top left no-repeat; }
#contentoverview {margin-top:9px; float:right; width:732px; height:100px; background: url(images/5_1.jpg) top left no-repeat; padding-top:105px; padding-bottom:347px; }
#contentindex {margin-top:9px; float:right; width:732px; height:552px; background: url(images/4.jpg) top left no-repeat; }

#picnews {margin-top:9px; float:right; width:190px; height:552px; background: url(images/4.jpg) top left no-repeat; }
#contentnews {margin-top:9px; float:right; width:502px; height:522px; padding-left:40px; padding-top:30px;  }

#contentnews p {padding-right:30px; margin-bottom:15px; font-size:10pt;  }
#contentnews p.newsnav {border-top:1px solid #474136; margin-bottom:0; padding-top:10px; width:200px;   }
#contentnews p strong {color:#fff;  }

#contentnews a {color:#fff; text-decoration:none; margin-right:10px; }
#contentnews a:hover {color:#f3d231;}

#piccontact {margin-top:9px; float:right; width:290px; height:552px; background: url(images/4.jpg) top left no-repeat; }
#contentcontact {margin-top:9px; float:right; width:402px; height:522px; padding-left:40px; padding-top:30px;  }

#frame {width:100%; height:470px; overflow:hidden; margin-bottom:10px;}
#frame a img.newsborder {padding:4px; background:#4C4539; border-left:1px solid #6A5F4F; border-right:1px solid #6A5F4F; border-bottom:1px solid #6A5F4F; margin-right:20px; float:left;}


a.txtlink {color:#f3d231;}

/* ----------------  nav  -------------------- */

#navcontainer { font-size:10.5pt; }
#navlist {float:right;}
#navlist li {display: block; float:left; list-style-type: none; padding:15px 30px 0 0; }
#navlist li a {display:block; text-transform:uppercase; color:#d7c383; text-decoration:none; padding:0 0 6px 0; border-bottom:3px solid #24221c;  }
#navlist li a:hover {display:block; text-transform:uppercase; color:#ebd58f; text-decoration:none; padding:0 0 6px 0; border-bottom:3px solid #363229;  }
#navlist a#currentpage {display:block; text-transform:uppercase; color:#ffffff; text-decoration:none; padding:0 0 6px 0; border-bottom:3px solid #bf942d;  }


/* ----------------  content  -------------------- */

.dhtmlgoodies_question{	color:#FFF; background-color:#1a1a1a; float:right; margin-left:400px; width:100px; padding:5px 30px 5px 10px; height:20px; text-align:right; overflow:hidden; cursor:pointer;}
.dhtmlgoodies_answer{background-color:#1a1a1a; width:520px; float:right; visibility:hidden; height:0px; overflow:hidden; position:relative; }
.dhtmlgoodies_answer_content{float:right; font-family: Arial,Helvetica; line-height:150%; padding:10px 30px 10px 15px; font-size:10pt; position:relative;}

h1 {color:#f3d231; font-weight:700; text-transform:uppercase; font-size:10pt; padding-bottom:10px;}
#contentnews h1 {padding-right:30px;}
p{text-align:justify; color:#ccc4b5;}


/* ----------------  left  -------------------- */

#left {float:left; width:224px; text-align:center; color:#a69980;}
#logo{margin-top:20px; margin-bottom:30px; }
#logo a {width:170px; height:160px; border:0; text-decoration:none; display:block;}


p.left {width:200px; margin-left:15px; text-align:center; font-weight:700; color:#f3d231; text-transform:uppercase; margin-bottom:10px;}
p.left2 {width:200px; margin-left:15px; text-align:center; font-weight:700; color:#f3d231; text-transform:uppercase; margin-bottom:35px;}
p.headlines {width:200px; margin:0 0 15px 15px; padding:10px 0 10px 0; display:block; border-bottom:1px solid #474136; border-top:1px solid #474136; text-transform:uppercase; color:#f3d231; font-weight:300; font-size:10.5pt; text-align:center;}


ul.level1 {width:200px; margin-left:15px;}
ul.level2 {width:200px;}

#left ul li.main a {padding:10px 0 10px 0; width:200px; display:block; border-bottom:1px solid #474136; text-transform:uppercase; text-decoration:none; color:#a69980; font-weight:300; font-size:10.5pt;}
#left ul li.main a:hover {padding:10px 0 10px 0; background:#453f34; border-bottom:1px solid #453f34; width:200px; display:block;}
#currentsubmain {background:#6f1118; border-bottom:1px solid #6f1118;}

#left ul li.main2 a {padding:10px 0 10px 0; width:200px; display:block; text-transform:uppercase; text-decoration:none; color:#a69980; font-weight:300;font-size:10.5pt;}
#left ul li.main2 a:hover {padding:10px 0 10px 0; background:#453f34; width:200px; display:block;}
#currentsubmain2 {padding:10px 0 10px 0; background:#6f1118; width:200px; display:block;}

#left ul li.brand a {padding:2px 0 2px 0; color:#f3d231; font-size:10pt;}
#left ul li.brand a:hover, #currentsubbrand {padding:2px 0 2px 0; }

#left ul li.product a {padding:0; color:#bfb193; font-size:10pt;}
#left ul li.product a:hover {padding:0; }
#currentproduct {background:#6f1118; width:200px; display:block;}


h2 {width:200px; margin:0 0 15px 15px; padding:10px 0 10px 0; display:block; border-bottom:1px solid #474136; border-top:1px solid #474136; text-transform:uppercase; color:#a69980; font-weight:300; font-size:10.5pt;}
#headlines {width:200px; margin-left:15px; text-align:justify;}
#headlines li {margin-bottom:12px;}
#headlines li span {color:#e71727;}
#headlines li a {color:#a69980; text-decoration:none; border-bottom:1px solid #38332a;}
#headlines li a:hover {color:#fff; text-decoration:none; border-bottom:1px solid #bf942d;}





/* ----------------  tables  -------------------- */

table.prodtable td {border-bottom: 1px solid #453f34; text-align:center; color:#a69980; font-size:9pt; }

table.prodtable td.top {text-align:center; color:#fff; font-weight:700; border-bottom: 1px solid #453f34; background:#453f34; padding:3px;}
table.prodtable td.pall2 {text-align:center; color:#fff; font-weight:300; border-bottom: 1px solid #453f34; padding:3px;}
table.prodtable td.row {text-align:left; color:#fff; font-weight:700; font-size:9pt; border-bottom: 1px solid #453f34; padding:2px 6px 2px 6px;}
table.prodtable td.col {text-align:center; color:#a69980; font-weight:700; font-size:9pt; border-bottom: 1px solid #453f34; padding:2px 6px 2px 6px;}





/* ----------------  footer  -------------------- */

#footer {float:right; color:#d0b977;margin:10px 30px 0 0;}
#footer a {color:#af222d;}


/* ----------------  price request  -------------------- */


#apform {font-size:10pt; color:#a69980;}
#apform input {background:#26231d; border:1px solid #474136; font-size:10pt; width:210px; font-family: Arial,Helvetica; padding:2px; margin:2px 10px 2px 0; color:#fff;  }
#apform select {background:#26231d; font-size:10pt; width:217px; font-family: Arial,Helvetica; padding:2px; margin:2px 10px 2px 0; color:#fff; border:0;  }
#apform textarea {background:#26231d; border:1px solid #474136; font-size:10pt; font-family: Arial,Helvetica; padding:2px; width:450px; overflow:auto;  color:#fff;}
div.standout {border:3px solid white; background:#B3B9C7; padding:15px; color:#fff; font-weight:bold;} 
div.val, input.val {display:none;}