/***
Removed min-widths on body and wrapper, not supported in IE6 and not required anyway.
Set min-height as height on #footer, #banner, and #product_feature  for IE6.
#index #content .text_container h3 elements are now block and clear:none, with zeroed margins.
IE6 fails to ignore clearing on inline elements so that's not a good way to stop clearing ;-/
Also re-arranged some margins and paddings on that area to conform better.

***/

/*Separate into sections - elements, classes and ids, making sure that the elements are first, then alphabetize.*/
/*************************************************elements*********************************************************/
/** {
	  padding: 0;
	  margin: 0;
	border: 1px solid red;
}*/


.bolded {
	font-weight: bold;
}

.italicized {
	font-style: italic;
}

.grow_bold {
	font-weight: bold;
	font-size: 115%;
}

.lighter {
	color: rgb(200,150,100); /* cafe brown */
}


a:link {
	color: rgb(28,81,168); /*blue*/
}
a:visited {
	color: rgb(96,81,144); /* purple-y blue */
}
a:hover, #banner a:hover {
	color: rgb(200,150,100); /* cafe brown */
	text-decoration: underline;
}
a img {
	border: none;
}
body {
	font: 13px/20px 'Lucida Grande', Verdana, Arial, Helvetica, sans-serif;
	text-align: center; /*IE workaround*/
	/*  color: rgb(51,51,51); /* dark grey */
	color: rgb(66,20,0); /* dark brown */
}
#index #wrapper {
	/*  background:transparent url(images/background/home-banner2.jpg) no-repeat scroll center top;*/
}

#wrapper {
}

fieldset {
	border: none;
	border-top: 1px solid #e1d6c4;
	border-bottom: 1px solid #e1d6c4;
	padding: 8px;
}
#content fieldset p {
	margin: 0 0 10px 0;
}
h1, h2, h3 {
/*	font-family: Georgia, 'Times New Roman', serif; from croft*/
	font-weight: bold;
/*	padding-top: 15px;
	padding-bottom: 10px;*/
	color: rgb(66,20,0); /* dark brown */
	clear: both; /*this prevents floated images from causing weird indent problems*/
}
h1 {
/*	padding-top: 25px;*/
	line-height: 20px;
	font-size: 20px;
	font-family: sans-serif;
}
h2 {
	/*background: transparent url(images/heading_flurry.gif) no-repeat bottom left;
	padding-left:30px;*/
	line-height: 15px;
	font-size: 15px;
}
h3 {
	line-height: 13px;
	font-size: 13px;
}

input, textarea, select {
	margin-bottom: 10px;
	border-color: #CAE4FD;
	border: 1px solid rgb(153,153,153);
	/*border-left-color: rgb(204,204,204);
	border-top-color: rgb(204,204,204);*/
	padding: 1px;
}

/*this cotnrols (negates) the margin between small_text sentences and buttons
.submit input {
  margin-bottom: 0;
}*/
input.note {
	margin: 0;
}
input.checkbox {
	margin: 0 10px 0 0;
}

label {
	display: block;
}
label.checkbox {
	display: inline;
}
option {
	padding: 0 5px 0 3px;
}
/*strong {
  background-color: rgb(255,255,204);
  font-weight: normal;
}
.submit {
  margin-bottom: 10px;
  margin: 16px 0 0px 0;
}*/
/*cool buttons courtesty of wordpress & carterdea*/
.submit input, .submit input:focus, .button {
	border: 3px double rgb(153,153,153);
	border-left-color: rgb(204,204,204);
	border-top-color: rgb(204,204,204);
	color: #333333;
	padding: 5px;
	font-size: 15px;
}

.submit input:active, .button:active {
	background: #f4f4f4;
	border: 3px double rgb(204,204,204);
	border-left-color: rgb(204,204,204);
	border-top-color: rgb(204,204,204);
}
#sidebar .submit {
	text-align: right;
}
table {

}
tr.highlight {
	/*background-color: #DDDDDD;*/
}
ul, ol {
	margin-bottom: 16px;
	margin-left: 16px;
}
ul {
	list-style-type: square;
}
#content ul li, #content ol li {
	margin-bottom: 5px;
}
/*************************************************classes*********************************************************/
.r_justify {
	text-align: right;
}
.confirm {
	color: green;
}
.strikeout {
	text-decoration: line-through;
}
.text_container {
	/*  position: relative;*/
	border-top: 1px solid #e1d6c4;
	border-bottom: 1px solid #e1d6c4;
	padding: 10px;
	margin-bottom: 16px;
}
.text_container h2 {
	padding-top: 0;
}
.small_text, #product_feature .small_text{
	font-size: 10px;
	line-height: 12px;
	color: #777777;
}


