/* CSS Document */

body {
	position: relative;
	background-image: url(/images/bg_body.jpg);
	background-repeat: repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	line-height: 1.5em;
	background-color: #040101;
	padding: 0;
	margin: 0;
}

p {	/* IE and Mozilla place top paragraph in different locations */
	margin-top: 0;
}

/******************************************************************************************
	Divs
*******************************************************************************************/
#bgBottomLeft {		/* basically this is just for background purposes */
	position: absolute;
	height: 100px;
	left: 0;
	width: 100%;
	bottom: 23px;
	background-image: url(../images/bg_bottom_center.png);
	background-repeat: no-repeat;
}

#bgBottomRight {	/* basically this is just for background purposes */
	position: absolute;
	height: 100px;
	right: 0;
	width: 50%;
	bottom: 23px;
	background-image: url(../images/bg_bottom_right.png);
	background-repeat: repeat-x;
}

div#top {
	position: relative;
	margin-top: 29px;
	height: 90px;
	background-image: url(/images/top.png);
	background-repeat: no-repeat;
}

#borderContentTop {
	position: relative;
	margin-top: 40px;
	height: 20px;
	background-image: url(../images/border_content_top.png);
	background-repeat: no-repeat;
}

div#search {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 100;
}

#searchForm {
	padding-bottom: 0;
}

#searchForm span {
	background: url(/images/search_field.png) no-repeat 0 0;
	width: 164px;
	height: 19px;
	padding: 2px 2px 2px 4px;
	display: block;
	float: left;
}

#searchString {		/* refers to the textfield */
	background: none;
	border: 0;
	vertical-align: top;
	width: 164px;
	height: 18px;
	color: #c5b478;
}

div#center {
	position: relative;
	width: 1000px;
	margin: auto;
}

div#noticeOrOffer {
	margin-bottom: 20px;
	width: 180px;
	height: 160px;
	display: none;
}

div#contentContainer {
	position: relative;
	z-index: 1;
	min-height: 750px;
	background-image: url(/images/border_content_sides.png);
	background-repeat: repeat-y;
	padding-left: 8px;
	padding-right: 8px;
}

div#pageInfo {
	position: relative;
	padding-left: 15px;
	background-image: url(/images/bg_charcoal_lines.png);
	background-repeat: no-repeat;
	height: 60px;
}

div#breadCrumb {
	position: relative;
	font-size: 9pt;
}

div#pageName {
	padding-bottom: 8px;
}

div#pageHeader {	/* for images or flash objects that span entire width of content section */
	position: relative;
	/*height: 100px;*/
	margin-right: 240px;
}

div#side {
	position: absolute;
	width: 203px;
	right: 10px;
	height: 600px;
	top: 60px;
	padding-left: 20px;
	padding-right: 15px;
	padding-top: 15px;
	background-image: url(../images/border_charcoal_vert.png);
	background-repeat: no-repeat;
}

div#content {
	position: relative;
	margin-right: 240px;
	padding: 15px 15px;
	padding-bottom: 5px;
}

#borderContentBottom {
	position: relative;
	height: 20px;
	background-image: url(../images/border_content_bottom.png);
	background-repeat: no-repeat;
}

div#bottom {
	position: relative;
	padding-left: 23px;
	padding-right: 23px;
	padding-top: 5px;
	color: #7d7a59;
	font-size: 8pt;
	height: 85px;
}

div#copyright {
	margin-top: 4px;
}

div#bottomLinks {
	position: absolute;
	bottom: 30px;
	right: 23px;
	top: 5px;
	text-align: right;
}

div.divider {
	padding-left: 10px;
	height: 2px;
	border-top: 1px solid #cac6b5;
}

div.coffee_order_listings {
	width: 400px;
	border: 1px solid #f0efea;	
}

div.coffee_order_listings h2 {
	padding: 10px;
	background-color: #f0efea;
	background-image: url(/images/bg_gray_lines.png);
	background-repeat: repeat-x;
	margin-bottom: 10px;
}

div.coffee_order_listings p {
	padding-left: 10px;
}

.video {
	float: left;
}

.video_info {
	position: absolute;
	left: 350px;
}

div#form_submit_result {
	padding-left: 10px;
	line-height: 3em;
	color: #993300;
	background-color: #eeeeee;
	font-family: "Courier New", Courier, mono;
}

/******************************************************************************************
	Anchors
*******************************************************************************************/
a {
	color: #216DA4;
	text-decoration: none;
	outline: 0;
}

a:hover {
	color:#7DB9E6;
}

/*a.dest_anchor {
	text-decoration: none;
	color: #555555;
}*/

a img {
	border: none;
}

#bottomProductLinks a {
	color: #ffffff;
}
#bottomOtherLinks a {
	color: #7d7a59;
}

#bottomLinks a:hover {
	color: #A6BFBA;
}

/******************************************************************************************
	Headings
*******************************************************************************************/
h1 {
	color: #49341d;
	padding-top: 8px;
	padding-bottom: 5px;
	margin: 0;
	font-family: "Times New Roman", Times, serif;
	font-size: 1.8em;
	font-weight: normal;
}

