@charset "utf-8";

/* General presentation ------------------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, form, label, legend, table, caption, tbody, tfoot, thead, tr { margin: 0; padding: 0; }
.clear { clear: both; height: 1px; margin: -1px 0 0; font-size: 1px; }

body { margin-left:104px; color: #6D5047; font-family:Arial, Helvetica, sans-serif; line-height:1.25em; background:#FFF; height:100%; width:100%; }

p { margin:0 0 1em 0; }

a { border-bottom:2px solid #6D5047; color:#6D5047; outline:none; text-decoration:none; }
a:hover { border-bottom:2px solid #C7B37F; color:#C7B37F; text-decoration: none; }

h2, h3, h4, h5, h6 { color:#6D5047; margin:0 0 .5em 0; }

.headerLink { border-bottom:none; outline:none; text-decoration:none; }
.headerLink:hover { border-bottom:none; text-decoration: none; }
img { border:none; }

/* Layout ------------------------------------------------------------------------- */
#Container { width:960px; }
#Header { margin:16px 0 20px 0; }
#orderBelow { float:right; background:#6D5047; color:#FFF; font-weight:bold; font-size:2em; font-style:italic; }
#orderBelow p { margin:10px; }
#pricing { width:61%; margin-bottom:20px; font-size:.9em; background:#C7B37F; color:#6D5047; }
#placeanorder{ width:100%; }
#Footer{ margin-left:0; font-size:.75em; }

/* Tables --------------------------------------------------------------------------*/
#flavors table { margin:0 0 1em 0; }
#flavors table td { font-size:.9em; padding: 0px 20px 0px 0px; }
#flavors table td.chunkaName { font-weight:bold; }

#pricing table { margin:1em 0 1em 0; }
#pricing table td { padding:0px 10px 0px 10px; }
#pricing table td.firstColumn { width: 45%; }
#pricing table td.secondColumn { width:30%; }
#pricing table td.thirdColumn { width:15%; }
#pricing table td.heading { font-weight:bold; }

/* Order Form ----------------------------------------------------------------------*/
fieldset { margin-bottom: 20px; }
legend { color:#6D5047; font-weight:bold; }

#personal { font-size:.9em; }
#personal label, input, select, select option { font-family:Arial, Helvetica, sans-serif; }
#personal label { clear: left; float: left; text-align: right; width: 6em; margin-top: .5em; margin-right:1em; }
#personal input, select { font:inherit; float: left; width:50%; margin-top:.5em; color:#6D5047; border:1px solid #6D5047; }

#deliveryopt { font-size:.9em; }
#deliveryopt input [type="radio"] { border-color:#6D5047; color:#6D5047; }

#delivery { font-size:.9em; }
#delivery label, input, select, select option { font-family:Arial, Helvetica, sans-serif; }
#delivery label { clear: left; float: left; text-align: right; width: 6em; margin-top: .5em; margin-right:1em; }
#delivery input, select { font:inherit; float: left; width:50%; margin-top:.5em; color:#6D5047; border:1px solid #6D5047; }

#order { font-size:.9em; }
#order textarea { font:inherit; float: left; margin-top:.5em; color:#6D5047; width:100%; border-style:none; border-color:transparent; overflow:auto; }

#submit { font-size:.9em; color:#FFF; background-color:#6D5047; }
#submit:hover { color:#C7B37F; }
#reset { font-size:.9em; color:#FFF; background-color:#6D5047; }
#reset:hover { color:#C7B37F; }
