@charset "utf-8";
/*  CSS */

a,
a:link,
a:visited,
a:hover,
a:active	{color:#0c0801; outline: none;}

.left		{float:left;}
.right		{float:right;}
.clear		{clear:both;}
.clrright	{clear:right;}
.clrleft	{clear:left;}

h1			{font:1.6em Arial, Helvetica, sans-serif;margin:0;padding:0}
h2			{font:1.5em Arial, Helvetica, sans-serif;margin:0;padding:0}
h3			{font:1.4em Arial, Helvetica, sans-serif;margin:0;padding:0}

.pad5		{padding:5px;}
.sm9		{font-size:0.63em;}
.sm10		{font-size:0.69em;}

img {behavior: url(//www.arnoldscoffee.com/inc/pngbehavior.htc);}
#map img {behavior:none !important;}
#map {line-height:15px;}

strong.norm	{font-weight:normal;}


/******   LAYOUT   ******/
* {outline-style: none;}

html,body	{
	height:100%;
	width: 100%;
	margin: 0 auto;
	}
	
body	{
	margin:0 auto;
	text-align:center;
	padding:0;
	font: 62.5% Verdana, Arial, Helvetica, sans-serif;
	color: #0c0801;
	background:#b7ad70 url(//www.arnoldscoffee.com/images/bg.jpg) repeat-x;
	}
	
#wrapper	{
	width:1000px;
	height:auto;
	margin: 0 auto;
	text-align:left;
	background: url(//www.arnoldscoffee.com/images/bgwrapper.png) repeat-y;
	font: 1.3em/1.5em Verdana, Arial, Helvetica, sans-serif;
	}
	
body#home #header	{
	height:107px;
	margin:0 auto;
	}

#header	{
	height:137px;
	margin:0 auto;
	}

#content	{
	width:980px;
	margin:0px;
	padding: 10px;
	}
	

#colright	{
	float:right;
	width:186px;
	padding: 50px 0 0 10px;
	}

#colright img	{
	margin-left:-10px;}

#bottomboxes	{
	width:1000px;
	height:95px;
	background:url(//www.arnoldscoffee.com/images/bottombg.jpg) no-repeat;
	margin-top:-25px;
	position:absolute;
	}

*html #bottomboxes .box	{width:290px;}
	
#bottomboxes .box	{
	width:300px;
	float:left;
	margin-left:20px;
	padding:10px 5px 0px 5px;
	}

.green,
h1.green,
a.green,
a.green:link,
a.green:visited,
a.green:hover,
a.green:active	{font:14px Georgia, "Times New Roman", Times, serif; color: #4e651f;}


table.options	{
	font:12px/25px Georgia, "Times New Roman", Times, serif; color: #4e651f;
	background:#D6CFAD;
	border:1px solid #a39c79;
	padding:5px 0;
	}

div.item	{
	width:473px;
	float:left;
	margin-right:5px;
	margin-bottom:12px;
	padding:3px;
	background:#C8C093;
	border:1px solid #b5ad83;
	}
p.itemtext	{
	height: 150px;
	height:auto!important;
	min-height:150px;
	}
div.item .green, #formbox h1.green	{font-size:19px;}
h1.heading	{color:#4e651f; border-bottom:1px solid #bcb279;}
	
/* SUBMIT BUTTON */
.buttons button {width:50px;}

.button a.submit, button.submit{
    display:block;
    float:left;
    margin:0 2px 0 0;
    border:1px solid #8ca755;
    font-size:100%;
    text-decoration:none;
    cursor:pointer;
	padding:4px 0px;
	background-color:#c0d498;
	font:bold 100% "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
	color:#455c17;
}
.button a.submit:hover, button.submit:hover{
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
	cursor:pointer;
}
.button a.submit:active{
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
}	 
	
.buttons button img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}	


#formbox	{
	width:700px;
	background:#c7be8c;
	padding:5px;
	border:1px solid #aaa167;
	margin:0 auto;
	}




/******* FOOTER *******/
#footer	{
	height:80px;
	font-size:.85em;
	line-height:1.3em;
	margin-top:30px;
	padding:0 15px;
	color:#5e5938;
	clear:both;
	}

html>/**/body #footer	 {margin-top:50px;}
#footer a	{text-decoration:none;color:#5e5938;}

#footer #credit				 {float:right;width:115px;}
#footer #credit a 	 		 {color:#5e5938;text-decoration:none;}
#footer #credit a:hover 	 {color:#000;text-decoration:none;}