#content .text_container ol, #content .text_container p {
	margin: 0;
/*	padding-bottom: 10px;*/
}
#about #content .text_container ol  {
	margin: 16px 0 0 20px;
	line-height: 1.7;
}
#about .text_container li {
	margin: 0;
}
#about p {
	line-height: 1.7;
}
#about #meet_roaster {
	font-weight: bold;
	margin: 5px 0px 5px 0px;
}
#green-initiatives #content .text_container p {
	margin-left: 68px;
}
#in-the-cup #content .text_container {
	float: left;
}
#content .text_container a {
	float: left;
	margin: 2px 10px 0 0;
}
#content .text_container p a {
	float: none;
	margin: 0;
}
.error {
	color: #B30000;
}
#zoom-product fieldset .error {
	padding: 5px;
}
.confirm_add_cart {
	border-top: 1px solid #FFA500;
	border-bottom: 1px solid #FFA500;
	/*border: 1px solid green;*/
	font-style: normal;
	padding-left: 70px;
	background: url("images/checkmark4.gif") no-repeat 10px 5px;
	background-color: #FFFFCC;
}
#content .confirm_add_cart {
	padding: 0px 0px 0px 70px;
}
.margin_top {
	margin-top: 10px;
}
.notify {
	border-top: 1px solid #FFA500;
	border-bottom: 1px solid #FFA500;
	background-color: #FFFFCC;
	margin-top: 25px;
	padding: 5px;
}
.notify p, .notify h1, .notify h2, .notify h3 {
	margin: 0;
}
.small_text {
	font-size: 10px;
}
/*************************************************ids*********************************************************/
#about ol {
	margin-left: 40px;
}
#about #content .text_container h2 {
	font-size: 18px;
	margin-bottom: 0px;
	padding-bottom: 5px;
}
/*
#green-initiatives .text_container p  {
	margin-left: 70px;
}
#in-the-cup .text_container p  {
	margin-left: 120px;
}*/
#about #content img {
	float: left;
	margin: 5px 15px 10px 0;
}
#content p.breadcrumb {
/*	margin: 25px 0px 10px 0px;*/
	margin: 0px 0px 20px 0px;
	font-size: 10px;
	color: #999999;
}
.breadcrumb a {
	color: #999999;
}
.breadcrumb a:hover {
	color: #97BC93;
}
#jim #sidebar img, #matt #sidebar img {
	margin-bottom: 5px;
}
#container {
	margin: auto;
	position: relative;
	text-align: left;
	width: 950px;
	z-index: 1;
}
#index #content {
	width: 100%;
	margin-left: 0;
	padding: 0;
	position: relative;
	background: url(./images/background/bkg.jpg) top repeat-y;
}
#content {
	width: 580px;
	float: left;
	margin-left: 50px;
	display: inline; /* IE6 doubled margin bugfix */
	padding: 20px 50px 30px 0;
}

#content p, #sidebar p {
	margin-bottom: 16px;
}
/*though a duplicate, this has to come after content to negate the margin used above*/
#content p.submit, #sidebar p.submit{
	margin: 16px 0 0 0;
}
#content img, #sidebar img, #faq #content img.border, #zoom-product #content fieldset img {
	border: 1px solid #CCCCCC;
}
#content img {
	margin-bottom: 16px;
}
/*feature replaces CTA*/
#content .text_container, #content fieldset, #shopping_cart {
	background-color: #EFF6FD; /*old blue*/
	background-color: #f5f1eb;
}
/*put a border back on because you had to take it off for the button*/
#zoom-product .figure p {
	font-size: 10px;
	line-height: 14px;
	text-align: left;
	margin-bottom: 0;
}
#faq #content img {
	display: block;
	margin-top: 16px;
}
#footer {
	/*  background: transparent url(images/background/footer-4px-line.png) repeat-x scroll center top;*/
	clear: both;
	min-height: 200px;
	text-align: center;
	border-top: 2px solid #CCCCCC;
}

#facebook_exit {
	background: url("./images/icons/facebook_icon.jpg") no-repeat scroll left center;
	height: 20px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}
#facebook_exit a {
	display: block;
	padding-left: 27px;
	padding-top: 10px;
}
#twitter_exit {
	background: url("./images/icons/twitter_icon.jpg") no-repeat scroll left center;
	height: 20px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}
#twitter_exit a {
	display: block;
	padding-left: 27px;
	padding-top: 10px;
}
#email_offers_link {
	background: url("./images/icons/gmail_icon.jpg") no-repeat scroll left center;
	height: 20px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}