h2 {
	color: #555555;
	/*color: #724e21;*/
	font-size: 13pt;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 5px;
}

.coffee_table th h2 {
	margin: 0;
}

h3 {
	font-size: 11pt;
	font-weight: bold;
	margin: 0;
	/*color: #993300;*/
	color: #724e21;
}

/******************************************************************************************
	Lists
*******************************************************************************************/
ul {	/* default list */
	list-style-type: disc;
	padding-top: 0;
	margin-top: 5px;
	margin-left: 0;
	padding-left: 18px;
}

ul.list_none_1 ul {	/* nested lists */
	margin-top: 0;
}

ul.list_none_0 ul {	/* nested lists */
	margin-top: 0;
}

ul.list_disc_1 {
	list-style-type: disc;
	padding-top: 0;
	padding-left: 18px;
	margin-left: 0;	/* needed for IE*/
	margin-top: 5px;
}

ul.list_disc_2 {
	list-style-type: disc;
	padding-top: 0;
	padding-left: 2em;
	margin-left: 0;	/* needed for IE*/
	margin-top: 5px;
}

ul.list_none_0 {
	list-style-type: none;
	padding-top: 0;
	padding-left: 0;
	margin-left: 0;	/* needed for IE*/
	margin-top: 5px;
}

ul.list_none_1 {
	list-style-type: none;
	padding-top: 0;
	padding-left: 18px;
	margin-left: 0;	/* needed for IE*/
	margin-top: 5px;
}

ul.list_none_2 {
	list-style-type: none;
	padding-top: 0;
	padding-left: 2em;
	margin-left: 0;	/* needed for IE*/
	margin-top: 5px;
}

ol.olist_2 {
	padding-top: 0;
	padding-left: 2em;
	margin-left: 0;	/* needed for IE*/
	margin-top: 5px;
}

ul.news {
	list-style-type: none;
	padding-left: 0;
	padding-right: 0;
	margin-left: 0;
	margin-top: 5px;
}

ul.news li {
	margin-bottom: 15px;
}

ul.coffee_list {
	list-style-type: none;
	margin-top: 5px;
	padding-top: 0;
	padding-left: 0;
	margin-left: 0;	/* needed for IE*/
}

.coffee_list div {
	padding-left: 10px;
	margin-bottom: 10px;
}

ul.listFloatLeft {
	float: left;
	list-style-type: none;
	margin:0;
	padding:0;
	margin-top: 10px;
	margin-left: 40px;
}

ul.sideMenu {
	list-style-type: none;
	margin-top: 5px;
	padding-top: 0;
	padding-left: 5px;
	margin-left: 0;	/* needed for IE*/
}

ul.sideMenu li {
	padding-top: 3px;
	padding-bottom: 3px;
	font-size: 12pt;
}

/******************************************************************************************
	Tables
*******************************************************************************************/
table td {
	vertical-align: top;
}

.mix_table {
	border-spacing: 0;
	border-collapse: collapse;
}

.mix_table td {
	border-bottom: 1px solid #dddddd;
}

.mix_table th {
	text-align: left;
	border-bottom: 1px solid #dddddd;
}

.download_table {
	border-spacing: 0;
	border-collapse: collapse;
}

.download_table td {
	vertical-align: top;
	padding: 2px;
	border-bottom: 1px solid #dddddd;
}

.download_table th {
	padding: 2px;
	text-align: left;
	border-bottom: 1px solid #dddddd;
}

.link_table td {
	padding: 5px;
	padding-bottom: 20px;
}

.link_table h2 {
	margin: 0;
}

.profit_table {
	border-spacing: 0;
	border-collapse: collapse;
}

.profit_table td {
	vertical-align: top;
	padding: 2px;
}

.profit_table td.align_right {
	text-align: right;
}

tr.no_border_bottom td {	/* used for new coffee table - similar style below */
	border-bottom: none;
}

.product_table {
	border-spacing: 0;
}

.product_table td {
	border-bottom: 1px solid #dddddd;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 5px;
}

td.no_border_bottom {	/* used for certain product pages (not including new coffee pages) */
	border-bottom: none;
}

table.gallery {
	border-spacing: 5px;
}

table.gallery tr.picrow td {
	width: 128px;
	height: 128px;
	padding: 5px;
	text-align: center;
	vertical-align: middle;
	border: 1px solid #dddddd;
}

table.gallery tr.descrow td {	/* not currently used */
	padding-left: 5px;
	height: 3em;
}

#brandTable td {
	vertical-align: middle;
	text-align: center;
	height: 100px;
}

.work_schedule_table {
	border-collapse: collapse;
	border-spacing: 0;
}

.work_schedule_table td {
	padding-right: 25px;
}

.work_schedule_table th {
	text-align: left;
	border-bottom: 1px solid #e2c167;
}

.last_entry_of_week td {	/* used in work schedule table */
	border-bottom: 1px solid #e2c167;
}

.highlight_row {	/* used in work schedule table */
	background-color: #f0efea;
}

.user_table {
	border-spacing: 0;
	border-collapse: collapse;
}