/****************    NAV   ************/
#nav .menu {	
	padding: 50px 0px 0 0;
    overflow: hidden;
    height: 0px !important;
    height /**/:50px;
	float:left;
	}
	
#nav a#home						{background:url(//www.arnoldscoffee.com/images/nav-home.gif) no-repeat;width:86px;}
#nav a#home:HOVER				{background:url(//www.arnoldscoffee.com/images/nav-home-over.gif) no-repeat;}

#nav a#order					{background:url(//www.arnoldscoffee.com/images/nav-ordercoffee.gif) no-repeat;width:148px;}
#nav a#order:HOVER				{background:url(//www.arnoldscoffee.com/images/nav-ordercoffee-over.gif) no-repeat;}
		
#nav a#about					{background:url(//www.arnoldscoffee.com/images/nav-about.gif) no-repeat;width:194px;}
#nav a#about:HOVER				{background:url(//www.arnoldscoffee.com/images/nav-about-over.gif) no-repeat;}
		
#nav a#testimonials				{background:url(//www.arnoldscoffee.com/images/nav-testimonials.gif) no-repeat;width:146px;}
#nav a#testimonials:HOVER		{background:url(//www.arnoldscoffee.com/images/nav-testimonials-over.gif) no-repeat;}

#nav a#contact					{background:url(//www.arnoldscoffee.com/images/nav-contact.gif) no-repeat;width:109px;}
#nav a#contact:HOVER			{background:url(//www.arnoldscoffee.com/images/nav-contact-over.gif) no-repeat;}


 
/******* HORIZONTAL NAV MENU  ***********/
#nav	{
	height:50px;
	width:683px;
	float:right;
	}
*html #nav	{
	position:absolute;
	z-index:500;
	width:683px; 
	} /*IE 6*/ 
		
ul#hrznav {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 683px; /*For KHTML*/
  list-style: none;
  height: 50px;
  padding: 40px 0px 0px 0px;
	}

ul#hrznav li {
  margin: 0;
  border: 0 none;
  padding: 0;
  float: left; /*For Gecko*/
  display: inline;
  list-style: none;
  position: relative;
  height: 34px;
  z-index:500;
	}

ul#hrznav li li{height:28px;list-style: none;}

ul#hrznav ul {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 145px;
  list-style: none;
  display: none;
  position: absolute;
  top: 44px;
  left: 0;list-style: none;
	}

ul#hrznav ul li {
  float: none; /*For Gecko*/
  display: block !important;
  display: inline; /*For IE*/
  list-style: none;
	}

/* Root Menu */
ul#hrznav a {
  padding: 2px 2px;
  float: none !important; /*For Opera*/
  float: left; /*For IE*/
  display: block;
  color: #e1a913;
  font: 1.3em/1.90em Arial, Helvetica, sans-serif;
  text-decoration: none;
  height: auto !important;
  height: 1%; /*For IE*/
	}

/* Root Menu Hover Persistence */
ul#hrznav a:hover,
ul#hrznav li:hover a,
ul#hrznav li.iehover a {
  background: #B7AD70;
  color: #e1a913;
	}

/* 2nd Menu */
ul#hrznav li:hover li a,
ul#hrznav li.iehover li a {
  float: none;
  background: #B7AD70; 
  color: #0c0801;
  border:1px solid #8F8859;
  font-size:1.0em;
  text-indent:5px;
  	}
	
*html #nav	{z-index:500; position:relative; margin-right:-5px;}



/* 2nd Menu Hover Persistence */
ul#hrznav li:hover li a:hover,
ul#hrznav li:hover li:hover a,
ul#hrznav li.iehover li a:hover,
ul#hrznav li.iehover li.iehover a {
  background: #8F8859;
  color: #0c0801;
	}

/* 3rd Menu */
ul#hrznav li:hover li:hover li a,
ul#hrznav li.iehover li.iehover li a {
  background: #EEE;
  color: #666;
	}

/* 3rd Menu Hover Persistence */
ul#hrznav li:hover li:hover li a:hover,
ul#hrznav li:hover li:hover li:hover a,
ul#hrznav li.iehover li.iehover li a:hover,
ul#hrznav li.iehover li.iehover li.iehover a {
  background: #CCC;
  color: #FFF;
	}

/* 4th Menu */
ul#hrznav li:hover li:hover li:hover li a,
ul#hrznav li.iehover li.iehover li.iehover li a {
  background: #EEE;
  color: #666;
	}