#email_offers_link a {
	display: block;
	padding-left: 27px;
	padding-top: 10px;
}
#blog_link {
	background: url("./images/icons/rss_icon.jpg") no-repeat scroll left center;
	height: 20px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}
#blog_link a {
	display: block;
	padding-left: 27px;
	padding-top: 10px;
}

* html #footer {
	height: 200px;
} /* IE6 only */

#footer_content {
	margin: auto;
	text-align: left;
	width: 850px;
	color: #333333;
	font-size: 90%;
	line-height: 16px;
}
.footer_box ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
.footer_box h3, .footer_box {
	color: #888888;
}
.footer_box {
	float: left;
	width: 170px;
	margin-left: 30px;
}
.footer_box a:link {
	color: #888888;
}
.footer_box a:visited {
	color: #888888;
}
.footer_box a:hover {
	color: #71A364;
}

#header {
	background: transparent url(images/background/black-navigation2.png) no-repeat scroll left bottom;
	height: 65px;
	margin: 0 15px;
	width: 920px;
}
#header h1, #header p {
	display: none;
}
/*standard logo*/
#header img.logo {
	/*float: left;
	margin-top: 16px;
	margin-left: 40px;*/
	position: absolute;
	top: 5px;
	left: 35px;
	z-index: 2;
}
#header a:hover img.logo {
	background: transparent url("images/background/home-icon.gif") no-repeat scroll;
	right: 38px;
	padding-right: 30px;
}
#header p.status {
	display: block;
	position: absolute;
	top: 4px;
	right: 40px;
	font-size: 10px;
	line-height: 12px;
	text-align: right;
	color: white;
}
/*#header p.status a {
  color: white;
}
#header p.status a:hover {
  color: #CF6F0F;
}*/
/*most my images are going to have borders around them, therefore, it's easier to say which should NOT have them, as done below*/
#index img, #product #sidebar img, #faq img {
	border: none;
}
#automatic-drip #content img, #espresso #content img, #coffee-press #content img, #content img.big {
	border: 2px solid #999999;
	padding: 2px;
}
img.big {
	margin-left: 85px;
}
fieldset#invite, #edit-cart #sidebar fieldset {
	border: none;
	padding: 0;
}
#navigation li {
	list-style-type: none;
	padding-right: 10px;
	display: inline;
}
#navigation {
	text-align: right;
	font-size: 100%;
	position: relative;
	top: 20px;
	right: 15px;
}
#navigation li strong {
	color: #777777; /*for black*/
}
#navigation li {
	font-weight: bold;
	padding-right: 10px;
}
#navigation a {
	text-decoration: none;
	color: white;
}
#navigation a:hover {
	/*color: #97BC93; green is nice on black*/
	/*color: #ffff99; yellow is nice on brown*/
	text-decoration: underline;
}
#user_acknowledgement {
	display:block;
	font-size:14px;
/*	line-height:12px;*/
	position:absolute;
	right:100px;
	text-align:right;
	top:20px;
}

#banner {
	min-height: 220px;
	width: 500px;
	font-size: 120%;
	padding: 1px 0 20px;
	font-family: Georgia, 'Times New Roman', serif;
	position: relative;
	left: 150px;
}

* html #banner {
	height: 220px;
} /* IE6 only */

#banner h1 {
	padding-top: 10px;
	font-weight: normal;
	color: #9D6532;
}
#banner p {
	color: #662F2A;
}
#banner a {
	color: #418AB7;
	color: #A94D46;
	/*  color: #333333;
	*/}
#after_banner {
}
#product_feature {
	background: transparent url(images/background/product-feature-bg.gif) no-repeat scroll top left;
	float: left;
	margin-left: 50px;
	padding-left:17px;
	padding-top: 20px;
	display: inline; /* IE6 doubled margin bugfix */
	width: 530px;
	min-height: 330px;
	position: relative;
	/*  border: 1px solid red;*/
}

* html #product_feature {
	height: 330px;
} /* IE6 only */

#product_feature .image_left {
	position: relative;
	float: left;
}

#product_feature .image_right {
	/*	float: right;*/
}

#product_feature * a {
	position: static;
}

#product_feature p, #product_feature h2, #product_feature h3 {
	/*  width: 270px;*/
	position: relative;
	left: 25px;
	top: 0px;
}
#product_feature h2 {
	padding-top: 30px;
}
#product_feature p {
	/*  font-size: 110%;*/
}
#product_feature .two_em {
    font-size: 2em;
}
#product_feature .landscapeimage img {
    position:absolute;
    bottom: 19px;
    right: 18px;
    margin-bottom: 1px;
    text-align: right;
}
#product_feature .landscapeimage p {
    right: 25px;
    width:480px;
}