.user_table th {
	border-bottom: 1px solid #dddddd;
	padding-right: 15px;
}

.user_table td {
	padding-right: 15px;
}

.holiday_shipping_table {
	border-spacing: 0;
	border-collapse: collapse;
}

.holiday_shipping_table th {
	border-bottom: 1px solid #dddddd;
	text-align: left;
}

/******************************************************************************************
	Forms
*******************************************************************************************/
.slickForm input {
	outline: 0;
	vertical-align: top;
	border: 1px solid #cac6b5;
	color: #777777;
	padding-left: 2px;
}

.slickForm textarea {
	border: 1px solid #cac6b5;
	color: #777777;
	padding-left: 2px;
	font-family: Arial, Helvetica, sans-serif;	/* should match body text */
	font-size: 10pt;							/* should match body text */
}

.slickForm select {
	border: 1px solid #cac6b5;
	color: #777777;
}

.slickForm button {
	border: 1px solid #cac6b5;
	color: #777777;
	background-color: #f0efea;
}

/******************************************************************************************
	Misc
*******************************************************************************************/
.background {	/* need to remove in favor of .section and .boxedSection */
	padding-left: 2px;
	line-height: 2em;
	/*background-color: #f0efea;*/
	background-image: url(/images/bg_gray_lines.png);
	background-repeat: repeat-x;
	border-top: 1px solid #EAEAEA;
}

.section {
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	background-image: url(/images/bg_section_line.png);
	background-repeat: no-repeat;
}

.section2 {
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	background-image: url(/images/bg_section_wide_line.png);
	background-repeat: no-repeat;
}

.section3 {
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	background-image: url(/images/bg_gray_lines.png);
	background-repeat: repeat-x;
	border-top: 1px solid #eaeaea;
}

.boxedSection {
	padding: 10px;
	background-image: url(/images/bg_section.png);
	background-repeat: no-repeat;
	border: 1px solid #EAEAEA;
}

.boxedSection2 {
	padding: 10px;
	background-image: url(/images/bg_section_wide.png);
	background-repeat: no-repeat;
	border: 1px solid #EAEAEA;
}

.boxedSection3 {
	padding: 10px;
	background-image: url(/images/bg_gray_lines.png);
	background-repeat: repeat-x;
	border: 1px solid #EAEAEA;
	margin-bottom: 15px;
}

.section h2, .section2 h2, .section3 h2, .boxedSection h2, .boxedSection2 h2, .boxedSection3 h2 {
	margin-bottom: 14px;
}

.boxedHeading {
	padding-left: 5px;
	line-height: 2em;
	margin-top: 0;
	background-image: url(/images/bg_gray_lines.png);
	background-repeat: repeat-x;
	border: 1px solid #EAEAEA;
}

div.column1 {
	position: relative;
	float: left;
	width: 275px;
	margin-bottom: 1em;
}

div.column2 {
	position: relative;
	width: 275px;
	margin-left: 277px;
	margin-bottom: 3em;
}

.no_margin {
	margin: 0;
}

.no_top_margin {
	margin-top: 0;
}

.no_bottom_margin {	/* had to do this??? */
	margin-bottom: 0;
}

.underline {
	text-decoration: underline;
}

address.no_style {
	font-style: normal;
}

.align_left {
	text-align: left;
}

.align_right {
	text-align: right;
}

.lineThrough {
	text-decoration: line-through;
}

.price {	/* keep */
	font-size: 1.3em;
	color: #C60a0a;
	font-weight: bold;
}

.search_location {
	color: #e2c167;	/* site search results path to file - might change color */
}

#shop_cart {	/* need to change this */
	position: absolute;
	top: 30px;
	right: 295px;
}

.float_pic_left {	/* new - keep */
	float: left;
	margin-right: 15px;
}

#spacerPic {
	position: absolute;
	border: none;
	z-index: 100;
}

.mult_options {	/* used on gift basket page */
	width: 380px;
	line-height: 2em;
	margin-bottom: 15px;
}

.mult_options select {
	width: 275px;
}

#ccLogos {
	position: relative;
	margin-top: 10px;
}

#sslLogo {
	position: absolute;
	right: 200px;
	bottom: 15px;
}

img#ratingsFeedbackPic {
	border: none;
}

.section {
	background-image: url(/images/round_corner_top_left2.png);
	background-repeat: no-repeat;
	padding-left: 15px;
	padding-top: 15px;
	margin-bottom: 30px;
}

.featured img {
	margin-left: 20px;
}

.orderButton {
	vertical-align: middle;
	outline: 0;
}

::selection {
	background-color: #216DA4;
	color: #ffffff;
}

::-moz-selection {
	background-color: #216DA4;	/* cc3333 */
	color: #ffffff;
}

/*div.box {
	padding-top: 7px;
	padding-left: 10px;
	border: 1px solid #cccccc;
	background-color: #ffffff;
	background-image: url(../images/bg_box_top.png);
	background-repeat: repeat-x;
	margin-bottom: 20px;
}*/

.notice {
	font-style: italic;
	color: #993300;
	font-weight: bold;
}