/* 4th Menu Hover */
ul#hrznav li:hover li:hover li:hover li a:hover,
ul#hrznav li.iehover li.iehover li.iehover li a:hover {
  background: #CCC;
  color: #FFF;
	}

ul#hrznav ul ul,
ul#hrznav ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 160px;
	}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#hrznav li:hover ul ul,
ul#hrznav li:hover ul ul ul,
ul#hrznav li.iehover ul ul,
ul#hrznav li.iehover ul ul ul {
  display: none;
	}

ul#hrznav li:hover ul,
ul#hrznav ul li:hover ul,
ul#hrznav ul ul li:hover ul,
ul#hrznav li.iehover ul,
ul#hrznav ul li.iehover ul,
ul#hrznav ul ul li.iehover ul {
  display: block;
	}



form#ccpotin	{
	margin:0;padding:0;float:left;}

/**********  CONTACT FORM   **********/
form#contact 	{
	margin:0;
	padding: 5px;
	float:right;
	width: 275px;
	}	

#contact label,#contact input {
	display: block;
	width: 150px;
	float: left;
	margin-bottom: 10px;
	}

#contact label {
	text-align: right;
	width: 75px;
	padding-right: 5px;
	}

#contact br {clear: left;}

#contact fieldset	{
	margin:0px 0px 10px 0px;
	position:relative;
	display:block;
	padding: 0px 10px 10px 10px;
	} 
	
#contact legend	{
	color:#587021;
	font-variant:small-caps;
	font:bold 1.0em Verdana, Arial, Helvetica, sans-serif;
	padding:2px 5px;
	position: relative;  
	}

#contact span.state	{width:130px;float:left;text-align:right;}
	
#contact #zip {
	width: 60px;
	margin-right:12px;
	float: left;
	}
#contact #zipname	{width:27px;margin-left:13px;float:left;}
	
#contact #comments	{
	display: block;
	width: 240px;
	height:70px;
	margin-bottom: 15px;
	}

textarea{overflow:auto;}
	
#contact #submit	{
	width: 85px;
	height:32px;
	margin-left:90px;
	}
	 
#contact .shhhh, .shhhh {display:none;}


#validationmessage {width:300px; margin-bottom:10px;}
.error {background:#fbb; border:2px dashed #f00; color:#900; padding:5px; text-align:center; font-weight:bold;}
span.red {font-weight:bold; color:#f00;}

#cart1, #cart2 {
	float:right;
	width: 390px;
	font-size:1.0em;
	color:#6C8833;
	background:#C8C093 url(//www.arnoldscoffee.com/images/cart.gif) 2px 4px no-repeat;
	border:1px solid #9F9763;
	padding:5px;
	padding-left:20px;
	text-align:center;
	behavior: url(inc/pngbehavior.htc);
	}
#cart1 a, #cart2 a {color:#533503;}
#cart1 {margin-top:-50px; position:relative; z-index:5;}
#cart2 {margin: 30px 0;}
#cart1 span.price, #cart2 span.price {color:#533503;}



/* BUTTONS */

button, a.button	{
    display:block;
    float:left;
    margin:0 7px 0 0;
    font: 100% "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}
button, a.button {
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
button[type], a.button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}


/* POSITIVE */

button.positive, a.button.positive{
    color:#fff;
	background:#990000;
	border:1px solid #7F0000;
}
button.positive:hover, a.positive:hover{
    background-color:#BF0000;
    border:1px solid #7F0000;
    color:#fff;
}
button a.positive:active{
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
}

/* NEGATIVE */

button.negative, a.negative{
    color:#76704a;
	background:#8F8859;
}
button.negative:hover, a.negative:hover{
    background:#76704a;
    border:1px solid #8F8859;
    color:#fff;
}
.button a.negative:active, a.button{
    background:#CFC581;
    border:1px solid #8F8859;
    color:#76704a;
}

.coffeeselect {width: 170px;}
.DivOptions {position: absolute;display:block; width:234px; display:none; background:#fff; border:1px solid #7F9DB9; z-index:10;}
.DivOptions span {display:block; width:100%; height:auto; cursor:default; font:12px Verdana, Arial, Helvetica, sans-serif; color:#000; padding:2px; }
.DivOptions span em {color:#f00; font-style:italic; font-weight:bold;}





.textbox h1.headersinline,.textbox h2.headersinline, .textbox h3.headersinline{
	font: 1.0em/1.0em Verdana, Arial, Helvetica, sans-serif;
	display:inline;
	}