body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {margin: 0;padding: 0;}
h1, h2, h3, h4, h5, h6 {font-size: 100%;}
ol, ul {list-style: none;margin: 0;padding: 0;border: 0;}
li {margin: 0;padding: 0;border: 0;}
address, caption, cite, dfn, em, strong, th, var {font-style: normal;font-weight: normal;}
table {border-collapse: collapse;border-spacing: 0;}
img {border: 0;}
caption, th {text-align: left;}
q:before, q:after {content: '';}
a, a:hover {text-decoration: none;}
body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
table {font-size:inherit;font:100%;}
pre,code,kbd,samp,tt {font-family:monospace;*font-size:108%;line-height:100%;}

body {text-align:center;background: #34121F;font-family: "Helvetica";color:#FFF6DC;line-height:18px;}

a {color:#B95915}
b {font-weight:bold}
input:focus {background:#FFFEAD}
blockquote {padding:5px;  margin:5px 0; font-style:italic}
#mainwrap {width:996px; margin:0 auto; font-size:105%;}

#header table {width:100%;}
#mainnav table {width:100%;margin-bottom:5px;}
#mainnav table td {vertical-align:bottom}
.breadcrumb {}
.breadcrumb ul#nav {z-index:999;}
.breadcrumb ul li {float:left; position:relative; z-index:999;}
.breadcrumb li a {display:block; text-decoration:none; font-weight:bold; padding:3px 15px; z-index:999; border-left:1px dashed #491B2C; font-size:12px;}
.breadcrumb li a:visited{text-decoration:none}
.breadcrumb li a:hover {text-decoration:none; background:#B95915 ; color:#34121F}
.breadcrumb li a.selected {background:#B95915 ; color:#34121F}

.breadcrumb ul li ul {position: absolute; top: 22px; left:-999; display: none; width:120px; z-index:888;}
	.breadcrumb ul li ul li {width:100%;}
	.breadcrumb ul li ul li a {font-size:12px; text-align:right; font-weight:500; width:100%; padding:4px 3px 2px 3px; border: 1px solid #B97F55; border-top: 0; background-color:#34121F;font-weight:bold}
		.breadcrumb ul li ul li a:visited{text-decoration:none}
		.breadcrumb ul li ul li a:hover {background-color:#B95915; color: #34121F}
	ul#nav li:hover ul {display: block; left:0; z-index:300;}
	ul#nav li.over ul {display: block; left:0; z-index:300}

#body {margin-top:10px; padding-bottom:10px;}
#body h2 {font-size:115%; border-top:1px dashed #491B2C; margin:0px 0 10px 0; padding:3px; text-align:left ;border-bottom:1px solid #B95915;}

#sidebar {float:left; width:225px}
#sidebar #side-nav {}
#sidebar .sidetop {background: url('/images/wholesale/new-side-nav-top.gif') no-repeat bottom left; height:78px}
#sidebar .sidemain {background: url('/images/wholesale/new-side-nav-back.gif') repeat-y top left;}
#sidebar .sidemain ul {width:87%; margin:0 auto;}
#sidebar .sidebot {background: url('/images/wholesale/new-side-nav-bot.gif') no-repeat top left; height:20px}
#sidebar .blog_navigation {width:87%; margin:0 auto;}
#content {float:left; width:600px; margin-left:15px; text-align:left; padding-top:20px;}

#cofcontent {float:left; width:740px; margin-left:15px; text-align:left; padding-top:20px;}
#cofcontent table {color:#34121F}
#cofcontent table img {margin-right:4px;}

#searchcontent {text-align:left;}

.searchtable th {border:1px solid #F5D22E; font-weight:bold; padding:3px; background-color:#F5E8AD}
.searchtable td {border:1px solid #F5D22E; padding:3px;}


.homeleft {float:left; width:500px;}
.homecenter {float:left; width:330px; padding-top:10px}
#home-main .top {background: url('/images/wholesale/home-board-top.gif') no-repeat bottom left; height:18px}
#home-main .main {background: url('/images/wholesale/home-board-back.gif') repeat-y top left; height:200px; font-size:95%; text-align:center}
#home-main .main #hidvid {margin:0 auto; width:280px}
#home-main .main h4 {text-align:center; padding-top:2px; font-size:125%; border-bottom:1px solid #D26718; margin-bottom:2px;}
#home-main .main .butdiv {padding-top:5px;}
#home-main .main .butdiv a {color:#34121F; font-weight:bold;}
#home-main .main p {}
#home-main .main .homefaq {}
#home-main .main .homefaq li {padding-bottom:8px; text-align:left}
#home-main .main .homefaq li a {color:#34121F; font-weight:bold;}
#home-main .bot {background: url('/images/wholesale/home-board-bot.gif') no-repeat top left; height:120px; position:relative}
#home-main .bot .cof-link {position:absolute;top:35px;left:16px;}
#home-main .bot .serv-link {position:absolute;top:35px;left:95px;}
#home-main .bot .barist-link {position:absolute;top:35px;left:173px;}
#home-main .bot .faq-link {position:absolute;top:35px;left:250px;}

.homeright {float:right; width:155px; font-size:11px;padding-top:10px;}
.homeright li {border-bottom:1px solid #4C2509; padding-bottom:4px;}

.coffeetea h4 {font-size:18px; background-color:#F5E493; cursor:pointer; margin:2px 0;}
.coffeetea .hideform {padding-bottom:10px;}
.coffeetea img {padding: 5px;}
.coffeeorgtable {clear:both; width:100%; margin:5px 0;}
.coffeeorgtable td {padding:2px; border: 1px solid #635D3E; width:50%; vertical-align:top;font-size:12px;}
.coffeeorgtable th {padding:2px; border: 1px solid #635D3E; background:#E2DCC4}
.coffeeorgtable td a {text-decoration:none;}

.coffeebox {background-color:#FFF8DD; color:#3F3B28; border:1px solid #F5E69E; padding:3px; margin:5px 0px;}
#hidvid table {background-color:#FFF8DD; color:#3F3B28;}
.coffeebox img {padding:5px}
.coffeebox table img {padding:0}
.coforgimg {padding:5px}

.coffeedesc {display:none;}

.module {width:315px; border:1px solid #C5C19D; float:left; margin-left:8px;}
.module h4 {background-color:#B95915; text-align:left; padding:2px 0 2px 4px; color:white; font-size:95%;}
table.undermod {text-align:left; width:100%;}
table.undermod td {padding:4px 2px; border-top:1px solid #C5C19D; border-bottom:1px solid #C5C19D}

.service h5 {font-size:14px; margin-top: 5px;}
#troubleshooting div.problem {padding:5px 0; cursor:pointer}
#troubleshooting div.switchgroup1 {padding:5px 20px; border:1px solid #F5E185}
#troubleshooting p {padding:5px; display:none; margin:5px 0px 0px 20px; border:1px solid #5B1C00}
#troubleshooting a {text-decoration:none}

.blog {width:550px;}
.blog p {padding-bottom:10px;}
.blog .entry {padding-bottom:4px; float:left; clear:both}
.blog .entry img {margin:8px;}
.blog .entry h4 {border-bottom:1px dashed #4C2509; border-top:1px solid #4C2509; padding:3px; margin-bottom:4px; }
.blog .entry h4 a {color:#FFF8DD;text-decoration:none}
.blog .entry .title {font-weight:bold; font-size:18px; padding:3px; margin-bottom:5px; border-bottom: 1px solid #C5C19D}
.blog .entry .date {padding-left:10px; font-size:16px}
.blog .entry ul {list-style:disc; padding-left:70px;}
.blog .entry ul li {padding:1px}
.blog .entry ul li a {text-decoration:none}
.arch-head {text-align:center; background:#5B1C00; color:#F5ECC0; margin-bottom:5px;}
#feedControl {text-align:left; float:right; width:190px; font-size:12px; margin-top:20px;}
#feedControl h3 {text-decoration:underline; text-align:center; font-size:16px; margin-bottom:5px;}

.esp101 ul {list-style:disc;}
.esp101 ul li {margin-left:40px}
.esp101 ul li ul li {margin-left:20px}
.esp101 ul li ul {list-style:circle}
.advesp ul {list-style:disc;}
.advesp ul li {margin-left:40px}
.advesp ul li ul li {margin-left:20px}
.advesp ul li ul {list-style:circle}
.latte ul {list-style:disc;}
.latte ul li {margin-left:40px}
.latte ul li ul li {margin-left:20px}
.latte ul li ul {list-style:circle}

.faq {text-align:left}
.faq .ansdiv {margin-left:15px;}
.faq ul.qlink {list-style-type:disc; margin-left:25px; margin-bottom:10px;}
.faq ul.qlink li {padding-left:5px;}
.faq ul.qas li {padding-left:15px; margin-bottom:10px;}


.contact {text-align:left}
.contactus {width:70%;}
.cont-faq-link {padding:3px; text-align:center; border:1px solid #C9BF8E; width:80%; margin:5px auto}
.cont-faq-link a {text-decoration:none; font-weight:bold}
.contacttable td {padding:5px; vertical-align:top}


#footer {clear:both; padding:40px 0; background: url("/images/wholesale/lil-van.gif") no-repeat top right}



.formbanner {clear:both; background-color:#33081B; color:#F5ECC0; padding:5px; font-weight:bold; text-align:center; margin-top:8px;}

.specialbanner {background-color:#750F04; width:90%; color:#F5ECC0; padding:2px; font-weight:bold; font-size:14px; margin:0 auto;}
.login-table {clear:both; padding-top:10px;}
.login-table table {margin:0 auto;}
.login-table table td {padding:5px;}
.login-table table td input {font-size:18px; width:250px;}
.login-table table td input.checkbox {font-size:12px; width:auto;}
.login-table table td input.submit {font-size:14px; width:100px;}

.orderformwrap {background-color:#FFF8DD; color:#34121F}

.orderformwrap table {
    margin-bottom: 15px;
}

#ordersummary {text-align:left; margin:5px auto}
#ordersummary tbody td {padding:3px; border:1px solid #CEC6A4}
#orderfinish {background-color:#FFF8DD; color:#34121F; width:75%; margin:20px auto; padding:20px; text-align:center}


.formselect table {width:100%}
.formselect td {border:1px solid gray}
.formselect td a {display:block; padding:10px; font-weight:bold;}
.formselect td a:hover {background:#B95915; color:white}

.logintable {margin: 10px auto; width:30%;}
.logintable tr td {padding:10px;}

#whform th {background:#33081B; color:#FFF8DD; padding:3px; font-weight:bold; vertical-align:bottom}
#whform input {width:40px}
#whform table {width:95%; margin:0 auto}
#whform h5 {font-size:16px; padding:5px}
#whform td {vertical-align:top; padding:3px;}
#whform .custable {background:#F9E8A3}
#whform .custable td {width:50%}
#whform .custable td input {width:300px}
#whform .custable td textarea {width:95%;}
#whform .label input {width:200px}
#whform .orderbox table {width:100%}
#whform .orderbox table td,.orderbox table th {border:1px solid #FCDC5A}
#whform .orderbox table tr:hover {background:#FCDC5A}

.whform th {background:#33081B; color:#FFF8DD; padding:3px; font-weight:bold; vertical-align:bottom}
.whform input {width:40px}
.whform table {width:95%; margin:0 auto}
.whform h5 {font-size:16px; padding:5px}
.whform td {vertical-align:top; padding:3px; text-align:left}
.whform .custable {background:#F9E8A3}
.whform .custable td {width:50%; padding:6px;}
.whform .custable td input {width:300px}
.whform .custable td textarea {width:95%;}
.whform .label input {width:200px}
.whform .orderbox table {width:100%}
.whform .orderbox table td,.orderbox table th {border:1px solid #FCDC5A}
.whform .orderbox table tr:hover {background:#FCDC5A}

.dorderformwrap {padding-top:15px}
#dashordertable {width:100%}
#dashordertable ul {padding:4px 0; margin-top:90px; border:1px solid #A85016;border-right:0; border-radius:6px 0 0 6px; -moz-border-radius:6px 0 0 6px; -webkit-border-radius:6px 0 0 6px;; background:#E5DFC5}
#dashordertable ul li {text-align:left}
#dashordertable ul li a {font-weight:bold; display:block; padding:3px 5px}
#dashordertable ul li a.selected {background:#FFF8DD; color:#34121F}


.dwhform {background:#FFF8DD;color:#34121F; border:1px solid #fff8dd; border-radius:8px; padding:10px 1px; -moz-border-radius:8px; ; -webkit-border-radius:8px; }
.dwhform th {background:#33081B; color:#FFF8DD; padding:3px; font-weight:bold; vertical-align:bottom}
.dwhform input {width:30px}
.dwhform table {width:100%}
.dwhform h5 {font-size:16px; padding:5px}
.dwhform td {vertical-align:top; padding:2px; text-align:left}
.dwhform .custable {background:#F9E8A3}
.dwhform .custable td {width:50%; padding:6px;}
.dwhform .custable td input {width:300px}
.dwhform .custable td textarea {width:95%;}
.dwhform .label input {width:200px}
.dwhform .orderbox table {width:95%; margin:0 auto}
.dwhform .orderbox table td,.orderbox table th {border:1px solid #FCDC5A}
.dwhform .orderbox table tr:hover {background:#FCDC5A}
.dwhform .label .othercoffee {width:170px}

.dorderinfo {width:100%; margin-bottom:10px}
.dorderinfo td {width:33%; vertical-align:top}
.dorderinfo input {width:200px}
.dorderinfo select {width:230px}
.dorderinfo textarea {width:230px;height:30px}

#ordersummary {margin:0 auto; width:65%}
#ordersummary td {padding:3px; border:1px solid #FCDC5A}

.prevord {width:100%; margin-top:8px}
.prevord th {padding:4px; border:1px solid gray; color:white; background:gray}
.prevord td {padding:4px; border:1px solid gray}