@charset "UTF-8";

div.wrapper {padding-left: 10px;}
div.heading {background: url(../images/about/bg_header.gif) no-repeat center top;	height: 30px;	width: 768px;}
div.sub-heading {background: url(../images/about/bg_sub-header.gif) no-repeat center top;	height: 30px;	width: 560px; float: right; margin-top: 10px;}
div.sub-heading h2 {color: #222; vertical-align: middle;}
div.sub-sub-heading {background: url(../images/about/bg_sub-sub-header.gif) no-repeat right top; height: 30px; width: 560px; float: right; margin-top: 10px;}
div.sub-sub-heading h2 {color: #222; vertical-align: middle; padding-left: 20px;}
div.sub-sub-sub-heading {background: url(../images/about/bg_sub-sub-sub-header.gif) no-repeat right top; height: 30px; width: 560px; float: right; margin-top: 10px;}
div.sub-sub-sub-heading h2 {color: #222; vertical-align: middle; padding-left: 20px;}
div.question {background: url(../images/service/bg_question.gif) no-repeat right top; height: 30px; width: 550px; float: right; clear: right; margin-top: 10px; padding: 0px;}
div.question-on {background: url(../images/service/bg_question-on.gif) no-repeat right top; height: 30px; width: 550px; float: right; margin-top: 10px; padding: 0px;}
div.question h2 a {padding-left: 10px; color: #333; display: block; font-size: 13px; height: auto;}
div.question h2 a:hover {color: #900;}
div.question-on h2 a {padding-left: 10px; color: #000; font-weight: bold; display: block; font-size: 13px; text-decoration: none;}
div.answer {width: 560px; margin: 0px 0px 10px; padding: 5px 0px; float: right; display: none;}
div.answer p {padding: 10px 20px 0px 20px; text-indent: 10px; line-height: 20px;}
div.nav-sub {background-color: #f2f2f2;	width: 185px;	float: left; margin: 0px 0px 10px;}
div.nav-sub .wrapper {background: url(../images/browse/bg_nav-sub-wrapper.gif) no-repeat center bottom; padding: 10px;}
div.nav-sub li {list-style: none; border-bottom: solid #ccc 1px;}
div.nav-sub a {display: block; color: #444; padding: 10px 5px;}
div.nav-sub a:hover {background-color: #f9f9f9; color: #000; text-decoration: none;}
div.content {width: 560px; margin: 0px 0px 10px; padding: 5px 0px; float: right;}
div.content p {padding: 10px 10px 0px 20px; text-indent: 10px; line-height: 20px;}
div.content p.title {text-align: center; padding: 15px 0px 2px; line-height: 14px;}
div.content p.caption {text-align: center; padding: 2px 0px 10px; font-size: 11px;}
div.content p.note {text-indent: 0px; padding: 2px 0px 2px 20px; font-size: 11px;}
div.content img.citb {padding: 0px 10px 2px 10px;}
div.content ul {padding: 10px 0px 0px 50px;}
div.content li {list-style: none;}
div.content table.sales {margin: 10px auto; width: 300px; border: solid #999 1px; border-collapse: collapse; font-size: 11px;}
div.content table.sales td {text-align: center;}
div.content table.sales td.amount {width: 250px;}
div.content table.sales td.discount {width: 100px}
div.content table.ship-dates {margin: 10px auto; width: 500px; border: solid #999 1px; border-collapse: collapse; font-size: 11px;}
div.content table.allergies {margin: 10px auto; width: 500px; border: solid #999 1px; border-collapse: collapse; font-size: 11px;}
div.content table.allergies td.food-type {text-align: center; font-weight: bold; padding: 10px; text-transform: uppercase; vertical-align: middle; font-size: 14px;}
div.content table.allergies td.item {width: 50px; text-align: center;}
div.content table.allergies td.desc {width: 300px; text-align: left;}
div.content table.allergies td.ing {width: 15px; text-align: center; vertical-align: bottom;}
div.content table.ship-charges {margin: 5px auto; width: 400px; border: solid #999 1px; border-collapse: collapse; font-size: 11px;}
div.content table.ship-charges td {text-align: center;}
div.content table tr.head {padding: 5px; font-weight: bold; border: solid #999 1px; background-color: #dee5eb;}
div.content table tr.highlight {background-color: #f9f9f9;}
div.content table th {padding: 5px; font-weight: normal;}
div.content table td {margin: 10px auto; width: 350px; border: solid #999 1px; padding: 3px;}
div.content ol.order {margin: 10px 25px;}
div.content ol.order li {list-style: decimal; margin: 15px 20px 0px; padding-left: 10px;}
input {margin: 3px 0px;}
select {margin: 5px 0px;}
div.form-content {width: 515px;	margin: 10px auto 0px;}
div.form-content div.wrapper {padding: 0px;}
div.form-input label, div.form-inputs label, div.form-search label {display: block;	float: left; width: 125px; text-align: right; padding: 4px 10px;}
div.form-input input, div.form-input select {display: block; float: left;}
div.form-input, div.form-inputs, div.form-search {width: 100%; padding: 5px 0px;}
div.form-inputs input {margin: 3px; font-size: 10px;}
div.continue {background: url(../images/order/bg_continue.gif) no-repeat right bottom; height: 40px; text-align: right; clear: both;}
div.continue img {float: right; padding: 13px 3px 0px 0px;}
div.continue input {float: right; padding: 10px 3px 0px 0px;}