#type_bar_desc {
	font-weight:bold;
}

#type_bar {
	font-weight:bold;
	margin-bottom:20px;
}

#product_small_logo {
	float:left;
	width:175px;
	padding-right:5px;
}

#product_small_logo img {
	width:170px;
	max-height: 96px;
}

#product_small_text {
	float:left;
	width:60%;
}

#content .individual_product #product_small_text h2 {
	padding: 0px;
}

.individual_product {
	clear:left;
	padding-top:10px;
}




#intensity_scale {
	float: left;
	margin-left: 5px;
	margin-top: 15px;
	text-transform: uppercase;
	background-color: rgb(117,66,38);
	height: 20px;
	color: white;
}

#product_feature #intensity_scale li {
	display:inline;
	list-style: none;
	padding-right: 5px;
	padding-left: 5px;
}

#intensity_scale #intensity {
	height: 60px;
	background-color: rgb(165,42,42);
}

#index #content .text_container h3 {
	clear: none;
	padding-top: 0;
	margin: 0;
}
#index #content .text_container {
	width: 290px;
	float: left;
	border: none;
	background-color: white;
	margin: 0 0 0 10px;
	padding: 10px 0 0 0;
}
#organic .text_container, #fair-trade .text_container {
	text-align: right;
}
#organic #content .text_container span a {
	float:none;
}
#fair-trade #content .text_container span a {
	float:none;
}
#testimonial .text_container p.signature {
	text-align: right;
	margin-top: 16px;
}
#testimonial #content p {
	line-height: 1.7;
}
#content p {
	/*forces all text left, even the text modified in text_containers above*/
	text-align: left;
}
#content img.float_right {
	float: right;
	margin: 0 0 16px 20px;
	border: none;
}
#urraco-project img.float_right {
	position: relative;
	top: -45px;
}
#organic img, #zoom-product img, #fair-trade img {
	border: none;
}
#product #content h3, #shipping_address #content h3 {
	text-align: left;
	padding-top: 0;
}
#product #sidebar img, #zoom-product #sidebar img.center {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
#product #content h1, #product #content h2, #product #content h3, #product #content p {
	margin: 0;
	padding: 8px 0px 0px 0px;
}
#product #content .text_container h3 {
	padding-top: 0px;
}
#contact #content p {
	line-height: 1.7;
}
#login #content p {
	line-height: 1.7;
}
#content p {
	line-height: 1.7;
}
#edit-shipping p {
	line-height: 1.7;
}
#success #content h2 {
	padding-top: 15px;
	padding-bottom: 5px;
}
#coffees-journey #container #content p {
	padding-top: 8px;
}


#sidebar {
	font-size: 90%;
	line-height: 16px;
	width: 220px;
	float: right;
	padding: 30px 50px 30px 0px;
}
#sidebar input {
	margin-bottom: 5px;
}
#sidebar h3 {
	margin: 0px 0px 5px 0px;
	padding: 0;
}
#sidebar p {
	margin: 0px 0px 5px 0px;
	padding: 0;
	line-height: 1.6;
}
#sidebar ul {
	margin-left: 0px;
}
#shopping_cart ul, #flavor_profile {
	margin-left: 15px;
	position: relative;
	right: 20px;
	text-align: right;
	list-style-type: none;
}
fieldset#shopping_cart ul {
	position: relative;
	right: 0px;
	text-align: right;
	margin-left: 0;
}
fieldset#shopping_cart {
	padding: 0;
	margin: 0;
	margin-top: 25px;
	border-top: 1px solid #e1d6c4;
	border-bottom: 1px solid #e1d6c4;
	padding: 5px;
}
#shopping_cart h3 {
	padding-top: 0px;
}
#step2 #content img, #edit-billing #content img {
	border: none;
	position: relative;
	bottom: 5px;
}
#step3 #content h3, #step3 #content p.inline {
	display: inline;
}
#edit-cart td, th {
	padding-right: 10px;
}
#edit-cart fieldset p {
	text-align: right;
	margin-right: 40px;
}
#zoom-product h1 {
	margin: 0;
}
#zoom-product #sidebar ul img {
	position: relative;
	top: 5px;
}
#zoom-product #content fieldset img {
	float: left;
	margin-right: 15px;
	width: 89px;
}
#zoom-product br.clear {
	clear: both;
	/*margin-top: 16px;*/
}
#zoom-product #content fieldset {
	padding-left: 15px;
}
#zoom-product fieldset label {
	display: inline;
}
#zoom-product input, #edit-cart input, #zoom-product textarea {
	margin: 0;
}
#zoom-product #content fieldset p {
	margin-bottom: 10px;
	font-size: 12px;
	line-height: 1.5;
}
#zoom-product #content .figure p {
	font-size: 10px;
}
#zoom-product #content h2 {
	padding-top: 0;
	padding-bottom: 8px;
}
#zoom_description, #zoom_no_product {
	padding: 0;
	margin: 0;
	line-height: 1.6;
}

#content .figure #zoom_product_image {
	width: 300px;
	max-height: 200px;
}

/** HEADER */

#header_bar {
	margin-top: 50px;
	padding-left: 100px;
	background-color: rgb(66,20,0); /* dark brown */
	height: 50px;
	position: relative
}

#header_image {
	position: absolute;
	left: 30px;
	top: -25px;
	width: 80px;
	border: none;
}

#header_bar h1 {
	clear: none;
	position: absolute;
	margin: 12px 0px 0px 30px;
	padding: 0px;
	font-family:  Arial, sans-serif;
	font-weight: bold;
	font-size: 20px;
}

#header_bar a, #header_bar a:visited {
	text-decoration: none;
	color: rgb(255,255,255);
}

#header_bar a:hover {
	text-decoration: underline;
	color: rgb(200,150,100);
}

#header_bar ul {
	float: right;
	margin: 14px 0px 0px 0px;
	padding: 0px;
}

#header_bar li {
	display: inline;
	padding-right: 20px;
	font-weight: bold;
	font-size: 15px;
}

/* end HEADER **/



#content h1, #content h2, #content h3, #content p {
	margin: 0;
	padding: 0;
}



.lane_topper {
	height: 100px;
}


/** Left-Lane of Front Page */
#left_lane {
	z-index: 50;
	float: left;
	width: 315px;
}

#left_lane h1 {
	padding: 15px 0px 5px 0px;
}

#left_lane h2 {
	padding-bottom: 5px;
}

#left_lane img {
	margin: 0;
	float: left;
	width: 150px;
	padding: 0px 20px 5px 0px;
}

#left_lane p {
	padding-bottom: 8px;
}

#left_lane ul {
	margin-top: 0px;
}

/* end Left-Lane **/


/** Middle-Lane of Front Page */

#middle_lane {
	z-index: 50;
	float: left;
	width: 315px;
}

#middle_lane h1 {
	padding: 15px 0px 5px 0px;
}

#middle_lane h2 {
	padding-bottom: 2px;
}


#middle_lane img {
	float: left;
	width: 160px;
	padding-right: 10px;
}

#middle_lane p {
	padding-bottom: 8px;
}

/* end Middle-Lane **/


/** Right-Lane of Front Page */

#right_lane {
	z-index: 50;
	float: left;
	width: 260px;
}

#right_lane h1 {
	padding: 15px 0px 5px 0px;
/*	font-size: 15px;*/
}

#right_lane label {
/*	font-size: 85%;*/
}

#right_lane input {
	margin-left: 10px;
}

#right_lane #email {
	margin-bottom: 0px;
}

#right_lane #email_checkbox {
	margin: 4px 0px 20px 15px;
	padding: 0px;
	float: left;
	border: none;
}

#right_lane #email_checkbox_input {
	margin: 5px 0px 10px 35px;
/*	float: left;*/
	text-align: left;
}

#right_lane #card_number_input {
	clear: both;
}

#right_lane #card_number {
	margin-bottom: 0px;
}

#right_lane #rewards_card_tagline {
	clear: both;
	color: rgb(200,150,100); /* cafe brown */
	margin: 2px 0px 0px 15px;
	padding: 0px;
	font-style: italic;
}

#right_lane #front_page_registered_text {
	height: 150px;
	margin-top: 20px;
	color: rgb(250,100,50);
}


#right_lane_register_button {
	padding: 3px 5px;
	float: right;
}

#right_lane p {
	padding-bottom: 8px;
}

/* end Right-Lane **/


/** Dividing_Bar */
#dividing_bar {
	float: left;
	width: 28px;
	height: 40px;
	background: rgb(255,255,255);
}
/* end Dividing_Bar **/


/** Bottom Buffer */
#bottom_buffer {
	z-index: 2;
	position: absolute;
	width: 365px; /* width of middle_lane plus 50*/
	margin-left: 315px; /* width of left_lane */
	height: 40px;
	bottom: 0px;
	background-color: rgb(255,255,255);
}
/* end Bottom Buffer **/

#content #lane_h2, #content #fc_desc, #content #front_page_registered_text {
	line-height: 1.3;
}